/* @override 
	http://192.168.0.100/dnshosting/css/styles.css
	http://localhost/dnshosting/css/styles.css
*/

body {
  font: 10pt Tahoma,Arial;
  margin:0;
  padding:0;
  background:#fff url(/img/bg_body.png) repeat-x scroll top;
}

form{
	padding:0;
	margin:0px;
	display:inline;
	width:auto;
}

img {
  border:0 none;
}

hr{
	display:block;
	color:#CCCCCC;
	size:1px;
	clear:both;
}
select {
  border:1px solid #b7bab7;
  font:bold 14px Tahoma;
  color:#000;
  padding:5px;
  width:132px;
  height: 30px;
}

dt{
	font-weight:bold;
	padding:5px;
}
h5{
	margin:8px;
}
#page {
  margin:0 auto;
  width:800px;
}

/*** Divider ***/
.divider {
  clear:both;
  font-size:0px;
  height:0px;
  line-height:0px;
  border:1px solid white;
}

/*** Title box ***/
#logo {
  text-align:center;
  margin: 16px 0 10px 0;
  padding:0;
}

#logo h1 {
  font: 40px Tahoma;
  color: #869084;
  text-align: left; 
  background:#fff url(/img/dns_logo.png) no-repeat 40px 0;
  padding: 16px 0 24px 144px; 
}

#main {
  background:white;
  margin:0 0 25px 0;
}

#main_list {
  float:left; 
  width:410px; 
  height:182px;
  background:#f1f1f1;
}

#main_list ul {
  margin:18px 5px 0 0;
}

#main_list li {
  margin:0 0 12px 40px;
  list-style-image:url(/img/li_arrow.gif);
  padding:0;
  font: 10pt Tahoma;
}

#main_left_corner {
  float:left;
}

#main_title {
  float:left; 
  padding:0 0 0 13px; 
  background:#f1f1f1;
}

#main_form {
  float:left; 
  width:186px; 
  height:182px; 
  background:#e7e7e5;
}

#main_form form {
  padding-top: 46px;
  text-align: center;
}

#main_form * {
  margin: 8px auto 20px auto;
}

#bookmark_top {
  position:absolute; 
  margin:-190px 0 0 150px;
}

#bookmark_bottom {
  #position:absolute; 
  margin:-2px 0 0 155px;
}

/*** Lookup domain or IP, in NS, type ***/
#lookup {
  background:#f1f1f1;
}

.content {
  float:left; 
  margin:14px 0 0 8px;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color:#777;
}

.content span {
  display: block;
  float: left;
  line-height: 32px;
  _line-height: 26px;
}

.content input {
	float: left;
	display: block;
	}

.input_text{
  border:2px solid #cacac7;
  font:bold 14px Tahoma;
  color:#000;
  padding:5px;
}

.left_corner {
  float:left;
  width:13px;
  height:62px;
  background:#fff url(/img/left_corner.png) no-repeat left;
}

.right_corner {
  float:right;
  width:13px;
  height:62px;
  background:#fff url(/img/right_corner.png) no-repeat right;
}

#input_tune_position_ping input {
  width: 216px; 
  margin-left: 36px;
  _margin-left: 18px;
}

#input_tune_position_traceroute input {
  width:180px;
  margin-left: 23px;
  _margin-left: 12px;
}

#input_tune_position_whois input{
  margin-left: 24px;
  _margin-left: 12px;
  width:216px;
}

#input_tune_position_rbl input{
  margin-left: 24px;
  _margin-left: 12px;
  width:180px;
}

#input_tune_position_lookup input {
  width: 168px; 
  margin:0px 8px 0 8px;
}

#input_tune_position_ns input {
  width:117px; 
  margin:0 12px 0 12px;
  _margin:0 5px 0 5px;
}

#input_tune_position_type select {
  width:117px; 
  margin:0 6px 0 12px;
  _margin:0 6px 0 5px;
}

.input_submit {
  float:left; 
  margin:16px 0 0 15px;
}

