/* CSS Document */

/* UNIVERSALSELEKTOR */

* {
	margin: 0px;
	padding: 0px;
	}

/* BUTTONS */

.buttonOrangeLeft {
	float: left;
	background: url(../img/BUTTONS/orange_big_left.jpg) no-repeat;
	height: 62px;
	width: 14px;
}
.buttonOrangeRight {
	float: left;
	background: url(../img/BUTTONS/orange_big_right.jpg) no-repeat;
	height: 62px;
	width: 16px;
}
.buttonOrangeMiddle {
	float: left;
	padding: 22px 10px 0 10px;
	background: url(../img/BUTTONS/orange_big_middle.jpg) repeat-x;
	height: 40px;
}

a.orangeButtBig:link, a.orangeButtBig:visited {
	text-decoration: none;
	font: normal bold 1em Arial, Helvetica, sans-serif;
	color: #FFF;
}
a.orangeButtSmall:link, a.orangeButtSmall:visited, .SubmitButtonOrange {
	text-decoration: none;
	font: normal bold 1em Arial, Helvetica, sans-serif;
	color: #FFF;
}
a.orangeButtBig:hover, a.orangeButtBig:active, a.orangeButtSmall:hover, a.orangeButtSmall:active, .SubmitButtonOrange:hover {
	color: #faba5c;
}
.buttonOrangeSmallLeft, .SubmitButtonOrangeLeft {
	float: left;
	background: url(../img/BUTTONS/orange_small_left.jpg) no-repeat;
	height: 42px;
	width: 10px;
}
.buttonOrangeSmallRight, .SubmitButtonOrangeRight {
	float: left;
	background: url(../img/BUTTONS/orange_small_right.jpg) no-repeat;
	height: 42px;
	width: 10px;
}
.SubmitButtonOrange {
	background: none;
	border: none;
}
.buttonOrangeSmallMiddle, .SubmitButtonOrange {
	float: left;
	padding: 13px 10px 0 10px;
	background: url(../img/BUTTONS/orange_small_middle.jpg) repeat-x;
	height: 29px;
}
.SubmitButtonOrange {
	cursor: pointer;
	float: left;
	padding: 0px;
	padding: 0 10px 0 10px;
	height: 42px;
}

/* GENERAL TAG STYLES */

a:link, a:visited {
	text-decoration: underline;
	color: #58585a;
	}	
a:hover, a:active {
	text-decoration: none;
	color: #ef8e00;
	}
#Footer .footerbox .copyright a:link, #Footer .footerbox .copyright a:visited, #FooterHP .footerbox .copyright a:link, #FooterHP .footerbox .copyright a:visited  {
	color: #c2bfbf;
	text-decoration: none;
	}
#Footer .footerbox .copyright a:hover, #Footer .footerbox .copyright a:active, #FooterHP .footerbox .copyright a:hover, #FooterHP .footerbox .copyright a:active  {
	color: #ef8e00;
	}		
#Footer .footerbox span a:link, #Footer .footerbox span a:visited, #FooterHP .footerbox span a:link, #FooterHP .footerbox span a:visited   {
	text-decoration: none;
	}
.linkboxContentOne a:link, .linkboxContentOne a:visited {
	text-decoration:underline;
	font-weight: bold;
	color: #ef8e00;
}
.linkboxContentOne a:hover, .linkboxContentOne a:active {
	text-decoration:none;
	font-weight: bold;
	color: #ef8e00;
}
a.orangelink:link, a.orangelink:visited, a.orangelinks:active, a.orangelink:hover {
	color: #ef8e00;
	text-decoration: none;
	font-weight: bold;
}
/* INPUT TAG */
form {
	background: none;
	border: none;
	margin: 0px;
	padding: 0px;
}
br {
	line-height: 1em;
}			
img {
	border: none;
	}
h1 {
	color: #58585a;
	font: normal bold 1.8em Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	}
.SpecialHeader {
	text-decoration: none;
	color: #58585a;
	font: normal bold 1.5em Arial, Helvetica, sans-serif;
	
}	
h2, .bigtext, .bigtextOrange {
	color: #58585a;
	font: normal bold 1.1em Arial, Helvetica, sans-serif;
	padding: 5px 0 10px 0;
	}
