/* --------------------------------- CHALLENGE FACTOR NETWORK STYLES --------------------------------- */
/*

HTML/CSS by Brett Jankord of Webphibian



COLORS
#033c59 - DARK BLUE
#da5729 - ORANGE

----------------------------------------------
              TABLE OF CONTENTS
----------------------------------------------

+ LINKS

+ TEXT

-----------------

+ STRUCTURE

  + BOX
  + FORMS
  + TABS
  + BUTTONS
  + EXPANDABLE BUTTONS

-----------------

+ SUBNAV

-----------------

+ LOGIN

  + FORGOT PASSWORD

-----------------

+ DASHBOARD

  + NOTIFICATIONS

-----------------

+ PROFILE

  + PROFILE CHALLENGES
  + MY FRIENDS TAB
  + MY PHOTOS TAB

-----------------

+ CHALLENGES

  + CREATE A CHALLENGE 
  + LIST RESULTS

------------------

+ FRIENDS

  + LIST RESULTS

-----------------

+ COMMENTS

-----------------

+ SEND A MESSAGE

-----------------

+ PHOTO GALLERy

-----------------

+ ADS

-----------------

+ SHARE

-----------------

+ ADMIN AREA

-----------------


Icons by http://gentleface.com/




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


/* ----------------- LINKS ----------------- */
a.dbl-arrow:link, a.dbl-arrow:visited{
	display:block;
	background:url(../assets/dbl-arrow.png) no-repeat 0 3px;
	padding-left:14px;
	color:#033c59;
	height:12px;
}

a.dbl-arrow:hover{
	color:#da5729;
}

/* ----------------- TEXT ----------------- */
.page-title{
	color:#033c59;
}

.profile-title{
	color:#033c59;
	margin-bottom:5px;
}

.styled{
	font-weight:normal;
}

.signupslideshow{
	width:560px;
	height:249px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

.dotted-line{
	border-bottom:1px dotted #999;
	margin:10px 0px;
}



/* ----------------- STRUCTURE ----------------- */
#content-section-left-small{
	float:left;
	width:300px;
	padding-right:20px;
}

#content-section-right-small{
	float:left;
	width:300px;
	padding-left:20px;
}

#content-section-left-wide{
	float:left;
	width:565px;
}

#content-section-right-wide{
	float:left;
	width:565px;
}


#profile-section-left-small{
	float:left;
	width:225px;
	padding-right:20px;
}


#profile-section-right-wide{
	float:left;
	width:640px;
}

#content-section-wide{
}


.last{
	margin:0px;
}


/* ----------------- BOX ----------------- */
.box{
	border:1px solid #666;
	margin-bottom:15px;
}

.box-header{
	background:url(../assets/box-header.jpg) #033c59 repeat-x; 
	height:27px;
	padding:0px 10px;
	line-height:27px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}

	.box-header a{
		color:#fff;
	}
	
	.box-header a:hover{
		color:#da5729;
	}


.box-content{
	color:#555;
	padding:10px;
	line-height:16px;
	overflow:hidden;
}



/* ----------------- FORMS ----------------- */
input.forminput-box{
	background:url(../assets/sign-in-bg-gray.jpg);
	width:206px;
	height:20px;
	padding:0px 5px;
	padding-top:2px;
	border:0px;
	font-weight:bold;
	font-size:13px;
	color:#033c59;
}

.form-label{
	font-weight:bold;
	color:#333;
}

table#create-a-challenge td{
	padding:5px;
}


/* ----------------- TABS ----------------- */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height:27px;
	border-left: 1px solid #666;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #666;
	border-bottom:none;
	border-left: none;
	margin-bottom: -1px;
	background:url(../assets/tab.jpg) repeat-x;
	overflow: hidden;
	position: relative;
	border-bottom:1px solid #666;
}
ul.tabs li a {
	text-decoration: none;
	color:#fff;
	display: block;
	font-size:13px;
	padding: 0 6px;
	outline: none;
	height:26px;
	line-height:26px;
	background:url(../assets/box-header.jpg) repeat-x #da5729;
	background-position:0px -27px;
}
ul.tabs li a:hover {
	background:#666;

}	
html ul.tabs li.active a {
	color:#fff;
	background:url(../assets/box-header.jpg) #033c59 repeat-x;

}

html ul.tabs li.active a:hover{
	background:url(../assets/box-header.jpg) repeat-x #666;
	background-position:0px -54px;

}

.tab_container {
	border: 1px solid #666;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_content {
	color:#666;
	padding:10px;
	line-height:16px;
}



/* ----------------- BUTTONS ----------------- */
input.c-medium-btn{
	background:url(../assets/color-medium-btn.jpg);
	height:24px;
	border:0px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding:0px 4px;
	width:67px;
	text-transform:uppercase;
	font-weight:bold;
}

input.c-medium-btn:hover{
	background-position:0px -24px;
}

