/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* CSS Reset Ends */
a{
    outline:none;
}
/*header style starts*/
#headerContainer{
    margin-top:10px;
}
#umojaLogo{ 
    margin:10px 0 0;
    float:left;
    background:url("../images/umoja-logo-small-trans.png") no-repeat;
    height:50px;
    width:180px;
    text-indent:-1000px;
}
#headerTopLinks{
    float:right;
    font-size:12px;
    margin-top:5px;
}
#headerTopLinks li{
    float:left;
}
#headerTopLinks a{
    color:#555;
}
.createPageButton{
    float:right;
    margin-top:5px;
}

#navSearch{
    border:0 none;
    float:left;
    font-size:13px;
    margin-right:3px;
    margin-top:-1px;
    padding:3px 23px 3px 3px;
    width:300px;
    background:#FFFFFF url(../images/1260955140_search_button_green.png) no-repeat scroll 99% center;
    font-weight:normal;
    color:#555;
}
/*header style ends*/


img{border:0px}
a{color:#009F00;text-decoration:none;}
a:hover{text-decoration:underline;}
*{margin:0;padding:0;}
.clearfix{clear:both;float:none;}
.right{float:right;}
.left{float:left;}
.normalText{
    color:#424242;
    font-family:Helvetica,sans-serif;
    font-size:9pt;
}
.text-padding {
    padding:0 10px 10px;
}
.section-text {
    line-height:1.4;
    margin:8px 0 0;
}
.section-ul, .section-ul li{
    list-style:none;
    margin-bottom:25px;
}
h2{
    font-size:12pt;
    font-weight:bold;
    padding:0;
}
h3{font-size:13px;font-weight:bold;margin-bottom:4px;}
h2 span{
    color:#898989;
    font-size:8pt;
    font-weight:normal !important;
    padding-top:8px;
}
h2 span img{
    margin-bottom:-4px;
}
.h2-padding{
    padding:10px 10px 0;
}
h2.page-head{
    font-family:Helvetica,Verdana;
    font-size:20px;
    color:#111;
    margin-bottom:5px;
}
h2.impact-head{
    font-family:Helvetica,Verdana;
    font-size:28px;
    color:#111;
}
h3.sub-head{
    font-family:Helvetica,Verdana;
    font-size:17px;
    color:#111;
    margin:15px 0 7px;
}
h3.impact-head{
    font-family:Helvetica,Verdana;
    font-size:22px;
    color:#111;
    font-weight:normal;
    margin:0px 0 7px;
    letter-spacing:0.03em;
}
h1.title-text{
    font: bold 16pt Helvetica, sans-serif;
    color:#333; 
    margin:0; 
    padding:10px 0 0 10px; 
    line-height:1em;
}
.border-bottom{border-bottom:1px solid #eee;padding-bottom:3px;}
div.sub-title{
    font-size:11px;
    padding:5px 0 11px 10px;
}
img.img-link{
    vertical-align:middle;
}
.impactText{
    font-weight:bold;
}
div.left-section{
    float:left;
    width:640px;
}

div#bread-crum{
    font-size:11px;
    color:#AAA;
    margin:0 0 10px 0;
}
div#bread-crum a{
    color:#009F00;
}

