@import 'singleorderform.css';

select{
	font: 8pt verdana, arial, sans-serif;
	padding: 2px;
}
textarea#ticket{
	width: 90%;
	margin: 0 auto;
}
a, a:link{
	color: #3c7ab7;
	text-decoration: none;
}
a:visited{
	color: #3c7ab7;
}
a:active{
	color: #3c7ab7;
}
a:hover{
	color: #3c7ab7;
	text-decoration: underline;
}
/* STYLE CLASSES */
.clear{
	clear: both;
}
.center{
	text-align: center;
}
p.cntr{
	text-align: center;	
}

.information {
	background: #f8fafc url('images/information.png') center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}
img{
	border: 0;
}
img.homeleft{
	float: left;
	clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
}
span.High{
	background: url('images/clientarea/flag_red.png') left center no-repeat;
	padding-left: 22px;
	padding-bottom: 3px;
}
span.Medium{
	background: url('images/clientarea/flag_yellow.png') left center no-repeat;
	padding-left: 22px;
	padding-bottom: 3px;
}
span.Low{
	background: url('images/clientarea/flag_green.png') left center no-repeat;
	padding-left: 22px;
	padding-bottom: 3px;
}
span.rss{
	background: url('images/clientarea/rss.png') left center no-repeat;
	padding-left: 22px;
}
span.cat{
	background: url('images/clientarea/kbcat.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
}
span.file{
	background: url('images/clientarea/kbart.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
	font-weight: bold;
}
span.bookmark{
	background: url('images/clientarea/bookmark.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
}
span.print{
	background: url('images/clientarea/printer.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
}
span.ticket{
	background: url('images/clientarea/supportticket.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
}
span.invoiceid{
	background: url('images/clientarea/invoice.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
}
span.attach{
	background: url('images/clientarea/attach.png') left center no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 22px;
}
span.affiliates{
	font: 10pt "Courier New", arial, sans-serif;
	text-align: center;
}

#spof{
	text-align: center;
	width: 95%;
	margin: 0 auto;
}
	#spof img.spof{
		border: 1px solid #000;
		background: #e2f0ac;
		padding: 5px;
		text-align: center;
	}
	#spof img.spof:link, img.spof a:visited, img.spof a{
		border: 1px solid #eaeaea;
		background: #e2f0ac;
		padding: 5px;
	}
	#spof img.spof:hover{
		border: 1px solid #000;
		background: #e2f0ac;
		padding: 5px;
	}
div#homepage{
	width: 90%;
	margin: 0 auto;
	padding-top: 25px;
	text-align: center;
}
div#homepage #left{
	float: left;
	width: 45%;
	text-align: left;
}
div#homepage #right{
	float: right;
	width: 45%;
	padding-left: 10px;
	text-align: left;
}
#wrapper h1{
	display: none;
}
#wrapper h2{
	color: #0068aa;
	margin: 0;
	margin-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
