﻿.showMe 
{
	display: block;
	visibility: visible;
}
.hideMe 
{
	display: none;
	visibility: hidden;
}

/* custom classes */

.calltoaction:link, .calltoaction:visited, .calltoaction:active 
{color: green; text-decoration: underline; }
.calltoaction:hover {color: black; text-decoration: underline; }

.white {color: #FFFFFF}

#rightcol p, #rightcol table  
{
	font-size: 8pt;
	margin: 0;
	padding-top: 0;
	padding-bottom:0;
	padding-left: 5px;
	padding-right: 5px;
}
#rightcol li 
{
	font-size: 8pt;
	margin: 0;
	padding-top: 0;
	padding-bottom:0;
	position: relative;
	left: -10px;
}

/* top menu */
.mainMenuTd span, .mainMenuTdFirst span,   .mainMenuTdFirst a:link, .mainMenuTdFirst a:visited,.mainMenuTd a:link, .mainMenuTd a:visited 
{
	color: white;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 5px;
	border-right: 1px solid #000000;
}
.mainMenuTdLast a:link, .mainMenuTdLast a:visited, .mainMenuTdLast span
{
	color: white;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 5px;
}
.mainMenuTdFirst a:hover,.mainMenuTd a:hover,.mainMenuTdLast a:hover  {
	color: #000000;
}

/* right col formatting */
.rightcolumn 
{
  font-size: 8pt;
  padding-left: 5px;
}
.rightcolumnheader {
  background-image:  URL(../images/index_25.gif);
  height: 22px;
}
.rightcolumnheader h3 
{
 color: #000099;
 font-size: 10pt;
 padding-left: 3px;
 margin: 1px;
}
.bottom {
  border-bottom: 1px solid #2c2c2c;
}
.bottom a:link, .bottom a:visited 
{
  color: black;
  text-decoration: none;
  padding-right: 5px;
  padding-left: 5px;
  border-right: 1px solid #000000;
}
.bottom a:hover 
{
  color: red;
  text-decoration: none;
}

/* for code sections */
code {
	background-color: #e0e0e0;
}
.code {
	background-color: #e0e0e0;
}


/* standard */
body {
	background-color: #BABABB; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin-left: 0px;
  margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
legend 
{
	color: Blue;
}

.data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #565602;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}


form, iframe
{
	margin: 0;
	padding: 0;
}
h1, .listHeader 
{
	font-size: 14pt;
  color: #336699;
	text-align:left;
}
h2
{
	font-size: 13pt;
  color: #336699;
	text-align: left;
}
.symbolFirstLetter 
{
	background-color: rgb(48,38,36);
	border: solid 1px white;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
	font-weight: bold;
	font-family: Arial;
	font-size: 12pt;
	color: #00ff18;
}

a:link, a:visited 
{
  color: #336699;
}
a:hover 
{
  color: black;
}


.mainMenuTd 
{

	
}
.mainMenuItem:link, .mainMenuItem:visited  
{
	color: white;
	background-color: white;/*rgb(0,51,102);*/
	border: solid 1px Black;
	font-size: large;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	font-family: Arial Black;
	display: block;
	margin: 0;
	position: relative;
	top: -5px;
}
.mainMenuItem:hover 
{
	color: Red;
}

/*breadcrumbs*/
.breadcrumbs 
{
	font-size: 8pt;
}
.breadcrumbs>a:link, .breadcrumbs>a:visited 
{
	font-size: 8pt;
	font-weight: normal;
}
.breadcrumbs>a:hover 
{
	
}
/* to help with editing... */
.normal { border: 0; }
.highlight { border: 2px solid green;  background-image: url(../images/editcontent.jpg);
    background-position: right top;
    background-repeat:no-repeat;}

#mainContentSection 
{
	margin-right: 8px;	
	text-align:left;
}
#mainContentSection2Col 
{
	text-align:left;
}
#mainContentSection p, #mainContentSection table tr td, #mainContentSection2Col p, #mainContentSection2Col table tr td
{
	margin: 0;
	padding: 0;
}
th 
{
	color: rgb(206,142,33);
}


.scrollerspace 
{
	height: 60px;
}
#memberlogin 
{
	font-size: 10pt;
}
legend 
{
	font-weight: bold ;
}

/*progress bar*/
.progressbar {
  border: solid 1px black;
}
.progressbartitle {
   font-size: 13pt;
}
.progresscompletedtext 
{
    color: #12D403;
}
.progresscurrentsteptext 
{
	color: #363636;
	font-weight: bold;
}
.progresspendingtext 
{
    color: #939394;
}
.hrprogresscompleted {
  background-color: #12D403;
  color: #12D403;
  height: 3px;
}
.hrprogresspending {
  background-color: #939394;
  color: #939394;
  height: 3px;
}



embed, #spanMusic 
{
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0;
}

/* styles for ajax controls*/
.poor
{
color:red;
}
.weak
{
color:#ff6666;
}
.average
{
color:yellow;
}
.strong
{
color:#66ff66;
}
.excellent
{
color:green;
}

/* star ratings */
 .ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}