/* Northwestern Template CSS Base 1.00 - Michael - 2010/09/09 */

/* Reset - DO NOT EDIT - resets default values making cross-browser compatibility easier */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1.5;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

.clear {clear:both;}

/* Global Text Styles */

a, a:link {color: #4F2170;text-decoration: none;}
a:visited {text-decoration:none;color:#4F2170}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

.bold {font-weight:700;}
.caption {font-size:10px;}

body {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; background:#FDFDFD;}

/* Global Positioning */

.content p {margin-bottom:12px;}
.content blockquote {margin:0 0 6px 24px;}
.content img {margin:6px 10px;}

#mainWrapper {width:100%;background:url(images/header_background_full.png) repeat-x;} /*Background full width of browser */

#mainBody {width:980px; margin:0 auto 100px;height:auto;min-height:100%} /*Centers content area*/

/* Non-Global Elements.  Put new styles here in proper section */

#research-cfgmp-index .breadcrumb {display:none;}

/* Header */

#headerWrapper {width:100%; height:94px; background:url(images/northwestern_emblem.png) no-repeat 170px 0;} /*Includes emblem as transparency over header. Use background positioning to move around*/
#headerWrapper #headerBody #headerLogo {float:left;width:200px;margin:12px 32px 0 10px;}
#headerWrapper #headerBody #headerTitle {float:left;width:250px;margin:35px 0 0 75px;}
#headerWrapper #headerBody #headerRightWrapper {text-align:right;float:left;width:373px;}
#headerWrapper #headerBody #headerRightWrapper .acount_links {margin:9px 0 8px 0;color:#a591b3;}
#headerWrapper #headerBody #headerRightWrapper .acount_links a {color:#f5a93c; text-decoration:underline; text-transform:uppercase;font-size:11px;}
#headerWrapper #headerBody #headerRightWrapper .headerNorthwestern {margin:13px 0 0 0;} /*Moves NW logo under website name*/
#headerWrapper #headerBody #headerRightWrapper #headerLinks {color:#a591b3;float:right;width:100%;}
#headerWrapper #headerBody #headerRightWrapper #headerLinks a {color:#f5a93c; text-transform:uppercase;font-size:11px;}
#headerWrapper #headerBody #headerRightWrapper #headerLinks.bottom {margin-top:15px;}



/*Search Widget*/

#headerWrapper #headerBody #headerRightWrapper .search_options {color: #545454;}
#headerWrapper #headerBody #headerRightWrapper .search input.field {color: #9a9a9a;}

#headerWrapper #headerBody #headerRightWrapper #searchWrapper {
	float: right;width:100%;
}

#headerWrapper #headerBody #headerRightWrapper .search form {margin:0;float:right;}

#headerWrapper #headerBody #headerRightWrapper .search input.field, #headerWrapper #headerBody #headerRightWrapper .search input.submit {float: left;}

#headerWrapper #headerBody #headerRightWrapper .search input.field {
	border: 1px solid #562e8f;
	font-size: 88%;
	width: 146px;	
	padding: 3px 6px 3px 6px;}
	
	




/* Navigation */

#navWrapper {margin:8px 0 0 0;text-align:center;}
#navWrapper ul li {float:left;border-right:1px solid #8f8f8f;}
#navWrapper ul li.first {border-left:1px solid #8f8f8f;}
#navWrapper ul li a {
	background: url(images/navigation_sprite.png) repeat-x; /*CSS Sprite, one image has both normal and hover state. Uses background position to move image up revealing active state*/
	color:#fff; 
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	width:auto; 
	height:30px; /*Height must be 40px minus the top padding*/
	padding:10px 15px 0; /*CHANGE SECOND PADDING FOR NAV TO FIT*/
	display:block; /*makes sizing work*/}
#navWrapper ul li a:hover {color:#482A80;background-position:0 -42px;}
#navWrapper ul li a.active {color:#482A80;background-position:0 -42px;}

/* Left Sidebar */
#leftSidebarWrapper {float:left;width:217px;margin:0 20px 0 0;} /*Change also in IE */

/* Left Sidebar Nav */
#leftSidebarWrapper #leftSideNav li {margin-top:-1px; /*Removes duplicate border*/
list-style:none;}
#leftSidebarWrapper #leftSideNav li a {font-size:12px;font-weight:700;display:block;color:#383737;
border:1px solid #AFAFAF;
padding:8px 0 8px 10px; 
/*background:url(images/navigation_sprite.png) repeat-x top left; */
background-position:0 -40px;
background: -moz-linear-gradient(top, white, #e3e3e3 80%);
background: -webkit-gradient(linear, 0 0, 0 80%, from(white), to(#e3e3e3));
}

#leftSidebarWrapper #leftSideNav #first a {
border:1px solid #AFAFAF; border-radius:7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -khtml-border-radius:7px 7px 0 0;
}
#leftSidebarWrapper #leftSideNav #last a {
border:1px solid #AFAFAF; border-radius:0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px;
}

#leftSidebarWrapper #leftSideNav li img.password {float:right;margin:0 18px 0 0;}