.content-section{
    border: 0; padding: 0; background: #F5F5F5;margin-bottom:25px;
}
.featured-section{
    margin-top:20px;border: 0; padding: 0; background: #DEFFDD url(../images/featured-bg.png) no-repeat scroll 0 0;color:#000;
}
.featured-bottom{
    height:10px;background:#DEFFDD url(../images/featured-bg.png) no-repeat scroll 0 bottom;font-size:0px;
}
.section { width:620px; border-width:0 1px; border-color:#DDD; border-style:solid; padding:6px 9px; clear:left;line-height:1.6; }
.section-top{font-size:4px;height:4px;background:transparent url('../images/blockbg.png') no-repeat 0 0;}
.section-bottom{font-size:4px;height:4px;background:transparent url('../images/blockbg.png') no-repeat bottom left;}
.section.nobg { background: transparent; }
.section.nopadding { padding: 0; }
.section.notoppadding { padding-top: 0 !important; }
.section-break { clear:both; margin-top:18px; }
.section ul { list-style-type: none; margin:0; padding: 0; }
.section ul li { line-height: 1.2em; margin-bottom: 0; }
.sidebar-margin { margin-bottom: 8px; }
.section ol { margin:0 0 0 1.9em; padding:0; }
.section ol li{ margin:0 0 4px 0; }
.section p{margin:10px 0 0;}
div.right-section{
    float:right;
    width:300px;
}
div.right-section .section{
    background:transparent; margin:0; padding:10px 0; border:0;width:300px;
}

.more-container{margin-top:10px;}
.more-button-bg { 
    background:transparent url(../images/more-bg.png) no-repeat scroll 0 0;
    height:21px;
    padding:5px 0 0 10px;
    cursor:pointer;
    display:block;
}
.more-button-bg:hover { background-position: 0 -27px;}
.more-arrow { background: url("../images/mahalo3_ui.png") -249px -4px no-repeat; width: 9px; height: 5px; border:0; margin: 4px 10px 0 0; }
.more-arrow.fact-arrow { margin:4px 20px 0 0;}
span.more-loading{
    background: transparent url(../images/load.gif) no-repeat right center;
    display:none;
}



/***** Twitter Section Styles *****/
.tweet-container { float:left; width:54px; height:54px; }
.tweet { padding: 5px 5px 3px 5px; line-height:1.1em; overflow:hidden; font-size:8pt; font-family: Helvetica, sans-serif; }
.tweet a { font-size: 8pt !important; }
.tweet-list-item { height:54px; margin-top:6px;  }
.li-listodd{background:transparent url(../images/diagonalPattern_bgImg.png) repeat scroll 0 0;}

/***** End Twitter Section Styles *****/



/***** News Section Styles *****/
.news-list-item{padding:10px 0;}
.news-list-item .timestamp{font-size:10px;color:#888;}
/***** End News Section Styles *****/


/***** contributor section ****/
.contributor{
    padding:5px 0;
    font-size:11px;
    color:#888;
    overflow:auto;
}
.contributor img{
    width:90px;
    height:90px;
    margin:0 10px 5px 0;
    padding:3px;
    border:1px solid #eee;
    float:left;
}
.contributor a.name{    
    font-size:12px;
    display:block;
}


/***** Featured Section Styles *****/
.featured-list li{width:140px;padding:10px;color:#555;}
div.featured-section h2{padding-top:14px;font-size:18px;}
div#featured-pages{width:620px;}
div#featured-pages a img{width:130px;height:90px;padding:4px;border:1px solid #9DCF9B;background-color:#FFF;}
div#featured-pages a:hover img{border-color:#048F00;background-color:#FFF;}
.prev, .next{outline:none; width:27px;height:22px;text-indent:-1000px;border:0;cursor:pointer;-moz-outline-style: none;}
.prev{margin-left:10px;float:left;background:transparent url(../images/left.png) no-repeat center center;}
.next{margin-right:10px;float:right;background:transparent url(../images/right.png) no-repeat center center;}
button.disabled{opacity:0.2;filter:alpha(opacity:20);}


div#featured-videos{width:620px;}
div#featured-videos a img{width:130px;height:90px;padding:4px;border:1px solid #9DCF9B;background-color:#FFF;}
div#featured-videos a:hover img{border-color:#048F00;background-color:#FFF;}
a.featured-play{
    width:130px !important;
    padding:5px !important;
}
/***** Featured Section Styles *****/




/****** Photos Section Styles ******/
ul.photoslist{
    margin:15px 0 0;
}
ul.photoslist li{
    display:block;
    float:left;
    width:75px;
    height:75px;
    margin:0px 15px 15px 0;
}
ul.photoslist li.last-li{
    margin-right:0px !important;
}
ul.photoslist li a, ul.photoslist li img{
    display:block;
    width:75px;
    height:75px;
}
/****** Photos Section Styles Ends ******/


/****** ScreenShot Section Styles ******/
ul.screens-list{
    margin:5px 0 0;
}
ul.screens-list li{
    display:block;
    float:left;
    width:90px;
    height:90px;
    margin:0px 10px 10px 0;
}
ul.screens-list li.last-li{
    margin-right:0px !important;
}
ul.screens-list li a, ul.screens-list li img{
    display:block;
    width:90px;
    height:90px;
}
img.screen-thumb{
    border:1px solid #CCC;
    padding:2px;
}
/****** ScreenShot Section Styles Ends ******/

/****** Videos Section Styles ******/
ul.videoslist{
    margin:15px 0 0;
    overflow:auto;
}
ul.videoslist li{
    display:block;
    float:left;
    width:90px;
    height:100px;
    margin:0px 15px 15px 0;
}
.video-duration{
    background:#000000;
    color:#FFFFFF;
    font-size:11px;
    padding:2px 5px;
}
ul.videoslist li.last-li{
    margin-right:0px !important;
}
ul.videoslist li a, ul.videoslist li img{
    display:block;
    width:90px;
    height:90px;
}
a.video-play{
    display:block;
    width:90px;
    height:90px;
    position:absolute;
    background:transparent url('../images/1261070921_media-playback-start.png') no-repeat center center;
    opacity:0.7;
    filter:alpha(opacity=70);
    cursor:pointer;
}
a.video-play:hover{text-decoration:none}
/****** Videos Section Styles Ends ******/








/*Navigation menu*/
#topNav{
    background-color:#098F08;
    margin:20px 0;
    float:left;
    width:960px;
}
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
 
.nav {
  z-index: 100;
  position: relative;
  margin-top:3px;
}
.nav li {
  float: left;
  margin: 0 0 0 15px;
  padding: 0;
  position: relative;
  font-size:13px;
  font-weight:bold;
  line-height:19px;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  background: #098F08;
  color: #FFF;
  display: block;
  padding:1px 10px 3px;
  text-decoration: none;
}
 
.nav li a:hover {
  background: #FFF;
  color: #004F00;	
 
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #FFF;
  color: #004F00;	
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #098F08;
  color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #fff;
  color: #004F00;	
}
 
.nav ul {
  background: #098F08;
  border-bottom: 1px solid #004F00;
  list-style: none;
  margin: 0;
  width: 180px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 23px;
}
.nav ul li {
  border: 0;
  float: none;
  margin:0px;
}
.nav ul a {
  border: 1px solid #015F00;
  border-bottom: 0;
  padding-right: 0px;
  width: 160px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}

#topNav li.selected a{
    color:#004F00 !important;
    background-color:#fff !important;
}
/*navigation menu ends*/







/*footer section starts */
html, body {
    height: 100%;
}
div#outer {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom:-50px !important;
}
#smallFooterContainer, #footerContainer{
    background:#D6FAB4 url('../images/footer-bg.png') repeat-x 0 0;
    border-top:4px solid #098F08;
    padding-bottom:10px;
}
#smallFooterContainer{
    background:#D6FAB4 !important;
    margin:0 auto;
    width:960px;
    height:40px;
}
.push{
    height:50px;
}
#footerContainer a{
    color:#017F00;
}
#smallFooter{
    font-size:13px;
    color:#444;
    padding-top:5px;
    overflow:auto;
}
#smallFooter a, #smallFooter a:hover{
    color:#149F13;
    text-decoration:none;
}
.footer-left-links{
    width:600px;
    float:left;
}
.footer-left-links li{
    display:inline;
    padding:0 10px;
}
.footer-right-links{
    float:right;
}
.footer-right-links li{
    padding:0 10px;
    text-align:right;
}
.footer-right-links li.copyright{
    font-size:11px;
    color:#888;
    padding-top:5px;
}


.footerBlock{
    width:940px;
    margin:10px auto;
    padding-bottom:10px;
    border:1px solid #A7DF6F;
    border-width:0 0 1px;
}
#footerAlphabets p, #footerInNews p{
    width:200px;
    float:left;
    font-size:13px;
}
#footerAlphabets p span, #footerInNews p span{
    display:block;
    font-size:18px;
    font-weight:bold;
    color:#444;
}
#footerInNews p a{
    font-size:12px;
}
#footerInNews table{
    width:730px;
    float:left;
}

