/* Connect Header Widget Styles */
#connect-header {
    height: 36px;
}

#connect-header h1 { display: none; }

#connect-header ul {
    margin:     0;
    padding:    0;
    list-style: none;
    display:    inline;
}

#connect-header li {
	margin:   0;
    padding:  0;
    float: left;
    display:  block;
    *display: inline;
    color:    #343434;
    font-size :12px;
    font-family: Arial, sans-serif;
    position: relative;
}
#connect-header li,
#connect-header .yui-button button {
    text-transform: none;
}

#connect-header li.border {
    margin: 10px 0px 0px 0px;
    padding: 0 5px;
    border-left: 1px solid #dae1e7;
}

#connect-header li a, 
#connect-header li a:visited,
#connect-header li a:hover, 
#connect-header li a:active {
    font-size: 12px;
    text-decoration: none;    
    padding: 0px 6px;
}
#connect-header li a:hover {
    text-decoration:underline;
}

#connect-header li a.gray, 
#connect-header li a.gray:visited,
#connect-header li a.gray:hover, 
#connect-header li a.gray:active {
    color:#343434;
}

#connect-header li a.ltgray, 
#connect-header li a.ltgray:visited,
#connect-header li a.ltgray:hover, 
#connect-header li a.ltgray:active {
    color:#b1b1b1;
}

#connect-header li a.pink, 
#connect-header li a.pink:visited,
#connect-header li a.pink:hover, 
#connect-header li a.pink:active {
    color:#c33a56;
    font-size:12px;
    float:none;
    display:inline;
}

#connect-header li.homepage a { font-size: 11px; }


#connect-button {
/* 	overflow:      hidden; */
	display:       inline-block;
	margin:        -1px;
	border:        1px transparent solid;
}
#connect-button button {
	font-size:     12px;
	height:   	   36px;
	border:        0;
	color: 		   #343434;
	outline: none;
	font-family: Arial, sans-serif;
}
#connect-header .connect-signin-btn button {
	background:    URL('http://cdn.sheknows.com/interface/widgets/header/connect-btn-signin.png') right center no-repeat #FFF;
	padding-right: 106px;
	height: 36px;
	width: 160px;
}
#connect-header .yui-button-active {
	position:      relative;
	z-index:       12002;
	height:        36px;
}

#connect-header .yui-button-active button {
	color: 		   #c13d55;
	font-size: 	   24px;
	height:        36px;
	width: 		   160px;
	padding: 	   0px 10px 0px 10px;
	background-image: none;
	background-color: #FFF;
	margin: 0px;
	border:        1px solid #ccc;
	border-bottom: 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#connect-overlay {
	width:  260px;
	height: 270px;
	padding: 10px;
	position: absolute;
	top: 35px !important;
	left: 0px !important;
	background: #fff;
	border: 1px solid #ccc;	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#connect-overlay iframe {
	border-width:  0;
	border: 0;
	height: 315px;
}

.sign-in-box a { color: #aa3047; }
#connect-header #connect-overlay li a, 
#connect-header #connect-overlay li a:visited,
#connect-header #connect-overlay li a:hover, 
#connect-header #connect-overlay li a:active {
    color: #aa3047;
    text-decoration: none;    
    padding: 0px; 
}
#connect-header li a:hover {
    text-decoration:underline;
}
.connect-loggedin #connect-button button {
	background:   url('http://cdn.sheknows.com/interface/widgets/header/new-avatar.png') center left no-repeat;
	padding-left: 26px;
}
.connect-loggedin #connect-button.has-avatar button {
	background:   url();
	position:     relative;
}
.connect-loggedin #connect-button.has-avatar img {
	position:     absolute;
	left:         0;
	top:          5px;
}

/* Hack for FF because it can't render the <button> element correctly */
@-moz-document url-prefix() {
   .connect-loggedin #connect-button button { 
		padding-left: 0;
		width: 150px;
		text-align: left;
	}
	.connect-loggedin #connect-button.has-avatar img {
		position: relative;
		vertical-align: bottom;
		margin-right: 5px;
	}
}

.sign-in-box { margin-top: 10px; }
.sign-in-box #login-errors { color: red; font-size: 12px; font-weight: bold; padding-bottom: 5px; }

#hd .search-form { margin:0; padding: 4px; background:#f2f2f2; border:1px solid #e0e0e0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#hd .search-form .input-container { border: 1px solid #d7d7d7; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;	padding-left: 6px; 	background: #FFF; height: 28px;}
#hd .search-form form, #hd .search-form button { outline: none; border: none; }
#hd .search-form input.search-box-header { margin:0; padding: 0; width:89%; padding: 5px 0; border: none; }
#hd .search-form button { margin: auto;	padding: 0px; color: #fff; line-height: 29px; font-size: 12px; text-indent: -999em; font-weight: bold; text-transform: uppercase;
    cursor:pointer;  border: 0; vertical-align: top; width:28px; height: 29px; background: url("http://cdn.sheknows.com/links/links/search-button.png") no-repeat 0 0; }
.ie #hd .search-form button { display:inline; }
.ie7 #hd .search-form input.search-box-header {width: 87%; border: 0;}

/* IE Hacks >_< */
.connect-overlay-active .ie7 #hd { position: relative; z-index: 12001; }
.connect-overlay-active .ie7 #bd, .connect-overlay-active .ie7 #nav { position: relative; z-index: 1; }