/* Meritbuilder Main Style Sheet v3.45 */
/********************************      Basic Structure and Layout     **************************/

html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

body {
                font-family: Arial, Helvetica, sans-serif;
                color: #464646;
                font-size: 12px;
				background: #000 url(../images/bg.jpg) repeat-x fixed center -50px;
}

#body-wrapper {
               /* background: #111;*/
            background: #000 url(../images/blacktile.jpg) repeat-x center -50px;    
			width: 900px; 
            margin: 0 auto;	 
			   
/*                padding:5px; 
*/               }                

/*#header {
	margin: 55px auto 0px auto;
	padding: 10px 0;
	width: 800px;
}*/

#headerWrapper{
padding: 10px 0px;
height: 25px; 
background: #111;
border: 1px solid #3e3e3e; 
margin:0 0 50px 0;
width:inherit;
}

#header{
	margin:0 20px;
}


#homeTop{
	height:286px;
	background:url(../images/homeBanner.png) no-repeat;
	margin: 0 0 15px 0;
}

#site-index #features {
	padding:15px;
}

#site-index #features ul li{
	width:205px;
	float:left;
	color:#9F9F9F;
	margin:0px 10px;
}

#site-index #sbutton{
	width:121px;
	height:26px;
	text-indent:-999px;
	background: url(../images/sbutton.png) no-repeat;
	border:0px;
	cursor:pointer;
	display:block;
}

#site-index #features ul li p{
		line-height:1.2em;
}

#site-index #features ul li img{
	width:50px; margin: 0 10px 0 0;
}




#toolbar{
	background: #f5f6f6;
	height: 50px;
	width:800px;
	margin:0 auto;
}


#toolbar ul li{
	border-right: 1px solid #333333;
	display: block;
	height: 50px;
	float: left;
	width: 24.8%;
}

#toolbar ul li a{
display: block;
width: 100%;
height: 100%;
}

#toolbar ul li a:hover{
	background: #030303;
}

#toolbar ul li a.current{
	background: #030303;
}


#topBar{
	background:#111;
	width:900px; 
	margin:5px auto;
}

#topBar a:hover{color: white;}

#pageHeader{
/*
	border-bottom: solid 10px #f5f5f5;
	padding: 10px;
*/
}

#featureWrapper, #featureWrapperHR{
	height: 350px;
	overflow: hidden;
	position: relative;
}

#featureWrapper a, #featureWrapperHR a{
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

#featureWrapper .button, #featureWrapperHR .button{
	font-weight: normal;
	color: white;
	text-decoration: none;
}


.feature{
	padding: 50px 25px;
	height: 100%;
}

.feature div{width:190px; margin-top:0px; color:white; font-size:14px; font-weight:normal;}

.feature div img {border:1px solid #e5e5e5; padding:2px; margin:0 0 20px 0;}

.feature h2{ color:white; margin:0 0 20px 0;}
.feature h3{font-weight:bold;}

.feature strong{color: white; font-weight: bold;}

#feature{
	background: url(../images/feature.jpg) no-repeat;
}

#feature1{
	background: url(../images/feature1.jpg) no-repeat;
}

#featureWrapperHR #feature1{
	background: url(../images/buildyourculture.jpg) no-repeat;
}

#feature2{
	background: url(../images/feature2.jpg) no-repeat;
}

#featureWrapperHR #feature2{
	background: url(../images/manageyourculture.jpg) no-repeat;
}

#feature3{
	background: url(../images/feature3.jpg) no-repeat;
}

#featureWrapperHR #feature3{
	background: url(../images/shareyourculture.jpg) no-repeat;
}

#feature4{
	background: url(../images/feature4.jpg) no-repeat;
}

#featureWrapperHR #feature4{
	background: url(../images/leverageyourculture.jpg) no-repeat;
}

ul.features{
	background: url(../images/featuresWrapperBg.jpg) repeat-x;
	display:inline-block;
	
}

ul.features h2{padding:10px 0; text-align:center; font-size:20px;}

ul.features li{
background: url(../images/featureBorder.jpg) no-repeat right bottom;
border-bottom:solid 1px #e5e5e5;
display: inline-block;
width: 172px;
height: 110px;
padding: 25px;
text-align: center;
float:left;
}

ul.features li:hover{
	background: url(../images/featuresWrapperHoverBg.jpg) repeat-x;
	cursor: pointer;
}

ul.features li.current{
	background:#fff;
	border-right:none;
		background: url(../images/featureCurrent.jpg) no-repeat;
}

ul.features li a{
color: #464646;
font-weight: bold;
}

ul.features li a:hover{
color: green;
font-weight: bold;
}

#feature .rightDiv{width:500px; margin:-200px 0 0 250px; }
#feature .rightDiv form{margin:-50px 0 0 0;}
.sayingThanks{font-size:14px; padding:15px; margin:5px 0 0 0; background:#DAF0F0; color:#205380;}
.sayingThanks ul {display:inline;}
.sayingThanks ul li{display:inline; margin:0 2px;}
.sayingThanks a{color:#0C203B; font-weight:bold; text-decoration:underline;}

#main-content-wrapper {
                margin: 0;
                padding: 0px 0px 0px 0px;
                background:#fff;
                }

#main-content {
	padding: 20px;
}

.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
                
.column-small {
                width: 30%;
                float: left;
                }
               
