﻿/* Master Page Layout */
#master_header
{
	width: 995px;
    margin-top: 15px;    
    margin-left: auto;    
    margin-right: auto;
}

#master_headertop
{
	height: 95px;
	background-image: url(../Images/topbg.gif);
	background-repeat: repeat;
}

#master_headertop img
{
	border: none;
}

#master_headertop a:hover
{
	color: black
}

#master_headertop a:visited
{
	color: black
}

#master_headerbottom
{
	border-bottom-color:Gray;
	border-bottom-style: ridge;
	border-bottom-width: 2px;
}

#master_page
{
	width: 995px;
	margin-left: auto;    
	margin-right: auto;
	margin-bottom: 15px;  
}

#master_menu
{
	float: left;
	width: 165px;
}

#master_sidebarfooter
{
	height: 38px;
	background-image: url(../images/sidebar1_br.jpg);
    background-position: left;
    background-repeat: repeat-y;
}

#master_sidebarheader 
{
	height: 30px;
	color: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../images/sidebar1.jpg);
}

#master_sidebarcontent
{	
	color: #FFFFFF;
	background-image: url(../images/sidebar1_br.jpg);
    background-position: left;
    background-repeat: repeat-y;
}

#master_content
{
	float: left;
	width: 830px;
	background: #FFFFFF url(../images/portal_bg.jpg) repeat;
}

#master_contentheader
{
	height: 30px;
	background: #2F8DBC url(../images/contentheader.jpg) repeat-y;
	border-bottom-color:Gray;
	border-bottom-style: ridge;
	border-bottom-width: 2px;
}

#master_contentheader .heading1
{
	float: left;
	color: #FFFFFF;
	font-size: 20px;
	font-weight:bold;
	margin-top: 2.5px;
}


#master_contentplaceholder
{
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	line-height: 1.5em;
	overflow:visible;
}

#master_contentfooter
{	
	float:left;
	height: 25px;
	width: 820px;
	background: #FFFFFF none;
	text-align: right;
	padding: 5px 0 5px 10px;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	vertical-align: bottom;
}

/* Navigation Menu Styles */

#SidebarNavMenu
{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 10px;
}

#SidebarNavMenu a 
{
	color: #FFFFFF;
	text-decoration: none;
}

#SidebarNavMenu a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

#SidebarNavMenu a:hover
{
	color: #66CDAA;
	text-decoration: none;
}

#SidebarNavMenu li
{
	padding-bottom: 3px;
	line-height: 1em;
	margin-Left: 0em; 
}

#SidebarNavMenu ul
{
	list-style-type: square;
	list-style-position:outside;
	margin-top: -.3em;
	margin-bottom: 1em;
	margin-right: .5em;
}

/* Default Page Styles */

body
{
	font-family: Verdana;
	font-size:75%;
	margin:0;
	padding:0;
	background-color: #DCDCDC;
}

.normal
{
	font-size:100%;
	margin:0;
	padding:0;
}

.warning
{
	font-weight:bolder;
	font-size: 1.25em;
	color: #DC143C;
}

.announcement
{
	font-weight:bold;
	font-size: 1em;
	border: solid 4px #000000;
	background-color: #FCF0F0;
	color: #000000;
	text-align: justify;
	padding: 0px 10px 10px 10px;
}

.announcement H1
{
	font-size: 1.75em;
	font-weight: bolder;
	color: #000080;
	text-align: left;
}

.announcement H2
{
	font-size: 1.25em;
	font-weight: bolder;
	color: #000080;
	text-align: left;
}

.clear
{
    clear: both;
}

H1, .heading1
{
	font-size: 2em;
	font-weight: bold;
	color: #2F8DBC;
	padding: 10em, 0em, 10em, 0em; 
}

H2, .heading2
{
	font-size: 1.5em;
	font-weight: bold;
	color: #2F8DBC;
	padding: 5em, 0em, 5em, 0em; 
}

H3, .heading3
{
	font-size: 1.25em;
	font-weight: bold;
	color: #2F8DBC;
	padding: 2.5em, 0em, 2.5em, 0em; 
}

.imagelink_noborder
{
	border: none;
}

.note
{
	font-style:italic;
	font-size: 1em;
}

.bi
{
	font-style: italic; 
	font-weight: bold
}


.bu
{
	text-decoration: underline;
	font-weight: bold
}

.error
{
    color: #FF0000;
    font-weight: bold;
}

