body {
background:#ddd;
margin:0;
padding:0;
font-family:Arial,FreeSans,Helvetica;
font-size:12px;
width:100%;
text-align: center;
}

.center {
margin:auto;
}

.frame {
position:relative;
background:#fff;
width:900px;
text-align:left;
}

img {
border:none;
}

ul {
margin: 0px;
margin-left: -40px;
}

.content {
padding:20px;
}

.header_c {
position:absolute;
height:7px;
width:7px;
overflow: hidden;
background:url(header_corners.jpg) no-repeat;
}

.h_tl {
background-position:0px 0;
top:0;
left:0;
}

.h_tr {
background-position:-19px 0;
top:0;
right:0;
}

.h_bl {
background-position:0 -19px;
bottom:0;
left:0;
}

.h_br {
background-position:-19px -19px;
bottom:0;
right:0;
}

.header_top {
background: #ebebeb;
width:860px;
height:85px;
margin:0;
padding:0;
position:relative;
color:#000;
background-image:url('http://www.portlandpeakoil.org/nobrand.css');
background-position: center;
background-repeat: no-repeat;
}

#divider {
position:absolute;
width:1px;
height:50px;
top:18px;
left:159px;
background-color:#989898;
}

#grad_break {
position:relative;
left:0px;
height:80px;
width:600px;
top: 0px;
z-index: 1;
background-image:url('http://www.portlandpeakoil.org/nobrand.css');
background-color: #ebebeb;
}

.header_top h1 {
position:absolute;
top:22px;
left:30px;
color:#000;
margin:0;
font-family: helvetica;
font-weight: bold;
font-size: 16px;
}

.bolden {
color:#1e399c;
margin:0;
font-family: helvetica;
font-weight: bold;
font-size: 26px;
}

.login_container {
position:absolute;
top:63px;
right:11px;
height:28px;
width:140px;
overflow:hidden;
}
.login_button {
position:absolute;
left:0;
}

.login_button:hover {
left:-140px;
}

.header_tag {
height:40px;
line-height:40px;
font-size:24px;
color:#033B73;
text-align:center;
font-weight:400;
margin:0;
}

.header_nav {
width:860px;
position:relative;
}

.header_nav ul {
width:858px;
text-align:center;
height:34px;
background:url(navbar_repeat.jpg);
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
padding:0;
font-size:12px;
margin:0;
}

.header_nav li {
display:inline;
text-align:center;
padding:0 32px;
background:url(navbar_divider.jpg) center left no-repeat;
font-size:12px;
margin:0;
}

.header_nav li.first {
background:transparent;
}

.header_nav a {
color:#515151;
font-size:12px;
text-decoration:none;
line-height:34px;
}

.header_nav a:hover {
text-decoration:underline;
}

.header_nav a.current {
font-weight:700;
color:#008CA7;
}

.hosting_main {
width:860px;
height:240px;
background-image:url(photo_main.jpg);
position:relative;
color:#FFF;
}

