/** Author: Billy Fogo
 ** Date Created: September 29th, 2008
 ** Copyright: Fantasy Golf Major Madness 
 ** Some Images Copyright: Club Managers Association of America
	
 ** Table of Contents
	01 - HTML Tags
	02 - DIV Container ID Tags
	03 - DIV Page Column ID Tags
	04 - Header Classes
	05 - Title Classes 
	06 - Credentials
	07 - General Content
	08 - General Links
	09 - Notes Listing
	10 - News Listing
	11 - Mouse Over Color for listings
	12 - Form Elements
	13 - AJAX Reorder List
	14 - AJAX AutoComplete
	15 - AJAX ValidatorExtender
	16 - AJAX ListSearch
	17 - AJAX Password Strength
	18 - AJAX Hover Menu
	19 - AJAX Modal Popup
	20 - AJAX Colapsible Panel
	21 - Theme Master Page Specific Blocks

*/ 

/** 01 - HTML Tags 
************************************************************/
body, div, p, h1, h2, h3, h4, table
{
	margin:0;
	padding:0;
	border:none;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color: #1b3b52;
}
ul, li
{
	list-style-image:url(img/bullet.gif);
    vertical-align:inherit;
	margin: 10px 0 0 15px;
}
hr
{
	height:5px; 
	color: #baa178;
	background-color: #baa178;
}
tr.SAParticipantEntries
{
	background-color:#2d5600;
}
tr.SASelectedParticipant
{
	background-color:#2d5600;
	color:White;
	font-weight:bolder;
}




/** 02 - DIV Container ID Tags 
************************************************************/
#blockContainer
{
	height: auto;
	width: 800px;
	left: 153px;
	background-color:White;
	margin: auto;
}
#blockHeader
{
	height: 120px;
	background-color: White;
}
#blockHeaderImage
{
	margin: 10px 0 0 10px;
	width: 33%;
	float: left;
}
#blockContent
{
	text-align:left;
	height:auto;
	_height:100%;
	width: 760;
	margin: 0px 25px 0 25px;
	padding: 0px 0px 5px 0px;
}
#blockFooter
{
	clear: both;
	height: 90px;
	color: #1c3a52;
	background: #e8ecef;
	text-align:left;
}
#blockFooterNote
{
	text-align: left;
	color: #1c3a52;
	vertical-align: middle;
	padding: 15px 0 0 25px;
	font-size: 80%;
}
#blockCredentials {
	position: relative;
	text-align: right;
	font-weight:bold;
	padding: 10px 5px 6px 0;
	margin: 0 0 0 0;
	height: 37px;
	background: url(img/mainNavBg.gif) top center repeat-x;
}





/** 03 - DIV Page Column ID Tags 
************************************************************/
#blockContentRt
{
	width: 200px;
	float: left;
	margin: 0 0 0 12px;
}

#blockContentLt
{
	float: left;
	margin: 0 0 0 12px;
	width: 510px;
}

#blockContentSm {
	text-align: left;
	width: 200px;
}
#blockContentSmHeader {
	height: 25px;
	width: 100%;
	padding-top: 5px;
	text-align: left;
	background-color: #00507d;
	background: url(img/GradBgSm.gif) top center repeat-x;
}
#blockContentSmHeaderExp {
	height: 25px;
	width: 100%;
	text-align: left;
	padding-top:5px;
	background-color: #00507d;
	background: url(img/GradBgSm.gif) top center repeat-x;
 	cursor:pointer;
}
#blockContentSmContent {
	border: 1px solid #000;
	padding: 3px;
}

.blockContentSplit
{
	width:510px;
	height: auto;
	_height: 100%;
	overflow:auto;
}
#blockContentMedRt {
	width: 245px;
	float: left;
	margin: 0 0 0 15px;
}
#blockContentMedLt {
	width: 245px;
	float: left;
	margin: 0 0 0 0px;
}
#blockContentMedHeader {
	background-color: #00507d;
	background: url(img/GradBgSm.gif) top center repeat-x;
	text-align: left;
	height: 25px;
	width: 245px;
	padding-top:5px;	
}
#blockContentMedHeaderExp {
	height: 25px;
	width: 245px;
	text-align: left;
	padding-top:5px;
	background-color: #00507d;
	background: url(img/GradBgSm.gif) top center repeat-x;
 	cursor:pointer;
}
#blockContentMedContent {
	border: 1px solid #000;
	width: 233px;
	padding: 5px;
}
#blockContentLg {
	text-align: left;
	float: left;
	padding: 0px 225px 10px 0;
}
#blockContentLgHeader {
	height: 25px;
	width: 510px;
	text-align: left;
	padding-top:5px;
	background-color: #00507d;
	background: url(img/GradBgSm.gif) top center repeat-x;
}
#blockContentLgContent {
	border: 1px solid #000;
	width: 502px;
	padding: 3px;
}
#blockContentLgHeaderExp {
	height: 25px;
	width: 510px;
	text-align: left;
	padding-top:5px;
	background-color: #00507d;
	background: url(img/GradBgSm.gif) top center repeat-x;
 	cursor:pointer;
}
#blockEntryTitle
{
	background-color: #584d3a;
	padding:5px;
}






