/* reset css */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}


/* layout */

.clear {clear: both; height: 1px; overflow: hidden;}

body {background: #fff; color: #666; text-align: center;}

#wrapper {position: relative; width: 964px; margin: 0 auto; text-align: center; }

#logo {padding: 15px 0 60px 0;}
#quicklinks {position: absolute; top: 67px; right: 0;}
#quicklinks ul {margin: 0; padding: 0; list-style-type: none;}
#quicklinks li {display: inline; width: auto;}
#quicklinks a {display: block; float: left; padding: 5px; text-transform: uppercase; margin-left: 10px;}
#quicklinks a:link, #quicklinks a:visited {color: #fff; text-decoration: none; background: #667b95; color: #fff;}
#quicklinks a:hover, #quicklinks a:active  {color: #fff; text-decoration: none; background: #d5b692; color: #fff;}



#sidebar {width: 229px; float: left;}
#nav, #sponsors, #news_signup {margin-left: 39px;}

form {display: inline;}

#content {width: 700px; float: right;}
#home_entry {padding-bottom: 20px;}
#home_entry p {padding-left: 100px;}

#content_full {margin-left: 39px;}

#main {width: 460px; float: left;}
#extra {width: 215px; float: right;}



#pullquote {width: 350px; float: left;   }
#pullquote p {padding: 0px 20px 0px 0;}

#pullquote_fr {width: 350px; float: left;   }
#pullquote_fr p {padding: 0px 20px 0px 0;}

.block {width: 220px; position: relative;}
#featured .block {float: left; height: 250px;} 

.step1,  .step2 {margin-right: 20px;}
#extra .step1, #extra .step2 {margin-right: 0; margin-bottom: 20px;}

#footer {clear: both; padding: 50px 0 20px 264px;}
#footer .credit  {color: #92B0d5;}

/* typography */

body {font-family: Arial, Helvetica, sans-serif; line-height: 1.5;}

body          { font-size: 81.25%; }   /* IE 16px=100% */
html > body   { font-size: 13px; }  /* Other browsers */

div, p, a, label {line-height: 1.3;}
p {margin: 0 0 15px 0;}

em {font-style:italic;}

ul, ol {margin: 0 0 15px 15px; padding: 0 0 0 15px; list-style-type: disc;}
li {line-height: 1.3;}

a:link {color: #667B95; text-decoration: none; outline: none;}
a:visited {color: #667B95; text-decoration: none; outline: none;}
a:hover {color: #667B95; text-decoration: underline; outline: none;}
a:active {color: #667B95; text-decoration: underline; outline: none;}

h1, h2, h3, h4, h5, h6 {line-height: 1.3;}
h1, h2 {font-size: 200%; color: #000; font-weight: normal; margin: 0 0 15px 0; line-height: 1;}
h3, h6 {font-size: 100%; color: #000; font-weight: bold; padding: 5px 0;}

h6 a {font-weight: bold;}

h3 {margin: 10px 0;}
.section {color: #667B95; text-transform: uppercase;}

#pullquote p {color: #667B95; font-size: 160%; line-height: 1.3;}
#pullquote em {font-size: 250%; font-weight: normal; font-style: normal;  line-height: 0.8;}

#pullquote_fr p {color: #667B95; font-size: 160%; line-height: 1.3;}
#pullquote_fr em {font-size: 160%; font-weight: normal; font-style: normal;  line-height: 0.8;}

.step1 {background: url(http://www.compensationframework.org/images/template/step1.gif) no-repeat -1px -1px #667B95; color: #fff;}
.step2 {background: url(http://www.compensationframework.org/images/template/step2.gif) no-repeat -1px -1px #92B0D5; color: #fff;}
.step3 {background: url(http://www.compensationframework.org/images/template/step3.gif) no-repeat -1px -1px #D5B692; color: #fff;}

.steps div {padding: 0 3px 10px 25px;}
.steps h4 {padding: 16px 10px 10px 25px;}
.block h4 {font-size: 200%; line-height: 1;}
.block a {color: #fff; text-decoration: none; font-weight: bold; display: block; padding-top: 10px; text-transform: uppercase;}
.block a:link {color: #fff; text-decoration: none;}
.block a:visited {color: #fff; text-decoration: none;}
.block a:hover {color: #fff; text-decoration: none;}
.block a:active {color: #fff; text-decoration: none;}

.block a span {font-size: 120%; font-weight: bold; padding-left: 3px;}

#featured .block .first {margin-bottom: 20px;}
#featured .block .last {position: absolute; bottom: 5px;}

#extra .block a {display: inline;}
#extra .login {padding-left: 20px;}


#nav, #news_signup {margin-bottom: 50px;}

#nav ul {list-style-type: none; margin: 0; padding: 0;}
#nav li {padding-bottom: 10px;}
#nav li li {padding-bottom: 5px;}
#nav a {display: block; text-transform: uppercase; font-weight: bold;}
#nav li li a {text-transform: none; padding-left: 20px;}
#nav a:link {color: #000; text-decoration: none;}
#nav a:visited {color: #000; text-decoration: none;}
#nav a:hover {color: #667B95; text-decoration: none;}
#nav a:active {color: #667B95; text-decoration: none;}

#nav li li a:link {background: url(http://www.compensationframework.org/images/template/nav_off.gif) no-repeat 2px 5px #fff;}
#nav li li a:visited {background: url(http://www.compensationframework.org/images/template/nav_off.gif) no-repeat 2px 5px #fff;}
#nav li li a:hover {background: url(http://www.compensationframework.org/images/template/nav_on.gif) no-repeat 2px 5px #fff;}
#nav li li a:active {background: url(http://www.compensationframework.org/images/template/nav_on.gif) no-repeat 2px 5px #fff;}

#nav a.current:link,  #nav a.current:visited {color: #667B95; text-decoration: none;}
#nav li li a.current:link,  #nav li li a.current:visited {background: url(http://www.compensationframework.org/images/template/nav_on.gif) no-repeat 2px 5px #fff;}

#news_signup label {text-transform: uppercase; color: #000; font-weight: bold; display: block; padding-bottom: 10px;}

#main #buy_now a {display: block; padding-left: 40px; background: url(http://www.compensationframework.org/images/template/buynow_main.gif) no-repeat left center #fff; text-decoration: none; font-weight: bold;}
#main #buy_now a:link {color: #000;}
#main #buy_now a:visited {color: #000;}
#main #buy_now a:hover {color: #666;}
#main #buy_now a:active {color: #666;}

#related_glossary {border: solid 1px #667B95; border-width: 1px 0; margin-top: 40px;}
.more {text-align: right; text-transform: uppercase; margin: 5px 0; font-size: 90%;}

.buy_pdf a, .buy_book a {position: relative; display: block; padding: 17px; text-transform: uppercase; text-align: justify; text-decoration: none; margin: 5px 0 10px 0; color:#fff; font-weight: bold;}
.buy_pdf a:link, .buy_pdf a:visited  {color: #fff; background: url(http://www.compensationframework.org/images/template/buy_pdf.gif) no-repeat bottom right #667B95; text-decoration: none;}
.buy_pdf a:hover,  .buy_pdf a:active {color: #fff; background: url(http://www.compensationframework.org/images/template/buy_over.gif) no-repeat bottom right #92B0D5; text-decoration: none;}

.buy_book a:link, .buy_book a:visited {color: #fff; background: url(http://www.compensationframework.org/images/template/buy_book.gif) no-repeat bottom right #D5B692; text-decoration: none;}
.buy_book a:hover,  .buy_book a:active {color: #fff; background: url(http://www.compensationframework.org/images/template/buy_over.gif) no-repeat bottom right #92B0D5; text-decoration: none;}

.buy_pdf .title, .buy_book .title {font-size: 200%; text-transform: none; display: block; font-weight:normal; padding: 10px 0 30px 0; line-height: 1.2;}
.buy_pdf .format, .buy_book .format {display: block; }

.arrow {font-size: 140%;}

#glossary_nav {width: 325px; margin: 20px 0; }
#glossary_nav ul {margin:0; padding: 0;}
#glossary_nav li {display: block; width: 25px; float: left; }
#glossary_nav a:link, #glossary_nav a:visited  {text-decoration: none; font-weight: bold;}
#glossary_nav a:hover, #glossary_nav a:active, #glossary_nav a.current {color: #000; font-weight: bold; text-decoration: none;}

/* accordion */

#accordion p {margin: 5px 0;}
#accordion ul {margin: 5px 0 15px 5px;}
#job_families {}
#job_families td,  #job_families th {vertical-align: top; padding: 5px 0;}
#job_families th {text-transform: uppercase; padding-bottom: 5px; border-bottom: solid 1px #667B95;}
#job_families td.title {width: 55%; padding-right: 5px;}
#job_families h3 {font-size: 100%; color: #000; text-transform: uppercase; font-weight: bold; margin: 0;}
#job_families .info { padding: 0 0 5px 0; border-bottom: solid 1px #667B95; }
#job_families .description {padding: 10px 10px; background: #E6EBF2;}



/* forms */
.input {
border: solid 1px #7d9eb9;
background-color:  #Fff;
color:             #595959;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.9em; font-weight: normal;
padding:           1px;
width: 170px;
}

.textarea {
background-color:  #Fff;
color:             #595959;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.9em; font-weight: normal;
width: 300px;
overflow: auto;
}


input.submit {
border:        0 solid #fff;
background-color:  #92B0D5;
font-family:       Verdana, Arial, sans-serif;
font-size:         0.9em;
font-weight:       normal;
padding:           3px 0;
margin:        0;
text-transform:    uppercase;
color:             #fff;
cursor: pointer;
}


#signup th {vertical-align:  top; width: 225px;}
.vedit, .hedit {width: 100%; }
.vedit td, .vedit th {vertical-align:  top; padding-bottom: 5px;}
.vedit th {width: 225px; background:  }
.hedit td, .hedit th {vertical-align:  top; padding: 5px 0; border-bottom: solid 1px #667B95; text-align: center; }
.hedit {border-bottom: solid 3px #667B95; margin-bottom: 30px; }
.hedit th {background: #667B95; color: #fff; text-align: center;}

.small {font-size: 85%; line-height: 1.1; color: #999; }
div.small {margin-top: 3px;}

#calculator div {padding: 10px 0;}
#calculator label {display: block; width: 170px; float: left;}

.job th, .job td {line-height: 1.3; padding: 0 10px 5px 0; }
.pay th {line-height: 1.3; padding: 5px; border: solid 1px #667B95; border-width: 1px 0; text-align: center; vertical-align: top; color: #fff; background-color: #667b95;}
.pay td {line-height: 1.3; padding: 5px; text-align: center; vertical-align: top; border-bottom: solid 1px #667B95;}
.pay {border-bottom: solid 3px #667B95; margin-bottom: 20px; }
.benefits.hedit {width: auto; border-bottom: solid 3px #667B95;}
.benefits.hedit td {text-align: center; border-bottom: solid 1px #667B95;}
.benefits th {padding: 5px; text-align: center; color: #fff; background-color: #667b95;}
.benefits.vedit th, {text-align: left; padding: 5px 5px 5px 0; color: #000; background: #fff;}
.benefits {margin-bottom: 30px;}

 th.compare {border-width: 0; text-align: left; padding-left: 0; border-bottom: solid 1px #667B95; background: #fff; color: #000; }

#contact_form div {padding: 5px 0;}

#cities th {text-align: left; font-weight: bold; width: 33%; padding: 10px  5px; vertical-align: top;}
#cities td {padding: 2px 5px; vertical-align: top; white-space: nowrap; }

div.note {margin: -15px 0 30px 0; font-size: 85%;}
div.note p {margin: 0 0 5px 0;}

#sitemap ul {margin: padding: 0; list-style-type: none;}
#sitemap li {padding-bottom: 10px;}
#sitemap li li {padding-bottom: 5px;}
#sitemap a {display: block; text-transform: uppercase; }
#sitemap li li a {text-transform: none; padding-left: 20px;}
#sitemap a:link {color: #666; text-decoration: none;}
#sitemap a:visited {color: #666; text-decoration: none;}
#sitemap a:hover {color: #667B95; text-decoration: none;}
#sitemap a:active {color: #667B95; text-decoration: none;}

#sitemap li li a:link {background: url(http://www.compensationframework.org/images/template/nav_off.gif) no-repeat 2px 5px #fff;}
#sitemap li li a:visited {background: url(http://www.compensationframework.org/images/template/nav_off.gif) no-repeat 2px 5px #fff;}
#sitemap li li a:hover {background: url(http://www.compensationframework.org/images/template/nav_on.gif) no-repeat 2px 5px #fff;}
#sitemap li li a:active {background: url(http://www.compensationframework.org/images/template/nav_on.gif) no-repeat 2px 5px #fff;}

td.city {text-align: left;}

.toggler {color: #667B95; cursor: pointer;} 
.lower {text-transform: lowercase;}