/* Container */

#container {
width: 100%;
background-repeat: repeat-x;
background-color: #FFF;
display: block;
}

/* Header and Menu */

#header2 {
width: 980px;
height: 132px;
margin: auto;
}

#menu {
list-style: none;
padding: 0px;
float: right;
width: 650px;
display: inline;
margin-top: 50px;
}

#menu li{
display: inline;
}

#menu a{
color: #FFF;
display: inline;
float: left;
margin: 5px;
padding: 10px 0px 10px 0px;
border-bottom: 0px;
width: 75px;
text-align: center;
display: block;
}


#menu a:hover{
color: #FFF;
display: inline;
float: left;
margin: 5px;
padding: 10px 0px 10px 0px;
border-bottom: 0px;
width: 75px;
text-align: center;
display: block;
}

#footer {
width: 800px;
margin: auto;
padding: 10px;
}


#footer ul {
float: right;
width: 300px;
list-style: none;
display: inline;
}

#footer li{
display: inline;
}


#footer li a{
display: inline;
float: left;
margin: 0px 10px 0px 10px;
}


.hidden { display: none; }
.unhidden { display: block; }

h1 {font-size: 18px;}
h2 {font-size: 14px;}

.sfont2{font-size: 11px; color: #666666;}

/****** NEW CODE ******/
body{background-color: #f8f8f8; margin:0; padding:0; color: #333333; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 12px;}

#topbar {background-color: #000000; height: 5px; width: 100%;}
.page-wrapper  {width: 940px; margin: auto;}
.header {padding: 40px 0px 40px 0px;}
.logo {float: left; width: 150px;}
.tnav {float: right; width: 790px;}
	.tnav ul {list-style: none; margin-left: 115px; text-align: right;}
	.tnav li {float: left; font-size: 14px; padding-left: 20px;}
		.tnav li a{color: #333; font-weight: bold; text-decoration: none;}
		.tnav li a:hover{color: #666; text-decoration: none;}
		.tnav li span a{background: transparent url(images/order-button.png) top left no-repeat; color: #fa7103; height: 28px; width: 80px; display: block; padding: 8px 0px 0px 22px; text-align: left; margin-top: -8px;}
		.tnav li span a:hover{background: transparent url(images/order-button.png) bottom left no-repeat; color: #cc3300; height: 28px; width: 80px;}
.clear {clear: both;}

.content_container{background: #ffffff url(images/right-column-bg.png) top right repeat-y; border:2px solid #e5e5e5; margin-bottom: 20px; text-align:left; width: 940px;}

/***** LEFT COLUMN *****/
.left-column {float: left; width: 731px; padding: 10px;}
.breadcrumb {background-color:#dae7f1; color: #739ab9; padding:10px;}
	.breadcrumb a{color: #5b85a5; text-decoration: underline;}
	.breadcrumb a:hover{color: #1f4461; text-decoration: none;}

.title_bar {margin-top: 30px; margin-bottom: 20px; padding: 5px; background-color: #e5e5e5; font-weight: bold;}


.clientticketreplyheader{background-color:#dae7f1; color:#333; border-bottom: solid 1px #5b85a5;}
.clientticketreply{background-color:#f8f8f8; margin:0 0 10px;padding:10px;}
.adminticketreplyheader{background-color: #bdddc0; color:#333; border-bottom: solid 1px #0c7215;}
.adminticketreply{background-color:#f8f8f8;padding:10px;margin:0 0 10px;}
	
/***** RIGHT COLUMN *****/
.right-column {float: right; width: 186px;}

.welcome-box {background: #0c7215 url(images/welcome-bg.png) bottom left repeat-x; padding: 10px 10px 10px 10px}
.welcome-box-content {background-color: #0c7215; font-size: 12px; color: #fff;}
	.welcome-box-content a{color: #fff; text-decoration: underline;}
	.welcome-box-content a:hover{color: #fff; text-decoration: none;}
	.welcome-box-content span a{color: #33cc00; font-size: 10px; font-family: arial; text-decoration: none;}
	.welcome-box-content span a:hover{color: #ffffff; font-size: 10px; font-family: arial; text-decoration: none;}
.welcome-box-arrow {margin-top: -2px; margin-left: 10px; background: transparent url(images/green-down-arrow.png) top left no-repeat; height: 14px; width: 14px;}

#details {background-color: #c6ebc9; border: 1px solid #045b0c; padding: 5px; color: #012b04; margin: 20px 0px 20px 0px; font-size: 12px; font-weight: normal;}

#navdetails {padding: 0px 0px 0px 5px; font-size: 11px; color: #ccc;}
	#navdetails ul{list-style: none; margin: 0px;}
	#navdetails ul li{color: #ccc; font-weight: normal; padding: 2px 0px 0px 0px; margin: 5px 0px 0px 5px;}
	#navdetails ul li a{color: #ccc; font-weight: normal; text-decoration: none;}
	#navdetails ul li a:hover{color: #ccc; font-weight: normal; text-decoration: underline;}

#navdomains {padding: 0px 0px 0px 5px; font-size: 11px; color: #ccc;}
	#navdomains ul{list-style: none; margin: 0px;}
	#navdomains ul li{color: #ccc; font-weight: normal; padding: 2px 0px 0px 0px; margin: 5px 0px 0px 5px;}
	#navdomains ul li a{color: #ccc; font-weight: normal; text-decoration: none;}
	#navdomains ul li a:hover{color: #ccc; font-weight: normal; text-decoration: underline;}

.client-menu {margin: 0px 0px 0px 0px;}
	.client-menu ul {padding-left: 10px; padding-top: 0px; margin: 0px 0px 20px; list-style: none;}
	.client-menu li {color: #ffffff; padding-top: 10px;}
	.client-menu li a{color: #ffffff; text-decoration: none;}
	.client-menu li a:hover{text-decoration: underline;}

.top-white-side {background: transparent url(images/top-white-side.png) top left no-repeat; padding-top: 20px;}
.middle-white-side {background: transparent url(images/mid-white-side.png) top left repeat-y; padding: 0px 30px 0px 10px;}
	.middle-white-side span {font-size: 18px; font-weight: bold;}
	.middle-white-side span a{font-size: 18px; font-weight: bold; text-decoration: none;}
	.middle-white-side span a:hover{font-size: 18px; font-weight: bold; text-decoration: underline;}
.bottom-white-side {background: transparent url(images/bottom-white-side.png) top left no-repeat; margin-bottom: 10px; padding-top: 29px;}

img {border: 0px;}

a{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}

.green{color:#006F0F;}

.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}

.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
form{margin:0;padding:0;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#333;font-family: "Trebuchet MS", Arial, Sans-Serif; font-size:12px;margin:0;padding:5px; border: 1px solid #ccc;}
input:focus, select:focus, textarea:focus{border: solid 1px #5b85a5;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{margin-top: 30px; margin-bottom: 20px; padding: 5px; background-color: #e5e5e5; font-weight: bold;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

/* ========================= Top of Website and Navigation ========================= */

#top_bg {
float: left;
width: 100%;
background: url("https://hostingscene.com/images/top_bg.png") repeat-x;
height: 33px;
}

#top {
width: 980px;
margin: 0 auto;
height: 33px;
text-align: right;
list-style: none;
}

#top li {
display: inline;
list-style: none;
text-transform: uppercase;
}

#top a {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #9a9a9a;
text-decoration: none;
}

#top a:hover {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #c9c9c9;
text-decoration: underline;
}


#chat {
width: 200px;
margin: 0 auto;
height: 33px;
float: left;
text-align: left;
list-style: none;
color: #9a9a9a;
}

#chat li {
display: inline;
list-style: none;
text-transform: uppercase;
color: #9a9a9a;
}

#chat a {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #9a9a9a;
text-decoration: none;
}

#chat a:hover {
font: normal 10px/30px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #c9c9c9;
text-decoration: underline;
}

/* ========================= Banner Background and Banner ========================= */

#banner_bg {
width: 100%;
float: left;
height: 242px;
background: url("https://hostingscene.com/images/banner_bg.png") repeat-x;
}

#banner {
width: 980px;
height: 242px;
background: url("https://hostingscene.com/images/banner.png") no-repeat;
margin: 0 auto;
}

#hostpage_title_bg {
float: left;
width: 100%;
height: 100px;
background: url("https://hostingscene.com/images/hostingbar_bg.png") repeat-x;
border-bottom: 10px solid #FFFFFF;
}

#hostpage_title {
margin: 0 auto;
width: 980px;
height: 75px;
padding: 10px 0 0 0;
}

#hostpage_title h1 {
font: bold 28px/26px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #c0c0c0;
}

#hostpage_title h2 {
font: normal 14px/24px "Lucida Sans Unicode", Arial, "Trebuchet MS";
color: #4d4d4d;
}