/* Body section */

html, body {
	margin:0px;
	padding:0px;
	line-height: 1.5em;
	min-width: 950px;
	}

/* End of the Body section */


/* Anchor section */
/*
a:link {  color:#3F4446;  }
a:visited {  color:#3F4446;  }
a:active {  color:#3F4446; }
a:hover {  color:#3F4446;  } 
*/
.classAnchor{
	text-decoration:underline; color:#3F4446; cursor: pointer;
}
.classAnchor:hover{
	text-decoration:underline; color:#3F4446; cursor: pointer;
}
.classAnchor:visited{
	text-decoration:underline; color:#3F4446; cursor: pointer;
}

.classAnchor:link{
	text-decoration:underline; color:#3F4446; cursor: pointer;
}

h1{
	font-size: 28px;
	padding: 5px 0px 5px;
	margin:0px;						
}
/* End of the Anchor section */

/* Banner section */

#banner-ad {
	position: relative;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background: #333333;
	color:#F9F5AF;
	z-index:5;
	padding-top:0px;
}

#banner-ad img {
	margin-top: 5px;
}

#banner_ad_small {
	position: relative;
        text-align:center;
        padding-top:5px;
	padding-right:15px;
}

#skyscraper_ad {
	padding: 5px 0 0 20px;
	margin-bottom: 30px;
}
/* Emd of Banner section */

/* Header section */
 
#header {
	position:relative;
	left:0px;
	top:0px;
	height:70px;
	font: 13pt Helvetica, Arial, sans-serif;	
	background:#BCC58C;
	border:0px solid #000000;
	min-width: 1020px;
}	

#header-tag-line {
	position:absolute;
	top:80px;
	left:166px;
	color:#FFCF68;
	z-index:5;
	font: bold 12pt Arial, Helvetica, sans-serif;					
	color:#000000;
	border:0px solid #000000;					
}	

.header-search-box {
	margin-top: 2px;
	margin-right: 15px;
	float: right;
	width: 200px;
	height: 24px;
	background-color: white;
	border: solid 1px #888;
	-moz-border-radius:3px 3px 3px 3px;
}

.header-search-box #query_string {
	border: 0 !important;
	padding: 0 !important;
	font-size: 12px;
	margin-left: 3px;
	margin-top: 2px;
	margin-right: 5px;
	width: 170px;
	height: 20px;
	float: left;
	line-height: 18px;
}

.header-search-box #submitSearch {
	border: 0 !important;
	width: 20px;
	height: 20px;
	padding: 0 !important;
	float: left;
	margin-top: 2px;
	background-image: url('../images/search-button.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
}

.header-search-box #submitSearch:hover {
	background-position: 0 -40px;
}
	
#header-bar {
	position:relative;
	left:0px;
	top:0px;
	height:30px;
	width: 100%;
	background:#A0A668;
	border:0px solid #000000;
	z-index:4;	
	min-width:1020px;
}

#header-hello {
	position:absolute;
	right:42px;
	top:48px;
	border:0px solid #ffffff;			
}
	
#header-hello a {
	display:inline;		
	height:50px;
	text-decoration:none;
	color:#000000;
	cursor:pointer;
	border-right:0px solid #000000;	
}

#header-hello a:hover {
	color:#FFFFFF;		
}

#social-icons {
	position:absolute;
	right:222px;
	top:5px;
}
#header-menu {
	position:absolute;
	right:17px;
	top:36px;
	border:0px solid #ffffff;			
}	

#header-menu a {
	display:inline;		
	height:50px;
	text-decoration:none;
	color:#000000;
	border-right:0px solid #000000;	
}								

#header-menu a:hover {
	color:#D4B007;		
}

#header-gap {
	position:relative;
	left:0px;
	top:0px;
	height:0px;
	width: 100%
	background:#FFFFFF;
	border:0px solid #000000;	
}

/* End of Header section */

/* Popup section */

.popup-div {	
	position:absolute;
	top:110px;
	left:400px;
	width:380px; 
	min-height:150px;
	background:#ffffff;
	z-index:5;
	font:bold 14px Arial, Helvetica, sans-serif;
	border:solid;
        border: solid 4px #5F9600;
        -moz-border-radius:4px 4px 4px 4px;
	display:none;
}

