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

#content {
	position: relative;
	left: 0px;
	top: 0px;
	width: 980px;
	z-index: 5;
	clear: both;
	overflow: visible;
}
#canvas {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 960px;
	z-index: 2;
	background-color:#FFFFFF;
	clear: both;
	overflow: visible;
	height: inherit;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/footer_shapes.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
#stage {
	position: relative;
	width: 980px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	clear: both;
}
#nav {
	width: 960px;
	height: 50px;
	text-align: left;
	z-index: 7;
	position: relative;
}
#header {
	width: 980px;
	height: 90px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
}
#footer {
	width: 960px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	font-size: 10px;
}
#footer a {
	color: #00aeef;
	font-size: 10px;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}
#footer a:hover {
	color: #00aeef;
	font-size: 10px;
	text-decoration: underline;
}
body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_tile.gif);
}


#pageBanner {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	/* display: none; */
}
#pageMidBanner {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	/* display: none; */
}
#pageContent {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
}
#pageRHS {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
}
#pageLHS {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
}

#pageMid {
	padding: 0px;
	margin-bottom: 3px;
}

#pageMidContent {
}

#pageMidContent a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00aeef;
}

#pageMidContent a:hover {
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00aeef;
}

h1.twoCol {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/h1_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform:uppercase;
	
	width: 680px;
	margin: 0px;
	margin-left: 20px;
	padding: 10px;
}

#pageMidContent h1 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/h1_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform:uppercase;
	
	width: 530px;
	margin: 0px;
	padding: 10px;
}

#pageMidContent h2 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	
	line-height: 24px;
	
	text-transform:uppercase;
	
	margin: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	
	display: inline;
}

#pageMidContent h3 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/h1_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform:uppercase;
	
	width: 510px;
	margin: 0px;
	padding: 10px;
}

#pageMidContent h4 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/h4_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform:uppercase;
	
	width: 200px;
	margin: 0px;
	padding: 10px;
}

#pageMidContent h5 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/h4_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform:uppercase;
	
	width: 280px;
	margin: 0px;
	padding: 10px;
}

#pageMidHeader {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	padding: 0px;
	overflow: hidden;
	clear: both;
}
#pageMidHeaderTitle {
	display: inline;
	float: left;
	width: 423px;
	height: 16px;
	overflow: hidden;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#pageMidHeaderTitle b {
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#pageMidHeaderTitle strong {
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#pageMidHeaderTitle a {
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#pageMidHeaderTitle a:hover {
	color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

#pageMidHeaderTitle body {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#pageMidHeaderShare {
	display: inline;
	float: right;
	z-index:100;
}

