/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}

html	
{
	height:100%
}

body 	
{
	background-color:#ccc;
	font:normal 13px/18px helvetica, arial, geneva, sans-serif;
}

/*
#container
{
	position:relative;
	float:left;
	width:100%;
}
*/

#layout
{
	width:692px;
	position:relative;
	margin:0 auto;
	padding:0 0 0 0;
	background-color:#dadada;
	overflow:hidden; 
	height:100%; 
	text-align:left;
}

/*-------------------------------------topmenu---*/
#nav {clear:left; float:left;background-color:#000; width:100%;}
#nav ul.menu {padding:0; margin:0;}
#nav ul.menu li {display:block; padding:0; float:left; margin:0; padding:0 1px 0 0;	background:url(/images/bg-spacer.png) right 0 repeat-y;}
#nav ul.menu li a {border:none; text-decoration:none; float:left; padding:0; margin:0;}
#nav ul.menu li a span {display:block; padding:16px 11px 15px 10px; color:#FFF; display:block; font-size:14px; line-height:13px; text-decoration:none !important; float:left; font-weight:bold;}
#nav .quickLinks {float:right;}
#nav .quickLinks .login {float:left;margin:6px 0px 0px 0px;font-size:14px;line-height:10px;background-color:#fff; padding:10px;}
#nav .quickLinks .play {float:left;margin:6px 5px 0px 6px;font-size:14px;line-height:10px;background-color:#fff; padding:10px;}
/*-------------------hover-active----*/
#nav  ul.menu li a:hover, #nav  ul.menu li a:hover span {color:#000 !important; background-color:#dadada;}
#nav  ul.menu li.active a, #nav  ul.menu li.active a span {color:#000 !important; background-color:#dadada;}			  

#header
{
	clear:left; float:left;
	margin-top:1px;
}

.bannerhead
{
	clear:left; float:left;
	background:#333 url(/images/bg-bannerhead.png) 0 0 repeat-x;
	width:100%;
}

#experience {float:left; background-color:#000; padding:7px; color:#fff; font-weight:bold; border-right:1px solid #fff;}
#userlogin, #forgotpassword {float:left; padding:5px; color:#fff;}
.Torn_Mobile #forgotpassword {clear:left;float:left;}

.splitLeft {clear:both; float:left; width:65%;}
.splitRight {float:left; margin-left:2%; width:33%;}

h1 {margin-top:20px;}
.bannerhead h1
{
	color:#FFF;
	font-size:160%;
	padding:10px;
	text-align:center;
	margin:0;
}


#content
{
	clear:both;
	float:left;
	margin:10px;
	width:672px;
}

#content h2
{
	font-size:130%;
	line-height:120%;
} 

.fleft {float:left;}
.fright {float:right;}

#footer {clear:both; float:left; width:100%; text-align:center;}

a {color:#06F; text-decoration:underline;}
a:hover {color:#09F; text-decoration:none;}
.space {margin-top:20px;}

fieldset {margin-top:20px; padding:10px; border:solid .1em #999; background-color:#fff;}
legend {padding:5px 15px; text-transform:uppercase; letter-spacing:2px; color:#FFF; background:#000; font-weight:bold;}
legend b {font-weight:bold;}
label {cursor:hand; margin-right:50px; display:block; color:#000; text-transform:uppercase; font-weight:bold; }
fieldset input.txtbx {padding:3px; border: 1px solid silver; width:95%;}
.btnSubit { background-color:#339933; color:#fff; font-weight:bold; border:1px solid #336633; font-size:130%; width:95%; padding:5px;}
hr {margin:10px 0;}
ul.errors li {color:red; background: transparent url('/images/exclamation.jpg') no-repeat 0px 5px; padding-left:20px; list-style: none;}
ul {margin-left:10px;}

td {vertical-align:top; padding:5px;}

img {border:0;}
.tblThumbnails img {border: 1px solid #333;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}