body {
	text-align:center;
	min-width: 1000px;
}
p {
	font-family: verdana;
}
#wrapper {
	width: 1000px;
	text-align: left;
  	margin-left: auto;
  	margin-right: auto;
}
#header_panel
{
	/*background: #FFF;*/
	margin:0;
}
#menu_panel {
	clear: left;
	/*margin-top:-30px;*/
}
#content_panel
{
	border: 1px solid #000;
	padding: 10px 5px 32px 10px;
	background: #FFF;
	margin:0;
}

#content_panel .section_bottom
{
	clear: both;
}
#right_advertisement_panel {
	width: 170px;
	height: 600px;
	float:right;
	color: #CCC;
	border-left: 1px solid #CCC;
	margin-left: 10px;
	padding:2px;
	font-family: verdana
}
#right_advertisement_panel img {
	border:1px solid #DDD;
}
#footer_panel {
	clear: both;
}
#footer_panel p {
	color: #888;
	font-family: verdana;
	font-size: 10px;
	text-align: center;
}

.main_image {
    width: 383px;
    height: 315px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
    border: 1px solid #CCC;
}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
}
.main_image .block{
    width: 100%;
    background: #444;
    opacity: 0.85;
    border: 1px solid #CCC;
}
.main_image h2 {
    margin: 0 0 0;
    padding: 10px;
}
.block .datetime { /*--We'll be using this same style on our thumbnail list--*/
    padding-bottom: 20px;
}
.main_image .block .datetime {margin-left: 10px;}
.main_image a img {
	border:0;
}
.main_image a:link, .main_image a:visited{ 
	text-decoration:none;
	color:#FFF;
}
.image_thumb {
	clear: left;
    float: left;
    width: 383px;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    width: 160px;
    height: 90px;
    background: #fff;
    float: left;
}
.image_thumb a:link, .image_thumb a:visited{ 
	text-decoration:none;
	color:#000;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    width: 360px;
    float: left;
    border-bottom: 1px solid #ccc;
}

html .image_thumb ul li h2 {
    font-size: 1.0em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}



.blogList_image_thumb {
	clear: left;
    float: left;
    /*width: 383px;*/
    width: 783px;
}
.blogList_image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    /*width: 160px;
    height: 90px;*/
    width: 203px;
    height: 153px;
    background: #fff;
    float: left;
}
.blogList_image_thumb a:link, .blogList_image_thumb a:visited{ 
	text-decoration:none;
	color:#000;
}
.blogList_image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blogList_image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    /*width: 360px;*/
    width: 760px;
    float: left;
    border-bottom: 1px solid #ccc;
}