/** 04 - Header Classes 
************************************************************/
.columnHeader {
	font-family: Georgia, Arial, sans-serif;
	margin-left: 5px;
	padding-top: 15px;
	font-size: 16px;
	color: #ffffff;
	margin-top: 20px;
	font-variant:small-caps;
	font-family:Georgia;
	font-weight:bold;
	margin-bottom: 0px
}
.columnHeaderExp {
	font-family: Georgia, Arial, sans-serif;
	margin-left: 5px;
	font-size: 16px;
	color: #ffffff;
	margin-top: 20px;
	font-variant:small-caps;
	font-family:Georgia;
	font-weight:bold;
	margin-bottom: 0px
}
.tblColumnHeader {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #2d5600;
	font-weight:bolder;
	padding: 8px 0 8px 5px;
}

tr.GridViewHeader
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #2d5600;
	font-weight:bolder;
	padding: 8px 0 8px 5px;
}
tr.GridViewHeader a:link
{
	color: #2d5600;
	text-decoration:none;
}
tr.GridViewHeader a:hover
{
	text-decoration: underline;
}
.headerTitleReg {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 36px;
	color: #CCCCCC;
}
.headerTitleBold {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 36px;
	color: #CCCCCC;
	font-weight: bolder;
}
.GridViewGroupColHeaderRowStyle
{
	background-color:#8d5c33;
	text-align:left;
	font-weight:bold;
	color:White;
}
.GridViewGroupTitleRowStyle
{
	background-color:#8d5c33;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	color:White;
}





/** 05 - Title Classes
************************************************************/
.titleBold {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #2d5600;
	font-weight: bolder;
}
.titleBoldBlk {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color:#000000;
	font-weight: bolder;
}
.titleBoldWht {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	font-weight: bolder;
}
.subTitleBold {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #2d5600;
	font-weight: bolder;
}
.subTitleBoldWht {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bolder;
}
.tabText {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #CCCCCC;
	text-decoration: none;
}
.tabText:hover
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.JoinTitleBold {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20px;
	color: #2d5600;
	font-weight: bolder;
}




/** 06 - Credentials
************************************************************/
.creds
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration:none
}
.credsLink:visited, .credsLink:Link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #eeeeee;
	text-decoration:none;
}
.credsLink:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cccccc;
	text-decoration:underline;
}
.credsNoLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration:none;
}





/** 07 - General Content
************************************************************/
.normal
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}
.italics
{
	font-family: Tahoma, Arial, sans-serif;
    font-style:italic;
}
.normalSm
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
}





/** 08 - General Links
************************************************************/
.blkLink
{
	color: #8d5c33;
}
.blkLink:hover
{
	color: #bb8d69;
}
.blkLinkSm
{
	color: #8d5c33;
	font-size:9px;
}
.blkLinkSm:hover
{
	color: #bb8d69;
	font-size:9px;
}
.HiddenColumn
{
	display:none;
}
.FooterLink
{
	color: #8d5c33;	
}
.FooterLink:hover
{
	color: #bb8d69;
}
.HelpButton
{
 margin: 1px 10px 0 0;
}






/** 09 - Notes Listing
************************************************************/
.NotesListTitle
{
	font-family: Tahoma, Arial, sans-serif;
	font-weight:bolder;
}
.NotesListContent
{
	font-family: Tahoma, Arial, sans-serif;
}
.NotesListDate
{
	font-family: Tahoma, Arial, sans-serif;
}





/** 10 - News Listing
************************************************************/
.NewsListTitle
{
	font-family: Tahoma, Arial, sans-serif;
	font-weight:bolder;
}
.NewsListContent
{
	font-family: Tahoma, Arial, sans-serif;
}
.NewsListDate
{
	font-family: Tahoma, Arial, sans-serif;
}






