/*body { background: url(/static/images/16_col.gif) center top repeat-y; }*/

/* colors
Dark grey-green: #49635d;
Centre green: #009e8c;
Orange: #e8600f;
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* For IE */
img { -ms-interpolation-mode:bicubic; }
em, i { font-style: italic; }


a img {
  border: none;
}

a, a:link { text-decoration: none; color: #009e8c; }
/*.page a { text-decoration: underline; }*/
.page a { font-weight: bold; }
.page a:hover { text-decoration: underline; }
a:visited { color: #49635d; }
a:hover { color: #00786B;}
a:active { }

.page h1 a, .page h2 a {
  font-weight: normal;
}


body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 85%;
  color: #444;
}

.skip {
  display: none;
}
.clear {
  clear: both;
}
a.more, a.back {
  display: block;
  text-align: right;
  margin-top: 15px;
  font-weight: bold;
  text-decoration: none;
}
a.back {
  text-align: left;
}
span.divider {
  padding: 0 10px;
}
a {
  color: #008536;
  text-decoration: none;
}


/* Phase 1 */

em.JanNote {
  display: block;
  padding-left: 14px;
  margin-top: 10px;
  color: #555;
}


/*------------------------------------------------------------------------------
>>>> Basic Typography
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

em, i {
  font-style:italic;
}
b, strong {
  font-weight: bold;
}

h1 {
  font-size:2.0em;
  margin: 0.1em 0 0.4em 0;
  line-height: 120%;
  color: #222;
/*  letter-spacing:0.05em;*/
}
h1 a {
  text-decoration: none;
  border-bottom: none;
}
h2 {
  font-size: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.4em;
}
p + h2 {
  margin-top: 1.8em;
}
h3 {
  font-size: 1.5em;
  line-height: 1.25;
  margin-top: 3.0em;
/*  font-weight: bold;*/
  margin-bottom: 0.5em;
  color: #777;
}
h4 {
  margin-top:2.0em;
  font-size:1.05em;
  font-weight:bold;
  margin-bottom:0.7em;
  color: #000;
}
div h3:first-child, div h4:first-child {
  margin-top: 0;
}
h6 {
  font-size:1em;
  font-weight:bold;
}
p {
  line-height:142%;
  margin-bottom:1.2em;
}
p + p {
/*  text-indent: 1.6em;*/
}
ul, ol {
  padding: 0;
  margin:1.0em 3.0em 1.4em 0;
}
ul ul, ol ol {
  margin-left: 1.8em;
}
li {
  margin-bottom:0.7em;
  margin-left: 1.2em;
  list-style-type: disc;
  line-height: 140%;
}
dl {
  line-height: 130%;
}
dt {
  font-weight: bold;
  margin-bottom: 0;
}
dd {
  margin-bottom: 2.0em;
}
blockquote {
  margin: 1.6em 0;
  padding: 0 2.0em;
/*  border-left: 1px solid #ccc;*/
}
blockquote p {
  padding:0;
  margin:0 0 1.0em 0;
}
blockquote cite {
  font-style:italic;
  font-weight: bold;
  font-size:0.9em;
}
table {
  border-collapse: collapse;
  margin: 1.0em 0;
  padding: 0;
  font-size: 0.9em;
  width: 100%;
}
table td {
  text-align: left;
  vertical-align: top;
  padding: 0.3em 1.0em 0.3em 0;
  border-bottom:1px solid #ddd;
}
table th {
  padding: 0.3em 1.0em 0.3em 0;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #222;
}
table p {
  margin: 0.5em 0;
}
hr {
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  clear: both;
  margin: 20px 10px 10px 10px;
}


/*-----------------------------------------------------
          >> Strap and Login <<
-----------------------------------------------------*/

#login {
  background: #f4f4f4;
  border-bottom: 1px solid #e9e9e9;
  padding: 5px 0 7px 0;
  text-align: right;
  color: #222;
  font-size: 11px;
  overflow: hidden;
}
#strap {
  width: 100%;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff url(/static/images/gradient_top.png) bottom left repeat-x;
  padding: 10px 0 9px 0;
  overflow: hidden;
}
#strap div.inner, #login div.inner, #concertina div.inner {
  width: 940px;
  margin: 0 auto;
}
#strap .searchForm {
/*  margin-top: 6px;*/
  float: right;
  font-size: 11px;
}
#strap .searchForm form {
  display: inline;
}
#strap .searchForm a {
  text-decoration: underline;
}
#strap .searchForm input#query {
  font-size: 12px;
  padding: 3px;
  margin: 0 2px 0 0;
  border: 1px solid #ccc;
}
#strap input.searchButton {
  vertical-align: top;
}
#strap a.buttonHome {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  background: url(/static/images/button_home.png) left bottom no-repeat;
  margin: 0 8px 0 0;
}
#strap a.buttonHome:hover {
  background-position: left 1px;
}
#strap p.siteTag {
  float: left;
  font-size: 12px;
  color: #555;
  width: 500px;
  margin: 6px 0 0 0;
}

#concertina {
  background: #eee;  
  padding-top: 10px;
}

#concertina div.inner{
	position: relative;
}
#concertina a.close {
	position: absolute;
	display: block;
	width: 48px;
	height: 25px;
  background: url(/static/images/campaigns/hide.png) no-repeat;
	right: -48px;
	top: 0;
}

/*-----------------------------------------------------
          >> Alt. grid <<
			Gets 4 into 13 columns. Meta!
-----------------------------------------------------*/

.altUnit {
  width: 182px;
  float: left;
  margin-right: 10px;
}
.omega {
  width: 184px;
  margin-right: 0;
}
.altUnit_2 {
  float: left;
  width: 376px;
  margin-right: 10px;
}
.altUnit_2.omega { 
  width: 374px !important;
  margin-right: 0;
}

.altUnit h4 {
	margin-top: 4px;
	font-size: 13px;
}

.calEvent {
	position: relative;
}
.calEvent a.imageLink {
	display: block;
	height: 142px;
	position: relative;
	border: 1px solid #eee;
	opacity: 0.90;
}
.calEvent a.imageLink:hover {
	border: 1px solid #ccc;
	opacity: 1.0;
}
.calEvent a:hover {
	text-decoration: none;
}
.calEvent .date {
	position: absolute;
	top: 4px;
	left: 130px;
}
.calEvent .programIcon {
	position: relative;
	float: right;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	margin-top: -50px;
}
.calEvent a.sash {
	position: absolute; 
	display: block;
	top: 0; 
	left: 0; 
	width: 105px; 
	height: 105px; 
}
.calEvent a.bookedOut {
	background: url(/static/images/sash_booked_out.png) top left no-repeat;
}
.calEvent a.cancelled {
	background: url(/static/images/sash_cancelled.png) top left no-repeat;
}

