@charset "utf-8";

/* centralpetroleum.css

   Look, learn, but please do not steal. */

/* For Layout, see:
   /includes/centralpetroleum.css

   For IE 6 + 7 OVERRIDE, see:
   /includes/centralpetroleum-override7.css

   For IE 6 OVERRIDE, see:
   /includes/centralpetroleum-override.css

   For PRINT Layout, see:
   /includes/centralpetroleum-print.css

   For AURAL Layout, see:
   /includes/centralpetroleum-aural.css */

/* NOTES

          Primary colour: #254673 (navy)
    Complementary colour: #682a22 (brown)
Complementary highlights: #913010 (light brown)
                          #bd4a00 (extra-light brown)
                          #bf6818 (faded extra-light brown)
                          #ff8b20 (orange)
                          #f1ad6f (light orange)

   EO.NOTES */

/* GENERIC */

* { padding: 0;
	margin: 0; }

html { background-color: #254673;
	color: #fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif; /* IE 6 + 7 OVERRIDE */ }
a{outline: 0;}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { margin: 15px 0; }

p, 
ul, 
ol, 
dl, 
table { margin: 10px 0; }

ul,
ol, 
dl dd { margin-left: 40px; }

dl dt { font-weight: 800; }

blockquote { margin: 20px 30px;
	padding: 10px 15px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #bd4a00; }
blockquote p.byline { padding: 15px 10px 0;
	background-image: url('/images/layout/byline.png');
	background-repeat: no-repeat;
	background-position: 50% 5px;
	font-size: 0.9167em;
	text-align: right; }

acronym { border-bottom: 1px dashed #eee;
	cursor: help; }

a acronym { border-bottom-width: 0; }

address { font-style: normal; }

/* TEMP */

.highlight { padding: 0 2px;
	background-color: #fff;
	border: 2px dashed #c00;
	color: #f00;
	font-weight: 800; }

/* SEMI-GENERIC + CUSTOM */
/* ACCESSIBLE */
div#menu-accessibility ul, 
div#menu ul li#maps p, 
div#content .accessible { position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font-size: 1px; }
/* EO.ACCESSIBLE */
img.left {clear:left;float:left;margin-right:12px;}
div.clear {clear:both;}
/* CLEAR */
div#shell:after, 
div#content:after { display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ' '; }
/* EO.CLEAR */

div#entirety { min-width: 64em; /* IE 6 OVERRIDE */
	padding-top: 100px;
	background-image: url('/images/layout/entirety-flow.jpg');
	background-repeat: repeat-x;
	background-position: 0 0; }

/* HEADER Layout
   div#entirety */
div#header { position: absolute;
	right: 0;
	top: 0;
	width: 150px;
	height: 225px;
	background-image: url('/images/layout/header-pretty.png'); /* IE 6 OVERRIDE */
	background-repeat: no-repeat;
	background-position: 100% 0; }
div#header img { display: none; }

div#header div#menu-accessibility { height: 225px;
	background-image: url('/images/layout/header-animation.gif');
	background-repeat: no-repeat;
	background-position: 6px 87px; }
/* EO.HEADER Layout */

/* MENU Layout
   div#entirety div#shell */
body#pdf div#menu { position: absolute;
	top: 140px;
	width: 14em;
	padding: 15px 0;
	background-color: #913010; }
div#menu { position: absolute;
	top: 140px;
	width: 22em;
	padding: 15px 0;
	background-color: #913010; }
div#menu ul { margin: 0;
	border-top: 1px solid #a8573a;
	list-style-type: none; }
div#menu ul li { display: inline; }
div#menu ul li a { /* IE 6 OVERRIDE */
	display: block;
	padding: 4px 6px 5px 40px;
	background-color: #913010;
	border-bottom: 1px solid #a8573a;
	color: #fff;
	font-size: 1.1667em;
	text-decoration: none; }
