@charset "utf-8";
/* CSS Document */
body
{
	//background-image:url(../images/bg.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:left;
	background-position:top left;
	font-family: 'OpenSans-Regular', sans-serif;	
	font-size:15px;
	margin:0px;
	text-align:left;
}

.Popup_container /*give this style to table to create box*/
{
	border: solid 1px #666666;
	background-color: White;
	margin-right: 50px;
	border-radius:5px;
	padding:10px;
	width:auto;
    	box-shadow: 0px 0px 100px #4D4D4D;	
}


.popup_title, .popup_messsage, .popup_buttons /*give this style to table to create box*/
{
	padding:10px;
	float:none;	
}

.popup_title
{
    font-size:18px;
    color:#9C0606;
    border-bottom: 1px solid #E8E8E8;
}

#submenu_bar1
{
    width:auto;
    background-color:#f1f1d5;
    padding: 5px 5px 5px 5px;   
    border-bottom: 1px solid #d5d5d5;    
    height:30px;
    font-size:20px;
    float:none;
}
	
#submenu_bar2
{
    width:auto;
    background-color:#f3f3f3;
    border-bottom: 1px solid #d5d5d5;
    padding: 5px 5px 0px 5px;
    height:35px;
    float:none;   
}

.Submenu1
{
    float:left;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #cfcfcf;
    height:36px;
}

.Submenu2
{
    float:left;
    padding: 5px 10px 0px 10px;
    border-right: 1px solid #cfcfcf;
    height:31px;  
}  


.Submenu2_selected
{
    float:left;
    padding: 5px 10px 0px 10px;
    height:31px;  
    background-image:url('../../../images/selected_menu_arrow.png');
    background-repeat:no-repeat;
    background-position:bottom center;
     border-right: 1px solid #cfcfcf;
}  

.Submenu1_selected
{
    float:left;
    padding: 0px 10px 0px 10px;
    height:36px;
    background-image:url('../../../images/selected_menu2_arrow.png');
    background-repeat:no-repeat;
    background-position:bottom center;
     border-right: 1px solid #cfcfcf;
}    	
	
.selected
{
	background-color:#FCFCFC;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;

}
.txt_30
{
	font-size:30px;
	font-weight:lighter;
}

.txt_25
{
	font-size:25px;
	font-weight:lighter;
}

.txt_15
{
	font-size:15px;
	font-weight:lighter;
}


.txt_12
{
	font-size:12px;
	font-weight:lighter;
}

.txt_18
{
	font-size:18px;
	font-weight:lighter;
}


.footer
{
	font-size:11px;
	text-align:center;
	padding:10px;
	float:none;
width:auto;
}

.normal_textbox
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	width:auto;
}
.small_textbox
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	width:100px;
}
.verysmall_textbox
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	width:70px;
}
.normal_dropdownlist
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	width:auto;
	
}
.Popup_Panel
{
	width:auto; 
	 
	overflow: auto;
    border-radius:7px,7px;       
    background-color: #ffffff; 
    /*border: solid 1px black;*/
	
	}

