/* Start of CMSMS style sheet 'pbats' */
/*
Theme Name: PBATS 2008
Theme URI: http://pbats.com
Description: Style sheet for the Professional Baseball Athletic Trainers Society
Version: 2008
Author: Shane Gardner - sugnadesign.com
*/

/* --------- Global Reset --------- */
html,body,pre,p,blockquote,div,ul,ol,li,dl,dd,dt,input,fieldset,form,h1,h2,h3,h4,h5,h6,img,th,td {
	margin:0;padding:0;text-align:left;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;font-weight:normal;
}
li,ul {
  	list-style:none; 
}
h1 {
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
        padding:5px 0 5px 0;


}


/*Done*/




/* --------- Global Override ---------- */

.hidden {
	display:none !important;
}
.join {
	margin-top:2px !important;
}
.bold {
	font-weight:bold !important;
}

.here {

background-color: #CC0001 !important;

}

.here2 {
color:#fff !important;
background-color: #CC0001 !important;
text-decoration:none !important;

}



/* --------- Base Styles --------- */

html, body {
	text-align:left;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	line-height:150%;
	text-align:center;
	background-image: url(images/background.jpg);
}

p, dl, ol, ul, address, blockquote {
	font-size:1.0em; 
	margin:13px 0 2px;
}

strong {
	font-weight:bold;font-style: inherit;
}

h1 {
	color: #CC0000;
	font-size: 18px;

}

h2 {

font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
       color:#333;
        padding:5px 0 5px 0;


}

ol li{
list-style-type: decimal;
list-style-position: inside;

}

input {
	overflow:visible;
}

.floatImageLeft {

float:left;
width:75px;
padding-top:5px;
padding-right:5px;

}


.imageBlock {

width:200px;
float:left;
padding-bottom:5px;
margin:5px 10px 10px 0;

}

.imageBlock img {
border: solid 1px #ccc;

}

.spacer {

padding:10px 0 10px 0;


}

.social-box {
padding:10px 0 0 0;

}

.social {
padding:5px 0 5px 5px;

}

/* --------- Base layout --------- */


#outerContainer {
	margin:0 auto; overflow:hidden; text-align:left; width:970px; 
}

#wrap {
	float: left;
	width: 150px;


}


#badge {
	width: 92px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;

}

#topLinkContainer {
	width:820px;
	overflow:hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #000000;
	background-image: url(images/topNavBack.gif);
}
div.container {
	overflow:hidden;
	text-align:left;
	width:820px;
	background-repeat: repeat-y;
	background-position: left top;
}

div.search {
	margin-bottom: 2px;

}

.thinLine  {
	border:0;
	padding:10px 0 10px 0;
	clear:both;
	background-image: url(../images/horLine.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
/* --------- Top Utility Navigation --------- */

#utilityLinks {
	width:310px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
		
}
#utilityLinks ul {
	list-style:none; 
	margin:0; 
	padding:0;
}
#utilityLinks li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	margin-left:0px;
}
#utilityLinks a.home{
	display:block;
	text-decoration:underline;
	line-height:21px;
	width:100px;
	text-align:center;
	padding:0;
	color: #c0c0c0;
}
#utilityLinks a.about-pbats{
	display:block;
	text-decoration:underline;
	line-height:21px;
	width:100px;
	text-align:center;
	margin:0 1px 0 0;
	padding:0;
	color: #c0c0c0;
}
#utilityLinks a.contact-pbats{
	display:block;
	text-decoration:underline;
	line-height:21px;
	width:100px;
	text-align:center;
	margin:0 1px 0 0;
	padding:0;
	color: #c0c0c0;
}
#utilityLinks a:hover {
	color: #FFFFFF;
	
}


/* --------- Form ---------- */



.formRow {clear:both; text-align:left; padding:4px; vertical-align:middle; overflow:hidden;  line-height:25px;}

.formButtonPad {clear:both; margin-left:63px;}

#allforms {
               
