/* ACTIVITIES TEMPLATE
   ================================================== */
body.at, body.tmln { background: url('../img/at/at_bg_ext.jpg') no-repeat 50% 103px #f1f1f1 fixed }
.at .spcr {
    position: relative;
    width: 100%; height: 103px
}
.at #gnborder {
    position: fixed;
    width: 100%; height: 103px;
    border-bottom: 1px solid #aaaaaa;
    z-index: 0
}
.at #gnbg {
    position: fixed;
    width: 100%; height: 103px;
    background: #f1f1f1;
    z-index: 10;
}
.at #main { background: transparent }
.at #footer_wrp, .cc #footer_wrp {
    padding-top: 60px;
    background-color: #fff;
    background-position: 0 100%
}
.oldie .at #footer_wrp, .cc #footer_wrp {
	margin-top: 50px;
}
/* SIDEBAR
   ================================================== */
#at_sidebar {
    position: relative; float: left;
    top: 0;
    width: 228px;
    padding: 5px 0 60px 25px;
		margin-bottom: 50px;
    z-index: 99;
    background: #fff;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius: 0px 0px 0px 8px;
    border-radius: 0px 0px 0px 8px;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(102, 102, 102, 0.50);
    -moz-box-shadow: -1px 1px 3px 0px rgba(102, 102, 102, 0.50);
    box-shadow: -1px 1px 3px 0px rgba(102, 102, 102, 0.50);
}

.nos_sidebar_v {
	background: url('../img/sitewide/no-boxshadow_sidenav/vert_shadow_rp.png') repeat-y scroll top left;
	width: 23px;
	height: 100%;
	position: absolute;
	top: 0; bottom: 0; left: -10px;
}
.nos_sidebar_h {
	background: url('../img/sitewide/no-boxshadow_sidenav/horiz_shadow_rp.png') repeat-x scroll top left;
	width: 75px;
	height: 23px;
	position: absolute;
	bottom: -10px; left: 0;
}
.nos_sidebar_btlft {
	background: url('../img/sitewide/no-boxshadow_sidenav/bottom-lft_corner_shadow.png') no-repeat scroll top left;
	width: 26px;
	height: 21px;
	position: absolute;
	bottom: -10px; left: -10px;
	z-index: 10;
}
#at_sidebar .at_sdbr_pagelvl a:hover { color: #1d93e0 }
#at_sidebar .at_sdbr_pagelvl a:hover .smallcircle {
    background: #1d93e0;
    border-color: #f7f7f7;
}
.no-borderradius #at_sidebar .at_sdbr_pagelvl a:hover .smallcircle, .no-js #at_sidebar .at_sdbr_pagelvl a:hover .smallcircle {
	background:transparent url('../img/sitewide/small_circle_sprite.png') no-repeat 0 -13px; border: none
}
#at_sidebar .at_sdbr_toplvl a:hover { color: #000 }
#at_sidebar .at_sdbr_toplvl a:hover .smallcircle.toplvl {
    color: #555;
    background: transparent;
    border-color: transparent;
}
#at_sidebar .at_sdbr_subpage a {
    display: block;
    padding-left: 0;
    color: #666666;
    font-size: 0.8em;
    text-transform: none;
    border: medium none;
    line-height: 17px;
		padding: 0;
}

/*.env #at_sidebar .at_sdbr_subpage a, .rch #at_sidebar .at_sdbr_subpage a {
	text-transform: none;
}*/

