/*	------------------------------------------
	R E S E T
------------------------------------------	*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:middle;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
table,thead,tbody,tfoot,tr,th,td{vertical-align:middle;}
/*	Dark Green = #366842
	Gold Yellow && Promotion = #b29931
	Relegation = #cc0000
	Light Blue = #e4ecf6
	Lighter Blue = #f3f7fb 							*/
body {
	font-size:62.5%;
	color:#666666;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0 10px 0;
	}
a:link {
	color:#b29931;
	text-decoration:none;
	}
a:active, a:visited {
	color:#b29931;
	text-decoration:none;
	}
a:hover {
	color:#366842;
	text-decoration:none;
	}
h1, h2, h3, h4, h5, h6, caption {
	color:#669966;
	font-weight:normal;
	font-family:Helvetica;
	letter-spacing:-0.01em;
	text-transform:uppercase;
}
h1 { font-size:1.8em; line-height:2.1em; }
h2 { font-size:1.7em; line-height:2em; }
h3 { font-size:1.6em; line-height:1.9em; }
h4 { font-size:1.4em; line-height:1.7em; }
h5 { font-size:1.4em; line-height:1.7em; }
h6 { font-size:1.4em; line-height:1.7em; }
hr {
	height:1px;
	border:0 none !important;
	padding:0;
	margin:5px 0;
	background:url(../images/bg-hr.gif) top left repeat;
}
th, td {
	font-size:11px;
	padding:5px;
}
th {
	background:#686868 url("../images/tabGrad.gif") top left repeat-x !important;
	color:#eeeeec;
	cursor:pointer;
	text-shadow:0 1px 0 #1A1A1A
}
strong{font-weight:700;}
input, .input-textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}
.input-textarea{
	height:14px;
	overflow:auto;
}
select { font-size:12px; }

/* Layout */
.container, #header, #content {
	margin:0 auto;
	width:900px;
	}
#content { padding-top:15px; }
#header {
	height:43px;
	position:relative;
	}
#header h1, #header p {
	text-indent:-9999em;
	float:left;
	}
#nav { float:right; }
#nav li {
	display:inline;
	float:left;
	margin-left:1em;
	}
#nav li a {
	padding-top:43px;
	background-image:url(../images/nav.png);
	text-indent:-9999em;
	display:block;
}
#btn-home, #btn-players, #btn-info, #btn-records, #btn-login { height:0; }
#btn-home { background-position:0 0; width:61px; }
#btn-home:hover, body#home #btn-home { background-position:-61px 0; }
#btn-home:active { background-position:-122px 0; }

#btn-players { background-position:0 -43px; width:79px; }
#btn-players:hover, body#players #btn-players { background-position:-79px -43px; }
#btn-players:active { background-position:-158px -43px; }

#btn-info { background-position:0 -86px; width:54px; }
#btn-info:hover, body#info #btn-info { background-position:-54px -86px; }
#btn-info:active { background-position:-108px -86px; }

#btn-records { background-position:0 -129px; width:84px; }
#btn-records:hover { background-position:-84px -129px; }
#btn-records:active { background-position:-168px -129px; }

