/*  BODY Elements ARE SET HERE  */

BODY {	
margin: 5 1 0 3;	
background-color : #ffffff;	
color: #000000;	
font-size: 14px;	
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

scrollbar-arrow-color:white;
scrollbar-base-color:white;
scrollbar-face-color:#eeeeee;
scrollbar-highlight-color:#f0f0f0;
scrollbar-shadow-color:white

}

/* SET COLOR AND FONT FOR LINKS  */
a:link, a:visited, a:active, a:hover
{
 color: #000099;
 text-decoration: none;
}

a:hover {    
 font-style: italic;
}

/* ******************************************************************************************* */
/*  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             */
/* ******************************************************************************************* */
   
a img
{
    border: none;
}

TABLE {
border-collapse: collapse;
border-color: #333366;
}

TH {	
background-image : url('images/table_header_fade1.gif');	
font-size : 14px;
font-weight : bold;	
padding : 2px;	
text-align : center;	
border-bottom : 1px solid #666699;
border-top : 1px solid #666699
}

TD {	
padding:2px;	
}



h1, h2, h3, h4, h5 {
   	 font-family: 'Open Sans', sans-serif;
	 font-weight:100;
     padding: 0.05em; 
     color: #336699; 
     font-style: italic; 
     font-weight: lighter; 
     clip: rect(auto, auto, auto, auto); 
     letter-spacing: 0.01em;
     }


     h1 
 {
     font-size:2.9em; 

 }
 	

h2
{
    font-size: 2.2em;

}


h3 {	
    font-size: 1.6em;		
}

h4 {	
    font-size: 1.4em;	
}

h5 {	
    font-size: 1.2em;	
	
}



LI{
margin-top: 3; 
margin-bottom: 3
}


/* FROM HERE ON DOWN THE REST ARE CLASS_BASED STYLES */

.activitymessage
{
 font-size:  18px;
 color:  #888888;
 font-weight: lighter;
    
}


.bg_top_menu {
color:  #333366;	
font-size:  12px;
background-color: #BCBBCD;
background-image : url('../images/menu_bg_fade1.jpg');
background-repeat:repeat-y;	
}

		.black_overlay{
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}


.boxrightimage
{
    position: absolute;
    z-index: auto;
    width: 300px;
    height: 300px;
    top: 70px;
    left: 425px;
    text-align: center;
    vertical-align: middle;
}

.boxrightworkpanel
{

    position: absolute;
    z-index: auto;
    top: 70px;
    left: 425px;
    text-align: center;
    vertical-align: middle;
}


.breadcrumbtext
{
color: #0000dd;
font-size: 12px;
font-style: italic;
}



/* COURSE LIST STYLES FOR 2016 COURSEBUILDER */

.CL-Table {
    padding: 1%;

}

 


.CL-Row {
    margin-top: 5px;
    margin-bottom:25%;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dddddd;
}


.CL-grey-label {
color: #555555;
font-weight:100;
font-family:Arial;
font-size:85%;
padding:2%;
}


.CL-blue-value {
    color: #0066FF;
    font-weight: 100;
    font-family: Arial;
    font-size: 85%;
    padding: 2%;
}


.CL-blue-label {
    color: #3399FF;
    font-weight: 100;
    font-family: Arial;
    font-size: 0.9em;
    padding: 2%;
}

 
.CL-dashboardtable {
 
    border-bottom: solid;
    border-top: solid;
    width: 100%;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #808080;
    border-bottom-color: #808080;
    padding:5%;
 
}

.CL-dashboardtablenobottom {
 
    border-top: solid;
    width: 100%;
    border-top-width: 1px;
    border-top-color: #808080;
    padding:5%;
 
}

.CL-settings-table {
margin-left:3%;
width:97%;
 
}


.CL-small-header {
font-size:1.1em;
margin-bottom:0.1em;

}

.CL-bottom-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

.equalRow { 
    vertical-align: middle;
}

.equalWidth
{
    vertical-align: middle;
}

.fileinfobox
{
    position: absolute;
    z-index: auto;
    width: 350px;
    height: 300px;
    top: 73px;
    left: 425px;
    padding: 3px;
    display: block;
}
 

.FloatLeft
{
    float: left;
}

.FloatRight
{
    float: right;
}


