@charset "utf-8";

.label { background: #FFCC33; padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form { padding: 20px 20px 10px; background: #E0F4F8; width: 580px; overflow: hidden; }
.form p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form label { font: bold 0.9em Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 0.8em Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form .w span { padding: 0 0 5px; float:left; }
.form .input { border: 1px solid #A5C2C8; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 16px/20px Helvetiva, Arial, sans-serif; }
.form .w label { padding:0; }

/*------------------ base */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, table, img {
	margin:0;
	padding:0;
	outline:0;
	border:none;
	text-indent:0;
	vertical-align:baseline;
}
ul, ol {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px;
}
caption, th {
	text-align:left;
}
/*------------------ Global FONT Setting */
body .normalFZ{
	font-size:10px;	
}
/*------------------ IE 6 or less */
* html body {
	font-size:80%;	
	line-height:150%;
}
/*------------------ IE 7 or more */
*:first-child+html body {
	font-size:70%;
}
/*------------------ base */
body{margin:0;padding:0;font:normal 11px Arial, Helvetica, sans-serif;}
/*menu*/
a { outline:none; border:none;}
a img { outline:none; border:none;}
th a, .home_hd a { outline:none; border:none;color:#E87817;text-decoration:underline; }
.accordion { float:left; width: 200px; font:11px Arial, Helvetica, sans-serif;}
.accordion { list-style-type: none; padding: 0; margin: 0; border-top: none; border-left: none; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { background: #5C5D61; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.accordion li.active>a { color:#FF8C21; background: url('../img/close.png') no-repeat center right; background-color:#3a3a3a;}
.accordion li a:hover { color:#FF8C21; background: url('../img/close.png') no-repeat center right; background-color:#3a3a3a;}
.accordion li ul li.active>a { color:#fff; background:none; background-color:#FF8C21;}
.accordion li ul li a:hover { color:#fff; background:none; background-color:#FF8C21;}
.accordion li a { text-decoration: none; border-bottom: 1px solid #9B9B9B; font: bold 1.1em/2em Arial, sans-serif; color: #fff; padding: 0 10px; display: block; cursor: pointer; background: url('../img/open.png') no-repeat center right;}
.accordion li ul li a { text-decoration: none; border-bottom: 1px solid #9B9B9B;border-left: 1px solid #9B9B9B;border-right: 1px solid #9B9B9B; font: normal 1.1em/2em Georgia, "Times New Roman", Times, serif; font-style:italic; color: #222; padding: 0 10px; display: block; cursor: pointer; background: url('../img/open.png') no-repeat center right;}
.accordion #no_arrow a { text-decoration: none; font: bold 1.1em/2em Arial, sans-serif; color: #fff; padding: 0 10px; display: block; cursor: pointer; background: none;}
.accordion #no_arrow a:hover { color:#FF8C21; background-color:#3a3a3a;}
.accordion #no_arrow.active>a { color:#fff; }
.accordion li ul li a { background:none;}
/* Level 2 */
.accordion li ul li { background: #E0E0E0; font-size: 0.9em; }
/*------------------ IE 6 or less */
* html .accordion { font-size:80%; line-height:150%; }
/*------------------ IE 7 or more */
*:first-child+html .accordion {	font-size:70%;}
/*menu end*/

/*header*/
#header {
	float:left;
	width:100%;
	height:69px;
	background:url(../img/headerBG.png) repeat-x top left;
}
#header #logo{
	float:left;
	margin:5px 0 0 20px;
}
#header #welcome{
	float:right;
	color:#FF8C21;
	margin:15px 15px 0 20px;
	font:bold 13px Arial, Helvetica, sans-serif;
	width:450px;
	max-width:450px;
	text-align:right;
	z-index:98;
}
#header #navi{
	float:right;
	color:#000;
	margin:35px -472px 0 20px;
	font:normal 11px Arial, Helvetica, sans-serif;
	width:450px;
	max-width:450px;
	text-align:right;
	z-index:99;
}
#header #navi a{
	color:#000;
	text-decoration:none;
}
#header #navi a:hover{
	color:#f00;	
}
/*header end*/
/*top nav*/
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	height:40px;
	background:url(../img/nav_bg.png) repeat-x;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	height:25px;	
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left;
	height: 37px;
	/*background:url(../img/nav_separator.png) top right no-repeat;*/
}
ul#topnav li:hover a, ul#topnav li a:hover, #topnav a#active  { 
	color:#eb5900;
}

ul#topnav a.each_tab {	
	padding:10px 7px 0 7px;
	height:27px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#000;	
	background:url(../img/nav_separator.png) top right no-repeat;
} 
ul#topnav li .sub {
	position: absolute;	
	top: 38px; left: 0;
	background: #202020 url(sub_bg.png) repeat-x;
	padding: 15px 0 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 180px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../img/navlist_arrow.png) no-repeat 3px 10px;
	padding: 5px 5px 5px 14px;
	display: block;
	text-decoration: none;
	color: #fff;
	border-bottom:1px dotted #434343;
}
ul#topnav .sub ul li a:hover {color: #ff9000; background-position: 5px 10px ;}
#content{
	float:left;
	margin:10px;
	padding:1%;
	width:96%;
	height:100%;
	border:1px solid #878686;
	background:#fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#btn_menus{
	float:right;
	width:100%;
	height:60px;
}
#btn_menus a{
	float:right;
	padding:0 10px 0 20px;
	background:#fff;
	text-align:center;
	text-decoration:none;
}
a img{
	border:none;
}
#btn_menus a img{
	border:1px solid #fff;
}
#btn_menus a img:hover{
	border:1px dashed #bdbdbd;
}
#footer{
	float:left;
	width:100%;
	height:35px;	
	background:url(../img/footerBG.png) repeat-x top left;
}
#footer p{
	padding:10px 0 0 10px;
}
/*table tr:hover { color:#000; background:none; background-color:#d1d1d1;}*/