html .blogList_image_thumb ul li h2 {
    font-size: 1.0em;
    margin: 5px 0;
    padding: 0;
}
.blogList_image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 520px;
    /*width: 170px;*/
}
.blogList_image_thumb ul li .block .blogbody {
	height: 85px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.blogList_image_thumb ul li .block .viewMoreLink {
	font-family: verdana;
	font-size: .8em;
	text-decoration:underline;
}



.block .category a:link, .block .category a:visited {
	font-family: verdana;
	font-size: .7em;
	font-weight: bold;
	color: #666;
}
.feedBox {
	clear: left;
    float: left;
    border: 1px solid #CCC;
	background: #EEE;
	padding: 2px;
	margin-bottom: 5px;
}

h1 {
	font-family: "Tahoma",verdana;
	color: #008; 
	margin-left: 20px;
	background: transparent;
	float: left;
}	

h2 {
	font-family: "Tahoma",verdana;
	color: #222222;
}
h3 {
	font-family: verdana;
	color: #0379F1;
	font-size: .8em; 
}
h3 a {
	color: #0379F1;
}
.adminTools h3 {
	font-size: .8em; 
}
.adminTools {
	border: 1px solid #CCC;
	background: #EFE;
	padding: 2px;
	margin-bottom: 20px;
}
.adminTools ul {
	font-family: verdana;
	font-size: 0.7em;
}
.playerTools h3 {
	font-size: .8em; 
}
.playerTools {
	border: 1px solid #CCC;
	background: #FFC;
	padding: 2px;
	margin-bottom: 20px;
}
.playerTools ul {
	font-family: verdana;
	font-size: 0.7em;
}
.captainTools h3 {
	font-size: .8em; 
}
.captainTools {
	border: 1px solid #CCC;
	background: #DEF;
	padding: 2px;
	margin-bottom: 20px;
	font-family: verdana;
}
.captainTools ul {
	font-family: verdana;
	font-size: 0.7em;
}

.doubleColumnContainer{
	float:left;
}
.leftColumn {
	clear:left;
	float:left;
	width: 383px;
	margin-right: 10px;
}
.rightColumn {
	float:left;
	width: 383px;
	margin-left: 10px;
	margin-right: 10px;
	border-left: 1px dotted #CCC;
}
.singleColumn {
	clear: left;
	float: left;
	width: 786px;
	margin-right: 10px;
}

.eventDescription{
	clear:both;
}

.recapInfo{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.recapInfo .bottom {
	clear: both;
}
.recapInfo .boxScore {
	float: left;
	border-right: 1px solid #CCC;
	width: 370px;
	padding-left: 20px;
}
.boxScore table {
	float: left;
}
.boxScore table thead tr th {
	font-family: verdana;
	font-size: .9em;
	padding-left: 4px;
}
.boxScore table tr td{
	font-family: verdana;
	font-size: .9em;
	padding-left: 4px;
}
.boxScore .finalScore {
	font-weight: bold;
	padding-left: 10px;
}
.boxScore .status {
	float: left;
	font-family: verdana;
	font-size: 1em;
	font-weight: bold;
	padding-left: 10px;
	line-height: 64px;
}
.boxScore a:link, .boxScore a:visited {
	color: #000;
}
.timeAndPlace {
	float: left;
	width: 370px;
	padding-left: 20px;
	font-family: verdana;
	font-size: .9em;
}

.blogpanel{
}
.datetime {
	font-family: verdana;
	font-size: .7em;
	font-weight: bold;
	color: #888;
}
.author {
	font-family: verdana;
	font-size: .8em;
	font-style:italic;
}



.blogbody {
	font-family: verdana;
	font-size: .8em;
	margin-top: 10px;
}

.blog .mainimage .image img {
	float: left;
	padding: 10px;
}
.blog .mainimage .caption {
	padding: 10px;
	color: #666;
	font-family: verdana;
	font-size: .8em;
}
.blog .blogbody {
	margin-top: 10px;
	margin-right: 20px;
	display: block;
	float: left;
	width: 580px;
}

.blog .blogList{
	border-left: 1px solid #000;
	font-family: arial;
	font-size: .8em;
	display: block;
	clear: right;
	float: right;
	width: 160px;
	padding: 10px
}
.blog .blogList .blogListTitle {
	font-family: arial;
	font-size: .9em;
	text-align: center;
	color: #888;
}
.blog .blogList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
.blog .blogList li .date {
	font-family: arial;
	font-size: .8em;
}
.blogBottom {
	clear: both;
}
.blogAttachments {
	padding: 5px;
	width: 580px;
	background-color: #DDF;
	border: 1px solid #888;
}
.blogAttachments h3 {
	font-size: .8em;
	margin: 4px;
}
.blogAttachments li {
	list-style-type: none;
	display: inline;
}
.blogAttachments li a {
	display: block;
	float: left;
	background-color: #EEF;
	border: 1px solid #CCF;
	padding: 4px;
	margin: 4px;
  	text-align:center;
}
.blogAttachments li img{
	border: 1px solid #000;
	display:inline;
}
.blogAttachments .bottom{
	clear: left;
}
.blogShareThis {
	text-align: center;
	margin-top: 15px;
}
.blogcomments {
	margin-top: 30px;
	margin-left: 30px;
	border-top: 1px dotted #888;
}
.blogcomments {
	margin-top: 30px;
	margin-left: 30px;
	border-top: 1px dotted #888;
}
.blogcomment{
	padding-bottom: 10px;
}
.blogcomment .avatar{
	display: block;
	float: right;
}
.blogcomment .bottom {
	clear: both;
}
.eventcomments {
	font-family: verdana;
	font-size: .8em;
}
.eventcomments .blogcomment {
	border-bottom: 1px solid #888;
}

.editLink {
	color: #00F;
	text-decoration: underline;
	font-size: .8em;
	cursor:pointer;
}
a:link.editLink , a:visited.editLink  {
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	padding: 2px;
	margin: 1px;
}
.wikibody {
	font-family: verdana;
	font-size: .8em;
	margin-top: 10px;
}
.wiki .wikibody {
	margin-top: 10px;
	display: block;
	float: right;
	width: 600px;
	border-left: 1px solid #000;
	padding-left: 10px;
}
.wiki .wikiRevisionList {
	float: right;
	clear: right;
	color: #666;
}
.wiki .wikiRevisionList table {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.wiki .wikiRevisionList table td {
	font-family: arial;
	font-size: .7em;
	padding-left: 3px;
	padding-right: 3px;
}
.wiki .wikiRevisionList table th {
	font-family: arial;
	font-size: .7em;
	border: 1px solid #CCC;
}
.wiki .wikiRevisionList {
	font-family: arial;
	font-size: .9em;
	text-align: center;
}

.wiki .wikiList{
	font-family: arial;
	font-size: .8em;
	display: block;
	clear: left;
	float: left;
	width: 140px;
	padding: 10px
}
.wiki .wikiList .wikiListTitle {
	font-family: arial;
	font-size: .9em;
	text-align: center;
	color: #888;
}
.wiki .wikiList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
.wikiAttachments {
	padding: 5px;
	background-color: #DDF;
	border: 1px solid #888;
}
.wikiAttachments h3 {
	font-size: .8em;
	margin: 4px;
}
.wikiAttachments li {
	list-style-type: none;
	background-color: #EEF;
	border: 1px solid #CCF;
	padding: 4px;
	margin: 4px;

	display: inline;
}


.photoViewColumn {
	clear:left;
	float:left;
	width: 511px;
	margin-right: 10px;
	height: 600px;
	overflow: scroll;
}
.photoUploadColumn {
	float:left;
	width: 255px;
	margin-left: 10px;
	margin-right: 10px;
	border-left: 1px dotted #CCC;
}
.photoItem {
	border-bottom: 1px solid #CCC;
}
.photoItem .caption {
	font-family: verdana;
	font-size: .8em;
	display: block;
}
.photoItem .avatarInfo {
	font-family: verdana;
	font-size: .8em;
	display: block;
	font-weight: bold;
	background-color: #EEE;
}


.frame {
	padding:0;
}
.frame .title .left{
	width: 8px;
	float: left;
	height: 20px;
	background-color: #000;
}
.frame .title .right{
	width: 8px;
	float:right;
	margin-top:-20px;
	height: 20px;
	background-color: #000;
}
.frame .title{
	background: #000;
	color: #fff;
	height: 20px;
	background-color: #000;
}
.frame .title .text{
	font-family: "Trebuchet MS";
	font-size: .7em;
	height: 20px;
	vertical-align:middle;
}
.frame .content {
	padding: 2px;
	border-top:  1px solid #000;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
}

#titleBar {
	background: #EEE;
	border: 1px solid #DDD;
	color: #888;
	font-family: "arial";
	font-size: .7em;
	padding-bottom: 25px;
}
#titleBar .title {
	float:left;
	padding: 5px;
}
.loginStatus {
	display:block;
	padding: 5px;
}
#titleBar a:link, #titleBar a:visited {
	color: #888;
}
#titleBanner {
	width: 1000px;
	height: 80px;
	padding: 0;
}
#titleBannerMedium {
	width: 1000px;
	height: 50px;
	padding: 0;
	position: relative;
}
#titleBannerMedium h1 {
	position: absolute;
    bottom: -15px;
    left: 330px;
    padding: 0;
}
#loginBar {
	float: right;
}
#loginBar label {
	padding-top: 4px;
	padding-right: 4px;
}
#loginBar input {
	margin-top: 3px;
	font-family: "arial";
	font-size: .8em;
}
#loginBar form{
	display:inline;
}





