﻿/***** Main Template *****/

html {
    min-width: 945px;
} /*IE7*/

body {
    color: #393733;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    background: #e5ecf3;
}

body, td, th, textarea, input, select, h2, h3, h4, h5, h6 {
    font: 83%/1.4 arial, helvetica, sans-serif;
}

input {
    line-height: 1;
}

/***** Common Content Formatting *****/

a { color: #105CB6; cursor: pointer; outline: none !important; }
a:visited { color: #105CB6; }
a:hover, a:focus { color: #003; }
a:active { color: #000; }

.simple:link, .simple:visited {
    text-decoration: none;
    color: #666;
    background: none;
}

.new {
    font-weight: bold;
    color: #c00;
    font-size: 11px;
    text-decoration: none;
}

h3 a:visited {
    color: #86b0e1;
}

.more:link, .more:visited {
    color: #666;
    padding-left: 0.5em;
}

img {
    border: none;
}

p {
    line-height: 1.4;
}

ul.compact {
    margin: 0;
    padding-left: 20px;
}

form {
    clear: left;
    margin: 0;
}

h2 {
    margin: 0 0 0.2em 0;
    font-size: 185%;
    letter-spacing: -1px;
    font-weight: normal;
    clear: left;
    color: #4E463F;
}

.user-photo, .user-image {
    border: 1px solid #ccc;
    vertical-align: middle;
}

h2 .user-photo {
    float: left;
    margin-right: 5px;
}

h2 span, h3 span {
    color: #999;
    white-space: nowrap;
}

h3 {
    margin: 0 0 0.5em 0;
    font: normal 135%/1 arial,sans-serif;
    letter-spacing: -0.03em;
    clear: left;
    color: #4E463F;
}

h3 a {
    text-decoration: none;
    background: url(../img/link-line.gif) repeat-x 0 95%;
} /*IE6, IE7*/

h3 a.simple {
    background-image: url(../img/tab-line.gif);
}

h4 {
    clear: left;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.2em;
    color: #999;
}

.first {
    margin-top: 0 !important;
}

/***** Template ****/

#container {
    text-align: left;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    border-top: 1px solid #1b5790; 
}

#wrapper {
    background: url(../img/main-back.gif) 0 0 no-repeat;
    padding: 15px 0 0 15px;
/*    min-height: 400px;*/
} /*IE6*/

#contents {
    clear: both;
    padding: 0 15px 5px 0;
    margin-top: 7px;
    background: #fff url(../img/main-back.gif) 100% 0 no-repeat;
}

#h {
    background: #1B5790;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: -1px; 
    margin-bottom: 7px;
    position: relative;
    z-index: 99999;
    height: 110px;
}

#h a {
    color: #D2DCF3;
    font-weight: bold;
    text-decoration: none;
}

#h a:hover, #h a:focus {
    color: #fff;
    text-decoration: underline;
}

#h h1, #h .site-name {
    font-size: 100%;
    margin: 0;
    float: left;
}

#h h1 a, #h .site-name a {
    display: block;
    height: 45px;
    width: 125px;
    text-indent: -2000em;
    z-index: 1000; /* need for FX and IE */
    background: url(../img/menu-current.gif) 0px -693px no-repeat;
}

#h h1 a:hover, #h h1 a:focus, #h .site-name a:hover, #h .site-name a:focus {
    cursor: pointer; /* IE7 */
    background-position: 0 -733px;
}

label.inside {
    position: absolute;
    visibility: hidden;
}

.header-join, .header-login, .header-about {
    float: left;
    display: block;
    padding: 0 0 0 12px;
    margin: 13px 0 0 12px;
    font-size: 105%;
}

.header-login, .side-header a, .header-about {
    border-left: 1px solid #5481ac;
}

#section-profile {
    border: none;
}

.side-header {
    padding: 0 175px 0 10px;
    float: right;
    margin: 0;
    position: relative;
    min-height: 33px;
} /*IE6*/

.side-header a {
    padding: 5px 10px 4px 10px;
    margin: 11px 0;
    display: block;
    float: left;
    line-height: 1;
    word-spacing: -0.1em;
}

.side-header a.activity {
    margin: 11px 10px 0 -6px;
    padding: 0;
    background: url(../img/menu-current.gif) 100% -150px no-repeat;
    border: none;
    text-decoration: none;
} /*IE6*/

.side-header a.activity strong {
    padding: 5px 16px 3px 5px;
    display: block;
    height: 15px;
}

.side-header a.activity:hover strong,
.side-header a.activity:focus strong
.side-header a.current strong {
    background: url(../img/menu-current.gif) 0 -120px no-repeat;
}

.side-header a.activity:hover,
.side-header a.activity:focus,
.side-header a.current {
    background: #668eb5 url(../img/menu-current.gif) 100% -120px no-repeat;
    cursor: pointer;
    text-decoration: none !important;
}

.side-header a.header-alert, .side-header a.header-alert:hover {
    border: none;
    font-size: 85%;
    color: #ffeb68 !important;
    margin-left: -10px;
    text-decoration: none !important;
}

.side-header a.current {
    background-position: 100% -300px !important;
}

.side-header img {
    vertical-align: middle;
    border: 1px solid #a2c1de;
    padding: 1px;
    position: absolute;
    left: -6px;
    top: 12px;
}

#h #search {
    position: absolute;
    top: 11px;
    right: 8px;
    padding-right: 10px;
}

#top-submit {
    position: absolute;
    right: 0;
    top: 0;
}

#top-keywords {
    margin-left: 3px;
    color: #5f6e7c;
    width: 220px;
    border: 0;
    border-left: 4px solid #fff;
    padding: 3px 4px 0 4px;
    background: #fff;
    height: 19px;
} /*ie6 ie7*/

#top-keywords:focus {
    color: #000;
}

#h .search-compact #top-keywords {
    width: 140px;
}

#h input, #h label {
    vertical-align: middle;
    font-size: 100%;
    padding-left: 2px;
    margin-left: 3px;
}

#h ul, #h li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#h ul {
    float: left;
}

#h-pri {
    float: left;
    width: 100%;
    font-size: 100%;
    position: relative;
    background: #b2d281;
    clear: left;
}

#h-pri a:hover,
#h-sec a:hover {
    text-decoration: none;
}

#h-pri div {
    text-align: right;
    float: right;
    width: 30px;
    margin-right: 10px;
    padding-top: 4px;
}

#h-pri ul {
    padding-left: 10px;
    min-height: 32px;
}

#h-pri.menu-single {
    background: #b2d281 url(../img/menu-primary.gif) 100% 100% no-repeat;
}

#h-pri.menu-single ul {
    background: url(../img/menu-primary.gif) 0 100% no-repeat;
}

#h li {
    float: left;
    margin: 4px 0 5px 0;
    
}

#h li a, #h-pri div a {
    color: #325B0A;
    word-spacing: -0.1em;
    line-height: 1em;
    position: relative;
    display: block;
    float: left;
}

#h-pri li {
    margin-right: 3px;
}

