/*			STYLESHEET FOR A&D WATCH	*/

/*			Designed by Nick Escobedo
			Hart Energy Publishing, Copyright 2008
			nescobedo@hartenergy.com
			
			*/

/* 			_______________________	     */
/*			BODY - LINKS                 */
/*									     */



img {behavior: url(/resources/css/css_images/iepngfix.htc); }

html {
	font-size:100%;
}

body {
	margin: 0;
	padding: 0;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #303030;
    background-color: #787878;
	background-image: url(css_images/page.bg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	}

.clear { clear:both;}

a:link	{
	/*color: #2750c5;*/
	color: #046a9b;
	text-decoration: none;
	}

a	{ }

a:visited {
	/*color: #2750c5;*/
	color: #046a9b;
	text-decoration: none;
	} 
	
a:active {
	/*color: #2750c5;*/
	color: #046A9B;
	text-decoration: none;
	} 
	
a:hover	{
	/*color: #560051;*/
	color: #823F0A;
	text-decoration: none;
	} 


/* 			________________________________	*/
/* 			LAYOUT - ID SELECTORS 				*/

#Leaderboard 	{
	margin:0 auto;
	padding-top:6px;
	width: 960px;
	padding-bottom: 6px;
	}
	
#Container {
        margin: 0 auto;
        width: 990px;
        border:solid #ccffd0 1px;
        margin-bottom: 50px;
        background-color: #FFFFFF;
        }

#Header	{
	margin:0px;
	padding: 0px;
	background-image: url(css_images/head.bg.jpg);
    background-color: #8b0007;
    border-bottom: solid #942b23 1px;
	}

#Main {
	float:left;
	width:640px;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: #FFFFFF;
	}

#MainFull {
	float:left;
	width:945px;
	padding-left: 15px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	}	
		
#Sidebar {
	float:right;
	width:300px;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
					
#Footer 	{
	margin:15px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	width: 960px;
	background-color: #FFFFFF;
	clear:both;
	border-top: solid #CCCCCC 1px;
	}	
	
	
/* 			________________________________	*/
/* 			RHYTHMX HOOKS & HEADERS				*/

.page_callout { font-size:16px; }

#Article .page_body { border-top:dotted 1px #CCC; padding-top:20px; }

.page_title h1	{
	font-size: 26px;
	font-weight: normal;
	line-height: 28px;
	margin: 12px 0px 10px 0px;
	color: #002b4e;
	border-bottom:solid #CCC 1px;
	padding-bottom: 4px;
	}
.page_feature h1 {
	font-weight:bold;
	margin: 5px 0 1px 0;
	padding-bottom: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 20px;
	}	

.page_feature h1 a {}
.page_feature .callout { font-size:13px;}
.page_feature .event {font-style:italics; margin-bottom:8px;}
.page_feature .event .date {font-weight:bold;}
.page_feature .event .venue {font-weight:bold;}
.page_feature .event .location {}


.page_items h2	{
	font-size: 15px;
	line-height: 17px;
	color: #333333;
	font-weight: bold;
	margin:0;
	padding:0;
	}	

.page_items h2 a {}
.page_items .callout { font-size:13px;}
.page_items .event {font-style:italics; margin-bottom:8px;}
.page_items .event .date {font-weight:bold;}
.page_items .event .venue {font-weight:bold;}
.page_items .event .location {}

.section_feature h2 {font-weight:bold; margin:0; }
.section_feature h2 a {font-size:15px;}
.section_feature .callout { font-size:13px;}
.section_feature .event {font-style:italics; margin-bottom:8px;}
.section_feature .event .date {font-weight:bold;}
.section_feature .event .venue {font-weight:bold;}
.section_feature .event .location {}

	
.section_title h2 {
	font-weight:bold;
	margin:0 0 4px 0;
	padding:5px 8px;
	background-color:#EBEBEB;
	color:#000000;
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 13px;
	line-height: 14px;
	}
	
