/*
Title: Small Style Sheet 
Author: Erik Bye
Created: 1/14/2013


TABLE OF CONTENTS
 - General
 - Text Formatting
 - Buttons
 - Page Specific
 - Header
 - Footer
*/


/*GENERAL*/
body {background:#ffffff; min-width: 320px;}
.hideInSmall { display: none !important; }
.mainContent {width: 300px;margin: 0 auto;}
.trainerList {width: 300px;margin: 0 auto 10px auto;}


.topGraphic {padding: 12px 10px 2px 10px;background: url('/mobile/images/shadowTop.png') repeat-x #0C3F6B; /* added background */	font-size: 20px; font-weight: bold; color: #FFFFFF !important;}

div#main {}
.clubAddress {border: 0 !important; text-align: center;}
div#leftColumn {width: auto !important; float: none !important;}
/*Trainer Styles*/
.trainerImage {width: 137px; text-decoration: none;}
.trainerTable {width: 300px;margin: 0 auto;margin-top: 10px;}
.trainerTable tr td {vertical-align: top;}
.trainers .trainer {width: 50%; text-align: center; padding: 3% 0 !important;}
.trainers .trainer table {width: auto; float:right;}
.trainers .trainer table td {padding:0; border: 0;}
.trainers .trainer {border-bottom:1px solid #d1d5dd;}
.trainerPicture {display:block; text-align: center; margin: 10px auto;}
.trainerThumbnail,.resultThumbnail {position: relative; text-decoration: none;}
#masterTrainerBox {background: #6477b2;position: absolute;width: 137px;bottom: 0;left: 0;color: #ffffff; text-align: center;font-size: 16px;padding: 5px 0;}
#masterTrainerResultBox {background: #6477b2;
position: absolute;
width: 100px;
bottom: 0;
left: 0;
color: #ffffff;
text-align: center;
font-size: 11px;
padding: 2px 0;}

#pageTitle{
   background: url('/mobile/images/shadowTop.png') repeat-x #0C3F6B; /* added background */
}
#pageTitle span {padding: 5px 10px;
   display: block;
   line-height: 37px;
   font-size: 20px;
   font-weight: bold;
   color: #FFFFFF;}

/*TEXT FORMATTING*/
p { 
   padding: 10px;
   font-size:12px;
}
h2 {
   background: #d1d5dd !important;
   color: #333333 !important;
   font-weight: bold !important;
   font-size: 12px !important;
   text-align: left !important;
   height: 20px !important;
   padding: 5px 0 0 10px !important;
   border: 0 !important;
   margin: 0 !important;
}
h1 {
   background: #297DB1;
   color: #ffffff;
   font-weight: bold;
   font-size: 12px;
   text-align: left;
   height: 20px;
   padding: 5px 0 0 5px;
}


/*BUTTONS*/
a.smallLinkButton,a.smallLinkButton:active,a.smallLinkButton:visited {width: 80px; display: block; height: 29px;background: url('/mobile/app/images/smallButton.png'); color: #ffffff; font-weight: bold; margin: 0 auto; text-align: center; line-height: 2em; font-size: 16px; text-decoration: none;text-transform: uppercase;}
a.largeLinkButton,a.largeLinkButton:active,a.largeLinkButton:visited {   text-decoration: none !important;
	width: 300px;
   height: 30px;
   background: url('/mobile/app/images/longButton.png');
   color: #ffffff !important;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   vertical-align:middle;
   line-height: 30px;
   font-size: 16px;
   margin: 0 auto;
   display: block;
}

/*PAGE SPECIFIC*/
/*Trainer page*/

/*HEADER*/
.header {
   padding: 12px 0 0 0;
   height: 31px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   vertical-align: center;
   color: #333333;
   background: #e4e5e6 !important;
}
.headerLogo {
   padding: 0 0 0 10px;
   margin: -3px 0 0 0;
   float: left;
   border: 0;
}

.headerHomeButton {
   float: right;
   padding: 0 10px 0 0;
   border: 0;
}
/*FOOTER*/
.footer {
   width: 100%;
   height: 100px;
   color: #000000;
   background: #ffffff;
   text-align: center;
   font-size: 12px;
}

.footerLinks {
   font-size: 12px;
   margin: 0 0 20px 0;
}

.footer a {
   color: #3a92cc;
   font-weight: bold;
}
.sealContainer {
   margin: 10px;
   text-align: center;
}
.separatorBar2 {display: none;}
.seal {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   height: 65px;
   border: 0;
   background: url('/mobile/images/bbb.png') no-repeat;
   width: 200px;
}