/* 
Blue blog template 
----------------------
You are free to use
this template in any
way you desire, no
author information or
link back are required.
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #337FC6 url("images/bg.gif") top center repeat-y;
	font: normal 8pt/13pt verdana, arial,sans-serif;
	color: #808080;
}

.input
{
	font: bold 8pt verdana, arial,sans-serif;
	height:17px;
	line-height:17px;
	background:#fff url('images/txtbgd.jpg') repeat-x;    
	border: solid 1px #808080;
	color:#808080;
}

input, select.smallInput
{
	font:bold 8pt verdana, arial,sans-serif;
	color:#808080;
}




textarea.no_height_input
{
	font: bold 8pt verdana, arial,sans-serif;
	line-height:17px;
	background:#fff url('images/txtbgd.jpg') repeat-x;    
	border: solid 1px #808080;
	color:#808080;
}

a, a:visited {
	text-decoration: underline;
	color: #000;
	
}

a:hover {
	color: #808080;
}

#header
{
	width: 562px;
	height: 60px;
	background: #000 url("images/header.gif") no-repeat;
	padding-top: 30px;
	padding-left: 18px;
	font-size: 14pt;
	color: #FFF;
}

#header h2
{
	padding-top: 5px;
	font-size: 9pt;
	color: #C2D9EF;	
}

h4
{
	font-weight: bold;
	font-size: 14px;
}

.pTitle
{
	font-weight: bold;
	font-size: 13px;

}

#container {
	width: 580px;
	background:#fff;
	margin: 0 auto 0 auto;
	text-align: left;
}

#horizontal {
	width: 560px;
	height: 30px;
	background: url(images/horizontal.gif);
	font-weight: bold;
	font-size: 8pt;
	padding-top: 6px;
	padding-left: 20px;
	
}

#horizontal a, #horizontal a:visited {
	color: #FFF;
	text-decoration: none;
	margin-right: 15px;
}

#horizontal a:hover {
	color: #808080;
	text-decoration: none;
}

#horizontal2 a, #horizontal2 a:visited {
	color: #C2D9EF;
	text-decoration: none;
	margin-right: 15px;
}

#horizontal2 a:hover {
	color: #808080;
	text-decoration: none;
}
/*
#right-column {
	color: #808080;
	width: 134px;
	background: url(images/menutop.gif) no-repeat top left;
	float: right;
	padding: 10px;
	border-right: 4px solid #FFF;
}
*/
#content {
	margin: 10px 10px 0 4px;
}

#content h2{
	font-size: 12pt;
	font-weight: bold;
	color: #76A7DC;
	margin-bottom: 5px;
	padding-left: 14px;
	background: url(images/h2bg.gif) top left repeat-y;
}

.black {
	color: #000;
}

p {
	margin-bottom: 20px;
	padding-left: 14px;
	background: url(images/articlebg.gif) top left repeat-y;
}

#usergroups a
{
	line-height:17px;
	font-family:Verdana;
	font-size:8pt;
}

#usergroups
{
	height:80px;
	overflow:auto;
}
	
#comment-cont
{
	height:400px;
	overflow:auto;	
	margin-bottom:35px;
}	

.tsplit
{
	width:33%;
	float:left;
	padding:4px;
}

input.text {
	width: 70px;	
	border: 1px solid #ccc;
}

input.button {
	color: #808080;
	padding-left: 0px;
	font-size: 8pt;	
	border: none;
	background: none;
	}

#searchbox {
	background: url(images/searchbox.gif) no-repeat;
	padding: 5px;
	height: 30px;
}

#footer {
	color: #ccc;
	background: #F9F9F9;
	clear: both;
	width: 560px;
	margin-left: 4px;
	height: 20px;
	padding: 4px;
	border: 1px solid #E4E4E4;
}

#footer a, #footer a:visited{
	color: #ccc;
}

#footer a:hover {
	color: #808080;
}

.modalContainer
{
	width:360px;
	
}



.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;

}

.modalButtonRowContainer
{
	padding:0px 0px 2px 2px;	
}

.modalTitleContainer
{
	
}

.inputRow
{
	border-top:solid 4px #76A7DC;
	text-align:center;	
}

.inputLabel
{
	padding-right:15px;
}

#friendContainer
{
	border:solid 1px #f3f3f3;
}


#actionContainer, #editActionContainer, .actions
{
	padding-top:5px;	
	line-height:17px;
	display:block;
	background: url(images/articlebg.gif) top left repeat-y #f3f3f3;
	margin-bottom: 20px;
	padding-bottom: 2px;
	padding-left: 14px;
	
}
#actionContainer a, #editActionContainer a
{
	line-height:17px;
}

