body {
   
}


/* Added stop override useragent stylesheet source small disabled elements have grey background*/
input:disabled {  
    background-color: #CCCCCC;    
}
select:disabled {
    background-color: #CCCCCC;
}
/*##################################################################*/

 *{FONT-FAMILY: arial, sans-serif; font-size:12px;}
 
 
h1{font-size:20px; font-weight:bold;}
h2{font-size:18px; font-weight:bold;}
h3{font-size:16px; font-weight:bold;}
h4{font-size:14px; font-weight:bold;}
    

/*
    // Original css 
    .validator {          
        margin-left:auto; 
        margin-right:auto; 
        text-align:left; 
        max-width:600px;
        color:red;
        font-weight:bold;
        padding-top:10px;
        padding-bottom:10px;
        border:1px solid silver;
    }*/ 



 .validator{
    color: #bf1616;
    background-color: #FFBABA;
    border: 3px solid #bf1616;
    font-weight: bold;
    text-align: left;
    margin-left:auto; 
    margin-right:auto; 
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:left; 
    max-width:700px;
    line-height: 1;
    padding:4px;

    
}        
.validator ul{
    padding-left: 20px;
}        
.validator ul li{
    padding-top: 2px;
}

.toggleDiv{
	color: #0000FF;
	font-weight: bold;
	text-decoration:none; 
    height:34px;
	cursor:pointer;
}

.toggleDiv:hover, .toggleDiv:active {
	color: #f90000;
}
  
.action{
	color: #0000FF;
	font-weight: bold;
	text-decoration:none; 
	cursor:pointer;
}

.action:hover, .action:active {
	color: #f90000;
}

.requiredtr{
    height:30px;
    vertical-align:top;
}
.tblcellhdr
	{
	    FONT-WEIGHT: bold;
	    FONT-SIZE: 13px;
	    background-color: #002654;
	    color:White;
        
	}
   
#container {
	width: 90%;
	/*height: 1500px;*/
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#menu {
	height: 158px;
	background-image: none;
	align-content: center;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	margin-top: 20px;
}

#bar {
	height: 35px;
	background-color: #cccccc;
	background-position: top;
	margin-top: -62px;
}

#header {
	height: 180px;
	background-image: url(/images/alumni%20banner.jpg);
	align-content: center;
	background-repeat: no-repeat;
	background-position: center top;
}

/*#wrapper {
    margin: 0px; 
    box-shadow: 2px 4px silver;  
    border-top:   1px solid silver;    
    border-bottom: 1px solid silver;
    border-left:   1px solid silver;
    border-right:   1px solid silver;
    padding: 50px 0px 50px 0px; 
    height: 250px; 
    text-align: center;
    padding-left: 100px;
    overflow: auto;

}*/

#divLoginWrapper {
    margin-top:50px; 
    margin-left:auto; 
    margin-right:auto;
}
#divLoginExisting {
   display:inline-block;
    width:40%;
    border-radius: 25px; 
    border: 1px solid silver;  
    padding: 20px;
    height: 200px;
    margin-right:4px;
}

#divLoginNew {  
    display:inline-block; 
    width:40%;
    border-radius: 25px; 
    border: 1px solid silver;  
    padding: 20px;
    height: 200px;
    margin-left:4px;
}

#auth_body {
	/*height: 300px;*/
	/*background-color: #1AE715;*/
	padding:0px 0px 0px 0px;
	margin:0 auto;
	/*text-align:center;*/
}
#unauth_body {
	/*height: 300px;*/
	/*background-color: #1AE715;*/
	padding: 0px 0px 0px 0px;	
	margin:0 auto;
	text-align:center;
}
#footer {
	background-color: #cccccc;
	width: auto;
	padding:12px 0 12px 0;
}
.divinstr {  
    text-align:left; 
    margin-left:20%; 
    margin-right:20%; 
    margin-top:6px;
    margin-bottom:6px;
    font-size:13px;

}

.SpecialMessageTable
{ 
    
    color:black;  
    font-weight:  Normal;
    padding:5px 5px 5px 5px;
    border-spacing:0px;
    border: none 0px;
    border-collapse: collapse;
    margin-left:20%; 
    margin-right:20%;
    
}

