/*

Theme Name:    Delphic
Theme URI:     http://uterwincenter.com/
Description:   Custom Drupal theme for the University of Texas at Austin Frank Erwin Center website.
Version:       0.9b
Author:        Brody Kwiatkowski
Author URI:    http://brodingo.com/

*Thanks*

http://meyerweb.com/eric/tools/css/reset/
http://960.gs/
http://drupal.org/
http://jquery.com/
http://plugins.jquery.com/project/ColorBox
http://plugins.jquery.com/project/ScrollTo
http://plugins.jquery.com/project/LocalScroll
http://plugins.jquery.com/project/gMap

*/


/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------- PAGE TEMPLATE --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


html, body {
	height: 100%;
}

body {	
	background: #ccc url(../img/page-bggray.png) repeat-x top fixed;
}

a {
	color: #cc5500;
}

.container_12 {
	position: relative;
	min-height: 100%;
	background: url(../img/page-content-bg.png) repeat-y;
}

/* IE6 MIN-HEIGHT FIX */
* html .container_12 {
	height: 100%;
}

.page-head {
	height: 200px;
	background: #888 url(../img/page-head-40th-anniversary.jpg) no-repeat top center;
}

.nav-bar {
	position: relative;
	z-index: 100;
	height: 40px;
	background: #333 url(../img/page-bar-aqua.png) repeat-x center center;
	/*CSS3*/
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.top-content {
	margin-top: 20px;
}

.main-content-frame,
.sidebar-right {
	min-height: 400px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #fff;
}

/* IE6 MIN-HEIGHT FIX */
* html .main-content-left,
* html .sidebar-right {
	height: 400px;
}

.bottom-content {
	margin-bottom: 20px;
}

.footer-space {
	position: relative;
	z-index: 0;
	height: 90px;
}

.footer-content {
	position: absolute;
	bottom: 0;
	right: 10px;
	z-index: 100;
	width: 940px;
	height: 90px;
}

.footer-bar {
	position: absolute;
	top 0;
	left: 0;
	z-index: 150;
	width: 940px;
	height: 45px;
	background: #333 url(../img/page-bar-aqua.jpg) repeat-x;
	/*CSS3*/
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.footer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 125;
	width: 940px;
	height: 45px;
	background: #ddd;
}

.bar-head {
	position: relative; /* IE6 BACKGROUND BUG */
	padding: 12px;
	margin-bottom: 20px;
	background: #333 url(../img/page-bar-aqua.jpg) top repeat-x;
	color: #fff;
	/*CSS3*/
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.pdf-icon {
	padding: 0px 5px 5px 0px;
	vertical-align: middle;
}

#pages_wrap {
	clear: both;
	width: 600px;
	margin 0 auto;
}

#pages_left {
	float: left;
	width: 140px;
	margin: 0 10px 20px 0;
}

#pages_right {
	float: right;
	width: 450px;
	margin-bottom: 20px;
}

#column_left {
	float: left;
	width: 295px;
	margin-right: 10px;
}

#column_right {
	float: right;
	width: 295px;
	margin: 0;
}

#sidebar-right h1,
#sidebar-right h2,
#sidebar-right h3,
#sidebar-right h4,
#sidebar-right h5,
#sidebar-right h6 {
	text-align: center;
}


/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- NAVIGATION BAR --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


#block-menu-menu-admin {
	float: left;
	display: inline;
}

/* WHAT A MESS, THANKS DRUPAL! */

#block-menu-primary-links {
	position: relative;
	float: right;
	display: inline;
}

#block-menu-primary-links > .content {
	position: relative;
	z-index: 100;
}

#nav-blob {
	position: absolute;
	z-index: 0;
	background-color: #444;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity='0');
}

#nav-bar li {
	position: relative;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
}

#nav-bar a {
	position: relative;
	z-index: 10;
	float: left;
	display: block;
	height: 30px;
	padding: 10px 20px 0 20px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	/*CSS3*/
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .5s;
}

