﻿/* COURSEWEBS DEFAULT - COMMON STYLES (STUDENT, INSTRUCTOR PANEL AND ADMIN AREA) */
body.popupBody
{
	background-color:White;
	padding:0px;
	margin:0px;
	height:auto;
	font-size:12px;
}

a.clsCW:link
{ 
    color: blue;
    text-decoration: none;
    padding: 1px 2px 1px 2px;
}

a.clsCWRed:link
{
	color: red;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

a.clsCW:visited
{
    color: blue;
    text-decoration: none;
}

a.clsCWRed:visited
{
    color: red;
    text-decoration: none;
}

a.clsCW:hover, a.clsCWRed:hover
{
    color: white;
    text-decoration: none;
    background:	#FF8500;
	border-radius: 4px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
}

a.clsCW_Selected:link
{
    color: white;
    text-decoration: none;
    background:	#FF8500;
}
a.clsCW_Selected:visited
{
    color: white;
    text-decoration: none;
    background:	#FF8500;
}
a.clsCW_Selected:hover
{
    color: white;
    text-decoration: none;
    background:	#FF8500;
}

a.clsDisabled, a.clsDisabled:hover
{
	color:Gray;
	cursor:default;
	text-decoration:none;
    padding: 1px 2px 1px 2px;
}

a.clsSelected:link
{
    color: black;
    font-weight:bold;
    text-decoration: none
}
a.clsSelected:visited
{
    color: black;
    font-weight:bold;
    text-decoration: none
}
a.clsSelected:hover
{
	cursor:default;
    text-decoration: none;
}

span.disabled
{
	color:Gray;
    padding: 1px 2px 1px 2px;
}

table.clsProfileTable
{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

td.clsIndicator, td.clsKeywordSearch
{
	text-align:right;
	vertical-align:top;
	padding-right:10px;
	padding-top:3px;
	white-space:nowrap;
	font-weight:bold;
	font-family: Verdana, Arial, Serif;
}

td.clsAlert 
{ 
	color: #f8fa2a; 
	background: #326598; 
	font-weight: bold; 
	width: 50%;
	text-align:center;
}

td.clsLabel
{ 
	color: #635452; 
	background: #eeeeee;
	text-align:right;
	padding: 2px 5px 2px 5px;
	white-space:nowrap;
}

td.clsInput
{
	text-align:left;
}

td.clsInputField
{
	padding-bottom:4px;
}

div.clsAlert, div.clsAlert2, span.clsAlert, span.clsAlert2
{
	color: #f8fa2a; 
	background: #326598; 
	font-weight: bold; 
	text-align:center;
}

span.clsAlert2
{
	display:inline-block;
}

div.clsIdleMessage
{
	font-size:16px;
	margin-top:40px;
	text-align:center;
}

div.clsIdleLoginLink
{
	font-size:16px;
	text-align:center;
}

div.clsIdleLoginLink a
{
	font-weight:bold;
}

label.clsLabel
{
	cursor:pointer;
}

table.clsProfileSubmit
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

td.clsProfileSectionHeader
{ 
	color: #635452; 
	background: #eeeeee;
	text-align:left;
	padding: 10px 5px 2px 5px;
	white-space:normal;
	font-weight:bold;
	font-size:13px;
}

td.rightCheck .clsLSDCBCheckCell
{
	padding-right:5px;
}

div.clsProfileTable
{
}

div.clsProfileAlert
{
	color: #f8fa2a; 
	background: #326598; 
	font-weight: bold; 
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	width:400px;	
}

.normalFont
{
	font-family: Arial, Serif; 
	font-size:12px;
	font-weight:normal;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* // Tab /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.tabContainer td.tabLeftSpacer
{
	border-bottom:solid 1px rgb(0,173,239);
}

div.tabContainer_3D td.tabLeftSpacer
{
	border-bottom:solid 1px white;
}

div.tabContainer td.tabLeftSpacer div, div.tabContainer_3D td.tabLeftSpacer div
{
	width:10px;
}

div.tabContainer td.tabSpacer
{
	border-bottom:solid 1px rgb(0,173,239);
}

div.tabContainer_3D td.tabSpacer
{
	border-bottom:solid 1px rgb(0,173,239);
}

div.tabContainer td.tabSpacer div, div.tabContainer_3D td.tabSpacer div
{
	width:5px;
}

div.tabContainer td.tabFiller
{
	border-bottom:solid 1px rgb(0,173,239);
}

div.tabContainer_3D td.tabFiller
{
	border-bottom:solid 1px white;
}

div.tabContainer td.tab_Selected
{
	border-left:solid 1px rgb(0,173,239);
	border-top:solid 1px rgb(0,173,239);
	border-right:solid 1px rgb(0,173,239);
	border-bottom:solid 1px white;
	text-align:center;
	font-size:13px;
	background-color:white;
	white-space:nowrap;
}

div.tabContainer_3D td.tab_Selected
{
	border-left:solid 1px white;
	border-top:solid 1px white;
	border-right:solid 1px gray;
	border-bottom:solid 1px #e0e2f2;
	text-align:center;
	font-size:13px;
	background-color:#e0e2f2;
	white-space:nowrap;
}

div.tabContainer td.tab_Selected div, div.tabContainer_3D td.tab_Selected div
{
	padding: 5px 20px 5px 20px;
}

div.tabContainer td.tab
{
	border:solid 1px rgb(0,173,239);
	cursor:pointer;
	text-align:center;
	font-size:13px;	
	white-space:nowrap;	
}

div.tabContainer_3D td.tab
{
	border-left:solid 1px white;
	border-top:solid 1px white;
	border-bottom:solid 1px white;
	cursor:pointer;
	text-align:center;
	font-size:13px;
	white-space:nowrap;	
}

div.tabContainer_3D td.tab div
{
	border-right:solid 1px gray;	
}

div.tabContainer td.tab div, div.tabContainer_3D td.tab div
{
	padding: 5px 20px 5px 20px;
	background-color:#eaeaea;		
}

div.tabPageContainer
{
	padding:10px;
	border-left:solid 1px rgb(0,173,239);
	border-right:solid 1px rgb(0,173,239);
	border-bottom:solid 1px rgb(0,173,239);
	background-color:white;
	overflow:auto;
}

div.tabPageContainer_3D
{
	padding:10px;
	border-left:solid 1px white;
	border-right:solid 1px gray;
	border-bottom:solid 1px gray;
	background-color:#e0e2f2;
}



























/* Mobile stuff */

@media screen and (max-width: 480px) {
    td.clsLabel {
        text-align: left;
        background: white;
        margin-top: 10px;
    }

    table.clsProfileTable {
        margin-top: 0px;
    }

    #divExamLinks > a {
        display: inline-table;
        padding-top: 10px;
    }
}

#divExamLinks > a:nth-child(4) {
    font-weight: bold;
}
