/* Hide from Home */
/* Hide title from home */
.ms-pagetitleareaframe table, .ms-titleareaframe {
	background: none;
	height: 10px;
	overflow: hidden;
}
.ms-pagetitle, .ms-titlearea, .breadcrumb {
	display: none;
}
/* General */
.home-page {
}
.middle-content {
	float: left;
	width: 617px;
	padding-top: 10px;
}
.side-content {
	float: right;
	width: 300px;
	padding-top: 10px;
}
/* Web parts */
div.home-webpart {
	margin-bottom: 10px;
}
div.side-content div.home-webpart {
	width: 291px;
}
.side-content h2.webpart-title {
	background: url('../Images/Backgrounds/side-titles-bg.jpg') no-repeat top left;
	margin: 0px;
	padding: 4px 15px 10px 15px !important;
	font-size: 21px !important;
	font-family: 'Times New Roman', Times, serif !important;
	color: #206f79;
	font-weight: normal;
}
h3.webpart-inner-title {
	margin: 0px;
	padding: 0px;
	font-family: 'Times New Roman', Times, serif !important;
	color: #d41f25 !important;
	font-size: 12pt !important;
}
div.side-content div.home-webpart {
	background: url('../images/backgrounds/side_webpart_bottom.gif') no-repeat left bottom;
	padding-bottom: 8px;
}
div.side-content div.webpart-content {
	background: url('../images/backgrounds/side_webpart_bg.gif') repeat-y left top;
	padding: 5px;
	border: 1px solid #f5f5f5;
}
.news-events-web-zone
{
	margin-top: 4px;
	margin-bottom: 20px;
}
.middle-web-zone
{
	
}
.products-map-parts
{
	margin-top: 20px;
}
.side-complaints
{
	margin-top: 5px;

}
.side-Achivements
{
	margin-top: 5px;

}
.middle-web-zone-1, .middle-web-zone-2
{
	margin-bottom: 20px;
}
.investment-zone
{
	width: 300px;
	float: left;
}
.concession-zone
{
	width: 300px;
	float: right;

}
.photo-library-zone
{
	width: 300px;
	float: left;

}
.public-services-zone
{
	width: 300px;
	float: right;
}

/*no items to display style*/
.no-items
{
  height:78%;
}
.no-items div
{
  padding:10px;
  
}


/* todayDate */
.todayDate {
	background: url('../Images/Backgrounds/date_bg.jpg') no-repeat top left;
	padding: 3px;
	padding-top: 8px;
	margin-bottom: 0px;
	height: 30px;
	text-align: center;
}
.todayDate span {
	color: #747474;
	font-family: Verdana;
	font-size: 8pt;
	/*vertical-align: middle;*/	
}
/* newsTicker */
div.newsTicker {
	background: url('../Images/Backgrounds/news_ticker_bg.jpg') no-repeat top left;
	padding: 5px 1px;
	padding-left: 85px;
	height: 26px;
	margin-bottom: 0px;
}
div.newsTicker div.items a, div.newsTicker div.items a:visited {
	color: #747474;
	font-family: Verdana;
	font-size: 12px;
	outline: none;
	
	display: inline-block;
	height: 15px;
	width: 470px;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space:nowrap !important;
}
.newsTicker .scrollable .items
{
	margin-top:4px !important;
}
div.scrollable {
	/* required settings */
   	 position: relative;
	overflow: hidden;
	width: 500px;
	height: 25px;
	padding-left: 10px;
	color: #000000;
}
div.scrollable div.items {
	/* this cannot be too large */
    width: 20000em;
	position: absolute;
}
div.scrollable div.items div {
	height: 100px;
	width: 500px;
}
.prevNewsItem {
	position: absolute;
	width: 21px;
	background: url(../Images/Buttons/prev.gif) no-repeat;
	height: 11px;
	top: 0px;
	right: 2px;
	cursor: pointer;
	display: block;
}

