/*  
 * StyleSheet for the web part of the solution
 * 
 *  Action    Date          Name                        Action
 * --------------------------------------------------------------------------------
 *  Created:  31-05-2006	henning@medialogic.dk		File created
 *  Modified: 31-05-2006	michael@medialogic.dk		Styles added
 */


/* 
 * Page structure:
 * Contains the main id and classes for the design of the page.
 */




/* Body, html and form defaults */
body, html, form
{
	width: 100%;
	height: 100%;

	margin: 0px;
	text-align: center;

	color: #000000;
	font-family: arial,sans-serif;
	font-size: 11px
}

hr
{
	height: 1px;
	color: #86b4c4;	
}

img
{
	border: 0px;	
}

div
{
	
}

/*td
{
	vertical-align: top;
	text-align:center;	
}*/

/* Style surrounding the ENTIRE page. */
#Page_Main
{
	height: 100%;
	width: 982px;
	margin: auto;
}

/* Style controlling the MENU part of the page. */
div.Page_Menu
{
	float: left;
	text-align: left;
	
	width: 982px;
	height: 97px;
}

/* Style controlling the MENU SPACE part of the page. */
div.Page_MenuSpace
{
	float: left;
	height: 6px;
	width: 982px;
	line-height: 0px;
}

/* Style controlling the CONTENT part of the page. */
div.Page_Content
{
	float: left;
	text-align: left;
	
	width: 982px;
	height: 520px;
}

div.Page_ContentLeftMain /* 300px */
{
	float: left;
	width: 300px;
}

div.Page_ContentLeft /* 257px */
{
	float: left;
	width: 257px;
}

div.Page_ContentVerticalSpace /* 5px */
{
	float: left;
	width: 5px;
	height: 100%;
}

div.Page_ContentHorizontalSpace /* 5px */
{
	line-height: 0px;
	float: left;
	width: 100%;
	height: 5px;
}

div.Page_ContentRightMain /* 677px */
{
	float: left;
	width: 677px;
}

div.Page_ContentRight /* 716px */
{
	float: left;
	width: 720px;
}

div.Page_ContentRightSmall /* 458px */
{
	float: left;
	width: 458px;
}

div.Page_SubContentFull /* 677px */
{
	float: left;
	width: 677px;
}

div.Page_SubContentLarge /* 476px */
{
	float: left;
	width: 476px;
}

div.Page_SubContentSmall /* 196px */
{
	float: left;
	width: 196px;
}

td.TopLeftBorder1
{
	background-image: url(../Images/top_left_border1.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 77px;
}

td.TopLeftBorder2
{
	background-image: url(../Images/top_left_border2.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

td.TopBackground1
{
	background-image: url(../Images/top_bg1.gif);
	background-repeat: repeat-x;
	height: 77px;
}

td.TopBackground2
{
	background-image: url(../Images/top_bg2.gif);
	background-repeat: repeat-x;
	height: 20px;
}

td.TopRightBorder1
{
	background-image: url(../Images/top_right_border1.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 77px;
}

td.TopRightBorder2
{
	background-image: url(../Images/top_right_border2.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}

td.TopLogo
{
	padding-left: 10px;
	width: 250px;
}

td.TopLogoRight
{
	width: 185px;
}

td.TopSearch
{
	text-align: right;
}

td.TopLink
{
	padding-left: 40px;
}

a.TopLink
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.TopLink:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}


a.ProgramLink
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.ProgramLink:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}


input.Button
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

input.ButtonSearch
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

input.TextBox
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #9C9C9C;
	padding: 2px;
}

input.TextBoxSearch
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #9C9C9C;
	padding: 2px;
}

textarea.TextBox
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #9C9C9C;
	padding: 2px;
}

.font_12px
{
	font-family: Arial;
	font-size: 12px;
}

.font_11px
{
	font-family: Arial;
	font-size: 11px;
}

td.VerticalLine
{
	width: 21px;
	background-image: url(../Images/verticalline.gif);
	background-repeat: repeat-y;
}