#nav-bar a:hover {
	color: #cc5500;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
}

#nav-bar .hovered {
	color: #cc5500;
}

#nav-bar a:active {
	background: #111;
}

#nav-bar .active-trail {
	background-color: rgba(255,255,255,0.1);
}

#nav-bar .expanded:hover > .menu,
#nav-bar a:hover + .menu,
#nav-bar .expanded .menu:hover {
	display: block;
}

#nav-bar .expanded .menu {
	position: absolute;
	top: 40px;
	right: 0;
	display: none;
	background-color: #333;
	/*CSS3*/
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

#nav-bar .expanded .menu li {
	float: none;
	text-align: left;
}

#nav-bar .expanded .menu a {
	float: none;
	width: 175px;
	height: 25px;
	padding-bottom: 5px;
	font-size: 11px;	
}

#nav-bar .expanded > a {
	padding-right: 30px;
	background-image: url(../img/nav-arrow.png);
	background-repeat: no-repeat;
	background-position: right 0;
}

#nav-bar .expanded > a:hover,
#nav-bar .expanded > .hovered {
	background-position: right -40px;
}

#nav-bar .expanded > a:active {
	background-position: right -80px;
}

#nav-bar .expanded .menu a:hover {
	background-color: #222;
}

#nav-bar .expanded .menu a:active {
	background-color: #111;
}

#nav-bar .expanded .odd {
	background-color: #444;
}

#nav-bar .expanded .menu,
#nav-bar .expanded .last,
#nav-bar .expanded .last a {
	/*CSS3*/
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

/*div*/.left-separator {
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 0;
	width: 2px;
	height: 40px;
	background: transparent url(../img/page-bar-sep.png) top left no-repeat;
}

/*div*/.right-separator {
	position: absolute;
	top: 0;
	right: -1px;
	z-index: 0;
	width: 2px;
	height: 40px;
	background: transparent url(../img/page-bar-sep.png) top left no-repeat;
}

ul.menu,
li.leaf,
li.expanded,
li.collapsed {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}


/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------- MAIN CONTENT ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.main-content {
	position: relative;
	float: right;
	display: inline;
	width: 900px;
	margin-right: 20px;
}

.main-content-left {
	position: relative;
	float: right;
	display: inline;
	width: 600px;
}

.content-sidebar-right {
	position: relative;
	float: left;
	display: inline;
	width: 280px;
}

.main-content, .main-content-left p {
	margin-bottom: 20px;
}


/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- SLIDESHOW STYLES --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


div.slideshow .views-row {
	overflow: visible;
	min-height: 0;
	padding: 0;
	margin-bottom: 0;
	border: none;
	background: none;
	/*CSS3*/
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

/* IE6 HEIGHT FIX */
* html div.slideshow .views-row {
	height: 1%;
}

.slideshow .view-content {
    position: relative;
    padding-top: 280px;
    /*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.slideshow .views-field-field-event-slideshow-fid {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
	margin-bottom: 20px;
}

.slideshow .front-slide {
    z-index: 10;
    opacity: 1;
}

.slideshow .prev-slide {
    z-index: 9;
}

.slideshow .views-field-field-event-title-value a {
	font-weight: normal;
}

.slideshow .views-field-field-event-title-value a,
.slideshow .view-footer a {
	display: block;
	padding: 5px 10px;
    border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	font-size: 12px;
	/*CSS3*/
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .25s;
}

.slideshow .view-footer a {
	/*CSS3*/
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.slideshow .front-text a {
	background-color: #ccc;
	/*CSS3*/
	background-image: -moz-linear-gradient(top,
		rgba(255,255,255,0.6),
		rgba(255,255,255,0.4) 5%,
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0.1));
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.6)),
		color-stop(0.05, rgba(255,255,255,0.4)),
		color-stop(0.5, rgba(255,255,255,0.1)),
		color-stop(0.5, rgba(255,255,255,0)),
		to(rgba(255,255,255,0.1)));
}

