@charset "utf-8";
/* CSS Document */

/* -------------------------------------
/*  html, body
/* -------------------------------------*/

html {
	background: #27343c url(../image/page_top.gif) top left repeat-x;
	color: #666;
	font: 76% Arial, Helvetica, sans-serif;
	text-align: center;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	text-align: left;
	width: 925px;
	margin: 0 auto;
	line-height: 1em;
}
/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/
p, div, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, input, select, option {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style: none;
}
a {
	outline: 0;
}
/* Form */
form {
	padding:0px;
	margin:0px;
	font:12px Arial, Helvetica, sans-serif;
}
textarea {
    border: #dfdfdf 1px solid; 
    background: #f7f7f7
}
fieldset {
    border:none;
}
legend {
    display:none;
}
label {
    color:#666;
}
option {
    color:#fff; 
    background-color:#626262;
}
option.disabled {
    color: #fff; 
    background-color:#626262;
}
input, textarea, select, button {
    vertical-align:middle;
}
option, select {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}
label.error {
    margin: 0 10px;
	color:#c00;
}
input.error,textarea.error{
    margin:0px; 
	border:1px solid red; 
	background-color:#FFFFD5; 
	color:#c00;
}
.alert {
	font-weight: bold;
	color: #990000;
}
/* -------------------------------------
/*  Pagination
/* -------------------------------------*/
 .pagination {
	margin: 6px 0;
	border-top: 1px solid #D3D9DC;
	text-align: right;
	padding-top: 8px;
}
.pagination b {
	border: 1px solid #9FCDE7;
	padding: 1px 4px;
	background-color: #DEE9EF;
	color: #67A9D6;
}
.pagination a {
	font-size: 12px;
	padding: 0 2px;
}
/* -------------------------------------
/*  default links
/* -------------------------------------*/
a:link, a:visited {
	color: #0e7fc7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
/*-------------------------------------
 	Header
---------------------------------------*/
#masthead {
	text-align: right;
	width: 925px;
	margin: 0 auto;
}
#header {
	clear: both;
}
#login {
	float: right;
	height: 74px;
	line-height: 88px;
	color: #334550;
	padding-right: 10px;
}
#login img {
	vertical-align: sub;
	padding-right: 3px;
}

#login a:link, #login a:visited {
	color: #57b3e1;
}
/*-------------------------------------
 	SiteNav
---------------------------------------*/


/* @group SiteNav */

#siteNav { background: #0c1216 url(../image/nav_bg.gif) top left no-repeat;	}

#siteNav a { text-decoration: none; display: block;	}

#siteNav ul { margin-left: 15px; padding-top: 4px;	}
	#siteNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}

#siteNav li { float: left; position: relative; font-size: 12px; text-align: center;	}
	#siteNav li a { padding: 8px 12px 8px 12px;	}
	#siteNav li a:link, #siteNav li a:visited { background: transparent url(../image/site_nav_borders.gif) bottom right no-repeat; color: #fff;	}
	#siteNav li a:hover { background: #EE724A url(../image/site_nav_hover_bg.gif) bottom left repeat-x; color: #fff;	}
	#siteNav li.current a { margin-bottom: -1px;	}
	#siteNav li.current a:link ,#siteNav li.current a:hover { background-color: #ffffff; background-image: none; cursor: default; color: #37454e; border-bottom: 1px solid #fff;	}

