@charset "utf-8";
/* CSS Document */

@import url("containers.css");

@import url("header.css");

@import url("breadcrumb.css");

@import url("img.css");

@import url("table.css");

@import url("html.css");

@import url("lists.css");

@import url("links.css");

@import url("buttons.css");

@import url("forms.css");

*{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

html{
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
background:#494549;
}

/*------------HTML------------------*/


.login_error{
width:350px;
margin:0 auto;
padding:20px;
text-align:center;
margin-bottom:10px;
background:#FDC8D0;
border:1px solid #F26666;
height:1px;
}

.add_error{
width:350px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
background:#FDC8D0;
border:1px solid #F26666;
}

.add_error ul li{
color:#666666;
font-size:11px;
margin-left:20px;
}

.login_error p{
line-height:0px;
margin-bottom:0px;
}

.login_main{
width:300px;
margin:0 auto;
padding:5px;
background: #E4DEFE;
border:1px solid #A9A5FA;
}
.login_main table td{
font-size:11px;
padding-bottom:10px;
}

/*-----------MENU-----------*/
ul.menu{
width:907px;
text-align:center;
font-size:1px;
padding-top:11px;
}

ul.menu li{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #333333;
display:inline;
padding-left:38px;
padding-right:38px;
border-right:1px solid #FFFFFF;
text-align:center;
}

ul.menu li.last{
border:0;
}


/*----------clearfix--------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*-------------content area ----------------*/
.half{
float:left;
width:448px;
}

.half_widget{
width:443px;
clear:both;
border:1px solid #c6c3ce;
background:#e2ebeb;
margin-bottom:0.5em;
}

.profile_fav{
width:516px;
clear:both;
}

.profile_fav h3{
font-size:14px;
margin-bottom:1em;
float:none;
}

.profile_stats{
width:350px;
border:6px solid #EAEAEA;
clear:both;
margin-bottom:1em;
}

.profile_stats h3, .group_left h3, .group_right h3{
background:#CFCDFE;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
width:99%;
display:block;
}

.profile_left{
width:370px;
margin-right:10px;
border-right:1px dashed #CCCCCC;
float:left;
}

.profile_right{
width:516px;
float:left;
}

.profile_fav h4{
font-size:12px;
margin-bottom:1em;
color:#666699;
}


.side_menu{
display:inline;
float:left;
width:205px;
_margin-left:-3px;
background:#FFFFFF;
}

#widget{
clear:both;
width:193px;
padding:5px;
margin-bottom:0.5em;
background:#e2ebeb;
}

.widget{
clear:both;
width:193px;
padding:5px;
margin-bottom:0.5em;
background:#e2ebeb;
}

.widget ul li{
font-size:11px;
margin-left:20px;
color:#666666;
}


#widget .pad{
float:left;
background:url(../images/num_plans.jpg) no-repeat;
width:89px;
height:66px;
padding-top:18px;
}

.widget .remainder{
display:inline;
float:left;
}







/*-------------plans---------------*/
table.plans{
width:100%;
font-size:1px;
border-collapse:collapse;
}

table.plans td{
width:16.5%;
border-bottom:1px solid #CCCCCC;
text-align:center;
padding-top:3px;
padding-bottom:3px;
font-size:20px;
}

table.plans th{
width:16.5%;
font-weight:bold;
background:url(../images/table_head.jpg);
height:37px;
color: #FFFFFF;
vertical-align:top;
padding-top:5px;
padding-bottom:0;
font-size:18px;
}



ul.main{
margin-bottom:2em;
width:100%;
}

ul.main li{
font-size:11px;
line-height:1.7em;
margin-left:30px;
color: #666666;
}

table.clock{
text-align:center;
width:100%;
}

#displayScreen{
border:0;
color: #FF3333;
font-family: Arial, 'Helvetica', sans-serif;
font-weight:bold;
font-size:60px;
text-align:center;
width:300px;
margin:0 auto;
}

table.plans tr.selected td{
border-top:2px solid #FF0000;
border-bottom:2px solid #FF0000;
background: #efebec;
color:#FF9900;
font-weight:bold;
font-size:36px;
}

#heart_rate{
width:170px;
margin-left:645px;
padding-top:30px;
color:#FFFFFF;
text-align:center;
font-size:9px;
}

#heart_rate a{
color: #FFFFFF;
text-decoration:none;
}

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


#error{
width:300px;
border:1px solid #F81038;
background:#FDBDC4;
text-align:center;
margin:0 auto;
}