/*** Other boxes ***/
.content_box {
  background:#f1f1f1;
  float:left;
  width:391px;
  margin:19px 0 0 0;
}

.content_box_right {
  background:#f1f1f1;
  float:right;
  width:391px;
  margin:19px 0 0 0;
}

.input_text_silver {
  border:2px solid #cacac7;
  font:bold 14px Tahoma;
  padding:5px;
}

.divider_gray_line {
  clear:both;
  font-size:0px;
  height:0px;
  line-height:0px;
  border-top:2px solid #cacac7;
}

.divider_v {
	clear: both;
    height:52px;
}

/*** Big buttons (Register now, Login)***/
a.big_btn {
  background:transparent url(/img/btn_big_bg.gif) no-repeat scroll 0%;
  font:bold 10pt Tahoma,Arial;
  color:#2365a6;
  display:block;
  height:29px;
  line-height:normal;
  padding-top: 12px;
  text-align:center;
  text-decoration:none;
  width:127px;
}

a.big_btn:hover {
  background: transparent url(/img/btn_big_bg_hover.gif) no-repeat scroll 0%;
}

/*** Small buttons ***/
a.small_btn {
  background:transparent url(/img/btn_small_bg.gif) no-repeat scroll 0%;
  font:normal 16pt Tahoma;
  color:#2365a6;
  display:block;
  height:27px;
  line-height:normal;
  text-align:center;
  padding: 0 16px;
  text-decoration:none;
  width:55px;
  border:none;
}

a.small_btn:hover {
  background:transparent url(/img/btn_small_bg.gif) no-repeat scroll 0%;
}

/*** Internal pages ***/


#content-body { background-color: #fff; color: #000; padding: 10px 20px; }

input, select{ 
  border: 2px solid #cacac7;
  font: normal 14px Tahoma;
  color:#000;
  padding:4px;
}

ul{ 
	padding:0px;
}

a{
  color:#235094;
  text-decoration:underline;
}
.anchor {
	color:#333333;
  	text-decoration:none;
}


/*a {
	color:#637DDE;
	font:11px "trebuchet ms",tahoma,verdana,sans-serif; 
	text-decoration:none;
  }
.header h1 {
	color:#869084;
	font: 16pt Tahoma;
	padding: 4px 0;
	position: relative;
	border-bottom: 1px solid #869084;
	margin-bottom: 48px;
}
  */

.Panel{
	border-collapse: collapse;
	font-size: 10pt;
	font-weight: normal;
	/*
    COLOR: #4e4f4f;
    background-color: #F1F1F1;
    */
    height: 20px;
	padding-left: 16px;
}
.Panel .Bottom {
	padding-bottom: 16px;
	
}
.DottedBottom {
	background: url(/img/dotted.gif) repeat-x bottom;
}

/*
.Panel A
{
    color: #333333;
}
*/
.Panel input {
	width: 95%;	
}

.Panel TD
{
/*    font-size: 11px;
    font-family: tahoma;
    height: 24px;
	padding: 4px 0px 8px 16px;
*/
	padding: 16px 16px 0 16px;
}
.Panel TH
{
	font: 18pt Tahoma;
	padding:0px;
	color:#869084;
	background: url(/img/dotted.gif) repeat-x bottom #FFFFFF;
}

.Panel TD.Heading2,
.Panel TR.Heading2 TD
{
    font-weight: bold;
    COLOR: #ffffff;
    HEIGHT: 16pt;
    background-color: white;
    border-bottom: 1px dotted #ADAAAD;
}

.Heading2 div
{
    text-align: left;
	padding: 3px 0 8px 0;
}

A.Heading2{
    text-decoration: none;
    border-bottom:1px dashed #fff;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma;
    font-size: 8pt;
    cursor: help;
}

.FieldLabel
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none;
    vertical-align: top;
