body
{
    background: #999;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969; /* body fore color*/
}

.page
{
    width: 99.8%;
    background-color: #999;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    /*background: #4b6c9e;*/
    width: 100%;
    
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    
}


.header h1
{
    margin-top:10px;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    border: none;
    font-size: 2em;
    color:navy;

}



.headerRight 
{
    float:right; 
    width:20%;
    vertical-align:middle;
}

userInfo {margin:0 0 0 0;}
.welcm {font-family:Arial; font-size:12px; text-decoration:none; color:#ffffff;}
.logout {font-family:Arial; font-size:12px; text-decoration:none; color:#ffffff; cursor:pointer;}

.bold
{
    font-weight: bold;
}

div.V3MMenu
{
    /*background-color:#3a4f63;*/
    background-color:rgb(1,101,176);
    /*border-top:1px solid white;*/
    width:100%;
    height:32px;
}
div.V3MGuestMenu
{
    background-color:#3a4f63;
    width:100%;
    height:0px;
}

.clear
{
    clear: both;
}

.MainDiv
{
    float: left;
    width: 74.5%;
    background: white;
}

.RightDiv
{
     float: right; 
     width: 25%; 
     background: white;
}

.footer
{
    color:#fff;
    text-align: center;
    

    /*background-color:#4b6c9e;*/
    
    background-color:#666;
    font-weight:500;
}
#spnNews
{
    color: #fafafa;
    font: bold 13px Arial, Helvetica;
}

.loginIntro {
	background: transparent url('Images/login-icon.png') no-repeat left center;
    padding-left:30px;
}

.TabImage
{
    background:#e8f3f9;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-align:left;
    height:25px;
    line-height:25px;
}

/* Sizes */
.btn { background-position: 0 -80px; font-size: 12px; height: 32px; font-weight:bold; line-height: 29px; width:90px; }

/* Set default button colors */
.btn, .btn-icon,
.btn:visited {background-color: #F90; border-color: #D58000; color: #FFF; }

.btn-blue,
.btn-blue:visited { background-color: #066ECD; border-color: #0561B4; }
.btn-blue:hover { background-color: #0561B4; }


tr.even{background-color:lightyellow; }
tr.odd:hover, tr.even:hover { background:#f6f6f6; }
tr.odd td, tr.even td{ padding-left:5px; }

    
    /** News & Birthdays */
    .newsHeader 
    {
        height:35px;
        text-align:left;
        padding:0 0 0 10px;
        font-size:13px;

        background: #99C4E5; /* old browsers */
        background: -moz-linear-gradient(top, #99C4E5 0%, #5B7899 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99C4E5), color-stop(100%,#5B7899)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99C4E5', endColorstr='#5B7899',GradientType=0 ); /* ie */	
        color:#fff;
        text-shadow:0px -1px 0px #5B7899;
    }

    .heading {font-family:"BellCent NamNum BT"; font-size:16px; color:#ffffff; text-decoration:none;}

    .newFooter
    {
        height:27px;
	    text-align:center;
        vertical-align:middle;
        background: url(Images/wbg.gif) repeat-x top;
    }   


/* Master Form */
.addMaster 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000;
	height:100%;
	width:100%;
    border-spacing:0;
}


.addMaster td.header 
{
    color:#e1e13a;
    height:28px;
    text-align:left;
    padding:0 0 0 10px;
    font-size:12px;
    background: #045ea3;
    background: -moz-linear-gradient(top, #ccc 10%, #ccc 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d5b72), color-stop(100%,#3d5b72));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a92e1', endColorstr='#045ea3',GradientType=0 );
    text-shadow:0px -1px 0px #5B7899;
    font-weight:700;
    text-transform:capitalize;
    text-transform: uppercase;
    vertical-align:middle;
    box-shadow: 10px 10px 60px -7px #43a8d0;
    letter-spacing:.3px;
    text-decoration:none
}

/*.addMaster tr:first-child td {
    vertical-align: top;
    padding-top:50px;
}*/


.addMaster td.header_Origional 
{
    color:#fff;
    height:32px;
    text-align:left;
    padding:0 0 0 10px;
    font-size:13px;
    background: #99C4E5;
    background: -moz-linear-gradient(top, #99C4E5 0%, #5B7899 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99C4E5), color-stop(100%,#5B7899));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99C4E5', endColorstr='#5B7899',GradientType=0 );
    text-shadow:0px -1px 0px #5B7899;
    font-weight:bold;
    text-transform:capitalize;
    text-transform: uppercase;
}

.addMaster .header .closeicon {
    padding-right:4px;
    cursor:pointer; float:right;
    }
.addMaster .SearchOption
	{
	  width:96%;  
      height:20px;
      text-align:left;
      background:#f1f8fc;
      /*background:#efeded;*/
      /*background:#efeded;*/
	}

.addMaster .SearchOption input[type="checkbox"],.addMaster .SearchOption input[type="radio"],.addMaster .SearchOption Label, .addMaster .SearchOption input
	{
	  vertical-align:middle;

	}


.addMaster .SearchOption input[type="radio"]
{
    margin-bottom:4px;
}

.addMaster td.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px solid #eee;
	color: #000;
	vertical-align:top;
}
.addMaster td.footer 
{
    /*background: url(Images/wbg.gif) repeat-x top;*/
    border-top:1px solid #e5e4e4;
    /*background-color:#fbfbfb;*/
    background-color:#eeecec;
	height:30px;
	text-align:center;
    vertical-align:middle;
    box-shadow: 10px -15px 60px -7px #bae1ef;
    padding-right:5px;
    
}

.addMaster .SubHead
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    padding-left:5px;
    color:black;
    text-decoration:none;
}

.addMaster .SearchOption table
{
    border-collapse:collapse;
    border:1px solid #d4e5ed;
}

.addMaster .SearchOption table td
{
    /*border:1px solid #d4e5ed;*/
    border:1px solid #d4eaf5;
    /*padding-left:5px;*/
    padding:2px;
    height:23px;
    
}

.FeeSummary {
     border-left:1px solid #d4e5ed;
     vertical-align:top;
     background:white;
     padding:0;
     border-collapse:collapse;
     border-spacing:0;
}
.FeeSummary table {
     border-collapse:collapse;
     border-spacing:0;
}
.FeeSummary table td {
     border-right:1px solid #d4e5ed;
     border-bottom:1px solid #d4e5ed;
    padding:5px;
    /*height:28px;*/
}

.addMaster td.PopUp {
	vertical-align:top;
    /*background:#fbfbfb;*/
    background:white;
}


.addMaster td.PopUp table{
	border-collapse:collapse;
}

.addMaster td.PopUp table td{
	border:1px solid #e4ebed;
    padding-left:5px;
    height:28px;
}

.addMaster td.footer input[type="button"], .addMaster td.footer input[type="submit"], 
.addMaster .SearchOption input[type="button"], .addMaster .SearchOption input[type="submit"]
{
    /*background:#267aad;
    border:1px solid #d4e5ed;
    height:27px; 
    font-family:arial; 
    font-size:12px; 
    font-weight:bold; 
    color:#fff; 
    text-decoration:none; 
    width:90px; 
    cursor:pointer; 
    border-radius:3px;*/



    /*change CSS*/
    /*http://www.bestcssbuttongenerator.com/#/12*/
    /* width was 90 px but reset to auto*/
	width:auto; 
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:1px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
    /*margin-right:5px;*/

    /*width:90px; 
    -moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;*/
}



.popUpBorder
{
    overflow:auto;
    border-radius:5px;
    width:100%;
    height:100%;
    color:red;
   
}

.buttonDisable
{
    border:1px solid #00172f; 
    cursor:crosshair;
    opacity:0.5;
    background:rgba(0,0,0,.2);
    color:blue;
}


.addMaster input[type="text"], select
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    /*border:1px solid #2f97e5;*/
    border:1px solid #a1a1a1;
    border-radius:3px;
    padding:1.5px;
}

.addMaster input[type="text"]
{
    padding-left:4px;
}

.addMaster textarea
{
    border:1px solid #88bdd5;
    resize:none;
    cols:0;
    rows:0;
    max-height:300px;
    min-height:40px;
}

.addMaster .mandatory
{
    background:rgb(255,204,204);
}

.addMaster .groupHeading
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:Blue;   
}

#totalrecords, .totalrecords
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight:bold;
    /*color:#0678b6;*/ 
    color:black;
    text-decoration:none;

}

.waitingDiv {position:absolute;  left:0;  top:0;  z-index:9000;  background-color:Window;}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}


#boxes .window 
{
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
}

#boxes #popUpDiv {
  width:400px; 
  height:233px;
  border: .1em solid black;
  background: #efeeef;
}

.groupBox 
{
    font-family:Arial, Helvetica, sans-serif;
    width:98%;
    min-height:20px;
    border: .1em solid black;
    background: #f6f9fa;
    padding-left:5px;
    text-align:left;
    border-radius:3px; 
}
.groupBox .groupHeading
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:Blue;   
}
.groupBox .SubHead
{
    height:30px;
}


/* vSMS Grid CSS*/

.V3MGrid
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	border: 1px solid #d4e5ed;
	overflow: hidden;
	color: #000;
    /*text-transform:capitalize;*/
}
.V3MGrid .headerTd
{
    vertical-align:top;
    height:25px;
     
}

