/*The body/main content page */
#page{
	width:980px;
	

}



.pad3{
padding:3px;
}

.pad3Top{
padding-top:3px;
}
.pad3Left{
padding-left:3px;
}
/*define the body style*/
body{
	background-color:#ffffff;

}

body, td, th, div, p {
	font-family: Arial, Helvetica, sans-serif;

}

/*The style for the tool name */
.toolLabel, .toolLabel A:link, .toolLabel A:visited {

	font-size:20pt;
	color:#6386DE;
	font-weight:bold;
	font-family:Arial;
	text-decoration:none;
}

.ToolKitHeader {

	font-size:20pt;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial;
	text-decoration:none;
}
.txtCourseName{
color:#379C13;
font-family:Arial;
font-size:9pt;
font-weight:bold;
}



/*The brief bold description or sub label of the tool */
.toolDescription{

}

/*Box that will contain border and filled background color */
.fillBox{
	border:1px solid  #6386DE;
	background-color:#EFF2F8;
	background-repeat:repeat-x;
	vertical-align:middle;
	padding:6px;
	
}

/*box with only border */
.borderBox{
	border: 1px solid #6386DE;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;	
}
.borderBoxRed{
	border: 1px solid #FF0033;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 3px;	
}
/*the regular td bg that has hover, usually buttons...*/
.tdOff{
	background-color:#FFFFFF;
}
.weatherCover{
background-color:FFFFFF;
width:250px;
height:22px;
position:relative;
top:0;
left:5;
z-index:10;
margin-top:-3;

}

.borderTopDot{
border-top:1px;
border-top-style:dashed;
border-top-color:#6386DE;
}


.weather{
background-image:url(../img/weatherBG.gif);
background-repeat:no-repeat;
padding:10px;
height:208px;
width:300px;
}

.enlarge{

opacity:.50;
filter: alpha(opacity=50); 
-moz-opacity: 0.5;
width:230; 
height:10; 
z-index:10;
margin-top:-154;
margin-left:0;
display:none;

border:none;


	position:relative;
}
.courseName{
/*background-image:url(../img/bgCourseName.gif); */
background-color:FFFFFF;
background-repeat:no-repeat; 
width:230; 
height:10; 
z-index:10;
margin-top:-20;
margin-left:15;

border:#6386DE 2px solid;
padding-left:2px;
padding-right:2px;
padding-top:3px;
padding-bottom:3px;

font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color:#6386DE;

position:relative;
}
.itemResult{
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
width:275px;
height:280px;
float:left;
}
.itemResultDetail{
padding-left:20px;
padding-bottom:20px;
width:275px;

float:left;
}

.onTop{
z-index:5005;
}

.picFrame{
padding-top:4px;
padding-left:3px;
height:166px;
width:271px;
background-image:url(../img/imgFrame.jpg);

background-repeat: no-repeat;
z-index:4;
position:relative;

}
.picFrame2{
padding-top:4px;
padding-left:3px;
height:166px;
width:271px;
background-image:url(../img/imgFrame2.gif);

background-repeat: no-repeat;
z-index:6000;
position:relative;
}
.courseLarge{
background-image:url(../img/courseLg.jpg); 
background-repeat:no-repeat; 
width:740; 
height:439; 
z-index:6; 
position:relative;
margin-left:4px;
margin-top:6px;
}
.picFrameLg{
padding-top:4px;
padding-left:3px;
height:456px;
width:758px;
background-image:url(../img/imgFrameLg.jpg);
margin-left:0px;
margin-top:0px;
display:none;
background-repeat: no-repeat;
z-index:500000;
position:absolute;

}
.divX{
position:absolute;
top:15px;
right:20px;
}
/*the hover over td bgcolor, usually buttons...*/
.tdHover{
	background-image:url(../img/ltGreenGrad.gif);
}
.tdHoverSelected{
	background-image:url(../img/ltBlueGrad.gif);
}

/*other misc. boxs with only border*/
.otherborderBox{

	border: 1px solid #000000; white-space:nowrap;
	padding:0px 5px 0px 5px;	

}

/*other misc. boxs with only border and filled*/
.otherfillBox{
	
	border: 1px solid #6386DE;
	 white-space:nowrap;
	padding:0px 5px 0px 5px;
	background-color:red;
}

/*usually the border for images*/
.imageborderBox{
		border: 1px solid black; white-space:nowrap;
		background-color:#ffffff;
}