.tblBorder {max-width:1400px; min-width:700px; border-spacing: 0px; border-collapse: collapse; margin-left:auto; margin-right:auto; }
.tblBorder th {padding: 0px; }
.tblBorder td {padding: 0px; }

.entryTable {min-width:700px; border:1px solid black;}
.entryTable th {background: #2a6592; color: #FFFFFF;  text-align:center; height:22px; }
.entryTableLbl {background: #FFFFFF; color:#000000; text-align:right; font-weight:bold;  padding:2px 2px 2px 2px; }
.entryTableVal {background: #FFFFFF; color:#000000; text-align:left; font-weight:normal; padding:2px 2px 2px 2px; }      

.contactTable { min-width:700px; border:1px solid black; margin-left:auto; margin-right:auto;}
.contactTable th {background: #2a6592; color: #FFFFFF;  text-align:center; height:22px; }
.contactTable td {background: #DFE7F1; color: #000000;  text-align:left; }


.studentTable {min-width:700px; border:1px solid black;  margin-left:auto; margin-right:auto;}
.studentTable th {background: #2a6592; color: #FFFFFF;  text-align:center; height:14px; }
.studentTable td {background: #DFE7F1; color: #000000;  text-align:center; }


#preview {
        position: absolute;
        /*top:0px;
        left:0px;*/
        border: 1px solid #ccc;
        background: #333;
        padding: 5px;
        display: none;
        color: #fff;
        text-align:center;
        font-size:20px;
    }

    #preview img{        
        height:300px;
    }



.SpecialMessageTable th
{color:Red;
 text-align:left;	 
}
.MessageTable
{ 
    
    font-weight:  Normal;
    padding:5px 5px 5px 5px;
    border-spacing:0px;
    border: none 0px;
    border-collapse: collapse;
    margin-left:25%; 
    margin-right:25%;
    
}
.TableNoBorder td
{
   border: none 0px #000000;
   border-collapse: collapse;   
    text-align:center;	 
}
.TableNoBorder th
{
  background-color: #000000; 
  font-weight:  bold;
}
.toolbar
{
    width:100%; 
    height:30px;
    padding:0px; 
    margin:0px; 
    border-collapse:collapse; 
}

.toolbar td
{
    
    background-color:#ffffff;
    padding-left:8px;
    padding-right:8px;
    vertical-align:middle;
    line-height:20px;   
}
.toolbarLink
{
   font-weight:bold;
    font-size:14px;
    color:#808080;
    text-decoration: none;
    padding-left:8px;
    padding-right:8px;  
}
.toolbarPipe
{
    font-size:20px;
    color:silver;
    text-decoration: none;  
}
.toolbarLogout
{
    width:100px;   
    background-color:#ffffff;
    padding-left:8px;
    padding-right:8px;
    vertical-align:middle;    
    display:block; 
}


.docIcon {
    height: 30px;
    margin-left:2px;
}


.fieldname {color:#000000; text-align:right; font-weight:bold;  padding:2px 2px 2px 2px; }/*Form Element Titles*/
.field {color:#000000; background-color:#EEEEEE; text-align:left; font-weight:normal;  padding:2px 2px 2px 2px; }/*Form Element Notes etc*/
.fieldwhite {color:#000000; background-color:#FFFFFF; text-align:left; font-weight:normal;  padding:2px 2px 2px 2px; }/*Form Element Notes etc*/


.btn { 
  height:26px;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  color:#ffffff;
  background-color:#2239D8;  /*2a6592 */ 
  border-radius:13px;
  border-style:  none;
  padding-left:13px;
  padding-right:13px;
  
}
.btn:hover {
  background-color:#FF0000;
  color: #ffffff;
  cursor:pointer;
}


/*.btn {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0689b5), color-stop(1, #024f6b));
	background:-moz-linear-gradient(top, #0689b5 5%, #024f6b 100%);
	background:-webkit-linear-gradient(top, #0689b5 5%, #024f6b 100%);
	background:-o-linear-gradient(top, #0689b5 5%, #024f6b 100%);
	background:-ms-linear-gradient(top, #0689b5 5%, #024f6b 100%);
	background:linear-gradient(to bottom, #0689b5 5%, #024f6b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0689b5', endColorstr='#024f6b',GradientType=0);
	background-color:#0689b5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}

.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #024f6b), color-stop(1, #0689b5));
	background:-moz-linear-gradient(top, #024f6b 5%, #0689b5 100%);
	background:-webkit-linear-gradient(top, #024f6b 5%, #0689b5 100%);
	background:-o-linear-gradient(top, #024f6b 5%, #0689b5 100%);
	background:-ms-linear-gradient(top, #024f6b 5%, #0689b5 100%);
	background:linear-gradient(to bottom, #024f6b 5%, #0689b5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#024f6b', endColorstr='#0689b5',GradientType=0);
	background-color:#024f6b;
}*/
.btn:active {
	position:relative;
	top:1px;
}


.balanceZero
{
    COLOR: black;
     FONT-WEIGHT: bold;
}
.balanceOwe
{
    COLOR: #FF0000;
    FONT-WEIGHT: bold;
}
.balanceCredit
{
    COLOR: #47bc2d;
    FONT-WEIGHT: bold;
}

    .validationSummary{border:1px solid red; margin-bottom:7px; width:500px; text-align:left; display:table; margin-left: auto; margin-right: auto;}
    .validationSummary ul{ color:red; list-style-type: square;}


/*************   Styles used for Labels and Table cells *******************/
.NormL {color:#000000; text-align:left; font-weight:normal; font-size:12px; }
.NormC {color:#000000; text-align:center; font-weight:normal; font-size:12px; }
.NormR {color:#000000; text-align:right; font-weight:normal; font-size:12px; }
.BoldL {color:#000000; text-align:left; font-weight:bold; font-size:12px;  }
.BoldC {color:#000000; text-align:center; font-weight:bold; font-size:12px; }
.BoldR {color:#000000; text-align:right; font-weight:bold; font-size:12px;  }

/*-- minus 1 */
.NormLM1 {color:#000000; text-align:left; font-weight:normal; font-size:11px; padding:2px 0px 2px 0px;}
.NormCM1 {color:#000000; text-align:center; font-weight:normal; font-size:11px; padding:2px 0px 2px 0px;}
.NormRM1 {color:#000000; text-align:right; font-weight:normal; font-size:11px; padding:2px 0px 2px 0px;}
.BoldLM1 {color:#000000; text-align:left; font-weight:bold; font-size:11px; padding:2px 0px 2px 0px;}
.BoldCM1 {color:#000000; text-align:center; font-weight:bold; font-size:11px;padding:2px 0px 2px 0px;}
.BoldRM1 {color:#000000; text-align:right; font-weight:bold; font-size:11px; padding:2px 0px 2px 0px;}

/*-- minus 2 */
.NormLM2 {color:#000000; text-align:left; font-weight:normal; font-size:10px; padding:2px 0px 2px 0px;}
.NormCM2 {color:#000000; text-align:center; font-weight:normal; font-size:10px; padding:2px 0px 2px 0px;}
.NormRM2 {color:#000000; text-align:right; font-weight:normal; font-size:10px; padding:2px 0px 2px 0px;}
.BoldLM2 {color:#000000; text-align:left; font-weight:bold; font-size:10px; padding:2px 0px 2px 0px;}
.BoldCM2 {color:#000000; text-align:center; font-weight:bold; font-size:10px;padding:2px 0px 2px 0px;}
.BoldRM2 {color:#000000; text-align:right; font-weight:bold; font-size:10px; padding:2px 0px 2px 0px;}

/*-- minus 3 */
.NormLM3 {color:#000000; text-align:left; font-weight:normal; font-size:9px; padding:2px 0px 2px 0px;}
.NormCM3 {color:#000000; text-align:center; font-weight:normal; font-size:9px; padding:2px 0px 2px 0px;}
.NormRM3 {color:#000000; text-align:right; font-weight:normal; font-size:9px; padding:2px 0px 2px 0px;}
.BoldLM3 {color:#000000; text-align:left; font-weight:bold; font-size:9px; padding:2px 0px 2px 0px;}
.BoldCM3 {color:#000000; text-align:center; font-weight:bold; font-size:9px;padding:2px 0px 2px 0px;}
.BoldRM3 {color:#000000; text-align:right; font-weight:bold; font-size:9px; padding:2px 0px 2px 0px;}

/*-- minus 4 */
.NormLM4 {color:#000000; text-align:left; font-weight:normal; font-size:8px; padding:2px 0px 2px 0px;}
.NormCM4 {color:#000000; text-align:center; font-weight:normal; font-size:8px; padding:2px 0px 2px 0px;}
.NormRM4 {color:#000000; text-align:right; font-weight:normal; font-size:8px; padding:2px 0px 2px 0px;}
.BoldLM4 {color:#000000; text-align:left; font-weight:bold; font-size:8px; padding:2px 0px 2px 0px;}
.BoldCM4 {color:#000000; text-align:center; font-weight:bold; font-size:8px;padding:2px 0px 2px 0px;}
.BoldRM4 {color:#000000; text-align:right; font-weight:bold; font-size:8px; padding:2px 0px 2px 0px;}

/*-- Plus 1 */
.NormLP1 {color:#000000; text-align:left; font-weight:normal; font-size:13px; padding:2px 0px 2px 0px;}
.NormCP1 {color:#000000; text-align:center; font-weight:normal; font-size:13px; padding:2px 0px 2px 0px;}
.NormRP1 {color:#000000; text-align:right; font-weight:normal; font-size:13px; padding:2px 0px 2px 0px;}
.BoldLP1 {color:#000000; text-align:left; font-weight:bold; font-size:13px; padding:2px 0px 2px 0px;}
.BoldCP1 {color:#000000; text-align:center; font-weight:bold; font-size:13px; padding:2px 0px 2px 0px;}
.BoldRP1 {color:#000000; text-align:right; font-weight:bold; font-size:13px; padding:2px 0px 2px 0px;}

/*-- Plus 2 */
.NormLP2 {color:#000000; text-align:left; font-weight:normal; font-size:14px; padding:2px 0px 2px 0px;}
.NormCP2 {color:#000000; text-align:center; font-weight:normal; font-size:14px; padding:2px 0px 2px 0px;}
.NormRP2 {color:#000000; text-align:right; font-weight:normal; font-size:14px; padding:2px 0px 2px 0px;}
.BoldLP2 {color:#000000; text-align:left; font-weight:bold; font-size:14px; padding:2px 0px 2px 0px;}
.BoldCP2 {color:#000000; text-align:center; font-weight:bold; font-size:14px; padding:2px 0px 2px 0px;}
.BoldRP2 {color:#000000; text-align:right; font-weight:bold; font-size:14px; padding:2px 0px 2px 0px;}

/* ################ RED ###############*/
.BoldLRed {color:#FF0000; text-align:left; font-weight:bold; font-size:12px; padding:2px 2px 2px 2px;}
.BoldCRed {color:#FF0000; text-align:center; font-weight:bold; font-size:12px; padding:2px 2px 2px 2px;}
.BoldRRed {color:#FF0000; text-align:right; font-weight:bold; font-size:12px; padding:2px 2px 2px 2px;}

.BoldLM1Red {color:#FF0000; text-align:left; font-weight:bold; font-size:11px; padding:2px 2px 2px 2px;}
.BoldCM1Red {color:#FF0000; text-align:center; font-weight:bold; font-size:11px; padding:2px 2px 2px 2px;}
.BoldRM1Red {color:#FF0000; text-align:right; font-weight:bold; font-size:11px; padding:2px 2px 2px 2px;}

.BoldLM2Red {color:#FF0000; text-align:left; font-weight:bold; font-size:10px; padding:2px 2px 2px 2px;}
.BoldCM2Red {color:#FF0000; text-align:center; font-weight:bold; font-size:10px; padding:2px 2px 2px 2px;}
.BoldRM2Red {color:#FF0000; text-align:right; font-weight:bold; font-size:10px; padding:2px 2px 2px 2px;}

.BoldLP1Red {color:#FF0000; text-align:left; font-weight:bold; font-size:13px; padding:2px 2px 2px 2px;}
.BoldCP1Red {color:#FF0000; text-align:center; font-weight:bold; font-size:13px; padding:2px 2px 2px 2px;}
.BoldRP1Red {color:#FF0000; text-align:right; font-weight:bold; font-size:13px; padding:2px 2px 2px 2px;}

.BoldLP2Red {color:#FF0000; text-align:left; font-weight:bold; font-size:14px; padding:2px 2px 2px 2px;}
.BoldCP2Red {color:#FF0000; text-align:center; font-weight:bold; font-size:14px; padding:2px 2px 2px 2px;}
.BoldRP2Red {color:#FF0000; text-align:right; font-weight:bold; font-size:14px; padding:2px 2px 2px 2px;}

/* ################ GRIDVIEW - BEGIN ###############*/


.gridview {
        font-family:"arial";
        background-color:#FFFFFF;
        min-width: 700px;
        font-size: small;
        margin-left:auto; 
        margin-right:auto;
        /*border: 0px none;
        border-collapse: collapse;*/
}
.gridview th {
        background: #2a6592;
        color: #FFFFFF;
        font-weight:bold;
        padding: 3px;
        font-size:small;
}
.gridview th a{
        color: #0000FF;
        text-decoration: none;
}
.gridview th a:hover{
        color: red;
        text-decoration: underline;
}
.gridview td  {
        background: #DFE7F1;
        color: #333333;
        font-family: arial;
        font-size:13px;
        padding: 5px;
}
.gridview tr.even td {
        background: #FFFFFF;
}
.gridview td a{
        color: #0000FF;
        font: bold small "arial";
        padding: 5px;
        text-decoration: none;
}
.gridview td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;
}

/* ################ GRIDVIEW - END  ###############*/

/* ################ GRIDVIEW dynamic width - BEGIN ###############*/


.gridviewdyn {
        font-family:"arial";
        background-color:#FFFFFF;
        font-size: small;
        /*border: 0px none;
        border-collapse: collapse;*/
}
.gridviewdyn th {
        background: #2a6592;
        color: #FFFFFF;
        font-weight:bold;
        /*padding: 2px;*/
        font-size:small;
}
.gridviewdyn th a{
        color: #0000FF;
        text-decoration: none;
}
.gridviewdyn th a:hover{
        color: red;
        text-decoration: underline;
}
.gridviewdyn td  {
        background: #DFE7F1;
        color: #333333;
        font: small "arial";
        /*padding: 2px;*/
}
.gridviewdyn tr.even td {
        background: #FFFFFF;
}
.gridviewdyn td a{
        color: #0000FF;
        font: bold small "arial";
        /*padding: 2px;*/
        text-decoration: none;
}
.gridviewdyn td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;
}



/* ################ GRIDVIEW - END  ###############*/



.dynOutcome {
    display: flex;
    margin:6px 15px 6px 15px;
    font-weight: bold;
    vertical-align: top;
   
}
.dynOutcome  div {
    display:inline-block;
    vertical-align: top;
    padding: 4px;
    
}

.gridviewpanel {
        font-family:"arial";
        background-color:#FFFFFF;
        min-width: 500px;
        font-size: 11px;
        margin-left:auto; 
        margin-right:auto;
        /*border: 0px none;
        border-collapse: collapse;*/
}
.gridviewpanel th {
        background: #3ca1ef;
        color: #FFFFFF;
        font-weight:bold;
        padding: 2px;
        font-size:12px;
}
.gridviewpanel th a{
        color: #0000FF;
        text-decoration: none;
}
.gridviewpanel th a:hover{
        color: red;
        text-decoration: underline;
}
.gridviewpanel td  {
        background: #e1f7ff;
        color: #333333;
        font-family: arial;
        font-size:11px;
        padding: 2px;
}
.gridviewpanel tr.even td {
        background: #FFFFFF;
}
.gridviewpanel td a{
        color: #0000FF;
        font: bold 11px "arial";
        padding: 2px;
        text-decoration: none;
}
.gridviewpanel td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;
}