/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home, body.home #header .admissions li.home,
body.aasn #navbar li.aasn,  body.aasn #header .admissions li.aasn,
body.apply #navbar li.apply, body.apply #header .admissions li.apply,
body.admits #navbar li.admits, body.admits #header .admissions li.admits,
body.international #navbar li.international, body.international #header .admissions li.international,
body.looking #navbar li.looking, body.looking #header .admissions li.looking,
body.paying #navbar li.paying, body.paying #header .admissions li.paying,
body.transfer #navbar li.transfer, body.transfer #header .admissions li.transfer,
body.profile #navbar li.profile, body.profile #header .admissions li.profile,
body.resources #navbar li.resources, body.resources #header .admissions li.resources,
body.info #navbar li.info, body.info #header .admissions li.info,
body.visit #navbar li.visit, body.visit #header .admissions li.visit,
body.contact #navbar li.contact, body.contact #header .admissions li.contact {font-weight: bold; background-color: #DDD;}


/* Admission Forms */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 10px 20px 0;
	padding: 1em;
	border: 1px solid #cccccc;
}

legend {
	font-weight: bold;
	color: #003366;
	font-size: 120%;
	margin: 0;
	padding: 0.5em;
}

label {
	display: inline;
}

form table {
	width:100%;
}
td.formlabel {
	text-align:right;
	vertical-align:top;
	padding:4px 2px;
	width:33%;
}
td.forminput {
	text-align:left;
	vertical-align:middle;
	padding:4px 2px;
	width:67%;
}


#highlight { /* The footer's highlight for Let's Explore */
	padding: 0;
	margin: -97px 0 0 0;
	height: 97px;
	width: 240px;
	float: left;
	position: relative;	
	background: transparent url(/admin/admissions/images/bg-highlight-explore.jpg) no-repeat left bottom; /* Let's Explore */
	border: none;
	text-indent: -9999px; /* Move text link off-screen */
	text-decoration: none;
	display: block;	
}

#highlight  a {
	display: block;
	height: 97px;
	width: 240px;
	background: transparent url(/admin/admissions/images/bg-highlight-explore.jpg) no-repeat left bottom; /* Let's Explore*/
	border: none;
}

#highlight  a:hover {
	display: block;
	height: 97px;
	width: 240px;
	background: transparent url(/admin/admissions/images/bg-highlight-explore.jpg) no-repeat left top; /* Let's Explore */
	border: none;
}


/* TASK SIDEBAR - Silk Icon Set 1.3 by Mark James www.famfamfam.com/lab/icons/silk 
---------------------------------------------------------------------------------------- */

#sidebar #task {
	font-size: 80%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 180px;
	background: transparent url(/admin/admissions/images/bg-post-it.jpg) no-repeat left top;
	height: 200px;
	border: none;
}

#sidebar #task div.gutter {
	position: relative;
	z-index: 400; /* Keep links above #highlight when pages are short */
}

#sidebar #task dl {
	float: left;
	margin: 0;
	padding: 1.5em 1em 1em 2em;
	background-color: transparent;
}

#sidebar #task dt {
	color: #333333;
	margin: 0 0 .5em 0;
	text-transform: uppercase;
	font-weight: bold;
}

#sidebar #task dt a:hover {
	color: #9999cc;
}

#sidebar #task dd {
	margin: 0 0 .5em 0;
	padding: 0;
	height: 16px;
	text-indent: 20px;
}

dd#task-academics {
	background: url(/admin/admissions/images/icons/bullet-go.gif) no-repeat;
}
dd#task-tuition {
	background: url(/admin/admissions/images/icons/bullet-go.gif) no-repeat;
}
dd#task-studentlife {
	background: url(/admin/admissions/images/icons/bullet-go.gif) no-repeat;
}
dd#task-profile {
	background: url(/admin/admissions/images/icons/bullet-go.gif) no-repeat;
}


/* BOXES - Dan Cederholm's Indestructible Boxes
----------------------------------------------------------------------------------------------- */

.box {
	background: #FFFFFF url(/admin/admissions/images/bg-box-bottom.gif) no-repeat left bottom;
	width: 240px;
	margin: 0;
}

.box h3 {
	background: url(/admin/admissions/images/bg-box-top.gif) no-repeat; 
	background-position: 10px 10px; /* x y */
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #993333;
	color: #BC6D50;
	font-size: 120%;
}

.box ul {
	margin: 0;
	padding: 1em;
	list-style: none;
}

.box ul li {
	margin-bottom: 1em;
	list-style: none;
}

.box img {
	padding: 1em 1em 0 1em;
}


/* The "Share This Story" Widget
-------------------------------------------------------------------------------------------- */

div#share {
	text-align: left;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
	border: 1px solid #660000;
}

#share h5 {
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;	
	background: #993333 url(/includes/share/images/bg-title.gif) repeat;
	padding: 5px;
	margin: 0;
	border: none;
}

#share h5 a {
	font-weight: normal;
	color: #FFFFFF;
	text-transform: none;
}

#share ul {
	font-size: 80%;
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
}

#share div.gutter {
	padding: 5px;
	margin: 0;
}

