/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	WSBL
Version:	1.0
Author: Interberry Solutions 
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. GLOBAL LAYOUT
5. COMMON SITE HEADER
6. COMMON SITE MIDDLE
7. COMMON SITE FOOTER 
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
blockquote {
	quotes: none;
	margin: 5px 10px 5px 10px;
	padding: 5px;
	color:#666666;
}

/*---------------------------------------------------------------------------------
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
fieldset, img {
	border:0;
	padding:0px;
	margin:0px;
}
a {
	outline:none;
	padding:0;
	margin:0;
	border:0;
	color:#1162ae;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6b675b;
	background:#fdfdfd;
	border:1px solid #cfccc3;
	padding:3px;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:25px;
	font-weight:normal;
}
h3 {
	font-size:16px;
	font-weight:bold;
}
h4 {
	font-size:14px;
	font-weight:bold;
}
h5 {
	font-size:13px;
	font-weight:bold;
}
p {
	line-height:19px;
}

/*---------------------------------------------------------------------------------
3. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/
html, body {
	height: 101%;
}
body {
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	height:101%;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.inblock {
	display:inline-block;
}
.imgborder {
	border:1px solid #c0c591;
	background-color:#FFFFFF;
	padding:1px;
}
.imgfleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.imgfright {
	float:right;
	margin:0px 0px 10px 10px;
}
.clear {
	clear:both;
}
.jusify {
	text-align:left;
}
.alright {
	text-align:right;
}
.nobold {
	font-weight:normal;
}
.nomargin
{
margin:0px !important;
}
.nopadding
{
padding:0px !important;
}
.f16
{
font-size:16px;
}
.f13
{
font-size:13px;
}
.commondiv
{
width:auto;
overflow:hidden;
}
.commonwidth
{
width:970px;
overflow:hidden;
}
/*-----Colors-----*/
.blue
{
color:#1162AE;
}
.black
{
color:#333333;
}
.lblue
{
color:#667581;
}
.red
{
color:#FF0000;
}
.green
{
color:#76b92e;
}
.greyborder
{
background:#EEEEEE;
border-bottom:1px solid #CCCCCC;
padding:3px;
overflow:hidden;
margin-bottom:3px;
}

/*-----Colors-----*/
/*-----Padding-----*/
.pad5right
{
padding:0px 5px 0px 0px;
}
.pad6left
{
padding:0px 0px 0px 6px;
}
.pad10
{
padding:10px;
}
/*-----Padding-----*/
/*-----Margin-----*/
.mar5right
{
margin:0px 5px 0px 0px;
}
.mar7right
{
margin:0px 7px 0px 0px;
}
.mar12top
{
margin:12px 0px 0px 0px;
}
.mar10bottom
{
margin:0px 0px 10px 0px;
}
.mar15bottom
{
margin:0px 0px 15px 0px;
}
.mar20bottom
{
margin:0px 0px 20px 0px;
}
.mar50bottom
{
margin:0px 0px 50px 0px;
}
.mar30right
{
margin:0px 30px 0px 0px;
}
/*-----Margin-----*/
/*-----border-----*/
.commonborder
{
border:1px solid #000000;
}
/*-----border-----*/
/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
#page_outer
{
/*width:920px;*/
overflow:hidden;
margin:0 auto;
}
#header
{
width:100%;
padding:0 ;
overflow:hidden;
margin:0;
background:url(../images/top_header.gif) repeat-x top left;
height:155	px;
}
#header h1 a img{
	margin-left:15px;
	}
#header h5{
	padding:10px;
	color:#fff;
	}
#header h5 a{
	 color:#fff !important;
	}
#middle
{
width:95%;
overflow:hidden;
padding:10px;
background:#ffffff;
clear:both;
margin:20px auto;
}
#footer
{
background:#555DCF;
width:100%%;
height:119px;
line-height:119px;
border-top:1px solid #899bbd;
margin-top:2px;
color:#FFFFFF;
clear:both;
}
#footer p{
	/*line-height:119px;*/
	padding-top: 20px;
	text-align:center
	}
