/* Stylesheet for eMentor  */
@import url('https://www.aapt.org/style/reset-min.css');
@import url('https://www.aapt.org/style/style.css');

body {
	text-align:center;
	
	margin:0;
	padding:0;
	
	background-image:url('images/bg.gif');
	background-repeat:repeat-x;
	background-position:top left;
}

body, html {background-color:#eee;}

h1 {
	margin-top:.2em;
}

h3 {
	/*border-bottom:1px solid #eee;*/
	margin-top:.6em;
	color:#336699;
}

h4 {
	margin:.4em 0 0 0;
	padding:0;
	font-style:normal;
	/*color:#002A53;*/
}

form {	
	margin:0;
	padding:0
}

#wrapper {
	position:relative;
	width:800px;
	
	margin:0 auto;
	margin-bottom:2em;
	padding:0;
	
	text-align:left;
	
	/*border:2px solid #999;*/
	
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	
	/* IE8 and below support for CSS3 */
	/*behavior:url('http://www.aapt.org/style/PIE.htc');*/
}

#header {
	padding:25px 0 0 10px;
	margin:0;
	height:90px;
	
	position:relative;
}

#header p.tagline {
	position:absolute;
	
	top:3em;
	right:1em;
	
	width:230px;
	
	text-align:right;
	color:#aaa;
	font-style:italic;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	line-height:1;
	font-size:.9em;
	
	margin-left:2em;
	text-indent:-2em;
}

#header div.aaptLinks {
	position:absolute;
	top:.4em;
	right:1em;
}

#header div.aaptLinks li {
	list-style:none;
	display:inline;
	font-size:.8em;
	margin-left:1em;
}

#header div.aaptLinks a {
	color:#ccc;
}

#header div.aaptLinks a:visited {
	color:#aaa;
}

#header div.aaptLinks a:hover {
	color:#fff;
}

#header a.logo {
	padding:1em;
	text-decoration:none;
}

#header img {
	border:0;
}

/** #body is the container for all non-header/footer stuff, including navigation */
#body {
	border-top:1px solid #fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	
	background:#036;
}

/** eMentoring Main navigation **/
	#navi {
		padding:0em .5em 0em .5em;
		background:#036;
		color:#369;
		
		text-align:center;
		
		border-bottom:1px solid #000;
	}
	
	#navi ul {
		margin:0;
		padding:0;
		list-style:none;
		background:#036;
	}
	
	#navi li {
		float:left;
		padding:0;
		margin:0;
		list-style:none;
	}
	
	#navi a {
		color:#eee;
		font-weight:bold;
		padding:.5em .8em .5em .8em;
		display:block;
		text-decoration:none;
		
		border-top:2px solid #036;
		border-bottom:2px solid #036;
	}
	
	#navi a.here {
		border-color:#B3CB81;
		background:#147;
	}
	
	#navi a:hover {
		color:#fff;
		background:#258;
		
		border-top-color:#bdf;
		border-bottom-color:#bdf;
		
		-moz-box-shadow:inset 0px 3px 10px #036;
	}
	
	/* having a little fun */
	#navi a:active {
		text-shadow: 0 0 5px #a;
	}

/** User info bar that displays below navigation **/
	#userInfo {
		font-size:.8em;
		text-align:right;
		padding:.2em .6em .2em 0;
		
		background:#B3CB81;
		border-bottom:1px solid #999;
		
		-moz-box-shadow:inset 450px 0 50px rgba(255,255,255,.5);
		-webkit-box-shadow:inset 300px 0 30px #fff;
		box-shadow:inset 300px 0 30px #fff;
		
		line-height:1.7;

	}

	#userInfo ul {
		margin:0;
		padding:0;
	}
	
	#userInfo li {
		display:inline;
		list-style:none;
		margin:0 0 0 1em;
		padding:0;
	}
	
	#userInfo a {
		color:#282B20;
		font-weight:bold;
		text-decoration:none;
		
		padding:.3em;
	}
	
	#userInfo a:hover {
		background-color:#D8EBAF;
		text-decoration:underline;
	}

/** Page/Content stylings **/
	#page {
		position:relative;
		margin:0;
		padding:.5em 1em .5em 1em;
		
		background:#fff;
		
		border-bottom:1px solid #ccc;
		
		-moz-box-shadow:inset 0 1px 3px #ccc;
		-webkit-box-shadow:inset 0 1px 3px #ccc;
		box-shadow:inset 0 1px 3px #ccc;
	}

/** Footer - Copyright, links back to main website **/
	#footer {
		position:relative;
		
		clear:both;
		font-size:.8em;
		color:#555;
		text-align:center;
		
		margin:0;
		padding:1em;
		
		background:#eee;
		
		border:1px solid #000;
		border-top:0px;
		
		-moz-border-radius:0 0 1em 1em;
		-webkit-border-radius:0 0 1em 1em;
		border-radius:0 0 1em 1em;
	}

/** Login box details **/
div#login {
	position:relative;
	width:25em;
	margin:0 auto;
	
	border:2px solid #ccc;
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
	
	text-align:center;
	
	/* IE8 and below CSS3 compatibility! */
	/*behavior:url('http://www.aapt.org/style/PIE.htc');*/
}

