/* 
================================
Skin styles for DotControl
================================
*/

html, body {
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-color: #6591CD;
	margin: 0;
	height: 98%;
}
.pagemaster {
	width: 100%;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-x;
	background-color: #6591CD;
}
#PageHeader {
	height: 50px;
	background-image: url(images/main-logo.jpg);
	background-repeat: no-repeat;
}
.footer {
	background-image: url(images/footer_main.jpg);
	background-repeat: repeat-x;
	height: 23px;
	font-weight: normal;
	color: #15428B;
	padding: 0px;
	padding-left: 0px;
	font-size: 0.6em;
	position: fixed;
	bottom: 0;
}
.footer_left {
	background-image: url(images/footer_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 10px;
}
.footer_right {
	background-image: url(images/footer_right.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 21px;
	width: 200px;
	display: block;
	padding-right: 1px;
}

.footer span{
	font-weight: normal;
	font-size: 1em;
}
.footer a{
	font-weight: normal;
	font-size: 1em;
	margin: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

.footer a:hover{
    color: #15428B;
	border: 1px solid #BFA879;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #15428B;
	text-decoration: none;
	background-image: url(images/button_over.jpg);
}
#LeftPane {
	text-align: left;
	height: 100%;
	padding-left: 3px;
	margin-top: 3px;
	display: block;
	padding-right: 4px;
}
#LeftPane a:hover {
	color: #999999;
}
#LeftPane div {
	width: 200px;
}
.contentpane {
	width: 100%;
}
#dnn_ContentPane a:hover {
	color: #999999;
}
.rightpane {
	background-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
}
#RightPane {
	width: 275px;
	display: block;
	background-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
}
.rightpane .containermaster_dc {
	width: 200px;
}
.StandardButton {
   background: #aaaaaa none; 
   color: #ffffff;
   font-family: Verdana, sans-serif; 
   font-size: 11px;
   font-weight: normal;
}
.TreeViewMenu {
	width: 155px;
	background-color: #FFFFFF;
	border: #15428B 1px solid; 
}
.TreeViewMenu_Header {
	display: none;
}
.TreeViewMenu_HeadItem {
	font-family: Tahoma, Arial, Helvetica;
	font-size:  18px;
	font-weight:  normal;
	color: #333333;
	background-image: url(menu_item.jpg);
	background-repeat: repeat-x;
	height: 21px;
}
.Head {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:  12px;
   font-weight: bold;
   color: #204D89;
   margin-top: -5px;
}
.SkinObject {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #113571;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#204D89;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#204D89;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#204D89;
}

A.SkinObject:hover    {
    color: #15428B;
	border: 1px solid #BFA879;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	background-image: url(images/button_over.jpg);
}


/**** Old ***/

.NormalTextBox {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}



/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	color: #113571;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/button_over.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	height: 20px;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    color: #113571;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(button.jpg);
	text-decoration: none;
}

A.CommandButton:visited  {
    color: #113571;
	border: 1px solid #15428B;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(button.jpg);
	text-decoration: none;
}

A.CommandButton:active   {
    color: #113571;
	border: 1px solid #7F9DB9;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(button.jpg);
	text-decoration: none;
}

A.CommandButton:hover    {
    color: #15428B;
	border: 1px solid #BFA879;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #15428B;
	text-decoration: none;
	background-image: url(images/button_over.jpg);
}

.Settings hr {
	color: #74ACD1;
}

/***** Rad panelbar ***********/
.panelbar
{
	border: 1px solid #15428B;
	border-top: none;
	width: 156px;
	}
.panelbarHeaderCollapsed
{ 		
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	height: 21px;
	padding-left: 6px;
	border-top: 1px solid #15428B;
	background: url(menu_item.jpg) repeat-x;
}
.panelbarHeaderHoverCollapsed
{ 		
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	height: 21px;
	padding-left: 6px;
	border-top: 1px solid #15428B;
	background: url(menu_item_selected.jpg) repeat-x;
}

.panelbarHeaderExpand
{
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	font-weight: normal;
	cursor: hand;
	cursor: pointer;
	height: 22px;
	padding-left: 6px;
	border-top: 1px solid #15428B;
	border-bottom: 1px solid #A7A7A7;
	background: url(menu_item_selected.jpg) repeat-x;
}

