/* CSS Document */

/* General Overall and Main Layout */
body {
	text-align: justify;
	font-size: 12px;
	color: #333;
	background-image: url(../images/background.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #666;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif, SansSerif;
}

div#outline {
	width: 100%;
	padding-top: 20px;
}

div#middleArea {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #fff;
}
/* ENDOF: General Overall and Main Layout */

/* Header */
div#header {
	width: 975px;
	height: 93px;
	float: left;
	background-color: #696b73;
}

div#logo {
	width: 565px;
	background-color: #696b73;
	height: 85px;
	margin-top: 8px;
	float: left;
	text-align: left;
}
	
/* Utilities */
div#utilities {
	float: right;
	background-color: #696b73;
	width: 400px;
	text-align: right;
	height: 20px;
	margin-top: 35px;
	padding-right: 10px;
	font-size: 14px;
	color: #fff;
}

div#utilities a  {
	font-size: 14px;
	font-weight: bold;
	color: #ffd300;
}
/* ENDOF: Utilities */

/* Login */
#top {
  	/*background: url(../images/login_top.jpg) repeat-x 0 0;*/
  	background-color: #696b73;
	height: 93px;
	position: relative;
}

#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 0px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	/*background: url(../images/login_r.jpg) no-repeat right 0;*/
	padding-right: 5px;
}

#top ul.login li.left {
  	/*background: url(../images/login_l.jpg) no-repeat left 0;*/
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	/*background: url(../images/login_m.jpg) repeat-x 0 0;*/
}

#top ul.login li a {
	color: #ffd300;
}

#top ul.login li a:hover { text-decoration: none; }

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	background: #1E1E1E;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login a { font-size: 10px; color: #ffd300; }

#login a:hover { text-decoration: none; }

#login .loginContent {
	width: 550px;
	height: 60px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #1A1A1A solid;
	background: #464646;
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	height: 16px;
}

#login .loginContent input:focus.field {
	background: #545454;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#login .loginContent input.button_login {
	width: 50px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(../images/login.gif) no-repeat 0 0;
}
/* ENDOF: Header */

/* Nav */
div#menuArea {
	clear: both;
	width: 975px;
}

div#nav1 {
	width: 715px;
	height: 32px;
	background-image: url(../images/nav1_bkgd.png);
	background-position: top left;
	background-repeat: repeat-x;
	float: left;
}
	
div#nav1 a {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	width: 129px;
	display: block;  
	float: left; 
	color: white;
	text-decoration: none;
	padding-top: 3px;	
	background-position: top left;
	border-right: solid 1px #333333;
	height: 22px;
}

div#nav1 a.selected {
	background-image: url(../images/tab_selected.png);
	background-position: top left;
	background-repeat:no-repeat;
	height: 32px;	
	width: 130px;
	border-right: none 0px;
}

div#nav1 a:hover {
	height: 22px;
	background-color: #696b73;
}

div#nav1 a:hover.selected {
	background-image: url(../images/tab_selected.png);
	background-position: top right;
	background-repeat:no-repeat;
	height: 32px;
	width: 130px;
	border-right: none 0px;
}

/* Search */
div#search {
	background-image: url(../images/nav1_bkgd.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 3px;
	margin-top:0px;
	float: right;	
	width:260px;	
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 29px;
}

div#search a {
	font-size: 14px;
	font-weight: bold;
	color: white;
}

div#search a:hover {
	color: #696b73;
}
/* ENDOF: Search */

div#nav2 {
	vertical-align: top;
	font-size: 11px;
	text-align: left;
	padding: 5px 0px 0px 20px;
	height: 17px;
	background-color: #696b73;
	color: #243255;
}

div#nav2 a {
	color: white;
	text-decoration: none;
	padding-left: 10px;
}

div#nav2 a:hover, div#nav2 a.selected {
	color: #000;
}
/* ENDOF: Nav */



/* Left Hand Column */

div#lhColumn {
	width: 200px;
	text-align: left;
	float: left;
	min-height: 400px;
}

div#lhColumn ul {
	font-size: 11px;
	margin-top: 10px;
	line-height: 12px;	
	list-style-type: none;
}

div#lhColumn ul li {
	line-height: 15px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
	width: 190px;
    display: block;
    padding-left: 10px;
}

div#lhColumn ul li a {
	color: #000;
	text-decoration: underline;
}

div#lhColumn ul li a:hover {
	color: #ed2624;
	text-decoration: underline;
}

div#lhColumn ul li a.selected { color: #ed2624; }

div#lhColumn p { padding-left: 20px; }

div#lhColumn li div {
	padding-left: 20px;
	line-height: 12px;
	font-size: 10px;
	padding-bottom: 10px;
}


/* ENDOF Left Hand Menu */

div#mainContentBoxHighlightGreen { width: 438px; padding: 10px; margin-bottom: 20px; border: solid 1px #66cc66; background-color: #ccffcc; text-align: center; -webkit-border-radius:3px; -moz-border-radius:3px}


/* Message Boxes */
div#messageConfirm, div#messageQuestion, div#messageWarning, div#messageInformation{
	width: 935px;
	margin-left: 15px;
	/* margin-bottom: 10px; */
	padding: 5px;
	min-height: 32px;
}
div#messageConfirm{border: 2px solid #49b104;background-color: #f1f8e8;}
div#messageQuestion{border: 2px solid #fb8200;background-color: #fff9e6;}
div#messageWarning{border: 2px solid #e20100;background-color: #fff;}
div#messageInformation{border: 2px solid #fb8200;background-color: #fff9e6;}

div.close{float:right;width:15px;height:15px;display:block;margin:3px 3px 0 0;cursor:pointer;}

