@charset "UTF-8";
@import "//fonts.googleapis.com/css?family=Lato:400,600";
@import "//fonts.googleapis.com/css?family=Raleway:200,400,500,600,700";

html, body {
	height: 100%;
	min-height: 100%;
	-webkit-text-size-adjust: none;
	color: #484B4F;
	font-size: 16px;
	line-height: 26px;
}
body {
	background-color:#ffffff;
}
.body_admin {
	background-color:#ffffff;
}
.small_font {
	font-size: 13px;
	line-height: 16px;
}
body, form, .roster, .event_date, .event_title, .bpopup  {
    font-family: "Lato", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

.cms h1, .strong_link{
    font-family: "Lato", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight: 600;
}

h2, h3, h4, #nav, #nav_admin{
	font-family: "raleway", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight: 600;
}

h1, .mobile_link{
	font-family: "raleway", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight: 500;
}


#sub_nav, #sub_nav_inline {
	font-family: "raleway", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight: 400;
}

.testimonials {
	font-family: "raleway", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-weight: 600;
	text-shadow: 1px 0 0 #333, 0 -1px 0 #333, 0 1px 0 #333, -1px 0 0 #333;
}


.accountform_footer{
	font-weight: 400;
}
.label_left {
	font-weight: 600;
}

.button, .button_bottom_right{
	font-weight: 600;
}


#wrap{
	min-height:100%;
	position: relative;
	min-width: 790px;
}

img {
	border:0px;
}


hr{
	height: 1px;
    border: 0; 
	border-top: 1px solid #D0D7DE;	
	margin: 20px 0 20px auto;
}


h1{
	color: #CC9933;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
	padding: 0px 0px 30px 0px !important;

}

h2{
	color:#CC9933;
	font-size: 20px;
	line-height: 44px;
	display:inline;
}

h3{
	color:#A4BFEB;
    text-transform: uppercase;
	font-size: 18px;
	line-height: 40px;
}

h4{
	color:#A4BFEB;
	font-size: 16px;
	line-height: 40px;
}

a:link, a:visited, .link{
	color:#CC9933;
	text-decoration:none;
}
a:hover, .cms a:hover, .event_title a:hover{
	color: #e87058;
	text-decoration:underline;
}

.strong_link {
	color:#CC9933;
	text-transform:uppercase;
	font-size: 12px !important;
}



.divider {
	border-top:solid 1px #CC9933;
	clear:both;
	margin:10px 0 8px 0 ;
}

.inline-left { 
  float: left; 
  padding: 5px; 
  padding-left: 0; 
  padding-right: 20px;
} 
.inline-right { 
  float: right; 
  padding: 5px; 
  padding-right: 0; 
  padding-left: 10px;
}


/*=====================
	BANNER CLASSES
======================*/



#nav_bar {
	background-color:#484B4F;
	box-shadow:  0px 2px 2px #484B4F;
}
.nav_bar_member {
	background-color:#D0D7DE;
	box-shadow:  0px 2px 2px #484B4F;
}

#banner_images{
	-webkit-backface-visibility: hidden;
	position:absolute;
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}

#banner_images img{
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	width:50%;
	height:auto;
	/*min-width:960px !important;*/
	filter:inherit;
}

#banner_images li {
	-webkit-backface-visibility: hidden;
	display: none;
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#banner_images li:first-child {
 /* position: relative;*/
  display: block;
  float: left;
}


#toplogo, #toplogo_members{
	margin-top: 4px;
	position:relative;	
	float:left;
	padding-bottom: 6px;
}

/* ie<9 */
#toplogo {
	background:url('../images/logo.png') no-repeat left top;
	width:300px;
	height:49px;
	
}
#toplogo_members {
	background:url('../images/logo_no_txt.png') no-repeat left top;
	width:84px;
	height:49px;
}
/* end ie<9 */

@media all and (min-width: 945px) {
	#toplogo {
		background:url('../images/logo.png') no-repeat left top;
		width:314px;
		height:48px;
	}
}
@media all and (max-width: 944px) {
	#toplogo {
		background:url('../images/logo_no_txt.png') no-repeat left top;
		width:101px;
		height:48px;
	}
}

@media all and (min-width: 941px) {
	#toplogo_members {
		background:url('../images/logo.png') no-repeat left top;
		width:300px;
		height:49px;
	}
}
@media all and (max-width: 940px) {
	#toplogo_members {
		background:url('../images/logo_no_txt.png') no-repeat left top;
		width:84px;
		height:49px;
	}
}

