* {
   padding: 0;
   margin: 0;
}

body {
   font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
   background-color: #fff;
   background-color: #ecf0f2;
   color: #000000;
}

table, td, th, input, select, option, textarea {
   font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
}

form {
   display: inline;
}

a img {
   border: 0;
}

a {
/*   color: #990000;   
   background-color: #fff; */
   color: #1E2089;
}

a.warning, a.warning:hover, span.warning {
   color: red !important;
   font-weight: bold;
}

h1 {
   padding: 5px 0;
   margin: 5px 0px 10px 0px;
   line-height: 100%;
}

h1, h2, h3 {
   color: #990000;
   color: #333;
}

h3.mtop {
   margin-top: 20px;
}

table {
   border-collapse: collapse;
   margin: 5px 0px 5px 0px;
}

th, td {
   padding: 2px;
   vertical-align: top;
}

td.nowrap {
   white-space: nowrap;
}

#container {
   min-width: 1000px;
}

#header {
   padding: 1em;
   background: #fff url('/img/prepaid.jpg') top right no-repeat;
   background-color: #fff;
}

#content p {
   margin-bottom: 10px;
   margin-top: 10px;
}

#title {
   margin: 0;
   background-color: #3F77BA;
   color: #fff;
   font-size: 1.2em;
   padding: 0.3em 0 0.3em 1em;
}

#middle {
   padding: 10px 0px;
   background: #fff url('/img/bg_sidebar.png') top left repeat-y ;
}


#sidebar {
	float: left;
	width: 180px;
	padding-left: 10px;
}


#menu {
   margin-top: 10px;
   width: 170px;
}

#menu,
#menu ul {
	list-style: none;
}

#menu li {
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

#menu li a {
   text-decoration: none;
   color: #000;
}

#menu li a.head:hover {
   text-decoration: underline;
}

#menu li ul {
   border-top: 1px solid #eee;
   margin-top: 12px;
   margin-bottom: 15px;
/*   padding-left: 10px; */
   border-left: 5px solid #3F77BA;
   
}

#menu li ul li {
   font-size: 12px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   border-bottom: 1px solid #eee;
}

#menu li ul li a {
   display: block;
   padding: 4px;
   text-decoration: none;
   color: #1E2089;
   background-color: #fff;
}

#menu li ul li a:hover {
   text-decoration: none;
   background-color: #F5F5F5;
}


#content {
   padding: 0px 10px; 
   float:left;
   width: 720px;
   background-color: #fff;
}

#content ul, #content ol {
	margin-top: 10px;
   margin-left: 20px;
}

#footer {
   border-top: 1px solid #3F77BA;
   padding: 4px;
   text-align: right;
   font-size: 85%;
}

#footer a {
   color: #000;
   font-weight: bold;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

div.message,
div.error {
   padding: 0.5em;
   margin: 1em 0 1em 0;
   cursor:  pointer;
}


div.message {
   background-color: #ECF3E1;
   border: 1px solid #C5DEA1;
}

div.error {
   border: 1px solid #b80000;
   background-color: #ebcacb;
   color: #b80000;
}

td.error {
   background-color: #ebcacb;   
   color:  #b80000;
}

div.error h3 {
	color:  #b80000;
}

div.error a {
	color: #b80000;
	padding: 3px;
	font-weight: bold;
}

div.error ul {
	list-style: square;
	margin: 5px 5px 10px 20px;
}

div.error ul li {

}

div.error ul li a {
   cursor: pointer; 
   padding: 0.3em; 
   margin: 0.5em; 
   display: block;
   text-decoration:  none;
}

div.error ul li a:hover {
	text-decoration:  none;
}


/* Start Zebra Table ------------------------------------------------------- */

table.zebra {
	margin: 10px 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

table.zebra td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
   padding: 3px 3px 3px 6px;
}


table.zebra th a {
   color: #1E2089;
   background-color: transparent;
   text-decoration: none;
}

table.zebra th a:hover {
   text-decoration: underline;
}

tr.even,
tr.even td {
   background-color: #f0f5fa;
}

tr.uneven,
tr.uneven td {
	background-color: #fff;

}