/*-----------------------------------------------------
                >> Navigation <<
-----------------------------------------------------*/

#navigation {
  padding: 0;
  margin: 0;
}
#navigation ul {
  font-family: Georgia, "Times New Roman", serif;
  padding: 0;
  margin: 0;
}
#navigation li { }
#navigation a { }

#navigation a:visited {
  color: #009e8c;
}
#navigation a:hover {
  color: #00786B;
}
#navigation li a span.title {
  font-family: "Apex Serif",
  font-weight: normal;
}
#navigation li a span.description {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  margin-top: 7px;
  font-size: 11px;
  line-height: 130%;
  color: #444;
}
.expanded {
  font-size: 21px;
  font-size: 18px;
  clear: both;
}
.expanded li {
  width: 18%;
  width: 14.5%;
  overflow: hidden;
  float: left;
  margin: 6px 0 0 0;
  padding: 0 0 0 2%;
  list-style: none;
}

.reduced {
  font-size: 17px;
}
.reduced li {
  width: 120px ! important;
  width: 106px ! important;
  margin-top: 16px;
  padding-bottom: 20px;
}


/*------------------SUBNAV----------------*/
.subnav h4 {
/*  margin: 0 0 0 13px;*/
  margin: 0;
  color: #000;
}
.subnav h4 a {
  text-decoration: none;
}
.subnav ul {
  width: 100%;
  border-bottom: 1px solid #eee;
}
.subnav li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #eee;
}
.subnav li a {
  text-decoration: none;
  padding: 4px;
  display: block;
  font-weight: normal;
}
.subnav li a:hover {
}
.subnav li a.active {
  font-weight: bold;
}


/*-----------------------------------------------------
              >> Masthead <<
-----------------------------------------------------*/

.masthead {
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  background: #fff;
  overflow: hidden;
}
.masthead h1 {
  font-size: 49px;
  margin-bottom: 0;
}
a.logo {
  display: block;
  float: left;
  margin-bottom: 30px;
  position: absolute;
  top: 15px;
  left: 10px;
  z-index: 100;
  background: url(/static/images/logo_small_trans.png);
  width: 84px;
  height: 184px;
}

/*-----------------------------------------------------
          >> Social <<
-----------------------------------------------------*/

.follow {
  font-size: 11px;
  color: #666;
}

.social {
  padding-top: 8px;
}
.social img {
  vertical-align: middle !important;
}
.socialTwitter img {
  vertical-align: middle; 
  margin-top: -4px; 
  margin-right: 4px;
}
a.socialTwitter {
  text-decoration: none;
  color: #1e85c6;
  font-weight: normal;
  display: block;
  margin-top: 4px;
}
a.socialTwitter:hover {
  text-decoration: none;
}

#login #mem_signin_status {
  float: left;
}
/*-----------------------------------------------------
                    >> FAQ <<
-----------------------------------------------------*/

dl.questionAnchors {
  margin-bottom: 50px;
}
dl.questionAnchors p {
  margin-bottom: 5px;
}


/*-----------------------------------------------------
                    >> Residents <<
-----------------------------------------------------*/

.resident {
  margin-bottom: 2.0em;
}


/*-----------------------------------------------------
                    >> Resources <<
-----------------------------------------------------*/

div.anchorLinkList {
  margin: 0 0 50px 0;
}
.anchorLinkList h4 {
  margin-top: 0;
}

/*-----------------------------------------------------
                    >> Dailies <<
-----------------------------------------------------*/

.day { /* a whole day's dailies */
}

.day .responses {
	display: none;
}

.top {
  display: block;
  clear: both;
  height: 24px;
  margin: 20px 0 36px 0;
  text-indent: -5000px;
/*  background: url(/static/images/top.png) center top no-repeat;    */
}
.top:hover {
  background: url(/static/images/top.png) center top no-repeat;
}
.post h2 p {
/*  font-size: 13px;*/
/*  font-weight: normal;*/
  color: #222;
  margin-bottom: 0;
  letter-spacing: 0.05em;
}
.postedAt {
  color: #888;
}