#page-intro {
                font-size: 17px;
                padding: 0 0 20px 0;
                }

#pageFooter { }  
				
#footerWrapper {
				margin: 25px auto;
				font-size: 11px;
				color:#a1a1a1;
				background: #000;
				border: 1px solid #3e3e3e;
				border-top: 1px solid #484848;
				width:900px;
				max-height:250px;
                }

#footer{
	margin:0 auto;	padding:25px;
	
}
                
#footer ul{
	width: 150px;
	margin: 0px 40px 0 0;
}

#footer ul li{
	 border-top: 1px solid #555;
	 display: block;
	 padding: 5px 5px;
	line-height: 1.4em;
}

#footer ul.featuredUsers {
	width: 240px;
	margin-right: 0px;
}

#footer ul.featuredUsers li{
	border: none;
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

 #footer ul h4{
	color: #e3e3e3;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 15px 0;
 }               
                
/* PAGE SPECIFIC OVERIDES  */

/* Home PAGE */
#site-index #body-wrapper, #site-public #body-wrapper, #site-corporate #body-wrapper{background:#f5f5f5; none; padding:5px; width:890px;}                
#site-index #main-content-wrapper, #site-public #main-content-wrapper, #site-corporate #main-content-wrapper{margin:0 0 0 0px;}
#site-index #main-content, #site-public #main-content, #site-corporate #main-content{padding:0px;}
#site-index #sidebar-wrapper, #site-public #sidebar-wrapper, #site-corporate #sidebar-wrapper {display:none;}

#site-index #sidebar-wrapper {background:url(../images/homesidebarbg.png) repeat-y -25px center;}



/* Partners PAGE */
#site-partners #body-wrapper{background:#f5f5f5; none; padding:5px; width: 930px;}                
#site-partners #main-content-wrapper{margin:0 300px 0 0;}
#site-partners #main-content{padding:0px;}
#site-partners #sidebar-wrapper{width: 300px; float: right; padding:15px;}

ul.partners {
	width:80%;
	margin:65px 0 0 45px;
}

ul.partners li{
	font-size:15px;
	padding:12px 0 12px 30px;
	color:#333;
	border-bottom:1px solid #DADADA;
}

.partners li.revenue{background:url(../images/pt_revenue.png) no-repeat left center;}
.partners li.support{background:url(../images/pt_support.png) no-repeat left center;}
.partners li.analytics{background:url(../images/pt_analytics.png) no-repeat left center;}
.partners li.branded{background:url(../images/pt_branded.png) no-repeat left center;}
.partners li.data{background:url(../images/pt_data.png) no-repeat left center;}
.partners li.integration{background:url(../images/pt_integration.png) no-repeat left center;}
.partners li.consultation{background:url(../images/pt_consultation.png) no-repeat left center;}
.partners li.market{background:url(../images/pt_market.png) no-repeat left center;}
.partners li.more{background:url(../images/pt_more.png) no-repeat left center;}


/* Home PAGE */
/*#site-index #body-wrapper, #site-public #body-wrapper, #site-corporate #body-wrapper{background: #fff; padding:5px; width: 930px;}                
#site-index #main-content-wrapper, #site-public #main-content-wrapper, #site-corporate #main-content-wrapper{margin:0px;}
#site-index #main-content, #site-public #main-content, #site-corporate #main-content{padding:0px;}
#site-index #sidebar-wrapper, #site-public #sidebar-wrapper, #site-corporate #sidebar-wrapper {display: none;}*/


/* About PAGE */
#site-about #body-wrapper{background: #fff; padding:5px; width: 840px;}                
#site-about #main-content-wrapper { margin: 0px; }  
#site-about #sidebar-wrapper {display: none;}

#site-about #main-content{background: #ebebeb; padding: 20px 35px;}                
#site-about #main-content .section .column-left, #site-about #main-content .section .column-right {padding: 10px 20px; width: 150px; margin: 0 10px 20px 0;}                

#site-about #main-content .section{
	margin: 0 0 0 325px;
}


#site-about #sidebar-wrapper { width: 286px; float: left; }   


/* Manual (help) PAGE */
#site-help #body-wrapper{background: #f5f5f5; padding:5px; width: 930px;}                
#site-help #main-content-wrapper { margin: 0 300px 0 0; }  
/* #site-help #sidebar-wrapper {display: none;} */

#site-help #main-content{background: #fff; padding: 20px 35px;}                
#site-help #main-content .section .column-left, #site-help #main-content .section .column-right {padding: 10px 20px; width: 220px; margin: 0 0 20px 0;}                

#site-help #sidebar-wrapper { width: 250px; float: right; padding: 25px;}   


/*Store */
#store-index #body-wrapper{background: #fff; padding:5px; width: 840px;}                
#store-index #main-content-wrapper { margin: 0px; }  
#store-index #sidebar-wrapper {display: none;}

#store-index #main-content{background: #fff; padding: 5px;}

           

/* Manual (help) PAGE */
#site-help #body-wrapper{background: #f5f5f5; padding:5px; width: 930px;}                
#site-help #main-content-wrapper { margin: 0 300px 0 0; }  
/* #site-help #sidebar-wrapper {display: none;} */

#site-help #main-content{background: #fff; padding: 20px 35px;}                
#site-help #main-content .section .column-left, #site-help #main-content .section .column-right {padding: 10px 20px; width: 220px; margin: 0 0 20px 0;}                

