/* CSS Document */

/* General ------------------------------------------------- */
	
	* {
		padding: 0;
		margin: 0;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}
	body {
		background-color: #FFF;
		color: #000;
		line-height: 150%;
		font-size: 13px; 
	}

	.small {
		font-size: .8em;
	}

	
	.caption {
		font-size:.8em;
		margin:5px 0 0 0;
		}
	
	
	a:link, a:visited {
		color: #1341C2;
		text-decoration: none;
	}
	a:hover {
		color: #1341C2;
		text-decoration: underline;
	}
	body.pro a:link, body.pro a:visited {
		color: #A8843B;
	}
	body.pro a:hover {
		color: #A8843B;
		text-decoration: underline;
	}
	a:focus {
		-moz-outline: 0;
	}
	
	body.coverSheet .pageTitle {
		display: none;
	}

	
	
	body.coverSheet .topBGCover {
	}
	.topBGCover {
	}
	
	
	body, #header, .topBGCover, #mainContent  {
		width: 800px;
	}
	p {
		margin: 1em 0px;
	}
	
	ul, ol {
		margin: 1em 0px;
		padding-left: 40px;
	}
	
	/* Header */
	h2, h2 a:link, h2 a:visited, 
	h3, h3 a:link, h3 a:visited {
		color: #EE9600;
		text-shadow: 2px 2px 0px #FFF;
	}
	body.pro h2, body.pro h2 a:link, body.pro h2 a:visited,
		body.pro h3, body.pro h3 a:link, body.pro h3 a:visited,
		body.pro h4,  body.pro h4 a:link,  body.pro h4 a:visited {
		color: #EE9600 !important;
		text-shadow: 2px 2px 0px #000;
		text-decoration: none;
	}
	h2 {
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 .5em 0;
	}	
	h4 {
		font-size: 15px;
		margin: 1em 0 0 0;
	}	
	h5 {
		font-weight: normal;
		font-style: italic;
	}	
	body.pro h4 {
		color: #A8843B;
	}	
	
	body.pro #content h3 {
		text-shadow: 2px 2px 0px #000;
		border-color: #2A261D;
	}	
	#content h3 {
		font-size: 15px;
		color: #EE9600;
		text-shadow: 2px 2px 0px #FFF;
		padding: 0px 0px 2px 0px;
		border-color: #DBD9C5;
		border-width: 0 0 1px 0;
		border-style: solid;
		margin: 10px 0 7px 0;
		text-transform: uppercase;
	}	
	
	
	hr {
		height: 1px;
		background-color: #D0BDA2;
		border-color: #FFF;
		border-width: 0;
		border-style: solid;
		margin: 0 0 1em 0;
	}
	body.gray hr {
		background-color: #CAD8DA;
	}
	body.pro hr {
		background-color: #1E1812;
	}
	a img {
		border-width: 0;
	}


	
/* Site Title ---------------------------------------------- */

	#homeLink a {
		display: none;
	}


/* Tabs ---------------------------------------------------- */

	ul#tabs {
		display: none;
	}
	
	
/* Headers ------------------------------------------------- */

	#header {
		display: none;
	}
	
/* Header Links ------------------------------------------- */
	
	
	a.homepageConnectorLink, a.homepageAcceleratorLink, a.homepageHelpLink {
	
	}

/* Content ------------------------------------------------- */


	body.coverSheet #mainContent {
	}
	#mainContent {
	}	
	
	#content {
	}
	
	#content a {
		text-decoration: underline;
	}
	
	.extendedContent > p:first-child {
		border-color: #D0BDA2;
		border-width: 1px 0 0 0;
		border-style: solid;
		margin-top: 1em;
		padding-top: 1em;
	}

	.table_of_contents {
		display: none;
	}
		
	
/* Sidebar ------------------------------------------ */

	#sidebar {
		display: none;
	}
			
/* Footer ------------------------------------------ */

	#footer {
		display: none;
	}