.userMessageIcon {float: left;width: 32px;height: 32px;}
.userMessage { float: left;width: 860px;min-height: 32px;padding-left: 20px;text-align: left;}
/* ENDOF Message Boxes */

/* Main Content Areas */
div#contentArea { 
	width: 975px; 
	background-color: #fff;
}

div#middleArea div#menuArea div#contentArea div#terms { padding: 25px; text-align:left; }

div#contentBlock {
	width: 775px;
	float: left;

}

div#content {
	width: 736px;
	background-color: #fff;
	min-height: 340px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 35px;	
	text-align: left;
}

div#middleArea div#menuArea div#contentArea div#homeContent {
	width: 900px;
	background-color: #fff;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-left: 35px;	
	text-align: left;
}

div#middleArea div#menuArea div#contentArea div#homeContent div#homeLeft {
	width: 655px;
	float: left;
}

div#indexContent {
	padding-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	width: 935px;
}

/*2 Column Content*/

div#rhContent {
	width: 195px;
	margin-right: 0px;
	float: right;
}

div#lhContent {
	/*width: 495px;*/
	width:458px;
	float: left;
}

/*END OF: 2 column Content Area */

div#mainImage {
	width: 735px;
	height: 400px;
	padding-left: 4px;
	padding-bottom: 15px;
	clear: both;
}

div#mainContent {
	width: 505px;
	background-color: #fff;
	min-height: 340px;
	float: left;
	text-align: left;
	margin-right: 25px;
}

div.mainContentBoxHighlight {
	width: 505px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #333;
	background-color: #ccc;
	text-align: left;
}

div.shade { height:20px; background:url(../images/shade.png) repeat-x 0 0px; clear:both; margin-left:2px; }

div.mainContentBoxHighlight2 {
	width: 505px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #999;
	background-color: #fff;
	text-align: left;
}

ul.about { 
	margin-left: 30px;
	margin-bottom: 15px;
}
/* ENDOF: Main Content Areas */

/* Right Hand Columns */
div#rhColumn {
	width: 200px;
	min-height: 160px;
	float: right;
}
div#rhBoxHighlight {
	width: 160px;
	padding: 10px 10px 10px 10px;
	border: solid 1px #ccc;
	background-color: #f0f0f0;
	text-align: left;
	margin-right: 0px;
	margin-left:18px;
}

div#rhBoxHighlight p {
	font-size: 11px;
}

div#rhBoxHighlight ul 
{
	text-align: left;
	font-size: 11px;
	margin-left: 15px;
} 	
/* Help Boxes */
div#rhBoxHelp {
	width: 160px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #fb8200;background-color: #fff9e6;
	text-align: left;
	margin-right: 0px;
	margin-left:4px;
}
div#rhBoxHelp h1 
{
	float: right;
	padding: 7px 0px 10px 2px;
	font-size: 14px;
	font-weight: bold;
	color: #fb8200;
}
div#rhBoxHelp h2 
{
	font-size: 11px;
	font-weight: bold;
	color: #fb8200;
}
div#rhBoxHelp p {
	font-size: 11px;
	clear:both;
}

div#rhBoxHelp p a {
	font-size: 11px;
}
div#rhBoxHelp p a:hover {
	color: #fb8200;
}

div#rhBoxHelp ul 
{
	text-align: left;
	font-size: 11px;
	margin-left: 15px;
} 

div#rhBoxHelp .helpBoxTitle { clear:both; }

/* ENDOF: right Hand Columns */


/* Footer and Below */
div#footer {
	padding-top: 25px;
	font-size: 11px;
	width: 975px;
	line-height: 1.5;
}

div#footer a { font-size: 11px; font-weight: normal;  text-decoration: none; color: #666;}
div#footer a:hover { color: #666; font-weight: normal; text-decoration: underline; }

div#footerLeft {
	text-align: left;
	float: left;
	width: 245px;
	padding-top: 15px;
	padding-left: 20px;
	border-top: 1px solid #ccc;
	font-size: 10px;
	background-color: #f0f0f0;
	height: 180px;
}

div#footerRight {
	text-align: right;
	float: right;
	width: 700px;
	padding-top: 15px;
	padding-right: 10px;
	border-top: 1px solid #ccc;
	background-color: #f0f0f0;
	height: 180px;
}
div#footerRight table { width: 660px; text-align: left; }
div#footerRight table thead td { font-weight: bold; padding-bottom: 10px; color: #333;}
div#footerRight table td { padding: 3px 10px; vertical-align: top; color: #666; }

div#bottomSpacer {
	width: 100%;
	height: 83px;
	background-color: #666;
}

div#bottomSpacerBackground {
	width: 975px;
	height: 83px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/footerBackground.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
/* ENDOF: Footer and Below */

/* Rating Stars */
.ratingStar{font-size: 0pt;width: 20px;height: 20px;margin: 0px;padding: 0px;cursor: pointer;display: block;background-repeat: no-repeat;}
.filledRatingStar{background-image: url(../images/icons/starFull.png);}
.emptyRatingStar{background-image: url(../images/icons/starEmpty.png);}
.savedRatingStar{background-image: url(../images/icons/starHalf.png);}
/* End of rating stars */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */

/*Downloads table*/
table.downloads { font-size: 0.9em; width: 505px; border-collapse: collapse; }
table.downloads td { padding: 5px; }
table.downloads img { padding: 2px 6px; }
table.downloads thead  td{ font-weight: bold; font-size: 12px;}
table.downloads td.centre { text-align: center; }
table.downloads tr.stdRow{ background-color:#ECECEC; height:30px; vertical-align:middle; }
table.downloads tr.altRow{ background-color:#FFFFFF; height:30px; vertical-align:middle; }
/*end of downloads table*/