#at_sidebar li.sb_ul_opn > ul {
    display: block;
    padding-bottom: 5px;
		overflow: hidden;
		background: #fff;
}
#at_sidebar .sb_pl_act, #at_sidebar .at_sdbr_subpage .sb_sub_act { color: #1d93e0 }
#at_sidebar li ul { display: none; overflow: hidden }
#at_sidebar ul {padding-bottom: 10px;}
#at_sidebar a {
    position: relative; display: block;
    text-decoration: none
}
.at_sdbr_toplvl a {
    padding-bottom: 5px; padding-left: 25px;
		line-height: 15px;
    margin: 15px 0 0;
    color: #333333;
    border-bottom: 1px solid #969696;
    font-size: .95em;
    text-transform: uppercase
}
.smallcircle.toplvl {
    top: 2px; left: 0;
    color: transparent;
    font-size: 18px;
    text-align: center;
    background: #5a5a5a;
    border-color: #5a5a5a;
    line-height: 10px;
}
.no-borderradius .smallcircle.toplvl, .no-js .smallcircle.toplvl {
	background:transparent url('../img/sitewide/small_circle_sprite.png') no-repeat 0 -25px; border: none;
}
.at_sdbr_pagelvl { border-bottom: 1px solid #cccccc; background: #fff; overflow: hidden; display: block; position: relative }
.at_sdbr_pagelvl .smallcircle { border-color: #969696 }
.at_sdbr_pagelvl ul { display: none }
.at_sdbr_pagelvl a {
    height: auto;
    padding-top: 5px; padding-bottom: 5px; padding-left: 25px;
    margin: 0;
    color: #707070;
    font-size: 0.8em; font-weight: 400;
    border: none;
}
.at_sdbr_subpage {
    color: #5a5a5a;
    list-style: disc outside none;
    margin-left: 25px;
		display: block;
		background: #fff;
}
/* MAIN CONTENT
   ================================================== */
#at_lftart {
    position: relative; float: right;
    width: 653px;
    padding: 15px 23px;
    border-right: 1px solid #c1c1c1; border-left: 1px solid #aaaaaa;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(102, 102, 102, 0.50);
    -moz-box-shadow: 0px 0px 5px 0px rgba(102, 102, 102, 0.50);
    box-shadow: 0px 0px 5px 0px rgba(102, 102, 102, 0.50);
    z-index: 0;
}
#at_lftart h1 {
    margin: 0;
		text-indent: 5px;
    color: #5a5a5a;
    border-bottom: 2px solid #ececec;
    font-size: 1.2em; font-weight: 600;
}
#at_maplegend {
    position: absolute;
    top: 15px; right: 0
}
#at_maplegend p {
    position: relative; float: left;
    padding-left: 17px;
    margin: 4px 26px 0 0
}
#at_maplegend p .at_plus {
    position: absolute;
    top: -3px; left: 0;
    width: 12px; height: 12px;
    font-size: 11px;
    line-height: 12px
}
/* MAP
   ================================================== */
#at_map {
    position: relative;
    width: 644px; height: 374px;
    margin: 17px auto; padding: 3px;
    border: 1px dotted #7F7F7F
}
#at_map_cnt {
    position: relative;
    width: 644px; height: 374px;
    background: url('../img/at/trans_map/map_clean.png') no-repeat scroll top left
}
.map_pipeline {
	position: absolute;
	top:0; right:0;
	width: 644px;
	height: 374px;
	visibility: hidden;
	overflow:hidden;
}
.map_pipeline img {
	position: absolute;
	left:0; right:0;
}
/*#blue_pipeline {
	background: url('../img/at/trans_map/blue_pipeline.png') no-repeat scroll top left;
}
#red_pipeline {
	background: url('../img/at/trans_map/red_pipeline.png') no-repeat scroll top left;
}
#yellow_pipeline {
	background: url('../img/at/trans_map/yellow_pipeline.png') no-repeat scroll top left;
}
#green_pipeline {
	background: url('../img/at/trans_map/green_pipeline.png') no-repeat scroll top left;
}*/

/*Geo Names*/
.map_geo {
	position: absolute;
	font-size: 1.1em;
	font-weight: 600;
	margin:0;
}
	.geo_grey {
		color: #666666;
		font-size: 1.1em;
		font-weight: 100;
	}
	.geo_country {
		font-size: 1em;
		font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-weight: 100;
	}
.map_geo .smallcircle {
	border: transparent none;
	background: #9C0000;
}
.map_popup {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .5);
}
.map_popup.keydetails p {
	width: 200px;
	float: left;
	margin-left: 10px;
	color: #5A5A5A;
  font-size: 11px;
  font-weight: 100;
  line-height: 1.5em;
}
.close_map_popup {
	color: #990000;
  font-size: 0.8em;
  font-weight: 600;
  padding: 0 4px;
  position: absolute;
  right: 0;
  top: 0;
	cursor: pointer;
}
.close_map_popup:hover {
	color: #fff;
}
.map_popup_title {
	font-size: 0.9em;
  margin: 0 0 10px;
  padding: 0 0 1px;
}
/* ===[ Activities template lower section ]=== */
#at_lwr {
    position: relative; float: left;
    width: 422px;
    margin-top: 9px;
    padding-bottom: 60px
}
#at_lwr strong {
	font-size:.9em;
}
.oldie #at_lwr strong, .win_os #at_lwr strong {
	font-size: .85em;
}
#at_lwr table {
    width: 409px;
    margin: 0 0 0 13px;
    background: #f9f9f9;
    border: 4px solid #f9f9f9;
}
#at_lwr table tr { border-bottom: 1px dotted #999999 }
#at_lwr table tr:last-child { border: 0 none }
#at_lwr table tr:last-child td { padding-bottom: 20px }
#at_lwr table td { padding: 4px 2px }
#at_lwr h2 {
    position: relative;
    margin: 0 0 0 13px; padding: 7px 4px 6px;
    color: #1D93E0;
    border-bottom: 1px solid #bababa;
    font-size: 1.1em; font-weight: 600; font-weight: 100;
    text-transform: uppercase;
    background: #f9f9f9
}
#at_lwr h1 {
    position: relative;
    margin: 0; padding: 7px 0 6px;
    color: #1D93E0;
    border-top: 1px solid #ECECEC; border-bottom: 1px solid #BABABA;
    font-size: 1.1em; font-weight: 100;
    text-indent: 13px;
		text-transform: uppercase 
}
.transp #at_lwr h1 {
	text-transform: none;
}
#at_lwr p { padding-left: 13px }
#at_lwrimg {
    margin-top: 13px;
    padding-left: 13px
}
#at_lwrimg figcaption {
    float: left;
    width: 200px;
    padding: 5px 0 0;
    color: #5B5B50;
    font-size: .9em;
		font-weight: bold;
}
#at_lwrimg img {
    display: block; float: left;
    margin-right: 10px
}
/* RHS SIDEBAR
   ================================================== */
