/* basic */
html *
{
	margin:0;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#444;
}
html
{
	height:100%;
}
body
{
	height:100%;
	background:#960000;
}
body > div
{
	position:relative;
	min-height:100%;
	background:white url(/img/v12/design/body_bg.png) repeat-x 0 66px;
}
body > div > div
{
	width:960px;
	margin:0 auto;
}
ul
{
	list-style-type:none;
}
p
{
	text-align:justify;
}
a
{
	color:#3283cf;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
strong
{
	font-weight:bold;
}
img
{
	border:0;
}
.hideMe
{
	display:none;
}
.pagination
{
	padding:25px 0 0 0;
	text-align:right;
}
.pagination,
.pagination *
{
	font-size:12px;
}
.clear
{
	clear:both;
}


/* OK, Error, notice */
#divError,
#divOK,
div.notice
{
	clear:both;
	width:860px;
	margin:0 auto;
	padding:50px 25px 50px 75px;
	font-size:15px;
}
#divError
{
	background:url(/img/v12/icon/info_error.png) no-repeat 15px center;
}
p.notice_error
{
	background:url(/img/v12/icon/info_error_mini.png) no-repeat 15px center;
}
#divOK
{
	background:url(/img/v12/icon/info_ok.png) no-repeat 15px center;
}
p.notice_ok
{
	background:url(/img/v12/icon/info_ok_mini.png) no-repeat 15px center;
}
div.notice
{
	background:url(/img/v12/icon/info_notice.png) no-repeat 15px center;
}
p.notice
{
	background:url(/img/v12/icon/info_notice_mini.png) no-repeat 15px center;
}
div.info
{
	clear:both;
	padding:15px 15px 15px 50px;
	background:url(/img/v12/icon/info.png) no-repeat 15px center;
}
p.info
{
	clear:both;
	padding:5px 5px 5px 25px;
	background:url(/img/v12/icon/info.png) no-repeat 0 center;
}
p.info_installation
{
	margin-top:20px;
}
p.info_installation a
{
	font-weight:normal;
}
#divError strong
{
	font-size:15px;
	color:#b30000;
}
#divOK strong
{
	font-size:15px;
	color:green;
}
div.notice strong
{
	font-size:15px;
	color:#feb000;
}
p.notice_error,
p.notice_ok,
p.notice,
p.notice_site_installation
{
	clear:both;
	padding:5px 0 5px 50px;
	line-height:24px;
}



/* h1, h2 */
h1
{
	clear:both;
	padding:25px;
	font-weight:bold;
	font-size:15px;
	background:url(/img/v12/design/h1_bg.png) no-repeat 25px bottom;
}
h1 button
{
	float:right;
	margin-left:5px;
	font-size:12px;
}
h1 img
{
	margin-left:35px;
	vertical-align:middle;
}
h1 button img
{
	width:18px;
	height:18px;
	margin:2px 5px 2px 0;
}
h1 br + img
{
	margin-left:0px;
}
h2
{
	margin-top:25px;
	font-size:13px;
	font-weight:bold;
}



/* form, button */
div.form
{
	min-height:150px;
	padding-top:10px;
}
form p
{
	clear:both;
	margin:10px 0 0 0;
	color:#b30000;
}	
form p.formAnchor
{
	position:relative;
}
form p.error
{
	clear:both;
	margin:0 0 0 200px;
}	
form label
{
	clear:both;
	float:left;
	width:195px;
	text-align:right;
	padding:3px 5px 3px 0;
}
ol form label
{
	width:125px;
}
ol form input
{
	width:500px !important;
}
form span.comment
{
	padding-left:10px;
}
form input[type="text"],
form input[type="password"],
form textarea,
form select
{
	width:246px;
	padding:2px;
	border:1px solid #999;
}
form textarea
{
	height:100px;
}
form select
{
	width:252px;
	padding:1px;
}
form input[type="text"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus
{
	border:1px solid #b30000;
}
form img
{
	border:1px solid #999;
}
form input[name="ccode"]
{
	width:146px;
}
form select[name="protocol"]
{
	width:108px;
	margin-right:5px;
}
form input[name="url"]
{
	width:450px;
}
form select[name="max_links_per_day"]
{
	width:350px;
}
form select.short
{
	width:108px;
}
form input[type="text"].short
{
	width:102px;
}
form input[type="submit"],
button
{
	padding:2px 10px;
	cursor:pointer;
}
button.hide
{
	float:right;
	padding:1px;
}
button.refresh
{
	float:right;
	margin-right:5px;
	font-size:12px;
}
button.delete
{
	margin-top:10px;
	margin-left:25px;
}
button#butLeaveWizard
{
	height:32px;
}
p.formLinks
{
	margin:25px 0 0 200px;
}
p.formLinks a
{
	margin-right:25px;
}
span.formTitle
{
	position:absolute;
	left:475px;
}
span.formTitle input
{
	margin-left:5px;
}



/* top */
#divTopContent
{
	position:relative;
	height:66px;
}
#divTopContent > div
{
	position:absolute;
	top:0;
	right:0;
}
#divTopContent a
{
	color:#b30000;
}
#divTopContent p
{
	margin:5px 0;
	padding:0;
	text-align:right;
}
#divTopForm p + p + p
{
	margin:-1px 0 0;
}
#divTopForm p a:first-child
{
	margin-right:24px;
}
#divTopForm input[type="text"],
#divTopForm input[type="password"]
{
	width:176px;
}
#divTopForm input
{
	margin-left:5px;
}
#divTopForm input[type="submit"]
{
	padding:0;
	color:#b30000;
	font-weight:bold;
	background:#fff;
	border:0;
}
#divTopForm input.topFormEmpty
{
	color:#999;
}
#divTopAccount div
{
	position:absolute;
	right:0;
	top:10px;
	min-width:200px;
}
#divTopAccount div:first-child
{
	right:225px;
}
#divTopAccount div + div p
{
	font-weight:bold;
}
#divTopAccount div + div span
{
	float:left;
	width:140px;
	text-align:right;
}
#divTopMenu
{
	clear:both;
	height:34px;
	overflow:hidden;
}
#divTopMenu li
{
	float:left;
}
#divTopMenu a
{
	display:block;
	height:34px;
	width:119px;
	line-height:34px;
	border-right:1px solid #890000;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
#divTopMenu li:first-child a
{
	width:118px;
	border-left:1px solid #890000;
}
#divTopMenu a:hover,
#divTopMenu a.selected
{
	text-decoration:none;
	background:#890000;
}
#divTopMenu.isLogged a
{
	width:93px;
}
#divTopMenu.isLogged li:first-child a
{
	width:92px;
}
#divTopMenu a.submenu
{
	width:69px;
	font-size:10px;
	color:#ccc;
}



/* bottom */
#divBottom
{
	position:absolute;
	bottom:0;
	height:100px;
	width:100%;
	background:url(/img/v12/design/bottom_bg_out.png) repeat-x 0 0;
}
#divBottomContent
{
	position:relative;
	height:100px;
	width:960px;
	margin:0 auto;
	background:url(/img/v12/design/bottom_bg_in.png) no-repeat 0 0;
}
#divBottomContent > ul
{
	float:left;
	width:180px;
	margin-top:15px;
}
#divBottomContent #ulBugReport
{
	float:right;
	width:60px;
}
#divBottomContent #ulBugReport li
{
	text-align:right;
	cursor:pointer;
}
#divBottomContent #ulBugReport li:hover
{
	text-decoration:underline;
}
#divBottomContent > ul *,
#divBottomContent > p
{
	font-size:10px;
	color:#fff;
}
#divBottomContent > p
{
	position:absolute;
	left:0;
	bottom:5px;
}
#divBugReportForm,
#divBugReportInfo
{
	width:960px;
	margin:10px auto 0 auto;
	border:1px solid #571f1f;
	background:#b64c4c;
}
#divBugReportForm > p
{
	float:left;
	width:275px;
	padding:15px 10px 0 30px;
	background:url(/img/v12/icon/info.png) no-repeat 5px center;
	color:#eee;
}
#divBugReportForm > p strong,
#divBugReportInfo > p.notice_ok
{
	color:#eee;
}
#divBugReportForm > form
{
	margin-left:300px;
	padding:5px 0;
}
#divBugReportForm textarea
{
	height:40px;
	width:600px;
}
#divBottomMargin
{
	clear:both;
	height:125px;
}



/* home page */
#divHomeFirst
{
	clear:both;
	height:194px;
	background:url(/img/v12/design/home_bg_lady.jpg) no-repeat right top;
}
#divHomeFirst p
{
	padding:10px 570px 0 50px;
	text-align:left;
}
#divHomeFirst p:first-child
{
	padding-top:35px;
}
#divHomeFirst p.withLink
{
	padding-right:560px;
	text-align:right;
}
#divHomeSecond div
{
	float:left;
	width:200px;
	margin:5px 15px 0 25px;
}
#divHomeSecond div + div
{
	margin-left:40px;
	padding-top:50px;
	background:url(/img/v12/design/home_bg_it_is_safe.png) no-repeat 25px 30px;
}
#divHomeSecond div + div + div
{
	width:375px;
	margin-left:60px;
	margin-right:0;
	background:url(/img/v12/design/home_bg_get_benefits.png) no-repeat 25px 30px;
}
#divHomeSecond div:first-child
{
	margin-top:20px;
}
#divHomeSecond div:first-child p
{
	margin-left:5px;
}
#divHomeSecond p
{
	margin-top:10px;
	text-align:left;
}
#divHomeSecond p.withLink
{
	text-align:right;
}
#divHomeSecond ul
{
	margin-top:10px;
	list-style-image:url(/img/v12/design/home_point.png);
}
#divHomeSecond li
{
	margin-bottom:10px;
}
#divHomeFirst a,
#divHomeSecond a
{
	font-weight:bold;
}




/* table */
table
{
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid black;
}
table th
{
	padding:10px 2px 0;
	font-weight:bold;
}
table th img
{
	padding:0 3px;
}
table tr + tr th
{
	padding:5px 0 3px;
	border-bottom:4px solid black;
}
table td
{
	padding:5px 2px;
	border-top:1px solid black;
}
table .protocol
{
	padding-right:0;
	color:#aaa;
}
table .c
{
	text-align:center;
}
table .r
{
	text-align:right;
}
table .r_pad
{
	padding-right:20px;	
	text-align:right;
}
table .trUlTab td
{
	border:0;
}
table .trUlTab td li
{
	float:left;
	margin-left:5px;
	padding:3px 5px;
	border:1px solid #ccc;
	cursor:pointer;
}
table .trUlTab td li:hover,
table .trUlTab td li.selected
{
	background:#ccc;
}
table .trDivTab td
{
	padding:0 7px 5px;
	border:0;
}
table .trDivTab td > div
{
	border:1px solid #ccc;
}
table .trDivTab td > div > div
{
	clear:both;
	padding:20px 10px 10px;
}
table a
{
	font-weight:bold;
}



/* table colgroup */
#colSite1
{
	width:81px;
}
#colSite2
{
	width:474px;
}
#colLink2
{
	width:525px;
}
#colSite3,
#colLink3
{
	width:40px;
}
#colSite4
{
	width:125px;
}
#colLink4
{
	width:75px;
}
#colSite5,
#colLink5,
#colSite6,
#colLink6,
#colSite7,
#colLink7,
#colLink8
{
	width:80px;
}



/* tabs */
table table
{
	width:65%;
	border:0;
}
table table.shortTable
{
	width:35%;
}
table table a,
table .pagination *,
table .pagination a
{
	font-weight:normal;
	font-size:11px;
}
table table td
{
	padding:10px !important;
	vertical-align:top;
	border-top:1px solid #ccc !important;
	border-bottom:1px solid #ccc !important;
}
table table th
{
	border-bottom-width:2px !important;
	font-weight:normal;
}
table table tr td:first-child
{
	width:125px;
}
.code
{
	display:block;
	margin:5px 0;
	padding:5px;
	border:1px solid #ccc;
	background:#eee;
}
form[target] label
{
	width:25px;
	line-height:18px;
}
form[target] input[type="text"]
{
	width:600px;
	padding-top:4px;
	padding-bottom:4px;
}
p.info_installation + ul
{
	margin:10px 10px 35px 25px;
}
p.info_installation + ul li
{
	margin-bottom:10px;
	text-align:justify;
}
input[name^="installSiteType"] + label span
{
	font-weight:bold;
}
iframe
{
	height:400px;
	width:100%;
	margin-top:15px;
	border:1px solid #ccc;
}
table div ol
{
	margin-left:35px;
}
table div ol li + li
{
	margin-top:10px;
}
table div ol li button
{
	margin-top:3px;
}
table .tdGeneratorMark
{
	background:url(/img/v12/icon/site_from_generator.png) no-repeat left center;
}
.link_tab_exchanged table
{
	width:100%;
}
.link_tab_exchanged table th,
.link_tab_exchanged table td
{
	padding:3px !important;
}
.link_tab_exchanged table td.r_pad
{
	padding-right:10px !important;
}
.link_tab_exchanged .jReport
{
	float:right;
	padding:2px 4px;
	font-size:10px;
}
.link_tab_exchanged .jBan
{
	padding:2px 4px;
	font-size:10px;
}
.link_tab_exchanged .pagination,
.link_tab_exchanged .pagination *
{
	font-size:11px;
}
#colEx1
{
	width:400px;
}
#colEx2
{
	width:50px;
}
#colEx3
{
	width:100px;
}
#colEx4
{
	width:250px;
}
#colEx5
{
	width:124px;
}



/* banned */
#tableBanned th
{
	padding:10px 2px;
	border-bottom:4px solid black;
}
#colBan1
{
	width:81px;
}
#colBan3,
#colBan4
{
	width:150px;
}



/* manual, faq */
div.mfMenu
{
	float:right;
	border-left:1px solid #ccc;
	width:210px;
}
div.mfMenu a
{
	display:block;
	padding:2px 0;
}
div.mfMenu a.selected
{
	color:#b30000;
}
div.mfMenu ul li
{
	padding-left:10px;
}
div.mfMenu ul li ul li
{
	padding-left:15px;
}
div.mfContent
{
	margin-right:250px;
}
div.mfContent h3
{
	margin:10px 0;
	font-size:13px;
	font-weight:bold;
}
div.mfContent h4
{
	margin:10px 0;
	font-weight:bold;
}
div.mfContent h4 + p
{
	margin-top:-7px;
}
div.mfContent p + h4
{
	margin-top:25px;
}
div.mfContent p + h3,
div.mfContent ul + h3,
div.mfContent dl + h3
{
	margin-top:50px;
}
div.mfContent p
{
	margin:20px 0;
	line-height:15px;
}
div.mfContent ul,
div.mfContent ol,
div.mfContent dl
{
	margin:10px 0 10px 35px;
}
div.mfContent ul
{
	list-style-type:circle;
}
div.mfContent ul.listing
{
	margin-top:-10px;
}
div.mfContent li
{
	margin:10px 0;
	line-height:15px;
	text-align:justify;
}
div.mfContent dt
{
	float:left;
	clear:left;
	width:125px;
	text-align:right;
	font-weight:bold;
}
div.mfContent dd
{
	margin:10px 0 10px 135px;
	line-height:15px;
	text-align:justify;
}
div.mfContent img,
.imgMfAccount
{
	margin:5px 0;
}
div.mfContent ul.status img
{
	float:left;
	clear:left;
	margin-right:10px;
}
div.mfContent ul.status
{
	list-style-type:none;
}
div.mfContent ul.status li
{
	line-height:32px;
}
div.faq
{
	width:100%;
}



/* manual, faq in account*/
#divAccountManual,
#divAccountFaq
{
	margin:15px 0;
	border:3px solid #ccc;
}
#divAccountManual h3,
#divAccountFaq h3
{
	padding-left:10px;
	font-size:13px;
	line-height:30px;
	font-weight:bold;
	background:#ccc;
}
#divAccountManual .mfContent > h3
{
	padding-top:15px;
	padding-left:0;
	background:none;
}
#divAccountManual .mfContent > p + h3,
#divAccountManual .mfContent > ol + h3,
#divAccountManual .mfContent > ul + h3,
#divAccountManual .mfContent > dl + h3
{
	border-top:3px solid #ccc;
}
#divAccountManual > div,
#divAccountFaq > div
{
	clear:both;
	max-height:300px;
	overflow-y:scroll;
}
#divAccountManual div.mfContent,
#divAccountFaq div.mfContent
{
	clear:both;
	padding:0 10px;
}