.slideshow .views-field-field-event-title-value a:hover,
.slideshow .view-footer a:hover {
	background-color: #ddd;
	color: #222;
}

.slideshow .views-field-field-event-title-value a:active,
.slideshow .view-footer a:active {
	background-color: #ccc;
	color: #111;
}

.slideshow .slideshow-info {
	position: absolute;
	top: 250px;
	left: 10px;
	z-index: 100;
	display: none;
	font-size: 10px;
}

.slideshow .slideshow-info a {
	padding: 4px 8px;
	margin-right: 4px;
	background: #eee;
	/*CSS3*/
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.8);
}


/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------- LATEST NEWS ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.view-news-feed {
	margin-bottom: 20px;
}


/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------- UPCOMING EVENTS LIST ------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */


.event-list-block {
	margin-bottom: 20px;
	font-weight: bold;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.event-list-block .item-list ul,
.event-list-block .item-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.event-list-block .item-list a {
	padding: 5px;
    border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	margin: 0;
	background-color: #eee;
}

.event-list-block .views-row-first a {
	border-top: 1px solid #ccc;
	/*CSS3*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

.event-list-block .see-all a {
	display: block;
	padding: 5px;
    border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #eee;
	text-align: center;
	/*CSS3*/
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.event-list-block .view-content a,
.event-list-block .see-all a {
	display: block;
	text-decoration: none;
	/*CSS3*/
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .25s;
}

.event-list-block a:hover {
	background-color: #ddd;
	color: #cc5500;
}

.event-list-block a:active {
	background-color: #ccc;
}

.event-list-block li .active {
	background-color: #ccc;
	color: #666;
	cursor: default;
	/*CSS3*/
	background-image: -moz-linear-gradient(top,
		rgba(255,255,255,0.6),
		rgba(255,255,255,0.4) 5%,
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0.1));
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.6)),
		color-stop(0.05, rgba(255,255,255,0.4)),
		color-stop(0.5, rgba(255,255,255,0.1)),
		color-stop(0.5, rgba(255,255,255,0)),
		to(rgba(255,255,255,0.1)));
}

.event-list-block .date-text {
	color: #666;
	font-weight: normal;
}


/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------- TWITTER ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.tweets {
	position: relative;
	padding: 10px 20px;	
	border: 1px solid #ddd;
	margin-bottom: 20px;
	background: #eee;
	word-wrap: break-word;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.tweets .views-field-created-time {
	margin-top: 8px;
	color: #999;
	font-size: 9px;
	text-align: right;
}

.tweets .view-header {
	margin-bottom: 5px;
	text-align: center;
}

.tweets .head {
	height: 45px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity='60');
}


/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------- FACEBOOK ------------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */


#facebook-frame {
	position: relative;
	overflow: hidden;
	width: 274px;
	height: 438px;
	border: 3px solid #eceef5;
	margin-bottom: 20px;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#facebook-head {
	position: relative;
	z-index: 10;
	padding-top: 5px;
	background: #3b5997;
	text-align: center;
	/*CSS3*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

#facebook-head .head {
	height: 40px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity='60');
}

#facebook {
	position: absolute;
	top: -57px;
	left: -3px;
	z-index: 5;
	overflow: hidden;
	width: 280px;
	height: 416px;
	padding-top: 75px;
}

/* IE POSITIONING FIX */
*:first-child+html #facebook {
	top: -60px;
}


/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- EVENT CALENDAR --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.block .view-event-calendar {
	width: 280px;
	margin-bottom: 20px;
	color: #333;
}

.view-event-calendar tr {
	background: none;
}

.calendar-calendar table.mini td.empty,
.calendar-calendar td.empty {
	background: none;
}