#footerAlphabets table{
    width:500px;
    float:left;
}
#footerAlphabets td{
    font-size:13px;
    line-height:18px;
    padding:0 2px;
    font-weight:bold;
}

#footerLinks h3{
    font-size:18px;
    font-weight:bold;
    color:#444;
    text-align:center;
}
#footerLinks ul.links{
    width:153px;
    float:left;
}
#footerLinks ul.links li{
    margin:5px 0 5px;
    padding-right:15px;
}
#footerLinks h4{
    font-size:15px;
    font-weight:bold;
    color:#444;
}
#footerLinks a{
    font-size:12px;
}
#footerLinks ul.bottomLinksNav{

}
#footerLinks ul.bottomLinksNav li{
    list-style:none;
    display:block;
    float:left;
    padding:5px 15px;
}
#footerLinks ul.bottomLinksNav li.selected{
    border-width:1px 1px 0 1px;
    border-color:#CCC;
    border-style:solid;
    background:#EFFFDF;
}
.linksCont{
    margin-top:-1px;
    padding:5px 10px;
    border:1px solid #CCC;
    background:#EFFFDF;
    display:none;
}

#bottomNav{
    float:left;
    width:940px;
}
#bottomNav ul{
    list-style:none;
}
#bottomNav li{
    float:left;
    font-size:13px;
    font-weight:bold;
    line-height:22px;
    margin-right:15px;
    padding:0;
    position:relative;
}
#bottomNav li a{
  display: block;
  padding:1px 10px 3px;
  text-decoration: none;
} 
#bottomNav li a:hover {
  background: #FFF;
  color: #004F00;	
}
#bottomSearchInput{
    margin-top:2px;
    border:1px solid #CCC;
    float:left;
    font-size:13px;
    padding:3px 23px 3px 3px;
    width:300px;
    background:#FFFFFF url(../images/1260955140_search_button_green.png) no-repeat scroll 99% center;
    font-weight:normal;
    color:#555;
}
.noborder{
    border:0px !important;
}
.nopadding{padding:0px !important;}
.nomargin{margin:0px !important;}
/*footer section ends*/





/*nag screen start*/
div.nagScreen{
    background-color:#FFFFC0;/*FFF4C2 used in umoja.com*/
    border:1px solid #FFCC33;
    margin:5px;
    padding:5px;
    color:#333333;
    font-size:13px;
    
}
img.closeBtn{
    float:right;
}
.nagScreen div.head{
    font-size:25px;
    text-align:center;
}
.nagScreen div.head img{
    float:left;
    margin:0 10px 10px 0;
    height:45px;
}
.openIdIcon{
    border:1px solid #CCC;
    padding:2px;
    width:16px;
    background-color:#fff;
    margin-right:6px;
}
.nagText{
    font-size:13px;
    
}
.nagText img{
    vertical-align:middle;
}    
/*nag screen ends*/











/* Start Style for Home Page */
.pkg{
    display:block;
    margin-right:-10px;
    }
li.popular-post{
    width:184px;
    height:140px;
    color:#999999;
    float:left;
    font-family:"Arial";
    font-size:11px;
    margin:0 10px 10px 0;
    position:relative;
    overflow:hidden;
}
#mainContent li#ad {
    background-color:#1A1A1A;
    background-image:url(../images/ad-bg.png);
    background-position:left center;
    background-repeat:no-repeat;
    float:right;
    height:290px;
    margin:0 0 10px;
    position:relative;
    width:378px;
}
li.popular-post img{
    width:184px;
    height:140px;
}
.overlay-wrapper{
    bottom:0;
    left:0;
    position:absolute;
    width:100%;
}
.overlay {
    overflow:hidden;
    position:relative;
}
.overlay .headline {
    padding:5px;
    position:relative;
    z-index:2;
}
#mainContent li.popular-post h3 {
    font-size:13px;
    font-weight:normal;
    margin-bottom:2px;
    color:#CC3300;
}
#mainContent li.popular-post h3 a {
    color:white;
    text-decoration:none;
}
#mainContent li.popular-post .sub-link a {
    color:#CCCCCC;
}
.overlay .transparent {
    background-color:#000000;
    height:200px;
    left:0;
    opacity:0.8;
    filter:alpha(opacity=80);
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
}


div.homeLeftFeatured{
    width:572px;
    float:left;
    position:relative;
    overflow:hidden;
}
div.homeRightFeatured{
    width:378px;
    float:right;
    position:relative;
    overflow:hidden;
}
ul.ulFeatured{
    list-style:none;
}
ul.ulFeatured li:first-child {
    margin-left:0;
}
ul.ulFeatured li.selected{
    background:#F8FBFB none repeat scroll 0 0;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px 1px 0;
    position:relative;
    z-index:2;
}
ul.ulFeatured li{
    background:#E7EAEA url(../images/tab_bg.gif) repeat-x scroll left bottom;
    border-top:1px solid #FFFFFF;
    display:block;
    float:left;
    font-size:13px;
    font-weight:bold;
    margin-left:4px;
    padding:7px 14px 8px;
}
div.divFeatured{
    background:#F8FBFB none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    top:-1px;
    padding:8px 12px;
    position:relative;
    overflow:hidden;
    /*width:546px;*/
}
div.divFeaturedInner{
    width:10000px;
}
ul.ulFeatured  li a:hover {
color:#222222;
text-decoration:none;
}
ul.ulFeatured  li.selected a:hover {
    color:#333;
    text-decoration:none;
    cursor:text;
}
ul.ulFeatured  li a {
    color:#555555;
}
ul.ulFeatured  li.selected a {
    color:#333;
}
ul.ulFeaturedItem{
    width:546px;
    float:left;
    margin-right:12px;
}
ul.ulFeaturedItem li{
    margin-bottom:5px;
}
ul.ulFeaturedItem li img.thumb{
    border:1px solid #CCC;
    padding:2px; 
    width:130px;
    height:90px;
    float:left;
    margin:0 10px 10px 0;
}
ul.ulFeaturedItem h3{
    font-size:14px;
    margin-bottom:7px;
}
ul.ulFeaturedItem h4{
    font-size:13px;
    font-weight:bold;
    margin-bottom:4px;
}
div#divFeaturedRight ul.rightItem{
    width:353px !important;
}
div#vision{
    font-size:13px;
    font-weight:bold;
    padding:10px;
    background-color:#DFFFBF;
    border:1px solid #CCC;
    color:#222;
    margin-bottom:10px;
}
div.subHead{
    font-size:14px;
    padding-bottom:10px;
    color:#111;
    font-size:13px;
    font-weight:bold;
    font-family:Helvetica, Verdana;
}
div.subHead span{
    font-size:18px;
}
div.tab-message{
    font-size:13px;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:10px;
    color:#DF1B1B;
}
div.see-more{
    padding-left:146px;
    margin-top:4px;
}
div.see-more img{
    margin-right:5px;
    vertical-align:middle;
}
div#divFeaturedRight ul.ulFeaturedItem li img.thumb{
    height:85px;
    width:85px;
    margin:0 6px 7px 0;
}
div#divFeaturedRight ul.ulFeaturedItem li:last-child img.thumb{
    margin:0 6px 5px 0;
}
/* End Style for Home Page */