#wrapper h3{
	color: #0068aa;
	margin-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper{
	width: 765px;
	height: 100%;
	position: relative;
	text-align: center;
}
	#wrapper #header{
		width: 100%;
		height: 125px;
		text-align: center;
	}
		#wrapper #header a.img, #wrapper #header img{
			border: 0;
		}
	#wrapper #navigation{
		width: 100%;
		border-top: 1px solid #e2f0ac;
		border-bottom: 1px solid #e2f0ac;
	}
		#wrapper #navigation ul{
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
		}
			#wrapper #navigation ul li{
				display: inline;
				padding: 7px 20px 20px 7px;
			}
	#wrapper #content{
	width: 745px;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	}
	#wrapper #content #loggedout{
		width: 90%;
		margin: 0 auto;
	}
		#wrapper #content #loggedout #kb{
			text-align: left;	
		}	
			#wrapper #content #loggedout #kb .kbleft{
				width: 50%;
				float: left;
				padding-left: 10px;
				text-align: left;
			}
			#wrapper #content #loggedout #kb .kbright{
				width: 40%;
				float: right;
				vertical-align: top;
				text-align: left;
			}
		#wrapper #content img.imgright{	
			float: right;
			clear: right;	
		}
		#wrapper #content #bct {
	width: 100%;
	padding: 5px;
	background: #ffffcd;
	border: 1px solid #f4f392;
	text-align: left;
		}
		#wrapper #content .left{
			float: left;
			width: 175px;
			height: 100%;
			background: #d7e7f7;
			position: relative;
		}
			#wrapper #content .left ul{
				list-style: none;
				margin: 0;
				padding: 0;
				border: 1px solid #5f89c5;
			}
				#wrapper #content .left ul li{
					display: block;
					font: normal 8pt arial, verdana, sans-serif;
					border-top: 1px solid #d7e7f7;
					border-bottom: 1px solid #d7e7f7;
				}
					#wrapper #content .left ul li span.home{
						background: url('images/clientarea/home.png') left center no-repeat;
						padding-left: 22px;
					}
					#wrapper #content .left ul li span.details{
						background: url('images/clientarea/details.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.packages{
						background: url('images/clientarea/package.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.services{
						background: url('images/clientarea/services.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.domains{
						background: url('images/clientarea/domains.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.billing{
						background: url('images/clientarea/billing.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.support{
						background: url('images/clientarea/support.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.order{
						background: url('images/clientarea/order.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 2px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li span.messages{
						background: url('images/clientarea/messages.png') left center no-repeat;
						padding-left: 22px;
						padding-top: 4px;
						padding-bottom: 3px;
					}
					#wrapper #content .left ul li a, #wrapper #content .left ul li a:link{
						padding: 7px 10px 10px 7px;
						display: block;
						border-top: 1px solid #d7e7f7;
						border-bottom: 1px solid #d7e7f7;
						background: #d7e7f7;
						color: #000;
					}
					#wrapper #content .left ul li a:hover{
						display: block;
						border-top: 1px solid #4689cf;
						border-bottom: 1px solid #4689cf;
						background: #8ab6e3;
						color: #000;
					}
					#wrapper #content .left ul li a#current{
						display: block;
						font-weight: bold;
						border-top: 1px solid #4689cf;
						border-bottom: 1px solid #4689cf;
						background: #8ab6e3 url('images/clientarea/current.png') left center no-repeat;
						color: #000;
					}
			#wrapper #content .right{
				float: right;
				width: 701px;
				padding-left: 5px;
			}
				#wrapper #content .right #spof{
					text-align: center;
					width: 95%;
					margin: 0 auto;
				}
				#wrapper #content .right #spof img.spof{
						border: 1px solid #000;
						background: #e2f0ac;
						padding: 5px;
						text-align: center;
					}
				#wrapper #content .right #spof img.spof:link, img.spof a{
						border: 1px solid #eaeaea;
						background: #e2f0ac;
						padding: 5px;
					}
				#wrapper #content .right #spof img.spof:hover{
						border: 1px solid #000;
						background: #e2f0ac;
						padding: 5px;
					}
				#wrapper #content .right .hostleft{
					float: left;
					width: 40%;
					text-align: left;
				}
				#wrapper #content .right .hostright{
					float: right;
					width: 40%;
					text-align: right;
				}
				#wrapper #content .right .domain{
					width: 85%;
					padding: 10px;
					margin: 0 auto;
					text-align: center;
				}
	#wrapper #content .right #info{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #eaeaea;
	background-color: #fff;
	background-image: url(images/clientarea/info-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	}
		#wrapper #content .right #info .txt{
			padding: 10px;
			text-align: left;
		}
	#wrapper #content .right #details{
		width: 95%;
		margin: 0 auto;
		text-align: center;
 		border: 1px solid #eaeaea;
	}	
		#wrapper #content .right #details .address{
			width: 35%;
			height: 100%;
			position: relative;
			float: left;
			text-align: left;
			padding: 10px;
			padding-top: 6px;
		}
		#wrapper #content .right #details .products{
			width: 58%;
			float: right;
			text-align: left;
			padding: 10px;
			padding-top: 0;
			border-left: 1px solid #eaeaea;
		}
		#wrapper #content .right .center{
			text-align: center;
			width: 15%;
			margin: 0 auto;
		}
		#wrapper #content #loggedout .center{
			text-align: center;
			width: 25%;
			margin: 0 auto;
		}
		#wrapper #content .right .buttoncenter{
			width: 50%;
			text-align: center;
			margin: 0 auto;
		}
		#wrapper #content .right #kb{
			width: 100%;
			margin: 0 auto;
			text-align: left;
		}	
			#wrapper #content .right #kb .kbleft{
				width: 50%;
				float: left;
				padding-left: 10px;
				text-align: left;
			}
			#wrapper #content .right #kb .kbright{
				width: 40%;
				float: right;
				vertical-align: top;
				text-align: left;
			}
		#wrapper #content .right span.views{
			color: #dddddd;
		}
 /* TABLES */