#h-pri li a.current strong,
#h-pri li a:hover strong,
#h-pri li a:focus strong,
#h-pri div a.current strong,
#h-pri div a:hover strong,
#h-pri div a:focus strong {
    display: block;
    background: transparent url(../img/menu-current.gif) 100% 0 no-repeat;
    color: #3b5d14;
    cursor: pointer;
} /*ie6, ie7*/

#h-sec li.current strong,
#h-sec li a:hover strong {
    display: block;
    background: transparent url(../img/menu-current.gif) 100% 0 no-repeat;
    color: #3b5d14;
    cursor: pointer;
} /*ie6, ie7*/


#h-pri li a strong,
#h-pri div a strong,
#h-sec div a strong {
    padding: 5px 8px;
    white-space: nowrap;
    height: 13px;
    float: left;
    display: block;
}

#h li.header-news a, #h li.header-videos a, #h li.header-podcasts a {
    background: url(../img/menu-current.gif) 100% -330px no-repeat;
}

#h-pri li a.current,
#h-pri a.current,
#h pri a:hover,
#h-pri div a:hover,
#h li a:focus,
#h-pri div a:focus,
#h-pri li a.now {
    background: #fff url(../img/menu-current.gif) 0 0 no-repeat;
    text-decoration: none;
    color: #000;
}

#h li a:hover,
#h-pri div a:hover,
#h li a:focus,
#h-pri div a:focus {
    background-color: #e6f2d4;
}

#h-pri li.all {
    border-right: 1px solid #90b557;
    margin-right: 6px;
    padding-right: 6px;
}
 
 
#h-pri a.current {
    margin: 0 4px;
}

#h-pri li a em, 
#h-sec li a em {
    display: block;
    background: url(../img/menu-current.gif) 100% -330px no-repeat;
    height: 13px;
    width: 15px;
    padding: 5px 0;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -2000em;
}

#h-pri li.current a,
#h-pri li a:hover,
#h-pri li a:focus,
#h-pri li a.now {
    background: #ddeec2 url(../img/menu-current.gif) 0 -30px no-repeat;
}

#h-sec li.current a,
#h-sec li a:hover,
#h-sec li a:focus,
#h-sec li a.now {
    background: #ddeec2 url(../img/menu-current.gif) 0 0px no-repeat;
}

#h-sec li a strong {
    padding-right: 6px;
    padding-left: 6px;
}
 
#h-pri li.current a em,
#h-pri li a:hover em,
#h-pri li a:focus em,
#h-pri li a.current em,
#h-pri li a.now em {
    background: #fff url(../img/menu-current.gif) 100% -30px no-repeat;
}

#h-sec ul a {
	padding-left: 3px;
}

#h-sec ul a.current {
	background: #ddeec2 url(../img/menu-current.gif) 0 0 no-repeat;
}

#h-sec ul a strong {
    display: block;
    margin: 0 !important;
    padding-right: 9px;
    line-height: 23px;
}

#h-sec li.all a:active strong,
#h-sec li.all a:focus strong,
#h-sec ul a.current strong {
    height: 23px;
    background: #ddeec2 url(../img/menu-current.gif) 100% -60px no-repeat;
}


#h li.extra {
    border-left: 1px solid #849e55;
    margin-left: 5px;
    padding-left: 4px;
}

#h #h-sec li.extra a {
    background: url(../img/menu-current.gif) 0 -179px no-repeat;
    padding-left: 15px;
}

#h #h-sec li.extra a:hover { 
    background: #e6f2d4 url(../img/menu-current.gif) 0 -149px no-repeat ; 
}

#h-sec {
    height: 33px;
    overflow: hidden;
    background: #90b557 url(../img/menu-secondary.gif) 100% 100% no-repeat;
    clear: both;
    float: left;
    width: 100%;
    padding: 0 !important;
    z-index: 1200000; /*smaller than submenu*/
}

#h-sec div {
    height: 32px;
    margin: 5px 5px 0 0;
    padding-left:8px;
    float: left;
    background:  url(../img/menu-secondary.gif) 0 100% no-repeat;
}

#h-sec ul {
    padding-top: 2px;
    float: left;
}

.header-simple {
    height: 71px !important;
}

.header-simple #h-sec {
   height: 26px;
}

.header-simple #h-sec ul {
    height: 26px;
    padding-left: 14px;
    padding-top: 0;
	background:  url(../img/menu-secondary.gif) 0 20px no-repeat;
}

.header-simple #h-sec li {
    line-height: 26px;
}

.header-simple #h-sec ul a:hover,
.header-simple #h-sec ul a:active {
    background: none;
}

#h-sec ul ul {
    padding: 0;
    background: none;
}

#h-sec ul li {
    margin-right: 2px;
}

#h-sec li a {
    line-height: 16px;
    font-weight: bold;
    word-spacing: -0.1em;
    font-size: 85%;
    color: #2e4c0b;
}

#h-pri li.h-drop strong {
    padding-right: 18px;
}

#h-sec li.h-top a strong {
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
}

#h-pri strong.all {
    padding-right: 8px !important;
}


#h-sec li.h-top a:hover strong,
#h-sec li.current a strong {
    background: url(../img/menu-current.gif) 100% -60px;
}

.submenu-drop {
    position: absolute;
    top: 33px;
    width: 150px;
    background: #fff !important;
    padding: 10px !important;
    border: 1px solid #86b254;
    border-top: 0;
    padding: 15px;
    z-index: 1500000; /*smaller than lightbox*/
    text-align: left;
    float: none;
} /*ie6*/

#submenu-friends-list {
    top: 34px;
    right: 330px;
    font-weight: bold;
    font-size: 85%;
    color: #666;
    width: 18em;
    z-index: 1500000; /*smaller than lightbox*/
}

#submenu-friends .add-more {
    margin: 1em 0 0 0;
    text-align: center;
    border: 1px solid #ccc;
    padding: 2px 0;
}

#h-pri .submenu-drop {
    font-size: 85%;    
}

#h-pri .submenu-drop li,
.news-digg li, 
.empty-friend-list {
    margin: 0;
    padding: 0;
}

.submenu-drop li a {
    color: #105CB6;
    padding: 6px 10px;
    border-top: 1px solid #ddd;
    display: block;
    float: none;
    font-size: 105%;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
}

#h-pri .submenu-drop li a,
#h-sec .submenu-drop li a {
    background-color: #fff;
    background-image: none;
    width: 130px;
    color: #1B5790;
}

#h-pri li .submenu-drop li a:hover,
#h-sec li .submenu-drop li a:hover,
.submenu-drop li a:hover {
    background: #fff;
    color: #000;
}

.submenu-drop li a em {
    float: right;
    font-style: normal;
}

.submenu-drop li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    float: none;
}

#h-pri .submenu-drop li,
#h-pri .submenu-drop li a,
#h-sec .submenu-drop li,
#h-sec .submenu-drop li a {
    float: none;
}

#h-sec .p-u {
    height: 28px;
	margin-right: 10px;
} * html #h-sec .p-u { width: 280px; }

#h-sec .p-u a:link,
#h-sec .p-u a:visited {
    height: 27px;
    display: block;
    float: left;
	background: #bed3a0 url(../img/menu-current.gif) 0 -1360px no-repeat;
    padding-left: 3px;
    margin-right: 4px;
	color: #3a5c04;
}