.bigtextOrange {
	color: #ef8e00;
}	
h3 {
	color: #58585a;
	font: normal bold 1em Arial, Helvetica, sans-serif;
	padding: 5px 0 10px 0;
}		
p, input, .footerbox span, ul, .normaltext, select, tr td, textarea {
	padding: 0 0 10px 0;
	}
input, select, textarea {
	color: #58585a;
	font: normal normal 1em Arial, Helvetica, sans-serif;	
}	
select {
	padding: 0px;
}	
ul {
	list-style: none;
}	
ul li {
	padding: 0 0 5px 20px;
	background:url(../img/p_list.gif) no-repeat left top;
	}	
input {
	padding: 0;
	}
html {
	height: 100%;
	}
body {
	color: #58585a;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #c64102;
	text-align: center;
	}
.thirteenHP {
	font: normal bold 13px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}	
/* HOMEPAGE */

.clipboard {
	position: relative;
	left: 722px;
	height: 168px;
	width: 49px;
	background: url(../img/BANNER/banner_HP_out.jpg) no-repeat;
	}
#NavigationHP {
	margin: -48px 0 0 22px;
	width: 338px;
	}	
#AboutHP, #MyersHP {
	margin: 0 0 0 0px;
	}
.imageHP {
	float: left;
	width: 360px;
	}
.BubbleHP {
	float: left;
	background:url(../img/bubble2.jpg) no-repeat right 0;
	width: 357px;
	height: 110px;
	position: relative;
	top: -57px;
	_background:url(../img/bubble2.jpg) no-repeat;
	padding: 12px 0 0 5px;
	}
.BubbleHP div {
	text-align: center;
	width: 85px; 
	float: left;
}		
.BubbleHP div span a:link, .BubbleHP div span a:visited {
	text-decoration: none;
	font: normal normal 0.9em Arial, Helvetica, sans-serif;
	color: #FFF;
}
.BubbleHP div span a:hover, .BubbleHP div span a:active {
	color: #faba5c;
}
.careerchangers {
	width: 90px;
	margin: 0 0 0 5px;
}							

/* options page */

.optLabel{
	float: left;
	width: 360px;
	font-weight: bold;
	padding-right: 20px;
}
.optPrice{
	float: left;
	width: 140px;
	font-weight: bold;
}
.optAdd{
	float: left;
	width: 140px;
	font-weight: bold;
}
.optDesc{
	width: 450px;
	padding-top: 10px;
}
.optSample{
	position: absolute;
	width: 190px;
	margin-top: 10px;
	margin-left: 460px;
	text-align: center;
	padding: 5px 15px 5px 0px;
}

.optionContainer{
	clear: both;
	padding-top: 15px;
	padding-bottom: 10px;
}





/* GENERAL USED STYLES... BACKGROUND... CONTENTBOX ETC */

.ccvbox {
	background-color: #FFFFFF;
	border: 1px solid #000099;
	width: 500px;
	padding: 20px;
	margin: auto;
	font-size: 11px;
	color: #000066;
	background-image: url(graphics/blue_gradient_top.jpg);
	background-repeat: repeat-x;
	margin-top: 30px;
}

.title {
	position: relative;
	top: 42px;
}
.SpecialHeader {
	background:url(../img/specialHeader.jpg) no-repeat center left;
	padding: 3px 30px 0 30px;
	height: 23px;
}
a.specialHeadline:link, a.specialHeadline:visited {
	text-decoration: none;
	font: normal bold 0.95em Arial, Helvetica, sans-serif;
	color: #58585a;
}
a.specialHeadline:link, a.specialHeadline:visited {
	color: #ef8e00;
}
a.specialHeadline:hover, a.specialHeadline:active {
	font: normal bold 0.95em Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #ef8e00;
}
.clear {
	clear: both;
	}
.linkbox {
	margin: 0 0 2px 0; 
	background: url(../img/linkbutton.jpg) no-repeat 50px 28px; 
	} 