#at_rhs_sidebar {
    float: right;
    width: 200px;
    margin-top: 9px;
    padding-bottom: 60px
}
#at_rhs_sidebar h3 {
    margin: 0; padding: 7px 0 6px;
    color: #666666;
    border-bottom: 1px #666666 dotted;
    font-size: 1.1em;
    text-transform: none
}
/* ===[ Map Key ]=== */
.keydetails {
    position: relative;
    padding: 10px 5px;
    background: #f0eee6
}
.keydetails a {
    height: 13px;
    margin-top: 10px; margin-right: 5px;
    padding-right: 25px;
    text-align: right;
    line-height: 13px
}
#at_mapkey li { margin-top: 10px }
#at_mapkey ul {
    margin: 10px 5px 0; padding: 0 4px 10px;
    color: #5a5a5a;
    background: #f7f7f7
}
#at_mapkey a, .map_popup a {
    position: relative; display: block;
    margin-right: 23px;
    color: #5a5a5a;
    font-size: 11px;
    text-decoration: none;
		font-weight: 100;
}
#at_mapkey a .at_blueplus, .map_popup a .at_blueplus  {
    position: absolute;
    top: 3px; right: -22px
}
#at_mapkey a:hover { color: #1D93E0 }
.no-js #at_mapkey li:hover .keydetails { display: block }
.keythumb { float: left }
.keydetails p {
    float: right;
    width: 105px;
    margin: 0
}
.keydetails a .at_plus {
    position: absolute;
    top: -3px; right: 0
}
.pipeline { border-bottom: 2px solid #5a5a5a }
/* ===[ Related Resources ]=== */
#at_relres { margin-top: 5px }
#at_relres a .at_blueplus {
    position: absolute;
    top: 7px; right: 5px
}
#at_relres .reldd {position: relative; overflow: hidden;  }
/*#at_relres .reldd li:last-child a { color: #1D93E0 }*/
#at_relres .reldd a {
    padding-left: 0;
    border-top: none; border-right: none; border-bottom: 1px solid #f7f7f7; border-left: none;
    background: none
}
#at_relres .reldd a .at_plus {
    position: absolute;
    top: 7px; right: 0;
    width: 9px; height: 9px;
    font-size: 9px;
    line-height: 9px
}
#at_relres li {
    margin: 5px 0 0; padding: 0
}
#at_relres li a {
    position: relative; display: block;
    height: 24px;
    padding-left: 10px;
    color: #000;
    font-size: .85em;
    text-decoration: none;
		/*text-transform: capitalize;*/
    line-height: 24px;
    background: #e9e9e9;
    border: 1px solid #cccccc;
}
#at_relres ul {
    margin: 10px 0 0; padding: 0 4px 10px;
    list-style: none
}
.no-js #at_relres li:hover .reldd { display: block }
/* ===[ Related Images ]=== */
#relimgbox {
    margin: 10px 5px 0; padding: 10px 4px 0;
    background: #e9e9e9;
    border: 1px solid #cccccc;
		text-align: center;
}
#relimgbox li {
    position: relative; float: left;
    width: 80px; height: 70px;
    margin: 2px; padding: 0;
    border-top: 1px solid #d9d9d9; border-bottom: 2px solid #c4c4c4; border-left: 1px solid #c6c6c4;
    background: #e9e9e9
}
#relimgbox li a {
    display: block;
    width: 72px; height: 48px;
    margin: 4px auto;
    border: 2px solid #fff
}
#relimgbox ul {
    width: 170px;
    margin: 0 auto; padding: 0;
    list-style: none
}
.boxshadow #relimgbox li {
    border: 0 none;
    -webkit-box-shadow: 0px 1px 4px 0px #a4a4a4;
    -moz-box-shadow: 0px 1px 4px 0px #a4a4a4;
    box-shadow: 0px 1px 4px 0px #a4a4a4;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.boxshadow #relimgbox li:hover {
    -webkit-box-shadow: 0px 3px 7px 0px #a4a4a4;
    -moz-box-shadow: 0px 3px 7px 0px #a4a4a4;
    box-shadow: 0px 3px 7px 0px #a4a4a4;
}
.loupe {
    position: absolute; display: block;
    right: 5px; bottom: 5px;
    width: 9px; height: 9px;
    background: url('../img/at/loupe.png') no-repeat scroll top left
}
/* ===[ Bottom logo ]=== */
#at_bottomlogo {
    width: 95px; height: 57px;
    margin: 70px auto 0;
    background: url('../img/sitewide/global_nav/socar_logo.png') no-repeat scroll top left
}
/* text styles  */
.at_bdytxt {
    color: #5a5a5a;
    font-size: .85em;
    line-height: 1.5em
}
.blue { color: #1D93E0 }
/* activities template helpers  */
.dwnarrow {
    position: absolute; display: block;
    bottom: -5px; left: 22px;
    width: 0; height: 0;
    border-top: 5px solid #bababa; border-right: 5px solid transparent; border-left: 5px solid transparent
}
.darkbtn {
    display: block;
    margin: 15px; padding: 5px 10px;
    color: #ffffff;
    font-size: .9em;
    text-align: center; text-decoration: none;
    background: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer;
}
.darkbtn:hover {
    background: #11364d;
    -webkit-box-shadow: inset 0px 0px 5px 0px #1d92e0;
    -moz-box-shadow: inset 0px 0px 5px 0px #1d92e0;
    box-shadow: inset 0px 0px 5px 0px #1d92e0;
}
.at_rm {
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid #CCC;
    text-align: right;
    cursor: pointer
}
.at_rm .at_blueplus {
    position: relative; float: right;
    margin-top: 2px; margin-left: 10px
}
.no-js .exp { display: none }
/* COLOR CODED - body class cc + category class (ex. cc env)
   ================================================== */
.cc #main {
    padding: 0;
    background: none transparent
}
.cc #at_lftart h1 {
    width: auto;
    margin-left: 0;
    padding: 2px 10px;
    font-size: 1em;
    border: 0 none
}
.cc    #at_lftart header {
    display: inline-block;
    margin-bottom: 0px; margin-left: 20px;
    padding: 3px;
    border-top: 1px dotted #666666; border-right: 1px dotted #666666; border-left: 1px dotted #666666;
    background: #fff
}
.cc #at_lwr {
    width: 435px;
    padding-top: 5px
}
.cc #at_lwr p { padding: 0 20px;}
.cc #at_lwr p.expcnt {
	min-height: 160px;
  position: relative;
	padding-bottom: 20px;
}
.ie7 .cc #at_lwr p.expcnt {
	width: 395px;
	z-index: 5;
	display: inline;
}
.cc #at_lwr header {
    position: absolute;
    bottom: -1px;
    margin-bottom: 0
}
.cc #at_lwr h1 {
    width: auto;
    text-indent: 0; text-transform: none
}
#cc_lwrh_outline {
    position: relative;
    width: 435px; height: 30px;
    border-bottom: 1px dotted #666666
}
.cc #at_lwrimg {
    float: left;
    width: 210px; height: 140px;
    margin-top: 0; margin-right: 15px; margin-bottom: 15px; margin-left: 20px;
    padding: 0;
    border: 5px solid #fff
}
.cc .at_rm { 
	border-bottom: 1px dotted #666666;
  bottom: 20px;
	left: 20px;
  position: absolute;
  width: 395px;
	}
