body{
  padding:0;
  margin:0;
  font-family:arial, helvetica, sans-serif;
  color:#303030;
  font-size:12px;
  line-height:16px;
  text-align:center;
	background-color:#002233;

}
a{
  color:#fff;
}
p{
  margin: 20px 0;
}
p img{
  vertical-align:baseline;
}
a:hover{
  text-decoration:underline;
}
img{
  border:none;
}
table{
  border-spacing: 0;
}
ul{
  padding:0px;
  margin:0px;
  list-style:none;
}
img{
  border:0px;
}
input.submit, .button{
	cursor: pointer;
}
input.submit:hover, .button:hover{
	background-color:#EEE;
}

/*--------------------*/

#title_strip{
  width:100%;
  height:110px;
  text-align:center;
	background-image:url(gradient_top.png);
	background-position:bottom left;
	background-repeat: repeat-x;
}
#title{
	height:110px;
	margin-top:0px;
  position:relative;
	background-image:url(cloudycont.png);
	background-position:bottom left;
	background-repeat: repeat-x;
}

.title_link{
	display:block;
	top: 10px;
	height:90px;
	width:430px;
  background-image:url(title25.png);
	background-repeat: no-repeat;
}

.title_link:hover{
	text-decoration:none;
}

#title > a{
  position:absolute;
}
#title > #yama{
  position:absolute;
  top:2px;
  right:100px;
}
#title_controls{
  position:absolute;
	width:495px;
	right: 0px;
	top: 0;
  text-align:right;
	height:100%;
}

#title_controls *{
	color: #ddeef6;
}

#usernamebox{
  background-image:url(../images/usernamebox.png);
	background-repeat:no-repeat;
	height:37px;
	width:231px;
	position: absolute;
	left: 0px;
	top: 55px;
}

#j_username{
	position: absolute;
	left:3px;
	top:1px;
	font-size:19px;
	width: 214px;
	border-style:none;
	color:#303030;
  outline:none;
}

#passwordbox{
  background-image:url(../images/pwdbox.png);
	background-repeat:no-repeat;
	height:37px;
	width:245px;
	position: absolute;
	right: 0px;
	top: 55px;
}

#j_password{
  outline:none;
	position: absolute;
	left:3px;
	top:1px;
	font-size:19px;
	width: 162px;
	border-style:none;
	color:#303030;
}

#loginbutton{
	position: absolute;
	right:0px;
	margin:0px;
	padding:0px;
	height:36px;
	width:66px;
	background:none;
	border-style:none;
	cursor:pointer;
}

#remember_me{
	cursor: pointer;
	position:absolute;
	left: 210px;
	top: 36px;
}

#remember_label{
	cursor:pointer;
	position:absolute;
	left: 118px;
	top: 36px;
	font-size: 14px;
	color: #ddeef6;
	font-style:italic;
}

#forgotten{
	position: absolute;
	right: 6px;
	font-size:14px;
	font-style:italic;
	top: 36px;
	color: #ddeef6;
}

#forgotten:link{
	color: #ddeef6;
}

#forgotten:hover{
	text-decoration:none;
}

#loginname{
	position:absolute;
	top:65px;
	left:0px;
	font-size:18pt;
	font-weight:bold;
	font-style:italic;
}

#title_controls a{
	color:#ddeef6;
}

.centered{
  width:950px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:left;
}
#main_full{
  background:white;
}
#main_center{
  float:none;
  background:white;
}
#main_div{
  padding:20px 0 20px;
  width:950px;
  float:left;
}

.lowerimage{
	height:110px;
	width:950px;
	top:0px;
	background-image:url(cloudycontbottom2.png);
	background-position:bottom left;
	background-repeat: repeat-x;
}
#footer{
  clear:both;
	background-image:url(gradient_bottom.png);
	background-repeat: repeat-x;
}
#footer *{
	color: #ddeef6;
  font-size:10pt;
}
#footer span{
  margin:0 10px;
}