.V3MGrid .headerTable th
{
    /*background: url(images/fhbg-1.jpg) repeat-x bottom;*/
    background: #fafafa url(images/fhbg.gif) repeat-x bottom;

	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	height:25px;
    border-left: 0px;
}

					
.V3MGrid table.bodyTable
{
    /*border: 1px solid #ccc;
    border-top: 0px;
    background: #fff;
    overflow: auto;
    position: relative;*/
}

.V3MGrid table.bodyTable tr td
{
    height:22px;   
      border-top: 0px;
        border-left: 0px;
}
.V3MGrid .bodyTable tr.selectedrow td 
{
     background-color: #F4FF9A;

     /*background-color: #fff2c3;*/
     
}

.V3MGrid table tr:hover td 
{
     background-color: #F4FF9A;cursor:pointer;
      /*background-color: #fff2c3;cursor:pointer;*/
}

.V3MGrid .bodyTable td
{
    border:1px solid #d4e5ed;
    /*border:0px solid black;
    border-bottom:1px solid black;
    border-right:1px solid black;*/
}

.V3MGrid .bodyTable .left 
{
    padding-left:4px;
    text-align:left;
}
.V3MGrid .bodyTable .center 
{
    padding:0;
    text-align:center;
}
.V3MGrid .bodyTable .right 
{
    padding-left:0;
    padding-right:4px;
    text-align:right;
}