.big_button
{
	background-image:url(../images/big_button_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#ffffff;
	padding:5px 10px 5px 10px;
	height:40px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	color:#000;
	font-size:18px;
	cursor:pointer;
}
.big_red_button
{
	//background-image:url(../images/big_button_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#e74c3c;
	padding:5px 10px 5px 10px;
	height:40px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	color:#ffffff;
	font-size:18px;
	cursor:pointer;
}
.small_button
{
	background-image:url(../images/small_button_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#ffffff;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	color:#000;
	font-size:14px;
	cursor:pointer;
}


.vert_sep
{
	background-image:url(../images/vert_sep.jpg);
	background-repeat:repeat-y;
	width:20px;
	background-position:center;
}

.horz_sep
{
	background-image:url(../images/horz_sep.jpg);
	background-repeat:repeat-x;
	line-height:2px;
	padding:0px;
}

.horz_sep_dashed
{
	border-bottom:1px dashed #E5E5E5;
	margin-bottom:10px;	
}

 .inner_table
    {
    	background-color:#f1f0f0;
    	
    	}

a:link
{
	color:#000;
	text-decoration: none;
}

a:visited
{
	color:#000;
	text-decoration: none;
}

a:hover
{
	color:#999;
	text-decoration: none;
}

.logo
{
	//background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:middle;
	width:100%;
	height:100px;
	margin: 0 auto;
}


.content_bg
{
	
	background-color:#F9F9F9;
	border-style:inset;
	border-width:1px;
	border-color:#F2F2F2;
}

input, select
{
	padding:5px 10px 5px 10px;
	font-size:15px;
    border-radius:4px;
	border:1px solid #d3d3d3;
}

@media (min-width: 600px) and (max-width: 2000px)
{
	
.table_width{ width:1000px;}


.tbl_container td
{
border:thin;
border-width:1px;
border-style:inset;
border-color:#D8D8D8;
}

.tbl_container thead
{
	background-color:#F4F4F4;
}

.divTable
    {
        display:table;
        width: auto;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
      
      
    }

    .divRow
    {
      
       
       padding-top:7px;
      padding-bottom:7px;
		float:left;
		 
       
		 
    }

    .divCell
    {
        float:left;/*fix for  buggy browsers*/
       display:table-row;
        width:300px;
        vertical-align:middle;
        
      

    }
    .divCell_text
    {
        float:left;/*fix for  buggy browsers*/
       display:table-row;
        width:300px;
        vertical-align:middle;
      padding-left:5px;
         padding-top:10px;
         padding-bottom:10px;
          
    }
     .divCell_text_View
    {
        float:left;/*fix for  buggy browsers*/
       display:table-row;
        width:250px;
        vertical-align:middle;
      padding-left:5px;
         padding-top:10px;
         padding-bottom:10px;
          
    }

.divCell_textSmall
    {
        float:left;/*fix for  buggy browsers*/
       display:table-row;
        width:300px;
       padding-left:0px;
    }





    .headRow{ padding-top:5px; padding-bottom:5px; }
    .span_header{ padding-top:10px; font-weight:bold;}
    
    
     .Table
    {
        display: table;
        width:800px;
        
    }
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .Heading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    .Row
    {
        display: table-row;
    }
    .Cell
    {
        display: table-cell;
       
        padding-left: 5px;
        padding-right: 5px;
     
    }
    
    
    
.lbl_container
{
	width:inherit;
	float:none;
	overflow:auto;
	padding:5px;
clear:left;
}

.lbl_container div
{
	float:left;
}

.lbl_container_highlighted
{
	width:100%;
	float:none;
	overflow:auto;
	padding:5px;
	font-size:16px;
	color:#000;
}

.lbl_header_style
{
	color:#A41E21;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
}

.lbl_title_style
{
	color:#616161;
	width:150px;
}


.lbl_component_title_style
{
	color:#616161;
	width:150px;
	padding-top:5px;
	text-align:left;
}

.lbl_sep_style
{
	padding-left:5px;
	padding-right:5px;	
	width:10px;
}
.lbl_component_sep_style
{
	padding-left:5px;
	padding-right:5px;	
	width:10px;
	padding-top:5px;
}

.lbl_value_style
{
	text-align:left;	
}

.lbl_value_Rs_style:before
{
    content:'\20B9';
	text-align:left;	
}    

    }
    
    @media (min-width: 200px) and (max-width: 600px)
    {
   #div_main_container{width: 95%;}
   .Popup_Panel
{
	width: 90%; 
	height: auto; 
	overflow: auto;
                        
    background-color: #ffffff; 
    border: solid 1px black;
	
	}
		
	
	
    	.radio_button
    	{
    		font-size:16px;
    	
    		}
    		.table_width{ width:100%;}
    		
    		.small_textbox
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	width:50%;
}
    	
    .visibletemplate
    {
    	display:none;
    	visibility:hidden;
    	visible:false;
    	}	
    	
    	.normal_dropdownlist
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	width:auto;
	
}
    	.normal_textbox
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;

	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
	width:auto;
}
	
.normal_label
{
	background-image:url(../images/textbox_bg.jpg);
	background-repeat:repeat-x;
	padding:5px 10px 5px 10px;
	width:auto;
}
    	