tr.hover,
tr.hover td {
   background-color: #F5F5F5 !important;
}

table.zebra th {
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
   font-weight: bold;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-align: left;
   text-shadow: #444 3px 3px 4px;
   padding: 2px 4px 2px 6px;
   border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	background: #d9d9d9 url('/img/th_zebra_background.png') bottom left repeat-x;
   color: #1f1f1f;
}

table.zebra th.th_first {
   border-left: 1px solid #ccc;
}

table.zebra th.th_last {
   border-right: 1px solid #ccc !important;
}

table.zebra td.even_first {
   border-left: 1px solid #ccc !important;        
}

table.zebra td.uneven_first {
   border-left: 1px solid #ccc !important;      
}

/* End Zebra Table ------------------------------------------------------- */

/* clearfixer */
.form_row:after,
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.form_row, 
.clearfix {
   display:inline-block;
}

/* Hides from IE-mac \*/
.form_row,
.clearfix {display: block;}
/* End hide from IE-mac */

/* Start Global styles */
.right {	text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.fleft {	float: left; }
.fright { float: right; }
.none { display: none; }
.bold { font-weight: bold;}
.italic { font-style: italic;}
/* End Global styles */

/* Domain tables */
td.prop {
   width: 220px;
}

td.value {

}
td.icon {
   width: 16px;
   padding: 2px;
   text-align: center;
}

td.name {
   width: 300px;
}

input[type="text"] {
/*   border: 1px solid #eee; */
   padding: 2px;
}

td input.hostname {
   width: 300px;
}

td input.mxpreference {
   width: 30px;
   text-align: right;
}

td.add {
   padding: 3px;
}

td input.ip {
   width: 120px;
}

input.fullwidth {
   width: 95%;
}

td.amount {
	width: 30px;
}

td.amount input {
	width: 25px;
}


.form_box {
   background-color: #fff;
   border: 1px solid #ddd;
   padding: 7px;
   margin: 10px 0px;
}

div.price_block {   
   margin-bottom: 10px;
   margin-top: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #ccc;
}

div.price_block h2 {
   margin: 3px 0px 11px 0px;
   padding: 4px 0px;
   line-height: 100%;   
}

div.price_block p {
   margin-bottom: 10px;
}

div.price_block table {
   margin-top: 10px;
}

div.price_block ol li {
   font-size: 11px;
   line-height: 100%;
}

ul.list_points {
	list-style-type: square;
   border-top: 1px solid #eee;
   margin-left: 20px;
   margin-bottom: 20px;
}

ul.list_points li {
	font-size: 12px;
   font-weight: normal;
   margin: 0px 0px 0px 10px;
   border-bottom: 1px solid #eee;
   padding: 4px;
   background-color: #fff;
}

ul.list_menu {
   list-style-type: square;
   border-top: 1px solid #eee;
   margin-left: 20px;
   margin-bottom: 20px;
}

ul.list_menu li {
   font-size: 12px;
   font-weight: normal;
   margin: 0px 0px 0px 10px;
   border-bottom: 1px solid #eee;
}

ul.list_menu li a {
   display: block;
   padding: 4px;
   text-decoration: none;
   color: #1E2089;
   background-color: #fff;
}

ul.list_menu li a:hover {
   text-decoration: none;
   background-color: #F5F5F5;
}

table#login {
   width: 500px;
}

td.price {
   text-align: right;
   width: 80px;
}

td.tld {
   width: 100px;
}


/* ideal stuff */
div#ideal {
	margin: 10px 0px;
}

div#ideal table {
	margin: 10px 0px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

div#ideal tr {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}

div#ideal td {
   vertical-align: middle !important;
   padding: 4px;
}


div#ideal th {
	padding: 2px 2px 10px 2px;
	font-size: 14px;
	line-height: 100%;
	text-align: left;
	font-weight: bold;
}

div#ideal h4 {
	font-size: 14px;
	line-height: 100%;
	font-weight: bold;
	padding: 2px 2px 10px 2px;
	
	
}


div#ideal td.logo {
   width: 60px;
   padding: 6px;
}

div#ideal td.bignumber {
	font-size: 40px;
	color: #666;
	background-color: #eee;
}