﻿
.Header{
    height:20%;
    font-family:'Century Gothic';        
    width:100%;
    top:0%;
    /*border-bottom-color:lightgray;
    border-bottom-style:solid;
    border-bottom-width:1px;*/
    color:white;
    background-color:#696969;
}



.HeaderImages{
    width:35px;
    height:35px;
    vertical-align:middle;
}

.HeaderImages:hover{
    opacity:0.5;
}

.header1{
    height:20%;
    font-family:'Times New Roman';        
    width:100%;
    top:0%;
    border-bottom-color:lightgray;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.header2{
    height:20%;
    font-family:'Times New Roman';        
    width:100%;
    top:0%;
    border-bottom-color:lightgray;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.Footer{
    height:5%;
    font-family:Arial;
    font-size:12px;
    background-color:lightcoral;
    width:100%;
    position:absolute;
    bottom:0px;   
    /*font-weight:bold;*/
    text-align:center;
    left:0px;
    
}

.Body{
    height:75%;
    font-family:Arial;
    font-size:12px;
    width:100%;
    position:absolute;
    left:0px;
    /*margin:0 auto;*/
}

.LoginTable{
    /*height:auto;
    width:320px;
    border-width:1px;   
    border-style:solid;*/  
    /*border-color:transparent;*/      
    border-radius:8px;
    margin-top:80px;
    /*border-color:lightgray;*/
    /*box-shadow:1px 1px 1px 1px;*/
    
}
    
.LoginLabel{
    font-family:'Century Gothic' ;
    font-size:22px;
    width:100px;      
    height:25px;   
    font-weight:bold;
    text-align:left;
    margin-left:-285px;
    /*margin-left:22px;*/
    /*font-weight:bold;*/
}



.LoginTextbox{
    font-family:Arial  ;
    font-size:12px;   
    width:350px; 
    height:80px;
    margin-left:-25px;

}

.btnSubmit{
    background-color:blue;
    color:white;
    height:35px;
    width:100px;
    border-radius:15px;
    font-size:20px;    
    cursor: pointer;
    border:none;
    opacity:0.9;
    /*font-weight:bold;*/
    
}

.btnSubmit:hover {
    
    opacity:15;
    border:10px 10px solid;
    /*background-color:green;*/
}

.lnkPwd{
    font-family:'Century Gothic';
    font-size:14px;
    font-weight:bold;
    margin-left:40px;
    color:white;
    margin-top:10px;   
}

.lnkPwd:hover{
    text-decoration:underline;
    color:none;
}

.lnkhome{
    font-family:Calibri;
    font-size:16px;
     text-decoration:none;  
    color:white;
    font-weight:bold;
}

.lnkhome:hover{
    Opacity:1;
    text-decoration:underline;  
    text-decoration-color:#ffccff;
    color:#ffccff;

}
.button{
    font-size:18px;
     text-decoration:none;  
    color:#E56F2E;
    font-weight:bold;
}
.button:hover{
    Opacity:1;
    text-decoration:underline;
color:#0B623E;
font-size:18.5px;

  
    

}
.HeaderText{
    
    float:left;
    width:auto;
    font-size:22px;
    color:white;
    /*font-style:italic;*/
    font-family:'Century Gothic'  ;
    font-weight:bold;
    margin-left:50px;
    vertical-align:bottom;
    /*margin-bottom:3px;*/
    margin-left:2px;
   
}

.lblyear{    
    float:left;
    width:100px; 
}

.UserPhoto{

    /*width:180px;
    height:80px;*/
    border-radius:50%;
}

.BtnLogin{
    border:none;
    background-color:purple;
    border-radius:8px;
    color:white;
     opacity:0.7; 
    
}

.BtnLogin:hover{
    /*transform:scale(1.02,1.02);
    transform-origin:center;
    text-shadow:1px 1px rgba(200,0,0,0.8);
    background-color:#90EE90;
    color:black;*/
     opacity:1; 
     
       
}

.lbl{
    width:auto;
}

.img{
    padding:0px 15px 50px 15px;
    width:120px;
    height:120px;
}

/*.img:hover{ 
    transform:scale(1.2,1.2);
    transform-origin:center;
    
}*/

.img:visited {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.images{
    position:absolute;
    left:23.5%;
    top:15%;

}

.Sections_btn_Holder{
    float:left;
    /*width:144px;
    height:46px;
    padding-top:16px;*/
}

.Sections_btn_Holder:hover{
    position:absolute;
    height:0px;
    width:550px;
    background:#000;
    top:60px;
    left:160px;
    border-radius:0px 0px 8px 8px;
    overflow:hidden;
    z-index:10000;
    transition: height 0.3s linear 0s;
}

.ucheader{
    width:100%;
    height:15%;
    vertical-align:top;
    background-color:lightcoral;
}

.ButtonAction{
    width:auto;
    height:15px;
    color:#DACFD5;
    border-radius:10px;
    font-size:14px;    
}

.ButtonAction_Role{
    width:auto;
    height:29px;
    color:white;
    background-color:blue;
    border-radius:4px;
    font-size:14px;
    opacity:0.7;
    border:none;
    /*margin-bottom:-2px;*/
}

.ButtonAction_Coral{
    width:auto;
    height:29px;
    color:white;
    background-color:blue;
    border-radius:4px;
    font-size:14px;
    opacity:0.7;
    border:none;
    margin-bottom:-2px;
}

.ButtonAction_Coral1{
    width:auto;
    height:30px;
    color:white;
    background-color:blue;
    /*border-radius:4px;*/
    font-size:14px;
    opacity:0.6;
    font-weight:bold;
    
    /*border-top-left-radius:4px;*/
    /*border-bottom-left-radius:10px;*/
    border-top-right-radius:10px;
    /*border-bottom-right-radius:4px;*/
    /*margin-left:-3px;*/
    margin-right:-5px;
    margin-bottom:-2px;
    border-bottom-style:none;
    
}

.ButtonAction_Grey{
    width:auto;
    height:30px;
    color:black;
    background-color:lightgray;
    border-radius:4px;
    font-size:14px;
    opacity:0.7;
    border:none;
}

.ButtonAction_CoralSmall{
    width:auto;
    height:20px;
    color:white;
    background-color:blue;
    border-radius:5px;
    font-size:12px;
    opacity:0.7;
}

.ButtonAction_GreySmall{
    width:auto;
    height:20px;
    color:black;
    background-color:lightgray;
    border-radius:5px;
    font-size:12px;
    opacity:0.7;
}

.defaultLabel{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    width:100px;    
    margin-left:20px;
}

.defaultLabelhome{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    width:100px;    
    
}

.defaultLabel_path{
    font-size:18px;
    font-family:'Century Gothic' ;
    height:12px;
    text-align:right;
    vertical-align:central;    
    width:140px;
    margin-left:20px;
}

.defaultLabel_Navigationpath{
    font-size:18px;
    font-family:'Century Gothic' ;
    height:12px;
    text-align:right;
    vertical-align:central;    
    width:140px;
    
    
}

.defaultLabel_left50{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    width:50px;
}

.defaultLabel_leftauto{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    
}

.defaultLabel_leftmargin5{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    padding-left:10px;
}

.defaultLabel_left150{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    width:80px;
}

.defaultLabel_left160{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    width:125px;
}

.defaultLabel_left180{
    font-size:15px;
    font-family:Arial;
    height:12px;
    text-align:left;
    vertical-align:central;    
    width:180px;
}

.defaultLabel_70{
    font-size:15px;
    font-family:Arial;    
    height:12px;
    text-align:right;
    vertical-align:central;    
    width:70px;
}

.defaultLabel_blue{
    font-size:14px;
    font-family:Arial;
    width:auto;
    height:12px;
    text-align:right;
    vertical-align:top;   
    color:blue;
    /*font-weight:bold;*/ 
}

.defaultMessageLabel{
    font-size:14px;
    font-family:Arial;
    width:150px;
    height:25px;
    text-align:center;
    vertical-align:middle;    
    background-color:#eae8e9;
    
    
    border-radius:8px;
    margin-left:300px;
}

.defaultMessageLabel1{
    font-size:14px;
    font-family:Arial;
    width:auto;
    height:25px;
    text-align:center;
    vertical-align:middle;    
    /*background-color:#eae8e9;*/
    
    
    border-radius:8px;
    margin-left:300px;
}

.defaultdropdown{
    font-size:14px;
    font-family:Arial;
    width:130px;
    height:25px;
    vertical-align:top;
}

.defaultdropdown_bottom{
    font-size:14px;
    font-family:Arial;
    width:130px;
    height:25px;
    vertical-align:bottom;
    margin-bottom:-10px;
}

.defaultdropdown_70{
    font-size:14px;
    font-family:Arial;
    width:70px;
    height:25px;
    vertical-align:top;
}

.defaultdropdown_50{
    font-size:14px;
    font-family:Arial;
    width:50px;
    height:25px;
    vertical-align:top;
}

.dropdown_200{
    font-size:14px;
    font-family:Arial;
    width:200px;
    height:30px;
    vertical-align:top;
}

.dropdown_80{
    font-size:14px;
    font-family:Arial;
    width:100px;
    height:30px;
    vertical-align:top;
}

.defaultTextBox_80{
    font-size:14px;
    font-family:Arial;
    width:80px;
    height:15px;
    border-radius:8px;
    text-align:left;
    margin-left:5px;
}

.defaultTextBox_100{
    font-size:14px;
    font-family:Arial;
    width:100px;
    height:15px;
    border-radius:8px;
    text-align:left;
    margin-left:5px;
    
}

.defaultTextBox_150{
    font-size:14px;
    font-family:Arial;
    width:130px;
    height:15px;    
    text-align:left;
    margin-left:5px;
    border-style:solid; 
}

.defaultTextBox_160{
    font-size:14px;
    font-family:Arial;
    width:150px;
    height:15px;    
    text-align:left;
    margin-left:5px;
    border-style:solid; 
}

.defaultTextBox_200{
    font-size:14px;
    font-family:Arial;
    width:200px;
    height:10px;    
    text-align:left;
    margin-left:5px;
}

.defaultTextBox_400{
    font-size:14px;
    font-family:Arial;
    width:400px;
    height:15px;
    border-radius:8px;
    text-align:left;
    margin-left:5px;
}

/*.defaultGrid{
    font-size:14px;
    font-family:Verdana;
    width:auto;
    height:auto;
    border: 1px solid #A1DCF2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.defaultGrid td, .defaultGrid th
{
    border: 1px solid #A1DCF2;
    font-family: Arial;
    font-size: 10pt;
    text-align: center;
}

.defaultGrid table table td
{
    border-style: none;
}*/

.rad{
   border-radius: 12px;
}

.defaultGrid{
    font-size:15px;
    font-family:Arial;
    width:auto;
    height:auto;
    border-color:#DACFD5;
    border-style:solid;
    border-width:1px;
    
    /*border-radius: 8px;*/
    overflow: hidden;

    
}

.defaultGrid td, .defaultGrid th
{
    border: 1px solid #DACFD5;
    font-family: Arial;
    font-size: 10pt;
    /*text-align: center;*/
    
}

.defaultGrid table table td
{
    border-style:solid ;
}

.defaultTable{
    border-color:#DACFD5;
    border-style:solid;
    border-width:2px;
    width:100%;
    height:90px;
}

.align{    
    vertical-align:middle;
    text-align:center;
}

.displayName:hover{

}

.text{
    color:black;
    width:auto;
}

.displayName .text {
position:relative;
bottom:30px;
left:0px;
visibility:hidden;
}

.displayName:hover .text {
visibility:visible;
}

 .defaultfieldset
{
	border: 1px solid #e1e1e1;
	width: auto;
	padding-top: 0px;
	float: left;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 5px; 
    font-size:15px;
    font-family :Arial;
    /*color:#cf059f;*/
    color:black;
    /*font-weight:bold;*/
    text-decoration-line:initial;
}

 .defaultfieldsethome
{
	border: 1px solid #e1e1e1;
	width: auto;
	padding-top: 0px;
	float: left;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 5px; 
    font-size:15px;
    font-family :Arial;
    /*color:#cf059f;*/
    color:black;
    /*font-weight:bold;*/
    text-decoration-line:initial;
}

  .defaultfieldsetalumni
{
	border: 2px solid #e1e1e1;
	width: auto;
	padding-top: 0px;
	float: left;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 5px; 
    font-size:15px;
    font-family :Arial;
    /*color:#cf059f;*/
    color:blue;
    /*font-weight:bold;*/
    text-decoration-line:initial;
}

 .defaultLegend{
     border-bottom:none;
     width:auto;
     font-size:15px;
     font-family:Arial ;
     color:lightcoral;
     margin-bottom:-15px;
     font-weight:bold;
 }

  .defaultLegendhome{
     border-bottom:none;
     width:auto;
     font-size:20px;
     font-family:Arial ;
     color:#0066ff;
     border-width:1px;
     font-weight:bold;
 }

.defaultDatePicker{
    width:90px;
    height:10px;
}

.defaultcheckbox
{
    width:200px;
    height:18px;
    font-family:Arial,arial;
    font-size: 12px;
  	color: #040404;
	/*padding: 3px 0px 0px 5px;*/
    font-weight:normal;
    
    vertical-align:middle;
    position:relative;
    border:1px;
}

.CheckBox_200{
    width:auto;
    height:30px;
    font-size:14px;
    font-family:Arial;
    vertical-align:top;    
}


.defaultpanel{
    border-color:black;
    border-width:1px;
    border-style:solid;
}

.default_content{
    font-size:14px;
    font-family:Arial;
    color:black;
    font-weight:normal;
}
.defaultlinkbtn{
    font-size:14px;
    font-family:Arial;
    width:auto;
    height:15px;
}


/*AutoComplete flyout */
.autocomplete_completionListElement
{
    margin : 0px!important ;
    background-color : inherit ;
    color : windowtext ;
    border : buttonshadow ;
    border-width : 1px ;
    border-style : solid ;
    cursor : 'default' ;
    overflow : auto ;
    height : 200px ;
    font-family : Tahoma ;
    font-size : small ;
    text-align : left ;
    list-style-type : none ;
    }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }

.cal{
    position:absolute;
    z-index:1000;
    vertical-align:top;
}

.dtdate{
    vertical-align:central;
    font-size:14px;
    font-family:Arial;
    text-align:right;

}

.defaultRadioButton label 
{      
    margin-top: -18px; 
    margin-left: 15px;    
}

.defaultRadioButton1 label 
{      
    margin-top: -18px; 
    margin-left: 15px;
    font-size:18px; 
}


.ddFormMode{
    width:150px;
    height:30px;
    font-family:Arial;
    font-size:16px;
    background-color:green;
    opacity:0.7;
    color:white;
    /*background-color:#eae8e9  ;
    color:lightcoral ;*/
    font-weight:bold;
    margin-bottom:-3px;
}

.red .ajax__calendar_container
{
width:190px;
background-color: #ffffff; border:solid 1px #eeeeee;
-moz-border-radius-topleft: 8px/*{cornerRadius}*/; -webkit-border-top-left-radius: 8px/*{cornerRadius}*/; -khtml-border-top-left-radius: 8px/*{cornerRadius}*/; border-top-left-radius: 8px/*{cornerRadius}*/;
-moz-border-radius-topright: 8px/*{cornerRadius}*/; -webkit-border-top-right-radius: 8px/*{cornerRadius}*/; -khtml-border-top-right-radius: 8px/*{cornerRadius}*/; border-top-right-radius: 8px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 8px/*{cornerRadius}*/; border-bottom-left-radius: 8px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 8px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 8px/*{cornerRadius}*/; border-bottom-right-radius: 8px/*{cornerRadius}*/;

z-index:1000;
}
.red .ajax__calendar_body
{
width:180px;
height:150px;
background-color: #ffffff; border: solid 1px #eeeeee;
}
.red .ajax__calendar_header
{
background-color: lightcoral; margin-bottom: 8px;
-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;
} 
.red .ajax__calendar_title
{
color: #ffffff; padding-top: 3px;
}
.red .ajax__calendar_next,
.red .ajax__calendar_prev
{
border:solid 2px #ffffff;
background-color: #ffffff;
-moz-border-radius-topleft: 18px/*{cornerRadius}*/; -webkit-border-top-left-radius: 18px/*{cornerRadius}*/; -khtml-border-top-left-radius: 18px/*{cornerRadius}*/; border-top-left-radius: 18px/*{cornerRadius}*/;
-moz-border-radius-topright: 18px/*{cornerRadius}*/; -webkit-border-top-right-radius: 18px/*{cornerRadius}*/; -khtml-border-top-right-radius: 18px/*{cornerRadius}*/; border-top-right-radius: 18px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 18px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 18px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 18px/*{cornerRadius}*/; border-bottom-left-radius: 18px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 18px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 18px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 18px/*{cornerRadius}*/; border-bottom-right-radius: 18px/*{cornerRadius}*/;
}
.red .ajax__calendar_hover .ajax__calendar_next,
.red .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 2px #f7f7f7;
background-color: #ffffff;
-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; 
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/;
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
.red .ajax__calendar_dayname
{
text-align:center; margin-bottom: 4px; margin-top: 2px;
color:#000000;
} 
.red .ajax__calendar_day,
.red .ajax__calendar_month,
.red .ajax__calendar_year
{
margin:1px 1px 1px 1px;
text-align:center;
border:solid 1px #eeeeee;
color:#000000;
background-color: #f3f3f3;
}
.red .ajax__calendar_hover .ajax__calendar_day,
.red .ajax__calendar_hover .ajax__calendar_month,
.red .ajax__calendar_hover .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #328BC8;border:solid 1px #328BC8;
}
.red .ajax__calendar_active .ajax__calendar_day,
.red .ajax__calendar_active .ajax__calendar_month,
.red .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #F7B64A;	
}
.red .ajax__calendar_today .ajax__calendar_day
{
color: #CC0505; font-weight:bold; background-color: #ffffff;	
}
.red .ajax__calendar_other,
.red .ajax__calendar_hover .ajax__calendar_today
{
color: black;
font-weight:bold;
}
.ajax__calendar_days
{
background-color: #ffffff;
}



.FixedHeader {
    position: absolute;    
} 


.tabpanel{
    background-color:lightcoral;
    color:white;
    font-weight:bold;
    
}

.panel_feecoll{
    border-radius:8px;
}


.MyCheckboxList Label{
    margin-top:-18px;
    margin-left:15px;
    width:150px;
}

.MyCheckboxList_Promotions Label{
    margin-top:-18px;
    margin-left:15px;
    width:200px;
}

.MyCheckboxList_FeeRefunds Label{
    margin-top:-18px;
    margin-left:15px;
    width:50px;
}

.MyCheckboxList_100 Label{
    margin-top:-18px;
    margin-left:15px;
    width:100px;
}

.MyCheckboxList_50 Label{
    margin-top:-18px;
    margin-left:15px;
    width:50px;
}

.popup{
    margin-top:0%;
    position:absolute;
}



.defaultTextBox_gridtext{
    font-size:14px;
    font-family:Arial;
    width:70px;
    height:12px;
    border-radius:8px;
    text-align:left;
    
    
}