#popup-close a{
	color: #000000;
	text-decoration:underline; 
	cursor: pointer;
}

#popup-close  a:hover {
	color:#000000;	
	text-decoration:underline; 
	cursor: pointer;	
}

.userProfile-div {	
	position:absolute;
	top:150px;
	left:100px;
	width: 650px; 
	min-height: 130px;
	background: #E4E6C1;
	z-index:5;
	font: bold 12px Arial, Helvetica, sans-serif;
	border:solid;
	border-color:#7A896C;
	display:none;
}

#userProfile-close a{
	color: #000000;
	text-decoration:underline; 
	cursor: pointer;
}

#userProfile-close a:hover{
	color: #000000;
	text-decoration:underline; 
	cursor: pointer;
}

.popupClose
{
	height:15px;
	padding-bottom: 10px;
}

/* End of Popup section */

/* Sign-up section */

#sign-up {
	position:absolute;
	top:90px;
	left:640px;
	color:#FFCF68;
	z-index:5;
	border:0px solid: #ffffff;
}
	
#forgot-password {
	position:absolute;
	top:90px;
	left:750px;
	color:#FFCF68;
	z-index:5;
	border:0px solid #ffffff;
}

#sendpassword-form {
	position:absolute;
	display: none;
	top:90px;
	left:50px;
	color:#FFCF68;
	z-index:5;
	border:0px solid #ffffff;
}

/* End of Sign-up section */

/** User Header menu section */

#user-header{
	height:40px;
	border:0px solid #000000;	
}

#display-name{
	float:left;
	width:60%;
	height:40px;
	padding-left:10px;
	font: bold 12pt Arial, Helvetica, sans-serif;
}

#user-header-menu{
	position:relative;
	float:left;
	text-align:right;
}

#menu-author {
	position:absolute;
	top:0px;
	left:16px;			
	padding:6px 0px 6px 10px;
	font: 14pt arial, helvetica, sans-serif, bold;					
	color:#f0f0a0;
}

#menu-box {	
	position:absolute;
	left:295px;			
	font: bold 12pt arial, helvetica, sans-serif;					
	color:#000000;
	border:0px solid #000000;					
}	
		
#menu a {
	display:inline;		
	height:50px;
	text-decoration:none;
	color:#ffffff;
	border-right:0px solid #000000;									
}
	
#menu-tag-line {
	position:absolute;
	top:2px;
	right:13px;			
	padding:6px 0px 6px 10px;
	font: 10pt arial, helvetica, sans-serif;					
	color:#000000;
	border:0px solid #000000;					
}

.menu-item{
	margin-left:10px;
	float:left;
	font: 8pt Arial, Helvetica, sans-serif;
}



.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

.leftmenu {
    background:url(../images/left-column-bg.png) repeat-y left top;
}

.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;
}
 
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}



.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}

.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:200px;
    top:25px;
}

#contentcolumn {
	margin-left: 0px; 
}

#wrapper {
	min-height: 100%
	height: 100%;
	margin: 0 auto -35px;
}

#column-left {
	margin-top: 15px;  
}

#column-right {
	float: left;
	width: 170px; 
	margin-left: -100%;
	background: #FFFFFF;	
}
	
/* End of menu section */
	
#comment-header {
	border-top: 1px solid #B9B7B7;
	background: #FFFFFF;
	color:#3F4446;
	padding:15px 10px 30px;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;	
	max-width: 1000px;
	height: 5px;
}

#comment-header img {
        position:relative;
}

#comment {
	margin:0px 0px 0px 10px;
	border-top: 1px solid #b9b7b7;
	background: #F0F0F0;
	color:000000;
	padding:10px 10px 30px 10px;
	font: 12px Arial, Helvetica, sans-serif;
	max-width: 1000px;
}

#comment-add {
	border-top: 2px solid #b9b7b7;
	background: #F0F0F0;
	max-width: 1000px;
	margin: 0px 0 0 10px;
	color:#000000;
	padding:20px 10px 10px 10px;
	font: 16px Helvetica, Arial, sans-serif;	
}

#comment-date {
        color:#505050;
}

#comment-date a {
        color:#505050;
}

#comment-date a:visited {
        color:#505050;
}

#comment-ad {
        padding-left: 50px;
        float: left;
        padding-top:1px;
}