.nextNewsItem {
	position: absolute;
	width: 21px;
	background: url(../Images/Buttons/next.gif) no-repeat;
	bottom: 4px;
	height: 11px;
	right: 2px;
	cursor: pointer;
	display: block;
}
.newsTickerBg {
	position: relative;
	width: 100%;
	margin-top: 2px;
}
/* newsletter */
.newsletter-container {
	margin-top: 10px;
}
p.newsletter-text {
	font-family: Verdana;
	font-size: 9pt;
	color: #167597;
	padding: 0px 5px;
}
input.newsletter-email {
	width: 178px;
}
div.newsletter-after-button {
	text-align: center;
	margin: 5px 5px 10px 5px;
}
.newsletter-email .button-container
{	
	margin-left:5px;
	padding-bottom:2px;
	display:inline-block;
	background: none !important;
}
/* petroleum-prices */
div.petroleum-prices-container div.webpart-content {
	padding: 0px;
}
div.petroleum-prices-content {
	padding-top: 10px;
}
div.petroleum-prices-prev {
	width: 16px;
	float: left;
	padding-top: 10px;
}
div.petroleum-prices-next {
	width: 16px;
	float: right;
	padding-top: 10px;
}
a.prevPage {
	display: block;
	width: 16px;
	height: 65px;
	background: url('../Images/Buttons/petroleum_prices_prev_arrow.gif') no-repeat top left;
	cursor: pointer;
}
a.nextPage {
	display: block;
	width: 16px;
	height: 65px;
	background: url('../Images/Buttons/petroleum_prices_next_arrow.gif') no-repeat top left;
	cursor: pointer;
}
.petroleum-prices-next-link
{
	display: block;
	float: right;
	width: 15px;
	cursor: pointer;
	
}
 .petroleum-prices-prev-link 
 {
 display: block;
	float: left;
	width: 15px;
	cursor: pointer;
	margin-right: 10px;

}
a.petroleum-prices-next-lin:active, a.petroleum-prices-prev-link:active {
	outline: none;
}
div.petroleum-prices-sections {
	width: 230px;
	height: 140px;
	float: left;
	padding: 0px 10px;
}
div.petroleum-prices-sections-scrollable {
	/* required settings */
    position: relative;
	overflow: hidden;
	width: 230px;
	height: 145px;
	float: left;

}
div.petroleum-prices-sections-items {
	/* this cannot be too large */
    width: 20000em;
	position: absolute;
}
div.petroleum-prices-part {
	width: 228px;
	height: 150px;
	float: left;
	margin: 0px 2px;
}
.petroleum-prices-table {
	margin-top: 10px;
	width: 100%;
}
.petroleum-prices-table th {
	color: #D41F25;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	border-bottom: 1px solid #C29D00;
	padding: 3px 4px 3px 8px;
}
.petroleum-prices-table td {
	color: #167597;
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	padding: 3px 4px 3px 8px;
}