/*---------------------------------------------------------------------------------
5. COMMON SITE HEADER
---------------------------------------------------------------------------------*/
.topnav
{
width:100%;
height:39px;
overflow:hidden;
padding:0;
background:url(../images/top_nav.gif) repeat-x;
clear:both;
margin:0;
}
.topnav ul
{
padding:0px;
margin:0px;
}
.topnav ul li
{
padding:0px;
margin:0px;
list-style:none;
float:left;
line-height:26px;
border-right:1px solid #cfd8e7;
border-left:1px solid #fff;
}
.topnav ul li a
{
display:block;
margin:0 5px 0 0;

padding:4px 20px;
font-size:16px;
font-weight:bold;
color:#5e5e5e;
}
.topnav ul li a:hover, .topnav ul li a.selected
{
text-decoration:none;
color:#e08300 ;
}
/*---------------------------------------------------------------------------------
6. COMMON SITE MIDDLE
---------------------------------------------------------------------------------*/
.middleleft
{
width:74%;
overflow:hidden;
/*float:left;*/
}
.middleright
{
width:35%;
/*overflow:hidden;*/
/*float:right;*/
}
.commondiv
{
width:auto;
overflow:hidden;
}
.top_curve_login{
		width:100%;
		height:11px;
		background:url(../images/top_curve_login_box.gif) no-repeat;
	}
.bottom_curve_login{
		width:100%;
		height:17px;
		padding:0;
		margin:0 0 0 4px;
		background:url(../images/bottom_curve_login_box.gif) center  no-repeat;
	}
.signup_outer
{
background:url(../images/inner_bg_login_box.gif) repeat-y top center;
padding:0;
margin-left:10px;
width:302px;
overflow:hidden;
}
.signup_outer h1{
	padding-left:15px;
	}
.labelouter
{
/*width:100%;*/
width:89%;
overflow:hidden;
margin:0 auto 10px;
}
.labelouter .inputbox_big
{
padding:10px;
width:89%;
font-size:18px;
}
.blackbtn_big
{
background:#333333;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:6px 15px;
border:1px solid #000000;
}
.blackbtn_samll
{
background:#333333;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
padding:4px 10px;
border:1px solid #000000;
}
.brown_outer
{
background:#F5F2ED none repeat scroll 0 0;
overflow:hidden;
padding:5px;
width:92%;
}

.img_playername
{
width:105px;
height:105px;
}
.linksouter
{
width:29%;
overflow:hidden;
float:left;
margin-top:10px;
}
.linksouter ul
{
padding:0px;
margin:0px;
}
.linksouter ul li
{
padding:0px;
margin:0px;
list-style:none;
}
.linksouter ul li a
{
display:block;
padding:7px 8px;
color:#FFFFFF;
background:#27a8d0;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #8bdbf4;
}
.linksouter ul li a:hover, .linksouter ul li a.selected
{
background:#71bd21;
border-bottom:1px solid #9ce54e;
text-decoration:none;
}
.admin_contents
{
width:70%;
float:right;
overflow:hidden;
margin-top:10px;
}


.redstar
{
	font-size:14px;
	padding:4px;
	color:red;
}

/* jQuery.Rating Plugin CSS  */
div.rating-cancel,div.star-rating
{
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden;
}
div.rating-cancel,div.rating-cancel a
{
	background:url(../images/delete.gif) no-repeat 0 -16px;
}
div.star-rating,div.star-rating a
{
	background:url(../images/star.gif) no-repeat 0 0px;
}
div.rating-cancel a,div.star-rating a
{
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px;
	border:0;
}
div.star-rating-on a{background-position:0 -32px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


#error1 p{
    text-align:center;
    color:red; 
    font-size:10px!important;
    font-weight:normal;
     
}
#error p{
background:#FEFEFE none repeat scroll 0 0;
color:#DF0404;
font-weight:bold;
font-size:10px!important;
margin:2px 0;
padding:1px;

}
.flash { border:2px solid #B2E376; background:#E2FBC4; padding:5px; font-weight:bold; margin:5px 0;text-align:center }
.flash_success { 
border:2px solid #a5a515; background:#eff4dd; padding:5px; font-weight:bold; color:#116f06; margin:2px 0; width:620px}
.flash_failure { border:2px solid #e64141; background:#fefefe; color:#df0404; padding:5px; font-weight:bold; margin:2px 0; width:624px}

#stickyfooter {
height: 50px;
width: 100%;
color: #555DD2;
font-size: larger;
background: #fff;
position: fixed;
padding-top: 15px;
padding-left: 33%;
bottom: 0;
}