﻿@import url('menu.css');

/********************
GLOBAL TAGS
********************/

body{
	background: url(../images/bg.png) repeat-x;
	background-color: #7FD8FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body#blank_page{
	background: none;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
}

a{
	text-decoration: none;
	color: #27408B;
}

a:visited{
	text-decoration: none;
	color: #380474;
}

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

a:active{
	text-decoration: none;
	color: #380474;
}

dt{
	margin-top: 10px;
}

dd{
	font-size: 12px;
	color: #3c8733;
	margin-left: 5px;
}

hr{
	color: #7FD8FA;
	background-color: #7FD8FA;
	border: 0px;
}

h1, h2, h3, h4, h5, h6{
	color: #380474;
	clear: both;
}

h1, h3{
	font-size: 1.17em;
	margin: .83em 0; 
}

h2{
	font-size: 1.0em;
	margin: 1.12em 0; 
 
}

img{
	border: 0px;
	/* -ms-interpolation-mode: bicubic; */
}

input[type="submit"]{
	padding: 0px;
}

input[type="text"]{
	width: 98%;
}

input[type="password"]{
	width: 98%;
}

object{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

ol li{
	margin-bottom: 10px;
}

p{
	text-align: justify;
}

table{
	margin-top: 10px;
	width: 550px;
	empty-cells: show;
	border-collapse: collapse;
}

table th{

	padding-bottom: 2px;
	background-color: #7FD8FA; 
	color: #380474;
}

table tr{
	padding-top: 10px;
}

table td{
	padding-top: 5px;
}

textarea{
	width: 98%;
}

/******************** 
DIV STYLES
********************/

#wrapper{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-top: 10px;
}

#top{
	width: 780px;
	height: 20px;
	background: url(../images/top_bg.png) no-repeat;
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
}

#banner{
	width: 760px;
	height: 185px;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}

#content_wrapper{
	width: 800px;
	clear: both;
	min-height: 300px;
	background-color: #FFFFFF;
	overflow: hidden;
	padding-bottom: 25px;
	padding-top: 25px;
}

#content{
	width: 549px;
	min-height: 300px;
	border-left: 1px solid #7FD8FA;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 5px;
	float: right;
}

#left_panel{
	width: 163px;
	min-height: 300px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 12px;
	margin-top: 0px;
	float: left;
}

#footer{
	width: 800px;
	height: 30px;
	background: url(../images/footer_bg.png) no-repeat;
	padding-top: 5px;
	text-align: center;
	font-size: 12px;
	color: #380474;
	clear: both;
}

#bottom_links{
	width: 800px;
	height: 20px;
	padding-top: 5px;
	font-size: 10px;
	text-align: right;
	color: #27408B;
}

#menu_container{
	width: 800px;
	height: 45px;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	overflow: hidden;
}

#twitter_container{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.coach_profile{
	width: 550px;
	min-height: 150px;
	overflow: hidden;
	clear: both;
	border: 0px solid #000000;
	margin-bottom: 20px;
}