/*directory page */
div#directory-ad {
    background-color:#1A1A1A;
    float:right;
    height:600px;
    margin:0 0 10px;
    width:160px;
}
#mainContent ul.pkg li.directory-popular-post{
    margin-right:16px;
}
div#directory-content{
    float:left;width:800px;
}
ul.directory-links li{
    float:left;
    width:25%;
    color:#555;
    margin-bottom:15px;
    font-size:13px;
}
ul.directory-links li h5{
    font-size:16px;
    font-weight:bold;
}
div.sub-content{
    width:785px;
}
/* End directory page */





/* Category Page */
div.div-filter{
    float:left;
    width:135px;
    margin-right:10px;
    font-family:helvetica,arial,sans-sarif,verdana;
}
.div-filter ul{
    text-align:center;
    border-width:0 1px 1px;
    border-color:#dfdfdf;
    border-style:solid;
}
.div-filter ul li.head{
    color:#444444;
    font-size:16px;
    padding:10px 0 6px;
    font-weight:bold;
}
.div-filter ul li{
    list-style:none;
	border-top:1px solid #dfdfdf;
}
.div-filter ul li a{
    padding:5px 0 0;
	height:21px;
	display:block;
	color:#666;
	font-weight:bold;
}
.div-filter ul li a.active{
    background-color:#CFCFCF !important;
}
.div-filter ul li a:hover{
    background-color:#ddd;
    text-decoration:none;
}
div.categoryItemList{
    float:left;
}
/* End Category Page */


/* Rounded Corner */
.rc_box {
	background: url(../images/rc_tl.png) no-repeat top left;
}
.rc_top {
	background: url(../images/rc_tr.png) no-repeat top right;
}
.rc_bottom {
	background: url(../images/rc_bl.png) no-repeat bottom left;
}
.rc_bottom div {
	background: url(../images/rc_br.png) no-repeat bottom right;
}
.rc_content {
	background: url(../images/rc_r.png) top right repeat-y;
}

.rc_top div,.rc_top,
.rc_bottom div, .rc_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.rc_content, .rc_bottom {
	
}
.rc_content { padding: 0 10px; }
/* End Rounded Corner */



/*User Home Page */
.user-thumb{
    float:left;
    padding:2px;
    border:1px solid #dfdfdf;
    margin:0 10px 10px 0;
    width:75px;
}
.social-icons{
    margin-top:10px;
    list-style:none;
}
.social-icons li{
    display:inline;
    margin-right:5px;
    line-height:16px;
    font-weight:bold;
}
.social-icons li img{
    vertical-align:text-bottom;
}
.visited-pages{ 
    width:100% !important;
    margin-top:5px;
}
.visited-pages li{
    float:left;
    width:49%;
    margin-right:10px;
}
.user-stats-head{
    background:#E7EAEA url(../images/tab_bg.gif) repeat-x scroll left bottom;
    padding:7px 10px 8px;
    font-size:13px;
    font-weight:bold;
}
.user-stat{
    border:1px solid #ccc;
    border-top:none;
    padding:7px 10px 8px;
}
.user-stat table{
    width:100%;
}
.user-stat tr{
    border-bottom:1px solid #efefef;
}
.user-stat tr:last-child{
    border:none;
}
.user-stat table tr td:first-child{
    font-weight:normal !important;
    background-color:#fff;
    color:#777;
}
.user-stat table tr td{
    font-weight:bold;
    padding:4px 0;
}
.user-stat table tr th{
    font-weight:bold;
    font-size:14px;
    font-family:Helvetica,Verdana;
    padding:6px 0;
    color:#DF1B1B;
}
.user-stat table tr th:first-child{
    font-size:14px;
    font-family:Helvetica,Verdana;
}
ul.followers li{
    margin-top:5px;
    width:33%;
    float:left;
}
ul.followers li a{
    font-weight:bold;
}
ul.followers li img{
    float:left;
    width:45px;
    height:45px;
    padding:3px;
    border:1px solid #DFDFDF;
    margin:0 5px 5px 0;
}
ul.activity-stream{
    border-top:1px solid #efefef;
}
ul.activity-stream li{
    padding:5px;
    font-size:13px;
    border-bottom:1px solid #efefef;
    margin:5px 0;
}
ul.activity-stream li a{
    font-weight:bold;
}
ul.activity-stream li div{
    font-size:11px;
    color:#AAA;
}
ul.activity-stream li img{
    float:left;
    margin:0 5px 5px 0;  
}
div.pagi-links{
    margin-top:20px;
    clear:both;
}
/*End User Home Page */


div.loadingDiv, div#loadingDiv{
    position:absolute;
    display:none;
    background:#000 url(../images/ajax-loader.gif) no-repeat center center;
    opacity:0.7;
    filter:alpha(opacity=70);
    margin-top:1px;
}
div#busy_message{
    position:fixed;
    top:0px;
    width:150px;
    background-color:#DF454B;
    padding:5px 15px;
    font-weight:bold;
    font-size:13px;
    color:#fff;
    -moz-border-radius: 0 0 3px 3px; 
    -webkit-border-radius: 0 0 3px 3px; 
    display:none;
    text-align:center;
    z-index:111;
}