/* Automatic Page Highlighting */

	#home #homenav a,
	#article #articlenav a,
	#tutorials #tutorialnav a,
	#usermanual #manualnav a,
	#wiki #wikinav a,
	#forum #forumnav a,
	#aboutus #aboutnav a,
	#bugTracker #bugnav a,
	#projects #projectnav a,
	#downloads #downloadsnav a
	{ margin-bottom: -1px;	}
	
	
	#home #homenav a:link ,#home #homenav a:hover,#home #homenav a:visited,
	#article #articlenav a:link ,#article #articlenav a:hover,#article #articlenav a:visited,
	#tutorials #tutorialnav a:link ,#tutorials #tutorialnav a:hover,#tutorials #tutorialnav a:visited,
	#usermanual #manualnav a:link ,#usermanual #manualnav a:hover,#usermanual #manualnav a:visited,
	#wiki #wikinav a:link ,#wiki #wikinav a:hover,#wiki #wikinav a:visited,
	#forum #forumnav a:link ,#forum #forumnav a:hover,#forum #forumnav a:visited,
	#aboutus #aboutnav a:link ,#aboutus #aboutnav a:hover,#aboutus #aboutnav a:visited,
	#bugTracker #bugnav a:link ,#bugTracker #bugnav a:hover,#bugTracker #bugnav a:visited,
	#projects #projectnav a:link ,#projects #projectnav a:hover,#projects #projectnav a:visited,
	#downloads #downloadsnav a:link ,#downloads #downloadsnav a:hover,#downloads #downloadsnav a:visited
	{ background-color: #ffffff; background-image: none; cursor: default; color: #37454e; border-bottom: 1px solid #fff;	}
	
	
	#home #homenav ul,
	#article #articlenav ul,
	#tutorial #tutorialnav ul,
	#usermanual #manualnav ul,
	#wiki #wikinav ul,
	#forum #forumnav ul,
	#aboutus #aboutnav ul,
	#bugTracker #bugnav ul,
	#projects #projectnav ul,
	#downloads #downloadnav ul
	{ padding-bottom: 1px;	}



/* @end */
/*-------------------------------------
 	wrapperMain
---------------------------------------*/
#wrapperMain {
	padding: 5px;
	background: #fff url(../image/wrapper_column_top.gif) top left repeat-x;
	border-top: 1px solid #fff;
	overflow:hidden;
}
#wrapperMain .mainTop {
	background: #fff url(../image/focusbg.gif) top left repeat-x;
	margin: 0;
	padding: 5px;
	height: 215px;
	clear: both;
}
.mainTop li {
	float:left;
}
.mainTop li .left {
	margin: 0;
	padding: 5px;
	display: none;
	width: 638px
}
.mainTop .right {
	margin-left: 10px;
	padding: 10px 15px 10px 15px;
	width: 227px;
	height: 185px;
	border:0px solid #666;
	background: #f9f9f9 url(../image/zs_bg.png) top left repeat-x;
}
.mainTop .right li {
	padding: 0;
	width: 227px;
	line-height:22px;
}
.mainTop li .title {
	padding-bottom: 5px;
	font-size: 14px; 
	font-weight:bold;
	color: #000;
}
#wrapperMain .content {
	margin: 0;
	padding: 5px;
	height: auto;
	border:solid 0px #c30;
	color: #222;
	background: url(../image/wrapper_column_top.gif) top left repeat-x;
	clear: both;
	overflow:hidden;
	height:100%;
}
.main {
	float: left;
	margin-right: 5px;
	padding: 10px 0;
	width: 610px;
	overflow:hidden;
}
.main p {
	padding: 5px 0;
	line-height: 16px;
	color: #3C5768;
}
.main h3 {
	padding-bottom:10px;
	font-size:12px;
	clear: both;
}
.main h3 span {
	font-size:16px;
	color:#f93d00;
}
.main img {
	margin-top:10px;
}
.main .mainleft {
	float: left;
	width: 210px;
	padding: 5px 10px;
	background: #fff;
	text-align:center;
}
.main .mainright {
	float: left;
	width:375px;
}
.main .mainright img {
	padding-right: 20px;
}
.rmain {
	float: left;
	padding: 0;
	width: 290px;
	overflow:hidden;
}
#section-3 .modules {
	width:250px;
	float:right;
	color:#333;
	font-size:12px;
	padding-right:0px;
	margin-top:20px;
}
#section-3 .modules span {
	display:block;
	font-size:12px;
	padding:5px 0 2px 0;
}
#section-3 .modules ul {
	width:110px;
	float:left;
	padding-right:15px;
}
#section-3 .modules ul li {
	padding: 10px 0;
	height:30px;
}
#section-3 .modules .icon {
	float:left;
	margin-right:6px;
}
#wrapperMain .bottom {
	margin: 0;
	padding: 5px;
	height:auto;
	border:solid 0px #c30;
	border-top:0px solid #ccc;
	background: url(../image/wrapper_column_top.gif) top left repeat-x;
	height:100%;
	clear: both;
	overflow:hidden;
}
#wrapperMain .bottom .pay {
	float:left;
	width: 113px;
	border:1px solid #ccc;
	background: #f9f9f9 url(../image/rongyu_bg.png) top left repeat-x;
	text-align:center;
	height:100%;