.calendar-calendar div.date-nav {
	padding: 8px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: none;
	border-left: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

.month-view {
	border-top: none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.date-nav-title {
	font-size: 18px;
	font-weight: bold;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);	
}

.calendar-calendar th.days {
	border-color: #ddd;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.calendar-calendar th.sun,
.calendar-calendar th.sat {
	border-right: none;
	border-left: none;
}

.calendar-calendar .month {
	padding: 4px 0;
	font-weight: bold;
	text-align: center;
}

table td.mini,
table th.mini,
table.mini td.week {
	padding: 0;
}

.has-events {
	background: #333;
}

.has-events a {
	color: #fff;
	text-decoration: none;
}

.mini-day-on {
	position: relative;
	color: #fff;
}

.mini-day-off {
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.calendar-calendar tr td.today,
.calendar-calendar tr.odd td.today,
.calendar-calendar tr.even td.today {
	background: #ccc;
	/*CSS3*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2);
}

.calendar-calendar td .inner div.calendar div,
.calendar-calendar td .inner div.calendar div a {
	background: #333;
	color: #fff;
}

.calendar-popup {
	position: absolute;
	bottom: 26px;
	right: 0;
	z-index: 50;
	display: none;
	padding: 10px;
	background: #333;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	/*CSS3*/
	background-image: -moz-linear-gradient(top, #444, #333);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

table .mini-day-on a {
	text-decoration: none;
	white-space: nowrap;
}

table .mini-day-on a:hover {
	color: #cc5500;
	text-decoration: none;
}

table td.mini a {
	font-weight: bold;
}

.calendar-calendar ul.links {
	display: none;
}

.event-calendar .view-content {
	position: relative;
}

.event-calendar .loading {
	position: absolute;
	top: 5px;
	left: 20px;
	display: none;
	width: 32px;
	height: 32px;
	background: transparent url(/sites/all/themes/delphic/img/colorbox/loading.gif) top left no-repeat;
}

/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------- FOOTER ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


#footer-bar #logo {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#footer-bar #address {
	float: left;
	display: inline;
	margin-left: 10px;
}

#footer-bar #address p {
	padding-top: 13px; 
	color: #fff;
	font-weight: bold;
	/*CSS3*/
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

#footer-bar #links {
	margin-right: 20px;
}

#footer-bar .bubble {
	position: relative;
	float: right;
	height: 45px;
}

/* IE6 CANT EVEN HANG */
* html #footer-bar .bubble {
	display: none;
}

#footer-bar .trigger {
	position: relative;
	z-index: 60;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-top: 6px;
	margin-left: 5px;
	background-image: url(/sites/default/files/x-images/social-media.png);
}

#footer-bar .triggersign {
	position: relative;
	z-index: 60;
	display: inline-block;
	width: 38px;
	height: 32px;
	margin-top: 5px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/x-images/icon_signlanguage_white.png);
}

#footer-bar .ut {
	position: relative;
	float: right;
	z-index: 60;
	display: inline-block;
	width: 100px;
	height: 32px;
	margin-top: 5px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-image: url(/sites/default/files/x-images/icon-ut.png);
}

#footer-bar .ut:hover {
	background-position: 0 1px;
}

#footer-bar .ut:active {
	background-position: 0 2px;
}

.sm-facebook {
	background-position: 160px 32px;
}

.sm-facebook:hover {
	background-position: 160px 32px;
}

.sm-facebook:active {
	background-position: 160px 33px;
}

.sm-flickr {
	background-position: 64px 32px;
}

.sm-flickr:hover {
	background-position: 64px 32px;
}

.sm-flickr:active {
	background-position: 64px 33px;
}

.sm-foursquare {
	background-position: 32px 32px;
}

.sm-foursquare:hover {
	background-position: 32px 32px;
}

.sm-foursquare:active {
	background-position: 32px 33px;
}

.sm-signlanguage {
	background-position: 0 0px;
}

.sm-signlanguage:hover {
	background-position: 0 1px;
}

.sm-signlanguage:active {
	background-position: 0 2px;
}

.sm-twitter {
	background-position: 0 32px;
}

.sm-twitter:hover {
	background-position: 0 32px;
}

.sm-twitter:active {
	background-position: 0 33px;
}

.sm-youtube {
	background-position: 96px 32px;
}