/*User Setting Page*/
div#divSettingCont{
	background:transparent url('../images/content_bg.png') repeat-y left top;
}
div.tripName{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:4px 15px 5px;
	color:#555;
	background:#fff url('../images/head-bg.png') repeat-y left top;
}
.divPageBottom{
	background:transparent url(../images/content_bottom.png) no-repeat scroll 0 0;
	bottom:0;
	font-size:1px;
	height:7px;
	left:0;
	width:960px;
}
.divPageTop{
	background:transparent url(../images/content_top.png) no-repeat scroll 0 0;
	top:0;
	font-size:1px;
	height:7px;
	left:0;
	width:960px;
}
.divInnerPage{
	background:transparent url(../images/div-bg.png) repeat-y left top;
}
div.divList{
	width:230px;
	float:left;
}
ul.ulList{
	margin:0px;
}

ul.ulList li:last-child{
	border-bottom:solid 1px #EEE;
}
ul.ulList li{
	background:transparent url(../images/li-bg.png) repeat-x scroll center top;
	border-bottom:1px solid #EEEEEE;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 13px 0 2px;
	padding:10px;
}
ul.ulList li:hover{
	background:#fff;
	cursor:pointer;
}
ul.ulList li.selected{
	background:#DCDCDC url(../images/li-selected.png) no-repeat scroll right center;
	border:none;
	margin-right:0;
}
div.listHead{
    display:block;
	color:#909090;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#149F13;
}
a.listHead:hover{
    text-decoration:none;
}
ul.ulList li.inactive{
	background:#FFF;
	cursor:auto !important;
}
ul.ulList li.inactive:hover{
	cursor:auto !important;
}
ul.ulList li.inactive div.listHead{
	color:#BFBFBF;
	font-weight:normal;
}
a.aPageHead{
	font-size:13px;
	color:#555;
}
a.togglemodule{
	background:transparent url('../images/wikimodule-expand.png') no-repeat left -13px;
	font-size:11px;
	text-decoration:none !important;
}
a.close{
	background-position:0 1px;
}
div.divInfo{
    width:700px;
    float:left;
    margin-left:20px;
}
div.divInfo input, div.divInfo textarea, div.divInfo select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    border:1px solid #DDDDDD;
    padding:4px;
    font-size:13px;
    width:300px;
}
div.divInfo textarea{
    width:450px !important;
}
div.divInfo label{
    margin:10px 0 5px;
    font-size:13px;
    font-weight:bold;
    display:block;
}
div.divPageTop{
    height:7px;
    background:#fff url(../images/content_top.png) no-repeat left top;
}
div.divFormCont{
    display:none;
}
div.divFormCont:first-child{
    display:block;
}
/*End User Setting Page*/





/* a button settings */
a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 13px arial, sans-serif;
    height: 24px;
    margin-right: 20px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button:hover{
	color: #444 !important;
}
a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* Button settings end */



.message{
    color:#27BCEE;
    font-size:14px;
    font-weight:bold;
    font-family:Helvetica,Verdana;
}
.error{
    color:#DF454B;
    font-weight:bold;
    font-size:14px;
    font-family:Helvetica,Verdana;
}




/*Sign UP Page Styles */
div#userInvitation{
    /*float:left;
    width:150px;*/
    background-color:#F5F4EE;
    margin-bottom:20px;
    padding:10px 30px;
    border:1px solid #D4D0C1;
    font-size:18px;
    line-height:1.6;
    color:#333;
}
div#userSignUp{
    
}
div#userSocialSignUp{
    
}

#userRegistrationInner{
    width:455px;
    margin:0px auto;
}

div.signUpPage label{
    color:#333333;
    float:left;
    text-align:right;
    width:132px;
    font-size:13px;
    font-weight:bold;
    margin-right:10px;
    padding-top:3px;
}
div.signUpPage div#userSocialSignUp label{
    width:100px;
}
div.signUpPage input[type="text"],div.signUpPage input[type="password"], div.signUpPage select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    float:left;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:3px;
    width:275px;
    border:1px solid #BBB;
    margin-bottom:5px;
}
div.signUpPage div#userSocialSignUp input[type="text"], div.signUpPage div#userSocialSignUp input[type="password"]{
    width:250px;
}
div.signUpPage div#userSocialSignUp select{
    width:258px;
}
div#userSignUp select {
    width:285px !important;
}
div.signUpPage small{
    background:transparent url(../images/icon-i.png) no-repeat scroll left top;
    clear:both;
    display:block;
    font-size:12px;
    margin-left:141px;
    padding-left:21px;
    width:310px;
    color:#333333;
    opacity:0;
    filter:alpha(opacity=0);
    margin-bottom:10px;
}
div.signUpPage div#userSocialSignUp small{
    margin-left:109px;
    width:285px;
}
div.signUpPage label.error{
    clear:both;
    margin-left:141px;
    width:285px;
    font-size:12px;
    display:none;
    color:#DF454B;
    padding:0px;
    text-align:left;
}
div.signUpPage div#userSocialSignUp label.error{
    margin-left:109px;
    width:285px;
}
#userSignUp div.message{
    clear:both;
    margin-left:141px;
    font-size:12px;
    display:none;
}
div.signUpPage div#userSocialSignUp div.message{
    margin-left:109px;
    width:285px;
}

#userSignUp div.message div.error{
    font-size:12px;
}
div.signUpPage div.icn{
    width:16px;height:16px;
    float:left;
    margin:5px 0 0 15px;
    display:none;
}
div.signUpPage div.loadingIcon{
    background:#FFF url(../images/small-load.gif) no-repeat 0 0;
}
div.signUpPage div.errorIcon{
    background:#FFF url(../images/error.png) no-repeat 0 0;
}
div.signUpPage div.okIcon{
    background:#FFF url(../images/ok.png) no-repeat 0 0;
}
div#socialAuth{
    font-size:16px;
    font-weight:bold;
    line-height:20px;
}
div#socialAuth img{ 
    vertical-align:middle;
}
div#socialAuth img.openIdIcon{
    margin-right:4px;
}
textarea.error, input.error, select.error{
    color:#DF454B;
    font-weight:normal;
    border:1px solid #BF000C !important;
}




