/* CSS Document */

body {background:url(../images/bg.jpg) repeat-x 0 0 #fff; margin:0; padding:0; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#929292;}
p,ul,li,span,div,ol,pre,a,b,u,h1,h2,h3,h4,h5 {padding:0; margin:0;}
.clear {clear:both; padding:0; margin:0; line-height:0; font-size:0;}
a img { border: 0}
a {color: #427BA8; text-decoration:none;}
a:hover {text-decoration:underline;}

h2 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#427BA8;}

/*=============== main site ====================*/
#container {width:924px; margin:0 auto;}

/*===============HEADER ====================*/
#header {width:924px; height:79px;}
.logo {width:283px; height:66px; padding-top:8px; margin-left:-33px; float:left;}
.hright {width:400px; float:right; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:31px 0 0 0; text-align:right; background-color:inherit;}

/*=============== MENU AREA ====================*/
.menu_area {width:924px; height:60px; padding-bottom:37px;}
.menu_left {width:240px; float:left; padding:20px 0 0 0;}
.menu_left a {display:block; background:url(../images/bullet1.jpg) no-repeat 0 0; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#7CB714; text-decoration:underline; padding:0 0 0 15px;}
.menu_left a:hover {display:block; background:url(../images/bullet1.jpg) no-repeat 0 0; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#7CB714; text-decoration:none; padding:0 0 0 15px;}

#nav {width:480px; float:right; height:37px; margin:23px 0 0 0;}
#nav ul {list-style:none; padding:0; margin:0;}
#nav ul li {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#636363; float:left; width:120px; height:37px; background:url(../images/nav_bg.jpg) no-repeat 0 0;}
#nav ul li a {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#636363; float:left; width:120px; text-decoration:none; padding:10px 0 0 0; margin:0; text-align:center;}
#nav ul li a:hover {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#313131; float:left; width:120px; text-decoration:none; padding:10px 0 0 0; margin:0; text-align:center;}

/*=============== HEAD BLOCK PART ====================*/
#head_block_part {width:924px; padding-bottom:29px;}
.head_block1 {width:294px; height:217px; float:left; background:url(../images/block_1bg.jpg) no-repeat 0 0; margin-right:27px; padding:20px 20px 0 28px;}
.head_block2 {width:217px; height:217px; float:left; background:url(../images/block_2bg.jpg) no-repeat 0 0; margin-right:25px; padding:20px 20px 0 28px; overflow:hidden;}
.head_block3 {width:265px; height:237px; float:left; background:url(../images/login_bg.jpg) no-repeat 0 0;}
.block_head1 {font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#6D6D6D;}
.block_blue_head {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1;}
.block2_block {width:220px; padding:0 0 10px 0;}
.bb_left {width:90px; float:left;}
.bb_right {width:120px; float:right; color:#7CB714;}
.loginpart {width:230px; margin:0 auto; padding:20px 0 0 0;font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.login_head_txt {font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.login_form_part {width:230px; padding:0 0 10px 0;}
.lleft {width:70px; padding:6px 0 0 0; float:left;}
.lright {width:150px; float:right;}
.tareabg {width:150px; height:29px; background:url(../images/tarea_bg.jpg) no-repeat 0 0;}
.tarea1 {width:140px; height:29px; border:none; background:none; padding:3px 0 0 0;}

/*=============== MIDDLE PART ====================*/
#middle {background-color:#F3FAFF; border-left:1px solid #D8E6F0; border-right:1px solid #D8E6F0;}
.mid_inn {width:881px; padding-left:29px;}
.mleft {width:561px; float:left;}
.mright {width:265px; float:right;}
.mid_click_slide {width:558px;}
.mslide_left {width:268px; float:left;}
.mslide_right {width:268px; float:right;}
.nav-menu-sidebar {width: 248px; float:left; }
.cslide_head {width:268px; height:40px; background:url(../images/cslide_bg.jpg) no-repeat 0 0; text-transform: uppercase;}
.cslide_body {display: none; }
.nav-menu-sidebar .cslide_head { width: 228px; background-image:url(../images/cslide_bg_side.jpg) }
.nav-menu-sidebar .click_area { width: 190px; }
.nav-menu-sidebar .clickarea { width: 226px; }

.selected .cslide_body {display:block; }
.click_area {width:230px; margin:0 auto; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:10px; cursor: pointer;}
.clikck_right {float:right; width: 15px; height: 16px; background-image: url(../images/on.jpg) }
.selected .clikck_right { background-image: url(../images/off.jpg) }
.click_head_txt_area {float:left; padding:2px 0 0 0;}
.clickarea {width:266px; background-color:#FFFFFF; border-left:1px solid #D2E1EB; border-right:1px solid #D2E1EB;}
ul.blocklist {list-style:none; padding:10px 0 0 20px; margin:0;}
ul.blocklist li {background:url(../images/bullet2.jpg) no-repeat 0 0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#7B7B7B; padding:3px 0 10px 15px;}
ul.blocklist li a {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#7B7B7B; text-decoration:underline;}
ul.blocklist li a:hover {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#0282cf; text-decoration:none;}
.cr_top {width:245px; height:56px; background:url(../images/cright_top.jpg) no-repeat 0 0; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#4E8CBC; padding:20px 0 0 20px;}
.cr_repeat {width:265px; background:url(../images/cright_repeat.jpg) repeat-y 0 0;}
.cr_cont_area {width:210px; margin:0 auto; padding-bottom:10px;}
.cr_cont_left {width:150px; float:left;}
.cr_cont_right {width:100px; float:left; color:#699DC6;}

.info_panel .top, 
.info_panel .bottom {
	width:676px;
	height:15px;
	font-size:0;
	line-height:0;
	background: transparent url(../images/info_panel_top_676.jpg) no-repeat 0 0;
}
.info_panel .top {
	background: transparent url(../images/info_panel_top_676.jpg) no-repeat 0 0;
}
.info_panel .bottom {
	background: transparent url(../images/info_panel_bottom_676.jpg) no-repeat 0 0;
}
.info_panel .middle {
	background-color:#F3FAFF; 
	border-left:1px solid #D8E6F0; 
	border-right:1px solid #D8E6F0;
}
.info_panel .inner {
	padding:0px 29px;
}

.block_panel .header,
.fieldset .legend {
	width:656px; 
	height:48px; 
	background:url(../images/block_top_676.jpg) no-repeat 0 0; 
	font:normal 14px Verdana, Arial, Helvetica, sans-serif; 
	color:#6D6D6D; 
	padding:20px 0 0 20px;
	text-transform: uppercase;
}
.block_panel .bottom {
	width:676px;
	height:21px;
	background:url(../images/block_bottom_676.jpg) no-repeat 0 0;
	font-size:0;
	line-height: 0;
}
.block_panel .middle,
.fieldset .inner {
	background: url(../images/block_middle_676.jpg) repeat-y 0 0;
}
.block_panel .inner {
	padding: 0 14px;
}
.block_panel .inner-text {
	padding: 0 20px;
}


/*=============== LOGIN PART ====================*/
.loginpart1 {width:454px; height:214px; margin:0 auto; background:url(../images/login_bg1.jpg) no-repeat 0 0;font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.login_area_inn {width:415px; margin:0 auto; padding:10px 0 0 0;}
.login_head {font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
.lofin_tarea_bg {width:190px; height:29px; background:url(../images/login_tarea_bg.jpg) no-repeat 0 0; float:left;}
.lofin_tarea_bg1 {width:190px; height:29px; background:url(../images/login_tarea_bg.jpg) no-repeat 0 0; float:right;}
.login_tarea1 {width:170px; height:25px; background:none; border:none; padding:7px 0 0 10px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

/*=============== FOOTER ====================*/
#footer {width:924px; border-top:1px solid #E0E0E0; margin:30px 0 0 0; padding:30px 0;}
.finn {width:864px; margin:0 auto;}
.fleft {width:600px; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1;}
.fleft span {width:600px; float:left; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#A9AAAA;}
.fright {width:100px; float:right;font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1;}
.fright a {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1; text-decoration:underline;}
.fright a:hover {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1; text-decoration:none;}

.fright2 {width:150px; float:right;font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1;}
.fright2 a {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1; text-decoration:underline;}
.fright2 a:hover {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#5B94C1; text-decoration:none;}

/*============== MISC =======================*/
.inline-action .action-icon { 
	display: none; 
	vertical-align: middle;
	margin-bottom: 4px;
	width: 10px; 
	height: 10px; 
	text-indent: -9999px; 
	font-size:0; 
	line-height: 0; 
}
.inline-action-hover .action-icon { 
	display: inline-block !important; 
}
.inline-action .edit {
	background-image: url(../images/edit.png); 
}
.inline-action .list {
	background-image: url(../images/list.png);
}
.inline-action .list16 {
	width:16px; height:16px;
	background-image: url(../images/list16.png);
}
.inline-action .pdf16 {
	width:16px; height:16px;
	background-image: url(../images/pdf16.gif);
}
.main-content {
	float:left;
	width: 676px;
}

.column_head {

}
.dataform {
	width:100%;
}
.dataform td.column_head {
	font-size: 13px;
	color:#427BA8;
	vertical-align:middle;	
}

.datagrid td {
	padding-left:6px;
}
.datagrid td.column_head {
	font-size: 14px;
	color:#427BA8;	
}
.datagrid a.delete {
	color:red;
}

.paging {
	margin:10px 0px 0px;
	padding:4px;
	/*
	background-color:#F3FAFF; 
	border:1px solid #D8E6F0;
	*/	
}

.unread * {
	font-weight: bold;
}

.fieldset {
	padding-bottom:21px;
	background:url(../images/block_bottom_676.jpg) no-repeat left bottom;	
}
.fieldset td {
	padding-bottom:10px;
	vertical-align: top;
}
.fieldset .legend h2 {
	font-size:14px;
	font-weight: bold;
	color: #6D6D6D;
}
.fieldset .inner {
	padding:0 20px;
}


#hintbox { /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #F3FAFF;
width: 96px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid #D8E6F0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid #427BA8;
border-bottom: 3px solid #427BA8;
visibility: hidden;
}

.hintanchor {
	display: inline-block;
	width:16px;
	height: 16px;
	text-indent:-9999px;
	background: transparent url(../images/information.gif) no-repeat 0 0;
	overflow: hidden;
	text-align: left;
}

.system-msg {
	text-align: center;
	color:black;
	font-weight: bold;
}
.system-err {
	text-align: center;
	color:red;
	font-weight: bold;
}

/* ---------------------------------------
		FORM ELEMENTS
---------------------------------------- */

#main label {
	font-size: 11px;
	margin-right: 10px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-variant: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: inline-block;
}

#main input.text {
	width: 35%;
	border: 1px solid #BFBFBF;
	font-size: 13px;
	color: #222;
	padding: 5px;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#main textarea {
	width: 95%;
	height: 140px;
	border: 1px solid #BFBFBF;
	font-size: 13px;
	color: #222;
	padding: 5px;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

	
#main input:hover, #main textarea:hover	{ background-color: #e4f5ff; border: 1px solid #0282cf;}
#main input:focus, #main textarea:focus	{ background-color: #e4f5ff; border: 2px solid #0282cf;}
	
#main input.text.users 		{ width: 10%;}
#main input.text.date 		{ width: 20%;}
#main input.text.medium 		{ width: 65%;}
#main input.text.big			{ width: 95%;}

#main input.radio,
#main input.checkbox 		{ vertical-align: middle;}

#main input.file {
	width: 250px;
	height: 20px;
	background: #fefefe;
	border: 1px solid #bbb;
	border-right: 0;
	font-size: 13px;
	color: #333;
	padding: 4px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	}

#main .select					{ padding: 2px; margin: 5px 5px 5px 0px;}


/* -------------------------------------------
		NOTIFICATIONS
-------------------------------------------- */

.notification {
	line-height: 30px;
	clear: both;
	min-height: 30px;
	margin: 0px 0px 16px 0px;
	padding: 20px 25px 10px 60px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}

.notification strong {
	margin-right: 5px;
}

.notification p {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-top: -5px;
	color: #333333;
}

.notification2 {
	width: 600px;
	text-align:left;
	line-height: 30px;
	clear: both;
	min-height: 30px;
	margin: 0px 0px 16px 0px;
	padding: 20px 25px 10px 60px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
}

.notification2 strong {
	margin-right: 5px;
}

.notification2 p {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-top: -5px;
	color: #333333;
}

.warning {
	background-image: url(../images/error.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #FFC237;
	background-color: #FFEAA8;
	color: #826200;
}

.success {
	background-image: url(../images/accept.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #99C600;
	background-color: #EFFFB9;
	color: #3C5A01;
}

.failure {
	background-image: url(../images/exclamation.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #EB5339;
	background-color: #FCCAC2;
	color: #AC260F;
}

.information {
	background-image: url(../images/information.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #418ACC;
	background-color: #D0E4F4;
	color: #235685;
}

.lightbulb {
	background-image: url(../images/lightbulb.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #D3A350;
	background-color: #FEF0CB;
	color: #835F21;
}

.messages {
	background-image: url(../images/email.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #42B4FF;
	background-color: #9DDFFF;
	color: #835F21;
}