input.c-long-btn{
	background:url(../assets/color-long-btn.jpg);
	height:24px;
	border:0px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding:0px 4px;
	width:136px;
	text-transform:uppercase;
	font-weight:bold;
}

input.c-long-btn:hover{
	background-position:0px -24px;
}



a.c-long-link:link, a.c-long-link:visited{
	display:block;
	background:url(../assets/color-long-btn.jpg);
	height:24px;
	line-height:24px;
	border:0px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding:0px 4px;
	width:128px;
	text-transform:uppercase;
	text-decoration:none;
}

a.c-long-link:hover{
	background-position:0px -24px;
}

a.c-medium-link:link, a.c-medium-link:visited{
	display:block;
	background:url(../assets/color-medium-btn.jpg);
	height:24px;
	line-height:24px;
	border:0px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding:0px 4px;
	width:59px;
	text-transform:uppercase;
	text-decoration:none;
}

a.c-medium-link:hover{
	background-position:0px -24px;
}



/* ----------------- EXBANDABLE BUTTONS ----------------- */
a.expandable:link, a.expandable:visited{
height:23px;
display:inline-block;
text-decoration:none;
color:#333;
background:url(../assets/btn-left.jpg) no-repeat;
background-position:left top;
padding-left:10px;
}

a.expandable span{
cursor:pointer;
height:18px;
padding-top:5px;
display:inline-block;
background:url(../assets/btn-right.jpg) no-repeat;
background-position:right top;
padding-right:10px;
}

a.expandable:hover{
background:url(../assets/btn-left.jpg) no-repeat;
background-position:left bottom;
padding-left:10px;
}

a.expandable:hover span{
background:url(../assets/btn-right.jpg) no-repeat;
background-position:right bottom;
padding-right:10px;
}



/* ----------------- SUBNAV ----------------- */
#subnav {
font-family: arial, sans-serif;
position:relative;
z-index:100;
height:35px; /* Same as Top Nav Links */
padding-left:15px;
}


#subnav ul {
padding:0;
margin:0;
list-style: none;
}

#subnav ul li {
padding:0px;
margin:0px;
float:left;
position:relative;
}

#subnav ul li ul {
display:none;
}

#subnav ul li ul.active {
display:block;
position:absolute;
top:35px; /* Same height as Top Nav Links */
left:0;
}

#subnav ul li:hover ul li ul {
display: none;
}

 

/* Styles Y offset for drop downs */
#subnav ul li:hover ul {
display:block;
position:absolute;
top:35px; /* Same height as Top Nav Links */
left:0;
}


#subnav ul li.subnav-divider{
	background:url(../assets/subnav-divider.jpg);
	height:35px;
	width:2px;
	padding:0px;
	margin:0px;
	
}


#subnav ul li a{
	display:block;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	height:35px;
	line-height:35px;
}

 

/* Drop Down Tab */
#subnav ul li:hover ul li a, #subnav ul li ul li a {
display:block;
background:#da5729;
color:#FFF;
height:30px;
line-height:30px;
text-align:center;
}

/* Drop Down Tab Hover */
#subnav ul li:hover ul li a:hover, #subnav ul li ul li a:hover {
background:#033c59;
}

 

 

/* -------------------- DROP DOWN WIDTHS -------------------- */
 ul#dropdown-four a{
width:116px;
}






/* ----------------- BUTTONS ----------------- */
a.news-btn:link, a.news-btn:visited{
	background:url(../assets/news-icon.png) 10px 8px no-repeat;
	width:50px;
	padding-left:36px;
}

a.news-btn:hover{
	background:url(../assets/news-icon.png) 10px 8px no-repeat #033c59;
}

a.profile-btn:link, a.profile-btn:visited{
	background:url(../assets/profile-icon.png) 10px 8px no-repeat;
	width:68px;
	padding-left:31px;
}

a.profile-btn:hover{
	background:url(../assets/profile-icon.png) 10px 8px no-repeat #033c59;
}

a.challenges-btn:link, a.challenges-btn:visited{
	background:url(../assets/challenges-icon.png) 10px 8px no-repeat;
	width:101px;
	padding-left:36px;
}

a.challenges-btn:hover{
	background:url(../assets/challenges-icon.png) 10px 8px no-repeat #033c59;
}

a.challenges-btn:link, a.challenges-btn:visited{
	background:url(../assets/challenges-icon.png) 10px 8px no-repeat;
	width:101px;
	padding-left:36px;
}

a.challenges-btn:hover{
	background:url(../assets/challenges-icon.png) 10px 8px no-repeat #033c59;
}

a.friends-btn:link, a.friends-btn:visited{
	background:url(../assets/friends-icon.png) 9px 8px no-repeat;
	width:68px;
	padding-left:48px;
}

