body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

/* CSS Document */
#ttlview td
{
    border: 1px solid #BED9EE;
}

#ttlborder td
{
    border: 1px solid #BED9EE;
}
.CasteDesign
{
    text-align: center; font-weight: bold; color:blue; border: 1px solid #4F93E3;
 
 
}
.CasteTotal
{
    border: 2px solid #4F93E3; text-align:center; 
 text-align:center;
 font-size:15px;
 font-weight:bold;
}
#session td
{
    border: none;
}
.header_Left
{
    background-image: url(../Images/module_header1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 119;
    width: 150;
}
.header_Right_main
{
    background-image: url(images/ssp_headerimg_m.gif);
    background-repeat: no-repeat;
    background-position: center top;
}

.menu_Backg
{
    background-image: url(images/menu_bg.jpg);
    padding: 0px 10px 0px 10px;
    background-repeat: repeat-x;
}

.ProcessImage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
}
.menu
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
}
.user
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: gold;
    text-decoration: none;
    text-align: left;
    padding-right: 15px;
    padding-left: 15px;
}
.scrollBar
{
    background-color: #F3FBFE;
    border: 1px solid #BCE2F9;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    scrollbar-face-color: #ECF9FE;
    scrollbar-shadow-color: #0663A6;
    scrollbar-highlight-color: #ECF9FE;
    scrollbar-3dlight-color: #0663A6;
    scrollbar-darkshadow-color: #E8ECEF;
    scrollbar-track-color: #E8ECEF;
    scrollbar-arrow-color: #1992CB;
}
.scrollBar1
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    scrollbar-face-color: #ECF9FE;
    scrollbar-shadow-color: #0663A6;
    scrollbar-highlight-color: #ECF9FE;
    scrollbar-3dlight-color: #0663A6;
    scrollbar-darkshadow-color: #E8ECEF;
    scrollbar-track-color: #E8ECEF;
    scrollbar-arrow-color: #1992CB;
}
.PanelScroll
{
    background-color: #F3FBFE;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px; /*scrollbar-face-color: #ECF9FE;  	scrollbar-shadow-color: #0663A6;  	scrollbar-highlight-color: #ECF9FE;  	scrollbar-3dlight-color: #0663A6; 	scrollbar-darkshadow-color: #E8ECEF; 	scrollbar-track-color: #E8ECEF;  	scrollbar-arrow-color: #1992CB;*/
    scrollbar-3dlight-color: #7F9DB9;
    scrollbar-arrow-color: #04708D;
    scrollbar-base-color: #BCE2F9;
    scrollbar-darkshadow-color: #BCE2F9;
    scrollbar-face-color: #BCE2F9;
    scrollbar-highlight-color: #BCE2F9;
    scrollbar-shadow-color: #7F9DB9;
}
.Button
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    border: 1px #999999;
    line-height: 22px;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../Images/otherbtnbg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    height: 22px;
    width: 80px;
    cursor: hand;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btnButton
{
    background-color: #121C8B;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px;
}
.lblMessage
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: red;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}
.lblExample
{
    font-family: Verdana;
    font-size: 6pt;
    font-weight: bold;
    color: Red;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}
.lblRC
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}
.chkBox
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}

.lblfield
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}
.spanbutton
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
}

.lblfieldB
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: Maroon;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}

.lblPersonal
{
    font-family: Verdana;
    font-size: 8pt;
    color: Maroon;
    line-height: 20px;
    text-decoration: none;
    padding-left: 3px;
    text-align: left;
    letter-spacing: 1px;
}
.para
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
}
.parabold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding: 3px 5px;
}
.title
{
    color: #AD1010;
    font-weight: Bold;
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 0px;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.foot
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.foot:hover
{
    color: #FFFF00;
    text-decoration: underline;
}
.fieldrightbold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-align: right;
    padding: 2px;
    padding-right: 5px;
}

.fieldrightboldDiv
{
    font-family: Times New Roman, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #FFFFFF;
    text-align: right;
    padding: 2px;
    padding-right: 5px;
}


.fieldright
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #000000;
    text-align: right;
    padding: 2px;
    padding-right: 5px;
}
.lnkButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 20px;
    color: #000000;
    text-align: right;
    padding: 2px;
    padding-right: 5px;
}
.fieldleftbold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    font-weight: bold;
    padding: 2px;
    padding-right: 5px;
}

