/*
	TECHNETCAL - Grey 2010
	Designed by Design Team of TECHNETCAL
*/

body {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background:url("grey2010/background.png") repeat-x #FFFFFF;
	}
img {
	border:0px;
	}
a {
	color:#0F5494;
	text-decoration:none;
	}
a:hover {
	color:#0F5494;
	text-decoration:underline;
	}
.clear {
	clear:both;
	}
h2.hidden {
	display:none;
	}
p.spacing {
	letter-spacing:1px;
	line-height:18px;
	}

/* Header */
#header {
	width:100%;
	height:265px;
	background:url("grey2010/background_head_2.png") no-repeat center;
	}
#header-bar {
	margin:auto;
	width:950px;
	height:69px;
	}
#header-bar h1 {
	margin:0px;
	padding:0px;
	background:url("grey/header_logo_gray.png") no-repeat;
	width:262px;
	height:69px;
	float:left;
	}
#header-bar h1 a {
	text-indent:-100000px;
	display: block;
	width:100%;
	height:100%;
	}
#header-menu {
	float:left;
	width:auto;
	height:100%;
	}
#header-menu ul.menu {
	margin:0px;
	padding:0px;
	}
#header-menu ul.menu li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	display: block;
	width:119px;
	height:69px;
	}
#header-menu ul.menu li a {
	color:#a29494;
	display: block;
	width:100%;
	height:66%;
	padding-top:17%;
	text-align:center;
	background:url("grey/menu_item_bg.png");
	}
#header-menu ul.menu li a:hover, #header-menu ul.menu li a.selected {
	display: block;
	text-decoration:none;
	background:url("grey/menu_item_bg_hover.png");
	}
#menu-search {
	float:left;
	width:151px;
	height:69px;
	padding:18px 0px 0px 25px;
	background:url("grey/menu_background.png") repeat-x;
	}
#menu-search form {
	margin:0px;
	padding:0px;
	}
#menu-search input {
	width:100px;
	height:17px;
	border:1px solid #e6e0e0;
	color:#a29494;
	font-size:90%;
	padding:2px 5px;
	}
#menu-search input:focus {
	border:1px solid #b4a7a7;
	color:#786767;
	font-size:100%;
	}
#header-right {
	float:left;
	background:url("grey/menu_rightbg.png") no-repeat right;
	width:36px;
	height:69px;
	}
#header-text-out {
	margin:auto;
	width:950px;
	}
#header-text {
	width:340px;
	font-size:90%;
	float:right;
	letter-spacing:2px;
	margin:50px 15px 0px 0px;
	}
#header-text p {
	margin:0px;
	padding:0px;
	}
#header-text p.details {
	margin-top:10px;
	font-size:140%;
	text-align:right;
	}

/* Page */
#page {
	width:100%;
	}
#main {
	width:900px;
	margin:20px auto;
	padding:5px 10px;
	}
#main2 {
	width:950px;
	margin:20px auto;
	}
.main-left {
	width:68%;
	float:left;
	}
.main-right {
	width:28%;
	float:right;
	}

/* Box Pic */
.box-pic-group {
	margin:0px 0px 10px 0px;
	}
.box-pic-group a {
	color:#4D4B4B;
	}
.box-pic-group a:hover {
	color:#898383;
	text-decoration:none;
	}
.box-pic-group .box-pic-item-left, .box-pic-group .box-pic-item-right {
	width:280px;
	padding:10px 10px 5px 10px;
	text-align:center;
	border:1px solid #E3E3E3;
	background:#F7F7F7;
	margin-bottom:10px;
	}
.box-pic-item-left {
	float:left;
	}
.box-pic-item-right {
	float:right;
	}
.box-pic-pic {
	width:260px;
	height:146px;
	margin:0px auto 5px auto;
	background:#FFFFFF;
	border:5px solid #FFFFFF;
	}

/* Full box */
.full_box {
	padding:10px 10px 5px 10px;
	border:1px solid #E3E3E3;
	background:url("grey2010/area_bg.png") bottom repeat-x #FFFFFF;
	margin-bottom:10px;
	}
