/*---------------------------------------------
http://www.PaperPass.org
Version: 2.0
Author: PaperPass.Org
---------------------------------------------*/

body {
    font:14px ;
}
select, input, textarea {
    font:99% ;
}

a {
    cursor:pointer;
}
.topbuttom a.setFocus:focus{outline:none;}

/*=GENERAL STYLES  
=== === === === === === === === === === */
#paperpass {
text-align:center;
}
.center_page {
text-align:left;
width:960px;
margin:0 auto;	
}
.one_sixth {
width:135px;
margin-left:0px;
}
.one_third {
width:295px;
margin-left:25px;
}
.half_page {
width:455px;
margin-left:25px;
}
.half_page .one_third {
width:295px;
margin-left:0px;
}
.half_page2 {
width:555px;
margin-left:25px;
}
.half_page2 .one_third {
width:295px;
margin-left:0px;
}
.two_thirds {
width:595px;
margin-left:45px;
}
.five_sixths {
width:775px;
margin-left:25px;
}
.full_page {
width:935px;
margin-left:25px;
}
strong {
font-weight:bold;
}
#paperpass .highlight_link {
color:#bdf;
}
#paperpass .special {
	color:#006699;
	font-weight: bolder;
}
.add_padding_top {
padding-top:15px;
}
#content .tip {
font-size:77%;
}
.picture_frame {
padding:5px;
border:1px solid #CCC;
margin:5px;
}
#paperpass #content .text_left{
 text-align:left;
}

.jiange
{
padding-top:10px;
}
.jiange2
{
padding-top:8px;
}
.jiange3
{
padding-top:5px;
}
.jiange4
{
padding-top:4px;
}

/*=NAVIGATION  
=== === === === === === === === === === */
#navigation {
height:62px;
background:#e4e5d5 url('../images/navigation_bg.png') top left repeat-x;
}
#navigation h1 {
float:left;
margin-left:25px;
font-size:177%;
line-height:60px;
color:#333;
position:relative;
width:198px;
height:62px;
}
#navigation h1 span {
background: url('../images/paperpass_logo.png') top left no-repeat;
width:198px;
height:62px;
top:0;
left:0;
position:absolute;
}
#navigation h1 sup {
font-size:55%;
color:#999;
}
#navigation ul {
}
#navigation li {
float:right;
margin-left:10px;
font-weight:bold;
}
#navigation li a {
font-size:122%;
height:62px;
display:block;
float:left;
text-decoration:none;
color:#465c6c;
line-height:60px;
}
#navigation li img {
margin-top:20px;
}
.login_page li.login_link a, 
.signup_page li.signup_link a, 
.resources_page li.resources_link a, 
.faq_page li.faq_link a, 
.doc_page li.doc_link a, 
.help_page li.help_link a, 
.about_page li.about_link a, 
.announcement_page li.announcement_link a, 
.tour_page li.tour_link a, 
.home_page li.home_link a  {
background: url('../images/navigation_selected.png') bottom center no-repeat;
}

.signup_page .form_row input {
    margin-bottom:5px;
}

.signup_page input.submit_button {
    font-size: 16px;
    color: #465c6c;
    padding: 2px 15px;
}

.signup_page #content p {
    text-align: left;
}

.signup_page #content .signup_questions {
    padding:25px 25px 15px 25px;
}


.signup_page #content .signup_questions h3 {
    color:#4D4D4D;
    border: none;
    margin: 0px 0px;
    padding: 0;
    font-size: 115%;
    font-weight: 600;
}

.signup_page #content .signup_questions p.status {
    margin: 0 0 30px 0;
}

.signup_page #content .signup_questions p.timestamp {
    margin: 0;
}

.signup_page #plan_types {
    list-style:none;
}

.signup_page  #forms fieldset {
    padding: 0px 0px 15px;
}

.signup_page #forms fieldset ul.form_row {
    list-style: none;
    margin-bottom: 0px;
}

.signup_page #forms fieldset ul.form_row li {
    margin-bottom: 10px;
}

.signup_page  #forms fieldset ul.form_row > li {
    float: left;
    width: 100%;
}

.signup_page #forms fieldset ul.form_row > li.single_line {
    float: none;
    width: 100%;
}

.signup_page #forms fieldset ul.form_row label {
    color: #465c6c;
    font-size: 13px;
}


.signup_page  #forms fieldset.packages {
    background-color:#fff8d8;
    border-top:1px solid #fae379;
    border-bottom:1px solid #fae379;
    border-left: 0px;
    border-right: 0px;
    margin-bottom:10px;
    padding: 0px;
}
.signup_page input.plan_type {
    width: auto;
}

.signup_page dl.promo .promo_price{
    color:green;
}

.signup_page #promo_result.valid{
    color:green;
}

.signup_page #promo_result.invalid{
    color:red;
}