/*=====================
	NAVIGATION CLASSES
======================*/
#nav_container {
	position:relative;
	padding-top: 4px;
	height: 45px;
	z-index: 10;
	float:right;
}

#nav_container_admin {
	background-color:#484B4F;
	width:100%;
	min-height: 50px;
	padding:4px 0 0 0; 
	margin:0 0 10px 0;
	display: inline-block;
	box-shadow:  0px 2px 2px #484B4F;
	float:left;
}

#nav, #nav_admin{
	position:relative;
	margin: auto;
	text-transform: uppercase;
}


.transparent {	
	background: rgb(0, 0, 0) transparent;
	background-color: rgba(0, 0, 0, 0.5);
	/* IE8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000)"; 
	/* IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000); 
}

#nav li, #nav_admin li, .mobile_link{
	float:right;
	margin-left:12px;
	margin-top: 8px;
}

#nav a, #nav_admin a, .mobile_link{
	color:#A4BFEB;
	text-decoration:none;
	padding-bottom: 4px;
	cursor:pointer;
	font-size: 14px;
	word-spacing: -1px;
}

#nav a:hover, #dropdown_menu ul li a:hover, .mobile_link{
	color: #A4BFEB;
	border-bottom:1px solid #CC9933;
}

#nav .active, #nav a.active, #nav_admin a.active {
	color:#D0D7DE;
	border-bottom:1px solid #D0D7DE;
	font-weight: 600;
}

#nav_admin a{
	color:#D0D7DE;
}

#nav_admin a:hover, #nav_admin a.active{
	color: #CC9933;
}

#nav .no_underline a{
	border-bottom:none;
}

#dropdown_menu ul{
	position:absolute;
	right:0;
	margin-top:0;
	padding: 1px;
	width:160px;
	background:#A4BFEB;
	display:none;
}
#dropdown_menu ul li{
	padding: 4px;
	margin: 0;
	float: none !important;
	background:#D0D7DE;
	border:1px solid #D0D7DE;

}

#dropdown_menu .dropdown-active{
	display: block;
}


#sub_nav, #sub_nav_inline {
	width:250px;
	padding:0;
	margin:0;
	display: inline;
	float:left;
}

#sub_nav a, #sub_nav_inline a{
    background-color: #D0D7DE;
    color: #484B4F;
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 12px;
    padding: 6px 0 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	text-decoration:none;
}

#sub_nav .active, #sub_nav a:hover, #sub_nav_inline .active, #sub_nav_inline a:hover{
	background-color:#CC9933;
	color:#ffffff;
	transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;	
}

/*=====================
	CONTENT CLASSES
======================*/
#content, #content_narrow {
	position:relative;
	width:100%;	
	padding-top: 0px;
	padding-bottom: 50px;
}

#content p {
	margin:0 0 16px 0;
}

.table_border table {
	border-width: 0 0 1px 1px;
	border-style: solid
}

