﻿/* Custom created styles...*/

.categoryImage 
{
	background-image:url(/images/categoryarrow.jpg); 
	background-repeat: no-repeat;
	background-color: rgb(106,106,106);	
	background-position: left center;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: 7px;
}
.toplink:link, .toplink:visited 
{
	color: white;
}
.toplink:hover 
{
	color: rgb(69,176,236);
	/* color: #00fcff; */
}
.topImageBorderMargin 
{
	border: solid 9px white; width: 325px; height: 224px; margin-top:5px;margin-bottom:6px;
    background-position: center center; background-repeat: no-repeat;
    background-color: White;
}
.topImageBorderMarginHighlight 
{
	border: solid 9px green; width: 325px; height: 224px; margin-top:5px;margin-bottom:6px;
    background-position: center center; background-repeat: no-repeat;
    background-color: green;
}
.categoryLink:link, .categoryLink:visited
{
	font-family: Trebuchet MS;
	font-size: 14pt;
	font-style: italic;	
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 2px;
	color:#c89b3e; 
}
.categoryLink:hover 
{
	color: White
}
body {
	background-color: rgb(102,85,67);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: white;
	font-family: Trebuchet MS;
	background-image:url(/images/bg.jpg); 
	background-repeat: repeat-x;
}
legend 
{
	color: Blue;
}

.data 
{
	font-family: Trebuchet MS;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	font-weight: normal;
	color: white;/*#ffffff;*/
	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-family: Trebuchet MS;
	font-size: 16pt;
	font-style: italic;	
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 2px;
	color:#c89b3e; /*#00fcff;*/
	text-align:left;
}
h2
{
	font-family: Arial;
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-top: 0px;
	font-weight: bold;
	text-align: left;
	color: #00ff18;
}
.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: rgb(69,176,236);/* #00fcff;*/
	text-decoration: none;
}

a:hover {
	color: #00fcff;
	text-decoration: underline;
}

.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 
{
	color: white;
	text-decoration: underline;
}
/* to help with editing... */
.normal { border: 0; }
.highlight { border: 2px solid green; }

#mainContentSection 
{
	margin-right: 8px;	
	text-align:left;
	font-family: Trebuchet MS;
}
#mainContentSection p, #mainContentSection 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;
}


/* dropdown menu */

 .dropdownUl {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    width: 160px;
	}
	.dropdownUl>li {
	   position: relative;
	}
	.dropdownUl>li>a {
	    display: block;
	    text-decoration: none;
	    color: white;/*rgb(51,51,51); */
	    background: #fff;
	    padding: 2px;
	    border: 1px solid #ccc;
	    border-bottom: 0;
	    font-size: 10pt;
	    width: 160px;
	}
	.dropdownUl>li>a:hover, .dropdownUl>li:hover {
	    color: white;
	    background-color: rgb(51,51,51);  
	}
	

/* left menu */ 


/* to help IE6 to read link...*/
.leftlinkA:link,.leftlinkA:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #4f0c0c; 
	font-size: 10pt;
	font-weight: bold;
	width: 200px;
	padding-left: 8px;
	padding-bottom: 0px;
}
.leftlinkA:hover 
{
	color: #d14415;
}
.leftlinkASub:link,.leftlinkASub:visited 
{
	font-size: 9pt;
	color: #4f0c0c;  /*#4f0c0c;*/
}
.leftlinkASub:hover 
{
	color: white;  /*#4f0c0c;*/
}
.leftlinksUl 
{
text-align: left;
margin-left: 0em;
padding-left: 0em;
list-style: none;
width: 195px;
position: relative; 
left: 10px;
top: -20px;
display: block;
}
.leftlinkLi, .leftlinkLiTop, .leftlinkLiBottom
{
/*
background-image: url(/images/triangleRight.gif);
background-repeat: no-repeat;
background-position: -4px center; 
padding-left: 4px;
*/
} 
.leftlinkLi>a:link, .leftlinkLi>a:visited,.leftlinkLiTop>a:link, .leftlinkLiTop>a:visited,.leftlinkLiBottom>a:link, .leftlinkLiBottom>a:visited
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none;
color: #4f0c0c; 
font-size: 10pt;
font-weight: bold;
width: 200px;
padding-left: 8px;
padding-bottom: 0px;
display: block; 

}
.leftlinkSpan 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: black; 
font-size: 10pt;
font-weight: bold;
width: 200px;
padding-left: 8px;
padding-bottom: 0px;
display: block; 
}
.leftlinkLi a:hover, .leftlinkDiv a:hover, .leftlinkLiTop a:hover, .leftlinkLiBottom a:hover
{
color: #d14415;
}
.leftlinkLiSub>a:link, .leftlinkLiSub>a:visited 
{
	font-size: 9pt;
	color: #4f0c0c;  /*#4f0c0c;*/
}
.leftlinkLiSub>a:hover 
{
	color: white;  /*#4f0c0c;*/
}

.selectedMenuItem:link, .selectedMenuItem:visited, .selectedSubMenuItem:link, .selectedSubMenuItem:visited
{
color: Purple;
font-weight: bolder;
}
.selectedMenuItem:hover, .selectedSubMenuItem:hover
{
color: Red;
}
 
/* child links */
.leftlinksUl ul 
{
list-style: none;
margin-left: 0;
margin-top: 0;
padding-left: 1em;
padding-top: 0;
text-indent: 0;
}
 
/*used to show/hide submenus with javascript*/
.leftlinksUlSubHide {
display: none;
visibility: hidden; 
}
.leftlinksUlSubShow {
display: block;
visibility: visible;
}

.topLinks:link, .topLinks:visited 
{
	color: White;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}
.topLinks:hover 
{
	color:Black;
	text-decoration: underline;
}


/* top navigation classes*/

/* left menu */	
.toplinksUl 
{
	text-align: left;
	margin-left: 0em;
	padding-left: 0em;
	list-style: none;
	width: 195px;
	position: relative;	
	left: -5px;
	display: inline;   
}
.toplinkLi 
{
	display: inline;   
}	
.toplinkLi>a:link,.toplinkLi>a:visited,.toplinkLiTop>a:link,.toplinkLiTop>a:visited,.toplinkLiBottom>a:link,.toplinkLiBottom>a:visited
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
    text-decoration: none;
    color: white; 
    background-image: url('../images/leftmenubutton.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 10pt;
    font-weight: bold;
    width: 194px;
    height: 18px;
    padding-left: 10px;
    padding-bottom: 2px;
    display: inline;   
}
.toplinkSpan 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
    color: black; 
    background-image: url('../images/leftmenubutton.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 10pt;
    font-weight: bold;
    width: 194px;
    height: 18px;
    padding-left: 10px;
    padding-bottom: 2px;
    display: inline; 
}
.toplinkLi>a:hover, .toplinkDiv>a:hover, .toplinkLiTop>a:hover,.toplinkLiBottom>a:hover
{
	color: black;
}

.selectedMenuItem:link, .selectedMenuItem:visited, .selectedSubMenuItem:link, .selectedSubMenuItem:visited
{
	color:white;/* Purple;*/
	font-weight: bolder;
}
.selectedMenuItem:hover, .selectedSubMenuItem:hover
{
	color: Red;
}


/* child links */
.toplinksUl ul 
{
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 1em;
	padding-top: 0;
	text-indent: 0;
}


/*used to show/hide submenus with javascript*/
.toplinksUlSubHide {
 display: inline;
 visibility: hidden; 
}
.toplinksUlSubShow {
 display: inline;
 visibility: visible;
}

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);
}