/*
 * $Date: 2008-11-10 20:14:21 $
 * $Revision: 1.34 $
 * Produced by Student Unions & Activities
 * http://www.sua.umn.edu/
 *

  ^^
      ___  ___      ^^
     /  _\/_  \
    /__/ /\ \__\  <-- Palm Tree
      /| || /
     //|/ |/
    || 
    ||      _
    ||     @_@ @
  _^  ^_   //\\/    _   /@
            _//    @_@--
                   _// /\

             , 
      __      )
    c(..)o__."
     (-) ,_( )
     (( )) ((
     "" ""  "
     _      
  ^-/ ">    
  \__/^     
  _||_

        .
      __|__
     | @ @ | 
      \===/
    /-^_|_^-\
   | |_//  | |_//
   \__/\\  \__/\\
     |_| = |
     | | | |
     | |_|_|_
    /__\__\__\

**/


/****************************************
*  MAIN CONTENT AREA CLASSES            *
****************************************/

.left, .floatLeft { float: left; margin: 0 1em 1em 0; width: auto; }
.right, .floatRight { float: right; margin: 0 0 1em 1em; width: auto; }
.center { margin-left: auto; margin-right: auto; }
.textCenter, .centerText { text-align: center; }
.clear { clear: both; }



/*
   Columnized rows use enclosing div of class .row and one divider class (optional) 
   Inside choose mix of div.third .twoThirds and .half to fill row.  
   Each of those in turn needs div.padding inside it (This bypasses IE box-model errors)
   Final div.rowClear forces the div.row to length of longest float allowing 
   in-line text and background image support (this trick fails in IE Mac).
   
   If you do not want dividers then row class may not be necessary.  
*/
div.row {
    margin: 6px 0 0;
    border-left: 1px solid white;
    border-right: 1px solid white; 
}

/* vertical dividers fail in IE Mac because enclosing div doesn't expand */
div.divideBothThirds { background: 199px 0 url(/images/global_grey_double.gif) repeat-y; }
div.divideLeftThird { background: 199px 0 url(/images/global_grey.gif) repeat-y; }
div.divideRightThird { background: 399px 0 url(/images/global_grey.gif) repeat-y; }
div.divideMiddle { background: 299px 0 url(/images/global_grey.gif) repeat-y; }

/* Elements to fill rows (may be used stand-alone with .right to override if desired) */
div.third { width: 199px; float: left; }
div.twoThirds { width: 399px; float: left; }
div.half { width: 299px; float: left; }


/* padding div inside each row element, separate div prevents box-model conundrums 
   these may also be used as individual divs within the row div for vertically oriented blocks. */
.padding {
    padding: 1px 6px;
}

/* last element in row div */
div.rowClear {
    clear: both;
    height: 1px; /* IE needs this or divs overlap */
    line-height: 0;
    font-size: 1px;
}

/* Stand-alone HR style div */
div.rowDivider {
    padding: 0;
    margin: 5px 5px;
    border-top: 1px solid #ccc;
    height: 1px;
    line-height: 0;
    font-size: 1px;
}
div.rowDivider2 {
    padding: 0;
    margin: 8px 0px 8px;
    background:#d8dfe2;
    height: 5px;
    line-height: 0;
    font-size: 1px;
}
.padding div.rowDivider {
    margin: 5px 0;
}


ul.twoCol {
    margin-left: 0;
}
    
ul.twoCol li {
    width: 45%;
    float: left;
    padding-right: 1em;
    padding-left: 16px;
    list-style-type: none;
    background: url(/images/bullet.gif) top left no-repeat;
}

/* Shadow CSS Images */
div.shadow {
	margin:0 0 0 -1px;
	padding:0;
}
div.shadow div { 
	float:left; 
	background: url(/images/drop-shadow.png) no-repeat bottom right !important; /* Mozilla based */
	background: url(/images/drop-shadow.gif) no-repeat bottom right; /* IE */
	margin: 10px 0 0 6px !important; /* Mozilla-based */
	margin: 10px 0 0 3px; /* IE */
}
div.shadow div img { 
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}
div.items div.shadow {
	margin-top:8px;
}
/* Float right */
div.shadow.right { 
	overflow:hidden; /* ie width:auto fix */
	float:right;
	margin:0 0 0 1em;
	clear:right;
}

