@charset "utf-8";
@import url("content.css");
@import url("nav.css");
@media print  {
/* Hide useless elements in print layouts... */
.ui-tabs-nav {
display:none;
}
}

@media projection,screen  {
/* Caution! Ensure accessibility in print and other media types... 
 Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display:none;
}
}

/*to get rid of dotted line outline*/
:focus {
-moz-outline-style:none;
}



.space10 {
height:10px;
}

.space5 {
height:5px;
}


body.home {
background:#000 url(http://hpcsport.com/assets/back2.jpg) repeat-x top;
margin:0;
padding:0;
}

#wrapper {
width:59.69em;
margin-right:auto;
margin-left:auto;
}

#inner-wrapper {
position:relative;
}

#inner-wrapper-hm {
position:relative;
padding-left:30px;
}

#rotate {
height:225px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
font-size:10px;
padding-right:15px;
padding-left:15px;
line-height:14px;
}

p.hm-top-txt {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
margin-top:30px;
padding-right:10px;
float:right;
margin-left:95px;
font-weight:400;
}

p.hm-top-txt a {
text-decoration:none;
color:#5FA9D2;
}

#diverse p.hm-top-txt,#detail p.hm-top-txt {
margin-left:110px;
}

/*header content
==================================================================*/
#member {
padding-top:4px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
float:right;
}

#member a {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

#member a:hover {
color:#8BB2FD;
}

#header {
height:100px;
width:59.69em;
background:url(http://hpcsport.com/assets/header.jpg) no-repeat center top;
position:relative;
}

img#logo {
margin-left:35px;
border-style:none;
}

#header-feature {
height:425px;
background:url(http://hpcsport.com/assets/home-top.jpg) no-repeat left -10px;
position:relative;
}

#header-feature-2ndary {
height:125px;
background:left -10px;
position:relative;
}

#flash-cntr {
height:340px;
width:320px;
position:absolute;
bottom:60px;
left:340px;
}

#video-cntr {
height:250px;
width:320px;
position:absolute;
bottom:70px;
left:38px;
background:#000;
margin:0;
padding:0;
}

#left-hdr-feat {
float:right;
color:#FFF;
padding-top:5px;
width:277px;
}

#left-hdr-feat h2 {
margin-top:0;
font:bold 13px Geneva, Arial, Helvetica, sans-serif;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#ec1b1b;
padding-bottom:5px;
margin-bottom:3px;
position:relative;
padding-top:8px;
}

#left-hdr-feat h2 span.more {
float:right;
background:url(http://hpcsport.com/assets/button.jpg) no-repeat center 0;
height:20px;
width:100px;
text-align:center;
position:absolute;
top:5px;
right:0;
padding-top:3px;
}

#left-hdr-feat h2 span.more a {
font:italic 10px Verdana, Arial, Helvetica, sans-serif;
color:#a8c5f4;
text-decoration:none;
}

#left-hdr-feat h2 span.more a:hover {
color:#FFF;
}

#left-hdr-feat ul {
list-style:none;
margin:0 0 10px;
padding:0;
}

#left-hdr-feat ul li {
background-repeat:no-repeat;
background-position:0 65%;
line-height:14px;
margin:0 0 5px;
padding:0 0 0 15px;
}

#left-hdr-feat li a {
padding-left:5px;
font-weight:lighter;
color:#a8c5f4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
margin-bottom:0;
line-height:12px;
margin-top:-2px;
}

#left-hdr-feat li a:hover {
text-decoration:underline;
}

.red-triangle {
background:url(http://hpcsport.com/assets/red-arrow.png) no-repeat center;
}

/*left column assets and widgets
=========================================================================*/
#lt-col {
float:right;
width:28%;
padding-left:15px;
padding-top:25px;
}

/*old client login
#clnt-login{
	background: url(http://hpcsport.com/assets/login.png) no-repeat center center;
	height: 207px;
	width: 257px;
	padding: 10px;
}
#clnt-login h3{
	font: bold normal 16px Geneva, Arial, Helvetica, sans-serif;
	color: #859fca;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a8c5f4;
	padding-bottom: 4px;
	margin-top: 10px;
}
#clnt-login p{
	margin-top: 8px;
	margin-bottom: 0px;
}
#clnt-login label{
	margin-bottom: 4px;
}
#clnt-login form{
	margin-top: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#clnt-login a{
	color: #a8c5f4;
}*/
.input {
margin-bottom:4px;
border-color:#666 #999 #333;
border-style:solid;
border-width:1px;
}

.radio {
margin-left:0;
padding-left:0;
}

/*footer and absolute bottom
===========================================================================*/
#footer {
width:915px;
margin-right:auto;
margin-left:auto;
clear:both;
position:relative;
text-align:center;
height:50px;
margin-top:30px;
padding-top:25px;
border-bottom-color:#D4D0C8;
}

#footer p {
margin-top:0;
padding-top:0;
padding-bottom:15px;
margin-bottom:5px;
color:#777;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#footer a {
color:#999;
text-decoration:none;
}

#rotate ul,#lightbox-overlay-text {
display:none;
}

table.mytraining_report_table {
width: 800px; 
text-align: center;
border: 0;
cellpadding: 5;
}