/*
* HTML5 Boilerplate 2.0
* h5bp.com/css
*/
/*////////////////////////NORMALIZE/////////////////////////////////*/
/* HTML5 SETUP */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; }
/* FONT NORMALIZING */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/* SELECTION STYLES */
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* BASE STYLES */
a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/* CLEARFIX */
.clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; }
/*/////////////////////////////////////////////////////////*/
/* PRIMARY STYLES
Author: Dan Baker, UW-Whitewater WebTeam, 2012
*/
/* == RESET SOME UWW STYLES == */
body { background-color: #EDEDD3; }
#uwwBody { background:#fff none 0 0 repeat-x; }
#uwwBody .uww1k { background: none; }
#uwwPage { background: none; padding: 0; margin: 0; overflow: visible; }
#uwwFooter { background: #ededd3 none 0 0; }
h1, h2, h3, h4, h5, h6 { font-family: PTSansRegular; }
h4 { text-transform: none; }
/* == HEADER == */
#uwwHeader { position: relative; padding-bottom: 0; }
#uwwLogo { float: left; width: 600px; margin-top: -10px; }
#uwwLogo a { line-height: 95px; vertical-align: top; }
#uwwLogo a:first-child img { border-right: 1px solid #000; }
nav { width: 100%; float: none; }
/* == AUDIENCE NAV == */
#uwwAudienceNav { position: absolute; bottom: 10px; right: 0; font-size: 14px; float: none; clear: none; }
#uwwAudienceNav p { display: inline; font: 14px Arial; color: #e7e189; }
#uwwAudienceNav ul { display: inline; }
#uwwAudienceNav li { padding: 3px 5px 3px 10px; margin-left: 5px; }
/* == SEARCH DROPDOWN == */
#searchSection { width: 26px; height: 16px; margin: 1px 3px 0 0; background-color: #fff; text-align: left; float: left; position: relative; border: 1px solid #fff; }
#searchSection a { width: 26px; height: 16px; display: block; background: url("../../../images/uww/icon_tiny_arrow.gif") no-repeat right center; cursor: pointer; }
#searchSection ul { position: absolute; top: 17px; left: 0; width: 165px; height: auto; padding: 5px; background: #fff url("../../uww/img/uwwBottomShadow-bg.png") repeat-x; font: 10px Arial; }
#searchSection li { padding: 3px 3px 5px 20px; background-position: left top; background-color: #fff; }
#searchSection li:hover { background-color: #ededed; cursor: pointer; }
#searchSection #uww { background: url("../../../images/uww/icon_search_uww.gif") no-repeat; }
#searchSection #gis{ background: url("../../../images/uww/icon_search_gis.gif") no-repeat; }
#searchoptions { z-index: 50000; }
/* == SPECIAL CAC NAVIGATION == */
#resourceNavigation { float: right; }
#resourceNavigation ul a { color: #666; font-size:14px; text-decoration: none; font-family: PTSansRegular, Arial; }
#resourceNavigation ul a:hover, #resourceNavigation ul a.active { color: #666; text-decoration: underline; }
#resourceNavigation ul { width: 225px; text-align: right; }
#resourceNavigation li { display: inline; padding-top: 0; line-height: 50px; margin-left: 15px; vertical-align: middle; }
/* == SECTION NAVIGATION == */
#sectionNavigation { display: block; clear: both; background: none; float: none; margin: 0 0 20px 0; width: 775px; border-top: 1px solid #c5c1a2; border-bottom: 1px solid #c5c1a2; position: relative; }
#x33084 #sectionNavigation {width:100%;}
#sectionNavigation ul { padding: 0; margin-left: 25px; }
#sectionNavigation li a { padding: 10px; display: block; text-decoration: none; color: #4d19a8; text-transform: none; position: relative; }
#sectionNavigation a:link, #sectionNavigation a:visited { font: 14px PTSansRegular; }
#sectionNavigation a:hover, #sectionNavigation a.active { color: #4d19a8; text-decoration: underline; }
#sectionNavigation li { vertical-align: middle; display: block; float: left; padding: 0; border-left: 1px solid #fff; }
#x33084 #sectionNavigation li { margin-left:55px;}
#sectionNavigation li:first-child { border: none; }
/* == AUDIENCE NAVIGATION == */
#audienceNavigation{ width: 200px!important;height:40px!important;overflow:hidden; position: absolute; left: 775px; top: -1px; display: block; margin: 0; padding: 0; border: 1px solid rgb(197, 193, 162); background:url(../../../images/admissions/downarrow.png) top right no-repeat #5d4b71;
background:url(../../../images/admissions/downarrow.png) top right no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNGI3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzk1N2JiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzk1N2JiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDRiNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background:url(../../../images/admissions/downarrow.png) top right no-repeat, -moz-linear-gradient(left, #5d4b71 0%, #957bb8 40%, #957bb8 60%, #5d4b71 100%); /* FF3.6+ */
background:url(../../../images/admissions/downarrow.png) top right no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%,#5d4b71), color-stop(40%,#957bb8), color-stop(60%,#957bb8), color-stop(100%,#5d4b71)); /* Chrome,Safari4+ */
background:url(../../../images/admissions/downarrow.png) top right no-repeat, -webkit-linear-gradient(left, #5d4b71 0%,#957bb8 40%,#957bb8 60%,#5d4b71 100%); /* Chrome10+,Safari5.1+ */
background:url(../../../images/admissions/downarrow.png) top right no-repeat, -o-linear-gradient(left, #5d4b71 0%,#957bb8 40%,#957bb8 60%,#5d4b71 100%); /* Opera 11.10+ */
background:url(../../../images/admissions/downarrow.png) top right no-repeat, -ms-linear-gradient(left, #5d4b71 0%,#957bb8 40%,#957bb8 60%,#5d4b71 100%); /* IE10+ */
background:url(../../../images/admissions/downarrow.png) top right no-repeat, linear-gradient(to right, #5d4b71 0%,#957bb8 40%,#957bb8 60%,#5d4b71 100%); /* W3C */
filter:none; progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d4b71', endColorstr='#5d4b71',GradientType=1 ); /* IE6-8 */
; margin: -1px 0 0 -1px!important; z-index: 10001;
/*-webkit-box-shadow: 0px 10px 25px rgba(50, 50, 50, 0.75), inset 0px 0px 50px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 10px 25px rgba(50, 50, 50, 0.75), inset 0px 0px 50px rgba(50, 50, 50, 0.4);
box-shadow: 0px 10px 25px rgba(50, 50, 50, 0.75), inset 0px 0px 50px rgba(50, 50, 50, 0.4);*/
}
#audienceNavigation:hover{min-height:40px!important;height:auto!important;width:200px!important;overflow:visible;}
#audienceNavigation li { display: block; float: none; margin: 0; border: 0; }
#audienceNavigation li a { padding: 10px 20px 0 20px; display: block; color: #fff; }
#audienceNavigation a:link, #audienceNavigation a:visited { color: #fff; }
#audienceNaviation a:hover, #audienceNavigation a.active { text-decoration: underline; }
#audienceNavigation a:hover:after, #audienceNavigation a.active:after { content: none; }
#audienceNavigation li:last-child { padding-bottom: 10px; }
/*.oldie #audienceNavigation { padding-bottom: 10px; }*/
#audienceNavigation a:focus{outline:none;}
/* == SIDEBAR and SUB NAVIGATION == */
.Left { float: left; }
.Right { float: right; }
.None { display: none; }
#sectionSidebar { width: 225px; background: none; padding: 0; margin: 0 0 20px 60px; float: right; }
#x33084 #sectionSidebar { display:none; }
#sectionSidebar .infobox { padding-bottom: 15px; border-bottom: 1px dashed #cdcbb1; }
/* == TOP IMAGE FOR THE CAMPUS TOUR PAGE == */
#x33084 #campustourTopimage{margin-left:15px;margin-bottom:33px;display:block;}
#campustourTopimage{display:none;}
/* == BREADCRUMBS == */
#breadcrumbs { display: none; }
/* == DIP AND CAROUSEL== */
#dip { width: 100%; max-height: 525px; border: none; border-style: none; visibility: hidden; background: none; }
#dip .uww1k { position: relative; }
#featuredImage { float: right; margin-right: 25px; }
#imgbg { position: absolute; left: 0; top: 0; }
#carousel { position: relative; width: 1200px; height: 525px; right: 100px; }
#carouselMain { width: 1200px; height: 525px; overflow: hidden; position: relative; }
.carouselPanel { width: 1200px; height: 525px; position: absolute; top: 0; left: 0; right: 0; z-index: 500; }
.carouselContent { width: 1200px; height: 170px; padding: 10px; position: absolute; right: 10px; top: 10px; }
#carouselNav { position: absolute; height: 195px; bottom: 164px; left: 100px; z-index: 1000; }
#carouselNav ul { height: 195px; width: 1000px; }
#carouselNav li { font-size: 14px; float: left; font-family: PTSansRegular; margin-left: 10px; line-height: 25px; height: 195px; width: 240px; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; overflow: hidden; text-indent: -1000px; }
/* #carouselNav li:hover, #carouselNav li.active { background: url('img/li_circlearrow_big.png') center no-repeat; color: #3a3f30; } */
#carouselNav li.apply { background: url('img/button-apply.png') 0 0 no-repeat; }
#carouselNav li.info { background: url('img/button-request.png') 0 0 no-repeat; }
#carouselNav li.travel { background: url('img/button-view.png') 0 0 no-repeat; }
#carouselNav li.tour { background: url('img/button-tour.png') 0 0 no-repeat; }
#carouselNav li a { display: block; width: 100%; height: 100%; }
.panelloader { width: 0%; height: 5px; background-color: #fff; position: absolute; bottom: 0; left: 0; z-index: 800; opacity: .5; }
.vertical { }
.right { float: left; }
.carouselContent h2 { }
.carouselContent h3 { font: bold 24px "Georgia"; color: #ccc; margin-bottom: 5px; text-transform: none; }
.carouselContent h4 { font: bold 14px "Verdana"; color: #aaa; text-transform: none; margin-bottom: 10px; }
.carouselContent p { font-size: 12px; line-height: 150%; margin-bottom: 5px; color: #fff; }
.carouselContent li { display: inline; padding: 0 10px; border-left: 1px solid #fff; }
.carouselContent li:first-child { border: none; padding-left: 0; }
.carouselContent a { font: 12px Arial; color: #fff; text-decoration: underline; }
#carouselNav { width: 40%; height: 25px; }
#carouselArrow { display: none; }
#carouselNext { position: absolute; z-index: 12000; top: 37%; right: 3%; cursor: pointer; display: none; }
#carouselPrevious { position: absolute; z-index: 12000; top: 37%; left: 3%; cursor: pointer; display: none; }
.one, .two, .three, .four { position: absolute; }
.one { top: 25px; left: 35px; }
.two { top: 25px; left: 205px; }
.three { top: 15px; left: 135px; }
.four { top: 35px; left: 225px; }
/* == MAIN CONTENT AREA == */
#maincontent { padding: 0 0 30px 0; overflow: visible; }
#maincontent .float-left, #maincontent .img-float-left { float: left; }
#maincontent .float-right, #maincontent .img-float-right { float: right; }
#maincontent .float-left img { padding-right: 20px; }
#maincontent .float-right img { padding-left: 20px; }
#maincontent .border-0 { border: 0 none!important; }
#contentLeft { position: relative; }
#contentLeft.single-column { width: 285px; margin-right: 60px; }
#contentLeft.double-column { width: 700px; clear: right; }
#contentLeft ul, #contentLeft ol { margin-bottom: 10px; }
#contentRight { width: 285px; float: left; }
#contentTop { position: relative; width: 700px; float: left; clear: left; margin-bottom: 20px; color: #666; }
#contentBottom { width: 700px; float: left; padding-top: 20px; margin-top: 20px; clear: both; color: #666; }
#contentTop h1, #contentLeft h1, #contentBottom h1 { text-transform: uppercase; font: normal 32px PTSansBold; line-height: 150%; margin-bottom: 0; color: #222; }
#contentTop h2, #contentLeft h2, #contentBottom h2 { display: block; width: auto; clear: right; text-transform: uppercase; font: normal 22px PTSansRegular; line-height: 150%; color: #4a3365; }
#contentTop h3, #contentLeft h3, #contentBottom h3 { display: block; width: auto; clear: right; text-transform: none; font: normal 18px PTSansRegular; line-height: 150%; color: #818c55; }
#contentTop p, #contentTop li, #contentLeft p, #contentLeft li, #contentBottom p, #contentBottom li { font: 14px/160% Arial; }
#contentTop ul, #contentBottom ul, #contentLeft ul, #contentLeft ol, #contentTop ol, #contentBottom ol { margin-left: 25px; }
#contentTop ul li, #contentLeft ul li, #contentBottom ul li { padding-bottom: 5px; list-style-image: url('img/li-arrow-green.png'); list-style-position: outside; }
#contentTop ol li, #contentLeft ol li, #contentBottom ol li { padding-bottom: 5px; list-style-image: none; list-style-type: decimal; list-style-position: outside; }
#contentTop p, #contentLeft p, #contentBottom p, #contentTop ul, #contentLeft ul, #contentBottom ul, #contentTop ol, #contentLeft ol, #contentBottom ol { margin-bottom: 15px; }
#contentTop p a, #contentLeft p a, #contentBottom p a { color: #007c91; text-decoration: underline; font-weight: bold; }
#contentTop li a, #contentLeft li a, #contentBottom li a { color: #007c91; }
#contentTop p.button, #contentLeft p.button, #contentBottom p.button { width: 50%; }
#contentTop p.button a, #contentLeft p.button a, #contentTop p.button a, #contentBottom p.button a, #contentBottom p.button a { display: block; background-color: #007c91; font: 14px PTSansBold; color: #fff; padding: 5px; text-align: center; border-radius: 5px; text-transform: uppercase; text-decoration: none; }
#contentTop p.button a:hover, #contentTop p.button a:hover, #contentBottom p.button a:hover, #contentBottom p.button a:hover { text-decoration: none; color: #fff; background-color: #9abf2f; }
#content .video, #content p.video, #content .video img { max-width: 700px; max-height: 281px; }
#content .flowplayer { width: 465px; height: 262px; }
.highlightbox { padding: 10px 10px 0 10px; background: #fff; border: 1px solid #ccc; border-radius: 10px; moz-border-radius: 10px; margin-bottom: 10px; width: 80%; }
.mainright { width: 700px; float: left; clear: left; margin-bottom: 20px; color: #666; }
/* == DYNAMIC HANGING TAB */
#hangingTab { width: 234px; height: 153px; position: absolute; left: -125px; z-index: 10001; }
#hangingTab + img { margin-left: 50px; }
/* == COMPONENT BOXES == */
.infobox { margin-bottom: 25px; }
.infobox h1 { text-transform: uppercase; font: normal 32px PTSansBold; line-height: 150%; margin-bottom: 0; color: #222; }
.infobox h2 { display: block; width: auto; clear: right; text-transform: uppercase; font: normal 22px PTSansRegular; line-height: 150%; color: #4a3365; }
.infobox h3 { display: block; width: auto; clear: right; text-transform: none; font: normal 18px PTSansRegular; line-height: 150%; color: #818c55; }
.infobox h3 a:link, .infobox h3 a:hover, .infobox h3 a:visited { text-transform: none; color: #9abf2f; }
.infobox h3 a:hover { text-decoration: underline; }
.infobox h4 { text-transform: none; font: normal 18px PTSansRegular; line-height: 150%; color: #87431e; }
.infobox h4 a:link, .infobox h4 a:visited, .infobox h4 a:hover { color: #007c91; }
.infobox h4 a:hover { text-decoration: underline; }
.infobox img { padding: 1px; border: 1px solid #ccc; border-radius: 3px; float: none; display: block; margin: 15px 0; }
.infobox img.no-border { border: none; padding: 0; }
.infobox ul { float: none !important; }
.infobox ul li { line-height: 140%; margin-bottom: 5px; color: #666; list-style-image: url('img/li-arrow-green.png'); list-style-position: inside; }
.infobox ol li { line-height: 140%; margin-bottom: 5px; color: #666; list-style-position: inside; }
.infobox a { text-decoration: none; }
.infobox time { font: 14px PTSansRegular; text-transform: uppercase; }
.infobox p { font: 14px/160% Arial; color: #666; margin-bottom: 15px; }
.infobox p a, .infobox li a { color: #007c91; }
.infobox p.float-right { width: auto!important; float: right!important; }
.infobox p.float-left { width: auto; float: left; }
.infobox p.button { width: 50%; }
.infobox p.button a, .infobox p.button a { display: block; background-color: #007c91; font: 14px PTSansBold; color: #fff; padding: 5px; text-align: center; border-radius: 5px; text-transform: uppercase; }
.infobox p.button a:hover, .infobox p.button a:hover { text-decoration: none; color: #fff; background-color: #9abf2f; }
.list-image-off li { list-style-image: none; }
.inline-list li { display: inline; margin-right: 5px; }
.inline-list img { display: inline; border: none; }
.campus-media li { padding: 5px 0; list-style-image: none; }
.campus-media li img { margin: 0 10px 0 0; display: inline; border: none; }
.campus-media li a:link, .campus-media li a:hover, .campus-media li a:visited { color: #4f2783; }
.infobox p.video { cursor: pointer; }
.image-gallery ul, .image-gallery ul li { margin-left: 0!important; list-style-image: none!important; float: left; }
/* JQUERY THUMBS STYLES */
.thumb-container, .thumb-inner, .thumb-img { border: 0; display: block; display: inline-block; height: 100%; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
.thumb-container { background: #fff; border: 1px solid; border-color: #ccc #aaa #aaa #ccc; height: 75px; margin: 3px; padding: 2px; width: 75px; }
.thumb-container a, .thumb-container img { border: 0; margin: 0; }
.thumb-center img, .thumb-strip, .thumb-icon { position: absolute; }
.thumb-center img { margin-left: 50%; margin-top: 50%; height: 160%; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .thumb-center img { margin-left: 0; } }
.thumb-strip { display: none; }
.thumb-icon { display: none; }
/* == IMAGE GALLERY == */
#gallery { max-width: 625px; height: 425px; margin-bottom:10px; }
/* == ASK AWAY == */
#askAwayInput { background:url('img/inline-list-bg.jpg') center 19px no-repeat; width:auto; margin:0 auto; padding:25px 0 0 0; }
#askAwayInput form { float: left; }
#askAwayInput label { color:#222; font-style:italic; font-size:13px; margin:0 10px 0 150px; }
#askAwayInput input[type='text'] { margin:0; padding:3px; border:1px solid #999; background:transparent; font-style:normal; width:200px; }
#askAwayInput input[type='submit'] { background:transparent; font-size:13px; color:#222; width:auto; height:auto; margin:0 0 0 10px; padding:3px; display:inline; border:none; text-indent:0; }
#askAwayInput input[type='submit']:hover { text-decoration:underline; }
#askAwayInput p { display:block; clear:both; float:none; text-indent:10px; padding:10px; color:#666; font-size: 90%; }
/* == CAMPUS TOUR FORM == */
#main.tour { width:100%; margin-bottom:20px; }
#main.tour label { float: left; display: block; width: 45%; font: 11px Arial; margin-right: 10px; }
#main.tour fieldset { padding: 2px 0; }
#main.tour p { font: 11px Arial; margin-bottom: 10px; }
#main.tour h3 { text-transform: none; font-weight: normal; font-size: 14px; margin-bottom: 5px; }
#main.tour .formcol { width: 48%; float: left; }
#signupswitcher { }
#signupswitcher ul { margin: 8px 0; list-style: none; }
#signupswitcher li , #signupswitcher li.inactive{ float: left; cursor: pointer; font: bold 10px Verdana; color: #999; text-transform: uppercase; padding: 8px; background-color: #ccc; margin-right: 25px; }
#signupswitcher li:hover, #signupswitcher li.active{ color: #775B9E; background-color: #DDD7E8; }
#toursignup { margin: 15px 0; }
#main #toursignup label { display: none; }
#toursignup select { margin-right: 8px; }
#main #toursignup fieldset { display: inline; }
#tourmonth { }
#tourday { }
#touryear { }
#timecheck { margin-left: 15px; cursor: pointer; position: relative; }
#timecheck img, #funcsave img, #funcadd img { position: absolute; top: -12px; padding: 0; }
#timecheck small, #funcsave small, #funclock small, #funcadd small { font: 9px Verdana; padding-left: 40px; }
#funcsave, #funclock, #funcadd { position: relative; cursor: pointer; margin: 20px 0 10px 0; }
#funclock img { position: absolute; top: 0; padding: 0; }
#funclock { cursor: auto; background-color: #F9FF54; padding-top: 12px; width: 125px; height: 30px; }
#funcreset strong { font-weight: bold; text-decoration: underline; }
#funcreset small { font: 9px Verdana; cursor: pointer; color: #FF9E9E; }
#funcreset small:hover { color: #ff0000; }
.highlight { background-color: #DDD7E8; }
#errorreq, #erroremail { display: none; }
#tour { width:474px; min-height: 1150px; margin-left: 25px; position: relative; overflow: hidden; float: left; }
#tour #tourform { position: absolute; top: 0; left: 0; }
#tour #tourvideo { position: absolute; bottom: 0; left: 0; }
#tour label { float: left; display: block; width: 45%; font: 11px Arial; margin-right: 10px; }
#tour fieldset { padding: 2px 0; }
#tour #form1 fieldset { clear: both; }
#tour p { font: 11px Arial; margin-bottom: 10px; }
#tour .formcol { width: 475px; position: absolute; }
#tour #form1 { left: 0; }
#tour #form2 { left: 475px; }
#tour #form3 { left: 950px; }
#tour #form4 { left: 1425px; }
#tour #form1 div { width: 42%; float: left; margin-right: 3%; }
#tour #form1 div h3 { color: #666; font-size: 20px; font-family: Arial; font-weight: bold; text-align: center; padding-top: 40px; margin: 20px 0; text-transform: none; }
#tour #form1 div#btntour h3 { background: url("img/icon_compass.png") no-repeat top center; }
#tour #form1 div#btnpremiere h3 { background: url("img/icon_pin.png") no-repeat top center; }
#tour #form1 div p { color: #666; font-size: 11px; font-family: Arial; text-transform: none; line-height: 170%; padding: 15px 20px;}
#tour #form1 div, #tour #form1 div.inactive { cursor: pointer; text-transform: uppercase; padding: 10px; background-color: #ddd; margin-bottom: 15px; }
#tour #form1 div:hover, #tour #form1 div.active, #tour #form1 div:hover h3, #tour #form1 div:hover p, #tour #form1 div.active h3, #tour #form1 div.active p { color: #fff; background-color: #4A3365; }
#tour #toursignup, #tour #premieresignup { position: relative; top: 0; left: 0; }
#tour #toursignup fieldset { float: none; }
#tour #toursignup dl { width: 22%; float: left; margin-right: 1%; margin-top: 15px; font-size: 13px; }
#tour #toursignup dt { padding-bottom: 10px; }
#tour #toursignup { margin: 15px 0; }
#tour #toursignup label { display: none; }
#tour #toursignup select { margin-right: 8px; }
#tour .highlight { background-color: #DDD7E8; }
#tour #errorreq, #tour #erroremail { display: none; padding: 10px; font-size: 12px; margin: 0 0 10px 0; }
#tour .alert { background-color: #FAA732;
background-image: -moz-linear-gradient(top, #fbb450 0%, #f89406 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb450), color-stop(100%,#f89406)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #fbb450 0%,#f89406 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, #fbb450 0%,#f89406 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, #fbb450 0%,#f89406 100%); /* IE10+ */
background-image: linear-gradient(to bottom, #fbb450 0%,#f89406 100%); /* W3C */
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
#tour .error { background-color: #DA4F49;
background-image: -moz-linear-gradient(top, #ee5f5b 0%, #bd362f 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee5f5b), color-stop(100%,#bd362f)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #ee5f5b 0%,#bd362f 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, #ee5f5b 0%,#bd362f 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, #ee5f5b 0%,#bd362f 100%); /* IE10+ */
background-image: linear-gradient(to bottom, #ee5f5b 0%,#bd362f 100%); /* W3C */
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
#tour fieldset.timeholder { display: none; }
#tour+#main { width: 460px; }
/* == FEEDS == */
#content .post-article { margin-bottom: 8px; padding: 8px; }
#content .alt { background-color: #EDE9E0; }
#content .post-article p { padding: 0 5px; line-height: 130%; }
#content .post-article h4 { margin-bottom: 5px; }
#content .post-article h3 { line-height: 100%; }
#content .post-article h3 a { font-size: inherit; color: inherit; text-transform: none; }
/* == TABLE == */
table, td, tr { border: none; }
tr, td p, td h4 { padding: 5px; }
td h2, td h3 { padding: 10px; }
table .purple { background-color: #ccc5e9; }
/* == FOOTER == */
#uwwFooter { border-top: 1px solid #fff; background-color: #ededd3; }
#uwwFooter h4 { font: 16px PTSansBold; color: #9d986d; text-transform: uppercase; margin-bottom: 5px; }
#uwwFooter a { text-decoration: underline; color: #3a3f30; }
#uwwFooter p, #uwwFooter ul, #uwwFooter address { font-family: Verdana; font-size: 10px; line-height: 160%; color: #3a3f30; }
#uwwFooter .uww1k { }
#footercol1, #footercol2, #footercol3, #footercol4 { width: 25%; float: left; }
#footercol4 strong { position: relative; }
#footercol4 strong img { position: absolute; right: -25px; top: -4px; }
#uwwFooterLinks { margin-top: 10px; }
#uwwFooterLinks li { display: block; float: left; }
/* ====== CONTACT FORM ====== */
.contentform { border: 1px solid #ccc; padding: 5px; }
.contentform fieldset { padding:4px; width:90%; }
.contentform label { float: left; padding:3px; width:30%; font-weight:bold; }
.contentform input { width: 55%; }
.contentform input.button { width: auto; }
.contentform textarea { width:100%; }
.contentform label.error { color:#cc0000; }
.contentform .hidden { display:block; visibility:hidden; }
/* END PRIMARY STYLES */
/* IE FIXES */
.ieold img { -ms-interpolation-mode: bicubic; }
.ieold #uwwHomeSubNavigation > li { padding-left:35px; }
.ieold #uwwShortcuts { background: none; height: 20px; width: 175px; }
.ieold #uwwShortcuts select { height: 20px; width: 175px; }
/* END IE FIXES */
/* MEDIA QUERIES */
/*styles for desktop*/
@media screen and (min-width: 800px) {
.tablet, .handheld { display: none; }
.desktop { display: block; }
}
/*styles for tablets*/
@media screen and (max-width: 768px), screen and (max-width: 1024px) {
/* == HEADER == */
#uwwLogo { float: none; padding-top: 10px; }
#uwwBar { height: 40px; }
nav { float: none; width: 100%; margin-top: -100px; }
/* == SPECIAL CAC NAVIGATION == */
#resourceNavigation ul { width: 100%; }
/* == SECTION NAVIGATION == */
#sectionNavigation { position: relative; display: block; float: left; width: 500px; margin: 40px 0 20px 0; }
#sectionNavigation ul { margin-left: 0; }
#sectionNavigation li a { padding: 15px; }
#audienceNavigation { position: absolute; left: 500px; top: -1px; width: 260px; }
#audienceNavigation li a { padding: 10px 10px 0 10px; }
#carousel, #carouselMan { width: 768px; max-width: 768px; }
#carouselNav { width: auto; bottom: 359px; }
#carouselNav ul { width: auto; }
/* == CUSTOMS == */
.young #carousel { overflow: hidden; width: 45%; }
.young #carousel img { width: 100%; height: auto; padding-top: 25%; display: block; }
.young .young-details { position: relative; float: left; }
.directory #carousel, .directorydetail #carousel { width: 100%; }
.directory #carousel img, .directorydetail #carousel img { width: 100%; height: auto; }
#maincontent { padding-bottom: 0; }
.mainright { float: none; width: 100%; }
#contentTop { width: 100%; float: none; }
.directory #sectionSidebar, .directorydetail #sectionSidebar { width: 100%; float: none; }
.desktop, .handheld { display: none; }
.tablet { display: block; }
.T-clear { float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; position: static !important; margin-bottom: 10px; }
.uww1k { width: 700px; }
#uwwLandingNav { display: none; }
#uwwTools { float: none; width: 100%; }
#uwwSearch { float: right; }
#uwwHeader { padding-top: 0; }
#uwwResources { float: none; text-align: right; margin-bottom: 5px; margin-top: 10px; }
#uwwLogo img { margin-right: 0; }
#footercol3 { display: none; }
#footercol1 { width: 30%; float: left; margin-right: 22px; }
#footercol2 { width: 36%; float: left; margin-right: 22px; }
#footercol4 { width: 27%; margin-right: 0; }
}
/*styles for smart phones*/
@media screen and (max-width: 320px), screen and (max-width: 569px) {
body { text-align: left; }
.desktop, .tablet { display: none; }
.handheld { display: block; }
.M-clear { float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; position: static !important; margin-bottom: 10px; }
table { width: 100% !important; }
#uwwBar { height: 30px; }
#uwwLandingNav { display: none; }
#mobileLandingNav { float: left; margin-top: 4px; }
#mobileLandingNav li { display: inline; font-size: 11px; padding: 0 6px; }
#mobileLandingNav a { color: #fff; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
#uwwShortcuts { background: url("../../uww/img/bg_optionmob.gif") no-repeat scroll 0 0 transparent; width: 55px; }
#uwwShortcuts select { width: 53px; }
#uwwTools { float: none; width: 100%; position: relative; }
#uwwSearch.desktop { display: none; }
#uwwMobileSearch { float: right; margin-right: 5px; z-index: 60000; }
#uwwMobileSearch label { display: none; }
#uwwMobileSearch #triggersearch { border: 0; background: transparent url('../../uww/img/btn_search.gif') no-repeat; cursor: pointer; width: 22px; height: 22px; }
#uwwMobileSearch #searchbox { position: absolute; left: 31%; top: 0; padding: 15px; background-color: #333; box-shadow: 0 0 4px #ccc; width: 50%; display: none; }
#uwwSearchQuery { border: 0; width: 100%; }
#uwwSearchSubmit { display: none; }
#uwwHeader { padding-top: 0; }
#uwwResources { display: none; }
#uwwAudienceNav { display: none; }
#uwwLogo { text-align: center; z-index: 10; width: 100%; margin-bottom: 10px; }
#uwwLogo.young-only { margin-top: 0; }
#uwwLogo a { display: block; }
#uwwLogo a:first-child img { width: 80%; border: none; }
#uwwLogo a:first-child { border: none; }
#uwwLogo a:last-child img { width: 80%; }
#uwwHeader { padding-top: 10px; padding-bottom: 0; }
#uwwHeader nav { margin-top: 10px; }
#uwwTopShadow { display: none; }
#wrapper, #uwwPage, #appcontent, .uww1k { padding: 0; margin: 0; border: none; }
.uww1k { width: 100%; margin: 0 auto; }
/*
#resourceNavigation { }
#resourceNavigation ul { padding: 0; border-top: 5px solid #B9AA81; }
#resourceNavigation ul a { padding: 15px; display: block; text-decoration: underline; color: #fff; text-transform: none; position: relative; }
#resourceNavigation a:link, #resourceNavigation a:visited { font: 14px PTSansRegular; background-color: #3a3f30; }
#resourceNavigation ul a:hover, #resourceNavigation ul a.active { color: #fff; }
#resourceNavigation ul { width: 100%; text-align: left; }
#resourceNavigation li { display: block; padding: 0; line-height: auto; margin-left: 0; vertical-align: middle; }
*/
#sectionNavigation, #audienceNavigation { display: none; visibility: hidden; }
#breadcrumbs { margin-bottom: 10px; }
/* == DIP AND CAROUSEL== */
#dip { border-top: none; }
#imgbg { position: absolute; left: 0; top: 0; }
#carousel { position: relative; width: 100%; min-width: 310px; height: auto; float: none; right: 0; }
#carouselMain { width: 100%; height: 200px; overflow: hidden; position: relative; }
.carouselPanel { width: 100%; height: 200px; background-size: cover!important; }
.carouselContent { width: 98%; height: 200px; padding: 1%; position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,.5); }
#carouselNav { position: absolute; top: 0; left: 0; width: auto; height: auto; }
#carouselNav ul { width: auto; margin: 0 auto; }
#carouselNav li { text-indent: 0; padding: 10px; width:100px; height: auto; margin: 10px; }
#carouselNav li a { font-weight: bold; text-decoration: underline; }
#carouselNav li.apply { background: rgba(189,145,103,.7); }
#carouselNav li.info { background: rgba(175,170,133,.7); }
#carouselNav li.travel { background: rgba(172,189,114,.7); }
#carouselNav li.tour { background: rgba(159,135,192,.7); }
#askAwayInput form { width: auto; float: left; }
#askAwayInput label { margin-left: 0; }
#askAwayInput input[type='text'] { width: 25%!important; }
.carouselContent h1, .carouselContent h2, .carouselContent h3, .carouselContent h4, .carouselContent p, .carouselContent li, .carouselContent a { position: static!important; font-family: PTSansRegular!important; width: auto!important; height: auto!important; color: #000!important; text-shadow: none!important; padding: 5px!important; }
/* == CUSTOMS == */
.young #dip { max-height: none; }
.young #carousel { overflow: hidden; width: 100%; float: none; }
.young #carousel img { width: 100%; height: auto; padding-top: 5%; display: block; }
.young .young-details { position: relative; float: none; width: 96%; padding: 0 2%; top: 10px; margin-bottom: 10px; }
#sectionSidebar { float: none; width: 100%; background: none; margin-bottom: 1px; position: relative; }
#sectionSidebar ul { margin-bottom: 5px; }
#contentBottom, #contentTop, #contentLeft, #contentRight { width: auto; float: none; max-width: 100%!important; }
#maincontent #hangingTab { left: -3%; }
#maincontent p, #maincontent img { display: block; max-width: 100%!important; height: auto!important; float: none!important; clear: both!important; }
#maincontent { padding-top: 10px; padding-bottom: 0; }
#maincontent .uww1k { width: 94%; padding: 3%; margin-right: 0; }
#maincontent iframe { width: 100% !important; }
#maincontent form { padding: 5px; }
#maincontent input[type='text'], #maincontent textarea, #maincontent select { width: 70%; }
#contentLeft, #contentRight { float: none; }
#contentProfile { padding: 2% 2%; margin-top: 0; width: 96%; }
#contentProfile span { left: 2%; top: 5%; }
#contentProfile img { width: 100%; }
#M-control { padding: 0 0; }
#M-control .wrapper { padding: 5px; display: none; background-color: #fff; }
#M-control h1 { cursor: pointer; text-transform: uppercase; font-weight: normal; font-size: 14px; color: #fff; background: #563D7C url("../../uww/img/menu-bars-white.png") 98% 50% no-repeat; text-align: left; margin-bottom: 0; padding: 3% 0 3% 3%; width: 97%; border-bottom: 1px solid #fff; }
#M-control ul { overflow: auto; }
#M-control dt img, #M-control dt br { display: none; }
#M-control dt { line-height: 140%; background: url("img/li-arrow-green.png") 0 50% no-repeat; padding-left: 15px; margin-bottom: 5px; }
#M-control dt a { font-weight: bold; color: #007c91; }
#uwwFooter .uww1k { padding: 0; }
#footercol1, #footercol2, #footercol3, #footercol4 { width: 96%; float: none; padding: 5px 2%; margin-right: 0; }
}
/*classes that are under form2 div*/
#premieresignup .scheduledates{font-weight:bold;line-height:20px;font-size:17px;display:block;}
#toursignup .scheduledates{display:none}
#premieresignup .datesS{background-color:#4A3365;width:414px;display:block;float:left;margin-bottom:22px;}
#toursignup .datesS{display:none}
#premieresignup .datesS li{width:207px;line-height:36px;text-align:center;color:white;font-weight:bold;float:left;border-bottom:1px solid gray;}
/*group tour button*/
#grouptour{width:453px;min-height:63px;display:block;float:left;background:url(../../../images/admissions/grouptoursignup.jpg) no-repeat #DDDDDD;}
#grouptour:hover{background:url(../../../images/admissions/grouptoursignuph.jpg) no-repeat #4A3365;color:white;text-decoration:none;}
#grouptour p{ padding-top:60px;display:block;
text-align:center;padding-left:10px;color:#666666;line-height: 170%;margin-bottom:6px;width: 436px;}
#grouptour p:hover{text-decoration:none;color:white;}
#x33084 #contentTop{float:right;clear:right;width:457px;}
#x33084 h3 {
color: rgb(90, 111, 94);
margin: 20px 0;
text-transform: none;
font-weight: bold;
}
#x33084 h3, h3 a {
font-size: 143%;
}
#x33084 h2 {
color: rgb(74, 51, 101);
font-family: 'Myriad Pro','Segoe UI',Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
margin: 20px 0;
text-transform: uppercase;
}
/* END MEDIA QUERIES */
/*/////////////////////////////////////////////////////////*/
/**
* Print styles.
*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}