/* global.css designed by Steve Hansen 2008 */
/* cross browser margin/padding reset to 0, h1 fix, p tag margin fix */
html{margin:0;padding:0}
body {
	padding: 0px;
	text-align: center;
	margin: 0 auto;
	background: url(../images/pageBg02.jpg);
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}

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;}
a {color:#333333;text-decoration: underline;}
/*a:visited {color:#333;}*/
a:hover {color:#D28E00}
/*a:active {color:#666666}*/
a img {border:0;} 

/*------------------------------------------- 
 Headdings
 ------------------------------------------- */
h1 {
	margin:0;
	padding:0;
	font-size: 2.5em;
	color: #FFFFFF;
	text-align: left;
}
h2 {
	margin:0;
	padding:0;
	font-size: 1.5em;
	color: #FFFFFF;
}
h3 {
	font-size: 1.5em;
	color: #FF924F;
	line-height: 1.5em;
	margin: 0;
}
h4 {
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-size: 1.1em;
	text-align: justify;
	line-height: 1.2em;
}
h5 {
	font-size: .8em;
	color: #FFFFFF;
}
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;
}

/*------------------------------------------- 
 em tag used for asterics (*)
 ------------------------------------------- */
em {
	color: orange;
	font-weight: bold;
	font-style: normal;
	font-size:1.4em;
}
.note em {
	position: relative;
	top: 6px;
}
hr {
	border-top: 1px solid #fff;
	border-bottom: none;
	height: 1px;
	margin: 0;
}

/*------------------------------------------- 
 Page Explanation
 ------------------------------------------- */
.pageExplanation {
	color: #FFFFFF;
	text-align: justify;
}
/*------------------------------------------- 
 Clear Fix
 ------------------------------------------- */
.fixClear, .clearFix {
	clear: both;
}

/*------------------------------------------- 
 Container Div - starts in header ends in footer
 ------------------------------------------- */
.containerShadow {
	width: 920px;
	background: transparent url("../images/ContainerShadow.png") no-repeat 0 0;
	margin: 0 auto 20px;
}
#container {
	width: 900px;
	margin: 0 auto;
	min-height: 80%;
}

/*------------------------------------------- 
 Header Styling - Header
 ------------------------------------------- */
#headerSpacer {
	width: 900px;
	height: 20px;
	margin: 0 auto;
	line-height: normal;
	padding: 0;
}
#headerSpacer .headerShare {
	float: left;
	margin: 2px 0 0 0;
	height: 18px;
}
#headerSpacer p {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	float: right;
	font-weight: bold;
	line-height: 18px;
}
#headerContainer {
	background-image: url(../images/headerBG02.jpg);
	width: 900px;
	height: 100px;
	overflow: hidden;
}
/*------------------------------------------- 
 Login Styling
 ------------------------------------------- */

#floatLeft {
	float: left;
	padding: 10px;
}
/*Revised Login Form Styling*/
#loginForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	color: #666;
}
#loginForm label{
	position:relative;
	top: 4px;
}
#loginForm input.text{
	float:left;
	font-size:0.8em;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:220px;
	margin:2px 0 20px 10px;
}
#loginForm input.checkbox{
	float: left;
	padding: 0;
	margin: 5px 0 20px 10px;

}
#loginForm span.small {
	font-size: 0.6em;
	display: block;
	color: #999;
}
#loginForm span.small a:hover {
	color:#FC0;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
	float: right;
	margin: 0;
}
input:focus, textarea:focus{
background-color: #f7e9d7;
}
/*------------------------------------------- 
 Button Styling
 ------------------------------------------- */
 a.button {
    background: transparent url('../images/showroom/button_right_04.png') no-repeat scroll top right;
    color: #333;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}
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;
} 

/*------------------------------------------- 
 ERROR / SUCCESS - styling for when there is an error and success
 ------------------------------------------- */
.loginErrorHeader {
	font-size: 1em;
	color: #FF0000;
	font-weight: bold;
	float: right;
	padding: 2px;
	margin: 5px;
	background: #fff;;
}

.loginError {
	font-size: 0.7em;
	color: #FF0000;
	font-weight: bold;
}
.success {
	background-color: #E8FACD;
	background-image: url(../images/check.png);
	border: 1px solid green;
	color: green;
}
.success h1 {
	color: green;
}
#mainContainer div.loginError, .error   {
	background-color: #FAE8CD;
	background-image: url(../images/error.png);
	border: 1px solid #CC3300;
	color: #CC3300;
}
.success, .loginError, .error {
	background-position: 10px 10px;
	background-repeat: no-repeat;
	clear: both;
	font-size: 0.8em;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px 10px 20px 60px;
}

