﻿/* Layout */
#container { margin: 0 auto; width: 840px; }
#content   { margin: 0 auto; float: left; clear: both; }
#content-members { float: left; clear: both; margin : 0px 0px 0px 1px; width: 840px; border-left: 1px solid #f0e9eb; border-right: 1px solid #f0e9eb; border-bottom: 1px solid #f0e9eb; }
#left-column  { width: 165px; float: left;  margin:  5px 5px 5px 2px; }
#right-column { width: 660px; float: right; padding: 5px 2px 5px 5px; }
#fullwidth { float: left; clear:both; width:100%; margin: 5px 0px 5px 0px }

/* Global Settings */
body { font: 12px Arial, Verdana, Helvetica, Sans-Serif, Geneva, Lucida; color: #2a3845; margin: 0; padding: 0; background: #FFFFFF; }
p { margin-bottom: 5px; margin-top: 2px; padding: 0; float:none; }
p.uline {	border-bottom: dotted 1px #b6c1c5;	padding-bottom: 10px; }

img { border: 0px; }
fieldset { margin: 10px 10px 10px 10px }

a:visited, a:link { color: #003399; text-decoration: none; background: none; }
a:hover { color: #003399; text-decoration: none; background: none; }
a img   { border: none; margin: 0px; padding: 0px; display: inline; vertical-align: middle; }

h1 { font-size: 1.0em; font-weight: bold; color: black; padding-bottom: 5px; margin: 5px 0px 10px 0px; border-bottom: 1px solid #efece7; }	
h2 { font-size: 1.0em; font-weight: bold; color: black; margin: 5px 0px 10px 0px; padding-bottom: 5px; border-bottom: 1px solid #efece7; }
h3 { color: #7a2e40; margin: 10px 0; padding-bottom: 10px; font : bold 14px; border-bottom: 1px solid #efece7; }
ul { padding: 0; margin:0px 0px 0px 0px; }

/* Site layout */
div.row { width: 100%; clear: both; }

.sidebar { width : 218px; margin: 0 auto; padding: 10px 25px; background: url(images/shadow.jpg) no-repeat top; }
.crd a:visited, .crd a:link, .crd a:hover { text-decoration : none;color : #2a3845;cursor: text; }

.box { background: #f7f7f7; border: 1px solid #f0e9eb; padding: 15px; margin: 0px 0px 0px 0px; }
.box ul { font-weight: bold; list-style-image: url( images/list_icon.gif); margin-left: 25px; margin-top: 15px; text-align: left; color: Black; }
.line  { width: 100%; float: left; clear: both; height: 10px; background-image: url(images/line_dotted.gif); background-repeat: no-repeat; }
.bline { height: 4px; background-color: #6699CC; overflow: hidden; margin: 5px 0px 5px 0px; }
.inline { display: inline; float: left; }

.lfwcol { float: left; width: 610px; margin-right: 15px; overflow: hidden; padding: 0 5px; margin-bottom: 15px; margin-top: 5px; height: 130px; }
.lmcol  { float: left; width: 610px; margin-right: 15px; overflow: hidden; padding: 0 5px; margin-bottom: 15px; margin-top: 5px; }
.rmcol { float: right; width: 180px; height: 140px; overflow: hidden; display: block; margin-bottom: 5px; margin-top: 5px;}
.rmcol a img { height: 100px; width: 180px; display:block; margin-top: 25px; }

.error { float: none; color: Red; margin: 5px 5px 0px 5px; line-height: 30px; }

.lc_body { float: none; clear: both; margin: 0; padding: 0; border: solid 1px #b6c1c5; background-repeat: no-repeat; width: 165px; overflow: hidden; }
.lc_body p, .lc_body h1, .lc_body h2, .lc_body h3 {	padding: 5px 8px; }
.lc_body h2 { width: 148px;	display:block; line-height: 18px; font-weight: bold; font-size: 1em; text-decoration: none;	text-transform:  none; color: #444; }
.lc_body img { margin-bottom: 5px;  }

.img { background-repeat: no-repeat; padding: 0; margin: 0; }
.note {	font-size: 0.9em; font-style: italic; color: Navy; }
.note-red {	margin: 5px 0px 5px 0px; color: crimson; font-weight: bold; display: block; }
.red { color: crimson; font-weight: bold; float: left; padding-top: 10px; padding-left: 5px; }
.alert { background: #fff0d3; color: #6c5322; border: solid 1px #fdc250; padding: 15px; text-align: center; font-size: 130%; }
.alert a {	text-decoration: underline;	color: #000000; }

.testimonialquote {	font: 11px Trebuchet MS; background: #f0f0f0 top left url('images/StartQuote.gif') no-repeat; padding:10px; color: #557f97; line-height: 18px; }
.testimonialendquote {	background: top left url('images/EndQuote.gif') no-repeat;	font: 11px Verdana;	padding: 14px 0 0 65px;	color:#414c51; }

blockquote { display: block; padding: 0 60px; width: 350px; }
blockquote:before, blockquote:after { color: #69c; display: block; font-size: 400%; width: 50px; }
blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; }
blockquote:after { content: close-quote; height: 50px; margin-top: -70px; margin-left: 360px; }


.float { float: left; }
.left  { float: left; width: 40%; }
.right { float: right; width: 60%; }
.center { width: 100%; text-align: center; padding: 0; margin: 0; float:left; clear: both; }
.center p { text-align: center; }
.hbrd {	background-image: url(images/hldotted.gif);	background-repeat: repeat-x; padding: 0px; height: 1px;	margin-top: 15px; }
.bull {	list-style-position: inside; list-style-type: square; 	padding-left: 15px; padding-bottom: 5px; }

/* ssl specific */
#ssloptions  { line-height: 25px; padding-bottom: 45px; padding-top: 5px; margin: 5px 0px 0px 5px; }
#sslcardlogo { margin: 10px 0px 50px 0px; padding-bottom: 25px; }
#ssltrustlogo { margin: 10px 0px 50px 0px; padding-bottom: 25px; }
.sslnote { line-height: 25px; }

#CSRCheckFormBox {	padding-left: 25px; padding-right:0px; padding-top: 10px; float: left; width: auto; }
#CSRCheckFormBox .notes { color: Red; margin: 10px 0px 10px 0px; }
#CSRCheckFormBox  li { color: Red; list-style-position: outside; list-style-type: square;	padding-left: 15px; }
#CSRCheckFormBox p { width: 95%;}

/* site members */
.login-fld { width: 624px; padding: 10px 5px 10px 5px; border: solid 1px #b6c1c5; padding-left: 10px;  }
.login-fld Legend { text-align: center; margin-left: 5px; margin-right: 5px;}
.login-fld LayoutTemplate { text-align: center; margin-left: 5px; margin-right: 5px;}
.login-fld .row   { margin: 15px 0px 10px 0px; }
.login-fld .label { margin: 0px 0px 0px 0px;}

.services-data-list {  font-size: 0.9em; margin: 10px 0px 125px 0px; }
.services-data-list-header tr { font-size: 0.9em; font-weight: bold; background: white; color: Black; }
.services-data-list-header td { border-bottom: solid 3px Steelblue; }
.services-body { margin: 0px 0px 0px 0px; }
.watermarked { color: gray;	font-style: italic; }

/* AJAX Tab Control */
.ajax__tab_xp { margin: 10px 0px 5px 0px; width: 100%; }

/* Order Form */
.orderpbox			{ float: none; width: 99%; overflow: hidden; border: solid 1px #b6c1c5; background-repeat: no-repeat; margin-bottom: 5px; margin-top: 5px; padding: 10px 5px 10px 5px; }
.orderpbox fieldset { padding: 10px 5px 10px 5px; border: solid 1px #b6c1c5; padding-left: 10px; }
.orderpbox fieldset { padding: 10px 5px 10px 5px; border: solid 1px #b6c1c5; padding-left: 10px; }
.orderpbox .row		{ margin: 5px 0px 5px 0px; width: 100%; clear: both; }
.orderpbox .label	{ width: 150px; float: left; text-align: right; margin: 1px 5px 0px 0px; line-height: 20px; }
.orderpbox .formw	{ width: 240px; float: left; text-align: left;  margin: 5px 0px 0px 0px; line-height: 20px; }
.orderpbox .receipt	{ width: 98%; float: none; text-align: left;  margin: 10px 5px 0px 10px; line-height: 20px; }
.orderpbox .button	{ width: 45%; float: left ; text-align: right; margin: 15px 5px 10px 0px; line-height: 20px; }
.order-fld { width: 725px; padding: 5px 5px 15px 5px; border: solid 1px #b6c1c5; padding-left: 5px;  }

.accept-policy { margin: 10px 0px 10px 0px; table-layout: auto; font-size: 11px; float: left; }
 
/* Payment form */
#PaymentTrustLogo {	position: static; text-align: center; margin: 1px 1px 1px 45px;	padding: 5px 0px 5px 0px; width: 85%; border-top: solid 1px #b6c1c5; border-bottom: solid 1px #b6c1c5; }
#PaymentOrderTotals { float: none; margin: 15px 32px 5px 480px; text-align:right;  padding: 5px 5px 5px 0px;  }
#PaymentReceiptFooter {  border-top: solid 1px #b6c1c5; margin: 25px 5px 5px 5px; text-align:left;  border-bottom: solid 1px #b6c1c5; }

/* Managed Dedicated Page */
h1.managed { font-size: 1.4em; }
h2.managed { font-size: 1.2em; margin: 15px 0px 5px 0px; }
h3.managed { font-size: 1.0em; margin: 15px 0px 5px 0px; color: #000; }
p.managed { margin: 0px 0px 25px 0px; }
img.managed { float: left; margin: 0px 12px 0px 0px; }
ul.managed { list-style-image: url( images/greencheck.gif); margin: 10px 0px 15px 15px; margin-top: 15px; text-align: left; font-size: 1.0em; font-weight: bold; }
.managed .testimonialquote { font-weight: bold; display:block; }

/* Advanced Services Page */
ul.advanced { list-style-image: url( images/greencheck.gif); margin: 10px 0px 15px 15px; text-align: left; font-size: 1.0em; font-weight: normal; }
li.advanced { margin: 10px 0px 15px 15px; }

/* Datacenter */
ul.datacenter { list-style-image: url( images/bluecheck.gif); margin: 10px 0px 15px 125px; text-align: left; font-size: 1.1em; font-weight: normal; }