/**************** START OF WIDGET BOXES ****************/



.poll-plugged-container{}

.advert-rotaor-container{}

/* Colors */

.color-yellow {
	background:#F2BC00;
}

.color-red    {
	background:#DD0000;
}

.color-blue   {
	background:#4477BB;
}

.color-white  {
	background:#FFFFFF;
}

.color-purple {
	background:#3D3894;
}

.color-green  {
	background:#92D400;
}

.color-yellow h3, .color-white h3, .color-green h3 {
	color:#000;
}

.color-red h3, .color-blue h3, .color-purple h3 {
	color:#FFF;
}

/* End Colors */

/* Head section */

#head {
    background: #000 url(img/head-bg.png) repeat-x;
    height: 100px;
}

#head h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
    background: url(img/inettuts.png) no-repeat center;
    text-indent: -9999em
}

/* End Head Section */

/***** START OF WIDGET-FEATURED NEWS *****/

.widget {
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.widget-head {
    color: #FFF;
    overflow: hidden;
    width: 607px;
    height: 30px;
    line-height: 30px;
	font-weight: bold;
}

.widget .widget-head h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

.widget-content {
    background: #333 url(http://www.staffsunion.com/stylesheet/2010/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;   width: 607px;
    overflow: hidden;
}

.widget-content p {
    padding: 0.8em 0;
    border-bottom: 0px solid #666;
}

.widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}

/***** END OF WIDGET-FEATURED NEWS *****/

/***** START OF WIDGET-POLL *****/

.widget-poll {
	margin-top: 0px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width: 300px;
	float:left;
}

.widget-head-poll {
    color: #FFF;
    overflow: hidden;
    width: 300px;

	font-weight: bold;
}

.widget-poll .widget-head-poll h1 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
text-shadow: 1px 1px 1px #2222222;
filter: dropshadow(color=#2222222, offx=1, offy=1); 
}

.widget-content-poll {
    background: #FFFFFF;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	width: 298px;
    overflow: hidden;
	float:left;
}

.widget-content-minical {
    background: #FFFFFF;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	width: 298px;

	float:left;
}

.widget-content-poll p {
    padding: 0px 0;
    border-bottom: 0px solid #666;
}


/* WIDGET VENUE */

.widget-venue {
	margin-top: 0px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width: 264px;
	float:left;
}

.widget-head-venue {
    color: #FFF;
    overflow: hidden;
    width: 264px;

	font-weight: bold;
}

.widget-venue .widget-head-venue h1 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
text-shadow: 1px 1px 1px #2222222;
filter: dropshadow(color=#2222222, offx=1, offy=1); 
}





.widget-content-venue {
    background: #FFFFFF;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	width: 264px;
    overflow: hidden;
	float:left;
}

.widget-content-venue p {
    padding: 0px 0;
    border-bottom: 0px solid #666;
}


/*widget event*/

.widget-event {
	margin-top: 0px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width: 302px;
	float:left;
}

.widget-head-event {
    color: #FFF;
    overflow: hidden;
    width: 300px;

	font-weight: bold;
}

.widget-event .widget-head-event h1 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
text-shadow: 1px 1px 1px #2222222;
filter: dropshadow(color=#2222222, offx=1, offy=1); 
}

.widget-content-event {
    background: #FFFFFF;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	width: 298px;
    overflow: hidden;
	float:left;
height:433px;
overflow-y:scroll;
}

.widget-content-event p {
    padding: 0px 0;
    border-bottom: 0px solid #666;
}


/*widget cal*/

.widget-cal {
	margin-top: 0px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width: 915px;
	float:left;
}

.widget-head-cal {
    color: #FFF;
    overflow: hidden;
    width: 915px;
	font-weight: bold;
}

.widget-cal .widget-head-cal h1 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
text-shadow: 1px 1px 1px #2222222;
filter: dropshadow(color=#2222222, offx=1, offy=1); 
}




.widget-content-cal {
    background: #FFFFFF;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
	width: 915px;

	float:left;

}

.widget-content-cal p {
    padding: 0px 0;
    border-bottom: 0px solid #666;
}






.widget-poll .widget-head-accord h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

/***** END OF WIDGET-POLL *****/

/***** START OF WIDGET-PLUGGED *****/

.widget-plugged {
	margin-top: 14px;
	padding: 2px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width: 300px;
	float: left;
	margin-left:10px;
}

.widget-content-plugged p {
    padding: 10px 0;
    border-bottom: 0px solid #666;
}

.widget-head-plugged {
    color: #FFF;
    overflow: hidden;
    width: 300px;

    line-height: 30px;
	font-weight: bold;
	float: left;
}

.widget-plugged .widget-head-plugged h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

.widget-content-plugged {
    background: #FFFFFF url(http://www.staffsunion.com/stylesheet/2010/widget-content-bg-invert.png) repeat-x;
    padding: 0 10px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    width: 280px;
	float: left;
    overflow: hidden;
}