/** 11 - Mouse Over Color for listings
************************************************************/
tr.ListMouseOver, td.ListMouseOver
{
	background-color: #FF7F50;
}
tr.SubListMouseOver, td.SubListMouseOver
{
	background-color: #5F9EA0;
}
tr.ListMouseOverCol1, td.ListMouseOverCol1
{
	background-color: #5F9EA0;
}
tr.ListMouseOverCol2, td.ListMouseOverCol2
{
	background-color: #8FBC8F;
}
tr.ListMouseOverCol3, td.ListMouseOverCol3
{
	background-color: #FF7F50;
}
tr.ListMouseOverCol4, td.ListMouseOverCol4
{
	background-color: #CD5C5C;
}
tr.ListMouseOverCol5, td.ListMouseOverCol5
{
	background-color: #F0E68C;
}





/** 12 - Form Elements
************************************************************/
.btn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	background-color: #9a9166;
	font-weight: bold;
	font-size: 11px;
	color: white;
	border: 1px solid #d9d9d9;
}
.txtBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	background: #f5f3e6;
	border: 2px solid #9a9166;
}
.watermarkedTxtBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:2px solid #9a9166;
	background-color:#F0F8FF;
	color:gray;
	font-style:italic;
}	
.lbl
{
	font-size: 12px;
	font-weight: bolder;
	color: #8d5c33;
}
.lbl:hover
{
	font-size: 12px;
	font-weight: bolder;
	color: #8d5c33;
	text-decoration: none;
}
.ddl
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:2px solid #9a9166;
	color: #9a9166;
	font-weight:bold;
}
.chkBoxSm
{
	width: 10px;
	height: 10px;
}





/** 13 - AJAX Reorder List
************************************************************/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	cursor:move;
	border:outset thin white;
}
.callbackStyle {
	border:thin blue inset;		
}
.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}
.reorderListDemo li {
	list-style:none;
	color:#2D5600;
	border: 1px solid #2D5600;
	background-color: #CCCCCC;
}
.reorderListDemo li a {
	color:#FFF !important; 
	font-weight:bold;
}
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}
.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}





/** 14 - AJAX AutoComplete
************************************************************/
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}





/** 15 - AJAX ValidatorExtender
************************************************************/
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}





/** 16 - AJAX ListSearch
************************************************************/
.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}





/** 17 - AJAX Password Strength
************************************************************/
.pword_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 5px 3px 5px 3px;
     font-weight:bold;
}
.pword_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 5px 3px 5px 3px;
     font-weight:bold;
}
.pword_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 5px 3px 5px 3px;
     font-weight:bold;
}
.pword_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 5px 3px 5px 3px;
     font-weight:bold;
}
.pword_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 5px 3px 5px 3px;
     font-weight:bold;
}

.pword_Handle
{
	width:16px;
	height:14px;
	background-image:url(img/Question.png);
	overflow:hidden;
	cursor:help;
}





/** 18 - AJAX Hover Menu
************************************************************/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity: .9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}





/** 19 - AJAX Modal Popup
************************************************************/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.updateTournyRound
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:400px; 
    height:290px;
    padding:5 5 5 5;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
} 
.PopupPanel
{ 
	background-color:White; 
	border-width:3px; 
	border-color:#5d583e; 
	border-style:solid; 
	padding:20px;
}
.PopupPanelWithHeader
{ 
	background: #ffffff;
	border-width:3px; 
	border-color:#5d583e; 
	border-style:solid; 
	text-align:right;
}
.PopupHeader
{ 
	font-family: Georgia, Arial, sans-serif;
	font-variant:small-caps;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	background: #00507d url(img/GradBgSm.gif) top center repeat-x;
	border-width:0 0 3px 0; 
	border-color:#5d583e; 
	border-style:solid;  
	color:White;
	padding:6px;
}
.PopupContent
{ 
	text-align:left;
	margin:20px;
}
.PopupButton
{ 
	text-align:right;
	margin:20px;
}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
} 






/** 20 - AJAX Collapsible Panel
************************************************************/
.CollapsiblePanel_buttons
{
	margin: 5px 20px 0 0;
}    
.CollapsePanel 
{
	background-color:#FFFFFF;
	overflow:hidden;
} 






/** 21 - Theme Master Page Specific CSS
************************************************************/
#blockHeaderSubClientName
{
	text-align:center;
	vertical-align: middle;
	width: 30%; 
	height: auto;
	margin: 30px 0 0 20px;
	float: left;
	font-family: Garamond, Arial, sans-serif;
}

#blockHeaderImageRight
{
	width: 30%;
	float: left;
	text-align:right;
	vertical-align:top;
}
.HeaderImageHyperlink
{
	 text-align:left;
}

.HeaderSubClientName
{
	font-size: 25px;
	color: #00507d;
	font-weight:bolder;
}