.V3MGrid th.sorting_asc {
	background: #8f8f8f url(../Images/sort_asc.png) no-repeat center right; text-align:center; color:#fff;
}

.V3MGrid th.sorting_desc {
	background: #8f8f8f url(../Images/sort_desc.png) no-repeat center right; text-align:center; color:#fff;
}

.V3MGrid th.sorting {
	background: #8f8f8f   url(../Images/sort_both.png) no-repeat center right; text-align:center; color:#fff;
}

.V3MGrid th.sorting_asc_disabled {
	background: #8f8f8f url(../Images/sort_asc_disabled.png) no-repeat center right; text-align:left; color:#fff;
}

.V3MGrid th.sorting_desc_disabled {
	background: #8f8f8f url(../Images/sort_desc_disabled.png) no-repeat center right; text-align:left; color:#fff;
}
.V3MGrid th.cellHover{  
    cursor:pointer;
}
/* End of vSMS Grid CSS*/

#myPopUp {
	font-family: Arial, sans-serif;
	font-size: 12px;
	overflow:auto;
	/* min-width: 300px; Dialog will be no smaller than this */
	/* max-width: 1024px; Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.Highlighted a{
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
}

.HighlightedRed a{
   background-color : Red !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
}

.container
{
    /*font-family: Arial, sans-serif;
    font-size: 12px;
    overflow: auto;
  
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/

    /*border: 5px solid #53bdf2;*/
    /*border: 5px solid #045ea3;*/
    border: 1px solid black;
    margin: auto;
    border-radius: 2px;
    
    /*-moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;*/
    background: #FFF;
   
}