div#menu ul li a:focus, 
div#menu ul li a:hover, 
div#menu ul li a:active { background-color: #bd4a00;
	background-image: url('/images/layout/menu-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0 50%;
	border-bottom-color: #fff; }

div#menu ul li a#menu-home span { position: absolute;
	left: 19px;
	top: -97px;
	width: 510px;
	height: 112px;
	padding: 0px;
	background-color: #fff;
	background-image: url('/images/layout/header1.jpg');
	border-bottom-width: 0;
	color: #000;
	text-align: right; }

/* JAPANESE OVERRIDES */
div#language {
	position:absolute;
	top:105px;
	left:555px;
}
div#language a img { border:none;  }

body.japanese div#menu ul li#mailing-list p { background-image: url('/images/layout/mailing-list-heading-japanese.jpg'); }
body.japanese div#menu ul li a#menu-home span { background-image: url('/images/layout/header-japanese.jpg'); }

/* CHINESE OVERRIDES */
body.chinese div#menu ul li#mailing-list p { background-image: url('/images/layout/mailing-list-heading-chinese.jpg'); }
body.chinese div#menu ul li a#menu-home span { background-image: url('/images/layout/header-chinese.jpg'); }


/* MAILING-LIST Layout */
div#menu ul li#mailing-list ul, 
div#menu ul li#maps ul { border-top-width: 0;
	text-align: center; }

div#menu ul li#mailing-list { display: block;
	margin: 20px 0;
	background: #913010 url('/images/layout/mailing-list-flow.jpg') repeat-y 50% 0; }
div#menu ul li#mailing-list p { height: 50px;
	background-image: url('/images/layout/mailing-list-heading.jpg');
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-size: 1px;
	text-indent: -888em; }

div#menu ul li#mailing-list p { margin: 0; }
div#menu ul li#mailing-list ul { padding-bottom: 20px;
	background-image: url('/images/layout/mailing-list-bg.jpg');
	background-repeat: no-repeat;
	background-position: 50% 100%; }
div#menu ul li#mailing-list ul li { padding: 0px 5px 1px 8px;
	border-left: 1px solid #bf6818; }
div#menu ul li#mailing-list ul li#mailing-list-first { padding-left: 0; /* IE 6 + 7 OVERRIDE */
	border-left-width: 0; }
div#menu ul li#mailing-list ul li a, 
div#menu ul li#maps ul li a { display: inline;
	padding: 0;
	background-color: #000;
	background-image: none;
	border-bottom-width: 0;
	color: #fff;
	font-size: 1em; }
div#menu ul li#mailing-list ul li a:focus, 
div#menu ul li#mailing-list ul li a:hover, 
div#menu ul li#mailing-list ul li a:active { text-decoration: underline; }

/* Breaking news RSS scroller */
div#menu ul li#breaking-news ul, div#menu ul li#maps ul { 
	border-top-width: 0;
	text-align: center; 
}

div#menu ul li#breaking-news ul li a { 
	background-color: none;
}

div#menu ul li#breaking-news { display: block;
	margin: 20px 0;
	background: #913010 url('/images/layout/mailing-list-flow.jpg') repeat-y 50% 0; }

div#menu ul li#breaking-news p.heading { 
	height: 21px;
	/*background-image: url('/images/centralrss.png');*/
	background-image: url('/images/toppanel.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
	text-indent: -888em; 
}

div#menu ul li#breaking-news p { margin: 0; }

div#menu ul li#breaking-news ul.outer
{ 
	padding-bottom: 20px;
	border: none;
	background-image: url('/images/layout/mailing-list-bg.jpg');
	background-repeat: no-repeat;
	background-position: 50% 100%; 

}

div#menu ul li#breaking-news ul li 
{ 
	
}

div#menu ul li#breaking-news ul li#breaking-news-first 
{ 
	padding-left: 0; /* IE 6 + 7 OVERRIDE */
	border-left-width: 0; 
}

div#menu ul li#breaking-news ul li a
{
	padding: 0;
	background-color: transparent;
	background-image: none;
	border-bottom-width: 0;
	color: #fff;
	font-size: 1em; 
}

div#menu ul li#breaking-news ul li a:focus, div#menu ul li#breaking-news ul li a:hover, div#menu ul li#breaking-news ul li a:active { text-decoration: underline; }
/* End of breaking news RSS scroller */