.panelbarItem 
{
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	padding-left: 15px;
	height: 21px;
	background-color: #FFFFFF;
}
.panelbarItemHover
{
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	padding-left: 15px;
	height: 21px;
	background-color: #E9F2FB;
}
.panelbarItemGroup
{
	background-color: #00FF00;
	border-top: 1px solid #15428B;
}

.penalberItemDesabled
{
	FONT-SIZE: 11px; 
	COLOR: #ab9e8d;
	FONT-FAMILY: Tahoma, Arial,Verdana;
	text-decoration: none;
	padding-left: 25px;
	height: 26px;
	background-image: url(../Img/ItemsSeparator.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}




/* commom style for all browsers */

.SEOMenuV {text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em; margin:0 padding:0; list-style-type:none; z-index:9999;border-top:1px solid #6593CF; width:156px; font-weight:normal;}
.SEOMenuV ul {padding:0; margin:0; list-style-type:none; /* for Firefox */}
.SEOMenuV li {float:left; position:relative; list-style-type:none;background: url(images/menu_item.jpg) top left repeat-x; height:23px; width:156px; padding-left:0px; border:1px solid #6593CF;border-top:none;}
.SEOMenuV li a, .SEOMenuV li a:visited {display:block; text-decoration:none; width:156px; color:#000; float:left; height:20px; color:#909; font-size: 11px; text-decoration: none; color: #000000; padding-top: 4px;padding-left:0.5em; font-family: Tahoma, Arial, Helvetica, sans-serif;}/* First Level */ 
* html #SEOMenuV li a, .SEOMenuV li a:visited {width:7em; w\idth:6em; /* hack for IE5.5 */}
.SEOMenuV li a.sub, .SEOMenuV li a.sub:visited {font-weight:normal;}/* First Level */ 
.SEOMenuV li ul {visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;}
.SEOMenuV table {margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */}

/* For Current Link */ 
.SEOMenuV .CurrentItem a, .SEOMenuV .CurrentItem a:visited{background:#fff;background: url(images/menu_item_selected.jpg) top left repeat-x; width: 150px; height:23px;}
.SEOMenuV .CurrentItem a:hover{background: url(images/menu_item_selected.jpg) top left repeat-x; color: #FF0000;}

/* For Parent Link */ 

.SEOMenuV .ParentItem a, .SEOMenuV .Parentlist a:visited{background:#fff}
.SEOMenuV .Parentlist a:hover{background: url(images/menu_item_selected.jpg) top left repeat-x;}

/* For TabID 56 Link */ 

.SEOMenuV .56 a, .SEOMenuV .56 a:visited{background:#fff}
.SEOMenuV .56 a:hover{background: url(images/menu_item_selected.jpg) top left repeat-x; display:block; width: 150px;}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.SEOMenuV li:hover a,.SEOMenuV li a:hover {text-decoration:none; border:0;background: url(images/menu_item_selected.jpg) top left repeat-x; width: 150px; height:20px;}
.SEOMenuV li:hover ul,.SEOMenuV li a:hover ul {visibility:visible; height:auto; width:156px; background:#fff; border-top:1px solid #6593CF;left:156px; top:-1px; overflow:visible;}/* Second Level */ 
.SEOMenuV li:hover ul li a,.SEOMenuV li a:hover ul li a {display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; height:20px; width:156px;}/* Second Level */ 
* html #SEOMenuV li a:hover ul li a {width:10em; w\idth:9em; /* hack for IE5.5 */}
.SEOMenuV li:hover ul li a.sub,.SEOMenuV li a:hover ul li a.sub {font-weight:normal;}
.SEOMenuV li:hover ul li ul,.SEOMenuV li a:hover ul li a ul {visibility:hidden; position:absolute; top:0; left:156px; height:0; overflow:hidden;}
.SEOMenuV li:hover ul li a:hover,.SEOMenuV li a:hover ul li a:hover {text-decoration:none; border:0;background: url(images/menu_item_selected.jpg) top left repeat-x; width: 150px;}
.SEOMenuV li:hover ul li:hover ul,.SEOMenuV li a:hover ul li a:hover ul {visibility:visible; color:#000; border-top:1px solid #6593CF; height:auto; background:#fff; width:150px; margin-top:-1px;} /* Third Leve and up */ 
.SEOMenuV li:hover ul li:hover ul.left,.SEOMenuV li a:hover ul li a:hover ul.left {left:150px;}
.SEOMenuV li:hover ul li:hover ul li a,.SEOMenuV li a:hover ul li a:hover ul li a {display:block;height:20px;}/* Third Level and up*/ 
.SEOMenuV li:hover ul li:hover ul li:hover a,.SEOMenuV li a:hover ul li a:hover ul li a:hover {text-decoration:none; border:0;background: url(images/menu_item_selected.jpg) top left repeat-x; display:block; width: 150px;border-right:1px solid #6593CF;}

/************ Container styles *************/
.containermaster_dc {
	width: 100%;
	background-color: #FFFFFF;
	border: #6891D1 1px solid;
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
	text-align: left;
}
.containerrow1_dc {
	background-image: url(images/top.jpg);
	background-repeat: repeat-x;
	text-align: left;
	height: 24px;
}
.containerrow2_dc {
	background-color: #ffffff;
	text-align: left;
}
#container_icon img {
	width: 16px;
	height: 16px;
	padding-right: 0px;
}
.main_content {
	padding: 20px;
	text-align: left;
	line-height: 1.5;
}
.main_title {
	padding-left: 5px;
	padding-top: 1px;
}
/****** Panel styles *********/

/************ Login************/
#login {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size:  11px;
   color: #000000;
}
#login_button {
	float: left;
	clear: right;
}
#login_register {
	float: left;
	clear: right;
}
.StandardButton {

}
#login_forgotpassword {
	float: left;
	clear: right;
	margin-top: 40px;
	margin-left: -115px;
}


.StandardButton {
    color: #113571;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	background: none;
}

A.StandardButton:link {
    text-decoration:    none;
    color:#204D89;
}


A.StandardButton:hover    {
    color: #15428B;
	border: 1px solid #BFA879;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	background-image: url(images/button_over.jpg);
}
#ControlPanel_holder {
	background-position: left top;
	background-image: url(images/bar_back_portal.jpg);
	background-repeat: repeat-x;
	height: 141px;
	padding-bottom: 5px;
	margin: 0px;
	margin-left: -2px;
	margin-top: -10px;
}
.Kop-1 {
	color: #4F81BD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}
.Stijl-1 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
.Link-1 {
	color: #4F81BD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-decoration: underline;
}
.Afbeelding-links {
	float: left;
}
.Afbeelding-rechts {
	float: right;
}
.manual_holder {
	border: 1px solid #6891D1;
	}
.manual_description {
	padding: 10px;
	color: #FFFFFF;
	background-color: #6593CF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
}
.manual_content {
	padding: 10px;
	padding-left: 15px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.manual_row_holder {
	border: 1px solid #6891D1;
	border-bottom: none;
}
.manual_row_header {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #6593CF;
	border-bottom: 1px solid #6891D1;
	color: #FFFFFF;
}
.manual_row_title {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	background-color: #CFE4FF;
	width: 150px;
	border-right: 1px solid #6891D1;
}
.manual_row_title2 {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	background-color: #CFE4FF;
	width: 150px;
	border-right: 1px solid #6891D1;
}
.manual_row_title3 {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	background-color: #CFE4FF;
	width: 50px;
	border-right: 1px solid #6891D1;
}
.manual_alt_row_title {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	width: 150px;
	border-right: 1px solid #6891D1;
}
.manual_alt_row_title2 {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	width: 150px;
	border-right: 1px solid #6891D1;
}
.manual_alt_row_title3 {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	width: 50px;
	border-right: 1px solid #6891D1;
}
.manual_row {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
	background-color: #CFE4FF;
}
.manual_alt_row {
	padding: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #6891D1;
}

/******temp manual****/
#manual_chapterholder {
	width: 100%;
	}
#manual_chapter {
	margin: 1px;
	float: left;
	padding: 5px;
	padding-right: 7px;
	width: 110px;
	margin-left: 20px;
	margin-right: 20px;
}
#manual_chapter:hover {
	background-color:#F3F3F3;
	border: 1px solid #EBEBEB;
	margin: 0;
	margin-left: 19px;
	margin-right: 19px;
}
#manual_chapter img {
	border: 0;
	margin-bottom: -10px;
}
#manual_chapter p {
	margin: o;
	padding: 0;
}
#manual_chapter p a {
}