overflow:hidden;
}
#wrapperMain .bottom .pay h3 {
	padding-top: 5px;
	font-size:12px;
	color:#f93d00;
}
#wrapperMain .bottom .pay img {
	padding: 5px 0;
}
#wrapperMain .bottom .tpl {
	float:left;
	width: 768px;
	margin-left: 10px;
	padding: 5px 5px;
	border:1px solid #ccc;
	background: #f9f9f9 url(../image/rongyu_bg.png) top left repeat-x;
	height:100%;
overflow:hidden;
}
#wrapperMain .bottom .tpl h3 {
	padding-bottom: 5px;
	font-size:12px;
	color:#f93d00;
}
#wrapperMain .bottom .tpl ul li {
	background-color: #fff;
}
#wrapperMain .bottom .tpl li {
	float:left;
	width: 192px;
	padding: 5px 0;
	text-align:center;
}
#wrapperMain .bottom .link {
	float:left;
	width: 768px;
	margin: 10px 0 0 10px;
	padding: 5px;
	border:1px solid #ccc;
	background: #f9f9f9 url(../image/rongyu_bg.png) top left repeat-x;
	height:100%;
overflow:hidden;
}
#wrapperMain .bottom .link h3 {
	padding-bottom: 5px;
	font-size:12px;
	color:#f93d00;
}
#wrapperMain .bottom .link ul li {
	background-color: #fff;
}
#wrapperMain .bottom .link li {
	float:left;
	width: 153px;
	padding: 5px 0;
	text-align:center;
}
.demo {
	float:left;
}
/*-------------------------------------
 	WrapperWit
---------------------------------------*/
#wrapperWit {
	background: #fff url(../image/wrapper_column_top.gif) top left repeat-x;
	border-top: 1px solid #fff;
	padding: 5px;
	overflow:hidden;
}
#wrapperWit .infoPic {
    padding-left:60px;
	width: 130px;
	height:57px;
	line-height:57px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#2164ae;
	background: #e0eff6 url(../image/contact_us.gif) top left no-repeat;
}
#wrapperWit .naviction {
	float:left;
	width:665px;
	padding: 10px 30px;
	background: #fff url(../image/wrapper_column_top.gif) top left repeat-x;
}
#wrapperWit #content {
	width: 685px;
	padding-left: 25px;
	padding-right: 15px;
	float:left;
}
#wrapperWit #gooey {
	background: #e0eff6 url(../image/TabModule_BG_content_ltr.gif) top left no-repeat;
}
#wrapperWit #gooey:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#masthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.vrtc_tabs {
	display: inline;
	float: left;
	position: relative;
	text-align: right;
	padding-top: 25px;
}
.vrtc_tabs ul {
	padding-left: 0px;
	margin-left: 0px;
	width: 100%;
}
.vrtc_tabs li {
	padding-right: 18px;
	padding-left: 40px;
	font-size: 1em;
	margin-bottom: 0px;
	padding-bottom: 9px;
	cursor: default;
	padding-top: 9px;
	list-style-type: none;
}
.vrtc_tabs li a:link, .vrtc_tabs li a:visited, .vrtc_tabs li a:active {
	color: #404040;
	text-decoration: none;
}
.vrtc_tabs li.vrtc_tabActive a:link, .vrtc_tabs li.vrtc_tabActive a:hover, .vrtc_tabs li.vrtc_tabActive a:active, .vrtc_tabs li.vrtc_tabActive a:visited {
	font-weight: bold;
	color: #007734;
}
.vrtc_tabs li.vrtc_tabActive {
	background-position: right top;
	background-repeat: no-repeat;
	
}
.vrtc_tabs li.vrtc_tabActive {
	BACKGROUND-IMAGE: url(../image/TabModule_BG_navlist_ltr.png);
	BACKGROUND-REPEAT: no-repeat;
}
.vrtc_ulTabs {
	display: block;
	width: 190px;
}
/*-------------------------------------
 	Content
---------------------------------------*/
#content {
	padding-top: 0px;
	color: #222;
	padding-bottom: 26px;
	min-height: 350px;
	overflow:hidden;
}
#content h2 {
	font: 18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #FF3A00;
}
#content h2  img {
	margin-right:8px; 
	
}
#content cite {
    display:block; 
    margin:10px 0; 
    border:1px solid #accedd; 
    padding:8px;
	line-height:20px;
    font-style:normal; 
    background:#f9fbfc;
}
#content .note {
	float:left;
	margin:10px 0;
	padding:10px;
	width:663px;
	border:1px solid #accedd;
	background:#f9fbfc;
	clear:both;
}
#content .note li {
	padding-left:20px;
	list-style-type:none;
}
#content .note table td {
	padding:10px;
	line-height:20px;
}
#content .warnning {
	margin:10px 0;
	padding:10px;
	width:663px;
	border:1px solid #fbd9a5;
	background:#fdf5e9;
	clear:both;
}
#content .warnning:hover {
	margin:10px 0;
	border:1px solid #f9c16c;
	padding:10px;
	background:#fff0d9;
}
#content .warnning li {
	background:url(../image/warningitems.gif) no-repeat 0 2px;
	border:none;
	padding-left:20px;
	list-style-type:none;
}
#content .warnning li a {
	text-decoration:underline;
	border:none;
	display:inline;
}
#content .h1spc {
	background:url(../image/h1spc.gif) repeat-x;
	width:100%;
	line-height:5px;
	margin-top:9px;
	margin-bottom:15px;
}
/*-------------------------------------
 	fullItem
---------------------------------------*/
.fullItem {
	margin-top: 10px;
	padding-bottom: 6px;
}
.fullItem h5 {
	padding:5px 0;
	font-weight: bold;
	font-size:12px;
	color: #ff6c00;
}
.fullItem ul ol {
	margin:5px;
}
.fullItem ul li, .fullItem ol li {
	margin-left:10px;
	padding: 5px;
	line-height:18px;
}
.fullItem .jiesh ul li {
	list-style-type: disc;
	margin-left:50px;
	padding: 3px 0;
}
.fullItem dl{
    float: left;
	height:160px;
	text-align:left;
}
.fullItem dt{
	width:170px;
	line-height:22px;
	font-weight:bold;
	color: #ff6c00;
	clear:both;
}
.fullItem dd{
	width:120px;
    line-height:22px;
}
.fullItem h3 {
	padding: 5px 0;
	font-weight: bold;
	font-size:12px;
	color: #ff6c00;
}
.fullItem h3.noIcon {
	margin-top: 25px;
}
.fullItem .icon {
	float: left;
	width: 70px;
}
.fullItem p {
	margin-bottom: 6px;
	font-size: 12px;
	line-height: 18px;
}