div#thankyou{
    font-size:25px;
    color:#555;
    line-height:1.6;
}
.bigText{   
    font-family:Helvetica;
font-size:16px;
font-weight:bold;
}
ul.normal{
   list-style-type:circle;
}
div.bigText ul.pkg li.popular-post{
    margin-right:7px;
}
/*End Sign UP Page Styles */





/* invitation page */
label {
    color:#666666;
    width:100%;
}



input.text_field {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border:1px solid #DDDDDD;
    font-size:14px;
    margin:0;
    padding:8px;
    width:200px;
}
.col-field{
    padding:12px;
}
.security{
    margin-top:20px;
}

.submitBtn{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    padding:5px;
    margin:10px;
}

/*member html */
.people-chooser-list {
    width:100%;
    background:#F8FBFB none repeat scroll 0 0;
}
.people-chooser-list fieldset {
    border-color:#CCCCCC #CCCCCC -moz-use-text-color;
    border-style:solid solid none;
    border-width:1px 1px 0;
}
.people-chooser-list .select-all-people {
    background-color:#EEEEEE;
    border-bottom:1px solid #CCCCCC;
    color:#666666;
    line-height:200%;
    margin:0;
    padding:0 5px;
}

.people-chooser-list .select-all-people input {
    margin-right:5px;
    margin-left:10px;
}
.people-chooser-list .table-wrapper {
    overflow-y:scroll;
    padding:4px 0 0;
}
.table-wrapper {
    height:230px;
}
.people-chooser-list td {
    border-bottom:1px solid #EEEEEE;
    font-size:0.95em;
    padding:5px;
    vertical-align:middle;
}
.people-chooser-list td.name {
    width:40%;
}
.people-chooser-list td.about {
    padding-right:18px;
    width:60%;
}
.memberBlock{
    border-bottom:1px solid #EFEFEF;
    float:left;
    margin:10px;
    width:30%;
    padding:10px 0;
}
.memberBlock img{
    float:left; margin-right:10px;
}
.memberBlock input{
    float:left;margin-right:5px;
}
.followBtn{
    background:#F8FBFB none repeat scroll 0 0;
    border-color:-moz-use-text-color #CCCCCC #CCCCCC;
    border-style:none solid solid;
    border-width:0 1px 1px;
    margin-bottom:-10px;
    text-align:center;
}
.emailBlock{
    border-bottom:1px solid #EFEFEF;
    float:left;
    width:30%;
    margin-right:1%;
    padding:5px 10px;
}
.emailBlock label{
    margin-left:4px;
}
/* End Invitation section */




/*Registration LightBox */
#registerContainer{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.7;
    filter:alpha(opacity=70);
    display:none;
    left:0px;
    top:0px;
    z-index:100;
}
#register{
    position:absolute;
    width:400px;
    height:194px;
    background-color:#FFF;
    z-index:101;
    display:none;
    font-size:13px;
}
#register div{
    margin:1px;
    border:1px solid #CCC;
    padding:10px;
}
table.registerTable{
    width:100%;
}
table.registerTable td{
    text-align:center;
}
#tableUsing{
    width:100px;
    font-size:25px;
    vertical-align:middle;
}

/* Edit Page */

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable li { margin-bottom: 10px; padding: 5px; font-size: 13px; height: 1.6; text-align:right; }
#sortable li span{float:left;}
html>body #sortable li { line-height: 1.5em; }
.ui-state-highlight { line-height: 1.5em; }


#pageLayout{width:100%;float:left;}
#td-head, #td-footer{line-height:40px;height:40px;margin:20px 0;background-color:#FAFAFA;color:#CCC;font-size:14px;text-align:center;font-weight:bold;border:1px solid #CCC;}
#td-content{width:75%;padding-right:20px;}
#td-sidebar{border:1px solid #CCC;background-color:#FAFAFA;color:#CCC;font-size:14px;text-align:center;font-weight:bold;}
.td-border{width:100%;height:100%;}
.addNewBlock{margin-top:30px;text-align:center;padding:10px;border:2px dashed #AAA;background-color:#EDEDED;font-weight:bold;}
.addNewBlock select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:3px;
    width:250px;
    border:1px solid #BBB;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    font-weight:normal;
}
ul#sortable .ui-state-default a, ul#sortable .ui-state-default a:link, ul#sortable .ui-state-default a:visited {
    color:#009F00;
    font-weight:bold;
}
#id-heading{
    padding:7px;border:1px dashed #AAA;background-color:#EDEDED;
    margin-bottom:20px;
    text-align:right;
}
#id-heading span{
    font-weight:bold;
    float:left;
}
#id-heading a{
    color:#009F00;
    font-weight:bold;
    font-size:13px;
}
div.div-handle{
    padding-left:12px;
    height:100%;
    background:transparent url(../images/handle.gif) repeat-y 0 0;
    height:1.5em;
    cursor:move;
    width:687px;
}
.left50{
    width:49%;
    float:left;
}
.leftMargin50{
    float:left;
    width:49%;
}
.right50{
    width:50%;
    float:right;
}
/*div#editContainer{
    width:35%;
    float:right;
}
div#editContainer input[type="text"], div#editContainer select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:5px;
    width:275px;
    border:1px solid #BBB;
    margin-bottom:5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
div#editContainer label{
    font-weight:bold;
    margin:15px 0 10px;
    font-size:13px;
    display:block;
}
div#editContainer input[type="button"],div#editContainer input[type="submit"]{
    display:block;
    margin-top:5px;
    padding:4px 10px;
    font-size:13px;
}
*/

.form-div{display:none}
div.editDiv{
    padding:10px 0 5px 10px;
    text-align:left;
}
a.edit-link{
	background:transparent url('../images/edit-bg.png') no-repeat left 2px;
    padding-left:17px;
    color:#666 !important;
	text-decoration:none !important;
}
a.open{
	background-position:0 -15px;
}
a.delete-link{
    background:transparent url('../images/close.png') no-repeat left 0px;
    padding-left:17px;
    color:#666 !important;
	text-decoration:none !important;
}

