/************Variables***************

@logo_red: #D40318;
@logo_blue: #00107E; */

/*****Header Section********/

/*#query_box input[type=text], #query_box select, #query_box label, #query_box input[type=submit], #query_box a, #query_box #calendar_picker
	{
		height:25px;
		font-size:11px;
	}*/

body
	{
		background:url(../../images/gradient_bg.jpg) no-repeat fixed;
		margin:0;
		padding:0;
		background-repeat:repeat-x;
		background-color: #;
	}

#top_bar
	{
		width:100%;
		height:10px;
		background-color:#00366C;
	}

#login_outer_wrapper
	{
		width:100%;
	}

#login_wrapper
	{
		background:url(../../images/login_gradient_bg.jpg) repeat-x fixed;
		margin-top: 50px;
		padding:20px;
		box-shadow: 2px 2px 25px #000;
		border-radius: 5px;
	}

header
	{
		width:100%;
		height:70px;
		margin:0;
		padding:0;
		color:#b2b2b2;
		background-color:#FFF;
	}

#header_wrapper
	{
		width:100%;
		/*height:75px;*/
		margin:0 auto;
	}

#logo
	{
		padding-top:5px;
		/*float:left;*/
	}

#club_banner
	{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#003C77;
		letter-spacing:1px;
		font-weight:bold;
		
	}

.td.success_bg
	{
		background-color:#009100;
	}

.green_bg
	{
		background-color:#C1FF84;
	}
	
a
	{
		text-decoration:none;
		color:inherit;
	}
a:hover
	{
		text-decoration:underline;
		color: #060;
	}

#content_right
	{
		text-align:justify;
		font-size:12px;
		color:#004891;
	}

#content_left
	{
		text-align:justify;	
	}

#content_left a
	{
		text-decoration:none;
		color:#0060BF;
	}
#content_left a:hover
	{
		text-decoration:underline;
		color: #8C4600;
	}
	
/*******nav begins********/	

nav
	{
		clear:both;
	}
	
nav ul
	{
		clear:both;
		background-color: #005DAA;
		overflow: hidden;
		color: #FFF;
		font-weight:regular;
		letter-spacing:1px;
		padding: 0;
		text-align: center;
		margin: 0;
		-webkit-transition: max-height 0.4s;
		-ms-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		transition: max-height 0.4s;
	}
nav ul li
	{
		list-style-type: none;
		display: inline-block;
		padding: 10px 12px;
	}

nav ul li a
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	
	
	
nav ul li:hover
	{
		background-color: #17458F;
		color: #F7A81B;
	}

nav ul li ul
	{
		width:220px;
		position:absolute;
		display:none;
		overflow: hidden;
		color: #FFF;
		background-color: #17458F;
		letter-spacing:1px;
		padding: 0;
		margin-top:-5px;
		text-align: left;
		margin: 0;
		-webkit-transition: max-height 0.4s;
		-ms-transition: max-height 0.4s;
		-moz-transition: max-height 0.4s;
		-o-transition: max-height 0.4s;
		transition: max-height 0.4s;
		z-index:9999999;			
	}

nav ul li ul li
	{
		float:none;
		width:220px;
		/*opacity:0.8;*/
	}

nav ul li ul li:hover
	{
		background-color: #005DAA;
		color: #EAEAEA;
		/*text-decoration:underline;*/
	}
	
nav ul li ul li 
	{
		display:block;
		padding:6px 9px;
		/*font-family:Arial, Helvetica, sans-serif;*/
		font-size:12px;
		color:#FFF;
		/*font-weight:bold;*/
		text-decoration:none;
	}

nav ul li:hover ul
	{
		display:block;
	}

nav li:hover
	{
		background-color:#004080;
		color:#000;
	}
	
/******End nav *********/

/*****handle******/

.handle
	{
		font-weight:bold;
		width: 100%;
		background-color: #005DAA;
		text-align:left;
		box-sizing: border-box;
		padding:15px 20px;
		color:#FFF;
		cursor: pointer;
		display:none; /*hides handle when in wider view*/
	}

/****handle ends*******/	


/*****Media query begins*********/

@media screen and (max-width: 768px)
	{
				
		nav ul
			{
				/* hides the nav in mobile view */
				max-height:0;
			}		
		.showing
			{
				max-height: 50em;
			}		
		nav ul li
			{
				box-sizing: border-box;
				width: 100%;
				padding: 15px;
				text-align:left;
			}		
		/*shows handle when in mobile view*/
		.handle
			{
				display:block;
			}
		
		header
			{
				height:190px;
			}
	}	

@media screen and (max-width: 992px)
	{
		header
			{
				height:190px;
			}
	}