.meta {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 90%;
  line-height: 140%;
  float: right;
  color: #888;
}
.meta .inner {
  margin-left: -10px;
  padding-left: 10px;
  border-left: 1px solid #ddd;
}
.meta h4 {
  margin: 0 0 3px 0;
  font-size: 11px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.meta a {
  font-weight: normal;
  color: #000;
}
.meta ul.topics {
  margin-bottom: 15px;
}

.relatedEvt {
  margin-top: 25px;
}
.relatedEvtExpl {
}
.relatedEvt .event {
  margin-top: 5px;
}

/* Summary for a day */

.headlines {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.headlines p {
  font-size: 115%;
  line-height: 160%;
  color: #999;
  color: #000;
}
.headlines p strong {
  color: #000;
}
.headlines p a {
  color: #49635d;
  font-weight: normal;
  border-bottom: 1px dashed #ccc;
  text-decoration: none;
}
.headlines p a:hover {
  text-decoration: none;
  border-bottom: 1px dashed #ccc;
}
.headlines p a.dark {
}
.headlines p a.highlight {
  border-bottom: 1px dashed #ccc;
}
.headlines p a:hover {
  color: #000;
  border-bottom: 1px dashed #000;
}
.headlines a.more, .headlines a.more:hover {
  border-bottom: none;
  display: inline;
  padding-left: 3px;
}

/* Daily summaries on homepage + dailies page */

.dailySummaries .post {
  font-size: 90%;
  padding-bottom: 10px;
}
.dailySummaries .post img, .dailySummaries .post .captioned {
  display: none;
}
.dailySummaries .post img.summaryImage {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  width: 100px;
}
.dailySummaries .post .frame {
  width: 438px;
}
.dailySummaries .post .frame img {
  display: block;
}
.dailySummaries h5 {
  font-weight: bold;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 130%;
}
.dailySummaries p:empty {
  display: none;
}

.dailySummaryHeader {
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}
.dailySummaryHeader h3 {
  padding-top: 8px;
}

/* Highlights on homepage */

.highlightsQuote {
  font-size: 90%;
}
.highlightsQuote blockquote {
  margin: 10px 0 0 0;
  padding: 0;
}
.highlightsQuote blockquote p {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 150%;
  line-height: 120%;
}
.highlightsQuote blockquote cite {
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

p.actions { /* top, perma */
  text-align: right;
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 5px;
}
p.actions span {
  margin: 0 8px;
}


/* Special gear for Talking points */

.talkingPointQuestion {
/*	padding-bottom: 20px;*/
}
.talkingPointQuestion h1 {
	font-size: 30px;
	margin-top: 0;
}
.talkingPointMeta {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.talkingPointMeta h3 {
	float: left;
	width: 50%;
	color: #aaa;
}
.talkingPointMeta .responses {
	float: right;
	width: 40%;
	text-align: right;
	font-size: 14px;
	color: #e8600f;
}
.talkingPointMeta .responses img {
	vertical-align: middle;
	margin-right: 3px;
	margin-top: -1px;
}
.talkingPointMeta .responses a {
	color: #e8600f;
}


/*-----------------------------------------------------
                  >> Tumble Types <<
-----------------------------------------------------*/

/* IMAGE */
.post_image .frame {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 15px;
}
.post_image img {
  width: 100%;
}
.post_image p { /* caption */
  font-size: 13px;
  font-style: italic;
  padding: 0 11px;
}
.post_image p em {
  font-style: normal;
}

/* ARTICLE */

.post_article {

}
.post_article img {
  border: 1px solid #ccc;
/*  margin: 20px 0;*/
}

/* QUOTE */

.post_quote blockquote {
  font-size: 150%;
  font-style: italic;
  font-family: Georgia, "Times New Roman", serif;
}
.post_quote cite p {
  color: #666;
}

/* SOUND */

/* WIDGET */
.post_widget div.widget {
  margin-bottom: 15px;
  border: 1px solid #ddd;
/*  padding: 10px;  */
}
.post_widget object {
  width: 100%;
}
.post_widget div.widget p {
  display: none;
}
.post_widget p {
  font-size: 13px;
  font-style: italic;
/*  padding: 0 11px;*/
}

/* LINK */

.post_link {
  font-size: 140%;
}
.post_link a {
  font-weight: normal;
}
.post_link strong a {
  font-weight: bold;
}
.post_link a:hover {
  text-decoration: none;
}

/* Tumble Icons */

a.channelLink {
  display: block;
  background-image: url(/static/images/tum_sprites.png);
  background-repeat: no-repeat;
  width: 38px;
/*  height: 38px;*/
  padding-top: 44px;
  text-align: center;
  font-size: 11px;
  text-decoration: none;
  text-transform: capitalize;
}
a.channelLink:hover {
  text-decoration: none;
}

a.links {
  background-position: -549px top;
}
a.links:hover {
  background-position: -549px -188px;
}

a.quotes {
  background-position: -690px top;
}
a.quotes:hover {
  background-position: -690px -188px;
}

a.images {
  background-position: -1px top;
}
a.images:hover {
  background-position: -1px -188px;
}

a.sounds {
  background-position: -144px top;
}
a.sounds:hover {
  background-position: -144px -188px;
}

a.widgets {
  background-position: -407px top;
}
a.widgets:hover {
  background-position: -407px -188px;
}

a.articles {
  background-position: -271px top;
}
a.articles:hover {
  background-position: -271px -188px;
}



.channels {
/*  clear: both;*/
}
.channels a.channelLink {
  float: left;
  font-weight: normal;
  margin: 0 40px 20px 0;
}



h2.sectionMarker {
  margin: 0 0 5px 0;
  font-size: 22px;
  color: #49635d;
}
p.sectionTag {
  font-size: 13px;
  line-height: 130%;
  margin-bottom: 10px;
  color: #49635d;
}
h2.specialSection {
  color: #e8600f;
}
h2.smallSection {
  font-size: 16px;
}

.highlights {
  font-size: 90%;
}
.highlights h4 { margin-top: 10px; }

.highlights p {
  line-height: 120%;
}
.highlights img {
  width: 100%;
  margin-bottom: 4px;
}


/*-----------------------------------------------------
                    >> Cen Cal <<
-----------------------------------------------------*/

#cencal .header h1 {
	font-size: 24px;
}

#cencal .nextMonth, #cenvid .nextMonth {
	font-size: 15px;
	float: right;
	width: 40%;
	text-align: center;
	line-height: 90%;
}
#cencal .prevMonth, #cenvid .prevMonth {
	font-size: 15px;	
	float: left;
	width: 40%;
	text-align: center;
	line-height: 90%;	
}
#cencal .nextMonth span, #cencal .prevMonth span,
#cenvid .nextMonth span, #cenvid .prevMonth span {
	font-size: 50px;
}
#cencal .nextMonth:hover, #cencal .prevMonth:hover,
#cenvid .nextMonth:hover, #cenvid .prevMonth:hover {
	text-decoration: none;
}

#cencal .toolbar {
	text-align: center;
	clear: both;
	overflow: hidden;
	width: 100%;
/*	border-top: 1px solid #ddd;
	padding-top: 5px;*/
}
#cencal .toolbar .prevMonth {
	text-align: left;
	width: 30%;
}
#cencal .toolbar .nextMonth {
	text-align: right;
	width: 30%;
}
#cencal .toolbar .add {
	width: 38%;
	float: left;
}
#cencal .toolbar .addEvent {
	color: #e8600f;
/*	font-weight: normal;*/
}
#cencal .eventsForDay {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

#cencal .pastEvents {
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 50px;
}
#cencal .pastEvents .date {	
	 background: transparent url(/static/images/date_bg_grey.png) top left no-repeat;
  text-shadow: #ddd 0 0 2px;	
}
#cencal .eventsForDay h3 {
	font-size: 22px;
	color: #000;
	margin-bottom: 5px;
}
#cencal .eventLink {
	text-transform:uppercase;
	display: block;
	text-align: right;	
}
#cencal .partnerEvents .cencalEvent {
	margin-bottom: 8px;
}
#cencal .partnerEvents {
	overflow: hidden;
}
#cencal .partnerEvents h3, #cencal .generalEvents h3 {
	font-size: 17px;
}
#cencal .partnerEvents .eventLink, #cencal .generalEvents .eventLink {
	font-size: 17px;
	color: #e8600f;
}


#cencal .generalEvents h5 {
	margin-bottom: 5px;
	font-size: 15px;
}
#cencal .generalEvents .eventLink {
	font-size: 15px;
}
#cencal .generalEvents p {
	font-size: 12px;
}

#cencal .eventInfo {
	margin-top: 40px;
}
#cencal .eventInfo h4 {
	margin-top: 4px;
	margin-bottom: 3px;
}
#cencal .eventInfo p {
	margin-bottom: 8px;
}
#cencal .notice {
	font-size: 12px;
	margin-top: 25px;
	border-top: 1px solid #ccc;
	padding-top: 6px;
	color: #aaa;
}
/*-----------------------------------------------------
                  >> People <<
-----------------------------------------------------*/

.people h2 {
  margin-top: 0;
}

h2 span {
  font-weight: normal;
}
.people ul {
  padding: 0;
  margin: 0 0 4.0em 0;
}
.people ul li {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
  clear: both;
  width: 100%;
  overflow: hidden;
}

.people span.portrait {
  float: left;
  display: block;
  width: 80px;
}
.people span.name {
  float: right;
  display: block;
  padding-top: 10px;
  width: 380px;
}