/*------------------------------------------- 
 NAV Bar - PUBLIC (pre login)
 ------------------------------------------- */

/*.navBar {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 900px;
	height: 32px;
	background-image: url(../images/navBg.jpg);
	overflow: visible;
}
.navBar li {
	display: inline;
}
.navBar li a {
	background-image: url(../images/navBg.jpg);
	background-repeat: repeat-x;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	color: #666666;
	text-decoration: none;
	line-height: 32px;
	height: 32px;
	float: left;
	width: 178px;
}
.navBar li a:hover {
	background-image: url(../images/navBgHilight.jpg);
	background-color: #FFCC00;
	background-repeat: repeat-x;
	height: 32px;
	color: #fff;
}*/

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

#mainContainer {
}
#background {
	background-image: url(../images/bgGradient02.jpg);
	background-repeat: repeat-x;
	overflow: auto;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}
/*------------------------------------------- 
 Go Button and Go Button Text Link styling
 ------------------------------------------- */
/* Go Button */
.goButton {
	float: right;
	position: relative;
	margin-left: 10px;
	z-index: 2;
}
/* See All text styling beside small GO button */
.goButtonTextLink {
	color: #CCCCCC;
	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;
	text-align: left;
	min-height: 285px;
	padding: 0;
	overflow: auto;
}
#fullWidth img {
	float: right;
	margin-left: 10px;
	padding:0;
	display:inline;
}
.fullWidthMargin {
	padding-top: 50px;
}
.halfSplit {
	width: 435px;
	float: left;
	margin: 0 0 0 10px;
}
/* Top Container Used on pages with no picture in top portion of page -  */
#topContainer {
	margin: 10px;
	overflow-x: hidden;
	overflow-y: auto;
}
.lowerContent {
	padding: 10px;
	background: #fff;
	margin: 10px;
	overflow: auto;
	width: 95.5%;
}
.lowerContent p, .lowerContent label {
	font-size: 0.8em;
	color: #666;
}
.lowerContent h1 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #CCC;
}
.lowerContent h2 {
	margin: 0 0 5px 0;
	padding: 0;
	color:#FF924F;
}
.lowerContent h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color:#FF924F;
}
.lowerContent h3 a {
	color:#FF924F;
	text-decoration: none;
}
.lowerContent h3 a:hover {
	color:#000000;
}
.lowerContent h4 {
	font-size: 1.0em;
	color: #666;
	margin: 0;
	padding: 0;
}
.lowerContent hr {
	border-top: 1px dotted #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 30px 10px;
	clear: both;
}
.lowerContent fieldset {
	border: none;
}
.lowerContent div.goLinksContainer {
	float: right;
	margin: 0;
	display: inline;
}
.lowerContent div.goLinksContainer h4, div.goLinksContainer img {
	margin: 0 5px 0 0;
	float: right;
}
.lowerContent div.goLinksContainer a {
	text-decoration: none;
}
.lowerContentSection {
	overflow: hidden;
}
.lowerContentSection h2 a {
	color: #FF924F;
	text-decoration: none;
}

.lowerContentImage {
	margin: 0 0 5px 10px;
	float:right;
	display: inline;
}
.leftColumn {
	width:48%;
	float:left;
}
.rightColumn {
	width:48%;
	float:right;
}

/*------------------------------------------- 
 Footer
 ------------------------------------------- */

#footer {
	width: 900px;
	height: 20px;
	background-image: url(../images/greenBg.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 0.7em;
	line-height: 20px;
	display: inline-block;
	text-align: center;
}
.footerTextCenter {
	position: relative;	/*--- For footer text to appear above hanging images ---*/
	z-index: 2;
}
#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:visited {
	position: relative;
	color: #FFFFFF;
}
#footer a:hover {
	color: #333333;
}
#footer a:active {
	color:#666666;
}
/*------------------------------------------- 
Generic Styles
 ------------------------------------------- */
.floatLeft {
	float: left;
	margin-bottom: 10px;
	margin-right: 7px;
	display: inline;
}
.floatRight {
	float: right;
	margin-bottom: 10px;
	display: inline;
}

/*------------------------------------------- 
 Seach Box
 ------------------------------------------- */
.searchBox {
	margin-bottom: 1em;
}
.searchGo {
	position: relative;
	top: 10px;
	left: 10px;
}
/*------------------------------------------- 
 Hover image expaned - Currently not used anywhere
 ------------------------------------------- */
.popUpThumbnail {
	position: relative;
	z-index: 0;
}
.popUpThumbnail:hover {
	background-color: transparent;
	z-index: 50;
}
.popUpThumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.popUpThumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}
.popUpThumbnail:hover span div.whyCC {
	width:400px;
	height: 400px;
	background: #FFFFFF;
	padding: 10px;
}
.popUpThumbnail:hover span div.whyCC h2 {
	font-size: 1.6em;
	color: #666666;
}
/*------------------------------------------- 
 Generic text Styling
 ------------------------------------------- */
.textWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-align: left;
	
}
.textGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	text-align: justify;
}
.textLink {
	font-size: 0.8em;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}

/* bold text styling for list head items */
.headingBlack {
	font-size: 1em;
	font-weight: bold;
}
.boldCenterLarge {
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #666666;
}
/* Uber small text for little shtuff */
.uberSmall {
	font-size: 0.6em;
	color: #666666;
}
/* 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 {
	list-style-image: url(../images/bullet.gif);
	list-style-position: outside;
	font-size: .8em;
	color: #666666;
	margin: 0;
	padding-left: 2em;
}
/*------------------------------------------- 
Note of required for forms styling
-------------------------------------------  */
.note {
	font-size: 0.7em;
	color: #666;
	float: right;
	clear: both;
}
.required {
	color: orange;
}
/*------------------------------------------- 
Bread Crumbs
-------------------------------------------  */
.breadCrumb {
	/*
	float: right;
	margin-top: -10px;
	*/
	font-family: verdana;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/*------------------------------------------- 
 Dashboard - Column One Styling
 ------------------------------------------- */
#col1 {
	display: inline;
	float: left;
	position: relative;
	width: 570px;
}
/*------------------------------------------- 
 Dashboard - Projects (left side)
 ------------------------------------------- */
.dashProjectList {
	/* * /
	position: relative;
	left: 0;
	right: 10px;
	width: auto;
	/*/
	display: inline;
	float: left;
	width: 556px;
	/**/
	border: #CCCCCC solid 2px;
	background: #FFFFFF;
	text-align: left;
	margin-left: 10px;
	padding: 5px;
	margin-bottom: 10px;
}
.dashProjectList div.projectListExplinationContainer {
	padding: 0 50px 0 0;
}
.dashProjectList h2 {
	color: #666666;
	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;	
}
/*------------------------------------------- 
DashBoard - Common Styling For Column One Content
------------------------------------------- */
.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 {
	font-size: 0.8em;
	float:left;
	color:#666;
}
.project div.projectHead span.projectName {
	font-size: 1em;
	color: #666;
}
.project div.sceneList {

}
.project div.sceneList div.scene {
	border: #CCCCCC solid 1px;
	background:#FFFFFF;
	width: 150px;
	height:135px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	margin-top: 10px;
	margin-left: 13px;
	font-size: 0.8em;
	color: #666666;
	display: inline;
	float: left;
}
.project div.sceneList div.scene:hover {
	border: #CCCCCC solid 1px;
	background:#fdfbc0;
}
.project div.sceneList div.projectDescription {
	font-size: 0.8em;
	float:left;
	color:#666;
	width: 80%;
}
.project div.sceneList div.clientInfo {
	font-size: 0.8em;
	float:left;
	color:#666;
}
.project div.sceneList div.projectMoreDetails {
	float:right;
	display: inline;
	clear:right;
	font-size: 0.8em;
}
.project div.sceneList div.projectMoreScenes {
	float:right;
	clear:both;
	font-size: 0.8em;
}

/*------------------------------------------- 
 Dashboard - Column Two Styling (widgets)
 ------------------------------------------- */
.widget hr {
	border-top: 1px dotted #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 10px 0;
	clear: both;
}
#col2 {
	float: right;
	width: 310px;
	
}
#col2 div.widget {
	width: 286px;
	float: right;
	border: #CCCCCC solid 2px;
	background: #FFFFFF;
	text-align: left;
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 10px;
	color: #666666;
	position: relative;
	display: inline;
	
}
#col2 div.widget p.description {
	font-size: 0.75em;
	margin-bottom: 5px;
	}
#col2 div.widget h2 {
	color: #666666;
	font-size: 1.3em;
	font-weight: normal;
	
	}