.hosting_features {
list-style-image:url(http://www.portlandpeakoil.org/arrow_blue.gif);
font-size:16px;
font-weight:500;
margin:20px 0 0 40px;
padding:0;
position:absolute;
}

.spect {
color:#FE0;
}

.hosting_price {
position:absolute;
left:340px;
font-size:28px;
font-weight:500;
width:330px;
color:#FFF;
margin:0;
}

.signup_link {
position:absolute;
top:120px;
left:430px;
width:174px;
height:44px;
overflow:hidden;
}

.signup_button {
position:absolute;
left:0;
}

.signup_button:hover {
left:-174px;
}

.hosting_benefits {
position:absolute;
top:180px;
left:320px;
width:350px;
list-style-image:url(http://www.portlandpeakoil.org/arrow_yellow.gif);
list-style-type:square;
text-align:center;
}

.hosting_benefits li {
display:inline;
background:url(http://www.portlandpeakoil.org/arrow_yellow.gif) center left no-repeat;
line-height:20px;
font-size:16px;
padding:10px;
}

.features_main {
margin-top:10px;
width:100%;
height:208px;
}

div.features {
height:208px;
width:278px;
float:left;
margin-left:13px;
position:relative;
background: #c6c6c6;
}

div.first {
margin-left:0;
}

.inner_content {
background:#FFF;
margin-left:1px;
border-top:none;
width:276px;
height:207px;
position:relative;
}

.feature_header {
height:33px;
line-height:33px;
background:url(navbar_repeat.jpg);
padding-left:10px;
padding-right:20px;
}

.feature_header h3 {
padding-left:10px;
background:url(http://www.portlandpeakoil.org/doublearrow.gif) center left no-repeat;
font-size:16px;
font-weight:400;
color:#033B73;
margin:0;
}

.cservice {
text-align:center;
margin-top:10px;
color:#333;
font-size:11px;
}

.phone_numbers {
color:#033B73;
font-size:18px;
position:relative;
left:110px;
top:10px;
font-weight:500;
}

.hddiv {
display:none;
position:absolute;
top:130px;
left:110px;
width:136px;
overflow:hidden;
}

#hdbtn {
position:relative;
top:0;
left:0;
}

#hdbtn:hover {
left:-136px;
}

#cservice_image {
position:absolute;
bottom:0;
}

form {
border:none;
}

.chatdiv {
position:absolute;
left:85px;
top:125px;
width:170px;
}

.chatdiv #chatbutton {
margin-top:10px;
float:right;
}

#better_image {
margin:10px 0 0 14px;
}

#demo_image {
position:absolute;
top:45px;
right:10px;
z-index:3;
}

.demo h4 {
font-weight:400;
border-bottom:1px solid #FC3;
font-size:16px;
position:relative;
top:15px;
left:20px;
width:200px;
color:#033B73;
margin:0;
}

#demo_text {
position:relative;
top:30px;
left:20px;
width:130px;
font-size:11px;
}

#demo_link {
position:absolute;
top:161px;
left:18px;
width:112px;
height:34px;
overflow:hidden;
}

#script_aff_image {
  margin:26px 0 15px 14px;
}

#why_text {
  left: 12px;
  position: relative;
  padding-right: 8px;
}

#why_link {
  text-align: center;
}
.better h4 {
  font-weight: 400;
  border-bottom: 1px solid #FC3;
  font-size: 16px;
  position: relative;
  top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 200px;
  color: #033B73;
  text-align: center;
}

.script_aff_easy {
  font-size: 1.2em;
}

#demo_link_image {
position:absolute;
left:0;
}

#demo_link_image:hover {
left:-112px;
}

.features_footer {
margin-top:10px;
background:#c6c6c6;
height:104px;
width:860px;
position: relative;
}

#chatbutton {
width:97px;
height:34px;
background:url(http://www.portlandpeakoil.org/livechat_button.gif);
border:none;
}

#chatbutton:hover {
background-position:-97px 0;
}

#question {
background:#FFC;
width:167px;
height:20px;
font-size:14px;
color:#515151;
border-bottom: 2px solid #ddd;
border-right: 2px solid #ddd;
}

.footer_content {
height:102px;
width:858px;
background:#FFF;
position:absolute;
top:1px;
left:1px;
overflow:hidden;
}

.ss_text {
position:absolute;
top:25px;
left:20px;
font-size:13px;
width:112px;
text-align:center;
}

.script_images {
position:absolute;
left:150px;
margin-top:8px;
padding-right:15px;
width:680px;
text-align:center;
}

.scripts {
width:61px;
height:86px;
padding-left:6px;
padding-right:6px;
margin:0;
position:relative;
}

.scripts img {
width:62px;
height:62px;
padding-bottom:6px;
clear:both;
}

.scripts {
width:61px;
height:86px;
float:left;
padding-left:6px;
padding-right:6px;
margin:0;
position:relative;
}

.ss_desc {
text-align:center;
position:relative;
}

#ss_tagline {
color:#033B73;
font-weight:400;
margin:0 0 3px;
display:inline-block;
width:112px;
}

#ss_link {
font-size:11px;
}