/* cc slider  */
#cc_slider_wrp {
    position: relative;
    height: 215px;
    margin-top: -1px; margin-bottom: 20px;
    padding: 10px;
    border: 1px dotted #666666;
    z-index: -1;
}
#cc_slider {
    position: relative;
    width: 632px; height: 207px;
    overflow: hidden
}
.cc_slide {
    position: relative; float: left;
    width: 632px; height: 207px
}
.cc_slide h2 {
    position: absolute; display: none;
    bottom: 0; left: 0;
    margin: 0; padding: 5px 10px;
    color: #fff;
    font-size: 1em;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-weight: 100;
}
#cc_slider_corner {
    position: absolute;
    right: 0; bottom: 0;
    width: 87px; height: 72px
}
#cc_slidertools {
    position: absolute;
    bottom: -20px;
    width: 615px; height: 25px;
    padding: 0 3px;
    background: url('../img/cc/cc_slidertools_shadow.png') repeat-x 0 -50px #fff
}
#cc_slidertools .cc_slidertool_btn span {
    top: 3px; left: 10px;
    width: 13px; height: 13px
}
#cc_slidertools span#cc_slidertools_lft {
    left: 0;
    background-position: 0 0
}
#cc_slidertools span#cc_slidertools_rgt {
    right: 0;
    background-position: 0 -25px
}
#cc_slidertools #cc_enlarge span { background-position: 0 0 }
#cc_slidertools #cc_print span { background-position: 0 -13px }
#cc_slidertools .cc_st_icn {
    position: absolute; display: block;
    background: url('../img/cc/cc_slidertoolbar_icns.png') no-repeat
}
#cc_slidertools #cc_fb {
    top: 4px; right: 7px;
    width: 16px; height: 16px;
    background-position: -13px -16px
}
#cc_slidertools #cc_ln {
    top: 4px; right: 30px;
    width: 16px; height: 16px;
    background-position: -13px 0
}
#cc_slidertools span {
    position: absolute; display: block;
    top: 0;
    width: 31px; height: 25px;
    background: url('../img/cc/cc_slidertools_shadow.png') no-repeat 0 0 #fff
}
.cc_slidertool_btn {
    position: absolute; display: block;
    top: -5px;
    width: 145px; height: 23px;
    padding-left: 30px;
    font-size: .85em;
    text-decoration: none;
    line-height: 23px;
    background: #eceff4;
    cursor: pointer;
}
#cc_enlarge { left: 3px }
#cc_print { left: 188px }
#cc_social {
    right: 3px;
    width: 175px;
    padding-left: 0
}
#cc_social p {
    position: relative;
    padding-left: 10px;
    margin: 0
}
#cc_social p .newsballoon {
    top: 2px; left: -4px
}
.cc_sliderarrow {
    position: absolute; display: block;
    top: 90px;
    width: 21px; height: 33px;
    background: url('../img/cc/cc_sldr_arrow.png') no-repeat
}
#cc_sldr_prv {
    left: 4px;
    background-position: 0 0
}
#cc_sldr_prv:hover { background-position: -21px 0 }
#cc_sldr_nxt {
    right: 4px;
    background-position: 0 -33px
}
#cc_sldr_nxt:hover { background-position: -21px -33px }
/* ===[ Environment ]=== */
body.env { background: url('../img/cc/env/cc_env_bg.jpg') no-repeat 50% 78px fixed #f1f1f1 }
.env #at_lftart h1 {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #67A376
}
.env #cc_slider_corner { background: url('../img/cc/env/env_slider_corner.png') no-repeat scroll top left }
.env #at_lwr { background: #ffffff }
.env #at_lwr header { background: #F0F7EA }
.env #at_relres li a.exp_trg {
    background: #c4e29f;
    border: 1px solid #aed77a;
}
/*.env #at_relres .reldd li:last-child a { color: #67a376 }*/
.env .cc_slidertool_btn { color: #67a376 }
.env .cc_slide h2 { background: #67a376 }
.env .blueinput {background:#67a376 }
/* ===[ Research & Development ]=== */
body.rch { background: url('../img/cc/rch/cc_rch_bg.jpg') no-repeat 50% 78px fixed #f1f1f1 }
.rch .blueinput {background:#00b5ad}
.rch #at_lftart h1 {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #00b5ad
}
.rch #cc_slider_corner { background: url('../img/cc/rch/rch_slider_corner.png') no-repeat scroll top left }
.rch #at_lwr { background: #ffffff }
.rch #at_lwr header { background: #00b5ad }
.rch #at_relres li a.exp_trg {
    color: #fff;
    background: #00b5ad;
    border: 1px solid #cccccc;
}
/*.rch #at_relres .reldd li:last-child a { color: #fe4b32 }*/
.rch .cc_slidertool_btn { color: #00b5ad }
.rch .cc_slide h2 { background: #00b5ad }
/* ===[ Social Responsibility ]=== */
body.sres { background: url('../img/cc/sres/cc_sres_bg.jpg') no-repeat 50% 78px fixed #f1f1f1 }
.sres .blueinput {background:#ef3d42 }
.sres #at_lftart h1 {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #ef3d42
}
.sres #cc_slider_corner { background: url('../img/cc/sres/sres_slider_corner.png') no-repeat scroll top left }
.sres #at_lwr { background: #ffffff }
.sres #at_lwr header { background: #ffffff }
.sres #at_relres li a.exp_trg {
    color: #f1f1f1;
    background: #ef3d42;
    border: 1px solid #f1f1f1;
}
/*.sres #at_relres .reldd li:last-child a { color: #ef3d42 }*/
.sres .cc_slidertool_btn { color: #ef3d42 }
.sres .cc_slide h2 { background: #ef3d42 }


/* ===[ Careers ]=== */
body.crrs { background: url('../img/cc/crrs/cc_crrs_bg.jpg') no-repeat 50% 78px fixed #f1f1f1 }
.crrs .blueinput {background:#a480c3 }
.crrs #at_lftart h1 {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #a480c3
}
.crrs #cc_slider_corner { background: url('../img/cc/crrs/crrs_slider_corner.png') no-repeat scroll top left }
.crrs #at_lwr { background: #ffffff }
.crrs #at_lwr header { background: #efe8f6 }
.crrs #at_relres li a.exp_trg {
    color: #fff;
    background: #a480c3;
    border: 1px solid ##a575d1;
}
/*.sres #at_relres .reldd li:last-child a { color: #ef3d42 }*/
.crrs .cc_slidertool_btn { color: #a480c3 }
.crrs .cc_slide h2 { background: #a480c3 }
/* ===[ Company ]=== */
body.cmpny { background: url('../img/cc/cmpny/cc_cmpny_bg.jpg') no-repeat 50% 78px fixed #f1f1f1 }
.cmpny #at_lftart h1 {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #1d93e0
}
.cmpny #cc_slider_corner { background: url('../img/cc/cmpny/cmpny_slider_corner.png') no-repeat scroll top left }
.cmpny #at_lwr { background: #ffffff }
.cmpny #at_lwr header { background: #f4f4ed }
.cmpny #at_relres li a.exp_trg {
    color: #333333;
    background: #e9e9e9;
    border: 1px solid #cccccc;
}
/*.cmpny #at_relres .reldd li:last-child a { color: #1d93e0 }*/
.cmpny .cc_slidertool_btn { color: #1d93e0 }
.cmpny .cc_slide h2 { background: #1d93e0 }
/* ===[ New projects ]=== */
body.nprj { background: url('../img/cc/nprj/cc_nprj_bg.jpg') no-repeat 50% 78px fixed #f1f1f1 }
.nprj .blueinput {background:#bad9ee }
.nprj #at_lftart h1 {
    color: #437ea5;
    background: none repeat scroll 0 0 #bad9ee
}
.nprj #cc_slider_corner { background: url('../img/cc/nprj/nprj_slider_corner.png') no-repeat scroll top left }
.nprj #at_lwr { background: #d7e9f5 }
.nprj #at_lwr header { background: #d7e9f5 }
.nprj #at_relres li a.exp_trg {
    color: #437ea5;
    background: #bad9ee;
    border: 1px solid #cccccc;
}
/*.nprj #at_relres .reldd li:last-child a { color: #333333 }*/
.nprj .cc_slidertool_btn { color: #437ea5 }
.nprj .cc_slide h2 { background: #bad9ee; color: #437ea5 }
/* TIMELINE TEMPLATE
   ================================================== */
.tmln #at_lftart h1 {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #b6ae94
}

.tmln.socarhistory #at_lftart h1 {
	background: #1d93e0;
}

.tmln #cc_slider_wrp {
    position: relative;
    height: 433px;
    padding: 7px 0 30px
}

.tmln.socarhistory #cc_slider_wrp {
	height: 515px;
}
#tmlnbg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 433px;
    background: url('../img/tmln/history-azeri-oil/001.jpg') no-repeat 0 7px
}
.socarhistory #tmlnbg {
	background: url('../img/tmln/history-socar/001.jpg') no-repeat 0 7px
}
#tmln_inner {
    position: relative;
    width: 555px; height: 132px;
    margin: 0 auto;
    overflow: hidden
}
#tmln_inner ul {
    position: absolute;
    left: 0;
    margin: 10px 0 0; padding: 0;
    list-style: none
}
.tspan {
    position: relative; float: left;
    width: auto
}
.tspan a.tmln_act  strong { color: #333333 }
.tspan em {
    display: block;
    width: 95px; height: 63px;
    margin: 18px auto; padding: 2px;
    border: 1px solid #c9c0b3
}
.tspan a {
    display: block; float: left;
    width: 107px;
    text-decoration: none
}
.tspan a strong {
    position: relative; display: block;
    color: #6d6150;
    border-bottom: 2px solid #1d93e0;
    font-size: .9em;
    text-align: center;
    font-family: Georgia, "Times New Roman", Times, serif
}
.tspan a strong .dwnarrow {
    bottom: -9px; left: 50px
}
.tmln_date {
    position: absolute; display: block;
    top: 18px; right: -25px;
    width: 50px;
    color: #A2997C;
    font-size: .8em;
    text-align: center
}
.tmln_btn {
    position: absolute; display: block;
    top: 70px;
    width: 25px; height: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #a9a9a9;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.tmln_btn .lftarrow {
    left: 8px;
    border-right-color: #a9a9a9
}
.tmln_btn .rgtarrow {
    left: 10px;
    border-left-color: #a9a9a9
}
.tmln_btn .lftarrow, .tmln_btn .rgtarrow {
    position: absolute; display: block;
    top: 6px
}
.tmln_btn:hover { background: #fff }
#tmln_prv { left: 15px }
#tmln_nxt { right: 15px }
/* ===[ Timeline balloon ]=== */
#tmln_desc {
    position: absolute;
    right: 45px; bottom: 70px;
    width: 250px; height: auto;
    padding: 10px 25px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: -5px 5px 10px 0px rgba(68, 68, 68, 0.4);
    -moz-box-shadow: -5px 5px 10px 0px rgba(68, 68, 68, 0.4);
    box-shadow: -5px 5px 10px 0px rgba(68, 68, 68, 0.4);
}
#tmln_desc p {
    padding-bottom: 60px;
    color: #333333;
    border-bottom: 1px dotted #7f7f7f;
    font-size: .9em;
    line-height: 1.4em
}
.cc #at_lftart #tmln_desc header {
    display: block;
    margin: 0; padding: 0;
    border: 0 none transparent;
    background: none;
}
.cc #at_lftart #tmln_desc h1 {
    width: auto;
    margin: 0; padding: 0 0 5px;
    color: #1d93e0;
    border-bottom: 1px dotted #7f7f7f;
    font-size: 1.2em;
    background: none;
    font-family: Georgia, "Times New Roman", Times, serif;
}
#tmln_descnxt {
    position: relative; display: block;
    width: 55px; height: 16px;
    margin-bottom: 10px; margin-left: 180px;
    padding-right: 15px;
    color: white;
    font-size: .8em;
    text-align: right;
    background: #1D93E0;
    line-height: 16px;
    cursor: pointer;
}
#tmln_descnxt .rgtarrow {
    position: absolute;
    top: 3px; right: 4px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
}
#tmln_balloonend {
    position: absolute; display: block;
    bottom: -35px;
    width: 0; height: 0;
    border-top: 40px solid white; border-right: 40px solid transparent; border-left: 0px solid transparent;
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-40deg, 0deg);
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-40deg, 0deg);
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-40deg, 0deg);
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-40deg, 0deg);
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-40deg, 0deg);
}
/* JOINT VENTURES
   ================================================== */