.confirmation
{
    color: #357210;
    font-weight: bold;
}


/*Control Styles*/

.control_textbox
{
	font-family: Verdana,geneva, sans-serif; /*class to be applied selectively to input fields*/
	font-weight: normal;
	height: 14px;
	font-size: 12px;
	border: 1px ridge #B6E4E3; 
	margin-bottom: 1px;
}
	
	/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/*Page Styles*/

 .maincontent_infobox
{
	height: 42%;
	width: 400px;
	padding: 0px;
	margin-bottom: 2.5px;
	margin-Top: 2.5px;
}

.maincontent_infobox  #infoboxcontrol_header
{
	background: #D0D0D0;
	border-Style: ridge;
	border-color: #001559;
	border-width: 3px; 
	border-bottom-style:dotted;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	height: 20px;
	padding: 2px 5px 2px 5px; 
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #191970;
	text-transform: uppercase;
	text-decoration: none;
}

.maincontent_infobox  #infoboxcontrol_header a:visited
{
	color: #191970;
}

.maincontent_infobox  #infoboxcontrol_content
{

	background: #F5F5F5;
	border-Style: ridge;
	border-color: #001559;
	border-width: 3px; 
	border-top: none;
	height: 100%;
	overflow: auto;
	padding: 5px;
}

 .maincontent_detailbox 
{
	height: 100%;
	width: 100%;
}

 .maincontent_detailbox #infoboxcontrol_header
{
	visibility:hidden; 
}

 .maincontent_detailbox #infoboxcontrol_content
{
	height: 100%;
	width: 100%;
}

#Instructor_ClassStatus .welcome
{
	font-size: 1.5em;
	font-weight: bold;
	color: #041C66;
	margin: 5px, 10px,0px,0px;
}

#Instructor_ClassStatus .headercell
{
	font-weight: bold;
	text-align: center;
}

#Instructor_ClassStatus .topheadercell
{
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	text-decoration: underline;
}

#Instructor_ClassStatus .leftbottomheadercell
{
	border-left: solid 1px #000000;
}

#Instructor_ClassStatus .rightbottomheadercell
{
	border-right: solid 1px #000000;
}

#Instructor_ClassStatus .infotable
{
	border-spacing: 2pt 0pt;
	margin: 15px, 0px, 15px, 0px;
	border-collapse: separate;
}

#HelpPopup body
{
}
	

/* ----- Tool Tip specific styles ----- */
#theToolTip
{
	position: absolute;
	left: -300px;
	width: 300px;
	border: 2px solid #C0C09F;
	padding: 6px 0px 0px 10px;
	background-color: #FFFFCC;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

#theToolTip p
{
	font-size: 1.1em;
	color: #333333;
	line-height:1.4em;
	margin-right:10px;
	margin-top:0;
}

#ToolTipTextWrap 
{
	font-weight:bold;
	font-size: 1.2em;
	color: #592C16;
	margin-right:10px;
}

/* ----- Help Popup specific styles ----- */

.HelpWindow
{
	z-index: 999;
	position: absolute;
	top: -999px;
	left: -999px;
	display: none;
	visibility: hidden;
	
	width: 300px;
	height: 250px;
}

/*Password Strength Indicator*/

.TextIndicator
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:1em;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:1em;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:1em;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:1em;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:1em;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:1em;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}