.signup_page  input.promo_code {
    width: 20%;
}

.signup_page input.plan_type {
    margin-right: 10px;
}

.signup_page #content p.head_desc {
    line-height: 20px;
    text-align: left;
    margin: 0 80px 20px 0;
}

.signup_page  #content fieldset.packages div.package_names {
    background-color:#f9edb4;
    margin-bottom: 5px;
    border-bottom:1px solid #fae379;
}

.signup_page  #content fieldset.packages div.package_row{
        padding: 10px 10px 0px 20px;
}

.signup_page #content fieldset.packages dl.package {
    width: 160px;
    text-align: left;
    margin-left: 35px;
    float: left;
    margin-bottom:0px;
}

.signup_page #content fieldset.packages dl.package dd{
    line-height: 1.22em;
    margin-bottom: 2px;
}

.signup_page  #content fieldset.packages dl.package dt{
	color: #0099CC;
	margin-left: -25px;
}

.signup_page  #content fieldset.packages dl.package dd.price{
    margin-bottom: 12px;
}

.signup_page  #content fieldset.packages dl.package dd.price em{
    color: #9a5848;
    font-weight:bold;
}

.signup_page div.sidebar {
    margin-left: 35px;
    width: 280px;
}

.signup_page #content div.sidebar h3 {
    border: none;
    margin-bottom: 0px;
}

.signup_page div.system_status legend {
    margin-bottom:5px;
}
.signup_page #content div.sidebar p {
    line-height:19px;
    text-align:left;
}
.signup_page #content div.system_status p.timestamp {
    margin-bottom: 0px;
}
.signup_page div.system_status p em {
    font-weight:bold;
}


.announcement_page .form_row input {
    margin-bottom:5px;
}

.announcement_page input.submit_button {
    font-size: 16px;
    color: #465c6c;
    padding: 2px 15px;
}

.announcement_page #content p {
    text-align: left;
}

.announcement_page #content .signup_questions {
    padding:25px 25px 15px 25px;
}


.announcement_page #content .signup_questions h3 {
    color:#4D4D4D;
    border: none;
    margin: 0px 0px;
    padding: 0;
    font-size: 115%;
    font-weight: 600;
}

.announcement_page #content .signup_questions p.status {
    margin: 0 0 30px 0;
}

.announcement_page #content .signup_questions p.timestamp {
    margin: 0;
}

.announcement_page #plan_types {
    list-style:none;
}

.announcement_page  #forms fieldset {
    padding: 0px 0px 15px;
}

.announcement_page #forms fieldset ul.form_row {
    list-style: none;
    margin-bottom: 0px;
}

.announcement_page #forms fieldset ul.form_row li {
    margin-bottom: 10px;
}

.announcement_page  #forms fieldset ul.form_row > li {
    float: left;
    width: 100%;
}

.announcement_page #forms fieldset ul.form_row > li.single_line {
    float: none;
    width: 100%;
}

.announcement_page #forms fieldset ul.form_row label {
    color: #465c6c;
    font-size: 13px;
}


.announcement_page  #forms fieldset.packages {
    background-color:#fff8d8;
    border-top:1px solid #fae379;
    border-bottom:1px solid #fae379;
    border-left: 0px;
    border-right: 0px;
    margin-bottom:10px;
    padding: 0px;
}
.announcement_page input.plan_type {
    width: auto;
}

.announcement_page dl.promo .promo_price{
    color:green;
}

.announcement_page #promo_result.valid{
    color:green;
}

.announcement_page #promo_result.invalid{
    color:red;
}


.announcement_page  input.promo_code {
    width: 20%;
}

.announcement_page input.plan_type {
    margin-right: 10px;
}

.announcement_page #content p.head_desc {
    line-height: 20px;
    text-align: left;
    margin: 0 80px 20px 0;
}

.announcement_page  #content fieldset.packages div.package_names {
    background-color:#f9edb4;
    margin-bottom: 5px;
    border-bottom:1px solid #fae379;
}

.announcement_page  #content fieldset.packages div.package_row{
        padding: 10px 10px 0px 20px;
}

.announcement_page #content fieldset.packages dl.package {
    width: 160px;
    text-align: left;
    margin-left: 35px;
    float: left;
    margin-bottom:0px;
}

.announcement_page #content fieldset.packages dl.package dd{
    line-height: 1.22em;
    margin-bottom: 2px;
}

.announcement_page  #content fieldset.packages dl.package dt{
	color: #0099CC;
	margin-left: -25px;
}

.announcement_page  #content fieldset.packages dl.package dd.price{
    margin-bottom: 12px;
}

.announcement_page  #content fieldset.packages dl.package dd.price em{
    color: #9a5848;
    font-weight:bold;
}

.announcement_page div.sidebar {
    margin-left: 35px;
    width: 280px;
}