#h-sec .p-u a:hover,
#h-sec .p-u a:active {
	color: #294103;
    text-decoration: none !important;
    background: #b6ca99 url(../img/menu-current.gif) 0 -1390px no-repeat !important;
}

#h-sec .p-u a:hover strong,
#h-sec .p-u a:active strong {
    background: #b6ca99 url(../img/menu-current.gif) 100% -1390px no-repeat;
}

#h-sec .p-u a strong {
    text-align: center;
	text-decoration: none;
	background: #bed3a0 url(../img/menu-current.gif) 100% -1360px no-repeat;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 60px;
}

#h-sec .p-u a.current:link,
#h-sec .p-u a.current:visited,
#h-sec .p-u a.current:hover,
#h-sec .p-u a.current:active {
    height: 32px;
	background: #e5ecf3 url(../img/menu-current.gif) 0 -1420px no-repeat !important;
	color: #666;
	text-decoration: none;
}

#h-upcoming img {
    vertical-align: top;
}

#h-upcoming strong em {
	color:#809547;
	font-size:0.7em;
	font-style:normal;
	font-weight:normal;
}

#h-sec .p-u .current strong {
	background: #e5ecf3 url(../img/menu-current.gif) 100% -1420px no-repeat !important;
}


#h a#h-rss, #h a#h-rss:hover {
    margin-left: 4px;
    padding: 0 0 0 4px;
    height: 23px;
    background: none;
}

#h-sec ul ul li a,
#h-sec ul ul li a:hover {
    background: #fff !important;
    color: #105CB6 !important;
}

#h-sec ul ul li.current a,
#h-sec ul ul li.current a:hover {
    color: #fff !important;
    background: #105CB6 !important;
}

#h-sec * {
    text-decoration: none !important;
}

#h-pri .deselected a strong,
#h-sec a.deselected:link strong,
#h-sec a.deselected:visited strong,
#h-sec a.deselected:hover strong,
#h-sec a.deselected:active strong {
    color: #558125;
}

#h-pri ul ul .deselected a:link,
#h-pri ul ul .deselected a:visited,
#h-pri ul ul .deselected a:hover {
    color: #999 !important;
}

.announce-dismiss, .announce-dismiss:hover {
     text-indent: -2000em; 
     display: block; 
     width: 22px; 
     height: 21px;
 	background:transparent url(../img/menu-current.gif) no-repeat scroll -183px -395px;
     border: 1px solid #ddd; 
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
     text-decoration: none;
     position: absolute;
     top: 25px;
     right: 2px;
} 

.announce-dismiss:hover { 
      border: 1px solid #999; 
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}  

#join-digg, #announce {
    clear: left;
	margin: 0;
	padding: 0;
    position: relative;
    left: 0;
} /*ie7 ie6*/

#join-digg p, #announce p {
	background:#FFFFFF url(../img/digg-guy.gif) no-repeat scroll 5px 15px;
	margin:16px 0 0 0;
    padding: 15px 15px 20px 60px;
	color:#666;
	letter-spacing:normal;
}

#join-digg p strong, #announce p strong {
	font-size:1.25em;
	font-weight:normal;
	color:#777;	
}

#join-digg p strong em, #announce p strong em {
	font-style: normal;
	font-weight: bold;
	color:#555;	
}

#join-digg p strong a, #announce p strong a {
	color: #105cb6;
	font-weight: bold;
	text-decoration: none;
}

#join-digg a, #announce a {
    color: #3e3a30;
}

#announce .statusicon {
    float: left;
    margin-right: 5px;
}


/***** Footer *****/

#footer {
    clear: both;
    background: #fff url(../img/footer.gif) 100% 0 no-repeat;
    position: relative;
    text-align: left;
    padding-right: 20px;
    min-height: 180px;
} /*IE6*/

.footer-contents {
    float: left;
    background: url(../img/footer.gif) 0 0 no-repeat;
    padding-top: 25px;
    padding-left: 10px;
}

.footer-contents2 {
    color: #8696A4;
}

#footer .col, #footer .col-last {
    float: left;
    margin: 10px 0 0 0;
    padding: 1px 0;
    width: 18.5%;
    border-right: 1px solid #ddd;
    min-height: 210px;
    position: relative;
}

#footer .col-last {
    border: none;
    width: 25% !important;
} /*IE7*/

#footer dl {
    margin: 0;
}

#footer dl.col-prime {
    margin-bottom: 0.7em;
}

#footer dd {
    margin: 0;
    padding: 3px 10px;
    font-size: 85%;
}

#footer dd a {
    text-transform: uppercase;
    font: 85% tahoma, sans-serif;
    text-decoration: none;
    background: url(../img/link-line.gif) repeat-x 0 100%;
    padding-bottom: 1px;
}

#footer dd a span {
    text-transform: none;
}

#footer dt {
    font-size: 105%;
    font-weight: bold;
    letter-spacing: -0.02em;
    padding: 0 10px;
}

#footer .footer-feature {
    position: absolute;
    right: 10px;
    top: 28px;
}

.foot-clear {
    height: 0;
}
.copyright img {
    float: left;
    margin-right: 1.5em;
}

.copyright {
    font-size: 85%;
    color: #999;
    clear: both;
    background: #e5ecf3 url(../img/footer.gif) 0 -385px no-repeat;
    padding: 0 0 0 15px;
}

.copyright div {
    background: url(../img/footer.gif) 100% -385px no-repeat;
    padding: 30px 15px 40px 0;
}

.copyright a {
    color: #999;
}

/***** News Articles *****/

.news-summary, .news-full, .news-full-confirm {
    padding: 0.7em 0 2.5em 0;
    position: relative;
    clear: left;
    min-height: 55px;
}

.news-body {
    padding-left: 60px;
}

.news-full h3 {
    padding-top: 6px;
}

.news-body strong {
    font-size: 85%;
    color: #666;
}

.news-body strong.inaccurate {
    display: block;
}

.news-digg {
    position: absolute;
    top: 0.8em;
    left: 0;
    text-align: center;
    font-size: 85%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(../img/shade-news.gif) no-repeat;
}

.digg-count a,
.digg-count span,
.digg-count-s a,
.digg-count-s span {
    display: block;
    padding: 10px 0 4px 0;
    text-decoration: none;
    width: 50px;
    min-height: 40px;
    color: #93883F;
    text-align: center;
}

.news-summary .digg-count strong,
.news-full .digg-count strong,
.news-summary .digg-count-s strong,
.news-full .digg-count-s strong {
    font-size: 160%;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1;
    display: block;
    color: #736926;
}

.news-summary .digg-count-s strong,
.news-full .digg-count-s strong {
    font-size: 160%;
}

