.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: 3px;
    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;
}

TR.tablerow1
{
    BACKGROUND-COLOR: #FFFFFF
}
TR.tablerow2
{
    BACKGROUND-COLOR: #F0F0F0
}
/**----- 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;
	float: left;
	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;
}

.formLabel
{
    PADDING-RIGHT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #666666;
    TEXT-ALIGN: right;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.formLabelFilter
{
    PADDING-RIGHT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #666666;
    TEXT-ALIGN: right;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    width: 100px;
}
.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;
}
.infoDisplay
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #666666;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #eeeeee;
}
.warningDisplay
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #333333;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #eeeeee;
}
.errorDisplay
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #CC0000;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #eeeeee;
}
.securityDisplay
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #CC0000;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #FFFFFF;
}
.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;
}
.ldcRoundButtonLeft
{
	background-image: url('/controlPanel/images/left_rnd_button.gif');
	background-repeat: no-repeat;
	width: 6px;
	height: 23px;
}
.ldcRoundButtonRight
{
	background-image: url('/controlPanel/images/right_rnd_button.gif');
	background-repeat: no-repeat;
	width: 6px;
	height: 23px;
}
.ldcRoundButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-family: 6pt;
	background-image: url('/controlPanel/images/fill_rnd_button.gif');
	background-repeat: repeat-x;
	height: 23px;
}
.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;
}
.ldcBaseballCard
{
	color: green;
}
/* 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;
}
.messageDisplay
{
    FONT-SIZE: 13px;
}
.titleBarText
{
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	text-align:left;
}

.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;
   
}
.highlight
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFCE;
}
.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 #666;
}
.tabDisplay{
    display: none; 
    background-color: #eeeeee;
}
.lblInfoDisplay{
    font-size: 10px;
    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; 
} 
/* LC Tabs */
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:0px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 3px 0px 0px!important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(images/LDCTabs.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;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#000;	
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.pane {
	padding-top:2px;	
	padding-bottom:2px;	
	padding-right:2px;	
}

/* Tabs for Dynamic Tag */
#tabs {
	float:left;
	width:100%;
	font-size:11px;
	font-weight:700;
	line-height:normal;
	/*border-bottom:1px solid #ccc;*/
	margin-bottom:0px; /*margin between menu and rest of page*/
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	}
 
#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;	
	}
 
#tabs li {
	display:inline;
 
	margin-right:2px!important;
	padding:0;
	}
 
#tabs a {
	float:left;
	background:url("../images/tab_n.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
		margin-right:2px;
	}
 
#tabs a span {
	float:left;
	display:block;
	background:url("../images/tab_right_n.gif") no-repeat right top;
	padding:10px 20px 4px 10px;
	margin:0px;
	color:#000;
	}
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 
/* End IE5-Mac hack */
#tabs a:hover span {
	background:url("../images/tab_o_2.gif") no-repeat right top;
	}
 
#tabs a:hover {
	/*background-position:0% -42px;*/
	background:url("../images/tab_o_1.gif") no-repeat left top;
	}
 
#tabs a:hover span {
	/*background-position:100% -42px;*/
	background:url("../images/tab_o_2.gif") no-repeat right top;
	}
 
#tabs .selectedTab a{
	/*background-position:0% -42px;*/
	background:url("../images/tab_o.gif") no-repeat left top!important;
	}
 
#tabs .selectedTab span {
	/*background-position:100% -42px;*/
	background:url("../images/tab_right_o.gif") no-repeat right top!important;
	}