@charset "UTF-8";
/* CSS Document */

#mmxWidget {
	background:black url('bg_header.jpg') top left no-repeat;
	width:100%;
	font:11px arial, helvetica, sans-serif;
}
#viewAll {
	text-align:right;
	height:15px;
	font-size:11px;
    background:black;
}

#mmxWidget a, .mmxWidget_article a {
	text-decoration:none;
	color:#1382b9;
}

#viewAll a {
  display:block;
  margin-right:5px;
  color:#86CAEF;
  font-weight:bold;
}

#mmxWidget #now-on-metromix .mmxWidget_article {
	width:85%;
	margin-right:7px;
}
#mmxWidgetBranding {
	padding-bottom:7px;
}
#mmxWidgetBranding #brandingWrap, #mmxWidgetSrch #srchWrap {
	width:97%;
	text-align:center;
	margin:auto auto;
}
#mmxWidgetBranding img {
	margin:0;
}
#mmxWidgetBranding #mmxWidgetLogo {
	float:left;
	width:140px;
	padding:4px 0 0px 4px;
}
#mmxWidgetBranding h2 {
	font-size:105%;
	float:right;
	padding:9px 4px 0 4px;
}
#mmxWidgetBranding h2 a {
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
}
/* search */
#mmxWidgetSrch #srchWrap {
	width:215px;
}
#mmxWidgetSrch #srchWrap form {
	width:203px;
	margin:auto auto;
	text-align:center;
}
#mmxWidgetSrch #srchWrap form input {
	width:155px;
	padding-top:3px;
	height:14px;
}
#mmxWidgetSrch #srchWrap form button {
	float:right;
	width:38px;
}
#mmxWidgetSrch #srchWrap form .search-input {
	float:left;
}
#mmxWidgetSrch label {
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 0 2px;
	padding:0;
	display:block;
	line-height:20px; /* aligns the search text to vertical center of search box*/
}
#mmxWidgetSrch .search-input input {
	height: 15px;
	line-height:14px;
	text-align:center;
	color:#333;
}
#mmxWidgetSrch button {
	margin-left:3px;
	width:38px;
}
#mmxWidgetSrch label {
	margin-right:.5em;
}
/* rounded box calendar area*/
 /* set the image to use and establish the lower-right position */
 /*calendar bg */
.contentBox,  .contentBox_body, .contentBox_head, .contentBox_head #calenderWrap {
	background: transparent url('bg_mainCal.jpg') no-repeat bottom right;
}

.contentBox {
	/*width: 100% !important; /* intended total box width - padding-right(next) */
	margin:auto auto;
	text-align:center;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
} /* set the top-right image */
.contentBox_head {
	background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 15px; /* right-image-gap + right-inside padding */
} /* set the top-left image */
.contentBox_head #calenderWrap {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 0px 0 0px 15px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	padding-top:10px;
	height: 1%; /* IE Holly Hack */
} /* set the lower-left corner image */
.contentBox_body {
	background-position: bottom left;
	/* margin-right: 25px; interior-padding right */
	padding: 0px 0 15px 15px;
}/* mirror .contentBox_head right/left */
/*widget content*/
#mmxWidgetContent {
	padding-bottom:15px;
	text-align:left;
	margin-left:10px;
	color:#333;
	overflow:hidden;
}
#mmxWidgetContent ul {
	list-style:none;
	margin:0;
	padding:0;
}
#mmxWidgetContent ul li {
	margin-bottom:6px;
}
#mmxWidgetContent ul li a, .mmxWidget_article a {
	font-weight:bold;
}
.mmxWidget_article img {
	width:60px;
	height:60px;
	padding:0 6px 0 0;
	margin:0;
}
.mmxWidget_article {
	border-bottom:1px solid #ccc;
	padding:7px;
}
/* calendar date1s, days boxes styles */
#mmxWidgetCal_wrap {
	text-align:center;
	margin:auto auto;
	width:240px;
	font-size:15px;
}
.module-weekly-calendar {
	height:33px;
	width:240px;
	margin-left:-5px;
	_margin-left:0px;
}
.module-weekly-calendar {
	height:10px;
}
.module-weekly-calendar .calendar {
	height:33px;
	margin:auto;
	text-align:center;
	color:#1382b9;
}
#widgetCtrl_bck, #widgetCtrl_fwd {
	background-color:#333;
	height:33px;
	float:left;
	padding:0 2px 0 2px;
	font-size:14px;
}
.mixpick-date11.selected dd.day a, .mixpick-date111.selected dd.date111 a, dd.date11, dd.day {
	display:block;
	width:100%;
}
dd.date11 {
	font-weight:bold;
	padding:0 0 2px 0;
}
#widgetCtrl_fwd a, #widgetCtrl_bck a {
	color:#fff;
	margin-top:5px;
	display:block;
}
dd.day {
	margin:0;
	padding:2px 0 0 0;
	text-align:center;
	font-size:9px;
	line-height: 12px;
}
dd.day, dd.date11 {
	background-color:#ffd786;
}

dd.arrow {
	padding:0;
	margin-top:-6px;
}
.mixpick-date11 {
	float:left;
}
.mixpick-date11 {
	margin:0 1px 0 0;
	padding:0;
	height:33px;
	width:1.9em;
	overflow:hidden;
}
/* selected styles*/

 .mixpick-date11.selected {
	margin:0 1px 0 0;
	padding:0 0 2px 0;
	height:45px;
	width:2em;
	float:left;
	background-color:none;
}
.mixpick-date11.selected dd.day, .mixpick-date11.selected dd.date11 {
	background-color:#1382B9;
}
#mmxWidget .mixpick-date11.selected dd.day a, #mmxWidget .mixpick-date11.selected dd.date11 a {
	display:block;
	width:100%;
	color:#fff;
}

/* wrap to make sure that image area is clickable */
#wrap3 {
  float: right;
  width: 15px;
  height: 130px;
  background: transparent url('trkBtm.gif') no-repeat bottom left;
}

/* top image of track */
#track3-top {
  position: relative;
  width: 15px;
  height: 15px;
  background: transparent url('trkTop.gif') no-repeat top left;
}

/* vertical track */
#track3 {
  position: relative;
  width: 15px;
  height: 130px;
  margin-left:-3px;
}

/* vertical track handle */
#handle3 {
  width: 15px;
  height: 37px;
}

#search-form input.mini-textfield {
 width:85px;
 margin-top:5px;
 float:left;
 font-size:10px;
}