.tbl {
	border: 1px solid #B3CDDC;
	border-top:3px solid #B3CDDC;
	border-bottom:2px solid #B3CDDC;
	border-collapse:collapse;
}
.tbl th {
	padding:5px;
	font-size:12px;
	color:#275559;
	text-transform:uppercase;
	background-color:#E9F2F7;
	height:25px;
	border:1px solid #B3CDDC;
	text-align:left;
}
.tbl td {
	border:1px solid #B3CDDC;
	padding:5px;
	text-align:center;
}
.loginItem {
    float:left;
	width:445px;
	border:1px solid #fed578;
	background-color:#fdf7d7;
	padding:0;
	margin:5px;
	text-align:left;
}
.loginItem h2 {
    padding:5px 5px;
	color:#ff6e01;
	font-size:12px;
}
.loginItem .entry {
    width: 160px;
	height:20px;
}
.loginItem td {
    padding:3px;
}
.loginItem tr td label.error {
    color:#c00;
    float:left;
    margin-top:5px;
}
.loginbox {
	background-color:#fff;
	padding:5px;
	min-height:150px; 
	vertical-align:top;
	text-align:left;
}
.loginbox th {
	text-align:right;
}
.agreed {
    background-color:#fff; 
    padding:10px; 
    border:1px #e0e0e0 solid; 
    height:350px; 
    text-align:left;
	overflow:auto
}
.button { 
    margin:3px 3px 3px 0;
    width:auto;
    background:url(../image/btn_alt_bg.gif) repeat-x 0 100% #e68952;
    border:1px solid #d73503;
    padding:1px 5px;
    color:#fff;
    font:bold 12px arial, sans-serif !important;
    cursor:pointer;
	text-transform:uppercase;
    text-align:center;
    vertical-align:middle;
	overflow:visible;
}
.navi { 
    padding: 10px 20px;
}
.sendButtom {
	margin:15px 0;
	text-align: center;
	clear:both;
}
.mainBox {
    margin:5px;
}
/* orderTable */
.orderTable {
    border:1px solid #C6DCE6;
    border-top:2px solid #C6DCE6;
    margin:0 auto 8px; 
    height:auto; 
    overflow:hidden;
}
.orderTable table {
    margin:0; 
    width:100%;
    border-top:none;
    border-collapse:collapse;
}
.orderTable .tr {
    line-height:130%;
}
.orderTable .tr td, .orderTable .tr th {
    border-bottom:1px solid #c7e1ef;
    padding:.3em .6em;
	
}
.orderTable .tr th {
    text-align:right;
    font-weight:normal;
}
.orderTable .tr td {
    text-align:left;
    font-weight:normal; 
	clear:both;
}
.orderTable .tr2 {
    background:#f2f9ff url(../image/bg_table.gif) 0 repeat-x;
    color:#333;
}
.orderTable .tr2 td,.tr2 th {
    line-height:18px;
    border-bottom:1px solid #c5d8e8;
    padding:2px 6px;
}
.orderTable .h {
    border-bottom:1px solid #c5d8e8;
    background:#EFF6F9;
    text-align:left;
    color:#006699;
    padding:2px .5em 0;
    line-height:220%;
}
.orderTable .f_one {
    background:#f5fcff;
}
.orderTable .inputw {
	width:200px;
}
.orderTable .line {
	width:240px;
	border: #dfdfdf 1px solid; 
	background:#F7F7F7; 
	font: 12px arial; 
	color:#c30; 
	height:18px
}
.orderTable input.error,textarea.error{
    margin:0px; 
	border:1px solid red; 
	background-color:#FFFFD5; 
	color:#c00;
}
/*
	User account
*/
.mypageCounter {
    margin:5px 0;
    padding:10px 5px;
    border-bottom:1px dashed #ccc; 
    width:663px;
}
.set-table1{line-height:200%}
.set-table1 .tdpr2{padding-right:2em}
.gray3{color:#777;}
/*-------------------------------------
 	Footer
---------------------------------------*/
#footer {
	background: #fff;
	font-size: 11px;
	margin-top: 0px;
	padding: 5px;
	clear: both;
	overflow:hidden;
}
#footer #elements {
	padding: 5px;
	background: url(../image/bottom.gif) bottom left repeat-x;
	overflow:hidden;
}
#footer .one {
	width: 182px;
}
#footer .two {
	width: 180px;
}
#footer h4 {
	margin: 20px 0 0 0;
	height: 20px;
}
#footer .image {
	float: left;
	padding-right: 12px;
}
#footer .item {
	float: left;
	padding: 0 20px 5px 20px;
}
#footer .item .details {
	line-height: 15px;
}
/* order important here - #footer .last gets no border */

