/* SET COLOR AND FONT FOR TEXT THAT IS NOT A LINK  */

*  

{

    font-family: Verdana;

    color: #000000;

}





a img

{

    border: none;

}





/* SET COLOR AND FONT FOR LINKS  */

a:link, a:visited, a:active

{

 transition: color 0.3s ease;

 color: #000055;

 text-decoration: none;

 

}



a:hover     

{

  transition: color 0.3s ease;

  color: #0000FF;

}



H1 {	

font-size: 48px;	



}



H2

{

    font-size: 26px;



}





/*  BODY PARMS WOULD BE SET HERE  */

body

{



    padding: 0px;

    margin: 0px 0px 0px 0px;



}





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

/*  MOBILE COLORS

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

.HomeTabActive{  background-color: #059BD7; /* #059BD7; */ }

.HomeTabInactive{  background-color: #90C54F; /* #90C54F;*/ }

.HeaderGreyBackgroundMobileColor{  background-color: #DDD; /* #DDD; */ }

.HomeTabBottomBorderColor{ background-color: #059BD7; /*#059BD7;*/ }

.LS_ButtonLinkColor{ color: #000 !important; /* #000 !important; */ }

.MenuToolButtonColor{ background-color: #DBEBFF; /* #DBEBFF; */ }

.MenuToolButtonLinkColor{ color: #000 !important; /* #000 !important; */ }

.MenuToolsMobileColorBG{ /* background-color: #F00; */ }

.MenuToolsMobileColorText{ /* color: #FFF !important; */ }



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

/*  YOU SHOULD NOT EDIT ANYTHING BELOW UNLESS YOU HAVE EXTENSIVE EXPERIENCE IN EDITING STYLES  */

/*               THE REMAINDER OF THE STYLES ARE LISTED HERE IN ALPHABETICAL ORDER             */

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





.CalendarTableRowWhiteText

{

    color: #FFFFFF;

}





.ClassPageBody

{

    margin: 0px 0px 0px 0px;

    border-bottom-style: solid;

    border-width: 0px;

    border-color: #000000;

}



.ClassPendingControls

{

  width: 150px;

  height: 30px;

  font-size: 12px;

}



.EmailAdminControls

{

  width: 150px;

  height: 30px;

  font-size: 12px;

}



.EnrolledPanel

{

    float: right;

}

 

.FloatLeft

{

    float: left;

}



.FloatRight

{

    float: right;

}





.GuideMenuTable

{

    border-style: none;

    border-width: 1px;

    border-color: #aaaaaa;

}





.GuideTableHeader

{

    background-image: url('../../images/light_grey_rectangle_200.gif');

    font-size: medium;

    font-weight: bold;

    background-repeat: no-repeat;

    text-align: center

}





.HeaderGreyBackground {	

/* background-image : url('../../images/table_header_fade1.gif'); */	

background-color:#e0e0e0;	

font-size : 1.1em;

font-weight : bold;	

padding : 2px;		

border-bottom : 1px solid #aaaa33;

border-top : 1px solid #aaaa33;

}



.HeaderGreyBackgroundMobile

{

  width:100%;

  font-size:13pt;

  padding:5px;

  border: 1px double #000;

  -moz-border-radius: 5px 5px 5px 5px;

  border-radius: 5px 5px 5px 5px;

}





.HeaderTable

{ 

    border-width: 2;

    padding: 3;

    width: 998px;

    background-repeat: no-repeat; 

}



.HomeTab

{

  height:50px;

  width: 100px;

  display:block;

  padding: 10px 10px 0px 10px;

  position: relative;

  left:20px;

  text-align:center;

  vertical-align:middle;

  font-size: 11pt;

  -moz-border-radius: 10px 10px 0px 0px;

  border-radius: 10px 10px 0px 0px;

}



.HomeTabBottomBorder

{

  width:95%;

  height:30px;

  position: relative;

  position:relative;

  top:-53px;

  left:23px;

  -moz-border-radius: 0px 10px 0px 0px;

  border-radius: 0px 10px 0px 0px; 

  box-shadow: 5px 5px 5px #888888;

}



.HomeTabTable

{

  position:relative;

  top:-50px;

  width:30%;

  text-align:left;

}



.ImageAutoSize {

    max-width: 100%;

    height: auto;

    width: auto\9; /* ie8 */

}



.InSectionPanel

{

    font-size: small;

    vertical-align: top;

    position: relative;

    float: left;

}





.LargeScreenTitle

{

    font-size: 32px;

    font-weight: bold;

}





.LearnerExercise

{

    border-top-style: solid;

    border-width: 1px;

    border-color: #000080;

}







.LinkTextMedium

{

    font-size: medium;

    text-decoration: none;

}





.LinkTextSmall

{

    font-size: small;

    text-decoration: none;

}



.LinkTextMediumBold

{

    font-size: medium;

    text-decoration: none;

    font-weight: bold;

}





.LinkTextSmallBold

{

    font-size: small;

    text-decoration: none;

    font-weight: bold;

}


.LinkTextMediumThin

{

    font-size: medium;

    text-decoration:none;

    font-weight:lighter;

    font-style:italic;

}



.LogoTable

{

    Height: 400px;

    Width: 500px;

    padding: 3px;

}



.LoginButton

{

  width:100%;

  height:45px;

  font-size: 15pt;

}



.LoginTable

{

    border-style: none none none solid;

    border-width: 1px;

    border-color: #000000;

    padding: 3;

    width: 320px;

}



.LS_PageHeaderLabels

{

    position:relative;

    top:-5px;

    left:200px;

    display:inline-table;

}



.LS_ButtonLink

{

  position:relative;

  top:5px;

  height:35px;

  width: 150px;

  display:block;

  padding-top:5px;

  -moz-border-radius: 10px 10px 10px 10px;

  border-radius: 10px 10px 10px 10px;

}



.MainPageBody

{

    margin: 0px 0px 0px 0px;

    border-bottom-style: solid;

    border-width: 0px;

    border-color: #000000;

}







.MainLoginPageHeader

{

    margin: 0px 0px 0px 0px;

    border-bottom-style: solid;

    border-width: 0px;

    border-color: #000000;

    

    

    /*background-color: #205887;*/

    

}

 

 

.MainLoginPageBody

{

    margin: 0px 0px 0px 0px;

    border-bottom-style: solid;

    border-width: 0px;

    border-color: #000000;

    
 

}

 



.MainSectionHeader

{

    font-weight: 300;
    color:darkBlue;
    font-family: Roboto;

    font-size: 2.3em;

    text-align: center;
    margin-bottom:15px;

}



.MenuToolButton

{

  display:inline-table;

  text-align:center;

  vertical-align:middle;

  margin:5px;

  font-size: 11pt;

  border: 1px solid #000;

  -moz-border-radius: 5px 5px 5px 5px;

  border-radius: 5px 5px 5px 5px;

  box-shadow: 2px 2px 2px #888888;

}



.MenuToolButtonLink

{

  height:55px;

  width: 95px;

  display:block;

  padding-top:10px;

  -moz-border-radius: 10px 10px 10px 10px;

  border-radius: 10px 10px 10px 10px;

}



.NavFooterStyle {
 
    border-style: solid none none none;
    border-width: 1px;
    border-color: #000080;
    font-family: Arial;
    font-size: 10px;
    color: #000000; 
}





.NormalScreenTitle

{

    font-size: large;

    font-weight: bold;

}





.NoSurroundingSpace

{

    padding: 0px;

    margin: 0px;

}





.OtherLoginPageTables

{

    padding: 3;

    width: 320px;

}





.PageHeaderStyle

{

    border-style: none none solid none;

    border-width: 1px;

    border-color: #000000;

    font-family: Arial;

    font-size: 10px;

    color: #FF0000;

}



.PageHeaderStyleMobile

{

  text-align:right;

  width:50%;

  position:relative;

  left: 200px;

}



.PageHeaderUtilityStyleMobile

{

  text-align:right;

  width:50%;

  position:relative;

  left: 163px;

}



.PageHeaderClassStyleMobile

{

  text-align:right;

  width:50%;

  position:relative;

  left: 112px;

}



.PageHeaderBackLinks

{

  display:inline-block; 

  position:relative; 

  left:-165px;

  padding:0px 3px 0px 3px;

  white-space:nowrap;

  font-size:larger;

  background: rgba(0, 0, 0, 0.2);

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px; 

}



.PageHeaderClassBackLinks

{

  display:inline-block; 

  position:relative; 

  left:-80px;

  padding:0px 3px 0px 3px;

  white-space:nowrap;

  font-size:larger;

  background: rgba(0, 0, 0, 0.2);

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px; 

}



.PageHeaderLabels

{

    font-family: Arial;

    font-weight: 100;

    font-size: 1.5vw;

    margin-top:10px;

    

 }





.PageHeaderValues

{

    font-family: Arial;

    font-size: 1.5vw;

    color:#0099ff;

    font-weight: 100;

    font-style: italic;

    margin-top:10px;

}



a.PageHeaderHomeLogout

{

    font-family: Arial;

    font-size: 1.5vw;

    color:green;

    font-weight: 100;

    margin-top:10px;
    margin-right:5px;

}

 

.PanelWithLeftBuffer

{

    margin-left: 1%;

}



.PanelWith250LeftBuffer

{

    margin-left: 250px;

}



.ProgressBarComplete

{

    border: 1px solid #000080;

    background-color: #000080;

    color: #FFFFFF;

    font-family: Arial;

    font-size: medium;

}



.ProgressBarNotComplete

{

    border: 1px solid #000080;

    background-color: #FFFFFF;

    color: #000080;

    font-family: Arial;

    font-size: medium;

}



.RegisterTable

{ 

    font-size: small; 

    border-color:#EFEFEF;

    padding:0;

}



.ScreenTextSmall

{

    font-size: small;

    white-space: normal;

}



.ScreenTextSmallBlue

{

    font-size: small;

    color: #000080;

    white-space: normal;

}



.ScreenTextSmallRed

{

    font-size: small;

    color: #FF0000;

    white-space: normal;

}



.ScreenTextSmallRedBold

{

    font-size: small;

    color: #FF0000;

    white-space: normal;

    font-weight: bold;

}



.ScreenTextSmallBold

{

    font-size: small;

    font-weight: bold;

    text-decoration: none;

    white-space: normal;

}



.ScreenTextLarge

{

    font-size: large;

    white-space: normal;

}



.ScreenTextLargeBlue

{

    font-size: larger;

    color: #000080;

    white-space: normal;

}



.ScreenTextMedium

{

    font-size: 1.3em;

    white-space: normal;

}



.ScreenTextMediumBlue {
    color: #000080;
    font-size: 1.3em;
    white-space: normal;
}



.ScreenTextMediumBold {
    font-weight: bold;
    font-size: 1.3em;
    text-decoration: none;
    white-space: normal;
}



.ScreenTextMediumRed {
    color: #FF0000;
    font-size: 1.4em;
    white-space: normal;
}



.ScreenTextLarge

{

    font-size: large;

    white-space: normal;

}



.ScreenTextThin

{

    font-size: large;
    white-space: normal;
    font-weight:100;

}


 .shadedRectangle 
 {
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    font-weight:100;
 }

.simpleButton

{

    padding:1.05rem 2.75rem;

    color:#28aadc;

    background-color:#fff;

    border-radius:12rem;

    border:.2rem solid #28aadc;

    text-transform: uppercase;

    cursor:pointer;

    transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

}



.simpleButton:hover

{

    background-color: #28aadc;

    color: white;

}



.SpacedImage

{

    padding: 3px;

}



.StudentProfileControls

{

  width: 150px;

  height: 30px;

  font-size: 12px;

}



.TableLabelCell

{

    font-size: small;

    background-color: #EFEFEF;

    border-width:0;

}



.TableValueCell

{

    font-size: small;



}



.TableWithBottomBorder

{

    margin: 0px;

    border-bottom-style: solid;

    border-color: #000000;

    border-bottom-width: 1px;

}





.ToolsMenuBottomCell

{

    /* background-image: url('../../images/light_grey_menu_bottom.gif'); */

    border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;border-bottom-left-radius:20%;border-bottom-right-radius:20%;

        background-repeat: no-repeat

}
 

.ToolsMenuTable

{

    border-style: none solid none solid;
    border-width: 1px;
    border-color: #aaaaaa;

}


a.Toolspanel

{

    font-weight:100;
    color: green;

}
 

.ToolsPanel

{
    vertical-align: top;
    position: relative;
    float: left;
    font-size:1.1em;
    font-weight:100;
    color:green;
}



.ToolTableHeader

{

    /* background-image: url('../../images/light_grey_rectangle.gif'); */

    background-color:#f1f1f1;

    font-size: medium;

    font-weight: bold;

    background-repeat: no-repeat;

    text-align: center

}



.ToolTableHeaderLight

{

    padding: 5px;

    background-image: url('none');

    font-size: small;

    background-color: #EEEEEE;

    font-weight: bold

}



.MenuToolsMobile

{

    font-size: medium;

    font-weight: bold;

    background-repeat: no-repeat;

    text-align: center;

    width: 120px;

    height: 50px;

    position:relative;

    left:-20px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    cursor:pointer;

}



.VerticalCenter

{

    vertical-align: middle;

}

 

.WarningAlert

{

    color: Red;

    font-weight:bold;

}



.unhidden

{

    border-width: 0px;

    display: block;

}





.hidden

{

    border-width: 0px;

    display: none;

}





.warning {	

color: red; 	

font-size: 12px;	

font-weight: bold; 	

}

.WaterMarkGray

{

    color:#777;

}



@media screen and (max-width: 480px) {

  .HideWhenMobile {display: none !important;}

}