body
{
	margin: 0px;
	padding: 0px;
	position: relative;
}

a:hover, a:active, a:focus,a { outline: none !important; }

#navigator *
{
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-weight: bold;
	font-size: 13px;
	height: 25px;
	position: relative;
	z-index: 9975;
}

#navigator
{
	background: url(/static/imgs/ons-top/top-grad.gif) repeat-x;
	text-align: left;
}

#navigator ul
{
	list-style: none;
	padding: 0 4px;
}

.ie6 #navigator ul { padding-right: 0px; }

#navigator li
{
	float: left;
	background: none;
}

#navigator a { text-decoration: none;background:none; }

#navigator .follow .navigator_link div
{
	color: #fff;
	line-height: 23px;
	padding-right: 5px;
}

#navigator .navigator_link a
{
	color: #fff;
	text-decoration: none;
	background: url(/static/imgs/ons-top/top-separator.gif) no-repeat right 0px;
	padding: 0px 11px;
	line-height: 23px;
	height: 25px;
	display: block;
	border-bottom: none;
}

#navigator li.help,
#navigator li.create,
#navigator li.follow,
#navigator li.heart,
#navigator li.heart-red,
#navigator li.nav-newer,
#navigator li.nav-older { float: right; }

#navigator .navigator_link a.active,
#navigator .navigator_link .no_arrow a:hover,
#navigator .navigator_link:hover
{
	background: #3c3c3b;
}

#navigator .navigator_menu
{
	position: absolute;
	z-index: 9999;
	clear: both;
}

#navigator .navigator_menu { width: 220px; }

#navigator .navigator_menu ul
{
	padding: 0px;
	height: auto;
	background: #2A2A2A;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	padding-top: 8px;
	padding-bottom: 8px;
	opacity: .9;
	filter: alpha(opacity=90);
	zoom: 1;
}

#navigator .navigator_menu li
{
	float: none;
	margin: 0px 0px;
	line-height: 18px;
	height: 20px;
	display: block;
	width: 100%;
	overflow: hidden;
}

#navigator .navigator_menu a
{
	color: #fff;
	display: block;
	padding: 0px 8px 0px 12px;
	line-height: 18px;
	height: 20px;
	font-size: 12px;
	background: none;
	white-space: nowrap;
}

#navigator .navigator_menu a:hover { background: #000; }

#navigator .navigator_menu li.menu_divider
{
	border-bottom: 1px solid #45494d;
	font-size: 1px;
	line-height: 1px;
	margin: 4px 0px;
	height: 1px;
}

#navigator .login .navigator_link a:hover,
#navigator .login .navigator_link a {
  background: url(/static/imgs/ons-top/top-facebook-login.gif) no-repeat right 3px;
  padding-right: 20px;
  margin-right: 11px;
}

.ie6 #navigator .login .navigator_link a:hover,
.ie6 #navigator .login .navigator_link a {
  margin-right: 5px;
}

#navigator .home .navigator_link a:hover,
#navigator .home .navigator_link a
{
	text-indent: 0;
	padding-left: 22px;
	width: auto;
	border: 0px;
}

#navigator .home .navigator_link:hover
{
	background-color: #333;
	background-position: 0px -29px;
}

.ie6 .navigator_link,
.ie6 #navigator li a,
.ie6 #navigator li { display: inline; }

.ie6 #navigator li a
{
	display: block;
	float: left;
}

.ie6 #navigator .navigator_menu li,
.ie6 #navigator .navigator_menu li a
{
	display: block;
	float: none;
}

.ie6 #navigator ul { padding-left: 2px; }

.ie8 #navigator .navigator_menu ul { filter: none; }

#onsugar_search_form .unclicked { color: #AAAAAA; }

#navigator .sites a span,
#navigator .inbox a span,
#navigator .account a span
{
	padding-right: 12px;
	background-image: url('/themes/c6/imgs/arrow-small.gif');
	background-repeat: no-repeat;
	background-position: right center;
	zoom: 1;
}

#navigator .sites { margin-left: -2px; }

#navigator .home .navigator_link {
	background: url(/static/imgs/ons-top/top-logo.gif) no-repeat 0px -1px;
}

.ie6 #navigator .home .navigator_link {
	zoom: 1;
}

#navigator .follow .warning {
	color: #f00;
}

/*** search box classes ***/
/*** Every rule is !important in this section.  This is OK for this case in which every rule is highly specific, should always override conflicting rules, and should never be overridden. !important ***/
#navigator li.ons-search
{
	float:right !important;
	background: none !important;
    border-left: none !important;
    display:block !important;
}

.ie #navigator li.ons-search
{
    width:230px !important;
}

#navigator #onsugar_search_form .form-item, #navigator #onsugar_search_form .button
{
	margin-top:3px !important;
	position:static !important;
	display:block !important;
	line-height:1 !important;
	float:left !important;
	border:none: !important;
	height:19px !important;
	zoom:1 !important;
}

#navigator #onsugar_search_form .form-item
{
    padding:0px 3px 0px 10px !important;
    border-bottom: none !important;
}

#navigator #onsugar_search_form input.form-text
{
	position:static !important;
    width:125px !important;
    font-size:12px !important;
    font-weight:normal !important;
    height:auto !important;
    padding:1px 2px !important;
    margin:0px !important;
    letter-spacing:normal !important;
    border:1px solid #CCCCCC !important;
    background:#FFFFFF none !important;
}
#navigator #onsugar_search_form .button_top,
#navigator #onsugar_search_form .button_bot{
    display:none
}
#navigator #onsugar_search_form .button, #navigator #onsugar_search_form .button span
{
    background:none !important;
    position:static !important;
    height:19px !important;
}

#navigator #onsugar_search_form .fancybutton
{
	position:static !important;
	background:#EA3086 url(/static/imgs/pink-grad.gif) repeat scroll 0 0 !important;
	color:#FFFFFF !important;
	border:none !important;
	text-transform:uppercase !important;
	font-family:"Arial" !important;
	font-size:12px !important;
	width:75px !important;
	border:none !important;
	height:18px !important;
	margin:0px 3px !important;
	padding:0px 3px 0px 3px !important;
	cursor:pointer !important;
}

#navigator #onsugar_search_form input.fancybutton:hover {
    background:#EA3086 none repeat scroll 0 0 !important;
}

#navigator_facebook_icon {
  height: 16px;
  width: 16px;
  margin: 0px 0px -5px 5px;
  padding-bottom: 3px;
}

/*** In IE, the search button is 1 px skinnier than the search input and it's 1px too high up.  This looks janky. ***/
/*** Move the search button down 1px, make it 1px skinnier, and make search input 2 px skinnier.  (This looks beter than making the button 1px wider) ***/
.ie #navigator #onsugar_search_form .button
{
    margin-top:4px !important;
}

.ie #navigator #onsugar_search_form input.form-text
{
    padding:0px 2px 0px 2px !important;
}

.ie #navigator #onsugar_search_form .fancybutton
{
    height:17px !important;
}
/*** END search box classes ***/

.button_bot,
.button_top{
    display:none
}

/** Facebook Merchant Auth Form **/
    #perm-canvas {
        height: 400px;
    }

    #perm-loading img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #perm-instructions p,
    #perm-instructions ol {
        width: 550px;
    }

    #perm-instructions ol {
        margin: 10px 40px 20px 25px;
    }

    #perm-instructions p img {
        float: left;
        padding: 2px;
        border: 1px solid black;
        margin: 4px;
        margin-right: 10px;
    }

    #perm-button {
        margin-top: 10px;
    }
/** END Facebook Merchant Auth Form **/