#site-help #sidebar-wrapper { width: 250px; float: right; padding: 25px;} 


/* Contact us PAGE */
#site-contact #body-wrapper{background: #fff; padding:5px; width: 840px;}                
#site-contact #main-content-wrapper { margin: 0; }  
#site-contact #sidebar-wrapper {display: none;}

#site-contact #main-content{background: #fff; padding: 50px;}                




/* FEATURES PAGE */
#site-features #body-wrapper, #site-hrfeatures #body-wrapper{background: #fff; padding:5px; width: 930px;}                
#site-features #main-content-wrapper, #site-hrfeatures #main-content-wrapper { margin: 0px; }  
#site-features #sidebar-wrapper, #site-hrfeatures #sidebar-wrapper {display: none;}


/* PRICING PAGE */
#site-pricing #body-wrapper {background: #fff; padding:5px; width: 930px;}                
#site-pricing #main-content-wrapper { margin: 0px; }  
#site-pricing #sidebar-wrapper {display: none;}

/* Stickers index PAGE */
#stickertemplate-index #body-wrapper {background: #000; padding:5px; width: 930px;}                
#stickertemplate-index #main-content-wrapper { margin: 0px; background:#222;}  
#stickertemplate-index #sidebar-wrapper {display: none;}
#stickertemplate-index h2{
	color:white;
}


/* reset all the pages without sidebar*/ 
#account-corpindex #body-wrapper,#account-corpnew #body-wrapper, #account-new #body-wrapper,#account-create #body-wrapper,#account-createfree #body-wrapper, #account-standard #body-wrapper, #account-pro #body-wrapper, #site-corpSignup #body-wrapper,#session-new #body-wrapper{background: #fff; padding:5px; width: 890px;}

                
#account-corpindex #sidebar-wrapper,#account-corpnew #sidebar-wrapper, #account-new #sidebar-wrapper,#account-create #sidebar-wrapper,#account-createfree #sidebar-wrapper, #account-standard #sidebar-wrapper, #account-pro #sidebar-wrapper, #site-corpSignup #sidebar-wrapper, #session-new #sidebar-wrapper, #session-forgot #sidebar-wrapper{display: none;}

#account-corpindex #main-content-wrapper,#account-corpnew #main-content-wrapper, #account-new #main-content-wrapper,#account-create #main-content-wrapper,#account-createfree #main-content-wrapper, #account-standard #main-content-wrapper, #account-pro #main-content-wrapper, #site-corpSignup #main-content-wrapper, #session-new #main-content-wrapper, #session-forgot #main-content-wrapper{margin:0px;}

#account-corpindex #main-content,#account-corpnew #main-content, #account-new #main-content,#account-create #main-content,#account-createfree #main-content, #account-standard #main-content, #account-pro #main-content, #site-corpSignup #main-content, #session-new #main-content, #session-forgot #main-content{padding:25px;}


/* PROFILE SHOW PAGE */
#profile-show #body-wrapper{}
/*#profileTop{position:relative; width: 810px; margin: 0px auto 15px auto; 
	background: #232323; padding: 20px; color:#BEBEBE; }*/
#profileTop a, a:active{color:#A7DB35; }
#profileTop h2, #profileTop h3{color:#f5f5f5;}
#profileTop strong{font-weight:normal; text-decoration:italic; color:#A9F32A;}

#profile-show #main-content-wrapper .content-box{
	background:none;
	
}

#profile-show #main-content-wrapper .content-box-content{

}

#profile-show #dashbottom{
	background:#fff;
	padding:20px;
}

#profile-show #dashLeft{
	float:left;
	width:530px;
}

#profile-show h3{color:white;}
#profile-show .content-box h3{color:#222;}

#profileInfo{
	margin:0;
    padding:20px; background:#292929; color:#f5f5f5; border:1px solid #464646; width:375px; /*height:150px;*/
/*	height:125px;
*/}

#profileActions{
/*	background:black;
*/	/*height:50px;*/
}

#profileInfo p{
	font-size:11px;
	margin:0 0 0 100px;
}

#profileInfo a{
	color:#ABDA34;
}


#profile-show #footer{width:850px;}
/*#profile-show #sidebar-wrapper{width:250px; padding:25px 10px; color:black;}
*/
#profile-show #sidebar-wrapper{display:none;}
#profile-show #main-content-wrapper{margin:0 0px 0 0; background:none;}
/*#profile-show .content-box{background: transparent; padding: 0px;}
#profile-show .content-box-content{padding: 0px; background: transparent;}*/

#profile-show #sidebar a,
#profile-show #sidebar a:active { color: #9ad732; }
#profile-show #sidebar a:hover { }


#corpWordCloud li{
	display:inline-block;
}


#profileWordcloud li{
	display:inline-block;
}

#profileWordcloud li a{
	margin:5px;
	line-height:1.6em;
}

#leaveFeedback{position: absolute; top:5px; left:5px; z-index: 1; width: 740px;
min-height: 80%; }



/* Stickers */
div.sticker{
	background:#222;
	width:400px;
	float:left;
	padding:10px 15px;
	color:white;
	border:1px solid #808080;
	display:block;
	margin:5px;
}

#profile-show #giveSticker div.sticker{
	float:none;
	width:470px;
	background:#000;
	padding:20px 10px;
}
#profile-show #giveSticker div.sticker img{
	width:100px;
}