/* vSMS Grid View CSS*/
.V3MGridView
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 position: relative;
 border: 1px solid #d4e5ed;
 overflow: hidden;
 color: #000;
    /*text-transform:capitalize;*/
}

.V3MGridView .headerRow
{
    vertical-align:top;
}

.V3MGridView th[scope="col"]
{
    background: #fafafa url(images/fhbg.gif) repeat-x bottom;
    position: relative;
    border: 1px solid #ccc;
    border-bottom: 0px;
    overflow: hidden;
    height:25px;
    vertical-align:middle;
}
     
.V3MGridView table
{
    /*border: 1px solid #ccc;
    border-top: 0px;
    background: #fff;
    overflow: auto;
    position: relative;*/
}

.rowHover:hover
{
    background-color: #F4FF9A;cursor:pointer;
}
.cellHover:hover
{
    background-color: #F4FF9A;cursor:pointer;
}
.V3MGridView table td
{
    border:1px solid #d4e5ed;
    text-align:center;
    padding-left:4px;
      border-top: 0px;
        border-left: 0px;
    /*border-bottom:1px solid black;
    border-right:1px solid black;
    */
}
     
.V3MGridView th[scope="row"]
{
    background: #fafafa url(images/fhbg.gif) repeat-x bottom;
    position: relative;
    border: 1px solid #d4e5ed;
    border-bottom: 0px;
    overflow: hidden;
    vertical-align:middle;
    text-align:left;
    padding-left:10px;
    
}
.V3MGridView tr.selectedrow td { background-color: #F4FF9A;}

.V3MGridView .selected { background-color: #F4FF9A;}

/* End of vSMS Grid View CSS*/



.offPeriod
{
    background-color:lightgray;
    /*background: url(images/bg.gif) repeat-x center;
    color: white;
    position: relative;
    overflow: hidden;
    vertical-align: middle;*/
}
.offDay
{
    background-color:lightgray;
}
.notInTimetable
{
    background-color:lightcyan;
}
.allotedLession
{
    background-color:lightblue;
    /*background: url(images/bg.gif) repeat-x center;
    color: white;
    position: relative;
    overflow: hidden;
    vertical-align: middle;*/
}
.bookedPeriod
{
    background-color:lightcyan;
}
.freePeriod
{
    background-color:lightgreen;
}


.selectedDiv { background-color: #F4FF9A;}

.disabledRow { background-color:lightgray;}

.fixedRow { background-color:lightblue;}

.HyperLink
{
  text-decoration:underline;
  color:blue;
}
.numeric, .decimal, .percentage, .integer
{
    text-align:right;
    padding-right:4px;
}

.errorText{ color:red;}

/*login CSS*/
.loginMainDiv{ margin:auto;}

.mainHeader 
{   
    /*width:90%; background:url(images/loginHeaderBg.jpg) repeat-x; height:87px; padding:0 10px;*/

        background: #648cfb; /* old browsers */
        background: -moz-linear-gradient(top, #648cfb 0%, #648cfb 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648cfb), color-stop(100%,#5B7899)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648cfb', endColorstr='#5B7899',GradientType=0 ); /* ie */	
        color:#fff;
        text-shadow:0px -1px 0px #648cfb;
        width:100%;
        height:87px;
        
}

.headerContent { width:500px; padding:15px;}
.mainContent {width:90%; margin:auto; padding:5px;}

.minLogin 
{
    
     /*background:url(images/login-main-bg.gif) repeat-x fixed; height:420px; width:89%; margin:auto;*/
      height:420px; width:89%; margin:auto;

}

.loginHeader {width:555px; margin:auto; margin-top:94px;}


.loginHeading
{
    
    padding:12px 20px 0 10px;
    font-size:13px;
    background: #99C4E5; 
    background: -moz-linear-gradient(top, #99C4E5 0%, #5B7899 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99C4E5), color-stop(100%,#5B7899)); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99C4E5', endColorstr='#5B7899',GradientType=0 ); 	
    color:#fff;
    text-shadow:0px -1px 0px #5B7899;
    height:29px;
    text-align:left;
    font-weight:bold;
}

.clear {clear:both;}
.loginContent {background:url(images/loginbg.jpg) repeat-x; height:264px; width:555px; margin:auto; padding-top:42px;}
.login-txt {float:left; width:190px;  font-size:22px; color:#087ab8; text-decoration:none; font-weight:bold; text-align:right; margin:6px 20px 0 0;}
.login-ctrl-bg {float:left; background:url(images/lgn-ctrl-bg.jpg) repeat-x; height:30px; border:4px solid #dfdede; width:188px;}
.login-btn {background:url(images/lgn-btn-bg.gif) no-repeat; font-family:"BellCent NamNum BT"; font-weight:bold; font-size:22px; color:#ffffff; text-decoration:none; width:114px; height:41px; border:0; cursor:pointer;}


.mainFooter 
{
    /*width:90%; background:#0375b3; height:34px; padding:10px 20px 0 20px;*/

        background: #648cfb; /* old browsers */
        background: -moz-linear-gradient(top, #648cfb 0%, #648cfb 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#648cfb), color-stop(100%,#5B7899)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#648cfb', endColorstr='#5B7899',GradientType=0 ); /* ie */	
        color:#fff;
        text-shadow:0px -1px 0px #648cfb;
        width:100%;
        height:44px;
}

/*.mainFooterContent{width:500px; font-family:arial; font-size:11px; color:#ffffff; text-decoration:none; margin-top:5px; margin:auto;}*/
  /*background: url(Images/wbg.gif) repeat-x top;*/

.dashboard {background:#e8f3f9;vertical-align:top}
.db-thumb {background:url(images/db-thumb.gif) repeat-x; height:132px; text-align:center; font-family:arial; font-size:13px; font-weight:bold; text-decoration:none; color:#ffffff; float:left; width:117px; padding-top:5px; margin:10px 50px}
.db-thumb a {color:#ffffff;text-decoration:underline;cursor:pointer}
.db-thumb a img {border:1px solid #000000; height:75px; width:95px;}
.db-thumb a:hover img {border:1px solid #ffff00;color:#ffffff;}


.rdoTD input[type="checkbox"], .rdoTD input[type="radio"], .rdoTD label
{
	  vertical-align:middle;
}

.failureText
{
    font-size:16px;
    color: Red;
    padding-left:4px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}


.UserProfile
{
    position: fixed;
    z-index: 99999;
    height: 110px;
    width: 180px;
    padding: 5px;
    text-align: center;
    background-color:#eee;
    display:none;
    border:1px solid black;
}
.Capitalize
{
    text-transform:capitalize;
}




/* result Grid View CSS*/
.resultViewGrid
{
    font-family:'Bookman Old Style';
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color:black;
    border: 1px solid black;
    /*text-transform:capitalize;*/
}

.resultViewGrid .headerRow
{
    /*vertical-align:top;*/
    font-weight:bold;
}
.resultViewGrid
{
    border-collapse:collapse;
}

.resultViewGrid .termTable
{
    border:1px solid black;
    border-left:0px;
    border-right:0px;
    border-collapse:collapse;
}
.resultViewGrid .termTable td
{
    border-right:1px solid black;
    border-bottom:1px solid black;
    border-collapse:collapse;
}
.resultViewGrid .termSectionTable 
{
    border-right:0px;
    border-bottom:0px;
    border-collapse:collapse;
}
.resultViewGrid .termSectionTable td
{
    border-left:0px;
    border-right:0px;
}
.resultViewGrid .termSubSectionTable 
{
    border-left:0px solid black;
    border-right:0px solid black;
    border-bottom:0px solid black;
    border-collapse:collapse;
}
.resultViewGrid .studentTable 
{
    border-bottom:0px solid black;
    border-collapse:collapse;
}
.resultViewGrid .printHeader
{
    font-weight:bold;
    font-size:15px;
    border:0px;
}
.resultViewGrid .printFooter td
{
    font-weight:bold;
    font-size:14px;
    border:0px;
}
     

/* End of vSMS Grid View CSS*/

.print
{
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 100000;
    /* Any other Print Properties */
}

@media print (max-width: 300px) {
    td {
        background-color: lightblue;
    }
}


.GradeMainTable
{
    width:100%;
    border-spacing:0;  
    font-weight:bold;
    color:rgb(20,29,112);
}

.GradeTable
{
    width:100%;
    border-spacing:0;  
    border:1px solid black;
    border-color:rgb(20,29,112);
}
.ScholasticTable
{
    width:100%;
    border-spacing:0;  
    border:1px solid black;
    border-color:rgb(20,29,112);
    color:blue;
}
.ScholasticTable tr
{
   height:35px;
}

.ScholasticTable td
{
    border:1px solid black;
    border-right:1px solid black;
    border-color:rgb(20,29,112);
    color:blue;
    font-weight:bold;
}

.GradeTable td
{
    border:1px solid black;
    border-right:1px solid black;
    border-color:rgb(20,29,112);
    font-weight:bold;

}
.GradeTitle
{
    text-align:center;
    text-transform:uppercase;
    font:18px;
    color:maroon;
    font-weight:bold;
}
.GradeCSS
{
    color:black;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;

}



.WCThum {height:112px; text-align:center; font-family:arial; font-size:13px; font-weight:bold; text-decoration:none; color:black; float:left; width:117px; padding-top:5px; margin:80px 10px}
.WCThum a {cursor:pointer}
.WCThum a img {border:1px solid black;}
.WCThum a:hover img {border:1px solid #ffff00;color:#ffffff;}

.WelcomeSub {
font-size:36px;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}


.WelcomeMain1{
font-size:66px;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.WelcomeMain{
font-family: Arial, sans-serif;
line-height: 1em;
color: #5c5c5c;
font-weight:bold;
font-size: 115px;
text-shadow:0px 0px 0 rgb(-3,-3,-3),1px 1px 0 rgb(-28,-28,-28),2px 2px 0 rgb(-53,-53,-53),3px 3px 0 rgb(-77,-77,-77),4px 4px 0 rgb(-102,-102,-102),5px 5px 0 rgb(-127,-127,-127),6px 6px 0 rgb(-152,-152,-152),7px 7px 0 rgb(-177,-177,-177), 8px 8px 0 rgb(-202,-202,-202),9px 9px 8px rgba(0,0,0,0.8),9px 9px 1px rgba(0,0,0,0.5),0px 0px 8px rgba(0,0,0,.2);
}

.skillText   
{   
    font-size:14px;   
    color: blue;   
    padding-left:4px;   
    font-family:Arial, Helvetica, sans-serif;   
    font-weight:bold;   
}

.active_page {
background: maroon;
color: white !important;
box-shadow: 3px 3px 1px #888888;
}

#page_navigation a {
padding: 3px;
border: 1px solid gray;
margin: 2px;
color: maroon;
text-decoration: none;
}

.PagingRow
{
    background-color:whitesmoke;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-align:left;
    height:20px;
    
}
.hindiFont {
    font-family:Shusha;
    font-size:14px;
}






/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 120px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}



/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.edit A { background-image: url("../images/page_white_edit.png"); }
.contextMenu LI.cut A { background-image: url("../images/cut.png"); }
.contextMenu LI.copy A { background-image: url("../images/page_white_copy.png"); }
.contextMenu LI.paste A { background-image: url("../images/page_white_paste.png"); }
.contextMenu LI.delete A { background-image: url("../images/page_white_delete.png"); }
.contextMenu LI.quit A { background-image: url("../images/door.png"); }





/*.fontNormal12 {font-size:12px}
.fontBold12 {font-weight:bold;font-size:12px}

.fontNormal14 {font-size:14px;}
.fontBold14 {font-weight:bold;font-size:14px}
.fontNormal16 {font-size:16px}
.fontBold16 {font-weight:bold;font-size:16px}

.fontNormal22 {font-size:22px}
.fontBold22 {font-weight:bold;font-size:22px}
        
.tdBorder table {border-spacing:0;}
.tdBorder table td {border:solid 1px black;border-spacing:0;padding:5px;}

.tdNoBorder table td {border:0px;border-spacing:0;padding:5px;}*/






/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  /*background:url(../Images/nav-repeat2.jpg) repeat-x !important;*/
  max-width:100%;
  height:2em;
  /*height:3.7em;*/ 
  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
	vertical-align:middle;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.0em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
}
ul.nav li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	/*height:3.7em;*/
	line-height:2.0em;
	
}
ul.nav li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.5em;
	/*height:2.5em;*/
	font-weight:normal;
	color:#666;
	background-position:0 50% !important;
}

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#103D5F;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#103D5F !important}
ul.nav li.current ul li a {color:#444; background:#103D5F; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav {
  
}
ul.main li {
  position:relative;
  top:0;
  left:0;
}
ul.main li ul {
  border-top:0;
}
ul.main li ul li {
  float:left;
}
ul.main li a {
	/*height:3.7em;
	line-height:3.7em;*/
	border:0;
	color:#fff;

}
ul.main li ul li a {
  width:12em;
  line-height:2.5em;
  height:2.5em;
  text-align:left;
  color:#fff;
  border-top:1px solid #1A3A52;
  background:#103D5F;
}
ul.main li a:focus {color:yellow; background:yellow;}
ul.main li ul li a:hover {
  color:yellow;
  background:#103D5F;
}
ul.main li:hover a {
  color:yellow;
  background:#103D5F;
}
ul.main li:hover ul li a {color:#fff;}
ul.main li:hover ul li a:hover {color:yellow; background:#2D536F;}
ul.main li:hover a:active {background:#103D5F;}
ul.main li:hover ul li a:active {color:#fff; background:#103D5F;}



/*
    
    Added on 12/12/2017
    
*/

.mycss {
    color:#7dbbff;
}
.container .addMaster td.header 
{
    color:#fff;
    padding-top:6px;
    text-align:left;
    font-size:12px;
    background: #2985bb;
    font-weight:bold;
    text-transform: uppercase;
    vertical-align:middle;
    
    /*box-shadow: 10px 10px 60px -7px #43a8d0;*/
}

.box-medium 
{
    width: 32%;
    height: initial;
    float: left;
    margin-right: 2%;
    border-radius: 0px;
    box-shadow: 10px 10px 60px -7px #344349;
    background: #fff;
}

.box-medium:nth-child(3n) 
{
    margin-right: 0;
}


.box-role 
{
    /*box-shadow: 10px 22px 22px 5px #fff;*/
    border:solid 1px #969696;
    vertical-align:middle;
    padding:9px;
    text-align: center;
    font-size:13px;
    font-weight:bold;
    cursor:pointer;
    
}