#tool-header {
	width:160px;
	height: 44px;
	background:url(../images/tool-top.png);
	color:#FFFFFF;
	text-align: center;
	font: 16px Arial, Helvetica, sans-serif;						
}

#tool-title {
	padding-top: 16px;
	text-align: center;
}

#tool-notice {
	width: 108px;
	padding-top: 5px;
	padding-left: 27px;
	padding-right: 25px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;						
	background-image: url(../images/tool-body.png); 
	color:000000;		
}

#tool-notice a {
	color:#0000FF;
}

#tool-notice a:visited {
	color:#0000FF;
}
	
#tool-bottom {
	width: 160px;
	height: 38px;
	background:url(../images/tool-bottom.png) no-repeat;
}

.track-post-column {
	width: 108px;
	padding-top: 5px;
	padding-left: 32px;
	padding-right: 20px;
	font: bold 12px Arial, Helvetica, sans-serif;						
	background-image: url(../images/tool-body.jpg); 
	color:000000;
}

.show-border{
	border:1px solid #000000;
}

.title-headding{
	font:bold 14pt Arial, Helvetica, sans-serif;
}

.large-text{
	font: 14pt Arial, Helvetica, sans-serif;
}

.medium-text{
	font: 12pt Arial, Helvetica, sans-serif;
}

.small-text{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
}

.small-text-green{
	font: 12px Arial, Helvetica, sans-serif;
	color:#3F4446;
}

.small-text-bold{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
}

.small-text-bold-green{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#3F4446;
}

.left-padding{
	padding-left:10px;
}

.div-margin
{
	margin-top:5px;
	margin-bottom:5px;
}

#footer {
	clear:both;
	font: 13pt Arial, Helvetica, sans-serif;		
	text-align:right;
	padding:0px 10px 0px 0px;
	min-width: 700px;	
	line-height:35px;
	background:#D8D8D8;
	color:#000000;
	border:0px solid #000000;
}

#footer a {
	text-decoration: none;
	color:#000000;
}

#footer a:hover {
	color:#FFFFFF;
}

#footer a:visited {
	color:#000000;
}

#footer, #push {
	clear: both;
}

#exception-detail{
	width:100%;
	min-height:350px;
	float:left;
	border:0px solid #000000;
	background-color: #FFFFFF;
	
}

#contentwrapper {
	float: left;
	width: 100%;
	min-height:337px;	
}

.innertube {
	padding: 21px 10px 10px;
	width: 170px;
	float: left;
	background: url("../images/left-column-bg.png") repeat-y scroll left top transparent;
}

#innerDiv {
	margin-left: 220px;
	padding-right: 40px;
}

.content-wrapper {
	border: 1px solid transparent;
	background: url("../images/left-column-bg.png") repeat-y scroll left top transparent;
}

#post-title {
	min-height:20px;
	font:bold 18px italic Arial, Helvetica, sans-serif;						
	color:#000000;
	background:#FFFFFF;
	padding: 25px 0px 5px 10px;
}
#posted-date {
	font: 14px Arial, Helvetica, sans-serif;
	color:#3F4446;
	padding:8px 0px 0px 10px;
}
#posted-date a {
	color:blue;
        cursor:pointer;
	text-decoration:none;
}
#posted-date a:hover{
        text-decoration:underline;
}

.popupHeader{
	background: #99AE6A;
	color:#FFFFFF;
	padding:5px 10px 15px 15px;
	font: bold 14px Arial, Helvetica, sans-serif;
	height:6px;						
}

.paddingallside{
	padding:10px 10px 10px 10px;
}

#search-header {
	margin-top:20px;
	margin-bottom:20px;
	color:#000000;
	padding:10px 10px 10px 10px;
	font: bold 16pt Arial, Helvetica, sans-serif;						
}

#search-result {
	margin: 0px 0px 20px 10px;
	background: #FFFFFF;
	color:#000000;
	padding:0px 0px 10px 0px;
	font: 10pt Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #B9B7B7;						
	overflow: auto;
/*	display: inline-block;
	width: 100%;*/
}

#search-title {
	padding-bottom:2px;
	font: 12pt Arial, Helvetica, sans-serif;
	min-height: 20px;
}

#search-title a {
		color:#1111cc;
		text-decoration: none;
}

#search-pin {
	float: right;
}
	
