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

Site: DePaul.edu
Stylesheet: Local style
Description: This stylesheet is intended contain customizations are made to change the
look and feel of an individual website. The elements, classes and ID's found within this
stylsheet are to be used as a starting point for changing the visual attributes of a site.
When used with structure.css, type.css and core.css we intend to streamline front-end
development time of DePaul websites.
Author: Andy Detskas
Office: Internet Communications
Contact: http://depaul.edu/emm/staff/

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



body {
        border-top: 2px solid #2f5b6d;
	background: #edead1;
	color: #434a51;
	font-family: 'Droid Sans', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
#content_wrap {
	background: #fff;
	padding-bottom: 30px;
}
a {
	color: #005c96;
}
a:visited {

	color: #676960;
}
a:hover, a:focus {
	color: #111;
	text-decoration: underline;
}
a:active {
}



/* tactical drawer */

#tactical_drawer {
	background: #315b6c;
	color: #fff;
}
#tactical_drawer li {
	border-right: 1px solid #45859F;
}
#tactical_drawer a {
	color: #fff;
}
#tactical_drawer a:hover {
	background: #213d48;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.btn-slide {
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #315B6C;
	background: -moz-linear-gradient(center top, #315B6C 0%, #427990 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #315B6C), color-stop(100%, #427990));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315B6C', endColorstr='#427990', GradientType=0 );
	-webkit-box-shadow: 0px 2px 3px #376578;
	-moz-box-shadow: 0px 2px 3px #376578;
	box-shadow: 0px 2px 3px #376578;
	border: 1px solid #315B6C;
}
a.btn-slide {
	color: #fff;
}
.active {
}



/* masthead */

#masthead {
	background: #467e95;
	background: -moz-linear-gradient(top, #2f5b6d 0%, #467e95 1%, #3f7991 1%, #467e95 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f5b6d), color-stop(1%,#467e95), color-stop(1%,#3f7991), color-stop(100%,#467e95));
	background: -webkit-linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);
	background: -o-linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);
	background: -ms-linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);
	background: linear-gradient(top, #2f5b6d 0%,#467e95 1%,#3f7991 1%,#467e95 100%);

}



/* Main Navigation tabs */

#masthead ul {
	background: #EDF1EC;
	background: -moz-linear-gradient(top, #EDF1EC 0%, #D6DACE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDF1EC), color-stop(100%, #D6DACE));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF1EC', endColorstr='#D6DACE', GradientType=0 );
	border: 1px solid #315b6c;
	border-bottom: 0px;
}
#masthead li {
	border-right: 2px solid #fff;
}
#masthead li a {
	color: #315b6c;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	height: 27px;
	padding: 9px 0 0 0;
	*padding: 6px 0 0 0;
	width: 158px;
}
#navigation ul a:hover {
	background: #315b6c;
	color: #fff;
}
#About #nav_about, #Student_Life #nav_studentlife, #Academics #nav_academics {
	background: #315b6c;
}
#About #nav_about a, #Student_Life #nav_studentlife a, #Academics #nav_academics a {
	color: #fff;
}
#nav_campusevents a:hover {
	width: 159px;
}



/* Left Rail */

#left_rail h4 {
	border-bottom: 1px solid #c5c5c5;
	color: #2F5B6D;
}
#nav_local li a {
	color:#6A6F60;
}
#nav_local li a:hover, #local_indicator {
	background-color: #D9E4E9;
}



/* Center Well Footer */

#page_footer {
	border: 1px solid #cdd2bf;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F2F4EF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F2F4EF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F2F4EF', GradientType=0 );
	padding-right: 10px;
}
#page_footer h5 {
	border-color: #cdd2c0;
	margin: 10px 0 15px 10px;
}



/* Core Footer */

#core_footer {
	border-top: 1px solid #dcded0;
	/* browsers that don't support gradients */
	background: #F2F4E7;
	/* firefox gradient */
	background: -moz-linear-gradient(top, #F2F4E7 0%, #FFFFFF 100%);
	/* webkit gradient */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F4E7), color-stop(100%, #FFFFFF));
	/* webkit gradient */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F4E7', endColorstr='#FFFFFF', GradientType=0 );
}
#core_footer h5 {
	margin: 0 0 5px 0;
}
#core_footer a {
	text-decoration: none;
	color: #6A6F60;
}



/* About */

