@charset "utf-8";
/* CSS Document */

body,
	html {
		margin:0;
		padding:0;
		color:#000;
		/*background:#e1e1e1 url('Images/bgmain.png') repeat-y center top;
		font-family: "Lucida Grande",Tahoma,Arial,sans-serif;*/
		font-family:Verdana;
		font-size:11px;
		font-style:normal;
		font-weight:normal;
		height:100%;
	}
	
body:before
{
    content:"";
    height:100%;
    width:0;
    float:left;
    margin-top:-32767px;    
}
	
	#wrap {
		width:99%;
		margin:0 auto;
		background:#bfdbff;
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		min-height:100%;
		
	}
	
	#wrap_2 {
		width:772px;
		margin:0 auto;
		background:#bfdbff;
		min-height:100%;
		
	}
	#header {
    	padding:5px 10px;
		background:#ffffff;
		height:100px;
		background:#ffffff url('Images/bgheader.png') no-repeat right;
		
		
	}
	
	#header .logo img
	{
	    border:0;
	}
	
	h1 {
	    margin:0;
    }
	#topbar {
		padding:5px 10px;
		background:#0f5184 url('Images/bgnav.png') repeat-x left;
		height:22px;
	}
	/*#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		display:inline;
		margin:0;
		padding:0;
	}*/
	#mainContent 
	{
	    margin:auto;
		padding-bottom:45px;
		min-height:100%;
		height:100%;
	}
	#main {
		width:99%;
		padding:10px;
		padding-bottom:45px;
	}
	h2 {
		margin:0 0 1em;
	}
	#sidebar {
		float:left;
		width:100%;
		padding:0 1px 0 0;
		background:#bfdbff;
		
	}
	
	#sidebar .menucontainer 
	{
		border-top:1px solid #96B9E8;
		border-right:1px solid #96B9E8;
		border-bottom:1px solid #7e9db9;
	}
	
	
	 
	#footer 
	{
	    /*border-top:1px solid #97a1b1;*/
	    position:relative;
	    height:15px;
	    overflow:auto;
		clear:both;
		padding:25px 10px;
		
		width:98%;
		margin:-60px auto;
	background:#65a0d8 url('Images/bgfooter.png') repeat-x top;	
		
	}
	#footer p {
		margin:0;
    }
	
	* html #footer {
		height:1px;
	}
	
	#tab
	{
		margin:0;
		padding:0;
		width:98%;
	}
	
	#tab .tbltabbutton
	{
		padding:0;
		margin:0;
		border-collapse:collapse;
		width:100%;
		color: #061D5E;
		font-size:13px !important;
	}
	.tbltabbutton .tbltr
	{
	 /*border-bottom: 1px solid #96B9E8;   */
	 }
	
	.tbltabbutton td
	{
	    width:40px;
	    white-space: nowrap;
	    
	}
	
	.tbltabbutton td a
	{
	    padding-left:6px;
	    padding-right:6px;
	    color: #061D5E;
	    text-decoration:none;
	    height:24px;
	    display:block;
	    padding-top:6px;
	}

    .tbltabbutton td a.disabled
	{
	    padding-left:6px;
	    padding-right:6px;
	    color: #a2a19e;
	    text-decoration:none;
	    height:24px;
	    display:block;
	    padding-top:6px;
        cursor:default;
	}
	
	.tbltabbutton .last
	{ 
	    width:auto !important;
	    border-bottom: 1px solid #96B9E8;  }    
	
	.tbltabbutton .active 
	{
	    
	    }
	.tbltabbutton .normal 
	{
	    border-bottom: 1px solid #96B9E8;
	}    
	.tbltabbutton .active table .middle
	{
	    background: url("Images/tabmid.png") repeat-x scroll right center transparent;
     
        height:35px;
	    }
	.tbltabbutton .active table .left
	{
	    background: url("Images/tableft.png") no-repeat scroll left center transparent;
	    width:7px;
	}  
	
	.tbltabbutton .active table .right
	{
	    background: url("Images/tabright.png") no-repeat scroll left center transparent;
	   width:7px;
	}    
	
	#tab #tabcontainer 
	{
		margin:0;
		padding:10px;
		border-left:1px solid #96B9E8;
		border-right:1px solid #96B9E8;
		border-bottom:1px solid #96B9E8;
		border-top:0 solid #97a1b1;
		min-height:200px;
	}
	
	#tab #tabcontainer2	
	{
		margin:0;
		padding:10px;
		border:1px solid #96B9E8;
		min-height:200px;
	}
	
	#tab #tabbuttons
	{
		padding:0;
		margin:0;
	}
	
	#tab #tabbuttons ul {
		padding:0;
		margin:0;
		list-style:none;
		border-bottom:0px solid #96b9e8;
		font-size:13px;
	}
	#tabbuttons li {
		display:table-cell;
		margin:0;
		padding:0;
		border-bottom:1px solid #96b9e8;
	}
	
	#tabbuttons li a {
		height:35px;
		padding-right:15px;
		/*margin-left:8px;*/
		text-decoration:none;
		
		display:block;
		color:#061D5E;
	}
	
	
	
	#tabbuttons li a span{
		display:table-cell;
		padding-top:8px;
	}
	
	#tabbuttons .first
	{
	   padding-left:14px; 
	   }
	
	#tabbuttons .active{
		/*display:table-cell;
		margin:0;
		padding:0;
		height:35px;
		height:36px;*/
		border-bottom:0px solid #96b9e8;
		background: url('Images/tabmid.png') repeat-x right;
		
	}
	
	#tabbuttons .active div
	{
		background: url('Images/tableft.png') no-repeat left;
		padding-left:14px;	
	}
	
	#tabbuttons li div
	{
		height:35px;
		padding-left:4px;
		padding-top:0;
	}
	
	#tabbuttons .active a{
		
		background: url('Images/tabright.png') no-repeat right;
		/*height:35px;
		padding-right:8px;
		margin-left:8px
		text-decoration::none;
		font-family:verdana;
		font-size:12px;
		font-weight:bold;
		display:block;*/
		
	}
	
	#tabcontainer .gridcontroller
	{
		width:100%;
		border:0;
		border-collapse:collapse;
		border:1px solid #6b8eb1;
		min-height:100px;
			
	}
	
	#tabcontainer .gridcontroller .topheader
	{
		background: url('Images/bggrdth.png') repeat-x left;
		height:35px;	
	}
	
	#tabcontainer .gridcontroller .topheader
	{
		background: url('Images/bggrdth.png') repeat-x left;
		height:35px;
		padding-left:4px;
	}
	
	#tabcontainer .gridcontroller .topheader table td
	{
	    padding-right:3px;
	}
	
	#tabcontainer .gridcontroller .topheader input
	{
	    
	    /*border:1px solid #777777;*/
	    color:#333333;
	    -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -khtml-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
		font-size:12px;
		height:18px;
		padding:2px;
	}
	
	#tabcontainer .gridcontainer
	{
	    min-height:200px;
	    height:90px;
	    background-color:#ffffff;
	    vertical-align:top;
	}
	
	#tabcontainer .grid
	{
		width:100%;
		border:0;
		border-collapse:collapse;
		background-color:#ffffff;
		
		font-size:11px;
		color:#585a5a;
		}
	
	#tabcontainer .grid .grdheader
	{
		background: url('Images/bggrdh.png') repeat-x left;
		height:29px;
		
		color:#14237e;	
	}
	#tabcontainer .grid .grdheader th
	{
	    border-right:1px solid #729bd1;
	    padding-left:4px;
	    padding-right:4px;
	    /*font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif !important;
	    font-size:12px;*/
	    font-family:"Lucida Unicode",Verdana !important;
	    font-size:12px;
	    font-weight:normal;
	    white-space:nowrap;
	}
	
	#tabcontainer .grid .grdheader th.left, #tabcontainer .grid .grdheader th.Left
	{text-align:left !important;}
	
	#tabcontainer .grid .grdheader th.right, #tabcontainer .grid .grdheader th.Right
	{text-align:right !important;}
	
	#tabcontainer .grid .grdheader th a
	{
	    text-decoration:none;
	}
	
	#tabcontainer .grid td
	{
	    border-right:1px solid #d9deea;
	    border-bottom:1px solid #d9deea;
	    padding-left:4px;
	    padding-right:4px;
	    height:25px;
	}
	
	#tabcontainer .grid td.left, .gridcontroller .topheader td.left
	{text-align:left !important;}
	
	#tabcontainer .grid td.right, .gridcontroller .topheader td.right
	{text-align:right !important;}
	
	#tabcontainer .grid a img, input
	{
	    border:0;
	    
	}
	
	#tabcontainer .grid .alt
	{
		background-color:#eaedf3;
	}
	
	h1
	{
	   color:#061d5e;
	   font-size:155%;
	   font-weight:bold;
	   font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
	}
	
	h3
	{
	   color:#14237E;
	   font-size:11px;
	   font-weight:bold;
	   
	}
	
	#tabcontainer .grid a
	{
		text-decoration:none;
		color:#2e3a83;
	}
	#tabcontainer .grid a:hover
	{
	    text-decoration:underline;
	}
	
	#tabcontainer .gridcontroller .gridbottom
	{
	   background: url('Images/bggrdf.png') repeat-x left;
		height:30px;
		border-top:1px solid #BFDBFF; 
	    }
	#tabcontainer .gridcontroller .gridbottom .pagesize    
	{
	    color:#51474e;
	    padding-left:4px;
	    font-size:11px;
	    width:110px;   
	    white-space: nowrap;
	}
	
	.pagesize select   
	{
	   border:1px solid #51474e;
	   font-size:11px;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav    
	{
	    color:#51474e;
	    padding-right:4px;
	    font-size:11px;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input    
	{
	    border:0;
	    margin:0;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.firstpagedisabled   
	{
	    background:url('Images/pgfirstdisabled.png') repeat-x left;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.firstpage   
	{
	    background:url('Images/pgfirst.png') repeat-x left;
	}
	
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.lastpage   
	{
	    background:url('Images/pglast.png') repeat-x left;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.lastdisabled   
	{
	    background:url('Images/pglastdisabled.png') repeat-x left;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.nextdisabled   
	{
	    background:url('Images/pgnextdisabled.png') repeat-x left;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.next   
	{
	    background:url('Images/pgnext.png') repeat-x left;
	}
	
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.prevdisabled   
	{
	    background:url('Images/pgprevdisabled.png') repeat-x left;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav input.prev   
	{
	    background:url('Images/pgprev.png') repeat-x left;
	}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav td.c_next
	{ text-align:right;}
	
	#tabcontainer .gridcontroller .gridbottom .pagenav td.c_prev
	{ text-align:left;}
	
	.pagenav ul
	{
	   list-style:none;
	   margin:0;
	   padding:0; 
	   float:right;
	   }
	   
    .pagenav ul li {
		display:table-cell;
		margin:0;
		padding:0 5px 0 5px;
		
    }
    
    .pagenav ul li .firstpage
    {
        background: url('Images/pgfirst.png') no-repeat left;
		height:11px;
		width:11px;
		display:table-cell;
    }
    
    .pagenav ul li .firstpagedisabled
    {
        background: url('Images/pgfirstdisabled.png') no-repeat left;
		height:11px;
		width:11px;
		display:table-cell;
    }
    .pagenav ul li .prev
    {
        background: url('Images/pgprev.png') no-repeat left;
		height:11px;
		width:11px;
		display:table-cell;
    }
    
    .pagenav ul li .prevdisabled
    {
        background: url('Images/pgprevdisabled.png') no-repeat left;
		height:11px;
		width:11px;
		display:table-cell;
    }
    
    .pagenav ul li .next
    {
        background: url('Images/pgnext.png') no-repeat right;
		height:11px;
		width:11px;
		display:table-cell;
    }
    
    .pagenav ul li .nextdisabled
    {
        background: url('Images/pgnextdisabled.png') no-repeat right;
		height:11px;
		width:11px;
		display:table-cell;
    }
    
    .pagenav ul li .last
    {
        background: url('Images/pglast.png') no-repeat right;
		height:11px;
		width:11px;
		display:table-cell;
    }
    
    .pagenav ul li .lastdisabled
    {
        background: url('Images/pglastdisabled.png') no-repeat right;
		height:11px;
		width:11px;
		display:table-cell;
    }
	
	
	.formcontainer td
	{
	   /*height:22px;*/
	   border-top:1px solid #aec2de;
	   text-align:left;
	   padding:4px 2px 4px 2px;
	   color:#0b0377; 
	   font-size:12px;
	   font-weight:normal;
	}
	
	.formcontainer td.right
	{text-align:right !important;}
	
	.formcontainer td.left
	{text-align:left !important;}
	
	.formcontainer td.noborder
	{
	    border-top:0px solid #aec2de;
	}
	
	.formcontainer td span.starrequired
	{float:right;padding-top:2px;}
	.formcontainer td span.lblrequired
	{float:left;}
	
	.formcontainer input
	{
	    
	    /*border:1px solid #777777;*/
	    color:#333333;
	    -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -khtml-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
		font-size:12px;
		height:18px;
		padding:2px;
		
	}
	
	.formcontainer textarea
	{
	    
	    /*border:1px solid #777777;*/
	    color:#333333;
	    -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -khtml-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
		font-size:12px;
		padding:2px;
	}
	
	input.border, input.mandatory, textarea.border, select.border, select.mandatory, textarea.mandatory 
	{border:1px solid #777777;}
	
	.formcontainer input[type="checkbox"]
	{
	    padding:0 !important;
	    height:12px !important;
	}
	
	.txtbox
	{
	    
	   height:22px !important;
	   font-size: 12px !important;
	   color: #333333 !important;
	 }
	
	.save
	{
	    background: #ebebeb url('Images/bgsave.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}

    .addNew
	{
	    background: #ebebeb url('Images/addNew.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
        float:right;
	}

    .collapseNew
	{
	    background: #ebebeb url('Images/collapseNew.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
        float:right;
	}
	
	.pdf
	{
	    background: #ebebeb url('Images/pdf.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	
	.print
	{
	    background: #ebebeb url('Images/print.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	
	.pan
	{
	    background: #ebebeb url('Images/pan.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	.rotate
	{
	    background: #ebebeb url('Images/rotate2.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}

.freeHand
{
	    background: #ebebeb url('Images/signature24x24.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
    .zoom
	{
	    background: #ebebeb url('Images/zoom24.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	
	.bestFit
	{
	    background: #ebebeb url('Images/bestfit24.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	.fitWidth
	{
	    background: #ebebeb url('Images/fitwidth.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	.fullSize
	{
	    background: #ebebeb url('Images/fullSize.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	.stickyNote
	{
	    background: #ebebeb url('Images/stickyNote.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	.burnBarcode
	{
	    background: #ebebeb url('Images/burnBarcode.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:20px !important;
	}
	.exportexcel
	{
	    background: #e0fbd0 url('Images/bgxls.png') no-repeat left ;  
	    border:1px solid #676767 !important; 
	    height:18px !important;
	    
	}
	
	.search
	{
	    background: #90bde7 url('Images/bgsearch.png') no-repeat left ; 
	    border:1px solid #676767 !important; 
	    height:18px !important;
	}
	
	.savebold
	{
	    background: #ebebeb url('Images/bgsave.png') no-repeat left ; 
	    border:1px solid #676767 !important; 
	}
	
	.button
	{
	    cursor: pointer;
    color: #464646;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
   
    
    border:1px solid #676767 !important;
    
    height:28px !important;
    padding-left:27px !important;
    padding-right:6px !important;
     
	}
	
	.button2
	{
	    cursor: pointer;
    color: #464646;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
   
    
    border:1px solid #676767 !important;
    
    height:25px !important;
    padding-left:22px !important;
    padding-right:6px !important;
     
	}
	
	.upload
	{
	    background: #ebebeb url('Images/bgupload.png') no-repeat left ;     
	}
	
	.delete
	{
	    background: #ebebeb url('Images/bgdelete.png') no-repeat left ;  
	}
	
	.edit
	{
	    background: #ebebeb url('Images/bgedit.png') no-repeat left ;  
	}

.add
	{
	    background: #ebebeb url('Images/bgadd.png') no-repeat left ;  
	}
	.LateReport
	{
	    background: #ebebeb url('Images/LateReports.png') no-repeat left ;  
	}
	.cols
{
    background: #ebebeb url('../../Images/window_split_hor.png') no-repeat left;
}

	.stop
	{
	    background: #ebebeb url('Images/bgcancel.png') no-repeat left ;  
	}
	
	.load
	{
	    background: #ebebeb url('Images/load.png') no-repeat left ;  
	}
	
	.titleBar
{
 		height:19px;		
		font-weight:bold;
		color:#14237e;	
		border-bottom:2px solid #14237E;
		margin-top:20px;
		margin-bottom:10px;
}
	
	#wrap-login {
        width:500px; 
        /*width:1000px;*/
		margin:0 auto;
		background:#bfdbff;
		border-left:1px solid #000000;
		border-right:1px solid #000000;
		min-height:100%;
		background-color:#ffffff;
		
	} 
	
	#header-login {
    	padding:5px 10px;
		background:#ffffff;
		height:70px;
		
	}
	#main-login {
		
		width:480px;
		padding:10px;
		
		background: url('Images/loginpage.png') no-repeat left ;
		margin:auto;
		
	}
	
	#loginbox
	{
	    -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #a1c7f3;
        border-color: #99b5d6 #99b5d6 #99b5d6 #99b5d6;
        border-radius: 50px 50px 50px 50px;
        border-style: solid;
        border-width: 1px;
        height:390px;
        width:425px;
        margin:50px auto;
	}
	
	#lbContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    height: 290px;
    margin: 25px;
    padding: 25px 30px;
    position: relative;
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    font-size:115%;
}

#lbContent .welcome
{
    font-size:160%;    
}

#lbContent input
{
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    }

#lbContent .txtbox
{
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    border:1px solid #333333;
    height:22px !important;
    width:300px;
    padding:2px;
    }    

#lbContent .btnlogin
{
    cursor: pointer;
    color: #464646;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
   
    
    border:1px solid #676767;
    height:32px;
    padding-left:27px;
    background: #ebebeb url('Images/bglogin.png') no-repeat left ;
    
    
}

#lbContent .btncancel
{
    cursor: pointer;
    color: #464646;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
   /* box-shadow: 0px 2px 2px #DDDDDD;*/
    
    border-top:1px solid #676767;
    border-left:1px solid #676767;
    border-right:1px solid #676767;
    border-bottom:1px solid #676767;
    height:32px;
    padding-left:27px;
    background: #ebebeb url('Images/bgcancel.png') no-repeat left ;
    
    
}

#lbContent a
{
    font-size:12px;
}

.school-title
{
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    font-size:200%;
        
}

.headerRight, .headerRight td 
{
    float:right;    
}

select
{
      color:#333333;
	  -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      -khtml-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	  font-size:12px;
	  height:23px;
	  padding:2px;    
}

#accordion {
    list-style: none;
    padding: 0 0 0 0;
    width: 100%;
    margin:0;
}
#accordion .topmenu {
    display: block;
    margin: 0;
    cursor: pointer;
    list-style: circle;
    height:30px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
	font-size:13px;
	color:#14237E;
	font-weight:normal;
	border-bottom:1px solid #a7c0d9;
	border-top:1px solid #ffffff;
	
		
}

.nonselected
{
    background: url('Images/bgmenu.png') repeat-x left;
}

.selected
{
    background: url('Images/bgmenuselected.png') repeat-x left;
}


#accordion .topmenu .icon
{
    padding:4px 2px;
    float:left;
}

#accordion .topmenu .text
{
    padding:6px 2px 2px 2px;
    float:left;
}
    
#accordion .topmenu table .last
{
    width:10px;
    padding-right:8px;
}

.asc
{
    background: url('Images/arrow_asc.png') no-repeat center;
}

.desc
{
    background: url('Images/arrow_desc.png') no-repeat center;
}


#accordion .mainmenu {
    padding: 0 0 0 0;
}
#accordion ul{
    display: none;
    list-style: none;
    padding: 0 0 0 0;
    background-color:#fff;
}

#accordion .submenu li {
    font-weight: normal;
    cursor: auto;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:11px;
    padding-left:15px;
    
}

#accordion .submenu li:hover 
{
    background-color:#dddddd;
}

#accordion .submenu li a
{
    width:100%;
    display:block;
    }
#accordion a {
    text-decoration: none;
    color:#14237E;
}


#header table .TopUserText .logout a
{
    text-decoration:none;
    color:#ffffff;
}

#header table .TopUserText .UserName
{
    text-decoration:none;
    color:#ffffff;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    font-size:16px;
}

#header table .TopUserText .CurrentDate
{
    text-decoration:none;
    color:#ffffff;
}

.advance-search
{
    margin-bottom:10px; 
    
}

.advance-search .searchTitle
{
    color:#c56c03;
    font-weight:normal;
    font-size:11px;
    margin-bottom:2px;
    height:15px;
    padding-left:15px;
    display:block;
    padding-top:3px;
    cursor:pointer;
    border-bottom:1px solid #c56c03;
}
.advance-search .searchTitle div
{/*margin-top:2px;*/}

.expand_search
{background: url('Images/expand.png') no-repeat left;  }

.collapse_search
{background: url('Images/collapse.png') no-repeat left;}

.advance-search .search_panel
{
    padding:0;
    border:0;
    margin:0;
    display:none;
    border-bottom:1px solid #c56c03;
    padding-bottom:5px;
    padding-top:5px;
}

.advance-search .search_panel table td
{
    width:20px;
    white-space:nowrap;
    padding-left:2px;
    color:#0B0377;
}



.advance-search .search_panel table td input
{
    border:1px solid #777777;
	color:#333333;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size:12px;
	height:18px;
	padding:2px;
}

.dateField
{width:80px !important}

.timeField
{
    width:60px !important;
    color:#333333;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size:12px;
    height:18px;
    padding:2px;
}

.msgrequired, .starrequired
{font-size:10px !important; color:Red;}

.errorMsg
{color:Red;}

.requiredField
{border:2px solid #ff0000 !important;}

.updateLoader
{
    position:fixed;
    z-index: 0;
    background: #ffffff url('Images/loader.gif') no-repeat left;
    height:20px;
    padding-left:21px;
    padding-top:6px;
    padding-right:6px;
    font-weight:normal;
    color:#000000;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border:1px solid #000000;
    top: 10px;
    left: 50%;
    
}

.btnGo
{height:24px !important; padding:4px !important; cursor:pointer; border:solid 1px #292a46 !important; background-color:#c2c4fa !important; }

.readonlylabel
{color:#000000 !important;}

.reportformcontainer
{
    width:100%; 
    margin:0 auto; 
    min-height:100%;
    background:white;
}

.reportformcontainer td.right
{text-align:right !important;}
	
.reportformcontainer td.left
{text-align:left !important;}

.reportformcontainer th.right
{text-align:right !important;}
	
.reportformcontainer th.left
{text-align:left !important;}


/********************* Calendar Styles *************************************/

/*Main container */

#dvCalender
{
    
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size:12px;
	padding:2px;
	border:1px solid #dddddd;
	background-color:#ffffff;
    }

.calTblMain 
{
	vertical-align:top;
	background-color:White;
	width:250px;
	height:220px;
	padding:2px;
	font-size:11px;
 table-layout:fixed;
  text-align:left;
 	
	
}

.calTdHeader
{
}

.calTdMiddle
{
}

.calTdFooter
{
}

.calDivCalendar
{
	position:absolute;
	z-index:300;
	/*left:60px;
	top:150px;
	
	visibility:hidden;*/

}

/* header contents */
.divMove {
	BORDER-BOTTOM: darkgray thin groove; 
	BORDER-LEFT: darkgray thin groove; 
	BACKGROUND-COLOR: gray; 
	WIDTH: 246px; 
	DISPLAY: block;
	COLOR: white; 
	BORDER-TOP: darkgray thin groove; 
	BORDER-RIGHT: darkgray thin groove;
	font-size:9px;
	
}
.calTblHeader
{
	background: url("images/cldrhbg.png") repeat-x scroll 50% 50% #DEEDF7;
	
	color:#222222;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size:12px;
	padding:2px;
	border:1px solid #AED0EA;
}

.calTdMoveRight
{
	text-align:right;
}

.calTdMoveLeft
{
    text-align:left;
}

.calTdYear
{
	text-align:center;
	
}

.calTdSeparator
{
	text-align:center;
}

.calTdMonth
{
	text-align:center;
}

.calImgMoveRight
{ 
	
 }

.calImgMoveLeft
{
}

.calDDLYear
{
	width:60px;
	font-size:10px;
	border: 1px solid #777777;
}

.calDDLMonth
{
	width:90px;
	font-size:10px;
	border: 1px solid #777777;
}

/* days contents */
.calTblDays
{
	width:100%;
	
}

.trDaysHeader
{
	font-weight: bold;
	background-color:#ffffff;
	font-size:12px;
	height:20px;
}
	
.trDaysHeader td
{
    font-family:Times New Roman !important;
}	
.calCurrentDay ,.calCurrentDay a:link, .calCurrentDay a:active, .calCurrentDay a:visited, .calCurrentDay a:hover 
{
	color: #000000;
    text-decoration:none;
}



.calSelectedDay, .calSelectedDay:link , .calSelectedDay:active
{
	color: #ffffff;
    text-decoration:none;
	
}

.calDay, .calSelectedDay, .calCurrentDay
{
 font-family:Lucida Grande,Lucida Sans,Arial,sans-serif !important;
 font-weight: bold !important; 
 font-size:0.9em !important;
 }
.calDay, .calDay a:link, .calDay a:active
{
	color: #2779AA;
    text-decoration:none;
	
		
}

.calTdMiddle div
{
    padding-top:4px;
    width:27px; 
    height:14px;
    margin:1px; 
    cursor:pointer; 
}
.calTdMiddle #dvNormaltDate
{background: url("images/cldrdbg.png") repeat-x scroll 50% 50% #D7EBF9;
    border: 1px solid #AED0EA; }
    
    .calTdMiddle #dvCurrentDate
{background: url("images/cldrcbg.png") repeat-x scroll 50% 50% #FFEF8F;
    border: 1px solid #F9DD34; }
    
    .calTdMiddle #dvSelectedDate
{background: url("images/cldrsbg.png") repeat-x scroll 50% 50% #3BAAE3;
    border: 1px solid #2694E8; }

/* footer contents */

.calFooterMsg
{
	margin:0px;
    color:Red;
    text-align:center;
    font-size:smaller;
    position:relative;
    left: 7px;
    top:5px;
}

.calImgClose
{
	padding-top:5px;
	padding-left:5px;
	cursor: hand;
	
}

.calDivFooter
{
width: 225px; height: 40px; overflow: hidden;
}

#ifCalendar
{width:250px !important; height:220px !important;}

/********************* Calendar Styles *************************************/

.selectedTreeNode
{
    font-weight:bold;
}


.ToolBarH ul
{
    padding: 0px 5px 0px 0px;
    float: left;
    margin: 5px 5px 3px 5px;
    margin-bottom: 5px;
    list-style-type: none;
}

.ToolBarH li
{
    float: left;
    /*margin: 5px 5px 0px 8px;*/
    margin: 0px 5px 0px 5px;
    list-style-position: inside;
    width:28px;
	height:28px;
	padding: 2px;
	padding-left:6px;
	cursor:pointer;
	
}


.clear
{
 clear:both;
 height:5px;   
}

.dynamicFields
{
  
    margin: 2px;
    padding-right: 10px;
    padding-left: 10px; 
    overflow: auto; 
    
    width:95%;
    position: relative; 
    display: block;
    z-index: 101;
    float:left;
    }
    
.dynamicFields label
{
     width:150px;clear:both;
 display:block;
    
}



.divLFUserListPosition .imgClosePosition
{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor:pointer;
}
.divLFUserListPosition .imgClosePosition:hover
{
    -moz-opacity: 0.70;
    opacity: 0.70; /* Standards Compliant Browsers */
    filter: alpha(opacity=70); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}


.divAvailableCols
{
    /*display: none;
    position: absolute;
    left: 38%;
    top: 28%;
    z-index: 505;*/
    border: solid 2px gray;
}
.divAvailableCols span.lblblue
{
    font-weight: bold;
}
.divAvailableCols .imgClosePosition
{
    position: absolute;
    right: 10px;
    top: 10px;
}
.divAvailableCols .imgClosePosition
{
    -moz-opacity: 0.70;
    opacity: 0.70; /* Standards Compliant Browsers */
    filter: alpha(opacity=70); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.imgClosePosition_PopUpList
{
    float: right;
    margin-right: 10px;
}


#divImgV
{
     cursor:default; 
     
       overflow:hidden; 
}

.divImgV_Exp
{
/* position:fixed;
 top:37px;
 left:71px;
 width:1000px;   
 height:595px;
z-index:500;                       
*/
    position: absolute;
    height: 100%;
    z-index: 500;
    top: 0px;
    left: 0px;
    width: 100%;
}


.divImgV_Coll
{
position:relative;
height:100%;
/* left:820px;*/
 width:100%;   
}



.ScanCtrl
{
    background-color:White; z-index: 1200; border: 1px solid gray ; 
    display:none; height:550px; width: 98%;
    position:absolute; top:5px; left: 5px;
}


.popUpCtr
{
    
	    -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #a1c7f3;
        border-color: #99b5d6 #99b5d6 #99b5d6 #99b5d6;
        border-radius: 50px 50px 50px 50px;
        border-style: solid;
        border-width: 1px;
        
        margin:50px auto;
	}

.SystemEntriesToolBar ul
{
   list-style-image: url(../../images/sep.png);
   padding:0px 5px 0px 0px;
   float:left;
   margin: 5px 5px 3px 5px;
   margin-bottom:5px;  
}
.SystemEntriesToolBar ul.ul1
{
   /*border-bottom: 1px solid #EFEBD6; */
   border-right: 1px solid #ddd;
}
.SystemEntriesToolBar ul.ul2
{
    /*border-bottom: 1px solid #fffcce;*/
    border-right: 1px solid #ddd;
}
.SystemEntriesToolBar ul.ul3
{
   /*border-bottom: 1px solid #ECECEC;*/
   border-right: 1px solid #ddd;
    
}
.toolBarGrpDesc
{
    display:inline;
    margin-left: 15px;
    display:none;
    font-size: 12px;
    margin-top:5px;
    height:20px;
    background: url(../../images/icon_info.png) no-repeat left top;
    color: #4985b2;
    padding: 5px 0px 0px 35px;
    float:left;
}

.IconLabels
{
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    margin-left: 1px;
    margin-right: 5px;
}

/*overrides IconLabels to display the lable as a tooltip*/
.IconTooltip 
{
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    margin: 0;
    display:none !important;
}

#closePopUp
{
    background-position: bottom;
    position: absolute;
    top: -24px;
    right: -24px;
    cursor: pointer;
    width: 42px;
    height: 42px;
    text-indent: -999em;
    z-index: 999;
    background-image: url('Images/overlay-close.png');
    background-repeat: no-repeat;
}

#closePopUp:hover
{
     background-position: top;
}

.floatLeft
{
 float:left;   
}


.floatRight
{
 float:right;   
}

.WFHistory
{
 width:510px;
 height:130px;   
} 

.cnt_Reference_No, .cnt_Hijri_Date, .cnt_English_Date
{
    position:relative; float:left !important;
}    
#fn_Reference_No
{
    width:120px !important;
}

#divImgViewerToolbar .button
{
 
        border: 0px none !important;
    font-size: 0px;
    background-color: transparent;
}


    .fileUpload
        {
            background: none;
            width: 24px;
        }
        #MainContent_ucEntryDetail2_fuImport_ctl04
        {
            display: none !important;
        }
        #MainContent_ucEntryDetail2_fuImport_ctl01
        {
            background: url(../../Images/import.png) !important;
            cursor:  pointer !important;
            width: 24px;
        }
        
        .tabrow
        {
            text-align: center;
            list-style: none;
            margin: 10px 0 20px;
            padding: 0;
            line-height: 24px;
            height: 26px;
            overflow: hidden;
            font-size: 12px;
            border-bottom: solid 1px silver;
            color: Gray;
        }
        .tabrow li
        {
            display: inline-block;
            position: relative;
            margin: 0 -5px;
            padding: 0 20px;
            border-right: solid 1px silver;
            cursor: pointer;
        }
        
        .tabrow li:last-child
        {
            border: none;
        }
        .tabrow li a
        {
            padding-left: 6px;
            padding-right: 6px;
            color: #061D5E;
            text-decoration: none;
            height: 24px;
            display: block;
            padding-top: 6px;
        }
        
        .tabrow li.selected
        {
            color: Black;
        }
        
        #splitContainer
        {
            background-color: #BFDBFF;
        }
        
        .errorMsg
        {
            float: right;
            padding: 10px;
        }
        
        #MainContent_ucEntryDetail2_lblSystemNo
        {
            width:auto;
        }
        
        #MainContent_ucEntryDetail2_txtSystemNo {
    background: none repeat scroll 0% 0% transparent;
    font-family: AdvHC39a;
    font-size: 28px;
        width: 100%;
text-align: center;
        }
    

.dashboard_button
{
    margin:10px;
    background: white;
    height:120px;
    width:250px;
    overflow:hidden;
    float:left;
    cursor:pointer ;
    border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border: 3px solid #65A0D8;

    }

.dashboard_button:hover
{
    opacity:0.6;
    }
    
   
#element_to_pop_up { 
            background-color:#fff;
            /*border-radius:15px;*/
            color:#000;
            display:none; 
            padding:10px;
            /*box-shadow: 0 0 25px 5px #999;*/
        }
        
.popupButton.b-close, .popupButton.bClose {
        border-radius: 7px 7px 7px 7px;
        box-shadow: none;
        font: bold 131% sans-serif;
        padding: 0 6px 2px;
        position: absolute;
        right: -7px;
        top: -7px;
        }

.popupButton {
        background-color: #2b91af;
        border-radius: 10px;
        box-shadow: 0 2px 3px rgba(0,0,0,0.3);
        color: #fff;
        cursor: pointer;
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        }
  
    
      
.bPopup_cnt
    {
        border-radius: 25px;
    }
    
.border-rounded
{
    background-color: White;
    padding-top: 20px;
    border-radius: 25px;
    border: 2px solid #C0C0C0;
}  

#MainContent_ucEntryDetail2_ucAttachments1_fileUpload1_ctl01
{
    background:none !important;
    width:248px !important;
}

#MainContent_ucEntryDetail2_ucAttachments1_fileUpload1_ctl04
{
    width: 240px !important;
}

.mvTable{
    width:100%;
    border:1px solid gray;
}

.mvTable th{
    color:black;
    background-color:silver;
}