/*
body background: #e4e4e4
dark brown (header) background: #1c140d
light brown background: #2F2D2E
lighter brown background: #6C5F5F
green links/borders on dark background: #8fb048
green links on white background: #6f863f
blue text/border (search, etc): #a5cccc
section borders: #847e7e
red: #C6000F;
tan on yellow buttons: #2f2d2d
teal: #a5cccc
*/

body { background-color: #e4e4e4; padding:0; margin: 0; font:15px helvetica,arial,san-serif; color: #2f2d2d; height:100%; min-height:100%}
a { outline:none; } /* fix for text-indented links */
.clear { height:0; font-size:1px; margin:0; padding:0; line-height:0; clear:both; }
.cleared { clear:right; }
.clearfix:after { content:'.', display:block; height:0; clear:both; visibility:hidden; }
/*
iframe { border:0; }
.widgetContainer, .widgetContainer .inner { border:0; }
*/

/*********************
 * Header/Navigation *
 *********************/

#header, #mainNavigation, #footer {  background-color: #1c140d; color:#FFF; min-width:990px; }
#header a, #mainNavigation a { color:#FFF; text-decoration:none; }
/* #header a.selected, #mainNavigation a.selected { color:#8fb048; } */
#header .links, #mainNavigation .links, #footer .links { margin:0; padding:0; list-style:none; overflow:hidden; }
  #header .links li, #mainNavigation .links li, #footer .links li { float:left; }

#header { border-bottom:6px solid #8fb048; height:75px; }
#header > div { height:75px; /* clear:both; */ } 
#header h1 { width: 275px; height:65px; margin:0; position:absolute; top:6px; left:18px; background:#1c140d url(../../../static/images/3.0/dipityLogoWithSpaceMan.png.v8106.png) no-repeat; clear:both; text-indent:-10000px; }
#header h1 a { display:block; width:100%; height:100% }

#header .links { position:absolute; right:0; top:25px; font-size:14px; font-weight:bold; }
#header .links li { padding:0.1em 0.6em; line-height:30px; }
#header .links img { border:0; }

#header .loggedInLinks { top:10px; }
#header .loggedInLinks a { color:#8fb048; }
#header .loggedInLinks li.welcome a { color:#FFF; }

#header .tabs { position:absolute; right:0; bottom:0; top:auto; }
#header .tabs li { padding:0 0.2em; }
#header .tabs li a { background:#8fb048 url(../../../static/images/3.0/loggedInTabGradient.png.v8153.png) repeat-x bottom; display:block; padding:0 0.7em; }
#header .tabs li a:hover, #header .tabs li.selected a { background-image:none; }
#header .tabs li.hot a { background-color:#C6000F; }
#header .tabs li.hot a:hover { background:#C6000F url(../../../static/images/3.0/loggedInTabGradient.png.v8153.png) repeat-x bottom; }

/* FIXME: this should be a gif... */
#mainNavigation { height:42px; color:#8fb048; background:#2f2e2b url(../../../static/images/3.0/mainNavigationGradient.jpg.v8106.jpg) repeat-x; clear:both; }
#mainNavigation .links li { padding: 0; line-height:42px; border-right:2px solid #1c140d; font-size:18px; }
#mainNavigation .links li.first { padding-left:0; }
#mainNavigation .links li.last { padding-right:0; border:0; }
#mainNavigation .links a { display:block; padding:0  1.0em; font-weight:bold; }
#mainNavigation .links a:hover, #mainNavigation .links a.selected { background-color:#1c140d; }

#mainNavigation .searchBox { width:265px; height: 42px; float:right; color:#a5cccc; position:relative; }
#mainNavigation .searchBox label { padding: 0; float:left; line-height:42px; font-weight:bold; }
#mainNavigation .searchBox .fauxTextInput { position:absolute; right:0; bottom:4px; width:250px; height:22px; border:3px solid #a5cccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color:#FFF; margin:0.2em 0; }
#mainNavigation .searchBox .query { padding:0 5px; margin:0; border:0; width:210px; height:20px; }
#mainNavigation .searchBox .submit { padding:0; margin:0; border:0; /* float:right; */ position:absolute; top:0; right:0; }

/*********************
 *   Common Layout   *
 *********************/

/* FIXME? should twoThirdsContent be a child of fullContent?  
          or should we have a content row container? 
          What happens when full content needs a margin? */
          
.completeWidth { width:100%; margin-bottom:12px; min-width:990px; position:relative; } /* timelines */
/* .completeWidth h2 { padding:0.7em 0; } */

.fullContent { width:990px; margin:0 auto; position:relative; }
.fullContent .fullContent { margin-bottom:12px; }
.thirdContent { width:322px; float:left; margin:0 12px 12px 0; padding:0; } /* (990 - 2(18)) = 318 / 3 or (990-2(12)) / 3 = 322 */ 
.halfContent { width:489px; float:left; margin: 0 12px 12px 0; } /* 990 - 12 / 2 = 489 */
.twoThirdsContent { width:656px; float:left; margin:0 12px 12px 0; } /* 2(318) + 18 = 654 or 2(322) + 12 = 644 */ 

.fullContentWithSkyscraper { width:818px; float:left; margin:0 12px 12px 0; } /* 990 - 160 - 18 = 812 or 990 - 160 - 12 = 818 */
.halfContentWithSkyscraper { width:403px; margin:0 12px 12px 0; } /* (812 - 18) / 2 = 397 or (818 - 12) / 2 = 403 */
/* .halfContentWithSkyscraper .box { width:397px; } for boxes within a halfContent that don't have enough data to take up full width */

.mainContent { background-color:#FFF; border:1px solid #CCC; height:100%; margin:10px auto; padding:0; position:relative; }
.completeWidth .mainContent { margin:10px 40px; min-width:910px; }
.completeWidthWithSkyscraper { margin-right:180px; }
.completeWidthWithSkyscraper .mainContent { min-width:740px; }
.completeWidth .skyscraperAd { float:none; position:absolute; right:40px; top:76px; }

#header .fullContent, #mainNavigation .fullContent, #footer .fullContent { width:auto; margin:0 40px; min-width:910px; }

.centeredContent { float:none; margin:12px auto; }

/* premium */
.mainContent .twoFifthsContent { width:392px; float:left; /* padding:10px; */ margin:0 12px 20px 0; }
.mainContent .threeFifthsContent { width:585px; float:left; /* padding:10px; */ margin:0 12px 20px 0; }

/* things are 2px tighter inside of .mainContent (borders) */
.mainContent > .thirdContent.last { margin-right:0; width:320px; }
.mainContent > .twoFifthsContent.last { margin-right:0; width:391px; }
.mainContent > .halfContent.last { margin-right:0; width:487px; }

.mainContent .padded { padding:0 10px; }
.centered { text-align:center; }
.floated { float:left; }
.top { margin-top:10px; }

.carousel .slideLeft, .carousel .slideRight { float:left; text-align:center; }
.carousel .carouselViewport { float:left; overflow:hidden; position:relative; /* define width as the width of the amount of slides to show */ }
.carousel .slides { margin:0; padding:0; list-style:none; position:relative; width:9999px; /* define left as -slideWidth */ }
.carousel .slide { float:left; margin:0; padding:0; text-align:center; }

.gridTile { float:left; width:45px; text-align:center; margin-bottom:5px; white-space:nowrap; }

.leaderboardAd { text-align:center; margin:12px auto 0; width:728px; height:90px; overflow:hidden; }
.skyscraperAd { text-align:center; width:160px; height:620px; overflow:hidden; float:left; margin:12px auto; }
.box > .adContent > div { width:300px; height:250px; overflow:hidden; margin:0 auto; }


/*********************
 *    Common Text    *
 *********************/

/* h1: dipity heading/logo */
/* h2: page/timeline headings */
a { color: #6f863f; text-decoration: none; }
h2 { margin:0; padding:0.9em 20px 0.4em; font-size:24px; }
h2 a { color:#6f863f; text-decoration:none; }
h2 small, h2 span { font-size:0.6em; padding-left:0.5em; }
.mainContent > .thirdContent > h2 { font-size:20px; }

/* h3: page subheaders / box headers */
h3 { margin:0; padding:0 20px 0.4em; font-weight:normal; font-size:16px; line-height: 1.2em }
h3.top { padding-top:10px; } /* personal timeline */
h3 span a { color:#6f863f; text-decoration:none; font-size: 0.8em; line-height:0.8em; margin-left: 5px;}

/* h4: page subsubheaders / box subheaders / dark box content headers / errors */
h4 { padding:0; margin:0 0 0.4em; font-weight:normal; }
h4.error { color: red; }
.mainContent > h4 { margin-left:20px; margin-right:20px; }

/* h5: box content headers (green - spotlight/comments) */
h5, h5 a, .box h5, .box h5 a { padding:0; margin:0.5em 0; font-size:16px; color:#6f863f; }


/* h6: box content headers (black - spotlight), login dialog header */
h6 { padding:0; margin:1em 0 0.5em; font-size:14px; }
.ui-widget-content h6 span a { font-size: 0.9em; font-weight:normal; color:#6f863f; float:right; }

p { margin:12px 0; }
.mainContent > p { padding:0 20px; }
.mainContent > .thirdContent > p { line-height:1.5em; margin:10px 10px 10px 20px; }

.meta { font-size:0.8em; color: #666; }
.meta a, .box .meta a { color:#666; font-size:1em; text-decoration:underline;}
.valid { color: green; }
.invalid { color: red; }

.pagination { padding:0 15px 15px; text-align: right;}
.pagination a { color:#6f863f; text-decoration:none; padding:0 5px; font-weight:normal; }
.pagination b { padding:0 5px; }
h2 .pagination { float:right; display:inline; font-size:14px; margin:0; padding:0; }

/*********************
 *     Timelines     *
 *********************/

.helmet { position:relative; }
.helmet h2 { padding-bottom:0; padding-right:210px; }

.helmet .timelineButtons { position:relative; height:30px; margin:3px 20px 8px;}
.helmet .timelineButtons .styledButton { position:absolute; left:0; top:0; }

.shareText { position:absolute; bottom:33px; right:155px;}
.shareButtons { position:absolute; right:0; bottom:0; }
.shareButtons div { float:right; color:#666; font-size:19px; line-height:32px; margin-right:5px; font-weight:bold; }
.shareButtons a { float:right; width:32px; height:32px; overflow:none; margin-right:5px; background:url('../../../static/images/3.0/share.png.v8822.png'); text-indent:-9999px; }
.shareButtons a.twitter { background-position:0px 0px; }
.shareButtons a.facebook { background-position:-33px 0px; }
.shareButtons a.digg { background-position:-66px 0px; }
.shareButtons a.myspace { background-position:-99px 0px; }
.shareButtons a.stumbleUpon { background-position:-132px 0px; margin-right:0; }
.shareButtons a.permalink { background-position:-165px 0px; }

.timelineTitle .actions { position:absolute; right:0px; top:0; height:55px; width:230px; 
/*
                          background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.0)),to(rgba(255, 255, 255, 1.0)), color-stop(.1, white)); 
                          background-image: -moz-linear-gradient( left center, rgba(255,255,255,0.0) 0%, rgb(255,255,255) 10% ); 
                          filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1,startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF );
                          -ms-filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1,startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF );
*/
                        }
.timelineTitle .actions .gradient { position:absolute; left:0; top:0; height:55px; width:15px; 
                          background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.0)),to(rgba(255, 255, 255, 1.0)), color-stop(1.0, white)); 
                          background-image: -moz-linear-gradient( left center, rgba(255,255,255,0.0) 0%, rgb(255,255,255) 100% ); 
                          filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1,startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF );
                          -ms-filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1,startColorstr=#00FFFFFF, endColorstr=#FFFFFFFF );
}
.timelineTitle .actions .buttons { background-color:#FFF; position:absolute; top:0; left:15px; height:33px; width:200px; padding:22px 0 0 15px; }
.timelineTitle .actions .facebookLike { position:absolute; top:22px; left:90px; }
.timelineTitle .actions .googlePlusOne { position:absolute; top:22px; left:15px; }

body.embed, .widgetContainer { background:white; }

body.embed.listview { background:white; }
.mainContent > .widgetContainer { min-width:650px; }
.widgetContainer { border-top:1px solid #878787; border-bottom:1px solid #878787; position:relative; /* margin:12px 16px; */ }
.widgetContainer .inner { /* margin:6px; border-top:1px solid #535353; border-bottom:1px solid #535353; */ }
.widgetContainer .corner { position:absolute; background:url(../../../static/images/2.0/corners_ee_ff_6px.gif.v4930.gif) no-repeat; overflow:hidden; height:6px; width:6px; }
.widgetContainer .corner.tl { background-position:0px 0px; top:-1px; left:-1px; }
.widgetContainer .corner.tr { background-position:-6px 0px; top:-1px; right:-1px; }
.widgetContainer .corner.bl { background-position:0px -6px; bottom:-1px; left:-1px; }
.widgetContainer .corner.br { background-position:-6px -6px; right:-1px; bottom:-1px; }

.chrome .divider { float:left; display:block; height:21px; margin:1px 0px 0px 0px; background:url(../../../static/images/skins/mono/embed_divider_23.png.v6685.png) right no-repeat; width:1px; }
.widgetContainer #tray { clear:both; background:#FBFBFB url(../../../static/images/2.0/widget_chrome_tray_shadow.gif.v4970.gif) repeat-x; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a; background-position:0px -1px; padding:0px 0px 10px; margin:0 13px 14px; position:relative; }
.widgetContainer #tray .tray_content .styled_button { margin-top:5px; }
.widgetContainer #tray .tray_content { margin:0px 8px 0px; padding-top:5px; }
.widgetContainer #tray.tray_hidden { background:#FFF; }
.widgetContainer #tray.tray_hidden .tray_content { display:none; }
.widgetContainer #tray #sourcetab { position:absolute; bottom:-10px; left:50%; margin-left:-59px; width:118px; height:0px; padding-top:16px; overflow:hidden; background:url(../../../static/images/2.0/source_tab.gif.v5582.gif) no-repeat; background-position:0px -48px; }
.widgetContainer #tray #sourcetab:hover { background-position:0px -32px; }
.widgetContainer #tray.tray_hidden #sourcetab { background-position:0px -16px; }
.widgetContainer #tray.tray_hidden #sourcetab:hover { background-position:0px 0px; }

/* carousel customization */
.moreTimelines .carouselViewport { width:1057px; }
.moreTimelines .noScroll { left:auto; }
.moreTimelines h3 { font-size: 16px; font-weight: bold; margin: 15px 49px 10px; padding: 0pt; }
.moreTimelines .slide { height:150px; margin:0 10px 0 0; width:150px; }
.moreTimelines .slideLeft, .moreTimelines .slideRight { width:40px; height:160px; }
.moreTimelines .slideLeft a, .moreTimelines .slideRight a { display:block; width:25px; height:49px; margin:45px 0 0 0; background-image:url('../../../static/images/3.0/bigArrows.png.v8437.png'); clear:both; text-indent:-9999px; }
.moreTimelines .slideLeft a { background-position:0 0; background-repeat: no-repeat; margin-left:8px; }
.moreTimelines .slideRight a { background-position:-25px 0; background-repeat: no-repeat; margin-left:7px; }
.moreTimelines .slideLeft a:hover { background-position:0 -51px; } 
.moreTimelines .slideRight a:hover { background-position:-25px -51px; } 

/* carousel content */
.moreTimelines { margin:10px 0 5px; }
.moreTimelines .slide a { display:block; width:150px; height:150px;  -moz-border-radius:4px; border-radius:4px; background-color:#CCCCCC; color:#FFF; text-decoration:none; font-weight:bold; font-size:14px; }
.moreTimelines .slide a:hover, .moreTimelines .slide a.selected { background-color:#8fb048 }
.moreTimelines .slide img { margin-top:10px; }
.moreTimelines .slide span { display:block; overflow:hidden; padding:8px 10px 0; white-space:nowrap; }

/* followers */
#followersPayload .gridTile img { max-height:30px; max-width:30px; overflow:hidden; }

/* comments */
.commentForm { width:100% }
.comment { margin-bottom:15px; font-size:14px; overflow-x:hidden; }
.comment > .header { margin-bottom:10px; }
.box .comment h5 { margin:0; padding-top:2px; }
.comment span.meta { font-size:12px; }
.moreComments { margin-bottom:10px; }

/* create timeline form */
/* #timelineForm h3 { padding-bottom:0; } - what is this?  need 3px for +/- */
/* TODO: copy next 2 rules to ALL form DDs and add the clear linebreak at the end... */
#timelineForm dd { min-height:0; margin-bottom:20px; }
#timelineForm dd.last { margin-bottom:0; }
ul.permissions { list-style:none; padding:0; margin:0; width:302px; }
.permissions li { position:relative; }
.permissions li span, .permissions li .fakeInput { left:25px; position:absolute; }
.permissions li select { right:0; position:absolute; }
.createTimeline .mainContent form .permissions li .fakeInput input { width:255px; }
/* .createTimeline .mainContent form .fakeInput input, .createTimeline .mainContent form .fakeInput textarea { width:280px; } */
.editTimeline h3 { font-weight:bold; padding:20px 20px 2px 50px; line-height:17px; /* background:url('../../../static/images/3.0/greenCollapseButton.png.v8304.png') no-repeat 19px 16px; */ }
input.privacy { padding:0; margin:3px; }

/* timeline feed sources */
.sourceType { /* border: 1px solid #B0CAC9; */ margin-bottom: 5px; }
.sourceType .sourceTypeTitle { float:left; width:80px; background-color:#E9F5F5; border-right:1px solid #B0CAC9; padding:10px 2px; text-align:center; font-weight:bold; }
/* .sourceType .service { float:left; margin-left:30px; color:blue; } */
.sourceType ul { padding:0; margin:0; }
.sourceType ul li { float:left; padding:0; margin:10px 0 0  30px; list-style:none; min-width: 85px; }
.sourceType ul li a { color:blue; }
.rightPaneContent { padding:10px 10px 10px 5px; }
.topicSourceTitle { font-weight:bold; margin:33px 0 10px; }

#connectedSources ul { width:720px; }
#connectedSources li { float:none; margin-left:0; }
#connectedSources li.feedSource { background-position: 0 0; padding-left:22px; }
#connectedSources li > span { float:right; }
#connectedSources li > span.error, #connectedSources h4.error, .sourceFormAddEvent p.error { float:none; color: #C6000F; }
#connectedSources li > span.error a, #connectedSources h4 a, .sourceFormAddEvent p.error a { color:#C6000F; text-decoration:underline; }

/* #topicSources { border: 1px solid #B0CAC9; } */
/* #topicSources ul { margin:0; padding:5px; }
#topicSources ul li { margin:0; padding:5px; list-style:none; font-weight:bold; }
#topicSources ul li span { color:#666; font-weight:normal; font-size: 12px; float:right; } */

.sourceForm { width:550px; border:1px solid #CCC; background-color:#FFF; margin:30px; padding:20px; }
/* .sourceForm h2, .sourceForm p { padding:20px; } */

.feedSource { background-repeat:no-repeat; background-position:10px 9px; }
h2.feedSource { background-position: 0 2px; }

.feedSource img.removePulse { display:block; position:absolute; right:20px; }

a.feedSource { padding:10px 10px 10px 32px; display:block; background-color:#FFF; border:1px solid #CCC; text-decoration:none;}
a.feedSource:hover { border-color:#AAA; }
a.feedSource.feedSourceActive { background-color:#223458; color:white; }
#sourceForms h2.feedSource { padding-left:22px; line-height:22px; }

.feedSourceBlogger    { background-image:url(../../../static/images/feedicons/blogger.png.v2705.png); }
.feedSourceDigg       { background-image:url(../../../static/images/feedicons/digg.png.v4291.png); }
.feedSourceDipity, .feedSourceDipityCopy, .feedSourceAddEvent
                      { background-image:url(../../../static/images/feedicons/dipity.png.v8522.png); }
.feedSourceDelicious  { background-image:url(../../../static/images/feedicons/delicious.png.v6045.png); }
.feedSourceFireeagle, .feedSourceFireEagle 
                      { background-image:url(../../../static/images/feedicons/fireeagle.png.v5949.png); }
.feedSourceFlickr, .feedSourceFlickrSearch
                      { background-image:url(../../../static/images/feedicons/flickr.png.v2705.png); }
.feedSourceFriendfeed { background-image:url(../../../static/images/feedicons/friendfeed.png.v5949.png); }
.feedSourceGnewsSearch, .feedSourceGoogleNewsSearch 
                      { background-image:url(../../../static/images/feedicons/google.png.v7245.png); }
.feedSourceLastfm     { background-image:url(../../../static/images/feedicons/lastfm.png.v2705.png); }
.feedSourcePandora    { background-image:url(../../../static/images/feedicons/pandora.png.v2705.png); }
.feedSourcePicasa     { background-image:url(../../../static/images/feedicons/picasa.png.v2705.png); }
.feedSourcePownce     { background-image:url(../../../static/images/feedicons/pownce.png.v5949.png); }
.feedSourceRss, .feedSourceAnyRSS, .feedSourceFeedPage 
                      { background-image:url(../../../static/images/feedicons/rss.png.v2705.png); }
.feedSourceSimile, .feedSourceSimileTimelineXML 
                      { background-image:url(../../../static/images/feedicons/simile.png.v6960.png); }
.feedSourceTwitter, .feedSourceTwitterSearch
                      { background-image:url(../../../static/images/feedicons/twitter.png.v2705.png); }
.feedSourceTumblr     { background-image:url(../../../static/images/feedicons/tumblr.png.v4198.png); }
.feedSourceWordpress  { background-image:url(../../../static/images/feedicons/wordpress.png.v2705.png); }
.feedSourceYelp       { background-image:url(../../../static/images/feedicons/yelp.png.v2705.png); }

.feedSourceVimeo      { background-image:url(../../../static/images/feedicons/vimeo.gif.v4128.gif); }
.feedSourceYoutube, .feedSourceYouTube, .feedSourceYoutubeSearch, .feedSourceYouTubeSearch
                      { background-image:url(../../../static/images/feedicons/youtube.png.v2705.png); }

#photosets_list div { float:left; }
#photosets_list .gridIcon { border:2px solid #6C5F5F; height:50px; margin:0 5px 5px 0; padding:0; width:50px; }
#photosets_list .gridIcon a { display:block; height:50px; width:50px; }
#flickrSetPulse { margin-left:5px; }
#photosets_list .gridIcon img { border:0 none; height:50px; margin:0; padding:0; width:50px; }

.skinPicker { margin:0; padding:0; }
.skinPicker li { float:left; list-style-type:none; margin:0; padding:0; text-align:center; width:100px; height:100px; font-size:10px; position:relative; }
.skinPicker li.rowheader { line-height:14px; }
.skinPicker li h2 { padding-top:8px; }
.skinPicker li input { margin-right:4px; }
.skinPicker li .thumb { border:1px solid #444; margin:0px auto 4px; display:block; width:64px; height:64px; position:relative; }
.skinPicker li .thumb .shade { position:absolute; top:0px; left:0px; width:64px; height:64px; background:black; opacity:0.5; }

.timeline .alphabet, .admin .alphabet, .index .alphabet { padding:0; margin:0 auto 18px; width:500px; list-style:none; }
.timeline .alphabet li, .admin .alphabet li, .index .alphabet li { display:inline; padding:0 5px; font-size: 12px; }

/*********************
 *      Boxes        *
 *********************/

.box { float:left; /* border-top:3px solid #433b3b; */ }
.box > .header { /* border-top:3px solid #433b3b; */ background-color:#2F2D2E; padding:14px;}
    .box > .header h3, .box > .header h3 a { margin:0; /* padding:0.8em 0; */ padding:0; font-size:18px; line-height:1em; font-weight:bold; color:#FFF; }
    .box > .header h4, .box > .header h4 a { margin:0; /* padding:0.8em 0; */ padding:0; font-size:16px; font-weight:normal; color:#FFF; } /*where is this used? */
    .twoLines h3 { font-size:18px; font-weight:bold; /* padding:0.5em 0 0.1em */ padding:0 0 0.1em; }
    .twoLines h4 { /* padding:0.1em 0 0.5em */ padding:0.1em 0 0; }
    .box > .header a { color:#8fb048 }
    .box > .header small, .box > .header small a { font-size:0.8em; }
    .box > .header small a { color:#8fb048; }
    

.box > .content { background-color:#FFF; border:1px solid #CCC; border-top:0; padding:10px 20px; font-size:14px; /* -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; */ }
.box > .mainContent { margin-top:0; }
  .box > .content h4 { font-size:14px; font-weight:bold; color:#2F2D2D; }
  
.box > .adContent { text-align:center; padding:10px 0 8px; border-top:1px solid #CCC; }
/*
    .box h5, box h5 a { padding:0; margin:0.5em 0; font-size:14px; color:#6f863f; }
    .box h6 { padding:0; margin:1em 0 0.5em; font-size:12px; }
*/
    .box ul { margin: 0.5em 0; padding: 0 0 0 15px; }
    .box li { margin-bottom:0.9em; padding:0;}
    .box p { padding:0; margin:0.5em 0; width:100%; overflow-x:hidden; }
    .box a { font-size:14px; color:#6f863f; font-weight:bold; text-decoration:none; }
    .box small, .box small a { font-size: 11px; }
    .box a.meta { font-weight:normal; color:#666; }

.accountInfo a { font-weight:normal; }

.topBox { margin-top:10px; /* to match mainContent 10px; */ }
.lastBox { margin-right:0; }

/* yellow border */
.primary { border-top:3px solid #ffc600; -moz-border-radius:0; -webkit-border-radius:0; }
.primary > .header { background-color:#433b3b; }
.primary > .header h4, .primary > .header h4 a { color:#ffc600; }

/* homepage spotlight, related topics, etc */
.spotlight > .header {  background-color:#a5cccc;  /* -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; */ }
.spotlight > .header small a { color:#fff; }
.spotlight ul { list-style:none; margin:0; padding:0; }
.spotlight ul.trendingTopics li { float:left; text-align:center; width:122px; margin:0 0 10px; overflow:hidden; height:120px; }

/* boxes related to the primary content (timeline) - shouldn't these be #6f863f? */
.related > .header { background-color:#8fb048;  /* -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; */ }
.related hr, .commentsPayload hr, .topicList hr, .planFeature hr { margin: 0 0 15px; background-color:#CCC; border:0; height:1px; }
.timeline .related > .header, .timeline .spotlight > .header, .timeline .box > .header { padding:10px; }
.timeline .related > .header h3, .timeline .spotlight > .header h3 { font-size:16px; }
.timeline .related > .content, .timeline .spotlight > .content, .timeline .box > .content { overflow:auto; padding:0; }
.timeline .related > .content > .inner , .timeline .spotlight > .content > .inner, .timeline .box > .content > .inner { margin:10px; }

.tweets { border:0; background-color:#E4E4E4; }

/* teal border */
.secondary { border-top:3px solid #a5cccc; }
.secondary > .header h4, .secondary > .header h4 a { color: #a5cccc; }

/* green border */
.tertiary { border-top: 3px solid #8fb048; }
.tertiary > .header h4, .tertiary > .header h4 a { color:#8fb048; }

/* plus */
.box.plusPrimary > .header {  background-color:#F3B51C }
.box.plusSecondary > .header {  border-top:3px solid #F3B51C }

/* channel/prime */
.box.channelPrimary > .header, .box.primePrimary > .header {  background-color:#F1961D }
.box.channelSecondary > .header, .box.primeSecondary > .header {  border-top:3px solid #F1961D }

/* pro */
.box.proPrimary > .header {  background-color:#EC6625 }
.box.proSecondary > .header {  border-top:3px solid #EC6625 }

/* partner */
.box.partnerPrimary > .header {  background-color:#91B345 }
.box.partnerSecondary > .header {  border-top:3px solid #91B345 }

/* government */
.box.govPrimary > .header {  background-color:#1F4375 }
.box.govSecondary > .header {  border-top:3px solid #1F4375 }

/* news and blogs */
.box.mediaPrimary > .header {  background-color:#545454 }
.box.mediaSecondary > .header {  border-top:3px solid #545454 }

/* education */
.box.eduPrimary > .header {  background-color:#3A570E }
.box.eduSecondary > .header {  border-top:3px solid #3A570E }

.box.govPrimary .content, .box.mediaPrimary .content, .box.eduPrimary .content { text-align:center }
.box.govPrimary ul, .box.mediaPrimary ul, .box.eduPrimary ul { text-align:left; }

/*********************
 *  Styled Buttons   *
 *********************/

/* a.styledButton:hover { text-decoration:none; } */
a.styledButton { background-position: 0 -120px; text-decoration:none; -moz-user-select:none; display:block; float:left; font-size:13px; height:30px; line-height:30px; margin-right:16px; padding:0 0 0 16px; position:relative; white-space:nowrap; min-width:75px; text-align: center; font-weight:bold; }
a.styledButton .rightEdge { background-position:-496px -120px; height:30px; position:absolute; right:-16px; top:0; width:16px; }
a.styledButton .pulse { right:-35px; top:6px; position: absolute; width:16px; height:16px; background-image:url(../../../static/images/3.0/styledButtonPulse.gif.v8321.gif); }
a.styledButtonSmall .pulse { top:2px; }
a.styledButton img { margin:0; border:0; float:none; }
h2 a.styledButton span { font-size: 13px; padding:0; }
a.styledButton:hover { background-position:0px -30px; }
a.styledButton:hover .rightEdge { background-position:-496px -30px; }

a.styledButton, a.styledButton .rightEdge {background-image:url(../../../static/images/3.0/grayButton.png.v8179.png); color:#2f2d2d; }
a.styledButtonGreen, a.styledButtonGreen .rightEdge { background-image:url(../../../static/images/3.0/greenButton.png.v8179.png); color:#FFFFFF; }
a.styledButtonYellow, a.styledButtonYellow .rightEdge { background-image:url(../../../static/images/3.0/yellowButton.png.v8179.png); color:#2f2d2d; }
a.styledButtonRed, a.styledButtonRed .rightEdge { background-image:url(../../../static/images/3.0/redButton.png.v8179.png); color:#FFFFFF; }

a.styledButton span .pulse { display:none; position:relative; left:5px; top:4px; margin-right:5px; right:auto; background:none; }
a.styledButtonSmall span .pulse { top:2px; position:absolute; /* z-index:1; */ left:auto; right:-4px; }
a.styledButton.loading span .pulse { display:inline; }
a.styledButtonSmall.loading span { margin-right:22px; }

a.styledButtonSmall { background-position: 0 -80px; font-size:10px; height:20px; line-height:20px; min-width:50px; margin-right:16px; }
a.styledButtonSmall .rightEdge { background-position:-496px -80px; height:20px; }
a.styledButtonSmall:hover { background-position:0px -20px; }
a.styledButtonSmall:hover .rightEdge { background-position:-496px -20px; }
a.styledButtonSmallRed, a.styledButtonSmallRed .rightEdge { background-image:url(../../../static/images/3.0/redButtonSmall.png.v8179.png); color:#FFFFFF; }
a.styledButtonSmallGreen, a.styledButtonSmallGreen .rightEdge { background-image:url(../../../static/images/3.0/greenButtonSmall.png.v8173.png); color:#FFFFFF; }
a.styledButtonSmallYellow, a.styledButtonSmallYellow .rightEdge { background-image:url(../../../static/images/3.0/yellowButtonSmall.png.v8179.png); color:#2f2d2d; }

a.styledButtonBig { background-position: 0 -200px; font-size:16px; height:50px; line-height:50px; min-width:100px; margin-right:16px; }
a.styledButtonBig .rightEdge { background-position:-496px -200px; height:50px; }
a.styledButtonBig:hover { background-position:0px -50px; }
a.styledButtonBig:hover .rightEdge { background-position:-496px -50px; }
a.styledButtonBigRed, a.styledButtonBigRed .rightEdge { background-image:url(../../../static/images/3.0/redButtonBig.png.v8383.png); color:#FFFFFF; }

/*********************
 *      Forms       *
 *********************/

textarea { font-family:helvetica,arial,san-serif; }

.mainContent form { padding:9px; }
/* .mainContent form dt { width:120px;  margin:0 4px 4px; } */

form dl { font-size:14px; line-height:26px; margin: 15px 0 0 0; }
form dt { float:left; clear:left; width:138px; height:26px; text-align:right; font-weight:bold; }
form dt.minor { font-weight:normal; font-size:12px; }
form dd { margin-left: 148px; min-height:0; margin-bottom:20px; }
form dd.last { margin-bottom:0; }
.mainContent form .fakeInput input, .mainContent form .fakeInput textarea { width:211px; border:0; margin:0; padding:0; font-size: 14px; position:relative; /* top:-1px; */ background:none; background-color:#FFF; }
.mainContent #eventForm_datetime { width:197px; }
.mainContent #eventForm_descrptn { height:80px; }
.mainContent .ui-datepicker-trigger { padding-top:4px; }
.fakeInput input.hasDatepicker { top: -3px; width: 197px; }
.mainContent form .fakeInput textarea { max-width:211px; top:4px; }
.mainContent form#contactForm .fakeInput textarea { width:400px; max-width:400px; height:200px; }
.mainContent form .fakeInput { height:24px; border: 1px solid #B6B6B6; margin:0; padding:0 5px; float:left; background-color:#FFF; }
.mainContent form .fakeTextarea { height:auto; min-height: 24px; }
.mainContent form .tip { width:211px; height:24px; line-height:24px; background-color:#e9f5f4; border: 1px solid #aacdcb; font-size: 10px; margin:0; padding:0 10px; float:left; }
.mainContent form .error { min-width:211px; height:24px; border: 1px solid #FF0000; margin:0; padding:0 10px; float:left; font-size: 10px; background-color:#FBD9D9; color:#FF0000; }

/* TODO: make future textareas use this to keep them consistent */
/* form.contentForm textarea.commentBox { border:1px solid #AAA; font:14px helvetica,arial,san-serif; padding:4px; } */
/* form.contentForm textarea.commentBox { width:776px; height:14px; color:#666; } */

form.commentForm .fakeInput textarea { width:100%; min-width:100%; max-width:100%; border:0; margin:0; padding:0; height:14px; top:-1px; background:none; font:14px helvetica,arial,san-serif; color:#B6B6B6; }
form.commentForm .fakeInput { border: 1px solid #B6B6B6; margin:0; padding:4px;  }
form.commentForm .fakeInput textarea.activeComment { color: #000; min-height:35px; }
form.commentForm .commentButton { height:38px; }

.userForm .createButton { margin: 0 0 15px 145px; height:30px; clear:both; }
.accountForm .meta { margin-bottom:5px; font-size:12px; line-height:18px; position:relative; }
.accountForm .meta img { position:relative; top:4px; left:4px; }

.accountForm .usernameSuggestions { line-height:auto; }
.accountForm .usernameSuggestions input { margin-right:6px; }
.accountForm .usernameSuggestions ul { margin:0; padding:0; width:150px; }
.accountForm .usernameSuggestions li { margin:0; padding:0; list-style:none; cursor:pointer; }

/* .userForm .ajaxform_invalid { } */
/* .userForm .error { line-height: 22px;  background-color:#FFDDDD; } */

/* customized forms */
.mainContent form .submitButton { margin-left:148px; }
.toggleHeader { cursor:pointer; color:#6F863F; }
.collapsedToggleHeader { background:url("../../../static/images/3.0/greenExpandButton.png.v8304.png") no-repeat scroll 19px 16px transparent; }
.expandedToggleHeader { background:url("../../../static/images/3.0/greenCollapseButton.png.v8304.png") no-repeat scroll 19px 16px transparent; }
img.toggleButton { margin-right:8px; }

/*********************
 *      Footer       *
 *********************/
 
#footer { border-top:6px solid #8fb048; padding:1em 0; font-size:14px; width:100%; position:relative; }
#footer a { color:#8fb048; text-decoration:none; font-weight:bold; }
#footer .links { position:absolute; right:0; top:0; }
#footer .links li { padding:0.1em 0.4em; color:#8fb048; }

/**********************
 *   Friend Connect   *
 **********************/


/* findFriends */
.friendForm { margin:0; padding:0; }
.friendForm dl { width:335px; margin:0;}
.friendForm dl dd { min-height:0; margin-bottom:4px; }
.friendForm dl dd input, .friendForm dl dd .styledButton { float:right; }
.friendForm .styledButton { margin: 6px 16px 0 0; }

.leftPaneContent { margin: 10px 20px; }
.navBox { border: 1px solid #B0CAC9; background-color:#E9F5F5; position:relative; margin:20px; overflow-x:hidden; }

.navBox a.styledButton div.pulse { background-image:url(../../../static/images/3.0/styledButtonPulseOnBlue.gif.v8358.gif); }

.navBox .buttons { float:left; margin:0; padding:0; width: 164px; }
.navBox .buttons li { list-style: none; padding:0; }
.navBox .buttons a { display:block; width:148px; height:44px; line-height:44px; background-color:#FFF; border:1px solid #B0CAC9; border-top:none; border-left:none; color:black; text-decoration:none; text-align:center; }
.navBox .buttons li.selected { background: #E9F5F5 url('../../../static/images/3.0/boxArrow.png.v8033.png') no-repeat top right; }
.navBox .buttons li.selected a { border-right:none; font-weight:bold; }

.topNav .buttons { width:100%; border-bottom:1px solid #B0CAC9; background-color:#E9F5F5 }
.topNav .buttons li { float:left }
.topNav .buttons a { width:auto; padding:0 12px; border-bottom:0; }
.topNav .buttons li.selected a { border-right:1px solid #B0CAC9; }

.navBox .emailButtons { width:134px; }
.navBox .emailButtons li { text-indent:-9999px; }
.navBox .emailButtons a { width:118px; background-image:url(../../../static/images/3.0/emailServicesSprite.png.v8033.png); background-repeat:no-repeat; }
.navBox .emailButtons a#gmail { background-position: 10px -44px;}
.navBox .emailButtons a#yahoo { background-position: 7px -132px;}
.navBox .emailButtons a#hotmail { background-position: 10px -88px;}
.navBox .emailButtons a#aol { background-position: 10px 0;}

.navBox .content { float:left; margin: 15px 20px; } 
.navBox .content h1 { font-size:16px; font-weight:bold; color:#2F2D2D; margin:0.4em 0 0; }

.navBox .content h2 { font-size:18px; font-weight:bold; color:#6c5f5f; margin:0.4em 0 0; padding:0; }
.navBox .content h3 { font-size:16px; font-weight:bold; color:#6c5f5f; margin:0.4em 0 0; padding:0; background:none; }
.navBox .content p, .navBox .content ol { line-height:1.5em; }

.navBox.inverted { background-color:#FFF; }
.navBox.inverted .buttons a { background-color:#E9F5F5 }
.navBox.inverted .buttons li.selected, .navBox.inverted .buttons li.selected a { background-color:#FFF; }

.navBox.small > .content { margin:10px 15px; }
.navBox.small .buttons a { height:30px; line-height:30px; font-size:12px; }

.navBox .content dl { margin:0; }

.fullContent .navBox .content { width:740px; }
.twoThirdsContent .navBox .content { width:400px; }
.navBox .meta { padding:15px 0 0 15px; font-size: 10px; line-height: 1.8em; color:#6C5F5F; }

.subBlueBox { text-align:right; margin:0 20px 20px; height:30px; line-height:30px; }
.subBlueBox span a { font-weight:bold; font-size:12px; color:#6f863f; text-decoration:none; }
.subBlueBox a.styledButton { float:right; margin: 0 16px 0 15px; }

/* select existing friends */
/* #friendFinder .boxContent { margin:0; width:auto; position:relative; top:0; right:0; bottom:0; left:148px; } */ /* TODO: add some sort of class so this is only positioned this way on the second step! */

#friendFinder.listView { float:left; }
#friendFinder.listView .boxContent { margin:0; width:auto; position:relative; top:0; bottom:0; margin-left:10px; }
#friendFinder.listView dd { padding:0; }

.navBox .content a { color:#6c5f5f; }
.navBox .content a.styledButtonGreen, .navBox .content a.styledButtonSmallRed { color:#FFF; }
.contactContainerHeader { background-color:#EEE; color:#6c5f5f; border:1px solid #AAA; border-bottom:0; font-size:12px; }
.contactContainerHeader div { padding:1px 5px; }
.contactContainerHeader label { padding-left: 8px; }
.contactContainer { width:auto; overflow:auto; background-color:#FFF; padding:0; margin:0; border:1px solid #AAA; /* width:465px; <- breaks friendConnect */ font-size:12px; }
.contactContainerRow { border-bottom: 1px solid #EEE; list-style:none; }
.contactContainerRow .contact { padding-left:5px; float:left; width: 180px; }
.contactContainerRow label { padding-left:8px; }
.contactContainerRow .email { float:left; }

/*********************
 *    Find Topics    *
 *********************/
 
 /* search results / find topics */
.topicList ul { margin:15px; padding:0; }
.topicList .inner ul { margin:0; }
  #searchResults ul { margin:20px; }
.topicList li { list-style: none; position:relative;}
.topicList h5 { margin:0; }
.topicList h6 { margin-top:0; margin-bottom:0; font-size:12px; }
.topicList p { font-size:14px }
.join .topicList p { font-size:12px }
.topicList img.timelineThumbnail, .topicList img.userThumbnail { float:left; margin: 0 15px 10px 0; }
.topicList .meta a { font-weight:normal; }
.topicList li .followButtons { float:right; position:relative; width:90px; height:20px; }
.topicList li .followButtons .styledButton { position:absolute; right:0; top:0; }

/*********************
 *      Popup        *
 *********************/

.ui-dialog-content h5 { margin: 0 0 15px; padding:0; font-size:14px; font-weight:normal; } 
.ui-dialog-content h6 { margin: 10px 0 15px; padding:0; font-size:14px; font-weight:bold;}

.ui-dialog-content dl { font-size:12px; line-height:22px; margin: 15px 0 0 0; }
.ui-dialog-content dt { float:left; clear:left; width:70px; height:26px; text-align:right; font-weight:bold; }
/* dt.minor { font-weight:normal; font-size:12px; } */
.ui-dialog-content dd { margin-left: 75px; margin-bottom:12px; }
.ui-dialog-content .fakeInput input, .ui-dialog-content .fakeInput textarea { min-width:135px; max-width:150px; border:0; margin:0; padding:0; font-size: 12px; position:relative; top:0; background:none; }
.ui-dialog-content .fakeInput { height:20px; border: 1px solid #B6B6B6; margin:0; padding:0 5px; float:left; background-color:#FFF; }
.ui-dialog-content .fakeTextarea { height:auto; min-height: 24px; background-color:#FFF; }
.ui-dialog-content .fakeTextarea textarea { top:4px; }
.ui-dialog-content .submitButton { margin-left:75px; }
.ui-dialog-content .tip { width:160px; height:20px; line-height:20px; background-color:#e9f5f4; border: 1px solid #aacdcb; font-size: 12px; margin:0; padding:0 10px; float:left; }
/* .ui-dialog-content .error { margin:0; padding:0; font-size: 14px; color:#FF0000; } */
.ui-dialog-content .error { min-width:160px; height:20px; line-height:20px; border: 1px solid #FF0000; margin:0; padding:0 10px; float:left; font-size: 12px; background-color:#FBD9D9; color:#FF0000; }
.ui-dialog-content .authForm .error { min-width:0; height:auto; border:0; margin:0; padding:0; float:none; background:none; }
/* .ui-widget-content a { color:#6F863F } */

/*********************
 *  Premium Landing  *
 *********************/

.premium h2 { font-size:30px; padding-bottom:0.1em }
.premium h3 { font-size:24px; font-weight:normal; padding-bottom:1em; }
.premium h3 del { margin-right:0.4em; }
.premium h3 ins { text-decoration:none; color:#C6000F; font-weight:bold; }
.premium h3 span { font-size:0.5em; }
.premium h4 { font-weight:normal; font-size:18px; }

/*
.premium .buttons { line-height:30px; }
.premium .buttons .styledButton { margin-right:24px; }
.premium .buttons { margin:0 20px 0; } 
*/

.premium .navBox { margin:10px 20px 0 0; }
.premium .navBox > * { margin: 20px; }
.premium .navBox > h4 { margin-bottom:7px; }
.premium .navBox > p { margin-top:7px; line-height:1.5em; }

.premium .mainContent .halfContent { margin-bottom:20px; }
.premium .featureList { padding: 0 0 0 40px; margin:15px 0 25px; }
.premium .featureList li { font-size:17px; margin:15px 0 15px 10px; padding-left:10px; }
.premium .index ul { list-style:none; float:right; padding:0; margin: 10px 0; }
.premium .index li { float:left; width:25px; }
.premium .index a { text-decoration:none; color:#6f863f; font-weight:bold; }
.premium .index a.selected { color:#000; }
.premium .halfContent .styledButton {margin-left: 35px; }

.premium .timelineScreenshot { width:550px; height:415px; }
.premium .threeFifthsContent { position:relative; }
.premium .threeFifthsContent .premiumEmail { /* position:absolute; bottom:0; right:0; */ color:#847e7e; font-weight:bold; }
.premium .threeFifthsContent .premiumEmail a { color:#847e7e; text-decoration:none; }

#plans { margin:20px auto 0; width:950px; }

#planTypes, #planFeatures, .planFeature ul { margin:0; padding:0; }
#planTypes li, #planFeatures li, .planFeature li { float:left; margin:0; text-align:center; list-style:none; }
#planTypes li, .planFeature li { height:60px; width:140px; }

#planTypes li.title, #planFeatures li.title { width:250px; text-align:left; }

#planTypes li.title { background-color:#666; color:#FFF; }
#planTypes li.personal { background-color:#CCC; }
#planTypes li.plus { background-color: #F3B51C; }
#planTypes li.channel, #planTypes li.prime { background-color: #F1961D; }
#planTypes li.pro { background-color: #EC6625; }
#planTypes li.partner { background-color: #91B345; }

/* #planFeatures li.title, #planFeatures li.plus, #planFeatures li.pro { background-color:#efefef; } */

#planTypes h5, #planFeatures h5 { font-size:18px; font-weight:bold; color:#2F2D2D; margin:0; padding:15px 0 0 0; }
#planTypes h6 { font-size:14px; margin:0; padding:0; }

#planTypes li.oneLine  { line-height: 60px; }
#planTypes li.oneLine h5 { margin:0; padding:0;}
#planTypes li.title h5 { color:#FFF; padding:0 0 0 20px; }

#planFeatures { border: 1px solid #CCC; border-top:0; /* border-bottom:0; padding-bottom:20px; */ }
#planFeatures > li { float:none; /* border-bottom: 1px solid #CCC; */ /* margin:0 10px; */ }
.planFeature li { height:auto; height:40px; line-height:40px; font-weight: bold; }
.planFeature li.checked { background:url("../../../static/images/3.0/checkMark.png.v8383.png") no-repeat scroll center center transparent }
.planFeature li small { font-weight:normal; }
.planFeature.buttons { height:50px }
.planFeature.buttons .styledButton { margin-top:10px; margin-left:15px; }
.planFeature.expandable .title { background: url(../../../static/images/3.0/greenExpandButton.png.v8304.png) 10px 9px no-repeat; }
.planFeature.expandable { cursor:pointer; }
.planFeature .featureDetails { padding-left:40px; text-align:left; padding-bottom:10px; display:none; }

.planFeature hr { width:930px; margin:0 auto; }

/* accomodate for bg... or add 1px border to edge of first and last planTypes... */
#planFeatures li.title { width: 249px; }
#planFeatures li.partner { width: 139px; }
#planFeatures h5 { padding: 0 0 0 40px; font-size:16px; }

#planQuestions, .premium .navBox { border:1px solid #738645; background-color:#E3FCBF }
/* #planQuestions > * { margin: 20px; } */
#planQuestions h4, .premium .box.related > .content h4 { font-size:18px; margin-top:20px; margin-bottom:7px; font-weight:bold; }
#planQuestions p, .premium .box.related p { margin-top:7px; margin-bottom:0; line-height:1.5em; }
#planQuestions .halfContent { width:434px; padding:0 20px 20px 20px; margin:0; }


/*********************
 *       About       *
 *********************/
 
.navBox .aboutBox { margin:15px; padding:25px; border:1px solid #B0CAC9; background-color:#FFF; }
.navBox .aboutBox h1 { color:#8dafb2; margin:0; }
.navBox .aboutBox h1 span { font-weight:normal; }
.navBox .aboutBox h2 { font-size:13px; margin-top:15px;}
.navBox .aboutBox ol { margin:15px 0 0; padding:0 0 0 25px; }
.navBox .aboutBox li { padding-top: 7px; }

/*
.user_img_clipped.plus,
.timeline_above .timeline_image.plus img {
  padding:3px 11px 3px 3px;
  background:#204080 url(../../../static/images/premium/plus_7.png.v6916.png) right no-repeat;
}
.user_img_clipped.pro,
.timeline_above .timeline_image.pro img {
  padding:3px 11px 3px 3px;
  background:#802050 url(../../../static/images/premium/pro_7.png.v6916.png) right no-repeat;
}
.user_img_clipped.partner,
.timeline_above .timeline_image.partner img {
  padding:3px 11px 3px 3px;
  background:#CC9933 url(../../../static/images/premium/partner_7.png.v6916.png) right no-repeat;
}
*/

/* small/follower grid user icons*/
/* .comment .userImage { float:left; width:30px; height:30px; margin-right:4px; } */
.comment .userTile { float:left; margin-right:4px; }
.comment .userTile img { padding:2px; height:30px; width:30px; }
.box .gridTile a { display:block; height:34px; }
#followersPayload .gridTile { margin-bottom:10px; }
#followersPayload .gridTile img { padding:2px; height:30px; width:30px; overflow:hidden; }

.freeIcon img, .primaryFreeIcon img, .secondaryFreeIcon img, .tertiaryFreeIcon img { background-color:#FFF; }

/*
.freeIcon img, .primaryFreeIcon img { background-color:#2F2D2E }
.secondaryFreeIcon img { background-color:#6C5F5F }
.tertiaryFreeIcon img { background-color:#A5CCCC }
*/
.plusIcon img { background-color:#F3B51C }
.proIcon img { background-color:#EC6625 }
.partnerIcon img { background-color:#91B345 }
.staffIcon img { background-color:#91B345 }

/* dashboard user icons */
img.userIcon { padding:3px 20px 3px 3px; min-height:45px; max-width:45px; }
img.freeIcon { background:#2F2D2E url(../../../static/images/3.0/freeUserIconText.png.v8300.png) 50px 2px no-repeat; }
img.plusIcon { background:#F3B51C url(../../../static/images/3.0/plusUserIconText.png.v8300.png) 50px 2px no-repeat; }
img.channelIcon { background:#F1961D url(http://cdn.dipity.com/images/3.0/channelUserIconText.png) 50px 2px no-repeat; }
img.primeIcon { background:#F1961D url(../../../static/images/3.0/primeUserIconText.png.v9007.png) 50px 2px no-repeat; }
img.proIcon { background:#EC6625 url(../../../static/images/3.0/proUserIconText.png.v8300.png) 50px 2px no-repeat; }
img.partnerIcon { background:#91B345 url(../../../static/images/3.0/partnerUserIconText.png.v8300.png) 50px 2px no-repeat; }
img.govIcon { background:#1F4375 url(http://cdn.dipity.com/images/3.0/govUserIconText.png) 50px 2px no-repeat; }
img.mediaIcon { background:#545454 url(http://cdn.dipity.com/images/3.0/mediaUserIconText.png) 50px 2px no-repeat; }
img.eduIcon { background:#3A570E url(http://cdn.dipity.com/images/3.0/eduUserIconText.png) 50px 2px no-repeat; }
img.staffIcon { background:#91B345 url(../../../static/images/3.0/staffUserIconText.png.v8778.png) 50px 2px no-repeat; }

.accountInfo .content { position:relative; }
.accountInfo .userIcon { float:left; }
.accountInfo .details { margin-left:80px; max-width:200px; min-height:51px; }

.message { clear:both; margin:10px auto 0; width:656px; border: 1px solid #8fb048; padding:10px 20px; background-color:  #deedbf; text-align:center; }
.message h3, .message p { margin:0 20px 0.4em; }
.message h3 { padding:0; font-weight:bold; }
.message p.meta { margin:bottom:0;}
.twoThirdsContent .message { width:574px; }

/* .faq { margin:0; padding:0; font-size:13px; } */
.faq .navBox .content h3 { margin-top:1em; }
.faq dt { color:#6f863f; text-decoration:none; cursor:pointer; margin-top:4px; }
/* .faq dt:hover { text-decoration:underline; } */
.faq dd { display:none; margin:0; padding:8px; }
.faq dd.showing { display:block; }

/********************
 *     PROFILE      *
 ********************/

a.profileFollowing.selected { color:#000; }

.directory ul.alphabet { margin:0 20px; padding:0; }
.directory .alphabet li { float:left; list-style:none; margin:5px; }

/********************
 *      COLORS      *
 ********************/

.cold {}
.mild {}
.medium {}
.hot { color:#C6000F; }

/*********************
 *       Admin       *
 *********************/

.admin #header { border-bottom:8px solid #C6000F; }
.admin #footer { border-top:8px solid #C6000F; }
.admin #mainNavigation, .admin #footer .links li, .admin #footer a { color:#C6000F; }
.admin span.hotRadio,.admin span.mediumRadio,.admin span.mildRadio { display:block; float:left; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.timeline .admin span.hotRadio,.timeline .admin span.mediumRadio,.timeline .admin span.mildRadio { display:block; float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 32px; height: 32px; line-height: 32px; margin-right: 5px; text-align: center; }

.admin span.hotRadio { background-color:#C6000F; }
.admin span.mediumRadio { background-color:#F5DE40; }
.admin span.mildRadio { background-color:#005700; }
.admin span input.radio { margin:4px; padding:0; }
.admin .timelineList td { padding:1px 10px; }
.admin tr.even { background-color:#EEE; }

.developer h3 { font-weight:bold; }
.developer p { padding:12px 20px; }
.developer ul { padding:0 20px 0 35px; }

.apicall { border: 1px solid #ccc; background-color: #eee; margin: 20px 20px 0px 20px; padding: 15px; }
.apicall h2, .apicall h3, .apicall h4, .apicall p { margin-left:0; padding-left:0; }
.apicall dt { width: 135px; float: left; clear: both; display: inline; line-height:20px;
              font-family: "Andale Mono",Courier,"Lucida Typewriter",monospace; }
.apicall dd { margin: 0px; padding-left: 135px; line-height:20px; }
.apicall .request dt { font-family:helvetica,arial,sans-serif; }
.apicall .request dd { font-family: "Andale Mono",Courier,"Lucida Typewriter",monospace; }