body {	
	height:100%;
}

/* #0db24c   the green */
/* #177ec1   the blue  */
/* #283995   the dark blue */
/* #949DC8   the cool purple */

div, td, span, a, li, input {
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 12px;	
}

a:link, a:visited, a:active {
	color: #283995;
}

h1 {
    color: #283995;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2 {
    color: #283995;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3 {
    color: #283995;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.err {
		color: red;
		font-size: 10px;
		font-weight: bold;
}

.error {
	color: orange;
	font-size: 16px;
	font-weight: bold;
}

.main_container {
	width: 950px;
	border: 1px solid #949dc8;
}

.clear {
    clear: both;
	display:inline;
	font-size: 1px;
	margin:0px;
	padding: 0px;
}

.login_box {
    
}

.login_button {
	cursor: pointer;
}

.login_box input {	
    width: 155px;
    font-size: 11px;    
	border: 1px solid gray;  
	vertical-align: middle;
	margin: 1px;
	color: #177ec1;
}

.login_box label{
    color: #283995;
	font-weight: bold;
	display:block;
}

input.long {
	width: 165px;
    font-size: 12px;    
    border: 1px solid #608399;    
	vertical-align: middle;
	margin: 1px;
}

input.mid {
	width: 105px;
    font-size: 12px;    
    border: 1px solid #608399;    
	vertical-align: middle;
	margin: 1px;
}

input.small {
	width: 50px;
    font-size: 12px;    
    border: 1px solid #608399;    
	vertical-align: middle;
	margin: 1px;
}


.search_button {
	vertical-align:middle;
	margin-top: -2px;
}

.search_box {
	height: 15px;
	width: 145px;
	background-image: url(/img/blue/search.png);
	border: 0px solid #608399; 
	font-size: 10px;
	color: #177ec1;
	padding-left: 5px;
	padding-top: 5px;
}


.top_menu {
	font-size: 17px;
}

.top_menu a {
	font-size: 17px;
}

.left_menu_container {	
	padding: 7px 5px;
	width: 170px;
	float: left;
}

.right_container {
	border-left: 1px solid #949DC8;
	float: left;
	padding: 5px;
}

UL.menu {
	margin-left: 0px;
	margin-top: 3px;
	padding-top: 0px;
	padding-left: 1px;	
	list-style-position: outside;
	list-style-type: none;
}

UL.menu LI {
	margin: 0;
	padding: 0;	
}


UL.menu LI SPAN{
	font-size: 11px;
	padding-left: 0px;
}

UL.menu LI a:link, UL.menu LI a:visited, UL.menu LI a:active {
	text-decoration: none;
	color: #000;
}

UL.menu LI a:hover {
	text-decoration: none;
	color: #177ec1;
}





LI.menu_sep {
	border-top: 1px dashed gray;		
	
	font-size: 1px;
	height: 2px;
}


.small_input {
    font-size: 10px;
}


.small_header {
	background-color: #177ec1;
	color: #FFF;
	font-weight: bold;
	border-top: 2px solid #093f61;
	padding: 0 0 0 3px;
}

.small_container {
	padding: 1px 1px 1px 8px;
}

.portlet_bar {	
	color: #FFF;
	font-weight: bold;
	background-image: url(/img/blue/panel_header_bg.gif);	
	background-repeat: repeat-x;	
	border: 1px solid #949DC8;
	border-width: 1px 1px 0px 1px;
	height: 23px;
	padding: 2px 0px 2px 8px;
}

.portlet_c {
	border: 1px solid #949DC8;
	border-width: 0px 1px 1px 1px;
}


.friend_div {
	border-bottom: 1px solid gray;
	padding: 4px;
}

.friend_div_img {
	vertical-align: middle;
	padding-right: 15px;
}

.friend_div a {
	text-decoration: none;
}


.notification_div {
	padding: 2px;
}


img.thumb {
	vertical-align: middle;
}

