﻿.clear{
	clear:both;
	}
.clearfix{
	display:inline-block;
	}
.clearfix{
	display:block;
	}	
.clearfix:after{
	clear:both;
	content:".";
	display:block;
	visibility:hidden;
	font-size:0px;
	height:0px;	
	}
.payment_date
{
	width: 100%;
	margin-top: 5px;
	border-bottom: 1px dotted rgb(102, 166, 69);
}

.NormalRed
{
	color: Red;
	font-size: 12px;
    font-weight: bold;
}

.dnngo_member_notifyPanel
{
}

.div_rolelist
{
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}



.div_cart_head_message
{
	margin-bottom: 10px;
}



.membership_cart_total
{
	color: Red;
}
.link_but{
	display:inline-block;
	}
*+html .link_but{
	display:inline;
	}
* html .link_but{
	display:inline;
	}
.link_but,
a.link_but,
a.link_but:link,
a.link_but:visited,
a.link_but:active{
	background:#979797;
	background:-moz-linear-gradient(top, #979797 0%, #5F5F5F 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#979797), color-stop(100%,#5F5F5F));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#5F5F5F',GradientType=0 );
	background-image: linear-gradient(top, #979797 0%, #5F5F5F 100%);
	-moz-border-radius:3px;
	border-radius:3px;
	text-shadow:0px 1px 1px #000;
	color:#fff;
	text-decoration:none;
	border-color:#fff;
	float:none;
	font-size:12px;
	line-height:30px;
	padding:0px 14px;
	font-weight:normal;
	}
	/* 如果蓝色按钮有问题就用下面的样式 
	background:#5EB5FF;
	background:-moz-linear-gradient(top, #5EB5FF 0%, #0362A5 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5EB5FF), color-stop(100%,#0362A5));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB5FF', endColorstr='#0362A5',GradientType=0 );
	background-image: linear-gradient(top, #5EB5FF 0%, #0362A5 100%);
	-moz-border-radius:3px;
	border-radius:3px;
	text-shadow:0px 1px 1px #000;
	color:#fff!important;
	text-decoration:none;
	border-color:#fff;
	font-size:12px;
	line-height:30px;
	padding:0px 10px;
	font-weight:normal;
	display:inline-block;
	*/
	
a.link_but:hover{
	background:#014E8F;
	background:-moz-linear-gradient(top, #0167BC 0%, #014E8F 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0167BC), color-stop(100%,#014E8F));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0167BC', endColorstr='#014E8F',GradientType=0 );
	background-image: linear-gradient(top, #0167BC 0%, #014E8F 100%);
	}


/* Subscriptions */
.membership_head,
.cart_head{
	margin:8px 0px;
	font-size:14px;
	color:#036ACF;
	line-height:1.1;
	font-weight:bold;
	}
.cart_head{
	text-align:center;
	}
.dnngo_couponCode{
	padding:10px 0px;
	}
.dnngo_couponCode .SubHead{
	font-size:13px;
	color:#036ACF;
	line-height:1;
	font-weight:bold;
	padding-right:5px;
	}
.dnngo_couponCode .NormalTextBox{
    border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #B7C6D3;
	border-bottom: 1px solid #B7C6D3;
	border-top: 1px solid #95A9BA;
	border-left: 1px solid #95A9BA;
    box-shadow: 0 0 3px 3px #F4F6F8 inset;
	padding:5px;
	}

	
/* Shopping Cart */
.cart_table,
.cart_table td,
.cart_table th{
	border:1px solid #D0CFCF;
	}
.cartList_head{
	background:#E2E2E2;
	color:#000;
	white-space:nowrap;
	}
.cartList_row1{
	background:#FFFFFF;
	color:#6f6f6f;
	white-space: nowrap;
	}
.cartList_row2{
	background:#F6F6F6;
	color:#6f6f6f;
	white-space: nowrap;
	}
.cart_total{
	font-weight:bold;
	}
.cart_price{
	color:red;
	}
.cart_total{
	text-align:right;
	margin:10px 0px;
	}
.cart_checkOut{
	text-align:right;
	margin:10px 0px;
	}


/* Login  Reister*/
.Login_PanelReister{
	margin-bottom:20px;
	}
.reister_row{
	margin:0px 0px 5px 0px;
	}
.reister_text{
	float:left;
	width:135px;
	padding:5px 0px;
	}
.reister_textbox{
	float:left;
	}
.reister_textbox input{
	border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #B7C6D3;
	border-bottom: 1px solid #B7C6D3;
	border-top: 1px solid #95A9BA;
	border-left: 1px solid #95A9BA;
    box-shadow: 0 0 3px 3px #F4F6F8 inset;
	padding:5px;
	margin-right:10px;
	}
.require_text{
	margin:0px 0px 0px 0px;
	}
.Login_PanelLogin{
	border-top:1px solid #ccc;
	padding-top:20px;
	}
.login_row{
	margin:0px 0px 5px 0px;
	}
.login_text{
	padding-bottom:5px;
	}
.login_textbox .NormalTextBox{
	border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #B7C6D3;
	border-bottom: 1px solid #B7C6D3;
	border-top: 1px solid #95A9BA;
	border-left: 1px solid #95A9BA;
    box-shadow: 0 0 3px 3px #F4F6F8 inset;
	padding:5px;
	margin-right:10px;
	}
.login_rowCenter{
	margin-bottom:5px;
	}
.login_but{
	float:left;
	margin:8px 0px 8px 0px;
	}
.login_but input{
	border:none;
	background:#979797;
	background:-moz-linear-gradient(top, #979797 0%, #5F5F5F 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#979797), color-stop(100%,#5F5F5F));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#5F5F5F',GradientType=0 );
	background-image: linear-gradient(top, #979797 0%, #5F5F5F 100%);
	-moz-border-radius:3px;
	border-radius:3px;
	text-shadow:0px 1px 1px #000;
	color:#fff;
	text-decoration:none;
	border-color:#fff;
	float:none;
	font-size:12px;
	line-height:30px;
	padding:0px 14px;
	font-weight:normal;
	}
.login_rememberUserName{
	float:left;
	margin:13px 0px 8px 10px;
	}
.login_getpassword{
	clear:both;
	}

/* payment select*/
.payment_list{
	text-align:center;
	}
.payment_list .NormalTextBox{
	border-radius: 3px 3px 3px 3px;
    border-right: 1px solid #B7C6D3;
	border-bottom: 1px solid #B7C6D3;
	border-top: 1px solid #95A9BA;
	border-left: 1px solid #95A9BA;
    box-shadow: 0 0 3px 3px #F4F6F8 inset;
	padding:5px;
	}


.payment_select td{
	text-align:left;
	}
.checkout_button{
	text-align:center;
	margin:10px 0px;
	}
	
/* payment info*/
.payment_info{
	width:400px;
	margin:0px auto;
	text-align:center;
	}
.api_error{
	text-align:center;
	}

.api_info
{

}

.viewHistory{
	padding:10px 0px;
	}
.viewServices{
	padding:10px 0px;
	}
/* -----------------------------------------------------------------------

 NOTIFICATION BOXES v 3.0 - NO DESCRIPTION
 http://evographics.net

   * Copyright (c) 2010
   * Created by Michele Ivani - EvoGraphics.

----------------------------------------------------------------------- */

.rights
{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #323232;
	text-align: right;
	margin-right: 50px;
	margin-top: 20px;
}


/*NOTIFICATION BOX - NO DESCRIPTION */

.notification
{
	min-height: 70px;
	width: 580px;
	display: block;
	position: relative; /*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; /*Box Shadow*/
	-moz-box-shadow: 2px 2px 2px #cfcfcf;
	-webkit-box-shadow: 2px 2px 4px #cfcfcf;
	box-shadow: 2px 2px 2px #cfcfcf;
	margin-bottom: 15px;
}

.notification span
{
	background: url(images/notication_boxes/close.png) no-repeat right top;
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	top: -9px;
	right: -8px;
}

.notification .text
{
	overflow: hidden;
}

.notification p
{
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
	font-size: 14px;
	line-height: 21px;
	text-align: justify;
	float: right;
	margin-right: 15px;
	margin-top: 15px; /* TEXT SHADOW */
	text-shadow: 0px 0px 1px #f9f9f9;
}

/*Auto Width Rules*/

.autoWidth
{
	width: auto;
}

.autoWidth p
{
	width: auto;
	float: left;
}



/*SUCCESS BOX*/

.success
{
	border-top: 1px solid #edf7d0;
	border-bottom: 1px solid #b7e789; /*Background Gradients*/
	background: #dff3a8;
	background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
	background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
}

.success:before
{
	content: url(images/notication_boxes/success.png);
	float: left;
	margin: 23px 15px 0px 15px;
}

.success strong
{
	color: #61b316;
	margin-right: 15px;
}


/*WARNING BOX*/

.warning
{
	border-top: 1px solid #fefbcd;
	border-bottom: 1px solid #e6e837; /*Background Gradients*/
	background: #feffb1;
	background: -moz-linear-gradient(top,#feffb1,#f0f17f);
	background: -webkit-gradient(linear, left top, left bottom, from(#feffb1), to(#f0f17f));
}

.warning:before
{
	content: url(images/notication_boxes/warning.png);
	float: left;
	margin: 15px 15px 0px 25px;
}

.warning strong
{
	color: #e5ac00;
	margin-right: 15px;
}


/*QUICK TIP BOX*/

.tip
{
	border-top: 1px solid #fbe4ae;
	border-bottom: 1px solid #d9a87d; /*Background Gradients*/
	background: #f9d9a1;
	background: -moz-linear-gradient(top,#f9d9a1,#eabc7a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f9d9a1), to(#eabc7a));
}

.tip:before
{
	content: url(images/notication_boxes/tip.png);
	float: left;
	margin: 20px 15px 0px 15px;
}

.tip strong
{
	color: #b26b17;
	margin-right: 15px;
}


/*ERROR BOX*/

.error
{
	border-top: 1px solid #f7d0d0;
	border-bottom: 1px solid #c87676; /*Background Gradients*/
	background: #f3c7c7;
	background: -moz-linear-gradient(top,#f3c7c7,#eea2a2);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
}

.error:before
{
	content: url(images/notication_boxes/error.png);
	float: left;
	margin: 20px 15px 0px 15px;
}

.error strong
{
	color: #b31616;
	margin-right: 15px;
}


/*SECURE AREA BOX*/

.secure
{
	border-top: 1px solid #efe0fe;
	border-bottom: 1px solid #d3bee9; /*Background Gradients*/
	background: #e5cefe;
	background: -moz-linear-gradient(top,#e5cefe,#e4bef9);
	background: -webkit-gradient(linear, left top, left bottom, from(#e5cefe), to(#e4bef9));
}

.secure:before
{
	content: url(images/notication_boxes/secure.png);
	float: left;
	margin: 18px 15px 0px 15px;
}

.secure strong
{
	color: #6417b2;
	margin-right: 15px;
}

/*INFO BOX*/

.info
{
	border-top: 1px solid #f3fbff;
	border-bottom: 1px solid #bedae9; /*Background Gradients*/
	background: #e0f4ff;
	background: -moz-linear-gradient(top,#e0f4ff,#d4e6f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
}

.info:before
{
	content: url(images/notication_boxes/info.png);
	float: left;
	margin: 18px 15px 0px 21px;
}

.info strong
{
	color: #177fb2;
	margin-right: 15px;
}

/*MESSAGE BOX*/

.message
{
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #d7d7d7; /*Background Gradients*/
	background: #f0f0f0;
	background: -moz-linear-gradient(top,#f0f0f0,#e1e1e1);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e1e1e1));
}

.message:before
{
	content: url(images/notication_boxes/message.png);
	float: left;
	margin: 25px 15px 0px 15px;
}

.message strong
{
	color: #323232;
	margin-right: 15px;
}

/*DONWLOAD BOX*/

.download
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #eeeeee; /*Background Gradients*/
	background: #f7f7f7;
	background: -moz-linear-gradient(top,#f7f7f7,#f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f0f0f0));
}

.download:before
{
	content: url(images/notication_boxes/download.png);
	float: left;
	margin: 16px 15px 0px 18px;
}

.download strong
{
	color: #037cda;
	margin-right: 15px;
}

/*PURCHASE BOX*/

.purchase
{
	border-top: 1px solid #d1f7f8;
	border-bottom: 1px solid #8eabb1; /*Background Gradients*/
	background: #c4e4e4;
	background: -moz-linear-gradient(top,#c4e4e4,#97b8bf);
	background: -webkit-gradient(linear, left top, left bottom, from(#c4e4e4), to(#97b8bf));
}

.purchase:before
{
	content: url(images/notication_boxes/purchase.png);
	float: left;
	margin: 19px 15px 0px 15px;
}

.purchase strong
{
	color: #426065;
	margin-right: 15px;
}

/*PRINT BOX*/

.print
{
	border-top: 1px solid #dde9f3;
	border-bottom: 1px solid #8fa6b2; /*Background Gradients*/
	background: #cfdde8;
	background: -moz-linear-gradient(top,#cfdde8,#9eb3bd);
	background: -webkit-gradient(linear, left top, left bottom, from(#cfdde8), to(#9eb3bd));
}

.print:before
{
	content: url(images/notication_boxes/print.png);
	float: left;
	margin: 19px 15px 0px 15px;
}

.print strong
{
	color: #3f4c6b;
	margin-right: 15px;
}




