@charset "utf-8";
/* CSS Document */
#menu-container{float:left; padding:5px; }

ul#menus{float:left; width:100%; margin:0; padding:0; list-style-type:none;}
ul#menus li{float:left; behavior: url(border-radius.htc); margin:0 4px; padding:0 0 8px; !important; -moz-border-radius: 5px 5px 0 0; border-radius: 5px; -webkit-border-radius:5px;  cursor:pointer; font-family:Arial; font-weight:bold;}
ul#menus li:hover{background-color:#FFF;}
ul#menus li a{text-decoration:none; color:#000; padding:2px 10px 7px;}
ul#menus li.active a, ul#menus li.active a:hover{color:#FFF !important; text-decoration:none !important;}
ul#menus li a:hover{text-decoration:underline;}


ul#menus li#black:hover, ul#menus li#black.active{background:url(../images/black-bg.jpg) repeat-x !important;}
ul#menus li#black a:hover{color:#FFF; }
div#color.active-black{background-color:#000;}


ul#menus li#blue:hover, ul#menus li#blue.active{background:url(../images/bg-blue.jpg) repeat-x !important;}
ul#menus li#blue a:hover{color:#FFF;}
div#color.active-blue{background-color:#3d70aa;}

ul#menus li#gray:hover, ul#menus li#gray.active{background:url(../images/bg-gray.jpg) repeat-x !important;}
ul#menus li#gray a:hover{color:#FFF;}
div#color.active-gray{background-color:#CECECE;}


ul#menus li#green:hover, ul#menus li#green.active{background:url(../images/bg-green.jpg) repeat-x !important;}
ul#menus li#green a:hover{color:#FFF;}
div#color.active-green{background-color:#A8C85D;}

ul#menus li#pink:hover, ul#menus li#pink.active{background:url(../images/bg-green2.jpg) repeat-x !important;}
ul#menus li#pinka:hover{color:#FFF;}
div#color.active-pink{background-color:#A8C85D;}


ul#menus li#golden:hover, ul#menus li#golden.active{background:url(../images/bg-golden.jpg) repeat-x !important;}
ul#menus li#golden a:hover{color:#FFF;}
div#color.active-golden{background-color:#218eaf;}

ul#menus li#navyblue:hover, ul#menus li#navyblue.active{background:url(../images/bg-navyblue.jpg) repeat-x !important;}
ul#menus li#navyblue a:hover{color:#FFF;}
div#color.active-navyblue{background-color:#4b3b88;}

ul#menus li#lightblue:hover, ul#menus li#lightblue.active{background:url(../images/bg-navyblue.jpg) repeat-x !important;}
ul#menus li#lightblue a:hover{color:#FFF;}
div#color.active-lightblue{background-color:#4b3b88;}


ul#menus li#navyblue2:hover, ul#menus li#navyblue2.active{background:url(../images/bg-navyblue.jpg) repeat-x !important;}
ul#menus li#navyblue2 a:hover{color:#FFF;}
div#color.active-navyblue2{background-color:#4b3b88;}

ul#menus li#purple:hover, ul#menus li#purple.active{background:url(../images/bg-purple.jpg) repeat-x !important;}
ul#menus li#purple a:hover{color:#FFF;}
div#color.active-purple{background-color:#f2770e;}

ul#menus li#purple2:hover, ul#menus li#purple2.active{background:url(../images/bg-purple.jpg) repeat-x !important;}
ul#menus li#purple2 a:hover{color:#FFF;}
div#color.active-purple2{background-color:#f2770e;}

ul#menus li#yellow:hover, ul#menus li#yellow.active{background:url(../images/bg-yellow.jpg) repeat-x !important;}
ul#menus li#yellow a:hover{color:#FFF;}
div#color.active-yellow{background-color:#F4B838;}

ul#menus li#greyel:hover, ul#menus li#greyel.active{background:url(../images/bg-greyel.jpg) repeat-x !important;}
ul#menus li#greyel a:hover{color:#FFF;}
div#color.active-greyel{background-color:#CFBC0E;}


ul#menus li#mayroon:hover, ul#menus li#mayroon.active{background:url(../images/bg-mayroon.jpg) repeat-x !important;}
ul#menus li#mayroon a:hover{color:#FFF;}
div#color.active-mayroon{background-color:#B0413F;}

