/** @file dashboard.css */

/* Dashboard
 * ========================================================================== */	
	#col1 { float:  left; width: 570px; position: relative; }
	#col2 { float: right; width: 310px; }

/* Dashboard - Projects (left side)
 * -------------------------------------------------------------------------- */
	.dashProjectList {
		}
	.dashProjectList div.projectListExplinationContainer { padding: 0 50px 0 0; }
	.dashProjectList h2 			{ color: #666; font-size: 1.3em; font-weight: normal; }
	.dashProjectList h2 a:link 		{ color: #333; text-decoration: none; }
	.dashProjectList h2 a:visited 	{ color: #333; text-decoration: none; }
	.dashProjectList h2 a:hover 	{ color: #D28E00; text-decoration: none; }
	.dashProjectList p 				{ margin: 0 0 5px 0; }
	.dashProjectList a.goToPM 		{ float: right; font-size: 0.8em; }
	
	.project {
		width: 544px;
		background-color: #f7f7f7;
		padding: 5px;
		border: 1px solid #CCCCCC;
		margin-bottom: 5px;
		margin-top: 10px;
		overflow: hidden;
		position: relative;
		}
	.project span.projectName 				{ font-weight: bold; }
	.project div.projectHead 				{ clear: both; }
	.project div.projectHead:hover 			{ background: #fdfbc0; }
	.project div.projectHead p 				{ float: right; clear: both; }
	.project div.projectHead p.description 	{ color: #666; font-size: 0.8em; float: left; }
	.project div.projectHead .projectName 	{ color: #666; font-size: 1em; }
	.project div.sceneList 					{ }
	.project div.sceneList div.scene {
		border: #ccc solid 1px;
		background:#fff;
		color: #666;
		display: inline;
		font-size: 0.8em;
		margin-top: 10px;
		margin-left: 13px;
		overflow: hidden;
		padding: 5px;
		text-align: center;
		float: left;
		width: 150px; height: 135px;
		}
	.project div.sceneList div.scene:hover 			{ border: #ccc solid 1px; background: #fdfbc0; }
	.project div.sceneList div.projectDescription 	{ color: #666; font-size: 0.8em; float: left; width: 80%; }
	.project div.sceneList div.clientInfo 			{ color: #666; font-size: 0.8em; float: left; }
	.project div.sceneList div.projectMoreDetails 	{ clear: right; display: inline; float: right; font-size: 0.8em; }
	.project div.sceneList div.projectMoreScenes 	{ clear:  both; float: right; font-size: 0.8em; }

/* Dashboard - Column Two Styling (widgets)
 * -------------------------------------------------------------------------- */
 
 	#dashboard .message {
		background: #FFFDA3;
		border: 2px solid #D8C741;
		color: #7F7527; 
		margin: 0 0 10px 10px;
		padding: 5px;
		width: 555px; 
 		}	
 	#dashboard .message p {
 		margin: .2em;
 		}
 	#dashboard .message .hide {
		float: right;
		font-size: .8em;
 		}	
 
	#dashboard .widget {
		background: #FFF;
		border: #CCC solid 2px;
		color: #666;
		display: inline-block;
		padding: 5px;
		position: relative;
		text-align: left;
		}
	#dashboard #col1 .widget {
		margin: 0 0 10px 10px;
		width: 555px;
		}
	#dashboard #col2 .widget {
		margin: 0 10px 10px 0;
		width: 286px;
		}
	
	#dashboard .goButton { margin: 0 0 1em; }
		
	.widget hr 				{ border: none; border-top: 1px dotted #ccc; clear: both; margin: 10px 0; }
	.widget p.description 	{ font-size: 0.75em; margin-bottom: 5px; }
	
	.widget h2 				{ color: #666666; font-size: 1.3em; font-weight: normal; }
	.widget h2 a:link 		{ color: #333333; text-decoration: none; }
	.widget h2 a:visited 	{ color: #333333; text-decoration: none; }
	.widget h2 a:hover 		{ color: #D28E00; text-decoration: none; }
	
	.widget ul 			{ list-style: none; margin: 0; padding: 0; }
	.widget li 			{ background: #f7f7f7; margin-bottom: 2px; padding: 2px; } 
	.widget li a		{ font-size: 0.8em; } 
	.widget li.message 	{ font-size: 0.8em; }
	
	/* Product Sugestions */
	.widget .productSubmissionTextContainer { text-align: justify; width: 70%; }
	.widget .productSubissionDashImage 		{ position: absolute; top: -10px; left: 220px; }
	
	
	/* TODO: confirm this is necessary */
	#col2 div.error { float: left; margin-left: 10px; margin-bottom: 10px; }
	
	
	#dashboard .accountTypeSelectionTable 		{ font-size: 10pt; }
	#dashboard .accountTypeSelectionTable h4,
	#dashboard .accountTypeSelectionTable h3	{ font-size: 11pt; font-weight: normal; }
	#dashboard .accountTypeSelectionTable .full { display: none; }
	#dashboard .accountTypeSelectionTable img 	{ height: 15px; width: 15px; }