html, body						{ height:100% !important; min-height:100%; }
body, form						{ padding:0; margin:0; }
body							{ background:#0E6C9F url(images/bg.jpg) no-repeat; }
div,
table,
td,
input,
textarea,
select							{ font-family:arial; font-size:12px; color:#000; }
a								{ color:#000; outline:none; text-decoration:none; }
a:hover							{ color:#343434; text-decoration:underline; }
a.hot							{ color:#EE7E2B !important; }
a:hover.hot						{ color:#F3AB76 !important; }
p, h1, h2, h3, h4, h5			{ margin:0; padding:0; font-weight:normal; }
img                             { border: 0; }

.hide   {display:none;}
.clear   {clear:both;}

#start				{ width:100%; min-width:1003px; min-height:600px; height:100%; }
#bef-main			{ width:100%; min-height:100%; }
#main				{ width:960px; position:relative; margin:0 auto; }

#top				{ width:100%; height:100px; }
#top .logo			{ position:absolute; left:0; top:13px; width:335px; height:74px; /*background:url(images/logo-company.png) no-repeat;*/ padding: 5px 0 0 5px; }
#top .choose		{ float:right; padding:17px 0 0 20px; }
#top .choose span	{ display:block; padding-bottom:5px; color:#fff; }
#top .choose select	{ width:120px; }

#top-menu			{ border-collapse:collapse; width:960px; background:url(images/top-menu.gif) repeat-x; margin:0 auto; }
#top-menu td		{ padding:0; width:13%; text-align:center; height:35px; }
#top-menu td:hover, #top-menu td.s	{ background:url(images/top-menu-s.png) no-repeat; }
#top-menu td:hover a	{ background:url(images/top-menu-s-2.gif) 100% 0 no-repeat; }
#top-menu td.sep	{ padding:0; width:0; height:35px; font-size:0; background:none; }
#top-menu a			{ color:#fff; font-weight:bold; display:block; width:100%; padding:9px 0 10px 0; text-decoration:none; font-size:14px; }
#top-menu a.s		{ background:url(images/top-menu-s-2.gif) 100% 0 no-repeat; color:#fff; }
#top-menu td.ls		{ width:0; padding-left:2px; background:url(images/top-menu-ls.gif) no-repeat; }
#top-menu td.rs		{ width:0; padding-left:2px; background:url(images/top-menu-rs.gif) no-repeat; }

#nav				{ list-style-type:none; padding:0; margin:0; }
#nav li				{ padding:0; margin:0; }
#nav li a			{ font-size:12px; }
#nav li a.s			{ font-weight:bold; }

#mid, #mid-inner	{ width:960px; overflow:auto; background:#fff url(images/mid.gif) repeat-y; border-bottom:1px solid #E6E6E6; }
#mid-inner			{ background:#fff url(images/mid-inner.gif) repeat-y; }

#ads				{ width:960px; margin:0 auto; background:#fff; border-bottom:1px solid #E6E6E6;}

.main-menu, .head	{ font-size:18px; color:#3B6086; padding:21px 0 5px 10px; }
.head				{ padding:11px 0 11px 15px; }

#side-1				{ float:left; width:639px; padding:0 0 50px 11px; }
#mid-inner #side-1	{ width:250px; padding-left:0; }

.list				{ overflow:auto; margin-top:15px; }
.list.top			{ margin-top:0; }
.list .name			{ width:auto; height:30px; border:1px solid #A0AFC2; border-top:1px solid #4F5762; background:url(images/list-name.gif) 0 100% repeat-x; }
.list .name			{ font-weight:bold; font-size:12px; line-height:28px; color:#3B6086; text-align:center; }
.list .item			{ float:left; width:25%; padding:10px 0 5px 0; min-height:28px; overflow:hidden; }
.list .item a		{ display:block; margin:0 0 0 0px; text-decoration: none; }
.list .item a span	{  }
.list .item a:hover span	{ text-decoration: underline; }
.list .item a img	{ float: left; padding:5px; }
.list .sep			{ float:left; width:100%; font-size:0; height:0; }

.list .item.icon-0	{ background:url(images/icon-0.png) 15px 8px no-repeat; }
.list .item.icon-1	{ background:url(images/icon-1.png) 15px 8px no-repeat; }
.list .item.icon-2	{ background:url(images/icon-2.png) 15px 8px no-repeat; }
.list .item.icon-3	{ background:url(images/icon-3.png) 15px 8px no-repeat; }
.list .item.icon-4	{ background:url(images/icon-4.png) 15px 8px no-repeat; }
.list .item.icon-5	{ background:url(images/icon-5.png) 15px 8px no-repeat; }
.list .item.icon-6	{ background:url(images/icon-6.png) 15px 8px no-repeat; }
.list .item.icon-7	{ background:url(images/icon-7.png) 15px 8px no-repeat; }
.list .item.icon-8	{ background:url(images/icon-8.png) 15px 8px no-repeat; }
.list .item.icon-9	{ background:url(images/icon-9.png) 15px 8px no-repeat; }
.list .item.icon-10	{ background:url(images/icon-10.png) 15px 8px no-repeat; }
.list .item.icon-11	{ background:url(images/icon-11.png) 15px 8px no-repeat; }
.list .item.icon-12	{ background:url(images/icon-12.png) 15px 8px no-repeat; }
.list .item.icon-13	{ background:url(images/icon-13.png) 15px 8px no-repeat; }
.list .item.icon-14	{ background:url(images/icon-14.png) 15px 8px no-repeat; }
.list .item.icon-15	{ background:url(images/icon-15.png) 15px 8px no-repeat; }
.list .item.icon-16	{ background:url(images/icon-16.png) 15px 8px no-repeat; }
.list .item.icon-17	{ background:url(images/icon-17.png) 15px 8px no-repeat; }
.list .item.icon-18	{ background:url(images/icon-18.png) 15px 8px no-repeat; }
.list .item.icon-19	{ background:url(images/icon-19.png) 15px 8px no-repeat; }
.list .item.icon-20	{ background:url(images/icon-20.png) 15px 8px no-repeat; }
.list .item.icon-21	{ background:url(images/icon-21.png) 15px 8px no-repeat; }
.list .item.icon-22	{ background:url(images/icon-22.png) 15px 8px no-repeat; }
.list .item.icon-23	{ background:url(images/icon-23.png) 15px 8px no-repeat; }
.list .item.icon-24	{ background:url(images/icon-24.png) 15px 8px no-repeat; }
.list .item.icon-25	{ background:url(images/icon-25.png) 15px 8px no-repeat; }
.list .item.icon-26	{ background:url(images/icon-26.png) 15px 8px no-repeat; }
.list .item.icon-27	{ background:url(images/icon-27.png) 15px 8px no-repeat; }
.list .item.icon-28	{ background:url(images/icon-28.png) 15px 8px no-repeat; }
.list .item.icon-29	{ background:url(images/icon-29.png) 15px 8px no-repeat; }
.list .item.icon-30	{ background:url(images/icon-30.png) 15px 8px no-repeat; }
.list .item.icon-31	{ background:url(images/icon-31.png) 15px 8px no-repeat; }
.list .item.icon-32	{ background:url(images/icon-32.png) 15px 8px no-repeat; }
.list .item.icon-33	{ background:url(images/icon-33.png) 15px 8px no-repeat; }
.list .item.icon-34	{ background:url(images/icon-34.png) 15px 8px no-repeat; }
.list .item.icon-35	{ background:url(images/icon-35.png) 15px 8px no-repeat; }
.list .item.icon-36	{ background:url(images/icon-36.png) 15px 8px no-repeat; }
.list .item.icon-37	{ background:url(images/icon-37.png) 15px 8px no-repeat; }
.list .item.icon-38	{ background:url(images/icon-38.png) 15px 8px no-repeat; }

#nav-left			{ list-style-type:none; padding:0; margin:0; }
#nav-left li		{ padding:13px 0 13px 45px; margin:0; font-weight:bold; font-size:14px; }
#nav-left li.sub	{ padding:4px 0 4px 45px; font-weight:normal; font-size:11px; }
#nav-left a			{ color:#3B6086; }
#nav-left a:hover, #nav-left a.s	{ color:#000; }
#nav-left a.s		{ font-weight:bold; }
#nav-left a.s:hover	{ text-decoration:none; }

#nav-left li.icon-0	{ background:url(images/icon-small-0.png) 15px center no-repeat; }
#nav-left li.icon-1	{ background:url(images/icon-small-1.png) 15px center no-repeat; }
#nav-left li.icon-2	{ background:url(images/icon-small-2.png) 15px center no-repeat; }
#nav-left li.icon-3	{ background:url(images/icon-small-3.png) 15px center no-repeat; }
#nav-left li.icon-4	{ background:url(images/icon-small-4.png) 15px center no-repeat; }
#nav-left li.icon-5	{ background:url(images/icon-small-5.png) 15px center no-repeat; }
#nav-left li.icon-6	{ background:url(images/icon-small-6.png) 15px center no-repeat; }
#nav-left li.icon-7	{ background:url(images/icon-small-7.png) 15px center no-repeat; }

ul.nav-left         { list-style-type:none; padding:0; margin:10px 15px; }
ul.nav-left li      { padding: 0; margin:0; font-weight:bold; font-size:14px; }
ul.nav-left li a    { padding: 8px 0 0 30px; display: block; height: 21px; background-repeat: no-repeat; background-position: left center ;}
ul.nav-left li ul   { list-style-type:none; padding:0; margin:8px 0 8px 28px; }
ul.nav-left li ul li a { padding: 2px; height: auto; font-weight:normal; font-size:11px;}
ul.nav-left a       { color:#3B6086; }
ul.nav-left li.active > a { color: #000}


ul.nav-left li a.icon-0	{ background-image:url(images/icon-small-0.png); }
ul.nav-left li a.icon-1	{ background-image:url(images/icon-small-1.png); }
ul.nav-left li a.icon-2	{ background-image:url(images/icon-small-2.png); }
ul.nav-left li a.icon-3	{ background-image:url(images/icon-small-3.png); }
ul.nav-left li a.icon-4	{ background-image:url(images/icon-small-4.png); }
ul.nav-left li a.icon-5	{ background-image:url(images/icon-small-5.png); }
ul.nav-left li a.icon-6	{ background-image:url(images/icon-small-6.png); }
ul.nav-left li a.icon-7	{ background-image:url(images/icon-small-7.png); }

#side-2				{ float:left; width:309px; padding:0; }
#mid-inner #side-2	{ width:710px; }

#side-2	.block:last-child {border-bottom:10px solid #fff;}
.block				{ width:auto; padding:0 10px; border-top:10px solid #fff; }
.block table		{ border-collapse:collapse; width:100%; margin-bottom:10px; }
.block td			{ padding:7px 0 5px 15px; font-size:12px; color:#2A2A2A; }
.block td.color		{ padding-right:15px; color:#747474; }
.block span.active		{ background:url(images/active.gif) 0 center no-repeat; display:block; height:16px; padding:0 0 0 21px; color:#2DAA15; font-weight:bold; }
.block span.active.not	{ background:url(images/inactive.gif) 0 center no-repeat; color:#D65021; height:16px; }

.cont				{ width:auto; padding:0 20px; overflow:auto;}
.cont h1			{ font-size:18px; color:#3B6086; background:url(images/h1.gif) 0 10px repeat-x; margin:15px 0 20px 0; }
.cont h1 span		{ background:#fff; padding-right:10px; }
.cont h2			{ font-size:14px; color:#3B6086; background:url(images/h1.gif) 0 7px repeat-x; margin:0 0 15px 0; padding:0; }
.cont h2 span		{ background:#fff; padding:0 10px 0 0; margin:0; }
.cont h2.head em	{ display:none; }
.cont h3			{ color:#3B6086; font-size:12px; font-weight:bold; padding-left:10px; margin-bottom:10px; }
.cont h4			{ font-size:13px; font-weight:bold; color:#3B6086; }
.cont table			{ border-collapse:collapse; margin-bottom:15px; width:auto; }
.cont a				{ color:#0066CC; text-decoration:underline; }
.cont a:hover		{ color:#4A95E0; }
.cont input			{ /* padding:0 10px; */ }
.cont p, .cont td, .cont li, .cont div	{ font-size:11px; }
.cont p				{ padding-left:10px; margin-bottom:10px; line-height:20px; }
.cont ul			{ padding:0 0 0 20px; margin:0 0 10px 0; list-style-type:none; }
.cont li			{ padding:0 0 0 10px; line-height:20px; margin:0; background:url(images/square.gif) 0 center no-repeat; }
.cont input[type=text],
.cont input[type=password],
.cont textarea,
.cont select		{ background:#fff; border:1px solid #7F9DB9; font-size:11px; padding:1px 5px 2px 5px; }
.cont select		{ padding:0; }
.cont .block		{ padding:0; margin:0;  border-top:0; }

.cont-wrap			{ margin-left:10px; }

table.type-1 td					{ padding:4px 10px 5px 10px; }
table.type-1 tr.color td		{ background:#E9F3FE; }
table.type-1 tr.bot td			{ text-align:right; padding-right: 0px;}

table.type-2 td				{ padding:0 10px 0 10px; }

table.type-3,table.type-4   { border: #AFD5FE solid 1px; }
table.type-3 td				{ padding:3px 20px 3px 20px; background:#E9F3FE; }
table.type-3 tr.top td, table.type-3 tr:first-child td		{ padding-top:19px; }
table.type-3 tr.bot td, table.type-3 tr:last-child td		{ text-align:right; padding-bottom:19px; }
table.type-3 td input[type=text], table.type-3 td input[type=password], table.type-3 td textarea    	{ width:180px; }
table.type-3 td input[type=submit]    	{ float:right; }
table.type-3 td label.required:after    	{ content: ' *'; color:red;}

table.type-4 td				{ padding:3px 20px 3px 20px; background:#E9F3FE; }
table.type-4 tr.top td		{ padding-top:15px; }
table.type-4 tr.bot td		{ text-align:right; padding-bottom:19px; }
table.type-4 td input[type=text], table.type-4 td input[type=password],
table.type-4 td input.txt	{ width:100px; }
table.type-4 td input.generate,
table.type-4 td select		{ width:140px; }

td.password					{ text-align:center; color:#636363; }
td.password div				{ background:#fff url(images/password.gif) 1px 1px no-repeat; border:1px solid #7F9DB9; height:7px; font-size:0; padding:1px; margin-bottom:5px; }

table.type-5					{ border:1px solid #D3D3D3; width:100%; }
table.type-5 td					{ padding:7px 20px 8px 20px; border-top:1px solid #D3D3D3; text-align:center;}
table.type-5 td.right       	{ text-align:right;}
table.type-5 tr.head td			{ background:#F0F0F0; color:#3B6086; text-align:center; padding:7px 5px 8px 5px; }
table.type-5 tr.color td		{ background:#E9F3FE; }
table.type-5 tr.bot td			{ text-align:right; }
table.type-5 tr.bot td input	{ /*margin-right:-10px;*/ }

.cont .per-page				{ padding-left:0; margin-bottom:20px; }
.cont .per-page select		{ vertical-align:middle; margin-right:20px; }

.cont .host			{ border:1px solid #D5D5D5; position:relative; background:url(images/host.gif) 22px 39px no-repeat; margin-top:2px; margin-bottom:15px; }
.cont .host span	{ position:absolute; background:#fff; padding:0 5px; top:-6px; left:17px; }
.cont .host div		{ padding:27px 0 27px 65px; }

table.type-6					{ width:100%; }
table.type-6 td					{ padding:4px 20px 5px 20px; background:#F5F5F5; line-height:20px; }
table.type-6 tr.top td			{ padding-top:15px; }
table.type-6 tr.bot td			{ padding-bottom:14px; }

table.type-7 td					{ padding:102px 30px 20px 30px; }
table.type-7 input				{ width:123px; }
table.type-7 td.style-x1			{ background:url(images/style-1.png) center top no-repeat; }
table.type-7 td.style-x2			{ background:url(images/style-2.png) center top no-repeat; }
table.type-7 td.style-x3			{ background:url(images/style-3.png) center top no-repeat; }
table.type-7 td.style-xx			{ background:url(images/style-3.png) center top no-repeat; }

#foot						{ width:100%; text-align:center; }
#bef-cop					{ width:920px; margin:0 auto; padding:17px 20px 17px 20px; font-size:12px; color:#fff; }


#youhosting-paginator {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#youhosting-paginator ul,
#youhosting-paginator ul li{
    margin: 0;
    padding: 0;
}

#youhosting-paginator ul li{
    display: inline;
    background: none;
}

#youhosting-paginator a:link, #youhosting-paginator a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:10px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

#youhosting-paginator a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;
}

#youhosting-paginator ul li.active a {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:10px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

div.cont .block.ssh_cli {
    margin-bottom: 10px;
    overflow: hidden;
}

div.ssh_cli textarea {
    width: 655px;
}

div.ssh_cli textarea,
div.ssh_cli #command,
div.ssh_cli div.dark,
div.ssh_cli #cwd {
    font-size: 14px;
    font-family: courier;
    background-color: #000;
    color: #fff;
    margin: 0;
    padding: 2px 0 2px 5px;
    border: 0;
}

div.ssh_cli div.dark {
    border-top: 1px solid white;
    display: block;
    overflow: hidden;
    height: 21px;
}

#cwd {
    height:20px;
    text-align:right;
    white-space: nowrap;
}

#cwd,
div.ssh_cli #command {
    display: block;
    float: left;
    width: 48%;
}

div.ssh_cli_comm {
    padding: 10px;
    margin-top: 10px;
}

button.clear_cli,
button.comm {
    width: 100px;
    margin: 2px;
}

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#E6F0FC; cursor: wait;}

/* Container */
#simplemodal-container, #loading-mask .loader { background-color:#fff; border:6px solid #29465F; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#loading-mask
{
    position:absolute;
    color:#d85909;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    opacity:0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    z-index:500;
}

.loader {
    background: url(images/progress-bar.gif) no-repeat center center;
}

#loading-mask .loader
{
    position:fixed;
    top:45%;
    left:50%;
    width:150px;
    height:50px;
    margin:-25px 0 0 -75px;
    padding:15px 60px;
    font-weight:bold;
    text-align:center;
    z-index:1000;
}

.error h3, .info h3, .success h3 {
    color:#FFFFFF;
    margin:0;
    padding:0 0 3px;
    font-size:1.8em;
    line-height:1.7em;
}
.error p, .info p, .success p {
    line-height:18px !important;
    margin:0 0 10px !important;
    padding:0 !important;
}
.error, .info, .success  {
    color:#FFFFFF !important;
    margin:10px 0 10px !important;
    padding:15px 90px 5px 20px !important;
}

.error {
    -moz-background-clip:border !important;
    -moz-background-inline-policy:continuous !important;
    -moz-background-origin:padding !important;
    background:#E25F53 url(images/red_alert.png) no-repeat scroll right bottom !important;
}
.info {
    -moz-background-clip:border !important;
    -moz-background-inline-policy:continuous !important;
    -moz-background-origin:padding !important;
    background:#7FB3DF url(images/blue_alert.png) no-repeat scroll right bottom !important;
}
.success {
    -moz-background-clip:border !important;
    -moz-background-inline-policy:continuous !important;
    -moz-background-origin:padding !important;
    background:#A0BE5A url(images/green_alert.png) no-repeat scroll right bottom !important;
}

#progress_bars {
    margin: 10px 20px;
}

/* Payment gateways */

.pg-Custom,
.pg-PayPalEmail,
.pg-TwoCheckout {
    background-repeat: no-repeat;
    width: 135px;
    height: 70px;
    display: inline-block;
    background-position: center center;
    text-indent: -999em;
    border: 1px solid #ccc;
}
.pg-PayPalEmail { background-image: url(images/gateways/PayPalEmail.png); }
.pg-TwoCheckout { background-image: url(images/gateways/TwoCheckout.png); }
.pg-Custom { background-image: url(images/gateways/Custom.png); }