/*---------tables-----------*/
table{
width:100%;
border-collapse:collapse;
}

#enterWorkout{
font-size:11px;
}

#enterWorkout input{
width:30px;
}

#enterWorkout input.values{
width:60px;
}

#enterWorkout input.description{
width:150px;
}

#enterWorkout td{
padding-top:2px;
padding-bottom:2px;
}




#enterWorkout td.des, #enterWorkout td.hr, #enterWorkout td.cad, #enterWorkout th.des, #enterWorkout th.hr, #enterWorkout th.cad{
text-align:center;
width:200px;
border-bottom:1px solid #CCCCCC;
}

#enterWorkout th{
font-weight:bold;
border-bottom:1px solid #FF3366;
background:#F4F4F4;
border-top:1px solid #FF3366;
padding-bottom:2px;
}

#enterWorkout td.dur, #enterWorkout th.dur, #enterWorkout td.pow, #enterWorkout th.pow, #enterWorkout td.gea, #enterWorkout th.gea{
border-bottom:1px solid #CCCCCC;
text-align:center;
width:150px;
}

#enterWorkout tr.red td{
background: #FFCACB;
}

#enterWorkout td.steps, #enterWorkout th.steps{
border-bottom:1px solid #CCCCCC;
width:40px;
text-align:center;
}

#enterWorkout td{
text-align:center;
border-bottom:1px solid #F4F4F4;
}

#enterWorkout td.panel{
text-align:center;
}

#enterWorkout td.panel input{
width:130px;
}

table.workout1 #wkt_des{
width:99%;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

table.workout1{
font-size:1px;
width:65%;
margin:0 auto;
border:1px solid #CCCCCC;
background: #DBD7FD;
margin-bottom:10px;
}

table.workout2{
font-size:1px;
width:45%;
margin:0 auto;
border:1px solid #CCCCCC;
background: #DBD7FD;
margin-bottom:10px;
}

td.cen{
text-align:center;
}

table.workout1 th, table.workout2 th{
font-size:11px;
text-align:left;
padding-left:10px;
}

table.workout1 td, table.workout2 td{
font-size:11px;
padding:2px;
text-align:left;
}

table.workout1 td.box, table.workout2 td.box{
text-align:right;
padding-right:10px;
width:15px;
}

table.workout1 td.box2, table.workout2 td.box2{
width:305px;
}

table.workout1 #title, table.workout2 #title{
width:320px;
}

table.workout1 th.left, table.workout2 th.left{
width:150px;
}

table.enterWorkout1 th{
font-size:11px;
text-align:center;
border-bottom:1px solid #FF3333;
background: #FFCACA;
padding-top:5px;
padding-bottom:5px;
}

/*---------------GREY BOX ---------------------*/

.grey{
width:448px;
float:left;
}

.grey .top{
background:url(../images/boxes/grey/top.jpg) no-repeat;
height:16px;
}

.grey .mains{
background:url(../images/boxes/grey/bg.jpg) repeat-y;
clear:both;
width:420px;
padding-left:14px;
padding-right:14px;
}

.grey .bottom{
background: url(../images/boxes/grey/bottom.jpg);
height: 17px;
clear:both;
}

/*------------------------WHITE BOX -------------------------*/
.white{
width:448px;
float:left;
margin:0 auto;
}

.white .top{
background:url(../images/boxes/white/top.jpg) no-repeat;
height:16px;
}

.white .mains{
background:url(../images/boxes/white/bg.jpg) repeat-y;
clear:both;
width:420px;
padding-left:14px;
padding-right:14px;
}

.white .bottom{
background: url(../images/boxes/white/bottom.jpg);
height: 17px;
clear:both;
}

/*-------------------GREEN-----------------------*/

.green{
width:448px;
float:left;
}

.green .top{
background:url(../images/boxes/green/top.jpg) no-repeat;
height:16px;
}

.green .mains{
background:url(../images/boxes/green/bg.jpg) repeat-y;
clear:both;
width:420px;
padding-left:14px;
padding-right:14px;
}

.green .bottom{
background: url(../images/boxes/green/bottom.jpg);
height: 17px;
clear:both;
}

table.plan td{
font-size:11px;
padding-top:2px;
padding-bottom:2px;
border-bottom:1px solid #E4E4E4;
}

table.plan{
clear:left;
}

table.rate_tbl{
}

table.rate_tbl tr.red td{
background: #FDA399;
}


table.rate_tbl td{
border-bottom:0;
padding-top:0;
padding-bottom:0;
}

table.rate_tbl td.num{
text-align:left;
width:10px;
}

