/* basics */
body { margin: 0px; padding: 0px; }
body{ font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; }
form { margin: 0; padding: 0; }

/* text styles */
a, a:link { font-weight: normal; text-decoration: none; color: blue; }
a:visited { font-weight: normal; text-decoration: none; color: blue; }
a:hover, a:active { font-weight: normal; text-decoration: underline; color: blue; }

#leftNavMenu a, #leftNavMenu a:link, #leftNavMenu a:visited { color:Black; }
#leftNavMenu a:hover { color:Blue; }

a.orange:link { font-weight: bold; text-decoration: none; color: #FF7900; }
a.orange:visited { font-weight: bold; text-decoration: none; color: #FF7900; }
a.orange:hover, a.orange:active { text-decoration: underline; color: #FF7900; }

input.button { cursor:hand; font-weight:bold; }

/*input styles*/
input.small { font-size: 0.9em }
* html input.small {
	height: 14px;
}
* html input.smallbutton {
	height: 20px;
	font-size: 0.9em;
	line-height: 12px;
}

/* font styles */
.redtxt { color: Red;}

#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* Splash Page Structure */

.headerSplash{width:800px;}
.mainSplash{width:800px; height:100%;}
.splashLeft{width:450px; float:left; margin-left:50px; font-size: 0.85em;}
.splashRight{width:200px; float:right; background-color:#E6E6E6; margin-right:21px; font-size: 0.85em;}
.imageBreak{ width:100px;}
.splashBody {font-family: Arial, Helvetica, sans-serif; }

.splashNews{font-family: Arial, Helvetica, sans-serif; padding:10px 10px; }

h1 {font-size: 1.7em; padding-top:2px; margin:10px 0px; letter-spacing:0px;  }
h2 {font-size:1.4em; font-weight:bold; margin-bottom:10px; padding-top:5px; } 


/* Page Structure */

.whole { height:100%; width:100%; margin: 0px auto;}
.leftNav {width:150px; height:100%; float:left; padding-left:5px; margin-right:10px; }
.main { height:100%; float:left; font-size: 0.85em; padding-bottom: 10px;}


.mainHeader{ height: 45px; padding-top: 20px; font-size: 1.4em; font-weight: bold; }

.mainBody{ width:600px; line-height:160%; }
.mainLeft{ float:left; width:400px; line-height:150%; }
.mainLeftHeader{ height: 45px; padding-top: 20px; font-size: 1.3em; font-weight: bold; }
.mainLeftBody{}
.mainRight{ float:left; width:200px; margin-right:20px; border-top: solid 75px #FFFFFF; padding-left: 20px;  }

div.main div { border:none }

.pagination { padding-bottom:20px; }
.paginationSeparator { color:White; }
	
/* Left Navigation Bar */

.menuTop { background-image:URL('../../images/header.gif'); background-repeat:no-repeat; padding-left:5px; height:21px; padding-top:1px; font-weight:bold; font-size: 0.8em; font-family: Arial; text-indent: 10px; line-height: 20px; }
	
ul.nav { padding: 0px; margin: 0px;}
ul.nav li.navMiddle	{ background-image:URL('../../images/navMiddle.gif'); background-repeat:no-repeat; height:22px; padding-top:0px; width:137px; color:#000000;  font: 9pt Arial; list-style-type: none; line-height: 22px; text-indent: 15px;}
ul.nav li.navBottom	{ background-image:URL('../../images/navBottom.gif'); background-repeat:no-repeat; height:22px; padding-top:0px; width:137px; color:#000000;  font: 9pt Arial; list-style-type: none; line-height: 22px; text-indent: 15px;}
ul.nav a, ul.nav li.navMiddle a, ul.nav li.navBottom a { font-weight: normal;}	

/*.navHeader{ background-image:URL('images/navTop.gif'); background-repeat:no-repeat; padding-left:10px; height:27px; padding-top:7px; width:137px; color:#000000;  font: 9pt Arial}
.navMiddle{ background-image:URL('images/navMiddle.gif'); background-repeat:no-repeat; padding-left:10px; height:23px; padding-top:3px;width:137px; color:#000000;  font: 9pt Arial}
.navBottom{ background-image:URL('images/navBottom.gif'); background-repeat:no-repeat; padding-left:10px; height:22px; padding-top:3px;width:137px; color:#000000;  font: 9pt Arial}
*/
.menuTopNav{ color:#000000; font-weight:bold;}
	
.feedbackLink {color:#FF7900;}
	
.searchBox{height:25px;}
.searchButton{margin-top:2px;}

.copyright, .copyright a, .copyright a:visited, .copyright a:link { font-size:9px; color:#FF7900;}
.formBoxTitle {padding:2px 5px;color:white;background-color:#000080;font-weight:bold;font-size:140%;}
.formbox { background-color: #EBEBEF; border: solid 1px #000000; padding: 5px; min-width:350px; overflow: visible; text-align: left;}
*html .formbox { width:350px; }

/*positioning divs*/
.aligncenter{text-align: center;}
.terms {height: 250px; width: 500px; background-color: #EEEEEE; overflow:scroll; border: solid 1px #000000; text-align: left; padding: 4px;}

div.showfeedbackDiv {padding:10px;}

.exerciseskilltypeimage { padding-right:10px; vertical-align:middle }
.exerciselist { padding-left:20px; }
.exerciselist p { margin-top:5px; margin-bottom:5px; }

table.PaymentHistory td ,table.PaymentHistory th {padding:3px 10px;} 

/* exercises */
div.author { color:Silver; font-size:0.8em; display:inline; margin-left:35px; padding:0px; position:relative; top:-5px }
div.instructions { background-color:rgb(255, 255, 204); margin-bottom:5px; padding:5px; }

img.ExcerciseListheaderImage {float:right;}

.topicGridDiv {width:100px; height:100px; vertical-align:bottom; text-align:center;  margin:5px; padding:5px;}
.bold {font-weight:bold;}