.fieldleft
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #000000;
    text-align: left;
    padding: 2px;
    padding-right: 5px;
}
.txtbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: 1px solid #6A8CCB;
    background-color: #FFFFFF;
    padding-left: 3px;
    /*border-radius: 4px 4px 4px 4px;*/
}
.chkbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; /*color: #000000; 	background-color: #FFFFFF;*/
    padding-left: 3px;
}

/* Used for fee structure definition */
.transparent_txtbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    border: none;
    background-color: Transparent;
    padding-left: 3px;
}
.rdobutton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #F3FBFE;
    padding-left: 3px;
}
.ReqValidator
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #C40E11;
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: bold;
}
.chkBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding-bottom: 10px;
}
.radioButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding-left: 3px;
}
.checkedlist
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
}

.STSButton
{
    font-size: 11px;
    color: #FFFFFF;
    height: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-image: url(../Images/btn_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.recordCount
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
    color: saddlebrown;
    text-decoration: none;
    text-align: left;
    padding: 3px 5px;
    padding-left: 2px;
}
.alert
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    color: #FF0000;
    padding: 3px 5px;
}
.popupcal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #F00000;
    padding-right: 3px;
    padding-left: 1px;
    vertical-align: bottom;
    padding-bottom: 1px;
}
.subtitle
{
    font-family: Arial;
    font-size: 13px;
    line-height: 20px;
    color: #121C8B;
    font-weight: bold;
    text-align: left;
    padding: 3px 5px;
}
.popupControl
{
    background-color: White;
    position: absolute;
    visibility: hidden;
}
.Border
{
    background-color: #F3FBFE;
    border: 1px solid #BCE2F9;
}
.Search
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #BCE2F9;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    border-color: #BCE2F9;
    height: 30px;
}
/*Student Attendance*/
.stugridHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 15px;
    font-weight: normal;
    background-color: #13ABB9;
    font-size: 10px;
    height: 23px;
    border: 1px solid #C0E0E3;
    border-left: 1px solid #C0E0E3; /* #F9CF2B*/
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    padding-left: 5px;
    padding-right: 3px;
}
stugridHeader:hover
{
    color: #000000;
    text-decoration: none;
}

.stugridHeaderRight
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 11px;
    font-weight: bold;
    background-color: #13ABB9;
    font-size: 11px;
    height: 25px;
    border: 1px solid #C0E0E3;
    border-left: 1px solid #C0E0E3; /* #F9CF2B*/
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}
.stugridHeaderProfile
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 11px;
    font-weight: bold;
    background-color: #F5F5F5;
    font-size: 11px;
    height: 25px;
    border: 1px solid #C0E0E3;
    border-left: 1px solid #C0E0E3; /* #F9CF2B*/
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding-left: 3px;
}

.stugridTableHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 11px;
    font-weight: bold;
    background-color: #13abb9;
    font-size: 11px;
    height: 25px;
    border: 1px solid #C0E0E3;
    border-left: 1px solid #C0E0E3; /* #F9CF2B*/
    font-weight: bold;
    color: #FFFFFF;
    padding: 4px;
}

.stugridTableHeaderRotate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #13abb9;
    font-size: 11px;
    height: 25px;
    border: 1px solid #C0E0E3;
    border-left: 1px solid #C0E0E3; /* #F9CF2B*/
    font-weight: bold;
    color: #FFFFFF;
    padding: 4px;
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

.stugridText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 26px;
    border: 1px solid #C0E0E3; /* #F9CF2B*/
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}
.stugridText td
{
    border-bottom-color: #BED9EE;
    border-right-color: #BED9EE;
    border-left-color: #BED9EE;
    border-top-color: #BED9EE;
}
.lblLoginMessage
{
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: Blue;
    line-height: 20px;
    text-decoration: none;
    padding-left: 0px;
    text-align: left;
    letter-spacing: 1px;
}

/*Grid Styles */



.gridText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal; /*color: #000000;*/
    text-decoration: none;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}

.gridHeader
{
    /*background-color:#A8C5F5;*/
    background-color: #D7E8FC;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    text-align: left;
    padding-left: 2px;
    height: 20px;
}

gridHeader:hover
{
    color: #000000;
    text-decoration: none;
}

.grid_row
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    padding-left: 3px;
    padding-right: 3px;
}

.grid_main
{
    background-color: White;
    border-color: #A8C5F5;
    border-style: solid;
    border-width: 1px;
}