/*#leftSidebarWrapper #leftSideNavWrapper ul li a:hover {background:#7F64AB;color:#fff;}*/
#leftSidebarWrapper #leftSideNav li a.active {background:#7F64AB;color:#fff;}
#leftSidebarWrapper #leftSideNav ul li a.active {font-weight:700;color:#666666;background:#fff;color:#4f2170;}
#leftSidebarWrapper #leftSideNav ul li a {background:#fff;font-size:12px;font-weight:500;color:#666666;padding:4px 0 4px 16px;border:none;border-left:1px solid #AFAFAF;border-right:1px solid #AFAFAF;}

#leftSidebarWrapper #leftSideNav ul #last a {border:1px solid #AFAFAF; border-top:none;border-radius:0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px;

}

/* Content Area */

#contentWrapper {margin:12px 0 0 0;}
#contentWrapper .breadcrumb {margin:0 0 14px 0;}
#contentWrapper .breadcrumb a {color:#666;}

#contentBody .content {float:left;width:710px;}
#contentBody .content h1 {font-size:18px; color:#486AAB; margin-bottom:10px;}
#contentBody .content h2 {font-size:13px; color:#482A80; font-weight:700;}
#contentBody .content h3 {font-size:13px; font-weight:700;}
#contentBody .content a {font-weight:600;}
#contentBody .content .link {color:#482A80; font-weight:700; margin-top:-12px;}/*Undo p tag margin */

#contentBody .content ul li {list-style:outside disc;margin:0 0 0 36px;padding:0 0 0 6px;}
#contentBody .content ul ul li {list-style:outside circle;margin:0 0 0 54px;}

#contentBody .gridWrapper {width:100%;float:left;margin:0 0 0 0;} /*Makes gridElements stay on their own lines */
#contentBody .gridWrapper .gridElement {float:left;}
#contentBody .gridWrapper .image {width:96px;}
#contentBody .gridWrapper .text {width:770px;}
#contentBody .gridWrapper .column {width:425px;margin-right:36px;}

/**************

Round Banner

**************/
.round_banner {
	position:relative;
	margin-bottom:15px;
}

.round_banner img {
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	margin:0;padding:0;
}

.round_banner .top_corners {
	position: absolute;
	top: 0px;
	background: url(images/round_banner_top_bg.png) no-repeat;
	width: 710px;
	height: 15px;
}

.round_banner .bottom_corners {
	position: absolute;
	bottom: 0px;
	background: url(images/round_banner_bottom_bg.png) no-repeat;
	width: 710px;
	height: 15px;
}

.round_banner .caption {
	position: realitive;	 
	float:right;
	padding-right:20px;
	color:#888;
}


/* Footer */
#footerWrapper {width:100%; height:100px;background:url(images/footer_background.jpg) repeat-x;} /*Outside mainBody to allow for full window width */
#footerWrapper #footerBody {width:950px; margin:0 auto; color:#fff;font-size:11px;}
#footerWrapper #footerBody a {color:#fff;}
#footerWrapper #footerBody .logo {float:left; margin:8px 0 0 15px;width:168px;}
#footerWrapper #footerBody .footerContent {float:left; margin: 25px 12px 0 0; width:379px;}
#footerWrapper #footerBody .info {float:left;margin:10px 0 0 0;}

/* Specific styles */


/* Login page */

#contentBody .content .loginBody {background-image:url(images/login_background.png); background-repeat:no-repeat;width:950px;height:493px;padding-left:30px;}
#contentBody .content .loginBody h1 {font-size:30px;color:#000000;font-weight:lighter; margin-bottom:6px;padding-top:28px;float:left;}
#contentBody .content .loginBody h2 {font-size:12px; font-weight:100;color:#000000; margin-right:40px;padding-top:50px;float:right;}
#contentBody .content .loginBody .signin {float:left; clear:both; margin-top:35px; width:620px;}
#contentBody .content .loginBody .signin .name {float:left; }
#contentBody .content .loginBody .signin .remember {float:left; margin:20px 25px 0 15px; text-align:left;}


#contentBody .content .loginBody .signin  #ValidationSummary1 {background:#d4e2fe; clear:both; color:Red;  width:400px; padding:10px;}
 

#reskin2010-login #footerWrapper  {margin-top:-85px;}

/* Event Login page */
#contentBody .content .eventLoginBody {background:none; background-repeat:no-repeat;width:950px;height:493px;padding-left:30px;}
#contentBody .content  .eventLoginBody .eventName {font-size:20px; font-weight:bold; }
#contentBody .content .eventLoginBody h3 {background:#4F2170; width:100%; color:#fff; padding:3px 5px;}
#contentBody .content .eventLoginBody .nonAlumniRegister {float:left;margin-left:25px; text-align:left; margin-top:35px; width:400px}
#contentBody .content .eventLoginBody h2 {font-size:12px; font-weight:100;color:#000000; margin-right:85px;padding-top:50px;float:right;}



/* Club Events Listing Widget*/

#contentWrapper #leftSidebarWrapper .listWidget { margin:25px 0 0 0;
border:1px solid #AFAFAF; 
border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius:10px;
text-align:left;margin:0 0 24px 0;background:#fff; padding:10px;
}

#contentWrapper #leftSidebarWrapper .listWidget {padding:10px 10px; line-height:100%;}

#contentWrapper #leftSidebarWrapper .listWidget h2 {padding:5px 0px; margin:0px; font-size:130%; color:#486AAB; }
#contentWrapper #leftSidebarWrapper .listWidget ul .eventList {padding:0px; margin-top:-25px;}

#contentWrapper #leftSidebarWrapper .listWidget .date {float:left; display:block; width:75px;}
#contentWrapper #leftSidebarWrapper .listWidget ul.eventList li a {float:left; width:100px; color:#4F2170; background:none; border:none; margin-left:10px; vertical-align:top; padding:0px 0px 10px 0px;}
#leftSidebarWrapper .listWidget .moreLink {clear:both;}





/* Leadership Tools page */

#contentBody .content h1.leadership {font-size:30px;color:#FFFFFF;font-weight:800; margin-bottom:6px;padding:10px; background-color:#486AAB;}
#contentBody .content h2.leadership {font-size:20px;color:#333333;font-weight:800;}
#contentBody .content h3.leadership {font-size:14px;color:#333333;font-weight:800;}
#contentBody .content table.DirectoryBorder  {width:100%; margin-bottom:25px; border:1px solid #4f2170;}
#contentBody .content table.DirectoryBorder tr.heading {background-color:#4f2170;}
#contentBody .content table.DirectoryBorder  th {text-align:left; padding:5px;}
#contentBody .content table.DirectoryBorder  th.title {color:#FFFFFF; font-weight:800; font-size:16px}
#contentBody .content table.DirectoryBorder  th a {color:#fff;}

#contentBody .content table.DirectoryBorder  td {padding:5px;}

 

/* forms and listing pages */
#contentBody .content form input.purplebtn {color:#fff;border:none;font-weight:700;font-size:11px;padding:2px 2px 1px;
border:#562e8f solid 1px;
background:#683c9d;
background: -moz-linear-gradient(top, #8f70bc, #683c9d 95%);
background: -webkit-gradient(linear, 0 0, 0 95%, from(#8f70bc), to(#683c9d));
font-weight:normal;}


/* directory search */
#contentBody .content table.directory  td {padding:8px;}

/* advanced search */
#contentBody .content table.directory tr.heading {background-color:#4f2170;}
#contentBody .content table.directory  td.heading {text-align:left; padding:5px; font-weight:bold;}
#contentBody .content table.directory  td.heading {color:#fff;}
#contentBody .content table.directory  td.heading .tips a {float:right; padding-right:10px;}
#contentBody .content table.directory  td.heading .tips a {color:#fff;}

/* events and directory listings */
#browse-menus td {padding:10px 15px 10px 0;}
#contentBody .content form .pagination {font-weight:bold; vertical-align:middle; margin-bottom:10px;}
#contentBody .content form .pagination .item {margin-right:70px;}
#contentBody .content table.listing  {width:100%; margin-bottom:25px; border-bottom:1px solid #4f2170;}
#contentBody .content table.listing tr.heading {background-color:#4f2170;}
#contentBody .content table.listing  th {text-align:left; padding:5px; line-height:100%;}
#contentBody .content table.listing  th a {color:#fff;}
#contentBody .content table.listing  td {padding:5px;}
#contentBody .content table.listing tr.odd {background-color:#fff;}
#contentBody .content table.listing tr.even {background-color:#eee;}
#contentBody .content table.listing tr.light {background-color:#fff;}
#contentBody .content table.listing tr.dark {background-color:#eee;}


/* clubs all groups page */
.allclubs .sectionheader {background-color:#4F2170; padding:10px 0; color:#FFFFFF; font-weight:700; font-size:14;}
.allclubs tbody .sectionheader  {padding-left:10px;}
.allclubs tr td  {padding-left:10px;}

/* events feed for homepage */
#contentWrapper #contentBody  table.listing tbody  td {padding:4px; line-height:13px;}

/* events and directory listings */
#browse-menus td {padding:10px 15px 10px 0;}
#contentBody .content form .pagination {font-weight:bold; vertical-align:middle; margin-bottom:10px;}
#contentBody .content form .pagination .item {margin-right:70px;}
#contentBody .content table.listing  {width:100%; margin-bottom:25px; border-bottom:1px solid #4f2170;}
#contentBody .content table.listing tr.heading {background-color:#4f2170;}
#contentBody .content table.listing  th {text-align:left; padding:5px; line-height:100%;}
#contentBody .content table.listing  th a {color:#fff;}
#contentBody .content table.listing  td {padding:5px;}
#contentBody .content table.listing tr.odd {background-color:#fff;}
#contentBody .content table.listing tr.even {background-color:#eee;}
#contentBody .content table.listing tr.light {background-color:#fff;}
#contentBody .content table.listing tr.dark {background-color:#eee;}