/*Collapse Panel */      
.collapsePanelHeader
{
    color: #FFFFFF;
    font-weight: bold;
    font-height: 20;
    background-color: #00004A;
    cursor: pointer;
}
.collapsePanelSubHeader
{
    color: #FFFFFF;
    font-weight: bold;
    font-height: 20;
    background-color: #2F3D68;
    margin-left: 10px;
    cursor: pointer;
}
.collapsingPanelBody
{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.collapsingPanelSubBody
{
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #D2D2D2;
    overflow-x: hidden;
}


    #FormStyle_01 .fieldset
    {
        float: left;    
        clear: both;    
        width: 100%;    
        margin: 0 0 1.5em 0;    
        padding: 0;
        border: 1px solid #000676;
        background-color: #E9F6FF;
        background-image: url(../images/backtest03.jpg);
        background-repeat: repeat-y;  
        position: relative;
    }
    
    #FormStyle_01 .fieldsetbuttons
    {
        float: left;    
        clear: left;       
        margin: 0 0 1.5em 0;     
        width: auto;    
        border-style: none;    
        padding-left: 2.5em;    
        background-color: transparent;    
        background-image: none;   
    }

    #FormStyle_01  .legend
    {
        margin-left: 1em;    
        padding: 0;    
        color: #000676;    
        font-weight: bold;    
        
        position: relative;    
        left: -7px;    
        top: -0.75em;  
    }

    #FormStyle_01  .input
    {

    }

    #FormStyle_01  .label
    {
        float: left;    
        width: 14em;    
        margin-right: 1em; 
        padding-top: 2px;
        color: #000676;    
        font-weight: bold;   

    }

    #FormStyle_01 .formitems
    {
        padding: 0 1em 0 1em; 
        list-style: none;   
        
        padding-top: 0.25em;  
    }

    #FormStyle_01  .formitem
    {
        float: left;    
        clear: left;    
        width: 100%;    
        padding-bottom: .1em;
        list-style: none;
    }
    
    /**/
    .FormStyle_02 fieldset
    {
        float: left;    
        clear: both;    
        width: 600px;    
        margin: 0 0 1.5em 0;    
        padding: 0;
        border: 1px solid #6B6B6B;
        background-color: #FFFFFF;
        background-image: url(../images/formback_02.jpg);
        background-repeat: repeat-y;  
        position: relative;
    }
    
    .FormStyle_02 .errormessages
    {
        float: left;    
        width: 600px;    
        clear: both;   
        border: 1px solid #780F23;
        color: #000000 ;
        background-color: #FFA8A8;
        background-image: url(../images/errorback_01.jpg);
        background-repeat: repeat-y;  
        position: relative;
        font-size: 1.1em;
        font-weight: bold;
    }
    
    .FormStyle_02 .success
    {
        float: left;    
        width: 600px;    
        clear: both;   
        border: 1px solid #2B974B;
        color: #000000 ;
        background-color: #A4C4AA;
        background-image: url(../images/successback_01.jpg);
        background-repeat: repeat-y;  
        position: relative;
        font-size: 1.1em;
        font-weight: bold;
    }
    
       
    .FormStyle_02 fieldset.submit
    {
        float: none;      
        width: auto;    
        border-style: none;    
        padding-left: 6em;    
        background-color: transparent;    
        background-image: none;   
    }

    .FormStyle_02 legend
    {
        margin-left: 1em;    
        padding: 0;    
        color: #000;    
        font-weight: bold;    
        position: relative;    
        left: -7px;    
        top: -1em;  
    }

    .FormStyle_02 input
    {
        border: 1px ridge #6B6B6B;
    }

    .FormStyle_02 label
    {
        float: left;    
        width: 14em;    
        margin-right: 1em; 
        padding-top: 2px;
        color: #000;    
        font-weight: bold;   
    }

   .FormStyle_02 ol
    {
        padding: .25em 1em 0 1em; 
        list-style: none;    
    }

    .FormStyle_02 li
    {
        float: left;    
        clear: left;    
        width: 100%;    
        padding-bottom: .1em;
        list-style: none;
    }
    
    .FormStyle_02 .inlinevalidator
    {
    	font-weight:bold;
        color: #DC143C;
        padding-top: 2px;
        margin-left: 2em;
    }
    
    .FormStyle_02 .validationsummary
    {
    	font-weight:bolder;
        font-size: 1em;
        color: #DC143C
    }
    
    .FormStyle_02 .Instructions
    {
        color: #383838;    
        font-weight: bold;
        font-style:italic;
    }
    
    .FormStyle_02 .errormessages A:link
    {
	    color: #FFFFFF;
	    text-decoration: underline;
    }
    .FormStyle_02 .errormessages A:visited
    {
	    color: #383838;
	    text-decoration: underline;
    }
    .FormStyle_02 .errormessages A:active
    {
	    color: #780F23;
	    text-decoration: none;
    }
    .FormStyle_02 .errormessages A:hover
    {
	    color: #780F23;
	    text-decoration: none;
    }
        
    .FormStyle_02 .success A:link
    {
	    color: #FFFFFF;
	    text-decoration: underline;
    }
    .FormStyle_02 .success A:visited
    {
	    color: #383838;
	    text-decoration: underline;
    }
    .FormStyle_02 .success A:active
    {
	    color: #2B974B;
	    text-decoration: none;
    }
    .FormStyle_02 .success A:hover
    {
	    color: #2B974B;
	    text-decoration: none;
    }
    