#profile-show #giveSticker div.sticker:hover{
	background:#333;
}

#profile-show #giveSticker div.sticker h2{
	color:white;
}

#profile-show #facebox .body{
	background:#222;
}

#sticker-index div.sticker{
	width:610px;
	float:none;
	background:#f5f5f5;
	border-color:#e5e5e5;
	color:#333;
}


#sticker-index div.sticker h2{
	color:black;
}

div.sticker:hover{
	background:#474747;
	cursor:pointer;
}

div.sticker .info{
	margin:0 0 0 125px;
}

div.sticker img{
	margin:0 25px 0 0;
}

div.sticker .actions{
	float:right;
	margin:5px 0 0 0;
}

div.sticker .actions a{
	color:white; background:#626262; padding:2px; margin:0 5px 0 0; border:1px solid #B6B6B6; font-size:8px;
}

div.sticker .actions a:hover{
	color:white; background:#9CD410;
}


/*PROFILE STICKER*/
#stickerContainer{
	float:right;
	width:420px;
	margin:-10px 0 0 0;
}

#profile-show div.sticker{
	background:none;
	width:45px;
	float:left;
	padding:5px;
	color:white;
	border:none;
	display:block;
	margin:10px;
}

#profile-show div.sticker img{
	width:45px;
}

#profile-show div.sticker img.inactive{
/*	opacity:.5;
*/}

#profile-show div.sticker img:hover{
	opacity:1.0;
}

.sticker .vote{
	text-align:center;
	background:#333;
	border:1px solid #444;
	font-size:10px;
	padding:2px 5px;
	width:100%;
}

.sticker .vote a{text-decoration:underline; color:#CBEB9C;}








ul.display {
	margin: 0;
	padding: 0;
	list-style: none;

}
ul.display li {
	width: 98%;
	padding: 10px 0;
	margin: 10px 10px 15px 0;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	display: block;
	position: relative;
}
ul.display li a {

}

/* ul.display li .links{position:absolute; bottom: 110px; text-align:center; display: none;} */

ul.display li .settings{}



ul.display li .content_block {
	padding: 0 10px;
}
ul.display li .content_block h2 {
}


ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 245px;
	font-size: 1.2em;
}
ul.display li .content_block a img{
	padding: 5px;
	border: 2px solid #ccc;
	background: #fff;
	margin: 0 15px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 210px;
	display: block;
	float: left;
}

ul.thumb_view li img{
	width:175px; float:none;
}

ul.thumb_view li h2 {
	text-align: center;
}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 10px;
}


a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(../images/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}

a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }


a.spaceDeleteBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/deleteSpaceIcon.png) no-repeat center;
	width:25px;
	height: 25px;
	position: absolute;
	top: -12px;
	right: -8px;
}





/* Shopping Cart */
div.cartItem{
	border: 1px solid #e3e3e3;
	margin: 10px 0;
	padding: 20px;
}









ul.toolbar { 
                padding: 12px 15px 0 0 !important;
				margin: 0 auto!important;
				width:800px;
                }

ul.toolbar li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.toolbar li a {
                color: #333;
                padding: 8px 12px;
                display: block;
                margin: 1px 1px 0px 1px;
                border-bottom: 0;
				background:#777;
				color:#f5f5f5;
                }

