/* ------------------------ DIRECTORY ------------------------ */

#header_nav { margin-left: 10px; }
#header_nav a.filter, #header_nav .label {
	display: block;
	float: left;
	font-size: 12px;
	padding: 3px;
	margin-right: 5px;
	color: #808080;
}
	#header_nav a.filter.topic { text-decoration: none; }
	#header_nav a.filter.topic .name { display: none; }
	#header_nav a.filter.topic:hover .name { text-decoration: underline; }
	#header_nav a.filter.topic:hover .name,
	#header_nav a.filter.topic.selected .name { display: inline; }
	
	#header_nav .label { font-size: 10px; }
	#header_nav a.filter img { margin-top: -1px; }
	
	#header_nav a.filter.selected, #header_nav a.filter:hover {
		background-color: #F2F2F2;
		border-bottom: 2px solid #808080;
	}	
	#header_nav a.filter:hover { border-bottom: none; }
	#header_nav a.filter.selected { text-decoration: none; }
	#header_nav a.filter.selected:hover { border-bottom: 2px solid #808080; }

#header_nav.compact {
	float: right;
}
	#header_nav.compact a.filter.selected, #header_nav.compact a.filter:hover { background-color: transparent; border: none; color: #000; }
	#header_nav.compact a.filter.selected { font-weight: bold; }



/* ------------------------ EMPHASIS COLUMN ------------------------ */

.box {
	width: 230px;
	margin: 10px;
	margin-top: 20px;
}
.box.flush_left { margin-left: 0; }


/* ------------------------ PROFILES ------------------------ */

#profile_nav a {
	display: block;
	float: left;
	text-align: center;
	font-size: 15px;
	padding: 7px;
	margin-right: 5px;
	color: #282560;
}
	#profile_nav a.selected, #profile_nav a:hover, #profile_nav a.selected:hover {
		background-color: #FFF;
		border-bottom: 2px solid #282560;
		text-decoration: none;
	}
	
	#profile_nav a:hover { border-bottom-color: #FFF; }

.indented_profile_body { margin-left: 200px; }

#profile_dashboard {
    
}
#profile_dashboard a.action.button { margin-top: -5px; margin-left: 10px; }



    /* ------------------------ CALENDAR/EVENTS ------------------------ */
    
.cal_month_button { margin: 53px 5px 0px 5px; }
.cal_month_button a { padding: 3px; font-size: 18px; text-decoration: none; color: #F79320; }
.cal_month_button a:hover { background-color: #DDD; }



/* ------------------------ MENTORS ------------------------ */

/* ALL */
.mentor .mentor_name { font-weight: bold; }


/* LARGE */
.mentor.large .indented_for_icon { margin-left: 60px; }


/* SMALL */
.mentor_grid .mentor {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}
.mentor_grid.one_column .mentor { width: 100%; }

.mentor.small { font-size: 10px; }

.mentor_grid .mentor.small .indented_for_icon { margin-left: 40px; }

.mentor_grid .mentor.small .mentor_details { margin-right: 20px; }


/* MENTOR PROFILE */
.mentor_name_bar {
    width: 720px; height: 20px;
    background-image: url('shared/mentor-name-bar.png');
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.1em;
}

.below_profile_picture {
    float: left;
    clear: left;
    width: 200px;
}

table.calendar * { border: none; }
table.calendar thead th { text-align: center; }
table.calendar td {
    text-align: center;
    width: 15px; height: 15px;
    padding: 0;
}
table.calendar td.otherMonth { color: #808080; }
table.calendar td.special { color: #FFF; background-color: #000; cursor: pointer; }
table.calendar td.special.troop_start { background-color: #108DCD; }
table.calendar td.special.meeting { background-color: #808080; }
table.calendar td.special.member_event { background-color: #BBB; }
table.calendar td.special.member_event:hover { background-color: #404040; }
table.calendar td.special:hover div.popup { display: block; }
table.calendar td div.popup {
    display: none;
    width: 30px; height: 19px;
    background: url('shared/calendar-popup.png');
    text-align: center;
    font-size: 9px;
}

/* OUR MENTORS */
.topbar_cell {
	float: left;
	width: 200px;
	height: 60px;
	margin-right: 10px;
}


/* ------------------------ LIFESTORY ------------------------ */

.lifestory {
    position: relative;
    background: url('shared/lifestory/background.png') no-repeat bottom left;
    height: 600px;
}
    .lifestory .chapter { position: absolute; }
    .lifestory .chapter#pre_launch { left: 0px; top: 335px; }
    .lifestory .chapter#emerging { left: 75px; top: 106px; }
    .lifestory .chapter#expanding { left: 249px; top: -35px; z-index: 1000; }
    .lifestory .chapter#established { left: 465px; top: 65px; }
    .lifestory .chapter#exit { left: 540px; top: 316px; }

    .lifestory .information_wheel {
        position: absolute;
        width: 220px; height: 220px;
        padding: 100px;
        top: 230px; left: 150px;
    }
        .lifestory .information_wheel#pre_launch_wheel { background-image: url('shared/lifestory/picker-pre_launch.png'); }
        .lifestory .information_wheel#emerging_wheel { background-image: url('shared/lifestory/picker-emerging.png'); }
        .lifestory .information_wheel#established_wheel { background-image: url('shared/lifestory/picker-established.png'); }
        .lifestory .information_wheel#expanding_wheel { background-image: url('shared/lifestory/picker-expanding.png'); }
        .lifestory .information_wheel#exit_wheel { background-image: url('shared/lifestory/picker-exit.png'); }



/* ------------------------ PROGRAMS ------------------------ */

/* ALL */
.program .program_title { font-weight: bold; }


/* LARGE */
.program.large .indented_for_icon { margin-left: 60px; }


/* SMALL */
.program.small { font-size: 10px; line-height: 13px; }
.program_grid .program.small {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.program.small .indented_for_icon { margin-left: 40px; }

.program.small .program_details { margin-right: 20px; }


/* CALLOUTS */

.callout {
    width: 320px;
    margin-bottom: 20px;
    color: #808080;
}
    .callout p { font-size: 11px; line-height: 18px;}
    .callout img { vertical-align: -4px; margin-right: 3px; }