#landing_splash #bottom_box, #lead2, #actionlinks01, .lg_serif {
	font-family: Garamond, Times New Roman, Georgia, serif;
}
#landing_splash img {
	margin: 0;
	z-index:-1;
	float: left;
}
#landing_splash #left_box {
	width: 14px;
	float: left;
	height: 360px;
	background:#f0dc7a;
	margin-top: 20px;
}
#landing_splash #bottom_box {
	font-size: 23px;
	line-height: 30px;
	margin-top: -60px;
	margin-bottom: 16px;
	height: 80px;
	float: left;
	background:#f0dc7a;
	padding-right: 40px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
#landing_splash #bottom_box span {
	display: block;
	padding: 9px 0 0 17px;
}
#landing_splash .triangle {
	float: left;
	margin: -60px 0 0 0;
	width: 20px;
	height: 80px;
	background: transparent url(icons_files.png) right -102px;
}
#lead2 {
	font-size: 17px;
	line-height: 24px;
}



/* Action Links 01 */

#actionlinks01, .actionlinks03 {
	text-align: center;
	font-size: 15px;
	background: #fff;
	padding: 20px 18px 20px 16px;
	margin: -45px 0 0 22px;
	background: url(bg_actionlinks1.png) bottom left repeat-y;
}
#actionlinks01 p {
	padding-left: 10px;
}
#actionlinks01 hr, 
.actionlinks03 hr {
	border: 0px #f0dc7a solid;
	border-top-width: 1px;
	width: 90%;
}



/* Action Links 02 */

.actionlinks02 {
	margin-bottom: 20px;
	font-family: Garamond, Times New Roman, Georgia, serif;
	width: 90%;
}
.actionlinks02 .parent {
	display: block;
	border: 0 #eddb81 solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 5px 0 2px 2px;
	font-size: 16px;
}
.actionlinks02 ul li {
	list-style-type: none;
}
.actionlinks02 ul li ul {
	margin: 2px 0 10px 0;
}
.actionlinks02 ul li ul li {
	border: 0;
	font-size: 14px;
	margin: 0;
	padding: 0 0 1px 2px;
	}
.actionlinks02 ul li ul li a {
	color: #434a51;
}
.actionlinks02 a {
	color: #005c96;
	text-decoration: none;
}
.actionlinks02 a:hover {
	text-decoration: underline;	
}



/* Action Links 03 */

.actionlinks03 {
	background: none;
	padding: 0;
	width: 100%;
	margin: 0 0 0 0;
	font-family: Garamond, Times New Roman, Georgia, serif;
	font-size: 16px;
}
.actionlinks03 hr {
	padding: 5px 0 2px 2px;
	margin: 0 0 0 0;
	}
.actionlinks03 a {
	text-decoration: none;
padding-right: 15px;
}




/* About: Administration */

.member_portrait {
	font-size: 12px;
	margin-right: 20px;
}
.member_portrait img {
	margin-bottom: 10px;
}
#member_vcard {
	float: left;
	width: 100%;
	font-size: 12px;
}
#member_vcard img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}



/* New global styles */

#lead_in img, 
.spotlight_quote img, 
#lifeatdepaul_videobank img, 
.rollup_content img,
.member_portrait img,
#member_vcard img,
#studentlife-news img {
	padding: 4px;
	background: #fff;
	border: 1px solid #a0a0a0;
	margin: 0 14px 0 0;
}
#lead_in img {
	float: right;
	margin-left: 20px;
}
.row {
	float: left;
}
.caption {
	font-size: 11px;
	color: #666;
	padding-top: 6px;
}
.lg_serif {
	font-size: 36px;
	font-weight: normal;
}




/* Toggler */

