/*
========================================================
SITECORE STUDENT GROUPS TEMPLATE
CODED BY WADE STEWART
========================================================
*/

/* COLUMN CLASS GUIDE for 1143 12 COL. GRID
--------------------------------------------------------
.col {padding-left:33px; float:left; position:relative;}
.gu1{width: 65px;}
.gu2{width: 163px;}
.gu3{width: 261px;}
.gu4{width: 359px;}
.gu5{width: 457px;}
.gu6{width: 555px;}
.gu7{width: 653px;}
.gu8{width: 751px;}
.gu9{width: 849px;}
.gu10{width: 947px;}
.gu11{width: 1045px;}
.gu12{width: 1143px;}
--------------------------------------------------------
*/

/* 
**************************************************
	IMPORTS
************************************************** 
*/

@import url('1143_12col.css');
@import url('studentgroups.css');
@import url('reset.css');

/* 
**************************************************
	STRUCTURE
************************************************** 
*/

body.StudentGroups  {
	background: #f3f3f2;
	margin: 0;
	padding: 0;
}

.StudentGroups .canvas {
	margin:0 auto;
	position:relative;
}

/* 
--------------------------------------------------
	TYPOGRAPHY
--------------------------------------------------
*/

/* GENERAL PAGE STYLES */

.StudentGroups h1 {
	color: #39393a;
	font-family: "Tradegothic BoldCn 20";
	font-size: 32px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.StudentGroups h2 {
	color: #39393a;
	font-family: "Tradegothic BoldCn 20";
	font-size: 20px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.StudentGroups h3 {
	color: #000000;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 600px;
	margin: 20px 0;
}

.StudentGroups p {
	color: #444444;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 20px;	
}

/* 
**************************************************
	HEADER
************************************************** 
*/

.StudentGroups header {
	background: #776f67 url('img/StudentGroups/StudentGroups_header_bg.png') repeat-x;
	display: block;
	height: 300px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.StudentGroups header .canvas {
	-webkit-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	position:relative;
}

.StudentGroups header #group_header {
	background: /*url('img/StudentGroups/StudentGroups_header_banner.png')*/ no-repeat;
	float: left;
	height: 300px;
	margin: 0;
	padding: 0;
	width: 882px;
}

.StudentGroups header .container {
	float: right;
	height: 300px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 261px;
}

.StudentGroups header .booth_branding {
	background: url('img/StudentGroups/StudentGroups_header_booth_bg.png') no-repeat;
	height: 300px;
	position: relative;
	width: 261px;
	z-index: 0;
}

.StudentGroups header .booth_branding img {
	margin: 42px 0 0 50px;
}

.StudentGroups header .group_branding {
	background: url('img/StudentGroups/StudentGroups_header_club_bg.png') repeat;
	display: block;
	height: 100px;
	position: absolute; bottom: 0;
	width: 261px;
	z-index: 1;
}

.StudentGroups header .group_branding img {
/* margin: 22px 0 0 34px; */
}

/* PAGE HEADING */
.StudentGroups header h1 {
	color:#ffffff;
	font-family: "Tradegothic BoldCn 20";
	font-size: 48px;
	line-height: 48px;
	margin: 34px 0 66px 48px;
	text-shadow: 2px 2px #000000;
	text-transform: uppercase;
}

/* PAGE SUBHEADING */
.StudentGroups header h2 {
	color:#ffffff;
	font-family: "Open Sans", sans-serif;
	font-size: 25px;
	font-weight: normal;
	margin:0 0 0 48px;
	text-transform: none;
	width: 300px;
}

/* PAGE SUBHEADING */
.StudentGroups header h3 {
	color:#39393a;
	font-family: "Tradegothic BoldCn 20";
	font-size: 20px;
	font-weight: normal;
	padding: 22px 20px 0;
	text-transform: uppercase;
}

/* 
**************************************************
	RIGHT RAIL
**************************************************
*/

.StudentGroups section .rightrail {
	margin-top:45px;
}

/* 
--------------------------------------------------
	MODULES
--------------------------------------------------
*/

.StudentGroups section .rightrail .module {
	position: relative;
	padding-left: 24px;
	margin-bottom: 18px;
}

.StudentGroups section .rightrail .module:after {
	content: url('img/StudentGroups/StudentGroups_module_shadow.png');
	height: 15px;
	width: 261px;
}

.StudentGroups section .rightrail .module .module-header {
	color: #776f67;
	font-family: "TradeGothic Cn 18";
	font-size: 20px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.StudentGroups section .rightrail .module .module-content {
	float: left;
	margin: 0 20px 20px 0;
}

.StudentGroups section .rightrail .module a {
	text-decoration: none;
}

.StudentGroups section .rightrail .module .module-content p {
	color: #000000;
	font-family: "Open Sans", sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.StudentGroups section .rightrail .module .module-content h1 {
	color: #9b1115;	
	font-family: "Open Sans", sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	text-transform: uppercase;
}

.StudentGroups section .rightrail .module .module-content h2 {
	color: #000000;	
	font-family: "Open Sans", sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	text-transform: none;
}

/* Social Media Module */

.StudentGroups section .rightrail .module.social .module-content div {
	float: left;
	margin-left: 10px;
}

.StudentGroups section .rightrail .module.social .module-content div:first-child {
	float: left;
	margin-left: 0;
}

/* Event Calendar Module */

.StudentGroups section .rightrail .module.calendar .module-header:before {
	background: url('img/StudentGroups/StudentGroups_icons_cal.png') no-repeat;
	content: "";
	display: inline-block;
	height: 19px;
	margin: 0 10px 0 0;
	width: 26px;
}

.StudentGroups section .rightrail .module.calendar .module-header:after {
	content: '\00a0\00bb'; /* Adds » and a space */
	color: #9b1115;
}

.StudentGroups section .rightrail .module.calendar .module-content {
	margin-right: 10px;
}

.StudentGroups section .rightrail .module.calendar .module-content .calDate {
	color: #8e8e90;
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	float: left;
	font-family: "TradeGothic BoldCN 20";
	font-size: 10px;
	padding: 7px 5px;
	position:relative;
	text-align: center;
	text-transform: uppercase;
}

.StudentGroups section .rightrail .module.calendar .module-content .calDate span {
	color: #9b1115;
}

.StudentGroups section .rightrail .module.calendar .module-content .calContent {
	display: block;
	margin-left: 40px;
}

/* Newsletter Module */

.StudentGroups section .rightrail .module.newsletter .module-header:before {
	background: url('img/StudentGroups/StudentGroups_icons_letter.png') no-repeat;
	content: "";
	display: inline-block;
	height: 18px;
	margin: 0 10px 0 0;
	width: 26px;
}

.StudentGroups section .rightrail .module.newsletter .module-header:after {
	content: '\00a0\00bb'; /* Adds » and a space */
	color: #9b1115;
}



/* 
**************************************************
	LEFT RAIL
**************************************************
*/

.StudentGroups section .leftrail {
	margin-top:25px;
}

/* SITE SEARCH */

.StudentGroups section .leftrail .searchbox {
	background: #f3f3f2;
	float: left;
	padding: 9px 10px;
	width: 143px; 
}

.StudentGroups section .leftrail .searchbox input[type="text"]{
	background: #ffffff;
	border-top: 1px solid #ced0ca;
	border-left: 1px solid #ced0ca;
	border-right: none;
	border-bottom: 1px solid #ced0ca;
	color: #636365;
    display: inline-block;
    float: left;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: normal;
    height: 30px;
    margin: 0;
	padding: 0 9px;
    width: 93px; /* actual 111px*/
}

.StudentGroups section .leftrail .searchbox input[type="submit"]{
    background: url('img/StudentGroups/StudentGroups_icons_search.png') no-repeat scroll 8px 8px #ffffff;
	border-top: 1px solid #ced0ca;
	border-left: none;
	border-right: 1px solid #ced0ca;
	border-bottom: 1px solid #ced0ca;
    display: inline-block;
    float: right;
    font-size: 0;
    height: 32px;
    margin: 0 1px 0 0;
    width: 30px;
}

/* Form Placeholder Text styles */
.StudentGroups ::-webkit-input-placeholder {color: #636365;}
.StudentGroups :-moz-placeholder {color: #636365;}
.StudentGroups ::-moz-placeholder {color: #636365;}
.StudentGroups :-ms-input-placeholder {color: #636365;}


	
/* NAVIGATION */

.StudentGroups dl.left-nav {
	color: #FFFFFF;
    font-family: "TradeGothic BoldCn 20";
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.StudentGroups nav dl.left-nav dd {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
    position: relative;
    width: 100%;
}

.StudentGroups nav dl.left-nav dd a {
	background: #ffffff;
	color: #9b1115;
	display: block;
	font-family: "TradeGothic BoldCN 20";
	font-size: 14px;
    line-height: 16px;
    margin: 0;
	padding: 10px 6px 10px 20px;
    position: relative;
	text-transform: capitalize;
	text-decoration: none;
	width: auto;
}

.StudentGroups nav dl.left-nav dd a.active,
.StudentGroups nav dl.left-nav dd a:hover {
	background: #938b82;
	border: none;
	color: #ffffff;
	font-family: "TradeGothic BoldCN 20";
	font-size: 14px;
	text-decoration: none;
	text-transform: capitalize;
}

.StudentGroups nav dl.left-nav dd a span:after {
	font-size: 14px;
	content: '\00a0\00bb'; /* Adds » and a space */
	color: #9b1115;
}

.StudentGroups nav dl.left-nav dd a:hover span:after {
	color: #ffffff;
}

.StudentGroups nav dl.left-nav dd a.active span:after {
	content: none;
}

.StudentGroups nav dl.left-nav dd a.active:after {
	border-color: #938b82 transparent transparent #938b82;
    border-style: solid;
    border-width: 3px 2px 11px 7px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -9px;
    top: 0;	
}
	
/* 
**************************************************
SECTION - MAIN CONTAINER
************************************************** 
*/

.StudentGroups section .page_content {
	/*border-right: 1px solid #ced0ca;*/
	margin-top:45px;
	/*padding-right: 33px;*/
}

.StudentGroups section .canvas {
	background: #ffffff;
}

.StudentGroups div.float_lt {
	float: left;
	padding: 0 20px 20px 0;
}

.StudentGroups div.float_rt {
	float: right;
	padding: 0 0 20px 20px;
}

.StudentGroups div.float_lt p,
.StudentGroups div.float_rt p {
	color: #776f67;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 5px 0 0;
	width: 163px;
}

/* 
--------------------------------------------------
BODY COPY
-------------------------------------------------- 
*/

.StudentGroups section .body_copy p {
	font-size: 14px;
}

/* 
--------------------------------------------------
IMAGE GALLERY
-------------------------------------------------- 
*/

.StudentGroups section .img_gallery {
	margin: 15px 0;
}

.StudentGroups section .img_gallery:before {
	content: url('img/StudentGroups/StudentGroups_shadow_top.png');
	height: 20px;
	width: 653px;
}

.StudentGroups section .img_gallery:after {
	content: url('img/StudentGroups/StudentGroups_shadow_bottom.png');
	height: 20px;
	width: 653px;
}

.StudentGroups section .img_gallery img {
	/* padding: 15px 0;*/
}

.StudentGroups section .img_gallery h2 {
	color: #776f67;
	font-family: "TradeGothic CN 18";
	font-size: 24px;
	font-weight: normal;
	margin-top: 15px;
	text-transform: uppercase;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .flexslider .slides img {width: 653px;} }

.StudentGroups section .img_gallery .flexslider.image-gallery {
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
	background: #ffffff;
}

/* Image Caption */
.StudentGroups section .img_gallery .image-gallery .flex-caption {padding: 2% 0; position: relative; left: 0; bottom: 0; background: #ffffff; color: #444444; }

.StudentGroups section .img_gallery .image-gallery .flex-caption h4,
.StudentGroups section .img_gallery .image-gallery .flex-caption .h-caption {
	color: #444444;
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	text-transform: none;
}
.StudentGroups section .img_gallery .image-gallery .flex-caption p {
	color: #444444;
	font-family: "Open Sans", sans-serif;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	text-transform: none;
	width: 653px;
}
.StudentGroups section .img_gallery .image-gallery .flex-caption a,
.StudentGroups section .img_gallery .image-gallery .flex-caption p a {
	color: #9b1115;
	text-decoration: underline;
}

/* Control Nav */
.StudentGroups section .img_gallery .image-gallery .flex-control-nav {
	background: #9c9794;
	position: absolute; 
	top:0;
}

.StudentGroups section .img_gallery .image-gallery .flex-control-nav li a {
	background: #9c9794 url('img/StudentGroups/StudentGroups_icons_img.png') no-repeat 0 0;
	height: 12px;
	width: 12px; 
}

.StudentGroups section .img_gallery .image-gallery .flex-control-nav li a.active {
	background: #9c9794 url('img/StudentGroups/StudentGroups_icons_img.active.png') no-repeat 0 0;
}

/* 
--------------------------------------------------
ORDERED / UNORDERED LISTS
--------------------------------------------------
*/

.StudentGroups section .bottom_body li { 
	color: #000000;	
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	margin: 0 0 20px;
}

.StudentGroups section .bottom_body ul {
	margin: 0 0 40px;
	padding-left: 18px;
}
.StudentGroups section .bottom_body ul li {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	background: url("img/StudentGroups/sprite.pagecopy-list-square-red.gif") 0 .5em no-repeat;
}

.StudentGroups section .bottom_body li ul {
	margin-bottom: 15px;
	padding-left: 0;
}

.StudentGroups section .bottom_body li ul li {
	list-style: none;
	font-size: 1em;
	margin: 15px 0;
	padding: 0 0 0 20px;
	background: url("img/StudentGroups/sprite.pagecopy-list-square-grey.gif") 0 .5em no-repeat;
}

.StudentGroups section .bottom_body ol {
	margin: 0 0 40px 37px;
}

.StudentGroups section .bottom_body ol li {
	font-weight: bold;
}

.StudentGroups section .bottom_body ol li span{
	font-weight: normal;
}

/* 
--------------------------------------------------
TABLES
-------------------------------------------------- 
*/

.StudentGroups section table {
	border: solid 1px #CACACA;
	border-collapse: collapse;
	border-top: solid 5px #776f67;
	color: #333;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	margin: 20px 0;
	text-align: left;
	width: 100%;
}
.StudentGroups section table caption h3 {
	margin: 0 0 10px;
	text-align: left;
}

.StudentGroups section th,
.StudentGroups section td {
	padding: 6px 10px;
}

.StudentGroups section th,
.StudentGroups section .boothtableTableHeaderRow td {
	background: #ECECEC;
	border-bottom: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	color: #50575a;
	font-size: 0.75em;
	font-weight: bold;
	padding: 10px 0px 10px 10px;
}

.StudentGroups section .boothtableTableBold {
	background: #ECECEC;
	border-bottom: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	color: #9B1115;
	font-size: 0.75em;
	font-weight: bold;
	padding: 10px;
}

.StudentGroups section table.sortable th.sort:hover,
.StudentGroups section table.sortable .boothtableTableHeaderRow td:hover {
	text-decoration: underline;
}

/*
.StudentGroups section table.sortable th.sort:after,
.StudentGroups section table.sortable .boothtableTableHeaderRow td.sort:after {	
    background-position: right center;
    background-repeat: no-repeat;
	content: url('http://www.chicagobooth.edu/css/img/StudentGroups/misc/table-sort-unsorted-desc.gif');   
    padding: 0px 0px 0px 2px;
}

.StudentGroups section table.sortable th.sorted:after,
.StudentGroups section table.sortable th.sorted.asc:after,
.StudentGroups section table.sortable .boothtableTableHeaderRow td.sorted:after,
.StudentGroups section table.sortable .boothtableTableHeaderRow td.sorted.asc:after {	
    background-position: right center;
    background-repeat: no-repeat;
	content: url('http://www.chicagobooth.edu/css/img/StudentGroups/misc/table-sort-sorted-asc.gif');   
    padding:0px 0px 0px 2px;
}

.StudentGroups section table.sortable th.sorted.desc:after,
.StudentGroups section table.sortable .boothtableTableHeaderRow td.sorted.desc:after {	
    background-position: right center;
    background-repeat: no-repeat;
	content: url('http://www.chicagobooth.edu/img/StudentGroups/misc/table-sort-sorted-desc.gif');   
    padding:0px 0px 0px 2px;
}
*/

.StudentGroups section .subheader {
    background: #ECECEC;
    border-bottom: solid 1px #CACACA;
    border-right: solid 1px #CACACA;
    color: #000000;
	padding: 6px 10px;
	font-size: 0.75em;
    font-weight: bold;
    padding: 10px;
	vertical-align: top;
}

.StudentGroups section th.subheader a {
    color: Black;
}

.StudentGroups section th.subheader a:hover {
    color: Black;
}

.StudentGroups section th.subheader a:visited {
    color: Black;
}

.StudentGroups section td {
	border-bottom: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	font-size: 0.75em;
}

.StudentGroups section td p {
	font-size: 1em;	
}

.StudentGroups section td .lnkRegister {
    color: #9C1D21;
}

/* Added the missing class from TableLayoutCss */
.StudentGroups section .boothtable td.boothtableTableHeaderFirstCol{
	background: #ECECEC;
	border-bottom: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	color: #9B1115;
	font-size: 0.75em;
	font-weight: bold;
	padding: 10px;
}

.StudentGroups section .boothtable td.boothtableTableFirstCol {	
	background: #ECECEC;
	border-bottom: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	font-size: 0.75em;	
	font-weight: bold;
	padding: 6px 10px;
	vertical-align: top;
}

.StudentGroups section .boothtable td.boothtableTableFooterFirstCol {
	background: #ECECEC;
	border-bottom: solid 1px #CACACA;
	border-right: solid 1px #CACACA;
	color: #000;
	font-size: 0.75em;	
	font-weight: bold;
	padding: 6px 10px;
	vertical-align: top;
}


/* 
**************************************************
	FOOTER
************************************************** 
*/

.StudentGroups footer {
	background: #776f67 url('img/StudentGroups/StudentGroups_footer_bg.png') repeat-x;
	display: block;
	height: 197px;
	margin: 0;
	padding: 0;
	width: 100%;
}

.StudentGroups footer .canvas {
	background: #776f67 url('img/StudentGroups/StudentGroups_footer_int_bg.png') repeat-x;	
	height: 197px;
}

.StudentGroups footer .footer_left {
	float: left;	
	height: 197px;
}

.StudentGroups footer .footer_left img {
	margin: 97px 0 0;
}

.StudentGroups footer .footer_right {
	background: url('img/StudentGroups/StudentGroups_footer_watermark.png') no-repeat top right;
	float: right;	
	height: 197px;
}


/* FOOTER COPYRIGHT */
.StudentGroups footer .footer_right p { 
	color:#8e8e90;
	font-family: "Open sans", sans-serif;
	font-size: 10px;
	margin: 97px 0 0;
	text-align: right;
}