/*@media screen and (max-width: 400px)
	{
		header
			{
				height:380px;
			}
	}	*/

/******Media query ends*******/

.success
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#090;
		letter-spacing:1px;
	}

.errors
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#F00;
		letter-spacing:1px;
	}
	
#data_table
	{
		font-family: Verdana,Sans-serif;
		font-size:12px;
	}

#data_table th
	{
		background-color:#D3DCE3;
	}
	
#data_table td
	{
		cursor:default;
		padding-top:8px;
		padding-bottom:5px;
	}

#query_box
	{
		padding-left:20px;
	}

#date_picker select
	{
		height:32px;
		border:1px solid #ccc;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		padding-left:3px;
		border-radius: 5px;
	}

#calendar_picker
	{
		height:35px;
		border:1px solid #ccc;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		padding:7px 5px 3px 5px;
		border-radius: 5px;
		background-color:#FFF;
	}

#calendar_picker a:hover
	{
		color:#000;
	}

#title
	{
		margin-top:5px;
	}
	
.box-shadow
	{
		box-shadow: 5px 5px 25px #000;
	}

.border_radius
	{
		border-radius: 8px;
	}
	
.font-georgia
	{
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.white_bg
	{
		background-color:#fff;
	}

.color_blue
	{
		color:#0052A4;
	}

.color_red
	{
		color:#A60000;
	}

.font_bold
	{
		font-weight:bold;
	}

.no-margin
	{
		margin:0px;
	}

.no-padding
	{
		padding:0px;
	}

.text-justify
	{
		text-align:justify;
	}

.text-center
	{
		text-align:center;
	}

.text-left
	{
		text-align:left;
	}

.text-right
	{
		text-align:right;
	}

.text-gray
	{
		color:#666;
	}

.text-blue
	{
		color:#00376F;
	}

.font-11
	{
		font-size:11px;
	}

.font-12
	{
		font-size:12px;
	}	

#page_title
	{
		color:#00376F;
		text-align:center;
	}

.right-img-padding
	{
		padding-top:20px;
	}
.img-padding
	{
		padding: 0 5px 0 0;
	}

.padding-top
	{
		padding-top: 10px;
	}

.padding-bottom
	{
		padding-bottom:10px;
	}
	
.site-footer
	{
		background-color:#222;
		color:#fff;
		margin-top:30px;
		padding-top:30px;
	}

.text-bold
	{
		font-weight:bold;
	}

.text-color-blue
	{
		color:#0054A8;
	}

/*  Actions */

#actions
	{
		margin:0px;
		width:auto;
	}
	
#actions ul
	{
		margin:0px;
		padding:0px;
		list-style-type:none;		
	}
 
#actions ul li
	{	
		float:left;
		background:#EDEDED;
	}
	
#actions ul li a
	{
		display:block;
		padding:3px 2px;
		text-decoration:none;
		color:#777;
		font-size:12px;
		text-align:center;
		/*font-weight:bold;*/
		width:190px;
		border:1px solid #ccc;
	}

#actions ul li ul li a
	{
		text-align:left;
	}
#actions ul li a:hover
	{
		background:#DDD;
		color:#000;
	}

#actions li:hover
	{
		background:#FFBD00;	
	}


#actions ul li ul li
	{
		float:none;
	}
	
#actions ul li ul
	{
		position:absolute;
		display:none;
	}

#actions ul li:hover ul
	{
		display:block;
	}
	
/*****End Action******/	

/*****DETAILS ACTIONS*******/

#details_actions ul
	{
		list-style-type:none;
		margin:0;
		padding:0;
	}

#details_actions ul li 
	{
		display:inline;		
	}

#details_actions ul li a
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#004080;
		text-decoration:none;
	}

#details_actions ul li a:hover
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#A60000;
		text-decoration:none;
	}	

#dues_pay_dollar_amount
	{
		height:30px;
		width:185px;
		border-radius: 5px;
		border:1px solid #B2B2B2;
		padding: 5px 0 0 10px;
	}

/*****END DETAILS ACCTIONS****/
.bottom-footer
	{
		border-top: 1px solid #b2b2b2;
		margin-top:10px;
		padding-top:10px;
		color:#b2b2b2;
	}

.footer-nav
	{
		list-style:none;
		text-align:right;
	}

.footer-nav li
	{
		display:inline;
	}

.footer-nav li:not(:first-child):before
	{
		content: '|';
		padding:0px 10px;
	}	

.footer-address
	{
		color:#b2b2b2;
	}

.footer-nav a
	{
		color:#b2b2b2;
	}

.footer-nav a:hover
	{
		color:#fff;
		text-decoration:none;
	}