.news_item{
	width: 550px;
	min-height: 150px;
	overflow: hidden;
	clear: both;
	border-bottom: 2px solid #7FD8FA;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}

	.news_item img {
		margin-left: auto;
		margin-right: auto;
		display: block;
		text-align: center;
		padding: 10px;
	}
	
.news_footer{
	width: 550px;
	height: 25px;
	overflow: hidden;
	clear: both;
	margin-top: 20px;
}

.newsinfo{
	font-size: 12px;
	width: 380px;
	min-height: 20px;
	float: left;
	text-align: left;
}

.share{
	width: 160px;
	min-height: 20px;
	float: right;
}

.pagelinks{
	width: 550px;
	min-height: 20px;
	text-align: center;
	font-size: 12px;
	padding: 5px;
}

.content_left{
	float: left;
	width: 50%;
}

.content_right{
	float: right;
	width: 50%;
}

/********************
CLASS SPECIFIC TAGS
********************/

a.add{
	padding-left: 20px;
	background: transparent url(../images/icons/add.png) no-repeat center left;
	color: #3c8733;
}

a.external{
	padding-right: 14px;
	background: transparent url(../images/icons/external_link.jpg) no-repeat center right;
}

a.more{
	padding-right: 20px;
	background: transparent url(../images/icons/more.png) no-repeat center right;
	color: #3c8733;
}

a.back{
	padding-left: 20px;
	background: transparent url(../images/icons/back.png) no-repeat center left;
	color: #3c8733;
}

a.calculator{
	padding-left: 20px;
	padding-top: 10px;
	background: transparent url(../images/icons/calculator.png) no-repeat center left;
	color: #3c8733;
}

a.login{
	padding-left: 20px;
	background: transparent url(../images/icons/login.png) no-repeat center left;
	color: #3c8733;
}

a.logout{
	padding-left: 20px;
	background: transparent url(../images/icons/logout.png) no-repeat center left;
	color: #3c8733;
}

a.pdf{
	padding-left: 20px;
	background: transparent url(../images/icons/pdf.png) no-repeat center left;
	color: #3c8733;
}

a.sitemap{
	padding-left: 20px;
	background: transparent url(../images/icons/sitemap.png) no-repeat center left;
	color: #3c8733;
}

a.table{
	padding-left: 20px;
	padding-top: 10px;
	background: transparent url(../images/icons/table.png) no-repeat center left;
	color: #3c8733;
}

a.twitter{
	padding-left: 20px;
	background: transparent url(../images/icons/twitter_small.png) no-repeat center left;
	color: #3c8733;
}

a.user_edit{
	padding-left: 20px;
	background: transparent url(../images/icons/user_edit.png) no-repeat center left;
	color: #3c8733;
}


img.news{
	padding-left: 10px;
	padding-bottom: 5px;
	border: 0px;
	max-width: 200px;
	max-height: 200px;
	float: right;
}

img.article{
	padding-left: 10px;
	padding-bottom: 5px;
	border: 0px;
	max-width: 250px;
	max-height: 250px;
	float: right;
}

img.formatting{
	padding: 5px;
	border: 1px solid #7FD8FA;
	background-color: #FFFFFF;
}

img.formatting:hover{
	background-color: #7FD8FA;
}

img.left{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: 0px;
	max-width: 250px;
	max-height: 250px;
	float: left;
}

img.right{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	border: 0px;
	max-width: 250px;
	max-height: 250px;
	float: right;
}


img.right_small{
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	border: 0px;
	max-width: 120px;
	max-height: 120px;
	float: right;
}

input.search{
	width: 70%;
}

p.accept{
	padding-left: 20px;
	background: transparent url(../images/icons/accept.png) no-repeat center left;
	color: #3c8733;
	margin-left: 90px;
}

p.error{
	padding-left: 20px;
	background: transparent url(../images/icons/error.png) no-repeat center left;
	color: red;
	margin-left: 90px;
}

p.left{
	margin-top: 52px;
}

p.nojustify{
	text-align: left;
}

a.pageprevlink{
	border: 1px solid #7FD8FA;
	padding: 5px;
}

span.pageprevdead{
	border: 1px solid #7FD8FA;
	color: #7FD8FA;
	padding: 5px;
	margin: 5px;
}

a.pagenumlink{
	border: 1px solid #7FD8FA;
	padding: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

span.pagenumdead{
	border: 1px solid #380474;
	color: #380474;
	padding: 5px;
}

a.pagenextlink{
	border: 1px solid #7FD8FA;
	padding: 5px;
}

span.pagenextdead{
	border: 1px solid #7FD8FA;
	color: #7FD8FA;
	padding: 5px;
}

span.accept{
	padding-left: 20px;
	background: transparent url(../images/icons/accept.png) no-repeat center left;
	color: #3c8733;
}

span.error{
	padding-left: 20px;
	background: transparent url(../images/icons/error.png) no-repeat center left;
	color: red;
}

table.acknowledgments td{
	text-align: center;
	color: #27408B;
}

table.acknowledgments td{
	padding-bottom: 30px;
}

table#calculator td.labels{
	width: 200px;
}

table.edit_profile{
	width: 450px;
}

table.edit_profile td{
	width: 225px;
}

table.help{
	width: 500px;
}

table.help td{
	border: 1px solid #7FD8FA;
	padding: 5px;
}

table.login{
	padding-top: 0px;
	text-align: right;
	width: 250px;
	margin-left: 100px;
}

table.login tr td{
	background-color: transparent;
	padding-top: 10px;
}

table td.name{
	width: 300px;
}

table td.dates{
	width: 180px;
}

table td.label{
	width: 100px;
}

table td.required{
	width: 220px;
	padding: 10px;
}

table.training{
	width: 550px;
	border: 1px solid #7FD8FA; 
}

table.training td{
	padding: 2px;
	border: 1px solid #7FD8FA;
	color: #380474;
	text-align: center;
}

table.training td.empty{
	border-right-color: #FFFFFF;
}

table.training td.masters{
	background-color: #00B2EE;
}

table.training td.jcm{
	background-color: #42C0FB;
}

table.training td.jcm_land{
	background-color: #63D1F4;
}

table.training td.mix{
	background-color: #38B0DE;
}