#jv_cnt {
    position: relative;
    width: 644px; height: auto;
    margin-top: 17px;
    margin: 0 auto; padding: 3px;
    border: 1px dotted #7F7F7F
}
#jv_cnt h2 {
    position: relative;
    margin: 0; padding: 7px 0 6px;
    color: #1D93E0;
    border-top: 1px solid #ECECEC; border-bottom: 1px solid #BABABA;
    font-size: 1.1em; font-weight: 400;
    text-indent: 13px
}
#jv_cnt h2 strong {
    float: right;
    margin-right: 10px;
    color: #666666;
    font-size: .75em;
    text-transform: uppercase;
    line-height: 2em
}
#jv_cnt h2 strong span { color: #1D93E0 }
#jv_scroller {
    height: 165px;
    background: url('../img/jv/jv_mapbg.png') no-repeat 0 0
}
#jv_scroller ul {
    position: absolute;
    left: 0;
    margin: 0; padding: 0;
    list-style: none
}
#jv_scroller_frame {
    position: relative;
    height: 165px;
    overflow: hidden
}
#alliances_banner {
	width: 644px; height: 165px;
	position: relative;
	background: url('../img/jv/alliances.jpg') no-repeat 0 0;
}
.jv_logo {
    position: relative; float: left;
    height: 65px;
    margin: 50px 10px
}
.jv_logo a { display: inline-block }
.jv_logo.jv_active {
    margin: 40px 10px; padding: 10px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #cccccc;
}
.jv_activedwnarrow {
    position: absolute; display: none;
    bottom: -14px;
    width: 17px; height: 13px;
    background: url('../img/jv/jv_rgt_arrow.png') no-repeat 0 -17px
}
.jv_active .jv_activedwnarrow { display: block }
#jv_scrollleft, #jv_scrollright {
    position: absolute; display: block;
    top: 75px;
    width: 13px; height: 17px;
    background: url('../img/jv/jv_rgt_arrow.png') no-repeat;
    cursor: pointer;
}
#jv_scrollleft {
    left: -10px;
    background-position: 0 0
}
#jv_scrollright {
    right: -10px;
    background-position: -13px 0
}
#jv_lower {
    height: auto;
    margin: 1px; padding: 5px 20px 25px;
    background: #f9f9f9
}
#jv_lower h3 {
    margin: 0; padding: 10px 0 2px;
    color: #1D93E0;
    border-bottom: 1px dotted #cccccc;
    font-size: .9em; font-weight: 100;
    text-transform: uppercase
}
#jv_lower ul {
    margin: 5px 0 0; padding: 0 0 0 20px;
    color: #666666;
    font-size: .85em;
    list-style: disc
}
#jv_lower ul li { margin: 2px 0 }
#jv_cbusiness {
    float: left;
    width: 325px
}
#jv_df {
    float: left;
    width: 260px; height: auto;
    margin-left: 15px
}
.jv_number {
    margin: 5px 0 0;
    font-size: 18px;
    font-family: "Times New Roman", Times, serif
}
.jv_number span {
    color: #666666;
    font-size: .7em; font-weight: 100;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}
