/*------------------------------------------------- BG ---------------------------------------*/
/*------------------------------------------------- tdAlign ----------------------------------*/
.tdAlign
{
	text-align: left;
}.tdAlign a
{
	text-align: left;
	text-decoration: none;
}
.tdAlignC
{
	text-align: right;
}

/*-------------------------------------------------Header---------------------------------------*/
.headerrightbg {
	background-image: url(images/HTML/topbgrght.jpg);
}
.headerlftbg {
	background-image: url(images/HTML/topbglft.jpg);
}
.headerrightbg a {
	color: White;
	text-decoration:none;
}
/*-------------------------------------------------Body---------------------------------------*/
.stars505 {
    width: 505px;
    float: left;
}
.Ystar {
    background-image: url(images/StarY.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.Rstar {
    background-image: url(images/StarY.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.Gstar {
    background-image: url(images/StarG.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
/*-------------------------------------------------page table--------------------------------*/
.mainbg {
	background-color: #16455F;
	background-image: url(images/HTML/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bgTop {
	
	background-image: url(images/HTML/toprghtbg.jpg);
	background-repeat: repeat-y;
	background-position: top;
}
.tablelft1 {
	background-image: url(images/HTML/tablelft1.jpg);
	background-repeat: repeat-y;
	}
.tableright1 {
	background-image: url(images/HTML/tableright1.jpg);
	background-repeat: repeat-y;
}
/*-------------------------------------------------box---------------------------------------*/
.boxborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c5dae5;
	border-right-color: #c5dae5;
	border-bottom-color: #c5dae5;
	border-left-color: #c5dae5;
	background-image: url(images/HTML/boxtopbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.cellboxcolor{
	background:#187298;
	width: 7px;
}

.boxline {
	background-image: url(images/HTML/line.jpg);
	width: 1px;
}

.boxfooterbg {
	background-image: url(images/HTML/boxfooterbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}
/*--------------------------------List box----------------------------*/
.lstBox
{
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	background-color: #187298;/*fafdf7;*/
	text-align: left;
	padding: 1px;
	border: #c5dae5x solid 1px;/*c5dae5*/

}
/*-------------------------------------------------form---------------------------------------*/
.frmbgfooter {
	background-image: url(images/HTML/frmbgfooter.jpg);
	background-repeat: repeat-x;
}
.frmbglft {
	background-image: url(images/HTML/frmlftbg.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.frmbgrght {
	background-image: url(images/HTML/frmbgrght.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.frmtopbg {
	background-image: url(images/HTML/frmtopbg.jpg);
	background-repeat: repeat-y;
}
.frmtopborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #156586;
}
/*-------------------------------------------------headerbtn---------------------------------------*/
.headerbg {
	background-image: url(images/HTML/headerbtnbg.jpg);
	background-repeat: no-repeat;
	text-align: left;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 5px;
    padding-top: 5px;

}
.headerbg  a{
		text-align: left;
    padding-right: 3px;
    border: none;
    text-decoration: none;

}
.Header
{
    font-weight: bold;
    color: #ffffff;
    
}
/*-------------------------------------------------occordion---------------------------------------*/
.occcellcolor{
background-color:#e7f8c6
}
.occcellcolor0{
background-color:#f2fedb
}
.occcellcolor1{
background-color:#e6fac0
}
.occcellcolor2{
background-color:#ddfaa6
}
.occcellcolor3{
background-color:#d3fa88
}
.occcellcolor4{
background-color:#c8fa67
}
.occcellcolor5{
background-color:#bbfc3f
}
.occcellcolor6{
background-color:#acf422
}
.occcellcolor7{
background-color:#a8ee21
}
.occcellcolor8{
background-color:#a4e820
}
.occcellcolor9{
background-color:#9ee01f
}
.occcellcolor10{
background-color:#99d91e
}
.occcellcolor11{
background-color:#93d11d
}

.occheader{
	background-image: url(images/Controls/acc/occordionbg.jpg);
	background-repeat: repeat-x;
}

.occborder {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2786b9;
	border-right-color: #2786b9;
	border-bottom-color: #2786b9;
	border-left-color: #2786b9;
}
.occheaderborder {
	border-top-width: 4px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #2786b9;
	border-right-color: #2786b9;
	border-bottom-color: #2786b9;
	border-left-color: #2786b9;
}


/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------Footer---------------------------------------*/

.mainbgfooter {
	background-image: url(images/HTML/footbgrigth.jpg);
}
.mainfooterbg {
	background-image: url(images/HTML/footbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height:82px;
}

/*---------------------------------------------------------------------
                    Page Properties
---------------------------------------------------------------------*/

body
{
margin:0; font-family:Tahoma; font-size:10pt; color:#777777;
}
.padding
{
padding-top: 5px; padding-bottom: 5px
}

               
.gheader
{
background-image: url('./images/HTML/a2.jpg'); background-repeat: repeat-x
}

.title
{
color: #497EAB; font-family: Arial; font-size: 9pt; font-weight: bold; 
               padding-left: 2px; padding-top: 8px; padding-bottom:4px}


.boxtop
{
background-image: url('./images/HTML/top.jpg'); background-repeat: repeat-x}
.boxleft
{
background-image: url('./images/HTML/left.jpg'); background-repeat: repeat-y}
.boxright
{
background-image: url('./images/HTML/right.jpg'); background-repeat: repeat-y}
.boxbottom
{
background-image: url('./images/HTML/bottom.jpg'); background-repeat: repeat-x}
.boxground
{
background-color: #DDDDDD; background-image: url('./images/HTML/body2.jpg'); 
               background-repeat: repeat-x}
.cssGridHeader
{
Font-Family: Tahoma; 
Font-Size: 8pt;
Color: #FFFFFF; font-weight:bold; background-image:url('./images/HTML/gheadgrid.jpg'); background-repeat:repeat-x
}

.cssSelect 
{
font-family: Tahoma; font-size: 8pt; border: 1pt solid #808080; 
               background-color: #FFFFFF; height:18; width: 146}
.FormButton
{
color: #FFFFFF; font-family: Tahoma; font-size: 8pt; width: 40; height: 18; 
               border: 1px solid #1D3347; background-color: #315677}

.footer
{
color: #FFFFFF; font-family: Tahoma; font-size: 8pt; 
               background-color: #164A79; background-image: 
               url('./images/HTML/f2.jpg'); background-repeat: repeat-x; font-weight:bold}               

/*---------------------------------------------------------------------
                    Grid View Css Properties
---------------------------------------------------------------------*/
.grdvTable {
    /*border: 0px solid #dcebef;*/
    border: 1px solid #f4f5f8
}
.grdvTableHeader {
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #2c2e3e;
    text-align: center;
    vertical-align: middle;
    /*background-image:url(images/Controls/grd/dataheader.jpg);
	background-repeat: repeat-x;
	background-color: #146080;*/
    background-color: #e3e5f1;
    height: 30px;
}

.grdvTableHeaderVertical {
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #2c2e3e;
    text-align: center;
    vertical-align: middle;
    background-color: #f4f5f8;
}
.grdvTableHeader a {
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: #2c2e3e;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
.grdvTableData {
    font-family: Tahoma;
    font-size: 10px;
    color: #2c2e3e;
    text-align: center;
    text-indent: 2px;
    background-color: #fff;
    /*
	background-position: center center;background-image:url(images/Controls/grd/data.jpg);
	background-repeat: repeat-x;
	background-position:bottom;*/
    height: 26px;
}
.grdvTableDataWithoutBackImage {
    font-family: Tahoma;
    font-size: 10px;
    color: #2c2e3e;
    text-align: center;
    text-indent: 2px;
    background-color: #f6f6f6;
    height: 26px;
}
.grdvSelected {
    font-family: Tahoma;
    font-size: 10px;
    color: #2c2e3e;
    text-align: center;
    text-indent: 2px;
    background-position: center center;
    background-color: #f6f600;
    height: 26px;
    background-repeat: repeat-x;
    background-position: bottom;
}


.grdvTableDataAlter {
    height: 26px;
    font-family: Tahoma;
    font-size: 11px;
    color: #2c2e3e;
    text-align: center;
    text-indent: 2px;
    background-color: #f3f4f9;
    /*background-image:url(images/Controls/grd/datalter.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	background-position:bottom;*/
}
.grdvTableDataSelect
{
	background-image:url(images/Controls/grd/dataselect.jpg);
	height:26px;
	font-family: Tahoma;
	font-size: 11px;
	color: #023A5B;
	text-align: center;
	text-indent: 2px;
	background-position: center center;
	background-color:#e0eff6;
	font-weight:bold;
	background-repeat: repeat-x;
	background-position:bottom;
}
.grdvTableDataSelectRed {
    background-image: url(images/Controls/grd/dataselectred.jpg);
    height: 26px;
    font-family: Tahoma;
    font-size: 11px;
    color: #023A5B;
    text-align: center;
    text-indent: 2px;
    background-position: center center;
    background-color: #F5DEE0;
    font-weight: bold;
    background-repeat: repeat-x;
    background-position: bottom;
}
.grdvTableFooter
{
	background-image:url(images/Controls/grd/datafooter.jpg);
	height:25px;
	font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
	color: #146080;
	text-align: center;
	text-indent: 2px;
	background-position: middle;
	background-repeat: repeat-x;
}
.grdvTablePager
{
  background-color: #ECF0F0;
	font-family: Tahoma;
	font-size: 14px;
	font-weight:bold;
	color: #146080;
	text-align: center;
	text-indent: 2px;
	background-position: middle;    
	background-repeat: repeat-x;             
}


/*---------------------------------------------------------------------
                    Form View Css Properties
---------------------------------------------------------------------*/
.frmvTable {
    /*font-family: Arial;
    font-size: 1em;
    color: #7f7f7f;
    text-align: left;
    padding: 1px;
    border: #d9d9d9 solid 1px;*/
}

   

.frmvHeadersBlue
{
	background-image:url(images/Controls/grd/dataselect.jpg);
	height:26px;
	font-family: Tahoma;
	font-size: 11px;
	color: #023A5B;
	text-align: left;
	text-indent: 2px;
	background-position: center center;
	font-weight:bold;
	background-repeat: repeat-x;
}
.frmvTableHeader
{
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #58bcdf;
	background-color: #DDDDDD;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #034268;
	text-align: center;
	vertical-align: middle;
	
}
.frmvTRBorder
{
    /*border: 2px solid #034268;
     outline: thin solid #034268;*/
     outline: #034268 solid 2px;
}
.frmvTableFooter
{
}
.frmvHeaders {
    background-color: #e3e5f1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #2c2e3e;
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 2px;
    border-bottom: 1px;
    border-color: #c6c8d6;
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
.frmvHeader {
    background-color: #EBEBEB;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #2c2e3e;
    text-align: left;
    vertical-align: middle;
    background-image: url(images/Controls/frm/headerbgform.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 2px;
}
.frmvData {
    background-color: #f3f4f9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2c2e3e;
    text-align: left;
    vertical-align: middle;
    text-indent: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 2px;
    border-bottom: 1px;
    border-color: #c6c8d6;
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
    .frmvData a {
        /*color: #034268;*/
        color: #2e8ec8;
        text-decoration: none;
    }
.CP
{
    text-align: left;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 2px;  
}

TD {
    FONT-SIZE: 12px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
td2
{
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: deeppink;
}
.frmvRow {
    display: flex;
    margin-bottom: 1.25rem !important;
    flex-wrap: wrap;
}

.frmvColumn {
    display: flex;
    flex-direction: column;
}

.frmvHeadersNew {
    color: rgb(90, 90, 81);
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 1rem;
}

.frmvDataNew {
    margin-left: 5px;
    border-bottom: 1px solid #ddd;
}
/*---------------------------------------------------------------------
                    Tab menu Css Properties
---------------------------------------------------------------------*/

.tab-button	 { 
    width: 70; 
    height: 20; 
    font-weight: normal; 
    background: #e0e0e0; 
    border-top: 1px solid buttonhighlight; 
    border-left: 1px solid buttonhighlight; 
    border-bottom: 1px solid buttonhighlight;  
    border-right: 1px solid buttonshadow; 
    cursor: hand; 
    padding-top: 2px; 
    padding: 3;
}

.tab-body	{ 
    background: white; 
    border-top: 0px solid buttonhighlight; 
    border-left: 1px solid buttonhighlight; 
    border-bottom: 1px solid buttonshadow; 
    border-right: 1px solid buttonshadow; 
    border-style: ridge;
    padding: 10;    
    width:600px; 
    z-index:1; 
    visibility: hidden
}

/* tabbed headers */
UL.tab
{
	list-style:none;
	margin:0px;
	padding:0px;
}

LI.selected
{
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: pink;
}

LI.selected A, LI.selected A:visited, LI.selected A:hover
{
	display:block;
	/*float:left;*/
	margin:0px;
	padding:6px 25px 6px 4px;
	font-weight: bold;
	color: #555;
	text-decoration:none;
	background: url('images/tab_selected_right.jpg') no-repeat right bottom;
}

LI.general
{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background: url('images/tab_left.jpg') no-repeat left bottom;
}

LI.general A, LI.general A:visited, LI.general A:hover
{
	display:block;
	float:left;
	margin:0px;
	padding:6px 25px 6px 4px;
	text-decoration:none;
	font-weight: bold;
	color: #FFF;
	background: url('images/tab_right.jpg') no-repeat right bottom;
}

/* box under selected tab 
.tabbox
{
	width: 700px;
	margin-top: -2px;
	padding: 5px;
	background-color: #D1D1D1;
	border: 0px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
*/
/* adminbox under selected tab (admin menu) */
.adminbox
{
	padding: 5px;
	background-color: #FCFCFC;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	width:98%;
	border:0;	
}
.tabbox
{
    color: #000000;
    font-family: Tahoma;
    font-size: 8pt;
    background-color: transparent;
    background-image: url(images/gbox.jpg);
    background-repeat: repeat-x;
    width: 90%;
    border-right: #3288B9 thick solid;
    border-top: #3288B9 thick solid;
    border-left: #3288B9 thick solid;
    border-bottom: #3288B9 thick solid;
    background-position: bottom;
}
               
/* field labels using headshade */
.tablabel
{
	padding: 5px;
	background-color: #E9E9E9;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}

/* ... and their values using midshade (TD for values) */
.tabvalue
{
	padding: 5px;
	background-color: #F5F5F5;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}



.cssInputMedium 
{
font-family: Tahoma; font-size: 8pt; border: 1pt solid #A0A0A0; 
               background-color: #FFFFFF; background-image: 
               url('images/backput.gif'); background-repeat: repeat-x; 
               background-position: left bottom; height:18; width: 146}
               .cssInputlarge
{
font-family: Tahoma; font-size: 8pt; border: 1pt solid #A0A0A0; 
               background-color: #FFFFFF; background-image: 
               url('images/backput.gif'); background-repeat: repeat-x; 
               background-position: left bottom; height:18; width: 200}


               
.fakeLink
{
	font-size: 11px;
	text-decoration: none;
	color: navy;
}

.fakeLink:hover
{
	font-size: 11px;
	text-decoration: underline;
	color: #329C0F;
}
.fakeLink
{
	cursor: pointer;
}

/* -----------------------------------------------------------------------------
                
-------------------------------------------------------------------------------*/
.TabheadBox
{
color: #FFFFFF; font-family: Arial; font-size: 9pt; font-weight: bold;
               background-color: #3188B9; padding-left:8px; text-transform:uppercase ; text-align:left;}
.TabheadBoxLeft
{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background-color: #3188B9;
    padding-left: 8px;
    text-transform: uppercase;
    text-align: left;
}
.textmenu
{
color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: bold; 
               background-color: #3188B9;  }
.textmenu02
{
color: #19638D; font-family: Arial; font-size: 8pt; font-weight: bold; 
               background-color: #C4DFEE;  }

.TabBottomBox
{
background-color: #C4DFEE}
.boxcontent
{
    background-color: #C4DFEE;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: center;
}
.text01
{
color: #3C6489; font-family: Tahoma; font-size: 8pt; font-weight: bold; 
               padding-left: 8px; padding-top: 3px; padding-bottom: 3px}
.text02
{
color: #D76915; font-family: Tahoma; font-size: 8pt;  padding-top: 3px; padding-bottom: 3px}



/*------------------------------------- n3m --------------------------------------------*/
.collapsePanel {
	height:0px;
	width:100%;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:24px;
    cursor:pointer;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	text-align:center;
} 

.accHred
{
	border: 1px solid #2F4F4F;
	color: White;
	background-color: tomato;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.accHgreen
{
	border: 1px solid #2F4F4F;
	color: White;
	background-color: darkseagreen;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.CanceledTransaction {
    background-color: #ffe4ec !important;
    color: rgb(132, 29, 40);
}

.GroupHeader
{
	Font-Family: Tahoma; 
    Font-Size: 10pt;
    font-weight:bold;
    text-align:center;
    color:White;
    Color: #000000; background-repeat:repeat-x; background-color:#3188B9; padding-left:4px; padding-right:2px; padding-top:3px; padding-bottom:3px
}

.GroupHeader2
{
	Font-Family: Tahoma; 
    Font-Size: 10pt;
    font-weight:bold;
    text-align:center;
    Color: #000000; background-repeat:repeat-x; background-color:Red; padding-left:4px; padding-right:2px; padding-top:3px; padding-bottom:3px
}

.GroupHeade3
{
	Font-Family: Tahoma; 
    Font-Size: 10pt;
    font-weight:bold;
    text-align:center;
    Color: #000000; background-repeat:repeat-x; background-color:Olive; padding-left:4px; padding-right:2px; padding-top:3px; padding-bottom:3px
}
/*------------------------------------- n3m - Schedule------------------------------------------*/

.table {
    border-width: thin;
    padding: 1px;
    color: #2c2e3e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
}

    .table a {
        border-width: thin;
        padding: 1px;
        color: #2c2e3e;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
    }

.tdH
{
   background-color:#4394bd;
   color:#ffffff;
   font-weight:bold;
}

.tdB
{
   background-color:#CD5C5C;
}
 
.td
{
   background-color:#f5f5f5;
} 

.td1
{
   background-color:#fff4cc;
}
.td2
{
   background-color:#eacccd;
}
.td3
{
   background-color:#fbdccc;
}
.td4
{
   background-color:#ffeacd;
}
.td5
{
   background-color:#f8cccc;
}
.td6
{
   background-color:#fbccda;
}
.td7
{
   background-color:#cceaff;
}
.td8
{
   background-color:#edfbcd;
}
.td9
{
   background-color:#d4f7fe;
}
.td10
{
   background-color:#ccead4;
}
.td11
{
   background-color:#ccdfff;
}
.td0
{
   background-color:#ccd8e9;
}

/*********************************************************************************************/
/***********Ahmed Sabry************************* Accordion ***********************************/
/*********************************************************************************************/
		
		.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: lightsteelblue;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

        .accordionContent
{
	background-color: white;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}


.accordionHeader2
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: gainsboro;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	text-align: center;
	width: 95%;
}

        .accordionContent2
{
	background-color: white;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	width: 95%;
}

/*********************************************************************************************/
/*********************************** AJAX.NET TAB CONTROL ************************************/
/*********************************************************************************************/


.modalBackground
{
background-color:#000;
filter:alpha(opacity=75);
opacity:0.75;
}

.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color:Black;
	border-width: 2px;
}
.chkbHasClass
{
	background-color: antiquewhite;
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------Tabs---------------------------------------*/
.BlackBgTab {
	background-image: url(images/HTML/tabsbg.gif);
	background-repeat: repeat-x;
	height:11px;
	background-position: bottom;
	background-color: #2d2e2f;
	margin:0px;
	
}
.BlackDownTab {
	background-image: url(images/HTML/blacktabbg.gif);
	background-repeat: repeat-x;
	height:37px;
	background-position: bottom;
	background-color: #2d2e2f;
	font-family: Tahoma;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	margin:0px;
}
.bluetabLeft {
    background-image: url(images/HTML/blueltab.gif);
	background-repeat: no-repeat;
	height:29px;
	width:8px;
	background-position: bottom;
}
.bluetabRight{
 background-image: url(images/HTML/bluertab.gif);
	background-repeat: no-repeat;
	height:29px;
	width:24px;
	background-position: bottom;
}
.bluetabCenter{
 background-image: url(images/HTML/bluectab.gif);
	background-repeat: repeat-x;
	height:29px;
	background-position: bottom;
	font-family: Tahoma;
	font-size: 10pt;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	margin:0px;
}

.bluetabCenterbig {
    background-image: url(images/HTML/bluectab.gif);
    background-repeat: repeat;
    height: 60px;
    background-position: bottom;
    font-family: Tahoma;
    font-size: 10pt;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
}
.greentabLeft {
    background-image: url(images/HTML/greenltab.gif);
	background-repeat: no-repeat;
	height:29px;
	width:8px;
	background-position: bottom;
}
.greentabRight{
 background-image: url(images/HTML/greenrtab.gif);
	background-repeat: no-repeat;
	height:29px;
	width:24px;
	background-position: bottom;
}
.greentabCenter{
 background-image: url(images/HTML/greenctab.gif);
	background-repeat: repeat-x;
	height:29px;
	background-position: bottom;
	font-family: Tahoma;
	font-size: 10pt;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;
	margin:0px;
}
.lbtab {
    font-family: Tahoma;
    font-size: 10pt;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
}
.lbtab2 {
    font-family: Tahoma;
    font-size: 12pt;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
}


.lbtab3 {
    font-family: Tahoma;
    font-size: 13pt;
    color: #ffffff;
    vertical-align: text-top;
    text-align: center;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
}
/*---------------------------------------------------------------------
                        Login  Properties
---------------------------------------------------------------------*/

.loginTop
{
	background-image: url(images/HTML/Login/loginTop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height:96px;
}

.loginCenter
{
    background-image: url(images/HTML/Login/loginCenter.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #034268;
	text-align: center;
	vertical-align: middle;
	height:248px;
}
.loginDown
{
	background-image: url(images/HTML/Login/loginFooter.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Tahoma;
	font-size: 12px;
	color: #034268;
	text-align: left;
	vertical-align: middle;
	text-indent: 5px;
	height:69px;
}

.bgLogin {
	background-color: #0f6890;
	background-image: url(images/HTML/Login/loginBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bgLoginDown {
	background-image: url(images/HTML/Login/loginBGDown.jpg);
	background-repeat: repeat-x;
	height:17;

}
/*---------------------------------------------------------------------------------------------------
                                      Css imgborder
------------------------------------------------------------------------------------------------------*/


.topBorder
{
background:url(images/HTML/BlueBorder/tside.jpg);

}

.bottomBorder
{
background:url(images/HTML/BlueBorder/bside.jpg);

}

.rghBorder
{
background:url(images/HTML/BlueBorder/rside.jpg);

}

.lftBorder
{
background:url(images/HTML/BlueBorder/lside.jpg);
text-align: right;
}


.rghtop
{
	background:url(images/HTML/BlueBorder/rtcorner.jpg);
	height:13px;
	width:10px;
}


.lfttop
{
	background:url(images/HTML/BlueBorder/ltcorner.jpg);
	height:13px;
	width:19px;
}

.rghbottom
{
background:url(images/HTML/BlueBorder/rbcorner.jpg);
height:10px;
width:12px;
}


.lftbottom
{
	background:url(images/HTML/BlueBorder/lbcorner.jpg);
	height:12px;
	width:19px;
}

.bg
{
	background:url(images/HTML/BlueBorder/headbg.jpg);
	height:10px;
}

.txthead
{
	font-family: Times New Roman;
	color: #024EA2;
	font-size: 16pt;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}
/***************************************************************************/
/*************************** Image Border **********************************/
/***************************************************************************/
.imageTopBg
{
	background-image: url(images/HTML/ImageBorder/topImgBg.jpg);
	background-repeat: repeat-x;
}
.imageDownBg
{
	background-image: url(images/HTML/ImageBorder/buttonImgBg.jpg);
	background-repeat: repeat-x;
}
.imageLftBg
{
	background-image: url(images/HTML/ImageBorder/lftimgBg.jpg);
	background-repeat: repeat-y;
}
.imageRghtBg
{
	background-image: url(images/HTML/ImageBorder/rghtimgBG.jpg);
	background-repeat: repeat-y;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90ZvGxZ6SJJh48yx62JKItzQ2&t=633053122925312500);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90HZemRms4wXOo1BZWTwWtNQ2&t=633053122925312500);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}






/*---------------------------Second Tabs ----------------------------*/
.tabTopBg
{
	background-image: url(images/HTML/secondTabTopBg.jpg);
	background-repeat: repeat-x;
}
.tabDownBg
{
	background-image: url(images/HTML/secondTabBgDown.jpg);
	background-repeat: repeat-x;
}
.tabLftBg
{
	background-image: url(images/HTML/sTablftBG.jpg);
	background-repeat: repeat-y;
}
.tabRghtBg
{
	background-image: url(images/HTML/secondTabRghtBg.jpg);
	background-repeat: repeat-y;
}

/*---------------------------image Border ----------------------------*/
.imageTopBg
{
	background-image: url(images/HTML/topImgBg.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	
}
.imageDownBg
{
	background-image: url(images/HTML/buttonImgBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.imageLftBg
{
	background-image: url(images/HTML/lftimgBg.jpg);
	background-repeat: repeat-y;
}
.imageRghtBg
{
	background-image: url(images/HTML/rghtimgBG.jpg);
	background-repeat: repeat-y;
}

.menubg
{
	background-image:url(images/HTML/ASIMS_04.jpg);
	background-repeat: repeat-x;
	height: 30px;
}
.menutxt
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #333333;
}
.menutxt a
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #333333;
	text-decoration: none;
}
.menutxtsmall
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	color: #333333;
}
.menutxtsmall a
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	color: #333333;
	text-decoration: none;
}

.menubgS
{
	background-image:url(images/HTML/ASIMS_04S.jpg);
	background-repeat: repeat-x;
}
.menutxtS
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #333333;
}
.menutxtS a
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #333333;
	text-decoration: none;
}


.cssPanel
{
	width: 800px;
	overflow: auto;
}
.cssPanel1
{
	width: 840px;
	overflow: auto;
}

.listbgs
{ 
   background-image:url(images/HTML/List/bgs.jpg);
   background-repeat:repeat-x;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.listbgs a
{ 
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.listbg
{
	background-image:url(images/HTML/List/bg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.listbg a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.listbg a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.Fhead
{
	color: #0f6f99;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	background-color: #ececee;
	font-weight: bold;
}
.Thead
{
	color: #666666;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	background-color: #ececee;
	font-weight: bold;
}
.Shead
{
	color: #333333;
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	background-color: #ffffff;
	font-weight: bold;
}
.TD
{
	border:#dbdbdb solid 1px;
}
 
.bghead1
{
	background-color:#EDEDEF;
	color: #666666;
	font-family: Arial;
	font-size: 10pt;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	font-weight: normal;

}
.bghead2
{
	background-color:#F9F9F9;
	color: #848484;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	text-decoration: none;
	padding-left: 5px;
	font-weight: normal;
	font-style: normal;

}
.bghead2WithourColor
{
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	text-decoration: none;
	padding-left: 5px;
	font-weight: normal;
	font-style: normal;

}
.bghead22
{
	background-color:#F9F9F9;
	color: #848484;
	font-family: Arial;
	font-size: 9pt;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	font-weight: normal;
	font-style: normal;

}
.RowSelected
{
	background-color: #a0afb6;
}

.RowNotSelected
{
	background-color: Transparent;
}

/* Added By Nehal */
.NewRowSelected {
    height: 30px;
    text-align: center;
    padding-left: 5.75px;
    background-color: #a0cbf5;
}

.NewRowNotSelected {
    height: 30px;
    text-align: center;
    padding-left: 5.75px;
    background-color: transparent;
}
/**********************************/

.Thead1
{
	color: #333333;
	font-family: Arial;
	font-size: 9pt;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	background-color: #ececee;
	font-weight: bold;
}
.Theader
{
	color: #000000;
	font-family: Arial;
	font-size: 11pt;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	background-color: #ececee;
	font-weight: bold;
}

.Sheader
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: left;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	background-color: #D9D9DD;
	font-weight: bold;
}
.TableTD
{
	border:#dbdbdb solid 1px;
}

.bghead3
{
	background-color:#F2F2F4;
	color: #333333;
	font-family: Arial;
	font-size: 10pt;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	font-weight: bold;

}
.bghead33
{
	background-color:#F2F2F4;
	color: #333333;
	font-family: Arial;
	font-size: 10pt;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
	font-weight: bold;

}
.cal2
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #0d6e98;
	text-align: center;
	font-weight: bold;
}

.cal
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #F5F5F5;
	text-align: center;
}

.calSelected
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #9ad625;
	text-align: center;
	text-decoration:none;
}

.calSelected a
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #9ad625;
	text-align: center;
	text-decoration:none;
}

.cal1
{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #E4E4E4;
	text-align: center;
}

.calevent
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #4dbee2;
	text-align: center;
	text-decoration:none;
}
.calevent a
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #4dbee2;
	text-align: center;
	text-decoration:none;
}
 .TDNew
{
	border:#0d6e98 solid 1px;
	background-color: #FFFFFF;
}

/* Year - Grade - Quarter - Course */
.bgyear
{
	background-image:url(images/HTML/bgyears.jpg);
	background-repeat: repeat-x;
}

.bgyear1
{
	background-image:url(images/HTML/bgyears1.jpg);
	background-repeat: repeat-x;
	
}

.txtyears1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 170px;
}
.txtyears1 a
{
  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.txtyears1sel
{
    background-image:url(images/HTML/bgselesctedyears1.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 170px;
}
.txtyears1sel a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.bgmenuyear
{
	background-image:url(images/HTML/bgmenuyear.jpg);
	background-repeat: repeat-x;
}

.txtmenuyears
{
	background-image:url(images/HTML/bgmenuyear.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 200px;
}
.txtmenuyears a
{
	color: #FFFFFF;
	text-decoration: none;
}

.txtmenuyears1sel
{
    background-image:url(images/HTML/bgselectedmenuyear.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #107DA4;
	text-decoration: none;
	font-weight: bold;
	width: 200px;
}
.txtmenuyears1sel a
{
	
	color: #107DA4;
	text-decoration: none;
}

.txtsubmenu 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #1FB1D6;
	padding: 1px;
	width: 200px;
}
.txtsubmenu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #1FB1D6;
}

.txtsubmenusel 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #0F79A1;
	text-decoration: none;
	font-weight: bold;
	background-color: #F3F1F4;
	padding: 1px;
	width: 200px;
}

.txtsubmenusel a  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #0F79A1;
	text-decoration: none;
	font-weight: bold;
	background-color: #F3F1F4;
	padding: 1px;
}

.txtyears
{
	background-image:url(images/HTML/bgyears.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.txtyears a
{
	color: #FFFFFF;
	text-decoration: none;
}

.txtyearsS
{
    background-image:url(images/HTML/bgyearsS.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.txtyearsS a
{
	color: #FFFFFF;
	text-decoration: none;
}

.top
{
	background-image:url(images/bglft.jpg);
	background-repeat:repeat-x;
	height: 21px;
	text-align: right;
}

.lft
{
	background-image:url(images/bgtop.jpg);
	background-repeat:repeat-y;
}


/****************************************************************************

						mail

****************************************************************************/

.MailSearchbg
{ background-color:#e6f4f9;
border-top:#d7e6eb solid 1px;
border-left:#d7e6eb solid 1px;
border-right:#d7e6eb solid 1px;

}

.mailhead
{
	background-image:url(images/bgheadmail.jpg);
	background-repeat:repeat-x;
	height: 25px;
}

.mailheadC
{
	background-image:url(images/bgheadmail.jpg);
	background-repeat:repeat-x;
	height: 25px;
	text-align: right;
}

.mailsuphead
{
	background-color:#e2f0f6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	padding: 2px;
}

.mailsuphead a
{
	color:#333333;
}

.tableB
{
	background-color:#FFFFFF;
	border:#d7e6eb solid 1px;
	padding:1px;
}


.Mailtd
{
	background-color:#FBFBFB;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left: 5px;
	text-align: left;
	padding-top: 5px;
}

.Mailtd1
{
	background-color:#f7f9fa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding-left: 5px;
	text-align: left;
	padding: 2px;
	text-decoration: none;
}

.Mailtd1 a
{
	color:#333333;
}

.Mailtd2
{
	background-color:#eff2f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	padding: 2px;
}

.Mailtd2 a
{
	color:#333333;
}

.mailfooter
{
	background-color:#e2f0f6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align: left;
	text-decoration: none;
	padding-left: 5px;
	padding: 2px;
}


.mailfooter a
{
	color:#333333;
}

/*********************************************************************/
/*******************		Reports css			 *********************/
/*********************************************************************/

.cssReportItem
{
	background-image:url(images/HTML/ASIMS_04.jpg);
	background-repeat: repeat-x;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #333333;
}
.cssReportItem a
{
	color: #333333;
	text-decoration: none;
}

.cssSelectedReportItem
{
	background-image:url(images/HTML/ASIMS_04S.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #333333;
}
.cssSelectedReportItem a
{
	color: #333333;
	text-decoration: none;
}

.dir
{
	direction: ltr;
}
.VerticalHeader
{
	 writing-mode: tb-rl;
}
/* CSS Document */
	

.ES
{
    background-image:url(images/HTML/bg3.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.ES a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.ESs
{
    background-image:url(images/HTML/bg3S.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.ESs a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.Grade
{
	background-image:url(images/HTML/bg1.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	height: 45px;
	width: 148px;
	padding-top: 7px;
}
.Grade a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.GradeS
{
	background-image:url(images/HTML/bg1S.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	height: 45px;
	width: 148px;
	padding-top: 7px;
}
.GradeS a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}




.Class
{
	background-image:url(images/HTML/bg2.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
	border: #0f709b solid 1px;
}

.Class a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}


.ClassS
{
	background-image:url(images/HTML/bg2S.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 1px;
	border: #66a001 solid 1px;
}
.ClassS a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.headerOC
{
	background-image:url(images/headersA.jpg);
	background-repeat:no-repeat;
	height:147px;
	width: 1039px;
	background-position:center;
}

.footerOC
{
	background-image:url(images/fotersA.jpg);
	background-repeat:no-repeat;
	height:69px;
	background-position:center;
}

.bg
{
	background-image: url(images/bg600.jpg);
	background-repeat:repeat-x;
	height:600px;
}

.footertxt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	padding-top: 20px;
}
.footertxt a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	color: #FFFFFF;
	padding-top: 20px;
}
.Green
{
	color: Green;
}

.Gray
{
	color:Gray;
}
.Blue
{
	color: Blue;
}
.Green a
{
	color: Green;
}

.Gray a
{
	color:Gray;
}
.Blue a
{
	color: Blue;
}
/****************** Cantine **************/
.Cntimg
{
	border:#CCC solid 3px;
	padding:1px;
	height: 68px;
	width: 68px;
	margin-right: 5px;
}
.Cnthead
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#1b6485;
	text-align:left;
}
.Cnthead a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#1b6485;
	text-align:right;
	text-decoration:none;
}
.Cnttxt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	text-align:left;
}
.CntT
{ border:#CCC solid 1px;
padding:1px;
}
.CntTH
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	text-align:left;
	background-color: #e2e2e2;
	padding-left: 10px;
	padding: 3px 3px  3px  5px;
}
.CntTtxt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#595959;
	text-align:left;
	background-color: #f1f1f1;
	padding-left: 10px;
	padding: 3px 3px  3px  5px;
}
.CntTtotal
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:left;
	background-color:#c8c8c8;
	padding-left: 10px;
	padding: 3px 3px  3px  5px;
}

.tableCheckIn
{
    background-color: #DADEDE;
      /* #CBCFD0*/
}
.tableCheckInbtn
{
   border: 2px solid #034268;
    background-color: #EBEBEB;
    text-align: center;
    font-family: Arial;
    font-size: small;
    color: #034268;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    box-shadow: 0px 1px 1px #034268;
    font-weight: bold;
}
.txtCheckIn
{
      border: 2px solid #034268;
       box-shadow: 0px 1px 1px #034268;
       border-radius: 5px;
}

.btnCheckStatus
{
    border: 2px solid #034268;
    background-color: #EBEBEB;
    text-align: center;
    font-family: Arial;
    font-size: small;
    color: #034268;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #034268;
    font-weight: bold;
}
.lblCheckIn
{
    background-color: #DADEDE;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #034268;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 2px;
}

.lblWarning
{
    color: #CC0000;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    
}

.btnUpdateApplicant
{
    background-image: url(images/HTML/List/bg.jpg);
    background-repeat: repeat-x;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    height:20px;
}
.btnUpdateApplicant a
{
    color: #FFFFFF;
    text-decoration:none;
    }
    .btnUpdateApplicantD
{
    border-radius: 6px;
    box-shadow: 0px 2px 2px #C1C1C1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    background-color: #C1C1C1;
}

.btnUpload
{
    border: 2px solid #0F7EA4;
    background-color: #0F7EA4;
    font-family: Tahoma;
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #034268;
    font-weight: bold;
}
.btnUpload:hover
{
    color: #C0C0C0;
}
.btnUploadD
{
    border: 2px solid #C0C0C0;
    background-color: #C0C0C0;
    font-family: Tahoma;
    font-size: 10pt;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 2px 2px #034268;
    font-weight: bold;
}

.Ptxt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0F7EA4;
	text-decoration: none;
	padding: 2px;
	padding-right: 5px;
	font-weight: bold;

}
.Ptxt a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0F7EA4;
	text-decoration: none;

}
.txt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding: 2px;
	text-align: justify;
	padding-right: 5px;
}
.txt a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	padding: 5px;
	text-align: justify;
	padding-right: 5px;
	text-decoration:none;

}
.txt a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0F7EA4;
	text-align: justify;
	text-decoration: none;

}