table.rate_tbl td.num_left{
text-align:right;
width:5px;
padding-right:3px;
}

table.rate_tbl td.input{
width:5px;
text-align:left;
}

h3{
font-size:13px;
font-weight:bold;
}

table.title_bar td a{
text-decoration:none;
color: #FF3300;
font-size:11px;
}

table.title_bar td a:hover{
text-decoration: underline;
}

table.title_bar td.right{
text-align:right;
}

table.title_bar2 td.right{
text-align:right;
}

#counter{
width:200px;
margin:0 auto;
text-align:center;
}

#d2{
border:0;
font-weight:bold;
width:150px;
text-align:center;
color:#009933;
}

/*-----------------------*/

	.suggest_link_over {
		background-color: #3366CC;
		padding: 2px 6px 2px 6px;
	}
	
	.search_suggest_box {
		position: absolute;
		z-index:99;
		margin-top:20px;
		margin-left:14px;
		
		/* any IE */
		margin-left: expression('0px');
		
		text-align: left; 	
	}	
	
	/* html .search_suggest_box {
    position: relative;
	}*/
	
	.search_suggest_box ul{
	width:154px;
	}	
	
	
	.search_suggest_box li{
	list-style:none;
	padding-bottom:3px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	padding:3px;
	background:#FFFFFF;
	}	
	
	.search_suggest_box li a{
	color: #666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}	
	
	.search_suggest_box li a:hover{
	color:#FF3333;
	}	
	
	#search_suggest{
	width:154px;
	}		
	

	
	
	/*---------------------------POP---------------------*/
	
	.jqiwarning .jqi{
      background-color: #b0be96;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #A29AFA;
      padding: 10px;
      width: 400px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
	  color:#333333;
}
div.jqi .jqicontainer{
      background-color: #D7D3FE;
      padding: 5px;
      color: #333333;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #FFFFFF;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
	  size:20px;
} 

#jqibuttonIgnore{
display:none;
}

/*-----------------TEST---------------------*/

.messagebox{
 position:absolute;
 width:100px;
 margin-left:10px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
 font-size:10px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:10px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:10px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

/*--------------REG TABLE -------------------------*/
table.reg{
width:55%;
border:1px solid #9F98F8;
background: #E2E3FC;
margin:0 auto;
border-collapse:collapse;

}

table.reg td{
font-size:11px;
padding:5px;
}

table.reg td.cen{
text-align:center;
margin:0 auto;
}

#email{
width:250px;
}

#password, #password2, #username{
width:200px;
}

/*--------------LOGIN TABLE ---------------------*/
table.login{
width:98%;
border-collapse:collapse;
}

table.login td{
font-size:11px;
padding-bottom:5px;
}

table.login #username, table.login #password{
font-size:11px;
width:135px;
margin-left:4px;
}

table.profile{
clear:both;
}

table.profile td{
font-size:11px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
border-bottom:1px dotted #EBEBEB;
border-right:1px dotted #EBEBEB;
}

table.profile td.left{
width:160px;
color: #003366;
}

.privacy h1{
font-size:14px;
}

.privacy p{
font-size:9px;
line-height:1.2em;
margin-bottom:1em;
}

.privacy strong{
font-size:10px;
color: #003399;
}

a.reg_pol{
font-size:9px;
margin:0 auto;
text-align:center;
color:#666666;
}

p.cen{
text-align:center;
}

h1.reg_main{
color:#FF6600;
}

h2.reg_main2{
color:#333333;
margin-bottom:1em;
font-size:16px;
}


table.profile_settings{
width:70%;
margin:0 auto;
border-collapse:collapse;
border:1px solid #E9E9E9;
}

table.profile_settings td{
border-bottom:1px solid #E9E9E9;
font-size:10px;
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
}

table.profile_settings td.left{
width:20px;
}

#profile_menu{
font-size:11px;
margin-bottom:0.5em;
}

#profile_menu a{
color:#3333CC;
text-decoration:none;
}

#profile_menu a:hover{
text-decoration:underline;
}

.editor{
width:500px;
margin:0 auto;
}

table.abouts{
padding:0;
margin:0;
}

table.abouts td.right{
font-size:11px;
color:#003399;
width:40px;
text-align:right;
}

.about{
margin-left:5px;
width:680px;
float:left;
}

.about .title_bar{
float:left;
background:url(../images/temp_img.jpg);
height:22px;
width:680px;
padding-top:8px;
padding-left:5px;
margin-bottom:10px;
}

.about .title_bar h1{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}