/* Misc ------------------------------------------ */

	.imgRight {
		float: right;
		margin: 0 0 .5em 1em;
	}
	.imgLeft {
		float: left;
		margin: 0 1em .5em 0;
	}
	
	.imgBorder {
		border-color: #D4C9A4;
		border-width: 1px;
		border-style: solid;
		background-color: #FFF;
		padding: 5px;
	}
	
	
	.demo {
		float: right;
		margin-top: 10px;
		}
	
	.demo img {
		margin: 0 20px 10px;
		}	
	
	.demo a {
		padding: 0 !important; 
		border-bottom: none !important;
		}	
	
	.demo a:hover {
		margin: 0 !important;
		border: none !important; 
		background: none !important; 
		}	
		
	.small {
		font-size: 9px;
	}
	
	.attention {
		background-color: #A9CCD8;
		padding: 1em 2em;
		-moz-border-radius: 0 0 .8em .8em;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: .8em;
		-webkit-border-bottom-right-radius: .8em;
		font-size: .8em;
		margin-top: -6px;
		margin-bottom: 1em;
	}
	.attention h3 {
		border: 0 !important;
		text-shadow: none !important;
		color: #FFF !important;
		font-size: 1.2em !important;
		margin: 1em 0 0 0 !important;
		padding: 0 !important;
	}
	
	.dev-logo {
		float: right;
		margin: 0 0 1em 1em;
	}
	
	.table_of_contents {
		float: right;
		width: 160px;
		background-color: #F1EFDE;
		padding: 45px 1em 1em 2.5em;
		margin-bottom: 1em;
		margin-left: 1em;
		background-image: url(/img/misc/table-of-contents.png);
		background-repeat: no-repeat;
		background-position: 12px 14px;
		-moz-border-radius: .8em .8em .8em .8em;
		-webkit-border-top-left-radius: .8em;
		-webkit-border-top-right-radius: .8em;
		-webkit-border-bottom-left-radius: .8em;
		-webkit-border-bottom-right-radius: .8em;
	}

/* login -----------------------------------------------------------------*/

	.loginForm, .helpDeskForm, .form  {
		background-color: #f7f6f0;
		border-color: #dad2b3 #FFF #FFF #dad2b3;
		border-width: 1px;
		border-style: solid;
		margin: 0 auto 1em 0;
		padding: 1em 2em 1em 2em;
	}
	body.pro .loginForm, body.pro .form {
		background-color: #504738;
		border-color: #302a1f #5b513f #5b513f #302a1f;
	}
	.helpDeskForm label {
		display: block;
	}
	.helpDeskitem {
		margin-bottom: 1em;
	}

	.item label {
		float: left;
		width: 13em;
		text-align: right;
		margin: 0 .5em 0 0;
	}
	.item.buttons {
		margin-left: 8.5em;
	}
	.form {
		width: 500x;
	}
	.form table {
	 	width:100%;
	}
	.form table tr td {
	 	padding: 0 1em 0 0;
	}
	
/* Pretty Forms ------------------------------------*/

	input.textInput, 
	input.textInputLarge, 
	input.textInputSmall, 
	textarea,
	input.mailer-field {
		border-top: 1px solid #7c7c7c;
		border-left: 1px solid #c3c3c3;
		border-right: 1px solid #c3c3c3;
		border-bottom: 1px solid #ddd;
		background-color: #FFF;
		background-image: url(/img/bg/fieldbg.gif);
		background-repeat: repeat-x;
		}
	input.mailer-field {
		width: 100%;
	}
	input.textInput {
		padding: 3px 4px 3px 4px;
		}
	input.textInputLarge {
		font-size: 1.2em;
		line-height: 1.4em;
		padding: 4px 5px;
		}
	input.textInputSmall {
		font-size: 100%;
		line-height: 1.4em;
		}

/* FORMS -----------------------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
fieldset {
	margin: 0;
	padding: 0;
	margin-bottom: 2.5em;
	border: 0;
}

/* Help Desk Stuff */

	div.fieldWithErrors {
		display: inline;
	} /* hack for Rails automated error fields stuff */
	input.full, 
	textarea.full, 
	select.full {
		display: block;
		width: 99%;
		position: static;
	}
	.checkbox label {
		display: inline;
	}
	
	label.required, span.required {
		font-weight: bold;
	}
	label.required:after, span.required:after {
  content: "*";
	}
	label {
		font-size: 90%;
	}
	form .item        { margin-bottom:.5em; }
	span.error        { color:red; }
	#intro {
		padding: 0 1em 0 1em;
		margin-bottom: 1em;
		border: 1px solid #ddd;
		color: black;
	}
	#update textarea  { width:100%;  }



/* FORMS -----------------------------------------------------------------*/

	table#compare {
		font-family: Verdana,Arial,sans-serif;
		font-size: .75em;
		line-height: 1em;
		border-collapse: collapse;
		width: 530px;
	}
	table#compare th {
		text-indent: -3000px;
		height: 0px;
		white-space: nowrap;
	}
	table#compare td {
		height: 5em;
		text-align: center;
		border-color: #322b20;
		border-width: 0 1px 1px 0;
		border-style: solid;
		color: #d7d6d3;
		width: 52px !important;
		vertical-align: middle;
	}
	table#compare  td.firstCol {
		background-color: #282319;
		color: #E4DFCD !important;
		font-size: 1.1em;
		width: 105px !important;
	}	
	tr.joyentRow td.yes {
		background-color: #ee9600 !important;
		border-color: #e58100 !important;
		color: #000 !important;
	}	
	td.yes {
		background-color: #9f5e00 !important;
		border-color: #774600 !important;
		color: #000 !important;
	}	
	tr.joyentRow td {
	}	
	tr.joyentRow td.firstCol {
		background-color: #16120B !important;
	}
	.oddRow {
		background-color: #332d21;
	}
	.compareTHs {
		background-image: url(/img/misc/comparison-chart-header.png);
		width: 530px;
		height: 118px !important;
		background-repeat: no-repeat;
		background-position: 0 0;
		border-right: #383125 !important;
		border-left: #383125;
		border-width: 0 1px 0 1px;
		border-style: solid;
	}
	