#search-post-date {
	padding-bottom:6px;
	font: 8pt Arial, Helvetica, sans-serif;						
}
	
#search-thumb {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

#search-result-gist {
	font: 9pt Arial, Helvetica, sans-serif;	
}

#search-footer {
	font-size:20px;
	font-family: helvetica;
	padding: 0 0 20px 10px;
}
#home-panel {
	float: left;
	width: 300px; 
	height:300px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align:left;	
	background:#FFFFFF;
	border:1px solid #000000;		
}

#post-tags {
	width:140px;
	padding-top: 5px;
	padding-left: 20px;
	font: 10px Arial, Helvetica, sans-serif;						
	background-image: url(../images/tool-body.png); 
	color:#000000;
}

.taglist {
	color: #AE6441;
}

.tag-box {
        margin-top: 5px;
        margin-right: 10px;
        float: left;
        width: 120px;
        height: 23px;
        border: solid 1px #888;
        -moz-border-radius:3px 3px 3px 3px;
	background-color: white;
}

.tag-box #add-tag-box {
        border: 0 !important;
        padding: 0 !important;
        font-size: 10px;
        margin-left: 5px;
        margin-top: 2px;
        margin-right: 5px;
        width: 85px;
        height: 20px;
        float: left;
        line-height: 18px;

}

.tag-box #submitTag {
        border: 0 !important;
        width: 24px;
        height: 23px;
        padding: 0 !important;
        float: right;
        margin-top: 0px;
        margin-right: 1px;
        background-image: url('../images/add-tag-button.jpg');
        background-color: transparent;
        background-repeat: no-repeat;
}

.tag-box #submitTag:hover {
        background-position: 0 -23px;
}

#account-block {
	margin-bottom:20px;
	background: #FFFFFF;
	color:#000000;
	font: 10pt Arial, Helvetica, sans-serif;
	border: 1px solid #B9B7B7;						
}

#account-header {

	margin-bottom:20px;
	background: #F0F0F0;
	color:#3F4446;
	padding:10px 10px 10px 10px;
	font: bold 10pt Arial, Helvetica, sans-serif;
}

#account-items {
	padding:10px 10px 10px 20px;
	font: 10pt Arial, Helvetica, sans-serif;
}

#account-list {
	width: auto;
	margin-left: 40px;
	background: #FFFFFF;
	color: #000000;
	padding: 10px 10px 10px 10px;
}
.classAnchorBule{
	text-decoration:underline; color:#3300FF; cursor: pointer;
}
.classAnchorBule:hover{
	text-decoration:underline; color:#3300FF; cursor: pointer;
}
.classAnchorBule:visited{
	text-decoration:underline; color:#3300FF; cursor: pointer;
}

.classAnchorBule:link{
	text-decoration:underline; color:#3300FF; cursor: pointer;
}
/* form data field css*/

input[type="text"], input[type="password"],input[type="button"],input[type="submit"],input[type="file"]
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    
    padding: 4px;
    border: solid 1px #99AE6A;
}

textarea
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 4px;
    border: solid 1px #99AE6A;
}

input[type="button"],input[type="submit"],input[type="file"]
{
	cursor:pointer;
	border: 2px outset #99AE6A;
	font-weight: bold;
	height:23px;
	text-align:center;
}
select{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.inputText
{
	width: 180px;
}

.loginTextInput
{
	width: 170px;
}

.forgotSubContainerWidth
{
	width: 300px;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.w10
{
	width:10px;
}

.w50
{
	width:50px;
}

.w60
{
	width:60px;
}

.w70
{
	width:70px;
}

.w80
{
	width:80px;
}

.w90
{
	width:90px;
}

.w100
{
	width:100px;
}

.w110
{
	width:110px;
}

.w120
{
	width:120px;
}

.w130
{
	width:130px;
}

.w140
{
	width:140px;
}

.w150
{
	width:150px;
}

.w200
{
	width:200px;
}

.w250
{
	width:250px;
}

.w270
{
	width:270px;
}

.w300
{
	width:300px;
}

.w340
{
	width:340px;
}

.w350
{
	width:350px;
}

.w520
{
	width:520px;
}

.textRightAlign
{
	text-align:right;
}

.textFieldPadding
{
	padding-left: 10px;
}
.aboutmePadding {
	padding: 10px 10px 10px 10px;
}

.whiteColor
{
	color: #FFFFFF;
}

.controllTextMaxMin
{
	max-width:610px;
	min-width:610px;
	max-height:100px;
	min-height:100px;
}

#profile-image
{
	float: left;
	width: 54px;
	margin-left: 2px;
	margin-right: 2px;
	padding-right: 5px;
	min-height: 40px;
	float: left;
}

.errorMsg{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color:red;
	text-align:center;
	height:15px;
}

.systemMsg{
	font-family: Arial, Helvetica, sans-serif;
	color:red;
	min-height:15px;
	font-size: 10px;
	padding: 5px;
}

#showMsg{
	font-family: Arial, Helvetica, sans-serif;
	color:red;
	min-height:18px;
	font-size: 12px;
	text-align: center;
}

#loginMsg{
	font-family: Arial, Helvetica, sans-serif;
	color:red;
	min-height:14px;
	font-size: 12px;
	text-align: center;
}

