/* ------------------------------------------------------------

	Title:Screen styles for 71way
	Author:super@71way.com
	Updated:Nov 16 2007

----------------------------------------------------------- */

html{min-width:80%}
body{margin:0;padding:0;border:0;background:#fff;color:#000;font-size:12px;line-height:150%;text-align:center;font-family:'Lucida Grande','Lucida Sans Unicode','ËÎÌå','ÐÂËÎÌå',arial,verdana,sans-serif}
#portal_home{margin:0;padding:0;}

h1{color:#333;font:bold 22px Arial, Helvetica, sans-serif;padding:5px 5px 5px 6px;margin-top:0px}
h2{font:normal 20px Arial, Helvetica, sans-serif;color:#000000}
h3{font:normal 18px Arial, Helvetica, sans-serif;color:#E05100}
h4{font-size:16px;color:#666;margin-bottom:5px}
h5{color:#666;font:bold 13px Arial, Helvetica, sans-serif;margin-top:0;margin-bottom:5px}
h6{font:normal 11px Arial, Helvetica, sans-serif;color:#666666}


/* top */
#bar{text-align:left;width:776px;background:#F7F7F7;margin:0;padding:0;width:100%;line-height:24px}
#bar ul{margin:0;padding:0;list-style-type:none;white-space:nowrap;}
#bar ul li{float:left;font-size:12px;margin:0;padding:0px 3px}

#top{margin:0 auto;width:776px;padding:0;color:#000000}

/* logo */
#logo{margin:0;width:776px;padding:0;margin-top:10px;margin-bottom:10px}
#logo .fright span{margin:0;padding:0;text-align:right;color:#999}
div.topbar{list-style-type:none;white-space:nowrap;margin-top:18px}

.pager{margin:0px;padding:0px;font-size:12px;}
.pager ul{padding:0;margin:0;list-style-type:none;}
.pager ul li{font-size:12px;padding:0 1px;margin:0;float:left;}
.pager ul li span{font-family:Georgia, "Times New Roman", Times, serif;display:block;float:left;padding:0px 5px;line-height:20px;height:20px;background-color:#515151;color:#f1f1f1;font-weight:normal;text-decoration:none;border-bottom:#E0E0E0 1px solid;border-right:#E0E0E0 1px solid;}
.pager a, .pager a:link, .pager a:visited, .pager a:active{font-family:Georgia, "Times New Roman", Times, serif;display:block;float:left;padding:0px 5px;line-height:20px;height:20px;background-color:#f1f1f1;color:#515151;font-weight:normal;text-decoration:none;border-bottom:#E0E0E0 1px solid;border-right:#E0E0E0 1px solid;}
.pager a:hover{font-family:Georgia, "Times New Roman", Times, serif;display:block;float:left;padding:0px 5px;line-height:20px;height:20px;background-color:#515151;color:#f1f1f1;font-weight:normal;text-decoration:none;border-bottom:#E0E0E0 1px solid;border-right:#E0E0E0 1px solid;}


/* nav #595866 #30303A */
#nav{background:#D6E1F5;border:1px solid #CCCCCC}
ul.menulist{margin:0;padding:0;list-style-type:none;white-space:nowrap}
ul.menulist li{float:left;font-size:12px;font-weight:bold;margin:0;padding:5px 3px 4px 3px;background-color:#D6E1F5;border-right:1px dashed #aaa;text-decoration:none}
.menulist a, .menulist a:link, .menulist a:visited, .menulist a:active{margin:0;padding:5px 9px 4px 9px;color:#003399;text-decoration:none}
.menulist a:hover{color:#000000;background-color:#ffffff;text-decoration:none}
ul.menulist li.current{text-decoration:none;float:left;font-size:12px;font-weight:bold;margin:0;padding:5px 3px 4px 3px;background-color:#ffffff}
ul.menulist li.current a, ul.menulist li.current a:link, ul.menulist li.current a:visited, ul.menulist li.current a:active{margin:0;padding:5px 9px 4px 9px;color:#003399;background-color:#ffffff;text-decoration:none}
ul.menulist li.current a:hover{margin:0;padding:5px 9px 4px 9px;background-color:#ffffff;color:#000000;text-decoration:none}
ul.menulist li.off{float:left;font-size:12px;font-weight:bold;margin:0;padding:5px 3px 4px 3px;border-right:1px dashed #aaa;background-color:#D6E1F5;}
ul.menulist li.off a, ul.menulist li.off a:link, ul.menulist li.off a:visited, ul.menulist li.off a:active{margin:0;padding:5px 9px 4px 9px;color:#003399;background-color:#D6E1F5;text-decoration:none}
ul.menulist li.off a:hover{margin:0;padding:5px 9px 4px 9px;color:#000000;background-color:#ffffff;text-decoration:none}
ul.menulist li.new{float:left;font-size:12px;font-weight:bold;margin:0;padding:5px 3px 4px 3px;background-color:#A5C481;border-right:1px dashed #aaa}
ul.menulist li.new a, ul.menulist li.new a:link, ul.menulist li.new a:visited, ul.menulist li.new a:active{background-color:#A5C481;margin:0;padding:5px 9px 4px 9px;color:#ffffff;text-decoration:none}
ul.menulist li.new a:hover{margin:0;padding:5px 9px 4px 9px;color:#000000;background-color:#ffffff;text-decoration:none}
#nav div.note{font-size:12px;font-weight:bold;margin:0;padding:5px 9px 4px 29px;border-left:1px dashed #aaa;text-decoration:none; background:url(/images/index/icon_note.gif) no-repeat 8px 5px;font-weight:normal}


/* middle */
#middle{width:776px;margin:10px auto;padding:0;background-color:#fff;text-align:left;}

/* middle */
#middle .ma{width:754px;padding:10px;border:1px solid #CCCCCC;background:#fff url(/images/index/new_site_middle_bg.jpg) repeat-x top;}
#middle .ml{width:530px;padding:10px;border:1px solid #CCCCCC;background:#fff url(/images/index/new_site_middle_bg.jpg) repeat-x top;}
#middle .mr{width:190px;padding:10px;background:#f2f2f2;border:2px solid #CCCCCC;text-align:center}
#middle .mr img.preview {border:#ccc 2px solid}
.content{margin:0px;padding:0px;text-align:left;}
.content h2{color:#003399;margin:0;padding:10px 0 5px 0;font-size:14px;font-weight:bold;}
.content p{font-size:12px;margin:0;padding:0;color:#596E7A;}
.content .style{text-align:center;font-size:13px;margin:15px 25px;padding:5px 15px;color:#000;background-color:#f2f2f2;border:1px solid #ccc;}
.content .info{text-align:center;font-size:13px;margin:15px 25px;padding:5px 15px;color:#000;background-color:#f2f2f2;border:1px solid #ccc;}

.now{text-align:center;margin:0;padding:15px 25px;border-top:1px dashed #CCCCCC;}
.now a, .now a:link, .now a:visited, .now a:active{padding:5px 15px;color:#FFF;background-color:#336699;text-decoration:none}
.now a:hover{padding:5px 15px;background-color:#FFF;color:#336699;text-decoration:none;border:1px solid #336699;}
.search_form {padding:10px;}
.search_result {padding:10px;border-top:1px dashed #CCCCCC;}
.search_result table {background:#D6E1F5}
.search_result table th{color:#336699;background:#BFC7D9;padding:5px;text-align:center;}
.search_result table td{color:#444444;padding:3px 10px;background:#fff;text-align:left}

.frm_newsite h2{color:#003399;margin:0;padding:5px 0;font-size:14px;font-weight:bold;border-bottom:1px solid #CCCCCC;}
.frm_newsite ul{margin:0;padding:10px 0;list-style-type:none;text-align:center;}
.frm_newsite ul li{text-align:left;font-size:12px;margin:0;padding:0;background:url(/images/index/bluearrow.gif) no-repeat 8px 7px;padding-left:20px;}
.frm_newsite table td.type{color:#003399;font-size:13px;font-weight:bold;border-bottom:1px solid #CCCCCC;padding:8px 5px 4px;}
.frm_newsite table td.title{border-right:1px solid #CCCCCC;text-align:right;padding:4px 5px;vertical-align:top;background:#f2f2f2;}
.frm_newsite table td.important {font-weight:bold; color:#cc0000}
.frm_newsite input{border:1px solid #CCCCCC;}
.frm_newsite table td.button{padding:15px 25px;border-top:1px dashed #CCCCCC;}
.frm_newsite table td.button input{border:none;margin-right:5px;padding:5px;background-color:#336699;color:#FFF;cursor:pointer}

.banner{border-bottom:1px solid #ccc;}
.pic_banner{float:left;}
.pic_newsite{text-align:center;float:right;background:#fff url(/images/index/banner/banner_bg.jpg) repeat-y right;width:347px;height:120px;}
.pic_newsite p{text-align:left;font-size:12px;padding:28px 10px 10px 30px;margin:0;color:#999;line-height:160%}
.pic_newsite a:hover{background:none}
.pic_newsite a, .pic_newsite a:link, .pic_newsite a:visited, .pic_newsite a:active{background:none;text-decoration:none}
.pic_newsite a:hover{background:none;text-decoration:none}

.signup{margin:0;padding:10px 0 0 0;margin-bottom:10px;}
.signup h2{color:#103F75;font-size:13px;font-weight:bold;margin:0;padding:5px 0;}
.signup p{margin:0;padding:2px 0;color:#666;}
.signup_button{margin:0;padding:0}
.signup .signup_left h2{color:#103F75;}
.signup_right{width:38%;float:right;border-left:1px dashed #dddddd;padding-left:10px}
.signup_right .signup_right h2{color:#A64402}
.signup_right ul{margin:0;padding:0px;padding-top:5px;list-style-type:none;}
.signup_right ul li{color:#666;font-size:13px;line-height:20px;margin:0;padding-left:18px;background:url(/images/menu/ico_arrow.gif) no-repeat 5px 5px;}

.styles{width:58%;float:left;padding:0px;}
.styles h2{font-size:13px;color:#103F75;padding-left:8px;border-left:5px solid #ccc;}
.styles h2 span{padding-left:8px;font-weight:normal;font-size:8pt;font-family:verdana,sans-serif}
.styles ul{margin:0;padding:0;list-style-type:none;margin-top:5px;}
.styles ul li.li_style{float:left;margin:6px;padding:6px;border:1px solid #ccc;background-color:#E7EEF6;}
.styles ul li.li_exam{float:left;margin-left:6px;padding:2px;white-space:nowrap}

.new_design{clear:both;margin:0;padding:10px 0 0 0;}
.new_design h2{font-size:13px;color:#103F75;height:28px;padding:0;margin:0;border-bottom:1px dashed #ccc;}
.new_design h2 b{display:block;float:left;background-color:#E7EEF6;line-height:18px;height:18px;padding:5px 10px;margin:0;border-left:5px solid #ccc;}
.new_design h2 span{padding-left:8px;font-weight:normal;font-size:8pt;font-family:verdana,sans-serif}
.new_design ul{clear:both;margin:0;padding:0;list-style-type:none;margin-top:10px;}
.new_design ul li.li_exam{float:left;margin-left:5px;padding:2px;white-space:nowrap}

ul.price{margin:0;padding:0;list-style-type:none;}
ul.price li{clear:both;margin:0;padding:0;}
ul.price li.black_titles b{float:left;font-weight:bold;font-size:13px;line-height:26px;margin:0;padding:0 10px;color:#fff;border-left:5px solid #369;background-color:#69c;}
ul.price li.black_titles span{font-weight:bold;float:left;display:block;margin:0 0 0 10px;line-height:26px;padding:0 10px;color:#369;border-right:5px solid #0cf;background-color:#0ff;}
ul.price li.blue_titles b{float:left;display:block;font-weight:bold;font-size:13px;line-height:26px;margin:0;padding:0 10px;background-color:#f00;border-left:5px solid #900;color:#fff;}
ul.price li.blue_titles span{float:left;display:block;font-weight:bold;font-size:13px;margin:0 0 0 10px;line-height:26px;padding:0 10px;color:#f00;border-right:5px solid #f90;background-color:#fc0;}
ul.price li.price_li{clear:both;margin:0;padding:10px 0;}
ul.price li.price_li ol{margin:0;padding:0 0 0 28px;border-top:1px solid #ccc;color:#f30}
ul.price li.price_li ol li{font-size:11px;color:#999;background-color:#fff;clear:both;line-height:20px;padding:0 5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
ul.price li.price_li ol li.x{background-color:#FFD5CA;color:#222;}
ul.price li.price_li ol li.b{font-size:12px;padding:0 5px;color:#222;line-height:26px;}

ul.price li.price_li ol li.b span.web_s{padding:0 5px 0 30px;background:url(/images/index/web_s.gif) no-repeat 5px center;}
ul.price li.price_li ol li.b span.mobile_s{padding:0 5px 0 30px;background:url(/images/index/mobile_s.gif) no-repeat 5px center;}
ul.price li.price_li ol li.b span.hosting_s{padding:0 0 0 30px;background:url(/images/index/hosting_s.gif) no-repeat 5px center;}


a.demo_site:link {color:#003399;text-decoration:none;background:none}
a.demo_site:visited {color:#003399;text-decoration:none;background:none}
a.demo_site:hover {color:red;text-decoration:underline;background:none}
a.demo_site:active {color:#003399;text-decoration:none;background:none}

.function{border-top:3px solid #B1CDED;border-bottom:3px solid #B1CDED;background-color:#E7EEF6;margin-bottom:10px;padding:10px}

.wap{margin-bottom:10px;margin-top:10px;}
.mobile{float:left;background:url(/images/index/mobile.gif) no-repeat 0px 0px;width:226px;height:381px}
.mobile iframe{width:150px;height:210px;background:none;margin:0;padding:0; position:relative;top:54px;left:30px}
.mobile_text{float:right;width:500px;}

.menu_bar{margin:0;padding:5px 15px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.menu_bar ul{margin:0;padding:0;list-style-type:none;white-space:nowrap;}
.menu_bar ul li{float:left;font-size:12px;margin:0;padding:0px 3px}
.menu_bar ul li.title{color:#E05100}
.menu_bar ul li.line{color:#ccc;font-size:11px;}
.menu_bar ul li.off{color:#999;}
.menu_bar ul li.on{color:#2E67C7;font-weight:bold;}

.content{margin:0;padding:0;margin-bottom:20px;}
.content h2 {font-size:14px;font-weight:bold;padding-left:5px;padding-bottom:5px;border-bottom:1px solid #CCC;}
.content_side{padding-left:0;}
.content_side h3{margin:0;padding:0;font-weight:bold;font-size:13px;background:#D6E1F5;color:#fff;height:30px;line-height:30px;padding-left:10px;border-bottom:1px dotted #CCC;border-right:1px solid #fff;}

.index_domain {padding:5px}
.index_domain ol {color:#aa0000}
.index_domain h2 {font-size:16px;font-weight:bold;color:#0000aa}
.index_domain h3 {font-size:14px;font-weight:bold;color:#0000aa}
.index_domain p,li {line-height:24px;font-size:13px}
.index_domain p img{border:1px solid #0000bb;padding:2px}

.content_side ol{background:#f8f8f8;font-weight:normal;color:#4498C7;margin:0;padding:0 0 0 30px;}
.content_side ol li{background:#f8f8f8;position:relative;border-top:1px solid #fff;border-bottom:none;border-left:1px dotted #CCC;border-right:1px solid #fff;}
.content_side ol li a{font-weight:normal;color:#4498C7;display:block;height:30px;text-decoration:none;line-height:30px;padding-left:10px;}
.content_side ol li a, .content_side ol li a:link, .content_side ol li a:visited, .content_side ol li a:active{color:#4498C7;text-decoration:none}
.content_side ol li a:hover{color:#fff;background-color:#4498C7;text-decoration:none}

.content_side ul{list-style:none;margin:0;padding:0;}
.content_side ul li{position:relative;border-top:1px solid #fff;border-bottom:1px dotted #CCC;border-left:1px solid #fff;border-right:1px solid #fff;}
.content_side ul li a{color:#4498C7;display:block;height:30px;text-decoration:none;line-height:30px;padding-left:10px;}
.content_side ul li a, .content_side ul li a:link, .content_side ul li a:visited, .content_side ul li a:active{color:#4498C7;text-decoration:none}
.content_side ul li a:hover{color:#fff;background-color:#4498C7;text-decoration:none}
.content_side ul li.title{background:#C3D9FF;font-size:13px;color:#FFF;font-weight:bold;display:block;text-decoration:none;padding-left:10px;height:30px;line-height:30px;}
.content_side ul li.selected{background:#f0f7ff;font-weight:bold;}

.content_text{border-left:1px solid #C3D9FF;padding-left:10px;padding-right:5px;word-wrap:break-word;font-size:13px;line-height:180%;}
.content_text ul{border-top:1px solid #CCC;}
.content_text ul li{text-decoration:none;line-height:30px;}

.old_cost{display:block;border-left:5px solid #444;padding:2px 0 2px 10px;margin:5px 0 10px 0;color:#444;font-size:14px;font-weight:bold;background:#E7EEF6;}
.new_cost{display:block;border-left:5px solid #f00;padding:2px 0 2px 10px;margin:5px 0 10px 0;color:#f00;font-size:14px;font-weight:bold;background:#E7EEF6;}

.discriminate table{}
.discriminate table th{border-right:1px solid #fff;background:url(/images/index/table_specs_bgHead.gif) repeat-x;height:27px;line-height:27px;font-size:14px;font-weight:bold;color:#fff;}
.discriminate table th.frist{padding-left:10px;}
.discriminate table td.frist{padding-left:10px;border-left:1px solid #ccc;}
.discriminate table td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.discriminate table td b{color:#f00;}
.discriminate table td .tips{border-top:1px dotted #CCC;color:#ccc}
.discriminate table td .tips b{color:#ccc;}
.discriminate table td .tips p{border-top:1px dotted #777;color:#777}
.discriminate table td .tips p b{color:#777}

.tips a, .tips a:link, .tips a:visited, .tips a:active{background:none;}
.tips a:hover{background:none;}


.page{margin:0;padding-left:10px;padding-top:10px;padding-bottom:10px;border-top:1px dotted #CCC;}
.page span{line-height:12px;font-size:12px;background:#fff;border:1px solid #9AAFE5;margin:0 2px;padding:3px 6px;display:block;white-space:nowrap;float:left;}

.page span a, .page span a:link, .page span a:visited, .page span a:active{background:none;text-decoration:none;color:#2E6AB1}
.page span a:hover{background:none;text-decoration:none}
.page span:hover, .page span:link, .page span:visited, .page span:active{border:1px solid #000080;}
.page span.on{color:#fff;background:#2E6AB1;border:1px solid #000080;font-weight:bold;}
.page span.nolink{background:#fff;border:1px solid #929292;}
.page span.noline{margin:0;padding:0;background:none;border:none}

/* footer */

#footer{clear:both;width:776px;margin:0 auto;padding:0;background-color:#fff;text-align:center;color:#CCC;}
.copyright{margin:0 auto;padding:0;text-align:center;}
.copyright p{margin:0 auto;padding:5px 0;line-height:16px;}
.copyright .support{background:url(/images/index/logo_ico.gif) no-repeat 5px 5px;color:#999;background-color:#E7EEF6;text-align:left;font-size:12px;margin:0;padding:5px;padding-left:40px;list-style-type:none;white-space:nowrap;border:1px solid #ccc;}

.links{margin-bottom:10px;padding:5px;background-color:#fff;text-align:center;color:#CCC;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
h4.links_title{font-size:14px;border-left:3px solid #ccc;margin:5px 0;padding:0 10px;}
ul.text_links{list-style:none;margin:0;padding:0;}
ul.text_links li{white-space:nowrap;float:left;padding:0 0 0 10px;}
.text_links a:link, .text_links a:visited, .text_links a:active{color:#CCC;text-decoration:underline}
.text_links a:hover{color:#CCC;background:none;text-decoration:none}

.lightLink a:link, .lightLink a:visited, .lightLink a:active{padding:0 5px;color:#0089B2;background:none;text-decoration:none}
.lightLink a:hover{padding:0 5px;color:#fff;background:#0089B2;text-decoration:none}

/* LINK STYLES */

a:link{color:#E05100 ;text-decoration:underline}
a:visited{color:#2E67C7;text-decoration:underline}
a:hover{color:#fff;text-decoration:none;background:#E05100}
a:active{color:#fff;text-decoration:none;background:#0259C4}

.white:link{color:#fff;text-decoration:none;}
.white:visited{color:#fff;text-decoration:none;}
.white:hover{color:#7CC5FF;text-decoration:underline;background:none}
.white:active{color:#7CC5FF;text-decoration:underline;background:none}

.lightBlueLink a:link{color:#0089B2}
.lightBlueLink a:visited{color:#0089B2}
.lightBlueLink a:hover{color:#fff;background:#0089B2}
.lightBlueLink a:active{color:#fff;background:#0089B2}

.darkBlueLink a:link{color:#003399;font-weight:bold}
.darkBlueLink a:visited{color:#003399;font-weight:bold}
.darkBlueLink a:hover{color:#fff;background:#003399}
.darkBlueLink a:active{color:#fff;background:#003399}

.darkRedLink a:link{color:#AD0031}
.darkRedLink a:visited{color:#AD0031}
.darkRedLink a:hover{color:#fff;background:#AD0031}
.darkRedLink a:active{color:#fff;background:#AD0031}

.now{text-align:center;margin:0;padding:15px 25px;border-top:1px dashed #CCCCCC;}
.now a, .now a:link, .now a:visited, .now a:active{padding:5px 15px;color:#FFF;background-color:#336699;text-decoration:none}
.now a:hover{padding:5px 15px;background-color:#FFF;color:#336699;text-decoration:none;border:1px solid #336699;}


.frm_newsite h2{color:#003399;margin:0;padding:5px 0;font-size:14px;font-weight:bold;border-bottom:1px solid #CCCCCC;}
.frm_newsite ul{margin:0;padding:10px 0;list-style-type:none;text-align:center;}
.frm_newsite ul li{text-align:left;font-size:12px;margin:0;padding:0;background:url(/images/index/bluearrow.gif) no-repeat 8px 7px;padding-left:20px;}
.frm_newsite table td.type{color:#003399;font-size:13px;font-weight:bold;border-bottom:1px solid #CCCCCC;padding:8px 5px 4px;}
.frm_newsite table td.title{border-right:1px solid #CCCCCC;text-align:right;padding:4px 5px;vertical-align:top;background:#f2f2f2;}
.frm_newsite input{border:1px solid #CCCCCC;}
.frm_newsite table td.button{padding:15px 25px;border-top:1px dashed #CCCCCC;}
.frm_newsite table td.button input{border:none;margin-right:5px;padding:5px;background-color:#336699;color:#FFF;cursor:pointer}

.style_preview{margin:0;padding:0}
.style_preview .cur_style {padding-top:10px}
.style_preview a{text-decoration:none}
.style_preview a:link{color:#000099; text-decoration:none; background:none;}
.style_preview a:visited{color:#000099; text-decoration:none; background:none;}
.style_preview a:active{color:#000099; text-decoration:none; background:none;}
.style_preview a:hover{color:red; text-decoration:none; background:none;}

.preview_setting{background-color:#3F89C3;font-size:12px;color:#FFFFFF;border-top:#FFFFFF 1px solid;text-align:center;vertical-align:middle}