#footer .last {
	background: transparent;
}
/*-------------------------------------
 	Copyright
---------------------------------------*/
#copyright {
	color: #8ba9bc;
	margin:     20px 0;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
}
#copyright .nav {
	color: #8ba9bc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#copyright span {
	padding: 0 10px;
}
#copyright .logo {
	float:right;
	padding: 0 10px;
	width: 160PX;
}
#copyright a:link, #copyright a:visited {
	color: #57b3e1;
}
/*-------------------------------------
 	Template
---------------------------------------*/
.items {width:325px; float:left; text-align:left; line-height:20px; margin:5px; border:1px solid #fff; border-bottom:3px solid #fff; border-collapse:collapse;}
.items  h1{font-size:14px; color:#f60;}
.items  a{text-decoration:underline;}
.items td{padding:3px;border:1px solid #fff; color:#57b3e1;}
.items .goodpic{height:310px;overflow:hidden;}
.items .goodpic img{margin:5px auto;border:1px solid #fff;}
.items .buybutton{padding:3px; background:#fdf1d5; border:1px solid #fbd990; text-decoration:none; margin-bottom:5px;}
.items .previewbutton{padding:3px; background:#d5effd; border:1px solid #90d9fb; text-decoration:none; margin-bottom:5px;}
.items .buybutton a,
.items .previewbutton a{text-decoration:none;}