/*usually the back button to previous page*/
.backButton{
	background-image:url(/idxdemo/graphics/back.gif);
	background-repeat:no-repeat;
	height:15px;
	width:25px;
	cursor:pointer;
}

/*usually the popup/div headerbar*/
.infoTab{

	background-image:url(/idxdemo/graphics/blueGrad.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #6386DE;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
	color:#454545;
	width:400;
	text-align:right;
	
}



.pCursor{
	cursor:pointer;
}


/*the header text in the cart */
.cartHeader{
	border-bottom:2px solid #454545;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16pt;
}

/*The tab section style on particular section*/
.sectionTab{
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#000000;
	background-image:url(/idxdemo/graphics/blueGrad.gif);
	width:180px;
	height:22px;
	padding-left:2px;
}

/*The popup menu tab in the popup div*/
.popMemItem{
	border:1px solid  #666666;
	background-color:white;
	padding-left:5px;
	padding-right:5px;

}
.popMemItem A:link, .popMemItem A:visited{
	font-size:10pt;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/* The style for the search button. You can even define the image */
.searchButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE;
	color:white;
	font-weight:bold;
}

/* The style for the search button. You can even define the image */
.navButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE;
	color:white;
	font-weight:bold;
}


/* The style for the go button. You can even define the image */
.goButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE;
	color:white;
	font-weight:bold;
}

/* style for submit button */
.submitButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE; 
	color:white;
	font-weight:bold;
}

/* The style for the clear button. You can even define the image */
.clearButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE;
	color:white;
	font-weight:bold;
	
}

.compareButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE;
	color:white;
	font-weight:bold;
	
}

.removeButton{

	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#6386DE;
	color:white;
	font-weight:bold;
}


/*The td with bottom line style */
.bottomLine{
	border-bottom: 1px solid #6386DE;
}
.bottomLineDashed{
	border-bottom: 1px solid #6386DE;
}
.bottomLineLight{
	border-bottom: 1px solid #DEE7EF;
}

/*The td with top line style */
.topLine{
	border-top: 1px solid #6386DE;
}
.topLineLight{
	border-top: 1px solid #DEE7EF;
}
/*title label usually the big font for a particular label in certain pages. */
.titleLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#000000;
	
}
.carttitleLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:red;
	
}
/*The header label for each section in a page. Usualy the title for each section table result or data page ex. Building Name etc..*/
.sectionLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:black;
}

/*The header label for each form. Usualy the title for each section form  */
.formLabel, .formLabel A:link, .formLabel A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#6386DE;
}

/* The text style for the input label */
.inputLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

/* The text style for the actual text in the input field*/

.inputText, .inputText A:link, .inputText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: 000000;
	text-decoration: none;
}

.inputField{
	background-color:#DEE7EF;
	border:none;
	background-image:url(../img/textField.gif);
	background-repeat:no-repeat;
	height:20px;
	padding-left:6px;
	padding-top:4px;
	font-family:Veranda;
	font-size:12px;
	font-weight:bold;
	color:#669933;
	font-stretch:expanded;
	width:230px;
}
/*link for prev text in paging*/
.prevText,.prevText A:link, .prevText A:visited {
	color:red;
}

.nextText,.nextText A:link, .nextTextt A:visited {
	color:red;
}



/* The text style for the non-field label.*/
.itemLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.inputCheckbox{
background-image:url(../img/checkBox.gif);
}
.cartDiv{
	/*background-image:url(../searchidx/graphics/fadebgred.gif);*/
	background-repeat:repeat-x;
	border:1px solid #6386DE;
	background-color:white;
	width:400px;
	height:580px;
}

.popDiv{
	border:1px solid #6386DE;
	background-color:white;
	width:750px;
	height:620px;
	/*background-image:url(../searchidx/graphics/fadebgred.gif);background-repeat:repeat-x;*/
	padding:5px;
}
.cartitemText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* The text style for the value of the label */
.itemText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

 .itemText A:link, .itemText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #6386DE;
	text-decoration: none;
}

/* The text style for the non-field description label */
.descLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}
/*Style for any description text */
.descText, .descText A:link, .descText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.linkText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #6386DE;
	text-decoration: none;
}
/*The text link style for link text */
 .linkText A:link, .linkText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #6386DE;
	text-decoration: none;
}