#teamMenu ul.menuLevel1 {
	list-style-type:none;
	margin:0;
	padding-left: 40px;
	padding-bottom: 24px;
	font: bold 11px arial;
}
#teamMenu ul.menuLevel1 li {
	display: block;
	float: left;
	height: 21px;
	background-color: #06F;
	color: #000;
	margin: 2px 2px 0 2px;
	border: 1px solid #000;
}
#teamMenu ul.menuLevel1 a:link, #teamMenu ul.menuLevel1 a:visited
{
	display:block;
	padding: 4px;
	color: #CCC;
	text-decoration: none;
}
#teamMenu ul.menuLevel1 a:hover {
	background-color: #FF8800;
	color: #FFF;
}
#teamMenu ul.menuLevel1 li.activeTree 
{
	margin-top: -5px;
	height: 21px;
	padding: 4px;
	background: #FFF;
	border-bottom: #FFF;
}




.queryOptions {
	padding-bottom: 10px;
}
.queryOptions p {
	display: block;
	clear: left;
	padding: 5px;
}
.queryOptions label {
	display: block;
	float: left;
	font-family: "arial";
	font-size: .8em;
	text-align: right;
	width: 100px;
	padding-right: 2px;
}
.queryOptions select {
	font-family: "arial";
	font-size: .7em;
	float: left;
}
.queryOptions input {
	float: left;
}