.FormPadded 
{
margin-left:2%;
margin-right:2%;
color:green;
font-size:0.9em;

}


.GridHeader {
    vertical-align:middle;
    font-size:medium;
    padding:2px;
    border-width:1px;
    border-style:solid;
}


.GridRow { background-color:#FFFFFF }

.GridRow:hover { background-color:#DEDEFF }

.GridAltRow { background-color:#DEDEDE }

.GridAltRow:hover { background-color:#C3C3FF }


.gridTableBorder
{
    border: 1px dotted black;
    text-align: center;
    padding: 2px;
    vertical-align: middle;
}


.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 #33aaaa;
}

.hidden
{
    border-width: 0px;
    display: none;
}

.highlight {
	font-size: 13px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	background-color: #ffff66;
	color: #000000;
}

.imageInParagraph
{
    border-width: 8px;
    border-top-color: #aaaaaa;
    border-right-color: #aaaaaa;
    border-bottom-color: #aaaaaa;
    border-left-color: #aaaaaa;
    padding: 6px;
    text-align: right;
}


.infoPanelLeftBorderIndented
{
    border-left-width: thin;
    border-left-color: #C0C0C0;
    border-left-style: solid;
    padding: 14px;
}

/*left column of table*/
.leftColumn 
{
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
}


.LoginTable
{
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #cccccc;
    padding: 3%;
    width: 330px;
    /*display: block;*/
}


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


.menu_left_fade {	
background-image : url('../images/menu_bg_fade1.jpg');	
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
padding : 2px;	
border-bottom : 1px solid #666699;
}

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

 
.MgtScreenH1 {
    font-size:2.2em;
    margin-top:15px;
    margin-bottom:12px;
}


.MgtScreenH2 {
    font-size:1.8em;
    margin-top:10px;
    margin-bottom:12px;    
}

 

.menutableindented
{
    text-indent: 44px;
    position: relative;
    left: 44px;
}


.noborder
{
    border-style: none;
}

.NoSurroundingSpace
{
    padding: 0px;
    margin: 0px;
}

OL {
color: #333366;
line-height: 18px;
}

.paddedtable{
border-collapse: collapse;
border-color: #333366;
padding : 3px;
}

.PanelWithLeftBuffer
{
    margin-left: 210px;
}

.PanelWith250LeftBuffer
{
    margin-left: 250px;
}

.RadioButtonListSpacing label 
{ 
    margin-right:40px; 
}

.reqFieldListItem
{
  text-decoration:none;color:#000000;
  font-size: smaller;
  background-color:Transparent;
  
  }
  
  .reqFieldListItem a:link
{
  text-decoration:none;color:#000000;
  font-size: smaller;
  background-color:Transparent;

  }
  
/*right column of table*/
.rightColumn 
{
    border-top-right-radius:24px;
    border-bottom-right-radius:24px;
}

.roundedCorner 
{
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    border-radius:24px;
    min-width:150px;
    height:100%;
    width:100%;
}

.roundedCornerSmall 
{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    min-width:150px;
    height:100%;
    width:100%;
}
  
.screenheadertext {     
font-weight: bold;
font-size: 14px;
}

.screenheadertext18 {     
font-weight: bold;
font-size: 18px;
}

.screenheadertext20 {     
font-weight: bold;
font-size: 20px;
}

.screentext12 {     
font-size: 12px;
}

.screentext14 {     
font-size: 14px;
}

.screentext16 {     
font-size: 16px;
}

.screentextblue
{
    color: #0000aa;
    white-space: normal;
}


.screentextblue18
{
    color: #0000aa;
    white-space: normal;
    font-size: 18px;
}

.screentextgrey18 {
    color: #888888;
    font-size: 18px;
    font-weight:lighter;
}

.screentextbluelarge
{
    color: #0000aa;
    white-space: normal;
    font-size: 24px;
}

.screentextgreen {	
color: green; 	 	
}

.screentextgreen10 {	
color: green; 	
font-size: 10px;	
}

.screentextgreen18
{
    color: #00aa00;
    white-space: normal;
    font-size: 18px;
}


.screentextlarge
{
    white-space: normal;
    font-size: 24px;
}


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


.selected_row
{
    background-color: #d6f0fd;
}


.selectionTable td 
{
    padding-bottom:0.5em;
    text-align:left;
}


.selectionTable  td:nth-child(2) {
    padding-right: 5em;
}

.aiAssistCell {
    background-color: #f0f0f0; /* Light grey background color */
    padding: 5px; /* Add padding for spacing */
}

.aiAssistLabel {
    font-weight: bold; /* Make the text bold */
    color: #333; /* Dark grey text color */
}
.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;
}


.statTableBorder
{
    border: 1px dotted black;
    padding: 2px;
    vertical-align: middle;
}


.TableWithBottomBorder
{
    margin: 0px;
    border-bottom-style: solid;
    border-color: #000000;
    border-bottom-width: 1px;
}

.td_rightborder {	
padding:2;	
border-right : 1px solid #cccccc;
}

.td_sideborder {	
padding:2;	
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
}

.td_sidesbottomborder {	
padding:2;	
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}



.templateButton {
border-radius:12%;
font-size:1.3em;
/* background: linear-gradient(to bottom, #cbebff 0%,#cbebff 47%,#a1dbff 100%); */
background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
width:120px;
padding:2%;
border-style:solid;
border-width:1px;
border-color:silver;
text-align:center;
}

.templateButton:hover {
border-radius:12%;
font-size:1.3em;
/* background: linear-gradient(to bottom, #cbebff 0%,#cbebff 47%,#a1dbff 100%); */
background: linear-gradient(to bottom, #bbbbbb 0%,#cccccc 37%,#c8d7dc 100%);
width:120px;
padding:2%;
border-style:solid;
border-width:1px;
border-color:silver;
text-align:center;
}

 

.textpreload
{
    font-size: 12px;
    font-style: italic;
    color: #888888;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background: linear-gradient(to bottom, #f2f9fe 0%,#d6f0fd 100%);
    color: black;
    text-align: center;
    border-radius: 6px;
    border: 3px solid #aaaaaa;
    padding: 15px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.tr_bottomborder {	
padding:0;	
border-bottom : 1px solid #cccccc;
}

.tr_topbottomborder {	
padding:0;	
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}


.unhidden
{
    border-width: 0px;
    display: block;
}


.userImage
{
    border-radius:50%;
    height:32px;
    width:32px;

    border: 2px solid black;
}


.userlabel
{
    color: #0000FF;
}


.warning {	
color: red; 	
font-size: 12px;	
font-weight: bold; 	
}

.warningsmall {	
color: red; 	
font-size: 10px;	
}

		.white_content {
			display: none;
			position: fixed;
			top: 20%;
			left: 20%;
			width: 60%;
			height: 60%;
			padding: 10px;
			border: 10px solid blue;
			background-color: white;
			z-index:1002;
			overflow: auto;
        }




  
    .WaterMarkGray
{
  color:#666666;
  font-family: Arial;
  font-style: italic;
  }


/* Password helper meter design */
/* ------------------------------------------------------- */

.hiddenMeter {
    /* Reset appearance */
    -webkit-appearance: none; 
    -moz-appearance: none;
    display: none;
}
#password-strength::-webkit-meter-bar {
    background: #EEE;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    border-radius: 3px;
}
#password-strength::-moz-meter-bar {
    background: #EEE;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    border-radius: 3px;
}

/* Optimum Value */
#password-strength::-webkit-meter-optimum-value {
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    background: #62ba35;
    border-radius: 3px;
}
#password-strength:-moz-meter-optimum::-moz-meter-bar {            
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    background: #62ba35;
    border-radius: 3px;
}

/* Sub Optimum Value */
#password-strength::-webkit-meter-suboptimum-value {
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    background:yellow;
    border-radius: 3px;
}
#password-strength:-moz-meter-sub-optimum::-moz-meter-bar {
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    background:yellow;
    border-radius: 3px;
}

/* Sub-Sub Optimum Value */
#password-strength::-webkit-meter-even-less-good-value {
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    background: #d64242;
    border-radius: 3px;
}
#password-strength:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    background: #d64242;
    border-radius: 3px;
}


/* Show/Hide password icon */
.showHidePasswordIcon {
    float: right;
    margin-left: -25px;
    margin-top: -19px;
    position: relative;
    z-index: 2;
}

/* ------------------------------------------------------- */