/*-----------------------------------------------------
              >> Cinema Video <<
-----------------------------------------------------*/

.cinema { /* The stage for the video */
  display: block;
  width: 762px;
  height: 432px;
  background: #000;
  position: relative;
}
.cinema a#player {
	background-position: center center;
	background-repeat: no-repeat;
}
.cinema p.message {
  text-align: center;
  padding-top: 210px;
  color: #fff;
}

.recentVideos {
  font-size: 90%;
}
.recentVideos p {
  margin-top: 0;
}
.videoThumb {
  width: 100%;
/*  background: #000;*/
  display: block;
}
.videoThumb img {
  width: 100%;
  margin-bottom: 3px;
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
}
.videoIntro {
	width: 374px;
	float: left;
	height: 170px;
	margin-right: 6px;
}
.videoIntro .videoThumb {
	width: 180px;
	margin-right: 13px;
	float: left;
}
.videoText {
	float: left;
	width: 180px;
}
.videoText h4 {
	font-size: 13px;
}
.videoText p {
	font-size: 12px;
}
.featuredVideo {
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
}
.featuredVideo .videoIntro {
	height: auto;
}
.featuredVideo .videoIntro .videoThumb {
	width: 374px;
}
.featuredVideo .videoIntro img {
	width: 95%;
}
/*-----------------------------------------------------
              >> Hero Browser  <<
-----------------------------------------------------*/

.heroBrowser {
	float: right;
/*	margin-left: 20px;*/
	width: 376px;
}
.heroBrowser .calEvent {
	margin-bottom: 12px;
}
/* Event block */

span.mer { /* AM / PM */
  text-transform: lowercase;
}

div.event {
  float: left;
}
/* for a default event width of 188px, or 5 across */
div.event a {
  font-weight: bold;
  font-size: 19px;
  padding: 30px 15px;
  text-decoration: none;
}
div.featured a {
  color: #008536;
  width: 344px;
}
div.event a:hover {
  color: #000;
  text-decoration: none;
}
.event span.date {
  position: absolute;
  top: 4px;
  right: 4px;
}

div.event a {
  position: relative;
  display: block;
  font-size: 24px;
  font-weight: normal;
  color: #47FF00;
  height: 115px;
  margin-bottom: 10px;
  padding: 5px;
  background: #222;
}
.heroBrowser div.calEvent a span.title, 
div.mainEvent a span.title, 
div.event a span.title  {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5px;
	background: #222;
  color: #eee;
  font-size: 11px;
  line-height: 110%;
}
.heroBrowser div.calEvent a:hover span.title,
div.mainEvent a:hover span.title, 
div.event a:hover span.title {
  color: #fff;
  text-shadow: #333 0 0 2px;
  background: url(/static/images/grey_alpha.png) top left repeat;
}
div.mainEvent a {
  height: 290px;
	width: 366px;
}
div.mainEvent a span.title {
  font-size: 20px;
  padding: 10px 18px 12px 18px;
  -webkit-text-stroke: 0.1em transparent;
}
div.mainEvent a span.smallTitle {
  font-size: 16px;
}



/*-----------------------------------------------------
          >> Events index page <<
-----------------------------------------------------*/

/*.eventSummary {
  padding-bottom: 20px;
}
.eventSummary h3 {
  margin: 7px 0 12px 0;
}
*/
.upcoming {
  font-size: 12px;
  width: 100%;
  overflow: hidden;
}
.upcoming img {
  margin-bottom: 8px;
  width: 100px;
}
.upcoming a {
  text-decoration: none;
  font-weight: bold;
}

span.program {
	font-weight: normal;
	display: block;
	margin-top: 10px;
	font-size: 10px;
	line-height: 120%;
}

/* Text only event list */

ul.event_list {
	margin: 0;
	padding: 30px 0 0 0;
	clear: both;
}
ul.presenter_event_list { /* variation for presenter pages */
	padding-top: 0;
}
.event_list_item {
	margin: 0;
	border-top: 1px solid #ddd;
	padding-top: 8px;
  overflow: hidden;
  margin-bottom: 28px;
	list-style: none;
}
ul.presenter_event_list .event_list_item {
	border-top: 0;
}
.event_list_item h4 {
  font-size: 15px;
  padding-top: 4px;
  margin-bottom: 4px;
}
.event_list_item {
  font-size: 12px;
}
.event_list .past_event .date {
	background: transparent url(/static/images/date_bg_grey.png) top left no-repeat;
	 text-shadow: #ddd 0 0 2px;	
}
.event_list .past_event h4 a {
	color: #777;
}

/*-----------------------------------------------------
          >> General Page <<
-----------------------------------------------------*/

.page {
  clear: both;
  padding-top: 10px;
  padding-bottom: 40px;
  min-height: 340px;
}

.page .header {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 30px 0;
}

.header h1 a, .header h1 a:hover, a.button, .header a.button:hover {
  text-decoration: none;
}

.header h2 {
  margin-top: 0;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 140%;
  color: #000;
}
.header h1 span {
	font-size: 18px;
}
.intro {
  font-size: 120%;
  color: #666;
  overflow: hidden;
  margin-bottom: 25px;
}
.header .programName {
	font-size: 100%;
}
#sidebar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 90%;
  line-height: 140%;
}
#sidebar > h4:first-child,
#sidebar > h3:first-child { margin-top: 0px; }

#sidebar h4 {
  margin-top: 1.4em;
}

#sidebar img {
  max-width: 100%;
}


/*-----------------------------------------------------
          >> Event Page <<
-----------------------------------------------------*/

.soldOut {
  font-weight: bold;
  font-size: 85%;
}
.bookedOutIcon {
	background: url(/static/images/button_bookings.png) right center no-repeat;
	width: 101px; 
	height: 60px;
/*	margin-left: -15px; */
	display: block;
}
.cancelledIcon {
	background: url(/static/images/button_bookings.png) center center no-repeat;
	width: 101px; 
	height: 60px; 
/*	margin-left: -5px; */
	display: block;
}
.bookNowIcon {
	background: url(/static/images/button_bookings.png) left center no-repeat;
	width: 101px; 
	height: 60px; 
	display: block;
}
.priorityBooking {
  text-align: center;
}

.eventImages {
  margin-bottom: 20px;
}
.eventInfo > h4:first-child {
  margin-top: 0;
}
.eventImages img {
  width: 100%;
}
.eventImages small {
	color: #aaa;
	font-size: 11px;
}

/* Event header */

a.bookNow {
  display: block;
  color: #e8600f;
  font-size: 28px;
  width: 108px;
  text-decoration: none;
  border-bottom: none;
}
a.bookNow:hover {
  color: #000;
}
span.soldOut {
  display: block;
  color: #000;
  font-size: 28px;
  width: 108px;
}


img.banner {
	margin-top: -20px;
  margin-bottom: 40px;
}