#   width: 170px;
	font-weight:bold;
}
td.FieldLabel {
    padding: 5px 10px;
}
.DivError{
    background:url(/img/alert.gif) 12px 16px no-repeat #fafadb;
    color:#cc2222;
    font: 18px Arial, Helvetica, sans-serif;
    padding: 20px 0 20px 60px;
    margin: 0 0 16px 0;
}
.DivError li {
    padding-left: 4px;
    list-style: none;
}

.DivWarning{
	background:url(/img/warning.gif) #fafadb 12px 12px no-repeat;
	font: 14px Arial, Helvetica, sans-serif;
    padding: 20px 8px 20px 60px;
    margin: 4px 0;
}

.DivNotice{
	background: #CAFFCA;
	font:Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	padding:20px;
}


/*** Zones ***/

.Panel .Heading3 {
	background-color: #ededed;	
}

.Panel.List TD {
	padding: 8px 16px;
}

.Panel.List TD button {
	margin: 8px;
}

.Panel.Zone TD {
	color: #777;
	font-size: 10pt;	
	padding: 4px;
	padding-top: 8px;
}
.Panel.Zone .FieldLabel {
	color: black;
	font-weight: normal;
	padding: 4px 0 4px 16px;
	padding-top: 8px;
}

.Panel ul {
	margin: 0;
	padding: 0;
}
.Panel ul input {
	width: auto;
	margin-right: 12px;
}
.Panel ul li {
	list-style: none;
}

.Tabset {
	background-color: #f1f1f1;
}
.Tabset ul {
	height: 32px;
	margin: 8px 0 12px 0;
	padding: 0 12px;
}
.Tabset ul li {
	display: block;
	float: left;
	list-style: none;
	padding: 0 16px;
	margin: 0 4px;
	line-height: 32px;
	font-size: 10.5pt;
}
.Tabset ul li.active {
	padding: 0;
	width: 96px;
	text-align: center;
	background: url(/img/tab4_1.gif) no-repeat;
	color: #558844;
	border-bottom: none;
}
.Tabset a {
	text-decoration: none;
}
.Tabset a:hover {
	text-decoration: underline;
}

.Panel.Record .Heading2 * {
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0;
	color: #777;
	border: none;
}

.Panel.Record TH {
}

.Panel.Record input {
	width: auto;
	font-size: 10pt;
	padding: 2px;
}
.Panel.Record label,
.Panel.Record TD,
.Panel.Record .FieldLabel {
	line-height: 24px;
	padding: 0 4px;
	font-size: 9pt;
	font-weight: normal;
}
.Panel.Record TD {
	padding: 8px 0;
}
.Panel.Record .no_rec {
	display: block;
	width: 98%;
	background: #f9f9f9;
	padding: 4px 8px;
	color: #ccc;
}
.RecordButtons {
	height: 40px;
	padding: 12px 0;
}
.RecordButtons button {
	margin-right: 12px;
}
.recordNew {
	background: #e5ecff;
	}
.recordInvalid{
	background: #ffece5;
}
a.recordHelp {
	display: block;
	float: right;
	margin-top: -4px;
	font-size: 8pt !important;
}

/*** Buttons ***/
button {
    background: transparent url('../img/bg-button-r.gif') no-repeat scroll top right;
	color:#259;
    float: left;
    display: block;
    font:  bold 12px Tahoma, Arial, sans-serif;
    height: 27px;
    padding: 0;
    padding-right: 20px; /* sliding doors padding */
    border: none;
    margin: 0;
}
button::-moz-focus-inner { border: none;}

button span {
    background: transparent url('../img/bg-button-l.gif') no-repeat;
    display: block;
    line-height: 17px;
    padding: 5px 0 5px 20px;
}

button:active {
    background-position: bottom right;
    color: #148;
    outline: none; /* hide dotted outline in Firefox */
    padding: 0;
    padding-right: 20px; /* sliding doors padding */
}

button:active span {
    background-position: bottom left;
}

button.small_btn {
	font: bold 16px Tahoma, Arial, sans-serif;
	padding-right: 16px;
    margin: 2px 0;
	width: 40px;
}
button.small_btn span {
	padding-left: 16px;
	margin-right: 0px;	
	width: 10px;
}

