

.tip { background-color: #FAFAD2; border: 1px solid #fc0; display: block; width: 66%; padding: 2px 10px; margin: 10px; }

.formErrors { background-color: #FAFAD2; border: 1px solid #fc0; color: red; display: block; padding: 0 10px;  margin: 10px;}

body {margin: 0px; padding: 0px; color: #333; background-color: #fff; font: 13px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

img { border: 0px; }

/*   -------- FORMS   --------------    */
form { margin: 0px; }
fieldset ol, fieldset ul {list-style-type: none; margin:0;padding:0;}
fieldset {border: 1px solid #eee; width: 80%}
legend {font-size:1.2em; font-weight:bold; margin-bottom:5px; padding:3px; background-color: #eee; border: 1px solid #ddd; }

label {clear:left; display:block; float:left; width:180px; text-align:right; padding-right:10px; color:#444; margin-bottom:0.5em;}

table.partyList label {display:inline; float: none;}

input , select {border:1px solid #aaa; padding:0.25em;font-size: 1.2em; margin-bottom:0.6em;}

textarea {border:1px solid #aaa; padding:0.25em;font-size: 1.2em; margin-bottom:0.6em;}

.submitButton input {margin-left: 190px; margin-top: 5px;}

table { border-collapse: collapse; }

a { outline: none; color: #ed8700; text-decoration: none; }
a:link, a:visited { color: #ed8700; text-decoration: none; }
a:hover, a:active { color: #149AB1; text-decoration: underline; }

h1 { margin: 5px 0; padding: 0px; font-size: 1.6em; font-weight: bold; }
h2 { margin: 5px 0 10px 0; padding: 0px; font-size: 1.4em; }

#headerContainer { position: relative; height: 75px; background: #333; border-top: 1px solid #ed8700; border-bottom : 1px solid #fff;}
#header { position: relative; width: 920px; margin: 0px auto; } 
#logo { position: absolute; top: 10px; left: 0px; z-index: 10; font-size: 20px;}
#logo_text { position: absolute; top: 10px; left: 45px; z-index: 10; font-size: 20px;}
#logo a {color: #ed8700;}

#mainnav { float: right; margin-top: 15px; }
#mainnav a { color: #fff; margin-left: 20px; }
#mainnav a:link, #mainnav a:visited { color: #fff; text-decoration: none; }
#mainnav a:hover, #mainnav a:active { color: #ed8700; text-decoration: none; }
#mainnav div { display: inline;}

#usernav a {font-size : 1.3em; font-weight: bold; color: #ed8700; padding: 0 10px;}
#usernav a.selected {color: #333; font-weight: bold; }

#topContentContainer { background-color : #eee; border-bottom: 1px solid #ddd}
#topContentSection {width: 880px; margin: 0px auto; padding: 15px 0;}
#topContentSection h2 {font-size: 2em;}
#contentContainer { width: 880px; margin: 0px auto; }
#content {padding: 20px 0px; min-height: 280px; border-bottom: 1px solid #ccc; }

#topContentSection div.homeMapLinks a {font-size : 9px; padding : 0;}

#footer {float: right;  color: #999;}
#footer a {padding-left: 10px;padding-right: 10px;}

.bigButtonText {border: 1px solid #999; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #ed8700; font-size: 2.2em; font-weight: bold; padding: 8px 12px; margin: 10px; color: #000}
.bigButtonText a {color: #333}


.exportButton
{
    background-image: url('/_resources/page_white_excel.png');
    background-position: 5px;
    background-repeat: no-repeat;
    padding: 2px 10px 2px 25px;
}
.exportTextButton
{
    background-image: url('/_resources/page_white_text.png');
    background-position: 5px;
    background-repeat: no-repeat;
    padding: 2px 10px 2px 25px;
}

.todaysResultMetric
{
    font-size: 4em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    display: block;
	margin:0;
	padding : 0;
}

/* tables */
.gridDisplay
{
    border: 1px solid #ddd;
}
.gridDisplay .tableRow
{
    background-color: #efefef;
}
.gridDisplay .alternateRow
{
    background-color: white;
}
.gridDisplay .tableHeader
{
    font-weight: bold;
    background-color: #666;
    color: white;
}
.gridDisplay td
{
    padding: 3px 8px;
    font-size: .9em;
}
.gridDisplay td a
{
    padding: 0 10px;
}
.gridDisplay th
{
    padding: 2px 8px;
    font-size: .95em;
    text-align: center;
    background-color: #ddd;
}
.small
{
    font-size: .85em;
}

#logo_text
{
    font-size: 30px;
    font-weight: bold;
    font-family: Trebuchet MS;
    text-decoration: none;
}
#logo_text #header_circuit
{
    color: white;
    padding: 0;
    padding-left: 10px;
	padding-right: 5px;
    margin: 0;
}
#logo_text #header_court
{
    color: white;
    padding: 0;
	padding-right: 5px;
    margin: 0;
}