ul#menus li#white:hover, ul#menus li#white.active{background:url(../images/blue1.png) repeat-x !important;}
ul#menus li#whitea:hover{color:#FFF;}
div#color.active-white{background-color:#90F ;}



ul#menus li#brown:hover, ul#menus li#brown.active{background:url(../images/bg-brown.jpg) repeat-x !important;}
ul#menus li#brown a:hover{color:#FFF;}
div#color.active-brown{background-color:#964f3d;}

ul#menus li#darkbrown:hover, ul#menus li#darkbrown.active{background:url(../images/bg-darkbrown.jpg) repeat-x !important;}
ul#menus li#darkbrown a:hover{color:#FFF;}
div#color.active-darkbrown{background-color:#864A1C;}

ul#menus li#red:hover, ul#menus li#red.active{background:url(../images/bg-red.jpg) repeat-x !important;}
ul#menus li#red a:hover{color:#FFF;}
div#color.active-red{background-color:#F00;}


ul#menus li#lightmayroon:hover, ul#menus li#lightmayroon.active{background:url(../images/bg-lightmayroon.jpg) repeat-x !important;}
ul#menus li#lightmayroon a:hover{color:#FFF;}
div#color.active-lightmayroon{background-color:#218EAF;}

ul#menus li#account:hover, ul#menus li#account.active{background:url(../images/bg-lightmayroon.jpg) repeat-x !important;}
ul#menus li#lightmayroon a:hover{color:#FFF;}
div#color.active-account{background-color:#218EAF;}

/*
ul#menus li#green:hover, ul#menus li#green.active{background:url(../images/bg-darkbrown.jpg) repeat-x !important;}
ul#menus li#green a:hover{color:#FFF;}
div#color.active-green{background-color:#603429;}
*/
ul#menus li#blue2:hover, ul#menus li#blue2.active{background:#999;}
ul#menus li#blue2 a:hover{color:#FFF;}
div#color.active-blue2{background-color:#999;}

#color{background-color:#999; width:100%; min-height:5px; float:left; position:relative; top:-5px; border-radius:5px 5px 0 0;}


ul#sub-menu{margin:5px 0 5px 15px; padding:0; float:left; list-style-type:none; }
ul#sub-menu li{float:left; margin:0 10px; display:none;}
ul#sub-menu li a{color:#FFF; text-decoration:none; font-family:calibri; font-weight:bold;}
ul#sub-menu li.visible{display:block;}
.reports
{
	width:99%; height:auto; background-color:#FFF;; float:left; margin-left:7px
}
.reports_heading
{
	height:25px; font-size:20px; text-align:left;
	background:#0099CC; height:30px; padding-top:5px;
	padding-left:10px; color:#FFF
}
.report_Date
{
	width:100%; text-align:right; float:left
}
.empty
{
	width:75%; height:25px; float:left
}
.date
{
	width:50px; height:25px; font-weight:bold; font-size:12px; float:left; padding-top:5px
}
.to
{
	width:35px; height:25px; font-weight:bold; font-size:12px; float:left; padding-top:5px
}

.r_date_sisplay
{
	width:100px; height:25px; border-bottom:solid 2px #000; float:left
}
.r_spo_name
{
	width:90px; height:25px; font-weight:bold; font-size:12px; float:left; 
	padding-top:5px; text-align:left; padding-left:10px; padding-top:5px
}

