/* prefix? radius = y, grad = n */

body {
padding: 0;
margin: 0;
background: #fff;
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}

/*
#grid {
background: url(/pics2/960_grid_12_col.png) top center repeat-y;
margin: 0 auto;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
opacity: 0.5;
display: none;
}
*/

div, ul, li, h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}


h1 {
font-weight: normal;
text-align: center;
}

div.clear {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}


#header  { padding: 30px 00px 20px 00px; }
#top     { padding: 40px 00px 10px 00px; }
#content { padding: 30px 00px 30px 00px; }
#footer  { padding: 20px 00px 40px 00px; }


/* ***************************
       Layout
**************************** */

#logininfo_box_1 {
	margin: 0px auto 0px auto;
	width: 640px;
	min-height: 185px;
}

#loginbox-title	{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 30px;
	}

.wrapper {
text-align: left;
margin: 0 auto;
width: 940px;
}

#content {
position: relative;
}

#container, #header {
width: 1040px;
margin: 0 auto;
}

#footer {
width: 100%;
}
#footer .wrapper {
width: 100%;
white-space:nowrap;
}

.content {
    background-color: #ff0000;
    border: 1px solid #f8cb9c;
    padding: 4px;
}

.content_triggered ul {
    color: #ffffff;
    font-weight: bold;
    margin: 0 auto;
    padding: 0 20px;
}

.content_automatic ul {
    color: #000000;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
}

#content_2 {
    margin: 4px auto;
    width: 500px;
}

/*
00 - e3e1ce ececdf
15 - e7e5d5 efefe4
30 - ebeadd f2f2e9
45 - f0eee4 f4f4ed
60 - f4f3eb f7f7f2

background: linear-gradient(#efefe4, #e7e5d5);
*/


#header { /*background: #f7f7f2; border-bottom: 1px solid #e3e1ce;*/ }

body {
/*background: #ebe8dd;*/
background: #444444;
}
#container {
/*background: #f7f7f2;*/
/*background: #333333;*/
/*border: 1px solid #e3e1ce;*/
/*border: 1px solid #222222;*/
border-radius: 6px;
behavior: url(/_pie/PIE.htc);
}
#top {
background: #f2f1e8;
background: linear-gradient(#f4f3ed, #f0ede4);
border-bottom: 1px solid #e3e1ce;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
behavior: url(/_pie/PIE.htc);
}
#content { }
#footer { }



/* ***************************
       Content
**************************** */

#login-tabs-1 {
/*color: #515348;*/
color: #adbf8b;
/*font-size: 76%;*/
height: 1%;
/*background: #f5f5ef;*/
}

body.home #content {
/*background: #f5f5ef url(/_images/content_grad_01.gif) top left repeat-x;*/
/*background: #f5f5ef;*/
}


#content a {
color: #36808e;
border-bottom: 1px solid #d0e8e7;
}
#content a:hover {
/*
background: #deefee;
text-decoration: none;
*/
}




/* ***************************
       Small
**************************** */


body.login #header { width: 420px; }
body.login #header h1 a { width: 360px; }
body.login #container { width: 460px; }
body.login #content .wrapper { width: 380px; }
/*
body.login #footer { width: 480px; }
body.login #footer .wrapper { width: 440px; }
*/
body.error #header { width: 480px; }
body.error #header h1 a { width: 420px; }
body.error #container { width: 520px; }
body.error #content .wrapper { width: 440px; }

body.forgot #header { width: 420px; }
body.forgot #header h1 a { width: 360px; }
body.forgot #container { width: 460px; }
body.forgot #content .wrapper { width: 380px; }

body.optin #header { width: 420px; }
body.optin #header h1 a { width: 360px; }
body.optin #container { width: 460px; }
body.optin #content .wrapper { width: 380px; }

body.optout #header { width: 420px; }
body.optout #header h1 a { width: 360px; }
body.optout #container { width: 460px; }
body.optout #content .wrapper { width: 380px; }

body.processing #header { width: 420px; }
body.processing #header h1 a { width: 360px; }
body.processing #container { width: 460px; }
body.processing #content .wrapper { width: 380px; }

body.activation #header { width: 420px; }
body.activation #header h1 a { width: 360px; }
body.activation #container { width: 460px; }
body.activation #content .wrapper { width: 380px; }

body.charge #header { width: 420px; }
body.charge #header h1 a { width: 360px; }
body.charge #container { width: 460px; }
body.charge #content .wrapper { width: 380px; }

body.contact #header { width: 460px; }
body.contact #header h1 a { width: 400px; }
body.contact #container { width: 500px; }
body.contact #content .wrapper { width: 420px; }

/*
body.landing #wrapper { width: 590px; }
body.landing #header h1 a { width: 530px; }
*/
/*
body.landing #header .wrapper { width: 620px; }
body.landing #header h1 a { width: 560px; }
body.landing #container { width: 660px; }
body.landing #content .wrapper { width: 580px; }
*/
body.landing #header { width: 520px; }
body.landing #header h1 a { width: 460px; }
body.landing #container { width: 560px; }
body.landing #content .wrapper { width: 480px; }

body.landing-new #header { width: 420px; }
body.landing-new #header h1 a { width: 360px; }
body.landing-new #container { width: 460px; }
body.landing-new #content .wrapper { width: 380px; }

body.landing-new1 #header { width: 420px; }
body.landing-new1 #header h1 a { width: 360px; }
body.landing-new1 #container { width: 460px; }
body.landing-new1 #content .wrapper { width: 380px; }