.withBgImg
{
	padding-left: 14px;
	background: url(images/articlebg.gif) top left repeat-y;
}

.withBgImg ul
{
	padding-left: 14px;
}

.blackBorder {border:solid 1px #000000}
.yellowBG {color:#FFFFD3}
.darkgrayFG { color: #808080;}

.left 
{
	position:relative;
	float:left;
}
.f-left
{
	position:relative;
	float:left;
	width:30%;
	padding:8px;
	border-right: solid 1px #ddd;
	font-size:85%;
	min-height:260px;
}

.f-left ul, .f-left-e ul
{
	margin-top:4px;
	margin-left:10px;
	list-style:none;
}

.f-left-e
{
	position:relative;
	float:left;
	width:30%;
	padding:8px;
	font-size:85%;
	min-height:260px;
}

.f-left h4, .f-left-e h4
{
	font-variant:small-caps;
	font-size:12px;
	font-weight:700;
	margin-bottom:2px;	
}

#footer-def
{
	
}

#footer-def-contents
{
	
}

#userInfoContainer
{
	padding-left:8px;	
}
#userTopInfoContainer 
{
	padding-left:8px;	
}

#userBikeInfoContainer 
{
	padding-left:8px;	
}

/*********** GROUP ******/
#groupInfoContainer
{
	width:250px;
}
#groupOtherInfoContainer
{
	width:310px;
}
#groupContainer
{
	background-color:#DAE9FF;
	border:solid 1px #808080;
	height:67px;
	width:560px;
	padding:3px;
}
#groupInfoContainer div span.label, #groupOtherInfoContainer div span.label
{
	font-weight:bold;
}

/*********** /GROUP ******/
#userContainer
{
	background-color:#DAE9FF;
	border:solid 1px #808080;
	height:67px;
	padding:3px;
}

#whInnerContainer,  .userBadgeInnerContainer
{
	width:530px;	
	
}

.userBadgePreview
{
	width: 248px;
	padding-top:10px;
	text-align:center;
}

.userBadgeScriptCopy
{
	padding-top:10px;
	width:280px;

}

#whGraphContainer
{
	position:relative;
	float:right;
	width:250px;
	padding-top:10px;
	
}
#whGraphContainer img
{
	border:0;	
}


#whContainer
{
	background-color:#DAE9FF;
	border:solid 1px #808080;
	padding:3px;	
	height:280px;
}

#userBadgeContainer
{
	background-color:#DAE9FF;
	border:solid 1px #808080;
	padding:3px;	
	height:420px;
}


/* <Form Styles> */
.genericForm
{
	position:relative;
	float:left;
	padding: 3px;
	width:475px;
	margin: 0px auto;
	overflow:auto;
	background-color:#f5f5f5;
	border:solid 1px #e2e2e2;	
}

.genericForm div.row span.label
{
  float: left;
  width: 130px;
  text-align: right;
  font-weight:bold;
}

.genericForm div.row span.formw
{
  float: right;
  width: 330px;
  text-align: left;
  font-weight:bold;
}



#whForm
{
	position:relative;
	float:left;
	padding: 3px;
	margin: 0px auto;
	width: 229px;
	height:250px;
	overflow:auto;
}

#whForm div.row span.label
{
  float: left;
  width: 90px;
  text-align: right;
  font-weight:bold;
}

#whForm div.row span.formw
{
  float: right;
  width: 120px;
  text-align: left;
  font-weight:bold;
}


#userEditContainer
{
	background-color:#DAE9FF;
	border:solid 1px #808080;
	height:275px;
	padding:3px;	
}

#userEditProfileContainer
{
	padding: 3px;
	margin: 0px auto;
	height:225px;
	width:463px;
}

#userEditProfileContainer div.row span.label
{
  float: left;
  width: 130px;
  text-align: right;
  font-weight:bold;
}

#userEditProfileContainer div.row span.formw
{
  float: right;
  width: 320px;
  text-align: left;
}



#editForm, #addForm, #addFileForm{
	width: 360px;
	background-color: #fff;
	border: Solid 4px #76A7DC;
	padding: 3px;
	margin: 0px auto;
}

#addFriendForm
{
	width: 360px;
	background-color: #fff;
	border: Solid 4px #76A7DC;
	padding: 3px;
	margin: 0px auto;
}

#showGraphContainer
{
	width: 750px;
	background-color: #fff;
	border: Solid 4px #76A7DC;
	padding: 3px;
	margin: 0px auto;	
}

#showProgressGraphContainer
{
	width: 750px;
	background-color: #fff;
	border: Solid 4px #76A7DC;
	padding: 3px;
	margin: 0px auto;		
}

#showGraphContainer a, #showProgressGraphContainer a
{
	text-decoration:none;
}

#editForm div.row span.label, #addForm div.row span.label, #addFileForm div.row span.label, #addFriendForm div.row span.label{
  float: left;
  width: 130px;
  text-align: right;
  font-weight:bold;
  }

#editForm div.row span.formw, #addForm div.row span.formw, #addFileForm div.row span.formw, #addFriendForm div.row span.formw {
  float: right;
  width: 215px;
  text-align: left;
  }

