@import url('/css/common.css');
@import url('/css/controls/tabs.css');
body
{
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;   
}
.tzLink 
{ 
	color:#323f6d; 
	text-decoration:none; 
	border-bottom:1px dotted; 
	cursor:help;
}
.ldcDisplay
{
	background-color: #FFFFFF;
	border-bottom: solid #777777 3px;
	border-top: solid #EEEEEE 3px;
	border-left: solid #EEEEEE 3px;
	border-right: solid #777777 3px;
	display: none;
	height: 400px;
	overflow: auto;
	padding: 10px;
	position: absolute;
	text-align: justify;
	width: 400px;
	z-index: 999;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.ldcSmallDisplay
{
    background-color: #FFFFFF;
    border-bottom: solid #777777 2px;
    border-top: solid #EEEEEE 2px;
    border-left: solid #EEEEEE 2px;
    border-right: solid #777777 2px;
    display: none;
    height: 250px;
    overflow: auto;
    padding: 10px;
    position: absolute;
    text-align: justify;
    width: 200px;
    z-index: 999;
}
/**New CSS for DCT Wizard**/
/**----- element CSS -----**/
BODY.content
{
    FONT-SIZE: 12px;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H2.titleDCT
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 5px;
    COLOR: #333333;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    border-bottom: solid #0068AD 1px;
}

TABLE.sectionedTable
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    WIDTH: 100%;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}

TR.sectionedTable
{
	background-color:#ffffff
}
TABLE.sectionedTableFilters
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    MARGIN-BOTTOM: 5px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    WIDTH: 100%;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}

