﻿body
{
  margin: 0px;
}
.pricetable {
	background-image: url('../../images/course_detail_table.png');
	background-repeat: no-repeat;
}
hr			{color:#006699; background-color:#006699; height:2px; border:0px;}
td			{
	border-width:1px;
	padding: 10;
}	/*just nice for dev*/
img			{border:0px;}


#maindiv 							{
	width:950px;
	background-color:#ffffff;
	margin:0px auto;
	text-align:left;
}
#headerdiv						{background-color:#ffffff; height:75px;} /*height of logo image*/
#headerdiv table			{height:100%; float:right;}
#homepicdiv						{margin-bottom:4px;}
#navdiv								{margin-bottom:4px;}
#contentdiv 					
{
  padding: 5px 0px 0px 0px ;
}
#footerdiv 						{font-size:80%; color:#666666; text-align:center; margin-bottom:.5em;}
.lmargin	{margin-left:16px;}
.rmargin	{margin-right:16px;}
h1		{
	color:#002c4a;
	font-size:150%;
	font-weight:bold;
}
h2		{
	color:#FF6600;
	font-size:120%;
	font-weight:bold;
	margin-bottom:0.2em;
}
h3    {color:#002c4a; font-size:100%; margin-bottom:.2em;}

/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
/* zeroing the margins of the first element in the #footer div will avoid the possibility of margin collapse - a space between divs */
/* beware of general vert-space in <p> tags */
/* positioning : absolute div basically need a relative parent. absolute divs should have width set (% preferred). */


a:link, a:active, a:visited 			{
	color: #00588A;
	text-decoration:none;
}
a:hover 	                        {color: #FF6600; text-decoration:none;}


/*
.tableheadleft		{background-image:url(images/headline_bkgd.gif); background-repeat:no-repeat; background-position:left top;		border-top:solid thin; border-right:solid 0px; border-bottom:solid thin; border-left:solid thin; }
.tableheadcenter	{background-image:url(images/headline_bkgd.gif); background-repeat:no-repeat; background-position:center top; color:#002c4a; font-size:130%; font-weight:bold; line-height:36px; white-space:nowrap;		border-top:solid thin; border-bottom:solid thin; }
.tableheadright		{background-image:url(images/headline_bkgd.gif); background-repeat:no-repeat; background-position:right top;		border-top:solid thin; border-right:solid thin; border-bottom:solid thin; border-left:solid 0px; }
*/
.tableheadleft		
{
  background-image:url('../../images/headline_bkgd.gif');               		 
  /*background-image:url('../../images/headline_bkgd_01.gif');*/ 
  background-repeat:no-repeat; background-position:left top;
}

.tableheadcenter	
{
  background-image:url('../../images/headline_bkgd.gif');               		 
  /*background-image:url('../../images/headline_bkgd_01.gif');*/ 
  background-repeat:no-repeat; background-position:center top; color:#002c4a; font-size:130%; font-weight:bold; line-height:36px; white-space:nowrap;
}
.tableheadright		
{
  background-image:url('../../images/headline_bkgd.gif');               		 
  /*background-image:url('../../images/headline_bkgd_01.gif'); */
  background-repeat:no-repeat; background-position:right top;
}
.tablecontent			{padding:10px; text-align:left;}

ul						{list-style-type:disc; margin:0px; padding:0px;}
ul ul					{list-style-type: square;}
ul ul ul			{list-style-type: circle;}
ul li 				{margin-left:24px;}
.bulleted			{margin-left:-24px;}
.bulleted li	{list-style:none; background:url('../../../../images/nacle_bullet.gif') no-repeat 0px 2px; 
padding:2px 0px 3px 18px; line-height:120%;
}
.bulletedsmall			{margin-left:-24px;}
.bulletedsmall li		{list-style:none; background:url('../../images/nacle_bullet.gif') no-repeat 0px 1px; 
padding:2px 0px 3px 18px; line-height:120%; font-size:85%;
}

.packBullet			
{
  margin: 6px 0px 0px 0px;
}
.packBullet li		
{
  list-style:none; 
  background:url('../../images/nacle_bullet.gif') no-repeat 0px 1px; 
  padding:2px 0px 3px 18px; 
  line-height:120%; 
}

.panel				{border:solid 1px #aaaaaa; margin-bottom:16px;}
.paneltitle		{background-color:#cccccc; border-bottom:solid 0px #aaaaaa; padding:4px 6px; font-size:10pt; font-weight:bold; }/* color:#b5121b;*/
.panelcontent	{padding:10px;}

.bigtrash			{width:13px; height:14px; padding:2px 0px; cursor:pointer;}	
.twistie			{cursor:pointer;}
.prodtwistie	{cursor:pointer; float:left; padding:4px 0px;}
.prodtitle		{font-size:120%; font-weight:bold;}
.prodcredits	{font-size:90%; line-height:1.2em; padding:2px; text-align:right; white-space:nowrap;}
.prodtotal		{
	color:#002C59;
	font-weight:bold;
	font-size: 16px;
}
.subtotaltd		{background-color:#c0c0c0; border-left: solid 1px #aaaaaa;}


.gv th	 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #002E5B;
	padding: 7px;
}
.gv td	 
{
  padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.nosorthead		{color:#bbbbbb;}

.controlbar				{background-color:#006699; border:solid 1px #006699;}
.controlbar td		{padding:2px 4px; color:#cccccc;}
.controlbar td *	{font-size:95%;}

.cartmsg	{padding:8px; background-color:#ffff99; font-size:90%; line-height:1.4em; margin-bottom:16px;}

.minicartheader {background:url(../../images/minicart_top.jpg) no-repeat; font-weight:bold; line-height:38px; white-space:nowrap;}
.minicartitem					{margin-top:8px;}
.minicartitem	.title	{font-size:80%; font-weight:bold; line-height:1em; margin-bottom:4px; color:#333333; }
.minicartitem table		{margin-bottom:8px; font-size:90%;}	
.minicartview         {font-size:80%; font-weight:bold; line-height:1em; margin: 3px 0px 3px 0px; color:#333333; text-align: center; }
.minicartview a:visited, .minicartview a:link, .minicartview a:active {text-decoration: underline; }
.minicartview a:hover {text-decoration: none;}

div.hr { margin: 5px 0px; border: none; border-top: 1px solid #000000; }
div.hr hr { display: none; }

#subNav								{background-color:#333333; color:#cccccc; padding:4px 0px; border-bottom:solid 2px #000000; margin-bottom:4px;}
#subNav a 						{background:none; padding:6px 32px; white-space:nowrap; color:#cccccc; font-size:90%;}
#subNav a:link				{text-decoration:none;}
#subNav a:hover				{background-color:#006699; color:#ffffff;}
#subNav #subNavTitle	{background-color:#000000; color:#ffffff; font-weight:normal; padding:6px 32px; font-size:90%; }

#productdetailtable					{border-left:solid 1px #aaaaaa; background-color:#ffffff; }
#productdetailtable td			{border-bottom:solid 1px #aaaaaa; border-right:solid 1px #aaaaaa;}
#productdetailtable .label	{background-color:#cccccc; font-weight:normal; text-transform:uppercase;}
#productdetailtable .data		{
	text-align:right;
	font-weight:bold;
	color:#FF5F00;
}


/* Products Page */
.productitem					{padding:2px; border:solid 0px #e0e0e0;}
.productitem	.title	{font-size:90%; font-weight:bold; line-height:1em; margin-bottom:4px; color:#333333;}

.productitem	td							{font-size:90%;}
.productitem	.prodtitle			{font-size:100%; font-weight:bold; line-height:1.2em;}
.productitem	.bundlebutton		{font-size:90%; color:#333333; font-weight:normal;}



/*needed?/
.blacklinktext	{color:#888888; font-size:90%; }
.blacklinktext a:link, .blacklinktext a:visited,  .blacklinktext a:hover, .blacklinktext a:active	{color:#bbbbbb; text-decoration:none;}
/*needed? - end*/




/* NAVIGATION BUTTONS */
.menu {width:950px; height:35px; }
.navbtn	{
	position:relative;
	float:left;
	margin:0;	padding:0;
	font-family:arial, helvetica, sans-serif;	font-weight:bold;	
	height:35px;
	overflow:hidden;/* for ie to hide extra height*/	
}
.navbtn a:link, .navbtn a:visited, .navbtn a:active
{
	display: block;
	float: left;
	color: #dddddd;
	font-size: 9pt;
	text-decoration:none;	text-transform:uppercase;
	width: 135px;	height: 35px;
	overflow:hidden;/* for ie to hide extra height*/
}
.navbtn a:hover 		{color: #ffffff;}
.navbtn img 				{width:135px; height:35px; border:0;}
/*	
* html 	a:hover 		{visibility:visible}
.navbtn a:hover img	{visibility:hidden}
*/
.navbtn span {
	position:absolute;
	top:8px;	left:0px;
	text-align:center;
	width:135px;
	cursor:pointer;   
}


.navbtncenter
{
  background:url('../../images/navbtn_up_center.gif') no-repeat;
  width:135px;	
}

.navbtnleft
{
 background: url('../../images/navbtn_up_left.gif') no-repeat; 
 width:137px; 
}

.navbtnright
{
  background: url('../../images/navbtn_up_right.gif') no-repeat; 
  width:137px;
}



/*http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml*/
/* END OF NAVIGATION */


/* HOME PAGE LOGIN CONTROLS */
.logindiv
{
 background-color: #cccccc; 
 padding: 10px; 
 margin:0px 20px 40px 20px;
 border:solid 8px #999999;
}




input.login_wmrk
{  
  color: #8b8b8b;
  font-size: 11px; 
}

input.password_wmrk
{  
  color: White;
  text-align:right; 
  background-image:url('../../images/password_watermark.gif');
  background-repeat:no-repeat; 
  background-position: left 30%;
}

input.login, input.login_wmrk, input.password_wmrk
{
  padding-left: 2px;
  border: 1px solid gray;
  width: 145px; 
  height: 17px; 
  vertical-align: middle;
  font-family: Verdana;  
}

input.login
{
    font-size: 11px; 
}




/* LOGIN PAGE */
input.login_big
{
  border: 1px solid #cccccc;
  padding: 2px;
}


/*select        {font-size: 15px;}*/


.wmrk
{
  color: #8b8b8b;
  font-style: italic;
}



.validationsummary				{background-color:#e0e0e0; border:solid 1px #ff0000; margin-bottom:5px;}
.validationsummary ul			{padding-left:12px; position:relative; top:8px; left:8px;}
.validationsummary li			{color:#333333; font-size:95%; line-height:150%; list-style-image:url('../../../../images/X.gif');
}

.validationerrors         { font-size: 15px; font-weight: bold; padding-left:4px;  border:1px solid Red;  background-color:#FFEEEE;  color:Red;  margin:0px 0px 5px 0px;  padding:0px; width:100%;}
.validationerrors span    { color:Red; }
.validationerrors img		  { vertical-align:middle; padding-left:4px;}

.validationwarnings				{background-color:#e0e0e0; border:solid 2px #cccccc; margin-bottom:5px; width:100%;}
.validationwarnings	span	{color:#333333; font-size:90%;}
.validationwarnings img		{vertical-align:middle; padding-left:4px;}

.info                     {width:97%; padding:2px 5px 2px 5px; margin:0px 0px 1px 0px; font-weight:bold; color:green; background-color:#EEFCD2; border:1px solid #9FBE4C;}
.error                    {width:99%; padding:2px 5px 2px 5px; margin:0px 0px 1px 0px; font-weight:bold; color:red; background-color:#FFEEEE; border:1px solid Red;}










.pager
{
  color: #fd6600; 
}

.pager a:link, .pager a:active, .pager a:visited
{
 text-decoration: underline; 
}

.pager a:hover
{
   text-decoration: none; 
}


/*
ORIGINAL CLE CSS - BEGIN

* 			{margin:0px; padding:0px;}
body		{font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#e0e0e0; text-align:center; line-height:1.4em; position:relative; }	
hr			{color:#333333; background-color:#333333; height:1px; border:0px;}	
td			{border-width:1px;}
img			{border:0px;}

#maindiv 							{background-color:#ffffff; width:1000px; margin:0px auto; text-align:left;}
#headerdiv						{background-color:#333333;} 
#navdiv								{position:absolute; background-color:#ffffff; width:180px; top:150px;}					
#bodydiv							{position:relative; left:180px; width:820px; background:url(images/bkgd_shadowonly.gif) repeat-y #ffffff;}
#bodydiv h1						{color:#b5121b; font-size:13pt; font-weight:bold; margin-bottom:.5em; line-height:1.1em;}			
#bodydiv h2						{color:#b5121b; font-size:10.5pt; font-weight:bold; margin-bottom:.2em;}
#bodydiv p						{margin-bottom:1em;}
#contenttd						{padding:20px; vertical-align:top; width:100%;}
#rightcoltd						{vertical-align:top; padding-top:20px; padding-right:10px; }
#footerdiv 						{position:relative; left:180px; width:820px; background:url(images/bkgd_shadowonly.gif) repeat-y #ffffff; text-align:center; }

a:link 												{color: #b5121b; text-decoration:none;}
a:hover, a:active, a:visited 	{color: #990000; text-decoration:none;}

ul						{list-style-type:disc; margin:0px; padding:0px;}
ul ul					{list-style-type: square;}
ul ul ul			{list-style-type: circle;}
ul li 				{margin-left:24px;}
.bulleted			{margin-left:-24px;}
.bulleted li	{list-style:none; background:url(images/arrow.gif) no-repeat 0px 2px; padding:0px 0px 6px 16px; line-height:120%;}
.bulletedsmall			{margin-left:-24px;}
.bulletedsmall li		{list-style:none; background:url(images/arrowsm.gif) no-repeat 0px 1px; padding:0px 0px 3px 12px; line-height:100%; font-size:80%;}


NAVIGATION BUTTONS
.navbtn	{
	position:relative;
	float:left;
	margin:0;	padding:0;
	font-family:arial, helvetica, sans-serif;	font-weight:bold;
	background:url(images/navbtn_over.gif) no-repeat;
	width:180px;	height:30px;
	white-space:nowrap;
	display:block;
}
.navbtn a {
	display: block;
	float: left;
	color: #000000;
	font-size: 10pt;
	text-decoration:none;	
	width: 180px;	height: 30px;
}
.navbtn a:hover 		{color: #b5121b;}
.navbtn img 				{width:180px; height:30px; border:0;}

* html 	a:hover 		{visibility:visible}
.navbtn a:hover img	{visibility:hidden}

.navbtn span {
	position:absolute;
	top:8px;	left:48px;
	text-align:left;
	width:180px; height:30px;
	cursor:pointer; 
	
}
http://www.webcredible.co.uk/user-friendly-resources/css/rollover-buttons.shtml
 END NAVIGATION BUTTONS 


.panel				{border:solid 1px #aaaaaa; margin-bottom:16px;}
.paneltitle		{background-color:#cccccc; border-bottom:solid 0px #aaaaaa; padding:4px 6px; font-size:10pt; font-weight:bold; }
.panelcontent	{padding:10px;}

.bigtrash			{width:13px; height:14px; padding:2px 0px; cursor:pointer;}	
.twistie			{cursor:pointer;}
.prodtwistie	{cursor:pointer; float:left; padding:4px 0px;}
.prodtitle		{font-size:120%; font-weight:bold;}
.prodcredits	{font-size:90%; line-height:1.2em; padding:2px; text-align:right; white-space:nowrap;}
.prodtotal		{color:#b5121b; font-weight:bold;}


#subNav								{background-color:#333333; color:#cccccc; padding:4px 0px; border-bottom:solid 2px #000000;}
#subNav a 						{background:none; padding:6px 32px; white-space:nowrap; color:#cccccc; font-size:90%;}
#subNav a:link				{text-decoration:none;}
#subNav a:hover				{background-color:#006699; color:#ffffff;}
#subNav #subNavTitle	{background-color:#000000; color:#ffffff; font-weight:normal; padding:6px 32px; font-size:90%; }


.minicartitem					{margin-top:8px;}
.minicartitem	.title	{font-size:80%; font-weight:bold; line-height:1em; margin-bottom:4px; color:#333333; cursor:crosshair; }
.minicartitem table		{margin-bottom:8px; font-size:90%;}	
.minicartitem	.hr			{background-color:#000000; height:1px;}

.blacklinktext	{color:#888888; font-size:90%; }
.blacklinktext a:link, .blacklinktext a:visited,  .blacklinktext a:hover, .blacklinktext a:active	{color:#bbbbbb; text-decoration:none;}

.controlbar				{background-color:#333333; border:solid 1px #000000;}
.controlbar td		{padding:2px 4px; color:#cccccc;}
.controlbar td *	{font-size:95%;}

.gv th	 {padding:2px 4px; font-size:80%; line-height:120%; background-color:#000000; color:#ffffff;}
.gv td	 {padding:2px 4px; font-size:90%;}
.nosorthead		{color:#bbbbbb;}

.subtotaltd		{background-color:#c0c0c0; border-left: solid 1px #aaaaaa;}



ORIGINAL MICLE CSS - END
*/

.navbtnOrange {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	width:135px;
	height:35px;
	overflow:hidden;/* for ie to hide extra height*/
	background-image: url(images/navbtn_courses.gif);
	background-repeat: no-repeat;
}
.Total {
	color:#ff6600;
	font-weight:bold;
	font-size: 20px;
}

.lineThrough
{
  text-decoration: line-through;  
}


.bubbleContent
{
 margin: 3px 0px 0px 15px; 
 font-size: 15px;
 font-family:arial, helvetica, sans-serif;
 line-height: 18px;
}


.myCourses
{
 font-size: 120%; 
 line-height: 17px;
}
.orange
{
  color: #fd6600;
}

a.sample-acct
{
  color: #fd6600;
  font-weight:bold;
}

a.sample-acct:hover
{
  text-decoration:underline;
}
