BODY {
    MARGIN: 0;
    padding: 0px; 
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
    FONT-SIZE: 10px;
}

FORM { 	
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
}

INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B2D6D7;
	padding: 1px;
	border: 1px solid #96B2B3;
	background-color: #313536;
}

INPUT.radio { 
	border-style: none; 
	background: none; 
}

INPUT[type='radio']  { 
	border-style: none; 
	background: none; 
}
  
INPUT.checkbox { 
	border-style: none; 
	background: none; 
}

INPUT[type='checkbox']  { 
	border-style: none; 
	background: none; 
}  

TABLE { 
	border: none; 
}
TH { 
	font: bold 11px Arial, Helvetica, sans-serif; 
	text-align: left; 
	color: #666;
	padding: 0px;
	margin: 0px;
}
TD {    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B2D6D7;
	padding: 0px;
	margin: 0px;
}

OL, UL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B2D6D7;
}
P, SPAN, DIV {
	LINE-HEIGHT: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B2D6D7;
}


h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; color: #FFFFFF; font-weight: normal; margin-top: 10px; margin-bottom: 20px; padding: 0px;  }
h2 { FONT: lighter 26px Arial, Helvetica, sans-serif; color: #000000; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #FFFFFF; font-weight: normal; margin-top: 10px; margin-bottom: 15px; padding: 0px; }
h4 { FONT: bold 13px Arial, Helvetica, sans-serif; color: #000; margin-top: 0px; margin-bottom: 6px; }
h5 { FONT: bold 13px Arial, Helvetica, sans-serif; margin-bottom: 0px; }
h6 { FONT: normal 11px Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 0px;}


/* ########################################## */
/*                  SITEWIDE                  */
/* ########################################## */
#Main { 
	margin-top: 0px; 
	margin-left: 24px; 
	margin-right: 24px;
	margin-bottom: 12px; 
	text-align: left; 
	vertical-align: top; 
}

#Staff { 
	margin: 0px; 
	padding: 0px; 
}

#Hint { padding-top: 24px; text-align: left; font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif;  }
#Hint p.paragraph { text-align: left; font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif;   }

.smallwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.smallgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #454B4B;
	text-decoration: none;
}

#personalization {
	background-image: url(../images/personalization_bg.gif); 
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding: 10px;
	width: 280px;
	height: 47px; 
}

#personalization A:link, #personalization A:active, #personalization A:hover, #personalization A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#personalization P { margin: 0px; padding: 0px; }

#TOC { 
	width: 200px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	padding: 0px;

}

#TOC .menucomponent {
	margin-left: 8px; 
	margin-top: 7px;
	margin-bottom: 7px;
}

#TOC .menucomponent_main {
	margin-left: 8px; 
	margin-top: 7px;
	margin-bottom: 10px;
	font-weight: bold; 

}

#TOC .menucomponent_selected { background-color: #10f9fd;  }
#TOC .menucomponent_selected .lu { background-image: url("/images/blocks/highlight_lu.gif"); }
#TOC .menucomponent_selected .u { background-image: url("/images/blocks/highlight_u.gif"); }
#TOC .menucomponent_selected .ru { background-image: url("/images/blocks/highlight_ru.gif"); }
#TOC .menucomponent_selected .l { background-image: url("/images/blocks/highlight_l.gif"); }
#TOC .menucomponent_selected .r { background-image: url("/images/blocks/highlight_r.gif"); }
#TOC .menucomponent_selected .ld { background-image: url("/images/blocks/highlight_ld.gif"); }
#TOC .menucomponent_selected .d { background-image: url("/images/blocks/highlight_d.gif"); }
#TOC .menucomponent_selected .rd { background-image: url("/images/blocks/highlight_rd.gif"); }

#TOC .menucomponent_selected DIV { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000; 
}

#TOC a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



/* ##################### */
/*      LINK STYLES      */
/* ##################### */
A.smallwhite:link, A.smallwhite:active, A.smallwhite:hover, A.smallwhite:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

A:link, A:active, A:hover, A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #10F3F8;
	text-decoration: none;
}

A.sortlink, A.sortlinkasc, A.sortlinkdesc {
	background-image: url(../images/sort_arrow_off.gif); 
	background-repeat: no-repeat; 
	background-position: right 2px; 
	margin: 0px; 
	padding-right: 12px;  
}

A.sortlinkasc { 
	font-weight: bold; 
	background-image:  url(../images/sort_arrow_up.gif); 
}