.tbl_container td
{
border:thin;
border-width:1px;
border-style:inset;
border-color:#D8D8D8;
}

.tbl_container thead
{
	background-color:#F4F4F4;
}

.divTable
    {
        width:100%;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
      
    }

    .divRow
    {
       width:100%;
       padding-top:7px;
       padding-bottom:7px;
	   float:left;
	   overflow:hidden;
    }

    .divCell
    {
        float:left;/*fix for  buggy browsers*/
        width:100%;
        vertical-align:middle;
       
      

    }
    .divCell_text
    {
        float:left;/*fix for  buggy browsers*/
        width:100%;
        vertical-align:middle;
      padding-left:5px;
         padding-top:10px;
         padding-bottom:10px;
       
      

    }

.divCell_textSmall
    {
        float:left;/*fix for  buggy browsers*/
       display:table-row;
        width:300px;
       padding-left:0px;
    }





    .headRow{ padding-top:5px; padding-bottom:5px; float:none; }
    .span_header{ padding-top:10px; font-weight:bold;}
    
    
     .Table
    {
        display: table;
        width:100%;
        
       
    }
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .Heading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    .Row
    {
        display: table-row;
        
    }
    .Cell
    {
        display: table-cell;
       
        padding-left: 5px;
        padding-right: 5px;
       
     
    }
    	
   
.lbl_container
{
	width:inherit;
	float:none;
	overflow:auto;
	padding:5px;
clear:left;
}

.lbl_container div
{
float:none;
}

.lbl_container_highlighted
{
	width:100%;
	float:none;
	overflow:auto;
	padding:5px;
	font-size:16px;
	color:#000;
}

.lbl_header_style
{
	color:#A41E21;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
}

.lbl_title_style
{
	color:#616161;
}


.lbl_component_title_style
{
	color:#616161;
	width:150px;
	padding-top:5px;
	text-align:left;
}

.lbl_sep_style
{
	padding-left:5px;
	padding-right:5px;	
	width:10px;
	display:none;
}
.lbl_component_sep_style
{
	padding-left:5px;
	padding-right:5px;	
	width:10px;
	padding-top:5px;
}

.lbl_value_style
{
	text-align:left;
}