.widget-content-plugged p {
    padding: 10px 0;
    border-bottom: 0px solid #666;
}

/***** END OF WIDGET-PLUGGED *****/

/***** START OF WIDGET-ACCORDION *****/

.widget-accord{
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width: 320px;
}

.widget-content-accord p {
    padding: 10px 0;
    border-bottom: 0px solid #666;
}

.widget-head-accord {
    color: #FFF;
    overflow: hidden;
    width: 320px;

    line-height: 30px;
	font-weight: bold;
}

.widget-content-accord {
    background: #FFFFFF url(http://www.staffsunion.com/stylesheet/2010/widget-content-bg-invert.png) repeat-x;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;   
    overflow: hidden;
}

.widget-content-accord p {
    padding: 10px 0;
    border-bottom: 0px solid #666;
}
.widget-accord .widget-head-accord h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

/***** END OF WIDGET-ACCORDION *****/

/***** START OF WIDGET-ADVERT *****/

.widget-advert{
	margin-bottom: 5px;
	padding: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width:468px;
	float:left;
}

.widget-content-advertp {
    padding: 10px 0;
    border-bottom: 0px solid #666;
	min-width:467px;
}

.widget-head-advert{
    color: #FFF;
    overflow: hidden;
    width: 320px;

    line-height: 30px;
	font-weight: bold;
	width:468px;
	float:left;
}

.widget-advert.widget-head-advert h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

.widget-content-advert{
    background: #FFFFFF url(http://www.staffsunion.com/stylesheet/2010/widget-content-bg.png) repeat-x;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;   
	width:468px;
	float:left;
    overflow: hidden;
}

.widget-content-advert p {
    padding: 10px 0;
    border-bottom: 0px solid #666;
}

.widget-accord .widget-head-advert h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

/***** END OF WIDGET-ADVERT *****/

/***** START OF WIDGET-ROTATOR *****/

.widget-rotator{
	margin-bottom: 5px;
	padding: 2px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	width:125px;
	float:right;
}

.widget-content-rotator {
    padding: 10px 0;
    border-bottom: 0px solid #666;
	width:100px;
	float:right;
}

.widget-head-rotator {
    color: #FFF;
    overflow: hidden;
    width: 320px;

    line-height: 30px;
	font-weight: bold;
	width:125px;
	float:right;
}

.widget-rotator.widget-head-rotator h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}

.widget-content-rotator {
    background: #FFFFFF url(http://www.staffsunion.com/stylesheet/2010/widget-content-bg.png) repeat-x;
    padding: 0 0px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;   
	width:125px;
	float:right;
    overflow: hidden;
}

.widget-content-rotator p {
    padding: 10px 0;
    border-bottom: 0px solid #666;
}

.widget-rotator .widget-head-rotator h3 {
    padding: 0 5px;
    float: left;
	color: #FFF;
	font-weight: bold;
}




/***** END OF WIDGET-ROTATOR *****/

/**************** END OF WIDGET BOXES ****************/

/* GENERAL */
body {
background:url('http://www.staffsunion.com/stylesheet/2010/entsbg.png') #000 top center repeat-y;
}

.killfloat {
clear:both;
}

#footerContainer {
background:#EEE !important;
margin:0 auto;
}

/* ENTS LEFT */
#entsLeft dl {
margin:0px;
background:#111;
border-bottom:1px solid #FFF;
border-left:0px solid #FFF;
border-right:0px solid #FFF;
}

#entsLeft {
float:left;
width:310px;
margin-left:40px;
margin-top:20px;
}

#entsLeft h1 {

}

#entsLeft .msl_event_time, #entsLeft .msl_event_location, #entsLeft .msl_event_description {
color:#FFF;
padding-left:10px;
padding-bottom:10px;
padding-top:0;
margin-left:0;
}

#ctl00_featuredevents_rptGroups_ctl00_rptEvents_ctl00_lnkEvent {
font-size:18px;
color:#92d400;
display:block;
padding:5px 5px 0 10px;
}

/* ENTS MIDDLE */


#entsMiddle {
float:left;
width:300px;
margin-left:20px;
margin-top:20px;


overflow-x:hidden;
border-bottom:1px solid #FFF;
}

#entsMiddle h1{

}




.entsMiddle .msl_eventlist h4{
	clear:left;
	background: #4477bb!important;
	color: #FFF!important;
	font-size:20px;
	padding: 3px;
	width:100%;
}

.entsMiddle .msl_eventlist dl{
	color: #000!important;
	float:left;
	width:271px;
	border-top:1px solid #EEE;
	padding: 5px;
margin:0px;
}

.entsMiddle .msl_eventlist dl img { 
	float:left; 
	margin-right: 10px;
}

.entsMiddle .msl_eventlist dl .msl_event_time, .entsleft .msl_eventlist dl .msl_event_location { 
	font-size:10px; 
}