.announcement_page #content div.sidebar h3 {
    border: none;
    margin-bottom: 0px;
}

.announcement_page div.system_status legend {
    margin-bottom:5px;
}
.announcement_page #content div.sidebar p {
    line-height:19px;
    text-align:left;
}
.announcement_page #content div.system_status p.timestamp {
    margin-bottom: 0px;
}
.announcement_page div.system_status p em {
    font-weight:bold;
}






/*=CONTENT
=== === === === === === === === === === */
#paperpass .billboard {
background:#FFF url('../images/homepage_bg.png') top left repeat-x;
padding-bottom:25px;
}
#paperpass .standard {
background:#FFF url('../images/standard_page_bg.png') top left repeat-x;
padding-bottom:25px;
padding-top:4px;
}
#content h1 {
	font-size:177%;
	font-weight:bold;	
	padding-top:6px;
	margin:0px 0px 45px 25px;
	color:#006699;
}
#content h2 {
font-size:177%;
font-weight:bold;
margin-bottom:10px;
color:#465c6c;
}
#content h3 {
font-size:130%;
font-weight:bold;
margin-bottom:5px;
color:#465c6c;
padding-bottom:5px;
border-bottom:1px solid #eff0df;
}
#content h4 {
font-size:16px;
font-weight:bold;

margin-bottom:5px;
color:#09c;
}
#content p {
line-height:22px;
margin-bottom:25px;
color:#465c6c;
text-align:justify;
font-size:100%;
}
#content blockquote p {
line-height:18px;
margin:20px 20px 25px 20px;
color:#465c6c;
text-align:justify;
font-style:italic;
font-size:100%;
}
#content ul  {
color:#465c6c;
list-style-type:square;
margin-left:0px;
margin-bottom:25px;
}
#content ol li ul  {
color:#465c6c;
list-style-type:square;
margin-left:20px;
margin-bottom:25px;
}
#content ol li ul li{
margin-bottom:15px;
font-size:100%;
line-height:22px;
list-style-type:square;
}
#content ul li {
margin-bottom:15px;
font-size:100%;
line-height:22px;
}
#content ol  {
list-style-type:decimal;
color:#465c6c;
margin-left:25px;
margin-bottom:25px;
}
#content ol li {
margin-bottom:15px;
font-size:100%;
line-height:22px;
list-style-type:decimal;
}
#content a {
	color:#0099FF;
}
#content dl  {
color:#465c6c;
margin-bottom:0px;
}
#content dl dt {
font-size:114%;
font-weight:bold;
line-height:22px;
color:#9bb831;
}
.dtile {
margin-bottom:10px;
font-size:114%;
font-weight:bold;
line-height:22px;
color:#9bb831;
margin-top:10px;
border-bottom:1px solid #eff0df;
}
.dlinegonggao{
margin-bottom:25px;
font-size:114%;
font-weight:bold;
line-height:22px;
color:#9bb831;
border-bottom:1px solid #eff0df;
}
#content dl dd {
margin-bottom:5px;
font-size:92%;
line-height:22px;
}
#content .signup_button {
width:215px;
height:34px;
margin-top:4px;
background:#e99a1a url('../images/signup.png') top left no-repeat;
color:#FFF;
text-decoration:none;
overflow:hidden;
text-indent:-3000px;
font-size:152%;
line-height:45px;
display:block;
text-align:center;
}
#content .tour_button {
width:135px;
height:136px;
overflow:hidden;
background:#bde03d url('../images/tour_button.png') top left no-repeat;
color:#FFF;
text-decoration:none;
text-indent:-3000px;
font-size:152%;
line-height:135px;
display:block;
text-align:center;
}

#content .one_third h2 {
	font-weight: normal;
	font-size: 150%;
}

#content .faq ul {
	list-style-type: none;
}

/*=LAUNCHPAD
=== === === === === === === === === === */
#launchpad {
	background-color:#8A9292;
	padding:25px 0px;
	font-size:92%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6A7070;
}
#launchpad h2 {
color:#bdf;
font-size:132%;
margin-bottom:5px;
}
#launchpad li {
	margin-bottom:5px;
	background-color:#979D9D;
	padding:5px;
	color:#FFF;
}
#launchpad li a {
color:#FFF;
text-decoration:none;
}
#launchpad li a:hover {
text-decoration:underline;
}


/*=FOOTER
=== === === === === === === === === === */
#footer {
border-top:1px solid #a7a38b;
background-color:#465c6c;
padding:15px 0px;
}
#footer p {
color:#bab6a0;
font-size:85%;
margin-left:25px;
}
#footer a {
	color:#64b4e6;
}