/*The text style for column(header) of a table */
.columnHeader, .columnHeader A:link, .columnHeader A:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image:url(../img/ltBlueGrad.gif);
	
}

/*The text for the content of the table */
.tableContent{

}

/*the paging text style */
.pagingText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.pagingText A:link, .pagingText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.pagingText A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: red;

	text-decoration: none;
}

.currentPage{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: red;

	text-decoration: none;
}
.navTextHead{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/*Style for certain navtext item*/
.navText, .navText A:link, .navText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.navText A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: yellow;
	text-decoration: underline;
}

/*outset table*/
.outsetBox{
	/*background-color:#DEE7EF;*/
	background-color:#DEE7EF;
	
	
}

.insetBox{
	border-color:#FFFFFF;
	border-width:2px;
	border-style:solid;
}

/*error text. Any text that alert users for errors*/
.errorText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:#FF0000;
}

.alertText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#FF0000;
}
/* The text style for the value of the label */
.menuText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #6386DE;
	text-decoration: none;
}

.menuText, .menuText A:link, .menuText A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #6386DE;
	text-decoration: none;
}

.legendY{
font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.legendX{
font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.legendText{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}
.lgGreenHeader {
	color: #379C13;font-size: 12pt; font-family:  Arial; font-weight: bold;
}
.borderSides{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6386DE;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6386DE;
}
.borderTab{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6386DE;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6386DE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6386DE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6386DE;
	background-color:white;
	width:120px;
	text-align:center;
}
.borderTabCurrent{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6386DE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6386DE;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6386DE;
	background-color:#DEE7EF;
		width:120px;
	text-align:center;

}
.borderTabBlank{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6386DE;
}

.tabText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #6386DE;
	text-decoration: none;
	
}



.tabContainer{
	width:inherit;
	height:19px;
	text-align:right;
	border-bottom-width:1px;
	border-bottom-color:#6386DE;
	border-bottom-style:solid;
}

.sContent{
	display:none;
}
.tabNormal{
	width:140px;
	height:20px;
	font-weight:bold;
	background-color:#dee7ef;
	border-width:1px;
	border-style:solid;
	border-color:#6386DE;
	border-bottom-width:0px;
	text-align:center;
	cursor:pointer;
	font-size:8pt;
	font-family:Arial;
	color:#6386DE;
	padding:4px;
	margin-left:2px;
	white-space:nowrap;
	position:relative;
	top:0px;
	
}
.hide{
display:none;
}
.show{
display:block;
}

.tabActive{
	width:140px;
	height:18px;
	font-weight:bold;
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#6386DE;
	text-align:center;
	cursor:pointer;
	border-bottom-width:2px;
	border-bottom-color:#ffffff;
	font-size:8pt;
	font-family:Arial;
	color:#6386DE;
	padding:4px;

	/*padding-bottom:2px;*/
	margin-left:2px;
	position: relative;
	top: 2px;
	white-space:nowrap;
	z-index:50;
	/*background-image:url(../img/tabActive.gif);
	background-repeat:no-repeat;*/
}

.hiddenData{
	display:none;
}
.shownData{
	display:block;
}
.tabHead{
	border-top: 1px solid #6386DE;
	height:22px;
	background-color: #CEDFFF;
	cursor:pointer;
	padding:2px;
}

.tabHeadOpen{
	border-top: 1px solid #6386DE;
	background-color: #B3CFE5;
	height:22px;
	cursor:pointer;
	padding:2px;
}

.tabCont{
	border-top: 1px solid #6386DE;
	padding-bottom:8px;
	padding-left:4px;
	padding-top:8px;

}

.colorTable{
	background-color:#6386DE;
}

.tabText{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}












.exp_content {
  margin : auto;
  text-align : left;
  /*padding : 32px 14px 33px 4%;*/
  height :5px;
  font-size : 0.9em;
}

.csc h2 {
  color : #ffffdd;
  font-weight : normal;
  /*margin-bottom : 10px;*/
}
.csc p {
  color : #fff;
  margin-bottom : 10px;
}




.csc {
  background :  #669900 url(../img/csc_tl.png) no-repeat;
  /*width : 20em;
  height : auto;*/
  position : relative;
  padding : 5px 0px;

}

.tl, .tr, .bl, .br {
  position : absolute;
  width : 39px;
   /*height : 5px;  corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

.tr {
  background : transparent url(../img/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}

.bl {
  background : transparent url(../img/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

.br {
  background : transparent url(../img/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}