.gridFooter
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold; /*color: #AD1010;*/
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}
.grid_Footer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold; /*color: #AD1010;*/
    padding-left: 3px;
    padding-right: 3px;
}

.grid_header
{
    background-color: #BFD3EE; /*background-color:Black;*/
    color: Red;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
    line-height: 12px;
    text-align: left;
    padding-left: 2px;
    line-height: 15px;
}

grid_header:hover
{
    color: #000000;
    text-decoration: none;
}
.grid_row
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    line-height: 12px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}
.grid_row td
{
    border-bottom-color: #BED9EE;
    border-right-color: #BED9EE;
    border-left-color: #BED9EE;
}


/*************************************************************/
.tblPresent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #ECF9FE;
    text-align: left;
    vertical-align: top;
}

.OpacCurrent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; /*font-weight: bold; 	color: green;*/
    text-decoration: none;
    text-align: left; /*background-color:#7aa5d6;*/ /*background-color:Silver;*/
    background-color: skyblue;
}
.CirInfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #04708D;
    text-decoration: none;
    text-align: left;
}

.tblBorder
{
    /*background-color: #BED9EE;*/
    border: 1px solid #BED9EE;
}
.tblTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px; /*font-weight: bold;*/
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #9CC1E2;
}
.tblText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
}
.tblNewsText
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-align: center;
    padding: 2px;
    padding-right: 5px;
}

.tblNewsTextbold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    padding-right: 5px;
}
.tblPresent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: lavender;
    text-align: left;
    vertical-align: top; /*font-weight: bolder;*/
}
.tblAbsent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: lightcyan;
    text-align: left;
    vertical-align: top; /*font-weight: bolder;*/
}
.tblTotal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: papayawhip;
    text-align: left;
    vertical-align: top; /*font-weight: bolder;*/
}
.tblBreak
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    padding: 3px;
    background-color: darkgray;
    vertical-align: middle;
    text-align: center;
}

.tblSubstitute
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: aquamarine;
}

.tblReserve
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: Lavender;
}

.tblStfComb
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: Ivory;
}

.tblCombCont
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: Yellow;
}

.tblHighlight
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    padding: 3px;
    background-color: lightgoldenrodyellow;
    text-align: left;
    vertical-align: top;
}

.tblGeneral
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: peru;
    text-decoration: none;
    padding: 3px;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
}

.tblvTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #D9E8F4;
}
/*--------------------------------------------Staff tabs---------------------------------------------------------*/
/* menu tabs */