#jv_piechart_wrp {
    float: left;
    width: 100%; height: 150px;
    margin-top: 15px
}
#jv_piechart { margin-top: 10px; width: 602px; height:346px }
/* ===[ Related Resources ]=== */
#jv_relres {
    position: relative;
    padding: 15px 0 60px
}
#jv_relres .exp_trg {
    position: relative; display: block;
    width: 138px; height: 23px;
    padding-left: 10px;
    color: #333333;
    font-size: .85em; font-weight: 400;
    text-decoration: none;
    line-height: 23px;
    background: #e9e9e9;
    border: 1px solid #cccccc;
}
#jv_relres .exp_trg .at_blueplus {
    position: absolute;
    top: 5px; right: 10px
}
#jv_relres .expcnt {
    float: left;
    margin-right: 10px
}
#jv_relres h3 {
    float: left;
    margin: 0 10px 0 0; padding: 0 0 2px 15px;
    color: #1D93E0;
    border-bottom: 1px dotted #cccccc;
    font-size: .95em; font-weight: 100;
    text-transform: uppercase
}
#jv_relres ul {
    margin: 0; padding: 0;
    list-style: none
}
#jv_relres ul li { border-bottom: 1px dotted #cccccc }
#jv_relres ul li:last-child { border: none }
#jv_relres ul li:last-child a { color: #1D93E0 }
#jv_relres ul a {
    position: relative; display: block;
    padding: 10px;
    color: #666666;
    font-size: .85em;
    text-decoration: none
}
#jv_relres ul a .at_blueplus {
    position: absolute;
    top: 11px; right: 5px
}
#jv_nav {
    position: absolute;
    right: 11px; bottom: 10px;
    width: 150px; height: 23px;
    background: #1D93E0
}
#jv_nav a {
    position: relative; display: block; float: left;
    height: 23px;
    color: #fff;
    font-size: .85em;
    text-decoration: none; text-transform: uppercase;
    line-height: 23px
}
#jv_nav a .at_blueplus {
    position: absolute;
    top: 5px
}
#jv_prv {
    margin-right: 8px; margin-left: 40px;
    padding-left: 15px
}
#jv_prv .at_blueplus { left: 0 }
#jv_nxt { padding-right: 15px }
#jv_nxt .at_blueplus { right: 0 }