a.friends-btn:hover{
	background:url(../assets/friends-icon.png) 9px 8px no-repeat #033c59;
}

a.messages-btn:link, a.messages-btn:visited{
	background:url(../assets/messages-icon.png) 9px 8px no-repeat;
	width:85px;
	padding-left:37px;
}

a.messages-btn:hover{
	background:url(../assets/messages-icon.png) 9px 8px no-repeat #033c59;
}


a.admin-btn:link, a.admin-btn:visited{
	background:url(../assets/admin-icon.png) 9px 8px no-repeat;
	width:95px;
	padding-left:35px;
}

a.admin-btn:hover{
	background:url(../assets/admin-icon.png) 9px 8px no-repeat #033c59;
}


div#subnav ul li.search{
	float:right;
	color:#fff;
	line-height:35px;
	font-size:13px;
}

#searchbox{
	width:195px;
	height:16px;
}



input.search-btn{
	background:url(../assets/color-medium-btn.jpg) 0 -24px;
	height:24px;
	border:0px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding:0px 4px;
	width:67px;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:22px;
}

input.search-btn:hover{
	background-position:0px 0px;
}




/* ----------------- LOGIN ----------------- */
#logged-in{
	float:right;
	padding-top:7px;
	padding-right:15px;
	text-align:right;
	font-size:13px;
}


table#login-table td{
	padding:5px;
}

#termsofservices{
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;
}

#nav-shadow{
	background:url(../assets/nav-shadow.jpg) repeat-x;
	height:20px;
}

#logged-in-nav{
	padding-top:3px;
	font-size:10px;
	color:#666;
}

#logged-in-nav a{
	display:inline;
	color:#666;
	font-weight:normal;
	text-decoration:none; 
}

#logged-in-nav a:hover{
	color:#da5729;
}

/* ----------------- FORGOT PASSWORD ----------------- */
#forgotpassword-form form{
	margin:10px;
	padding:0px;
	border:0px;
}

#forgotpassword-form label{
	font-weight:bold;
	color:#033c59;
}

#forgotpassword-form span{
	display:block;
	padding-bottom:10px;
}



/* ----------------- DASHBOARD ----------------- */
#news-tabs{
	padding-bottom:20px;
}





/* ----------------- ACTIVITY FEEDER ----------------- */
ul#feeder-list{
	list-style:none;
	margin:0px;
	padding:0px;
}

	ul#feeder-list li{
		padding-top:7px;
		margin-top:7px;
		border-top:1px dotted #666;
	}

	a.feeder-name:link, a.feeder-name:visited{
		font-weight:bold;
		color:#033c59;
	}
	
	a.feeder-name:hover{
		font-weight:bold;
		color:#da5729;
	}
	
	
	
	
	.feeder-date{
		display:block;
		font-style:italic;
		font-size:11px;
	}



	ul#feeder-list li.add-chips{
		background:url(../assets/feeder-icon-chips.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.add-chex{
		background:url(../assets/feeder-icon-chex.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.challenge-post{
		background:url(../assets/feeder-icon-chal-wall.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.wall-post{
		background:url(../assets/feeder-icon-wall.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.blog-post{
		background:url(../assets/feeder-icon-blog.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.blog-post-challenge{
		background:url(../assets/feeder-icon-chal-blog.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.photo-post{
		background:url(../assets/feeder-icon-photos.png) no-repeat 0px 9px;
		padding-left:20px;
	}
	
	ul#feeder-list li.photo-post-challenge{
		background:url(../assets/feeder-icon-chal-photos.png) no-repeat 0px 9px;
		padding-left:20px;
	}




.recent-challenge{
	overflow:hidden;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
	padding-bottom:10px;
}


.recent-challenge-pic{
	float:left;
	width:95px;
}

.recent-challenge-info{
	float:left;
}

a.recent-challenge-name:link, a.recent-challenge-name:visited{
	font-size:14px;
	color:#033c59;
	text-decoration:none;
}

a.recent-challenge-name:hover{
	color:#da5729;
	text-decoration:underline;
}


#news-item{
	line-height:18px;
}

	#news-item h1{
		font-size:18px;
	}
	





/* ----------------- NOTIFICATIONS ----------------- */
.list-divider{
	border-top:1px solid #999;
	border-bottom:1px solid #FFF;
	margin:10px 0px;
}


.notifications-image{
	float:left;
	width:95px;
}

.notifications-image img{
	border:0px;
	margin:0px;
	padding:0px;
}

.notifications-text{
	float:left;
	width:440px;
}

.notifications-title, .notifications-description, .notifications-buttons{
	display:block;
	margin-bottom:5px;
}

.notifications-title{
	font-weight:bold;
	color:#033c59;
	font-size:14px;
}



/* ----------------- PROFILE ----------------- */
#profile-picture{
}

#profile-picture img{
	width:223px;
	display:block;
	margin:0px;
	padding:0px;
	border:1px solid #666;
	border-bottom:none;
}

#bio-bar{
	background:url(../assets/box-header.jpg) repeat-x;
	height:27px;
	line-height:27px;
	margin-bottom:10px;
	border:1px solid #666;
	border-top:none;
}

#bio-bar a{
	color:#fff;
	text-decoration:none;
}

#bio-bar a:hover{
	color:#da5729;
} 

#my-bio{
	float:left;
	width:308px;
	margin-right:20px;
}

#challenge-tabs{
	float:left;
	width:308px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

#other-tabs{
	float:right;
	width:308px;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

#tabs-box{
	float:left;
	width:308px;
	margin-bottom:20px
}

.tab-content{
	display:none;
}

#current-challenges, #completed-challenges, #stopped-challenges{
	float:left;
	width:203px;
}