/* Buy Buttons ------------------------------------------------ */

	.topSidebar {
		margin: 0 0 1em 0;
	}

	.buyAccelerator {
		background-image: url(/img/accelerator/buyAccelerator.png);
	}
	.getConnected {
		background-image: url(/img/connector/buyConnector.png);
	}
	.buyStrongspace {
		background-image: url(/img/connector/buyStrongspace.png);
	}
	.pickAHostingPlan {
		background-image: url(/img/connector/buyHosting.png);
	}
	.buyBingoDisk {
		background-image: url(/img/connector/buyBingo.png);
	}
	.buyButton {
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 183px;
		height: 35px;
		text-indent: -3000px;
		display: block;
		margin: 0 auto 1em auto;
	}
	.buyButton:hover {
		background-position: 0 -35px;
	}
	.buyButton:active {
		background-position: 0 -70px;
	}
	
	.buyButtonSub {
		font-size: .8em;
		text-align: center;
	}
	
/* Awards --------------------------------------------------------- */

	.award {
		text-indent: -3000px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.office2 {
		background-image: url(/img/misc/awardOffice2.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 177px;
		height: 136px;
	}
	.sse-badge {
		background-image: url(/img/misc/ad-sse.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 177px;
		height: 136px;
	}

/* Sun SE Buttons ----------------------------------------------------------------- */


	.SSEbuttons {
		background-image: url(/img/misc/SSEDownArrows.png);
		background-position-y: top;
		background-position-x: center;
		background-repeat: no-repeat;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-top: 64px;
		}
	
	
/* TABLES --------------------------------------------------------- */	


.cellmid p {
	padding-top: .8em;
	font-size: .8em;
	}

.cell-xl, .cell-s {
	width: 530px;
	margin-bottom: 1em;
	}

.cell-xl table {
	width: 100%;
	line-height: 140%;
	border-top: 1px solid #e0dccf;
	background-color: #F8F5E4;
	border-right: 1px solid #e0dccf;	
}
.cell-s table {
	width: 100%;
	line-height: 110%;
	background-color: #e8e1d5;
	border-color: #090805;
	border-width: 1px;
	border-style: solid;
}

.cell-xl .signup-two-col {
	width: 182px;
	}

.cell-xl .signup-three-col {
	width: 104px;
	}

.cell-xl th, .cell-xl td {
	padding: 7px;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	color: #1d1d1d;
	border-bottom: #E0DCCF;
	border-left: #E0DCCF;
	border-width: 0 0 1px 1px;
	border-style: none none solid solid;
}

.cell-s td.noLeftBorder {
	border-left: #e8e1d5;
}

.cell-s th, .cell-s td {
	padding: 7px;
	text-align: center;
	font-size: .8em;
	color: #1d1d1d;
	border-width: 0 0 1px 1px;
	border-style: none none solid solid;
	border-color: #a69a87;
}

.cell-xl .first {
	width: 200px;
	padding-left: 0px;
	padding-right: 15px;
	text-align: right;
	}	
.cell-s .first {
	padding-right: 15px;
	padding-left: 15px;
	text-align: right;
	font-weight: bold;
}	

.cell-xl .em, .cell-s .em	{
	font-size: .85em;
	}
.cell-s td.em ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cell-s td.em ul li {
	padding: 0 0 1em 0;
}

.cell-xl .exp  {
	font-weight: normal;
	color: #777;
	}	
.cell-s .exp  {
	font-weight: normal;
	color: #777;
	}	

.cell-xl .exp ul {
	margin: 0;
	padding: 0 0 0 2em;
	}	


.cell-xl th strong, .cell-xl td strong {
	display: block;
	margin: 0;
	font-size: 1.3em;
	color: #ffa300 !important;
	}		
.cell-s td strong {
	display: block;
	margin: 0;
	font-size: 1.3em;
	color: #ffa300 !important;
	}		
	
.cell-xl h5 {
	position: relative;
	margin: 0;
	padding-top: 3px;
	text-align: center;
	color: #1d1d1d;
	font: bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}	
.cell-s h5 {
	position: relative;
	margin: 0;
	padding-top: 3px;
	text-align: center;
	color: #1d1d1d;
	font: bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}	

.cell-xl h5 img {
	position: absolute;
	top: -6px !important;
	top: -11px;   /* hack for IE */
	right: -6px !important;
	right: 0;	  /* hack for IE */
	}	

.cell-xl input, .cell-s input {
	font-size: .91em;
	}