﻿/*--------------------------------------------------------------
Generic styles
--------------------------------------------------------------*/
html, body, form, div { margin:0; padding:0; }
body { font-family: Segoe UI, Verdana, Sans; font-size: 12px; background: #587DB2 url('/thrivedev/images/main_bg.jpg') no-repeat 50% 0; }
a, img, a img { border:none; outline:none; }
.block { display:block; }
.inline { display:inline; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.divider { height: 1px; background-color: #9FADB8; margin: 5px 0 5px 0; }
a, a:hover, a:active { color: #529A06; text-decoration: none; font-weight: bold;}
.error { color: Red; }


/*--------------------------------------------------------------
Wrapper styles
--------------------------------------------------------------*/
#outerWrapper { width:950px; margin:0 auto; }
#innerWrapper { width: 850px; margin: 0 auto; background: #FFFFFF; border: solid 1px #9FADB8; }
#contentWrapper { width: 765px; margin: 0 auto; padding: 10px 0 0 10px; }
#leftContainer { float: left; width: 523px; margin-top:10px; padding-right:5px; border-right: 1px solid #9FADB8; }
#leftContainer .container { border-bottom: 1px solid #9FADB8; margin: 10px 5px 10px 5px; width: 513px; padding: 0 0 10px 0; text-align:left; }
#leftContainer .container div.left { float:left; width:256px; border-right: 1px solid #9FADB8; }
#leftContainer .container .right { float:left; width:246px; padding-left: 10px; }

#rightContainer { float: left; width: 236px; position: relative; }
#rightContainer .container { border: 1px solid #9FADB8; margin: 10px 5px 10px 5px; width: 226px; }
#rightContainer .container .content { background-color: #FFFFFF; padding: 5px 5px 5px 10px; }
.containerHeader { background: #547EBA url('/thrivedev/images/header_bg.jpg'); border-bottom: 1px solid #9FADB8;
	color: #FFFFFF; font-size: 14px; height:25px; padding: 5px 5px 0 10px; text-align: left; }


/*--------------------------------------------------------------
Header styles
--------------------------------------------------------------*/
#header { padding: 15px 0 2px 0; }
.subheader { padding: 0 0 0 40px; }
p.subheader { font-weight:bold; font-size:16px; padding-left:75px; }
#topNav { width: 850px; height: 25px; margin: 0 auto; background-color:#567EBB; }
#topNav #right { height: 25px; float: right; }
#topNav #right #icons { margin: 3px 20px 0 0; float: right; }
#topNav #right #icons .icon { padding: 0 4px 0 4px; }
#navLinks { float:left; margin:0; padding:0 0 0 11px; list-style:none; }
#navLinks li { float:left; margin:0; padding:0 10px 0 0; height:25px;}
#navLinks a, #navLinks a:visited, #navLinks a:active { color:#FFFFFF; font-size:12px; float:left; text-decoration:none; height:20px; font-weight:normal; margin-top:5px; }
#navLinks a:hover, #navLinks a.selected { color:#072B60; font-weight:normal; }





/*--------------------------------------------------------------
Footer styles
--------------------------------------------------------------*/
#footer { clear: both; padding: 10px 0 0 10px; height: 70px; width: 850px; color: #FFFFFF; margin: 0 auto; }
#footer a, #footer a:visited { color: #FFFFFF; text-decoration: underline; }
#footer a:hover { color: #072B60; }




/*--------------------------------------------------------------
Short Footer styles
--------------------------------------------------------------*/
#shortFooter { clear: both; padding: 10px 0 0 10px; height: 70px; width: 850px; color: #072B60; margin: 0 auto; }
#shortFooter a, #shortFooter a:visited { color: #072B60; text-decoration: underline; }
#footer a:hover { color: #072B60; }




/*--------------------------------------------------------------
Stay Connected styles
--------------------------------------------------------------*/
.connectedLinks a
{
	display:block;
}



/*--------------------------------------------------------------
Blog styles
--------------------------------------------------------------*/
.blog img
{
	margin-right:10px;
}

.blog .authorDate
{
	color: #666666;
}

.ddlBlogStatesHeader
{
	font-weight:bold;
	font-size:14pt;
}


/*--------------------------------------------------------------
Community Corner styles
--------------------------------------------------------------*/
.corner a
{
	margin-top:10px;
	display:block;
}



/*--------------------------------------------------------------
Find a Job styles
--------------------------------------------------------------*/
.findJob a
{
	display:block;
}



/*--------------------------------------------------------------
BannerRotator styles
--------------------------------------------------------------*/
.bannerRotator
{
	margin:10px 5px 10px 5px;
}



/*--------------------------------------------------------------
NerdDinner styles
--------------------------------------------------------------*/
.nerddinner
{
	margin:10px 5px 10px 5px;
}



/*--------------------------------------------------------------
Banner Offer styles
--------------------------------------------------------------*/
.offers
{
	margin:0 0 15px 0;
}

.offers h2
{
	font-size:14px;
	font-weight:bold;
	color: #529A06;
}

.offers ul
{
	padding:0 0 0 15px;
}

.offers td
{
	padding:10px;
	border-bottom: solid 1px #CECED0;
}

.offers tr.noborder td
{
	border-bottom:none;
}

.offers tr.alt
{
	background-color: #EFF2F9
}


.offer
{
	display:block;
	margin:10px 0 10px 0;
}



/*--------------------------------------------------------------
Comments styles
--------------------------------------------------------------*/
.commentArea
{
	border-top: 1px solid #000000;
}

.commentAreaHeader
{
	border-bottom: 1px solid #000000;
	padding:5px 0 5px 0;
}

.comment
{
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	border-bottom: solid 1px #9FADB8;
}

.comment .username
{
	font-weight:bold;
}

.comment .date
{
	font-size:11px;
	font-style:italic;
	color:#666666;
}

.comment p
{
	margin:3px 0 0 0;
}

.comment_post, .featuredcomment_post
{
	height:150px;
}

.comment_link, .featuredcomment_link, .comment_commentslink, .featuredcomment_commentslink
{
	cursor:pointer;
}




/*--------------------------------------------------------------
Podcast styles
--------------------------------------------------------------*/
.podcast
{
	margin-top:20px;
}

.podcast img.presenter
{
	padding-right:35px;
}

.podcast .podcastTitle
{
	font-size:16px;
}

.podcast .rule
{
	border-top:solid 1px #999;
	height:1px;
	width:100%;
}

.featuredPodcast
{
  background-color:#f3f4f8;
}

.featuredPodcast .presenter, .podcasts .presenter
{
	position:relative;
}

.featuredPodcast .presenter .bio
{
	position:absolute;
	top:110px;
	left:0;
	background-color:#FFFFFF;
	border:solid 3px #979798;
	width:250px;
	padding:0 10px 10px 10px;
	display:none;
	z-index:999;
}

.podcasts .presenter .bio
{
	position:absolute;
	top:30px;
	left:10px;
	background-color:#FFFFFF;
	border:solid 3px #979798;
	width:250px;
	padding:0 10px 10px 10px;
	display:none;
	z-index:999;
}

.featuredPodcast .presenter .bio h3, .podcasts .presenter .bio h3
{
	font-size:14px;
}

.podcasts .presenter .bio h3
{
	color:#000000;
}

.podcasts .presenter img
{
  padding:0 10px 10px 10px;
}

.featuredPodcast .presenter img
{
	margin:20px 20px 20px 0;
}

.featuredPodcast h3
{
  color:#000;
  margin-bottom:0;
}

.featuredPodcast h4
{
  color:#000;
  text-transform:uppercase;
  font-weight:normal;
}

.featuredPodcast h5
{
	font-size:11px;
	margin:0;
	color:#000;
	font-weight:normal;
}

.featuredPodcast a
{
  display:inline;
  font-weight:normal;
}

.featuredPodcast .rating
{
	height:15px;
}

.featuredPodcast .ratingControl
{
  display:inline;
  padding:0 5px 0 0;
  float:left;
  height:15px;
}

.featuredPodcast .download
{
  display:block;
  clear:both;
  padding:5px 0 5px 0;
}

.featuredPodcast .comments
{
	width:450px;
	float:left;
}

.star-full
{
  background-image:url('/thrivedev/images/star-full.gif');
  background-repeat:no-repeat;
  background-position:0 1px;
  width:14px;
  height:14px;
  cursor:pointer;
}

.star-empty
{
  background-image:url('/thrivedev/images/star-empty.gif');
  background-repeat:no-repeat;
  background-position:top left;
  width:14px;
  height:14px;
  cursor:pointer;
}

.ratingThankYou
{
	color:#000000;
	font-weight:normal;
}

.podcasts a { font-weight:normal; }
.podcasts img.presenter
{
  width:25px;
  height:25px;
  padding:0 10px 0 15px;
}
.podcastTitle
{
  color:#529A06;
  font-weight:bold;
  font-size:11px;
}
.podcastMeta
{
  padding-left:9px;
}
.podcastMeta .comments
{
  color:#529A06;
  font-size:10px;
}

.podcastMeta .ratingCell
{
  padding:0 10px 0 10px;
}
.podcastMeta .downloads
{
  display:inline;
  font-size:10px;
}
.podcasts .rule
{
  border-top:solid 1px #999;
  height:1px;
  width:450px;
}
/*
.podcastMeta .star-full,
.podcastMeta .star-empty
 { width:10px; height:10px; }
*/



ul.screencasts, ul.screencasts li, ul.screencasts a
{
  list-style:none;
  color: #529A06;
  /*color:#9FADB8;*/
  padding:0;
}

ul.screencasts li.inactive, ul.screencasts li.inactive a
{
	color:#9FADB8;
}

ul.screencasts li
{
    padding:5px 0 5px 0;
    border-bottom: solid 1px #9FADB8;
}



#login
{
	padding-left:100px;
}

#videoPart1 
{ 
	margin:15px;
	width:212px;
	height:163px;	
}

#videoPart2 
{ 
	margin:15px;
	width:212px;
	height:163px;	
}
