/* global.css  */

	html { margin: 0; padding: 0; }
	body {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 auto; padding: 0px;
		text-align: center;
		}
	
	p  		{ margin :0 0  1em 0; padding: 0; line-height: 1.3em; }
	h1 		{ margin: 0 0 .7em 0; padding: 0; }
	form 	{ margin: 0; padding: 0; }
	ul 		{ margin: 0 0  1em 0; padding: 0; }

/* Links
 * -------------------------------------------------------------------------- */
	a 			{ color: #333333; text-decoration: underline; }
	a:hover 	{ color: #D28E00; }
	a img 		{ border: 0; } 
/* 	a:visited 	{ color: #333; }
	a:active 	{ color: #666; } */

/* Clear + Float 
 * -------------------------------------------------------------------------- */
	.floatLeft 		{ float:  left; margin-bottom: 10px; margin-right: 7px; }
	.floatRight 	{ float: right; margin-bottom: 10px; }
	.fixClear, 
	.clearFix 		{ clear: both; }

	.leftColumn 	{ float:  left; width: 48%; }
	.rightColumn 	{ float: right; width: 48%; }
	
	/* generic container (i.e. div) for floating buttons */
	.clear 			{ float: right; margin: 0; overflow: hidden; }

/* Headings 
 * -------------------------------------------------------------------------- */
	h1, h2, h3, h4 { margin: 0; padding: 0; color: #fff; }
	h1 { font-size: 2.5em; text-align: left; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.5em; line-height: 1.5em; color: #FF924F; }
	h4 { font-size: 1.1em; line-height: 1.2em; text-align: justify; }
	h5 { font-size: 0.8em; }

/* Rule
 * -------------------------------------------------------------------------- */
	hr { border-top: 1px solid #fff; border-bottom: none; height: 1px; margin: 0; }


/* Button Styling
 * ========================================================================== */
	 a.button {
		background: transparent url('../images/showroom/button_right_04.png') no-repeat scroll top right;
		color: #333;
		color: #fff;
		display: block;
		float: left;
		font: normal 12px arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		height: 35px;
		margin-right: 6px;
		padding-right: 18px; /* sliding doors padding */
		text-decoration: none;
		}
	a.button:hover { color: #000; }
	a.button span {
		background: transparent url('../images/showroom/button_left_04.png') no-repeat;
		display: block;
		line-height: 25px;
		padding: 5px 0 5px 18px;
		} 


/* Status Messages (ERROR / SUCCESS)
 * ========================================================================== */ 
	.success,
	.warning, 
	.error,
	.loginError { 
		background-position: 5px 5px;
		background-repeat: no-repeat;
		clear: both;
		font-size: 0.8em;
		margin-top: 10px; margin-bottom: 10px;
		padding: 20px 10px 20px 65px;
		}
		
 	.loginErrorHeader {
		background: #fff;
		color: #f00;
		font-size: 1em;
		font-weight: bold;
		float: right;
		margin: 5px; padding: 2px;
		}
	.loginError {
		color: #f00;
		font-size: 0.7em;
		font-weight: bold;
		}
	.success {
		background-color: #E8FACD;
		background-image: url(../images/check.png);
		border: 1px solid green;
		color: green;
		}
	.success h1 { color: green; }
	
	.warning {
		background-color: #FAFFBF;
		background-image: url(../images/caution.png);
		border: 1px solid #C4A000;
		color: #C4A000;
		}
	.warning h1 { color: #C4A000; }
	
	.loginError, 
	.error {
		background-color: #FAE8CD;
		background-image: url(../images/error.png);
		border: 1px solid #CC3300;
		color: #CC3300;
		}

	p.alert {
		background: url(../images/icons/alertIcon.png) 0 0 no-repeat;
		padding: 0 0 0 40px;
		margin: 20px 0;
		}
	p.question {
		background: url(../images/icons/questionIcon.png) 0 0 no-repeat;
		padding: 0 0 0 40px;
		margin: 20px 0;
		}

/* Go Button and Go Button Text Link styling 
 * -------------------------------------------------------------------------- */
	.goButton { float: right; position: relative; margin-left: 10px; z-index: 2; }
	
	/* See All text styling beside small GO button */
	.goButtonTextLink 			{ color: #ccc; font-size: 1.4em; margin-bottom: 0; }
	.goButtonTextLink a 		{ color: #333; text-decoration: none; }
	.goButtonTextLink a:hover 	{ color: #D28E00; }

/* Basic structuring
 * -------------------------------------------------------------------------- */

	/* half split and full width page for information pages */
	#fullWidth {
		margin: 10px;
		min-height: 285px;
		overflow: auto;
		padding: 0;
		text-align: left;
		}
	#fullWidth img 		{ display: inline; float: right; margin-left: 10px; padding: 0; }
	.fullWidthMargin 	{ padding-top: 50px; }
	.halfSplit 			{ float: left; margin: 0 0 0 10px; width: 435px; }


/* Top Container 
 * ========================================================================== */
	.topContainer,
	#topContainer {
		margin: 10px;
		overflow-x: hidden;
		overflow-y: auto;
		}

	/* Page Explanation */
	.pageExplanation { color: #fff; text-align: justify; }

/* Bread Crumbs
 * -------------------------------------------------------------------------- */
	.breadCrumb {
		font-family: verdana;
		font-size: 10px;
		margin: 0px; padding: 0px;
		text-align: right;
		}


/* Lower Content
 * ========================================================================== */
	.lowerContent {
		padding: 10px;
		background: #fff;
		margin: 10px;
		overflow: auto;
		width: 95.5%;
		}
	.lowerContent p 			{ color: #333333; } 
	.lowerContent label 		{ color: #666666; font-size: 0.8em; }
	.lowerContent h1 			{ color: #cccccc; margin: 0 0 5px 0; padding: 0; }
	.lowerContent h2 			{ color: #FF924F; margin: 0 0 5px 0; padding: 0; }
	.lowerContent h3 			{ color: #FF924F; margin: 0 0 5px 0; padding: 0; }
	.lowerContent h3 a 			{ color: #FF924F; text-decoration: none; }
	.lowerContent h3 a:hover 	{ color: #000000; }
	.lowerContent h4 			{ color: #666666; margin: 0; padding: 0; font-size: 1.0em; }
	.lowerContent hr {
		border: none;
		border-top: 1px dotted #ccc;
		clear: both;
		margin: 30px 10px;
		}
	.lowerContent fieldset 					{ border: none; }
	.lowerContent div.goLinksContainer 		{ display: inline; float: right; margin: 0; }
	.lowerContent div.goLinksContainer h4, 
	.lowerContent div.goLinksContainer img 	{ float: right; margin: 0 5px 0 0; }
	.lowerContent div.goLinksContainer a 	{ text-decoration: none; }
	
	.lowerContentSection 		{ overflow: hidden; }
	.lowerContentSection h2 a 	{ color: #FF924F; text-decoration: none; }
	.lowerContentImage 			{ display: inline; float: right; margin: 0 0 5px 10px; }
	
	.lowerContent.border { border: 2px solid #ccc; }


/* Footer
 * ========================================================================== */
	#footer {
		background-image: url(../images/greenBg.jpg);
		background-repeat: repeat-x;
		color: #fff;
		display: inline-block;
		font-size: 0.7em;
		line-height: 20px;
		text-align: center;
		width: 900px; height: 20px;
		}
	#footer a:link 		{ color: #fff; text-decoration: underline; }
	#footer a:visited 	{ color: #fff; position: relative; }
	#footer a:hover 	{ color: #333; }
	#footer a:active 	{ color: #666; }
	.footerTextCenter 	{ position: relative; z-index: 2; }



/* Generic Styles
 * ========================================================================== */

/* Search Box 
 * -------------------------------------------------------------------------- */
	.searchBox 	{ margin-bottom: 1em; }
	.searchGo 	{ position: relative; top: 10px; left: 10px; }


/* Text Styles
 * -------------------------------------------------------------------------- */
	.textWhite {
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		text-align: left;	
		}
	.textGrey {
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		text-align: justify;
		}
	.textLink 			{ font-size: 0.8em; text-decoration: underline; }
	.bold 				{ font-weight: bold; }
	.boldCenterLarge 	{ color: #666; font-size: 0.9em; font-weight: bold; text-align: center; }
	.uberSmall 			{ color: #666; font-size: 0.6em; } 			/* Uber small text for little shtuff */
	.headingBlack 		{ font-size: 1em; font-weight: bold; } 		/* bold text styling for list head items */

/* unordered list styling with 3Dream round bullet
 * -------------------------------------------------------------------------- */
	.keyList {
		list-style-image: url(../images/bullet.gif);
		list-style-position: outside;
		marker-offset: none;
		font-size: .8em;
		color: #666666;
		padding-left: 20px;
		line-height: 1.1em;
		}
	.keyList li 	{ margin-bottom: 1em; }
	.keyList li a p { text-decoration: underline; }
	
	/* For ul that is used for links */
	.linkList {
		color: #666666;
		list-style-image: url(../images/bullet.gif);
		list-style-position: outside;
		font-size: .8em;
		margin: 0; padding-left: 2em;
		}


/* Note (used above most form)
 * -------------------------------------------------------------------------- */
	.note 		{ clear: both; color: #666; float: right; font-size: 0.8em; }
	.note em 	{ position: relative; top: 6px; }
	em 			{ color: orange; font: bold normal 1.4em; }
	.required 	{ color: orange; }


/* Tabs
 * -------------------------------------------------------------------------- */
	.tabsContainer { }
	.tabsContainer .tabs {
		border-bottom: 1px solid gray;
		font: bold 12px Verdana;
		list-style-type: none;
		margin: 0; padding: 3px 0 3px 6px;
		text-align: left;
		}
	.tabsContainer .tabs li { display: inline; height: 2em; margin: 0; }
	.tabsContainer .tabs li a {
		border: 1px solid gray;
		border-bottom: none;
		background-color: #f6f6f6;
		color: #666;
		margin-right: 3px; padding: 3px 7px;
		text-decoration: none;
		}
	.tabsContainer .tabs li a:hover 	{ background-color: #FC3; color: black; }
	.tabsContainer .tabs li a:active 	{ color: black; }
	.tabsContainer .tabs li.selected a 	{
		background-color: #FFF;
		color: black;
		position: relative;
		top: 1px;
		padding-top: 4px;
		}
		
/* Login 
 * ========================================================================== */
  	.headerBtn { margin: 0 .5em; }
  	
	#loginForm label {
		color: #666;
		display: block;
		float: left;
		font-weight: bold;
		text-align: right;
		width: 140px;
		}
	#loginForm span.small 			{ color: #999; display: block; font-size: 0.6em; }
	#loginForm span.small a:hover 	{ color: #FC0; }
	#loginForm label 				{ position: relative; top: 4px; }
	#loginForm input.checkbox 		{ float: left; margin: 5px 0 20px 10px; padding: 0; }
	#loginForm input.text {
		border: solid 1px #aacfe4;
		float: left;
		font-size:0.8em;
		margin: 2px 0 20px 10px; padding: 4px 2px;
		width:220px;
		}

/* General Styles with non-Generics Names (something should be done about that)
 * ========================================================================== */

/* Global Grey Box Type Styling - Used in post login
 * -------------------------------------------------------------------------- */
	#projectsContainer { 
		width: 866px;
		background: #FFFFFF;
		border: #CCCCCC solid 2px;
		margin:0 10px 0 10px;
		padding: 5px;
		font-size: 0.8em;
		color: #666666;
		text-align: left;
		overflow: auto;
		}
	
	.projectInfo {
		background: #f7f7f7;
		border: #CCCCCC solid 2px;
		margin-bottom: 5px;
		padding: 5px;
		clear: both;
		overflow: auto;
		}
	.projectInfo h3 { color: #666; font-size: 1.3em; }
	.projectInfo .launch {
		float: left;
		height: 200px;
		margin-left: 10px;
		vertical-align: text-bottom;
		}
	
	.projectInfo .detailsContainer 			{ float:  left; position: relative; }
	.projectInfo .detailsContainerDetails 	{ float: right; position: relative; }
	
	.projectInfo table 					{ border-collapse: collapse; text-align: left; width: 675px; }
	.projectInfo table h3 				{ color: #666; font-size: 1.3em; }
	.projectInfo table tr.description 	{ height: 4em; }
	.projectInfo table td.label 		{ text-align: right; padding: 5px; width: 90px; }
	.projectInfo table.projectManager 	{ border-collapse: collapse; text-align: left; width: 300px; }
	
	.projectInfo .scene {
		border: #CCC solid 1px;
		background:#FFF;
		color: #666;
		display: inline;
		float: left;
		font-size: 0.8em;
		margin-top: 10px; margin-left: 13px; padding: 5px;
		overflow: hidden;
		text-align: center;
		width: 150px; height:150px;
		}
	.projectInfo .projectDescription { color:#666; font-size: 0.8em; float:left; width: 80%; }

/* My Account stuff
 * -------------------------------------------------------------------------- */
	.myAccountOption {
		background: #FFF;
		border: #CCC 2px solid;
		clear: both;
		font-size: 0.8em;
		line-height: 50px;
		margin-bottom: 10px;
		overflow: hidden;
		width: 876px; height: 50px;
		}
	.myAccountOption h3 	{ margin: 0; padding: 0; line-height: 50px; }
	.myAccountOption img 	{ float:  left; margin-left: 20px; } 
	.myAccountOption a 		{ float:  left; margin-left: 20px; }
	.myAccountOption p 		{ float: right; margin-right: 10px; color: #666; }
	
/* Form Styles 
 * ========================================================================== */
 
	input:focus, 
	textarea:focus { background-color: #f7e9d7; }

	.createScene .left 	{ float:  left; clear: left; }
	.createScene .right { float: right; margin: 0 20px 0 0; }
	.createScene label {
		clear: left;
		display: block;
		float: left;
		text-align: right;
		width: 140px;
		}
	.createScene input, 
	.createScene textarea, 
	.createScene select {
		border: solid 1px #aacfe4;
		clear: right;
		float: left;
		margin: 2px 0 20px 10px; padding: 4px 2px;
		}
	.createScene input 				{ width: 220px; }
	.createScene input.date 		{ width: 120px; }
	.createScene img 				{ float: left; width: 25px; }
	.createScene textarea 			{ width: 80%; }
	.createScene .fieldDescription 	{ color: #999; display: block; font-size: 0.8em; }