#share li { /* List Items */
	list-style-type: none;
	display: inline;
	padding: 5px 5px 5px 20px;
	margin: 0;
}

li#facebook {
	background: url(/includes/share/images/facebook.gif) no-repeat left;
}
li#delicious {
	background: url(/includes/share/images/delicious.png) no-repeat left;
}
li#digg {
	background: url(/includes/share/images/digg.png) no-repeat left;
}
li#google {
	background: url(/includes/share/images/google.png) no-repeat left;
}
li#reddit {
	background: url(/includes/share/images/reddit.gif) no-repeat left;
}
li#yahoo {
	background: url(/includes/share/images/yahoo.png) no-repeat left;
	padding-right: 0;
}


/*------------- e-Enroll ---------------*/

/*
.checklist {
	line-height: 25px;
	vertical-align: middle;
	
} 

.checklist img {
	vertical-align: middle;
	padding-right: 5px;
}
*/

.breadcrumb {
	float: left;
	width: 200px;
	font-size: 75%;
	vertical-align:top;
	margin-bottom: 10px;
}


/*------------- FACTS ---------------*/

#facts { 
	min-height:150px;
	height:auto !important;
	height:150px;
}

#factsPause { display:none; }


/*------------- APPLY HIGHLIGHT ---------------*/

.apply#twoColLayout #sideContent {
	background: url(images/bg-twocolumn-sidecontent.gif) repeat-y;
}

.apply#twoColLayout #sideContent h2, .apply#twoColLayout #sideContent h3 {
	margin-top: 10px;
}


/*-------------"BRACKET BOX"---------------*/

.brack {
	width: 330px;
	height: 145px;
	background: url(images/bracket-162.gif) no-repeat bottom left;
	float: right;
	margin: 0em 0em 0em 0em;
	padding: 1.5em 1em 0.75em 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	}
	
/*-------------"SMALL BRACKET BOX"---------------*/
.sbrack {
	width: 215px;
	height: 140px;
	background: url(images/bracket-162.gif) no-repeat bottom left;
	float: right;
	margin: 0em 0em 0em 0.5em;
	padding: 1em 0em 0.75em 2.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	}
	
/*--------------Scrollable Banner--------------*/
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
margin-top:1em; 
margin-left:20px; 
margin-bottom:5px;  
position:relative; 
    overflow:hidden; 
    width: 680px; 
    height:340px; 
} 
 div.scrollable h1 { 
    border-bottom:none;
	font-size:145%;
	color:#fff;
	width:100%;
	background: url(/alumni/images/highlight/top.gif) no-repeat top left;
	padding:10px 0 10px 20px;
margin:0;

} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
width:680px;
height:340px;
} 
div.scrollable div.items div.headline { 
margin: 275px 0 0 0;
width:680px;
height:65px;
background: transparent url(/admin/admissions/images/sliders/bg-semi-transparent.png) bottom left repeat-x;
}
div.scrollable div.items div.headline p { 
margin:0;
padding:5px;
color:#fff;
line-height: 120%;


}
div.scrollable div.items div.headline p a {
	text-decoration:underline;
	color:#ffcc00;
	} 

div.scrollable div.items div.headline p a:visited {
	text-decoration:underline;
	color:#ffcc00;
	}
div.scrollable div.items div.headline p a:hover {
	text-decoration:none;
	color: #9999cc
	}

div.scrollable div.items div.headline h4 { 
margin:0;
padding:5px;
color:#fff;
line-height: 120%;

} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active {  
    background-color:#fff; 
}
/* position and dimensions of the navigator */
div.navi {
	margin-left:255px;/* adjust this to center the navigator */
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:12px;
	height:12px;
	float:left;
	margin:3px;
	background:url(/admin/admissions/images/sliders/navigator-blue01.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -12px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -12px;     
} 
.arrows {
	margin:0 0 0 325px;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next {
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin:0px 0 0 283px;
	cursor:pointer;
	font-size:1px;
}
a.next {	
	clear:right;
        margin: -20px 0 0 391px;
        display:block;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
	font-size:1px;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -20px;	
	
	
/*---------------------------------------------------------------------------------------------
    TAB STYLES - Based on Dan Cederholm's Simplified CSS Tabs Trick
  --------------------------------------------------------------------------------------------- */

#tabs {border-bottom: 1px solid #ccc; width: 675px; margin-left: 20px;}

.tabnav {
	height: 23px;
	margin: 0;
	padding-left: 5px;
	width: 700px;
	top: 0;
	_top: 1px; /* show to IE, hide from other browsers */
}

.tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

.tabnav a {
	float: left;
	background: #eeeeee;
	line-height: 12px;
	padding: 5px 5px 5px 5px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333366;
}

.tabnav a:hover {
	background: #eeeeee;
	text-decoration: underline;
	color:#000;
}

/* Auto-selecting tabs */

body.high-schools #tabs li.high-schools a,
body.college-fairs #tabs li.college-fairs a,
body.other #tabs li.other a { 
	font-weight: bold;
	background-color: #fff;
	border-bottom: solid #fff 1px;
}