/*----------------------------------------------------
Moop External CSS Document 
Created: Fri 16.05.08 @ 17:03 p.m.
Updated: --- --.--.-- @ --:-- -.-.
Author: Kean Richmond
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/images/moop_bkg_external.jpg) repeat-x #4B4B4B; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}



/*--- 01. Main Layout Elements ---------------------------------------------------------------------------*/

#main_container				{margin:0px auto; position:relative; width:636px;}
#content_container			{padding:240px 0 0 0;}


/*--- 02. Header Elements ---------------------------------------------------------------------------*/

#header						{position:absolute; top:0;}
#header #bronco				{color:#999999; float:right; margin:5px; text-decoration:none;}
#header #bronco:hover		{color:#7AD2E8; text-decoration:underline;}

#header h1 a				{background:url(/images/moop_logo_index.jpg) no-repeat; color:#FFFFFF; display:block; height:136px; margin:48px auto 0 auto; text-indent:-9999px; width:258px;}


/*--- 05. Content Elements ---------------------------------------------------------------------------*/

#content					{background:#FFFFFF; border:4px solid #525252; margin:0 0 40px 0; padding:1px;}



/*--- 06. Registration Forms Elements ---------------------------------------------------------------------------*/

#title						{background:#7AD2E8; height:18px; position:relative; padding:11px 7px;}
#title p					{font-size:1.8em;}

#signupform					{font-size:1.2em; padding:8px 0;}
#signupform p				{margin:0 8px 5px 8px;}

.input_block				{display:inline; float:left; margin:16px 10px 8px 8px; width:295px;}
.input_block p				{margin:5px 0 0 0!important;}
.input_block label			{font-size:1.2em; font-weight:bold;}
.input_block .hint			{display:block; font-size:0.9em; padding:1px 10px 5px 0;}
.input_block input			{border:1px solid #7AD2E8; color:#666666; padding:6px 3px; width:279px;}
.input_block input:focus	{border:1px solid #333333;}

.link_150					{background:url(/images/moop_btn_150.gif) no-repeat; border:0; color:#333333!important; cursor:pointer; display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; height:15px; margin:18px 0 7px 10px; padding:10px 0; text-align:center; width:150px;}
.link_150:hover				{color:#FFFFFF!important;}

#approval_note				{float:right; font-size:0.9em; margin:16px 10px 0 0!important; width:350px;}



/*--- 99. Repsonse Elements ---------------------------------------------------------------------------*/

.hint_error					{color:#CE6262;}
.input_error				{background:#FFFBCC!important; border:1px solid #E6DB55!important; color:#333333!important;}


/*--- 100. Link Elements ---------------------------------------------------------------------------*/

a							{text-decoration:none;}


/*--- 101. Clearfix Elements ---------------------------------------------------------------------------*/

.clearfix:after 			{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;}
.clearfix 					{display:inline-block;}
html[xmlns] .clearfix 		{display:block;}
* html .clearfix 			{height:1%;}