/* 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;
 font-weight: bold;
}

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');		
font-size : 14px;
font-weight : bold;	
padding : 2px;		
border-bottom : 1px solid #aaaa33;
border-top : 1px solid #33aaaaaa
}

.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;
}


.LogoTable
{
    Height: 400px;
    Width: 500px;
    padding: 3;
}

.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;
    
    
    
    /*background-color: #B9DDF5;*/
 

}
 

.MainSectionHeader
{
    font-weight: bold;
    font-family: Verdana;
    font-size: large;
    text-align: center;
}

.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: #0000FF;
}


.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-size: medium;
    font-weight: bold;
    font-style: italic;
}


.PageHeaderValues
{
    font-family: Arial;
    font-size: medium;
    font-weight: normal;
    font-style: italic;
}

.PanelWithLeftBuffer
{
    margin-left: 210px;
}

.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: large;
    color: #000080;
    white-space: normal;
}

.ScreenTextMedium
{
    font-size: medium;
    white-space: normal;
}

.ScreenTextMediumBlue
{
    color: #000080;
    white-space: normal;
}

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

.ScreenTextMediumRed
{
    color: #FF0000;
    white-space: normal;
}

.ScreenTextLarge
{
    font-size: large;
    white-space: normal;
}

.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');
        background-repeat: no-repeat
}


.ToolsMenuTable
{
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #aaaaaa;
}


.ToolsPanel
{
    font-size: small;
    vertical-align: top;
    position: relative;
    float: left;
}

.ToolTableHeader
{
    background-image: url('../../images/light_grey_rectangle.gif');
    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;}
}