ol, li { margin:0; }

#account #page-wrap							{ width: 800px; margin: 25px auto; } 
#account a									{ text-decoration: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
#account a:hover 							{ color: #315271; text-decoration:none; }
#account ul									{ list-style: none;}
#account ul#nav_links                       { margin-left:0px; margin:0px;}
/* 
	LEVEL ONE
*/

ul.dropdown .has_sub_menu { 
	background: url("/img/timeline/down_arrow_up_ext.png") no-repeat scroll right 12px transparent;
	padding-right: 15px; 
	cursor:default;
}

ul.dropdown .has_sub_menu:hover, ul.dropdown .has_sub_menu.hover { 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9EDB93), to(#4CA83D)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #9EDB93, #4CA83D); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #9EDB93, #4CA83D); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #9EDB93, #4CA83D); /* IE10 */
    background-image:      -o-linear-gradient(top, #9EDB93, #4CA83D); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #9EDB93, #4CA83D);
}

#account .dropdown 					{ float: right;}
ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; height:30px; padding:0 5px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px;  color: #fff; text-shadow: 1px 1px #666;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; background: url("/img/drop_down_back.png") repeat-x 0 0 transparent;text-shadow:none;}
#header_links_holder #account ul.dropdown li.has_sub_menu.hover > a              {color: #315271; text-shadow:none;}
#header_links_holder #account ul.dropdown li.has_sub_menu > a {padding-bottom:0;height:24px;}
ul.dropdown li a:hover 				{ color: #fff; text-shadow:none;}
ul.dropdown li a.a_drop_down        { cursor:default;height:20px;}

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 97px; visibility: hidden; position: absolute; top: 100%; right: -12px; z-index:20000; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000;   padding-right: 20px;
									  border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: none; cursor:pointer;}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover                { background: url("/img/drop_down_back.png") repeat-x 0 0 #FFFFCC; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; border-top: 1px solid #efefef; text-shadow: none;} 
ul.dropdown ul li.last_item {border-bottom: 1px solid #ccc; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;
}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul, ul.dropdown li.hover > ul 			{ visibility: visible; }


#header_links_holder {
	height:30px;
	width:100%;
	z-index: 310;
	background: #efefef;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#cccccc)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fcfcfc, #cccccc); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #fcfcfc, #cccccc); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #fcfcfc, #cccccc); /* IE10 */
    background-image:      -o-linear-gradient(top, #fcfcfc, #cccccc); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #fcfcfc, #cccccc);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow:  0 1px 2px rgba(0,0,0,.3);
    box-shadow:  0 1px 2px rgba(0,0,0,.3);
    border:1px solid #999;
    border-width:1px 0;
}
#header_links_holder #end_cap{
    background: url("/img/header_links_background.png") no-repeat left top transparent;
}
#end_cap {
	float:right;
	width:2px;
	height:30px;
}

#header_links_holder.pro ul {
    background: url("/img/top_bar_background.png") repeat-x -2px top transparent;
}
#header_links_holder.pro #end_cap{
    background: url("/img/header_links_background_pro_gold.png") no-repeat left top transparent;
}

/* NEW top bar */
.garden_nav_button {
    padding:2px 5px;
    float:left;   
    cursor:pointer;
    height:24px;
}

.garden_nav_button.kid_selected {
    border-width:0 1px;
}
.garden_nav_button.kid_selected:hover {
    background: #FFFFCC;
    height:24px;
    border:0;
    cursor:default;
}
.garden_nav_button:hover {
    background:#9EDB93;
    height:27px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9EDB93), to(#4CA83D)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #9EDB93, #4CA83D); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #9EDB93, #4CA83D); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #9EDB93, #4CA83D); /* IE10 */
    background-image:      -o-linear-gradient(top, #9EDB93, #4CA83D); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #9EDB93, #4CA83D);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EDB93', endColorstr='#4CA83D'); /* for IE */
}
.garden_nav_image {
    float:left;     
    height:28px;
    cursor:pointer;
}
.garden_nav_image:hover {
	background:#9EDB93;
	height:30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9EDB93), to(#4CA83D)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #9EDB93, #4CA83D); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #9EDB93, #4CA83D); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #9EDB93, #4CA83D); /* IE10 */
    background-image:      -o-linear-gradient(top, #9EDB93, #4CA83D); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #9EDB93, #4CA83D);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9EDB93', endColorstr='#4CA83D'); /* for IE */
}
.garden_nav_image.kid_selected:hover {
    background: #FFFFCC;
    height:28px;
    border: 1px solid #DDDD66 !important;
    cursor:default;
}
.nav_premium_star {
	position:absolute;
	display:none;
}