.section_items	{ xmargin-bottom:5px;}   /* adds spacing under buckets 	*/
.section_items h3	{
	font-size: 13px;
	line-height: 16px;
	color: #333333;
	margin: 0;
	font-weight: normal;
	margin:0;
	padding:0;
	}	

.section_items h3 a {}
.section_items .callout { font-size:12px;}
.section_items .event {font-style:italics; margin-bottom:8px;}
.section_items .event .date {font-weight:bold;}
.section_items .event .venue {font-weight:bold;}
.section_items .event .location {}


/* STYLE SLOT IMAGE */
.slot .clear {float:none; clear:both;}
.slot img {margin:0px 0px 6px 0px;}
.slot_ImagebigTitleCallout img {}
.slot_ImagebigTitle img {}
.slot_ImageTitleCallout img.ImageLeft {margin-right:10px; float:left;}
.slot_ImageTitleCallout img.ImageRight {margin-left:10px; float:right;}
.slot_ImageTitle img.ImageLeft {margin-right:10px; float:left;}
.slot_ImageTitle img.ImageRight {margin-left:10px; float:right;}
.slot_TitleImageEventCallout img.ImageLeft {margin-right:10px; float:left;}
.slot_TitleImageEventCallout img.ImageRight {margin-left:10px; float:right}
.slot_TitleImageEventCallout .callout {float:none; clear:both}
.slot_TitleImageEvent img.ImageLeft {margin-right:10px; float:left;}
.slot_TitleImageEvent img.ImageRight {margin-left:10px; float:right;}