/*** Main menu ***/

#menu{
	width:800px; 
	height:41px; 
	padding-top:30px;
	margin:auto; 
	border-bottom: 2px solid #CCCCCC;
}
#menu .b1 {
	width: 800px;
	height: 41px;
}
#menu .b2 {	
	width: 800px;
	height: 41px;
}

#menu  .home {
	display: block;
	float: left;
	height: 20px;
	width: 141px;
	padding: 0px 16px 10px 0px;
}

#menu #left {
	float:left;
	height: 40px;
	width: auto;
	}

#menu #left ul
{
	float:left;
	padding-left: 32px;
	padding-top: 2px;
	margin:0px;
}

#menu #left ul li {
	width: 88px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
	line-height: 24px;
	margin: 0px 5px;
	text-align:center;
	background:url(/img/tab2_1.gif) no-repeat left top;
}

#menu #left ul li a {
	display: block;
    font-weight:bold;
    font-size: 10pt;
    color: #2365a6;
    text-decoration: none;
	padding: 0 auto;
    height: 41px;
	background:url(/img/tab2_2.gif) no-repeat right top;

}

#menu #left ul li.active a {
	background: url(/img/tab1_2.gif) no-repeat top right;
	color:#558844 !important;
}

#menu #left ul li.active {
	float:left;
	line-height: 24px;
	padding: 0;
	text-align:center;
	background:url(/img/tab1_1.gif) no-repeat left top;
	
}

#menu #left ul li a span {
	    line-height: 41px;
	}
#menu #left ul li a:hover {
	text-decoration: underline;
	/*background:url(/img/menu_b5.gif) no-repeat;*/
}

#menu #right {
	display:block;
	float:right;
	margin: 0;
	color:#ffffff;
	height: 40px;
}

#menu #login-status {
	padding: 8px 0px 12px 12px;
    font-size: 9pt;
    color: #555;
}

#menu #login-status span {
	margin-right: 8px;	
}

#menu #login-status a {
	font-weight:bold;
}

/*** Breadcrumbs ***/

#breadcrumbs {
	margin: 8px 0 24px 0;
	clear: both;
	font-size: 11px;
	color: #448833;
}

#breadcrumbs a {
	padding: 0 4px;
	font-weight: bold;
	color: #448833;
}
#breadcrumbs span {
	padding-left: 4px;
}	

/*** Footer ***/

#footer {
	margin: 24px 0 32px 0;
	color: #777777;
}
#footer #footer-logo {
	margin-right: 52px;
	float: left;
	padding-left: 80px;
	padding-top: 20px;
	font-size: 20px;
	height: 70px;
	background: url(/img/dns_logo_f.gif) 4px 2px no-repeat;
}
#footer #footer-logo span {
	padding: 4px 0;
	display: block;	
	position: static;
	font-size: 10px;
	font-weight: bold;
	}
#footer #footer-logo a {
	display: block;	
	position: static;
	font-size: 10px;
	padding: 8px 0;
	}

#footer .links {
	float: left;
	padding-top: 20px;
	margin: 0 20px;
}
#footer .links span {
	font-size: 10pt;
	font-weight: bold;
}
#footer .counters {
	float: left;
	padding-top: 20px;
	margin-left: 20px;
}


#footer ul {
	margin: 0;
	margin-top: 12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#footer ul li {
	padding: 0;
	margin-top: 4px;
	}
#footer a.lang_us {
	padding-left: 24px;
	background: url(/img/lang_us.gif) no-repeat 0 4px;
	}
#footer a.lang_ru {
	padding-left: 24px;
	background: url(/img/lang_ru.gif) no-repeat 0 4px;
	}
#footer a.lang_de {
	padding-left: 24px;
	background: url(/img/lang_de.gif) no-repeat 0 4px;;
	}
#footer a.lang_fr {
	padding-left: 24px;
	background: url(/img/lang_fr.gif) no-repeat 0 4px;;
	}
#footer a.lang_es {
	padding-left: 24px;
	background: url(/img/lang_es.gif) no-repeat 0 4px;;
	}