.presenters {
  margin-top: 50px;
  font-size: 0.9em;
  line-height: 120%;
}
.presenter {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  width: 100%;
  overflow: hidden;
  padding-bottom: 10px;
}
.presenter h4 {
  margin: 0 0 9px 0;
}
.presenter h4 a {
  text-decoration: none;
}
.presenter img {
  float: left;
  margin-right: 15px;
}
.presenterBio {
  float: left;
  width: 280px;
}


/* Presenter page stuff */
ul.presenterDailies, ul.extraVideos, ul.monthVideos {
	padding: 0;
	margin: 0;
}
ul.presenterDailies li, ul.extraVideos li, ul.monthVideos li {
	list-style: none;
	padding: 0;
	margin: 0 0 12px 0;
	line-height: 120%;	
}
ul.monthVideos li {
	font-size: 12px;
}
ul.presenterDailies li span, ul.extraVideos li span, ul.monthVideos li span {
	color: #777;
	font-size: 80%;	
	text-transform: uppercase;
}

.reviews, .external_links {
	font-size: 95%;
}

/* Headshots and names for the bottom of presenter pages */

.presenterIntros {
  font-size: 12px;
  padding-left: 0;
/*  margin-left: -10px;*/
}
.presenterIntros .headshot {
	margin-top: 7px;
  height: 150px;
	width: 112px;
	margin-right: 20px;
	float: left;
}
.presenterIntros img {
  margin-bottom: 4px;
  width: 100px;
}
.presenterIntros a {
  text-decoration: none;
  font-weight: bold;
}
.presenterIntros .last {
	margin-right: 0;
	width: 100px;
}
/* Presenters page */

.presenterList {
	margin-top: 0;
	font-size: 13px;
}
.presenterList a {
	font-weight: normal;
}

.presenterList li {
	list-style: none;
	margin: 0;
}
.featuredPresenters {
	padding-bottom: 20px;
}
.featuredPresenter {
	margin-bottom: 10px;
	font-weight: bold;
}
.featuredPresenter img {
	margin-bottom: 4px;
}
.sponsors {
}
.sponsor {
	margin-bottom: 40px;
}
.sponsors a {
  display: block;
  float: left;
  margin-bottom: 20px;
  text-decoration: none;
}
.sponsors a img {
  margin-right: 10px;
  vertical-align: middle;
}
img.sponsorLogo {
	max-width: 400px;
}

/*-----------------------------------------------------
          >> Venue Page <<
-----------------------------------------------------*/

.map {
  margin-bottom: 35px;
  border: 1px solid #ccc;
}
.map iframe {
  width: 100%;
}


/*-----------------------------------------------------
          >> Tags / Topics <<
-----------------------------------------------------*/

.related { /* list of related posts */}
.related ul {
  margin: 0;
  padding: 0;
}
.related li {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2px 0;
}


#topics { /* area in which topics sit */
  margin: 20px 0 30px 0;
  width: 100%;
  overflow: hidden;
}
ul.topics {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
/*  display: inline;*/
}
.topics li {
  float: left;
  margin: 0 5px 5px 0;
  list-style: none;
  line-height: 16px;
}
.topics li a, .topicCntr .topicInnerCntr a, .eventQueueStatus {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  float: left;
  padding: 1px 4px;
  background: #89a48f;
  color: #fff;
  text-decoration: none;
}
.topics li a:hover {
  background: #333;
  text-decoration: none;
}
div.topicCntr {
  margin-bottom: 2em;
  overflow: hidden;
}

/* when it's a live filter */

#tags li a {
	background-color: #ccc;
	color: #000;
}
#tags li a#all {
	background: #000;
	color: #fff;
}
#tags li a:hover, #tags li a:active {
	background: #aaa;
}
#tags li a.current {
	background: #e8600f;
	color: #fff;
}
#tags li.filter {
	background: #fff;
	color: #000;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
>>>> Posts - Blog
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.post {
  overflow: hidden;
  padding-bottom: 30px;
}
.post h2 {
  margin-top: 0;
  font-size: 1.2em;
  font-weight: bold;
}
.post h2 + p {
}
.post img, .post embed {
  max-width: 100%;
}
.post p + p {
  text-indent: 0;
}
.header .nextprev {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
/*  margin-top: -10px;*/
  overflow: hidden;
}
.header .next {
  float: right;
  color: #ccc;
  width: 50%;
  height: 60px;
  text-indent: -5000px;
  background: url(/static/images/nextprev.png) right top no-repeat;
}
.header .next:hover {
  color: #009e8c;
  background: url(/static/images/nextprev.png) right bottom no-repeat;
}
.header .previous {
  float: left;
  text-indent: -5000px;
  color: #ccc;
  width: 50%;
  height: 60px;
  background: url(/static/images/nextprev.png) left top no-repeat;
}
.header .previous:hover {
  color: #009e8c;
  background: url(/static/images/nextprev.png) left bottom no-repeat;
}


.pagination {
  border-top: 1px dotted #ccc;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
}
.pagination .current {
  float: left;
  width: 45%;
  padding-top: 1%;
  padding-right: 5%;
  border-right:1px dotted #ccc;
}
.pagination .prev {
  float: left;
  width: 23%;
  padding-top: 1%;
  padding-left: 1%;
  border-right:1px dotted #ccc;
}
.pagination .next {
  float: left;
  text-align: right;
  padding-top: 1%;
  padding-left: 1%;
  width: 24%;
}



/* General date display with orange background */

.date { /* This makes it 1 column wide */
  padding: 6px 0 7px 0;
  width: 49px;
  color: #fff;
  text-shadow: #994F21 0 0 2px;
  background: transparent url(/static/images/date_bg.png) top left no-repeat;
  font-weight: bold;
}
.date a {
  color: #fff;
  text-decoration: none;
}
.date a:visited {
  color: #eee;
}
.date a:hover { color: #000; text-decoration: none;}

.book_now, .sold_out {
  width: 49px;
  color: #fff;
  padding: 5px 0 7px 62px;
  background: transparent url(/static/images/book_now.png) top left no-repeat;
}
.sold_out {
  background: transparent url(/static/images/sold_out.png) top left no-repeat;
}
.date span {
  font-family: Helvetica, Arial, sans-serif;
  display: block;
  text-align: center;
}
.date span.day {
  display: block;
  font-size: 20px;
}
.date span.month {
  font-size: 10px;
  display: block;
  text-transform: uppercase;
}

/* In the event browser */

.eventBrowser .event span.date {
  padding: 4px 10px;
}
.eventBrowser .date span.day {
  font-size: 20px;
}
.eventBrowser .date span.month {
  font-size: 12px;
}

.eventBrowser .event span.title {
  background: #fff;
  line-height: 140%;
  text-decoration: none;
}




.back { /* Used for back-to-page links for blg, nws, evt */
  clear: both;
  padding-top:2.0em;
}
.go { /* Link to post or extended article */
  text-align: right;
}
hr.divider {
  clear: both;
  margin: 10px 0 10px 0;
  border-top: 1px dashed #ccc;
}
div.specialDivider {
  clear: both;
  width: 100%;
  border: none;
  height: 0px !important;
  padding-top: 40px;
}
div.break {
	clear: both;
  width: 100%;
  padding: 0;
	height: 20px;
}
hr.noBorder {
  width:100%;
  clear:both;
  margin:0 0 30px 0;
	padding:0px;
	border-bottom:0px solid #fbfbfb;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}


/*  >> Comments <<   */

#comments {
/*  margin-top: 60px;*/
}
#leaveComment {
  clear: both;
  padding-top: 50px;
}