/*========================for Vu, Company Exit Tables*/
input,select,textarea {font-size:11px;}
.edit_label{ 
	width:20%;
	padding:3px 0 0 5px;
	vertical-align:top;
}
td.edit_label{
	background:#e2e2e2;
	border:1px solid #d5d5d5;
}
th{
	font-size:12px;
	background:#e2e2e2;
	border:1px solid #d5d5d5;
}
.odd{
	background:#f7f7f7;
	/*border:1px solid #e4e4e4;*/
}
.even{
	background:#f1f1f1;
	/*border:1px solid #e4e4e4;*/
}
.home_hd{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#E87817;
	width:100%;
	background:#202020;
	border:#ccc;
	padding:5px 0;
}
/*paging*/
.paginator_contain
{ 
	width:100%;
	margin:10px auto;
}
.paginator_contain a
{
	float:left;
	margin:0 3px 0 3px;
	padding:2px 5px 2px 5px;
	border:1px solid #d5d5d5;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#E87817;
	text-decoration:none;
}
.paginator_contain a:hover
{
	border:1px solid #fff;
	color:#ffffff;
	background:#E87817;
}
.paginator_contain span.disabled, .paginator_contain span.current {
                margin:0 3px 0 3px;
                padding:2px 5px 2px 5px;
                border:1px solid #d5d5d5;
                font:normal 9pt Arial, Helvetica, sans-serif;
                color:#cfcfcf;
                text-decoration:none;
				float:left;
}

div.paginator_contain span {
	float: left;
}

.paginator_contain a.selected
{
	border:1px solid #fff;
	color:#ffffff;
	background:#E87817;
}
.paginator_contain .no_of_pages
{
	float:left;
	margin:0 3px 5px 3px;
	padding:2px 5px 2px 5px;
	border:1px solid #666;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#444;
	background:#d5d5d5;
	text-decoration:none;
}
a.button
{
	float:right;
	padding:1px 5px 1px 5px;
	border:1px solid #666;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#fff;
	background:#E87817;
	text-decoration:none;
}
a.button:hover
{
	color:#000;
	cursor:pointer;
}
a.button2
{	
	margin-left:10px;
	padding:1px 5px 1px 5px;
	border:1px solid #666;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:normal 9pt Arial, Helvetica, sans-serif;
	color:#fff;
	background:#E87817;
	text-decoration:none;
}
a.button2:hover
{
	color:#000;
	cursor:pointer;
}
#contacts_container tr{
	height:24px;
}
/*========================End of CSS for Vu, Company Exit Tables*/
/*===========================================online armor help*/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../img/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;	
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; background-color:#f7f7f7;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/treeview-red.gif); } 