#col2 div.widget h2 a:link {
	color: #333;
	text-decoration:none;
}
#col2 div.widget h2 a:visited {
	color: #333;
	text-decoration:none;
}
#col2 div.widget h2 a:hover {
	color: #D28E00;
	text-decoration:none;
}
#col2 div.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#col2 div.widget li a{
	font-size: 0.8em;
} 
#col2 div.widget li{
	background: #f7f7f7;
	padding: 2px;
	margin-bottom: 2px;
} 
#col2 div.widget li.message{
	font-size: 0.8em;
}
/* Product Sugestions */
#col2 div.widget div.productSubmissionTextContainer {
	width: 70%;
	text-align: justify;
}
#col2 div.widget div.productSubissionDashImage{
	position: absolute;
	top: -10px;
	left: 220px;
}
#col2 div.error {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*------------------------------------------- 
 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;
}
#projectsContainerTabbed { 
	width: 866px;
	background: #FFFFFF;
	border: #CCCCCC solid 2px;
	border-top: none;
	margin:0 10px 0 10px;
	padding: 5px;
	font-size: 0.8em;
	color: #666666;
	text-align: left;
}
#projectsContainerTabs {
	min-height: 400px;
	background: #FFFFFF;
	padding: 20px;
	font-size: 0.8em;
	color: #666666;
	text-align: left;
	border: 2px solid #999999;
}
.projectInfo {
	background: #f7f7f7;
	border: #CCCCCC solid 2px;
	margin-bottom: 5px;
	padding: 5px;
	clear: both;
	overflow: auto;
}
.projectInfo h3 {
	color: #666666;
	font-size: 1.3em;
}
.projectInfo div.launch {
	float: left;
	margin-left: 10px;
	vertical-align: text-bottom;
	height: 200px;
}
.projectInfo div.detailsContainer {
	position:relative;
	float:left;
}
.projectInfo div.detailsContainerDetails {
	position:relative;
	float:right;
}
.projectInfo table {
	width: 675px;
	text-align: left;
	border-collapse: collapse;
}
.projectInfo table h3 {
	color: #666666;
	font-size: 1.3em;
}
.projectInfo table.projectManager {
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}
.projectInfo table tr.description {
	height: 4em;
}
.projectInfo table td.label {
	width: 90px;
	text-align: right;
	padding: 5px;
}
.projectInfo div.scene {
	border: #CCCCCC solid 1px;
	background:#FFFFFF;
	width: 150px;
	height:150px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	float:left;
	margin-top: 10px;
	margin-left: 13px;
	font-size: 0.8em;
	color: #666666;
	display: inline;
}
.projectInfo div.projectDescription {
	font-size: 0.8em;
	float:left;
	color:#666;
	width: 80%;
}


/*------------------------------------------- 
 My Account stuff
 -------------------------------------------  */
.myAccountOption {
	width: 876px;
	height: 50px;
	margin-bottom: 10px;
	clear: both;
	background: #FFF;
	border: #CCCCCC 2px solid;
	overflow: hidden;
	font-size: 0.8em;
	line-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: #666666;
}

/*------------------------------------------- 
 New Scene Wizard
 -------------------------------------------  */
#newScene div.templatesContainer {
	border: #999 solid 1px;
	border-top: 0;
	background: #FFFFFF;
	padding: 0 0 5px 0;
	overflow: auto;
}
#newScene div.room {
	border: #CCCCCC solid 1px;
	padding: 5px;
	margin: 5px 0 0 5px;
	overflow: hidden;
	width: 409px;
	height: 80px;
	display: block;
	float:left;
}
#newScene div.room:hover{
	background: #ffcc33;
	cursor: pointer;
}
#newScene div.templatesContainer p.sectionExplanation {
	margin: 5px;
}
#newScene div.room .roomDetails img {
	width: 80px;
	margin-right: 5px;
	float: left;
}
#newScene div.projectInfo label{
	float: right;
	margin-right: 10px;
}


/*------------------------------------------- 
 Gordie style tabs styling
 ------------------------------------------- */
/*.tabs {
	text-align: left;
	padding: 3px  3px 1px 6px;
	margin: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: left;
}
.tabs ul {
	list-style: none;
	padding:0;
	margin:0;
	position: relative;
	z-index: 2;

}
.tabs li {
	display: inline;
	border: #ccc solid;
	border-width: 1px 1px 1px 1px;
	margin: 0 0.5em 0 0;
	background: #eee;
	padding-bottom: 1px;
}
.tabs a {
	color: #666;
	padding: 0.2em 1em;
	text-decoration: none;
}
.tabs a:hover {
	color: #333;
}
.tabs li.selected {
	padding-bottom: 2px;
	background: white; 
	border: #999 solid 1px;
	border-bottom: 0;
	font-weight: bold;
}
.tabs li.selected a {
	color: #666;
	text-decoration: none;
}
*/
.tabsContainer{
	width:878px;
	margin: 0 0 0 10px;
}
.tabs {
	padding: 3px 0 3px 6px;
	margin: 0;
	font: bold 12px Verdana;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: left;
}
.tabs li {
	display: inline;
	margin: 0;
	height: 2em;
}
.tabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid gray;
	border-bottom: none;
	background-color: #f6f6f6;
	color: #666;
}
.tabs li a:hover{
	background-color: #FC3;
	color: black;
}
.tabs li a:active{
	color: black;
}
.tabs li.selected a {
	position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #FFF;
	color: black;
}

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