.linkboxTop {
	height: 23px;
	width: 722px;
	background:url(../img/linkGradientTop.jpg) no-repeat;
	margin: 0 0 7px 0;
}
.linkboxBottom {
	height: 23px;
	width: 722px;
	background: url(../img/linkGradientBottom.jpg) no-repeat;
	margin: 7px 0 0 0;
}
.linkboxContentOne {
	float: left;
	width: 250px;
	margin: 0 0 0 80px;
	_margin: 0 0 0 40px;
	}
.linkboxContentTwo {
	float: left;
	width: 350px;
	margin: 0 0 0 5px;
	}		
.separatorDark {
	padding: 10px 0 10px 0;
	background:url(../img/separator.jpg) no-repeat center center;
	width: 722px;
	height: 6px;
	}
.separatorLight {
	padding: 10px 0 10px 0;
	background: url(../img/seaparatorLight.jpg) no-repeat center center;
	width: 722px;
	height: 6px;
	}	
#NavigationSub {
	/*width: 345px;*/
 	position: relative;
	top: 20px;
	left: 21px;
	}
#NavigationSub div {
	float:left;
	}	
#About, #Myers {
	/*margin: 0 0 0 -1px;*/
	margin: 0px;
	}	
.banner, .banner_parttwo, .banner_parttwo, .banner_partthree, .banner_partfour, .banner_partfive, .banner_testempty, .banner_about, .banner_myers, .banner_terms, .banner_affiliate, .banner_newsletter, .banner_faq, .banner_tellafriend, .banner_links, .banner_freearticles, .banner_job, .banner_gift, .banner_privacy, .banner_contact, .banner_options, .banner_details, .banner_ready, .banner_students, .banner_graduates, .banner_changers, .banner_seekers, .banner_empty {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 722px;
	height: 162px;
	background: url(../img/BANNER/banner_test_partone.jpg) no-repeat;
	}
.banner_parttwo {
	background:url(../img/BANNER/banner_test_parttwo.jpg) no-repeat;
}
.banner_partthree {
	background: url(../img/BANNER/banner_test_partthree.jpg) no-repeat;
}
.banner_partfour {
	background: url(../img/BANNER/banner_test_partfour.jpg) no-repeat;
}
.banner_partfive {
	background: url(../img/BANNER/banner_test_partfive.jpg) no-repeat;
}
.banner_testempty {
	background: url(../img/BANNER/banner_test_empty.jpg) no-repeat;
}
.banner_about {
	background: url(../img/BANNER/banner_about.jpg) no-repeat;
}
.banner_myers {
	background: url(../img/BANNER/banner_myers.jpg) no-repeat;
}
.banner_terms {
	background: url(../img/BANNER/banner_terms.jpg) no-repeat;
}
.banner_affiliate {
	background: url(../img/BANNER/banner_affiliate.jpg) no-repeat;
}
.banner_newsletter {
	background:  url(../img/BANNER/banner_newsletter.jpg) no-repeat;
}
.banner_faq {
	background:  url(../img/BANNER/banner_faq.jpg) no-repeat;
}
.banner_tellafriend {
	background: url(../img/BANNER/banner_tellafriend.jpg) no-repeat;
}
.banner_links {
	background: url(../img/BANNER/banner_links.jpg) no-repeat;
}
.banner_freearticles {
	background: url(../img/BANNER/banner_articles.jpg) no-repeat;
}
.banner_job {
	background: url(../img/BANNER/banner_job.jpg) no-repeat;
}
.banner_gift {
	background: url(../img/BANNER/banner_gift.jpg) no-repeat;
}
.banner_privacy {
	background: url(../img/BANNER/banner_privacy.jpg) no-repeat;
}
.banner_contact {
	background: url(../img/BANNER/banner_contact.jpg) no-repeat;
}
.banner_options {
	background:  url(../img/BANNER/banner_options.jpg) no-repeat;
}
.banner_details {
	background:  url(../img/BANNER/banner_details.jpg) no-repeat;
}
.banner_ready {
	background:  url(../img/BANNER/banner_ready.jpg) no-repeat;
}
.banner_students {
	background:  url(../img/BANNER/banner_students.jpg) no-repeat;
}
.banner_graduates {
	background:  url(../img/BANNER/banner_graduates.jpg) no-repeat;
}
.banner_changers {
	background:  url(../img/BANNER/banner_changers.jpg) no-repeat;
}
.banner_seekers {
	background:  url(../img/BANNER/banner_seekers.jpg) no-repeat;
}
.banner_empty {
	background:  url(../img/BANNER/banner_empty.jpg) no-repeat;
}		
.bannerHP {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 722px;
	height: 178px;
	background: url(../img/BANNER/banner_HP.jpg) no-repeat;
	}