/* BLOCK STYLES
 */
.warmBg { background: #feb; margin: 0.5em 0; border: 1px solid #dc7; }
.coolBg { background: #def; margin: 0.5em 0; border: 1px solid #9ce; }
.warmBg h1, .warmBg h2, .warmBg h3, .warmBg h4, .warmBg h5, .warmBg h6 { color: #830; }




/* DATA TABLE STYLES
 */
table.data {
    border: 5px solid #acb7be;
    background: #edf6fb;
    width: 100%;
    color: #124;
    border-collapse: collapse;
    margin: 0.5em 0;
}
table.data tr.row1 { background: #d0dbe1; }
table.data tr.row2 { background: #edf6fb; }
table.data th {
    background: #90a0a9 url(/images/table_data_th_bg.gif) repeat-x;
    text-transform: uppercase;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    border-right: 1px solid #acb7be;
    padding: 5px 4px;
    text-align: left;
}
table.data td {
    padding: 5px;
    border-top: 1px solid #acb7be;
}
table.data td.location_information {
	text-align:right;
}





/* WARM / COOL TABLE STYLES
 */
table.coolBg, table.warmBg {
    border: 0;
    margin: 0.5em 0;
}
table.warmBg td.location_label, table.coolBg td.location_label {
	font-weight:bold;
}
table.warmBg td.location_message, table.coolBg td.location_message {
	font-style:italic;
}

.sidebar table.coolBg, .sidebar table.warmBg {
    padding-left: 3px;
    border-bottom: 25px solid;
    background: no-repeat top left;
}

.sidebar table.withfoot {
    border-bottom: 0;
}

table.coolBg th, table.warmBg th {
    border-bottom: 2px solid;
    padding: 4px 0 4px 0;
    text-align: center;
    font-weight: bold;
}

table.coolBg th.h1, table.warmBg th.h1 {
    background: no-repeat top left;
    border-bottom: 1px solid;
    text-align: right;
    padding: 0 8px 0 20px;
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
    height: 27px;
}

.sidebar table.coolBg th.h1, .sidebar table.warmBg th.h1 {
    background: none;
}

table.coolBg td, table.warmBg td {
    border-top: 1px solid;
    padding: 5px 3px 3px 5px;
    font-size: 0.9em;
    margin-left: 3px;
}

table.coolBg tr.foot td, table.warmBg tr.foot td {
    height: 25px;
}

tr.foot td a, tr.foot td a:link, tr.foot td a:visited {
    color: white;
}

tr.foot td a:hover, tr.foot td a:active {
    color: white;
}

div.third table.coolBg, div.third table.warmBg {
    width: 193px;
    float: right;
    margin: 0 -1px 0.5em 0;
}

div.padding div.third table.coolBg, div.padding div.third table.warmBg {
    width: 189px;
    float: none;
    margin: 0;
}

div.twoThirds table.coolBg, div.twoThirds table.warmBg {
    width: 387px;
}

div.half table.coolBg, div.half table.warmBg {
    width: 287px;
}

table.coolBg form, table.warmBg form {
    display: inline;
}

table.coolBg input, div.third table.warmBg input {
    font-size: 0.9em;
}



/* COOL TABLE STYLES
 */
table.coolBg {
    background-color: #cde1ff;
}

.sidebar table.coolBg {
    background-color: #184270;
    border-bottom-color: #184270;
    background-image: url(/images/top_left_corner_cool.gif);
}

table.coolBg th {
    background: #265f9d;
    border-bottom-color: #184270;
    color: #cde1ff;
}

table.coolBg th.h1 {
    background-color: #184270;
    background-image: url(/images/top_left_corner_cool.gif);
    border-bottom-color: #9bc3ff;
    color: white;
}

table.coolBg td {
    border-color: white;
}

table.coolBg tr.row1 {
    background: #9bc3ff;
}

table.coolBg tr.row2 {
    background: #cde1ff;
}

table.coolBg tr.subhead {
    background: #265f9d;
    color: #cde1ff;
}

table.coolBg tr.foot {
    background: #184270;
    color: white;
}


/* WARM TABLE STYLES
 */
table.warmBg {
    background-color: #f4e0ab;
}

.sidebar table.warmBg {
    background-color: #712d00;
    border-bottom-color: #712d00;
    background-image: url(/images/top_left_corner_warm.gif);
}

table.warmBg th {
    background: #c8b06d;
    border-bottom-color: #712d00;
    color: #712d00;
}

table.warmBg th.h1 {
    background-color: #712d00;
    background-image: url(/images/top_left_corner_warm.gif);
    border-bottom-color: #d2c090;
    color: white;
}

table.warmBg td {
    border-color: white;
}

table.warmBg tr.row1 {
    background: #d2c090;
}

table.warmBg tr.row2 {
    background: #f4e0ab;
}

table.warmBg tr.subhead {
    background: #c8b06d;
    color: #712d00;
}

table.warmBg tr.foot {
    background: #712d00;
    color: white;
}



/* POLL STYLES
 */
h3.poll {
    font-size: 1.1em;
    text-transform: none;
    font-weight: bold;
}
h3.poll span {
    font-size: 0.7em;
    color: #666;
}
.poll label {
    font-weight: normal;
}
.pollbar {
    border-left: 1px solid #184270;
    padding-left: 1ex;
}


/* AD STYLES
 */
div.half img.ad { margin: 0; }
div.twoThirds img.ad { margin: 0 6px; }
div.twoThirds div.padding img.ad { margin: 0; }
div.third img.ad { margin: 5px 0 5px 11px; }
div.third div.padding img.ad { margin: 0; }


/* vertical featured item ads on sua main food page and individual venue pages */
div.featuredFood {
	width: 186px;
	float: right;
	background: #fff;
	border: none;
	clear: both;
	margin: 0 6px 0 0;
}
div.featuredFood h3 {
	text-indent: -999em;
	width: 186px;
	height: 35px;
	margin: 0;
}
div.featuredFood h3 a {
    display: block;
    height: 100%;
}
div.featuredFood img, div.items div.featuredFood img {
    margin: 0;
	padding:0;
}

/* horizontal ad on spsc and cmu food pages */
div.ad-food {
	background: url(/images/ads/ad-food-third-left.jpg) left top no-repeat;
	height: 84px;
	width: 284px;
	text-align: right;
}


/* ANNOUNCEMENT STYLES
 */
div.announcements img {
    width: 30px;
    float: left;
    clear: left;
    margin: 0 8px 0 7px;
}

div.announcements h3 {
    margin: 0 0 0 50px;
}

div.announcements h4 {
    background: #cccccc url(/images/bg-announce-date.gif) top left no-repeat;
    clear: left;
    float: left;
    width: 40px;
    line-height: 20px;
    font-size: 0.85em;
    text-align: center;
    margin: -2em 0 5px 0;
}

div.announcements h4 span {
    background: url(/images/bg-announce-date.gif) bottom right no-repeat;
    display: block;
    width: 40px;
    min-height: 20px;
}

/* heights ARE min-heights in IE6 */
* html div.announcements h4 span {
    height: 20px;
}

div.announcements p {
    margin: 5px 0 3em 50px;
}

div.announcements p.noicon {
    margin-bottom: 1.2em;
}

/* Begin Contact Form Template Footer */

div.sua-contact-footer {
	background:#eee;
	border-top:1px solid #b7b7b7;
}
div.sua-contact-footer-inner {
	border-top:3px solid #cfdee7;
	background: url(/images/umntpl2007/contact-footer-beta-bg.gif) repeat-y top right;
	padding-bottom:15px;
}
div.sua-contact-footer-alpha {
	float:left;
	width:370px;
}
div.sua-contact-footer-beta {
	float:left;
	width:229px;
}
div.sua-contact-footer-alpha h3 {
	font-size:1.5em;
	margin:14px 0 15px 17px;
}
div.sua-contact-footer-beta h3 {
	font-size:1.2em;
	margin:17px 0 15px 12px;
}
div.sua-contact-footer-alpha p {
	text-align:center;
}
div.sua-contact-footer-beta dl {
	margin:0;
	padding:0;
}
div.sua-contact-footer-beta dl dt {
	display:block;
	width:67px;
	color:#4d4d4d;
	text-align:right;
	float:left;
	margin:0 0 5px 0;
}
div.sua-contact-footer-beta dl dd {
	display:block;
	width:150px;
	color:#505050;
	float:left;
	margin:0 0 5px 8px;
}
div.sua-contact-footer .form-row {
	margin:4px 0 6px 0;
}
div.sua-contact-footer .form-row label {
	width:152px;
	text-align:right;
	color:#4d4d4d;
	display:block;
	float:left;
}
div.sua-contact-footer .form-row input, div.sua-contact-footer .form-row textarea {
	width:175px;
	float:left;
	margin-left: 8px;
	border:1px solid #bababa;
	font-size:1em;
	font-family:Verdana, Arial, Sans-Serif;
	padding:3px;
}
div.sua-contact-footer input.contact-submit {
	margin-left:159px;
	background-color:#184370;
	border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:1em;
	width:110px;
	font-family:verdana,arial,sans-serif;
	padding:2px 15px 3px;
	text-align:center;
}

/* End Contact Form Template */



/* ITEM STYLES... new replacedment for tennants class

.itemsLow is for small image lists. The regular .items is meant
for larger images ala SUA Get Involved
 */
.items h3 {
    border-top: 4px solid #d8dfe2;
    padding-top: 4px;
    width: 80%;
}
.items h3 a img {
	padding:0;
}
.items h4 {
    border-top: 1px solid #ccc;
	padding-top: 8px;
}
.items img {
	margin-top: 8px;
	clear: right;
}
.items a img {
    border: 1px solid;
	padding:3px;
}
.items p {
    min-height: 80px;
}

.items.itemsLow h3 {
	width:auto;
}
.items.itemsLow p {
	min-height:60px;
	margin-left: 79px; margin-bottom: 10px;
}

/* heights ARE min-heights in IE6 */
* html .items p {
    height: 80px;
}



h1.border, h2.border, h3.border {
    border-top: 4px solid #d8dfe2;
    padding-top: 4px;
    width: 80%;
}




/* TENANTS on CATEGORY PAGES (deprecated)
 */
.tenants { clear: left; display: block; height: 8em; }
.tenants p { margin-left: 78px; margin-bottom: 10px; }
.tenants ul { margin-left: 70px; padding-left: 12px; }
.tenants h3 { margin: 0; }
.tenants a.left { margin: 4px 10px 10px 0; }
.tenants a img, .tenants a:link img, .tenants a:visited img { border: 1px solid; padding:3px; }
.tenants a:hover img { border: 1px solid; }






/* FULL-WIDTH NEXT/PREV NAVIGATION AND PURTY BUTTONS (created for about pages)
 */
div.buttons { 
    display: block; 
    height: 28px; 
    margin: -10px 0 25px 0; 
}

.buttons a, .buttons a:link {
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 6px 0 7px 28px;
}


/* If you want descriptions of buttons, put them in a dl */
/* Some day we should change buttons to be a class on individual buttons instead of the enclosing block.  Then we won't need to recreate all the link styles. */
.buttons dd a, .buttons dd a:link {
    background: none;
    font-weight: normal;
    text-decoration: underline;
    display: inline;
    padding: 0;
    color: #990000;
}
.buttons dd a:visited { color: #660000 }
.buttons dd a:hover { color: #A1410D }
.buttons dd a:active { color: black }


a.prev, a.prev:link, a.next, a.next:link { 
    width: 249px;
    background-position: left;
}

a.next, a.next:link { 
    background-image: url(/images/nextLink.gif); 
    text-align: right;
    float: right;
    padding: 6px 28px 7px 0;
    background-position: right;
    }
a.prev, a.prev:link { 
    background-image: url(/images/prevLink.gif); 
    float: left;
}
/* This avoids breaking in thirds... whoops */
.third a.prev, .third a.prev:link, .third a.next, .third a.next:link { width: 50px; }
.third a.prev:hover { background-position: bottom left; }
.third a.next:hover { background-position: bottom right; }

a.prev:hover { background-position: right; }
a.next:hover { background-position: left; }







/* LINK ICONS
 */

a img.out, a:link img.out, a:visited img.out { border: 0; }


ul.downloads {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}
ul.downloads li { margin-bottom: 7px; }


/* These can be dangerous when a link wraps to a new line, so be careful */
a.viewEvents {
	padding:2px 0pt 2px 22px;
	background: url(/events/calendar/images/new-tpl/event-icons-date.gif) no-repeat left center;
}
a.downloadPDF {
    padding: 2px 0 2px 18px;
    background: url(/images/icons/link_pdf.gif) top left no-repeat;
}
a.downloadDOC {
    padding: 2px 0 2px 18px;
    background: url(/images/icons/link_doc.gif) top left no-repeat;
}
a.downloadXLS {
    padding: 2px 0 2px 18px;
    background: url(/images/icons/link_xls.gif) top left no-repeat;
}
a.downloadCAL, .iCalFeed a {
    padding: 2px 0 2px 18px;
    background: url(/images/icons/link_cal.gif) top left no-repeat;
}
a.directions {
    padding: 2px 0 2px 22px;
    background: url(/images/icons/link_directions.gif) top left no-repeat;
}
a.arrow, a.arrow:link {
    background: url(/images/icons/link_arrow.gif) top left no-repeat;
    padding: 0 0 0 18px;
}
a.arrow:hover {
    background-position: bottom left;
}
a.backarrow, a.backarrow:link {
    background: url(/images/icons/link_backarrow.gif) top left no-repeat;
    padding: 0 0 0 18px;
}
a.backarrow:hover {
    background-position: bottom left;
}
a.outside { /* For all links leaving our site */
    background-image: url(/images/icons/link_outside.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 14px;
}
a.form, a.form:link {
    background: url(/images/icons/link_form.gif) center left no-repeat;
    padding: 0 0 0 16px;
    margin-left: 10px;
}
p.formLink {
    background: #deeec1;
    padding: 5px 10px;
    font-size: 1.1em;
    font-weight: bold;
}
p.formLink a, p.formLink a:link {
    background: url(/images/icons/link_form.gif) center left no-repeat;
    padding: 0 0 0 18px;
}

.iCalFeed { 
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
div#leftNav a.downloadCAL {
    padding: 2px 0 2px 18px;
    width: 161px;
}
.rssFeed { 
    line-height: 18px;
    list-style-type: none;
}
.rssFeed a, a.downloadRSS {
    padding: 2px 0 2px 22px;
    background: url(/images/icons/rss.gif) center left no-repeat;
}
div#leftNav a.downloadRSS {
    padding: 2px 0 2px 30px;
    width: 161px;
    text-indent: -1000px;
}



/* STANDARD FORM STYLES
 */
p.warning {
    font-weight: bold;
    color: #F60;
}
div.error { 
    border: 1px solid #F00;
    background-color: #FCC;
}
/* NOTICE: also in formy.css */
div.errors, ul.errors {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    background: #FDD url(/images/icons/form_error.jpg) left center no-repeat;
    margin: 10px 50px;
    padding: 5px 64px;
    color: #F00;
}
/* */
div.errors h4 {
    color: red; 
}   
p.stats, div.stats, ul.stats,
div.success {
    border-top: 1px solid green; 
    border-bottom: 1px solid green;
    background: #DFD url(/images/icons/form_ok.jpg) left center no-repeat;
    margin: 10px 50px;
    padding: 5px 64px;
    color: #090;
}

div.success h2, div.success h3 {
    color: #090;
}

input.required, textarea.required {
    background-color: #FDD;
}
label {
    font-weight: bold;
}
label.required {
    color: #F00;
}


/* CSS Required to do Facebook shares
 */
html .fb_share_link {
  padding: 2px 0 0 20px;
  height: 16px;
  background: url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left;
}




/**
 * http://www.positioniseverything.net/easyclearing.html
 */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */