/* General */
Body, Div, Label, TD, TH, OL, UL, LI {
	color: black; font-family: Arial,Trebuchet MS; font-size: 10pt;
}
BODY 	{background-color: #bbbbcc; margin: 8px;}
Label 	{cursor: pointer;	cursor: hand;}
input, select, textarea, .input {color: #000066;border:inset 1px;}
A 		{font-family: arial; text-decoration: none;}
LI 		{list-style-type: square;}
TD {
	font-weight:normal;
	font-size: 9pt;
}
.radio, .checkbox {
	border: none;	
}
.navlink A, .navlink A:link, .navlink A:visited {
	color: #ffffff; font-family: Tahoma,Arial; font-size: 7pt; font-weight: bold; text-decoration: none;
}
.navlink A:hover {color: #bbbbcc;}
A.navlink:hover {
	color:#bbbbcc;
	text-decoration: underline;
}
A, A:link, A:visited	{color:#333366;}
A:active, A:hover 		{color:#50A3A3;}

.artlink A {
	color: white; font-family: arial; font-weight: normal
}
.artlink A:hover 	{color: #99ccff}
.artfooter 			{color: #bbbbcc; font-family: arial; font-size: 8pt; padding: 4px;}
.artfooter A 		{color: #bbbbcc; font-weight: bold;}
.artfooter A:hover 	{color: #ffffff;}

.arttitle {
	color: #ffffff; font-size: 14pt; font-weight: bold;
}
.imgBorder {
	border: 2px inset transparent;
}

/* Page Elements */

.label {
	background-color: #ddddee; font-weight: bold;
}
.label2 {
	background-color: #333366; color: #ffffff; font-weight: bold; text-align: left;
}
.label {
	background-color: #E4E4F0;
	border: #8888BB solid 1px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 2px;
	font-weight: bold;
	text-align: right;
	/*width: 100px;*/
}
.label2 {
	background-color: #333366;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.matrixlabel {
	background-color: #ddddee; 
	border-bottom: #8888bb 1px solid; 
	border-left: #8888bb 1px solid; 
	border-right: #8888bb 1px solid; 
	border-top: #8888bb 1px solid; 
	font-weight: bold; 
	text-align: right;
}
.matrixfield {
	background-color: #f3f3ff; 
	color: #333366; 
	font-size: 9pt; 
	font-weight: normal; 
	padding-left: 3px; 
	text-align: left;
}
.menulabel {
	/*background: #444477 url(images/back_gradient.gif);
	border: 1px solid #333366;*/
	background-color:  #444477;
    font-weight: bold;	
    color: #FFFFFF;
	padding: 2px;
	padding-left: 4px;
	height: 20px;
}
.pageButtonOn, .pageMenuOn {
	background-color:  #555588;
	border-bottom: #555588 1px solid;
    border-left: #111133 1px solid;
    border-right: #555588 1px solid;
    border-top: #111133 1px solid;
    color: #50A3A3;
	font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 1px;
	width: 130px;
	height: 18px;
	cursor: pointer;
	cursor: hand;
}
.pageButton, .pageMenu {
    background-color: #555588;  
    border-bottom: #111133 1px solid;
    border-left: #AAAABB 1px solid;
    border-right: #111133 1px solid;
    border-top: #AAAABB 1px solid;
    color: #FFFFFF;
	font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 1px;
	width: 130px;
	height: 18px;
	cursor: pointer;
	cursor: hand;
}
.pageMenu	{background: #555588 url(images/arrow.gif) no-repeat right center;}	
.pageMenuOn {background: #555588  url(images/arrow.gif) no-repeat right center;}	

.pageSubMenu, .pageSubMenuOn {
	background-color: #C5C5DD;
	color: #333366;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
	cursor:	hand;
}
.pageSubMenuOn  {
	background-color: #E4E4F0;
	color: #333366;
}
.pageSubMenuBox {
	background-color: #000000;
	width: 100%;
	filter: /*progid:DXImageTransform.Microsoft.Alpha(opacity=90)*/			 
			progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA,direction=135,strength=5);
}


.pageSubtitle {
	 background: #2E7D7C url(images/title_bar_section.gif) no-repeat left center;
	 text-align: right;
	 color: #FFFFFF;
	 font-weight: bold;
	 padding-right: 10px;
}

.optionBar {
	background-color: #E4E4F0;
	font-weight: bold;
}

.btnGallery {
	background-color: #E4E4F0;
	border-bottom: #8888BB solid 1px;
	border-right: #8888BB solid 1px;
	border-left: #FFFFFF solid 1px;
	border-top: #FFFFFF solid 1px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#C5C5DD', gradientType='0');

}
.navbutton	{
	BACKGROUND-COLOR: #555588;  
	BORDER-LEFT: #BBBBCC 1px solid;
	BORDER-TOP: #BBBBCC 1px solid;
	BORDER-RIGHT: #000022 1px solid;
	BORDER-BOTTOM: #000022 1px solid;
	COLOR: #FFFFFF;
	font-family: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 1px;
	WIDTH: 70px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.blankbutton {
	/*BACKGROUND-COLOR: #333366;  */
	COLOR: #FFFFFF;
	WIDTH: 80px;
}
.label3	{
	background-color: #333366;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: normal;
	text-align: center;
}

/* Table - Box */

.box {
	width: 168px;
}
.boxTitle {
	background: #333366 url(images/back_gradient.gif);
	border: 1px solid #333366;
	font-size: 9pt; 
	font-weight: bold; 
	color: #FFFFFF;
	padding: 2px;
}
.boxContent {
	background-color: #f3f3ff;
	border: 1px solid #C5C5DD;
	color: #333366; 
	font-size: 9pt; 
	font-weight: normal; 
	padding-left: 3px; 
	text-align: left;
}
.content {
	background-color: #C5C5DD;
	border: #333366 solid 1px;
}
.contentBody {
	padding: 10px;
}

/* Table - Datagrid */

.gridTitle {
	background: #0E0E59 url(images/back_gradient.gif);
	border: 0px solid #333366;
	font-size: 9pt; 
	font-weight: bold; 
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
}

/* Form */
.formLabelReq {
	background-color: #E4E4F0;
	border: #8888BB solid 1px;
	color: #330066;
   text-align: right;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   font-weight: bold;
}

.button {
   background-image: url(images/gradient2.gif);
   background-color: #DDDDDD;   
   border-left: 1px solid #FFFFFF;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 0px;
   padding-top: 0px;
   font-weight: bold;
   font-size: 11px;
   overflow: visible;
   cursor: pointer;
   cursor: hand;
}

/* Text */

.textLabel {
	font-weight: bold;
	color: #333366;	
}
.textInstruct {
	font-style: italic;
	color: #333366;	
	font-size: 11px;
}
.textSmall {
	font-size: 10px;	
}

.ctrPurple1_0 {width:20px;height:35px;background: transparent url(images/counters/purple1.gif) 0px 0px no-repeat;}
.ctrPurple1_1 {width:12px;height:35px;background: transparent url(images/counters/purple1.gif) -20px 0px no-repeat;}
.ctrPurple1_2 {width:19px;height:35px;background: transparent url(images/counters/purple1.gif) -32px 0px no-repeat;}
.ctrPurple1_3 {width:19px;height:35px;background: transparent url(images/counters/purple1.gif) -51px 0px no-repeat;}
.ctrPurple1_4 {width:19px;height:35px;background: transparent url(images/counters/purple1.gif) -70px 0px no-repeat;}
.ctrPurple1_5 {width:18px;height:35px;background: transparent url(images/counters/purple1.gif) -89px 0px no-repeat;}
.ctrPurple1_6 {width:18px;height:35px;background: transparent url(images/counters/purple1.gif) -107px 0px no-repeat;}
.ctrPurple1_7 {width:18px;height:35px;background: transparent url(images/counters/purple1.gif) -125px 0px no-repeat;}
.ctrPurple1_8 {width:20px;height:35px;background: transparent url(images/counters/purple1.gif) -143px 0px no-repeat;}
.ctrPurple1_9 {width:19px;height:35px;background: transparent url(images/counters/purple1.gif) -163px 0px no-repeat;}