ul.toolbar li a.myProfile{background:#A8EA33;}
ul.toolbar li a.hrdash{background:#F3B112;}


ul.toolbar li a.dashboard.current{background:#323232; color:white; border:1px solid #222; border-bottom:0px;}

ul.toolbar li a:hover {
                color: #57a000;
				background:#fff;
                }              
                
ul.toolbar li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0px 1px 0 1px;
				color:#333;
                }


ul.toolbar li a {
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-radius: 2px;
	
	-moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}




#sfmenuwrap {position:relative!important;z-index:99!important; display:block;}


/*Suckerfish menu*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 99;
	display:block;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position: absolute;
	top:			-999em;
	z-index:		99;
	width:			15em; /* left offset of submenus need to match (see below) */
	display:block;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

.sf-menu li, .sf-menu li:hover {
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-radius: 2px;
	
	-moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.sf-menu ul{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	
	-moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background:#000;
	padding:4px;
}


/*** DEMO SKIN ***/
.sf-menu {
	line-height:	1.0;
	padding: 12px 15px 0 0 !important;
	width:800px;
	margin: 0 auto!important;
	
}

ul.sf-menu a.current{background:#fff;}

ul.sf-menu a.current {
	color:black;
}

.sf-menu a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FDFDFD;
}


.sf-menu li {
	background:#85BC29;
	margin: 1px 1px 0px 1px;    
}

.sf-menu li.admin{
	background:purple;
}

.sf-menu ul li{
	border-bottom:1px dotted #444;
	
	z-index:2000;
}

.sf-menu li li {
	background:		#222;
	margin:0px;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	border-radius: 0px;
	
	
	
}
.sf-menu li li li {
	background:		#222;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	border-radius: 0px;
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#333;
	outline:		0;

}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


























/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Arial, sans-serif;
                color: #222;
                font-weight: normal;
               }
               

h2{	font-family:Georgia;}


h1{ 
	text-indent:-9000px;
}

h1 a {
	color:#fcfae5;
	text-decoration:none;
	background:url(../images/logo.png) no-repeat;
	display:block;
	width:260px;
	height:30px;
}

#pageHeader h2{	color: #a0a0a0;}				
h2            { font-size: 22px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a           { color: #88cc08; text-decoration: none; }
a:hover     { color: #000; }
a:active    { color: #777; }
a:focus     { outline: 1px; }
a:visited 	{ color:#74A020; text-decoration:none; }
a img 		{ border-width:0; }

#footer a{color: #cccccc;}
#footer a:hover{color: #a8e634;}

/* and sidebar links */
#sidebar a,
#sidebar a:active {color:#BFFF3C; }
#sidebar a:hover { color:#fff; }



strong       { font-weight: bold;}

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }
                
hr { border: 0; height:1px; background:#f5f5f5; width: 100%;}
                
/********************************      General Classes      ********************************/

label.errorValidation{color:red; padding:5px;}



.clear { clear: both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }
				
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
                

.fanBtn{
                background: #B4B4B4;
				border:1px solid #f5f5f5;
				padding: 2px 2px 2px 25px !important;
}


.fanBtnStop{
               background: #B4B4B4;
				border:1px solid #f5f5f5;
				padding: 5px 5px 5px 25px !important;
}

                              
                

.warning {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: yellow !important;
                border: 1px solid #c5b122 !important;
                padding: 4px 7px 4px 7px !important;
                color: #000 !important;
                font-size: 11px !important;
                cursor: pointer;
                }

                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

img {
	border:0;
}

.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignJustify {
	text-align:justify;
}
.alignCenter {
	text-align:center;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}

.imageLeftBorder, .imageRightBorder {
	padding:6px;
	border:1px solid #efefef;
}
.imageLeftBorder {
	margin:0 20px 5px 0;
}     

.merit .imageLeftBorder{
   	margin:0 20px 0px 0; 
}

.imageRightBorder {
	margin:0 0 20px 20px;
}
.imageLeft {
	margin-right:5px;
}
.imageRight {
	margin-left:5px;
} 

.imageTag {
	padding:6px;
	border:1px solid #efefef;
}                             

.block{display:block; width:100%; height:100%;}

.section{padding: 35px 5px;}

.hide{display:none;}    

.help {
	background:#cdeaff; padding:20px; margin:0 0 25px 0;
}

.help a{ color: blue; }

div .sidebarInfo{
	padding:0px 15px; background:#333; width:165px;
}

div .sidebarInfo a{
	color: #fff;
}
.sidebarInfo a:hover{
	color: #a8e634;
}


.internalForm{padding:25px; background:none; border: 1px solid #efefef;}

/* button{border:1px solid #e2e2e2; padding:5px; background:none; cursor:pointer;} */



/* Template Slider */
#templateBrowser li{
	width: 250px; 
	float: left;
}



/* Product Classes */
.productShowCase{
	padding: 25px;
	margin: 0 0 25px 0;
	border: 1px solid #f1f1f1;
}

.productShowCase img{width: 150px;}

/* .productShowCase h3{ padding: 5px 10px; background: green; color: white;} */
.product h6{font-weight: bold; margin: 5px 0 0 0; text-align: left;}

.pass{color: green;}
.fail{color: red;}

.productSection {
/* 	border: 1px solid #e1e1e1; */
/* 	margin: 0 0 25px 0; */
}

.productSection ul, .productSection li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
.productSection li{
	width: 200px; 
	height: 245px; 
	float: left; 
/* 	border-right: 1px solid #e1e1e1; */
	border: 1px solid #e1e1e1;
	padding: 15px 10px;
	position: relative;
	text-align: center;
}		

.productSection li:hover{cursor: pointer; background: #f9fff3;}

.product .button{position: absolute; bottom: 15px; left:58px;}

.product img{ width: 125px;}
	
#prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4{ 
	position:relative;
	left: 575px;
	top:-15px;
	margin-right: 5px;
	}

#prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #prevBtn4 a, #nextBtn4 a{ 
	font-size: 14px;
	}	
	
/*
#nextBtn2{ 
	left:696px;
	}														
#prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:30px;
	height:77px;
	background: black url(images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn2 a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;	
	}
*/												


	
/********************************      Dashboard highlight content browser          *********************************/

/*--Main Image Preview--*/
.main_image {
	width: 365px; height: 220px;
	float: right;
	position: relative;
	overflow: hidden;
	color: #fff;
	border:5px solid #2C2C2C;
	padding:5px;
	
}
.main_image h2 {
	font-size: 34px;
	color:#fff;
	font-weight: normal;
	padding: 25px;
}
.main_image p {
	padding: 25px;	margin: 0;
}
.block small { 
	color:#B0B0B0;
}
.main_image .block small {display:none;}

.main_image .desc{
	position: absolute;
	top: 5px; left: 5px;
	width: 365px;
	height:200px;
	display: none;
}
.main_image .block{
	width: 100%;
	background: transparent;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
	display:none;
}
.main_image a.show {background-position: left bottom;} 

/*
.image_thumb {
	float: left;
	width: 25px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}*/
.image_thumb img {
	border: 1px solid #5D5D5D; 
	background: #fff; 
	float: left;
	width:35px;
	height:35px;
	margin-right: 10px;
	padding:1px;
}
.image_thumb ul {
	margin: 0 10px 0 0; padding: 0;
	list-style: none;
	float: right;
	width:165px;
	
}
.image_thumb ul li{
	margin: 0; padding: 8px 0px;
	/*background: #f0f0f0 url(nav_a.gif) repeat-x;*/
	width: 165px;
	float: left;
	border-top: 1px dashed #5D5D5D;
}

.image_thumb ul li.hover {
	background: #3D3D3D;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #3D3D3D;
	cursor: default;
}
.image_thumb ul li h2 {
	font-size:12px;
	color:#9CCD30;
	margin:0 0 -5px 0px;
}
.block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 100px;
}	
.image_thumb ul li .block p{display: none;}
.image_thumb ul li .block div{display: none;}

.main_image ul li .block div ul#wordcloud{display: block; width:400px; }


/*************************      Dashboard Styles         ***************************/
ul#wordcloud{
	line-height:1.6em;
}

ul#wordcloud li{
	display:inline-block;
}

ul#wordcloud li a{
	margin:8px;
}

#dashbottom{
	background:#fafafa;
	padding:10px;
}

#site-dashboard #body-wrapper, #site-mandashboard #body-wrapper{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	 border-radius: 5px;
}

#site-dashboard #main-content-wrapper, #site-mandashboard #main-content-wrapper{
	background:white; margin:0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	 border-radius: 5px;
	background:none;
}

#site-dashboard #sidebar-wrapper, #site-mandashboard #sidebar-wrapper{
	display:none;
}

#site-dashboard table.stats td + td {
	border-left:1px solid #5D5D5D;
    padding:0 5px 0 0px;
}

#site-dashboard table.stats {
	border:none;
}

/********************************      Sidebar      ********************************/

#sidebar { margin: 0; }

#sidebar-wrapper {
				width: 200px;
                height: 100%;
                float: right;
                color: #f5f5f5;
                font-size: 11px;
                }

#sidebar #sidebar-title {
                margin: 40px 0 40px 15px;
                }

#sidebar #logo {
                margin: 40px 0 40px 0;
                }

#sidebar #profile-links {
                padding: 0 15px 20px 15px;
                text-align: right;
                line-height: 1.5em;
                }

#sidebar .section{padding: 20px; }

                


/*USER STATS AND INFO*/
.stats{margin:0 0 0 15px;}

#sidebar .stats{margin:0;}
#sidebar .stats div{margin:0 5px 0 0;}
#sidebar .stats_count{text-align: center; font-size: 14px;}
#sidebar .stats a{color:#586F28; display:block; padding:5px 8px; 
}
#sidebar .stats a:hover{color:#45571F;}
.stats_count{text-align: center; font-size: 20px;}


.stats div {
	border:1px solid #C0F358;
	text-align:center; 
	background:#CBEA9C;
	margin:0 10px 0 0px; 
	display:block;
}

.stats div:hover{
	background:#A5DF65;
}

.stats a{color:#39481A; display:block; padding:5px 10px; display:block;}
#profile-show .stats a{color:#39481A; padding:5px 10px; display:block;}


.stats a:hover{color:#45571F;}

/*#sidebar .stats a{color:#F5E408;}
#sidebar .stats a:hover{color:#FFFE06;}*/


/*** Search ***/
#container {
    width:780px;
    margin:0 auto;
    position: relative;
}

#content {
    width:520px;
    min-height:500px;
}

#topnav {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#97CB2D;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("../images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin:hover {
    background:#AFE239;
    *background:transparent url("../images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("../images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
#topnav a.menu-open {
    background:#AFE239!important;
    color:#666!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("../images/toggle_up_dark.png");
    color:#789;
}





#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#E6E9DA;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}






/* TIPSY STYLES */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 5px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }







/************ NAVIGATION ************/
/************ header Nav ************/
#header ul{
	margin: -30px 0 0 0;
	font-family: Verdana, Arial, sans-serif;
	color: white;
	float:right;
	display: inline-block;
}

#header ul li{
	display: block;
	float: right;
	height: 20px;
	padding: 5px 12px 0px 0px;
	margin: 0 5px;
/*	border-right: solid 1px #5e5e5e;
*/}

#header ul li a{
	color: #E2E2E2;
	text-transform: uppercase;
	font-size: 10px;
/*	letter-spacing: 1px;
*/}

#header ul li a:hover{
	color: #fff;
}







/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
                width: 180px;
                padding: 0 15px 0 0;
/*                 margin: 0 15px 0 0; */
                font-family: Helvetica, Arial, sans-serif;
                }

#sidebar #main-nav li {
                list-style: none;
                margin-bottom: 10px;
                text-align: left;
                }

#sidebar #main-nav li a.nav-top-item {
                background: transparent url('../images/bg-menu-item-green-right.gif') left center no-repeat; /* Background image for default color scheme - green */
                padding: 8px 15px;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }
                
                
#sidebar #main-nav li a.corporate {
                background: #f4ac00;
                padding: 10px 15px;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }
                
#sidebar #main-nav li a.sidebarInfo {
                background:#333;
                padding: 10px 15px;
                color: #fff;
                font-size: 10px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }                

#sidebar #main-nav li a.current {
                background: #fff !important;
                color: #333;
                font-weight: bold;
                }
                
#sidebar #main-nav li a.current:hover {
                color: #333;
                }

#sidebar #main-nav ul {
                padding: 0;
                font-size: 12px;
                margin: 0;
                }