#header
{
    position: relative;
    width: 100%;
    float: left;
    height: 20px;
    padding-left: 10px;
}
#header ul
{
    z-index: 999999;
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    font: bold 11px Arial, 'Trebuchet MS' , Tahoma, verdana, sans-serif;
}
#header li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#header a
{
    float: left;
    background: url(Images/tableft.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}
#header a span
{
    float: left;
    display: block;
    background: url(Images/tabright.gif) no-repeat right top;
    padding: 5px 10px 1px 8px;
    color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span
{
    float: none;
}
/* End IE5-Mac hack */
#header a:hover span
{
    color: #000000;
}
#header a:active span
{
    background-position: 0% -42px;
    color: #000000;
}
#header a:active
{
    background-position: 0% -42px;
    color: #000000;
}
#header a:hover
{
    background-position: 0% -42px;
}
#header a:hover span
{
    background-position: 100% -42px;
}
#header #current a
{
    background-position: 0% -42px;
    color: #000000;
}

#header #current a span
{
    background-position: 100% -42px;
    color: #000000;
}
#header .current a
{
    background-position: 0% -42px;
    color: #000000;
}

#header .current a span
{
    background-position: 100% -42px;
    color: #000000;
}

/* This is for master page Top Right of User Rights Information*/
#UserRight
{
    position: relative;
    width: 100%;
    float: left;
    height: 20px;
    padding-left: 0px;
}
#UserRight ul
{
    z-index: 999999;
    position: absolute;
    margin: 0;
    padding: 2px;
    list-style: none;
    font: bold 15px Arial, 'Trebuchet MS' , Tahoma, verdana, sans-serif;
}
#UserRight ul
{
    border: 1px 1px 1px 1px;
    border-bottom-color: White;
    cursor: pointer;
}
#UserRight li
{
    display: inline;
    margin: 0;
    padding: 0px;
    background: url(../Images/downarrow.png) no-repeat left left;
    padding-top: 0px;
}

#UserRight a
{
    float: left;
    vertical-align: middle; /*background: url(../Images/downarrow.png) no-repeat left left;*/
    margin: 0;
    background-position: bottom;
    width: 12px;
    height: 15px;
    padding: 0 0 0 4px;
    text-decoration: none;
}
#UserRight a:hover
{
    background-position: 0% -42px;
    border: 1px 1px 1px 1px;
    border-bottom-color: White;
}
.adminform
{
    background-color: #f9f9f9;
    border: solid 1px #d5d5d5;
    width: 100%;
    padding: 10px;
    border-collapse: collapse;
}
.rptTool
{
    background: url(../Images/ReportIcon/background.gif);
    background-repeat: repeat-x;
}
.displaylid1 a
{
    position: absolute;
    width: 286px;
    height: 143px;
    margin-top: -1px;
    margin-left: -1px;
    border: 1px solid #492100;
    background: url("thumbs/bsthumb.jpg") -400px 0 no-repeat;
}
.displaylid1 a:hover
{
    width: 400px;
    height: 200px;
    margin-top: -29px;
    margin-left: -58px;
    border: 2px solid #492100;
    background-position: 0 0;
}
.DialogueHeader
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 12px; 	font-weight: bold; 	background-color: #04708D;	 	color: white; 	text-decoration: none; 	text-align: left; 	padding-left: 3px; 	padding-right: 3px; 	border-color: #BCE2F9;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 12px;
    background-image: url(images/ImgHeader.gif);
    background-repeat: no-repeat; /* left left;*/
    background-repeat: repeat-x;
    border-bottom: 1px solid #335c88;
}
.Dialogue
{
    border: 1px solid #335C88; /*background-color:#E5F1FD;*/
    border-top: 1px solid #335c88;
    background-color: #e5f1fd;
}
.UserBorder
{
    background-color: Transparent;
    border: 0px solid white; /*border-top:2px solid  #335c88;		 	border-bottom:2px solid  #335c88;	*/
    border-right: 2px solid #335c88;
    border-left: 2px solid #335c88;
}
/*---- OPAC Styles */
.Search-Bg
{
    background-image: url(../Images/search-Bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
}
.Search-Right
{
    background-image: url(../Images/search-Right.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
.Search-TBg
{
    background-image: url(../Images/search-TBg.jpg);
    background-repeat: repeat;
    background-position: right top;
}
/*DBF CSS/*


/* CSS Document */
.para
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding: 3px 5px;
}
.parabold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    text-align: left;
    padding: 3px 5px;
}
.title
{
    color: #AD1010;
    font-weight: bold;
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
}
.footer
{
    background-image: url(Images/footer_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}
.formfeild
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-align: right;
    padding: 2px;
}
.textbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border: 1px solid #6A8CCB;
    background-color: #FFFFFF;
    padding-left: 3px;
}
.alert
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 25px;
    color: #FF0000;
    padding: 3px 5px;
}
.schoolTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: gold;
    text-decoration: none;
    text-align: left;
    padding-bottom: 3px;
    padding-left: 6px;
}

.menu:hover
{
    color: #FFFF00;
}
.menu:hover
{
    color: #000000;
    background-color: #71c3ff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.gridtextbox
{
    padding: 1px 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    height: 17px;
    border-right: #0000cc 1px solid;
    border-top: #0000cc 1px solid;
    border-left: #0000cc 1px solid;
    border-bottom: 1px solid;
}

/* Time table styles*/
.tblTitle
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #9CC1E2;
}

.tblBreak
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    padding: 3px;
    background-color: #CCCCFF;
    vertical-align: middle;
    text-align: center;
}

.tblSubstitute
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #CCFFFF;
}

.tblReserve
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #CCFFCC;
}

.tblStfComb
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #FFCCCC;
}


.tblCombCont
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #FFFFCC;
}

.tblBorder
{
    background-color: #BED9EE;
}

.tblText
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
}

.tblTextCenter
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: top;
}

.tblHighlight
{
    font-family: Verdana;
    font-size: 12px;
    text-decoration: none;
    padding: 3px;
    background-color: #FF99FF;
    text-align: left;
    vertical-align: top;
}

.tblGeneral
{
    font-family: Verdana;
    font-size: 12px;
    color: peru;
    text-decoration: none;
    padding: 3px;
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
}