.treeview-black li { background-image: url(../img/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../img/treeview-black.gif); }  

.treeview-gray li { background-image: url(../img/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview-famfamfam.gif); } 

/*=====================light box*/
#basic-modal {float:right;}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:auto; width:90%; color:#000; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
/*#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}*/
#simplemodal-container a.modalCloseImg {float:left; background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
/*#simplemodal-container h3 {color:#84b8d9;}*/
/* IE hacks */
* html #simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/basic/x.png',sizingMethod='scale');}

*:first-child+html #simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/basic/x.png',sizingMethod='scale');}

div.error-message { color: #a00; } /* Added by Surya J. - Jul 05, 2011 {CSS for error message} */

.actionnowrap {
	white-space:nowrap; 
    text-align: center;
	padding-left:5px; 
	padding:5px;
}

/*********** Webcalendar start *******/
.
table.tabledata {
   
	width:100%;
	border-collapse: collapse;
	empty-cells: show;
	background-color:white;
	padding:1px;
}
	
table.tabledata th {
	background-image: url(../img/img073.gif);
	height:26px;
	font-weight: bold;
	text-align:left;
	text-transform: capitalize;
	padding-left: 5px;
	border-top: 0px ;
	border-bottom: 0px;
	border-left: 1px dotted #888787;
	border-right: 1px dotted #888787;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
	

table.tabledata td {
	padding: 10px;
	empty-cells: show;
	border: 1px dotted #bcbbbb;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}


table.tabledata td.time {
	font-family: Verdana, Arial, sans-serif;
	background-color:#e8eef7;
	font-size: 11px;
	font-weight:bold;
}

table.tabledatanew {
   
	width:100%;
	border-collapse: collapse;
	empty-cells: show;
	background-color:white;
	padding:1px;
}
	
table.tabledatanew th {
	background-image: url(../img/img073.gif);
	height:26px;
	font-weight: bold;
	text-align:left;
	text-transform: capitalize;
	padding-left: 5px;
	border-top: 0px ;
	border-bottom: 0px;
	border-left: 1px dotted #888787;
	border-right: 1px dotted #888787;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
	

table.tabledatanew td {
	empty-cells: show;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	border-right: 1px dotted #888787;
}


table.tabledatanew td.time {
	font-family: Verdana, Arial, sans-serif;
	background-color:#e8eef7;
	font-size: 11px;
	font-weight:bold;
}

table.calendar {
	width:100%;
	border-collapse: collapse;
	empty-cells: show;
	background-color:white;
	padding:1px;
	font-family:Trebuchet MS; 
	text-align:justify; 
	font-size: 15px; 
	line-height: 22px;
	list-style:decimal;
}
	
table.calendar th {
	background-image: url(../img/img073.gif);
	height:26px;
	font-weight: bold;
	text-align:left;
	text-transform: capitalize;
	padding-left: 5px;
	border-top: 0px ;
	border-bottom: 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
	
table.calendar td {
	padding: 7px;
	empty-cells: show;
	border: 1px solid #D5D2D2;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}


table.formdata {
	background-color:#ffffff;
	width:100%;
   border-collapse: collapse;
	empty-cells: show;
	padding:1px;
	}
	
table.formdata th {
    padding: 2px 4px;
	text-align:left;
	vertical-align:top;
	border: 1px solid #D5D2D2;
	color:#233960;
	padding-left:16px;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}
	
table.formdata td{
	padding: 5px;
	border: 1px solid #D5D2D2;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

	
table.fieldtable{
	background-color:#ffffff;
	width:100%;
	empty-cells: show;
	margin:0px;
}
		
table.fieldtable td{
	
	vertical-align:top;
	text-align:left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
}
	
		
table.fieldtable th {
	padding: 4px 4px;
	vertical-align:top;
	text-align:left;
	color:#233960;
	padding-left:16px;	
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

.calendarMonth{
font-family:Trebuchet MS; font-size: 15px; line-height: 22px;list-style:decimal; font-weight:bold; color:#A50000;
}

	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 32px;
		border-bottom: 2px solid #AAD4FF;
		border-left: 2px solid #AAD4FF;
		width: 100%;
		
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 31px;
		line-height: 31px;
		border-left:2px solid #A3CFD8;
		border-right:2px solid #A3CFD8;
		border-top:2px solid #A3CFD8;
		border-bottom:1px solid #A3CFD8;
		border-left: none;
		font-weight: bold;
		background: #EEEEEE;
		overflow: hidden;
		position: relative;
		background: url(../img/img073.gif) repeat;
	}
	ul.tabs li:hover {
		background: #AAD4FF;
	}	
	ul.tabs li.active{
		background: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	.tab_container {
		border: 2px solid #AAD4FF;
		border-top: none;
		clear: both;
		float: left; 
		width: 100%;
		background: #FFFFFF;
		font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px; 
	}
	.tab_container p{ padding-left:20px; padding-top:30px; }
	.tab_content {
		display: none;
		font-family:Trebuchet MS; 
		font-size: 13px;
		font-weight:normal;
	}
	#tabwrapper
	{
		width: 900px;
		margin: 0 auto;
		color: #333;
		font-family:Trebuchet MS; 
		font-size: 15px;
		font-weight:normal;
	}

/*********** Webcalendar end start *******/

/*********** Form Start**************/
.login{ border:1px solid #000000; padding:10px;}
.login td{font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px;}
.login input{border: 1px solid #C3C3C3; padding: 10px 20px; font-size: 13px; color: #404040;}
.login input[type='submit']{padding: 10px 20px; font-weight:bold; border:1px solid #0099B5; background-color:#D2D2D2;}
.login input[type='button']{padding: 10px 20px; font-weight:bold; border:1px solid #0099B5; background-color:#D2D2D2;}
.login label{ padding-right:20px;}
.home_hd span{padding:10px;font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px; font-weight:bold;}
.home_hd table td{ padding:10px;font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px; font-weight:bold;}
.home_hd input[type='submit']{padding: 10px 20px; font-weight:bold; border:1px solid #0099B5; background-color:#D2D2D2;}
.home_hd input[type='button']{padding: 10px 20px; font-weight:bold; border:1px solid #0099B5; background-color:#D2D2D2;}

#right_content{font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px;}
#right_content input{border: 1px solid #C3C3C3; padding: 10px 20px; font-size: 13px; color: #404040;}
#right_content button{padding: 10px 20px; font-weight:bold; border:1px solid #0099B5; background-color:#D2D2D2;}

.admin_record_container{ font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px;}
.admin_record_container th{padding:10px; background-color:#D2D2D2; border:1px solid #0099B5;}
.admin_record_container td{padding:10px; border:1px solid #0099B5;}
.admin_record_container input{border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040;}
.admin_record_container input[type='checkbox']{border: 1px solid #C3C3C3; padding: 10px; font-size: 13px; color: #404040;}
.admin_record_container textarea{width: 500px; height: 100px; border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040;}
.admin_record_container textarea{width: 500px; height: 100px; border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040;}
.admin_record_container select{border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; }

.edit_table{ font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px;}
.edit_table td{padding:10px;}
.edit_table input{border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040;}
.edit_table input[type='checkbox']{border: 1px solid #C3C3C3; padding: 10px; font-size: 13px; color: #404040;}
.edit_table textarea{width: 500px; height: 100px; border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040;}
.edit_table select{border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; }

.formContainer { font: 12px Arial, Helvetica, sans-serif;line-height: 20px; font-weight: 13px; }

fieldset {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 1em 0;
}

legend {
    background: none repeat scroll 0 0 transparent;
    color: #003366;
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0;
    padding: 0 0.5em;
}

.textFieldForm { border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; width: 250px; }

.textFieldSmall { border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; width: 50px; }

.textFieldCustom { border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; width: 185px; }

.selctFieldForm { width: 290px; border: 1px solid #C3C3C3; padding: 10px; font-size: 13px; color: #404040; }

.selctFieldFormSmall { width: 70px; border: 1px solid #C3C3C3; padding: 10px; font-size: 13px; color: #404040; }

.textAreaSmall { width: 280px; height: 150px; border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; }

.textAreaCustom { width: 500px; height: 150px; border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; }

.textFieldBoard { border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; width: 220px; }

.textFieldYear { border: 1px solid #C3C3C3; padding: 5px; font-size: 13px; color: #404040; width: 100px; }

.borderTable { border-collapse:collapse; }
.borderTable th, .borderTable td { padding:5px; border: 1px solid #C3C3C3; }

.submitBtn { padding: 10px 20px; font-weight:bold; border:1px solid #AAD4FF; background-color:#D2E7EC; }

ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left; 
    font-weight:bold;
    line-height:15px;
    height:18px; 
	padding:4px 11px;
    margin:2px;
    float:left;
	color:#999999;
	background-color:#F5F5F5;
	border:1px solid #DDDDDD;
}
span.jPag-current{
    cursor:default;
    font-weight:bold;
    line-height:15px;
    height:18px; 
	padding:4px 11px;
    margin:2px;
    float:left;
	color:#000000;
	background-color:#F5F5F5;
	border:1px solid #DDDDDD;
}
.red{font: 12px  Verdana, Arial, Helvetica, sans-serif; color: #FF0000;}
.blue{font: 12px  Verdana, Arial, Helvetica, sans-serif; color: #0000FF;}

label.error{font: 12px  Verdana, Arial, Helvetica, sans-serif; color: #F00; font-weight: bold; margin-left:20px;}

/*********** Form End**************/

/*********** Webcalendar start *******/
/******************* Calendar CSS *********************/

table.calendarhead th {
	background-image: url(../../img/webcal/img073.gif);
	height:26px;
	font-weight: bold;
	text-align:left;
	text-transform: capitalize;
	padding-left: 5px;
	border-top: 0px ;
	border-bottom: 0px;
	border-left: 1px dotted #888787;
	border-right: 1px dotted #888787;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

table.calendarhead th a{
color:#000000;
text-decoration:none;
}

table.tabledata {
   
	width:100%;
	border-collapse: collapse;
	empty-cells: show;
	background-color:white;
	padding:1px;
}

table.tabledata th a{
color:#000000;
text-decoration:none;
}

table.tabledata th {
	background-image: url(../../img/webcal/img073.gif);
	height:26px;
	font-weight: bold;
	text-align:left;
	text-transform: capitalize;
	padding-left: 5px;
	border-top: 0px ;
	border-bottom: 0px;
	border-left: 1px dotted #888787;
	border-right: 1px dotted #888787;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
	
table.tabledata td {
	padding: 10px;
	empty-cells: show;
	border: 1px dotted #bcbbbb;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}


table.tabledata td.time {
	font-family: Verdana, Arial, sans-serif;
	background-color:#9c163e;
	font-size: 11px;
	font-weight:bold;
	color: #FFF;
}

table.calendar {
	width:100%;
	border-collapse: collapse;
	empty-cells: show;
	background-color:white;
	padding:1px;
}
	
table.calendar th {
	background-image: url(../../img/webcal/img073.gif);
	height:26px;
	font-weight: bold;
	text-align:left;
	text-transform: capitalize;
	padding-left: 5px;
	border-top: 0px ;
	border-bottom: 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
	
table.calendar td {
	padding: 7px;
	empty-cells: show;
	border: 1px dotted #003366;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}


table.formdata {
	background-color:#ffffff;
	width:100%;
   border-collapse: collapse;
	empty-cells: show;
	padding:1px;
	}
	
table.formdata th {
    padding: 2px 4px;
	text-align:left;
	vertical-align:top;
	border: 1px solid #D5D2D2;
	color:#233960;
	padding-left:16px;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}
	
table.formdata td{
	padding: 5px;
	border: 1px solid #D5D2D2;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

	
table.fieldtable{
	background-color:#ffffff;
	width:100%;
	empty-cells: show;
	margin:0px;
}
		
table.fieldtable td{
	
	vertical-align:top;
	text-align:left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;	
}
	
		
table.fieldtable th {
	padding: 4px 4px;
	vertical-align:top;
	text-align:left;
	color:#404040;
	padding-left:16px;	
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color:#adcbee;
}

.WebcalendarSelectBox{ 
border: 1px solid #007B78; 	
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000; 
background-image: url(../../img/webcal/img073.gif);
width:110px;
font-weight:bold;
}

a.cpOtherMonthDate{
color:#003366;
text-decoration:none;
}

a.cpTodayText{
color:#003366;
text-decoration:none;
}
/*********** Webcalendar end start *******/