.digg-count img,
.digg-count-s img {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.digg-count a:hover,
.digg-count-s a:hover,
.digg-count a:hover strong,
.digg-count-s a:hover strong {
    color: #998D43;
}

li.digg-it,
li.undigg-it,
li.dugg-it,
li.buried-it {
    margin-top: 1px;
    padding: 0 0 5px 0;
    background: url(../img/digg-box-2.gif) 0 100%;
    float: left;
} /*IE6*/

.digg-it a,
.digg-it span,
.undigg-it a,
.undigg-it span,
.dugg-it a,
.dugg-it span,
.buried-it a,
.buried-it span {
    font-weight: bold;
    display: block;
    margin-bottom: -5px;
    padding: 4px 1px 5px 1px;
    background: url(../img/digg-box-2.gif) 0 0;
    width: 49px;
    text-decoration: none;
    text-align: center;
}

li.digg-it:hover {
    background-position: -300px 100%;
}

li.digg-it:hover a {
    background-position: -300px 0;
}

.digg-it span,
.dugg-it span,
.buried-it span {
    color: #999;
}

.news-body h3 {
    margin: 2px 0 0 0;
    font-size: 123%;
    letter-spacing: -0.01em;
    font-weight: bold;
    line-height: 1.1;
}

.news-body p {
    margin: 0.2em 0 0.1em 0;
    line-height: 1.3;
}

.news-body em {
    font-style: normal;
    font-size: 85%;
    color: #666;
}

.news-photo {
    display: block;
    float: right;
    background: #fff;
    padding: 2px;
    border: 1px solid #A5C2E3;
    margin: 0 15px 3px 10px;
    text-decoration: none;
}

.d {
    color: #a12a2a;
    font-weight: bold;
    white-space: nowrap;
    word-spacing: -0.1em;
}

.news-buried {
    opacity: 0.6;
    min-height: 1px;
} /*ie6, ie7*/

.news-buried {
    margin: 1em 0;
}

.news-buried p,
.news-buried .digg-count,
.news-buried .news-img,
.news-buried .bury,
.news-buried .news-photo {
    display: none;
}

.news-buried ul {
    background: none;
}

.news-buried h3 {
    padding-top: 0;
    font-size: 100% !important;
}

.news-buried h3, .news-buried span.d {
    font-weight: normal;
}

.news-buried .buried-it {
    margin-top: 8px;
    color: #000 !important;
}

.news-buried.news-summary.v .buried-it {
    margin-top: 20px;
}

.news-buried .news-body {
    padding-left: 60px !important;
    min-height: 1px !important;
}
 
a.news-label {
    background: none;
}
 
.news-label img {
    vertical-align: middle;
}

.topic {
    font-size: 85%;
    color: #666;
}

.topic a {
    color: #666;
    text-decoration: none;
}

.topic a:hover {
    color: #000;
    text-decoration: underline;
}
 
.inline-warning {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200000;
    background: url(../img/matte.png);
} /*IE6*/

.inline-warning div {
    margin: 20px 0 0 20px;
    float: left;
    position: relative;
    padding-bottom: 10px;
    background: #FAF9F7 url(../img/inline-warning.gif) 0 0 repeat-x;
    border: 1px solid #A09D97;
}

.inline-warning p {
    margin: 0;
    font-size: 105%;
    color: #666154;
    line-height: 1;
    padding: 10px 60px 0 10px;
}

.inline-warning .close {
    position: absolute;
    right: 10px;
    top: 6px;
}

.thumb {
    float: right;
}

.thumb img {
    padding: 3px;
    border: 1px solid #b7cce0;
    margin:  0 0 1em 2em;
}

.thumb span {
    display: none;
}

/* Video Styles */

.v .news-body {
    padding-left: 152px;
    padding-right: 0;
    margin-left: 0;
    min-height: 65px;
} /*ie6*/

.v .v-details {
    font-size: 85%;
    padding: 6px 0 3px 0;
    color: #666;
}

.v .v-details em {
    font-size: 100%;
}

.v .v-details a {
    text-decoration: none;
    color: #666;
}

.v .v-details a:hover {
    text-decoration: underline;
    color: #000;
}

.v h3 {
    font-size: 115%;
    padding-top: 5px;
}

span.news-img {
    display: block;
    width: 80px;
    height: 80px;
    background: #ddecee url(../img/v-default.gif);
    border: 1px solid #a5c2e3;
    position: absolute;
    left: 60px;
    top: 8px;
}

.img-summary span.news-img {
    background: #ddecee url(../img/i-default.gif);
}

span.news-img em {
    display: block;
    width: 80px;
    height: 80px;
    text-indent: -2000em;
    background: url(../img/v-frame-simple.png);
}

* html span.news-img em {
    background: url(../img/v-frame-simple.gif);
}

.img-summary span.news-img em {
    background: url(../img/i-frame-simple.png);
}

* html .img-summary span.news-img em {
    background: url(../img/i-frame-simple.gif);
}

a.lbOn em {
    background: url(../img/v-frame.png);
}

* html a.lbOn em {
    background: url(../img/v-frame.gif);
}

/***** Compact News Articles *****/

.main {
    margin-right: 330px;
}

.sidebar {
    float: right;
    width: 300px;
    clear: left;
    margin: 0 0 2em 0;
    min-height: 500px;
}

.sidebar-short {
    float: right;
    width: 340px;
    clear: left;
    margin: 0;
    min-height: 250px;
}

.sidebar-short a.block_sponsor {
    float: right;
}

.side-container {
    clear: both;
    padding: 10px 0 2em 0;
    font-size: 100%;
}

.side-container h2 {
    margin: 0 0 3px 0;
    font-size: 125%;
    font-weight: bold;
    line-height: 1;
}

.side-container p {
    margin: 0.3em 0 0 0;
}

#recommended-list p strong {
    width: 45%;
    float: left;
    color: #666;
}

#recommended-list a:link,
#recommended-list a:visited {
    text-decoration: none;
}

.feature-link {
    position: relative !important;
    display: block;
    margin: 0 0 10px 0;
    font-size: 77%;
    padding-top: 8px;
}

.feature-link #wss_MetacafePlacement_Icon {
    display: block;
    position: absolute;
    top: 0;
    left: 80px !important;
}

.feature-link a {
    text-decoration: none;
    color: #666;
}

.feature-link a#wss_MetacafePlacement_TitleText:link, 
.feature-link a#wss_MetacafePlacement_TitleText:visited {
    color: #5758c0;
    text-decoration: underline;
    display: block;
    margin-top: 12px;
    font-size: 130%;
}

.feature-link a#wss_MetacafePlacement_TitleText:hover,  
.feature-link a#wss_MetacafePlacement_TitleText:active {
    color: #333;
}

.feature-link a#wss_MetacafePlacement_LatestText { 
    display: block;
    margin-top: 10px;
}

.feature-link .feature-img {
    float: left;
    padding: 3px;
    border: 1px solid #A5C2E3;
    margin: 8px 10px 4px 0;
}

.side-options {
    float: right;
    color: #777;
    position: relative;
    bottom: 4px;
}

.side-options a, .side-options span {
    text-decoration: none;
    font-weight: bold;
    font-size: 85%;
    padding: 0 3px;
}

.friends {
    border-top: 1px solid #eee;
    min-height: 3em;
}

.friends a {
    text-decoration: none;
    display: block;
    float: left;
    width: 130px;
    padding: 3px 0 3px 5px;
    border-bottom: 1px solid #eee;
}

.friends a:hover {
    background: #eee;
}

.friends em {
    font-size: 105%;
    font-weight: bold;
    font-style: normal;
    position: relative;
    bottom: 1px;
    display: block;
    min-width: 1.1em;
    margin-right: 6px;
    float: left;
    text-align: right;
}

