/*
	CSS Style Definitions for Kaos Football
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ margin:0; padding:0; font: 11px Verdana, Arial, Helvetica, sans-serif; background-color: #43607E; text-align:center; }
#page-container{ width: 770px; text-align: left; margin:0 auto; }
	#header{ width: 770px; float:left; background: url("../images/bg-header.jpg") no-repeat top right; }
	#scroller{ width: 770px; float:left; background: url("../images/bg-ticker.gif") no-repeat; }
	#addbg-inner{ width: 770px; float: left; background: #16497E url("../images/bg-right.gif") repeat-y top right; }
	#addbg-players{ width: 770px; float: left; background-color: #19487C; }
	#addbg-content{ width: 770px; float: left; background: #1D4879 url("../images/content/bg.gif") repeat-y top right; }
	#content{ width: 770px; float: left; background: url("../images/bg-left.gif") repeat-y; }
		#left-side{ width: 196px; float: left; }
		#right-side{ width: 574px; float: left; color: #fff; }
			#right-side a { color: #fff; text-decoration: underline; }
			#middle{ width: 574px; float:left; background: url("../images/middle-bg.gif") no-repeat; padding-top: 11px; }
			#middle-inner{ width: 574px; float:left; padding-top: 11px; }
				#lMiddle{ width: 332px; float:left; _width:322px; }
				#lMiddle-inner{ width: 302px; float:left; }
				#rMiddle{ width: 232px; float:left; padding: 0 5px; _width:222px; }
				#rMiddle-inner{ width: 262px; float:left; padding: 0 5px; }
	#footer{ width: 770px; float: left; clear:both; background: #43607E url("../images/bg-footer.gif") no-repeat; text-align:center; padding-top:10px; }
		#footer ul{ margin:6px auto; padding:0; list-style: none; display:inline; }
		#footer ul li{ color:#C3D9F3; display:inline; border-right: 1px solid #C3D9F3; }
		#footer ul li.last{ border-right: none; }
		#footer ul li a{ color:#C3D9F3; text-decoration: none; padding: 2px 8px; font-size: 11px; }
		#footer p{ margin:4px 0 0 0; padding: 6px 0; color:#C3D9F3; font-size: 10px; background: #43607E url("../images/footer-dsp.gif") no-repeat center top; }

/* site wide elements */
p#bookmark{ color:#fff; text-align:right; margin:0; font-weight:bold; }
p#bookmark a{ color:#fff; text-decoration:none; }