.table_border td{
	font-size: 14px;
	padding: 0 4px 0 4px;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

.table_border th{
	font-size: 16px;
	padding: 0 4px 0 4px;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

.event_registered{
    padding: 10px;	
	border:solid 1px #D0D7DE;
	background-color: rgba(208,215,222,0.2);
}
.event_not_registered {
	background-color: #D0D7DE;
	box-shadow: 2px 2px 1px #A4BFEB;
}

.team_box{
	border:solid 1px #D0D7DE;
	background-color: #D0D7DE;
	box-shadow: 2px 2px 1px #A4BFEB;
	line-height:20px;
	display:inline-block;
	padding:6px; 
	margin:0 20px 20px 0; 
	white-space: nowrap; 
	vertical-align: top;
	width:268px
}
.team_box input[type=checkbox]:checked + label {
	color: #CC9933;
	font-weight: bold;
}
/*
xxxx
xxxarticle[data-readmore]:after {
	background-color: #D0D7DE;
	
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		height: 20px;
		content: " ";
		display: block;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#1ffffff',GradientType=0 );
}
*/
/*=====================
	LAYOUT CLASSES
======================*/
.border {
	border:solid 1px #D0D7DE;
}
.border_light {
	border:solid 1px #2E2A21;
}
.shaded_box {
	background-color: #D0D7DE;
	box-shadow: 2px 2px 1px #A4BFEB;
}
.shaded_box_light {
	background-color: #2E2A21;
	box-shadow: inset 2px 2px 1px #D0D7DE;
}
.margin_pad {
	max-width:960px;
	width:96%;
	padding:0 2%;
	margin:0 auto;
}
.margin_pad_minimal {
	width:96%;
	padding:0 2%;
	margin:0 auto;
}
.margin_pad_color {
	background-color: #DEEAEA;
}

.grid_heading{
	border-top:1px solid #CC9933;
	margin-top: 40px !important;
	padding: 16px 0 0 0;
}


.grid_full{
	width:100%; 
}

.grid_full_narrow{
	max-width:680px;
	width:96%;
	margin: 0 auto 0 auto;
}

.grid_13rd_center{
	width:258px; 
	height:200px; 
	padding: 40px 24px 10px 24px;
	float:left;
	text-align:center;
}

.grid_13rd_left{
	width:30%;
	margin-right:1%;
	float:left;
}

.grid_23rd_right{
	width:64%;
	margin-left: 2%;
	float:right;
}

.grid_23rd_left{
	width:60%;
	margin-right:2%;
	float:left;
}

.grid_13rd_right{
	width:34%;
	margin-left:1%;
	float:right;
}

.testimonials {
	visibility: visible;
}


.testimonials blockquote {
	font-size: 22px;
	font-style: italic;
	padding: 6px 30px 6px 30px;
	line-height: 1.45;
	position: relative;
	color: #FAFAFA;
	display: inline-block;
}

.testimonials blockquote:before {
	content: "\201C";
	font-size: 80px;
	top: -20px;	
	left: -6px;
	position: absolute;
}

.testimonials cite:before {
	content: "\2014 \2009";
}

.testimonials cite {
	color: #FAFAFA;
	font-size: 18px;
	display: block;
	margin-top: 5px;
	font-style: normal;
}

#testimonialsQ1 {
	position: absolute; 
	top: 30px; 
	right: 100px; 
	width: 560px !important;
}
#testimonialsQ2 {
	position: absolute; 
	bottom: 15px; 
	right: 20px; 
	width: 600px !important;
}
#testimonialsQ3 {
	position: absolute; 
	bottom: 120px; 
	right: 20px; 
	width: 400px !important;
}
#testimonialsQ4 {
	position: absolute; 
	bottom: 20px; 
	left: 20%; 
	width: 600px !important;
}
#testimonialsQ5 {
	position: absolute; 
	top: 20px; 
	left: 45%; 
	width: 400px !important;
}
#testimonialsQ6 {
	position: absolute; 
	bottom: 20px; 
	left: 80px; 
	width: 600px !important;
}
#testimonialsQ7 {
	position: absolute; 
	top: 20px; 
	left: 30px; 
	width: 600px !important;
}

/*=====================
	BIO CLASSES
======================*/

.bio_container {
	border: 1px solid #000000;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 12px;
}

.bio_image {
	display: block;
	float: left;
	padding-top: 24px;
	padding-left: 10px;
/*	margin-right: 10px; */
}

.bio_copy {
	margin-left: 170px;
	font-size: 14px;
	padding: 10px;
}


/*=====================
	WEATHER CLASSES
======================*/

.weather_current{
	list-style: none; 
	text-align:left;
	height: 120px;
}

.weather_current .temp{
	top: -20px;
	padding-top:10px;
	display: inline-block;
	position: relative;
	margin-left: 5px;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	line-height: 0.65em;
}

.weather_current .summary{
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	line-height: 26px;
	margin-top: 0;

}
.weather_current .wind{
	font-size: 14px;
	text-align:center;
	padding-top: 2px;
	line-height: 14px;
}

.weather_forecast{
	margin-bottom: 12px;
	height: 115px; 
	overflow: hidden;
}
.weather_col{
	width: 60px; 
	float: left; 
	list-style: none; 
	font-size: 11px;
	text-align:center;
}
.weather_col .day{
	padding: 4px 0 6px 0;	
	font-size: 16px;
	height: 20px;
}

.weather_col .summary{
	line-height: 15px;
}


.weather_row{
	font-size: 12px;
	text-align:center;
	display: table;
	padding-bottom: 5px;
}
.weather_row .container{
	display:table-cell;
	padding: 0 10px 10px 8px
}

.weather_row .day{
	padding: 4px 0 6px 0;	
	font-size: 18px;
	height: 20px;
	width: 90px; 
}
.weather_row .summary{
	line-height: 15px;
	width: 90px; 
}

.weather_row .details{
	font-size: 15px;
	text-align:left;
	padding-left: 20px;
}


/*=====================
	COURSE OVERVIEW CLASSES
======================*/
#hole_select {
	margin: 0 0 10px;
	overflow: hidden;
}