div#login h3 {	
	background-color:#003366;
	color:#ddd;
	padding:.3em;
}

/** Registration Stuff **/
#regSteps {
	text-align:center;
	font-size:.8em;
	
	margin-bottom:.8em;
	
	float:right;
	
	width:15em;
	padding:.6em .6em 0 .6em;
	margin-top:1em;
	
	background:#fff;
	
	border: 2px solid #ddd;
	border-radius:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
}

#regSteps p {
	margin-bottom:1em;
}

#regSteps ul {margin:0;padding:0}

#regSteps li {
	list-style:none;
	margin:1em 0 1em 0;
	padding:.4em;
	
	color:#666;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
}

#regSteps li.arrow {border-width:0}

#regSteps li.here {
	border-color:#036;
	color:#036;
	font-weight:bold;
}

/** Fancybox special styles **/
#fancybox-outer {
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
	
	border: 3px solid #777;
}

/* Form stuff */
#page form ul {margin:0;padding:0;}
#page form ul li {list-style-type:none;margin:.4em 0 .4em 1em;padding:0;}

/** Tools **/
#tools .alerts {
	position:relative;
	
	margin:1em;
	padding:.5em 1em 1em 1em;
	
	border-width:1px;
	border-style:solid;
	border-color:#999;
	
	background:#f5f5f5;
	
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
	
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.2), inset 150px 0 50px #fff;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	
	/*behavior:url('/style/PIE.htc');*/
}

#tools .alerts ul {
	margin:0 0 0 .3em;
	padding:0;
}

#tools .alerts li {
	list-style:none;
	
	margin:.8em 0 .3em 0;
	padding:.7em 7em .7em .7em;
	position:relative;
	
	background:#ddd;
	
	/*border:1px solid #ccc;*/
	
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
	
	box-shadow:inset -300px 0 70px #eee;
	-moz-box-shadow:inset -300px 0 70px #eee;
	-webkit-box-shadow:inset -300px 0 70px #eee;
}

#tools .alerts h2 {
	margin-top:0;
}

#tools .alerts .date {
	font-size:.8em;
	font-style:italic;
	color:#555;
}

#tools .alerts .description {
	font-size:.8em;
}

#tools .alerts li .type {
	font-weight:bold;
	font-size:1em;
}

#tools .alerts li .type a {
	color:#036;
	text-decoration:none;
}

#tools .alerts li .type a:hover {
	text-decoration:underline;
}

#tools .alerts li .remove {
	position:absolute;
	top:1em;
	right:1em;
	
	font-size:.8em;
}

.remove a {
	display:block;
	padding:.3em .8em .3em .8em;
	
	border:1px solid #666;
	border-radius:.4em;
	-moz-border-radius:.4em;
	-webkit-border-radius:.4em;
	
	background:#eee;
	background-image:url('images/button_bg.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	
	color:#333;
	font-weight:bold;
	text-decoration:none;
	text-shadow:2px 2px 0px #fff;
	-moz-text-shadow:2px 2px 0px #fff;
	-webkit-text-shadow:2px 2px 0px #fff;
	
	/*box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	-webkit-box-shadow: 2px 2px 2px #ddd;*/
}

.remove a:hover {
	/*background:#fff;*/
	border-color:#333;
	/*color:#222;*/
}

#tools .alerts .all {
	text-align:right;
	margin:.8em .2em 0 0;
	font-size:.8em;
}

#tools .alerts .all a {
	color:#036;
}

/** Sidebar styles **/
#sidebar {
	padding:.6em;
	margin:0;
	
	position:absolute;
	top:0;
	right:.4em;
	z-index:100;
	
	width:15em;
	
	/*color:#eee;*/
	
	background-color:#eee;
	background-image:url('images/sidebar_bg.jpg');
	background-position:top;
	background-repeat:repeat-x;
	
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	border-top-width:0;
	
	box-shadow:inset 0px 5px 5px #000;
	-moz-box-shadow:0px 2px 4px #ccc;
	-webkit-box-shadow:0px 2px 4px #ccc;
	
	border-radius-bottom-left:1em;
	border-radius-bottom-right:1em;
	-moz-border-radius-bottomleft:1em;
	-moz-border-radius-bottomright:1em;
	-webkit-border-radius-bottomleft:1em;
	-webkit-border-radius-bottomright:1em;
}

.hasSidebar {
	padding-right:18em !important;
}

#sidebar ul {
	margin:0;padding:0;
}

#sidebar li {
	list-style-type:none;
}

#sidebar ul ul {
	margin-left:3em;
}

#sidebar ul ul li {
	list-style-type:circle;
}

#sidebar h2 {
	margin:.6em 0 0 0;
	text-align:center;
	font-size:1em;
}

#sidebar #tools .alerts {
	font-size:.8em;
	margin:.4em 0 .4em 0;
	padding:.2em .4em .2em .4em;
}

#sidebar #tools .alerts ul {
	margin:0;
	padding:0;
}