div.content-hr { height: 1px; background: #43607E url("../images/content-hr.gif") no-repeat center center; }
div.content-hr hr { display: none; }

#outlaw{ width: 574px; background:#25527F; float:left; padding: 4px 0 0 0; color: #fff; }
#outlaw a{ color: #fff; }
#outlaw span{ margin: 0 12px; }

#login{ width: 574px; float:left; background: #1D446A; color: #fff; }
#login input{ color: #fff; border:1px solid #000; background-color:#154971; font-size: 11px; float:left; margin: 6px 18px 6px 0; }
#login input.text{ width: 138px; }
#login label{  margin: 6px 6px 6px 12px; display: block; width:60px; float:left; }

.boxContainer h2{ margin:0; font-size: 12px; font-weight:bold; color: #fff; }
.boxContainer p{ margin:4px 0; color:#89B4D7; }
.boxContainer a{ color:#fff; }
.boxContainer .smImg{ padding: 6px 9px; background: url("../images/img-bg-1.gif") no-repeat; }
.boxContainer .bgImg{ padding: 6px 11px; background: url("../images/img-bg-2.gif") no-repeat; }
img.smImg{ padding: 6px 9px; background: url("../images/img-bg-1.gif") no-repeat; }
.boxContainer h3{ margin:0; text-align: center; }

ul#driver{ margin:0 0 16px 0; padding:0; list-style: none; background: url("../images/content/bg-ul-left.gif") repeat-y; }
ul#driver li{ border-bottom: 1px solid #1D4879; padding: 6px 0 6px 24px; background: url("../images/content/arrow-blue-right.gif") no-repeat 11px 6px; }
ul#driver li a{ font-size: 18px; }
ul#driver li p{ font-size: 10px; color: #fff; padding-top: 3px; margin:0; }
ul#driver li p.dsp1{ background: url("../images/content/dsp1.gif") no-repeat top left; }
ul#driver li p.dsp2{ background: url("../images/content/dsp2.gif") no-repeat top left; }

p.map{ margin: 10px 0 0 0 !important; color:#fff !important; text-align: left; }

div#players{ width:574px; float:left; background: #18487C url("../images/most-wanted/mostwanted.gif") no-repeat top left; }
div#players p{ margin: 180px 0 10px 0; color: #fff; text-align:center; }

ul#players-list{ margin:0; padding:0; list-style: none; _height: 1%; background-color:#1A6BA2; }
ul#players-list li{ margin:1px; float:left; background-color:#1A6BA2; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.dfr{ float: right !important; margin-left: 4px; }
.dfl{ float: left !important; margin-right: 4px; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }
p.nomargin{ margin:0; clear:both; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.white{ color: #fff !important; }

a{ outline: none; }
a.nodeco{ text-decoration: none; }

fieldset{ border: 1px solid #1A6BA2; color: #fff; margin: 0 4px 4px 4px; padding: 4px 10px; }
fieldset p{ margin: 0 0 8px 0; }
legend{ font-size: 30px; }

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

div#player-photos { width: 298px; float:left; clear: none !important; }
ul#pphotos{ margin:0; padding:0; list-style: none; _height: 1%; }
ul#pphotos li{ float:left; margin: 0 3px 3px 0; height:68px; }
ul#pphotos li.blank{ width:63px; height:63px; border:1px solid #0C4E7A; }

div#tricks{ width: 272px; float:left; clear: none !important; }
div#tricks p, div#tricks h2{ color: #fff; _height: 1%; }

div#statistics{ width: 278px; float:left; }
div#statistics dl{ margin: 0; padding:0; }
div#statistics dl dd{ margin: 0 0 6px 0; padding: 0 8px 6px 8px; padding-left: 0; }
div#statistics dl dd ul{ margin:10px 0; padding:0; list-style: none; clear: right; _width: 110px; }
div#statistics dl dd ul li{ margin: 8px 0; padding:0; text-align: center; }
div#statistics dl dd ul li.post{ font-size: 12px; font-weight:bold; }
div#statistics dl dd ul li.team{ font-size: 16px; font-weight:bold; }
div#statistics dl dd ul li.equip{ border-top: 1px solid #124A82; padding: 6px 0; }
div#statistics dl dd ul li.equip a{ color: #124A82; }

div#moreinfo{ width: 282px; float:left; clear: right; }
div#moreinfo p{ color: #fff; margin: 0 0 12px 0; }
div#moreinfo p.cv{ margin:0; text-align: right; }
div#moreinfo a.cv{ font-weight:bold; width: 100px; padding: 10px 0; background: url("../images/player/cv.gif") no-repeat center right; padding-right: 32px; height: 1%; display: block; }
html>body div#moreinfo a.cv{ margin-left: 114px; }

div#bookings{ width: 282px; float:left; clear:right; }
#frmBookings{ _height: 1%; }
#frmBookings label{ width:100px; float:left; color: #fff; margin-bottom: 6px; }
#frmBookings input.text{ border: 1px solid #053453; font-size: 11px; background-color:#1A6BA0; width: 132px; float:left; clear:right; color: #fff; margin-bottom: 6px; }
#frmBookings input.submit{ background-color:#004776; color:#fff; font-size: 11px; border: 4px solid #004776; }
#frmBookings textarea{ border: 1px solid #053453; font: 11px Verdana, Arial, sans-serif; background-color:#1A6BA0; width: 232px; clear: both; margin-bottom: 12px; color: #fff; }

div.dsp{ width: 574px; float:left; background: url("../images/dsp.gif") no-repeat left center; height: 15px; }

#masthead-members{ width: 574px; height:117px; background: url("../images/members/masthead-members-h.gif") no-repeat; }

dl#memdir{ margin: 12px 0 12px 6px; }
dl#memdir dd{ float:left; width:183px; margin:0; padding:0; }
dl#memdir dd.middle{ margin: 0 6px; }

p.view a{ font-weight:bold; text-decoration: none; color: #fff; font-size: 10px; }

.paper{ width: 274px; float:left; background: url("../images/most-wanted/paper-loop.gif") repeat-y 0 53px; margin: 12px 0 0 6px; color:#124A82; margin-bottom: 12px;position: relative; z-index: 1; margin-top: -22px; }
.paper-header{ width: 264px; float:left; background: url("../images/most-wanted/paper-header.gif") no-repeat; padding: 18px 5px 5px 5px; _padding-top: 32px; }
h1#rapsheet{position:relative; z-index: 500; margin:0;}

div#logger{ width: 550px; float:left; background-color:#1D436A; padding: 6px 12px; color: #fff; }
#btnLogout{ border: 1px solid #053453; font-size: 11px; background-color:#1A6BA0; margin-left: 12px; color: #fff; font-weight:bold; }

img.fConMast{ background: url("../images/bg-full-mast-cont.gif") no-repeat; padding: 7px 5px 5px 7px; margin: 4px 4px 12px 6px; }

form.poll{}
form.poll dl{ margin:4px 0 0 0; padding:0; }
form.poll dl dd{ margin:0 0 4px 0; padding:0;  }
form.poll label{ color:#89B4D7; }
form.poll input.radio{ margin: 0 4px 0 0; padding:0; vertical-align: text-bottom; }
form.poll input.btn{ margin: 0 0 0 6px; color:#fff; font-weight:bold; border: none; background-color:#1D425C; font-size:11px; padding: 2px 4px; }
form.poll div{ text-align: right; }

/* icon links */
h1.icons{ font-size: 16px; font-weight:bold;margin: 0 0 12px 8px; }
a.icon{ margin: 0 0 0 8px; }

/* Error Messages */
div.error { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #E0B2B2; border-left: 1px solid #E0B2B2; border-bottom: 1px solid #990000; border-right: 1px solid #990000; background-color: #FFF0F0; color: #990000; padding: 5px 5px 5px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(/images/admin/error.png) 5px 5px no-repeat #FFF0F0; }
div.error h3 { font-size: 1.2em; font-weight: bold; color: #990000; margin: 0px; }
div.error hr { border-bottom: 1px solid #E0B2B2; border-top: none; border-left: none; border-right: none; height: 1px; }
div.alert p { font-size: 10px; color: #990000; font-weight: normal; margin: 0px; padding: 0px; }
div.alert a { font-weight: bold; }

span.errorDisplay { font-weight: bold; font-size: 150%; color: #CC3333; }

/* Alert Messages */
div.alert { font-family: Verdana, Arial, sans-serif; border-top: 1px solid #FFDC93; border-left: 1px solid #FFDC93; border-bottom: 1px solid #F0A300; border-right: 1px solid #F0A300; background-color: #FFFFCC; color: #333333; padding: 5px 5px 5px 43px; margin: 10px 0px 10px 0px; text-align: left; background: url(/images/admin/warning.png) 5px 5px no-repeat #FFFFCC; }
div.alert h3 { font-size: 1.2em; font-weight: bold; color: #333333; margin: 0px; }
div.alert hr { border-bottom: 1px solid #F0A300; border-top: none; border-left: none; border-right: none; height: 1px; }
div.alert p { font-size: 10px; color: #333333; font-weight: normal; margin: 0px; padding: 0px; }
div.alert a { font-weight: bold; }

form.form {
	background: #234F81;
}
form.form label {
	width: 12em;
	float: left;
	margin-top: 0.7em;
}
form.form input,form.form select,form.form textarea {
	float: left;
	margin-top: 0.3em;
}
form.form br {
	clear: both;
}

/* clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }


/* */

.news-image{ margin: 10px; padding: 5px; border: 1px solid #1d4879; }