#completed-challenges, #stopped-challenges{
	margin-left:15px;
}

ul#profile-tasks{
	margin:0px;
	padding:0px;
}

ul#profile-tasks li{
	margin:0px;
	padding:7px 0px;
	list-style:none;
	border-bottom:1px solid #999;
}

ul#profile-tasks li a{
	text-decoration:none;
}

ul#profile-tasks li a:hover{
	text-decoration:underline;
}


.tabs-view-more{
	border-top:1px dotted #666;
	margin-top:5px;
	padding-top:5px;
	padding-left:3px;
}







/* ----------------- PROFILE TABS ----------------- */

#tooltip {
position:absolute;
border:1px solid #39657e;
background:#fff;
padding:5px 5px;
color:#333;
font-weight:bold;
display:none; 
}


span.bio-tab{
	display:block;
	background:url(../assets/profile-icon.png) no-repeat 0px 5px;
	padding-left:23px;
	margin-left:60px;
}


span.chips-tab{
	display:block;
	background:url(../assets/icon-chips.png) no-repeat 0px 5px;
	padding-left:32px;
}

span.chex-tab{
	display:block;
	background:url(../assets/icon-chex.png) no-repeat 0px 5px;
	padding-left:20px;
}

span.chops-tab{
	display:block;
	background:url(../assets/icon-chops.png) no-repeat 0px 5px;
	padding-left:21px;
}

span.calendar-tab{
	display:block;
	background:url(../assets/icon-calendar.png) no-repeat 1px 5px;
	padding-left:22px;
}

span.blog-tab{
	display:block;
	background:url(../assets/icon-blog.png) no-repeat 0px 5px;
	padding-left:20px;
}

span.points-tab{
	display:block;
	background:url(../assets/icon-points.png) no-repeat 0px 5px;
	padding-left:21px;
}

span.friends-tab{
	display:block;
	background:url(../assets/icon-friends-small.png) no-repeat 0px 5px;
	padding-left:27px;
}

span.photos-tab{
	display:block;
	background:url(../assets/icon-photos.png) no-repeat 0px 5px;
	padding-left:21px;
}


/* ----------------- CHALLENGE TABS ----------------- */
ul.challenge-list{
	margin:0px;
	padding:0px;
}

ul.challenge-list li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:23px;
	line-height:28px;
	background:url(../assets/run-tiny-ornage.jpg) no-repeat 0px 5px;
}

ul.challenge-list li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
}

ul.challenge-list li a:hover{
	text-decoration:underline;
	color:#033c59;
} 

a.view-more-challenges{
	display:block;
	margin-top:10px;	
}



/* ----------------- CALENDAR TAB ----------------- */
ul.calendar-list{
	margin:0px;
	padding:0px;
}

ul.calendar-list li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:23px;
	line-height:28px;
	background:url(../assets/run-tiny-ornage.jpg) no-repeat 0px 5px;
}

ul.calendar-list li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
}

ul.calendar-list li a:hover{
	text-decoration:underline;
	color:#033c59;
} 


ul.calendar-list li a span{
	color:#da5729;
}



/* ----------------- BLOG TAB ----------------- */
ul.blog-list{
	margin:0px;
	padding:0px;
}

ul.blog-list li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:23px;
	line-height:28px;
	background:url(../assets/run-tiny-ornage.jpg) no-repeat 0px 5px;
}

ul.blog-list li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
}

ul.blog-list li a:hover{
	text-decoration:underline;
	color:#033c59;
} 


ul.blog-list li a span{
	color:#da5729;
}



/* ----------------- POINTS TAB ----------------- */
ul.point-list{
	margin:0px;
	padding:0px;
}

ul.point-list li{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:23px;
	line-height:28px;
	background:url(../assets/run-tiny-ornage.jpg) no-repeat 0px 5px;
	font-weight:bold;
}

ul.point-list li a{
	text-decoration:none;
	font-size:12px;
	color:#666;
}

ul.point-list li a:hover{
	text-decoration:underline;
	color:#033c59;
} 