/*** Sidebards ***/

.leftcent {
	float: left;
	width: 580px;	
	margin-top: 0;	
}
.leftcent table {
	width: 580px;
	}

.right {
	float: right;
	width: 200px;
	margin-top: 0px;
}

.box {
	margin-top: 0px;
	margin-bottom: 30px;
}
.box .header {
	font-size: 14pt;
	color: white;
}
.box button {
	float: none;
	}
.box ul {
	padding: 0;	
	margin: 0 0 12px 0px;
	font-size: 10pt;
}
.box ul li {
	padding-bottom: 4px;
	list-style: none;
}
.box p {
	font-size: 9pt;
	margin: 0;
}

.box .c4_inner {
	width: 172px;
	padding: 12px 0;
	margin-left: 16px;
}
.box .c4_inner button {
	width: 140px;
}

.box.sb1 .c1 {
	background: url(/img/sb1-c1.gif) no-repeat #cfd5ca;
}
.box.sb1 .c2 {
	background: url(/img/sb1-c2.gif) no-repeat right top;
	padding: 8px 16px;
}
.box.sb1 .c3 {
	background: url(/img/sb1-c3.gif) no-repeat right bottom;
}
.box.sb1 .c4 {
	background: url(/img/sb1-c4.gif) no-repeat left bottom;
}
.box.sb1 {
	 background: #f1f1f1;
}
.box.sb1 .b1 { background: url(/img/sb1-b1.gif) no-repeat right bottom; } 
.box.sb1 .b2 { background: url(/img/sb1-b2.gif) no-repeat right bottom; } 
.box.sb1 .b3 { background: url(/img/sb1-b3.gif) no-repeat right bottom; } 
.box.sb1 .b4 { background: url(/img/sb1-b4.gif) no-repeat right bottom; } 
.box.sb1 .b5 { background: url(/img/sb1-b5.gif) no-repeat right bottom; } 
.box.sb1 .b6 { background: url(/img/sb1-b6.gif) no-repeat right bottom; } 
.box.sb1 .b7 { background: url(/img/sb1-b7.gif) no-repeat right bottom; } 


.box.sb2 .c1 {
	background: url(/img/sb2-c1.gif) no-repeat #93b687;
}
.box.sb2 .c2 {
	background: url(/img/sb2-c2.gif) no-repeat right top;
	padding: 8px 16px;
}
.box.sb2 .c3 {
	background: url(/img/sb2-c3.gif) no-repeat right bottom;
}
.box.sb2 .c4 {
	background: url(/img/sb2-c4.gif) no-repeat left bottom;
}
.box.sb2 {
	 background: #e5f2e1;
}
.box.sb2 .b1 {
	background: url(/img/sb2-b1.gif) no-repeat right bottom;
} 


.box.sb3 .c1 {
	background: url(/img/sb3-c1.gif) no-repeat #86a7b5;
}
.box.sb3 .c2 {
	background: url(/img/sb3-c2.gif) no-repeat right top;
	padding: 8px 16px;
}
.box.sb3 .c3 {
	background: url(/img/sb3-c3.gif) no-repeat right bottom;
}
.box.sb3 .c4 {
	background: url(/img/sb3-c4.gif) no-repeat left bottom;
}
.box.sb3 {
	 background: #e1edf2;
}
.box.sb3 .b1 {
	background: url(/img/sb3-b1.gif) no-repeat right bottom;
} 


.box.sb4 .c1 {
	background: url(/img/sb4-c1.gif) no-repeat #d0d0b6;
}
.box.sb4 .c2 {
	background: url(/img/sb4-c2.gif) no-repeat right top;
	padding: 8px 16px;
}
.box.sb4 .c3 {
	background: url(/img/sb4-c3.gif) no-repeat right bottom;
}
.box.sb4 .c4 {
	background: url(/img/sb4-c4.gif) no-repeat left bottom;
}
.box.sb4 {
	 background: #fafadb;
}
.box.sb4 .b1 { background: url(/img/sb4-b1.gif) no-repeat right bottom; } 
.box.sb4 .b2 { background: url(/img/sb4-b2.gif) no-repeat right bottom; } 