.entsMiddle .msl_eventlist dl .msl_event_types {
	display:none; 
	float:right; 
	font-size:10px; 
	margin-top:3px; 
	margin-left:0px; 
}

.entsMiddle .msl_eventlist dl a.msl_ticket {
	float:left; 
	margin:5px; 
	padding:0px 5px; 
	border:1px solid #92D400;  
	background:#FFF; 
	width:100px; 
	text-align:center;
}

.entsMiddle .msl_eventlist dl a.msl_ticket:hover  { 
	background: #92D400; 
	color:#FFF;
} 



/* ENTS RIGHT */
#entsRight {
width:300px;
float:right;
margin-top:20px;
}

#entsRight h1 {

}

/* VENUE LINKS */
a.lounge {
display:block;
width:130px;
height:130px;
text-decoration:none;
background:url('http://www.staffsunion.com/stylesheet/2010/venueButtonLounge.png');
float:left;
border:1px solid #FFF;
}

a.lrv {
display:block;
width:130px;
height:130px;
text-decoration:none;
background:url('http://www.staffsunion.com/stylesheet/2010/venueButtonLRV.png');
float:left;
border:1px solid #FFF;
}

a.ember {
display:block;
width:130px;
height:130px;
text-decoration:none;
background:url('http://www.staffsunion.com/stylesheet/2010/venueButtonEmber.png');
float:left;
border:1px solid #FFF;
}

a.orange {
display:block;
width:130px;
height:130px;
text-decoration:none;
background:url('http://www.staffsunion.com/stylesheet/2010/venueButtonOrange.png');
float:left;
border:1px solid #FFF;
}

a.verve {
display:block;
width:130px;
height:130px;
text-decoration:none;
background:url('http://www.staffsunion.com/stylesheet/2010/venueButtonVerve.png');
float:left;
border:1px solid #FFF;
}

a.su {
display:block;
width:130px;
height:130px;
text-decoration:none;
background:url('http://www.staffsunion.com/stylesheet/2010/venueButtonSU.png');
float:left;
border:1px solid #FFF;
}

a.lounge:hover,a.lrv:hover,a.ember:hover,a.orange:hover,a.verve:hover,a.su:hover {
background-position:-130px 0;
}

/* ENTS CAL + MSL CAL OVERRIDES */
#entsCal {
width:915px;
margin-top:0px;
margin-left:40px;
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-weight:bold;
font-size:14px;
}

#entsCal tr{
border:0px!important;
}

.msl_event_calendar_title a {
color:#FFF!important;
background:#3D3894;
font-weight:700;
padding:8px;
font-size:12px;
}

.msl-cal-hoverbox {
    width: 42em!important;
background:#EEE !important;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #ccc!important;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;

}

.msl-caleventitem {
background:#CCC !important;
color:#000;
border:1px solid #EEE;
}

.msl-eventcal-default .msl_event_calendar_title td {
background-color:#222;
border:medium none;
color:#FFF;
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
}

element.style {
color:#FFF;
}

.msl-eventcal-default .msl-cal-hoverbox a {
color:#3D3894;
    width: 13em;
    padding: 10px 0 10px 10px;
float:left;

height:100px;
}

.msl-eventcal-default .msl-cal-hoverbox a:hover {
color:#27b;
text-decoration:none;
}

.msl-eventcal-default .msl-cal-hoverbox dt {
color:#FFF;
font-weight:700;
padding-right:5px;
}

.msl-eventcal-default .msl-caleventitem:hover dt {
color:#000;
font-weight:700;
}

.msl-eventcal-default td.month:hover {
background-color:#3D3894!important;
color:#000 !important;
}




.msl-eventcal-default td.msl_event_calendar_selected_day:hover .msl-cal-wrapper {
background:none repeat scroll 0 0 white !important;
color:#3D3894;

}

td.msl_event_calendar_selected_day{

}

.msl-eventcal-default td.msl_event_calendar_selected_day:hover {
background-color:#3D3894!important;
}



.msl-eventcal-default .msl-cal-hoverbox a dd {
padding-left:30px;
font-size:14px;
}

.msl-eventcal-default td:hover .msl-cal-hoverbox {
    left: 0;
    top: 1em;
font-family:verdana,arial,sans-serif!important;
    width: 41.8em!important;
}

#ctl00_eventcalendar_cal {
width:100%;
color:#FFF;
background:#222;
}

#footer,.msl-cal-wrapper:hover {
background:#EEE !important;
}

.msl-caleventitem:hover{
background:#3D3894!important;
}

.msl-eventcal-default td.msl_event_calendar_selected_day,td.msl_event_calendar_selected_day:hover {
background-color:#FFF !important;
}

.msl-eventcal-default {
    border:0px!important;
}

.msl-eventcal-default th {
    border: 0px solid #FFF;
    height: 30px;
    text-align: center;
	background:#3D3894!important;
}