#search-content
{
	min-height: 20px;
	/*float: left;*/
}

#home-center {
	text-align: center;
}

#home-content {
    text-align: left;
    width: 720px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    color: #808000;
    background: #ffffff;
    font: bold 14px Arial, Helvetica, sans-serif;
    border:0px solid #000000;                            
}

.phpdigHighlight {
	color:;
	background-color:;
	font-weight: bold;
}

/* Homepage */

.hp-body-title {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight:bold;
	color: #000000;
	font-size: 3.3em;
	letter-spacing: .009em;
	text-align: center;
	line-height: 75px;
	vertical-align:middle;
}

.hp-wrapper {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #000000;
	font-size: 12px;
	width: 1007px;
	margin: 0px auto 0 auto;
	height: 330px;
}

.hp-right {
	height: 600px;
	float: right;
	background-image:url("../images/homepage-leftcol-bg.png");
	margin-bottom: 15px;
}
.hp-right ul {
        margin-left:0px;
}

.hp-left {
	width: 684px;
	padding-top: 40px;
	text-align: center;
}
.hp-left a {
        text-decoration:none;
        color: #0033cc;
}
.hp-left a:visited {
        color: #0033cc;
}

.hp-question {
	margin:0px auto 0px 0px;
	color: #202020;
	padding: 13px 0px 6px;
	border: 0px;
}

.hp-question img {
	vertical-align: middle;
	border: 0px;
}

.hp-answer {
	width:500px;
	font: 16px Arial,Helvetica Neue,Helvetica,Arial,sans-serif;
        margin:-12px auto 15px 80px;
	line-height:1.3em;
	color:#202020;
}
#hp-learn-more {
	float: right;
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	padding: 7px 28px 0px 0px;
	text-decoration: underline;
	
}
#hp-learn-more a {
	color: #000000;
	text-decoration: none;
}
.hp-jot-button {
	width: 349px;
	height: 42px;
	display: block;
	margin: 0px auto 0 auto;
	background-image: url('../images/jot-now-button.gif');
	cursor: hand;
}

.hp-jot-button span {
	display: none;
}

.hp-message {
	padding-bottom: 5px;
	color: #000000;
}

.hp-message li {
	margin-bottom: 5px;
	margin-left:10px;
	font: 12px "Lucida Grande", Arial, Lucida, Tahoma, Helvetica, sans-serif;
}

.error-wrapper {
        font-family: "Lucida Grande", Arial, Lucida, Tahoma, Helvetica, sans-serif;
        color: #000000;
        font-size: 18px;
        line-height: 30px;
        width: 1000px;
        margin: 0 auto 0 auto;
        height: 450px;
}

.error-left {
        width: 800px;
        float: left;

}

/* Homepage ticker */
#listticker{
	height:530px;
	overflow:hidden;
	padding:0px 0px 0px 25px;
	background-image:url("../images/homepage-leftcol-bg.png");
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
	height:88px;
	padding:0px;
	list-style:none;
	margin-bottom: 0px;
}
#listticker a{
	color:#0000FF;
	text-decoration:underline;
}
#listticker .ticker-title{
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#0033cc;
}
#listticker .ticker-gist{
	display:block;
	font-size:12px;
	color:#202020;
	line-height: 1em;
}
#listticker .ticker-user{
        display:block;
        font-size:12px;
        color:#666666;
        line-height: 1.7em;
}
#listticker img{
	float:left;
	margin-right:14px;
	padding:4px;
	margin-top:5px;
	border:solid 1px #D8D8D8;
	max-height: 60px;
	max-width: 50px;

}
.ticker-header{
}
#left-divider img{
	border:0;
	padding-left:30px;
}

