/**************************************/
/*              GLOBALS               */
/**************************************/

body { font-family: Arial, Verdana, Tahoma; background: #CCC; }

.mainContainer { width: 1140px; margin: auto; margin-top: -1.8em; }

.mainContainer .container {float: left; margin: 0; padding-top: 0; }

a[href^="http:"], a[href^="http:"]:visited  {background: none !important; padding: 0;}


/**************************************/
/*              HEADER                */
/**************************************/

.span-28, div.span-28 {width:1140px;}

#mainBanner 
{
	height: 87px; 
	margin: 0;
	background: url(../img/header.jpg) no-repeat; 
	background-position: left;
	overflow: hidden;
}

#logoLinks a[href^="http:"] {margin: 0; background: none; padding: 0;}

#logoLinks {float: left; overflow: hidden; margin: 0; height: 100%;}

#logoLinks li {margin-top: 20px; padding-right: 10px; display: inline; float: left; }

#logoLinks a, #logoLinks img {display: inline;}

#offshoreTvLogo {margin-right: 0px; margin-left: 20px; margin-top: 30px !important;}

#mainBannerImage { margin-top: 6px !important;}

#oilPriceHolder {float: right; margin-top: 10px; margin-right: 60px; color: White;}

#oilPriceHolder span {display: block; text-align: center; line-height: 1.1em;}

#oilPriceHolder #oilTop { font-size: 14px; font-weight: bolder;}
#oilPriceHolder #oilMiddle { font-size: 26px; }
#oilPriceHolder #oilBottom { font-size: 10px;}




#mainMenu
{
	height: 23px;
	background: Orange url(../img/menu_bg.gif) repeat-x;
	font-size: small;
	color: White;
	padding-top: 8px;
}


#menuSubmissionLinks {margin:-5px 10px 0 5px; height: 31px; display: inline; float: left;}

#menuSubmissionLinks a {margin: 0; background: none; padding: 0; color: White; text-decoration:none; font-weight:bolder;}

#menuLinks a[href^="http:"] {margin: 0; background: none; padding: 0;}

#menuLinks {margin:-11px 15px 0 10px; height: 31px; display: inline; float: right;}

#offshoreforumLogo {margin: 0;}

#mainMenu li {margin: 5px 0 0 18px; padding: 0; display: inline; height: 31px; float: left; }

#mainMenu #searchInput {float: right; text-align: right; padding: 0; margin-top: -9px; }

#SearchField { margin-top: 7px; float: left; font-size: 8pt; }

#searchInput img {float: right; }

.menuHover 
{
	background: #ffd687 url(../img/menu_active_bg.png) repeat-x; 
    font-weight: bold;
    color: Black;
    cursor: pointer;
}



/**************************************/
/*       VIDEO & DESCRIPTION          */
/**************************************/

.mediaArea {background: #EEEEEE;  }

.mainMedia {height:430px; background: #333; margin-bottom:5px;}

#playerHolder {width:700px; height:430px; color:#fff;}


#playerBg {display:inline; width: 100%; height: 100%;   z-index: -1; }

#playerBgImage {width:700px; height:420px; display: inline; padding: 5px; z-index: -1;}


a.player 	
{
	display: block;
	/*background: url(../img/splash.png) no-repeat;

	background-position: 0 5px; */
	width:700px; height:420px;
	text-align:center;
	
	text-decoration:none;
	cursor:pointer;

	padding: 5px;
	margin-top: -430px;
	z-index: 0;
}
 

a.player #playButton {
	margin-top:145px;
	border:0;	
}

.mediaInfo {min-height: 67px; overflow: auto; width: 100%; }

.mediaDescription {margin: 0; padding: 0 10px;}

.mediaDescription p {margin-bottom: 0.5em;}

.mediaDescription .title { font-weight: bold; font-size: large;}



#videoInfoHolder, #videoInfoHolder td {border: none; padding: 0; margin: 0;}

#videoInfoHolder tr .centerVideoInfo {text-align: center; }

#videoInfoHolder tr .linkHolder {text-align: right;}

.mediaDescription #videoTimestamp {font-style: italic; color: Gray; font-size: smaller; float: left;}

.mediaDescription #videoLink { }

.mediaDescription #videoLink input { font-size: 9pt;}

.mediaDescription #videoTags {width: 100%; text-align: center; }

.mediaDescription #videoLink input {width: 150px;}


.mediaLinking {margin: 0;}

.embeddedLinkUrl {width: 50px;}



/**************************************/
/*              PLAYLIST              */
/**************************************/

.playListHeader 	
{
	height: 23px;
	background: Black url(../img/menu_bg.png) repeat-x;
	font-size: small;
	padding-left: 2px;
	font-weight: bold;
	/*text-align: center;*/
	color: White;
	padding-top: 1px;
	margin: 0;
	clear: both;
}

.playList {background: #CCCCCC;}

.clipHolder { clear: both; width: 100%;  overflow-y: auto; overflow-x: hidden; margin-bottom: 0; }

.clipHolder .screenShot { margin-left: 8px; margin-top:7px; }

.clipHolder .videoPublished { display: inline; margin-left: 125px;}

.clipHolder .videoLength { display: inline;}


/**************************************/
/*            OTHER VIDEOS            */
/**************************************/

.otherVideos { min-height: 300px; padding: 0 5px;}

#searchResultTextHolder {height: 25px; text-align: center;	background: Orange url(../img/menu_bg.gif) repeat-x; color: White; font-weight: bolder; font-size: larger; padding-top: 5px;}

#searchResultTextHolder a, #searchResultTextHolder a:visited {color: #33F;;}

.otherVideos ul {margin:  0;  display: inline; }

.video {margin: 5px 5px; padding-bottom: 0px; width: 130px; height: 130px; display: inline; float: left; background-color: #CCC;}

.video.hover {background-color: #EEEEEE;}

.otherVideos li a {text-decoration: none; color: Black;}

.screenShotHolder {width: 130px; height: 73px; background: black; margin: 0; padding: 0; text-align: center;}

.screenShot, .video img {max-height: 73px; max-width: 130px;}

.otherVideos .otherVideoDescription {margin: 4px 4px; display: block; float: left; font-size: -0.8em;}

.otherVideos .videoPageHolder {float: left; width: 100%; text-align: center;}

.otherVideos .videoPageHolder table {margin:auto auto; border: none;}

.otherVideos .videoPageHolder table td {border: none;}

/**************************************/
/*               FOOTER               */
/**************************************/

.footer {background: #555; color: White; width: 100%; overflow: auto; clear: both; height: 30px;}

#footerText {margin: 10px;}

#footerLeft {float:left; clear: none; text-align: left;}

#footerRight {float: right; text-align: right;}




/**************************************/
/*           ADVERTISEMENTS           */
/**************************************/


.advertisementsLeft {float: left; width: 180px; margin-right: 10px;}

.advertisementBreak { height: 80px; border-top: solid 1px gray; border-bottom: solid 1px gray; background-color: #F8F8F8; }