ul.point-list li span{
	color:#da5729;
}



/* ----------------- MY FRIENDS TAB ----------------- */
.mini-friend-info{
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:1px dotted #999;
}

.mini-friend-pic{
	float:left;
	width:87px;
}

.mini-friend-pic img{
	border:1px solid #999;
}

.mini-friend-text{
	float:left;
	width:105px;
	padding-top:5px;
	padding-left:10px;
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	padding-bottom:5px;
}

.mini-friend-text a{font-size:11px;}

.mini-friend-name a{
	color:#033c59;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.mini-friend-name a:hover{
	color:#da5729;
	text-decoration:underline;
}

.mini-friend-challenges{
	font-style:italic;
}



/* ----------------- MY PHOTOS TAB ----------------- */
.mini-photo-info{
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:1px dotted #999;
}

.mini-photo-pic{
	float:left;
	width:87px;
}

.mini-photo-pic img{
	border:1px solid #999;
}

.mini-photo-text{
	float:left;
	width:105px;
	padding-left:10px;
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	padding-bottom:5px;
	font-size:11px;
}

.mini-photo-name a{
	color:#033c59;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.mini-photo-name a:hover{
	color:#da5729;
	text-decoration:underline;
}

.mini-photo-challenges{
	font-style:italic;
}



/* ----------------- CHALLENGES ----------------- */
#challnege-top{
	overflow:hidden;
}


.challenge-title{
	float:left;
	width:750px;
	color:#033c59;
}

#edit-challenge-link{
	float:right;
	width:100px;
}

#challenge-picture{
	margin-bottom:20px;
}

.challenge-leader{
	float:left;
	width:100px;
}

.challenge-leader img{
	border:1px solid #999;
	margin-bottom:5px;
}


.challenge-leader a{
	text-decoration:none;
}

.challenge-leader-info{
	float:left;
	width:170px;
}

.challenge-leader-info a.name{
	color:#033c59;
}

.challenge-leader-info a.name:hover{
	color:#da5729;
}



#challenge-members{
	padding:0px 0px;
	overflow:hidden;
}


.challenge-member{
	float:left;
	width:87px;
	margin-left:21px;
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-size:11px;
}

.challenge-member img{
	border:1px solid #999;
	margin-bottom:5px;
}

.challenge-member a{
	text-decoration:none;
}

a.view-all-challenge-members{
	display:block;
	margin-left:20px;
	margin-bottom:20px;
}



#challenge-photos{
	padding:20px 0px;
	overflow:hidden;
}

.challenge-photo{
	float:left;
	width:87px;
	margin-left:21px;
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-size:11px;
}

.challenge-photo img{
	border:1px solid #999;
}

.challenge-photo a{
	text-decoration:none;
	text-align:center;
	display:block;
	width:87px;
}

a.view-all-challenge-photos{
	display:block;
	margin-left:20px;
	margin-bottom:20px;
}

#sharechallenge{
	background:#FFF;
}

#sharechallenge-container{
	border:4px solid #999;
	padding:20px;
	height:347px;
	overflow:auto;
	color:#666;
}


#sharechallenge .list-result-text{
	float:left;
	width:240px;
}

table.share-challenge-friends td{
	padding:5px;
}

.iframe-bottom-fixed{
	padding:10px 0px;
	padding-left:90px;
	background:url(../assets/modal-window-footer.jpg) repeat-x #999;
	border-bottom:1px solid #999;
}



/* ----------------- CREATE A CHALLENGE ----------------- */
.create-a-challenge-textarea{
}



/* ----------------- LIST RESULTS ----------------- */

.list-divider{
	border-top:1px solid #999;
	border-bottom:1px solid #FFF;
	margin:10px 0px;
}


.list-result-image{
	float:left;
	width:95px;
}

.list-result-image img{
	border:0px;
	margin:0px;
	padding:0px;
}

.list-result-text{
	float:left;
	width:440px;
}

.list-result-title, .list-result-description, .list-result-buttons{
	display:block;
	margin-bottom:5px;
}

.list-result-title{
	font-weight:bold;
}

.list-result-text a{
	text-decoration:underline;
}





/* ----------------- FRIENDS ----------------- */
.friend-listing{
	width:135px;
	float:left;
	text-align:center;
	padding-bottom:15px;
}

.friend-listing-pic{
	width:85px;
	height:85px;
	margin:0px auto;
	text-align:center;
}

.friend-listing-pic img{
	border:1px solid #999;
}

.friend-listing-info{
	padding-top:5px;
}

.friend-listing-info p{
	padding-bottom:5px;
}


