/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

img {
 border: 0;
}

.alert {
 border-style: solid;
 border-width: 3px;
 border-color: red;
 padding: 3px;
}

#frontpagewrapper { 
 margin: 0 auto;
 width: 400px;
}

#frontpageheader {
 color: #333;
 width: 400px; 
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 /* height: 100px; */
 margin: 5px 5px 5px 5px;
 background: #F2F2E6;
}
#frontpageheader p {
 text-align: center;
}


#wrapper { 
 margin: 0 auto;
 width: 750px;
}

#wrapper1 { 
 margin: 0 auto;
 width: 772px;
}

#wrapperL { 
 margin: 0 auto;
 width: 450px;
}

#header {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 /* height: 100px; */
 margin: 10px 0px 5px 0px;
 background: #F2F2E6;
}
#header img {
 float: left;
}
#header table {
 float: right;
}
#header table td {
 padding-left: 10px;
}

#subheader {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #F2F2E6;
 font-size: large;
}

#subheader1 {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #F2F2E6;
}

#subheaderL {
 color: #333;
 width: 750px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #F2F2E6;
 font-size: large;
}

#subheader p {
 font-size: medium;
}
#subheader span.highlight {
 font-weight: bold;
 color: red;
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 750px;
 display: inline;
}

#contentL {
 float: left;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 500px;
 height: 450px;
}

#contentR {
 float: right;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 margin-right: 0px;
 padding: 10px;
 width: 222px;
}
#contentR2 {
 float: right;
 color:#333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 margin-right: 0px;
 padding: 10px;
 width: 222px;
 height: 246px;
}

#content div.profile {
 clear: both;
}
#content div.profile img {
 padding-bottom: 10px;
}
#content .title {
 font-size: large;
}
#content .subtitle {
 font-weight: bold;
}
#content p {
 padding-bottom: 10px;
}
#content img.aboutus {
 float: right;
}
#content img.report {
 float: right;
}
#content img.calendar {
 float: right;
}
#content table.unit {
 width: 100%;
}
#content table.unit td.unit {
 width: 200px;
}
#content table.unit td.unit img {
 float: right;
}
#content p.centered {
 text-align: center;
}
#content p.errormessage {
 font-weight: bold;
 color: red; 
}
#content span.mandatory {
 font-weight: bold;
 color: red; 
}

#contentL .title {
 font-size: large;
}

#contentR .title {
 font-size: large;
}

#contentR2 .title {
 font-size: large;
}

#subheader1 .title {
 font-size: large;
}

#footer { 
 width: 750px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
 font-size: small;
}

ul{
	list-style-image: url("../../img/BlueArrow.jpg");
	padding-left: 16px;
}

li{
	padding: 0px 0px 7px 8px;
	margin:0px;
}

#SmallDate{
	font-size: 12px;
}

.ScoreTable {
  border: solid 1px #000;
  padding: 1px;
}

.ScoreAndPhoto {
  border: 0px;
  width: 100%;
}

.ScoreAndPhotoR {
  vertical-align: top;
  text-align: right;
  width: 400px;
  border-left: solid 10px #fff;
}

.ScoreAndPhotoL {
  vertical-align: top;
}

.ScoreCellRed {
  background: #FFD5D5;
  width: 25px;
  padding-left: 10px;
}

.ScoreCellWhite {
  background: #FFF;
  width: 25px;
  padding-left: 10px;
}

.ScoreCellNameRed {
  background: #FFD5D5;
  width: 120px;
  padding-left: 2px;
  border-right: solid 1px #000;
}

.ScoreCellNameWhite {
  background: #FFF;
  width: 120px;
  padding-left: 2px;
  border-right: solid 1px #000;
}

.List {
	font-size: medium;
 	font-family: Arial;
}