.sm-youtube:hover {
	background-position: 96px 32px;
}

.sm-youtube:active {
	background-position: 96px 33px;
}

.sm-rss {
	background-position: 128px 32px;
}

.sm-rss:hover {
	background-position: 128px 32px;
}

.sm-rss:active {
	background-position: 128px 33px;
}

.sm-ut {
	background-image: url(/sites/default/files/x-images/icon-ut.png);
}

#footer-bar .popup {
	position: absolute;
	bottom: 38px;
	left: -88px;
	z-index: 50;
	display: none;
	width: 220px;
	padding: 20px 0;
	background: #333;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity='0');
	/*CSS3*/
	background-image: -moz-linear-gradient(top, #444, #222);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#footer p {
	margin-top: 50px;
	color: #666;
	font: normal 1em Verdana, Helvetica, sans-serif;
	text-align: center;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#footer a {
	color: #666;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#footer a:hover {
	color: #333;
}

#footer a:active {
	color: #111;
}


/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------------- SPORTS EVENT BOX -------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


#sports-box {
	position: relative;
	overflow: auto;
	padding: 15px;
	margin-top: 20px;
	background: #eee;
	color: #000;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sports-box .left-column {
	float: left;
}

#sports-box .right-column {
	padding-left: 185px;
}

#sports-box li {
	list-style-type: none;
}

#sports-box .views-field-field-event-title-value a {
	display: block;
	padding: 0;
	margin-right: 25px;
	border-top: 1px solid #ccc;
	color: #ddd;
	font-size: 12px;
}

#sports-box .views-field-field-event-title-value a:hover {
	background-color: #999596;
}

#sports-box .tbo-link {
	width: 150px;
	margin-top: 10px;
	background-color: #c50;
	color: #fff;
}

#sports-box .tbo-link:hover {
	background-color: #b40;
	text-decoration: none;
}

#sports-box .tbo-link:active {
	background-color: #a30;
}


/* ----------------------------------------------------------------------------------------------- */
/* -----------------------------------------  EVENT PAGES ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


#event-node {
	overflow: auto;
}

#event-node .event-support-head {
	font-size: 15px;
}

#event-node .event-image img {
	display: block;
	background: #ddd;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

#event-node .event-dine {
	padding: 5px 15px 0px 15px;
	background: #ddd;
	/*CSS3*/
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

#event-node .event-dine img {
	padding: 0px 5px 5px 0px;
	vertical-align: middle;
}

#event-node .dine-head {
	position: relative; /* IE6 BACKGROUND BUG */
	padding: 8px 10px 8px 15px;
	margin: 0px;
	background: #333 url(../img/page-bar-dine.jpg) top repeat-x;
	color: #fff;
	/*CSS3*/
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

#event-node #event-left-column {
	float: left;
	width: 280px;
	margin-bottom: 20px;
	/*CSS3*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

#event-node #event-right-column {
	float: right;
	width: 300px;
	margin-bottom: 20px;
}

#event-node #info {
	background: #333;
	color: #fff;
	font-weight: bold;
	/*CSS3*/
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

#event-node #info .last a {
	/*CSS3*/
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}

#event-node #info li {
	position: relative;
}

#event-node #info a {
	position: relative;
	z-index: 1;
	display: block;
	padding: 5px 5px 5px 45px;
	background-color: #333;
	color: #fff;
	/*CSS3*/
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .25s;
}

* html #event-node #info li,
*:first-child+html #event-node #info li {
	display: inline;
	width: 280px;
}

* html #event-node #info li {
	overflow: visible;
}

* html #event-node #info a {
	width: 230px;
	padding-top: 8px;
	padding-bottom: 10px;
	line-height: 100%;
}

*+html #event-node #info a {
	padding-top: 8px;
	padding-bottom: 10px;
	margin-top: -15px;
	line-height: 100%;
}

#event-node #info a:hover,
#event-node #info .even a:hover {
	background-color: #222;
	color: #cc5500;
}