.homeQueryOptions {
	padding-bottom: 10px;
	display: block;
	float: right;
	width: 220px;
}
.homeQueryOptions label {
	display: block;
	float: left;
	font-family: "arial";
	font-size: .8em;
	text-align: right;
	padding-right: 2px;
}
.homeQueryOptions select {
	float: left;
	font-family: "arial";
	font-size: .7em;
}
.homeQueryOptions input {
	float: left;
}


.scheduleTable 
{
	padding: 0;
	background: #0379F1;
	color: #FFF;
	display: block;
	float: left;
	clear: left;
	margin: 4px;
	width: 100%;
	border: 1px solid #CCC;
}

.scheduleTable .title
{
	font-family: verdana;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px;
}
.scheduleTable caption {
	display: none;
}
.scheduleTable table
{
	border-collapse: collapse;
	background: #CCC;
	width: 100%;
}
.scheduleTable thead tr th
{
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	text-align: left;
	padding: 4px;
	background: #CCC;
	border: 1px solid #CCC
}
.scheduleTable tr td
{
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	text-align: left;
	border: 1px solid #CCC;
	height: 40px;
}
.scheduleTable tr td a:link, .scheduleTable tr td a:visited
{
	color: #000;
}
.scheduleTable tr.odd
{
	background: #FFF;
}
.scheduleTable tr.even
{
	background: #EEE;
}
.scheduleTable tr.empty
{
	background: #FFF;
}
.scheduleTable .legend {
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	background: #CCC;
	padding: 4px;
}

.thinTable
{
	padding: 0;
	background: #0379F1;
	color: #FFF;
	display: block;
	float: left;
	clear: left;
	margin: 4px;
	width: 100%;
	border: 1px solid #CCC;
}

