body {background:url('img/gradient.jpg') repeat-x #c2cbd2; margin:0; padding:0; font-family:helvetica, arial, sans-serif;}
a, a:visited, a:active {color:#336699; text-decoration:none;}
a:hover {color:#3b4862; text-decoration:underline;}

#container {width:960px; margin:0 auto; border-left:1px solid #8db5c1; border-right:1px solid #8db5c1;}
#header {width:960px; height:147px; margin:0 auto; background:url('img/banner2.jpg') no-repeat #000000;}
    #header #whisperLogo {float:left; width:300px; height:147px; margin:0 30px 0 0;}
        #header #whisperLogo img {margin:25px 0 0 35px;}
    #header #whisperNav {float:right; width:600px; height:147px; margin:0 0 0 30px;}

#content {width:960px; background:url('img/content_repeat.jpg') repeat-y #e1e6ee; padding:0; margin:0 auto;}
    #colLeft {float:left; width:660px; background:url('img/left_top.jpg') repeat-x #e1e6ee; overflow:hidden;}
	#colRight {float:right; width:300px; background:url('img/right_top.jpg') repeat-x #c4c7cc;}
		#colRight h3{width:258px; background:url('img/side_head.jpg') no-repeat; width:258px; height:51px; overflow:hidden; color:#ffffff; text-align:center; font-size:23px; line-height:51px; margin:10px 0;}
                #colRight h3 a, #colRight h3 a:visited, #colRight h3 a:active, #colRight h3 a:hover {color:#fff; text-decoration:none; display:block;}
				#colRight h4 {font-size:16px; color:#000000; margin:10px 0 5px 0;}
		.sideBtn {width:258px; border:1px solid #585858; background:#272E4B; text-align:center; margin:10px 0;}
	.colBottom {clear:both; width:100%; height:7px; background:url('img/left_bottom.jpg') repeat-x #e1e6ee;}
	.colBottom.multiColumn {clear:both; width:100%; height:7px; background:url('img/row_bottom.jpg') repeat-x #e1e6ee;}
    #content .padding {padding:20px;}
#footer {width:960px; background:url('img/banner2.jpg') no-repeat bottom center #000000; height:61px; color:#ffffff; text-align:center; margin:0 auto;}
    #footer>.padding {padding:10px;}
    #footer a, #footer a:visited, #footer a:active {color:#FFFFFF; text-decoration:none;}
    #footer a:hover {color:#FFFFFF; text-decoration:underline;}
    #footer .details {display:block; margin:5px;}

#content h1 {margin:10px 0 10px 0; padding:10px 0 7px 0; border-style:solid; border-color:#4e5566; border-width:0 0 1px 0; color:#4e5566;}
#content h2 {color:#486cb3; font-size:26px; padding:0; font-weight:bold; margin:10px 0;}
#content h3 {font-size:16px; margin:10px 0 5px 0;}

#contentpopup h1 {margin:10px 0 10px 0; padding:10px 0 7px 0; border-style:solid; border-color:#4e5566; border-width:0 0 1px 0; color:#4e5566;}
#contentpopup h2 {color:#486cb3; font-size:26px; padding:0; font-weight:bold; margin:10px 0;}
#contentpopup h3 {font-size:16px; margin:10px 0 5px 0;}
	
#information {width:660px; line-height:25px; background:url('img/alert.jpg') no-repeat 10px 3px #d6d4d7; color:#b45740; font-style:italic; margin:12px 0;}
	#information .padding {padding:0 10px 0 38px;}

.updFrontTop {background:#272E4B; width:660px;}
    .updFrontTop a, .updFrontTop a:hover, .updFrontTop a:active, .updFrontTop a:visited {color:#99BBDD;}
.updFrontHeader {padding:5px; float:left; color:#ffffff; font-weight:bold;}
.updFrontMore {padding:5px; float:right; font-size:10px;}
.updFront {background:url('img/news.jpg') no-repeat scroll 5px 5px #272E4B; width:660px; height: 70px;}
	.updFocus {background:#272E4B; width: 660px; height: 70px; color:#ffffff;}
		.updFocus a, .updFocus a:hover, .updFocus a:active, .updFocus a:visited {color:#99BBDD;}
	.updFront .updDetails {margin: 0pt 0pt 0pt 80px;}
	.updFocus .updDetails {margin: 0pt 10px;}
	.updTitle {color:#99bbdd; font-size:30px;}
		.updTitle a, .updTitle a:visited, .updTitle a:active, .updTitle a:hover {color:#99BBDD; text-decoration:none;}
	.updDesc {display:block; font-size:20px; color:#ffffff;}

.projectFeed {clear:both; margin:0 0 10px 0;}
.projectFeed .activity {float:left; position:relative; left:10px; width:25px; height:25px; overflow:hidden;}
.projectFeed .new {border-bottom:3px solid #8eff5c;}
.projectFeed .fresh {border-bottom:3px solid #BAFFC2;}
.projectFeed .recent {border-bottom:3px solid #fff000;}
.projectFeed .older {border-bottom:3px solid #ffc34e;}
.projectFeed .you {border-bottom:3px solid #058EFF;}
.projectFeed .storyprev {float:right; position:relative; right:10px; width:245px; font-size:12px;}
	.projectFeed .storyprev.allnews {width:560px;}
.projectFeed .storyprev .storytitle {font-size:18px; line-height:25px; font-weight:bold; height:25px; overflow:hidden;}

.projectHeading, .contentHeading {background:#272E4B; color: #FFFFFF; width: 660px; font-size:26px; padding:0; font-weight:bold;}
	.projectHeading a, .contentHeading a, .projectHeading a:active, .contentHeading a:active, .projectHeading a:visited , .contentHeading a:visited{color:#FFFFFF; text-decoration:none;}
	.projectHeading a:hover, .contentHeading a:hover {color:#99BBDD;}
	.projectHeading span, .contentHeading span {padding:0 10px; display:block;}
	
.miniBox {width:300px; margin:15px; float:left; background:url('img/smalltop.jpg') repeat-x #c3c3c3; overflow:hidden;}
	.miniBox .boxTitle {margin:0; padding:10px 10px 0 10px; width:300px; height:44px; color:#ffffff; font-weight:bold; font-size:18px;}
		.miniBox .boxTitle a, .miniBox .boxTitle a:visited, .miniBox .boxTitle a:active, .miniBox .boxTitle a:hover {color:#ffffff; text-decoration:inherit;}
				.miniBox .boxTitle a.new {background:url('img/colors/new.png') left center no-repeat; padding-left:15px;}
				.miniBox .boxTitle a.fresh {background:url('img/colors/fresh.png') left center no-repeat; padding-left:15px;}
				.miniBox .boxTitle a.recent {background:url('img/colors/recent.png') left center no-repeat; padding-left:15px;}
				.miniBox .boxTitle a.older {background:url('img/colors/older.png') left center no-repeat; padding-left:15px;}
				.miniBox .boxTitle a.you {background:url('img/colors/you.png') left center no-repeat; padding-left:15px;}
	.miniBox .padding {padding:0 10px 15px 10px;}
	#content .miniBox .padding {padding:0 10px 15px 10px;}

a img {border:none;}

.inputStretch {width:300px;}
.searchInput {width:178px; height:22px; border:1px solid #5e5e5e; background:#e1e6ee; padding:0 5px; font-size:12px; float:left;}
.searchSubmit {width:60px; height:24px; line-height:24px; color:#ffffff; text-transform:uppercase; font-size:10px; border:1px solid #5e5e5e; background:#848485; float:right; overflow:hidden;}
.boxxyInput {border:1px solid #5e5e5e; background:#f1f6fe; padding:5px; font-size:12px; font-family:arial, sans-serif;}
input[readonly=''].boxxyInput {border:1px solid #AeAeAe; background:transparent; padding:3px;}
textarea[readonly=''].boxxyInput {border:1px solid #AeAeAe; background:transparent; padding:3px;}
.boxxyBtn {height:24px; line-height:24px; color:#ffffff; text-transform:uppercase; font-size:10px; border:1px solid #5e5e5e; background:#848485;}

.empPortrait {float:left; width:102px; padding-top:15px;}
    .empPortrait img {border:1px solid #000000;}
.empDesc {float:right; width:500px;}
.actionBtn {width:102px; text-align:center; margin:5px 0; font-size:12px; background:#c4c7cc; color:#000000}
    .actionBtn a, .actionBtn a:active, .actionBtn a:hover, .actionBtn a:visited {color:#000000;}

ul {padding:0;}
ul#navbar {margin:0;}
ul#navbar li {list-style:none; float:left; padding:10px 20px; color:#888; font-size:17px; width:auto; position:relative;}
	ul#navbar>li a, ul#navbar li a:visited {color:#ffffff; text-decoration:none;}
	ul#navbar>li:hover {background:url('img/menu_hover.png') repeat; text-decoration:none;}
ul#navbar>li.navSeparator {padding:0; background:url('img/navSeparator.png') top no-repeat; width:2px; height:66px;}
    ul#navbar>li.navSeparator:hover {background:url('img/navSeparator.png') top no-repeat;}

ul#navbar li ul.navsub {display:none; overflow:hidden; margin:10px 0 0 0; font-size:12px; position:absolute; left:0; background:url('img/menu_hover.png') repeat; padding:0 18px; z-index:500;}
ul#navbar li ul.navsub hr {height:1px; background-color:#192337; border:none;}
ul#navbar li ul.navsub li {list-style:none; float:none; padding:2px; margin:10px 0; display:block; font-size:12px;}
    ul#navbar li ul.navsub li.forum {padding:2px 2px 2px 15px;}
		ul#navbar li ul.navsub li.new {background:url('img/colors/new.png') left center no-repeat;}
		ul#navbar li ul.navsub li.fresh {background:url('img/colors/fresh.png') left center no-repeat;}
		ul#navbar li ul.navsub li.recent {background:url('img/colors/recent.png') left center no-repeat;}
		ul#navbar li ul.navsub li.older {background:url('img/colors/older.png') left center no-repeat;}
		ul#navbar li ul.navsub li.you {background:url('img/colors/you.png') left center no-repeat;}
	ul#navbar li ul.navsub li.newcontent {background:url('img/colors/newcontent.png') left center no-repeat; padding:2px 2px 2px 15px;}
	ul#navbar li ul.navsub li a, ul#navbar li ul.navsub li a:visited, ul#navbar li ul.navsub li a:active {color:#899fCa; text-decoration:none;}
	ul#navbar li ul.navsub li a:hover {color:#ffffff;}
ul#navbar li:hover ul.navsub {display:block;}

.thin {width:350px; margin:5px 0 5px 175px; background:#EEEEEE; padding:5px;}

.avatarEdit {float:left; padding:5px; margin:5px;}
.avatarEdit:hover, .avatarSpecial:hover {background:#777777;}
	.avatarEdit:hover a, .avatarSpecial:hover a{color:#aaccff;}
	.avatarSpecial {float:left; padding:5px; margin:5px; background:#E6B426;}

.pager {width:660px; height:35px; text-align:center; background:#AAA; overflow:hidden;}
#content .pager .padding{padding:0;}
.pager a, .pager a:visited, .pager a:active {text-decoration:none; color:#369;}
.pager a:hover {text-decoration:none; color:#003;}
	.pageLeft {float:left; margin:2px 0 0 10px;}
		.pageLeft div {display:inline;}
		.pageFirst {margin:0 10px 0 0;}
	.pageRight {float:right; margin:2px 10px 0 0;}
		.pageRight div {display:inline;}
		.pageNext {margin:0 10px 0 0;}
	.pageMid {display:inline-block; width:auto; margin:5px auto;}
		.pageMid .pageNum {display:inline-block; font-size:18px; margin: 0 5px;}
			.pageMid .pageNum a {width:100%; height:100%; padding:2px 6px;}
			.pageMid .pageNum a:hover {background:#CCC;}
		.pageMid .pageNum.pageCurrent {font-weight:bold; padding:2px 6px;}

.fLeft {float:left;}
.fRight {float:right;}
.clear {clear:both; height:1px;}

.spacer {width:100%; height:15px;}

.postHistoryTopLeft {width:60%; float:left;}
.postHistoryTopRight {width:40%; float:right; text-align:right;}
.postHistoryAvatar {width:50px; height:50px; float:left; border:1px solid #000000; overflow:hidden; margin-right:10px;}

.pmContainer {background:#EEEEEE; padding:3px 5px; margin:0 100px 15px 60px; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 5px #888888; -moz-box-shadow:0 0 5px #888888; -webkit-box-shadow:0 0 5px #888888;}
	.pmContainer.alt {background:#CCCCCC;}
	.pmContainer.mine {margin-right:0; margin:0 60px 15px 100px;}
	.pmListingAvatar {width:50px; height:50px; float:left; border:1px solid #000000; overflow:hidden;}
		.pmListingAvatar.mine {float:right;}
		
	.calloutRight {position:absolute; right:-30px; top:10px; border-color: transparent transparent transparent #EEEEEE; border-style:solid; border-width:15px; height:0; width:0;}
	.alt >.calloutRight {border-color: transparent transparent transparent #CCCCCC;}
	.calloutLeft {position:absolute; left:-30px; top:10px; border-color: transparent #EEEEEE transparent transparent; border-style:solid; border-width:15px; height:0; width:0;}
	.alt >.calloutLeft {border-color: transparent #CCCCCC transparent transparent;}


.listingFrame {margin:10px; padding:10px; background:url('img/threads1.jpg') left top no-repeat #E4E4E4;}
.listingFrame.alt {background:url('img/threads2.jpg') left top no-repeat #CDCDCD;}
.timeBox {width:30px; height:30px; line-height:30px; color:#000000; float:left; background:url('img/forums/gray.gif') left center no-repeat; border:1px solid transparent;}
		.timeBox.new {background:url('img/forums/green.gif') left center no-repeat; border:1px solid #8eff5c;}
		.timeBox.fresh {background:url('img/forums/green.gif') left center no-repeat; border:1px solid #BAFFC2;}
		.timeBox.recent {background:url('img/forums/yellow.gif') left center no-repeat; border:1px solid #fff000;}
		.timeBox.older {background:url('img/forums/yellow.gif') left center no-repeat; border:1px solid #ffc34e;}
		.timeBox.you {background:url('img/forums/blue.gif') left center no-repeat; border:1px solid #058EFF;}
.listingDetails {float:left; width:360px; margin-left:20px;}
	#content .listingDetails h3 {margin:0;}
.lastPost {float:right;width:200px;}

.blogDisclaimer {margin:5px; background:#AAAAAA; padding:5px;}
    .blogDisclaimerUser {float:left;}
    .blogDisclaimerText {float:right; width:440px; font-size:17px;}
.blogPost {margin:25px 0; padding:10px; clear:both;}
    .blogSubject {font-weight:bold; background:#272E4B; padding:10px; color:#ddd;}
        .blogSubject a, .blogSubject a:active, .blogSubject a:visited, .blogSubject a:hover {color:#99BBDD;}
    .blogContent {font-size:12px; padding:10px 0;}
        .blogContent .editmsg {clear:both; width:90%; text-align:right; font-style:italic; font-size:11px; margin:15px auto 0 auto; border-top:2px solid #272E4B; padding:5px 5px 0 0 ;}
    .blogFoot {text-align:right; border-bottom:2px solid #272E4B; width:90%; padding:0 5px 5px 0; margin:0 auto;}

#threadTitle {margin:10px 0 10px 0; padding:10px 0 7px 0; border-style:solid; border-color:#4e5566; border-width:0 0 1px 0; color:#4e5566; font-size:25px;}
	
.postContainer {background:#EEEEEE; padding:3px 5px; margin:25px 0;}
.postContainer.alt {background:#CCCCCC;}
.postUser {padding:5px; float:left;}
.postContent {float:right; width:480px; overflow:hidden;}
.postMessage {padding:5px; font-size:14px;}
.postDetails {clear:both; padding:0 5px; background:#272E4B; font-size:12px; color:#ffffff;}
.postActions {clear:both; text-align:right; margin:25px 0 10px 0;}
.postActions>div {display:inline; margin:0 3px;}
    .postActions>div a , .postActions>div a:active, .postActions>div a:visited {font-size:12px; background:#272E4B; padding:3px 5px; border:1px solid #8db5c1; color:#ffffff;}
    .postActions>div a:hover {color:#ffffff; background:#888888; text-decoration:none;}
	
.censored {background:#DDDDDD; padding:3px 5px; margin:25px 25px; color:#A30000; font-style:italic; text-align:center; font-size:12px;}

.userModule {text-align:center; border:2px solid #272E4B;}
	.userBadge {background:#272E4B; color:#ffffff;}
	.userBadge.employee {background:#272E4B;}
	.userBadge.king, .userBadge.employee.king {background:url('img/royalty.jpg') no-repeat top center #D2C14B;}
		.userBadge .username {font-size:18px;}
        		.userBadge .username a, .userBadge .username a:visited, .userBadge .username a:active {color:#99BBDD;}
		.userBadge .title {font-size:12px;}
	.userbadge .userAvatar {}
	.rankMedals {width:194px; height:48px; background:url('../style/img/chest.jpg'); overflow:hidden;}
		.rankMedals .rankMedal {display:inline-block; width:46px; height:46px; margin:1px; overflow:hidden; text-align:center;}
	.rankMedals.small {width:144px; height:36px; background:url('../style/img/chestsmall.jpg'); overflow:hidden;}
		.rankMedals.small .rankMedal {display:inline-block; width:34px; height:34px; margin:1px; overflow:hidden; text-align:center;}

.quote {background:#DEDEDE; border:1px solid #888888; margin:7px; padding:5px;}
.indent {margin-left:7px;}

#tweetContainer {padding:10px 0;}

#contract {width:95%; padding:10px; background:#eeeeee; margin:0 auto;}

.details {font-size:11px;}
.updthumb {width:140px; height:38px;}

.tagcloud {margin:10px 15px; float:left; padding:5px;}
.tagcloud:hover {background:#AAAAAA; cursor:pointer;}

.socialShare {padding:10px 10px 5px 10px; background:#99BBDD;}
    .socialShare .facebookLike {position:relative; float:left; margin-top:0px;}
    .socialShare .shareRight {position:relative; float:right;}
	
#insightsParticipants {float:right; background:#bbbbbb; width:200px; overflow:hidden; margin:10px;}
	.insightParticipantsHeader {color:#ffffff; background:#333333; padding:0 5px; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:5px; font-weight:bold;}
	#insightsParticipants  .padding {padding:5px;}
	.insightsDlLink {font-weight:bold; margin:10px 0;}
	
.medalHolder {background:url('../style/img/medalBG.jpg') repeat-y; width:620px; overflow:hidden; color:#ffffff;}
	.medalHolder .medal {display:inline-block;}
		.medalHolder .medal img {padding:6px 14px 1px 14px; width:75px; height:90px;}
		.medalHolder .medal .tooltip {position:absolute; background:#336699; margin:2px 0 0 105px; display:none; width:150px; padding:5px;}
		.medalHolder .medal:hover .tooltip {display:inherit;}
		.medalHolder .medal .tooltip:hover {display:none;}
		.medalHolder .medal .medalcount {position:absolute; font-size:25px; width:97px; height:25px; line-height:25px; overflow:hidden; margin:72px 0 0 2px; text-align:right; display:inherit;}