a.add-widget {
    padding: 2px 14px;
    display: block;
    float: left;
    border: 1px solid #d3dfed;
    margin: 6px 3px 10px 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 85%;
}

.side-container .button-add {
    float: right;
    font-weight: normal;
    padding: 1px 6px;
    position: relative;
    top: -7px;
}

.join a.learn {
    text-decoration: underline !important;
    border: none;
}

.side-container .intro {
    border-top: 1px solid #ddd;
    padding-top: 4px;
}

#topten-list {
    min-height: 420px;
    clear: left;
}

.side-container h2.topten {
    white-space: nowrap;
    float: left;
}

.side-container .news-digg {
    top: 4px;
    left: 0;
    background: none;
}

.side-container .digg-count, .side-container .digg-count-s {
    font-size: 80%;
    letter-spacing: -0.07em;
    line-height: 2;
    margin-top: 0;
}

.side-container .digg-count a, .side-container .digg-count-s a {
    width: 36px;
    height: 24px;
    padding: 10px 0 0 0;
    background: url(../img/shade-compact.gif) no-repeat;
    margin-left: 0;
}

.p-archive .digg-count strong {
    font-weight: bold;
}

.side-container img.p-thumb, .p-archive img.p-thumb {
    position: absolute;
    left: 0;
    top: 4px;
    padding: 1px;
    border: 1px solid #a5c2e3;
    background: #eee;
} /*IE6*/

.sidebar .news-thumb h3 span {
    position: absolute;
    left: 40px;
    top: 4px;
    padding: 1px;
    background: url(../img/vds.gif);
    border: 1px solid #a5c2e3;
    display: block;
}

.sidebar .vid-thumb, 
.sidebar .img-thumb {
    width: 250px;
}

.sidebar .vid-thumb h3 a,
.sidebar .img-thumb h3 a {
    width: 215px !important;
}

.sidebar .vid-thumb h3 a,
.sidebar .img-thumb h3 a {
    margin-right: 50px;
    padding-left: 35px;
}

.sidebar .vid-thumb h3 span {
    position: absolute;
    left: 40px;
    top: 4px;
    padding: 1px;
    background: url(../img/vds.gif);
    border: 1px solid #a5c2e3;
    display: block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}

.sidebar .img-thumb h3 span {
    position: absolute;
    left: 40px;
    top: 4px;
    padding: 1px;
    background: url(../img/ids.gif);
    border: 1px solid #a5c2e3;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}

.sidebar .img-thumb h3 em,
.sidebar .vid-thumb h3 em,
.sidebar .news-thumb h3 em {    
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -2000em;
}

.side-container .news-summary .digg-count strong,
.side-container .news-summary .digg-count-s strong {
    font-weight: bold;
    color: #93883F;
}

.side-container .news-summary,
.p-archive .news-summary {
    padding-left: 44px;
    padding-bottom: 2px !important;
    padding-top: 4px;
    min-height: 37px;
    float: left;
    clear: both;
    border-top: 1px solid #ddd;
} /*IE6, IE7*/

.side-container h3 {
    line-height: 1.2;
    margin: 0;
    padding: 3px 0 0 0;
    font-size: 100%;
    letter-spacing: 0em;
    overflow: hidden;
}

.side-container .news-thumb {
    padding-left: 80px;
}

.p-archive h3,
.side-container .p-summary h3 {
    line-height: 1.2;
    margin: 0;
    padding-top: 2px;
    font-size: 100%;
    letter-spacing: 0em;
}

.side-container h3 a {
    padding-top: 0;
    font-weight: normal;
    letter-spacing: 0em;
    text-decoration: none !important;
    background: none;
    display: block;
    width: 250px;
}

.side-container .news-thumb h3 a {
    width: 214px;
}

.p-archive h3 a,
.side-container .p-summary h3 a {
    font-weight: normal;
    letter-spacing: 0em;
    text-decoration: none !important;
    background: none;
    display: block;
    padding: 4px 0 0 0;
    margin-bottom: -2px;
    min-height: 1px;
}

/* Page Numbers */
.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}

.tooltip {
    border: 1px solid #85be35;
    padding: 5px;
    background-color: #fff;
    width: 190px;
    font-size: 85%;
    color: #777;
    opacity: 0.95;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tooltip h6 {
    background: #85be35;
    color: #fff;
    margin: -5px -5px 4px -5px;
    padding: 2px 5px;
    font-size: 100%;
    font-weight: bold;
    white-space: nowrap;
}

.tooltip img {
    vertical-align: middle;
    border: 1px solid #85be35;
    margin: 2px 0;
}

/* Not Found */

.not-found {
    background: url(../img/exclaim.gif) no-repeat;
    padding: 10px 0 200px 80px;
}

/* Toolbar Styles */

.news-details {
    position: relative;
    color: #777;
}

.sub-menu {
    position: relative;
    clear: both;
    min-height: 3em;
} /*IE6*/

.tool {
    display: block;
    float: left;
    font-size: 85%;
    padding: 4px 6px;
    min-height: 20px;
}

.tool a {
    text-decoration: none;
}

.tool-button {
    cursor: pointer;
}

.sub-menu .tool {
    padding: 7px;
    background: url(../img/tool-divider.gif) 0 50% no-repeat;
}

.sub-menu .tool img {
    margin-top: 2px;
}

.selector {
    background: url(../img/tab-line.gif) 0 50% repeat-x;
    width: 100%;
    float: left;
}

.selector h2 {
    background: #fff;
    float: left;
    font-size: 165%;
    word-spacing: -0.1em;
    padding-right: 5px;
}

.selector .tool, .selector .tool:visited {
    float: right;
    font-weight: bold;
    text-decoration: none;
    color: #e37400;
    padding: 2px 1px;
    border: 4px solid #fff;
    background: #fff;
    margin-top: 3px;
    height: 20px;
    word-spacing: -0.1em;
}

.selector span.tool {
    background: #e37400 url(../img/menu-current.gif) 100% -90px no-repeat;
    padding: 0;
    height: auto;
} /*ie6*/

.selector span.tool strong {
    display: block;
    background: url(../img/menu-current.gif) 0 -90px no-repeat;
    color: #fff;
    padding: 2px 6px;
    height: 16px;
}

.selector a.tool:hover {
    text-decoration: underline;
}

.selector select {
    font-size: 100%;
}

#toggle-story, #toggle-mosaic {
    width: 26px;
    height: 22px;
    padding: 0;
    margin: inherit 0;
    border-right: none;
    white-space: nowrap;
    text-indent: -2000em;
    background: #fff url(../img/menu-current.gif) -40px -400px no-repeat;
}

a#toggle-story {
    background-position: 0 -400px;
}

a#toggle-story.current {
    background-position: -40px -400px;
}

a#toggle-mosaic {
    width: 40px;
    background-position: 0 -430px;
}

#toggle-mosaic.current {
    width: 40px;
    background-position: -40px -430px;
}

.sub-menu .tool-sort, .sub-menu form.tool {
    background: none;
    padding-left: 0;
}

.sub-menu input.form-text, .sub-menu select {
    font-size: 100%;
    background: #FFFADB url(../img/form-back.gif) repeat-x;
    border: 1px solid #CBB945;
    color: #776B1B;
}