p.commentInfo { /* Shows if comments are on or off, and how many */
  margin-top: 2.0em;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
}

div.cmt {
  clear: both;
  overflow: hidden;
  padding-bottom: 3.0em;
  border-top: 1px solid #ddd;
  padding-top: 1.2em;
  color: #555;
  font-size: 85%;
}
.cmt p {
  line-height: 165%;
}
.cmt a.cmtPermalink {
  display: block;
  width: 100%;
  height: 23px;
  background: url(/static/images/cmt_sprite.png) center -1px no-repeat;
}
.cmt input {
	border: 1px solid #aaa;
	padding: 3px;
}
.cmt input.signinButton {
	border: none;
}
.cmt a.cmtPermalink:hover {
 background-position: center bottom;
}
.commenter p {
  line-height: 130%;
}
.commenter a {
	text-decoration: underline;
}
.commenterFields label {
	font-weight: bold;
	margin-bottom: 8px;
	display: block;
}
div.preview h4.commenter {
  margin-top: 0;
}

/* Comment Form */

#leaveComment {
  border-top: 1px solid #ddd;
  padding-top: 1.4em;
}
#leaveComment textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 140%;
  color: #333;
  font-size: 1.0em;
  border: 1px solid #009e8c;
  border: 1px solid #999;
  width: 100%;
}
div.actions {
  clear: both;
  margin-top: 5px;
  text-align: right;
}
input.cmtButton {
  vertical-align: middle;
	border: none;
}

/* Comment preview */

div.preview {
  overflow: hidden;
  background-color: #FFFEC5;
  padding: 1.0em 0 0 0;
  margin: 0 0 2.0em 0;
}
.hidePreview {
  display: block;
  text-align: center;
}

/*------------------------------------------------------------------------------
>>>> Member signups
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.memberFlash, .errorExplanation {
  border: 1px solid #ddd;
  background: #eee8d9;
  font-weight: bold;
  padding: 16px;
  margin-bottom: 25px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
.memberFlash a {
  color: #e8600f;
}
.errorExplanation h2 {
  margin: 0 0 8px 0;
  font-size: 16px;
  color: red;
  display: none;
  font-weight: bold;
}
.errorExplanation p {
  background: #eee8d9;
  color: red;
/*  font-weight: normal;*/
}
.errorExplanation ul {
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0;
}

img.emailIcon {
  vertical-align: top;
/*  display: block;
  float: left;
  height: 18px;
  width: 28px;*/
}
.changePassword a {
  font-weight: normal;
}

form.miniSubscribe {
/*  background: url(/static/images/icon_email.png) center left no-repeat;  */
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  margin-right: 15px;
}
form.miniSubscribe fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 0;
  background: red;
}
form.miniSubscribe label {
/*  font-weight: bold;*/
}
.miniSubscribe input.text {
  background: transparent;
  border: none;
  color: #009e8c;
  margin-right: 8px;
  border-bottom: 1px dashed #bbb;
}
form.miniSubscribe input.subscribe {
  vertical-align: top;
}

select#member_date_of_birth_3i {
  width: 5em;
  margin-right: 0.5em;
}
select#member_date_of_birth_2i {
  width: 9em;
  margin-right: 0.5em;
}
select#member_date_of_birth_1i {
  width: 7em;
}

/*------------------------------------------------------------------------------
>>>> Member stuff
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.signinMarker {
  display: block;
  width: 46px;
  height: 23px;
  background: url(/static/images/sprite_login.png) center -1px no-repeat;
}
a.signinMarker:hover {
 background-position: center bottom;
}
input.signinButton {
  vertical-align: middle;
  margin-left: 15px;
	border: none;
}
label.remember {
  display: inline;
}


/*-----------------------------------------------------
                     >> Images <<


Size2:  100px
Size4:  220px
Size8:  460px
Banner: 760 x 260px

Images on their own are given an img.class. Images
with captions are contained in a div with the class
.captioned, and also .[size]Captioned.

-----------------------------------------------------*/

.captioned {
  margin-top: 0.2em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border: 0;
}
.captioned blockquote p {
/*  font-family: "Helvetica Neue";*/
  font-size: 0.8em;
  color: #555;
  font-style: normal;
  line-height: 140%;
}
img.size2, .size2Captioned {
  float: left;
  width: 100px;
  margin: 6px 18px 10px 0;
}
img.size4, .size4Captioned {
  float: left;
  width: 220px;
  margin: 0 18px 10px 0
}
img.size4_right, .size4_rightCaptioned {
  float: right;
  margin-left: 15px;
  width: 220px;
}
img.size8, .size8Captioned {
  width: 458x;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  background:#fff;
}
.size8Captioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.size2Captioned img,
.size4Captioned img,
.size4_rightCaptioned img,
.size8Captioned img,
.bannerCaptioned {
  float: none;
  margin: 0;
}


/*------------------------------------------------------------------------------
>>>> Download display
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:40px 0 20px 0;
  padding:0;
  background:#fbfbfb;
  color: #e8600f;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#eee8d9;
}
a.download label {
  margin:15px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}

/*-----------------------------------------------------
          >> Table DBY <<
-----------------------------------------------------*/

table.dby th {
  padding-top: 3.0em;
}
table.dby h3 {
  margin-bottom: 5px;
}
table.dby td {
  padding: 8px 0;
}