#btn-login { background-position:0 -172px; width:66px; }
#btn-login:hover, body#admin #btn-login { background-position:-66px -172px; }
#btn-login:active { background-position:-132px -172px; }
/* =====================================
	I N P U T S
======================================*/
.input-text,.input-button,.input-submit,.input-textarea,.input-select{
	font-size:11px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999;
	padding:3px;
	-moz-border-radius:3px;-webkit-border-radius:3px;
}
.input-submit-edit,.input-submit-edit-final,.input-submit-delete{
	background-repeat:no-repeat;
	overflow:hidden;
	border:0 none;
	text-indent:-9999em;
	cursor:pointer;
}
.input-submit-edit,.input-submit-edit-final{
	height:18px;
	width:30px;
	background-image:url(../images/btn-pill.png);
}
.input-text{
	width:100px;
}
.input-submit-edit-final{background-position:0 -18px;}
.input-submit-delete{
	height:18px;
	width:18px;
	background-image:url(../images/btn-x.png);
}
#player-name-first{margin-bottom:3px;}
#player-name-first,#player-name-last{
	width:80px;
	display:block;
}
.score{
	width:20px;
	text-align:center;
	display:inline-block;
}
.datepicker{
	width:57px;
}
.score-holder{
	width:60px;
}
/* =====================================
	N A V
======================================*/
#nav-add, #nav-delete, #nav-fixture, #nav-logout {
	background-image:url(../images/admin-nav.png) !important;
	height:0;
}
#nav-add {
	width:100px;
	background-position:0 0;
}
#nav-add:hover { background-position:-120px 0; }
#nav-delete {
	width:120px;
	background-position:0 -43px;
}
#nav-delete:hover { background-position:-120px -43px ; }
#nav-fixture {
	width:83px;
	background-position:0 -86px;
}
#nav-fixture:hover { background-position:-120px -86px ; }
#nav-logout {
	width:76px;
	background-position:0 -129px;
}
#nav-logout:hover { background-position:-120px -129px ; }
/* =====================================
	R E C O R D S
======================================*/
.season-toggle {
	padding:0 5px;
	border:1px solid #bcc9d9;
	background:#e4ecf6;
	cursor:pointer;
	margin:10px 0 0;
}
.arrow-up  {
	background-position:-11px 0;
}
.arrow-down  {
	background-position:0 0;
}
.arrow-up, .arrow-down {
	display:inline-block;
	background-image:url("../images/arrow-down-up.png");
	background-repeat:no-repeat;
	height:7px;
	margin:7px 3px 0 0;
	width:11px;
}
/* -------------------------------------
	A	D	M	I	N
------------------------------------- */
.half-left .input-text,.half-left .input-textarea,.half-left .input-select{
	width:342px;
}
.half-left,.half-right{
	position:relative;
}
.half-left{
	float:left;
	width:350px;
}
.half-right{
	float:right;
	width:500px;
}
.section{
	border-bottom:1px solid #ccc;
	padding:10px 0;
}
.time{
	display:inline-block;
	width:50px; margin-right:10px;
}
.ui-droppable-disabled{
	background: url(../images/mini-kit.png) transparent bottom center no-repeat !important;
	border:0 none !important;
	height:52px !important;
	width:52px !important;
}
/* =====================================
	
======================================*/
#contentholder {
	border-top:.1em dotted #ccc;
	border-bottom:.1em dotted #ccc;
	}
#secondrow, #thirdrow {
	border-top:0.1em dotted #ccc;
	}
#firstrow, #secondrow, #thirdrow {
	padding:0.2em 0;
	clear:both;
	}
#thirdrow{
	/* border-top above */
	padding:0 0 1em 0;
	}
#footer {
	clear:both;
	padding:2.5em 0;
	margin-top:2.5em;
	border-top:1px dotted #ccc;
	}
#footerRight {
	float:right;
	text-align:right;
	}


p, ul.list li, ol li {
	font-size:1.2em;
	line-height:1.6em;
	}
p {	margin-bottom:1em; }
ol li { list-style-type:decimal;
	margin-left:20px;}
#footer p {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:0;
	color:#888;
	}

table {
	border-collapse:collapse;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	color:#333;
	width:100%;
	}
caption {
	text-align:left;
	font-size:1.4em;
	line-height:1.7em;
	color:#669966;
	text-transform:uppercase;
}
.over { background-color:#bbcee5 !important; }
td.name, th.name { text-align:left; }

#player-table {
	width:41em;
	margin-left:43em;
}
#league-table {
	width:41em;
	float:left;
}
.left { width:22.5em; float:left; padding-right:2em;}
.middle { width:22.5em; padding-right:2em; float:left;}
.right { width:34.5em; float:right;}

#logo-kitsonians {
	background:url(../images/shield.png) top left no-repeat;
	position:absolute;
	top:7px;
	left:-35px;
	width:27px;
	height:30px;
}
#logo-home {
	background:url(../images/logo.gif) bottom left no-repeat;
	padding-top:15px;
	display:block;
	width:279px;
	height:14px;
	text-indent:-9999em;
}

/*	F I X T U R E S
========================================== */
#ninety,#extra-time,#penalties{
	padding-top:10px;
}
#forty-five input,#ninety input,#extra-time input,#penalties input{
	width:20px;
	text-align:center;
}
#formation-select {
	position:absolute;
	top:-2.5em;
	left:87px;
}
.draggable {
	width:161px;
	font-size:1.2em;
	color:#fff;
	background:#2f4d2b;
	border:2px solid #fff;
	padding:5px;
	float:left;
	display:block;
	cursor:pointer;
}
#pitch {
	width:500px;
	height:335px;
	background:url(../images/pitch.png) top left no-repeat;
	position:relative;
	margin-top:25px;
}
.position {
	background:url(../images/mini-kit-opaque.png) bottom center no-repeat;
	height:52px;
	width:52px;
	position:absolute;
	cursor:pointer;
}
/*	f4-4-2 */
.f4-4-2 #pos-1,
.f4-5-1 #pos-1,
.f4-3-3 #pos-1{
	top:-32px;
	left:222px;
}
.f4-4-2 #pos-2,.f4-4-2 #pos-3,.f4-4-2 #pos-4,.f4-4-2 #pos-5,
.f4-5-1 #pos-2,.f4-5-1 #pos-3,.f4-5-1 #pos-4,.f4-5-1 #pos-5,
.f4-3-3 #pos-2,.f4-3-3 #pos-3,.f4-3-3 #pos-4,.f4-3-3 #pos-5{
	top:50px;
}
.f4-4-2 #pos-6{
	left:60px;
}
.f4-4-2 #pos-7{
	left:168px;
}
.f4-4-2 #pos-8{
	right:168px;
}
.f4-4-2 #pos-9{
	right:60px;
}
.f4-4-2 #pos-10{
	left:160px;
}
.f4-4-2 #pos-11{
	right:160px;
}
.f4-4-2 #pos-2,.f4-5-1 #pos-2,.f4-3-3 #pos-2{
	left:80px;
}
.f4-4-2 #pos-3,.f4-5-1 #pos-3,.f4-3-3 #pos-3{
	left:175px;
}
.f4-4-2 #pos-4,.f4-5-1 #pos-4,.f4-3-3 #pos-4{
	right:175px;
}
.f4-4-2 #pos-5,.f4-5-1 #pos-5,.f4-3-3 #pos-5{
	right:80px;
}
.f4-4-2 #pos-6,.f4-4-2 #pos-7,.f4-4-2 #pos-8,.f4-4-2 #pos-9{
	top:150px;
}
.f4-4-2 #pos-10,.f4-4-2 #pos-11{
	top:250px;
}
/*	f4-5-1 */
.f4-5-1 #pos-8,
.f4-3-3 #pos-7{
	left:222px;
	top:140px;
}
.f4-5-1 #pos-7,.f4-5-1 #pos-9,
.f4-3-3 #pos-6,.f4-3-3 #pos-8{
	top:140px;
}
.f4-5-1 #pos-7,
.f4-3-3 #pos-6{
	left:123px;
}
.f4-5-1 #pos-9,
.f4-3-3 #pos-8{
	right:123px;
}
.f4-5-1 #pos-6,.f4-5-1 #pos-10{
	top:200px;
}
.f4-5-1 #pos-6{
	left:40px;
}
.f4-5-1 #pos-10{
	right:40px;
}
.f4-5-1 #pos-11{
	top:240px;
	left:222px;
}
/*	f4-3-3 */
.f4-3-3 #pos-9,.f4-3-3 #pos-10,.f4-3-3 #pos-11{
	top:240px;
}
.f4-3-3 #pos-9{
	left:100px;
}
.f4-3-3 #pos-10{
	left:222px;
}
.f4-3-3 #pos-11{
	right:100px;
}

.position-hover{
	background-color:#617f5e;
}
.position div.name-holder {
	position:absolute;
	left:-2em;
	right:-2em;
	bottom:-2.6em;
	height:10px;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 2px 1px #1A1A1A;
	font-weight:700;
}
.btn-admin, .btn-admin-small {
	border:1px solid #ccc;
	background-color:#eee;
	color:#666;
	cursor:pointer;
	font-family:Helvetica, sans-serif;
}
.btn-admin {
	padding:.5em;
	font-weight:700;
	font-size:1.3em;
}
.btn-admin-small {
	padding:.2em;
	font-size:.9em;
}

#change-formation {
	display:block;
	position:absolute;
	top:-4em;
	right:0;
}
.details {
	width:13em;
	border:2px solid #b29931;
	position:absolute;
	top:1em;
	left:1em;
	z-index:1000;
	background:#fff;
	padding:1em;
}
/*	------------------------------------------
	U S E F U L  C L A S S E S
------------------------------------------	*/
.align-center{text-align:center !important;}
.bg-yellow{background-color:#FFFFDC;}
.clearer { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.relative { position:relative; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.border-bottom { border-bottom:1px solid #366842; }
.result-win { background:url(../images/result-win.gif) top left repeat-y; }
.result-lose { background:url(../images/result-lose.gif) top left repeat-y; }
.result-draw { background:url(../images/result-draw.gif) top left repeat-y; }
.odd { background-color:#e4ecf6; }
.even { background-color:#f3f7fb }
.caption { font-size:1em; }
.item { background:#F3F7FB; padding:.5em 1em; border:1px solid #ccc; margin-bottom:1.5em; }
.border { border:2px solid #bbcee5; padding:2px; }
.spacer { margin-bottom:1.5em; }
.lose { background-color:#c15353; color:#fff; }
.win { background-color:#52a93a; color:#fff; }
.draw { background-color:#e4ecf6; color:#fff; }
.ccc { color:#ccc; }
.lighter { color:#7e7e7e; }
.block { display:block; }
.static { display:static; }
.closer {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/fancy_closebox.png) top left no-repeat;
	bottom:-15px;
	right:-15px;
	position:absolute;
}
.align-left{text-align:left;}.align-right{text-align:right;}.center{text-align:center;}.zero{padding:0;margin:0;}.float-left{float:left;}.float-right{float:right;}.clear-left{clear:left;}.clear-right{clear:right;}.clear{clear:both;}.bold{font-weight:700;}.italic{font-style:italic;}.hide{display:none;}.round{-moz-border-radius:3px;-webkit-border-radius:3px;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{display:inline-block;}
/* start commented backslash hack \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* close commented backslash hack */
.focus{border:1px solid #bbb;background:yellow;}
.georgia{font-family:georgia;}
.bbb{color:#bbb;}
/* =====================================
	D A T E P I C K E R
======================================*/
.ui-datepicker { padding:10px; background:#fff; border:1px solid #ccc;display:none; }
.ui-icon {cursor:pointer;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:2px; width:1.8em; height:1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px;  }
.ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width:100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width:49%;}
.ui-datepicker table {
	width:100%;
	font-size:.9em;
	border-collapse:collapse;
	border:0 none;
}
.ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:bold; border:0;  }
.ui-datepicker td { border:0; padding:1px; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em; text-align:right; text-decoration:none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; }
.ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction:rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right:2px; left:auto; }
.ui-datepicker-rtl .ui-datepicker-next { left:2px; right:auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right:1px; left:auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left:1px; right:auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display:none; /*sorry for IE5*/
    display/**/:block; /*sorry for IE5*/
    position:absolute; /*must have*/
    z-index:-1; /*must have*/
    filter:mask(); /*must have*/
    top:-4px; /*must have*/
    left:-4px; /*must have*/
    width:200px; /*must have*/
    height:200px; /*must have*/
}