.lbl_value_Rs_style:before
{
    content:'\20B9';
	text-align:left;	
}    	
    }
   
    /*-------------- Moduler Popup Style---------------------*/
    #overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.content a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
}
.content{
min-width: 600px;
width: 600px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.content p{
clear: both;
color: #555555;
text-align: justify;
}
.content p a{
color: #d91900;
font-weight: bold;
}
.content .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.content .x:hover{
cursor: pointer;
}


.TableHead /* NORMALLY THIS STYLE IS USED AS table HEADING. */
{
	font-family:arial;
	font-size:13px;
	font-style:normal;
	font-weight:bold;	
	padding:3px;
	color:Black;
	text-decoration:none;
	background-color:#eaeaea;
	/*text-align:left;	*/
}

.ModalBackground 
{
	background-color:#5b5b5b;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.cal { border:1px solid gray; border-radius:7px; background-color:#ffffff;}
cal .ajax__calendar_body {width:240px; font-size:14px; padding:5px; }
.cal .ajax__calendar_active {background-color:#000000; color:#ffffff; border-radius:2px; font-size:14px; }
.cal .ajax__calendar_dayname { font-size:14px; text-decoration:underline; }
.cal .ajax__calendar_day { text-align:center; font-size:12px; vertical-align:middle; }
.cal .ajax__calendar_footer {font-size:14px; }
/*.cal .ajax__calendar_container {font-size:14px; width:170;}
.cal .ajax__calendar_active {  font-weight:bold; border-radius:2px; font-size:14px; }
.cal .ajax__calendar_header { background-image: linear-gradient(#ebebeb,#000000); color:#ffffff;  font-size:14px; padding:2px;}
.cal .ajax__calendar_body {font-size:14px; }


.cal .ajax__calendar_header {  font-weight:bold; font-size:14px;}
.cal .ajax__calendar_body { }
.cal .ajax__calendar_footer { }

.cal .ajax__calendar_other { }
.cal .ajax__calendar_today { font-size:14px; font-weight:bold; border-radius:2px; }
.cal .ajax__calendar_day { text-align:center; font-size:14px; vertical-align:middle; }
.cal .ajax__calendar_next, .cal .ajax__calendar_prev {font-size:14px; border:solid 2px #666666; }
.cal .ajax__calendar_hover {  border-radius:2px; font-size:14px; }
.cal .ajax__calendar_active {  font-weight:bold; border-radius:2px; font-size:14px; }*/
.div-group-dash-border
{
	border:thin dashed #CCC;
	background-color:#F8F8F8;
	width:auto;
	border-radius:5px;
	padding:10px;
	overflow:visible;
	float:none;
	text-align:center;	
	margin:5px;
	text-align:left;
}


.div-sub-group-dash-border
{
	border:thin solid #E9E9E9;
	background-color:#FFFFFF;
	width:auto;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
	float:none;
	overflow:auto;	
	
}


.div-group-dash-border-button-container
{
	background-color:#F8F8F8;
	border-radius:5px;
	padding:5px;
	margin-bottom:10px;
	float:none;
	text-align:right;
	overflow:auto;
}

.div-sub-group-dash-border div
{
    float:left;	
	overflow:auto;
}

.div-sub-group-title
{
    font-size:20px;
    padding:5px;
    float:none;
    text-align:center;
    margin-right:5px;
}

.div-sub-group-label
{
    padding:5px;
    float:none;
    text-align:left;
    margin-right:5px;
    width:90%;
}    

.div_full_width
{
	float:none;
	width:100%;
}


/*Tab Styling*/

.tab_holder
{
	width:auto;
	padding:10px 10px 0px 10px;
	overflow:auto;
	margin:0px auto;
	border-bottom:1px solid #D8D8D8;	
	background-color:#5ca028;
	color:#FFF;
}

.tab_holder a
{
	color:#FFF;
}

.tab_holder div
{
	padding:10px;
	float:left;
	width:auto;
	margin-right:5px;
	border-radius:5px;	
	border-radius:5px 5px 0px 0px;
	border-right:1px solid #5b8f01;
	border-left:1px solid #5b8f01;	
	border-top:1px solid #5b8f01;
	font-size:18px;
	background-color:#72af0a;
}

.selected_tab{
 color: #000;
background-color: #eaeaea; background-image: linear-gradient(to bottom, #eaeaea, #ffffff);
	border-right:1px solid #D8D8D8;
	border-left:1px solid #D8D8D8;	
	border-top:1px solid #D8D8D8;
 }

.selected_tab:hover, .tab_holder div:hover
{
 color:#000;
 background-color: #eaeaea; background-image: linear-gradient(to bottom, #eaeaea, #ffffff);
 }



/*Installment Styling*/

.installment_container div div
{
	text-align:left;
}

.installment_title
{
	font-size:20px;
	width:100%;
	height:40px;
	text-align:left;
	border-bottom:1px solid #F3F3F3;
	margin-bottom:10px;
}

.installment_status_N
{
	background-image:url(../../../images/pending-img.png);
	background-repeat:no-repeat;
	background-position:center;
}

.installment_status_Y
{
	background-image:url(../../../images/paid-img.png);
	background-repeat:no-repeat;
	background-position:center;	
}

.installment_status_UN
{
	background-image:url(../../../images/unpaid-img.png);
	background-repeat:no-repeat;
	background-position:center;	
}

@media (min-width: 200px) and (max-width: 600px)
{
.installment_details_container
{
	float:left;
}

.installment_status
{
	border:bottom:1px solid #CCC;
	font-size:25px;
	height:50px;
	float:right;
	text-align:center;
	border-radius:5px;
	padding-top:15px;
	width:100%;
	margin:0px auto;
}

.installment_details
{
	float:left;
	width:100%;
	border-bottom:1px solid  #EBEBEB;
	padding-bottom:10px;
	margin-top:10px;	
}

.installment_payment_details
{
	float:left;
	width:100%;
	padding-left:0px;
}

.installment_container
{
	width:95%;
	padding:10px;
	border:1px solid #CCC;
	overflow:auto;
	border-radius: 5px;
	margin-bottom:10px;
}
.lbl_component_sep_style
{
	display:none;
}
}

@media (min-width: 600px) and (max-width: 2000px)
{

.installment_container
{
	width:98%;
	padding:10px;
	border:1px solid #CCC;
	overflow:auto;
	border-radius: 5px;
	margin-bottom:10px;
}

.installment_details_container
{
	float:left;
}

.installment_status
{
	border:bottom:1px solid #CCC;
	font-size:25px;
	height:40px;
	float:right;
	text-align:center;
	border-radius:5px;
	padding:50px 0px 50px 0px;
	color:#FFF;
	width:150px;
}

.installment_details
{
	float:left;
	width:400px;
	border-right:1px solid  #EBEBEB;
	padding-right:10px;
}

.installment_payment_details
{
	float:left;
	width:auto;
	padding-left:10px;
}
}


/* Common */

/* Use this for displaying values with headers */


/*Containers*/

.div_report_box_cut
{
	border:5px solid #EEE;
	padding:10px;
	border-radius:5px;
	margin-bottom:5px;
}


.div_report_box_cut:hover
{
	background-color:#C00;
	color:#FFF;
	border:5px solid #C00;
}


#div_main_container{
	width:auto;
	padding:10px;
	background-color:#FFF;
	border-radius:5px;
	border:1px solid #E8E8E8;
	overflow:visible;
	margin:10px;
	
	}	

/*Not Used*/
.div_main_container
{
	float:none;
	width:100%;
	auto;
	position:inherit;
	margin:0 auto;
	text-align:left;
	visible;
}
	

.div_container
{
	width:auto;
	overflow:auto;
	float:none;	
	border-radius:5px;
}	


.div_sub_container
{
	width:auto;
	float:left;
	padding:10px;
}


.div_sub_container div
{
//	float:left;
}

.border-left
{
	border-left:1px solid #F3F3F3;
}

/*Profile Image*/
.profile-image
{
	height:270px;
	width:200px;
	background-color:#F9F9F9;
	float:left;
	text-align:center;
	border-radius:5px;
	border:1px solid #F5F5F5;
}

/*Button Style*/

.normal_button
{
	border-radius:5px;
	border:1px solid #D1D1D1;
	padding:5px 7px 5px 7px;
	text-align:center;
	background-color:#EFEFEF;
	text-decoration:none;
}
.normal_button_small
{
	border-radius:5px;
	border:1px solid #D1D1D1;
	padding:2px 5px 2px 5px;
	text-align:center;
	background-color:#EFEFEF;
	text-decoration:none;
}
.normal_button:hover, .normal_button_small:hover
{
	border-radius:5px;
	border:2px solid #5596f0;
	background-color:#4E96ED;
	color:#FFF;
	text-decoration:none;	
}

.main_button
{
	border-radius:5px;
	padding:10px;
	background-color:#D1161B;
	color:#FFF;	
}

.main_button:hover
{
	border-radius:5px;
	padding:10px;
	background-color:#C20A0E;
	color:#FFF;
}

/*navigation style*/
.navigator_container
{
	width:auto;
	padding:10px;
	margin:0px auto;
	text-align:center;
	overflow:auto;
}

@media (min-width: 600px) and (max-width: 2000px)
{
.navigation_details
{
	float:left;
	background-color:#F5F5F5;	
}

.page_navigator
{
	float:right;
}	
}
@media (min-width: 200px) and (max-width: 600px)
{
.navigation_details
{
	float:none;
	width:250px;
	margin:0px auto;
	background-color:#FFF;	
}

.page_navigator
{
	text-align:center;
	margin:0px auto;
	vertical-align:middle;
}	
}

.navigation_details
{
	padding:5px 10px 5px 10px;	
	border-radius:5px;
	font-size:13px;
	margin-bottom:10px;
}

.navigator_buttons
{
	padding:5px 10px 5px 10px;	
	border-radius:5px;
	background-color:#F5F5F5;
	
}

.page_navigator div
{
	float:left;
	padding-left:5px;
	padding-right:5px;
	margin:0px auto;
	border:1px solid;
}

/*Login Container Style*/
.login-container
		{
			border-radius: 5px;
			border:thin solid #f1f1f1;
			background-color:#0c8e78;
			width:300px;
			padding:10px;
			margin:0px auto;
			margin-top:5%;
			text-align:center;
			overflow:auto;
			box-shadow: -1px 5px 10px #D2D2D2;
		background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */			
		}
		.login-logo
{
	background-repeat:no-repeat;
	text-align:center;
	height:150px;
	width:100%;
	background-image:url(../../../images/logo-on-white-bg.png);
	background-position:center;
	background-repeat:no-repeat;
}

.login-title, .login-button, .login-component
{
	float:none;
	font-size:30px;
	padding:10px 10px 0px 0px;
}
.lbl_header_style
{
    color:#a41e21;
    font-size:16px;
    
    }
    /* Style For Radio and checkbox Button*/
.checkbox label, .radio label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 35px;  
    margin-right: 15px;  
    font-size: 15px;
    height:25px;
    width:auto;
} 

.checkbox label:before ,.radio label:before{  
    content: "";  
    display: inline-block;  
    height:20px;
    width:20px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    background-color: #f8f8f8;  
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
    border-radius: 20px; 
}

input[type=radio] {  
    display: none;  
} 


input[type=radio]:checked + label:before {
    content: "\2022";  
    color: #999;
    font-size: 28px;  
    text-align: center;  
    line-height: 20px;  
}  

input[type=checkbox] {  
    display: none;  
} 

.checkbox label:before {  
    border-radius: 3px;  
} 

input[type=checkbox]:checked + label:before {  
    content: "\2713";  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 30px;  
    color: #999;
    text-align: center;  
    line-height: 18px;  
}  


/*Attendance Button Style*/
.checkbox_attendance
{
	border:1px solid #E9E9E9;
	padding-left:10px;
	padding-left:10px;	
	padding-top:10px;		
	border-radius:10px;
	float:left;
	width:auto;
	overflow:visible;
	min-height:40px;
	margin:10px;
}

.checkbox_attendance label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative; 
	padding-left: 35px;  
    margin-right: 15px;  
    font-size: 25px;
   min-height:40px;
    width:auto;
} 