.upper {
text-transform:uppercase;
}

.fbold {
font-weight:700;
}
#footer {
margin-top:16px;
text-align:center;
position:relative;
}

.footer_links li:first-child {
padding-left:0;
vertical-align:top;
}

.footer_links li {
display:inline;
padding-left:5px;
vertical-align:top;
}

.footer_links a {
color:#033B73;
font-size:11px;
}

#copyright {
text-align:center;
color:#515151;
font-size:10px;
margin-top:3px;
}

.sec_c {
position:absolute;
height:5px;
width:5px;
overflow:hidden;
background:url(http://www.portlandpeakoil.org/corners.gif) no-repeat;
}

.sec_tl {
top:0;
}

.sec_tr {
background-position:-5px 0;
top:0;
right:0;
}

.sec_bl {
background-position:0 -5px;
bottom:0;
left:0;
}

.sec_br {
background-position:-5px -5px;
bottom:0;
right:0;
}

.frame_c {
position:absolute;
background:url(http://www.portlandpeakoil.org/parent_corners.gif) no-repeat;
bottom:0;
_bottom:-1px;
height:14px;
width:14px;
overflow: hidden;
}

.frame_br {
background-position:-14px 0;
right:0;
}

.frame_bl {
left:0;
}

.adisc{
padding-top:10px;
text-align:center;
}

#reseller_link {
position:absolute;
bottom:12px;
left:10px;
width:111px;
height:33px;
overflow:hidden;
}

#servers_image {
position:absolute;
right:10px;
top:70px;
}

.better h4 {
text-align: left;
width:210px;
left:20px;
top:15px;
margin:0;
}

div#rptext {
position:relative;
left:20px;
top:30px;
font-size:11px;
}

.rpcolor {
color:#033a72;
}

.rpbump {
margin-bottom:10px;
}

#learn_more_image {
position:absolute;
top:0;
left:0;
}

#learn_more_image:hover {
left:-112px;
}.narrow{
background:#033c73 url('bar_narrow.jpg');
}
.wide{
background:#033c73 url('bar_wide.jpg');
}
.narrow,.wide{
padding:10px 0 10px 10px;
color:#fff;
}
.shead{
font-size:18px;
}
th.fthead.featcol{
background:#033b73 url('bar_wide.jpg');
padding:0;
}
th.fthead{
background:#033b73;
border:none;
color:#fff;
}
.pro {
display:none;
}
.imgth{
position:relative;
height:41px;
}
.titleth{
padding:8px 8px 8px 70px;
}
div.content div.header{
padding-bottom:12px;
}
.header_nav ul{
border-bottom:1px solid #C6C6C6;
}
.title_bar{
line-height:76px;
background:#d9d9d9 url(headergradient.jpg);
height:76px;
padding-left:40px;
padding-top:19px;
color:#8bbd31;
font:bold 28px Helvetica,Arial;
position:relative;
}
.title_bar img{
position:absolute;
top:0;
right:0;
}
.columns{
width:860px;
position:relative;
padding:0;
margin:0;
}
.columns td{
padding:0;
}
.body_container{
color:#333;
font-size:12px;
}
.body_content{
padding:0 0 0 40px;
font-size:12px;
}