margin:10px 0 10px 0;
			

}

#allforms ul{
	
}


#allforms li{
	
margin:5px 0 5px 0;
list-style:none;


}

#allforms input {
font-weight:bold;
border:solid 1px #CCC;
height:20px;
width:300px;
margin:10px 0 10px 0 ;



}

#allforms textarea {
border:solid 1px #CCC;
height:20px;
width:300px;
height:150px;
margin:10px 0 10px 0 ;
padding:5px;

}

#allforms .required select{
background:#fff;
border:solid 1px #CCC;
height:30px;
width:200px;
margin:2px 0 5px 0 ;
padding:5px;


}

#allforms .submit {
margin:10px 0 0 0;
width:71px;
height:27px;
border:0;

}





.text {
font-size:12px;
font-weight:bold;
color:#000;


}

.required input{
background:#fff;
padding:5px 0  0 5px;
font-weight:bold;

}


.error {
color:#FFF;
background-color:#990000;
padding:5px;
margin:0 0 20px 0;

}

.error li{
list-style:none;


}

.success {
color:#009933;
background-color:#CFFE9C;
padding:5px;
border: solid 1px #009933;


}

.submit {
margin:10px 0 0 0;
width:71px;
height:27px;
border:0;

}



	/* Sample FormBuilder CSS base */
	#detailed-form form {margin-top:0}
	#detailed-form form form, td, th, li { font-size: 100%}
	#detailed-form form form div {margin-bottom:0}
	#detailed-form form fieldset div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	#detailed-form form fieldset div div {
		margin-top:0.5em;
		margin-left:1em
	}
	#detailed-form form fieldset {
		margin-bottom:1em;
		border:1px solid #CCC;
		padding:0.5em
	}
	#detailed-form form fieldset label {
		width:auto;
	}
	#detailed-form form legend {
		color:#FFF;
		background:#379aff;
		font-size:1.2em;
font-weight:bold;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #CCC
	}
	#detailed-form form textarea {
		margin: 0.5em 0;
		width:98%;
		height: 6em


	}

#detailed-form form input{
border: solid 1px #CCC;
}





	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em;}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	#detailed-form .submit {margin:0.5em 0  0 15px; }


.loginForm {
               
padding:10px;
margin:10px 0 10px 0;
border:1px solid #ccc;
background:#f7f7f7;
			

}

.loginForm ul{
	
}


.loginForm li{
	
padding:5px 0 5px 0;


}

.signUpInfoBox {
margin-top:39px;
border: solid 1px #ccc;
padding:5px;


}

.signup{

float:right;
width:200px;
color:#ffffff;
text-align:right;
padding-right:25px;

	
}

.signup a{

color:#ffff92;
	
}

.signup a:hover{

color:#ffffff;
	
}



.loggedin {

float:right;
width:400px;
color:#ffffff;
text-align:right;
padding-right:25px;
	
}

.loggedin a{

color:#ffff92;
	
}

.loggedin a:hover{

color:#ffffff;
	
}






/* --------- Primary Navigation --------- */

#primaryNavigation {
	width:820px;
	padding:0;
	clear: both;
	float: left;
	background-color: #333333;
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
}
#primaryNavigation ul {
	list-style:none; 
	margin:0; 
	padding:0;
}
#primaryNavigation li {
	float:left;
	list-style:none;
	margin-left:0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#primaryNavigation a {
	padding-top: 5px !important;
	padding-right: 0;
	padding-bottom: 5px !important;
	padding-left: 0;
	color: #FFFFFF;

}

#primaryNavigation a.major-league-athletic-trainers {
	display:block;
	text-decoration:none;
	line-height:21px;
	width:200px;
	text-align:center;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#primaryNavigation a.education-portal {
	display:block; 
	text-decoration:none; 
	line-height:21px; 
	width:125px; 
	text-align:center; 
	margin:0 1px 0 0; 
	padding:0;

}
#primaryNavigation a.jobs {
	display:block; 
	text-decoration:none; 
	line-height:21px; 
	width:100px; 
	text-align:center; 
	margin:0 1px 0 0; 
	padding:0;

}
#primaryNavigation a.news-center {
	display:block; 
	text-decoration:none; 
	line-height:21px; 
	width:113px; 
	text-align:center; 
	margin:0 1px 0 0; 
	padding:0;

}