.contentArea {
	padding: 0px;
	margin-left: 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.contentArea ul {
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.contentArea li {
	padding-left: 4px;
}

.contentArea a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

.contentArea a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.contentImg {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.contentStoryImg {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-right: 10px;
}
.contentEventItem {
	float: left;
	display: inline;
	width: 300px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #f1fafd;
}
.contentFla {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	z-index:1;
}
.wrapTabLB {
	background-image: url(images/wrap_tab_lb.png);
	background-position: left;
	background-repeat: no-repeat;
	
	width: 10px;
	height: 8px;
	margin: 0px;
	padding: 0px;
}
.clearDiv {
	clear: both;
}

.rhsPanes {
	
}

.rhsPanes h1 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/h2_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	width: 210px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.midPanes {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 300px;
	overflow: hidden;
	background-color:#CDF1FF;
}

.midPanes h3 {
	color: #ffffff;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/h2_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	width: 300px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#signInPanel {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
	background-color:#5CC9F2;
}

#signedInPanel {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
	background-color:#5CC9F2;
}
#signUpPanel {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
}\
#callOutsPanel {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
}
#voteNowPanel {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
	background-color:#CDF1FF;
	background-image: url(images/votenow_pane_bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#petrolFinderPanel {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 230px;
	overflow: hidden;
	background-color:#CDF1FF;
	background-image: url(images/petrol_pane_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#siteSearch {
	width: 180px;
	height: 25px;
	overflow: hidden;
	padding-left: 10px;
	\\padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #00aeef;
	background-image: url(images/search_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	
}

.tableHead  {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	margin: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.tableSubHead {
	color: #000000;
	background-color: #9fe4fe;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
    width: 50%;
    
	margin: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.tableSub2Head {
	color: #000000;
	background-color: #9fe4fe;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
    width: 33%;
    
	margin: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.tableBody {	
	color: #000000;
	background-color: #cdeefa;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
    
	margin: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.expandableContent {
	width: 510px;
	/*overflow: hidden;*/
	clear: both;
}
.expandableContent ul {	
	width: 490px;
	clear: both;
}
.expandableContent li {
	width: 490px;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	margin-left: 20px;
	list-style: disc;
	vertical-align:top;
	clear: both;
}
.expandableContent ul li {
	width: 490px;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	margin-left: 20px;
	list-style: disc;
	vertical-align:top;
	clear: both;
}

.roadTubeThumbPanel {
  width: 162px;
  background-color: #cdf1ff; 
  height: 171px; 
  overflow: hidden; 
  float: left;
  margin: 0px;
  padding: 5px;
}

.roadTubeThumbPanel:hover {
  width: 162px;
  background-color: #baeafd; 
  height: 171px; 
  overflow: hidden; 
  float: left;
  margin: 0px;
  padding: 5px;
  cursor: pointer; /* cursor: hand; for IE5 */
}

.roadTubeThumbPanel10 {
  width: 162px;
  height: 171px; 
  overflow: hidden; 
  float: left;
  margin: 0px;
  padding: 0px;
}

.roadTubeThumbPanel10:hover {
  width: 162px;
  height: 171px; 
  overflow: hidden; 
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer; /* cursor: hand; for IE5 */
}

#roadTubeLatest {

}

#roadTubeLatest h3 {

	color: #000000;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform: none;

	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

#roadTubeLatest h6 {

	color: #000000;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform: none;

	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

#roadTubePops {

}

#roadTubePops h3 {

	color: #000000;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform: none;

	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

#roadTubePops h6 {

	color: #000000;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform: none;

	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

#roadTubeSearch {

}

#roadTubeSearch h3 {

	color: #000000;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform: none;

	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

#roadTubeSearch h6 {

	color: #000000;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform: none;

	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
}


.roadTubeThumbPanelTitle {
	margin-top: 10px; margin-bottom: 6px; padding: 0px; font-weight: bold;
}

.roadTubeThumbPanel10Title {
	margin-top: 10px; margin-bottom: 6px; padding: 0px; font-weight: bold;
	color: #00aeef;
}

.roadTubeThumbPanelBody {
	margin: 0px; padding: 0px; font-weight: normal;
}
.roadTubeThumbPanelImg {
	z-index: 5;
	position:relative;
	overflow: hidden;
	 width: 163px;
	 height: 92px;
}
.roadTubeThumbPanelSpc {
	z-index: 10; position: absolute;
}
.roadTubeThumbSpacer {
	width: 2px;
    height: 181px; 
    overflow: hidden; 
    float: left;
    margin-right: 0px;
}
.roadTubeThumbSpacer10 {
	width: 10px;
    height: 181px; 
    overflow: hidden; 
    float: left;
    margin-right: 0px;
}

div.hr {
  height: 15px;
  background: #fff url(images/hr.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}

#pageMidAllNews {
    width: 300px;
}

#pageMidAllNews strong {
	color: #00aeef;
}

#pageMidTweets {
    width: 300px;
}

#pageMidTweets strong {
	color: #00aeef;
}

.tweetTime{
	font-size: 10px;
	font-style:italic;
}

.calDateMonth {
	height: 13px; background-image:url(images/caldate_02.gif); background-repeat: no-repeat; 
	color: #FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; overflow: hidden;
}

.calDateDay {
	background-image:url(images/caldate_04.gif); background-repeat: no-repeat; 
	color: #00aeef; 
    font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; overflow: hidden;
}

.pageJump {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pageJumpTitle {
	display: inline;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pageJump a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.pageJumpNums {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
}
.pageJumpNumsActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
	border-style:solid;
	border-color:#00aeef;
	border-width: 1px;
	padding: 2px;
	background-color: #eaf9ff;
}

.pageRating {
	display: inline;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.pageRatingTitle {
	display: inline;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#relatedLinks {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 300px;
	overflow: hidden;
	background-color:#f1fafd;
}

#relatedLinks h3 {
	color: #FFFFFF;
	background-color: #00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/h1_backing.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	text-transform:uppercase;
	
	width: 300px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
}

#top5Div {
	width: 220px;
	height: 254px;
}