<!--
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(37,88,126) }
a.a10:link { text-decoration: none; color: rgb(37,88,126) }
a.a10:visited { text-decoration: none; color: rgb(37,88,126) }
a.a10:hover { text-decoration: none; color: rgb(37,88,126) }

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 }
.sleftn { font-family: verdana,Arial,Helvatica; font-size: 8pt}
.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(37,88,126) }

.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}
.m8can { font-family: Arial; font-size: 8pt; text-decoration:line-through}
.error { font-family: verdana; font-size: 8pt; color: rgb(255,0,0); text-align: center }

.menu {
	font-family:  verdana, Arial, Helvatica; 
	font-size: 8pt;
	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: #8Ebdde
}

.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
}

.texts1{
	background-image:url(../images/upload_file.png); 
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: normal;
	position: relative
}

.hidecontent{
	background:#FFFFFF; 
	font-family: verdana; 
	font-size: 8pt; 
	font-weight: normal;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	position: bottom
}

.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
}

.errormsg {
	font-family: Arial; 
	font-size: 10pt; 
	background-color:#FBE1D7; 
	color:#FF0000;
	margin:10px;
	padding:5px 5px;
	border-top:1px solid #FCC1BC;
	border-left:1px solid #FCC1BC;
	border-right:1px solid #FCC1BC;
	border-bottom:1px solid #FCC1BC;
}

#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;	
				
	}

-->


/*------------------------------CSS Style for hiding hint fields--------------------*/
.hint {
   	display: none;
	position: absolute;
/*   right: 10px;  */
    width: 200px; 
    margin-top: -4px;
    border: 1px solid #fc9f9f;
    padding: 10px 12px;
    background: #FFFFFF  ;
	color:#000000 ;
	
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -14px;
    top: 5px;
    width: 14px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}
.tickbullet {
	list-style-image: url(../images/icon_tick.gif);
	margin-left: .9em;
	padding-left: 1.5em;
	margin-top: .3em;
	padding-top: 0em;
	line-height:19px;
	margin-bottom:.3em;
}

/*------------------------------CSS Style for hiding hint fields  new one--------------------*/
.hints {
   	display: none;
	position: absolute;
	right: 330px;  
    width: 180px; 
    margin-top: -4px;
	border: 1px solid #fc9f9f;
    padding: 10px 12px;
    background: #FFFFFF  ;
	color:#000000 ;
 /*   border: 1px solid #fc9f9f;
    padding: 10px 12px;
    background: #fdfae9  ;*/
}

/* The pointer image is hadded by using another span */
.hints .hint-pointer {
    position: absolute;
    left: -14px;
    top: 5px;
    width: 14px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}
.tickbullet {
	list-style-image: url(../images/icon_tick.gif);
	margin-left: .9em;
	padding-left: 1.5em;
	margin-top: .3em;
	padding-top: 0em;
	line-height:19px;
	margin-bottom:.3em;
}

/** login start **/
login {
	float:left;
	padding-left:1.5em;
	padding-top:0.75em;
	margin:0pt;
	width:327px;
}

#login_datacontainer {
	width:283px;
	padding:0.15em;
	display:inline;
	margin:0pt;
}

#login .login_top {
	background-image:url(../images/login_top.gif);
	background-repeat:no-repeat;
	height:33px;
	width:327px;
}

#login .login_middle {
	background-image: url(../images/login_middle.gif);
	background-repeat: repeat-y;
	width:327px;
	height:120px;
}

#login .login_bottom {
	background-image: url(../images/login_bottom.gif);
	background-repeat:no-repeat;
	height:10px;
	width:327px;
}
.text_login {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	color:#516270;
	padding:1em 1.5em 0 1.5em;
}
.login_head {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#0d4371;
	padding:0.55em 0 0 1em;
	margin:0pt;
}

#login .login_middle .text_login .logintext{
	padding:0pt;
	margin:0pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;/*#929292*/
	line-height:20px;
	font-weight:normal;
}

.login_button_left {
	background-image:url(../images/button/bt_register_left.gif);
	background-repeat:no-repeat;
	height:24px;
	width:11px;
}
.login_button_middle {
	background-image:url(../images/button/bt_register_middle.gif);
	background-repeat:repeat-x;
	height:24px;
	width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;/*#929292*/
	text-decoration:none;
}

.login_button_right {
	background-image:url(../images/button/bt_register_right.gif);
	background-repeat:no-repeat;
	height:24px;
	width:11px;
}

/*** login end ***/

/*** Alert box css start here ***/

	#modalContainer {
		background-color:transparent;
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		z-index:10000;
	}

	#alertBox {
		position:relative;
		width:300px;
		min-height:100px;
		margin-top:50px;
		border:2px solid #000;
		background-color:#F2F5F6;
		background-image:url(../images/alert/alert.png);
		background-repeat:no-repeat;
		background-position:20px 30px;
	}

	#modalContainer > #alertBox {
		position:fixed;
	}

	#alertBox h1 {
		margin:0;
		font:bold 0.9em verdana,arial;
		background-color:#78919B;
		color:#FFF;
		border-bottom:1px solid #000;
		padding:2px 0 2px 5px;
	}

	#alertBox p {
		font:0.7em verdana,arial;
		height:50px;
		padding-left:5px;
		margin-left:55px;
	}

	#alertBox #closeBtn {
		display:block;
		position:relative;
		margin:5px auto;
		padding:3px;
		border:1px solid #000;
		width:70px;
		font:0.7em verdana,arial;
		text-transform:uppercase;
		text-align:center;
		color:#FFF;
		background-color:#78919B;
		text-decoration:none;
	}


/*** Alert box css End here ***/