/* PRODUCTION SHARING AGREEMENTS
   ================================================== */
#prd_cnt {
	position: relative;
  width: 640px; height: auto;
  margin-top: 17px;
  margin: 0 auto; padding: 3px 5px;
  border: 1px dotted #7F7F7F
}
#prd_cnt header {
	margin-bottom: 10px;
}
#prd_cnt h1 {
	width: 639px;
	height: 119px;
	position: relative;
	font-family: "Arial Narrow", Arial, Helvetica, "Helvetica Neue", sans-serif;
	color: #fff;
	font-weight: 200; font-size: 1.3em;
	margin: 0 auto;
}
#prd_cnt h1 span {
	position: absolute;
	bottom: 5px;
	right: 25px;
	display: inline-block;
}
.offshore #prd_cnt h1 {
	background: url('../img/prd/production-sharing-offshore.jpg') no-repeat 0 0;
}
.onshore #prd_cnt h1 {
	background: url('../img/prd/production-sharing-onshore.jpg') no-repeat 0 0;
}
#prd_cnt ul {
	list-style: none;
	margin:0; padding: 0;
}
#prd_cnt h3 {
	position: relative;
  margin: 0; padding: 7px 0 6px;
  color: #1D93E0;
  border-top: 1px solid #ECECEC; border-bottom: 1px solid #BABABA;
  font-size: .95em; font-weight: 400;
  text-indent: 13px;
	zoom: 1;
}
#prd_cnt h3 em {
	font-style: normal;
	position: relative;
	float: right;
	margin-right: 5px;
	display: block;
	font-size: .85em;
	color: #666666;
	padding-top: 2px;
}
#prd_cnt h2 {
	background: #E9E9E9;
  color: #333333;
  font-size: 0.95em;
  height: 23px;
  line-height: 23px;
  margin: 7px auto 0;
  padding-left: 12px;
  position: relative;
  text-decoration: none;
}
#prd_cnt h2 .at_blueplus {
	position: absolute;
  right: 5px;
  top: 5px;
}
.prd_legend {
	color: #1D93E0;
  font-size: 0.85em;
  font-weight: 600;
  text-indent: 12px;
}
#prd_cnt .exp {
	position: relative;
	padding: 0 0 100px;
}

/*Production tables*/
#prd_cnt table {
	width: 350px;
	margin-left:12px;;
	font-size: .85em;
	color: #333333;
	margin-bottom: 15px;
}
#prd_cnt tr {
	border-bottom: 1px solid #cccccc;
}
#prd_cnt tr:last-child {border: none}
#prd_cnt td {
	padding: 7px 0;
}
.prd_tblfig {
	text-align: right;
}
/*Production Pie chart*/
.prd_pieholder {
	position: absolute;
	top: 40px; height: 450px;
	right: -180px; width: 680px;
}


/* MAP HOVER PLACEHOLDER
   ================================================== */
#hoverplaceholder {
    position: absolute; display: block;
    top: 205px; right: 125px;
    width: 20px; height: 20px
}
#hoverplaceholder:hover div { display: block }
#hoverplaceholder div {
    position: absolute; display: none;
    top: -103px; left: -255px
}