.tblvTitle
{
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding: 3px;
    background-color: #D9E8F4;
}
/*Online Aptitude*/
.fieldOnlineAptitude
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    line-height: 20px;
    color: Blue;
    text-align: left;
    font-weight: bold;
    padding: 2px;
    padding-right: 5px;
}

/* Region Style sheet added by Joyce A. */
/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie8 .ajax__tab_header
{
    background: url(Images/Tabs/tab-line.gif) repeat-x bottom;
}
.visoft__tab_xpie8 .ajax__tab_outer
{
    background: url(Images/Tabs/tab-active-right.gif) no-repeat right;
}
.visoft__tab_xpie8 .ajax__tab_inner
{
    background: url(Images/Tabs/tab-active-left.gif) no-repeat;
}
.visoft__tab_xpie8 .ajax__tab_tab
{
    background: url(Images/Tabs/tab-active.gif) repeat-x;
    color: Black;
}
.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_outer
{
    background: url(Images/Tabs/tab-hover-right.gif) no-repeat right;
}
.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_inner
{
    background: url(Images/Tabs/tab-hover-left.gif) no-repeat;
}
.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_tab
{
    background: url(Images/Tabs/tab-hover.gif) repeat-x;
    color: White;
}
.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/Tabs/tab-hover-right.gif) no-repeat right;
}
.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_inner
{
    background: url(Images/Tabs/tab-hover-left.gif) no-repeat;
}
.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_tab
{
    background: url(Images/Tabs/tab-hover.gif) repeat-x;
    color: White;
}

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie8 .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    white-space: normal !important;
}
.visoft__tab_xpie8 .ajax__tab_outer
{
    height: 20px;
}
.visoft__tab_xpie8 .ajax__tab_inner
{
    padding-left: 3px;
}
.visoft__tab_xpie8 .ajax__tab_tab
{
    padding: 3px 13px;
    margin: 0;
    border-bottom: 1px solid #0071b9;
}
.visoft__tab_xpie8 .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 0px solid #0071b9;
    border-top: 0;
    padding: 0px;
    background-color: #ffffff;
}


.mobile
{
    background-image: url(../../Images/mobile.png);
    background-repeat: no-repeat;
    width: 280px; /*word-wrap: break-word;*/
    height: 139px;
}

#poweredbylink
{
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}
.error-one
{
    clear: both;
    text-align: right;
    font-size: 11px;
    color: Red;
    margin: 3px 0px 10px;
}

.info, .success, .warning, .error, .validation span
{
    border: 1px solid;
    margin: 10px 0px;
    line-height: 20px;
    padding: 5px 5px 5px 40px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../../Images/Info.png);
}
.success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(../../Images/Success.png);
}
.warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../../Images/warning.png);
}
.error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../../Images/symbol-error.png);
}

/*###################### Div Styles #######################*/
.f_left
{
    float: left;
}
.f_right
{
    float: right;
}
.clearFix
{
    clear: both;
    height: 1px;
    font-size: 1px;
}
.width100
{
    width: 100%;
}

.thickBorder
{
    border-bottom: 3px solid #BED9EE;
    border-spacing:10px;
     margin-left: 2px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

.AlumniSchoolTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    color: Purple;
    text-decoration: none;
    text-align: left;
    padding-bottom: 3px;
}

.AlumniConfirmation
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    color: Purple;
    text-decoration: none;
    text-align:center;
    padding:10px 10px 10px 10px;
}
.popup
{
    z-index:99999;
    margin-top:30px;
    height:600px;
    overflow:auto;
}