#event-node #info a:active {
	background-color: #111;
	color: #cc5500;
}

#event-node #info .hovered {
	z-index: 10;
	background: #222;
	/*CSS3*/
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

#event-node #info .even a {
	background-color: #444;
}

#event-node #info .list-icon {
	position: absolute;
	top: 7px;
	left: 12px;
	z-index: 100;
	width: 20px;
	height: 14px;
}

.facebook-like-button {
	margin-top: 20px;
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ VIEW - UPCOMING EVENTS ----------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.view-upcoming-events .views-row {
	overflow: auto;
	min-height: 100px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* IE6 MIN-HEIGHT FIX */
* html .view-upcoming-events .views-row {
	overflow: visible;
	height: 100px;
}

.view-upcoming-events .views-field-field-event-title-value {
	font-size: 14px;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.view-upcoming-events .views-field-field-event-support-value {
	font-size: 12px;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.view-upcoming-events .views-field-field-event-date-value {
	font-size: 14px;
	color: #666;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.view-upcoming-events p {
	padding: 0;
	margin: 0;
}

.view-upcoming-events img {
	float: right;
	border-radius: 5px 5px 0 0;
}

.support{
	font-size: 10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ VIEW - EVENT DISCOUNTS ----------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.view-event-discounts-updated .views-row {
	overflow: auto;
	min-height: 100px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* IE6 MIN-HEIGHT FIX */
* html .view-event-discounts-updated .views-row {
	overflow: visible;
	height: 100px;
}

.view-event-discounts-updated .views-field-field-event-discount-value {
	font-size: 12px;
}

.view-event-discounts-updated img {
	float: right;
	padding-left: 10px
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ VIEW - GROUP DISCOUNTS ----------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.view-event-groups .views-row {
	overflow: auto;
	min-height: 100px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* IE6 MIN-HEIGHT FIX */
* html .view-event-groups .views-row {
	overflow: visible;
	height: 100px;
}

.view-event-groups .views-field-field-event-group-value {
	font-size: 12px;
}

.view-event-groups img {
	float: right;
	padding-left: 10px
}

/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ VIEW - GROUP DISCOUNTS ----------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.view-event-dine .views-row {
	overflow: auto;
	min-height: 100px;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* IE6 MIN-HEIGHT FIX */
* html .view-event-dine .views-row {
	overflow: visible;
	height: 100px;
}

.view-event-dine .views-field-field-event-dine-value {
	font-size: 12px;
}

.view-event-dine img {
	float: right;
	padding-left: 10px
}

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------- EXPANDING BOX --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.expanding-parent {
	position: relative;
	font-size: 14px;
}

.expanding-parent:hover, .expanding-parent:active {
	cursor: pointer;
}

.expanding-arrow {
	position: absolute;
	bottom: 2px;
	left: -10px;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: url(/sites/default/files/x-images/expanding-arrow.png) top left no-repeat;
}

/* IE 6 CANT EVEN HANG */
* html .expanding-arrow {
	display: none;
}

.turned{
	background-position: 0 -10px;
}

.expanding-child {
	padding: 10px;
	margin: 10px 10px -10px 0;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.expanding-child.last {
	margin-bottom: 20px;
}

#event-node #event-right-column .expanding-parent {
	position: relative;
	font-size: 14px;
	overflow: hidden;
}

#event-node #event-right-column .expanding-parent:hover, #event-node #event-right-column .expanding-parent:active {
	cursor: pointer;
}

#event-node #event-right-column .expanding-arrow {
	position: absolute;
	bottom: 2px;
	left: -10px;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: url(/sites/default/files/x-images/expanding-arrow.png) top left no-repeat;
}

#event-node #event-right-column .turned{
	background-position: 0 -10px;
}

#event-node #event-right-column .expanding-child {
	padding: 10px;
	margin: 10px 10px -10px 0;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#event-node #event-right-column .expanding-child.last {
	margin-bottom: 20px;
}

/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- PHOTO GALLERY ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.gallery-child {
	display: none;
}

.gallery-section {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.gallery-section a {
	position: absolute;
	top: 10px;
	left: 170px;
	font-size: 16px;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- PLAN YOUR VISIT -------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.plan-visit {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.plan-visit a {
	position: absolute;
	top: 10px;
	left: 170px;
	font-size: 16px;
	/*CSS3*/
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.plan-visit .address {
	position: absolute;
	top: 28px;
	left: 170px;
	font-size: 12px;
}

.plan-visit .info {
	position: absolute;
	top: 52px;
	left: 170px;
	font-size: 11px;
	line-height: 1.4;
	margin-right: 10px;
}


/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------- APPLAUSE ------------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */


.past-applause .view-content {
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.past-applause table {
	width: 600px;	
}

.past-applause .views-field-field-applause-cover-fid {
	text-align: center;
}

.past-applause img {
	border: 1px solid #000;
	display: block;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.past-applause .row-first img {
	margin-top: 10px;
}

.flipbook {
	margin-top: 5px;
	background-color: #333;
	color: #fff;
}

.flipbook:hover {
	background-color: #222;
	color: #fff;
}

.flipbook:active {
	background-color: #333;
	color: #fff;
}

.applause-issue-block .view-content {
	position: relative;
	height: 100px;
	text-align: center;
	padding: 20px;
	border: 1px solid #ddd;
	margin-top: 20px;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.applause-issue-block .view-footer {
	position: relative;
	height: 240px;
	padding: 20px;
	border: 1px solid #ddd;
	margin-top: 20px;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.applause-issue-block .views-field-nothing {
	margin-top: 5px;
}

.applause-issue-block .img {
	float: left;
}

/*
.applause-issue-block .views-field-field-applause-cover-fid {
	padding: 20px;
	background-color: #666;
	text-align: center;
	background-image: -moz-linear-gradient(top,
		rgba(0,0,0,0),
		rgba(0,0,0,.5));
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(rgba(0,0,0,0)),
		to(rgba(0,0,0,.5)));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0 0 8px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.8);
}

.applause-issue-block .views-field-field-applause-cover-fid img {
	display: block;
	border: 1px solid #eee;
	margin: 0 auto;
	box-shadow:0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
*/

.applause-issue .view-content {
	float: left;
	width: 280px;
}

.applause-issue .attachment-after {
	float: right;
	width: 280px;
}

.view-applause .views-field-created,
.view-news-feed .views-field-created {
	margin-bottom: 10px;
	color: #999;
	font-size: 10px;
}


/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- FIRST TO KNOW ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.block-box {
	position: relative;
	padding: 20px;
	border: 1px solid #ddd;
	margin: 20px;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.first-to-know {
	float: left;
	padding: 20px;
	text-align: center;
}


/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------- FLICKR ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.flickr-box {
	position: relative;
	text-align: center;
	padding: 0 20px;
	border: 1px solid #ddd;
	margin: 20px auto;
	background: #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}


/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------- FORMS -------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


.form-item input {
	padding: 5px 10px;
	border: 2px solid #ccc;
	background: #eee;
	color: #666;
	font-size: 14px;
	/*CSS3*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-transition-property: background, border-color, box-shadow, color;
	-webkit-transition-duration: .5s;
}

.form-item input:hover {
	background: #fff;
	color: #333;
}

.form-item input:focus {
	border-color: #aaa;
	background: #fff;
	color: #333;
	/*CSS3*/
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
}


/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------- MISC STYLES ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


#map-frame {
	padding: 10px;
	border: 1px solid #ddd;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

#map-erwincenter {
	overflow: hidden;
	height: 368px;	
}

.super {
	vertical-align: baseline;
	font-size: 0.7em;
	position: relative;
	top: -0.4em;
}

.circle-list {
	margin-left: 20px;
	list-style: disc;
}

.circle-list li {
	margin-bottom: 5px;
}

.big-border {
    border: 10px solid #eee;
}

.margin-bottom {
	margin-bottom: 20px;
}

.aqua-button {
	display: block;
	padding: 10px 20px;
	font-size: 18px;
	text-align: center;
	/*CSS3*/
	background-image: -moz-linear-gradient(top,
		rgba(255,255,255,0.8),
		rgba(255,255,255,0.5) 5%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 50%,
		rgba(255,255,255,0.2));
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.8)),
		color-stop(0.05, rgba(255,255,255,0.5)),
		color-stop(0.5, rgba(255,255,255,0.2)),
		color-stop(0.5, rgba(255,255,255,0.1)),
		to(rgba(255,255,255,0.2)));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .25s;
}

.tbo-sales-link {
	background-color: #333;
	color: #fff;
}

.tbo-sales-link:hover {
	background-color: #222;
	color: #fff;
}

.tbo-sales-link:active {
	background-color: #111;
	color: #fff;
}

.field-field-news-image img {
	display: block;
	margin: 0 auto 20px;
}

hr {
	border-color: #CCCCCC !important;
	margin: 20px 10px;
}

.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.rounded-corners {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.orange {
	color: #CC5500;
}


/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------- DRUPAL ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


ul.tabs.primary {
	display: block;
	overflow: hidden;
	padding: 10px 0 0 20px;
	border: none;
	margin: 0 20px;
	background-color: #666;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 1px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,0.4);
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

ul.tabs.primary li {
	display: inline-block;
}

ul.tabs.primary li a {
	border: none;
}

ul.tabs.primary li.active a {
	border: none;
	background-image: none;
	background-color: #fff;
}

ul.tabs.primary a {
	display: block;
	padding: 5px 10px;
	background-color: #ccc;
	color: #333;
	/*CSS3*/
	background-image: -moz-linear-gradient(top,
		rgba(255,255,255,0.8),
		rgba(255,255,255,0.6) 5%,
		rgba(255,255,255,0.4) 50%,
		rgba(255,255,255,0.1) 50%,
		rgba(0,0,0,0.1));
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.8)),
		color-stop(0.05, rgba(255,255,255,0.6)),
		color-stop(0.5, rgba(255,255,255,0.4)),
		color-stop(0.5, rgba(255,255,255,0.1)),
		to(rgba(0,0,0,0.1)));
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .25s;
}

ul.tabs.primary a:hover {
	background-color: #aaa;
	color: #222;
}

ul.tabs.primary a:active {
	background-color: #999;
	color: #111;
}

.var_print {
	padding: 20px;
	background: #eee;
	color: #333;
	font-size: 9px;
}

.messages,
.help {
	padding: 10px;
	margin: 20px 20px 0;
	background: #eee;
	font: 14px 'Lucida Grande', sans-serif;
	text-align: center;
	/*CSS3*/
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

div.messages {
	border: 5px solid #a55;
	color: #a55;
}

div.help {
	border: 5px solid #55a;
	color: #55a;
}

div.help p {
	margin-bottom: 10px;
}

div.warning {
	padding: 10px;
	border: 5px solid #fc2;
}

.block-user {
	width: 258px;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background: #eee;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

div.admin {
	position: relative;
	padding: 0 20px 20px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background: #eee;
	/*CSS3*/
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.admin .left, .admin .right {
	margin-top: 20px;
}

div.admin-panel {
	padding: 20px;
	margin-bottom: 20px;
	background: #333;
	color: #ddd;
	/*CSS3*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: inset 0 1px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 1px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,0.4);
}

div.admin-panel h1,
div.admin-panel h2,
div.admin-panel h3,
div.admin-panel h4,
div.admin-panel h5,
div.admin-panel h6 {
	color: #fff;
	/*CSS3*/
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.compact-link {
	margin-top: -1px;
	text-align: center;
}

.compact-link a {
	display: inline-block;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
	/*CSS3*/
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

div.block-region {
	background: rgba(255,255,66,0.4);
	color: rgba(0,0,0,0.4);
}


/*
THIS IS THE END
MY ONLY FRIEND
THE END
*/