body.google #header { width: 480px; }
body.google #header h1 a { width: 420px; }
body.google #container { width: 520px; }
body.google #content .wrapper { width: 440px; }


body.small #wrapper {
text-align: left;
margin: 0 auto;
}
body.small #header {
margin-bottom: 30px;
padding: 120px 0 0 0;
}
body.small #header h1 {
margin: 0 30px;
}

body.small #header h1 a {
background: url(/_images/logo-152px.png) bottom center no-repeat;
padding-top: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body.small #header h1 a {
  background: url(/_images/logo-304px-@2x.png) bottom center no-repeat;
  background-size: 162px auto;
  /*width: 314px;*/
  }
}
body.small #content {
padding: 25px 30px 20px 30px;
}




body.small #content input.inputtext {
width: 240px;
}



body.small #content h2 {
font-size: 18px;
}
body.small #content a {
color: #36808e;
border-bottom: 1px solid #d0e8e7;
}
body.small #content a:hover {
background: #deefee;
text-decoration: none;
}


body.error #content h2 {
margin-bottom: 0.5em;
line-height: 1.5em;
}
body.error #content p {
margin: 0.25em 0;
}
body.processing #header {
display: none;
}
body.processing #container {
margin-top: 80px;
}
body.processing #content .wrapper {
text-align: center !important;
}
body.processing #content h2 {
margin-bottom: 0.6em;
}
body.processing #content div.error {
margin-top: 0;
}
body.processing #content img {
margin: 0 0 0.75em 0;
}
body.processing #content p {
margin: 0.25em 0 1.25em 0;
}


body.activation h2 img {
margin: 0 !important;
padding: 0 !important;
}

table.login {
margin: 5px auto;
}
table.login th {
padding: 5px 10px 5px 0;
vertical-align: top;
text-align: right;
}
table.login td {
}
table.login input.inputtext {
width: 250px !important;
color: #515348;
}
table.login input.public-button {
margin: 0;
}
table.login select {
padding: 3px;
color: #515348;
}
table.login tr td.separator {
padding: 10px 0 10px 0;
}
table.login tr td.separator div {
border-top: 1px dotted #bbb;
height: 0;
line-height: 0;
font-size: 0;
}
table.login span.tipinline {
font-size: 0.9em;
color: #777;
}


body.login div.error, body.login div.success {
margin: 0 0 15px 0;
text-align: center;
}


/* ***************************
       Contact
**************************** */

body.contact h2 {
color: #638e35;
}
body.contact h3 {
font-size: 13px;
margin: 20px 0 10px 0;
}
.contact i {
color: #777;
}


/* ***************************
       General
**************************** */

input.inputtext {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 1px solid #aaa;
padding: 7px;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
font-size: 13px;
border-radius: 3px;
behavior: url(/_pie/PIE.htc);
}


/* ***************************
       Misc
**************************** */

.smalltxt { font-size: 11px; }

span.bar {
padding: 0 4px;
color: #999;
}

.mtop3 { margin-top: 30px !important; }
.mtop2 { margin-top: 20px !important; }
.mtop15 { margin-top: 15px !important; }
.mtop1 { margin-top: 10px !important; }
.mtop05 { margin-top: 5px !important; }
.mtop025 { margin-top: 5px !important; }
.mtop0 { margin-top: 0 !important; }
.mbottom3 { margin-bottom: 30px !important; }
.mbottom2 { margin-bottom: 20px !important; }
.mbottom15 { margin-bottom: 15px !important; }
.mbottom1 { margin-bottom: 10px !important; }
.mbottom075 { margin-bottom: 5px !important; }
.mbottom05 { margin-bottom: 5px !important; }
.mbottom025 { margin-bottom: 5px !important; }
.mbottom0 { margin-bottom: 0 !important; }
.mvert2 { margin: 20px 0 !important; }
.mvert15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mvert1 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mvert075 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mvert05 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mvert025 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mvert0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.aleft { text-align: left !important; }
.acenter { text-align: center !important; }

.highlight1 { background: #ffa;}


body.small #content a.green-button { /* ie8 needs these selectors */
padding: 7px 30px 10px 30px;
color: #fff !important;
overflow: hidden;
margin-right: 6px;
font-weight: bold;
font-size: 15px;
background: #69933c;
border: none !important;
border-radius: 6px !important;
behavior: url(/_pie/PIE.htc);
}
body.small #content a.green-button:hover {
background: #69933c;
}


input.public-button {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
vertical-align: top;
padding: 6px 14px 6px 14px;
border: 1px solid #a2a2a2;
color: #333;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: -webkit-linear-gradient(#fff, #e5e5e5);
background: -moz-linear-gradient(#fff, #e5e5e5);
background: -ms-linear-gradient(#fff, #e5e5e5);
background: -o-linear-gradient(#fff, #e5e5e5);
background: linear-gradient(#fff, #e5e5e5);
-pie-background: linear-gradient(#fff, #e5e5e5);
position: relative;
behavior: url(/_pie/PIE.htc);
}
input.public-button:hover {
/*background: #e5e5e5;*/
background: #8fb262;
transition: background 0.05s linear;
}
input.public-button:active {
padding: 7px 14px 5px 14px;
background: -webkit-linear-gradient(#e5e5e5, #fff);
background: -moz-linear-gradient(#e5e5e5, #fff);
background: -ms-linear-gradient(#e5e5e5, #fff);
background: -o-linear-gradient(#e5e5e5, #fff);
background: linear-gradient(#e5e5e5, #fff);
-pie-background: linear-gradient(#e5e5e5, #fff);
behavior: url(/_pie/PIE.htc);
}