#main-content .full_box {
	width:590px;
	}
.full_box_content {
	margin:0px auto 5px auto;
	}
.full_box h3 {
	margin:0px 0px 3px 0px;
	padding:0px;
	}
.full_box_content ul, ul.news_list {
	margin:0px;
	padding:0px;
	}
.full_box_content ul li, ul.news_list li {
	list-style-type:none;
	background:url('grey/list_icon.png') no-repeat;
	background-position:0px 4px;
	border-bottom:1px solid #d2cece;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 15px;
	font-size:100%;
	font-weight:bold;
	}
.full_box_content ul li:last-child, ul.news_list li:last-child {
	border:none;
	}
.full_box_content ul li span.date, ul.news_list li span.date {
	font-size:75%;
	font-weight:normal;
	margin-left:10px;
	color:#7C7E81;
	}
ul.news_list li {
	margin-bottom:0px;
	margin-top:5px;
	}
.more {
	text-align:right;
	}
.more a {
	font-size:80%;
	color:#4D4B4B;
	}
.more span {
	font-size:90%;
	font-weight:normal;
	color:#4D4B4B;
	margin-right:20px;
	}
.more a:hover {
	color:#898383;
	text-decoration:none;
	}

/* News Box */
#newsbox .newsbox_menu {
	margin:0px;
	padding:0px;
	}
#newsbox .newsbox_menu h3 {
	list-style-type:none;
	font-weight:bold;
	float:left;
	font-size:15px;
	margin:0px 25px 10px 0px;
	padding:0px 0px 0px 0px;
	}
.newsbox_main {
	clear:both;
	}

/* Footer */
.ads {
	margin:20px auto 0px auto;
	width:100%;
	text-align:center;
	}
.footer_bottom {
	margin-top:10px;
	width:100%;
	height:8px;
	background:url("grey/footer_bg.png") repeat #939a9a;
	}
#footer-link-list {
	margin:0px 0px 0px 8px;
	padding:0px;
	float:left;
	}
#footer-link-list2 {
	margin:0px 8px 0px 0px;
	padding:0px;
	float:right;
	}
#footer-link-list li,#footer-link-list2 li {
	list-style-type:none;
	float:left;
	margin:0px 10px 3px 0px;
	padding:0px 10px 0px 0px;
	border-right:1px solid #DDDDDD;
	}
#footer-link-list li:last-child, #footer-link-list2 li:last-child {
	border:none;
	}
#footer-link-list2 li:last-child {
	margin-right:3px;
	padding:0px;
	}
#footer-link-list li a,#footer-link-list2 li a {
	font-size:85%;
	color:#615d5d;
	}
#footer-cr {
	width:950px;
	font-size:75%;
	color:#777777;
	margin:8px auto 0px auto;
	}
#footer-link {
	border-bottom:1px solid #DDDDDD;
	width:950px;
	margin:10px auto 0px auto;
	}
#footer-cr .left {
	float:left;
	margin-left:8px;
	}
#footer-cr .right {
	float:right;
	margin-right:8px;
	}
#footer-cr .right a {
	color:#615d5d;
	}

/* Main Box */
.mainbox_top {
	width:100%;
	height:24px;
	background:url("grey2010/mainbox_top.png");
	}
.mainbox_bottom {
	width:100%;
	height:27px;
	background:url("grey2010/mainbox_bottom.png") #FFFFFF;
	}
.mainbox_middle {
	width:100%;
	background:url("grey2010/mainbox_middle.png");
	}
.mainbox_inner {
	margin:0px 35px;
	}
.mainbox_inner p {
	margin:0px;
	padding:5px 0px 15px 0px;
	}
.mainbox_inner h3.big {
	margin:0px 0px 3px 0px;
	font-size:16px;
	}