.checkbox_attendance label:before{  
    content: "";  
    display: inline-block;  
    height:30px;
    width:30px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    background-color:#C00;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
    border-radius: 2px; 
}

.checkbox_attendance  input[type=checkbox]:checked + label:before {
	content:"";
    background-color:#35D75E;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 30px;  
    color: #999;
    text-align: center;  
    line-height: 18px;  
}  


/*Flags & Markers*/

.flag
{
	padding:5px;
	margin-top:20px;
	text-align:left;
	font-size:17px;
	margin-left:5px;
}

.flag_red
{
	border-left:10px solid #DD0B10;
	color:#DD0B10;
}

.flag_blue
{
	border-left:10px solid #4E96ED;
	color:#4E96ED;	
}

.flag_gray
{
	border-left:10px solid #333;
	color:#333;
}

.Val.ajax__validatorcallout_popup_table {border:1px solid #F0F0F0; border-radius:7px; background-color:#e7e7e7;}
.Val.ajax__validatorcallout_popup_table_row {}
.Val.ajax__validatorcallout_callout_cell {}
.Val.ajax__validatorcallout_callout_table {}
.Val.ajax__validatorcallout_callout_table_row {}
.Val.ajax__validatorcallout_error_message_cell {}
.Val.ajax__validatorcallout_icon_cell {}
.Val.ajax__validatorcallout_close_button_cell {}
.Val.ajax__validatorcallout_arrow_cell {}
.Val.ajax__validatorcallout_innerdiv {}

 
        .accordion {  
            width: auto;  
        }  
          
        .accordionHeader { 
            background-color:#EEE;
            font-size: 15px;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer; 
			border-radius:5px;
        }  
          
        .accordionHeaderSelected {  
            background-color:#FFF;
	    border:1px dashed #D8D8D8;
            font-size: 15px;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;   
        }  
          
        .accordionContent {  
            border: 1px dashed #D8D8D8;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
        }  
		
/*Error Style */
.error_message
{
	font-size:15px;
}

.error_message:before
{
	color:#C00;
	content:'\2716';
	font-size:15px;
}

/*Others */
.new_label:after
{
	background-color:#C00;
	border-radius:15px;
	color:#FFF;
	content:'new';
	float:left;
	padding-bottom:8px;
	padding-top:1px;
	padding-left:7px;
	padding-right:7px;	
	overflow:visible;
	height:15px;
	text-align:center;
	margin-right:10px;
	float:right;
}
.table_css
{
    width:100%;	
    padding:0px;
//    border:inset 1px #F4F4F4;
border-spacing:0px;
border-collapse: separate;
}


.table_css th
{
	font-size:15px;
	font-weight:bold;
	text-align:left;
        border:solid 1px #dfdfdf;
	border-bottom: 5px solid #d6d6d6;
	padding:5px;
}

.table_css td
{
	//background-color:#FBFBFB;
	text-align:left;
	padding:5px;
        border:solid 1px #dfdfdf;
}
   .error_text{color:#cc0000;}
   .ToolTip
   {
       color:#000;
       }



  @media print
       {
           .no-print{
           display:none !important;
           }
       }
       
       @media screen
       {
           .only-print{
           display:none !important;
           }
       }
       .demobottom {
	height:8px;
	background:#FFF url(../images/demobottom.png) no-repeat left bottom;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 0px;
	border-style : solid;
	cursor : pointer;
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #eeeeee;
	color: black;
	padding-left : 0px;
	padding-top:1px;
	padding-bottom:1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding-left : 0px;
	padding-top:1px;
	padding-bottom:1px;
	
	
}




.normal_textarea
{
	
	
	padding:5px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	border-width:thin;
width:auto;
}
.delete{ color: #d80a0e;}
.view{color: #fffd59;}
.edit{color: #00bf12;}
 .LockOn
        {
            display: block;
            visibility: visible;
            position: absolute;
            z-index: 999;
            top: 0px;
            left: 0px;
            width: 105%;
            height: 105%;
            text-align: center;
            padding-top: 10%;
            filter: alpha(opacity=75);
            opacity: 0.75;
          
        }
        
        /*#login_container
{
	background-color:#dbdbdb;
	border-radius:5px;
	padding:10px;
	box-shadow:0px 5px 0px #0b806f;
	max-width:300px;
	margin:0px auto;
	float:none;
	overflow:auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}*/


.login_title
{
	
	text-shadow:0px 0px 0px;
	margin:0px auto;
	float:none;
	text-align:center;
	padding:10px;
	font-size:20px;
	color:#515151;
}

/* overlay styles, all needed */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

/* just some content with arbitrary styles for explanation purposes */
.modal {
    width: 300px;
    height: 300px;
    line-height: 200px;
    position: fixed;
    top: 50%; 
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    background-color: #fffff;
    border-radius: 5px;
    text-align: center;
    z-index: 11; /* 1px higher than the overlay layer */
    background-image:url(../images/PleaseWait.gif);
    background-position:center;
    background-repeat:no-repeat;
}
ul
        {
            display: block;
            list-style-type: disc;
            margin-bottom: 1.5 em;
            margin-left: 0;
            margin-right: 0;
            padding-left: 40px;
        }
        
        .report_div
        {
            width: 309px;
            height: 184px;
            float: left;
            overflow: auto;
            border: 1px solid #ccc;
            padding: 7px;
            border-radius: 5px;
            margin: 7px;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
            transition: 0.3s;
            background-image: url(../images/report.png);
            color: #ccc;
            font-size: 20px;
            text-align: center;
            padding-top: 20px;
            font-weight: bold;
        }
        .report_div:hover
        {
            width: 309px;
            height: 184px;
            float: left;
            overflow: auto;
            border: 1px solid #ccc;
            padding: 7px;
            border-radius: 5px;
            margin: 7px;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
            transition: 0.3s;
            background-image: url(../images/reportnew.png);
            color: #ffffff;
            font-size: 20px;
            text-align: center;
            padding-top: 20px;
            font-weight: bold;
        }