#editForm div#split, #addForm div#split, #addFileForm div#split, #addFriendForm div#split 
{
	width: 350px;
	background-color: #666;
	border: 1px solid #333;
	padding: 0px;
	margin: 0px auto;
}

div.row 
{
	clear:right;
	padding:5px 0px 0px 0px;
}

div.spacer 
{
	clear:both;
}
/* </Form Styles> */

#calContainer
{
	height:155px;
	width:280px;
}

#chartContainer
{
	height:155px;
	width:240px;
}

#userInfoContainer div span.label
{
	font-weight:bold;
}

#userTopInfoContainer div span.label,
#userBikeInfoContainer div span.label
{
	font-weight:bold;
}

#graphContainer
{
	
}

#graphContainer img
{
	border:0;	
}

#whUserGraphContainer img
{
	border:0;
}

#googleContainer
{
	padding-left:20px;	
}

#frontDataContainer
{
	width: 570px;
}

#recentActivityList ul, #recentActivityList li, #recentActivityList a,
#topDistanceUserList ul, #topDistanceUserList li, #topDistanceUserList a,
#topDurationUserList ul, #topDurationUserList li, #topDurationUserList a,
#topCalsUserList ul, #topCalsUserList li, #topCalsUserList a,
#randomUserList ul, #randomUserList li, #randomUserList a,
#ngList ul, #ngList li, #ngList a,
#topPaceUserList ul, #topPaceUserList li, #topPaceUserList a,
.userList ul, .userList li, .userList a, .userList li a:visited,
.userListBrowse ul, .userListBrowse li, .userListBrowse a, .userListBrowse li a:visited
{	
	font-size:8pt;
	font-family:Arial;
	padding:0px 0px 0px 2px;
	margin:0px;
	color:#4874B8;
	text-decoration:none;
	
}

#topDistanceUserList ul li,
#topPaceUserList ul li,
#topCalsUserList ul li,
#randomUserList ul li,
#topDurationUserList ul li
{
	width:279px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	border-top: 1px solid #C6C6C6;
}

#raCont {width:270px;}
#recentActivityListContainer { position: relative; width:270px; height:590px; overflow:hidden; top:0; left:0; visibility:hidden; }
#recentActivityListContent { position: absolute; top: 0; left: 0; height: auto; }
#recentActivityList{width:270px;}

#tudCont {width:100%;}
#topDistanceUserListContainer { position: relative; width:auto; height:195px; overflow:hidden; top:0; left:0; visibility:hidden; }
#topDistanceUserListContent { position: absolute; top: 0; left: 0; height: auto; }

#tupCont {width:100%;}
#topPaceUserListContainer { position: relative; width:auto; height:210px; overflow:hidden; top:0; left:0; visibility:hidden; }
#topPaceUserListContent { position: absolute; top: 0; left: 0; height: auto; }


#ngCont {width:270px;}
#ngListContainer { position: relative; width:270px; height:210px; overflow:hidden; top:0; left:0; visibility:hidden; }
#ngListContent { position: absolute; top: 0; left: 0; height: auto; }
#ngList {width:270px;}


#recentActivityList ul li
{
	width:270px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	border-top: 1px solid #C6C6C6;
}

#ngList ul li
{
	width:270px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	border-top: 1px solid #C6C6C6;
}

.userList ul li
{
	width:240px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
}

.userListBrowse ul li
{
	width:170px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
}

#recentActivityList li a,
#topDistanceUserList li a,
#topDurationUserList li a,
#topPaceUserList li a,
#topCalsUserList li a,
#ngList li a,
#randomUserList li a,
.userList li a 
{
	padding: 2px 0px 2px 2px;
	display: block;  
}
.userListBrowse li a 
{
	padding: 2px 0px 2px 2px;
	display: block;  
}
#recentActivityList li a:hover, 
#topDistanceUserList li a:hover, 
#topDurationUserList  li a:hover,
#topPaceUserList  li a:hover,
#topCalsUserList  li a:hover,
#ngList li a:hover,
#randomUserList  li a:hover,
.userList  li a:hover	
{
    background: #E2E2E2;
    color:black;
}
.userListBrowse  li a:hover	
{
    background: #E2E2E2;
    color:black;
}