/*=HOMEPAGE
=== === === === === === === === === === */
#paper_example {
margin:-30px 0px 25px 0px;
width:469px;
height:512px;
text-indent:-3000px;
overflow:hidden;
background: url('../images/paper_example.png') top left no-repeat;
display:block;
}
#paper_example_downtime {
margin:-30px 0px 25px 0px;
width:469px;
height:512px;
text-indent:-3000px;
overflow:hidden;
background:
background:#FFFFFFF top left no-repeat;
display:block;
}
#billboard_text {
height:285px;
width:455;
position:relative;
margin-bottom:25px;
}
#billboard_text h2 {
	color:#0099CC;
	padding-top:25px;
}
#billboard_text p {
width:295px;
}
#billboard_text .signup_button {
position:absolute;
bottom:25px;
}
#billboard_text .signup_button {
position:absolute;
bottom:25px;
}


/*=SIGN IN PAGE
=== === === === === === === === === === */
.signin_block {
padding-top:1px;
height:299px;
}
#content .signin_block .error {
margin-left:-5px;
margin-right:-5px;
padding:2px 0px 0px 0px;
font-size:85%;
}
.signin_block .form_error {
border:3px solid #F00;
padding:0px 15px;
}
#forms legend {
font-size:177%;
font-weight:bold;

margin-bottom:10px;
color:#465c6c;
}
#forms fieldset,
.signin_block dl,
.signup_questions {
	padding:5px 15px;
	margin-bottom:10px;
}
#forms fieldset {
margin-bottom:25px;
}

.signin_block dt {
margin-bottom:5px;
}
.form_row,
.signin_block dd {
margin-bottom:15px;
}

#paperpass #content .signin_list dt {
font-size:100%;
font-weight:normal;
padding:0;
border:none;
}
#paperpass #content .signin_list label,
.form_row label {
	width:80%;
	color:#465C6C;
	display:inline;
	margin-bottom:0px;
}
.form_row label.short {
    width:40%;
}
.form_row input,
.signin_block dd input {
color:#465C6C;
padding:4px;
font-size:100%;
width:50%;
}
.form_row input.short {
    width:40%;
}
.form_row select {
color:#7f8002;
padding:2px;
font-size:114%;
margin-bottom:15px;
}
.form_row textarea {
color:#7f8002;
padding:2px;
font-size:100%;
width:80%;
height:150px;
}
.signin_block dd a {
color:#9BB831;
font-size:107%;
}
#content .form_row p,
#content .signin_block dd p {
margin:0;
}
.signin_block #submit_button, 
.signin_block #login_btn,
.support #submit_button {
	font-size:122%;
	color:#006699;
	margin-bottom:50px;
	width:137px;
	height:42px;
	background: url('../images/signin_button.png') top left no-repeat;
	border:none;
	cursor:pointer;
	text-indent:-3000px;
	line-height:1000px;
	overflow:hidden;
	display:block;
}
.signin_block #submit_button {
background: url('../images/submit_button.png') top left no-repeat;
}
.ip_invalid_field ul li {
color:#F00;
}
.ip_invalid_field input {
border: 3px solid #F00;
}
.ip_invalid_field textarea {
border: 3px solid #F00;
}


/*=PURCHASE ACCOUNT
=== === === === === === === === === === */
#pricing_table {
width:100%;
border:3px solid #fed97e;
margin-bottom:25px;
color:#465c6c;

}
#pricing_table th {
padding:5px;
font-weight:bold;
font-size:144%;
width:33%;
text-align:center;
background-color:#fffab1;
}
#pricing_table td {
padding:5px;
font-size:100%;
width:33%;
text-align:center;
background-color:#fffcce;
}
#pricing_table .single {
border-right:3px solid #fed97e;
}
#pricing_table .basic {
border-right:3px solid #fed97e;
}

#signup_last_step {
margin-bottom:25px;
}
#signup_last_step #tnc_display {
height:130px;	
overflow:auto;
line-height:22px;
font-size:85%;
color:#465c6c;
border:1px solid #CCC;
padding:10px;
margin-bottom:5px;
}
#signup_last_step input {
color:#465c6c;
font-size:114%;
margin-top:3px;
float:left;
}
#signup_last_step label {
color:#4D4D4D;
font-size:92%;
margin:5px;
float:left;
}
 #submit_purchase {
margin:25px 0px;
background: url('../images/signup_purchase.png') top left no-repeat;
border:none;
cursor:pointer;
text-indent:-3000px;
line-height:1000px;
overflow:hidden;
display:block;
width:295px;
height:42px;
}
#receipt_column { 
    margin: 1em;
}
.credit_cards {
margin-bottom:10px;
}

/*=HELPDESK/FEEDBACK
=== === === === === === === === === === */
.support{
margin-top:25px;
width: 600px;
}
.support #submit_button {
background: url('../images/submit_button.png') top left no-repeat;
}
.support #footer {
border:none;
background:none;
}
.support .form_row span {
color:#9C8F4A;
}
.success  p {
margin-bottom: 25px;
color:#9C8F4A;
}