.friend-options{
	padding-left:24px;
}

	.friend-options a{
		display:block;
		float:left;
		height:15px;
		text-indent:-9999px;
		margin-left:10px;
	}
	
		.friend-options a.add-friend{
			background:url(../assets/friends-icons.jpg);
			width:15px;
		}
		
		.friend-options a.add-friend:hover{
			background-position:0px -15px;
		}
		
		.friend-options a.send-message{
			background:url(../assets/friends-icons.jpg) -26px 0px;
			width:17px;
		}
		
		.friend-options a.send-message:hover{
			background-position:-26px -15px;
		}
		
		.friend-options a.remove-friend{
			background:url(../assets/friends-icons.jpg) -54px 0px;
			width:15px;
		}
		
		.friend-options a.remove-friend:hover{
			background-position:-54px -15px;
		}


/* ----------------- COMMENTS ----------------- */
.wall-title{
	display:block;
	background:url(../assets/icon-wall.png) no-repeat 0px 6px;
	padding-left:22px;
}

#comment-options{
	padding-bottom:5px;
}


.even-comment, .odd-comment{
	padding:10px 7px;
	padding-left:0px;
	border-bottom:1px solid #ccc;
}

.even-comment{
	background:#f8f9fa;
	border-top:1px solid #FFF;
}

.report-abuse{
	padding:10px 0px;
	margin-bottom:5px;
}

a.comment-username{
	color:#033c59;
}

a.comment-username:hover{
	color:#da5729;
}


.comment-pic{
	float:left;
	width:60px;
	margin-right:10px;
}

.wall-text{
	float:left;
	width:465px;
}

textarea#wall-textarea{
	width:541px;
	height:90px;
	overflow:auto;
	margin-bottom:10px;
}

.comment-profile-text{
	float:left;
	width:535px;
}

textarea#profile-textarea{
	width:615px;
	height:90px;
	overflow:auto;
	margin-bottom:10px;
}

.comment-usersname{
	float:left;
	margin-bottom:5px;
}

.comment-delete{
	float:right;
	margin-bottom:5px;
}


/* ----------------- SUB COMMENTS ----------------- */
.even-sub-comment{
}

.odd-sub-comment{
}



.subcomment{
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
}
  
.subcomment .comment-pic{
	float:left;
	width:60px;
}

.subcomment .subcomment-text{
	float:left;
	width:395px;
}

.subcomment .subcomment-text p{
	display:block;
}

.comments-navigation{
	overflow:hidden;
	padding:10px 0px;
}

.comments-prev-button{
	float:left;
	width:150px;
}


.comments-next-button{
	float:right;
	width:114px;
}

/* ----------------- SEND A MESSAGE ----------------- */
#message-form{
}

#message-form span{
	display:block;
}

#message-form label{
	display:block;
	font-weight:bold;
	color:#033c59;
}

textarea#comment-textarea{
	width:540px;
	height:150px;
	background:url(../assets/message-bg.jpg) no-repeat;
}



/* ----------------- PHOTO GALLERY----------------- */
#photo-gallery{
	padding-left:10px;
	overflow:hidden;
}

#photo-gallery img{
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	border:1px solid #666;
	background:#CCC;
	padding:4px;
}

#photo-gallery img:hover{
	background:#033c59;
}

.currentTextHolder{
	display:none;
}


#photo-gallery-top{
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px dotted #666;
}

.photo-album-title{
	padding-bottom:5px;
	color:#666;
	margin-top:0px;
	width:380px;
	float:left;
	margin-bottom:5px;
}

.add-photo{
	float:right;
	width:100px;
	text-align:right;
}

#back-to-album{
	float:right;
	width:150px;
	text-align:right;
}

.photo-pagination{
	font-size:11px;
	margin-bottom:10px;
}

.photo-nav{
	float:right;
	width:130px;
	color:#da5729;
	text-align:right;
}

.report-bad-pic{
	float:right;
	font-size:11px;
	width:200px;
	text-align:right;
	padding-right:13px;
}

#photo{
	padding-left:10px;
	overflow:hidden;
	text-align:center;
}

#photo img{
	display:inline;
	margin-bottom:10px;
	border:1px solid #666;
	background:#CCC;
	padding:4px;
	max-width:510px;
}


#photo-caption{
	padding:10px;
	color:#666;
}
	
	
	

/* ----------------- ADS ----------------- */
#ads img{
	display:block;
	margin-bottom:15px;
	border:0px;
}

table#ad-submit-table td{
	padding:5px;
}



/* ----------------- SHARE ----------------- */
#share{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:15px;
	padding-bottom:0px;
	color:#666;
	margin-top:-25px;
	background:#FFF;
}

#share form{
	margin:0px;
	padding:0px;
}





/* ----------------- CALENDAR ----------------- */
.calendar-box{
	border:1px solid #666;
	background:#666;
	margin:0px;
	margin-right:1px;
}

.calendar-box .box-header{
	text-align:center;
	font-size:16px;
	overflow:hidden;
}

.calendar-box .box-content{
	padding:1px;
	padding-bottom:0px;
	margin:0px;
}

table td#calendar-key{
	text-align:right;
}