div.editDiv input[type="text"], div.editDiv select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:5px;
    width:275px;
    border:1px solid #BBB;
    margin-bottom:3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
div.editDiv input[type="text"]{
    width:263px;
}
div.editDiv textarea.input_block_text{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:5px;
    width:600px;
    height:150px;
    border:1px solid #BBB;
    margin-bottom:3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
div.editDiv label{
    font-weight:bold;
    margin:3px 0 4px;
    font-size:13px;
    display:block;
}


#save-layout{text-align:center; padding:5px;display:none;}
input.padded-button, div#save-layout input[type="button"]{
    margin-top:5px;
    padding:4px 10px;
    font-size:13px;
}

div.divAddFastFact{
    text-align:right;
    margin-top:5px;
}
div.divAddFastFact, .tblFastFact{
    width:340px;
}
a.addFastFact{
    padding-left:20px;
    background:transparent url(../images/edit-add.png) no-repeat scroll 0 0;
}
.tblFastFact th, .tblFastFact td{
    text-align:left;
    vertical-align:middle;
}
input.fast-fact-title{
    width:100px !important;
    margin-right:6px;
}
input.fast-fact-value{
    width:190px !important;
}
div#id-heading{ 
    background-color: #FEFECC;
    background: #FEFECC url(smoothness/images/li-bg.jpg) 50% 0 repeat-x;
}
div#id-heading .title-div{
    background-color:#EDEDED;
}
/* End Edit Page */




/* Task List */

div.task_filter ul{
    margin:10px 0;
}
div.task_filter ul li{
    list-style:none;
    display:block;
    float:left;
    padding-right:30px;
}
div.task_filter ul label{
    font-size:13px;
    font-weight:bold;
    line-height:24px;
}
/* End Task List */




/* Add Task */
div.div-add-task label{
    margin-top:10px;
    display:block;
    margin-bottom:5px;
    font-weight:bold;
    font-size:13px;
}
div.div-add-task input[type="text"], 
div.div-add-task textarea, 
div.div-add-task select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:5px;
    width:350px;
    border:1px solid #BBB;
    margin-bottom:5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
div.div-add-task select{
    width:360px;
}
/* End Add Task */



/* Task View Page */
div.div-view-page input[type="text"], 
div.div-view-page textarea, 
div.div-view-page select{
    width:330px !important;
}
div.div-view-page .form-left{
    width:380px !important;
}
.task-meta{
    float:left;
    width:180px;
    font-size:12px;
    line-height:1.5;
}
.task-meta img{
    width:48px;height:48px;
}
.task-content{
    margin-left:200px;
    font-size:13px;
}
.text-content h3{
    font-size:16px;
    font-weight:bold;
    margin-top:10px;
}
.text-content p{
    margin-bottom:8px;
}
.text-content ul li{
    list-style-type: square;
    margin:3px 0 3px 40px;
}
.text-content ol li{
    list-style-type: circle;
    margin:3px 0 3px 40px;
}

.task-status{
    margin:20px 0 20px 200px;
    font-size:13px;
    padding:10px;
    background-color:#E2FAE4;
    color:#888;
}
.task-status span{padding:0 15px;}
.task-status span:first-child{padding-left:0px;}
.task-status .current-state{
    font-weight:bold;
    color:#111;
}
#comments{
    margin-top:20px;
}
.comment{
    font-size:13px;
    padding:15px 0;
    border-bottom:1px solid #ccc;
}
.comment img{
    float:left;
    width:48px;
    height:48px;
}
.comment p{
    margin-left:60px;
}
.comment p.timestamp{
    font-size:11px;
    color:#888;
    margin-bottom:2px;
}
.comment p.comment-text{
}
.comment-form{
    margin-top:20px;
}
.comment-form h3{
    font-size:16px;
    margin-bottom:10px;
}
.comment-form  textarea{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:5px;
    width:500px;
    height:100px;
    border:1px solid #BBB;
    margin-bottom:5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
/* End Task View Page */



/* User Page Add */
.user-page-add label{
    margin-top:20px !important;
}
.user-page-add label span{
    font-size:10px;
    color:#AAA;
    font-weight:normal;
}
.hidden{display:none;}
.form-left{
    float:left;
    width:450px;
}
div.user-page-add textarea.larger{
    width:500px;
    height:100px;
}
span.option{
    padding-right:10px;
}
.user-page-add fieldset{
    border-top:1px solid #dfdfdf;
    margin-top:20px;
}
.user-page-add fieldset legend{
    font-size:16px;
    font-weight:bold;
    color:#888;
    padding-right:20px;
}
/* End User Page Add*/



/* News Page */
#news-ad{
    width:300px;
    height:250px;
    float:right;
}
.other-news, .news-content{
    margin-right:340px;
    font-size:13px;
    line-height:1.4;
}
.other-news{
    margin-top:30px;
}
.cluster{
    margin:20px 0 30px;
}
.cluster img.thumb{
    float:right;
    margin:0 0 10px 5px;
}
.cluster cite{
    background:transparent url(../images/note.png) no-repeat left center;
    padding-left:20px;
    display:block;
    color:#999;
    font-size:0.9em;
    font-style:normal;
    font-weight:bold;
    margin-bottom:3px;
}
.cluster cite a{
    color:#777;
    text-decoration:underline;
}
.cluster ul.more-disscussion li{
    margin-left:30px;
    font-size:12px;
    line-height:1.6;
    padding:0px;
}
.cluster ul.more-disscussion cite{
    display:inline;
    padding-left:0px;
    font-size:13px;
    background:none;
}
.cluster cite span.timestamp{font-weight:normal;font-size:10px;color:#888;}
strong.newsh1{
    font-size:24px;
    line-height:1;
    line-height:1.02;
    letter-spacing:-0.03em;
}
strong.newsh2{
    font-size:18px;
    line-height:1.1;
}
strong.newsh3{
    font-size:15px;
    font-weight:bold;
    line-height:1;
}
div.discussion{
    font-size:12px;
}
div.discussion a{
    color:#999999;
}
div.discussion-max{display:none;}
div.discussion img, div.discussion-max img{
    vertical-align:bottom;
}
div.discussion-max span, div.discussion span{
    font-size:14px;font-weight:bold;line-height:16px;
}
.relhed{
    margin:6px 0 0 0px;
    font-weight:bold;
}
.relitems-less ul{
    margin-left:30px;
}
.relitems-less ul li cite{
    display:inline;
}
.relitems ul{
    margin-left:30px;
}
.relitems ul li{
    padding:6px 0;
}

div.story{
    margin:10px 0;
    padding:0 0 2px 90px;
    position:relative;
    border-bottom:1px solid #CCC;
}
div.story h4{
    font-size:15px;font-weight:bold;
}
div.story blockquote{
    line-height:1.6;
    margin-bottom:4px;
    font-size:13px;
}
div.story .details a{
    color:#999999;
    font-size:12px;
    line-height:17px;
}
div.story .details a.time_ago {
    color:#999999;
    display:block;
    left:0;
    font-family:verdana;
    position:absolute;
    top:0px;
}

/* end new section */



/* Trends Page */
#trends{margin-right:200px;font-size:13px;}
.trend{
    width:340px;
    float:left;
    margin-right:40px;
    margin-top:20px;
    margin-bottom:40px;
}
.trend .left{width:150px;}
.trend .left h4{color:#F4851C;font-size:16px;font-weight:bold;}
.trend .left div.thumbnail{font-weight:bold; margin:7px 0;text-align:center;border:1px solid #AAA;padding:2px 5px 10px;}
.trend .left div.thumbnail img{margin:5px;}
.trend .left a.more{color:#888;font-size:12px;}
.trend .right{width:170px;}
.trend .right ol li{
    list-style-position:inside;
    list-style-type:decimal;
    line-height:1.6;
}
.trend .right ol li a,.trend .right ol li a:visited{
    color:#009F00;
}
/* End Trends Page */

ul.normal-UL li{
    list-style-position:inside;
    list-style-type:circle;
    color:#CCC;
    line-height:1.4;
    border-bottom:1px dotted #EFEFEF;
    padding:5px 0;
}
ul.normal-UL li a:hover{
    text-decoration:none;
}
ul.normal-UL li:hover{
    background-color:#FAFAFA;
}

/* Widget Section */
#widget{
    margin-top:10px;
}
#widget-option{
    margin:20px 0px 20px 0;
    width:620px;
}
#widget-option tr td:first-child{
    width:25%;
}
#widget-option tr td{
    width:35%;
}
#widget-option tr td:last-child{
    width:40%;
}
#widget-option tr td img{
    border:1px solid #eee;
    padding:1px;
}
#widget-option a.head, #widget-option a.head:hover{
    color:#F4851C;
    font-family:Helvetica,Arial,Calibri,sans-serif;
    font-size:30px;
    line-height:38px;
}