ul#toggler {
	height: 37px;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	height: 35px;
}
#toggle_left, .toggle_mid, #toggle_right {
	border-top: 1px solid #cdd1bd;
	border-bottom: 1px solid #cdd1bd;
	-webkit-box-shadow: inset 0px 1px 0px #ffffff;
	-moz-box-shadow: inset 0px 1px 0px #ffffff;
	box-shadow: inset 0px 1px 0px #ffffff;
}
#toggle_left {
	border-left: 1px solid #cdd1bd;
	border-right: 1px solid #cdd1bd;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: opx;
	-moz-border-radius-bottomright: opx;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: opx;
	border-bottom-right-radius: opx;
	border-bottom-left-radius: 3px;
}
.toggle_mid {
	border-right: 1px solid #cdd1bd;
}
#toggle_right {
	border-right: 1px solid #cdd1bd;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0px;
}
#toggler li {
	list-style-type: none!important;
	height: 30px;
	float: left;
	color: #4a4a4a;
	padding: 0!important;
	margin: 0!important;
	background: #F1F1F1;
	background: -moz-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1F1F1), color-stop(100%, #FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#FFFFFF', GradientType=0 );
	background: -o-linear-gradient(top, #F1F1F1 0%, #FFFFFF 100%);
}
#toggler a {
	text-shadow: 1px 1px 0px #ffffff;
	color: #4a4a4a;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	font-size: 12px;
	float: left;
	display: inline;
}
#toggler #toggle_right a:hover,
#toggler .toggle_mid a:hover {
	height: 20px;
	background: #fff;
}
.toggled a {
	position: relative;
	z-index: 4;
	height: 27px!important;
	background: url(icons_files.png) center -195px;
}



/* Secondary landing page */

.rollup_content img {
	float: right;
	margin-bottom: 20px;
	margin-left: 10px;
}
.rollup_content ul {
	border: 1px solid #c8c8c8;
	clear: both;
	padding: 30px 30px 10px 30px;
	width: 84%;
	margin: 0 0 24px 0;
	background: url(bg_rolluplist.png) repeat-y;
}
.rollup_content ul li {
	margin-bottom: 20px;
	list-style-type: none!important;
}
.rollup_content ul li a {
	font-weight: bold;
}
#rollup_list img {
	margin: 0;
}



/* tabs */

#ui_tabbed {
	margin-top: 20px;
}
#tabs {
	margin: 0;
	float: left;
	border-bottom: 1px solid #fff;
}
#tabs li {
	font-size: 12px;
	display: inline;
	float: left;
	position: relative;
	top: 1px;
	margin: 0px!important;
	padding-left: 0px!important;
	background: #F0F0EF;
	background: -moz-linear-gradient(top, #F0F0EF 0%, #FBFBFA 100%);
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0EF), color-stop(100%,#FBFBFA));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0EF', endColorstr='#FBFBFA',GradientType=0 );
	*/
	border-top: 1px solid #cdd1bd;
	text-align: center;
	border-left: 1px solid #cdd1bd;
}
#tabs li a {
	font-size: 12px;
	display: block;
	padding: 5px 20px 5px 20px;
	color: #4a4a4a;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
}
#tabs li a:hover {
	background: #fff;
}
#tabs li.selected a {
	background: #ecf0eb;
	padding-bottom: 5px;
}
li.selected {
	border-bottom: 1px solid #ecf0eb;
}
li.selected a:hover {
	background: none;
}
.tabcontent {
	width: 85%;
	font-size: 12px;
	background: #ecf0eb;
	margin: -1px 0 30px 0;
	border: 1px solid #cdd1bd;
}
.tabcontent span {
	background: #fff;
	padding: 20px 28px 20px 20px;
	float: left;
	margin: 10px;
	border: 1px solid #cdd1bd;
}
.tab_link {
	float: right;
	text-align: right;
	margin-bottom: 10px;
	font-size: 11px;
	background: url(icons_files.png) 0px -230px no-repeat;
	padding-left: 20px;
}
li.endcap {
	border-right: 1px solid #cdd1bd;
}



/* UI-Dropdown01 */

#ui-dropdown01 {
	position: absolute;
	margin-left: -159px;
	margin-top: 36px;
	z-index: -1;
	width: 420px;
	background: #eef1ec;
	border-top: 1px solid #788a8a;
	border-left: 1px solid #788a8a;
	border-right:  1px solid #788a8a;
	border-bottom: 6px solid #788a8a;
	padding: 15px 5px 15px 5px;
}
#ui-dropdown01 ul {
	float: left;
	line-height: 18px;
	margin: 0;
	border: 0px;
	background: transparent;
}
#ui-dropdown01 ul li {
	margin: 0;
	float: none!important;
}
#ui-dropdown01 ul.left {
	border-right: 1px solid #fff;
	float: left;
	width: 200px;
	outline: 1px solid lime;
}
#ui-dropdown01 ul.right {
	float: left;
	width: 200px;
	outline: 1px solid pink;
}
#ui-dropdown01 a {
	text-align: left;
	font-size: 12px!important;
	text-transform:lowercase!important;
	padding: 0!important;
	margin: 0!important;
	display: normal!important;
}
#ui-dropdown01 a:hover {
	text-decoration: underline;
	background: transparent;
}



/* Callout Arrow 1 */

#callout_arrow1 {
	float: right;
	padding: 0;
}
#callout_arrow1 img {
	border-left: 1px solid #787878;
	border-bottom: 1px solid #787878;
	border-right: 0px;
	border-top: 0px;
	padding: 0 7px 0 0;
	margin: 0;
	background: #f1e6af;
	float: right;
}
#callout_arrow1 a {
	display: block;
	color: #434a51;
	font-weight: bold;
	padding: 10px 0px 10px 20px;
	height: 20px;
	float: right;
	width: 190px;
	margin: -22px 0px 0px 0px;
	width: 200px;
	background: url(icons_files.png) 0px 508px transparent;
}



/* Paginator */

#paginator {
	font-size: 11px;
	height: 23px;
}
#paginator #pagin-left, #paginator #pagin-right {
	width: 43px;
	text-indent: -5000px;
}

#paginator #pagin-left a {
	background: url(sprite_paginator.png) 635px 0px;
	height: 23px;
}
#paginator #pagin-left a:hover {
	background: url(sprite_paginator.png) 635px -46px;
	height: 23px;
}
#paginator #pagin-right a {
	background: url(sprite_paginator.png) 635px -230px;
	height: 23px;
}
#paginator #pagin-right a:hover {
	background: url(sprite_paginator.png) 635px -276px;
	height: 23px;
}
#ellipsis {
	text-align: center;
}
ul#paginator li {
	list-style-type: none;
	float: left;
	width: 22px;
	height: 23px;
	margin: 0px;
	padding: 0px;
}
#paginator a {
	text-decoration: none;
	display: block;
	text-align: center;
	background: url(sprite_paginator.png) 614px -176px;
	height: 23px;
}
#paginator a:hover {
	color: #434a51;
	font-weight: bold;
	background: url(sprite_paginator.png) 614px -83px;
	height: 23px;
}
#paginator .selected a {
	color: #427990;
	font-weight: bold;
	background: url(sprite_paginator.png) 614px -129px;
}



/* UI - Accordion 01 */

.ui-accordion01 {
	border: 1px solid #cdd1bd;
	width: 90%;
}
.ui-accordion01 span * {
	font-size: 11px;
}
.ui-accordion01 li {
	margin: 0 0 10px 15px;
}
.ui-accordion01 p, 
.ui-accordion01 ul {
	padding: 10px;
	border-bottom: 1px solid #cdd1bd;
	margin: 0;
}
.ui-accordion01 h3 {
	color: #686d63;
	margin: 0;
	text-align: center;
	font-size: 14px;
	letter-spacing: -.5px;
}
.ui-accordion01 h3 a {
	text-decoration: underline;
	padding: 5px 0;
	display: block;
	text-shadow: 1px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1); 
	background: #CDD1BD; /* Old browsers */
	background: -moz-linear-gradient(top, #FEFEFE 0%, #CDD1BD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#CDD1BD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FEFEFE 0%,#CDD1BD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FEFEFE 0%,#CDD1BD 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FEFEFE 0%,#CDD1BD 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#CDD1BD',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FEFEFE 0%,#CDD1BD 100%); /* W3C */
}
.ui-accordion01 h3 a:hover {
	background: #e8eae0;
	-webkit-transition: background .2s ease-in;
	-moz-transition: background 0.3s ease-in-out 0s;
	transition: background .2s ease-in;
}
.ui-accordion01 a.selected {
	background: #f3f3f3;
}



/* Calls to action */

#calltoaction {
	float: left;
	height: 27px;
	width: 87%;
	display: block;
	text-align: center;
	padding-top: 7px;
	text-decoration: none;
	font-size: 12px;
	border: 2px double #fff;
	border-width: thick;
	margin: 0 0 20px -2px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
a.btn-color-blue {
	color: #fff;
	background: #3c7a93;
}
a.btn-color-green {
	color: #fff;
	background: #47a66a;
}
a.btn-color-gray {
	color: #fff;
	background: #9a9d90;
}

/* Panel 01 */

#panel01 {
	padding: 20px;
	font-size: 12px;
	background: #ecf0eb;
	border: 1px solid #cdd1bd;
	margin-bottom: 20px;
}
#panel101 select {
	margin-left: -3px;
}
#panel01 table {
	text-align: left;
}
#panel01 table {
	background: #fff;
}