@import "reset.css";

/* MAIN LAYOUT */

html {
overflow-x: hidden;
overflow-y: scroll;
height:100%;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
background:#ebebeb;
color:#444;
height:100%;
}

#wrapper {
min-height:100%;
width:796px;
margin:0 auto;
background:#fff;
border-left:2px solid #e6e6e6;
border-right:2px solid #e6e6e6;
}

/* TYPE & LINK STYLES */

h1 {
/* Top-level heading reserved for company name in branding area - do not use h1 elsewhere on site */
text-indent:-9999px;
font-size:.5em;
}

h2 {
line-height:1.25;
font-size:1.8em;
margin:20px 0 15px 0;
padding-top:5px;
font-weight:normal;
color:#660099;
}

h3 {
line-height:1.25;
font-size:1.7em;
margin:15px 0 10px 0;
font-weight:normal;
color:#d71f85;
}

h4 {
line-height:1.5;
font-weight:bold;
font-size:1.2em;
margin:15px 0 10px 0;
color:#660099;
}

h5 {
line-height:1.25;
font-weight:bold;
font-size:1.1em;
margin:10px 0 5px 0;
}

p {
font-size:1.1em;
line-height:1.5;
margin:10px 0 10px 0;
}

ul, ol {
font-size:1.1em;
line-height:1.5;
}

ul {
list-style-type:disc;
margin:10px 0 10px 15px;
}

ul li {
line-height:1.5;
margin:5px 0 5px 0;
}

ol {
margin:10px 0 10px 0;
list-style-type:decimal;
list-style-position:inside;
}

ol li {
margin:3px 0 3px 10px;
}

p a {
text-decoration:none;
color:#005293;
border-bottom: 1px dashed #666;
padding-bottom: 1px;
}

a:visited {
}

a:hover {
color:#222;
border-bottom: 1px dashed #222;
}

a:focus {
}

a:active {
}


/* BRANDING DIV / PRIMARY NAV */
#branding-nav01 {
height:110px;
background-image:url(../images/background/branding3.png);
background-repeat:no-repeat;
background-position:50% 0;
background-color:#fff;
}


/* HOMEPAGE INTRO DIV */
#homepage-intro {
position:relative;
background-image:url(../images/background/homepage-intro6.jpg);
background-repeat:no-repeat;
background-position:50% 0;
background-color:#fff;
min-height:300px;
border: 0px solid;
}

#homepage-intro h2, #homepage-intro p.splash {
line-height:1;
font-size:1em;
margin:0;
padding-top:0;
text-indent:-9999px;
}

#homepage-intro h3 {
line-height:1;
font-size:1em;
margin:0;
text-indent:-9999px;
}

#homepage-intro p#homepage-intro-para {
width:320px;
margin:0;
position:absolute;
right:30px;
top: 20px;
font-size:1.5em;
font-weight:bold;
line-height:1.4;
color:#660099;
}

#region-para {
display:block;
font-size:11px;
margin-top:20px;
line-height:1.5;
font-weight:normal;
color:#444;
}


/* CONTENT CONTAINER / PRIMARY CONTENT / SECONDARY CONTENT DIVS */
#content-container {
/* hack to allow the container to continue to wrap the floated divs */
overflow:auto;
margin:10px 0 0 0;
}

#primary-content {
float:left;
width:430px;
margin:0 0 0 22px;
padding:0 0 10px 0;
}

#secondary-content {
float:left;
margin:0 0 0 40px;
width:280px;
}

#secondary-content.second-page {
width:260px;
background-image:url(../images/background/sec-content.png);
background-position:0 0;
background-repeat:no-repeat;
min-height:291px;
padding:0 0 0 20px;
}

#secondary-content.second-page h2 {
color:#660099;
letter-spacing:-1px;
font-size:1.9em;
margin-top:15px;
margin-bottom:5px;
}

/* FEATURED STORY STYLES */
#featured-story {
margin:15px 0 0 0;
}

#featured-story h3 {
margin:0;
}

#featured-story h4 {
margin:5px 0 0 0;
}

#featured-story h5 {
margin:0;
}

#featured-story img {
float:right;
margin-right:-6px;
}

img#featured-story-image {
float:right;
padding:0 0 10px 10px;
}

/* ACCORDION MENU STYLES */

#training-accordion-container {
margin-top:10px;
}

.training-accordion-head {
cursor:pointer;
clear:both;
padding:2px 0 2px 0;
}

.first-accordion {
border-top:0;
}

.training-accordion-head img {
}

.training-accordion-head h4 {
padding:12px 0 0 0;
font-size:1.3em;
}

div.training-accordion-head h4#audio {
color:#6caf3b;
}

div.training-accordion-head h4#web {
color:#660099;
}

p.training-accordion-body {
display:none;
clear:both;
margin:0 10px 5px 53px;
color:#660099;
}

p.library-para, li.library-para {
background:transparent url(../images/background/brochure-p3.png) repeat-x 0 50%;
padding:2px 0 2px 10px;
margin:5px 0 5px 0;
border:1px solid #e6e6e6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

li.library-para { 
	margin-left: -12px;
	padding-left: 10;
	list-style: none;
}

a.pdf-link, a.webinar-link {
background:transparent url(../images/background/brochure-a.png) no-repeat 0 50%;
padding:5px 0 5px 25px;
margin-right:20px;
display:block;
font-weight:bold;
line-height:1.25;
text-decoration: none;
}

a.webinar-link {
background-image:none;
padding:5px 0 5px 0;
}

a.pdf-link:hover, a.webinar-link:hover {
text-decoration:none;
border:0;
}

/* FOOTER STYLES */
#footer {
clear:both;
background-color:#fff;
background-image:url(../images/background/footer.png);
background-position:0 1px;
background-repeat:repeat-x;
height:35px;
border-top:1px solid #ddd;
width:796px;
margin:0 auto;
border-left:2px solid #e6e6e6;
border-right:2px solid #e6e6e6;
}

#footer p {
margin:0 0 0 22px;
line-height:35px;
}

#footer ul {
	border: 0px solid;
	padding: 0px 10px 0px;
	margin: 0px;
}

#footer li {
list-style: none;
display: inline;
padding: 0px 10px 0px;
line-height:35px;
}

#footer li a {
	text-decoration: none;
	border-bottom: 1px dashed #666;
}


/* FORM STYLES */
fieldset {
margin:0;
}

fieldset#homepage-form {
width:320px;
position:absolute;
top: 90px;
right:0;
bottom:5px;
}

fieldset#region-form {
width:300px;
position:absolute;
right:0;
bottom:10px;
}


fieldset ol {
margin:0;
list-style-type:none;
list-style-position:outside;
}

fieldset ol li, .form-element {
margin:5px 0 5px 0;
padding:0;
border: 0px solid;
clear: left;
}

fieldset ol li.text-input, .form-field {
position:relative;
width: 90px;
float: left;
border: 0px solid #ff0000;
}

fieldset ol li.image-input {
position:relative;
}

label {
font-weight:bold;
}

fieldset ol li.text-input label, .form-label {
float:left;
width:90px;
padding:4px 2px 4px 0;
border: 0px solid #3366cc;
}

fieldset ol li.checkbox-input label,  {
display:block;
}

.checkbox-field {
width: 25px;
}
.checkbox-label {
	width: 240px;
}

input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#323233;
}

input.text, select.text {
border:1px solid #ddd;
background-color:#fff;
background-image:url(../../star-8/img/bg_input.png);
background-repeat:repeat-x;
background-position:0 -2px;
padding:4px 2px 4px 2px;
width:160px;
}

select.text {
	
}

input.checkbox {
border:0px solid #FFD098;
background:#fff;
position:relative;
top:2px;
}

input.image#go {
margin-left:165px;
}

input.image#go-region {
margin-left:0;
}

input.image#submit {
margin-left:164px;
}

textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
border:1px solid #ddd;
background-image:url(../../star-8/img/bg_input.png);
background-repeat:repeat-x;
background-position:0 -2px;
padding:2px;
width:160px;
}

select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
background:#fff;
padding:2px;
border:1px solid #ddd;
width:166px;
}

select#region-select {
font-size:1.2em;
width:180px;
}

p.form-error {
margin:0;
padding:2px 4px 2px 4px;
position:absolute;
left:-90px;
top:3px;
z-index:100;
background:#d71f85;
font-size:11px;
color:#fff;
text-align:center;
display:block;
width:160px;
}


/* DISPLAY / MISC STYLES */
img#library-image {
float:right;
}

strong {
font-weight:bold;
}

.first-header {
margin-top:0;
padding-top:0;
}

.no-bottom-margin {
margin-bottom:0;
}

span.required-field {
color:#d71f85;
}

span.aside {
font-size:smaller;
}

.red-text {
color: #d71f85;
}

.bt-purple {
color:#660099;
}

.sub-offer {
	color: #888;
	font-size: 0.75em;
}

a.image-link {
	border: 0;
}

a.image-link:hover {
border:0;
}

div#hr-library-box {
	background: url(../images/library-bg.png) no-repeat 0 0 ;
	width: 272px;
	height: 151px;
}

div#hr-library-box h3 {
	padding-left: 45px;
	padding-top: 5px;
}

div#hr-library-box p {
	padding-left: 20px;
	padding-right: 10px;
}

span.cancel {
	font-size: .7em;
}

.sup {
	font-size: .9em;
	top: -5px;
	position: relative;
	bottom: 1ex;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
}