#sidebar #main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: left;
				border-bottom: 1px dotted #4F4F4F;
                }

#sidebar #main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #aaa;
                font-size: 13px;
                line-height: 1.2em;
                }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #fff;
                }

#sidebar #main-nav ul li a.current {
                background: transparent url('../images/menu-current-arrow-right.gif') left center no-repeat !important;
                }

/************    Merits and Achievements     ***************/ 

.meritWrapper{
   display:inline-block; 
   width:96%;
   padding: 10px 10px 5px 10px;
background:url(../images/meritWrapperBg.png) no-repeat 63px 24px;
}        

.searchListing{
   display:block; 
   padding: 10px 15px;
   border-bottom: 1px dashed #C5C5C5;
}

.merit {
	background: #fafafa;
	margin: 0 0 0 60px;
	padding:10px 10px;
	border:1px solid #d1d1d1;
	color:#979797;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.merit p{padding:0px; margin:0px;}

.merit .date{color:#999;}

.meritBody{ line-height: 1.5em; font-size: 12px;}

.tags{ padding: 10px; }

.merit:hover{
	background:#f5f5f5;
} 

.topMeritInfo{
/*	cursor:pointer;
*/}

.merit .topMeritInfo a{
	text-decoration:underline;
}

.merit .topMeritInfo span{
	color:#555;
}

.meritWrapper img{
	border:3px solid #000;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.merit .details{
	padding: 25px;
	display: none;
}





/***************  Buttons **************************/
a.searchBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/searchicon.png) no-repeat center center;
	width:28px;
	height: 28px;
	margin: -5px 0 0 0;
}


button.deleteBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/trash.png) no-repeat center;
	width:18px;
	height: 18px;
	float:right;
}  


a.joinBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/joinButton.png) no-repeat center top;
	width:207px;
	height: 61px;
}  

.emailDefault{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/check.png) no-repeat center top;
	width:25px;
	margin:15px 0 0 0;
}

a.joinBtn:hover{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/joinButton.png) no-repeat center -61px;
	width:207px;
	height: 61px;
}  




    
button.blockBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/block.png) no-repeat center;
	width:28px;
	height: 28px;
	float:right;
}

button.deleteBtnLg{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/trashlg.png) no-repeat center;
	width:28px;
	height: 28px;
	float:right;
}
 
button.achievementBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/achievement.png) no-repeat center;
	width:28px;
	height: 28px;
}   

 
.templatebtn{
	border:none;
	text-indent:-9009px;
	cursor:pointer;
	background:transparent url(/images/selectTemplate.png) no-repeat center;
	width:125px;
	height: 28px;
}

button.lockBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	width:28px;
	height: 28px;
	float:right;
} 

button.lockBtn.inactive {
	background: url(/images/unlock.png) no-repeat center; 
} 
 
button.lockBtn.active{
	background: url(/images/lock.png) no-repeat center; 
}

button.displayBtn{
	border:none;
	text-indent:-9009px;
	display:inline-block;
	cursor:pointer;
	display:block;
	width:22px;
	height: 22px;  
	float:right;
} 

button.printBtn{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/print.png) no-repeat center;
	width:18px;
	height: 18px;
	float:right;
}
 
button.addfile{
	border:none;
	text-indent:-9009px;
	display:block;
	cursor:pointer;
	background:transparent url(/images/attach.png) no-repeat center;
	width:28px;
	height: 28px;
}


.addtocart-small{
	border:none;
	text-indent:-9009px;
	display:inline-block;
	cursor:pointer;
	display:block;
	width:28px;
	height: 20px;  
	float:right;
	margin: -2px 0 0 5px;
	background:transparent url(/images/addtocart.jpg) no-repeat center;
}
 
button.resendMerit{
	border:none;
	text-indent:-9009px;
	display:inline-block;
	cursor:pointer;
	display:block;
	width:18px;
	height: 18px;  
	float:right;
	background:transparent url(/images/resend.png) no-repeat center;
	
}

button.displayBtn{
	background: url(/images/meritButtons.png) no-repeat left top; 
} 
 button.displayBtn.inactive{
	background: url(/images/meritButtons.png) no-repeat right top; 
} 

button.displayBtn:hover{
	background: url(/images/meritButtons.png) no-repeat left bottom; 
}

button.displayBtn.inactive:hover{
	background: url(/images/meritButtons.png) no-repeat right bottom; 
}

button.toggleForms{
	border:none;
	text-indent:-9009px;
	display:inline-block;
	cursor:pointer;
	display:block;
	width:28px;
	height: 28px;  
	float:right;
}                         

button.toggleForms.merit{
	background: url(/images/merit.png) no-repeat center; 
} 
button.toggleForms.achievement{
	background: url(/images/achievement.png) no-repeat center; 
}


button{margin:0 5px 0 0;}





/************ Messages ************/

#messages p,
#messages form {
                border-top: 1px solid #ddd;
                padding: 10px 0;
                }

#messages h4 {
                padding: 10px 0;
                }
				
#messages fieldset {
                margin: 0;
                }
				
#messages textarea {
                margin: 0 0 15px 0;
                }

/************ Lists ************/

/*

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }


#main-content ul li {
                background: url('../images/icons/bullet_black.png') center left no-repeat;
                padding: 4px 0 4px 20px;
                }


#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }
*/





