/** video gallery **/
DIV.video-gallery { float:left; width:778px; padding:0px; }
DIV.video-gallery DIV.rightMiddleInnerContainer{ float:left; width:767px; padding:0 0 0 10px; }

DIV.video-gallery DIV.breadcrumbContainer {padding:9px 0px 3px 10px;}
DIV#rightMiddleContainer.video-gallery DIV.action-bar { float:left;  width:757px; margin:7px 0px 5px 15px; background: transparent url('../img/bg-actionbar.jpg') repeat-x scroll left bottom;}
DIV#rightMiddleContainer.video-gallery DIV.action-bar UL {float:left; width:604px; padding:5px 0px 5px 5px; margin:0px; list-style:none;}
DIV.video-gallery DIV.title { float:left; width:757px; padding:0px 0px 0px 15px;}
DIV.video-gallery DIV.title H1 { padding:5px 0 11px 8px; font-size:2.2em;}
DIV.video-gallery DIV.media-container { float:left; width:757px;margin:0px 0px 20px 20px; background:#e3e6e7;}

DIV.media-player { float:left; width:474px; background:#e3e6e7;}
DIV.media-player IMG { float:left;  padding:0px; margin:0px; border:none;}

DIV.video-gallery DIV.media-intro { float:left; width:257px; padding:0px 0px 0px 16px;}
DIV.video-gallery DIV.media-intro DIV.title { float:left; width:257px; padding:0px 0px 0px 0px;}
DIV.video-gallery DIV.media-intro DIV.title H2 { padding:0.6em 0 0.3em; font-size:1.8em; color:#000000;}
DIV.video-gallery DIV.media-intro DIV.article { float:left; width:257px; }

DIV.video-gallery DIV.media-list {float:left; width:767px; background: transparent url('../img/bg-medialist.png') no-repeat scroll left top;}
DIV.video-gallery DIV.media-list DIV.list-tab { float:left; width:767px;}
DIV.video-gallery DIV.media-list DIV.list-tab UL {float:left; width:753px; font-size:1.4em; padding:11px 0px 11px 8px; }
DIV.video-gallery DIV.media-list DIV.list-tab UL LI {float:left; padding:0px 25px 0px 0px; margin:0px 0px 0px 0px;color:#070028; font-size:1em; background:transparent url('../img/bg-tab-grey-r.png') no-repeat scroll right top;}
DIV.video-gallery DIV.media-list DIV.list-tab UL LI SPAN {float:left;  font-size:1em; padding:10px 0px 10px 25px;color:#070028; margin:0px;font-weight:bold; background:transparent url('../img/bg-tab-grey.png') no-repeat scroll left top;}
DIV.video-gallery DIV.media-list DIV.list-tab UL LI SPAN A { color:#070028;text-decoration:none;}

DIV.video-gallery DIV.media-list DIV.list-tab UL LI.active { background:transparent url('../img/bg-tab-green-r.png') no-repeat scroll right top;}
DIV.video-gallery DIV.media-list DIV.list-tab UL LI.active SPAN { background:transparent url('../img/bg-tab-green.png') no-repeat scroll left top;}
DIV.video-gallery DIV.media-list DIV.list-tab UL LI.active SPAN A { color:#ffffff; }

DIV.video-gallery DIV.media-list DIV.media-album { float:left; width:767px; padding:0px 0px 0px 0px; }
DIV.video-gallery DIV.media-list DIV.media-album DIV.pager {float:left; width:767px;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row{ float:left; width:767px;padding:0px 0px 7px 0px;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item{ float:left; width:186px; height:150px; margin:0px 7px 0px 0px; overflow:hidden; background:transparent url('../img/bg-media-thumb.png') no-repeat scroll left top;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item A {float:left;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.last { margin:0px;}

DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item DIV.img {float:left; width:180px; height:90px; padding:3px;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item DIV.img IMG{ float:left; padding:0px; margin:0px; border:none;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item DIV.caption {float:left;width:180px; padding:0px 3px; height:50px; overflow:hidden; font-size:12px; color:#333333;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item DIV.caption h6 { padding:0px 6px; font-size:12px; color:#000000;}
DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item DIV.caption P { padding:0px 6px; font-size:12px; color:#333333;}

DIV.video-gallery DIV.media-list DIV.media-album DIV.row DIV.item DIV.description { display:none;}

/**video gallery
DIV.homepage DIV.video-gallery { float:left; width:223px; background:#ffffff url('../img/bg-shade-long.jpg') repeat-x scroll left top;}
DIV.homepage DIV.video-gallery DIV.title { float:left; width:223px;}
DIV.homepage DIV.video-gallery H3 { padding:12px 20px 5px 20px; font-size:14px; height:17px; }
DIV.homepage DIV.video-gallery DIV.media-box {float:left; width:195px;border:4px solid #e7e6ea; margin:10px 9px 5px 10px;}
DIV.homepage DIV.video-gallery DIV.media-box IMG {float:left;}
DIV.homepage DIV.video-gallery DIV.moreInfo {float:left; width:223px; text-align:right;}
DIV.homepage DIV.video-gallery DIV.moreInfo A.info{padding:0px; font-size:10px; text-transform:capitalize; padding:0 14px 0 0; background-image:none; font-weight:normal;}
**/

/*Date picker stylings*/
TABLE.jCalendar {border: 1px solid #000;background: #aaa;border-collapse: separate;border-spacing: 2px;}
TABLE.jCalendar TH {background: #333;color: #fff;font-weight: bold;	padding: 3px 5px;}
TABLE.jCalendar TD {background: #ccc;color: #000;padding: 3px 5px;text-align: center;}
TABLE.jCalendar TD.other-month {	background: #ddd;color: #aaa;}
TABLE.jCalendar TD.today {background: #666;color: #fff;}
TABLE.jCalendar TD.selected {background: #f66;color: #fff;}
TABLE.jCalendar TD.selected:hover {background: #f33;	color: #fff;}
TABLE.jCalendar TD:hover, TABLE.jCalendar TD.dp-hover {	background: #fff;color: #000;}
TABLE.jCalendar TD.disabled, TABLE.jCalendar TD.disabled:hover {background: #bbb;color: #888;}
TABLE.jCalendar TD.weekend-custom, TABLE.jCalendar TD.weekend-custom:hover {background: #777;color: #555;}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
DIV.dp-popup {position: relative;background: #ccc;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
DIV#dp-popup {position: absolute;z-index: 199;}
DIV.dp-popup H2 {	font-size: 12px;text-align: center;	margin: 2px 0;padding: 0;}
A#dp-close {	font-size: 11px;padding: 4px 0;	text-align: center;	display: block;}
A#dp-close:hover {text-decoration: underline;}
DIV.dp-popup A {color: #000;text-decoration: none;padding: 3px 2px 0;}
DIV.dp-popup DIV.dp-nav-prev {position: absolute;	top: 2px;left: 4px;	width: 100px;}
DIV.dp-popup DIV.dp-nav-prev A {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
DIV.dp-popup DIV.dp-nav-prev A, DIV.dp-popup DIV.dp-nav-next A{cursor: pointer;}
DIV.dp-popup DIV.dp-nav-prev A.disabled, DIV.dp-popup DIV.dp-nav-next A.disabled {cursor: default;}
DIV.dp-popup DIV.dp-nav-next {position: absolute;	top: 2px;right: 4px;width: 100px;}
DIV.dp-popup DIV.dp-nav-next A {float: right;}
DIV.dp-popup A.disabled {cursor: default;color: #aaa;}
DIV.dp-popup TD {cursor: pointer;}
DIV.dp-popup TD.disabled {cursor: default;}
INPUT.dp-applied{float: left;}
A.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 0px 3px 0;	display: block;	text-indent: -2000px;overflow: hidden;background: url(../img/calendar.gif) no-repeat; }
A.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}