.nav_top {
	background-image: url(/img/blue/bar_bg.gif);
	height: 45px;
	color: #222;	
	margin-bottom: 0px;	
	color: #fff;
		
}



.nav_top_spacer{
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.nav_top span {
	font-family: Arial;
	font-weight: bold;
    color: #efefef;	
	font-size: 16px;
	text-decoration: underline;
	padding-top: 2px;
}

.nav_top a:link, .nav_top a:visited, .nav_top a:active {
	font-family: Arial;
	font-weight: bold;
    color: #efefef;	
	font-size: 16px;
	text-decoration: none;
	padding-top: 2px;
}

.nav_top a:hover {
    color: #fff;
	text-decoration: underline;
}


.foot {
	padding: 5px; 
	margin-top: 7px; 
}

.foot a:link, .foot a:visited, .foot a:active {
	color: #177ec1;
	text-decoration: underline;
}

table.runcal_tbl {
		border-collapse: collapse;
		width: 700px;
}

table.runcal_tbl thead td{
		text-align:center;
		font-weight:bold;
		border: 1px solid gray;		
		border-bottom: 2px solid black;
		background-color: #ccc;
}

table.runcal_tbl tbody td{
		/*text-align:center;*/
		border: 1px solid gray;		
		padding: 2px;
}

table.runcal_tbl tfoot td{
		text-align:center;
		border: 1px solid gray;		
		border-top: 2px solid black;
		padding: 2px;
		background-color: #ccc;
}

.form_table {

}

.form_table td:first-child {
	
	font-weight:bold;
}

table.data_table {
	border-collapse: collapse;
}

table.data_table tr {	
	border: 1px solid #aaa;	
}

table.data_table td {
	padding: 3px;
	margin-top: 5px;
}





.tbllist {
	
}


.tbllist td:first-child {
	width: 100px;	
	float:left;
	margin-top: 2px;
	color: #555;
}

.note_txt {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px;	
	border-width: 0px;
	width: 250px;
	height: 100px;
	overflow: hidden;
}

.blue_box {
	border: 2px solid #949DC8;
	padding: 10px;
}


UL.tab_menu {
	margin-left: 0px;
	margin-top: 3px;
	padding-top: 0px;
	padding-left: 2px;		
	list-style-position: outside;
	list-style-type: none;
	display: inline;
}

UL.tab_menu LI {
	margin: 0;
	padding: 2px 7px 2px 7px;
	display: inline;
	border: 1px solid #949DC8;
	border-width: 1px 1px 0px 1px;
	font-weight: bold;
}

UL.tab_menu LI SPAN{
	font-size: 11px;
	padding-left: 10px;
}

UL.tab_menu LI a:link, UL.tab_menu LI a:visited, UL.tab_menu LI a:active {
	text-decoration: none;
	color: #000;
}

UL.tab_menu LI a:hover {
	text-decoration: underline;
	color: #177ec1;
}

LI.tab_menu_selected {
	color: #FFF;
	background-color: #177ec1;
}

.msg_cont {
	border: 1px solid #177ec1;
	padding: 0px 0px 5px 0px;
}


.msg_table {
	
}

.msg_table tr {	
	
}

.msg_table td {	
	padding-bottom: 10px;
}

.msg_cbox {
	padding: 20px;	
}

.msg_sender {
	padding: 0px 5px 0px 5px;
}

.msg_msg {
	padding: 0px 5px 0px 15px;
}
.msg_subject {
	font-weight: bold;	
}

.msg_subject_read {

}

.msg_small_body {
	color: gray;
}

.gray_date {
	color: gray;
	font-size: 10px;
}

.msg_header{
	padding: 5px;
	border-bottom: 1px solid #888;	
	background-color: #ddd;
	height: 30px;
}

.msg_header div {
	padding: 0px 5px 0px 5px;
}

.msg_body {
	padding: 5px;
}

.msg_compose_table td {
	padding-bottom: 5px;
}

.msg_compose_table td:first-child {
	font-weight: bold;
	padding-right: 5px;
}

.msg_compose_subject {
	width: 300px;
}

.msg_compose_body {
	width: 300px;
	height: 100px;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}


UL.log_list {
	border: 1px solid #949DC8;
	border-width: 1px 1px 0px 1px;
	margin: 3px 10px 10px 0px;
	padding: 0 0 0 0px;	
	list-style-position: outside;
	list-style-type: none;		
}

UL.log_list LI {
	margin: 0;
	padding: 2px;
	width: 220px;
	text-align: right;
	border-bottom: 1px solid #949DC8;
}

UL.log_list LI:first-child {
	background-image: url(/img/blue/panel_header_bg.gif);	
	background-repeat: repeat-x;	
	border-bottom: 0px solid black;
	height: 23px;
	text-align:center;
	font-weight: bold;
	color: #fff;
}


.lform LABEL{
	float:left;
	margin: 2px 10px 2px 0;
	
	width: 75px;
	font-weight: bold;
	text-align: right;
}

.lform INPUT, .lform TEXTAREA, .lform SELECT {
	border: 1px solid #608399; 
	font-size: 10px;
	color: #177ec1;
	padding-left: 2px;
}

.nobr {
	display:none;
}

.divider {
	height: 1px;
	margin: 2px;
	border-bottom: 1px solid #ccc;
}



.interval_table {
	
}

.interval_table thead td {
	text-align:center;
	font-weight:bold;
	border:1px solid #ccc;	
}

.interval_table tbody td {
	border: 1px solid #ccc;	
	border-width: 0px 1px 0px 1px;
}

.interval_table tfoot td {
	border: 1px solid #ccc;
	
}


.coolt {
    border-collapse: collapse;    
}

.coolt thead td{
    border-bottom: 2px solid black;
    border-top: 1px solid black;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.mapt td {
    border: 1px solid gray;
    padding: 2px;
}

.mapt td:first-child {
    font-weight: bold;
}


.forum_table {
	border-collapse: collapse;
	width: 100%;
	
}

.forum_table thead td {
	text-align:center;
	font-weight:bold;
	border:1px solid #ccc;	
	border-bottom: 2px solid #ccc;
	padding: 2px 8px 1px 8px;
}

.forum_table tbody td {
	border: 1px solid #ccc;	
	border-width: 0px 1px 1px 1px;
	padding: 5px;
}

.forum_img {
	vertical-align: middle;
	padding-right: 10px;
	float:left;
}

.forum_quote {
	border: 1px solid black;
	background-color: #99CCFF;
	padding: 10px;
}


.pb_btn {	
	cursor: pointer;
	padding: 1px;
	margin-bottom: -2px;
}


.pbpg_cnt {	
	padding: 1px 3px 3px 3px;
}

.hid {
	display: none;
}

.new_workout{
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
	padding: 5px;
}




/* GEAR STYLES */
.gear_container {
	padding-left: 140px;
}

DIV.prod_div {
	float: left;
	width: 180px;
	margin: 10px 20px;
	padding: 2px;
	text-align:left;
}

DIV.prod_price_div {
	width: 150px;
}

DIV.viewprod_left {
	float:left;
	padding: 10px;
}


DIV.viewprod_right {
	float:left;
	padding: 65px 0 0 10px;
	vertical-align: middle;
	width: 250px;	
}

TABLE.cart_table  {
	margin-left: 25px;
}

TABLE.cart_table td {
	padding: 1px 15px;
}

TABLE.cart_table tr:first-child td  {
	text-align: center;
	font-weight: bold;
	padding: 2px 15px;
	border-bottom: 1px solid black;
}


/* ALBUM STYLES */
.album_container {
	padding: 5px 10px 50px 25px;	
}

DIV.album_div {
	float: left;
	width: 110px;
	height: 110px;
	margin: 10px 20px;
	padding: 3px;
	text-align:center;	
}

DIV.album_div img {
	border: 1px solid black;
	padding: 2px;
	margin: 4px;
}