table#areahome{
	width: 100%;
	margin: 0;
	padding-top: 2px;
	border: 0;
}
	table#areahome tr td{
		padding: 2px;
		border-left: 1px solid #eaeaea;
	}
	table#areahome tr.odd td{
		background:#f7fbff
	}
table#clientinvoices th.intitle{
	text-align: center;
}
table#clientinfo tr td.kb{
	width: 25%;
}
table#clienthostkey tr td{
	width: 25%;
	border-right: 1px solid #c6c6c6;
}
table#kb{
	width: 95%;
	margin: 0 auto;
	text-align: left;
	border: 0;
}
	table#kb tr td{
		width: 25%;
		border: 0;
	}
/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/* Client Area */

#wrapper table{
	width: 95%;
	margin: 0 auto;
	text-align: center;	
}
	table#noborder{
		border: 0;
	}
	table#login{
		width: 65%;
	}
#wrapper table th{
	color: #000;
	font: bold 8pt verdana, arial, sans-serif;	
	text-align: center;
	padding: 6px 6px 6px 6px;
	background: #eaeaea url('images/th-bg.gif');	
}

#wrapper table {	
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align: left;
}
#wrapper .frame table {
	border-left: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
}
#wrapper .frame table th {
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}
#wrapper .frame table tr td {
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}
table#upgradesummary td.fieldupgrade{	
	width: 50%;
	background: #f0f7fe;
	color: #333;
	text-align: right;
}
#wrapper table td.tdleft{
	text-align: left;
}
#wrapper table td.tdcenter{
	text-align: center;
}
#wrapper table tr.trdomain td{
	width: 20%;
}
table#clientinvoices tr td, table#supportticketlist tr td{
	text-align: center;
}
#wrapper table tr td.fieldarea{
	width: 150px;
	background: #f0f7fe;
	color: #333;
	text-align: right;
}
#wrapper table tr td.subject{
	text-align: left;
}
#wrapper table tr td.High{
	background: #ff9999;
	color: #333;
	text-align: left;
}
#wrapper table tr td.Medium{
	background: #ffffcc;
	color: #333;
	text-align: left;
}
#wrapper table tr td.Low{
	background: #e1ffc1;
	color: #333;
	text-align: left;
}
#wrapper table tr td#supportticketlistrow{
	text-align: center;
}
#wrapper table tr td#clientarealistactive {
	background: #e1ffc1;
	color: #333;
	text-align: center;
}
#wrapper table tr td#clientarealistpending {
	background: #e6f6fe;
	color: #333;
	text-align: center;
}
#wrapper table tr td#clientarealistsuspended {
	background: #ffffcc;
	color: #333;
	text-align: center;
}
#wrapper table tr td#clientarealistterminated {
	background: #ff9999;
	color: #333;
	text-align: center;
}
#wrapper #hometbl {
	border: 1px solid #FFFFFF;
}
#wrapper #hometbl td {
	border: 1px solid #FFFFFF;
}
#wrapper #hometbl1 {
	border: 1px solid #FFFFFF;
}
#wrapper #hometbl1 td {
	border: 1px solid #FFFFFF;
}
#wrapper #clienttbl {
	width: 100%;
	margin-top: 15px;
}
#hostingtbl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
#hostingtbl th {
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}
#hostingtbl .subtitle {
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#hostingtbl td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
}

#wrapper table .clientareatableheading {
	font-weight: bold;
	color: #3c7ab7;	
}
#wrapper table .clientareatableheading td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3c7ab7;
}
.topborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3c7ab7;
}