/*
Copyright (c) Enigma Interactive 2009

SOM2
Filename:		layout_contactUs.css
Description:	Site-wide layout elements
     
History
ver date  			who     		comment
-----------------------------------------------------------------------------
*/


.contactContainer{
	border: 1px solid black;
	width: 900px;
}


/*===========================ALL CONTACT FORMS===============================*/

	h2{
		margin: -2px 0px 10px 5px;
		color: #36558c;
		padding: 0px;
	}
	
	h3{
		margin: 0px 0px 10px 10px;
		padding: 0px;
		color: #36558c;
	}
	
	hr{
		width: 843px;
		height: 1px;
		color: #5da1ec;
		background: #5da1ec;
		border: 0;
		margin: 15px 15px 10px 5px;
		float: left;	
	}	
	
	p{
		margin: 5px 0px 5px 0px;
	}
	
	textarea{
		height: 85px; 
		width: 843px;
		margin-bottom: 20px;
		border: 1px solid #5da1ec;
		font-family: verdana;
		font-size: 1em;
		color: black !important;
	}
	
	#smallFont{
		font-size: 0.833333em;
		margin: 10px 0px 0px 0px;
		color: #5e6b6e;
	}
	
	.error{
		margin: 5px 5px 5px 5px;
	}
	
	.error_text{
		margin-top: -20px;
		color: red;
		font-weight: bold;
		margin-left: 5px;
	}
	
	.text{
		border: 1px solid #5da1ec;
		width: 190px;
		margin: 5px 0px 25px 0px;
	}
	
	.input_helper{
		color: black;
		margin-left: 5px;
	}
	
	.button{
		float: left;
		margin-top: 10px !important;
		margin-right: 10px;
	}
	
	#buttonSpace{
		margin: 0px 10px 0px 20px;
	}
	
	.contactUsContainer{
		margin: 0px 0px 0px 7px;
		width: 888px;  
		float: left;
		font-family: verdana;
		color: #5e6b6e;
	}
	
	.contactUsContainer .outerTop{
		float: left; 
		background-image: url('/res/contactUs/activityFBTop.png'); 
		height: 54px; 
		width: 888px;
	}
	
	.contactUsContainer .outerTop .title{
		margin: 15px 0px 0px 5px;
	}
		

	.contactUsContainer .outerContainer{
		float: left;
		width: 886px;
		margin: 0px 0px 0px 1px;
		background-image: url('/res/contactUs/bg.png');
		background-repeat: repeat-y;
	}
	
	.contactUsContainer .outerBg{
		width: 870px;
		float: left;
		margin: 0px 0px 0px 8px;
		background-color: #ffffff;
		background-image: url('/res/contactUs/outerBg.gif');
		background-repeat: no-repeat;
		background-position:bottom;
	}
	
	.contactUsContainer .outerBottom{
		clear: left; 
		float: left; 
		background-image: url('/res/contactUs/activityFBBottom.png'); 
		height: 22px; 
		width: 888px;
	}
	
	.commentLine{
		margin-left: 5px;
		margin-bottom: -10px;
		margin-top: -5px;
	}
	
	.requiredField{
		color: #36558c;
	}
	
	
	.outerBg .inner{
		margin: 0 0 0 7px;
		width: 850px;
		min-height: 601px;
		height: auto !important;
		height: 601px;
	}
	
	.outerBg .inner img{
		border: 0px;
	}
	
	.outerBg .inner #form1{
		margin: 0px; 
		padding: 0px;
	}
	
	.inner #personalContainerOne,
	.inner #personalContainerTwo{
		clear: left; 
		float:left; 
		width: 600px;
		color: #36558c;
		margin-left: 5px;
	}

	.inner .personalInner{
		float:left; 
		width: 245px;
	}
		
	.inner .genericContainer{
		clear: both;
		float: none; 
		margin: 0;
		width: 843px;
		overflow: hidden;
	}
	
	.inner .genericContainer a{
		color: #36558c;
		font-weight: bold;
	}
	
	.inner .genericContainer a:link{
		color: #36558c;
		font-weight: bold;
	}
	
	.inner .genericContainer a:hover{
		color: #36558c;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.inner .genericContainer .feedbackInfo{
		color: #36558c;
		margin-left: 5px;
	}
	
	.inner .genericContainer .feedbackInfoOther{
		color: #36558c;
		margin: 5px 0px 10px 5px;		
	}
	
	.inner .genericContainer .checkBox{
		color: #5E6B6E;
	}
	
	.link{
		color: #5E6B6E !important;
	}
	
	.leftElement{
		margin: 5px 0px 0px 0px;
		clear:left; 
		float: left; 
		width: 245px;
	}
	
	.rightElement{
		margin: 5px 0px 0px 0px;
		float: left; 
		width: 245px;
	}
	
	.leftElementSmall{
		width: 85px !important;
		color: #5e6b6e;
	}
	
	.rightElementSmall{
		width: 150px !important;
		color: #5e6b6e; 
	}
	
	.commentLineOther{
		margin-top: 10px;
		margin-left: 5px;
		clear: left;
		float: left;
		color: #5E6B6E;
	}
	
	.contentOther{
		margin: 0 0 0 15px;
	}

/*======================== Send to Friend Confirmation =================================*/
	
	#sendfriendMsg{
		color: #5e6b6e;
		font-weight: bold;
		margin-left: 50px;
	}

	#sendfriend{
		margin-left: 25px;
		color: #36558c;
	}
	
	#sendfriend a{
		color: #36558c;
		font-weight: bold;
	}
	
	#sendfriend a:hover{
		text-decoration: underline;
	}
	
/*============================== Feedback Confirmation ==================================*/

	.feedbackComplete{
		color: #36558c;
		margin-left: 40px;
		padding-right: 20px;
	}
	
	.feedbackComplete a{
		color: #36558c;
		font-weight: bold;
	}
	
	.feedbackComplete a:hover{
		text-decoration: underline;
	}