A.sortlinkdesc { 
	font-weight: bold; 
	background-image: url(../images/sort_arrow_down.gif); 
}


.Focus { padding: 12px 6px 12px 6px; text-align: left; font-size: 13px; color: #757575; font-family: Arial, Helvetica, sans-serif; background: #f3f3f3; border: 1px solid #BFBFBF;}
.Remark { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana,  Arial, Helvetica, Sans-serif; }
.CurrentIcon { 
	padding: 8px; 
	margin-bottom: 20px; 
}
.CurrentIcon img { padding: 3px; float: left; border: none; }




/* ################## */
/*    WIDGETS BITS    */
/* ################## */
.WidgetAlertMessage { FONT-SIZE: 11px; FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif; background-color: #FBFFCC; text-align: left; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; padding: 6px; width: 100%; }
.WidgetControlAlertMessage   { FONT-SIZE: 11px; COLOR: #EA0000; FONT-FAMILY: Verdana, geneva, arial, helvetica, sans-serif; }
.WidgetControlAlertMessage A { FONT-SIZE: 11px; FONT-FAMILY: Verdana, geneva, arial, helvetica, sans-serif; }

.Widget { 
	margin-right: 6px; 
	margin-top: 6px;
}
.Widget td { }
.WidgetControlLabel { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	FONT-WEIGHT: bold; 
	color: #B2D6D7;
	margin-top: 8px; 
	margin-right: 31px; 
	vertical-align: top; 
	text-align: right;
}
.WidgetControl { 
	margin-top: 8px; 
	margin-bottom: 2px; 
}
.WidgetControlRequired { 
	border-left: 4px solid #10f9fd; 
	margin-top: 8px; 
	margin-bottom: 2px; 
	padding-left: 1px; 
}
.WidgetControlRemark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	FONT-WEIGHT: normal; 
	color: #7B9091; 
}

.WidgetControlHint { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	FONT-WEIGHT: normal; 
	color: #7B9091; 
}

.WidgetBtn { 
	height:20px; 
	font: bold 10px Verdana; 
	color: #B2D6D7; 
	background: #467879; 
	border: 1px solid; 
	border-top-color: #7CD5D7; 
	border-right-color: #223B3B; 
	border-bottom-color: #223B3B;  
	border-left-color: #7CD5D7; 
}
.WidgetDeleteBtn { 
	height:20px; 
	font: bold 10px Verdana; 
	padding-left: 6px; 
	padding-right: 6px; 
	color: #000000; 
	background: #DCE0E6; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #F5F6F7; 
	border-right-color: #BFB7BC; 
	border-bottom-color: #BFB7BC; 
	border-left-color: #F5F6F7; 
}
.WidgetSmallBtn { padding-left: 6px; padding-right: 6px; font: bold 10px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #0063DC; border: 1px solid; border-top-color: #7CBAFF; border-right-color: #2854A7; border-bottom-color: #2854A7; border-left-color: #7CBAFF; padding: 0px; margin: 0px; }
.WidgetSmallDeleteBtn { padding-left: 6px; padding-right: 6px; color: #000000; background: #DCE0E6; border: 1px solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7; font: 10px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }
.WidgetBigBtn { padding-left: 6px; padding-right: 6px; font: bold 16px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #0063DC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #7CBAFF; border-right-color: #2854A7; border-bottom-color: #2854A7; border-left-color: #7CBAFF; }

/* ##################### */
/*  Deck Control Widget  */
/* ##################### */

.WidgetDeckControl.deck {
	position:	relative;
	width:		100%;
	margin-right:	-2px;
}

.WidgetDeckControl .tab-row  .tab {
    	cursor:	Default;
	width: auto;
	height:	20px;
	position: relative;
	top: 0;
	display: inline;
	float: left;
	overflow: hidden;
	margin:	1px -1px 1px 2px;
    	padding: 4px 18px 0px 12px;
	border:	0;
	z-index: 1;
	white-space:	nowrap;
	text-align:		center;
}

.WidgetDeckControl .tab-row  .tab.selected {
	width: auto;
	height:	22px !important;
	background-image: url("/images/blocks/tab_bg.gif" );
	background-repeat: repeat-x;
	border-bottom-width: 0;
	z-index: 3;
	margin:	1px -3px -3px 10px;
	padding: 4px 18px 0px 12px;
}

.WidgetDeckControl .tab.selected A {
    font-weight: bold; 
    COLOR: #454545; 
}

.WidgetDeckControl .tab A {
}

.WidgetDeckControl .tab-row  .tab.hover {
	height:	20px;
}

.WidgetDeckControl .tab.hover A { 
}

.WidgetDeckControl .deck-page {
	border-top: 4px solid #10f9fd; 
	clear: both;
	z-index: 2;
	position: relative;
	top: -2px;
	padding: 10px;
}

/* ##################### */
/*   Paginator Widget    */
/* ##################### */
.PaginatorWidget {
	margin-top: 8px;
	margin-bottom: 4px;		
}

.PaginatorWidget a, .pageList .this-page {
	padding: 2px 6px;
	margin-left: 1px;
	margin-right: 1px; 
	border: solid 1px #80C4C5; 
	text-decoration: none;
}

.PaginatorWidget .this-page {
	padding: 2px 6px; 
	margin-left: 1px;
	margin-right: 1px; 
	border: solid 2px #10F9FE; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #10F3F8;
	font-weight: bold; 
}
.PaginatorWidget .break {
	padding: 2px 6px; 
	border: none; 
	text-decoration: none;
}


/* ##################### */
/*    HelpTip Widget     */
/* ##################### */
A.HelpTipWidgetLink:link, A.HelpTipWidgetLink:active, A.HelpTipWidgetLink:hover, A.HelpTipWidgetLink:visited { 
	color: #8080C0; 
	text-decoration: none; 
	cursor: help; 
}
.HelpTipWidget { position: absolute; width: 250px; border: 1px Solid WindowFrame; background: Infobackground; color: InfoText; font: Status-Bar; padding: 3px; z-index: 10000; }
.HelpTipWidget A { color: blue !important; background: none; }

/* ##################### */
/*     Block Widgets     */
/* ##################### */

.nohighlight { }
.highlight { background-color: #10f9fd; }
.highlight .lu { background-image: url("/images/blocks/highlight_lu.gif"); background-repeat: no-repeat; }
.highlight .u { background-image: url("/images/blocks/highlight_u.gif"); background-repeat: repeat;  }
.highlight .ru { background-image: url("/images/blocks/highlight_ru.gif"); background-repeat: no-repeat; }
.highlight .l { background-image: url("/images/blocks/highlight_l.gif"); background-repeat: repeat;  }
.highlight .r { background-image: url("/images/blocks/highlight_r.gif"); background-repeat: repeat;  }
.highlight .ld { background-image: url("/images/blocks/highlight_ld.gif"); background-repeat: no-repeat; }
.highlight .d { background-image: url("/images/blocks/highlight_d.gif"); background-repeat: repeat;  }
.highlight .rd { background-image: url("/images/blocks/highlight_rd.gif"); background-repeat: no-repeat; }
.highlight P, .highlight SPAN, .highlight DIV { color: #000; margin: 0px; }


.info { background-color: #80c4c5; margin-top: 12px; margin-bottom: 12px;  }
.info .lu { background-image: url("/images/blocks/info_lu.gif"); background-repeat: no-repeat; }
.info .u { }
.info .ru { background-image: url("/images/blocks/info_ru.gif"); background-repeat: no-repeat; }
.info .l { }
.info .r { }
.info .ld { background-image: url("/images/blocks/info_ld.gif"); background-repeat: no-repeat; }
.info .d { }
.info .rd { background-image: url("/images/blocks/info_rd.gif"); background-repeat: no-repeat; }
.info P, .info SPAN, .info DIV { color: #273c3c; margin: 0px; padding: 2px; }
.info A:link, .info A:active, .info A:hover, .info A:visited { color: #0063dc; }


.alert { background-color: #faf399; margin-top: 12px; margin-bottom: 24px; }
.alert .lu { background-image: url("/images/blocks/alert_lu.gif"); background-repeat: no-repeat; }
.alert .u { }
.alert .ru { background-image: url("/images/blocks/alert_ru.gif"); background-repeat: no-repeat; }
.alert .l { }
.alert .r { }
.alert .ld { background-image: url("/images/blocks/alert_ld.gif"); background-repeat: no-repeat; }
.alert .d { }
.alert .rd { background-image: url("/images/blocks/alert_rd.gif"); background-repeat: no-repeat; }
.alert P, .alert SPAN, .alert DIV { color: #273c3c; margin: 0px; padding: 2px; }
.alert A:link, .alert A:active, .alert A:hover, .alert A:visited { color: #0063dc; }




/* ######################### */
/*  Personage autocompleter  */
/* ######################### */
.personage_autocompleter { 
	position:absolute; 
	width:300px; 
	background-color: black; 
	border:1px solid #888; 
	margin:0px; 
	padding:0px; 
}
ul.autocompleter_personage_list { 
	list-style-type: none; 
	margin:0px; 
	padding:0px; 
}
ul.autocompleter_personage_list li.selected { 
	background-color: #80c4c5; 
}


/* ##################### */
/*         LIST         */
/* ##################### */
.List table { 
	font: 12px Arial, Helvetica, sans-serif; 
	margin-right: 0px; 
	margin-left: 0px; 
}
.List td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B2D6D7;
    	padding: 5px;
}
.List th { 
	background-image: url(../images/hr.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
	margin: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;  
	text-align: left; 
	color: #7B9091; 
	FONT-WEIGHT: normal; 
}

.List p { 
	margin-bottom: 10px; 
}




/* ##################### */
/*         Dojo          */
/* ##################### */

#Staff .dojoTabContainer {
	position : relative;
}

#Staff .dojoTabPaneWrapper {
	position : relative;
	border-top : 2px solid #10F9FD;
	border-left : 0px;
	border-right : 0px;
	border-bottom: 0px;
	padding-top: 10px;
	clear: both;
}

#Staff .dojoTabLabels-top {
	position : absolute;
	top : 0px;
	left : 0px;
	overflow : visible;
	margin-bottom : -1px;
	width : 100%;
	z-index: 2;	/* so the bottom of the tab label will cover up the border of dojoTabPaneWrapper */
}

#Staff .dojoTabLabels-top-noLayout {
	overflow : visible;
	margin-bottom : -1px;
	width : 100%;
	z-index: 2;
}

#Staff .dojoTabPaneTab {
	position : relative;
	float : left;
	padding-left : 9px;
	border: 0px;
	background : url(../images/dojo/tab_left.gif) no-repeat left top;
	cursor: pointer;
}

#Staff .dojoTabPaneTab span {
	display : block;
	padding : 7px 15px 4px 6px;
	margin-bottom : 1px;
	background : url(../images/dojo/tab_top_right.gif) no-repeat right top;
	color : #10F9FD;
	font-size : 90%;
}

#Staff .dojoTabPanePaneClose {
	position : absolute;
	bottom : 0px;
	right : 6px;
	height : 12px;
	width : 12px;
	background : url(../images/dojo/tab_close.gif) no-repeat right top;
}

#Staff .dojoTabPanePaneCloseHover {
	background-image : url(../images/dojo/tab_close_h.gif);
}

#Staff .dojoTabPaneTabClose {
	display : inline;
	height : 12px;
	width : 12px;
	padding : 0 12px 0 0;
	margin : 0 -10px 0 10px;
	background : url(../images/dojo/tab_close.gif) no-repeat right top;
	cursor : default;
}

#Staff .dojoTabPaneTabCloseHover {
	background-image : url(../images/dojo/tab_close_h.gif);
}

#Staff .dojoTabPaneTab.current {
	padding-bottom : -1x;
	background-position : 0 -150px;
}

#Staff .dojoTabPaneTab.current span {
	padding-bottom : 6px;
	margin-bottom : -1px;
	background-position : 100% -150px;
	color : #333;
}

#Staff .AccountSelector .dojoComboBoxOptions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: black;
	border: 1px solid #afafaf;
	padding-top: 2px;
	position: absolute;
	z-index: 1000; 
	overflow: auto;
	-moz-opacity: 0;
	cursor: default;
}

#Staff .AccountSelector .dojoComboBoxItem {
	background-image: url("../images/icons/account_icon.gif"); 
	background-repeat: no-repeat; 

	background-color: black;
	padding-left: 20px;
	margin: 2px;
	height: 18px;	
}

#Staff .AccountSelector .dojoComboBoxItemHighlight {
	background-color: #80c4c5;
}

#Staff .PersonageSelector .dojoComboBoxOptions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: black;
	border: 1px solid #afafaf;
	padding-top: 2px;
	position: absolute;
	z-index: 1000; 
	overflow: auto;
	-moz-opacity: 0;
	cursor: default;
}

#Staff .PersonageSelector .dojoComboBoxItem {
	background-color: black;
	margin: 2px;
	height: 18px;	
}

#Staff .PersonageSelector .dojoComboBoxItemHighlight {
	background-color: #80c4c5;
}