.badges{
    float:left;
    width:600px;
    margin-top:10px;
}
.badges td{
    padding:15px 10px;
    background-color:#DFFFE7;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    border-color:#FFFFFF #DDEEF6 #DDEEF6 #FFFFFF;
    border-style:solid;
    border-width:1px;
}
.badges td:hover{
    background-color:#CFFFDB;
}
.badge-url{
    margin-top:10px;
    width:300px;
    height:300px;
    float:right;
    position:relative;
    overflow:hidden;
}
.badge-url input[type="text"]{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:5px;
    width:240px;
    border:1px solid #BBB;
    margin-bottom:5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
.badge-container{
    width:260px;
    padding:15px 20px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    background-color:#333;
    color:#FFF;
    text-align:center;
    position:relative;
    top:-300px;
    margin-bottom:-100%;
}
#badge-container{display:none;}
/* End Widget Section */






/* Start GET Widget Page */
#widget-preview{
    width:320px !important;
    clear:left;
    float:right;
    min-height:500px;
    line-height:1.4;
    font-size:13px;
}
#widget-build{
    margin-right:360px !important;
    line-height:1.4;
    font-size:13px;
}

#widget-build fieldset{
    margin:20px 0;
    border-top:1px solid #ccc;
    padding-top:10px;
}
#widget-build fieldset legend{
    font-size:18px;
    color:#F4851C;
    padding-right:10px;
}
#widget-build label{
    font-size:14px;font-weight:bold;
    width:70px;
    display:block;
    float:left;
}
#widget-build small{
    font-size:11px;
    color:#888;margin-bottom:10px;display:block;
}
#widget-build input[type="text"], #widget-build select{
    background:#FFFFFF url(../images/input_bg.png) repeat-x scroll 0 0;
    font-family:Helvetica,arial,san-serif;
    font-size:13px;
    padding:3px;
    border:1px solid #BBB;
    margin-bottom:5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
textarea#widget-code{
    width:100%;
    height:100px;
    background-color:#FAF2C7;
    border:1px solid #888;
    font-size:12px;
}

.padded-table{
    border:1px solid #CCC;
    margin-top:20px;
    width:100%;
}
.padded-table tr td{
    padding:5px 10px;
    border-bottom:1px solid #EEE;
}
.padded-table tr th{
    padding:5px 10px;
    background-color:#333;
    color:#fff;
    font-weight:bold;
}
td.inactive{
    background-color:#CCC;
}



/* Text Page Start */
#text-page-menu{
    width:150px;
    float:left;
    font-family:verdana;
font-size:13px;
padding-top:20px;
}
#text-page-menu ul{
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;
}
#text-page-menu ul li.selected{
    background-color:#EFEFEF;
}
#text-page-menu ul li{
    padding:5px 0 5px 10px;
    border-width:0 0 1px;
    border-style:solid;
    border-color:#DDD;
}
#text-page{
    margin-left:150px;
    font-size:13px;
    line-height:1.4;
}
#text-page h2{
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
}
#text-page h3{
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
    margin-top:10px;
}
#text-page h4{
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
    margin-top:10px;
}
#text-page ul{
    margin:5px 0;
}
#text-page p{
    margin-bottom:5px;
}
#text-page ul li{
    list-style-type:circle;
    list-style-position:inside;
    margin-left:30px;
}
/* End Text Page  */