root {display: block;}

body, input, select, label, div, table, textarea, p
{
	/*font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;*/
	font-family: /*Verdana,*/Tahoma,Helvetica,Arial,sans-serif;
	font-size: 13px;text-align: left;margin:0px;padding:0;
}
body{margin:0px;padding-top:5px;padding-bottom:20px;text-align: center;background-color: #ffffff;/*#f0f0f0;*/}

p{margin:0px;border:0px;padding:0px;margin-top:5px;}

img{border: 0;margin:0px;margin-right:1px;padding:0;background: none;vertical-align:middle;}
img:hover{background: none;}
img.advimg{border:0}

/*NORMAL PAGES*/
#type1
{
	background-image : url(images/type1.png);
	background-position : top;background-repeat : repeat-x;*/

/*	background-image : url(images/sailing.jpg);
	background-position : top;background-repeat : no-repeat;
*/
	/*border: 1px solid #aedeed;
	border-top: none;*/
}
/*#type1 .corner {background-image:url(http://www.trainit.fi/adv/round.gif);}*/

/*OWN MENU*/
#type2{background-image : url(images/bgmain.png);background-position:top;background-repeat : repeat-y;}
#type2 .corner.bottomLeft {background-image:url(images/round.gif);}#type2 .corner.bottomRight {background-image:url(images/round.gif);}

/*FRIEND PAGES*/
#type4{background-color: #c6f1fd;}
#type4 .corner {background-image:url(images/round.gif);}

/*FRIEND MENU*/
#type5{background-color: #aedeed;/*c0e9f4;/*#c6f1fd;*/}

/*.corner {position:absolute; width:17px; height:17px;}*/
.corner {position:relative; width:17px; height:17px;}
.topLeft {top:0; left:0; background-position:-1px -1px;}
.topRight {top:0; right:0; background-position:-19px -1px;}
.bottomLeft {bottom:0; left:0; background-position:-1px -19px;}
.bottomRight {bottom:0; right:0; background-position:-19px -19px;}


input.btn{background: #B4C9C9;}	

.jsbtn, .jsbtn_indented
{
	cursor: pointer;
	background: transparent url(images/button.png) no-repeat scroll top left;
	width: 140px;height: 24px;
	
	border: none;padding: 0px;margin: 0px;

	text-decoration: none;text-align: center;vertical-align:middle;
	
    padding: 0px 0 5px 0px;
	font-size: 14px;	
	outline: none;
}
.jsbtn_indented{margin-left: 170px;}
.jsbtn:active, .jsbtn_indented:active{background-position: bottom;padding: 2px 0 5px 0px; /* push text down 1px */outline: none;} 



div.rootcontainer
{
	position:relative;
	border:0px;padding:0px;margin:10px;margin-top:0px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*right side banner*/
div.topcontainer
{
	margin: 0px;padding: 0px;border: 0px;
	margin-bottom:5px;
	width: 1000px;
	text-align: center;
	position:relative;
}

div.banner1, div.banner2
{
	display: block;
	position: relative;
	margin:0px;border:0px;padding:0px;
}
div.banner1{float: left; width: 1000px;border:0;margin:0;padding:0}
div.banner2{float: right;width: 160px;border:0;margin:0;padding:0}

/*container where application and menu are shown*/
div.bottomcontainer
{ 
	position: relative;
	margin:0px;border:0px;padding:0px;
	text-align: left;
	display: block;
	width: 1000px;min-height:1000px;
}

/*application area (menu + application)*/
div.pagecontainer
{
	position: relative;
	margin:0px;border:0px;padding:0px;
	display: block;
	width: 1000px;
	float:left;
	margin-top:20px;margin-bottom:25px;
}

div.applicationcontainer
{
	position: relative;
	margin:0px;border:0px;padding:0px;
	display: block;
	width: 1000px;min-height:1000px;
}
/* page area */
div.logindiv
{
	margin-bottom:20px;
}
div.leftcontainer
{
	position: relative;
	display:inline;
	margin:0px;border:0px;padding:0;padding-bottom:17px;padding-left:0px;
	display: block;
	float:left;
	width: 190px;
	text-align:left;
	padding : 10px;
	padding-top : 5px;
	
    /*border: 2px solid #82bad0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
	box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -moz-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -webkit-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);*/
}
div.leftcontainer p, h2, h5
{
	display:block;
	margin-top:5px;
	margin-bottom: 5px;
}
div.leftcontainer div
{
	margin-top:10px;
	margin-bottom: 25px;
}
div.leftcontainer a
{
	color:blue;
}

div.leftcontainerhelp
{
	font-size:11px;
	margin-top:20px;
	margin-bottom:20px;
}
div.leftcontainerhelp p
{
	font-size:11px;
}
div.titlediv h2{width:80%;margin:0;padding:0;}
div.titlediv
{
	width: 90%;text-align:left;
	margin:0;border:0px;padding:0px;margin-bottom: 25px;
}
div.leftcontainer div.titlediv
{
	border-bottom: 1px solid blue;
	width:100%;
}

div.menudiv
{
	background:#81bacf url(images/menugrad.jpg) repeat-x;
	position: relative;
    border: 2px solid #82bad0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
	box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -moz-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -webkit-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    height:60px;
    padding-bottom:0;
    margin:0;
    padding-top:5px;
    padding-right: 30px;
}
div.menudiv ul{display:inline;margin:0;padding:0px;padding-left:5px;border:none;width:auto;height:48px;font-size:12px;font-weight:bold;cursor: pointer;}
div.menudiv ul li{padding-top:5px;display:inline;}
div.menudiv ul li img{vertical-align: top;	padding:5px;padding-left:10px;padding-right:10px;display:inline;color: #5d6068;text-decoration:none;/*background:transparent url("images/DIVIDER.gif") no-repeat top right;*/}
div.menudiv ul li img.selectedmenuitem{background:transparent url("images/hover.png") no-repeat top right;color:#000000;}
div.menudiv ul li b{padding-bottom:10px;background:transparent url("images/hover.png") no-repeat top right;color:#000000;}
div.menudiv ul li a:hover,div.menudiv ul li b:hover, div.menudiv ul li img:hover{background:transparent url("images/hover.png") no-repeat top right;cursor:pointer;}
div.menudiv ul li a,div.menudiv ul li b{padding-left:10px;padding-right:10px;height:48px;color:#000000;vertical-align:top;}

div.friendmenudiv
{
	float:left;
	border:0px;	padding-top:10px;padding-bottom:5px;
	margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:10px;
	width: 760px;
	text-align:left;
	background:#81bacf url(images/menugrad.jpg) repeat-x;
    border: 2px solid #82bad0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
	box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -moz-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -webkit-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
}
/*div.leftcontainer,*/ 
div.rightcontainer { background:#ffffff url(images/titlegrad.jpg) repeat-x; }
/*div.rightcontainer { background:#ffffff url(images/top.jpg) no-repeat top left; }*/


div.rightcontainer
{
	position: relative;
	display:inline;
	margin:0px;border:0px;padding:0;padding-bottom:17px;/*padding-left:17px;*/
	display: inline;
	width: 760px;
	text-align:left;
	float:right;
	padding : 10px;
	padding-top : 5px;
	
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #82bad0;
	box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -moz-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
    -webkit-box-shadow: 4px 4px 3px rgba(192, 224, 224, 0.5);
}
div.leftcontainer h2, div.rightcontainer h2
{
	font-size: 14px;
}
div.tabselect
{
}
div.tabpane
{
	display: block;
	border:0;
	margin:0;
	padding:0;
}


/* full width column */
div.onecolumn, div.onecolumnnoborder, div.uiblock
{
	border:0px;
	/*border: 1px solid #ffff00;*/
	float:left;display:table-row;
	padding-top:10px;padding-bottom:15px;

	margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;
	width: 760px;
	text-align:left;
}
div.onecolumnnoborder{width:100%;}
div.onecolumn{border-top: 1px solid blue;}

div.leftcolumn{position: relative;display: inline;width:370px;text-align:left;float:left;/*border: 1px solid #ff0000;*/height:100%;}
div.rightcolumn{position: relative;display: inline;width:370px;text-align:left;float:right;/*border: 1px solid #0000ff;*/height:100%;}
p.column1{width:175px;float:left;margin-right: 0.5em;}


ul#menu{display:inline;margin:0;padding:0px;padding-left:10px;border:none;width:auto;height:48px;font-size:12px;font-weight:bold;cursor: pointer;}
ul#menu li{padding-top:5px;display:inline;}
ul#menu li img{vertical-align: top;	padding:5px;display:inline;color: #5d6068;text-decoration:none;/*background:transparent url("images/DIVIDER.gif") no-repeat top right;*/}
ul#menu li img.selectedmenuitem{background:transparent url("images/hover.png") no-repeat top right;color:#000000;}
ul#menu li b{padding-bottom:10px;background:transparent url("images/hover.png") no-repeat top right;color:#000000;}
ul#menu li a:hover,ul#menu li b:hover, ul#menu li img:hover{background:transparent url("images/hover.png") no-repeat top right;cursor:pointer;}
ul#menu li a,ul#menu li b{padding-left:10px;padding-right:10px;height:48px;color:#000000;vertical-align:top;}

ul#friendmenu{display:block;margin:0px;padding:10px;padding-left:10px;border:none;width:auto;font-size:12px;font-weight:bold;cursor: pointer;}
ul#friendmenu li{display:inline;}
ul#friendmenu li img{vertical-align:top;padding:0;display:inline;color: #5d6068;text-decoration:none;background:transparent url("images/DIVIDER.gif") no-repeat top right;}
ul#friendmenu li img.selectedmenuitem{background:transparent url("images/hover.png") no-repeat top right;color:#000000;}
ul#friendmenu li b{background:transparent url("images/hover.png") no-repeat top right;color:#000000;}
ul#friendmenu a:hover,ul#friendmenu b:hover, ul#menu li img:hover{background:transparent url("images/hover.png") no-repeat top right;cursor:pointer;}
ul#friendmenu li a,ul#friendmenu li b{padding:10px;height:24px;color:#000000;vertical-align:middle;}

ul#tabmenu
{
	display:block;
	margin:0;padding:6px;border:0;
	font-size:12px;font-weight:bold;
}
ul#tabmenu li
{
	height:52px;display:inline;padding:12px;margin:0;border:0;
	margin-top:20px;vertical-align: bottom; 
	color:#5d6068;text-decoration:none;background:transparent url("images/DIVIDER.gif") no-repeat top right;
}
ul#tabmenu li.selectedmenuitem
{
	background:transparent url("images/hover.png") no-repeat top right;	color:#000000;
}
ul#tabmenu li:hover, ul#tabmenu li img:hover
{
	background:transparent url("images/hover.png") no-repeat top right;	cursor:pointer;
}


/*.input{padding:0px;margin:0px;width: 100%;text-align: left;}
.textarea{padding:0px;margin:0px;width: 100%;text-align: left;}
.select{border: 1px solid #A0A0FF;width: 100%;text-align: left;}

input{margin:0;padding:0;display:inline;vertical-align: middle;}
select{width:155px;margin:0;margin-right:5px;padding:0;}
textarea{width:155px;margin:0;padding:0;}
*/
textarea{width:240px;margin:0;padding:0;}
input, select{width:175px;margin:0;padding:0;}
/*select{width:183px;font-size: 12px}*/
select{width:180px;margin:0;padding:0;}
input, select, textarea
{
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
padding:2px;
margin:1px;
border:2px solid #c0c0ff;
behavior: url(border-radius.htc);
}


th,td{text-align: left;padding: 2px;}

/*subworkouts*/
div.swtable, div.setable{margin-top:30px;width: 80%;display:block;}
label{width: 200px;text-align: left;margin-right: 2px;display: inline;}

input.checkbox,input.radio{width:20px;text-align:left;margin-left:10px;}
input.inputint{width: 40px;text-align:right;}
input.inputfloat{width: 40px;text-align:right;}
input.inputdatetime{width:70px;text-align:right;}
input.inputdate{width:70px;text-align:right;}
input.inputtime{width:60px;text-align:right;}
input.inputname{width:190px;}
input.inputlocation{width:195px;}
input.inputlong{width:240px;}
input.inputfood{width:255px;text-decoration:none;color:#008000;}
div.pace{display:inline;float:none;margin-left:10px; margin-right:10px;width: 60px;text-align:right;}
div.speed{display:inline;float:none; width: 60px;text-align:right;}

/*workout components*/
label.inputlabel{width:165px;text-align:right;float:left;margin-right:5px;}
label.inputlabelshort{width:120px;text-align:right;float:left;margin-right:5px;}
.inputsave{margin:0;padding:0;border:0;}
label.sub_title{width:80px;text-align:left;}
div.sub_workoutrow{width:100%;display:block;float:left;margin-bottom:4px;}
span.sub_sports, span.sub_sports_h{width:190px;float:left;padding-right:10px;}
span.sub_qualities, span.sub_qualities_h{width:200px;float:left;padding-right:10px;}
select.sports{width:190px;}
select.qualities{width:200px;}

span.sub_duration, span.sub_duration_h, span.sub_length, span.sub_length_h{width:100px;text-align:left;margin:0px;padding:0px;}
span.sub_duration_hhmmss{width:115px;float:left;text-align:left;margin:0px;padding:0px;margin-right: 20px;}
label.label_hhmmss{width:115px;text-align:left;}
input.inputhhmmss{width: 25px;text-align:center;}


/*eating components*/
div.sub_eatingrow{width:100%;height:25px;display:block;float:left;}

span.sub_cal, span.sub_cal_h,span.sub_carbon, span.sub_carbon_h, span.sub_protein, span.sub_protein_h, span.sub_fat, span.sub_fat_h 
{
	height: 23px;
	margin:1px;
	padding:0;
	padding-left:1px;
	padding-right:1px;
	border:0;
	text-align: right;
	background-color: #c9e8e8;
	cursor: default;
}
span.sub_foods, span.sub_foods_h{width:265px;height:23px;float:left;margin:1px;padding:0;border:0;}
span.sub_weight, span.sub_weight_h{width:50px;height:23px;float:left;text-align: center;margin:1px;padding:0;border:0;}
span.sub_cal, span.sub_cal_h{width:60px;float:left;}
span.sub_carbon, span.sub_carbon_h, span.sub_protein, span.sub_protein_h, span.sub_fat, span.sub_fat_h{width:35px;float:left;}
select.foods{width:300px;height:25px;}
span.sub_unit_h{width:120px;height:23px;float:left;text-align: center;margin:1px;padding:0;border:0;}

select.foodunit{width:100%;height:21px;float:left;text-align: center;margin:0;padding:0;/*border:0;*/}


a{text-decoration: underline;color:#334999;margin:0px;}
a:hover{color: #fff;}
a:active{color: #fff;border-top: 1px solid #202020;border-bottom: 1px solid #202020;border-left: 1px solid #202020;border-right: 1px solid #202020;}
a:link{color:#000;}
a:visited{color:#000;}
a.image{border:0;padding:0;margin:0;display:inline;}
a.image:hover{}

div.ddfield{width:250px;float:left;}
a.rflink{margin-bottom:2px;text-align:right;float:left;width:110px;}

h1, h2, h3, h6{margin-top: 4px;margin-bottom: 4px;}
h1{	font-size: 28px;}
h2{	font-size: 20px;}
h3{	font-size: 16px;}
h2, h4, h5, a.titlelink{font-size: 14px;margin-top: 5px;padding-bottom:5px;margin-right:0px;font-style: normal;vertical-align: middle;}
h5,a.titlelink{display:inline;color:blue;font-weight: bold;}
h2{color:blue;font-weight: bold;}
/*reserved for popup help headers...*/
h6{	font-size: 16px;}



tr{border: 1px solid #E7F0FF;border: 5px solid #000;padding-bottom: 20px;}
tr:hover{border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}


div.error, div.error_indented{text-align: left;color: #0000FF;font-size: small;font-weight: bold;font-style: italic;padding-top: 0;padding-bottom: 0;display: block;}
div.error_indented{margin-left: 170px;}

table.workouttable, table.eatingtable
{
	/*border-width: 1px 1px 1px 1px;border-spacing: 1px;border-style: outset outset outset outset;border-color: gray gray gray gray;border-collapse: separate;*/
	background-color: white;
}
td.workouttd,td.workouttd_left,td.eatingtd,td.eatingtd_left,th.workoutth,th.workoutth_left,th.eatingth,th.eatingth_left,th.eatingtd_right,td.eatingtd_right
{
	border-width: 1px 1px 1px 1px;border-spacing: 0px;border-style: outset outset outset outset;border-color: gray gray gray gray;border-collapse: separate;
	background-color: white;
}
th.workoutth,td.workouttd,th.eatingth,td.eatingtd{text-align: center;}
th.workouttd_left,td.workouttd_left,th.eatingtd_left,td.eatingtd_left{text-align: left;}
th.eatingtd_right,td.eatingtd_right{text-align: right;}

th.workoutth_nb,th.workoutth_left_nb, th.eatingth_nb,th.eatingth_left_nb
{
	border-width: 0px 0px 0px 0px;border-spacing: 0px;border-style:none none none none;border-color: gray gray gray gray;border-collapse: separate;
	background-color: white;
}
th.workoutth_sep_left,th.eatingth_sep_left{border-width: 0px 1px 0px 0px;border-spacing: 0px;border-style: outset outset outset outset;border-color: gray gray gray gray;border-collapse: separate;background-color: white;}
th.workoutth_sep_right,th.eatingth_sep_right{border-width: 0px 0px 0px 1px;border-spacing: 0px;border-style: outset outset outset outset;border-color: gray gray gray gray;border-collapse: separate;background-color: white;}
th.eventth,td.eventtd{border-width: 1px 0px 0px 0px;border-spacing: 0px;border-style: solid;border-color: #80ffff;border-collapse: separate;}

img.icon, input.icon{border:0;margin:0px;margin-left:2px;margin-right:2px;padding:0px;display:inline;vertical-align:middle;}
img.icon:hover, input.icon:hover{background-color: #B4C9C9;cursor: pointer;}

div.foodlist{background-color: #ffffff;border: 1px solid #000000;padding:2px;margin:2px;width:auto;display:block;}

div.foodlistrow, div.foodlistrow_selected{border:none;cursor: pointer;width:auto;height:20px;display:block;}
div.foodlistrowlast{border:none;cursor: pointer;width:auto;height:20px;display:block;margin-top:10px;}
div.foodlistrow_selected{background-color: #c8e0e0;}
div.foodlistrow:hover{background-color: #d7edf8;}
span.foodlistitem_left, span.foodlistitem_right{border:none;cursor: pointer;width:auto;height:auto;display:inline;}
span.foodlistitem_left{float:left;margin-right:10px;}
span.foodlistitem_right{float:right;text-align:right;}

label.wplabel{float:none;display:inline-table;width:170px;text-align: left;border:none;padding:0px;}
div.wpbtndiv{margin-left:175px;}


div.hrdatalist{background-color: #00ffff;border: 1px solid #000000;padding:2px;margin:2px;width:auto;display:block;}

div.hrdatalistrow, div.hrdatalistrow_selected{border:none;cursor: pointer;width:auto;height:auto;display:block;}
span.hrdatalistitem, span.hrdatalistitem_selected{border:none;cursor: pointer;width:auto;height:auto;display:inline;}
div.hrdatalistrow_selected{background-color: #c8e0e0;}
span.hrdatalistitem:hover, span.hrdatalistitem_selected{background: #c8e0e0;}

/*workout table*/
div.workoutheaderrow, div.eatingheaderrow, div.workoutsummaryrow, div.eatingsummaryrow, div.workoutrow, div.eatingrow
{
	display: block;clear: both;
	/*background: #FAFFFF;*/
	border-top: 1px solid #8080F0;
	padding:0;margin:0;
}
div.workoutheaderrow, div.eatingheaderrow, div.workoutsummaryrow, div.eatingsummaryrow{font-weight: bold;}
div.workoutsummaryrow, div.eatingsummaryrow{border-top: 1px solid #8080F0;}

div.workoutrow span.workoutcell, div.eatingrow span.eatingcell,
div.workoutheaderrow span.workoutheadercell, div.workoutsummaryrow span.workoutsummarycell,
div.eatingheaderrow span.eatingheadercell, div.eatingsummaryrow span.eatingsummarycell
{
	display:inline;float:left;
	/*background: #FAFFFF;*/
	text-decoration: none;text-align: center;
	width: 33.1%;border:0;padding:2px;margin:0;
}
div.workoutrow span.workoutcell, div.eatingrow span.eatingcell{text-align: left;}

/*div.workoutrow span.workoutcell, div.eatingrow span.eatingcell{min-height:50px;height:auto !important;height:50px;}*/
div.workoutrow span.workoutcell, div.eatingrow span.eatingcell{height:auto;}

div.workoutrow span.workoutcell:hover, div.eatingrow span.eatingcell:hover{background: #c8e0e0;cursor: pointer;}
div.workoutrow span.workoutcell:active, div.eatingrow span.eatingcell:active{}
div.workoutrow span.workoutcell:link, div.eatingrow span.eatingcell:link{}


a.workoutlink, a.eatinglink{padding:0px;border:0;margin:0;margin-bottom:30px;}
a.workoutlink:hover, a.eatinglink:hover{}
a.workoutlink:active, a.eatinglink:active{}
a.workoutlink:link, a.eatinglink:link{}

div.intendedcolumn{margin-left:170px;}
span.partcount{width:70px;display:table-cell;}
span.partnames{margin-left:10px;display:table-cell;}

input.wminput{margin:0px;padding:0px;float:left;width:580px;height:20px;}
table.wmtable
{
	/*border : 1px solid #aedeed;*/
	display:block;
	height:auto;
	margin-top:5px;
	margin-bottom:0px;
	padding:5px;
	padding-bottom:5px;
}
table.wmtable td
{
	border:0;
	border-width: 1px 0px 0px 0px;
	border-spacing: 0px;
	border-style: dotted;
	/*border-color: #aedeed;*/
	border-color: #aedeed;
	border-collapse: separate;
	margin:0;padding:0;padding-top:5px;padding-bottom:5px;
}

/* the div that holds the date picker calendar */
.dpDiv {}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-size: 12px;
	text-align: center;color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {	border: 1px solid #d7edf8;}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #d7edf8;border: 1px solid #AAAAAA;}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #d7edf8;border: 1px solid #888888;cursor: pointer;color: red;}

/* the table cell that holds the name of the month and the year */
.dpTitleTD { text-align:center; }

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {color: black;background-color: #d7edf8;border: 1px solid #AAAAAA;width:28px;}

/* additional style information for the text that indicates the month and year */
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color: #4060ff;font-weight: bold;}

/* the forward/backward buttons at the top */
.dpButton {font-size: 10px;font-weight: bold;color: black;background: #b3d8ef;width:20px;padding: 0px;margin:4px;display:inline;}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-size: 10px;font-weight: bold;color: black;background: #b3d8ef;}

.dayCalendar
{
	background: transparent url(images/calendar.gif) no-repeat;background-position : top;background-repeat : no-repeat;
	width:48px;height:32px;
	text-align: center;
	display:inline;float:left;
	margin-left:0px;margin-right:10px;
}
.dayCalendar:hover{cursor: pointer;}
.calendarMonth{font-size: 10px;padding-top:1px;text-align: center;display:block;}
.calendarDay{color:red;font-size: 14px;font-weight: bold;display:block;}

div.cblist
{
width:370px;
margin:20px;
display:table-row;
float:none;
}


div.fpcol{display:inline;margin:0px;margin-top:5px;border:0px;padding:0px;width:380px;float:left;}
b.note{font-weight: bold;}h1{font-size: 18px;color:blue;}h2{font-size: 16px;color:blue;}

div.featlist{display:block;margin:0;margin-top:10px;padding:0;float:left;width:190px;}
div.featlist img{display:inline;float:left;margin:0;padding:0;width:48px;height:48px}
div.featlist label{float:right;width:125px;margin:5px;padding:0;font-size: 11px;}

ul.qhlist{list-style-image: none;list-style-type: none;margin:30px;padding:0;}
ul.qhlist li{font-size: 14px;display:block;margin-top:20px;}
ul.qhlist div
{
display:block;background: url("images/olimg.png") top no-repeat;
width:32px;height:32px;font-size: 28px;margin-right: 10px;
float:left;text-align:center;vertical-align: middle;	
}



div.qsimg
{
width:10px;height:10px;
display:inline;float:left
}
div.qstxt
{
}