.sub-menu strong {
    color: #E45B00;
    margin: 0;
    display: block;
    float: left;
    padding-top: 4px;
    margin-top: -7px;
    font-size: 125%;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.sub-menu ul strong {
    color: #105CB6;
    margin: 0;
    display: inline;
    float: none;
    background: none;
    font-size: 11px;
}

.news-details a.friend {
    background-position: 0 -587px;
}

.news-details .dugg-by {
    background: url(../img/friends.gif) 0 2px no-repeat;
    padding-left: 18px;
}

.user-info {
    padding: 3px 0 0 0;
}

.user-info a {
    text-decoration: none;
}

.user-info img {
    margin-right: 4px;
    padding: 1px;
}

.news-details a, .sub-menu a, a.toplinep {
    color: #578CCA;
} /*IE6*/

.news-details a:hover, .sub-menu a:hover {
    color: #000;
}

/******* Help Box ********/

.help {
    background: #ECF2F8 url(../img/help.gif) 100% 100% no-repeat;
    clear: left;
    margin-bottom: 10px;
}

.help div {
    background: url(../img/help.gif) 0 0 no-repeat;
    padding: 10px 10px 10px 50px;
    min-height: 35px;
} /*IE6*/

.help div p {
    line-height: 1.5;
}

.help h3 {
    font-size: 135%;
    color: #58636E;
    font-weight: normal;
    margin-bottom: 2px;
    padding-top: 5px;
}

/* tower ads */

.comments_ad_image, .rectangle_ad_unit {
    text-align: center;
    position: relative;
}

.comments_ad_image {
    padding: 30px 0;
    text-align: center;
    border: none;
}

.comments_ad_image .rectangle_ad_unit, .comments_ad_image .vertical_ad_unit {
    border: 1px solid #ddd;
    text-align: left;
}

.rectangle_ad_unit a.ad_block, .rectangle_ad_unit a.ad_special, .vertical_ad_unit a.ad_block, .vertical_ad_unit a.ad_special {
    display: block;
    padding: 5px 7px;
    width: 149px;
    min-height: 5em; /* need for FX */
    text-decoration: none;
    color: #333;
    margin: 0 2px 8px 2px;
    line-height: 1.3;
    font-size: 85%;
    overflow: hidden;
}

.rectangle_ad_unit {
    width: 295px;
    clear: both;
    min-height: 238px;
    margin: 0 0 1em 0;
    float: right;
}

.rectangle_ad_unit a.ad_block {
    width: 280px;
    margin-bottom: 0;
}

.item_ad_image {
    margin: 0 0 10px 0;
}

.rectangle_ad_unit .ad_special a.ad_block {
    padding: 20px;
    width: 248px;
    height: 198px;
}

.rectangle_ad_unit .ad_special strong {
    font-size: 190%;
}

.rectangle_ad_unit .ad_special span {
    font-size: 130%;
    color: #666;
}

.rectangle_ad_unit .ad_special em {
    font-size: 130%;
    padding-top: 0.5em;
}

.item_ad_image .rectangle_ad_unit {
    float: none;
}

.vertical_ad_unit {
    width: 240px;
    margin: 2em 15px 0 0;
}

.vertical_ad_unit a.ad_block {
    width: 220px;
}

.hottest_ad_image {
    padding-top: 30px;
}

.rectangle_ad_unit strong, .vertical_ad_unit strong {
    text-decoration: underline;
    color: #105CB6;
    display: block;
    padding-bottom: 3px;
    font-size: 115%;
}

.rectangle_ad_unit em, .vertical_ad_unit em {
    font-style: normal;
    text-decoration: underline;
    display: block;
    color: #999;
    padding-top: 2px;
}

.rectangle_ad_unit a.ad_origin, .vertical_ad_unit a.ad_origin {
    position: absolute;
    bottom: -10px;
    right: 12px;
    display: block;
    padding: 0 5px;
    font-size: 85%;
    color: #999;
    background: #fff;
}

.rectangle_ad_unit a:hover strong, .vertical_ad_unit a:hover strong {
    color: #003;
}

.rectangle_ad_unit a.ad_origin:hover, .rectangle_ad_unit a:hover em, .vertical_ad_unit a.ad_origin:hover, .vertical_ad_unit a:hover em {
    color: #333;
}

/* Image ads */

.top_ad_image {
    padding: 0;
    position: relative;
    clear: both;
    text-align: center;
}

#top_ad_msft {
    position: relative;
    width: 900px;
    margin: 0 auto;
}

#hottest_ad_msft {
    clear: both;
    margin-top: 10px;
}

/* Share/Bury links */

.comments, .share, .bury-link, .fave, .faved {
    padding: 4px 6px 4px 18px;
    text-decoration: none;
}

.bury {
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
}

dl .tool {
    font-size: 100%;
    bottom: 4px;
    position: relative;
}

a.bury-toggle {
    height: 16px;
    width: 11px;
    background: #fff url(../img/submenu-toggle.gif) no-repeat -100px 3px;
    border: 1px solid #fff;
    position: absolute;
    right: 5px;
    top: 3px;
}

a.bury-toggle:hover {
    border: 1px solid #a5c2e3;
}
    
.comments {
    background: url(../img/tools.gif) no-repeat 0 -196px;
    word-spacing: -0.1em;
}
    
.share {
    background: url(../img/tools.gif) no-repeat 0 4px;
}
    
.bury-link {
    background: url(../img/tools.gif) no-repeat 0 -96px;
    margin-right: 12px;
    padding-right: 2px;
}
    
.fave {
    background: url(../img/tools.gif) no-repeat 0 -396px;
}

.faved {
    background: url(../img/tools.gif) no-repeat 0 -496px;
}

.bury-opt {
    position: absolute;
    display: none;
    top: 24px;
    left: 0;
    width: 120px;
    border: 1px solid #b7cce0;
    padding: 10px;
    background: #fff;
    z-index: 99999999999999999999;
}

.bury-opt a {
    display: block;
    padding: 5px;
    border-top: 1px solid #ddd;
    text-decoration: none;
    font-weight: bold;
}

.bury-opt a:hover {
    background: #eee;
}

.bury-opt span {
    display: block;
    padding-bottom: 3px;
}

/* tabs */
.tab, .profile-form div.tab {
    background: url(../img/tab-top.gif) no-repeat 0 0;
    border-bottom: 2px solid #A5CC7A;
    height: 2.1em;
    clear: left;
    margin-top: 2em;
    padding: 0; /*trust me*/
}

.tab h3 {
    float: left;
    clear: left;
    letter-spacing: normal;
    font-size: 105% !important;
    font-weight: bold !important;
    height: 1.5em;
    min-width: 12em;
    text-align: center;
    color: #fff !important;
    padding: 0.6em 10px 0 5px;
    margin: 0 0 0 5px;
    background: #A5CC7A url(../img/tab-top.gif) no-repeat 100% 0;
}

.sidebar .tab h3 {
    min-width: 8em;
}    

.tab form, .tab .tab-more {
    float: right;
    margin-right: 15px;
    font-weight: bold;
    display: block;
    padding-top: 0.2em;
}