.padUserImg { border:solid 1px #808080; margin-right:2px; }

.timeAgo { color:#008000; }

.postAgo {color:#008000;padding-left:15px; }

.tinyText{font-size:x-small;color:#C2D9EF;}

.gvAllUsersHeader
{
	padding:2px 4px 2px 2px;	
	background-color:#DAE9FF;
}

.gvAllUsersItem
{
	padding:0px 4px 0px 2px;	
}

#updateContainer
{
	position:relative;
	float:left;
	width:32%;
	margin-left:15px;
}
.updateBox
{
	color:#337fc6;
	background-color:#f5f5f5;
	padding:4px;
	border:solid 1px #e2e2e2;
	margin:0 auto;
	margin-bottom:15px
}
.updateBox img
{
	border:solid 1px #e2e2e2;
	margin:4px;
}
.updateBox ul
{
	list-style-type:square;
	list-style-position:inside;
}
.upt
{
	font-weight:bold;
}

.textAlignCenter { text-align:center;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.commentbox
{
	background-color: #f5f5f5;
	width: 465px;
	padding: 10px;
	color:#337fc6;
}

.commentfooter
{
	/*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/	
	background: url("images/arrow.gif") 20px 0 no-repeat; 
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 2em;
	color: #4A4A4A;
}

a.updateBoxInsideLink
{ 
	color:#337fc6;
	text-decoration:underline;
}

a.updateBoxInsideLink:hover
{ 
	color:#99C5F9;
	text-decoration:underline;
}


/* Top Users */
#selectorContainer
{
	position:relative;
	float:left;
	width:110px;	
}

#selectorContainer ul
{
	color:#337fc6;
	padding:4px;
	list-style-type:square;
	list-style-position:inside;
	
}

a.current
{
	color:#337fc6;
	text-decoration:none;	
}

a:hover.current
{
	color:#337fc6;
	text-decoration:none;	
	cursor:default;
}
a:visited.current
{
	color:#337fc6;
	text-decoration:none;	
	cursor:default;
}
.activity1Color
{
	color:#7E3900;
}
.activity2Color
{
	color:#7E3900;	
}
.activity3Color
{
	color:#7E3900;
}
.activity4Color
{
	color:#7E3900;
}
.activity5Color
{
	color:#7E3900;
}
.activity6Color
{
	color:#7E3900;
}

.activity7Color
{
	color:#7E3900;
}


.activity8Color
{
	color:#7E3900;
}


.paddLeft {padding:0px 0px 0px 20px}


#runBlogCont { position: relative; width:auto; height:500px; overflow:hidden; top:0; left:0; visibility:hidden; }
#runBlogContent { position: absolute; top: 0; left: 0; height: auto; }


ul#runBlogList li
{
		
	padding:8px 2px 8px 2px;
	border-bottom:dashed 1px #ccc;
}

ul#runBlogList li.alt
{
	background-color:#e5e5e5;
}

.navTop,  .navTop:visited
{
	border-top:1px solid #E2E2E2;
	padding:1px 0px 1px 0px;
	color:#0000CC;
	background-repeat:repeat-x;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-align:center;
	text-decoration:none;	
}

.navBot,  .navBot:visited
{
	border-bottom:1px solid #E2E2E2;
	padding-bottom:1px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	color:#0000CC;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
}

.navDis:hover, .navDis, .navDis:visited
{
	color:#ccc;
	cursor:default;
	
}

/* Weight lifting mod */
#wl-add-tbl
{
	margin-left:12px;
	margin-top: 4px;
}

#wl-add-tbl th
{
	font:700 100% tahoma;
	text-align:left;
	
}

.wl-exercise-name
{
	width:130px;
}

.wl-sets-name,
.wl-reps-name,
.wl-weight-name
{
	width:37px;
}

.add-td
{
	padding-left:15px;
}

.save-td
{
	text-align:right;
	
}
.prof-lbl
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
}

.prof-ans
{
	font-family:Verdana;
	font-size:11px;	
}

.comp-list-item-on
{
	background-color:#DAE9FF;
	color:#808080;
	line-height:17px;
	font: bold 8pt verdana, arial,sans-serif;
	
}

.comp-list-item
{
	font: bold 8pt verdana, arial,sans-serif;
	line-height:17px;
	color:#808080;
}

.comp-list
{
	background:#fff url('images/txtbgd.jpg') repeat-x;    
	border: solid 1px #808080;
	padding-left:2px;
}
.grp-cmp
{
	background-color:#f5f5f5;
}