#primaryNavigation a.events {
	display:block;
	text-decoration:none;
	line-height:21px;
	width:101px;
	text-align:center;
	padding:0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;

}

#primaryNavigation a.store {
	display:block; 
	text-decoration:none; 
	line-height:21px; 
	width:85px; 
	text-align:center; 
	margin:0 1px 0 0; 
	padding:0;

}
#primaryNavigation a.blogs {
	display:block; 
	text-decoration:none; 
	line-height:21px; 
	width:90px; 
	text-align:center; 
	margin:0 1px 0 0; 
	padding:0;

}


#primaryNavigation a:hover {
	background-color: #CC0001;
	
}



/* --------- Content --------- */

#contentContainer {
	float:left;
	width:820px;
	clear: both;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
        background-image: url(images/vert-line.gif);
	background-repeat: no-repeat;
	background-position: 540px 280px;
}

#interiorContentContainer {
	float:left;
	width:820px;
	clear: both;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	
}

#interiorContentContainer p{

padding:5px 0 0 0;
margin:0;

}


#interiorContentContainer h3 {
	font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 0 !important;
}

#interiorContentContainer a{
color:#CC0000;
text-decoration: none;
}

#interiorContentContainer a:hover{
color:#990000;
text-decoration: underline;
}

#contentHeader {
	float:left;
	width:805px;
	margin-top: 15px;
        margin-bottom: 15px;
        padding-right: 15px;
	padding-left: 15px;
        text-align:left;


}

#content {
	float:left;
	width:500px;
	margin-top: 0px;
        margin-bottom: 15px;
	padding-left: 15px;
        text-align:left;

}

#content a {

color:#CC0000;
text-decoration: none;
}

#content a:hover {

color:#990000;
text-decoration: underline;

}


#contentInterior {
	float:left;
	width:770px;
	margin-top: 15px;
        padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
        text-align:left;
}

#contentInteriorSide {
	float:left;
	width:550px;
	margin-top: 15px;
        padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
        text-align:left;
}

#contentInteriorSideLogin {
	float:left;
	width:550px;
	margin-top: 15px;
        margin-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
        text-align:left;
}


#interiorSidebar {
	float:left;
	width:150px;
	margin-top: 15px;
        padding-right: 15px;


}

#interiorSidebar ul{
	border: 1px solid #FFFFFF;
	margin-top: 0px !important;
	margin-left: 15px;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	
}
#interiorSidebar li a{
 display:block;
 padding:3px;
 width: 140px;
 text-decoration: none;
 border-bottom: 1px solid #f3f3f3;
 }
#interiorSidebar a:hover{
 background-color:#FFFFCC;

 }
#interiorSidebar a:link, .navlist a:visited
{
color: #990000;

}


#interiorRightSidebar {
	float:left;
	width:200px;
	margin-top: 15px;
        padding-right: 15px;


}

#interiorRightSidebar ul{
	border: 1px solid #FFFFFF;
	margin-top: 0px !important;
	margin-left: 25px;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	
}
#interiorRightSidebar li a{
 display:block;
 padding:3px;
 width: 135px;
 text-decoration: none;
 border-bottom: 1px solid #CCCCCC;
 }
#interiorRightSidebar a:hover{
 background-color:#FFFFCC;

 }
#interiorRightSidebar a:link, .navlist a:visited
{
color: #990000;

}

.adCampaign728x90 {
        float:left;
	width:790px;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
        text-align:center;

}

.adCampaign728x90 img{

        border: 1px solid #666666;
}





.row {

	float:left;
	clear:both;
	width:525px;
	

}