.columnDiv
	{
	 border: 1px solid #aaaaaa;
	 /*  color: #222222; */
	/* color: #222222;*/
	/* background-color: #3BAFDA; */
	   height: 150px; 
	   width: 90%;
	   margin: 0 5% 0 5%;
	   font-size: 1.1em;
	  /* background-color: #f5f5f5 !important;*/
	   position:relative;
	}
	
	.columnExamDiv
	{
	 border: 1px solid #aaaaaa;
	 /*  color: #222222; */
	/* color: #222222;*/
	/* background-color: #3BAFDA; */
	   height: 300px; 
	   width: 90%;
	   margin: 0 5% 0 5%;
	   font-size: 1.1em;
	  /* background-color: #f5f5f5 !important;*/
	   position:relative;
	}
	
	.remove-icon {
    /*background-image: url("/SSP.Web/Images/delete.gif");*/
    background-image: url(../Images/delete.gif);
    background-position: -31px 1px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 16px;
    margin-left: 5px;
    overflow: hidden;
    text-indent: -99999px;
    width: 16px;
}
.UploadSuccess 
{
    color: #4F8A10;
    /*color: #4F8A10;
    background-color: #DFF2BF;*/
    background-image: url(../../Images/SucessIcon.png) ;
}
.UploadSuccess{
/*border: 1px solid;*/
font-family: Tahoma,Geneva,sans-serif;
font-size: 13px;
font-weight:bolder;
margin: 0px 0px;
padding:5px 5px 5px 34px;
background-repeat: no-repeat;
background-position: 10px left;
}
.InprogressStatus
{
    color: #4F8A10;
    /*color: #4F8A10;
    background-color: #DFF2BF;*/
    background-image: url(../../Images/Inprogress.png) ;
    font-family: Tahoma,Geneva,sans-serif;
font-size: 13px;
font-weight:bolder;
margin: 10px 0px;
padding:5px 5px 5px 34px;
background-repeat: no-repeat;
background-position: 10px left;
}
.UnSuccess{
/*border: 1px solid;*/
font-family: Tahoma,Geneva,sans-serif;
font-size: 13px;
font-weight:bolder;
margin: 10px 0px;
padding:5px 5px 5px 22px;
background-repeat: no-repeat;
background-position: 10px left;
}
.UnSuccess 
{
    color: #4F8A10;
    /*color: #4F8A10;
    background-color: #DFF2BF;*/
    background-image: url(../../Images/deleteUnsucicon.png) ;
}
.statusicon 
{
    color:Navy;
    cursor: pointer;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;
    font-weight:bold;
    padding-left:10px;
}

        /*************** JQuery Popup ***********************/

#popup {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    min-width: 250px;
    padding: 25px;
    left: 326px;
    position: absolute;
    top: 266.5px;
    z-index: 9999;
    opacity: 1;
    display: block;
}
#PopupGeneral {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    position: absolute;
    z-index: 9999;
    opacity: 1;
    display: block;
}
#PopupGeneral .Message {
    color: Olive;
    font: bold 239% 'Petrona',sans;
}

#CommonPopup {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    position: absolute;
    z-index: 9999;
    opacity: 1;
    display: block;
}
#CommonPopup .Message {
    color: Olive;
    font: bold 239% 'Petrona',sans;
}

#popup .Message {
    color: Olive;
    font: bold 239% 'Petrona',sans;
}
.popbutton.b-close, .popbutton.bClose {
    border-radius: 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}
.popbutton {
    background-color: Olive;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.Notification
{
     background-color: #eaaf51;
    border-color: #d99a36;
    font-size:16px;
    text-align:center;
    border: 1px solid;
    color: #fff;
    padding: 15px;
    width: 100%;
}

.visoft__tab_xpie8 .ajax__tab_header
{
    background: url(Images/Tabs/tab-line.gif) repeat-x bottom;
}
.visoft__tab_xpie8 .ajax__tab_outer
{
    background: url(Images/Tabs/tab-active-right.gif) no-repeat right;
}
.visoft__tab_xpie8 .ajax__tab_inner
{
    background: url(Images/Tabs/tab-active-left.gif) no-repeat;
}
.visoft__tab_xpie8 .ajax__tab_tab
{
    background: url(Images/Tabs/tab-active.gif) repeat-x;
    color: Black;
}
.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_outer
{
    background: url(Images/Tabs/tab-hover-right.gif) no-repeat right;
}
.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_inner
{
    background: url(Images/Tabs/tab-hover-left.gif) no-repeat;
}
.visoft__tab_xpie8 .ajax__tab_hover .ajax__tab_tab
{
    background: url(Images/Tabs/tab-hover.gif) repeat-x;
    color: White;
}
.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/Tabs/tab-hover-right.gif) no-repeat right;
}
.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_inner
{
    background: url(Images/Tabs/tab-hover-left.gif) no-repeat;
}
.visoft__tab_xpie8 .ajax__tab_active .ajax__tab_tab
{
    background: url(Images/Tabs/tab-hover.gif) repeat-x;
    color: White;
}
.statusicon 
{
    color:Navy;
    cursor: pointer;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;
    font-weight:bold;
    padding-left:10px;
}