.bill_table{
font-size:12px;
}
.sec_head{
color:#033b73;
font-size:18px;
}
.sidebar{
width:240px;
background:#e6f3fd;
}
td.sidebar{
background:#e6f3fd;
}
.sidebar_content{
margin:20px;
color:#515151;
font-size:12px;
font-family:Arial,FreeSans,Helvetica;
position:relative;
}
.sidebar_content > div{
position:relative;
}
.sidebar_header{
color:#033b73;
font-size:16px;
}
.sidebar_divider{
width:100%;
height:2px;
background:#cfdae3;
overflow:hidden;
}
#sidebar_demo_link{
height:34px;
overflow:hidden;
position:absolute;
width:112px;
left:10px;
}
#sidebar_live_demo{
height:180px;
position:relative;
}
#demo_laptop{
position:absolute;
right:-20px;
bottom:0;
}
#sidebar_questions{
height:135px;
position:relative;
}
.sidebar_customer_service{
position:absolute;
bottom:-20px;
right:-20px;
}
#sidebar_signup{
height:100px;
position:relative;
}
#sidebar_price{
position:absolute;
top:1px;
left:100px;
}
.sidebar_signup_link{
height:44px;
overflow:hidden;
width:174px;
position:absolute;
left:23px;
}
#sidebar_live_chat{
height:170px;
position:relative;
}
.sidebar_chat_div{
height:34px;
width:97px;
overflow:hidden;
position:absolute;
bottom:0;
right:8px;
}
.sidebar_chat_img{
position:absolute;
left:0;
}
.sidebar_chat_img:hover{
left:-97px;
}
.chatbubble{
background-image:url('http://www.portlandpeakoil.org/chatbubble.gif');
background-repeat:no-repeat;
width:208px;
height:118px;
}
.bubble_box{
margin:8px;
border:1px solid #999999;
background:#FFFFCC;
height:72px;
width:188px;
color:#515151;
font-size:12px;
font-family:Arial;
padding:2px;
}
.sidebar_blue_block{
color:#033b73;
}
#sidebar_support_calls{
height:135px;
position:relative;
}
.sub_container{
clear:both;
padding:0px;
padding-top:10px;
padding-bottom:20px;
border-bottom:1px solid #f0f0f0;
}
.sub_container.about_us{
padding-bottom:40px;
}
.sub_container:last-child{
border-bottom:none;
}
div.no_border{
border:none;
}
.bullet{
float:left;
margin-right:24px;
height:110px;
}
.fleft{
float:left;
}
.fright{
float:right;
}
.redt{
color:red;
font-style:italic;
}
.greent{
color:green;
}
.dkredt{
color:#8B0000;
}
.dkgreent{
color:#006400;
}
.star_header{
background:#8abd30;
position:relative;
color:#fff;
font-size:18px;
height:42px;
}
.himgspac{
margin-left:70px;
line-height:42px;
}
.star_c{
background:transparent url('media/shared/info/hosting_features/_bh/corner_green.jpg') no-repeat scroll 0 0;
height:14px;
overflow:hidden;
position:absolute;
width:14px;
top:0;
}
.star_tl{
left:0;
}
.star_tr{
background-position:-14px 0;
right:0;
}
.bleed_img{
position:absolute;
bottom:0px;
left:12px;
}
#better_features{
border:2px solid #c5ddfd;
border-top:none;
position:relative;
height:110px;
margin:0;
padding:0;
}
.redcent{
color:red;
font-size:18px;
text-align:center;
padding:5px 0;
}
.blackcap{
text-transform:uppercase;
font-weight:600;
color:#000;
}
.ucase{
text-transform:uppercase;
}
ul.gabul{
list-style-image:url('arrow_green.jpg');
margin:0;
padding:0;
}
ul.indent{
margin-left:40px;
}
ul.gabul.left,ul.gabul.right{
position:absolute;
bottom:12px;
}
ul.gabul.left{
left:55px;
}
ul.gabul.right{
right:45px;
}
#features_table{
width:100%;
border-collapse:collapse;
}
#features_table tr:nth-child(even){background: #f6f6f6}
#features_table tr:nth-child(odd){background: #ebebeb}
#features_table td{
padding:9px 0;
border:1px solid #ccc;
}
#features_table td.featcol{
padding-left:12px;
}
#features_table td.checkcol{
color:#033b73;
}
.checkcol.fright{
line-height:20px;
}
.checkcol{
width:120px;
text-align:center;
font-weight:bold;
}
#features_table .checkmark span { display: none; }
#features_table .checkmark { background-image: url(http://www.portlandpeakoil.org/media/shared/info/hosting_features/_bh/checkmark_small.gif); background-position: center center; background-repeat: no-repeat; }