.row1 {

	float:left;
	clear:both;
	width:530px;
        padding: 0 0 10px 0;
        
}




.portal-row {
float:left;
	clear:both;
	width:790px;
margin-top:5px;
        margin-bottom:10px;

}

.box {
	float:left;
	width:250px;
	padding: 5px;


}

.boxPortal {
	float:left;
	width:245px;
	padding: 5px;
margin-right:5px;
        


}

.boxPortal img{
	
border: solid 1px #e6e6e6;
        


}

.box1 {
	float:left;
	width:200px;
	padding: 5px;
        


}


.box2 {
	float:left;
	width:230px;
	padding: 5px 0 0 30px;
        


}

.box3 {
	float:left;
	width:260px;
	padding: 5px;

        


}

.box3 p {
	float:left;
        width:130px;
        padding:10px 0 0 0;
	
        


}

.box3 img {
	float:left;
        width:105px;
        padding:10px 5px 0 0;



}

.box4 {
	float:left;
	width:235px;
	padding: 5px;
}



/* Ortho Box and Row */

.ortho-link a{

color:#000 !important;
font-size:12px;
font-weight:bold;
	display:block;
padding:5px 0 0 25px;
margin:0 0 2px 0;
background:#fff1f1 url(uploads/images/page_white_text.png) no-repeat 2px center;
border:solid 1px #ffb2b2;


}



.ortho-link a:hover{

background:#FFF url(uploads/images/page_white_text.png) no-repeat 2px center;
text-decoration:none !important;

}


.ortho-row {
float:left;
	clear:both;
	width:790px;
margin-top:5px;
        margin-bottom:10px;

}

.ortho-box {
	float:left;
	width:250px;
	padding: 5px;


}

.ortho-box a{
color:#000 !important;
font-size:14px;
font-weight:bold;
	display:block;
padding:10px;
background:#fff1f1;
border:solid 1px #ffb2b2;



}

.ortho-box a:hover{

background:#FFF;
text-decoration:none !important;



}




/* Team Boxes */


.teamBox {

	clear: both;
	position: relative;
	float: left;
	width:100%;
        margin: 10px 0 15px 0;

}

div.logoBox {

        float: left;
	width:105px;
	padding: 5px;
	text-align:center;
        margin: 5px;
        overflow: hidden;
        min-height: 135px;
        _height: 135px;

}



div.logoBox a:hover{

	background-color: #FFFFCC;
        text-decoration: none !important;
}



/* End Team Boxes */


/* Trainers Pages */


.teamLogo ul li {

float:left;
width:95px;
margin:0 0 0 0;
padding:0 0 0 0;

}

li.teamName {
font-size:14px;
width:300px !important;
padding-top:15px !important;

}

.trainerResults {





}

.trainerResults ul{

padding-bottom:20px;




}





/* End Trainers Pages */


#sidebar {
	float:right;
	width:250px;
	padding-right: 15px;


}

div.sideBarBox {
	padding: 5px;


}

div.sideBarBox a{
	color:#CC0000;
text-decoration: none;

}
div.sideBarBox a:hover{
color:#990000;
	text-decoration:underline;
}



/* Executive Committee */
.colOne {
	text-align: left;
	
	


}
.col {
	float: left;
	width: 140px; 
	padding-right: 16px;/*adding px to padding will push design Layout to the right*/
	padding-left: 10px; /*adding px to padding will move Layout to the center*/

}



dt strong{
	color: #000000;
	font-weight: bold;

}
dt {
	color: #990000;
	font-weight: bold;

}


dd {
	margin-left: 0px;
	padding-left: 0px;

}



/*Override the job result page on the index page*/

#JobCenterBox {
	float:left;
	width:250px;
	padding: 0px 5px 5px 0px;
margin-left:5px;

}


#JobCenterBox .JobSummaryLink a{
width:170px !important;
color:#333 !important;
text-decoration:none;
background-color: #fff;
padding:2px 60px 2px 5px !important;



}