/* poll */
.poll {
	margin: 10px 20px 5px 10px;
}
.poll span {
	color: #167597;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}
.pollBody {
	margin-top: 10px;
}
.pollBody td {
	padding: 1px 1px;
}
.pollBody label {
	margin-left: 3px;
}
.pollBody label {
	color: #167597;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
}
.pollsButtons {
	text-align: right;
}
.pollsSubmitButton {
	background: url('../Images/Backgrounds/vote_button_bg.jpg') no-repeat top left;
	width: 59px;
	border: 0px;
	color: #FFF;
	font-family: Verdana;
	font-size: 9pt;
	height: 20px;
	margin-right: 15px;
}
.pollsButtons a, .pollsButtons a:visited {
	font-family: Verdana;
	font-size: 8pt;
	color: #d70000 !important;
	text-decoration: underline !important;
}
.pollsButtons a:hover {
	text-decoration: none !important;
	color: #d70000 !important;
}
.poll .result {
	margin-top: 15px;
}
.poll .result > div {
	margin-bottom: 8px;
}
.poll span.answer, .poll span.value {
	font-weight: normal !important;
}
.poll .chart {
	margin-top: 3px;
}
.Result1 {
	background: #2f617d;
}
.Result2 {
	background: #3b86b0;
}
.Result3 {
	background: #07476b;
}
.Result4 {
	background: #3ab8ff;
}
.Result5 {
	background: #c7524d;
}
.Result6 {
	background: #f0aa03;
}
.Result7 {
	background: #7d8689;
}
.Result8 {
	background: #ffffff;
}
.Result9 {
	background: #000000;
}
.Result10 {
	background: #b37a01;
}

.pollsBackButton {
	display: block;
	margin-top: 10px;
	float: right;
	font-family: Verdana;
	font-size: 8pt;
	text-decoration: underline !important;
	color: #d70000 !important;
}
.pollsBackButton:hover {
	text-decoration: none !important;
}
/* News & Events Web part */
.news-box-holder
{
  width: 616px;
}

/*tabs*/
.tabs
{
  border: none;
  padding: 0px;
  margin: 0px;
  background: #f5f5f5 url(  '../images/tabs/curveEnd.jpg' ) top right no-repeat;
  padding-right: 7px;
}
.tabs ul
{
  background: url(  '../images/tabs/strip.jpg' ) top right repeat-x;
  border: none;
  padding: 0px;
  margin: 0px;
  width:610px;
  float:left;
}

#tabs-photos-videos
{
	padding-right:0;
}

#tabs-photos-videos ul
{
	width:293px;
}


#tabs-photos-videos ul li a
{
	display:inline-block;
}

html > /**/ body  #tabs-photos-videos .tab
{
	height:210px;
}

.smallpanes .ui-tabs-panel
{
  height: 190px;
}

#tabs-photos-videos .more-part
{
	width:300px;
}

#tabs-videos , #tabs-photos
{
	padding:0!important;
	*padding: 1em 1.4em!important;
}


.tabs ul li .middle-strip a
{
  color: #8a8a8a;
  font: normal 20px Times New Roman;
  padding: 6px 0px 0px 0px;
  /*margin-left: -15px;*/
  text-decoration:none;
}
.tabs ul li.first-tab a
{
  margin-left: 0px;
  padding-left:7px;
}
.tabs ul li a:hover
{
  color: #206f79;
}
.tabs li
{
  margin: 0px;
  height: 37px;
  float:left;
  list-style-type:none;

}
.tabs .first-tab .first
{
  background: url( '../images/tabs/first.jpg' ) top left no-repeat;
  width: 6px;
  height: 37px;
  display: inline-block;
  float: left;
}
.tabs .middle-strip
{
  background: url( '../images/tabs/strip.jpg' ) top left repeat-x;
  height: 37px;
  display: inline-block;
  float: left;
}

.tabs .first
{
  background: url( '../images/tabs/inactiveActive.jpg' ) top right no-repeat;
  height: 37px;
  width: 60px;
  display: inline-block;
  float: left;
}
.tabs .last-tab .last
{
  background: url( '../images/tabs/last.jpg' ) top right no-repeat;
  height: 37px;
  width: 64px;
  display: inline-block;
  float: left;
}
.tabs .first-tab .first
{
  background: url( '../images/tabs/first.jpg' ) top left no-repeat !important;
  width: 6px;
  height: 37px;
  display: inline-block;
  float: left;
}
/*active and inactive states*/
.active-tab 
{
  background: url( '../images/tabs/activeInactive.jpg' ) top left no-repeat !important;
}
.current, .current
{
	color: #206f79 !important;
}

{
  color: #206f79 !important;
}
.inactive-tab
{
  background: url( '../images/tabs/inactiveActive.jpg' ) top left no-repeat !important;
}
.tab
{
	position:relative;
	padding:5px 20px 5px 10px !important;
	height:300px;
	overflow:hidden;
}

/*more part at the bottom of the tabs - please note that this could be put in any other box in the page as it is common*/
.more-part
{
  /*margin-left: -22px;*/
  position:absolute;
  bottom:0px;
  left:0px;
}
.news-box-holder .more-part
{
  width: 616px;
}
.more-part .middle
{
  background: #fff url(  '../images/tabs/btmStrip.jpg' ) repeat-x;
  width: 100%;
  height: 33px;
}
.more-part .left
{
  background: url(  '../images/tabs/btmLeftCorner.jpg' ) bottom left no-repeat;
  width: 100%;
  height: 100%;
}
.more-part .right-long
{
  background: url(  '../images/tabs/btmRightCornerLong.jpg' ) bottom right no-repeat;
  width: 100%;
  height: 100%;
}
.more-part .right-short
{
  background: url('../images/tabs/btmRightCornerShort.jpg') bottom right no-repeat;
  width: 100%;
  height: 100%;
}
.more-part .more a
{
  background: url('../images/buttons/more-arrow.gif') center left no-repeat;
  height: 20px;
  float: right;
  margin: 10px 20px 0px 0px;
  padding-left: 20px;
}


/*events and news tabs*/
/*events tab*/
.tab-section
{
  background: #fff;
  border: 1px solid #ececec;
  padding: 10px 0px 10px 10px;
  margin-top: 10px;
  width: 100%;
}
.main-topic
{
  float: left;
}
.main-title a /*common in news and events tabs*/
{
  color: #d41f25;
  font: normal 18px Times New Roman;
  text-decoration: none;
}
.main-title a:hover
{
  text-decoration: underline;
}
.main-details /*common in news and events tabs*/
{
  color: #167597;
  font: normal 11px Verdana;
  margin-top: 2px;
}
.events-tab .main-details
{
  width: 505px;
}
.main-details a
{
  margin-left:5px;
}

.event-date
{
  background: url(  '../images/backgrounds/date.gif' ) no-repeat;
  width: 60px;
  height: 48px;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
.event-day
{
  margin-top: 2px;
}
.event-day, .event-month
{
  color: #545454;
  font: normal 12px Verdana;
  text-align: center;
}
.event-year
{
  text-align: center;
  margin-top: 5px;
}


/*news part*/
.tab
{
  padding-bottom: 0px !important;
}
.main-date
{
  color: #b0b0b0;
  margin: 10px 0px 7px 0px;
  font: normal 11px Verdana;
}
.main-img
{
  float: left;
  margin-right: 15px;
}
.main-img div
{
  font: normal 9px Verdana;
  color: #afafaf;
}
.news-tab .main-details
{
}
/*news items part (images at the bottom) in the news tab*/
#tabs-news-1 .tab-section, #tabs-news-2 .tab-section
{
	height:160px;
}
.news-items
{
  margin: 20px 0px 0px 10px;
  width: 100%;
}
.news-item
{
  float: left;
  width:190px;
}
.news-item img, .news-item div
{
  float: left;
}
.news-item div
{
  width: 115px;
  margin: 0px 10px 0px 5px;
}
.news-tab .main-topic
{
  width: 365px;
}

.rss-link
{
  cursor: pointer;
}
.rss-link
{
  display: inline-block;
  margin: 15px 0px 0px 5px !important;
  padding: 0px !important;
}


/*****/

h3.wpHeader
{
	font-family:Times New Roman !important;
	font-size: 21px !important;
	color:#206f79 !important;
	font-weight:normal !important;
	height:32px;
	background:url(../images/backgrounds/wp-header.jpg) no-repeat left top;
	margin:0;
	padding:4px 0 0 12px;
}
.wpBody
{
	background:#f5f5f5 url(../images/backgrounds/wp-bottom-bg.jpg) no-repeat left bottom;
	width:265px;
	padding:15px 15px 38px 15px;
	position:relative;
}

.noPadding
{
	padding:0px;
	width:295px;
}

.withMore
{
	padding-right:0px;
	padding-bottom:0px;
	width:280px;
}

p.more
{
	font-family:Times New Roman;
	font-size:14px;
	color:#206f79;
	text-align:right;
	height:22px;
	margin:0;
	padding:0;
	background:url(../images/backgrounds/more-bg.jpg) no-repeat right bottom;
	padding:3px 33px 0 0;
	margin-top:15px;
	position:absolute;
	right:0;
	bottom:0;
}

.noPadding p.more
{
	margin:0;
}

p.more a:link , p.more a:active , p.more a:visited , p.more a:hover
{
	color:#206f79;
	text-decoration:underline;
	background:url(../images/backgrounds/list-bullet.gif) no-repeat left 2px;
	padding-left:20px;
} 

p.more a:hover
{
	text-decoration:none;
}


.mapImg
{
	vertical-align:bottom;
}


.comonentRightImg
{
	float:right;
	vertical-align:top;
	margin-left:10px;
}

p.withImg
{
	padding-top:15px;
	margin-bottom:0;
}

p.brief
{
	font-family:Verdana;
	font-size:11px;
	color:#167597;
}

ul.list
{
	list-style-type:none;
	margin:15px 0 0 25px;
	padding:0;
}


ul.list li
{
	background:url(../images/backgrounds/list-bullet.gif) no-repeat left 5px;
	padding-left:20px;
	font-size:11px;
	font-family:Verdana;
	color:#d70000;
	line-height:18px;
}


ul.list li a:link ,  ul.list li a:active , ul.list li a:hover , ul.list li a:visited
{
	color:#d70000;
	text-decoration:underline;
}


ul.list li a:hover
{
	text-decoration:none;
}

/*-------------------------------------------Image Carousel styles----------------------------------*/

.step-carousel
{
  position: relative; /*leave this value alone*/
  overflow: scroll; /*leave this value alone*/
  width: 240px; /*Width of Carousel Viewer itself*/
  height: 150px; /*Height should enough to fit largest content's height*/
  float: left;
  overflow:hidden;
}

.step-carousel .belt
{
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
  width:2000em;
}

.step-carousel .steppanel
{
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 10px; /*margin around each panel*/
  width: 105px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.step-carousel .steppanel a
{
  font: normal 11px Verdana !important;
  color: #167597 !important;
  text-align: center;
  display: block;
  text-decoration: none;
}
.step-carousel .steppanel a:hover
{
  text-decoration: underline;
}

.step-carousel .steppanel img
{
  border: 3px solid #dfdfdf;
  margin-bottom: 10px;
  width:93px;
  height:70px;
}

.prev-item
{
  float: left;
  *margin-left: -15px;
  margin-top: 10px;
  background:url(../images/Buttons/prevImg.jpg) no-repeat left top;
  width:24px;
  height:90px;
    cursor: pointer;
}
.next-item
{
  float: right;
  margin-top: 10px;
  margin-left: 9px;
  background:url('../images/Buttons/nextImg.jpg') no-repeat left top;
  width:24px;
  height:90px;
    cursor: pointer;

}

/* new changes */
/* Added to fix tabs loading issue */
#tabs-news-2, #tabs-news-3, #tabs-videos
{
  display:none;
}
/* Added to fix the image size in news webpart issue */
.main-img img
{
	width:178px;
	height:119px;
}

.news-item img   
{
  width:53px;
  height:41px;
}
/* To fix webpart height issue */
.investment-zone .wpBody
{
	
	height:157px;

}
.concession-zone .wpBody
{
	height: 210px;

}
.public-services-zone .wpBody 
{
	height: 197px;
}
html > body /* */ .investment-zone .wpBody
{
	height:200px;
}
html > body /* */ .concession-zone .wpBody
{
	height:253px;
}



/* to fix news ticker arrows issue in FF */
html > body /* */ .newsTickerBg
{
	margin-top: -2px;
}

/* to fix bg issue in petroleum prices web part */
.petroleum-prices-container .webpart-content
{
	background-color: #f5f5f5;
	min-height: 150px;
}