table td#calendar-key img{
	vertical-align:top;
}


#cal-prev-year, #cal-prev-month, #cal-next-month, #cal-next-year{
		padding-top:6px;
}

#cal-prev-year{
	float:left;
	width:24px;
}

	#cal-prev-year a{
		display:block;
		background:url(../assets/prev-year.png);
		width:13px;
		height:13px;
		text-indent:-9999px;
	}
	
	#cal-prev-year a:hover{
		background-position:0px -13px;
	}

#cal-prev-month{
	float:left;
	width:20px;
}


	#cal-prev-month a{
		display:block;
		background:url(../assets/left-cal-arrow.png);
		width:16px;
		height:13px;
		text-indent:-9999px;
	}
	
	#cal-prev-month a:hover{
		background-position:0px -13px;
	}
	
	
#cal-title{
	float:left;
	width:785px;
	text-align:center;
}

#cal-next-year{
	float:left;
	width:13px;
	padding-top:6px;
}

	#cal-next-year a{
		display:block;
		background:url(../assets/next-year.png);
		width:13px;
		height:13px;
		text-indent:-9999px;
	}
	
	#cal-next-year a:hover{
		background-position:0px -13px;
	}

#cal-next-month{
	float:right;
	width:20px;
}


	#cal-next-month a{
		display:block;
		background:url(../assets/right-cal-arrow.png);
		width:16px;
		height:13px;
		text-indent:-9999px;
	}
	
	#cal-next-month a:hover{
		background-position:0px -13px;
	}
	




#cal-days{
	overflow:hidden;
	padding-bottom:1px;
}

	#cal-days div{
		float:left;
		width:125px;
		height:20px;
		line-height:20px;
		text-align:center;
		background:#da5729;
		color:#fff;
		font-weight:bold;
	}

	.cal-day-name{
		margin-right:1px;
	}
	
	.cal-day-name-last{
		margin-right:0px;
	}
	
	
.cal-week{
	overflow:hidden;
	margin-bottom:1px;
}

	.cal-day{
		float:left;
		width:125px;
		height:125px;
		background:#fff;
		margin-right:1px;
	}
	
	.cal-day-last{
		float:left;
		width:125px;
		height:125px;
		background:#fff;
		margin-right:0px;
	}
	
		.cal-day-info{
			padding:10px;
		}
	
		.cal-date{
			font-weight:bold;
			float:left;
			width:22px;
			height:22px;
			line-height:22px;
			border-right:1px solid #666;
			border-bottom:1px solid #666;
			text-align:center;
			color:#666;
		}
		
		
			.cal-date-today{
			font-weight:bold;
			float:left;
			width:22px;
			height:22px;
			line-height:22px;
			border-right:1px solid #666;
			border-bottom:1px solid #666;
			text-align:center;
			color:#fff;
			background:#033c59;
			}
			
			
			.cal-date-highlight{
			font-weight:bold;
			float:left;
			width:22px;
			height:22px;
			line-height:22px;
			border-right:1px solid #666;
			border-bottom:1px solid #666;
			text-align:center;
			color:#fff;
			background:#da5729;
			}
			
			
			.cal-date-future{
			float:left;
			width:22px;
			height:22px;
			line-height:22px;
			border-right:1px solid #666;
			border-bottom:1px solid #666;
			text-align:center;
			color:#CCC;
			}
			
			
			.cal-date-past{
			float:left;
			width:22px;
			height:22px;
			line-height:22px;
			border-right:1px solid #666;
			border-bottom:1px solid #666;
			text-align:center;
			color:#CCC;
			}
	
	
	
a.c-start-date:link, a.c-start-date:visited, a.c-start-date:hover{
	display:inline-block;
	background:url(../assets/dots.jpg) 0px 0px;
	height:11px;
	width:11px;
}



a.c-end-date:link, a.c-end-date:visited, a.c-end-date:hover{
	display:inline-block;
	background:url(../assets/dots.jpg) 0px -11px;
	height:11px;
	width:11px;
}
			
		
/* ----------------- BLOG ----------------- */		
.post{
}


.post-title{
	float:left;
	width:720px;
}

.post-date{
	float:right;
	width:140px;
	text-align:right;
}

	.post-date span{
		color:#da5729;
	}
	

.post-content{
	overflow:hidden;
	border-bottom:1px dotted #666;
	padding-bottom:7px;
	margin-bottom:7px;
}

.post-read-more a{
	float:right;
}


.post-top a{
	float:left;
}

.post-view-more a{
	float:right;
}





/* ----------------- PAGINATION ----------------- */
.pagination{
	font-size:12px;
	font-weight:bold;
}

.pagination a, .pagination span{
	color:#999;
	text-decoration:none;
	font-weight:normal;
}

.pagination a:hover{
	color:#da5729;
	}