/*** Custom forms ***/

#content #auth{
  margin: 100px 200px;
}

#content #text{
  margin: 50px 100px;
  text-indent: 50px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*** Utilities ***/
#content pre {
	border: 1px solid #d9dbd9;
	background: #fafafa;
	margin-top: 24px;
	padding: 8px;
	overflow-x: scroll ;
	font-size: 10px;
}
.z_new_tr, .z_updated_tr, .z_error_tr, .z_published_tr, .z_suspended_tr, .z_stopped_tr{
	margin: 5px 0px;
	padding-left: 16px;
	text-indent: 8px;
}
.z_new_tr{
	background: url(/img/cog_add.gif) no-repeat 2px;
}

.z_updated_tr{
	background: url(/img/cog_edit.gif) no-repeat 2px;
}

.z_error_tr{
	background: url(/img/cog_error.gif) no-repeat 2px;
}

.z_published_tr{
	background: url(/img/cog_go.gif) no-repeat 2px;
}
.z_suspended_tr{
	background: url(/img/cog.gif) no-repeat 2px;
}
.z_stopped_tr{
	background: url(/img/cog_delete.gif) no-repeat 2px;
}

.newstext{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	padding:3px;
	line-height:26px; 
	margin:0 0 2em; 
	text-align:justify;
 
}
.news_header{
color:#4F733D;
}
a.news_header, .news_header{
	font-family: Verdana,sans-serif;
	font-size:26px;
	font-weight:bold;
	padding-bottom:10px;
	text-decoration:none;

}
.news_date{
	float:right;
	color:#666666;
	font-style:italic;
	display:block;
}
.news_description{
	padding:0 5px 15px 0;
	clear:both;
	display:block;
	min-height:180px;
	overflow:auto;
	font-family:Verdana,Tahoma,Geneva,sans-serif;
	font-size:13px;
}
.tooltitle{
	width: 76px;
}

.tos_padding{
	padding:0 0 0 20px;
}

.run_result{
	background-color:#F1F1F1;
	color:#333333;
	font:bold;
	font-size:12px;
	padding:15px;
	margin-top:15px;
	font-family:monospace;
}

#title {
	padding: 3px 0px 20px 0px;
	color: #869084;
	font-family:Tahoma;
	font-size:18pt;
}

#title.DottedBottom{
	padding-bottom:8px;
}

.cnt{
	display:none;
	padding-top:22px;
}
.cnt_ru{
	display:block;
}

#social {height: 82px; margin-top: 24px;}
#social-l{float: left; width: 658px; background: #ebf4fa url(/img/soc_tab_1.gif) no-repeat left top;}
#social-r{height: 82px; background: url(/img/soc_tab_2.gif) no-repeat right top; padding-left: 24px;}
#social .slogan { float: left; width: 200px; height: 82px;}
#social h3 { margin:4px 0; padding-top: 10px; font-size:24px; font-weight: normal; color: #556688;}
#social span { font-size:15px; font-weight: normal; color: #921a2a;}
#social ul { float: left; background: none; padding: 0; margin: 8px 0; height:48px;}
#social li { float: left; list-style: none; padding: 0 4px; height:48px;}
#social li a { display: block; width: 70px; height: 15px; background-repeat: no-repeat; background-position: top center; text-align: center; padding-top:48px; font-size: 8pt; font-weight:bold;}
#social a.soc_folkd { background-image: url(/img/soc_folkd.gif); }
#social a.soc_misterwong { background-image: url(/img/soc_misterwong.gif); }
#social a.soc_connotea { background-image: url(/img/soc_connotea.gif); }
#social a.soc_delicious { background-image: url(/img/soc_delicious.gif); }
#social a.soc_furl { background-image: url(/img/soc_furl.gif); }
#social_share a { float: left; padding: 32px 0 0 16px; font-size: 14px;}