/*  
There are two linked CSS Docs associated to this file: mac.css and nt.css
Based on the output of a browser detection script on the layout.phtml file
	
	::::::::::::::::::
        MAIN TAGS 
	::::::::::::::::::  

*/

/*---------------- Color Layout ---------------

	::::::::::::::::::
      HEX COLOR KEY 
	::::::::::::::::::
	 
	Lighter Blue (text) - #5489B8
	Darker Purple (nav) - #
	Lighter Gray (borders) - #B3B3B3
	

*/

* {
	margin:0px;
	padding:0px;
}

html, body, #wrapper {
	overflow:hidden;
}

html {
	margin: 0;
	padding: 0;
	height:100%;
}

body {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	background:#FFFFFF;
	color:#333333;
	height:100%;
}

iframe:focus, img:focus, a:focus, form:focus, div:focus, *:focus {
	outline:0;
}

a:link {  
	text-decoration: none; 
	color: #333333;
}

a:visited { 
	text-decoration: none;
	color: #333333;
}

a:hover, a:active { 
	color: #666666;
	text-decoration:none;
}

img {
	border:0px;
}

h1, h2, h3 {
	margin:0px;
	padding:0px;
}

h1 {
	
}

h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin:80px 00px 0px 10px;
	color:#A798A8;
}

h3 {
	font-weight:lighter;
}

/*---------------- Utility Classes ---------------*/

.clear, .clrs {
	clear:both;
}

.float-right, .right-content, .fr {
	float:right;
}

.float-left, .left-content, .fl {
	float:left;
}


/*---------------- Layout ---------------*/

#wrapper {
	width:601px;
	height:400px;
	padding:5px;
}

#header {
	height:111px;
}

#logo {
	float:left;
	width:326px;
	height:111px;
}

#page-info {
	float:right;
	background:#3C183D url(../images/forms/header-bg.jpg) no-repeat;
	width:182px;
	height:111px;
}

#content {
	height:265px;
}

#footer {
	background:#333333 url(../images/forms/footer.jpg) repeat-x;
	height:25px;
	color:#808080;
	font-size:10px;
	width:601px;
}


/*---------------- Forms ---------------*/

.form_wrapper dt {
	display:none;
}
.form_wrapper dd {
	float:left;
	border:none;
	margin:0px 10px;
}

fieldset {
	border:none;
}

.form_wrapper label {
	display:block;
	width:150px;
}


.field-holder, .area-holder {
	
}

.field-holder {
	width:170px;
	margin:10px;
}
.area-holder {
	width:360px;
	margin:10px 0px;
}

.field-holder input, .area-holder textarea, .field-holder input.att {
	/*border:1px solid #333333;*/
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px 4px;
}

.field-holder input {
	width:157px;
}

.area-holder textarea {
	width:340px;
}

.submit-btn {
	width:auto;
	float:right;
}
.submit-btn input {
	background:#333333 url(../images/forms/submit-bg.jpg) no-repeat;
	width:114px;
	height:25px;
	text-align:center;
	border:none;
	color:#B3B3B3;
	font-size:12px;
}

#fieldset-right .field-holder input {
	width:340px;
}
#fieldset-right .field-holder {
	width:340px;
	margin:10px;
}
#fieldset-right .submit-btn {
	float:none;
	margin-left:10px;
}

.messages {
	clear:both;
	margin-left:20px;
	margin-top:10px;
	color:#FF0000;
	font-size:10px;
	position:relative;
	top:-50px;
	width:150px;
}

.errors{
	display:none;
}