.thinTable .title
{
	font-family: verdana;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px;
}
.thinTable caption {
	display: none;
}
.thinTable table
{
	border-collapse: collapse;
	background: #CCC;
	width: 100%;
}
.thinTable thead tr th
{
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	text-align: left;
	background: #CCC;
	border: 1px solid #CCC
}
.thinTable tr td
{
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	text-align: left;
	border: 1px solid #CCC;
}
.thinTable tr td a:link, .thinTabletr td a:visited
{
	color: #000;
}
.thinTable tr.odd
{
	background: #FFF;
}
.thinTable tr.even
{
	background: #EEE;
}
.thinTable tr.empty
{
	background: #FFF;
}

.team-info .team-logo {
	float:left;
}
img.team-logo {
	border: 0;
}
.team-info h2 {
	padding-top : 10px;
}

.game-header .team-logo {
	vertical-align: middle;
}

.hide{
	display:none;
}

.content {
	clear:both;
	float: left;
}
.utilityColumn {
	float: right;
}
.contentBottom {
	clear:both;
}

.tableForm label {
	float: left;
	display: block;
	font-family: verdana;
	font-size: 0.7em;
}
.tableForm table
{
	border-collapse: collapse;
	background: #CCC;
	width: 100%;
}
.tableForm thead tr th
{
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	text-align: left;
	padding: 4px;
	background: #CCC;
	border: 1px solid #CCC
}
.tableForm tr td {
	font-family: verdana;
	font-size: 0.7em;
}
.tableForm tr td input, .tableForm tr td select {
	font-size: 0.9em;
}
.tableForm tr.odd
{
	background: #FFF;
}
.tableForm tr.even
{
	background: #EEE;
}
.tableForm tr.empty
{
	background: #FFF;
}
.tableForm .formRow input, .tableForm .formRow select {
	font-size: 0.7em;
}

.tableForm .formRow p {
	float:left;
	margin-right: 10px;
}
.normalForm .formRow {
	clear: both;
}

.normalForm label {
	float: left;
	display: block;
	font-family: verdana;
	font-size: 0.8em;
	width: 100px;
}
.normalForm fieldset {
	display: block;
	width: 140px;
	background: #EEE;
	border: 1px solid #DDD;
}
.normalForm fieldset label {
	padding: 2px;
	font-size: 0.7em;
	font-weight: bold;
}
.normalForm fieldset .checkbox {
	display: block;
	float: left;
	clear: left;
	padding: 4px;
}
.normalForm fieldset .checkbox input {
	display: block;
	float: left;
}
.normalForm fieldset .radio {
	display: block;
	float: left;
	clear: left;
	padding: 4px;
}
.normalForm fieldset .radio input {
	display: block;
	float: left;
}
.normalForm fieldset.logos {
	width: 600px;
}
.normalForm fieldset.logos .radio {
	display: block;
	clear: none;
	float: left;
	padding: 4px;
}
.normalForm fieldset.logos .radio input {
	display: block;
	float: left;
}
.normalForm fieldset.individuals {
	width: 280px;
}
.normalForm fieldset.individuals .checkbox input {
	clear: left;
}
.normalForm fieldset.individuals .checkbox label {
	width: 200px;
	font-weight: normal;
}
.normalForm textarea {
	float: left;
}
.normalForm p {
	clear: both;
}
.normalForm .ubbFormattingHelp {
	font-family: verdana;
	font-size: 0.7em;
	float: left;
}
.staticLabel {
	font-family: verdana;
	font-size: 0.9em;
}
.staticField {
	font-family: verdana;
	font-size: 0.8em;
	font-weight: bold;
	padding-bottom: 10px;
}
.staticBlock {
	font-family: verdana;
	font-size: 0.8em;
	font-weight: bold;
	padding-bottom: 10px;
	display: block;
	float: left;
}
.eventMatchup {
	padding: 0;
	display: block;
	margin: 4px;
	width: 100%;
	border: 1px solid #CCC;
	background: #EEE;
}
.eventMatchup p {
	color: #000;
	font-family: verdana;
	font-size: 1.2em;
	text-align:center;
	padding: 0;
	margin: 0;
}
.eventMatchup img {
	width: 80px;
	height: 80px;
	vertical-align:middle;
}
.eventReplyForm {
	padding: 0;
	color: #FFF;
	display: block;
	float: left;
	clear: left;
	margin: 4px;
	width: 100%;
	border: 1px solid #CCC;
	background: #EEE;
	font-family: verdana;
}
.eventReplyForm .title {
	font-family: verdana;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px;
}
.eventReplyForm .replyContent {
	padding: 10px;
	color: #000;
}	
.eventReplyForm label {
	font-family: verdana;
	font-size: 0.8em;
}
.eventReplyForm fieldset {
	border: 0;
	width: 200px;
	margin:0;
}
.eventReplyForm textarea {
	display: block;
}
.normalForm p {
	clear: both;
}