/**** End of Ticker style *******/

/* Search */

.hp-search {
	margin-top: 2px;
	margin-right: 2px;
	float: right;
	width: 200px;
	height: 24px;
	background-color: white;
	border: solid 1px #888;
	-moz-border-radius:3px 3px 3px 3px;
}

.hp-search #query_string {
	position:absolute;
	top:3px;
	right:90px;
	z-index:5;		
}

.hp-search #submit {
	border: 0 !important;
	width: 20px;
	height: 20px;
	padding: 0 !important;
	float: left;
	margin-top: 2px;
	background-image: url('../images/search-button.gif');
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
}

.hp-search #submit:hover {
	background-position: 0 -40px;
}

#header-logo {
	float:left;
	position: absolute;
	z-index: 3;
	margin-top: 24px;
	margin-left: 22px;
}

#header-login {
	position: relative;
	height: 60px;
	display: block;
}

#need-access {
        position: absolute;
        height: 20px;
        display: block;
        top: 20px;
        right: 112px;
        color: #000000;
        font-size: 14px;
}

#hp-login-button {
	bottom: 85px;
	right: 14px;
	position: absolute;
	-moz-border-radius:4px 4px 4px 4px;
	background:none repeat scroll 0 0 #5F9600;
	color: white;
	font-weight:bold;
	padding:3px 4px 4px;
	text-decoration:none;
	cursor: pointer;
	border: solid 2px #5F9600;
}

#hp-login-button:hover {
	background-color: #8FB822;
	border: solid 2px #5F9600;
}

#hp-login-button.open:hover {
	background-color: #5F9600;
	border: solid 2px #5F9600;
}


#hp-login-button span {
	background-image:url("../images/login-down.png");
	background-position: right center;
	background-repeat:no-repeat;
	padding:4px 25px 6px 0;
}	

#hp-login-box {
	position: absolute;
	display: none;
	width: 250px;
	min-height: 220px;
	-moz-border-radius:4px 4px 4px 4px;
	background-color: #5F9600;
	padding: 4px;
	top: 40px;
	right: 0px;
	z-index: 10;
}

.hp-login-box-content {
	background-color: white;
	width: 234px;
	min-height: 204px;
	font-size: 12px;
	padding: 8px;
	color: #444;
	family-font: arial;
}

.hp-login-box-content .field {
	width: 224px;
	border: solid 1px #ccc;
	-moz-border-radius:2px 2px 2px 2px;
	font-size: 12px;
}

#loginButton {
	float: right;
	margin-top: 10px;
	margin-left: 15px;
	-moz-border-radius:2px 2px 2px 2px;
	background-color: #5F9600;
	color: white;
	border: 0;
	font-size: 11px;
}

#loginButton:hover {
	background-color: #8FB822;
}

.hp-login-box-links {
	clear: both;
	margin-top: 45px;
	position: relative;
	left: -8px;
	cursor:pointer;
}

.hp-login-box-links a {
	text-decoration: none;
	margin: 0 8px 0 8px;
	color: #444;
}

.hp-login-box-links a:hover {
	border-bottom: dotted 1px #444;
}	


#hp-login-box  * {
	font-family: arial;
}

#facebook-like {
	border-width:0px;
	border-style:solid;
	font: bold 12px Arial, Helvetica, sans-serif;
        margin: 10px auto 0px 9px;
	position: relative;
}

#facebook-like a:hover {
	border-width:0px;
	text-decoration: none;
	background-position: 0 -18px;
}

#facebook-like a {
	background-image: url("../images/comment_icon.jpg");
	background-repeat: no-repeat;
        border-width: 0;
        display: block;
        float: left;
        height: 18px;
        line-height: 21px;
        padding-left: 30px;
        text-decoration: none;
}

#facebook-like div[style] {
        vertical-align: top !important;
}

#social-likes div[style] {
        vertical-align: top !important;
}

#social-likes {
        padding-top:10px;
}