.tab-more {
    font-size: 85%;
}

.tab-details .return {
    font-weight: bold;
    float: right;
}

.tab-details {
    background: #eff6e8;
    color: #507d1e;
    padding: 8px 15px;
}

.sidebar .tab-details {
    font-size: 85%;
    padding: 6px;
}

a.edit-link {
    font-weight: bold;
    text-decoration: none;
    background: #eaf4f8 url(../img/link-edit.gif) no-repeat 6px 50%;
    padding: 3px 10px 3px 25px;
    font-size: 85%;
    margin: 6px 0;
    display: block;
}

a.edit-link span {
    font-weight: normal;
}

.tab-details a.edit-link {
    background-color: #fff;
    font-size: 100%;
    margin: 0;
    display: inline;
}

.tab-details textarea {
    width: 100%;
    height: 5em;
    font-size: 100%;
    margin: 3px 0;
}

.side-header a.header-alert, .side-header a.header-alert:hover {
    border: none;
    font-size: 85%;
    color: #ffeb68 !important;
    margin-left: -10px;
    text-decoration: none !important;
}

/* some stuff for POSTing using a link and a hidden form */
.hiddenForm {
    display: none;
}

/* idee promo */

div.idee-promo {
    width: 200px;
    float: right;
    font-size: 85%;
    color: #666;
    text-align: right;
}

.promo {
    margin-bottom: 1em;
}

.remove {
    color: #999;
    font-size: 85%;
}

.highlight, .search-highlight {
    background-color: #ff0;
    color: #685D00;
}

.simple:hover, .simple:active, .more:hover {
    color: #333;
}

hr {
    height: 1px;
    background: #ccc;
    border: none;
}

.disabled {
    color: #666;
}

.na {
    color: #999;
    font-weight: normal;
}

pre, code {
    font-size: 100%;
    color: #666;
    margin: 0;
}

.confirm,
.error,
.warning,
.info,
.positive,
.notice {
    color: #333;
    padding: 0.7em 5em 0.7em 4.3em;
    margin: 1.2em 0 1em 0 !important;
    clear: left;
} /* ie6 */ 

.confirm,
.positive,
.notice { 
    background: #eff6e8 url(../img/circle-check-green.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #A5CC7A; 
    border-bottom: 1px solid #A5CC7A;
}

.warning {     
    background: #fff url(../img/circle-yellow-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
    }

.error {     
    background: #fff url(../img/circle-red-exclamation.gif) 1.3em 0.5em no-repeat; 
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.info {
    background: #fff url(../img/circle-yellow-info.gif) 1.3em 0.5em no-repeat;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.positive div,
.confirm div,
.error div,
.warning div,
.info div
.notice div {
    display: inline;
    background: none;
    padding: 0;
    margin: 0;
}

.positive p,
.confirm p,
.error p,
.warning p,
.info p
.notice p {
    margin: 0;
}

.positive h3,
.positive strong,
.confirm h3,
.contirm strong,
.warning h3,
.warning strong,
.error h3,
.error strong,
.info h3,
.info strong {
    font-weight: bold !important;
    letter-spacing: normal !important;
    font-size: 1.2em !important;
    padding: 0 0.5em 0 0 !important;
    margin: 0 !important;
    display: inline;
}

.positive h3,
.positive strong,
.confirm h3,
.contirm strong {
    color: #e18015;
}

.warning h3,
.warning strong {
    color: #b50b05;
}

.error h3,
.error strong {
    color: #b50b05;
}

.confirm:hover {
    color: #030;
}

h2 .confirm {
    font-size: 50%;
    float: right;
}

.instruction {
    background: #EAF2FA url(../img/feature-box.gif) 0 0 no-repeat;
    margin-bottom: 1em;
    color: #6C7D8E;
}

.instruction div {
    background: url(../img/feature-box.gif) 100% 100% no-repeat;
    padding: 15px 15px 10px 15px;
}

.instruction h3 {
    color: #6C7D8E;
}

/* tabs */
.tab, .profile-form div.tab {
    background: url(../img/tab-top.gif) no-repeat 0 0;
    border-bottom: 2px solid #A5CC7A;
    height: 2.1em;
    clear: left;
    margin-top: 2em;
    padding: 0; /*trust me*/
}

.tab h3 {
    float: left;
    letter-spacing: normal;
    font-size: 105% !important;
    font-weight: bold !important;
    height: 1.5em;
    min-width: 12em;
    text-align: center;
    color: #fff !important;
    padding: 0.6em 10px 0 5px;
    margin: 0 0 0 5px;
    background: #A5CC7A url(../img/tab-top.gif) no-repeat 100% 0;
}

.sidebar .tab h3 {
    min-width: 8em;
}    

.tab form, .tab .tab-more {
    float: right;
    margin-right: 15px;
    font-weight: bold;
    display: block;
    padding-top: 0.2em;
}

.tab-more {
    font-size: 85%;
}

.tab-details .return {
    font-weight: bold;
    float: right;
}

.tab-details {
    background: #eff6e8;
    color: #507d1e;
    padding: 8px 15px;
}

.sidebar .tab-details {
    font-size: 85%;
    padding: 6px;
}

a.edit-link {
    font-weight: bold;
    text-decoration: none;
    background: #eaf4f8 url(../img/link-edit.gif) no-repeat 6px 50%;
    padding: 3px 10px 3px 25px;
    font-size: 85%;
    margin: 6px 0;
    display: block;
}

a.edit-link span {
    font-weight: normal;
}

.tab-details a.edit-link {
    background-color: #fff;
    font-size: 100%;
    margin: 0;
    display: inline;
}

.tab-details textarea {
    width: 100%;
    height: 5em;
    font-size: 100%;
    margin: 3px 0;
}

.side-header a.header-alert, .side-header a.header-alert:hover {
    border: none;
    font-size: 85%;
    color: #ffeb68 !important;
    margin-left: -10px;
    text-decoration: none !important;
}

/***** tabbed navigation *****/

#sub-nav {
    clear: left;
}

#sub-nav ul, #sub-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sub-nav ul {
    border-bottom: 2px solid #A5CC7A;
    height: 1.5em;
    padding: 10px 0;
}

#sub-nav li {
    float: left;
    background: #c9e0af url(../img/tab-top.gif) 0 -100px;
    padding-left: 4px;
    margin-right: 2px !important; /*imp IE6*/
}

#sub-nav li a, #sub-nav li span {
    display: block;
    padding: 6px 14px 4px 10px;
    height: 1.5em;
    text-decoration: none;
    font-weight: bold;
    color: #6f9346;
    background: url(../img/tab-top.gif) 100% -100px;
}

#sub-nav li a:hover, #sub-nav li.active a:hover {
    color: #000;
}

#sub-nav li.active {
    background-position: 0 0;
    background-color: #a5cc7a;
}

#sub-nav li.active a, #sub-nav li.active span {
    background-position: 100% 0;
    color: #fff;
}

/***** Dialog Box *****/

.dialog {
    position: absolute;
    left: 50%;
    margin-left: -315px;
    width: 630px;
    z-index: 100001;

}

.dialog .body {
    background: url(../img/dialog.png) 0 0;
    padding: 40px 13px 10px 40px;
}