div#menu ul li#maps ul li { display: block;
	margin: 5px 0; }
div#menu ul li#maps ul li a { background-color: #913010; }
div#menu ul li#maps ul li a:before { display: block;
	content: attr(title); }
div#menu ul li#maps ul li a img { border: 2px solid #bf6818; }
div#menu ul li#maps ul li a:focus img, 
div#menu ul li#maps ul li a:hover img, 
div#menu ul li#maps ul li a:active img { border-color: #fff; }
/* EO.MAILING-LIST Layout */
/* EO.MENU Layout */

/* CONTENT Layout
   div#entirety div#shell */
body#pdf div#content {
	padding: 30px 20px 10px 16em;
	background-image: url('/images/layout/content-flow.jpg');
	background-repeat: repeat-y;
	background-position: -8em; 0;
}
   
   div#content { min-height: 125em; /* IE 6, 6 + 7 OVERRIDE */
	padding: 70px 20px 10px 24em;
	background-image: url('/images/layout/content-flow.jpg');
	background-repeat: repeat-y;
	background-position: 0 0;
	line-height: 1.5; }
	
/* SEMI-GLOBALS */
div#content .left { text-align: left; }
div#content .center { text-align: center; }
div#content .right { text-align: right; }
div#content .justify { text-align: justify; }
div#content .faux-strong { font-weight: 800; }
div#content .faux-em { font-style: italic; }
div#content .faux-big { font-size: 1.1667em; }
/* EO.SEMI-GLOBALS */

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 { font-size: 1em;
	font-weight: 100;
	text-align: left; }
div#content h1 { margin-right: 150px;
	color: #ff8b20;
	font-size: 2.5em; }
div#content h2, 
div#content ul#farm-in-data li p { font-size: 1.75em; }
div#content h3, 
div#content ul#farm-in-data li ul li p { font-size: 1.3334em;
	font-style: italic;
	font-weight: 800; }
div#content h4, 
div#content ul#farm-in-data li ul li ul li p { font-size: 1.1667em;
	font-style: normal;
	font-weight: 800; }
div#content h5, 
div#content h6 { font-weight: 800; }

div#content a { color: #f1ad6f; }
div#content a:focus, 
div#content a:hover, 
div#content a:active { color: #fff; }

div#content a.navi { padding-right: 15px;
	background-image: url('/images/layout/navi.gif');
	background-repeat: no-repeat;
	background-position: 100% 60%; }
div#content a.navi:focus, 
div#content a.navi:hover, 
div#content a.navi:active { background-image: url('/images/layout/navi-ro.gif'); }

div#content a.navi-back { padding-left: 15px;
	background-image: url('/images/layout/navi-back.gif');
	background-repeat: no-repeat;
	background-position: 0 60%; }
div#content a.navi-back:focus, 
div#content a.navi-back:hover, 
div#content a.navi-back:active { background-image: url('/images/layout/navi-back-ro.gif'); }

/* NAVI EXTERNAL */
div#content a[href^='http'], 
div#content a[href^='mailto:'], 
div#content a[href^='/files/'] { padding-right: 15px;
	background-image: url('/images/layout/navi-external.gif');
	background-repeat: no-repeat;
	background-position: 100% 60%; }
div#content a[href^='http']:focus, 
div#content a[href^='http']:hover, 
div#content a[href^='http']:active, 
div#content a[href^='mailto:']:focus, 
div#content a[href^='mailto:']:hover, 
div#content a[href^='mailto:']:active, 
div#content a[href^='/files/']:focus, 
div#content a[href^='/files/']:hover, 
div#content a[href^='/files/']:active { background-image: url('/images/layout/navi-external-ro.gif'); }
/* EO.NAVI EXTERNAL */

div#content ul { margin: 10px 0;
	list-style-type: none; }
div#content ul li { padding-left: 25px;
	background-image: url('/images/layout/bullet.jpg');
	background-repeat: no-repeat;
	background-position: 7px 0.5em; }

div#content ul li ul { margin-left: 25px;
	list-style-type: square; }