#sidebar #tools .alerts li {
	padding:.4em;
	margin:.4em 0 0 0;
}

#sidebar #tools .alerts li .remove {
	position:relative;
	top:inherit;
	right:inherit;
	padding:.4em;
	margin:.3em .3em 0 .3em;
	text-align:right;
}

#sidebar #tools .alerts li .remove a {
	display:inline;
	text-shadow:1px 1px 0px #fff;
	-moz-text-shadow:1px 1px 0px #fff;
	-webkit-text-shadow:1px 1px 0px #fff;
}


#key a{
	text-decoration:none;
	font-weight:bold;
	color:#369;
}

#toggleSidebar {
	padding:20px 0 0 0;
	
	cursor:pointer;
	
	color:#999;
	font-weight:bold;
	font-size:.8em;
	
	text-align:center;

	background-image:url('images/close.png');
	background-position:center top;
	background-repeat:no-repeat;
}

#toggleSidebar.closed {
	background-image:url('images/open.png');
	color:#555;
}

/* General eMentoring Styles */

ul.address {
	padding:0;
	margin:0;
}

.address li {
	list-style:none;
	margin:0 0 0 0;
	padding:0
}

/* Account/Profile page tab styles */
.x-tabs-top {
	/* margin to compensate for sidebar width (15em)*/
	margin-right:17em;
}

.x-tabs-strip td{
	padding:0 .3em 0 0;
}

.x-tabs-strip td span {
	/*font-size:1em !important;*/
	color:#036 !important;
}

.x-tabs-inner {
	padding:.3em .6em .3em .6em !important;
}

.ytab {
	padding:1em;
}

.ytab h3 {
	border-bottom:1px solid #ddd;
}

#mentors {
	margin-left:.5em;
}

#mentors li {
	margin:.3em 0 .3em 0;
	padding:.3em;
	background-color:#eee;
	list-style:none;
}

#mentors h4 {
	margin-top:0;
	padding-top:0;
}

#mentors .remove {
	display:inline;
	float:right;
	margin:.7em .2em .2em .2em;
}

/* profile icon */
#profileIcon {
	position:absolute;
	top:.4em;
	right:.4em;
}

/* Directory Display */
#directory {
	margin-right:18em;
}

#directory a {
	color:#036;
}

#directory a:hover {
	color:#369;
}

#directory ul {
	margin:0;padding:0;
}

#directory li {
	margin:.4em 0 0 0;
	padding:.6em 1em .6em 2em;
	list-style:none;
	
	background-color:#cbe7ff;
	position:relative;
}

#directory li, #directory li div {
	height:3em;
}

#directory li.alt {
	background-color:#f5f5f5;
}

#directory li.header {
	color:#eee;
	background:#036;
	font-weight:bold;
	
	height:2em;
	
	background-image:url('images/dh_bg.png');
	background-repeat:repeat-x;
	background-position:top left;
}

#directory li div {
	position:absolute;
	/*overflow:auto;*/
}

/* Setting positioning and widths - see below for other styles */
#directory div.icon {left:2%;width:12%;overflow:hidden;}
#directory div.name {left:15%;width:54%;}
#directory div.state {left:70%;width:9%}
#directory div.email {left:85%;width:15%;}

#directory div.pairing {
	position:absolute;
	left:2.5em;
	top:1.5em;
	
	padding:0;
	margin:0;
}

#directory div.name a {
	display:block;
	height:100%;
	width:100%;
	
	font-weight:bold;
	text-decoration:none;
}

#directory div.email a {
	display:block;
	width:100%;
	height:100%;
	
	text-align:center;
	
/*	background-image:url('images/email_normal.png');
	background-position:center;
	background-repeat:no-repeat;*/
}

#directory div.email a img {
	vertical-align:middle;
}

/*
#directory div.email a:hover {
	background-image:url('images/email_hover.png');
}
*/

/* Communication Center stuff */
#sendTo li {
	display:inline;
}

ul.messages {
	margin:0 1em 0 0;
	padding:0;
}

ul.messages li {
	margin:.3em 0 .3em 0;
	padding:.4em;
	
	list-style-type:none;
	
	background:#e5e5e5;
	border:1px solid #aaa;
	
	position:relative;
	
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
}

ul.messages li p.date {
	position:absolute;
	top:0;
	right:0;
	
	margin:.6em;
	font-weight:bold;
}

ul.messages li p.from, ul.messages li p.to {
	font-size:.8em;
	margin:0;
	padding:0;
	
	display:inline;
}

ul.messages li h2 {
	cursor:pointer;
	margin:0;
	font-size:1em;
	font-family:Tahoma, Geneva, sans-serif;
	border:none;
}

ul.messages li div.body {
	margin:.5em 1em .5em 1em;
	padding:.4em;
	background:#eee;
	border:1px solid #bbb;
	
	border-radius:.4em;
	-moz-border-radius:.4em;
	-webkit-border-radius:.4em;
}

ul.sort li {
	list-style:none;
	display:inline;
}

.quote {
	margin:.4em 2em .4em 2em;
	font-style:italic;
}