/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
                padding: 12px 15px 10px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }


#account-setting .tab-content{min-height:400px!important;} /* BECAUSE IE HEIGHT SETTING PAGE  */
                
/************ Table ************/

#main-content table {
                width: 100%;
                border-collapse: collapse;
                }
                
#main-content table thead th {
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody tr {
                background: #fff;
                }
              
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      
				
/* 		TABLE SORT STYLES		 */
th.headerSortUp { 
    font-weight: bold;
    background: url(../images/sortup.gif) no-repeat left center;
}
 
th.headerSortDown { 
    font-weight: bold; 
    background: url(../images/sortdown.gif) no-repeat left center; 
} 

th.header{    cursor: pointer;
}
				
				
				
				
				
/* Skills Graphs				 */


div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}








    dl { 
        margin: 0; 
        padding: 0;                     
    }
    dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 97px; 
        height: 10px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
    }
    dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 97px; 
        height: 10px; 
        margin: -25px 0 0px 0; 
        background: url("../images/g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     dd div { 
        position: relative; 
        background: url("../images/g_colorbar2.jpg"); 
        height: 10px; 
        width: 75%; 
        text-align:right; 
     }
     dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("../images/g_marker.gif"); 
        height: 24px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }				





				
				
/*************** Pagination ***************/

#main-content .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current {
                background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
                border-color: #459300 !important;
                color: #fff !important;
                }
				
.pagination a.current:hover {
				text-decoration: underline;
                }

/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                background-position: center 15px;
                background-repeat: no-repeat;
                border: 1px solid #fff;
                display:block;
                padding: 78px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.new-article span {
                background-image: url('../images/icons/pencil_48.png');
                }
                
.new-page span {
                background-image: url('../images/icons/paper_content_pencil_48.png');
                }
                
.upload-image span {
                background-image: url('../images/icons/image_add_48.png');
                }
                
.add-event span {
                background-image: url('../images/icons/clock_48.png');
                }
                
.manage-comments span {
                background-image: url('../images/icons/comment_48.png');
                } 

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }

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

form label {
                display: block;
                font-weight: bold;
				color:black;
                }
             
form fieldset{
}

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }
                
form #slider{width: 50%;}

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
/*                 width: 99.8%; */
                }
                

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }
                
label.error {
                background: #ffcece url('../images/icons/cross_circle.png') left center no-repeat;
                border-color: #df8f8f;
                color: #665252;
                padding:5px 20px;
				display: inline-block; margin: 2px 0 0 10px;                
                 -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('../images/bg-login.gif');
				}
				
#login-wrapper {
                background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}







/*************** Facebox ***************/

#facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: inherit;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}







/*************** LETS MAKE IT PRETTY, but INVALID CSS ***************/


#body-wrapper{  -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				border-radius: 8px;
				}
				
#main-content-wrapper{
				
			/*	-moz-border-radius-bottomleft: 8px;
			                -webkit-border-bottom-left-radius: 8px;
							border-bottom-left: 8px;
							-moz-border-radius-topleft: 8px;
			                -webkit-border-top-left-radius: 8px;
							border-top-left: 8px;*/
				
				-moz-border-radius: 8px;
			                -webkit-border-radius: 8px;
							border-radius: 8px;
}


#footer{  	-moz-border-radius: 5px;
                -webkit-border-radius: 5px;
				border-radius: 5px;
				}



				
#header{
	             -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
				 border-radius: 5px;
}	
			


#sidebar #main-nav li a.nav-top-item {
				-moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-right-radius: 5px;
				 border-bottom-right-radius: 5px;
				 
				 -moz-border-radius-topright: 5px;
                -webkit-border-top-right-radius: 5px;
				 border-top-right-radius: 5px;
}


#sidebar .section{
				-moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-right-radius: 5px;
				 border-bottom-right-radius: 5px;
				 
				 -moz-border-radius-topright: 5px;
                -webkit-border-top-right-radius: 5px;
				 border-top-right-radius: 5px;
}

.rounded, .productShowCase, .productSection, .tags{
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				border-radius: 8px;
			}
			

			
			
#profileTop{
/*	 -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
	  border-radius: 3px;*/
						}			
			
.roundedTop {
	-moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
     border-top-left-radius: 5px;
     
	 -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;

}
			

.button,
.warning,
#main-content table tfoot td .bulk-actions select,
.pagination a.number,
form input.text-input,
form textarea,
form .wysiwyg,
form select {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
			}
			
.content-box,
.content-box-header,
ul.content-box-tabs li a.current,
.shortcut-button,
.notification {
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
				border-radius: 6px;
                }

.content-box-header {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				
.content-box-header-toggled {
                -moz-border-radius-bottomleft: 6px;
                -moz-border-radius-bottomright: 6px;
                -webkit-border-bottom-left-radius: 6px;
                -webkit-border-bottom-right-radius: 6px;
				border-bottom-left-radius: 6px;
				border-bottom-right-radius: 6px;
                }

ul.content-box-tabs li a.current {
                -moz-border-radius-bottomleft: 0;
                -moz-border-radius-bottomright: 0;
                -webkit-border-bottom-left-radius: 0;
                -webkit-border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
                }
				

.shortcut-button span {
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
				border-radius: 7px;
                }
				
div.wysiwyg ul.panel li a { opacity: 0.6; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }




/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }