/* Charnwood Sunday Football League */
/* CSS */
/* Written by and Copywright Steven Howe - November 2008 */

* {
 padding: 0;
 margin: 0;
}

body {
 padding: 0;
 margin: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 76%;
 /*line-height is 1.6 times the font size*/
 /* 76% rather than 75% counteracts an Opera bug */
}

a:link {
 text-decoration: none;
 color: #840301;
}

a:visited {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
 color: #840301;
}

#header {
 position: relative;
 height: 17.5em;
 width: 100%;
 border-bottom: solid 2px #840301;
}

#content {
 position: relative;
 width: 100%;
}

#logo {
 width: 186px;
 height: 181px;
 padding-bottom: 0.1em;
}

#txthead {
 position: absolute;
 top: 3em;
 left: 191px;
 padding-left: 5px;
}

#rightsponsor {
 position: absolute;
 top: 3em;
 left: 47em;
 width: 320px;
 padding: 0;
 margin: 0;
}

#footer {
 font-family: Arial, Helvetica, sans-serif;
 position: absolute;
 bottom: 2px;
 left: 5px;
 text-align: left;
 font-size: 0.8em;
 color: #840301;
}

#leftnav {
 width: 7em;
 padding-top: 1em;
 padding-left: 1.25em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 1.3em;
 text-align: left;
 background-color: #840301;
 margin-left: 0;
}

#contentfield {
 position: absolute;
 top: 1em;
 left: 14em;
 padding-right: 2em;
 margin-bottom: 2em;
 width: 68em;
}

.titlemain, .titlesm {
 font-family: "Times New Roman", Times, serif; 
 color: #840301;
 text-align: center;
}

.titlemain {
 font-weight: bold;
 font-size: 4.5em;
}

.titlesm {
 font-weight: normal;
 font-size: 2.76em;
}

.tagline {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 2em;
 color: #000;
 text-align: center;
}

ul {
 list-style: none;
}

ul, li {
 padding: 0;
 margin: 0;
}

.current {
 color: #fb0;
}

ul#mainnav li, ul#mainnav li a {
 display: block;
 background-color: #840301;
 width: 7em;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

ul#mainnav li {
 color: #fb0;
 margin-bottom: 0.75ex;
}

ul#mainnav li a {
 font-weight: bold;
 color: #fff;
}

ul#mainnav li a:hover {
 display: block;
 background-color: #840301;
 font-weight: bold;
 text-decoration: none;
 color: #fb0;
}

ul#submenu {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 padding-left: 3em;
 color: #fb0;
 background-color: #840301;
 text-decoration: none;
}

ul#submenu li, ul#submenu li a {
 display: block;
 font-weight: normal;
 width: 5em;
 margin-bottom: 0.25ex;
}

ul#submenu li {
 color: #fb0;
}

ul#submenu li a {
 color: #fff;
}

ul#submenu li a:hover {
 font-weight: normal;
 color: #fb0;
}

ul#submenu2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 padding-left: 1em;
 color: #fb0;
 background-color: #840301;
 text-decoration: none;
}

ul#submenu2 li, ul#submenu2 li a {
 display: block;
 font-weight: normal;
 width: 6.5em;
 margin-bottom: 0.25ex;
}

ul#submenu2 li {
 color: #fb0;
}

ul#submenu2 li a {
 color: #fff;
}

ul#submenu2 li a:hover {
 font-weight: normal;
 color: #fb0;
}

.tabtitle {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
 text-align: left;
}

table {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1em;
 margin-top: 2ex;
 text-align: center;
}

.calendar {
 text-align: left;
 margin-left: 5em;
}

.tabhead {
 background-color: #840301;
 color: #fff;
}

.odd {
 background-color: #ffd;
}

.even {
 background-color: #fff;
}

.resultsbox, .archivebox, .newsbox {
 margin: 1em;
 width: 39em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1em;
}

.fixturebox {
 margin: 1em;
 width: 39em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1em;
}

h1, h3, h5 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #000;
}

h1 {
 font-size: 1.7em;
 padding-bottom: 10px;
}

h3 {
 font-size: 1.4em;
 padding-bottom: 2px;
} 

h4 {
 display: block;
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1.1em;
 padding-bottom: 0.5em;
 padding-left: 0.5em;
 padding-top: 0.3em;
}

h5 {
 font-size: 1em;
 text-transform: uppercase;
 padding-bottom: 2px;
}

.resultsbox h4, .archivebox h4, .newsbox h4 {
 background-color: #000;
}

.fixturebox h4, .rharticle h4 {
 background-color: #840301;
}

.byline, .info {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
}

.byline {
 font-style: italic;
 font-size: 0.8em;
}

.detail, .detailleft, .detailright, .expunged {
 font-style: italic;
 font-size: 0.8em;
 padding-bottom: 0.3em;
}

.detailleft, .home {
 text-align: right;
}

.detailright, .away, .referee, .competition, .winner, .runnerup, .teamname {
 text-align: left;
}

.result, .fixture {
 width: 100%;
 margin-top: 0;
}

.home {
 width: 16.5em;
 padding-right: 1em;
}

.away {
 width: 16.5em;
 padding-left: 1em;
}

.referee {
 width: 10em;
 padding-left: 0.1em;
}

.competition, .winner, .runnerup {
 width: 12em;
}

.classification {
 width: 20px;
 font-weight: bold;
 text-align: center;
 background-color: #FFF;
}

.expunged {
 color: #f00;
}

#contentfield p {
 margin-bottom: 1em;
}

#footer a:link {
 font-weight: bold;
 color: #840301;
 text-decoration: none;
}

#footer a:visited {
 font-weight: bold;
 color: #840301;
 text-decoration: none;
}

#footer a:hover {
 font-weight: bold;
 color: #840301;
 text-decoration: underline;
}

#header img, #rightsponsor img {
 border: 0;
}

.inlinehead {
 font-weight: bold;
 font-size: 1.1em;
 margin-top: 0.2em;
 margin-bottom: 0.2em;
}

.sponsor {
 width: 40em;
 margin-bottom: 1em;
 margin-left: 2em;
}

.month {
 font-weight: bold;
 width: 3em;
 padding: 0.2em;
}

.date {
 font-style: italic;
 text-align: center;
 width: 3em;
 padding: 0.1em;
}

#rightcolumn {
	float: right;
	display: inline;
	width: 20em;
/*	margin-left: 1em;*/
	padding-top: 2.7em;
}

.rharticle {
	border-bottom: 1px solid black;
	margin-bottom: 2em;
}

#registerbox {
	float: right;
	display: inline;
	width: 20em;
	background: #fb0;
	border-left: 1em solid #fb0;
	border-right: 1em solid #fb0;
	margin-left: 1em;
	padding-top: 3px;
}

#registerbox h3 {
	color: #840301;
}

#registerbox a.regbutton:link, #registerbox a.regbutton:visited {
	display: block;
	width: 14em;
	color: #fff;
	background-color: #840301;
	text-decoration: none;
	font-weight: bold;
	margin: 20px auto;
	text-align: center;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

#registerbox a.regbutton:hover {
	color: #ff0;
}

/* modals */

#mask{  
    position:absolute; /* important */  
    top:0px; /* start from top */  
    left:0px; /* start from left */  
    height:100%; /* cover the whole page */  
    width:100%;  /* cover the whole page */  
    display:none; /* don't show it '*/            
   
    /* styling below */  
    background-color: black;  
}  
   
.modal_window{  
    position:absolute; /* important so we can position it on center later */  
    display:none; /* don't show it */  
   
    /* styling below */  
    color:white;  
}  
   
/* style a specific modal window  */  
#registerwindow {
	width: 400px;
	padding:50px;  
    border:1px solid gray;  
    background: #fb0;  
    color:black;  
}

#registerwindow h3 {
	padding-bottom: 15px;
}

#registerwindow form {
	padding: 15px 0;
}

form.csflform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.csflform fieldset {
  margin-bottom: 10px;
  border: 0;
}

form.csflform legend {
  padding: 10px 2px 0 2px;
  font-weight: bold;
  color: #000;
}

form.csflform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

form.csflform fieldset ol {
  margin: 0;
  padding: 0;
}

form.csflform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form.csflform label {
  width: 120px; /* Width of labels */
}

form.csflform .button {
	margin-left: 128px;
}