.spo_name
{
	width:200px; height:25px; float:left; 
}
.r_spo_cont
{
	width:auto; height:auto; float:left; float:left; margin-left:10px
}
.r_main
{
	width:550px; height:auto; margin:7px; float:left; padding-bottom:20px
}
.r_inner_portion
{
	width:520px; height:auto; float:left; background-color:#0099CC; margin:20px; padding-bottom:10px
}
.gray_line
{
		width:520px; height:auto; float:left; background-color:#CCC;  margin-left:20px
}
.r_inner_portion1
{
	width:auto; height:auto; float:left; background-color:#0099CC; marginp-top:20px; padding-bottom:2px;
}
.gray_line1
{
		width:520px; height:auto; float:left; background-color:#CCC; margin-top:10px;
		margin-left:14px
}
.r_summry_portion1
{
	width:410px; height:auto; float:left; background-color:#0099CC; marginp-top:20px; padding-bottom:10px;
}
.gray_summry_line1
{
		width:510px; height:40px; float:left; background-color:#CCC; margin-left:15px
}
.oring_summry_heading
{
	width:120px; height:37px; float:left; color:#FFF; font-weight:bold;
	margin-left:15px; text-align:center; background:#0099CC
}
.r_heading_summry_cells
{
	width:134px; height:auto; float:left; font-weight:bold; color:#FFF; font-size:12px; 
	padding-left:5px; padding-top:5px
}
.r_heading_summry_cells1
{
	width:151px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px
}
.r_heading_cells
{
	width:81px; height:auto; float:left; font-weight:bold; color:#FFF; font-size:12px; 
	padding-left:5px; padding-top:5px
}
.r_heading_cells2
{
	width:73px; height:30px; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px; border-right:solid 1px #CCC
}
.r_heading_cells1
{
	width:82px; height:auto; float:left; font-weight:bold; color:#FFF; font-size:12px; 
	padding-left:5px; padding-top:5px; text-align:center
}
.r_heading_total_f
{
	width:50px; height:auto; float:left; font-weight:bold; color:#FFF; font-size:12px; 
	padding-left:5px; padding-top:5px; text-align:center
}
.r_heading_cells3
{
	width:50px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px; text-align:center; 
}
.r_heading_cells_data
{
	width:79px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px; text-align:center; 
}
.r_heading_cells4
{
	width:81px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px; text-align:center
}
.r_heading_cells5
{
	width:78px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px; text-align:center
}
.r_heading_cells1_name
{
	width:150px; height:auto; float:left; font-weight:bold; color:#FFF; font-size:12px; 
	padding-left:5px; padding-top:5px
}
.r_heading_cells1_name1
{
	width:150px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px; position:relative
}
.r_heading_cells1_name2
{
	width:95px; height:auto; float:left; color:#000; font-size:12px; 
	padding-left:5px; padding-top:5px
}
.inner_heading
{
	width:100%; height:23px; font-size:18px; font-weight:bold; color:#000;
	text-align:center
}
.oring_heading
{
	width:136px; height:51px; float:left; background-color:#0099CC; color:#FFF; font-weight:bold;
	text-align:center
}
.button
{
	width:100px; height:30px; border:solid 1px #903; color:#FFF; font-weight:bold;
	background-color:#900; cursor:pointer;
	-moz-box-shadow: -1px 1px 5px 1px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.security_r_heading
{
	width:97%; height:40px; float:left; color:#FFF; font-size:20px;
	font-stretch:expanded ; background-color:#0099CC; padding-top:10px; padding-left:10px;
	margin-left:10px; margin-top:10px
}
.date_wise
{
	width:96%; height:auto; float:left; margin:10px
}
.date_wise_summry
{
	width:10%; height:35px; color:#FFF; font-size:16px; font-weight:bold;
	text-align:center; background-color:#0099CC;
	border:solid 1px #0099CC; border-radius: 5px 5px 0px 0px;
}
.date_wise_data_cont
{
	width:102%; height:auto; background-color:#09C;  float:left
}

.date_wise_data_cont_data1
{
	width:98%; height:auto; background-color:#FFF; margin:20px; padding-bottom:10px; float:left
}

.date_wise_data_cont_data
{
	width:98%; height:auto; background-color:#FFF; margin:20px;float:left
}
.date_wise_heading
{
	width:74px; height:auto; float:left; margin-left:16px; 
	color:#FFF; font-weight:bold; font-size:12px; padding-left:5px; padding-top:5px
}
.date_wise_heading3
{
	width:72px; height:auto; float:left; margin-left:20px; 
	color:#000; font-size:12px; padding-left:5px; padding-top:5px
}
.date_wise_heading1
{
	width:123px; height:auto; float:left; margin-left:10px; font-weight:bold;
	color:#FFF; font-size:13px; padding-left:5px; padding-top:5px; text-align:left
}
.mnth_wise_heading1
{
	width:80px; height:auto; float:left; margin-left:10px; font-weight:bold;
	color:#FFF; font-size:13px; padding-left:5px; padding-top:5px; text-align:left
}


.protofolio_heading
{
	width:133px; height:auto; float:left; margin-left:10px; font-weight:bold;
	color:#FFF; font-size:13px; padding-left:5px; padding-top:5px
}
.protofolio_con
{
	width:100%; height:auto; background-color:#09C; margin:20px; padding-bottom:10px; float:left
}
.protofolio_data
{
	width:133px; height:auto; float:left; margin-left:10px;
	color:#000; font-size:13px; padding-left:5px; padding-top:5px
}
.date_wise_heading4
{
	width:100px; height:auto; float:left; margin-left:10px;
	color:#FFF; font-size:13px; padding-left:5px; padding-top:5px
}
.date_protofolio
{
	width:100px; height:auto; float:left; margin-left:10px;
	color:#FFF; font-size:13px; padding-left:5px; padding-top:5px
}
.date_wise_heading3
{
	width:84px; height:auto; float:left; margin-left:10px;
	color:#000; font-size:13px; padding-left:5px; padding-top:5px
}

.date_wise_heading2
{
	width:116px; height:auto; float:left; margin-left:10px; font-weight:normal;
	color:#000;font-size:13px; padding-left:5px; padding-top:5px
}
.target_grade_heading
{
	width:150px; height:30px; float:left;
	font-size:18px; padding-left:20px
}
.target_days_heading
{
	width:100px; height:30px; float:left;
	font-size:18px;
}
.target_grade
{
	width:150px; height:30px; float:left;
	font-size:13px; padding-left:20px
}
.target_days
{
	width:100px; height:30px; float:left;
	font-size:13px; padding-top:5px
}
.print_button
{
	width:100px; height:20px; background-image:url(../images/bg-lightmayroon.jpg); color:#FFF;
	float:left; text-align:center; padding-top:4px; border-radius: 5px 5px 5px 5px;; font-weight:bold
}
.cancel_button
{
	width:100px; height:30px; float:left; border:solid 1px #000; 
	background-image: background-image:url(../images/cancel.png)
}
.set_target
{
	width:97%; height:35px; float:left; 
	background-color:#4B3B88; color:#FFF; font-weight:bold; 
	font-size:16px; padding-left:6px; margin-left:6px; padding-top:7px; 
	font-family:verdana,arial,sans-serif; margin-top:5px; margin-bottom:10px
}
.target_container
{
	width:50%; height:288px; float:left;
	margin-bottom:5px; position:relative;
}
.target_row
{
	 padding:0px; margin:0px; position:relative;
	float:left; 
}
.target_cell
{
	width:101px; height:30px; float:left; 
	list-style:none; position:relative; padding-top:5px
}
.target_last
{
	width:147px; height:30px; float:left; list-style:none; 
	position:relative; border:none; padding-top:5px
}
.target_left_navi_heading
{
	width:18%; height:288px; float:left;  
	margin-left:5px; margin-bottom:5px
}
.target_left_navi_heading ul 
{
	padding:0px; margin:0px; position:relative
}
.target_left_navi_heading ul li
{
	width:98%; height:16px; padding-top:10px; list-style:none;
	float:left; padding-left:5px; font-weight:bold; font-size:12px; padding-bottom:8px; text-align:right
}
.target_search_cont
{
	width:98%; height:auto; float:left; margin-left:5px;
	margin-bottom:5px;
}
.target_search_row
{
	width:99.95%; height:30px; float:left; 
	background-color:#4B3B88; color:#FFF; border-bottom:solid 2px #FFF
}
.target_search_row_odd
{
	width:86.1%; height:30px; float:left; border-top:solid 1px #FFF;
	background-color:#E0E0E0; border-left:solid 1px #FFF
}
.target_search_row_even
{
	width:86.1%; height:30px; float:left; border-top:solid 1px #FFF;
	border-left:solid 1px #FFF
}
.block
{
	width:99.8%; height:auto; float:left
}
.mnths_headeing
{
	width:88px; height:30px; float:left; border-right:solid 1px #4B3B88; font-weight:bold;
	text-align:center
}
.target_search_mnths_data
{
	width:87.90px; height:30px; float:left; border-right:solid 1px #FFF; 
	text-align:center
}
.search_apo_name
{
	width:172px; height:30px; float:left; border-right:solid 1px #4B3B88; font-weight:bold;
	text-align:center
}
.search_files_name
{
	width:172px; height:31px; float:left; border-right:solid 1px #FFF; font-weight:bold;
	text-align:center
}
.search_spo_name_row
{
	width:60%; height:30px; float:left; margin:10px;
	margin-left:400px
}
.search_dropdown_heading
{
	width:100px; height:30px; float:left; 
	font-weight:bold; font-size:12px; text-align:right
}
.search_year_heading
{
	width:35px; height:30px; float:left; 
	font-weight:bold; font-size:12px; text-align:right
}
.search_dropdown
{
	width:180px; height:30px; float:left; 
	font-weight:bold; font-size:12px
}
.search_dropdown_year
{
	width:150px; height:30px; float:left; 
	font-weight:bold; font-size:12px; margin-left:10px
}
.search_button
{
	width:auto; height:30px; float:left; 
	font-weight:bold; font-size:12px; margin-left:10px
}
.approve_file_cont
{
	float: left;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 40%;
}
approve_file_cont ul
{
	padding:0px; margin:0px
}
.approve_file_cont ul li
{
 float: left;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    list-style: none outside none;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: right;
    width: 101%;
}
.approve_filecradit_data
{
	width:100%; height:30px; font-size:12px; padding-left:10px; padding-top:4.80px
}
.approve_cstcradit_data
{
	width:100%; height:30px; font-size:12px; padding-left:10px; padding-top:4.3px
}

.approved_buttons
{
	width:100%; height:40px; float:left;  margin-left:100px
}
.buttons_approved
{
	width:100px; height:20px; background-image:url(../images/bg-navyblue.jpg); color:#FFF;
	float:left; text-align:center; padding-top:4px; border-radius: 5px 5px 5px 5px;; font-weight:bold
}
.file_cradit_remarks_con
{
	width:50%; height:100px; float:left; margin-left:300px; margin-top:50px
}
.file_remarks_heading
{
	width:100px; height:30px; float:left;
	margin-left:10px
}
.remarks_rextarea
{
	width:400px; height:80px; float:left
}
.dars_cont
{
	width:1000px; height:auto; float:left;
	margin-left:120px
}
.mng_dars_row
{
	width:800px; height:40px; float:left;
}
.mng_dars_spo_name
{
	width:100px; height:30px; float:left; 
	font-weight:bold; font-size:12px
}
.mng_dars_spo_dropdown
{
	width:160px; height:30px; float:left; 
	font-weight:bold; font-size:12px
}
.mng_dars_frm_Date
{
	width:80px; height:30px; float:left; 
	font-weight:bold; font-size:12px
}
.mng_dars_box
{
	width:120px; height:30px; float:left; 
	font-weight:bold; font-size:12px
}
.dars_slid
{
	width:1000px; height:30px; float:left;
	background-color:#4B3B88; color:#FFF
}
.dar_cells_spo_name
{
	width:300px; height:30px; float:left; padding-top:3px; padding-left:10px
}
.dar_cells_spo_name1
{
	width:300px; height:30px; float:left; padding-top:3px; padding-left:10px;
	
	
}
.dars_from_to_date
{
	width:670px; height:30px; float:left; padding-top:3px;
}
.dars_lid_data
{
	width:1000px; height:auto; float:left; background-color:#E0E0E0;
	border-top:solid 3px #FFF
}

.dars_from_to_date
{
	width:680px; height:auto; float:left; padding-top:3px;
	padding-left:7px;border-left:solid 1px #FFF;
}
.dars_customer_data
{
	width:97px; height:30px; padding-top:5px; float:left;
}
.dar_data_slid
{
	width:1000px; height:auto; float:left; margin-left:120px; margin-top:30px
}
.dar_data_slid1
{
	width:1050px; height:auto; float:left; margin-left:120px; 
}
.dar_data_slid_odd
{
	width:1050px; height:auto; float:left; margin-left:120px; background-color:#E0E0E0;
	border-top:solid 3px #FFF
}

.dar_data
{
	width:218px; height:30px; float:left; border-right:solid 1px #FFF; color:#FFF;
	padding-top:5px; padding-left:10px
}
.dar_data_name
{
	width:194px; height:30px; float:left; border-right:solid 1px #FFF; color:#FFF; padding-left:5px;
	padding-top:5px
}
.dar_data_name_last
{
	width:216px; height:30px; float:left; color:#FFF; padding-left:5px;
	padding-top:5px
}
.report_buttons_con
{
	width:98%; height:auto; float:left; margin-bottom:10px; margin-left:20px;
	background-color:#FFF; padding:10px
}
.rprt_buttons
{
	width:227px; height:25px; float:left; 
	background-color:#0099CC; color:#FFF; font-weight:bold;
	padding-left:10px; padding-right:10px; padding-top:5px;
	margin-left:5px; margin-bottom:5px
}
.rprt_buttons a
{
	color:#FFF; text-decoration:none
}
.delete {
    background: url("../images/delete.png") repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    width: 16px;
	margin-left:10px;
	margin-top:3px
}