/**----- defined CSS -----**/
/*.button
{
    background: #222 url('/controlPanel/images/btn_middle.gif') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	cursor: pointer;
}*/
.submit {
	background: url(../images/btn-small-l.gif) no-repeat;
	height: 24px;
	float:right;
	overflow: hidden;
	margin:4px 0 0;
}
 .submit:hover,
 .submit.hover {background-position:0 -24px;}
 .submit:hover input,
 .submit.hover input {background-position:100% -24px;}
 .submit input {
	border: 0;
	margin: 0;
	height: 24px;
	line-height:24px;
	font-weight:bold;
	padding: 0 5px 2px;
	overflow: visible;
	cursor: pointer;
	background: url(../images/btn-small-r.gif) no-repeat 100% 0;
}
.formDisplay
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.formDisplayText
{
    PADDING-RIGHT: 2px;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.gridViewHeader
{
    color:black; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
	
	FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.gridViewHeader a
{
    text-decoration:none;
}
.gridViewHeader a:hover
{
    color:#323f6d; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
	TEXT-DECORATION: underline
	
}
.gridViewHeader a:link
{
    color:#323f6d; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:visited
{
    color:#323f6d; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:active
{
    color:#323f6d; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.ldcControlPanelGridView TD
{
    BORDER-RIGHT: 1px none;
    PADDING-RIGHT: 3px;
    BORDER-TOP: 1px none;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: 1px none;
    PADDING-TOP: 3px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT:35px;
    
}
.ldcControlPanelGridView TD a
{
   text-decoration:none;
   COLOR: #323f6d;
}
.ldcControlPanelGridView TD a:link
{
   text-decoration:none;
   COLOR: #323f6d;
  
}
.ldcControlPanelGridView TD a:visited
{
   text-decoration:none;
   COLOR: #323f6d;
}
.ldcControlPanelGridView TD a:active
{
   text-decoration:none;
   COLOR: #323f6d;
}
.ldcControlPanelGridView TD a:hover
{
   text-decoration:underline;
   COLOR: #323f6d;
}
.ldcControlPanelGridView TH
{
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #E2E2E2;
    HEIGHT:30px;
}



/** END DCT wizard display **/
/* Courses/Class/ILT Search Display classes */
.ldcSearchResultsTitle
{
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.ldcSearchResultsSeperator
{
	color: #cccccc;
	height: 1px;
}
.ldcSearchResultsText
{
    FONT-SIZE: 8pt;
    COLOR: #000066;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ldcSearchResultsFieldHeading
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.ldcSearchResultsFieldValue
{
	font-family: Arial, Helvetica, sans-serif;
}
.ldcSearchResultsTextTerm
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.ldcSearchResultsCategory
{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/* End of Courses/Class/ILT Search Display classes */
/* Courses/Class/ILT Search Display classes */
.ldcPageSearchResultsTextTerm
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.ldcPageSearchResultsTitle
{
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.ldcPageSearchResultsText
{
    FONT-SIZE: 8pt;
    COLOR: #000066;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ldcPageSearchResultsFieldHeading
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.ldcPageSearchResultsFieldValue
{
	font-family: Arial, Helvetica, sans-serif;
}
/* End of Courses/Class/ILT Search Display classes */
/* Display Category Contents DOT classes*/
.ldcCourseCategoryName
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
.ldcCourseCategoryItemName
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
.ldcCourseCategoryItemDescription
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.ldcCourseCategoryItemLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000099;
}
.ldcCourseCategoryNoItems
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;

}
.pageBar
{
    background-color: #FFFFFF;
    border-top: #CCCCCC 1px solid;
    padding: 1px;
    background-image: url('/images/PageBar/lbluegradient.gif');
    background-repeat: repeat-x;
}
/* End of Display Category Contents DOT classes*/

#mask {background-color: #BBBBBB;}
.userRatingOther 
{
	background-image: url('/controlPanel/images/gradient_fill.gif'); 
    background-repeat: repeat-x; 
    border-top: #CCCCCC 1px solid;
    background-color: #FFFFFF;
}
.userRatingOwn
{
	background-image: url('/controlPanel/images/gradient_fill_yellow.gif'); 
    background-repeat: repeat-x; 
    border-top: #DFE28D 1px solid;
    background-color: #FFFFFF;
}
.sectionHeaderCollapsed
{
	/*border-bottom: solid #cccccc 1px;*/
}
.imageLinkLC
{
    color:#3b88ae;
    font-weight:bold;
}
.imageLink
{
    CURSOR: pointer;
    border: none;
}
TD.buttonLeft
{
	background-image: url('/controlPanel/images/btn_left.png');
	width:15px;
	height:24px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
TD.buttonMiddle
{
	background-image: url('/controlPanel/images/btn_middle.png');
	background-repeat:repeat-x;
	color: White;
	font-weight: bolder;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
TD.buttonRight
{
	background-image: url('/controlPanel/images/btn_right.png');
	width:15px;
	height:24px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.sectionTitleBarText
{
	font-size: 14px;
	font-weight:bold;
	color: #666666;
	text-align: left;
	
}

.btnClass { 
	background: url(../images/LcReportTabs.gif) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
		
	position:relative;
	top:1px;
	float:left;	 
	text-indent:0;
	
	margin:0 3px 0px 0px!important;
	list-style-image:none !important; 
	
	list-style:none; 
	
	
	border-bottom:0px solid #666;	
	
}
.sectionInnerBar
{
	background-image: url('/controlPanel/images/titleBar/titleFill.png');
    background-repeat: repeat-x;
   
}
hr.sectionInnerBar
{
	border-top: #CCCCCC solid 1px;
	border-bottom: none;
	padding: none;
}
.tbActionListClass
{	
	 PADDING-LEFT: 15px;	
}

TR.sectionedTable
{
	background-color:#ffffff
}
.Table MainSectionedTable{
    margin-top: 7px!important;
        color: #333333;
}
.tdBorder{
	border-left: solid 1px #ccc; 
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 15px 15px 15px 15px;
}
.innerSectionedRow{
	background-color: #ffffff; 
	padding: 0px!important
}
.tabBorder{
    border: solid 1px #cccccc;
}
.tabDisplay{
    display: none; 
    background-color: #eeeeee;
}
.lblInfoDisplay{
    font-size: 12px;
    color: #666666;
}
.ListBoxHover option:hover
{
    background-color:green;
}
.chkBoxText{
    margin-top: 5px; 
    vertical-align: text-bottom; 
    margin-right: 5px;
}
.chkRightMarginText {
margin-right: 5px;
}
.boldText
{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align:left;
}
.boldTextRight
{
	font-size:12px; 
	font-weight:bold; 
	color:#333333;
}
.normalText
{
	font-size:12px; 
	font-weight:normal; 
	color:#333333;
}
TABLE.innerSectionedTable
{
   MARGIN-BOTTOM: 5px;
   PADDING-BOTTOM: 5px;
   WIDTH: 96%;
   PADDING-TOP: 0px;
   BACKGROUND-COLOR: #FFFFFF;
   VERTICAL-ALIGN: top;
   PADDING-RIGHT: 5px;
}

.wizardTabBorder{
    border-right: 1px solid #999; 
    border-left: 1px solid #999; 
    border-bottom: 1px solid #999;
}

.togglelink{
    cursor : pointer;
    text-decoration: underline
}
.statusimage{
    text-align: center;
    width: 15;
    height: 15;
} 
div.legend{
    position: relative;
    z-index: 5;
    width: 50%;
    height: 207px;
 }
table.legend
{
     border: 1px;
     border-color: gray;
      border-style: solid; 
} 

/*
Tabs for .Net menu control to display as tabs
To use the menu control as tabs set your CSS 
<asp:Menu ID="mnuSchedule" runat="server" Orientation="Horizontal" StaticHoverStyle-CssClass="menuHoverTab" 
            StaticMenuItemStyle-CssClass="menutab" StaticSelectedStyle-CssClass="menuSelectedTab"
            CssClass="menutabs" OnMenuItemClick="mnuSchedule_Click">
*/

.menutab{
    background: url(/css/images/LDCTabs.gif) no-repeat -247px 0;
    font-size:11px;
    display:block;
    width: 174px;
    height: 22px;  
    line-height:22px;
    text-align:center;	
    text-decoration:none;
    color:#000 !important;
    font-weight:normal;
    padding:0px;
    margin:0px;	
    top:.05em;
    position:relative;
}
.menuHoverTab{
    background-position: -247px -24px;	
    color:#000 !important;
    font-weight:normal;
    text-decoration:none !important;
    line-height:22px;
    text-align:center;	
    
}
.menuSelectedTab{
    background-position: -247px -47px;		
    cursor:default !important; 
    font-weight:bold;
    color:#000 !important;
    text-decoration:none;
    padding:0px;
    margin:0px;	
    
}


.managementLink
{
    vertical-align:middle;
    background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#f5f5f5));
	background: -moz-linear-gradient(top,  #DCDCDC,  #f5f5f5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC', endColorstr='#f5f5f5');
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	width:170px;
	height:40px;
	border:#cccccc 1px solid;
}

.rowhover td.imageLink 
{
    color:#3b88ae;
    font-weight:bold;
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#ECF7FD;
    color:#3b88ae;
    font-weight:bold;
    padding:5px;
    border:1px solid #ffffff;
    width:250px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tooltip a 
{
    color:#317db6;
    font-size:12px;
    font-weight:bold;
}
.tooltip a:hover
{
    color:#317db6;
    font-size:12px;
    font-weight:bold;
}
#tblMgmt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    width:100%;
    vertical-align:middle;
    z-index:1000;
    padding-top:3px;
}
#tblMgmt img
{
    border:none;
}
#tblUserLinks
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    width:100%;
    vertical-align:middle;
    padding-top:3px;
}
#tblMgmt a, #tblUserLinks a
{
    text-decoration:none;
    background-color:transparent;
}
#tblMgmt img, #tblUserLinks img
{
    position:relative;
    top:1px;
}
tr.rowHover:hover /* Keep here to support any other places this applies to */
{
    background: #cccccc;
}
tr.rowHoverOver
{
    background: #cccccc;
}
#UniversalNavigationBar 
{
    float:right;
}
#UniversalNavigationBar ul
{
	display:inline;
	margin:0px;
	padding:0px;
}
#UniversalNavigationBar ul li
{
	display:inline;
	margin:0px;
	padding:0px;
	font-family: Arial;
	font-size: 11px;
	padding: 10px;
}
div.adminlogin
{	
	white-space:nowrap;	
	width:190px;
	padding-top: 4px;
	padding-bottom: 4px;
}