/* Message Quotes */
.quote {
		background: #F1F2EE;
		border : 1px solid #C6CFE7;
		font-size: 10px;
}
.quotetitle {
	background: #D6DFF7;
	color: #000000;
	font-family: Tahoma, verdana;
	font-size: 11px;
	text-align: left;
	font-weight: 100;
	padding: 2px;
}
.quotecontent {
	padding: 4px;
}

.loss {
	color: #C00;
}
.win {
	color: #080;
}
.tie {
	color: #000;
}


.gender_M{
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.gender_F{
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.gender_M .text{
	display: none;
}
.gender_F .text{
	display: none;
}
.gender_M_sm{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
}
.gender_F_sm{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
}
.gender_M_sm .text{
	display: none;
}
.gender_F_sm .text{
	display: none;
}

.captain{
	width: 16px;
	height: 16px;
	display: block;
}
.captain .text{
	display: none;
}
.rssIcon {
	float:right;
	margin-top:1px;
	margin-right:1px;
}
.emailIcon {
	float:right;
	margin-top:1px;
	margin-right:1px;
}

.required {
	color: #F00;
	font-family: verdana;
	font-size: 0.7em;
}

.errors {
	display: block;
	color: #C00;
	font-family: verdana;
	font-size: 0.7em;
}
.error {
	color: #C00;
	font-family: verdana;
}
.fieldDescription {
	display: block;
	font-family: verdana;
	font-size: 0.7em;
}
.normalForm .fieldDescription {
	margin-left: 100px;
}
.normalForm .errors {
	margin-left: 100px;
}
.textWithLogo {
	display:block; 
	padding-top: 12px; 
	padding-bottom: 12px;
}
.thinTextWithLogo {
	display:block; 
	padding-top: 6px; 
	padding-bottom: 6px;
}
.seasonRecord {
	color: #000;
	font-family: verdana;
	font-weight: bold;
	font-size: 2em;
}
.minirecord table tr td{
	text-align: center;
}



.yesResponses  {
	background: #080;
	color: #FFF;
}
.maybeResponses  {
	background: #C80;
	color: #FFF;
}
.noResponses  {
	background: #C00;
	color: #FFF;
}
.notYetResponses  {
	background: #CCC;
	color: #000;
}
.yesResponses table thead {
	display: none;
}
.noResponses table thead {
	display: none;
}
.maybeResponses table thead {
	display: none;
}
.notYetResponses table thead {
	display: none;
}
.yesComment  {
	border-left: 3px solid #080;
	padding-left: 5px;
}
.maybeComment  {
	border-left: 3px solid #C80;
	padding-left: 5px;
}
.noComment  {
	border-left: 3px solid #C00;
	padding-left: 5px;
}


.downloadInstructions {
	margin-top: 32px;
	border: 1px dashed #AAA;
	display: block;
	clear: both;
	background-color: #EFF;
	padding: 10px;
}
.downloadInstructions h3 {
	margin-top: 0;
}
.downloadInstructions p {
	font-size: .8em;
	font-family: verdana;
}


#map_canvas {
	margin: 4px;
}	



#rankingList {
	border: 1px solid #CCC;
	background: #EEE;
	font-family: verdana;
}