td.HeaderBrownLeft
{
	background-image: url(../Images/header_brown_left.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 20px;
}

td.HeaderBrownCenter
{
	padding-left: 10px;
	background-image: url(../Images/header_brown_bg.gif);
	background-repeat: repeat-x;
	height: 20px;

	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

td.HeaderBrownRight
{
	background-image: url(../Images/header_brown_right.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 20px;
}

div.HeaderBrownSpace
{
	height: 1px;
	width: 100%;
}

td.TableBrownBackground
{
	padding-left: 9px;
	padding-right: 9px;
	background-color: #E9DBC7;
}

td.TableBrownContent
{
	padding: 5px 5px 5px 5px;
}




td.HeaderBlueLeft
{
	background-image: url(../Images/header_blue_left.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 20px;
	font-size: 1px;
}

td.HeaderBlueCenter
{
	padding-left: 10px;
	background-image: url(../Images/header_blue_bg.gif);
	background-repeat: repeat-x;
	height: 20px;

	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

td.HeaderBlueRight
{
	background-image: url(../Images/header_blue_right.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 20px;
	font-size: 1px;
}

div.HeaderBlueSpace
{
	height: 1px;
	width: 100%;
	font-size: 1px;
}

td.TableBlueBackground
{
	padding-left: 9px;
	padding-right: 9px;
	background-color: #D9E9EE;
}

td.TableBlueContent
{
	padding: 5px 5px 5px 5px;
}



td.HeaderOrangeLeft
{
	background-image: url(../Images/header_orange_left.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 20px;
	font-size: 1px;
}

td.HeaderOrangeCenter
{
	padding-left: 10px;
	background-image: url(../Images/header_orange_bg.gif);
	background-repeat: repeat-x;
	height: 20px;

	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

td.HeaderOrangeRight
{
	background-image: url(../Images/header_orange_right.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 20px;
	font-size: 1px;
}

div.HeaderOrangeSpace
{
	height: 1px;
	width: 100%;
	font-size: 1px;
}

td.TableOrangeBackground
{
	padding-left: 9px;
	padding-right: 9px;
	background-color: #E18A74;
}

td.TableOrangeContent
{
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;	
}



a
{
	font-family: Arial;
	font-size: 11px;
	color: #D0451A;
	text-decoration: none;
}

a:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #D0451A;
	text-decoration: underline;
}

a.Special
{
	font-family: Arial;
	font-size: 11px;
	color: #256266;
	text-decoration: none;
}

a.Special:hover
{
	font-family: Arial;
	font-size: 11px;
	color: #256266;
	text-decoration: underline;
}

a.Matrix
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.Matrix:hover
{
	color: #000;	
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


td.MatrixCel1Header
{
	padding: 5px 10px 5px 10px;
	background-color: #D9E9EE;
}

td.MatrixCellItem
{
	padding: 2px 10px 2px 10px;
	background-color: #ECF4F7;
}

td.MatrixCel1AlternatingItem
{
	padding: 2px 10px 2px 10px;	
	background-color: #D9E9EE;
}


td.MatrixCel1Footer
{
	background-color: #D9E9EE;
}


a.BreadCrumb
{
	font-family: Arial;
	font-size: 10px;
	color: #D0451A;
	text-decoration: none;
}

a.BreadCrumb:hover
{
	font-family: Arial;
	font-size: 10px;
	color: #D0451A;
	text-decoration: underline;
}

a.BreadCrumbBold
{
	font-family: Arial;
	font-size: 10px;
    font-weight:bolder;	
	color: #D0451A;
	text-decoration: underline;
}

a.BreadCrumbBold:hover
{
	font-family: Arial;
	font-size: 10px;
    font-weight:bolder;	
	color: #D0451A;
	text-decoration: underline;
}

.boldText
{
    font-weight:bold;
}

.LinkText
{
	font-family: Arial;
	font-size: 11px;
	color: #D0451A;
}

.TreeViewSelectedItem
{
    color: #d0451a;
    text-decoration: underline;
}


div.ExamplePreviewGroup
{
    margin: 10px 15px 30px 15px;
    float: left;
    width:650px;
}

div.ExamplePreviewGroup_NoExamples
{
    float: left;
    width:100%;
    height:400px;
}



.ExamplePreviewGroupHeadline
{
	font-family: Arial;
	font-size: 12px;
    font-weight: bold;
}


div.ExamplePreview
{
    width:285px;
    height:210px;
    float:left;
    overflow:auto;
    margin-bottom:15px;
    background: #ecf4f7;
    padding: 10px 10px 10px 10px;

}

.ExamplePreviewHeadline
{
	font-family: Arial;
	font-size: 11px;
    font-weight: bold;
    margin-bottom: 6px;
}


div.ExamplePreviewArea
{
    width:100%;
    float:left;    
}

div.ExampleSpacer
{
    width:40px;
    height:100px;
    float:left;
}

.ExampleOverviewList_Grid
{
    border-style: none;
}


.ExampleOverviewList_GridHeader
{
  	font-family: Arial;
	font-size: 11px;
    font-weight: bold;
}

.ExampleOverviewList_GridItem
{
  	font-family: Arial;
	font-size: 11px;
	text-align:center;
}

.ExampleOverviewList_GridAlternatingItem
{
  	font-family: Arial;
	font-size: 11px;
}

.WaterMarkedTextBox
{
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #86b4c4;
	padding: 2px;
	color: #FFF;
	display: inline;
	background: #ecf4f7;
	visibility: visible;
}

fieldset
{
	border-width:1px;
	border-style:solid;
	border-color:#86b4c4;
	background-color:#ECF4F7;
	margin-right:auto; 
	margin-left:auto;
	position:relative;
	display:block;
	padding-left:5px;
	padding-right:5px;

}

fieldset legend
{
	font-size:14px;
	font-weight:bold;	
	border-color:#333333;
	padding:2px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -10px;
}