@CHARSET "UTF-8";
/*
*  Title: Bowl.com Global CSS
*  Author: Chem Swift (chem.swift@bowl.com)
*  Copyright (c) 2009 United States Bowling Congress
*  Date: 2/10/2009
*  Description:  This stylesheet describes global styles for the Bowl.com website based on the Bowl.com styleguide.
*                The target media is "Screen, Projection".  Refer any questions to chem.swift@bowl.com.
*/

/* Start Global Styles */
body{
   color: #333;
   margin: 0;
   padding: 0;
   font-size: medium;
   width: 100%;
   background: #c2d9e7;
   font-family: Arial, Helvetica, sans-serif;
}

#container{
   margin: 0;
   padding: 10px;
   width: 1024px;
}

* html #container{
   width: 1024px;
}

h1, h2, h3{
   color: #036;
}

h1{
   font-size: 150%;
}

h2{
   font-size: 130%;
}

h3{
   font-size: 110%;
}

p{
   color: #333;
}

ul, li{
   font-size: 95%;
}

a:link{
   color: #036;
   text-decoration: underline;
}

a:visited{
   color: #666666;
   text-decoration: underline;
}

a:hover{
   color: #39c;
}

a:active{
   color: #036;
}

/* Branding Styles */

#branding{
   margin: 0;
   padding: 0;
}

/* Navigation Styles */

#nav-primary{
   margin: 0;
   padding: 0;
}

#nav-primary a{
   color: #f0f0f0;
   margin: 0;
   padding: 4px 8px;
   text-decoration: none;
   background: #0f2e48;
}

#nav-primary a:hover{
   color: #fff;
   text-decoration: none;
   background: #1e090c;
}

#nav-secondary a{
   color: #036;
   margin: 0;
   padding: 4px 8px;
   text-decoration: none;
   background: #566e99;
}

#nav-secondary a:hover{
   color: #7d0c1c;
   text-decoration: none;
   background: #656c76;
}

/*Main Content Area */

#content-main{
   float: left;
   margin-bottom: 5px;
   width: 662px;
}

.module-main{
   background: #eaeaea;
}

/* Side-bar Content */

#content-sidebar{
   float: right;
   margin-bottom: 5px;
   width: 324px;
}

.module-sidebar{
   margin: 0;
   background: #eaeaea;
}

.module-sidebar h2{
   padding: 5px 0;
   background: #dae6f2;
}

.module-sidebar ul{
   padding-left: 0;
   list-style: none;
}

.module-sidebar .odd{
   padding: 5px 0;
   background: #d3e1ef;
}

.module-sidebar .even{
   padding: 5px 0 5px 0;
   background: #e7eff5;
}

#site-info{
   clear: both;
   color: #ccc;
   margin: 5px 0 0 0;
   background: #004c8a;
}

#site-info a{
   color: #ccc;
   text-decoration: none;
}

#site-info a:hover{
   color: #39c;
   text-decoration: none;
}


table.SearchTable
{
	width:607px;
	border-width:0px;
	border-style:none;
	border-color:White;
	padding-bottom:10px;
}

td.SearchTableLeft
{
	width:275px;
}

div.InformationBox
{
    color:Black;
	font-size:11px;
}

div.CommentBox
{
	padding-right: 3px; 
	padding-left: 3px; 
	padding-bottom: 3px; 
	width: 155px; 
	padding-top: 10px; 
}

div.ValidationBox
{
	padding-right: 3px; 
	padding-left: 38px; 
	padding-bottom: 3px; 
	padding-top: 5px; 
	color:Red;
	font-weight:bold;
	font-size:10px;
	background-image: url('../images/elements/warning.gif');
	background-repeat:no-repeat;
	display:none;
	height:100px;
}

div.ErrorMessage
{
	color:Red;
	font-weight:bold;
	font-size:10px;
	background-image: url('../images/elements/warning.gif');
	background-repeat:no-repeat;
	height:100px;
	width:400px;
	padding-left:40px;
}


div.SmallValidationBox
{
	padding-right: 18px; 
	padding-left: 0px; 
	padding-bottom: 5px; 
	padding-top: 1px; 
	color:Red;
	font-weight:bold;
	font-size:9px;
	background-image: url('../images/elements/warning-small.gif');
	background-repeat:no-repeat;
	background-position: center right;
	display:none;
}

/* Input Field Classes */
.SmallSearchBox
{
	border-width:1px;
	border-style:solid;
	border-color:#7f9db9;
	color:#2c3080;
	font-size:14px;
}

.DisabledSmallSearchBox
{
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	color:#2c3080;
	font-size:14px;
	background-color:#f4f4f4;
}


/* Labels */

.SearchLabel
{
	color:#2c3080;
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
}

.SubSearchLabel
{
	color:#2c3080;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
}

/* Search Bar  */

table.SearchBar
{
	border-width:0px;
	border-style:none;    
	width:100%;
}

table.SearchBarControls
{
    background-color: white;
	/*background-image: url('../images/elements/bar-bg.jpg');*/
    width:100%;
    text-align:right;
}

td.SearchBarControls
{
    width:40px;
}

td.SearchBarFields
{ 
	background-image: url('../images/elements/search-bar-background.jpg');
	border-top:1px;
	border-top-style:solid;
	border-top-color:#babad2;
	font-size:9px;
}

/* Tabs  */

table.TabStripContainerTable
{
	background-color:#d6d6d6;
	width:100%;
}

table.TabStripTable
{
	background-image: url('./images/elements/tabs-bg.jpg');
	width:100%;	
}

