@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;
   width: 100%;
   font-size: medium;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #005f99;
	background:#005F99 url(../images/container-bg.jpg) no-repeat fixed 57% 0;
}

#outer-container{
   margin-left:auto;
   margin-right:auto;
   width: 100%;   
}

#container {
   margin-left:auto;
   margin-right:auto;
   padding:  0 10px 100px 10px;
   width: 690px;
}

* html #container{
   width: 790px;
}

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;
}

/* Banding Styles and Structure */
#branding {
   margin-top: 0;
   margin-bottom:0;
   padding:0;
   position:relative;
   width: 700px;
   height:40px;
}

#branding a img {
   float:right;
   margin-top:5px;
   
   border: none;
}

/* Primary Navigation Styles and Structure */

#pri-nav {
   float:left;
   margin-top: 0;
   padding: 0;
   width: 690px;
   height:20px;
}

.ddmenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ddmenu > li {
	float: left;
}

.ddmenu > li > a {
	display: block;
	text-align:center;
	padding: 0 24px;
   width:100px;
	text-decoration: none;
	color: #f0f0f0;
   border-top: 1px solid #4b79b5;
   border-right:1px solid #4b79b5;
	background: url('../images/nav-off.jpg') no-repeat top left;
}

.ddmenu > li > .ddmenu-hover {
	color: #fff;
   text-decoration: none;
   background: url('../images/nav-on.jpg') no-repeat top left;
	
}

.ddmenu > li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: -1px 0 0 0;
	z-index: 90;
	padding: 0;
}

.ddmenu > li ul a {
	display: block;
	width: 167px;
	padding: 5px;
	border-bottom: 1px solid #3b6a9b;
	border-right: 1px solid #3b6a9b;
	border-left: 1px solid #3b6a9b;
   text-align:center;
	text-decoration: none;
	color: #f8f8f8;
	background-color: #3b6a9b;
}

.ddmenu > li ul li a.first {
	border-top: 1px solid #3b6a9b;
}

.ddmenu > li ul a.ddchildhover {
   border-bottom: 1px solid #b2041d;
	border-right: 1px solid #b2041d;
	border-left: 1px solid #b2041d;
	background-color: #b2041d;
}

/* HP Styles and Structure */


/* form-youthapp */
#form-app{
   clear:both;
   margin: 0 0 5px 0;
   padding-top:30px;
   padding-bottom:20px;
   width:700px;
   border-top: 1px solid #c8d7e4;
   border-right:none;
   border-bottom:none;
   border-left:none;
   background:#c8d7e4 url('../images/form-bottom-bg.jpg') no-repeat bottom left;
}

.module-main{
   background: #eaeaea;
}


.container-title{
   color:#ac061e;
   margin-left:23px;
   font-size:90%;
   font-weight:bold;
}

#table-container {
	background-color: #c8d7e4;
	border-top: 1px solid #daeaf8;
	border-bottom: 1px solid #daeaf8;
	padding: 10px 0 10px 40px;
	width: 600px;
}
#memberDetails {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
#memberDetails th {
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 10px 0;
	text-align: left;
}
#memberDetails td {
	font-size: 13px;
}

#reportList {
	font-family: Arial, Helvetica, sans-serif;
	
}
#reportList th {
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 10px 0;
	text-align: left;
}
#reportList td {
	font-size: 13px;
}

#award-order {
	width: 600px;
	margin-left: 165px;
}
#award-order th {
	font-weight: bold;
	font-size: 13px;
	padding: 0 10px 10px 0;
	text-align: center;
}
#award-order td {
	font-size: 13px;
	padding: 0 0 10px 0;
}
#award-order td.last {
	border: none;
}
#award-order td.button {
	text-align: right;
}
#award-order td.form-btns {
		padding: 30px 0 0 130px;
}


td.buttons {
	padding: 3px 0 3px 10px;
	width: 120px;
}

#memberDetails th, #memberDetails td {
	border-bottom: 1px solid #daeaf8;
}
#memberDetails td.last {
	border: none;
}

#memberDetails td.button {
	text-align: right;
}

#reportList th, #reportList td {
	border-bottom: 1px solid #daeaf8;
}
#reportList td.last {
	border: none;
}

#reportList td.button {
	text-align: right;
}

ul#league {
	list-style: none;
	padding: 0 0 65px 0;
	margin: 0;
}
#league li {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}
li#league-header {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 55px 0 0;
}
#league select {
	color: #003366;
	text-transform: uppercase;
	font-size: 10px;
	width: 166px;
	height: 22px;
}

#award-order caption {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0 0 30px 0;
}
ul#award-buttons {
	list-style: none;
	padding: 0 0 65px 0;
	margin: 0;
}
#award-buttons li {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}
li#award-buttons-header {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 55px 0 0;
}
#award-buttons select {
	color: #003366;
	text-transform: uppercase;
	font-size: 10px;
	width: 166px;
	height: 22px;
}

#search-order {
	width: 800px;
}
#search-order th {
	font-weight: bold;
	font-size: 13px;
	padding: 0 10px 10px 0;
	text-align: right;
}
#search-order td {
	font-size: 13px;
	padding: 0 0 10px 0;
}
#search-order td.last {
	border: none;
}
#search-order td.button {
	text-align: right;
}
#search-order td.form-btns {
		padding: 30px 0 0 0;
}
td.buttons {
	padding: 3px 0 3px 10px;
	width: 120px;
}
#search-order caption {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0 0 30px 0;
}
ul#search-buttons {
	list-style: none;
	padding: 0 0 65px 0;
	margin: 0;
}
#search-buttons li {
	float: left;
	display: block;
	padding: 0 10px 0 0;
}
li#search-buttons-header {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 55px 0 0;
}
#search-buttons select {
	color: #003366;
	text-transform: uppercase;
	font-size: 10px;
	width: 166px;
	height: 22px;
}


a.button {
	background-color: #fff;
	border: 1px solid #003c74;
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
	height: 19px;
	width: 100px;
}

.asterisk {
	color: #FF0000;
}

dl#lg-name, dl#lg-name dt, dl#lg-name dd {
	margin: 0;
	padding:0;
}
dl#lg-name {
	width: 147px;
	padding-bottom: 20px;
}
dl#lg-name dt {
	text-align:center;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
}


dl#search-name, dl#search-name dt, dl#search-name dd {
	margin: 0;
	padding:0;
}
dl#search-name {
	width: 330px;
	padding-bottom: 20px;
}
dl#search-name dt {
	text-align:left;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 20px;
}
dl#search-name dd {
	text-align:left;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
}

select.name, select.league-name {
	width: 147px;
	height: 22px;
}
input.id {
	width: 147px;
}
input.pins, input.games, input.average {
	width: 78px;
}

.grid{
    font-size: 13px;
}