/* DEVELOPMENT */

/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.annual #navbar li.annual,
body.business #navbar li.business,
body.energy #navbar li.energy,
body.scholarships #navbar li.scholarships,
body.planning #navbar li.planning,
body.makeagift #navbar li.makeagift,
body.societies #navbar li.societies,
body.news #navbar li.news,
body.contact #navbar 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%;
}

/* Fix IE */
html .columns { margin-bottom: 0;} /* This fix is typically a star hack */

/* Student Profiles */

#profiles {
	background: #f7edd4;
	padding: 5px 10px 5px 10px;
	border: 1px solid #cccc99;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Facts */

.facts {
	background-color: #993333;
	margin: 10px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #660000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Annual Fund Student Profiles */
#message .img-right-caption {
	float: right;
	clear: right;
	width: 190px;
	padding: 0;
	margin: 0 15px;
	text-align: center;
	vertical-align: top;
	font-size: 70%;
}

#esc #message .img-right-caption a {
	color: #fff; /* Override link color on index */
	}

#message a.btn-give {
	margin: 0;
	padding: 0;
	display: block;
	height: 27px;
	width: 127px;
	background:url('/admin/development/caf/images/btn-give-now-small.gif') no-repeat top center;
	text-indent: -9999px;
	margin: 0 auto 5px auto;
	}

#message a.btn-give:hover {
	background:url('/admin/development/caf/images/btn-give-now-small.gif') no-repeat 0 -27px !important;
	}

#message a.btn-give:active {
	background:url('/admin/development/caf/images/btn-give-now-small.gif') no-repeat 0 -54px !important;
	}
/*--------------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-grey.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: 0 -20px;
}