﻿.strong
{
	font-weight:bold;
}

.center 
{
    text-align:center;
}
.right 
{
    text-align:right;
}
.left 
{
    text-align:left;
}
.frmFixed 
{
    margin-left:30px;
}


.clear
{
	clear:both;
	overflow:hidden;
}

/***************************************
 * templates
 
 **************************************/
.templateColor 
{
    color:#5487d8 !important;
}
.linkTemplateColor 
{
    color:#5487d8 !important;
}
.templateBgColor
{
    background-color: #5487d8 !important;
}


/***************************************
 * header
 
 **************************************/
.content
{
    max-width:910px;
    margin:0 auto;
    position:relative;
}

.masterHeader
{
    overflow: hidden;
    padding: 5px 5px;
    min-height: 77px !important;
}

.masterHeader img,
.logo img {
    max-height: 77px;
}

.headerTitle
{
    float: left;
    max-width: 500px;
    overflow: hidden;
}
.headerTitle img
{
    max-width: 500px;
    margin-top: 6px;
    background-color: #fff;
    padding: 0px;
}

.loginDisplay
{
    text-align:right;
    color: #fff;
    min-height:25px;
}
.loginDisplay .customerName 
{
    font-size:14px;
    vertical-align:super;
}

.headerTitle .clubName 
{
    font-size: 24px;
    color: #fff;
    float: right;
    margin-top: 26px;
    position: relative;
    margin-left: 20px;
}

.logedDataHeader {
   display:inline-block; 
   vertical-align: super;
}
.loginDisplay .exit a,.loginDisplay .exit a:hover
{
    color: #fff !important;
    font-weight:bold;
    text-decoration:none;
    margin-left: 10px;
    margin-right: 30px;
    vertical-align:super;
    font-size:14px;
}

.loginDisplay .register 
{
    width:100px;
    display: inline-block;
    vertical-align: top;
}


.avatarContainer {
    vertical-align: middle;
}

.avatarImg {
    width:28px;
    height:28px;
    border-radius:25px;
    margin-left:4px;
}

.loginDisplay .contact, .loginDisplay .facebook,
.loginDisplay .email, .loginDisplay .twitter
{
    vertical-align: super;
}

.loginDisplay .contact img, .loginDisplay .facebook img,
.loginDisplay .email img, .loginDisplay .twitter img
{
   width:28px;
   height:28px; 
   margin-left:4px;
 }

.loginDisplay .twitter {
    margin-right: 50px;
}

/***************************************
 * Footer
 **************************************/
.footer
{
    min-height:200px;
    padding:20px;
    text-align:center;
    color:#fff ;
}
.footer .content
{
    position:relative;
}
.footer a
{
    color:#fff !important;
    margin-left:10px;
    text-decoration:none;
}
.footer a:hover
{
    text-decoration:underline;
}
.footer .logo
{
    position:absolute;
    top:-30px;
    left:20px;
}
.footerBanners
{
    margin-bottom:10px;
    overflow:hidden;
}
.footerBanners img
{
    margin:5px 5px;
    width:250px;
    height:100px;
}


 
/***************************************
 * Forms
 **************************************/
 .frmRow
 {
 	margin:5px 0;
 	clear:both;
 }
 .frmLabel
 {
 	width:90px;
 	display:block;
 	float:left;
 	text-align:right;
 	margin-right:5px;
 	font-weight:bold;
 }
 .frmLongLabel
 {
 	width:140px;
 	display:block;
 	float:left;
 	text-align:right;
 	margin-right:5px;
 	font-weight:bold;
 }
 .longLabels .frmLabel
 {
 	width:140px;
 }
 .formColumnContainer
 {
 }
 .formColumn
 {
 	float:left;
 	overflow:hidden;
 	margin-right:40px;
 }
 .formColumn h4
 {
	  border-bottom:solid 1px #cccccc;
	  margin:20px 0 10px 0;
 }


.infoBlock
{
    overflow: hidden;
    background-color: #FFFFFF;
    margin-top: 25px;
    margin-bottom: 25px;
    padding:40px 20px;
    min-height:450px;
}
.infoBlock h4, .infoBlock h3
{
    margin:10px 0;
    padding:20px;
}

.red
{
    color:Red;
}
.green
{
    color:Green;
}

.bg-green {
    background-color: #aaee7c;
}

.pointer
{
	cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .headerTitle {
       width:100%;
        text-align: center;
        max-width:100%;
        margin-bottom:5px;
    }
    
    .loginDisplay {
        width:100%;
        text-align: center;
    }
    
    .headerTitle .clubName {
        display: block;
        width: 100%;
    }
    
    .loginDisplay .twitter {
        margin-right: 12px; 
    }

}