/*------------------------------------------------------------------------------
>>>> Footer & Sitemap
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.about {
  clear: both;
  overflow: hidden;
  background: #eee8d9;
  font-size: 110%;
  padding: 20px 0 0 0;
}
.about a {
  color: #e8600f;
}
.about p {
  line-height: 140%;
}
div.logos {
  background: url(/static/images/logos_lit_vic.png) top left no-repeat;
  width: 230px;
  height: 156px;
}


div.footer {
  background: #ddd1b4;
  border-top: 1px solid #ddd;
  overflow: hidden;
  padding: 20px 0;
}

ul.sitemap  {
  font-size: 11px;
  margin-top: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  list-style-type:none;
  list-style-image:none;
}
ul.sitemap ul {
  padding:0;
  margin: 0;
  list-style-type:none;
  list-style-image:none;
}
ul.sitemap li {
  float:left;
  padding: 0 0 0.5em 0;
  font-weight:bold;
  list-style-type:none;
  list-style-image:none;
}
ul.sitemap li span {
  display: block;
  font-weight: normal;
  font-size: 14px;
}
ul.sitemap li span a {
  color: #000;
}
ul.sitemap li a {
  color: #333;
}
ul.sitemap li a:hover, ul.sitemap li span a:hover {
  color: #e8600f;
}
ul.sitemap ul {
  margin:8px 0 18px 0px;
}
ul.sitemap ul li {
  float:none;
  padding:0;
  margin: 0 0 3px 21px;
/*  width:100%;*/
  line-height: 120%;
  font-weight:normal;
  list-style-type:none;
  list-style-image: url(/static/images/bullet.png);
}
ul.sitemap ul li.special {
  list-style-image: none;
  margin-left: 0px;
  padding-left: 6px;
}

p.fineprint {
  background: #eee;
  font-size: 11px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #555;
  padding: 8px;
  margin-top: 50px;
/*  text-align: center;*/
}

div.fineprint {
  background: #41260e;
  padding-top: 8px;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin-top: 0;
  padding-bottom: 8px;
}
div.fineprint a {
  color: #fff;
  text-decoration: none;
}


/*------------------------------------------------------------------------------
>>>> Uniform overwrites (remove the .uniForm class from forms to disregard)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder { padding: 0; width: 100%; overflow: hidden;}
.uniForm .buttonHolder { padding-top: 10px; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label {
  width: 40%;
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload {
  width: 54%;
}

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 54%;  }

.uniForm .inlineLabels textarea{  width: 54%; font-family: Helvetica, Arial, sans-serif; height: auto;}

.uniForm .inlineLabels .formHint {
  margin-top: 0;
  margin-left: 42%;
  font-size: .9em;
  color: #777;
  position: static;
}
.uniForm .inlineLabels .multiField {
  width: 54%;
  margin: 0 0 .3em 0;
}

.uniForm label.blockLabel { font-size: 90%; }
.uniForm .inlineLabels .blockLabel {
  width: 45%;
  margin-right: 5%;
}
.uniForm .inlineLabels .expiry label.blockLabel { /* For credit card expiry date #shp */
  width: 46%;
}
.uniForm .inlineLabels .cc label.cardNumber { /* For credit card number #shp */
  width: 65%;
}
.uniForm .inlineLabels .cc label.cvv { /* For credit card expiry date #shp */
  width: 22%;
}
.uniForm .inlineLabels .address .textInput {
  width: 100%;
}
.uniForm .inlineLabels .address label {
  display: none;
}


.uniForm .ctrlHolder {
  padding: 6px 0;
  border-bottom: 1px solid #dfdfdf;
}
.uniForm .noBorder {
  border: 0;
}
.uniForm .inlineLabels p.formHint {
  font-size: 80%;
  padding-top: 0.8em;
  line-height: 130%;
}


ul.memberInterestsList {
  float: left;
  margin: 0;
}

ul.memberInterestsList li {
  margin: 0;
  padding: 0;
  list-style:none;
}

ul.memberInterestsList label {
  float: none !important;
  display: inline !important;
  width: auto !important;
}


ul.venueList li {
  float: left;
  overflow: hidden;
  font-size: 12px;
}

ul.venueList li a {
  font-weight: bold;
}

ul.venueList li img {
  float: left;
  margin-right: 16px;
  border: 1px solid #333;
}


/*
#player {
  text-align: center;
  background: #eee;
  width: 768px;
  height: 432px;
  display: block;
  z-index: 10;
}
*/

#player {
  text-align: center;
  background: #eee;
  width: 512px;
  height: 288px;
  padding: 72px 128px;
  display: block;
  z-index: 10;
}

#playButton {
  width: 94px;
  height: 71px;
  position: absolute;
  left: 337px;
  top: 181px;
  cursor: pointer;
  opacity: 0.8;
}

.smallVideo {
  width: 768px;
  height: 432px;
}

div.controlbar {
  background: url(/static/images/grey.png) repeat;
  height:47px;
  position:relative;
  width:768px;
  position:absolute;
  left: 0;
  bottom: 0;
  visibility: hidden;
  z-index: 100;
}
div.controlbar a.play, div.controlbar a.pause {
  background:transparent url(/static/images/playpause.png) no-repeat;
  cursor:pointer;
  display:block;
  height:37px;
  position:absolute;
  text-indent:-9999em;
  width:38px;
  margin: 5px;
  background-position: 0px -74px;
}
div.controlbar a.play {
  background-position: 0px -0px;
}
div.controlbar a.play:hover {
  background-position: 0px -37px;
}
div.controlbar a.pause:hover {
  background-position: 0px -111px;
}
div.controlbar div.track {
    background-color: #FFF;
    cursor:pointer;
    height:2px;
    left:53px;
    position:absolute;
    width:610px;
    top:23px;
}
div.controlbar a {
  color: #000;
  cursor: pointer;
}
div.controlbar a.playhead {
  display: block;
  background: url(/static/images/playhead_hover.png) no-repeat 0 0;
  text-decoration: none;
  cursor:pointer;
  height:22px;
  position:absolute;
  width:22px;
  top: -11px;
  left: -11px;
}

div.controlbar a.playhead:hover {
  background-position: 0 -22px;
  cursor: pointer;
}

div.controlbar div.progress, div.controlbar div.buffer {
background-color:#fecbad;
height:2px;
position:absolute;
width:5px;
}
div.controlbar div.buffer {
}
a.playhead div.time {
  display: none;
  position: absolute;
  left: -7px;
  top: -23px;
  font-family: "Arial";
  font-size: 11px;
}

a.playhead div.time span {
  background: #FFF;
  padding: 1px 5px;
  display: block;
}

#player a:hover {
  text-decoration: none;
}

#player a {
    text-decoration: none;
}

div.controlbar a.playhead:hover div.time {
  display: block;
}

a.playhead div.time strong {
  display: block;
  text-indent: -9999999px;
  background: transparent url(/static/images/downArrow.png) no-repeat ;
  background-position: center;
  height: 6px;
}

div.controlbar div.cliplength {
  position: absolute;
  left: 670px;
  top: 18px;
  color: #fff;
  font-size: 11px;
  font-family: "Arial";
}
div.controlbar a.mute, div.controlbar a.unmute {
  background:transparent url(/static/images/volume.png) no-repeat scroll 0 0px;
  cursor:pointer;
  height:37px;
  margin: 5px;
  left:720px;
  position:absolute;
  text-align:center;
  text-indent:-9999em;
  width:40px;
}
div.controlbar a.mute:hover {
  background-position:0 -37px;
}
div.controlbar a.unmute {
  background-position:0 -74px;
}
div.controlbar a.unmute:hover {
  background-position:0 -111px;
}


