/* General Styles */
html {overflow: scroll;}
body {background-color:#eef2e5;color:#fff;font-family:arial,verdana;font-size:100%;margin:0;}

h1, h2, h3, h4, h5, h6 {margin:0;font-size:90%;}
h1 /*Logo*/ {clear: left; float:left;font-family:Tahoma;font-size:240%;font-weight:bold;padding:10px 0 0 10px;} 
h2 /*Navigation Text*/ {font-weight:bold;}
h2.inactive {cursor:default;}
h2 a {color:#fff;}

h3 /*General Heading*/ {color:#fff;float:left;font-weight:bold;padding:2px 10px;}
h4 /*Item Title*/ {color:#fff;float:left;font-weight:bold;padding:5px 10px 0;}
h5 /*Item Heading (Description, Theme, Objectives, Resources)*/ {color:#558fbf;padding:5px;}
h6 /*n-a*/ {}

ul, ol {list-style:none;padding:0;margin:0;}
li {}

p {margin:0;}
img {border: 0;}
a { text-decoration: none;}
a:hover {text-decoration: underline;} 
.UserStatus {background-color: #FFFFFF; color: #FF3300; padding: 10px;}
.UserStatus a {text-decoration: underline; color: #FF3300; }
#wrapper {background-color:#fff;margin:0 auto;padding:0 10px;width:960px;}

.hidden{visibility: hidden;}

/* Header Style */
#header {background:#34689b url(../images/ham-header.gif) repeat-x scroll 0 0;color:#fff;height:85px;}
#header .headleft, #header .headright {float:left;width:480px;padding:0; margin: 0;}
#header .login {float:left;margin:5px 0 0;}
#header .headright .date {float:right; clear: both; font-size:75%;font-weight:bold;margin:5px 10px 0;text-align:right;}
#header .headright .searchbox {clear: both; float:right;margin:25px 5px 0; width: 280px;}
#header .headright .searchbox .searchfield {float:left;float:left;height:18px;margin:0 5px;width:200px;}
#header .headright .searchbox .submit {background:url(../images/btn_search.gif) repeat scroll 0 0;border:medium none;height:24px;width:56px;}
#header ul { padding: 5px 0 0 15px; float: left; width: 450px;}
#header li { float: left; display: inline; font-size:75%; padding-right: 5px;  color: #fff;}
#header a {color: #FFFFFF;text-decoration:none;}

/* Navigation Style */
#navigation {background:#E5EFF9 url(../images/nav-bkg-darkblue.png) repeat-x scroll 0 0; height:58px; }
#navigation ul { background-color: transparent; clear:left; list-style:none; margin:0;padding:0 0 0 0; width: 100%;}
#navigation li {float:left;height:58px;padding-left:2px;width:125px;background-color: transparent;}
#navigation li img {}

/* Default Content Style */
.content-wrap /*Container for content area*/{background-color:#679BCC;color:#000000;float:left;padding:5px 0 0;width:960px;}
.content-wrap a {color: #FFFFFF;}
.container /*Container for content below subnav*/{background:#FFFFFF none repeat scroll 0 0;border:1px solid #FFFFFF;float:left;margin:0 10px;width:938px;}
.content-left {background:#FFFFFF url(../images/section-vdiv.gif) repeat-y scroll right center;float:left;margin:10px 0 10px 10px;padding-right:10px;width:720px;}
.content-left .downloadplans {float:left;width:721px;border-left: 1px solid #FFFFFF;}
.content-left .downloadplans input{float:right; margin-right:1px;}
.content-left .downloadplans .downloadplansdivider {height: 1px; width:720px; float:left; background:#b0d4f6 url(../images/background-default.gif) repeat-x scroll 0 0;}
.content-left .noplans {display: block; padding: 10px; font-size: 90%; float: left;}
.content-left .mathreceptiontext p {width:710px; padding: 10px; font-size: 90%; float: left;clear:left; }
.content-left .mathreceptiontext p a {color:#558FBF;}
.content-right {float:right;margin:11px 9px 0;width:180px;}

.box-gradient /*Used on all graident boxes*/{background:#b0d4f6 url(../images/background-default.gif) repeat-x scroll 0 0;}

.selection-box /*Selection area*/{border:1px solid #FFFFFF;float:left;padding:8px 5px 5px 5px;width:710px;}
.selection-box select {float:left;width:150px}
.selection-box input {margin:-2px 20px 0}
.selection-box input.searchbutton {background:transparent url(../images/btn_search.gif) repeat scroll 0 0;border:medium none;
height:24px;
width:56px;}

.planoverview-container /*Container for the overview and Click to panel*/ {width: 720px; border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;float:left;}

.overview-box /*Provides overview of the items*/{border-right: solid 1px #FFF; float:left;padding:5px 10px;width:499px;}
.overview-box p {background:#fff;color:#000;float:left;font-size:80%;font-weight:normal;padding:5px;width:488px;}
.overview-box p a {color:#558FBF; padding-top: 5px; display: block;}

.clicktoview-box /*Provides tips on how to use the section*/{background:#eff6fc url(../images/background_clicktocols.gif) repeat-y scroll 521px 0px ;float:left; width:722px; }
.clicktoview-boxempty {background:#eff6fc url(../images/background-default.gif) repeat-x scroll 0 0 ;float:left; width:722px; }
.clicktoview-box .nocols {height: 7px; background:#eff6fc url(../images/background_clickto.gif) repeat-y scroll 0px 0px ;float:left; width:200px;}
.clicktoview-box .onecol {height: 3px; background:#eff6fc url(../images/background_clickto.gif) repeat-y scroll 0px 0px ;float:left; width:173px;}
.clicktoview-box .clicktoview {width: 185px; color:white; font-size:90%;padding: 1px 0px 1px 6px; background-color:#6A9FCB;font-weight:bold; float: left;}
.clicktoview-box .clicktodownload { background-color:#6A9FCB; color:white; font-size:90%;padding: 1px 0px 1px 6px; width:164px;font-weight:bold;float: left;}

/*Item listing styling*/
.list-item {border-bottom:1px solid #FFFFFF;border-left:solid 1px #fff;border-right:solid 1px #fff;float:left;width:720px;}
.list-item .item-head {float:left;margin-bottom:0;width:720px;}
.list-item .item-head .item-openclose {float:left; cursor:pointer;}
.list-item .item-head .item-openclose h4 {width: 545px;}

.list-item .item-head .innerleft {float:left;width:472px;}
.list-item .item-head .innerright {color:#fff;float:right;font-size:90%;padding:5px 2px 0 0;width:153px;}


.list-item .item-head .innerright img {float:left;margin:0 2px;}

.list-item .item-head .innerright input{float:left;margin:2px 3px;}

.list-item .item-head .innerright .warningTriangle{margin-top: -2px;}

.list-item .item-body {float:left;padding:0 10px 0px;width:700px;background:#EFF6FC url(../images/background_clicktocols.gif) repeat-y scroll 520px 0;}
.list-item .item-body .inner {background:#fff url(../images/background_planinner.gif) repeat-y scroll 0 0 ;float:left;width:658px;}
.list-item .item-body .innerleft {float:left;width:507px;padding-bottom: 5px;}
.list-item .item-body .innerleft p {width:498px;color:#000;float:left;font-size:80%;font-weight:normal;padding:0 5px;}
.list-item .item-body .innerleft .item-details {float:left;padding-bottom:5px;width:253px;}
.list-item .item-body .innerleft ul {float: left; width: 253px;}
.list-item .item-body .innerleft li {color:#000000;float:left;font-size:80%;font-weight:normal;padding:0 8px;width:237px;}
.list-item .item-body .innerright {float:left;padding:0 0 5px 5px;width:141px;}
.list-item .item-body .innerright img {float:left;}
.list-item .item-body .innerright p {width: 130px; display: block; clear: left; color:#558FBF;float:left;font-size:80%;font-weight:normal;padding:0 5px;}
.list-item .item-body .innerright p a {color:#558fbf; }


/* Sign up panels */
div.signuppanel_multicontainer {clear: left;float: left; width: 640px;}
div.signuppanel_singlecontainer {clear: left;float: left; width: 160px;}
/*div..signuppanel_container{clear: left;float: left; }
.signuppanel_container a.signuppanel {float: left;  text-align: center;background:#5A92BD url(Content/images/background_calltoaction.gif) repeat-x scroll 0 0;border:1px solid #000000;color:#FFFFFF;display:block;height:188px;margin:3px;position:relative;text-decoration:none;width:150px;font-family: Arial, Sans-Serif;font-size:0.813em;}
.signuppanel_container a.signuppanel span.signuppaneltext {height: 155px;}
.signuppanel_container a.signuppanel img {border: none; }
.signuppanel_container a.signuppanel span {display: block; clear: left;cursor:pointer;}
.signuppanel_container a.signuppanel span.calltoactiontitle {color: #ADCBEF; font-size: 2.45em;font-weight: bold;line-height:30px;}
.signuppanel_container a.signuppanel span.calltoactionsubtitle {font-size: 1.3em;font-weight: bold;}
.signuppanel_container a.signuppanel span.calltoactionprice {color: #FFEF00; font-size: 1.4em;font-weight: bold;}
.signuppanel_container a.signuppanel span.calltoactiondownloadtext {padding-top:4px;}       
.signuppanel_container a.signuppanel span.vat {font-size: 0.75em;}
*/
/* Sign up panel selected */
/*.signuppanel_container a.selected {display:block;font-size:0.875em;height:198px;margin:0 0;width:160px;}
.signuppanel_container a.selected span.signuppaneltext {height: 160px;}
*/


/* Footer Style */
#footer {background-color:#274e75;clear:both;color:#fff;height:70px;font-size:75%}
#footer .leftfoot, #footer .rightfoot {float:left;width:480px;}
#footer .leftfoot img {margin:10px;}
#footer .leftfoot p {margin:10px;}

#footer .rightfoot ul {float:right;}
#footer .rightfoot li {float:left;font-weight:bold;margin:10px 10px 0 0;}
#footer .rightfoot li a, #footer .rightfoot .baigent a {color:#fff;text-decoration:none;}
#footer .rightfoot .baigent {float:right;margin:23px 10px 0 260px;}

/* Error Style */
.Error {padding: 20px;color:#000;font-size:90%}
.Error h2 {padding-bottom: 20px;}
.Error ul {list-style-type: disc; padding:10px;margin:10px;}


/* Availability Issues */
.availabilityIssueWindow { border: 1px solid #FFFFFF; position: absolute; margin: 20px 0 0 -200px; height: auto; width: 190px; overflow: auto; background: #5791BF;	float: right; padding: 5px;	font-size: 75%;	display: none; cursor: pointer;}
.availabilityIssueWindow li {padding: 2px 0 2px 0;}