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

.serviceBar{
	margin-left: 50px;
	float: left;
	width: 175px;
	border: #CCC dashed thin;
	padding: 2px;
	display: block;
	text-align: center;
}
.servicePrice{
	color:#09F;
	font-size: 14px;
	font-weight: bold;
}
.serviceTitle{
	font-size: 14px;
	color:#C60;
	font-weight: bold;
	
}
.servicePriceLabel{
	font-size: 10px;
	color:#999;
	
}
.loggedBar{
	border:solid 1px #359545;
	background: #cee6c3;
	color:#5dac5d;
padding:4px;
text-align:center;
height: 20px;
position: absolute;
top: 0px;
width: 650px;
right: 20px;
}
.loggedBarR{
	border:solid 1px #cb2026;
	background: #f6cbca;
	color:#d63331;
padding:4px;
text-align:center;
height: 20px;
position: absolute;
top: 0px;
width: 650px;
right: 20px;
}
.icon-ok{
border:solid 1px #359545;
background: #cee6c3 url(../images/icons/check.png) 8px 6px no-repeat;
color:#5dac5d;
padding:4px;
text-align:center;
}
.icon-warning {border:solid 1px #cb2026;
background: #f6cbca url(../images/icons/warning.png) -10px; no-repeat;
color:#d63331;
padding:4px;
text-align:center;
}
.infoSlide {
	background: url(../images/arrow_right_16.png) top left no-repeat;
	padding-left: 20px;

}
.rightBoxInfo{
	background: url(../images/add_16.png) top left no-repeat;
	padding-left: 20px;
}
div.buttonBarMid	a:link {
	color:#FFF;
text-decoration: none;
}

div.buttonBarMid	a:visited {
color:#FFF;
text-decoration: none;
}

div.buttonBarMid	a:hover {
	color:#CCC;
text-decoration: none;
}
.buttonBarLeft{
	float:left;
	background-image:url(../images/barLeft.png);
	width: 13px;
	height: 31px;
}
.buttonBarMid{
	float: left;
	background-image:url(../images/barMid.png);
	background-repeat:repeat-x;
	height: 24px;
	padding-top: 7px;
	
}
.buttonBarRight{
	float:left;
	background-image:url(../images/barRight.png);
	width: 11px;
	height: 31px;
	
}
h1 {
	font-size:24px;
	font-family:"Myriad Pro";
	font-weight:normal;
}
h2 {
	font-size:24px;
	font-family:"Myriad Pro";
	font-weight:normal;
}
.domainBar {
	background-image:url(../images/domainBar.png);
	width: 522px;
	height: 39px;
	padding-top: 14px;

	text-align:center;
}

body,td,th {
	font-family:Tahoma;
	font-size: 13px;

}
body {
		background: #FFF url(../images/top.jpg) no-repeat top;
}
.top{
	text-align: center;
	height: 30px;
}
.d0{
	background-color:#EEE;
}
.d1{
	background-color:#FFF;
}
.wrap{
	width: 900px;
	text-align: left;
	position: absolute;
	 top: 0px;
    left: 50%;
    margin-left: -450px;
}
.logo {
background: url(../images/host.png) no-repeat;
background-image:
	position: relative;
	float:left;
	width: 253px;
	height: 78px;
}
div.naviagtion	a:link {
color: #F90;
text-decoration: none;
}

div.naviagtion	a:visited {
color: #F90;
text-decoration: none;
}

div.naviagtion	a:hover {
color: #FFF;
text-decoration: none;
}

.naviagtion {
	position: relative;
	float:right;
	margin-right: 110px;
	margin-top: 30px;
}
.banner {
	background-image:url(../images/banner.jpg);
	width: 843px;
	height: 177px;
	margin-top: 20px;
	color:#FFF;
}
.plan1 {
	position:absolute;
	background-image:url(../images/plan.png);
	width: 250px;
	height: 221px;
}
.plan2 {
	position:absolute;
	background-image:url(../images/plan.png);
	margin-left: 265px;
	width: 250px;
	height: 221px;
}
.planHeader {
	text-align: right;
	font-size: 18px;
	height: 30px;
	vertical-align: middle;
	padding-right: 10px;
}
.planDetail {
	height:25px;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 5px;
}
div.planView a:link {
color: #FFF;
text-decoration: none;
font-size:11px;
}

div.planView a:visited {
color: #FFF;
text-decoration: none;
font-size:11px;
}

div.planView a:hover {
color: #F90;
text-decoration: none;
font-size:11px;
}
.planPrice {
	padding-top: 10px;
	padding-left: 20px;
	font-family: Tahoma;
	position:relative;
	float: left;
	width: 140px;
	color:#FFF;
}
.planView {
		padding-top: 10px;
		font-size: 10px;
	position: relative;
	padding-right: 20px;
	float: right;
	font-family: Tahoma;
}
.rightNav {
	width: 280px;
	position:relative;
	float:right;
	margin-right: 80px;
}
.rightHeader {
	padding-top: 10px;
	background-image:url(../images/leftHeader.png);
	width: 279px;
	height: 25px;
	text-align: right;
	padding-right: 20px;
	color:#FFF;
}
.rightContent {
	padding-left: 20px;
	padding-right: 20px;
	color: #484848;
	
}
.content {
	width: 520px;
	color: #323131;
	position: relative;
	margin-top: 20px;
}
.contentInc {
	width: 520px;
	color: #323131;
	position: relative;
	margin-top: 20px;
}
.unavaliable {
	float:left;
	width: 60px;
	height: 47px;
	text-align: center;
	background-color:#999;
	padding-top: 3px;
	font-size:16px;
	font-weight:bold;
	border: #FFF 2px solid;
}
.avaliable {
	float:left;
	width: 60px;
	height: 47px;
	text-align: center;
	background-color:#cee6c3;
	padding-top: 3px;
	font-size:16px;
	font-weight:bold;
	border: #FFF 2px solid;
}
.clear {
	clear: both;
}
.title 	{
	font-size:24px;
	font-family:"Myriad Pro";
}
.oBox {
	position: absolute;
	left: 469px;
	top: 186px;
	width: 354px;
	height: 61px;
}

.show{

	width: 500px;
}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:auto;
padding:14px;
text-align: right;
border:solid 2px #9F9F9F;
background: #D1D1D1;
}

/* ----------- stylized ----------- */

#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #9F9F9F;
padding-bottom:10px;
}

#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
.textBox{
font-size:12px;
border:solid 1px #9F9F9F;
width:200px;
margin-right: 60px;
}
.domainText {
	font-size:12px;
border:solid 1px #9F9F9F;
width:200px;
}
.textArea1{
font-size:12px;
border:solid 1px #9F9F9F;
width:200px;
margin-right: 60px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
td.tdHeader{
	border-bottom: #999 dashed thin;
	color:#09C;
	font-size:12px;
	font-weight: bold;
}