/* ---------------------------------------------- */
/* Basic Global Settings ------------------------ */
/* ---------------------------------------------- */
body {background:#81A123; color:#fff; float:left; font:normal normal 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; min-width:90em; width:100%;}
* {margin:0; padding:0; border:none; list-style:none;}

/* ---------------------------------------------- */
/* Structural Elements -------------------------- */
/* ---------------------------------------------- */
.frame {margin:0 auto; width:80em;}
.fullModule {float:left; width:100%;}
.leftModule {float:left; width:49%;}
.rightModule {float:right; width:49%;}
.centerModule {clear:both; margin:0 auto; width:75%;}
.clear {clear:both; display:block; height:0px; width:100%;}

/* ---------------------------------------------- */
/* General Page Styling ------------------------- */
/* ---------------------------------------------- */
h1 {font-size:2em; font-weight:normal; letter-spacing:0.1em; line-height:1.4em; margin:1em 0 0.5em 0; }
h2 {font-size:2em; font-weight:normal; letter-spacing:0.1em; margin:0.5em 0;}
h3 {font-size:1.5em; letter-spacing:0.1em; margin:0.5em 0}

p {line-height:1.6em; margin:0.5em 0;}
p.large {font-size:1.7em; letter-spacing:0.1em;}
p.normal {font-size:1.4em; letter-spacing:0.1em;}
p.mid {font-size:1.2em; letter-spacing:0.1em;}
p.small {font-size:1.1em; letter-spacing:0.1em;}
p.center {text-align:center;}

ul.normal {font-size:1.4em; letter-spacing:0.1em; line-height:1.3em; padding-left:1.5em;}
ul.normal li {margin:0 0 0.5em 0; list-style:square outside none;}
ul.horizontal li, ul.horizontal a {float:left;}

a:link, a:visited {color:#6F8A1E; text-decoration:none;}
a:hover {color:#81A123;}

span.amp {display:inline; font-weight:normal; font-family:"American Typewriter", "Arial", "Calibiri", sans-serif;}

.blue {color:#1D9FE8;}
.blue.background {background:#1D9FE8; color:#fff;}
.orange {color:#BF4B25;}
.orange.background {background:#BF4B25; color:#fff;}
.green {color:#9C3;}
.green.background {background:#81A123; border-top:0.1em solid #AC3; border-left:0.1em solid #AC3; color:#fff;}
.button.green.background:hover {background:#6F8A1E; border-color:#9C3; border-bottom:none; border-right:none;}
.red {color:#d00;}
.red.background {background:#d00; color:#fff;}
.button {padding:0.1em 0.4em 0.2em 0.3em; text-shadow:#333 -0.1em -0.1em 0.1em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.button:hover {text-shadow:none;}

fieldset {background:url(images/a20.png); border:0.2em solid #333; clear:both; float:left; margin:0 0 2em 0; padding:0.5em 1em; width:77.8em; -webkit-border-radius:1em; -moz-border-radius:1em;}
* html fieldset {background:#111; border:none; width:78em;} /* IE 6 */
	fieldset legend {color:#BF4B25; font-size:1.9em;}

form {margin:0 0 2em 0;}
	form label, form input, form select, form textarea {font-size:1.4em;}
	form p {clear:left; float:left; margin:0 0 1em 0; width:100%;}
	form p.small {color:#aaa; font-size:1.3em; line-height:1.2em; text-align:justify;}
	form div.indented {clear:left; padding:0 0 0 10em;}
	form ul.errors {margin:0 0 1em 0;}
	form ul.errors li {color:#d00; font-size:1.4em; letter-spacing:0.2em; line-height:150%; text-align:center;}
	form label {float:left; margin:0 0.3em 0 0; padding:0.3em 0 0 0; text-align:right; width:9em;}
	form label.xWide {width:13em;}
	form label.autoWidth {width:auto;}
	form input.text, form textarea, form select {background:#fff; color:#444; padding:0.3em; width:20em; -webkit-border-radius:0.5em; -moz-border-radius:0.5em;}
	form input.text, form select {font-weight:bold;}
	form textarea {font-family:inherit; width:37em;}
	form input.radio {vertical-align:-50%;}
	form input.tickBox {float:left;}
	form input.submit {background:#81A132; border-top:0.1em solid #AC3; border-left:0.1em solid #AC3; color:#fff; letter-spacing:1px; padding:0.2em 0.4em 0.3em 0.3em; text-shadow:#333 -0.1em -0.1em 0.1em; -webkit-border-radius:0.5em; -moz-border-radius:0.5em;}
	form input.submit:hover {background:#6F8A1E; text-shadow:none;}
	form input.submit.no {background:#A22A00;}
	form input.submit.no:hover {background:#8D2400;}

table {background:url(images/a20.png); text-align:center; -webkit-border-radius:1em; -moz-border-radius:1em;}
* html table {background:none;} /* IE 6 */
	table.normal th, table.normal td {font-size:1.3em; padding:0.6em;}
	table.normal th.small, table.normal td.small {font-size:1.2em; line-height:150%;}
	table.large th, table.large td {font-size:1.5em; padding:0.6em;}
	table.bordered {border:0.2em solid #333; letter-spacing:1px; margin-bottom:3em; margin-top:3em;}
	table.plain {background:none;}
	table.plain tr td, table.plain tr th {border-bottom:0.1em solid #333;}
	table.plain tr:last-child td, table.plain tr:last-child th {border-bottom:none;}
	th {color:#1D9FE8;}
	td {letter-spacing:0.1em;}
	tr.border {background:url(images/a20.png);}
	* html tr.border {background:#333;} /* IE 6 */
	tr.tall th, table tr.tall td {border-bottom:0.2em solid #333;}
	th.left, td.left {text-align:left;}
	th.justify, td.justify {text-align:justify;}
	th.right, td.right {text-align:right;}
	th.top, td.top {vertical-align:top;}
	table a {font-weight:bold; letter-spacing:0;}

/* ---------------------------------------------- */
/* Header Area Styling -------------------------- */
/* ---------------------------------------------- */
#head {background:#0897e7 url(/images/radialgradsky.jpg) no-repeat 50% bottom;}
	#cloudset_one {background:url(/images/cloudset1.gif) repeat-x 40% top;}
	#cloudset_two {background:url(/images/cloudset2.gif) repeat-x 60% 50%;}
	#cloudset_three {background:url(/images/cloudset3.gif) repeat-x right bottom;}
	#logo {background:url(/images/logo.png) no-repeat left 50%; height:12em;}
		#logo * {display:none;}
		
#toolbar {background:#222; border-top:none; float:left; padding:0 0.5em; width:79em; -moz-border-radius-bottomleft:0.7em; -webkit-border-bottom-left-radius:0.7em; -moz-border-radius-bottomright:0.7em; -webkit-border-bottom-right-radius:0.7em;}
	#toolbarLogin {float:left; margin:0; padding:0.5em 0 0 0; width:50%;}
	#toolbarLogin p {font-size:1.1em; margin:0;}
	#toolbarLogin input.text {float:left; font-size:1.1em; margin:0 0.5em 0 0; padding:0.2em 0.3em; width:10em;}
	#toolbarLogin input.submit {float:left; font-size:1.1em; font-weight:bold; margin:0; padding:0.2em 0.5em;}
	* html #toolbarLogin input.submit {line-height:1em;}
	
	#toolbarControls {float:left; font-size:1.3em; font-weight:bold;}
	#toolbarControls a {padding:0.5em;}
	#toolbarControls img {vertical-align:middle; margin:0 0.3em 0 0;}
	
	#navigation {float:right; font-size:1.3em; font-weight:bold;}
	#navigation a {padding:0.5em 0.5em 0.6em 0.5em;}
	#navigation a.active, #navigation a:hover {background:#6F8A1E; color:#fff; text-shadow:#333 -0.1em -0.1em 0.1em;}
	
/* ---------------------------------------------- */
/* Content Area Styling ------------------------- */
/* ---------------------------------------------- */
#radial  {background:url(/images/radialgrad.jpg) no-repeat 50% top; border:none; float:left; width:100%;}

#content {background:#222 url(/images/contentgrad.jpg) repeat-x left top; border-top:0.1em solid #ccc; border-bottom:2px solid #fff; padding:0 0 67px 0;}	
	#mainBanner h1 {color:#C0ED34; text-align:center;}
	#mainBanner span.amp {vertical-align:middle;}
	
#pricing {margin:3em 0;}
	#pricing table {float:left; width:60em;}
	#pricing .handsup {float:left; height:4.1em; margin:-3em 0 0 -3em; position:relative; z-index:1; width:5.3em;}

#confusedPricing {background:url(/images/a20.png); float:right; width:17em; padding:0 1em 1em 1em; -webkit-border-radius:1em; -moz-border-radius:1em;} /*CSS 3*/
* html #confusedPricing {background:none;} /* IE 6 */
	#confusedPricing .confused {float:right; height:5em; margin:-2.5em -3.5em 0 0; position:relative; z-index:1; width:5.4em;}

#features {margin:2em 0;}
	#features ul {background:url(/images/a20.png); -webkit-border-radius:1em; -moz-border-radius:1em;} /*CSS 3*/
	* html #features ul {background:none; border:0.2em solid #333;} /* IE 6 */
	#features ul li {background:url(/images/tick.gif) no-repeat 98% 50%; font-size:1.2em; letter-spacing:0.1em; padding:0.7em 0.8em; zoom:1;}
	#features ul li span {background:url(/images/tick.gif) no-repeat 98% 50%; display:block; padding:0.7em 0.8em;}
	#features ul li.highlight {background:url(/images/a20.png); padding:0;}
	* html #features ul li.highlight {background:#333;}
	
#balanceDisplay{}
	#balanceDisplay div.leftModule {border-right:0.1em solid #333; margin-left:-0.1em; width:30%;}
	#balanceDisplay div.rightModule {width:70%;}
	#balanceDisplay em.balance {font-size:3em; font-family:Georgia, Times, Serif; font-style:normal;}
	
#serverControl {}
	.controlTable td, .controlTable th {width:17%;}
	.controlTable th.right {text-align:center;}
	.controlTable .wide {width:20%;}
	.controlTable select {font-size:1em; width:100%;}
	
#dialog {background:#000; border:0.2em solid #999; display:none; left:19%; padding:1%; position:absolute; top:25%; width:60%; z-index:1; -moz-border-radius:0.7em; -webkit-border-radius:0.7em;}
	#dialog a.close:link, #dialog a.close:visited {float:right; margin:-25px -25px -50px 0; position:relative; z-index:2;}
	
.supportTicket {}
	.ticketDate {color:#999; font-size:0.9em;}
	.supportTicket li {color:#ddd; font-size:1.2em; letter-spacing:0.1em; margin:0 0 1em 0; padding:0.3em 0.5em; text-align:justify; -webkit-border-radius:1em; -moz-border-radius:1em;}
	.supportTicket li.left {background:#000; border:0.2em solid #824C41; float:left; width:50%;}
	.supportTicket li.right {background:#000; border:0.2em solid #7EA158; float:right; width:50%;}
	.supportTicket strong.responder {font-size:1.2em;}
	.supportTicket form {margin:0;}
	.supportTicket textarea {float:left; width:87%;}
	.supportTicket textarea.admin {width:77%;}
	.supportTicket input.submit {float:left; font-weight:normal; margin:0 0 0 1%; padding:0.8em 0; width:10%;}
	.adminSupportTicket:hover {cursor: pointer;}
	
/* ---------------------------------------------- */
/* Footer Area Styling -------------------------- */
/* ---------------------------------------------- */
#footer {background:url(/images/footergrad.gif) repeat-x left top; color:#333;}
	#mountaingreen {background:url(/images/mountaingreen.gif) no-repeat; margin:-67px 0 0 -172px; height:67px; width:172px;}

	#footer a:link, #footer a:visited {color:#ddd; border-bottom:0.1em dotted #fff;}
	#footer a:hover {color:#fff;}
	#footer li a:link, #footer li a:visited {background:url(/images/linkarrow.gif) no-repeat left 80%; border:none; color:#ddd; padding:0 0 0 9px;}
	#footer li a:hover {color:#fff;}

	ul.footer {font:normal bold 1.1em "Lucida Grande"; float:left; padding:0.5em 1em;}
	ul.footer li {padding:0.2em 0;}
	p.footer {background:url(/images/footerlogo.gif) no-repeat right 50%; color:#eee; float:right; font-size:1.1em; letter-spacing:0.1em; line-height:2em; margin:0 -95px 0 0; padding:0.5em 95px 0.5em 1em; text-align:right;}

/* ---------------------------------------------- */
/* Miscellaneous Stling ------------------------- */
/* ---------------------------------------------- */
.error {background:#a22a00; color:#fff; font-size:1.5em; margin:0 auto 10px auto; padding:1em; text-align:center; width:50%; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.selectedPackage {background:#4d291e;}