.dialog .content {
    /*overflow: auto;*/
    max-height: 900px;
    background: #fff;
    width: 550px;
}

.dialog .tray, .dialog .diggs {
    background: url(../img/dialog.png) 0 50%;
    padding: 0 23px;
}

.dialog .tray div, .dialog .diggs div {
    background: #fcfcfc;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #ddd;
}

.dialog .diggs div {
    text-align: center;
    font-size: 85%;
}

.dialog .diggs img {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.dialog .foot {
    height: 23px;
    background: url(../img/dialog.png) 0 100%;
}

.dialog h3, .dialog h4 {
    margin: 0;
    padding: 0;
    color: #333;
}

.dialog h4 {
    color: #71ac0a;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.alreadyDigg {
    padding-bottom: 12px !important;
}

.dialog h3 {
    margin-bottom: 0.5em;
    font-size: 145%;
}

.dialog h3 .dialogVerb {
    font-weight: bold;
    color: #e37400;
}

.dialog .video {
    text-align: center;
}

.dialog .video h3 {
    padding: 10px 0 5px 0;
}

.form-row {
    position: relative;
}

.dialog input.text,
.reg-section input.text,
.reg-form input.text {
	border: 1px solid #ddd;
	min-width: 190px;
	font-size: 100%;
}

.reg-section .form-row input#reg-email {
    min-width: 1px;
}

.dialog input.cancel {
    color: #888;
}

.dialog input.ok {
    font-weight: bold;
}

.login-facebook p {
    padding-left: 30px;
    clear: left;
}

.dialog .dialog-section,
.dialog .dialog-login,
.dialog .login-facebook p {
    padding-left: 110px;
    clear: left;
}

.dialog-section {
    clear: left;
    margin: 0 0 20px 0;
}

.dialog-login {
    display: none; /* pre-fb only */
    clear: left;
    margin: 0 0 20px 0;
    float: left;
    padding: 0 0 5px 0;
}

.dialog .dialog-section {
    margin-top: -16px;
    margin-bottom: 0;
}

.dialog-section form {
    padding: 15px 10px 5px 0;
}

.dialog .login-digg form { /* pre-fb only */
    margin-left: -110px !important;
}

.dialog .login-digg {
    border-top:1px solid #ddd;
}

.dialog-section form div {
    margin-top: 5px;
}

.dialog-section form div label {
    font-size: 85%;
    margin-right: 10px;
}

.dialog-login a {
    float: left;
    display: block;
    font-size: 85%;
    font-weight: bold;
    padding: 6px 10px 6px 22px;
    background: url(../img/login-types.gif) 6px 50% no-repeat;
    text-decoration: none;
    padding-left: 30px;
    margin: 8px 8px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aec9e3;
    min-width: 90px;
}

.dialog-login a.current, .dialog-login a:hover {
    border: 1px solid #556469;
    color: #333;
}

.dialog-login a.current {
    background-color: #deecf1;
}

.dialog-login a.button-login-fb {
    background-position: -192px 50%;
    padding-left: 50px;
    min-width: 70px;
}

.dialog-login a.button-login-oid {
    background-position: -394px 50%;
}

.dialog-login a.button-login-yahoo {
    background-position: -594px 50%;
}

.dialog-login a.button-login-aim {
    background-position: -794px 50%;
}

.dialog-login a.button-login-lj {
    background-position: -994px 50%;
}

.dialog-login a.button-login-wp {
    background-position: -1194px 50%;
}

.dialog .dialog-login a.button-login-oid,
.dialog .dialog-login a.button-login-lj,
.dialog .dialog-login a.button-login-wp {
    text-indent: -2000em;
    min-width: 0;
    padding-left: 20px;
}

.dialog .foot a {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 2px;
    right: 2px;
    text-indent: -2000em;
    text-decoration: none;
}

label.dialog-label {
    display: block;
    padding-top: 0.6em;
    font-size: 85%;
    font-weight: bold;
}

.dialog .dialog-tray {
    margin: 20px 0 -10px -17px;
    padding: 10px 20px;
    background: #eee;
    border-top: 1px solid #ccc;
    text-align: right;
    width: 544px;
}

.dialog .dialog-tray span {
    font-size: 85%;
    color: #333;
    margin-right: 15px;
}

.dialog .dialog-tray span a {
    color: #333;
}

.dialog .login-digg .dialog-tray {
    text-align: left;
} 

.dialog .input-sec {
    float: left;
    color: #666;
}

.dialog-captcha {
    position: relative;
}

.dialog img.captcha {
    position: absolute;
    top: 10px;
    right: 0;
}

.form-row .captcha {
    top: 5px;
}

#audiocaptchalink {
    font-size: 85%;
    display: block;
    padding-top: 0.25em;
}

.dialog-link {
    margin-left: 1em;
    text-decoration: none;
    font-size: 85%;
    font-weight: bold;
}

#dialog-create {
    text-align: left;
}

.dialog-info {
    display: none;
}

.dialog .dialog-info {
    display: block;
}

.reg-section .form-note,
.reg-section .form-error,
.form-extra,
.dialog .form-note,
.dialog .form-error {
    position: absolute;
    right: 0;
    top: 22px;
    width: 210px;
    font-size: 85%;
    line-height: 110%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.form-success {
    display: none;
}

.reg-section .form-error,
.field-validation-error,
.dialog .form-error  {
    padding: 2px 0 4px 20px;
    background: #ffc0cb url(../img/error-red.gif) 2px 2px no-repeat;
    width: 220px;
}

.dialog .form-note, .dialog .form-extra {
    width: 240px;
}

.form-extra input {
    display: inline;
    min-width: 1px;
}

.form-extra label {
    display: inline;
    font-weight: normal;
    font-size: 100%;
}

label.inline, form .form-row label.inline {
    display: inline;
    font-weight: normal;
    font-size: 85%;
}

.dialog .row-email {
    position: absolute;
    right: 0;
    width: 220px;
    top: 24px;
}

/* MSG FORMATTING */

.msg {
    clear: both;
    padding: 15px 0;
}

#toasterBox {
    z-index: 1000;
}

.msg-contents {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #393732;
    padding: 25px;
    position: relative;
}

.msg-success .msg-contents {
    padding-left: 230px;   
    min-height: 180px;
    background-image: url(../img/msg-success.gif);
    background-position: 45px 50%;
    background-repeat: no-repeat;
}

.msg h2, .msg h3, .msg h4, .msg a, .msg a:hover, .msg a:visited, .msg strong {
    color: #fff;
}

.msg, .msg h2 span {
    color: #aaa;
}

.msg strong {
    font-weight: normal;
}

.msg ul {
    list-style: none;
    margin: 1em 0 0 0;
    padding: 0;
    border-top: 1px solid #433f39;
}

.msg li {
    padding: 10px 10px 10px 40px;
    border-bottom: 1px solid #433f39;
    list-style: none;
    margin: 0;
    background: url(../img/msg-icons.gif) 0 0 no-repeat;
}

.msg li.msg-friends {
    background-position: 0 -100px;
}

.msg li.msg-digg {
    background-position: 0 -200px;
}

.msg-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: bold;
    font-size: 85%;
}