#hole_select a{
	width: 31px;
	height: 27px;
	color: #484B4F;
	cursor: pointer;
	border: 1px solid #A4BFEB;
	display: block;
	padding: 1px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;	
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	border-right: none;
	text-decoration: none;
	background-color: #D0D7DE;
	transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}

#hole_select a.last {
	border-right: 1px solid #A4BFEB;
}

#hole_select  a:hover, #hole_select  a.active, #hole_select .active {
	background: #CC9933;
	color: #fff;
}
#hole_select a:hover {
	color: #D0D7DE;
}

.golf_tips p{
    font-size: 14px;
	line-height: 18px;
	xpadding: 0px 0px 6px 0px;
	margin: 0px 0px 14px 0px !important;
}

.golf_tips h4{
	color:#484B4F;
	line-height: 26px;
}

/*=====================
	INPUT FORM CLASSES
======================*/
.accountform {
	margin-bottom: 26px;
	padding:20px 5px 10px 5px;
	width: 480px;
	float:left;
	overflow:auto;
	background-color: rgba(208,215,222,0.2);
}

.accountform, .form_shadowbox {
	/* Border style */
	border: 1px solid #D0D7DE;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; 

	/* Border Shadow */
	moz-box-shadow: 2px 2px 2px #A4BFEB;
	-webkit-box-shadow: 2px 2px 2px #A4BFEB;
	box-shadow: 2px 2px 2px #A4BFEB;	
	background-color: rgba(208,215,222,0.2);
	
}

.accountform_footer{
 	margin: 15px 0 0 161px;
	font-size: 15px;
	line-height: 5px;
}

.tvadverts_content {
	width: 712px;
	padding-top:10px;
	float:left
}
.tvadverts_form {
	width: 700px;
}
.tvadverts_form .input, .tvadverts_form textarea{
	width:500px;
}

.tvadverts_form textarea {
	height:98px;
}

.tvadverts_dining textarea {
	width:500px;
	height:134px	
}
.tvadverts_form .small_font {
	padding-left:160px;
	padding-top: 0px;
	padding-bottom: 6px;
	margin-top: -6px;
}

.notification {
	font-size: 16px;
	font-weight: 600;
	width:98%;
	padding: 5px;
	margin-bottom: 12px;
    display: block;
	color: #888;
	padding-bottom: 10px;
	border-bottom:solid 1px #D0D7DE;
}

.error{
	background-color: rgba(164,191,235,0.3);
    background: linear-gradient(#FFFADF, #FFF3A5) repeat scroll 0 0 #FFF9DF;
    border: 1px solid #CC9933;
	color: #CC9933;
    text-shadow: 0 1px 0 #FFFFFF;
	padding: 4px 10px 4px 10px;
	font-weight: 600;
}

.padform{
	margin-left:50px
}

.field, .input_spacer, .input_note{
	font-size: 15px;
	line-height: 20px;	
	height: 44px;	
}


.label_left {
	float: left;
	margin-right:10px;
	margin-top: 4px; 
	text-align: right;
	width: 150px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}


.input_note{
	padding-left:160px;
	line-height: 60px;
	font-size: 14px;
	vertical-align:text-bottom;	
}

.checkbox {
	font-size: 16px;
	height: 16px;
	width: 16px;
}

.input, .select, .textarea{
	padding: 5px;
	border: 1px solid #b9bdc1;
	color: #333333;
	width: 280px;
	font-size: 16px;
}

.input{
	height: 24px;
}

.select{
	height: 34px;
}

.select_big{
	font-size: 22px;
	height: 40px;
	color: #ffffff;
	background-color:#CC9933 ;
	padding: 5px;
}


.input_stableford_scores{
	text-align:center;
	height:26px;
	width:26px;
	font-size:22px;
	padding:0;
	font-weight:700;
	color:#CC9933 !important;
}

.admin_accountform .checkbox, .accountform .checkbox, .radio{
	margin-top: 9px;
}

input:focus, select:focus, textarea:focus {
	border-color: #A4BFEB;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #A4BFEB;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #A4BFEB;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #A4BFEB;
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
  color: #b94a48;
  border-color: #CC9933;
}

input[readonly],textarea[readonly],readonly{
	background-color:#D0D7DE;
	color:#484B4F;
}

.button, .button_bottom_right,  .button_inactive:hover{
	min-width: 100px;
	height:34px;
	cursor:pointer;
	color: #2E2A21;
	text-align: center;
	background: #CC9933;
	font-size: 16px;	
	padding: 5px 10px 5px 10px;
	
	/* Border style */
	border: 1px solid #cccccc;
	/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	*/
	
	/* Box shadow */
	-moz-box-shadow: inset 0 1px 0 0 #aec3e5;
	-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
	box-shadow: inset 0 1px 0 0 #aec3e5;
	
	-webkit-appearance: none;
 }
 
 .button_inactive {
    background-color: #D0D7DE;
    color: #484B4F; 
	font-weight: 400 ;	
 }

 
 .button_bottom_right{
	float:right;
	margin:18px 28px 20px auto;
 }

.button:hover, .button_bottom_right:hover{
	color: #D0D7DE;
}

.autocomplete-suggestions { 
	border: 1px solid #999; 
	background: #fff; 
	cursor: default; 
	overflow: auto;
}
.autocomplete-suggestion { 
	padding: 10px 5px; font-size: 1.2em; 
	white-space: nowrap; 
	overflow: hidden;
}
.autocomplete-selected {
	background: #f0f0f0;
}
.autocomplete-suggestions strong { 
	font-weight: normal; 
	color: #CC9933;
}

/*=====================
	FOOTER CLASSES
======================*/

#footer{
	background-color:#D0D7DE;
	color:#484B4F;
	font-size: 12px;
	height: 50px;
	bottom:0;
	width: 100%;
	position: absolute;
	z-index:99;
}

