BODY {
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  background: url("/images/site/background_top.gif") repeat-x;
  background-position:top;
  margin:0px;
  padding-top:10px;
}
UL, P, FORM {margin:0px;padding:0px;}
UL {margin-left:2.5em;}
H2 {margin-bottom:0px;padding:0px;margin-top:.8em;color: #2173d6;font-weight: bold;font-size:15px;}
H3 {margin-bottom:0px;padding:0px;margin-top:.8em;color: #1D4553;font-weight: bold;font-size:12px;}
P  {margin-top:0.4em;}

#container {width: 760px; margin:0px auto;}

#header {
  margin-top:10px;margin-bottom:0px;height:90px;text-align:right;
  background:url(/images/site/thinkpass_logo.gif) left no-repeat;}
#header UL {list-style:none;}
#header UL LI {display:inline;}
#header UL LI A {color:black;text-decoration:none;padding:5px;padding-top:0px;}
#header UL LI A:hover {color:red;text-decoration:underline;}

#header UL#menu {list-style:none; font-size:1.2em; margin-top:50px;}
#header UL#menu LI A {padding:10px;padding-bottom:0px;}

#happy {position:relative; float:right;} /* happy faces */

#content_container {width:758px;height:auto;margin:0px;margin-top:8px;padding:0px;border: 1px solid #b0b0b0;background:url(/images/site/sidebarbg.gif) right 0 repeat-y;}
#content {width:508px;position:relative;float:left;padding:0 10px 10px 10px;}
#content P {color:#686868;}

#sidebar {width:229px;position:relative;float:right;border-left:0px;}
#sidebar H3 {font-weight: bold;font-size:12px;margin-bottom:0px;margin-top:0px;padding:6px;background-color:#ccc;color:#666;}
#sidebar UL {}
#sidebar LI {list-style-image: url(/images/site/bullet.gif);margin-top:5px;}
#sidebar LI A {color:#686868;text-decoration:none;}
#sidebar LI A:hover {color:red;text-decoration:underline;}

/* Globals */
.small_spinner 
  {width:16px;height:16px;background:url(/images/spinner.gif);}
.spinner_bar 
  {width:192px;height:16px;background:url(/images/spinnerbar.gif);}
#flash_box 		
  {margin:10px 0 10px 0;clear:both;}
.warning
  {padding:5px;color:#aa0000;background-color:#FFFFCC;border:1px solid #ff9933;margin-top:5px; color:#aa0000; font-weight:normal;}

/* Flash Box */
#flash_box 
  {font-weight:bold; color:#aa0000;}
#flash_box .flash_notice 	
  {padding:5px;color:#aa0000;background-color:#FFFFCC;border:1px solid #ff9933;}
#flash_box .flash_message 
  {padding:5px;color:#006633;background-color:#CCFF99;border:1px solid #009933;}
#flash_box .flash_notice P
  {margin-top:5px; color:#aa0000; font-weight:normal;}
#flash_box .flash_message P
  {margin-top:5px; color:#006633; font-weight:normal;}
	
/* common banner nav */
#menu_left {width: 235px; height: 204px;position: relative; float:left;margin:0px;}
#menu_left UL {list-style:none;}
#menu_left LI {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#menu_left A {display: block;}

#menu_left_cma {width: 235px; height: 204px;position: relative; float:left;margin:0px;}
#menu_left_cma UL {list-style:none;}
#menu_left_cma LI {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#menu_left_cma A {display: block;}

#footer
  {color:gray;padding:5px 10px 5px 5px;font-size:.9em}
#footer A 
  {color:gray}
#footer A:hover
  {color:red}
#copyright, #contact
  {position:relative;float:right;padding:0 0 0 10px}
  
/* SITE/INDEX banner nav */
#site-index #menu_left  {background:  url("/images/site/navigation.jpg"); background-repeat:no-repeat;}
#toefl      {left: 0px; top: 0px;  width: 235px; height: 66px;}
#learning   {left: 0px; top: 65px; width: 235px; height: 69px;}
#partners   {left: 0px;top: 135px; width: 235px; height: 69px;}

#toefl  A   { height: 66px;}
#learning A { height: 69px;}
#partners A { height: 69px;}
#toefl a:hover    {background:  url("/images/site/navigation.jpg") 0px -204px no-repeat;}
#learning a:hover {background:  url("/images/site/navigation.jpg") 0px -269px no-repeat;}
#partners a:hover {background:  url("/images/site/navigation.jpg") 0px -339px no-repeat;}

/* CMA specific */
#site-index #menu_left_cma  {background:  url("/images/site/cmanavigation.jpg"); background-repeat:no-repeat;}
#register     {left: 0px; top: 0px;  width: 235px; height: 66px;}
#login   			{left: 0px; top: 65px; width: 235px; height: 69px;}
#blank   			{left: 0px;top: 135px; width: 235px; height: 69px;}
#register  A  { height: 66px;}
#login A 			{ height: 69px;}
#blank A 			{ height: 69px;}
#register a:hover    {background:  url("/images/site/cmanavigation.jpg") 0px -204px no-repeat;}
#login a:hover 			 {background:  url("/images/site/cmanavigation.jpg") 0px -269px no-repeat;}
#blank a:hover 			 {background:  url("/images/site/cmanavigation.jpg") 0px -339px no-repeat;}

/*  */
#--- #menu_left {background:  url("/images/site/navigation_esl_2.jpg"); background-repeat:no-repeat;}
#try_toefl {left: 0px;top: 66px;width: 235px;height: 66px;}
#buy_toefl {left: 0px;top: 107px;width: 235px;height: 69px;}
#try_toefl a { height: 41px;}
#buy_toefl a { height: 31px;}
#try_toefl a:hover {background:  url("/images/site/navigation_esl_2.jpg") 0px -270px no-repeat;}
#buy_toefl a:hover {background:  url("/images/site/navigation_esl_2.jpg") 0px -311px no-repeat;}

/* SITE/TESTS banner nav */
#site-tests #menu_left {background:  url("/images/site/navigation_esl_2.jpg"); background-repeat:no-repeat;}
#try_toefl {left: 0px;top: 66px;width: 235px;height: 66px;}
#try_toeic {left: 0px;top: 107px;width: 235px;height: 69px;}
#try_toefl a { height: 41px;}
#try_toeic a { height: 31px;}
#try_toefl a:hover {background:  url("/images/site/navigation_esl_2.jpg") 0px -270px no-repeat;}
#try_toeic a:hover {background:  url("/images/site/navigation_esl_2.jpg") 0px -311px no-repeat;}

/* SITE/SOLUTIONS banner nav */
#site-solutions #menu_left {background:  url("/images/site/navigation_learning.jpg"); background-repeat:no-repeat;}
#classroom    {left: 0px;top: 66px;width: 235px;height: 66px;}
#platform     {left: 0px;top: 107px;width: 235px;height: 69px;}
#classroom a  { height: 41px;}
#platform a   { height: 31px;}
#classroom a:hover  {background:  url("/images/site/navigation_learning.jpg") 0px -270px no-repeat;}
#platform a:hover   {background:  url("/images/site/navigation_learning.jpg") 0px -311px no-repeat;}

/* SITE/PARTNERS banner nav */
#site-partners #menu_left {background:  url("/images/site/navigation_partners.jpg"); background-repeat:no-repeat;}
#reseller {left: 0px;top: 66px;width: 235px;height: 66px;}
#euphoria {left: 0px;top: 107px;width: 235px;height: 69px;}
#reseller a { height: 41px;}
#euphoria a { height: 31px;}
#reseller a:hover {background:  url("/images/site/navigation_partners.jpg") 0px -270px no-repeat;}
#euphoria a:hover {background:  url("/images/site/navigation_partners.jpg") 0px -311px no-repeat;}

/* SITE/NEWS banner nav */
#site-news #menu_left {background:  url("/images/site/navigation_news.png"); background-repeat:no-repeat;}

/* LOGIN PAGE */
BODY#account-login #container 
  {margin:0px auto;}
BODY#account-login #content_container 
  {width:100%;background:none;padding:20px;margin-top:0px;}
BODY#account-login #content 
  {text-align:center;width:100%;margin-top:20px;}
BODY#account-login FIELDSET 
  {width:350px;color:#686868;}
BODY#account-login LEGEND 
  {font-weight:bold;}
BODY#account-login #input_fields 
  {clear:both}
BODY#account-login #image 
  {width:100px;height:100px;position:relative;float:right;margin:0 0 10px 10px}
BODY#account-login #input_fields .input_set 
  {margin-top:10px;position:relative;float:left;}
BODY#account-login #input_fields LABEL 
  {font-weight:bold;line-height:20px;display:block;position:relative;float:left;width:80px;text-align:right;padding-right:5px}
BODY#account-login #input_fields .field 
  {position:relative;float:left;padding:0px;margin:0px;}
BODY#account-login #input_fields .field INPUT 
  {width:255px;padding:0px;margin:0px;line-height:20px;height:20px;border:1px solid gray;background-color:silver}
BODY#account-login #input_fields .desc 
  {text-align:right;color:gray;padding-right:5px}
BODY#account-login #submit 
  {width:105px;margin-left:235px;margin-top:20px;border:1px solid #333333;background-color:#CCCCCC;padding:3px}

BODY#account-login #messages 
  {text-align:left;}
BODY#account-login #welcome_message 
  {text-align:center}
BODY#account-login #messageSection 
  {border:2px solid orange;margin-top:5px;width:240px;}
  
/* REGISTER PAGE */
BODY#account-register #container 
  {margin:0px auto;}
BODY#account-register #content_container 
  {width:100%;background:none;padding:20px;margin-top:0px;}
BODY#account-register #content 
  {margin-top:0px;text-align:left;width:auto;padding:10px;}
BODY#account-register #pending_verification 
  {margin:10px;font-weight:bold; color:#990000;padding:5px;background-color:#FFFFCC;border:1px solid #ff9933;}

/* CONFIRM PAGE */
BODY#account-confirm #container 
  {margin:0px auto;}
BODY#account-confirm #content_container 
  {width:100%;background:none;padding:20px;margin-top:0px;}

/* RESEND KEY PAGE */
BODY#account-resend_key #container 
  {margin:0px auto;}
BODY#account-resend_key #content_container 
  {width:100%;background:none;padding:20px;margin-top:0px;}
/* Scaffold - Exam (Used to be in app.css) */
.exam SELECT {width:250px; height:300px;}
DIV.scaffold_section_desc 
  {margin: 5px;padding: 3px;background-color: white;}
DIV.scaffold_section_desc P
  {margin: 2px 0px 4px 0px;}
  
/* LOGGED IN ------------------------*/
#header UL LI.name
  {color:gray;}

/* NOTE: for logged in pages, some css overrides are defined in the application.rhtml template */

/* ADMIN - Questions */
/* Ajax Scaffold related */
.ajax-scaffold td.is_demo_column {
  text-align: center;
}

.required {
	
}