.bannerHP h1 {
	display: none;
}	
.backgroundbox {
	width: 802px;
	height: 100%;
	margin: 0 auto 0 auto;
	background: url(../img/bg.gif) no-repeat;
	}	
.marginTop10 {
	margin: 10px 0 0 0;
	}
.formTextfield {
	padding: 3px 0 3px 2px;
	border: none;
	background: none;
	border: 1px solid #58585a;
	}
.submitButton {
	padding: 2px 0 2px 0;
	_padding: 1px 0 2px 0;
	_position: relative;
	_top: 1px;
	}

.shadowBottom {
	margin: 0 auto 0 auto;
	width: 722px;
	height: 30px;
	background: url(../img/bottom_shadow.gif) no-repeat;
	}		
.contentBox, .contentBoxCS, .contentBoxHP {
	background-color: #FFF;
	width: 722px;
	margin: 0 auto 0 auto;
	text-align: left;
	}
.contentBoxHP {
	background-color: white;
	}
.contentBoxCS {
	height: 310px;
	}	
.wrapperBoxCS {
	position: relative;
	top: 37px;
	left: 210px;
	width: 352px;
	}
.wrapperBox {
	padding: 0 50px 0 50px;
	}
.wrapperBoxHP {
	background-color: white;
	float: left;
	width: 337px;
	padding: 0 15px 0 10px;
	margin: -60px 0 0 0;
	}			
.contentBoxCS {
	background: #FFF url(../img/logo_comingsoon.gif) no-repeat top left;
	}
.commentBox {
	padding: 20px;
}
.commentBoxWrapper {
	background: url(../img/commentbox_bg.jpg) left bottom repeat-x;
}
.commentBoxWrapper2 {
	background: url(../img/commentbox_corner.jpg) right bottom no-repeat;
}
.afterCommentBox {
	padding: 20px;
	text-align: center;
}	
	
/* ALPHABETICAL LIST */

#alphabetList a, .jobdescription_links ul li a, .FAQ_Links li a, .FreeArticles_Links tr td a {
	font-weight: bold;
	color: #ef8e00;
}

/* ASSESSMENT */

.promoCode {
	padding: 10px 0 0 10px;
	width: 200px;
	background: #CCCCCC;
}
.leisureList input br {
	margin: 0 0 5px 0;
}
.assessmentPoint {
}
.assessmentPointName {
	float: left;
	padding: 5px 0 0 0;
	_padding: 0px;
	width: 450px;
}
.assessmentPointName p {
	float: right;
}
.assessmentRadiobuttons {
	padding: 5px 0 0 0;
	_padding: 0px;
	margin: 0 0 0 75px;
	_margin: 0 0 0 70px;
	float: left;
}

.assessmentRadiobuttons span {
	margin: 0 12px 0 0;
	_margin: 0 5px 0 0;
}

/* FOOTER */

#Footer, #FooterHP {
	width: 722px; 
	background:#fff url(../img/footerBG.jpg) repeat-x;
	margin: 0 auto 0 auto;
	}
	
#FooterHP {
	background-color: #FFFFFF;
	background-color: #FFF;
	}	
.footerbox {
	padding: 15px 0 15px 0;
	}
	
.footerbox span, .copyright {
	color: #58585a;
	font: normal normal 0.9em Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	}
.footerbox .footerseparator {
	color: #999999;
	}	
.copyright {
	padding: 10px 0 0 0;
	font-size: 0.8em;
	color: #c2bfbf;
	}