/* TOOLS */

.tools {
	display: none;
  padding-top: 4px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 2.0em;
}

.tools a {
  color: #e8600f;
  font-size: 10px;
  font-weight: normal;
  display: block;
  float: right;
  margin-right: 10px;
  line-height: 25px;
}

.tools #clips {
  float: left;
}

.toolsOverlay {
	position: absolute;
/*	background: #444;	*/
	width: 40px;
	padding-right: 5px;
	padding-left: 5px;	
	z-index: 1;
	top: 10px;
	right: 5px;
}
.toolsOverlay a {
	display: block;
	color: #000;	
	float: right;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	padding-top: 32px;
	width: 50px;
}
.toolsOverlay a:hover {
	text-decoration: none;
}
a.lights {
  background-image: url(/static/images/sprites_tools.png);
 	background-position: -76px 5px;
	background-repeat: no-repeat;
	height: 20px;
	margin-bottom: 10px;	
}
a.embed {
  background-image: url(/static/images/sprites_tools.png);
 	background-position: -350px 0;
	height: 14px;
	background-repeat: no-repeat;
}
a.lowres {
	background-image: url(/static/images/sprites_tools.png);
 	background-position: -259px 0;
	height: 20px;
	background-repeat: no-repeat;
}
a.highres {
/*	display: none;*/
	background-image: url(/static/images/sprites_tools.png);
 	background-position: -167px 0;
	height: 20px;
	background-repeat: no-repeat;
}
a.on {
	display: none;
}
.relatedVideos {
	clear: both;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.relatedVideos .videoIntro {
	width: 245px;
	float: left;
	height: auto;
}
.relatedVideos .videoIntro .videoThumb {
	width: 120px;
	margin-right: 10px;
	float: left;
}
.relatedVideos .videoText {
	float: left;
	width: 100px;
}
.relatedVideos .videoText h5 {
	font-size: 12px;
}
.relatedVideos .videoText p {
	font-size: 11px;
}

.downloadPanel {
	clear: both;
	margin-top: 20px;
	padding: 10px;
	background: #eee;
	border-radius: 8px;
	-webkit-border-radius: 8px;	
	-moz-border-radius: 8px;	
	text-align: center;
	font-size: 12px;
}
.downloadPanel a {
	display: inline-block;
	padding: 0 15px;
}



#embedCode {
  position:absolute;
  top: 0;
  left: 0;
  width: 708px;
  height: 372px;
  background: #000;
  padding: 20px 30px 40px 30px;
  z-index: 200;
}
#embedCode p {
  color: #ccc;
  float: left;
}
#embedCode a.close {
  border: 1px solid #ccc;
  padding: 0px 5px 5px;
  color: #fff;
  font-size 110%;
  float: right;
}
#embedCode a.close:hover {
  text-decoration:none;
}
#embedCodeTextArea {
  width: 688px;
  margin: 0;
  height: 322px;
  color: white;
  background: #111;
  border:1px solid #222;
  padding: 10px;
  font-family: "Monaco", "Courier New", monospace;
  line-height: 160%;
  color: #FFFB8B;
  font-size: 11px;
}


#commentFlash {
  margin: 0 0 1em 60px;
  font-weight: bold;
  font-size: 130%;
}



.eventQueueStatus {
	margin-right: 8px;
	padding: 3px;
}

.submittedEvent, .submittedEvents {
	overflow: hidden;
/*	margin-bottom: 13px;*/
}
.submittedEvent {
	border-bottom: 1px solid #ddd;
	padding-top: 7px;
	padding-bottom: 7px;
}
.submittedEvents {
	margin-top: 20px;
	margin-bottom: 20px;
}
.submittedEvent p {
	margin-bottom: 0;
}

.evt_moderation {
  background: #D90;
}

.evt_approved {
  background: green;
	padding: 2px;
}

.evt_rejected {
  background: red;
}

/*-----------------------------------------------------
          >> AQ campaign <<
-----------------------------------------------------*/
.campaign_aq_banner {
  width: 940px;
  height: 180px;
  background: url(/static/images/campaigns/aq_banner.jpg) left top no-repeat;
}

.campaign_aq_link {
  display: block;
  height: 180px;
  width: 940px;
  background: url(/static/images/campaigns/aq_message_1_final.png) right top no-repeat;
}
.campaign_aq_link:hover {
  background: url(/static/images/campaigns/aq_message_2_final.png) right top no-repeat;  
}

/*-----------------------------------------------------
          >> New form styles <<
-----------------------------------------------------*/

form.subscribe {

}
.subscribe label {
  display: block;
  margin: 5px 0;
}
.subscribe input.submitButton {
  font-size: 15px;
  -moz-border-radius: 5px;	
	-webkit-border-radius: 5px;		
	border-radius: 5px;
	text-transform: uppercase;
  border: none;
  opacity: 0.8;
}
.subscribe input:hover.submitButton {
  opacity: 1.0;
}
.subscribe label span, .subscribe .label {
  font-family: Helvetica, Arial, sans-serif;
  display: inline-block;
  text-align: left;  
  font-size: 14px;
  padding-right: 10px;
  font-weight: 500;
  margin-bottom: 3px;
  text-transform: uppercase;
  vertical-align: middle;
}
.subscribe label span.sub, .subscribe .label {
  font-weight: 300;
}

.subscribe input[type='text'], 
.subscribe input[type='password'], 
.subscribe input[type='email'] {
	margin-bottom: 12px;
  border: 1px solid #ddd;
	background: #fff;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;		
	border-radius: 5px;	
	padding: 5px;
	font-size: 18px;
}
.subscribe input[type='text']:focus, 
.subscribe input[type='password']:focus, 
.subscribe input[type='email']:focus {
	border: 1px solid #aaa;
	outline: none;
}
.subscribe input.text {
  width: 260px;
}
.subscribe input[type='submit'] {
	letter-spacing: 0;
	line-height: 0 !important;
}
.subscribe textarea {
	border: 1px solid #ddd;
	background: #fff;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;		
	border-radius: 5px;	
	padding: 5px;
	font-size: 18px;
	font-weight: normal;
}
.subscribe select {
	font-size: 18px;
	font-weight: normal;
}
.subscribe input::-webkit-input-placeholder {
	color: #666;
}
.subscribe input:-moz-placeholder {
	color: #666;
}
.socialButtons {
  margin-top: 20px;
  line-height: 30px; 
  font-size: 12px;
}
.socialButtons img {
  margin-right: 5px;
}
.socialButtons a {
/*  text-decoration: underline;*/
  font-weight: normal;
  color: #555;
}