.mainbox_inner h4 {
	margin:0px 0px 3px 0px;
	padding:1px 1px 3px 1px;
	color:#175A98;
	font-size:14px;
	border-bottom:1px solid #F0F0F0;
	}
.mainbox_inner h4.newsheading {
	border:none;
	color:#000000;
	}
.mainbox_inner ul.submenu {
	margin:0px;
	padding:0px;
	float:right;
	}
.mainbox_inner ul.submenu li {
	margin:0px;
	padding:0px 0px 0px 15px;
	list-style-type:none;
	float:left;
	}
.mainbox_inner ul.submenu li.current span {
	border-bottom:3px solid #0e6cc2;
	padding:0px 1px 1px 1px;
	font-weight:bold;
	color:#032e57;
	}
.mainbox_inner .heading_area {
	border-bottom:1px solid #dfdfdf;
	padding-bottom:5px;
	margin-bottom:15px;
	}
.mainbox_inner span.date {
	font-size:10px;
	color:#5b5656;
	}

/* History */
.box {
	border: 1px solid #e7eaea;
	margin-right:0px;
	margin-top:5px;
	}
.box .header {
	background:url("grey/box_header.png") repeat-x;
	margin:0px;
	padding:0px;
	height:21px;
	font-size:110%;
	border-bottom: 1px solid #e7eaea;
	padding:4px 0px 0px 7px;
	color:#504949;
	}
.box .content {
	padding:8px;
	font-size:95%;
	}
dl.history, dl.serverinfo {
	margin:0px;
	padding:0px;
	}
dl.history dt, dl.serverinfo dt {
	float:left;
	font-weight:bold;
	color:#504D4D;
	}
dl.history dd, dl.serverinfo dd {
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:1px solid #F0EAEA;
	}
dl.serverinfo dd {
	margin-left:65px;
	}

.serverbox {
	width:49%;
	}
.serverbox.left {
	float:left;
	}
.serverbox.right {
	float:right;
	}

/* TOS */
div.tos {
	letter-spacing:1.5px;
	line-height:18px;
	}
div.tos ol, div.tos ul {
	margin:8px 0px;
	}
div.tos h3 {
	margin:15px 0px 8px 0px;
	}

/* Partner List */
.partner-list .partner-list-box {
	width:270px;
	border:solid #E3E3E3;
	border-width:1px 0px 1px 1px;
	background:#F7F7F7;
	text-align:center;
	padding:10px 10px 5px 10px;
	float:left;
	margin-bottom:3px;
	}
.partner-list .rightborder {
	border-width:1px;
	}
.partner-list .partner-list-box a {
	color:#4D4B4B;
	}
.partner-list .partner-list-box a:hover {
	color:#898383;
	text-decoration:none;
	}
.partner-list .box-pic-pic {
	height:71px;
	margin:0px auto 5px auto;
	background:#FFFFFF;
	border:5px solid #FFFFFF;
	}

/* Home Container */
#bottom_container, .bottom_container {
	margin-top:5px;
	padding-top:10px;
	border-top:1px solid #D8D8D8;
	}
#bottom_container .inner_container, .bottom_container .inner_container {
	width:31%;
	border-style:solid;
	border-color:#D8D8D8;
	}
#bottom_container #inner_container_left, .bottom_container .inner_container_left {
	padding-right:10px;
	border-width:0px 1px 0px 0px;
	float:left;
	}
#bottom_container #inner_container_middle, .bottom_container .inner_container_middle {
	padding-right:10px;
	padding-left:10px;
	border-width:0px 1px 0px 0px;
	float:left;
	}
#bottom_container #inner_container_right, .bottom_container .inner_container_right {
	padding-left:10px;
	border-width:0px 0px 0px 0px;
	float:right;
	font-size:13px;
	width:33%;
	}
#bottom_container #inner_container_doubleright, .bottom_container .inner_container_doubleright {
	padding-left:10px;
	border-width:0px 0px 0px 0px;
	float:right;
	font-size:13px;
	width:66%;
	}