div#content ul li ul li, 
div#content ul li ol li { padding-left: 0;
	background-image: none; }
div#content ol { list-style-type: lower-alpha; }
div#content ul li, 
div#content ol li { margin: 5px 0; }

div#content ul li p, 
div#content ol li p, 
div#content dl dd p, 
div#content table p,  
div#content blockquote p { margin: 5px 0; }

div#content dl dd { margin: 3px 0 10px 25px; }

div#content address { margin: 10px 0; }
div#content dl dd address { margin: 0; }

/* TABLE Layout */
div#content table { margin: 10px auto;
	border-collapse: collapse; }

div#content table caption { margin: 0 auto;
	font-size: 0.9167em;
	text-align: right; }

div#content table tr th, 
div#content table tr td { padding: 2px 5px 3px;
	border: 1px solid #eee;
	vertical-align: top; }

div#content table thead tr th { padding-top: 5px;
	padding-bottom: 6px;
	background-color: #bd4a00;
	font-size: 1.1667em; }

div#content table tfoot tr td { background-color: #486594; }

div#content table tbody tr th { text-align: left; }
/* EO.TABLE Layout */

div#content address span { display: block; }

div#content a.frame { padding-right: 0;
	background-image: none; }
div#content img { background-color: #fff;
	border: 2px solid #bf6818;
	vertical-align: bottom; }
div#content img.frame-less { border-width: 0; }
div#content .caption { font-size: 0.9167em;
	text-align: center; }

div#content #error, 
div#content #success { margin: 20px 50px;
	padding: 8px 10px;
	background-color: #fdf6d5;
	border: 1px solid #f90;
	color: #222;
	font-size: 1.1667em;
	font-weight: 800;
	text-align: center; }
div#content #error li { text-align: left; }

div#content #success { background-color: #e5f8ea;
	border-color: #3fd667; }

div#content ul#farm-in-data li { background-position: 7px 1.2em; }

/* FORM Layout */
div#content form { width: 35em;
	margin: 0 auto;
	padding: 15px 10px;
	background-color: #183b67;
	border: 1px solid #0c345e; }

div#content form span { color: #ff8b20;
	font-weight: 100; }

div#content form dl { margin: 0; }
div#content form dl dt { float: left;
	clear: left;
	display: inline;
	width: 14em;
	margin-right: 0.5em;
	text-align: right; }
div#content form dl dt.row { float: none;
	display: block;
	width: auto;
	margin-right: 0;
	text-align: center; }
div#content form dl dt label { display: block;
	cursor: pointer; }
div#content form dl dd { margin-left: 0; }
div#content form dl dd.row { text-align: center; }
div#content form dl dd input, 
div#content form dl dd select, 
div#content form dl dd textarea { padding: 1px;
	background-color: #fff;
	border: 1px solid #0c345e;
	color: #111;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	cursor: text; } 
div#content form dl dd select { cursor: pointer; }
div#content form dl dd select option { padding-right: 7px; }
div#content form dl dd input, 
div#content form dl dd textarea { width: 12em; }

div#content form dl dd input:focus, 
div#content form dl dd input:active, 
div#content form dl dd select:focus, 
div#content form dl dd select:active, 
div#content form dl dd textarea:focus, 
div#content form dl dd textarea:active { background-color: #fbf9db;
	border-color: #738ec1; }

div#content form #form-navigation { clear: both;
	margin: 0;
	padding-top: 5px;
	list-style-type: none;
	text-align: center; }
div#content form #form-navigation li { display: inline; }
div#content form #form-navigation input { overflow: visible;
	padding: 2px 8px 3px;
	background-color: #bd4a00;
	border: 1px solid #fff;
	color: #fff;
	font: 800 1.1667em Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer; }
div#content form #form-navigation input:focus, 
div#content form #form-navigation input:hover, 
div#content form #form-navigation input:active { background-color: #913010; }
/* EO.FORM Layout */
/* EO.CONTENT Layout */

/* FOOTER Layout
   div#entirety */