#JobCenterBox .JobSummaryLink a:hover{
text-decoration:none !important;
background-color: #ffffe7;


}

/*Done*/

.JobCenterResult {
	float:left;
	width:100%;
        clear:both;
margin:10px 0 10px 0;
}



.JobSummary {

padding:5px;

}

.JobSummary p{

padding: 0 0 0 0;

}

.JobSummaryLink {

clear:both;
padding:5px 0 5px 0;

}
.JobSummaryLink h3{
font-family:Arial, Helvetica, sans-serif !important;
}

.JobSummaryLink a{
color:#333 !important;
text-decoration:none;
display:block;
background-color: #fff;
padding:2px 2px 2px 2px;
	background-image: url(../images/jobButton.gif);
	background-repeat: no-repeat;
	background-position: right center;
border: solid 1px #e6e6e6;
}

.JobSummaryLink a:hover{
text-decoration:none !important;
background-color: #ffffe7;
}


.JobSummaryCategory {

}

.JobImage {
float:left;
width:96px;


}

.JobTeamName {
float:left;
width:135px;
margin-top:25px;

}

.question {
	background-color: #FFFFEF;
	padding: 10px;
border: solid 1px #CCCCCC;

	
}


.answer{
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom:15px;
}




.line  {height:1px; color:#DDD; float: left; width: 550px; background-color:#DDD; border:0; margin:15px 0 15px 0; padding:0;}


/*Use to Space Trunk Sections*/
.TrunkTile {


}
.TrunkTile img{
	background-color: #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	margin-right: 5px;

}
.TrunkTile dt strong{
	color: #990000;
	font-weight: bold;

}
.TrunkTile dt {
	color: #990000;
	font-weight: bold;

}


.TrunkTile dd {
	margin-left: 0px;
	padding-left: 0px;

}
.introTrunkTile {
	float: left;
	width: 230px;
	margin-right: 5px;


}
.introTrunkTile img{
	background-color: #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;

}
.introTrunkTile dt strong{
	color: #990000;
	font-weight: bold;

}
.introTrunkTile dt {
	color: #990000;
	font-weight: bold;

}


.introTrunkTile dd {
	margin-left: 0px;
	padding-left: 0px;

}


#footer {
	float: left;
	width: 820px;
	clear: both;
	background-color: #333333;
	color: #999999;
overflow:hidden;
margin-bottom:20px;


}

#footer a{
	
	color: #fff;

}

#footer a:hover{
	
	color: #cccccc;

}

.footerText {
	padding:10px 0 10px 15px;

}

.footerUtilities {
float:left;
width:820px;
clear:both;
padding:5px 0 5px 0;


}

.footerAdmin a{
color:#ccc !important;
text-decoration:none;
text-align:center;
float:left;
width:100px;
padding:2px;
}

.footerAdmin a:hover{
color:#999 !important;
}
.sugna a{
color:#ccc !important;
text-decoration:none;
text-align:center;
background-color:#000;
float:right;
width:80px;
padding:2px;

}

.sugna a:hover {
color:#fff !important;

}


#videoRow {
 border-bottom: solid 1px;
 border-width: 90%;
 padding-bottom: 15px;
}

#videoRow label {
 font-weight: bold;
 clear: both;
 padding-bottom: 5px;
}

#imageRow {
 padding-bottom: 15px;
}

#imageRow label {
 font-weight: bold;
 clear: both;
 padding-bottom: 5px;
}


#audioRow {
 border-bottom: solid 1px;
 border-width: 90%;
 padding-bottom: 15px;
}

#audioRow label {
 font-weight: bold;
 clear: both;
 padding-bottom: 5px;
}


#fileRow {
 border-bottom: solid 1px;
 border-width: 90%;
 padding-bottom: 15px;
}

#fileRow label {
 font-weight: bold;
 clear: both;
 padding-bottom: 5px;
}

#imageCol #videoCol #fileCol #audioCol {
 padding: 5px;
}


/* End of 'pbats' */