@charset "utf-8";

/* NewStuff */
input.text-medium {
	width: 50px;
}

div#adminNav {
	font-size: 75%;
}

div#adminNav ul {
	margin: 1em 0 1em 0;
}

div#adminNav ul li {
	display: inline;
	margin: 1em 0 1em 0;
}
/* /NewStuff */




/* Csslistmenu helper */
ul.myMenu li {
    height: 39px;
    float: left;
    background: transparent 0 -39px no-repeat;
    margin:0;
}

/* the id of the menu item is created automatically from the $title variable in the helper */
/* the home.gif image has the 'out state' and 'over state' of the rollover effect in one image: the over state is positioned above the out, so in this example, the canvas size would be 60px wide by 78px (double the height of the menu) */
ul.myMenu li#home {
    background-image:url(../img/menu/home.gif);
    width:60px;
}

/* this CSS handles the rollover effect */
ul.myMenu li:hover, ul.myMenu li.active {
    background-position:0 0;
}

/* hide the text, leaving the A tag */
ul.myMenu li a span {
    display:none;
}

ul.myMenu li a {
    display:block;
    height:100%;
    width:100%;
} 
/* /Csslistmenu helper */




ul.horizontal-list {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-position: indside;
}
ul.horizontal-list li {
	display: inline;
	list-style-type: none;
	padding: 0 5px 0 0;
	margin: 0;
}
ul.horizontal-list li.delimiter {
	color: #CCCCCC;
	font-size: 150%;
}

.start_hidden {
	visibility: hidden;
}

.start_not_displayed {
	display: none;
}


/* Hacks */
/* Fixes for clearing elements */

/* This seems to work the best for making sure content after floated elements are is cleared */
/* CAUTION: child elements covered up by other elements, seems to make z-index smaller than everything else */
.overflow-respected {
	overflow: auto; _height: 100%;
}

/* Fix for clearing elements */
/* NOTE: Use this if you need child elements to float on top of subsequent elements on page
 * Automatically sticks an invisible '.' after the element so that floats
 * don't protrude below their containing elements
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* filter menu */

.side-menu, .side-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-menu {
    border-top: 1px solid #b1cde7;
    margin-bottom: 1.5em;
}

.side-menu a {
    display: block;
    border-bottom: 1px solid #b1cde7;
    padding: 4px 10px 4px 32px;
    /*background: url(../img/menu-all.gif) no-repeat -400px -10px;*/
	background: url(../img/menu-generic.gif) no-repeat -400px -10px;
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
    /*text-transform: lowercase;*/
}

.side-settings a {
    background-image: url(../img/menu-settings.gif);
}

.side-menu a.current {
	/*background-color: #a5cc7a;*/
    background-color: #474747;
    color: #fff;
    background-position: 0 -10px;
    margin: -1px 0 1px -14px;
    border-bottom: none;
    padding-left: 37px;
}

.side-popular a, .side-userimage a { background-position: -400px 0px; }
.side-popular a.current, .side-userimage a.current { background-position: 0 0px; }

.side-upcoming a, .side-email a { background-position: -400px 0px; }
.side-upcoming a.current, .side-email a.current { background-position: 0 0px; }

.side-menu em {
    float: right;
    color: #c00;
    font-style: normal;
    font-weight: normal;
}

.side-menu a.menu-disabled, .side-menu a.menu-disabled em {
	color: #999;
	cursor: text;
	font-weight: normal;
}

.side-menu span {
    float: right;
    color: #666;
    font-style: normal;
    font-weight: normal;
}

.side-menu .current em, .side-menu .current span {
	color: #fff;
}

/* top member list */
#topmember-list {
	min-height: 420px;
}

/* Page Navigation */
div.results_navigator {
	font-size: 120%;
	clear: both;
	margin-top: 25px;
	margin-bottom: 10px;
	font-family: verdana, sans-serif;
	color: #9C9EA0;
}
div.results_navigator span {
	padding: 0;
}
div.results_navigator a:link, div.results_navigator a:active, div.results_navigator a:visited {
	color: #9C9EA0;
}
div.results_navigator a:hover {
	color: #000000;
}