<!--
p { font-family: verdana, Arial;}
a { color: rgb(60,60,60); text-decoration: none}
#a:hover { text-decoration: underline; color: rgb(0,0,0) }

a.a10:active { text-decoration: none; color: rgb(62,58,58) }
a.a10:link { text-decoration: none; color: rgb(62,58,58) }
a.a10:visited { text-decoration: none; color: rgb(62,58,58) }
a.a10:hover { text-decoration: none; color: rgb(62,58,58) }

h1 { font-family: Arial; font-size: 10pt; margin-left: 10; color: rgb(0,0,128) }
h2 { font-family: verdana; font-size: 12pt; color:#E8E8E8; text-align: left }

.menuheading {font-family: Verdana,Arial,Helvatica; font-size: 10pt; font-weight: bold; color:#FFFFFF}

.heading {font-family: Arial; font-size: 12pt; font-weight: bold; color:000000}
.headingw { font-family: verdana; font-size: 11pt; font-weight: bold; text-align: left; color:ffffff}
.subhead { font-family: verdana; font-size: 10pt; font-weight: bold; color:#303030; text-align: center}
.subhead1 { font-family: verdana; font-size: 8pt; font-weight: bold; color:#303030 }
.sleft { font-family: verdana; font-size: 8pt; font-weight: bold }
.sleft1 { font-family: verdana; font-size: 8pt; font-weight: bold; text-align: center }
.sright { font-family: verdana; font-size: 8pt; font-weight: bold; text-align: right }

.m10 { font-family: verdana; font-size: 10pt }
.m10c { font-family: verdana; font-size: 10pt; text-align: center }
.m10wbr { font-family: verdana; font-size: 10pt; text-align: right; font-weight: bold; color: rgb(255,255,255) }
.m10wbc { font-family: verdana; font-size: 12pt; font-weight: bold; color: rgb(62,58,58) }

.m9 { font-family: verdana; font-size: 9pt; color: rgb(255,255,255)}
.m9b { font-family: verdana; font-size: 9pt; color: rgb(255,255,255); font-weight: bold }
.m9c { font-family: verdana; font-size: 9pt; text-align: center; color: rgb(255,255,255) }
.m9r { font-family: verdana; font-size: 9pt; text-align: right; color: rgb(255,255,255) }

.m8 { font-family: Arial; font-size: 8pt}
.m8b { font-family: Arial; font-size: 8pt; font-weight: bold}
.m8w { font-family: Arial; font-size: 8pt; color: rgb(255,255,255)}
.m8r { font-family: Arial; font-size: 8pt; text-align: right}
.m8c { font-family: Arial; font-size: 8pt; text-align: center}
.error { font-family: verdana; font-size: 8pt; color: rgb(255,0,0); text-align: center }

.menu {
	font-family:  verdana, Arial, Helvatica; 
	font-size: 12px;
	text-align: center; 
	color: rgb(0,0,0) 
}

.cmdflat  {
	font-size : xx-small;
	font-family : Verdana;
	color : #000000;
	border-width : 1;
	border-color : #000000;
	background-color: #F6EAB7
}

.texts {
	background-color:#ffffff; 
	border-bottom:1px solid; 
	border-left:1px solid; 
	border-right:1px solid; 
	border-top:1px solid; 
	border-color: #999999; 
	color:#000000; 
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: normal
}

.buttonflat  {
	font-size : 8pt;
	font-family : Verdana;
	background-color: #FFFFFF;
	border-width : 1;
	border-color : #999999;
	width: 60px;
	height: 17px

}
.buttonflatlong  {
	font-size : 8pt;
	font-family : Verdana;
	background-color: #FFFFFF;
	border-width : 1;
	border-color : #999999;
	width: 120px;
	height: 17px
}
.btnav {border: 1px #000000 solid} 

.formflat  {
	font-size : 8pt;
	font-family : Verdana;
	background-color: #F0F0F0;
	border-width : 1;
	border-color : #800000
}


#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}


#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}
	#dhtmlgoodies_colorPicker{
		position:absolute;
		width:250px;
		padding-bottom:1px;
		background-color:#FFF;
		border:1px solid #317082;
		
		width: 252px;	/* IE 5.x */
		width/* */:/**/250px;	/* Other browsers */
		width: /**/250px;	
				
	}
	
	#dhtmlgoodies_colorPicker .colorPicker_topRow{
		padding-bottom:1px;
		border-bottom:3px double #317082;
		background-color:#E2EBED;
		padding-left:2px;
		
		width: 250px;	/* IE 5.x */
		width/* */:/**/248px;	/* Other browsers */
		width: /**/248px;	
		
		height: 20px;	/* IE 5.x */
		height/* */:/**/16px;	/* Other browsers */
		height: /**/16px;	
				
	}
	
	#dhtmlgoodies_colorPicker .colorPicker_statusBar{
		height:13px;
		padding-bottom:2px;
		width:248px;
		border-top:3px double #317082;	
		background-color:#E2EBED;
		padding-left:2px;
		clear:both;
		
		width: 250px;	/* IE 5.x */
		width/* */:/**/248px;	/* Other browsers */
		width: /**/248px;	
		
		height: 18px;	/* IE 5.x */
		height/* */:/**/13px;	/* Other browsers */
		height: /**/13px;	
						
	}
	
	#dhtmlgoodies_colorPicker .colorSquare{
		margin-left:1px;
		margin-bottom:1px;
		float:left;
		border:1px solid #000;
		cursor:pointer;
		
		width: 12px;	/* IE 5.x */
		width/* */:/**/10px;	/* Other browsers */
		width: /**/10px;	
		
		height: 12px;	/* IE 5.x */
		height/* */:/**/10px;	/* Other browsers */
		height: /**/10px;	
				
	}
	
	.colorPickerTab_inactive,.colorPickerTab_active{
	
		height:17px;
		padding-left:4px;
		cursor:pointer;	
		
		
	}
	.colorPickerTab_inactive span{
		background-image:url('images/tab_left_inactive.gif');
	}
	
	.colorPickerTab_active span{
		background-image:url('images/tab_left_active.gif');

	}
	.colorPickerTab_inactive span, .colorPickerTab_active span{
		line-height:16px;
		font-weight:bold;
		font-family:arial;
		font-size:11px;
		padding-top:1px;
		vertical-align:middle;
		background-position:top left;
		background-repeat: no-repeat;	
		float:left;
		padding-left:6px;
		-moz-user-select:no;
	}	
	.colorPickerTab_inactive img,.colorPickerTab_active img{
		float:left;
	}
	.colorPickerCloseButton{
		width:11px;
		height:11px;
		text-align:center;
		line-height:10px;
		border:1px solid #317082;
		position:absolute;
		right:1px;
		font-size:12px;
		font-weight:bold;
		top:1px;
		padding:1px;
		cursor:pointer;	
		
		width: 15px;	/* IE 5.x */
		width/* */:/**/11px;	/* Other browsers */
		width: /**/11px;
		
		height: 15px;	/* IE 5.x */
		height/* */:/**/11px;	/* Other browsers */
		height: /**/11px;

			
	}
	#colorPicker_statusBarTxt{
		font-size:11px;
		font-family:arial;
		vertical-align:top;
		line-height:13px;

	}
	form{
		padding-left:5px;
	}
	
	.form_widget_amount_slider{
		border-top:1px solid #9d9c99;
		border-left:1px solid #9d9c99;
		border-bottom:1px solid #eee;
		border-right:1px solid #eee;
		background-color:#f0ede0;
		position:absolute;
		bottom:0px;
		
		width: 5px;	/* IE 5.x */
		width/* */:/**/3px;	/* Other browsers */
		width: /**/3px;
		
		height: 5px;	/* IE 5.x */
		height/* */:/**/3px;	/* Other browsers */
		height: /**/3px;
				
	}
	.colorSliderLabel{
		width:15px;
		height:20px;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	.colorSlider{
		width:175px;
		height:20px;
		float:left;
	}
	.colorInput{
		width:45px;
		height:20px;
		float:left;
	}	
	.colorPreviewDiv{
		width:186px;
		margin-right:2px;
		margin-top:1px;
		border:1px solid #CCC;
		height:20px;
		float:left;
		cursor:pointer;
		
		width: 188px;	/* IE 5.x */
		width/* */:/**/186px;	/* Other browsers */
		width: /**/186px;
		
		height: 22px;	/* IE 5.x */
		height/* */:/**/20px;	/* Other browsers */
		height: /**/20px;
				

	}
	.colorCodeDiv{
		width:50px;
		height:20px;
		float:left;
	}
	
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	/*border: 2px solid #000000;
	background-color: #ffffff;*/
}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	/*z-index: 202;*/
}
#popupTitleBar {
	/*background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 0.7em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;*/
}
#popupTitle {
	/*float:left;
	font-size: 1.1em;*/
}
#popupControls {
	/*float: right;
	cursor: pointer;
	cursor: hand;*/
}
/* Big box with list of options */
#ajax_listOfOptions{
  position:absolute;  /* Never change this one */
  width:175px;  /* Width of box */
  height:250px;  /* Height of box */
  overflow:auto;  /* Scrolling features */
  border:1px solid #317082;  /* Dark green border */
  background-color:#FFF;  /* White background color */
  text-align:left;
  font-size:0.9em;
  z-index:100;
}
#ajax_listOfOptions div{  /* General rule for both .optionDiv and .optionDivSelected */
  margin:1px;    
  padding:1px;
  cursor:pointer;
  font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{  /* Div for each item in list */
  
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
  background-color:#317082;
  color:#FFF;
}
#ajax_listOfOptions_iframe{
  background-color:#F00;
  position:absolute;
  z-index:5;
}

-->