#ie6only{
  padding:20px;
  margin:20px 0;
  float:left;
  border:2px solid;
  color:black;
  font-size:large;
  background:#ffff00;
}
/****** Utility ***********/
.bordered{
  border: 1px solid #7f7f7f;
}
.info{
  margin: 10px 0 20px;
}
.green_button_30px{
  background:url(../images/round_button_30_px.png) right;
}
.green_button_20px{
  background:url(../images/round_button_20_px.png) right;
}
.green_button_30px, .green_button_20px, .green_button_50px{
  position:relative;
  display:inline-block;
}
.green_button_30px a, .green_button_20px a, .green_button_50px a{
  color:white;
  display:inline-block;
  position:relative;
  left:-5px;
  text-align:center;
}
.green_button_30px a{
  background:url(../images/round_button_30_px.png) left;
  height:30px;
  line-height:30px;
  padding:0 9px 0 14px;
  font-size:16px;
}
.green_button_20px a{
  background:url(../images/round_button_20_px.png) left;
  height:20px;
  line-height:20px;
  padding:0 9px 0 14px;
  font-size:14px;
}
.info_box{
  color:#CCC;
  font-style:italic;
}
.scrollable{
  overflow-y:scroll;
  overflow-x:hidden;
}
.left{
  float:left;
}
.right{
  float:right;
}
.center{
  text-align:center;
  /*padding:20px 0px 24px 0px;*/
}
.emph{
  font-weight:bold;
}
.obl{
  font-style:italic;
}
.abs{
  position:absolute;
}
.green{
  color:green;
}
.blue{
	color:blue;	
}
.red{
  color:red;
}
.disabled{
  font-style:italic;
  color:#bababa;
}
.cleared{
  clear:both;
}
.title{
  font-size:18px;
  margin:20px 0;
}
.subtitle{
  font-size:14pt;
  font-weight:bold;
}
.fullwidth{
  width:100%;
}
.margin_tb{
  margin:20px 0;
}
.margin_lr{
  margin: 0 10px;
}
.fancy_form2 label{
  display: inline-block;
  width:30%;
}
.fancy_form2 input[type=text], .fancy_form2 input[type=password], .fancy_form2 select{
  width:60%;
}
.fancy_form2 .submit_buttons{
  padding-left:30%;
}
.fancy_form{
  width:500px;
}
.fancy_form div{
  width:30%;
  float:left;
}
.fancy_form .text{
  padding:0;
  width:60%;
}
.fancy_form .submit{
  margin-left:30%;
}
.pagination{
  text-align:left;
}
.pagination *{
  padding:3px;
}
.close{
  position:absolute;
  top:10px;
  right:10px;
  height:19px;
  width:19px;
  display:block;
  background:url(../images/close.png);
  z-index:99999;
}
 /* The Flash Message Popout thingy */
#flash{
  position:fixed;
  left:0px;
  bottom:70px;
  width:100%;
  height:45px;
  line-height:50px;
  z-index:1000;
  text-align:center;
  line-height:45px;
  font-size:20px;
  color:white;
  font-weight:bold;
  font-style:italic;
}
.flash_error{
  background:url('../images/grad_red.png') repeat-x;
}
.flash_ok{
  background:url('../images/grad_green.png') repeat-x;
}

/* Popup Pane */

#popup_pane{
  width:500px;
  margin-left:-250px;
  border:1px solid #666;
  background:white;
}
a.popup_close{
  right:5px;
  top:5px;
  position:absolute;
}
.popup{
  padding:10px;
  z-index:3000;
  left:50%;
  position:absolute;
}
#background_fade{
  width:100%;
  height:100%;
  position:fixed;
  z-index:101;
  left: 0px;
  top: 0px;
  opacity: .8;
  filter: alpha(opacity=80);
  background-color: #666666;
}
/* welcome page stuff */
#home_container{
  width:100%;
}
#home_info{
  width:570px;
}
#home_container .title{
  font-size:19pt;
  font-weight:bold;
  margin-bottom:30px;
}
#home_container .subtitle{
  font-size:16pt;
  font-weight:bold;
  margin: 40px 0 20px;
}
#home_container .details{
  color:#AAA;
  font-size:16pt;
  line-height:100%;
  margin-bottom:10px;
}
#home_container p.details{
  text-indent:1em;
}
#home_container.login{
  width:330px;
	height:270px;
}

.home_left{
  width:570px;
  float:left;
}
.home_right{
  width:370px;
  float:left;
}

#middle_strip{
  border-top:1px solid #91c037;
  border-bottom:1px solid #91c037;
  padding:40px 10px;
  background: #d5e7b3;  
}
#bottom_strip{
  padding:10px;
}
#quickPlayButton{
	margin-top:25px;
	margin-bottom:33px;
	margin-left:170px;
	display:inline-block;
	width:200px;
	height:75px;
	background-image:url(../images/quickplay.png);
	background-repeat:no-repeat;
	border-style: none;
}
#quickPlayButton:hover{
  text-decoration:none;
	background-image:url(../images/quickplay2.png);
	background-repeat:no-repeat;
}
#home_popup{
  width:400px;
  background:white;
  margin-left:-200px;
  text-align:left;
}
#home_popup h4{
  margin:10px 0;
}

/* login stuff */
.login{
	width:330px;
	height:270px;
	padding:20px;
}

.loginline{
	width:330px;
	margin-top:15px;
	float: left;
}

.horizontal .login.guest{
  margin-left:0;
}
.vertical .login.guest{
  margin-top:0;
}

.loginline .buttons, .loginline label{
	float: left;
	font-size: 16px;
	line-height: 26px;
}

.loginline .buttons{
	margin-top:15px;
	margin-left:176px;
}

.loginline .value{
	float: right;
}

.loginline input{
	font-size:16px;
	width: 170px;
	margin: 1px 0px;
	padding: 1px;
}

.login form div span{
  width:30%;
}
.login  form  div  input.text{
  width:70%;
}
.login .submit{
  margin-right:5px;
}
#login_container{
  background:#c0deed;
	width:370px;
	height:310px;
	margin-left:auto;
	margin-right:auto;
  *padding-bottom:10px;
}
#login_container.vertical{
  width:370px;
	height:310px;
	float:right;
}