/* ----------------- COLORBOX CSS ----------------- */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
	background:#000; /* Changes Overlay Color */
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
	filter: alpha(opacity=60); /* IE 5-7*/
}


#colorbox{
	border:7px solid #000;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;  
} 


#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight{
	display:none;
	width:0px;
	height:0px;
}

#cboxContent{ 
	/*background:url(../assets/modal-footer.jpg) repeat-x bottom center #fff;*/
	background:#fff;
	border:1px solid #000;
}  

#cboxLoadedContent{
	margin:0px 10px;
	margin-top:28px;
	margin-bottom:34px;
	padding:10px 0px;
	border-bottom:1px dotted #666;
}

#cboxTitle{
	position:absolute; 
	top: 0px; 
	left:0; 
	text-align:center; 
	width:100%; 
	color:#fff;
	font-size:14px;
	font-weight:bold; 
	background:url(../assets/box-header.jpg) repeat-x; 
	height:27px; 
	line-height:27px;
	border-top:1px solid #2b5d76;
	border-bottom:1px solid #666;
}


#cboxCurrent{position:absolute; bottom: 10px; left:65px; color:#666;}
#cboxSlideshow{position:absolute; bottom: 4px; right:30px; color:#0092ef;}

#cboxPrevious{position:absolute; bottom:5px; left:7px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}

#cboxNext{position:absolute; bottom:5px; left:34px; background:url(http://www.webphibian.com/standards/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}

#cboxLoadingOverlay{background:url(http://www.webphibian.com/standards/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(http://www.webphibian.com/standards/colorbox/loading.gif) center center no-repeat;}

#cboxClose{
	position:absolute; 
	bottom:5px;
	right:7px; 
	background:url(http://www.webphibian.com/standards/colorbox/controls.png) -25px 0px no-repeat; 
	width:25px; 
	height:25px; 
	text-indent:-9999px;
}

#cboxClose.hover{background-position:-25px -25px;}



body.modal{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}


body.videoplayer{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	background:#fff;
	text-align:center;
}


.videoplayer-container{
width:500px;
margin:0px auto;
}












/* ----------------- ADMIN AREA ----------------- */
.admin-box{
	border:1px solid #666;
	margin-bottom:15px;
}

#admin-nav{
	color:#00537d;
	padding:0px 8px;
	height:30px;
	line-height:30px;
	background: #003b59; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064461', endColorstr='#003b59'); /* for IE 7+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#064461), to(#003b59)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #064461,  #003b59); /* for firefox 3.6+ */
}

	#admin-nav ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	
	#admin-nav ul li{
		float:left;
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	#admin-nav ul li a{
		display:block;
		padding:0px 20px;
		color:#fff;
		text-decoration:none;
		font-size:15px;
		height:30px;
		line-height:30px;
		background: #003b59; /* for non-css3 browsers */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064461', endColorstr='#003b59'); /* for IE 7+ */
		background: -webkit-gradient(linear, left top, left bottom, from(#064461), to(#003b59)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #064461,  #003b59); /* for firefox 3.6+ */
	}
	
	#admin-nav ul li a:hover{
		background:#999999;
	}




/* ----------------- ADMIN BUTTONS ----------------- */
a.drag-btn, a.view-btn, a.edit-btn, a.add-btn, a.delete-btn, a.submit-btn, a.activate-btn, a.deactivate-btn{
margin:0px 2px;
}

a.drag-btn:link, a.drag-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/drag-btn.jpg);
width:69px;
height:23px;
text-indent:-9999px;
float:left;
}

a.view-btn:link, a.view-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/view-btn.jpg);
width:60px;
height:23px;
text-indent:-9999px;
float:left;
}

a.edit-btn:link, a.edit-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/edit-btn.jpg);
width:60px;
height:23px;
text-indent:-9999px;
float:left;
}

a.add-btn:link, a.add-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/add-btn.jpg);
width:60px;
height:23px;
text-indent:-9999px;
float:left;
}

a.delete-btn:link, a.delete-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/delete-btn.jpg);
width:79px;
height:23px;
text-indent:-9999px;
float:left;
}

a.submit-btn:link, a.submit-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/submit-btn.jpg);
width:79px;
height:23px;
text-indent:-9999px;
float:left;
}

a.activate-btn:link, a.activate-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/activate-btn.jpg);
width:92px;
height:23px;
text-indent:-9999px;
float:left;
}

a.deactivate-btn:link, a.deactivate-btn:visited{
display:block;
background:url(http://www.webphibian.com/standards/assets/deactivate-btn.jpg);
width:105px;
height:23px;
text-indent:-9999px;
float:left;
}

a.drag-btn:hover, a.view-btn:hover, a.edit-btn:hover, a.add-btn:hover, a.delete-btn:hover, a.submit-btn:hover, a.activate-btn:hover, a.deactivate-btn:hover{
background-position:0px -23px;
}