table.TabStripTable img
{
	cursor:pointer;
}

table.TabStripContainerTable tr.ResultsTableHeader td
{
	border-top-width:3px;
	border-top-style:outset;
	border-top-color:#ececec;
}

table.TabStripContainerTable tr.ResultsTableHeaderColor td
{
	border-top-width:3px;
	border-top-style:outset;
	border-top-color:#99ccff;
}

/* Results Listing */

.KeyResultField
{
	color:#6b6b7d;
	font-weight:bold;
}

.KeyResultField a:link , .KeyResultField a:visited , .KeyResultField a:hover ,.KeyResultField a:active
{
	font-weight:bold;
}



table.ResultsTable
{
	border-color: White;
	border-style: none;
	border-width: 0px;
	width: 100%;
}

table.ResultsTable td
{
	background-color:White;
	border-color: #FFFFFF;
	vertical-align:top;
	padding-bottom:15px;
}

tr.ResultsTableHeader
{
	background-color:#d6d6d6;
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	border-width: 0px;
	
}

tr.ResultsTableHeader td
{
	background-color:#d6d6d6;
	padding: 1px 1px 1px 1px;
	border-right-width:1px;
	border-right-style:inset;
	border-right-color:#ececec;
	border-bottom-width:0px;
	border-bottom-style:inset;
	border-bottom-color:#ececec;
}

tr.ResultsTableHeader a:link
{
	color: white;
	text-decoration: none;
}
tr.SearchResultsHeader a:visited
{
	color: white;
	text-decoration: none;
}
tr.ResultsTableHeader a:hover
{
	color: lightgrey;
	text-decoration: underline;
}
tr.ResultsTableHeader a:active
{
	color: white;
	text-decoration: underline;
}

tr.ResultsTableAltRow
{
	background-color: #efefef;
}

tr.ResultsTableAltRow td
{
	background-color: #efefef;
	border-top-style:solid;
	border-top-width:0px;
	border-top-color:#efefef;
	border-bottom-style:solid;
	border-bottom-width:0px;
	border-bottom-color:#efefef;
}

tr.ResultTableResultCategory
{
	background-color:#d6d6d6;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

tr.ResultTableResultCategory td
{
	background-color:#d6d6d6;
	font-size:11px;
	font-weight:bold;
	color: #000000;
	padding: 0px 0px 0px 0px;
	border-right-width:3px;
	border-right-style:inset;
	border-right-color:#ececec;
	border-bottom-width:3px;
	border-bottom-style:inset;
	border-bottom-color:#ececec;
}

tr.ResultsTableHeaderAvg
{
	background-color:#E8E8E8;
	color: #000000;
	font-size: 10px;
	font-weight:bold;
	padding: 6px 3px 12px 3px;
	border-width: 0px;
}

tr.ResultsTableHeaderAvg td
{
	background-color:#b0b0b0;
	padding: 4px 1px 4px 1px;
	border-right-width:1px;
	border-right-style:inset;
	border-right-color:#ececec;
	border-bottom-width:0px;
	border-bottom-style:inset;
	border-bottom-color:#ececec;
}

table.ResultContainerTable
{
	background-image: url(images/elements/search-bar-background.jpg);
	width:100%;
}

table.ResultContainerTable tr.ResultsTableHeader td
{
	border-top-width:3px;
	border-top-style:outset;
	border-top-color:#ececec;
}

.EmptyListMessage
{
	background-color:White;
	border-color: #d8d8d8;
	border-style:solid;
	border-width:1px;
	padding: 10px 10px 10px 10px;
	font-weight:bold;
	
}

MessageBox
{
	background-color:White;
	border-color: #d8d8d8;
	border-style:solid;
	border-width:1px;
	padding: 10px 10px 10px 10px;
	font-weight:bold;
}

div.SearchingStatusBox
{
	font-weight:bold;
	font-size: 12px;
	color:#989aac;
	width:250px;
	padding-left:10px;
}

div.SmallSearchingStatusBox
{
	font-weight:bold;
	color:#989aac;
	width:100px;
}

/* Centers */

table.Legend
{
	padding: 0px 0px 0px 0px;
}

.LegendLabel
{
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;	
}

/* Associations */

.AssociationDetailName
{
	font-weight:bold;
	font-size:18px;
	color:#2b317f;
}

table.AssociationDetailTable
{
	width:100%;
	background-color:White;
	border-top-color: #babad2;
	border-top-style:solid;
	border-top-width:1px;
	font-weight:bold;
}

/* Members */

table.MemberDetailTable
{
	width:100%;
	background-color:White;
	border-top-color: #babad2;
	border-top-style:solid;
	border-top-width:1px;
	padding: 10px 10px 20px 10px;
	font-weight:bold;
}

.MemberDetailName
{
	font-weight:bold;
	font-size:16px;
	color:#6b6b7d;
}

.MemberDetailNationalID
{
	font-weight:bold;
	font-size:11px;
	color:#6b6b7d;
	padding: 0px 0px 3px 0px;
}

.MemberDetailAverage
{
	font-weight:bold;
	font-size:12px;
	color:#990000;
	padding: 3px 0px 0px 0px;
	border-top: solid 1px black;
}


div.CurrentMembershipDateField
{
	color:#761b3b;	
}

div.ExpiredMembershipDateField
{
	color:#6b6b7d;	
}


/* Misc */

.MapToggleText
{
	padding: 3px 8px 8px 3px;
	font-weight:bold;
	cursor:pointer;
}

.comment {
    font-size: 11px;
}