#bottom_container h3, .bottom_container h3 {
	margin:2px 0px 10px 0px;
	font-size:15px;
	}
.home_news_box ul {
	margin:0px;
	padding:0px;
	}
.home_news_box ul li {
	list-style-type:none;
	border-bottom:1px dotted #d2cece;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	}
.home_news_box ul li:last-child {
	border:none;
	}
.home_news_box ul li span.date {
	display:block;
	font-size:75%;
	font-weight:normal;
	color:#7C7E81;
	}
.home_news_box ul.twitter {
	margin-bottom:10px;
	}
.home_news_box ul.twitter li {
	border:5px solid #F7F7F7;
	background:#FFFFFF;
	padding:5px;
	margin:3px 0px 5px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.home_news_box ul.twitter li a, .home_news_box ul.twitter li span.linkliked {
	font-size:12px;
	}
.home_news_box ul.twitter li span.linkliked {
	color:#3E3E3E;
	}
.video_thumbnail {
	width:48px;
	height:36px;
	border:1px solid #E3E3E3;
	padding:1px;
	margin-right:4px;
	float:left;
	}
.video_box span.date {
	margin-bottom:10px;
	}
.video_box ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 2px 0px;
	}

/* Half Box */
.half_left {
	width:49%;
	float:left;
	margin-right:0.5%;
	}
.half_right {
	width:49%;
	float:right;
	}
.contact_box {
	border:5px solid #F7F7F7;
	background:#FFFFFF;
	padding:10px;
	margin:3px 0px 5px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.contact_box p {
	margin:5px 0px 8px 2px;
	padding:0px;
	font-size:105%;
	}
ul.contact_list {
	margin:3px 1px 0px 0px;
	padding:0px;
	}
ul.contact_list li {
	list-style-type:none;
	background:url('grey/list_icon.png') no-repeat;
	background-position:0px 4px;
	border-bottom:1px solid #F3F3F3;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 15px;
	}
ul.contact_list li:last-child {
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
	}
ul.contact_list li span.date {
	font-size:75%;
	font-weight:normal;
	margin-left:10px;
	color:#7C7E81;
	}
ul.news_list li {
	margin-bottom:0px;
	margin-top:5px;
	}

/* Tips */
.tips {
	width:98%;
	margin:5px 0px;
	padding:8px;
	border:1px solid #FFDE98;
	background:#FFF5DB;
	color:#644300;
	font-size:110%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.tips a {
	color:#B27C0A;
	}
.tips_red {
	background:#FFE5E5;
	border-color:#FFBFBF;
	color:#BC0D0D;
	}
.tips_red a {
	color:#D61F1F;
	}

/* Service Category */
.servicecat {
	height:110px;
	}
.servicecat .left {
	float:left;
	width:11%;
	/*margin:0px 10px 10px 0px;*/
	}
.servicecat .right {
	float:right;
	width:88%;
	}
.servicecat .right p {
	padding-left:5px;
	letter-spacing:1px;
	line-height:18px;
	}

/* Compare Table */
table.comparetable {
	width:100%;
	border-top:1px solid #e1dddd;
	border-right:1px solid #e1dddd;
	background:#FFFFFF;
	border-collapse:collapse;
	}
table.comparetable caption {
	display:none;
	}
table.comparetable thead {
	text-align:center;
	font-size:115%;
	color:#3e3d3d;
	background:url("grey/table/thead_bg.png") repeat-x;
	}
table.comparetable th, table.comparetable td {
	padding:5px;
	border-left:1px solid #e1dddd;
	border-bottom:1px solid #e1dddd;
	}
table.comparetable tbody tr.row1 th, table.comparetable tbody tr.row2 th {
	text-align:left;
	width:16%;
	background:#FBFBFB;
	color:#3a3838;
	}
table.comparetable tbody tr.row1 td, table.comparetable tbody tr.row2 td {
	text-align:center;
	}
table.comparetable tbody th.group_head {
	background:url("grey/table/group_head_bg.png") repeat-x;
	color:#3e3d3d;
	}