#feat_signup{
position:relative;
height:44px;
text-align:center;
}
.signup_btn{
overflow:hidden;
height:44px;
position:absolute;
width:174px;
}
.half_block{
width:265px;
display:inline;
background:#ebebeb;
float: left;
}
#sign_up.half_block{
margin-right:20px;
}
.half_block .subhead{
background:#d6ecfc;
color:#033b73;
border-bottom:1px solid #c5d9e8;
padding:6px 10px;
}
.hb_cont{
padding:10px;
}
.bt{
font-weight:bold;
}
.st{
text-decoration:line-through;
}
.relp{
position:relative;
}
.relp.button{
height:34px;
}
.aff_button{
position:absolute;
right:0;
height:34px;
overflow:hidden;
}
.aff_button img{
position:absolute;
}
.signup.aff_button{
width:91px;
}
.aff_button.signup img{
left:0px;
}
.aff_button.signup img:hover{
left:-91px;
}
.aff_button.login{
width:74px;
border:none;
background:url('login_both.jpg') no-repeat 0 0;
}
.aff_button.login:hover{
background-position:-74px 0;
}
.half_block.aff{
height:225px;
}
.steps{
position:absolute;
font-size:16px;
right:24px;
top:30px;
}
.steps>span:first-child{
margin-right:10px;
}
.steps .active{
color:#033b73;
padding-left:15px;
background:transparent url('http://www.portlandpeakoil.org/arrow_blue.gif') no-repeat 0 5px;
}
.steps .inactive{
color:#b2b2b2;
padding-left:15px;
background:transparent url('http://www.portlandpeakoil.org/arrow_gray.gif') no-repeat 0 5px;
}
input:disabled, select:disabled{
background-color:#ddd;
}

.green_head{
color:#8bbd31;
font-size:18px;
}
.required:before{
    content: '*';
}
.signuplabel{
text-align:right;
width:200px;
}
td.signuplabel{
padding-right:5px;
}
.country_select{
width:230px;
}
.wide_block{
background:#ebebeb;
}
.subtext{
font-size:10px;
}
.rcol{
white-space:nowrap;
}
.tenpad{
padding:10px;
}
.body_content{
overflow:hidden;
}
.lpad{
padding-left:10px;
}
.ib{
display:inline-block;
}
.ct{
text-align:center;
}
.error{
color:red;
font-weight:bold;
}

#terms_of_service h1{
color:#033b73;
font-size:18px;
}

.limg{
margin-right:12px;
}

.next_button{
color:transparent;
font-size:0px;
background:url('media/shared/general/_bh/next_both.jpg') no-repeat 0 0;
width:70px;
height:34px;
border:none;
}

.next_button:hover{
background-position:-70px 0;
}

.next_button.ct{
margin-left:231px;
}
blockquote.success,
div.success {
    border:solid 1px #399A38;
    background-color:#EEFCEE;
    padding:15px;
    margin:0;
}
blockquote.success h1, div.success h1 {
    font-size:1.3em;
    font-weight:bold;
    color:#399A38;
    border:none;
    display:inline;
}
blockquote.success li, div.success li {
    margin-left: 10px;
}
blockquote.warning,
div.warning {
    border:solid 1px #aab242;
    background-color:#faf8e1;
    padding:15px;
    margin:0;
}
blockquote.warning h1,
div.warning h1 {
    font-size:1.3em;
    font-weight:bold;
    color:#aab242;
    border:none;
    display:inline;
}
blockquote.warning li,
div.warning li {
    margin-left: 10px;
}
blockquote.error,
div.error {
    border:solid 1px #d40203;
    background-color:#fadcdc;
    padding:15px;
    margin:0;
    color:#000;
    font-weight:normal;
}
blockquote.error h1,
div.error h1 {
    font-size:1.3em;
    font-weight:bold;
    color:#d40203;
    border:none;
    display:inline;
}
blockquote.error li,
div.error li {
    margin-left: 30px;
    text-indent: -20px;
}
.phonecc_1 {
background:#FFFFFF url('http://www.portlandpeakoil.org/media/shared/signup/us_phone_bg.gif') no-repeat 4px 4px;
}
.cc_sel{
font-family:monospace;
width:60px;
}