#footer-copyright{
	font-size:14px;
	line-height: 16px;
	width: 340px;   
	text-align:left;
	float:none;
	vertical-align: baseline;
	padding:10px 0 0 0;
}
#footer-social-icons{
	display:block;
	float:right;
	margin-left:10px;
	margin-top:14px;
	vertical-align: baseline;
}
#footer-social-icons img{
	padding-left: 10px;
	width: 24px;
	height: 24px;
}

.bpopup {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 25px 5px #999;
	color: #111;
	display: none;
	min-width: 350px;
	min-height: 150px;
	max-width: 860px;
	max-height: 500px;	
	xoverflow-y:auto;
	padding: 32px;
	position: absolute !important; 
	z-index: 9999; 
	opacity: 1; 
	font-size: 22px;
}

.bpopup .accountform {
	width: auto !important;
	min-width: 452px;
	margin-bottom: 0;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	background-color: transparent;
	border:none;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;	
}

.bpopup .b-close, .bpopup .b-close:hover{
	box-shadow: none;
	font: bold 100% sans-serif;
	padding: 0 6px 2px;
	position: absolute;
	right: -7px;
	top: -7px;
	background-color: #CC9933;
	border-radius: 7px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;	
}

/*=====================
	tool-tip
======================*/


	/* Add this attribute to the element that needs a tooltip */
	[data-tooltip] {
		position: relative;
		z-index: 999; 
		cursor: pointer;
	}

	/* Hide the tooltip content by default */
	[data-tooltip]:before,
	[data-tooltip]:after {
	  visibility: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
		pointer-events: none;
	}

	/* Position tooltip above the element */
	[data-tooltip]:before {
		position: absolute;
		bottom: 150%;
		left: 50%;
		margin-bottom: 5px;
		margin-left: -80px;
		padding: 7px;
		width: 160px;
		-webkit-border-radius: 3px;
		-moz-border-radius:    3px;
		border-radius:         3px;
		background-color: #A4BFEB;
		/*background-color: hsla(0, 0%, 20%, 0.9);*/
		color: #fff;
		content: attr(data-tooltip);
		text-align: center;
		font-size: 14px;
		line-height: 1.2;
	}

	/* Triangle hack to make tooltip look like a speech bubble */
	[data-tooltip]:after {
		position: absolute;
		bottom: 150%;
		left: 50%;
		margin-left: -5px;
		width: 0;
		border-top: 5px solid #A4BFEB;
		/*border-top: 5px solid hsla(0, 0%, 20%, 0.9);*/
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		content: " ";
		font-size: 0;
		line-height: 0;
	}

	/* Show tooltip content on hover */
	[data-tooltip]:hover:before,
	[data-tooltip]:hover:after {
		visibility: visible;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}
	
/*=====================
	MISC CLASSES
======================*/
.clear{
	clear:both;
}

.clearfix:after, .margin_pad:after, .grid_full:after{
	content:'';
	clear:both;
	display:block;
}

.printonly {
	display:none;
}

::-webkit-scrollbar {
    height: 13px;
    width: 13px;
    background: #D0D7DE}

::-webkit-scrollbar-thumb {
    background: #A4BFEB;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #CC9933;
}