div#footer ul { margin: 0;
	padding: 6px 10px 8px;
	background-color: #682a22;
	border-width: 1px 0;
	border-style: solid;
	border-color: #bd4a00;
	color: #fff;
	list-style-type: none;
	font-size: 0.9167em;
	text-align: center; }
div#footer ul li { display: inline;
	padding: 0 4px 1px 8px;
	border-left: 1px solid #fff; }
div#footer ul li#footer-first { padding-left: 4px;
	border-left-width: 0; }
div#footer ul li a { border-bottom: 1px dashed #eee;
	color: #fff;
	text-decoration: none; }
div#footer ul li a:focus, 
div#footer ul li a:hover, 
div#footer ul li a:active { border-bottom-style: solid; }
/* EO.FOOTER Layout */

/* New Ticker */
div#news h3 {color:#fff; padding: 0; margin: 0; padding-bottom: 5px; height: 25px; line-height: 25px; font-size: 18px; }
div#news { background: #254673 url("/images/layout/news-flow.jpg") repeat-y; width:265px; height: 300px; color:#fff; float:right; } 
div#news div.inner { background: url("/images/layout/news-top.jpg") no-repeat top; } 
div#news div.inner-bottom { background: url("/images/layout/news-bottom.jpg") no-repeat bottom; padding: 25px;} 
div#newsTickerContainer {
	position: relative;
	width: 215px; 
	height: 220px;
	overflow: hidden;
	font-size:12px;
}

div#newsTickerContent {
	padding-left: 0;
	margin-left: 0;
}

/* RSS Ticker */
div#rssTickerContainer {
	position: relative;
	width: 220px; 
	height: 200px;
	overflow: hidden;
	font-size:12px;
	left: -2px;
}

body#pdf h2 a {
	text-decoration: none;
	color: #fff;
}

body#pdf h2 a:hover, body#pdf h2 a:active {
	text-decoration: none;
	color: #f1ad6f;
}

/* Home page player Layout */

div#homeplayer{
	clear:right;
	float:right; 
	margin-bottom:0; 
	margin-top: 10px;
	width: 280px;
	height: 190px;
	/*border: 1px solid black;*/
}


div#vidskin{
	position: absolute; 
	background-image: url(/images/vid-skin.gif); 
	height: 180px; 
	width: 265px;
	/*border: 1px solid green;*/
	margin-left: 15px; /* left or right of orange frame */

}



p#player{
	/*border: 1px solid red;*/
	margin-left: 21px; /* left or right of video */
	margin-top: 4px; /* up or down with video */
}

div.terms  {padding-right: 30px;}
div#content div.terms  h3{font-size: 14px; border-bottom: 1px solid #fff; margin-top: 25px;}
div#content div.terms  h4{font-size: 12px; margin-bottom: 0px;}
div#content div.terms  ul{list-style-type: none; margin-left: 10px;}
div#content div.terms  ul li{background-image: none;}

div#content div#asx-wrapper {width: 1020px;}
div#content div#asx-wrapper div#graph {width: 460px; float: left;}
div#content div#asx-wrapper div#shareholders {float: left; margin-left: 30px; width: 485px;background: #254673 url("/images/layout/shareholders-flow.jpg") repeat-y 0 0;}
div#shareholders div.top { background: url("/images/layout/shareholders-top.jpg") no-repeat top; height: 30px;} 
div#shareholders div.bottom { background: url("/images/layout/shareholders-bottom.jpg") no-repeat bottom; height: 30px;} 
div#shareholders h3 {font-size:18px;margin:-10px 0px 0px 30px;padding:0px;}
div#content div#shareholders table {width: 425px;}
div#content div#shareholders table td,
div#content div#shareholders table th
{border: 0;vertical-align: middle}
div#content div#shareholders table th {border-bottom: 1px solid #fff;}
div#content div#shareholders table th.name {width: 180px;}
div#content div#shareholders table th.number {text-align: right;}
div#content div#shareholders table th.percent{text-align: right;}
div#content div#shareholders p.approx{position: absolute; margin-left: 36px; margin-top: -5px; color: #4F729F; font-size: 10px;}