/********************************* 
 *  LEGACY STYLES: FOR REFERENCE ONLY
 ***********************************/

#mainMenu {	
	margin-left: 50px;
	display: block; 
	width: 900px;
	height: 80px;
	margin-bottom: 10px;
}
#mainMenu .leftCorner {
	width: 16px;
	height: 16px;
	float:left;
}
#mainMenu ul.menuLevel1 {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 68px;
	font-family: "arial";
	font-size: .9em;
	font-weight: bold;
	
}
#mainMenu ul.menuLevel1 li{
	float:left;
	height: 20px;
	color: #FFF;
	margin: 2px 2px 0 2px;
	display: block;
	padding: 4px;
}
#mainMenu ul.menuLevel1 li.activeTree {
	color: #FFF;
	background-color: #0379F1;
}
#mainMenu ul.menuLevel1 a:link, #mainMenu ul.menuLevel1 a:visited {
	display: block;
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
}

#mainMenu ul.menuLevel2 {
	display: block;
	width: 870px;
	list-style-type: none;
	position: absolute;
	margin-top: 6px;
	margin-left: -4px;
	background: #0379F1;
	font-family: "arial";
	font-weight: bold;
	font-size: .75em;
	padding-left: 0px;
}

#mainMenu ul.menuLevel2 li{
	
	float:left;
	height: 18px;
	color: #FFF;
	margin-top: 2px;
	display: block;
	padding-right: 10px;
}
#mainMenu ul.menuLevel2 li.activeTree {
	color: #FFF;
}
#mainMenu ul.menuLevel2 a:link, #mainMenu ul.menuLevel2 a:visited {
	display: block;
	color: #CCC;
	background-color: transparent;
	text-decoration: none;
}
#mainMenu ul.menuLevel2 a:hover {
	text-decoration: underline;
	background: #FF8800;
	color: #FFF;
	margin: -4px;
	padding: 4px;
}

#mainMenu .breadcrumbs {
	color: #0379F1;
	font-family: "arial";
	font-size: .7em;
	font-weight: bold;
	margin-left: 20px;
}
#mainMenu .breadcrumbs a:link, #mainMenu .breadcrumbs a:visited {
	color: #0379F1;
	text-decoration: none;
}

.division{
	color: #888;
	display: block;
}
.sharelink{
	display: block;
	border: 1px solid #000;
	background: #EEE;
	font-family: verdana;
	font-size: 0.7em;
}
.shareThis {
	display: block;
	float: right;
	border: 1px solid #CCC;
	background: #EEE;
	font-family: verdana;
	font-size: 0.8em;
	padding: 4px;
}

.currentInning input {
	background : #FFFF00;
}
.small_button {
	font-size: 0.7em;
}
.roleTable 
{
	padding: 0;
	background: #0379F1;
	color: #FFF;
	display: block;
	width: 100%;
	border: 1px solid #CCC;
}
.roleTable table
{
	border-collapse: collapse;
	background: #CCC;
	width: 100%;
}
.roleTable tr td
{
	font-family: verdana;
	color: #000;
	font-size: 0.7em;
	text-align: left;
	border: 1px solid #CCC;
	height: 20px;
}
.roleTable tr.odd
{
	background: #FFF;
}
.roleTable tr.even
{
	background: #EEE;
}
.galleryImage {
	float: left;
}
.galleryImage .filename {
	font-family: verdana;
	font-size: 0.7em;
	color: #888;
}
.galleryImage .caption {
	font-family: verdana;
	font-size: 0.8em;
	color: #888;
	font-weight: normal;
}
.attachment {
	border: 1px solid #CCC;
	float: left;
	padding: 2px;
}
.attachment .filename {
	font-family: verdana;
	font-size: 0.7em;
	color: #888;
}
.attachment .description {
	font-family: verdana;
	font-size: 0.9em;
	color: #888;
	font-weight: normal;
}
.toggle {
	font-family: verdana;
	font-size: .8em;
}
.g-plus-box {
	float: right;
}