/* STYLE SLOT LINK */
.slot a {color:#05557a; text-decoration:none;}
.slot a:link {text-decoration:none;}
.slot a:hover {color: #da7009; text-decoration:none;}
.slot a:visited {text-decoration:none;}
.slot a:active {text-decoration:none;}


/* STYLE CALLOUT */
.slot .callout {font-style:italic;}


/* OVERRIDES */

/* 			________________________________     	*/
/*			LANDINGPAGE UL FORMAT                 */

ul.news { margin:0; padding:0;}
ul.news li{
	font-size:11px;
	line-height:normal;
	color:#666666;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	padding: 5px 3px;
	border-bottom:dotted #CCC 1px;
	}
	

ul.padding { padding:0 16px 10px 16px; xbackground-color:#33CCFF;} /* used to add left/right padding on items in table homepage 	*/

.page_body img { margin-bottom:10px;}


.section_feature h3 { xbackground-color:#CCCCCC; margin:0px 0 2px 0;}

.page_items .whatsnew h2 a {font-weight:bold; font-size:12px;}	/* used to eidt size on homepage 	*/

.section_feature .whatsnew h2 a {font-weight:bold; font-size:15px;}	/* used to make list items bold on Whats New homepage section 	*/
.section_feature .whatsnew h2 {margin-top:0px; margin-bottom:0px; margin-right:0px;}	/* used to make list items bold on Whats New homepage section 	*/
.section_items .whatsnew h3 a {font-weight:bold; font-size:12px;}	/* used to make list items bold on Whats New homepage section 	*/
.store h3 { font-weight:normal; font-size:13px; margin:0;}  /* Store text on homepage 	*/

.media h3 { font-weight:bold; font-size:12px;}

#Article .page_title h1	{
	font-size:25px;
	margin: 18px 0px 0px 0px;
	line-height: 27px;
	font-weight: normal;
	color: #204B68;
	font-family: Georgia, "Times New Roman", Times, serif;
	border:none;
	}
	
#Article h2	{
	font-size:19px;
	margin: 28px 0px 0px 0px;
	line-height: 22px;
	font-weight: normal;
	color: #204B68;
	font-family: Georgia, "Times New Roman", Times, serif;
	}	
	
/* ENERGY CAREER ZONE */
.headingbox  {
	background-color:#EBEBEB;
	border-top:1px solid #ccc;
	margin:0;
	padding:5px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.videodot2 { 
	background-image:url(/resources/css/css_images/dotV.gif);
	background-position:center top;
	background-repeat:repeat-y;
	}	

.pagebox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CDCDCE;
	clear: both;
}

/* 			________________________________________                	*/
/* 			JOB BOARD 				*/

#Jobs { padding:0; margin:0px 0 16px 0; xborder:solid 1px #CCC;}
.jt_job_list { font-size:11px; font-family:Tahoma; line-height:normal; clear:both;}
.jt_job { xbackground-color:#CCCCCC; margin:2px 0; clear:both;}
.jt_job_position { clear:both; font-weight:bold;}
.jt_job_location {}
.jt_job_company {}

.jt_alljobs {font-weight:bold; clear:both; margin-top:8px;}


.jobsleft { float:left; width:360px;}
.jobsright { float:right; width:260px;}

	
/* 			________________________________	*/
/* 			ARTICLE ELEMENTS 				*/

#Article {
	float:left;
	width:590px;
	padding: 0px 0px 150px 30px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;
	color: #333333;
	background-color: #FFFFFF;
	}	

#Article p {margin:15px 0;}
#Article ul {padding:8px 0px 0 6px;}
#Article ul li {
	padding:0 4px 0 0px;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px 0px 0px 20px;
	}
.byline {
	font-size: 11px;
	color: #333333;
	font-family: Tahoma;
	line-height: 15px;
	width:300px;
	}

#Article .date {
	FONT-SIZE: 9px;
	COLOR: #747474;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	}

.pagination {
	overflow:hidden;
	margin:0 0 6px 0;
	clear:both;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pagination .prev {width:100px;float:left;font-weight:700;}
.pagination ul {
	list-style:none;
	padding:0;
	margin: 0;
	}
.pagination ul li {display:inline;border-right:1px solid;padding:0 4px 0 4px;line-height:1.4em;color:#898989;font-weight:700;border-bottom:none;}
.pagination ul li.last {border-right:none;}

.breadcrumb  {
	line-height:normal;
	color:#7D7D7D;
	font-family: Tahoma;
	font-size: 10px;
	margin: 5px 0 0 0;
	}

/* 			________________________________	*/
/* 			STYLE - CLASS SELECTORS 				*/


.ImageLeft {
	margin: 0px 10px 6px 0px;
	border: dotted #b7b084 1px;
	float: left;
	}
.ImageRight {
	margin: 0px 0px 6px 10px;
	border: dotted #b7b084 1px;
	float: right;
}	
	
.blockquote {
	background:transparent url(css_images/bg_blockquote.gif) no-repeat scroll 0pt 5px;
	padding-left: 35px;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 17px;
	color: #212945;
}




.UtxtSmallPx {
	font-family : Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	line-height: 13px;
	}

.UtxtLargePx {
	font-family : Arial, Helvetica, sans-serif;
	font-size:16px;
	xcolor: #666666;
	line-height: 19px;
	}
	
.UtxtLargestPx {
	font-family : Arial, Helvetica, sans-serif;
	font-size:17px;
	xcolor: #666666;
	line-height: 21px;
	}



.article {						/* used to set space around individual stories on homepage 	*/
	font-size:12px;
	font-weight : normal;
	line-height : 14px;
	margin-bottom:18px;
	clear: both;
	color: #333;
	}
	
.articleSm {				/* used to set a SMALLER space around individual stories on homepage 	*/
	font-size:12px;
	font-weight : normal;
	line-height : 14px;
	margin-bottom:7px;
	clear: both;
	color: #000000;
	}

.article ul { margin:0px; padding:0px;} 
.article li {
	list-style-position:inside; 
	}
	
.SecHead {
	font-family : Arial, Helvetica, sans-serif;
	font-size:30px;
	color: #333333;
	font-weight : bold;
	line-height : 32px;
	padding: 2px 2px 2px 0px;
	margin: 0px 0px 13px 0px;
	letter-spacing: -1px;
	}
	
.SecHead1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #8E8E64;
	line-height : 12px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	}
	
.SecHead2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	line-height : 12px;
	padding: 0px 0px 0px 0px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-bottom:4px;
	}
.SecHead22 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #242424;
	xcolor: #617a79;
	line-height : 12px;
	padding: 0px 0px 0px 0px;
	letter-spacing: -1px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #EFEFE9;
	}
	
