/*

  CONTENTS ----------
  
	  1.0 GENERAL BOX STYLE
	  2.0 MODAL LOGIN
	  3.0 TERMS & CONDITIONS BOX
		  
  -------------------
	

/*	  1.0 GENERAL BOX STYLE
---------------------------------------------------------------------- */

#facebox .tl,.tr,.bl,.br,.b { background:#464646; opacity:0.9; height:8px; width:8px; overflow:hidden; padding:0; }
#facebox { background:#fff; position: absolute; top: 0; left: 0; z-index:2000!important; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { background: #fff; }
#facebox .loading { text-align: center; }
#facebox_overlay { position:fixed; top:0px; left:0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
.facebox_overlayBG { background:none; z-index: 99; }
#facebox a.statusClose { position:absolute; top:-13px; right:-14px; width:32px; height:32px; background:url(../gfx/sprite.png) no-repeat; background-position:-156px -3px; padding:0; margin:0; text-indent:-9000px; z-index:1000; }


/*	  1.0 MODAL LOGIN
---------------------------------------------------------------------- */

#loginBox { float:left; width:340px; margin:40px; }
#loginBox #login label { float:left; clear:both; margin:0 0 10px 0; color:#898f94; font-size:12px; line-height:18px; }
#loginBox #login input { float:left; margin:5px 0 0 0; width:318px; border:1px solid #ccc; background:#fff; padding:10px; margin:0; overflow:hidden; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:12px; color:#464646; }
#loginBox #login input:focus { border-color:#9B9B9B; }
#loginBox #login input#button { float:left; clear:both; font-weight:bold; font-size:12px; color:#fff; text-decoration:none; background:#a1c32c; padding:8px 9px; border:1px solid #8fad27; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-radius: 3px; cursor:pointer; width:auto; }
#loginBox #login input:hover#button, #loginBox #login input:focus#button { background:#8eba26; border-color:#7ea522; }

#status { float:left; width:340px; margin:40px; }
#status h2 { float:left; width:380px; margin:0 0 15px 0; padding:0; font-size:14px; font-weight:bold; color:#505050; }
#status h2.success { background-position:0 -154px; }
#status h2.error { background-position:0 -194px; }
#status p { padding:0; margin:0; line-height:17px; font-size:12px; color:#9b9b9b; }
#status p a { color:#505050; } #status p a:hover { color:#333; }
#status ul { float:left; width:380px; margin:20px 0 0 0; padding:0; list-style:none; color:#505050; }
#status a.prompt { float:left; margin:15px 5px 0 0; font-weight:bold; color:#fff; text-decoration:none; background:#a1c32c; padding:8px 10px 7px 10px; border:1px solid #8fad27;  -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-radius: 3px; font-size:12px; }
#status a:hover.prompt { background:#8eba26; border-color:#7ea522; color:#fff; }



/*	  2.0 TERMS & CONDITIONS BOX
---------------------------------------------------------------------- */

#readTerms {float:left; width:570px; }
#readTerms #termsOverflow { float:left; width:510px; height:280px; overflow:auto; border:1px solid #ccc; padding:30px; font-size:12px; color:#9b9b9b; line-height:18px; }
#readTerms #termsOverflow h1,h2,p,ul { float:left; clear:both; }
#readTerms #termsOverflow h1,h2 { color:#505050; }
#readTerms #termsOverflow h1 { font-size:14px; margin:0 0 20px 0; }
#readTerms #termsOverflow h2 { font-size:12px; margin:20px 0 10px 0; }
#readTerms #termsOverflow p { margin:0 20px 10px 20px; }
#readTerms #termsOverflow p.forward { margin:0 0px 20px 0px; background:#effaff; padding:20px; color:#505050; border:1px solid #d1f0ff; }
#readTerms #termsOverflow a { text-decoration:underline; color:#93bb0b; }
#readTerms #termsOverflow ul li { list-style:outside; list-style-type:square; margin:0 20px 30px 20px; }