.SecHead3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	line-height : 13px;
	background-color: #AEAE8C;
	padding: 5px 2px 3px 4px;
	margin: 0px 0px 4px 0px;
	font-weight: bold;
	}
	

.storytitle {
	font-size: 20px;
	color: #333333;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	xfont-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	}

.storytitle1 {
	font-size: 25px;
	color: #333333;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.storytitle2 {
	font-size: 16px;
	color: #333333;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	}
		


.UtxtSmall {
	font-size:11px;
	color: #000000;
	line-height: 13px;
	}

.Utxt-HP		{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #292929;
	line-height: 16px;
			}		
	
.restrict {
	background-color:#FFFBA6;
	padding:5px 0px 5px 0px;
	xbackground-image: url(css_images/restricted.png);
	xbackground-position: 8px 8px;
	xbackground-repeat: no-repeat;
	}
.error { color:#CC0000;}	





/* 			MEDIA PAGES 				*/

#MediaMain {
	float:left;
	width:540px;
	margin:6px 0px 20px 15px;
	padding-top:10px;
	background-color:#35547c;
	background-image:url(http://www.oilandgasinvestor.com/resources/images/vidtemplateBG.jpg);
	background-repeat:no-repeat;
	position:relative;
	color:#fff;
	border-bottom:solid #698bb8 9px;
	}
	* html #MediaMain { display:inline;}
	
#MediaMain a{
	text-decoration: none;
	padding: 3px 1px;
	margin-right: 2px;
	color: #ff6c00;
	}

#MediaMain a:visited{color: #ff6c00;}

#MediaMain a:hover{	color: #ffba00;}

#MediaMain a:active{color: #ff6c00;}	


#MediaSidebar {
	float:right;
	width:340px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-top: 6px;
	border:solid #CCC 1px;
	padding:15px;
	}	* html	#MediaSidebar {display:inline;}
	
#MediaFull {
	color:#fff;
	width:960px;
	padding: 65px 0px 17px 0px;
	background-color:#35547c;
	background-image:url(http://www.oilandgasinvestor.com/resources/images/mediactrBG.jpg);
	background-repeat:no-repeat;
	position:relative;
	
	border-bottom:solid #698bb8 9px;
	}		
	
#MediaFull .storytitle1 { color:#95c2ff;}	
	
#MediaFull a{
	text-decoration: none;
	padding: 3px 1px;
	margin-right: 2px;
	color: #ff6c00;
	}

#MediaFull a:visited{color: #ff6c00;}

#MediaFull a:hover{	color: #ffba00;}

#MediaFull a:active{color: #ff6c00;}	

.media {			/* used to set a space around audvid stories 	*/
	font-size:12px;
	font-weight : normal;
	line-height : 14px;
	margin-bottom:7px;
	clear: both;
	border-top:solid #CCC 1px;
	padding-top:5px;
	}

.rightdots { background: transparent url(css_images/accent-grey-dots-vertical.gif) repeat-y scroll right center;}
.dateField { margin-right:6px; padding-right:5px;}



/* 			____________________________________________      	*/
/* 			TABS 	- DHTML tabbed styles and layout		*/

.tabtext {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
}

.pagestyle4 {
  border-left: solid 1px #B0BEC7;
  border-right: solid 1px #B0BEC7;
  border-bottom: solid 1px #B0BEC7;
  background-Color: #FFFFFF;
  background-repeat: repeat-y;
}

.tabPage {
	padding: 16px;
	font-size: 12px;
	line-height: 14px;
	}




/* STYLE HEADERS */
.strong h1 a,
.strong h2 a,
.strong h3 a {font-weight:bold;}

