﻿/* MAIN LAYOUT */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}

img
{
	border: none 0px;
}

li
{
	list-style-image: url(/images/layout/list-bullet.png);
	list-style-position: outside;
	padding-bottom: 5px;
}

li span
{
	vertical-align: top;
}

li span a
{
	vertical-align: top;
}

h1 span
{
	vertical-align: middle;
}

h1 img
{
	vertical-align: middle;
}

.container
{
	background: url('/images/layout/carbon-bg.png') repeat;
	width: 990px;
	margin: 0px auto;
	border-color: #171e21;
	border-style: solid;
	border-width: 0 1px;
}

.clear
{
	clear: both;
	display: block;
}

.cursorPointer
{
	cursor: pointer;
}

a.fill
{
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none!important;
}

.trHover
{
	background-color: #eeeeee;
}

/* HEADER LAYOUT */
.header
{
	height: 148px;
	background: url('/images/layout/header-bg-black.png') no-repeat;
}

.header .logo
{
	float: left;
	height: 51px;
	width: 200px;
	margin: 25px 0px 0px 0px;
}

.header .leftContainer
{
	float: left;
	width: 200px;
	margin: 0px 0px 0px 16px;
}

.top_shadow
{
	height: 12px;
	margin-top: -2px;
	position: relative;
	z-index: 5;
	background: url('/images/layout/top-shadow.png') repeat;
}

.topsearch
{
	float: left;
	margin: 25px 0px 0px 16px;
}

.topsearch img 
{
	margin-top: -6px;
	margin-bottom: -4px;
}

.search
{
	background: url('/images/layout/search-bar.png') repeat scroll 0 0;
	width: 525px;
	height: 30px;
	margin: 4px 0px 0px 0px;
}

.search input.box
{
	background: url('/images/layout/search-bar.png') repeat scroll 0 0;
	border: 0 none;
	float: left;
	color: black;
	font-size: 12px;
	margin: 6px 0 0 0;
	padding: 2px 5px 0px 11px;
	width: 365px;
}

.search input.button
{
	float: right;
	margin: 5px 10px 0 0;
}

.guidanceText
{
	font-style: italic;
	color: #6A6A6A !important;
}

.calendar
{
	float: right;
	height: 69px;
	margin: 10px 16px 0px 0px;
	width: 200px;
	color: #ffffff;
}

.calendar div#timerHolder
{
	/*background: url('/images/layout/countdown-bg.png') no-repeat;*/
	padding-bottom: 0px;
}

.calendar div#timerHolder object 
{
	position: relative;
	top: -1px;
}

.calendar div
{
	padding-bottom: 3px;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}

/* FOOTER LAYOUT */
.footer
{
	height: 63px;
	background: url('/images/layout/footer-bg-black.png') no-repeat;
}

.footer .logo
{
	float: left;
	margin: 15px 0 0 20px;
	height: 31px;
	width: 114px;
}

.footer .links
{
	color: #666666;
	float: right;
	font-family: Lucida Sans Unicode;
	margin: 15px 20px 0 0;
	text-align: right;
}

.footer .links a
{
	color: #FFFFFF !important;
}

.footer .links a:hover
{
	text-decoration:underline;    
}

/* COMMON CONTENT LAYOUT */

.box
{
	background: url('/images/layout/box-bg.png') repeat;
	border: solid 1px #727272;
	margin: 15px auto;
	padding: 15px;
	width: 932px;
}

.redBox
{
	background: url('/images/layout/box-bg-red.png') repeat!important;
}

.content
{
	margin: 15px auto;
	width: 962px;
}

/* COMMON TABLES */

.nowrap
{
	white-space:nowrap;
}

.wrap
{
	white-space:normal;
}

/* summary table */
/* summary css class used to build narrow tables with common style */
.summary
{
	float: left;
	width: 219px;
	margin: 15px 18px 0px 0px;
}

.wide 
{
	width: 430px!important;
	white-space: nowrap;
}

.wide table.details
{
	width: 203px!important;	
}


.summary .header
{
	background: transparent url('/images/layout/boxwhite-01.png') no-repeat scroll 0 0;
	height: 33px;
}

.summary .header .note
{
	padding: 6px 0px 0px 0px;	
	color: #ffffff;
}

.summary .header .note span
{
	font-style: italic;
	padding-right:3px;
}

div.wide .header
{
	background: transparent url('/images/layout/boxwhite-05.png') no-repeat scroll 0 0;
	height: 33px;
	width: 450px;
}

.summary .header h3
{
	padding: 5px 0px 0px 10px;
}

.summary.news .header h3
{
	float: left;
	max-width: 200px;
}

.summary .header div.right
{
	float:right;
	margin-right:10px;
} 


.summary .details
{
	background-color: #FFFFFF;
	padding: 7px 10px;
	width: 199px;
}

.summary .height250
{
	height: 250px;
	overflow:auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.summary .home
{
}

.summary .footer
{
	background: transparent url('/images/layout/boxwhite-06.png') no-repeat scroll 0 0;
	height: 10px;
	padding: 10px 0 0 10px;
	width: 219px;
	color: #666666;
}

.summary .footer a
{
	color: #666666;
	text-transform: uppercase;
}

.summary table.details
{
	width: 197px;
	padding: 0px;
}

.summary table.details tr:hover
{
	background: #eeeeee;
}

.summary table.details td
{
	border-bottom: 1px solid #B7B7B7;
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}

.summary table.details td.detailsheader
{
	border-bottom:1px solid black;
}

.summary table.details td.noBorder
{
	border-bottom: none;
	padding: 2px;
}

.summary table.details td.separator
{
	border-bottom: 1px solid #B7B7B7;
	padding: 0;
}

.summary table.list td
{
	border-bottom: none;
	padding: 1px 0px 1px 0px;
}

.summary table.list td.separator
{    
	padding: 1px 0px 0px 0px;
}

.summary table.list span
{
	white-space: normal!important;
}


.summary table.details td.red
{
	border-bottom: 1px solid #EC0000;
	color: #EC0000;
}

.summary table.details tr.red td
{
	border-bottom: 1px solid #EC0000;
	color: #EC0000;
}

.summary table.details tr.red td a
{
	color: #EC0000;
}

.summary table.details td.last
{
	border: medium none;
	margin-bottom: 7px;
}

.summary table.details a
{
	color: #090909;
}

.summary table.details a:hover
{
	text-decoration:underline;
}

.summary table.details span
{
	white-space: nowrap;
}

.summary table.details span.wrap
{
	white-space: normal!important;
}

.summary table.summarySections td.separator
{	
	border-left: solid 1px #B7B7B7;
}

/* report table */
/* report css style used to build full width tables with common styles*/

.report-narrow
{
	float: left;
	margin: 15px 18px 0px 0px !important;
	width: 219px !important;
}

.report-narrow-double
{
	float: left;
	margin: 15px 18px 0px 0px !important;
	width: 450px !important;
}

.report-narrow .header
{
	width: 219px !important;
	background: transparent url('/images/layout/boxwhite-01.png') no-repeat scroll 0 0!important;
}

.report-narrow-double .header
{
	width: 450px !important;
	background: transparent url('/images/layout/boxwhite-05.png') no-repeat scroll 0 0!important;
}

.report-narrow .header h3
{
	margin-top: 5px!important;
}

.report-narrow-double .header h3
{
	margin-top: 5px!important;
}

.report-narrow table.details
{
	text-align: center;
	width: 219px !important;
}

.report-narrow-double table.details
{
	text-align: center;
	width: 450px !important;
}

.report-narrow div.details
{
	width: 219px;
	padding: 0px;
	margin-top:-5px!important;
}

.report-narrow-double div.details
{
	width: 450px;
	padding: 0px;
	margin-top:-5px!important;
}

.report-narrow .height250
{
	height: 250px;
	overflow:auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.report
{
	margin: 15px 0px 0px 0px;
}

/* report header styles */
.report .header
{
	background: transparent url('/images/layout/boxwhite-04.png') no-repeat scroll 0 0;
	height: 31px;
	width:932px;
	padding:1px;
}

/* header title style */
.report .header h3
{
	margin:9px 0px 0px 9px;
	display:block;
	float:left;
}


/* right aligned section in header - put everyting in div with that css class ot make it right aligned*/
.report .header div.right
{
	float:right;
	margin-right:10px;
} 


/* style for GPG button inside right section of header */
.report .header div.right div.button
{
	margin-top:7px; 
	float:left;
	margin-left:5px;
}

/* note in header (samples on Egines/Tyres page) with italic font */
.report .header .note
{
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
}

.report .header .note span
{
	font-style: italic;
	padding-right:3px;
}

.report .header .alphabet
{
	margin-top:7px;
}

/* year picker control inside header */
.report .header .yearPickerContainer
{
	padding-top:7px;
	height:22px;
	margin-right: auto;
	margin-left: auto;
	width:12%;
}

.content .box .yearPickerContainer
{
	height:22px;
	margin-right: auto;
	margin-left: auto;
	width:12%;
}

/* details class is used to place main report content (table)*/
.report .details
{
	background-color: #FFFFFF;
	padding: 0px;
	min-height: 50px;
}

.report .nominheight
{
	min-height:0px!important
}
   
.report .details .nodata
{
	height:50px
}

.report .nominheight .nodata
{
	height:inherit!important
}

.report .details tr.nodata:hover
{ 
	background: inherit!important;
}

.report .details .nodata td
{
	border-bottom: none!important;
	vertical-align: middle;
}

/* this class used when details content should be scrollable*/
* html .report .verticalScrollable 
{ 
	height: expression( this.scrollHeight > 508 ? "508px" : "auto" ); /* sets max-height for IE */
	overflow:auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.report .verticalScrollable
{
	max-height: 508px;   /* sets max-height value for all standards-compliant browsers */
	overflow: auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* styles for main table with data */
.report table.details
{
	text-align: center;
	width: 100%;
	border-collapse:inherit!important
}

.report table.details td
{
	border-bottom: 1px solid #B7B7B7;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.report .middlealign table.details td
{
	vertical-align: middle;
}

/* when you need table where rows are clickable - add pointer class along with details class for this table */
.report table.pointer td
{
	cursor:pointer;
}

.report table.pointer tr.nopointer td
{
	cursor:default;
}

/* styles for table header */
.report table.details th
{
	padding-left: 3px;
	padding-right: 3px;
	background-color: silver
}

.report table.details tr.last td
{
	border: medium none;
	margin-bottom: 7px;
}

.report table.details tr:hover
{
	background: #eeeeee;
}

/* class used for selected rows */
.report table.details tr.selectedRow td
{
	background-color: #FFFF00;
}

   
/* group class used for rows with total data */
.report table.details tr.group td
{
	background-color: silver;
	font-weight:bold;    
}

/* styles for links in report tables */
.report table.details a
{
	color: #090909;
}

.report table.details a:hover
{
	text-decoration:underline;
}

.report .details a.red
{
	color: #EC0000;
}


/* apply this style to header and row cells for left aligned columns */
.leftItem, .report table.details td.leftItem
{
	text-align: left;
	padding-left: 5px;
}

.leftItem th, .report table.details th.leftItem
{
	padding-left:3px;
}

span.leftItem
{
	float: left;
	padding-left: 0px;
}

/* apply this stlyle to header and row cells for right aligned columns */
.rightItem, .report table.details td.rightItem
{
	text-align: right;
	padding-right: 5px;
	padding-left:0px;
	min-width: 10px;
}

.rightItem th, .report table.details th.rightItem
{
	padding-right: 3px;
}

.topItem
{
	 vertical-align:top !important;    
}

span.rightItem
{
	float: right;
	padding-right: 0px;
}

/* apply this style to header and row cells for left aligned columns */
.centerItem, .report table.details td.centerItem
{
	text-align: center;
	padding-right: 5px;
	padding-left:0px;
}

.centerItem th, .report table.details th.centerItem
{
	padding-right: 3px;
}

/* sort buttons styles */

.GPGButton
{
	height: 22px; 
	empty-cells:show;
}

.GPGButton-left
{
	background-image: url(/images/controls/GPGButton/button-bg-left.png);
}

.GPGButton-center
{
	background-image: url(/images/controls/GPGButton/button-bg-center.png);
}

.GPGButton-right
{
	background-image: url(/images/controls/GPGButton/button-bg-right.png);
}

table.GPGButton tr:hover td.GPGButton-left
{
	background-image: url(/images/controls/GPGButton/button-bg-left-hover.png);
}

table.GPGButton tr:hover td.GPGButton-center
{
	background-image: url(/images/controls/GPGButton/button-bg-center-hover.png);
}

table.GPGButton tr:hover td.GPGButton-right
{
	background-image: url(/images/controls/GPGButton/button-bg-right-hover.png);
}

table.GPGButton tr.selected td.GPGButton-left
{
	background-image: url(/images/controls/GPGButton/button-bg-left-selected.png);
}

table.GPGButton tr.selected td.GPGButton-center
{
	background-image: url(/images/controls/GPGButton/button-bg-center-selected.png);
}

table.GPGButton tr.selected td.GPGButton-right
{
	background-image: url(/images/controls/GPGButton/button-bg-right-selected.png);
}

.GPGButton-center input
{
	height: 18px;
	border: none 0px;
	color: #ffffff;
	font-family: Lucida Sans Unicode;
	font-size: 7pt;
	background-color: Transparent;
	padding: 0px 0px 2px 0px;
	cursor: pointer;
}

.GPGButton-center a
{
	height: 18px;
	border: none 0px;
	font-family: Lucida Sans Unicode;
	font-size: 8pt;
	background-color: Transparent;
	padding: 0px 0px 0px 0px;
	margin: 2px 2px 0px 2px;
	cursor: pointer;
}


/* end of sort buttons styles */

/* alphabet control styles */

table.alphabet
{
	display: inline;
	float: right;
}

.alphabet .GPGButton-center
{
	width: 8px;
}

.alphabet .other .GPGButton-center
{
	width: 35px;
}

.alphabet .GPGButton-center input
{
	font-size: 7pt;
	padding-bottom: 3px;
}


/* end of alphabet control styles */

/* Year Picker Control */


div.yearControl
{
	height: 22px;
	overflow:hidden;
}

div.yearControl div.leftButton
{
	float:left;
	height:22px;
	width:15px;
	background:transparent url('/images/controls/yearpicker/bg-left.png') no-repeat scroll 0 0;
}
div.yearControl div.middle
{
	float:left;
	height:22px;
	background:transparent url('/images/controls/yearpicker/bg-middle.png') repeat-x scroll 0 0;
}
div.yearControl div.rightButton
{
	float:left;
	height:22px;
	width:15px;
	background:transparent url('/images/controls/yearpicker/bg-right.png') no-repeat scroll 0 0;
	background-position:right;
}

div.yearControl div.leftButton input
{
	margin:6px 0px 0px 5px;
}

div.yearControl div.middle select
{
	background-color: #0e0e0e;
	border:solid 0px #0e0e0e;
	color: #ffffff;
	margin:2px 5px 0px 3px;
	outline-style:none;
	outline-width:0px;
}

div.yearControl div.rightButton input
{
	margin:6px 5px 0px 0px;
}

div.yearControl .disabled
{
	cursor:default;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	opacity:0.3
}

/* SectionedGrid control styles */

table.SectionedGrid
{
	width: 100%;
}

.SectionedGrid .Section
{
	border-collapse: collapse;
	border-right: 1px solid #b7b7b7!important;
}

.noData
{
	display: block;
	width: 100%;
	padding: 20px 5px;
	text-align: center;
}

/* end of SectionedGrid control styles */

/* static pages styles */

.static .details
{
	background-color: #FFFFFF;
	padding: 1px 10px;
}

.static .details a
{
	color: #090909 !important;    
}

.static .details a.mailto
{
	color: #800000 !important;
}

.static .details a.mailto:hover
{
	text-decoration: underline;
}

.static .details p
{
	text-align: justify;
}

.static .details p.tabbed
{
	padding-left: 25px;
}

/* end of static pages styles */

/* Circuits.aspx page styles */

/*
.scrollableTable thead
{
	position: relative;
}

.scrollableTable thead tr
{
	display: block;
}

.scrollableTable tbody
{
	display: block;
	height: 508px;
	overflow: auto;
	width: 100%

}
*/
/* End of Circuits.aspx page styles */


/* update progress control (inner table) */

.progress
{	
	height: 100%;
	width: 100%;	
}
/* end of update progress control */

/* Legend control styles */

.legend
{
	padding: 3px 3px 0px 3px;
	border-top: solid 1px black;
	font-style: italic;
}

.legend span
{
	padding-right: 20px;
	white-space: nowrap;
}

.legend span.rightmost
{
	float: right;
	padding-right: 3px;
}

.legend a:link, .legend a:visited, .legend a:active
{
	color:#090909
}       

.legend a:hover
{
	text-decoration:underline;
}

/* end of Legend control styles */

/* StatisticHolder control styles */

.statistics h2
{
	display: block;
	float: left;
}

.statistics .note
{
	text-align: left;	
}

.statistics .note span
{
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
}

.statistics div
{    
	overflow: hidden!important;
}

.modalPopup .statistics div
{
	width: 100%;
	overflow: hidden!important;
}

.statistics .header
{
	cursor: pointer;
}

table.subcategories
{
	display: inline;
	float: right;
}

table.subcategories tr td[subcategorycode]
{
	padding-left: 5px;
}

.statistics .report table.details th
{
	white-space:nowrap;
}

.statistics div.anchor
{	
	height:1px;
	width:1px;	
	position:relative;
	top:-10px;
	left:-5px;
}

/* end of StatisticHolder control styles */

/* StatisticRecordsHolder control styles */

div.statisticRecords
{
	min-height: inherit!important;	
}

/* end of StatisticRecordsHolder control styles */

/* use for select div block in js */
.alignReport
{
}

/* use for show GMT on UC NextGrandPrix  */
/*tr.gmt
{
	cursor: pointer;
}

tr.gmt a
{
	text-decoration: none;
	color: black !important;
}

tr.gmt a:hover
{
	text-decoration: none !important;
}
*/
tr.gmt td.selected
{
	background-color: #FFFF00;
}

tr.gmt td.selected a
{
	text-decoration: none;
	color: black !important;
	cursor:default !important;
}

tr.gmt td.selected a:hover
{
	text-decoration: none !important;
}

.summary table.details tr.noHover
{
	background: #FFFFFF;
}

.summary table.details tr.noHover:hover
{
	 background: #FFFFFF;
}

/* use for legend table*/

.legendItems
{
   margin-left: -3px;
   margin-right: -3px; 
   font-style: normal;
}

.legendItems SPAN
{
	white-space:normal;
}

.legendItems table.legendTable
{
	border-top: none;
	width: 100%;
}

table.legendTable td
{
	border-top: 1px solid #B7B7B7;
	padding: 2px 2px 2px 3px;
	vertical-align: top;
}

.legendSeparator
{
	border-top: 1px solid #B7B7B7;
	margin-left: -8px;
	margin-right: -8px;
}

/*


*/

a.logout,a.logout:link,a.logout:visited,a.logout:active
{
	
	display:block;
	float:right;
	margin:20px 10px;
	color:#ffffff;
	list-style:		none;   
	font-family:    Verdana;
	font-size:      14px;
	font-weight:    bold;
	text-decoration:none;
	color:			#ffffff!important;
	
}

.form
{
	color:#ffffff    
}

/* GPNavigation control styles */

.gpNavigation div.gpName
{
	float: left;
	width: 45%;
}

.gpNavigation div.gpControls
{
	height: 33px;
	float: right;
	padding-right: 5px;	
	background:url(/images/menu/menu-bg.png) no-repeat scroll center bottom transparent;	
}

.gpNavigation div.yearControl
{
	float: left;
	padding: 5px 0px 0px 5px;	
}

.gpNavigation .GPGButton-center a
{
	color: #FFFFFF !important;
}

.gpNavigation .navigationControl
{
	float: left;
	height: 33px;
	padding: 5px 0px 0px 5px;
}

.gpNavigation .prevButton .GPGButton-center input
{
	padding-left: 13px!important;
	background: url(/images/controls/YearPicker/prev.png) no-repeat scroll left transparent;
}

.gpNavigation .nextButton .GPGButton-center input
{
	padding-right: 13px!important;
	background: url(/images/controls/YearPicker/next.png) no-repeat scroll right transparent;
}

.gpNavigation .gpSelect div.leftButton, .gpNavigation .gpSelect div.rightButton
{
	width: 5px!important;
}

.gpNavigation table.disabled
{
	cursor:default;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	opacity:0.3
}

.gpNavigation table.disabled input
{
	cursor: default;
}

.gpNavigation .gpSelect select
{
	width: 185px;
}

/* end of GPNavigation control styles */

/* TwitterFeed control styles */

.twitter
{
	background:url("/images/layout/twitter-bg.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:33px;
	margin:10px auto 0 232px;
	width:525px;
}

.twitter .feed
{
	height: 31px;
	margin-left: 1px;
	margin-top: 1px;	
}

.twitter .feed a.followUs
{
	float: left;
}

.twitter span.feed
{
	color:#FFFFFF;
	float:left;
	line-height:13px;
	padding:0 0 0 2px;
	text-align:left;
	width:485px;
}

.twitter span.link
{
	color: #00FF00 !important;
}

.twitter .feed a
{
	color: #00FF00 !important;
}

.twitter .feed a:hover
{
	text-decoration: underline;
}

/** end of TwitterFeed control styles*/

/* Sponsor logo styles */

.logoshower
{
	float: left;
	margin: 5px 0 0 16px;
	width: 200px;
	cursor: pointer;
}

/* end of Sponsor logo styles */


/* Statistics page styles */

.statisticsHeader
{
	vertical-align: middle;
	width: 100%;
}

.statisticsHeader h2
{
	float: left;
}

.statisticSubcategories
{
	background:url(/images/menu/menu-bg.png) no-repeat scroll center bottom transparent;
	float:right;
	height:33px;
	padding-right:5px;    
}

.statisticSubcategories table
{
	margin-top: 3px;
}

.report.statisticList
{
	margin-top: 0px!important;
}

.statisticList .header .right
{
	margin-top: 7px;
}

.statistics .categories input
{
	text-transform: uppercase!important;
}

.statistics td.categories
{
	padding-left: 5px;
}

.statistics td.subcategory
{
	padding-left: 5px;
}

.modalPopup
{
	background-color:#090909;		
	border:1px solid #727272;	
	padding:15px;
	width:932px;	
}

.modalPopup .loader
{
	height: 523px;
}

.modalPopup .report
{
	margin-top: -5px;		
}

.modalPopup .report .header
{
	background: url(/images/controls/ModalPopup/boxwhite-04a.png) no-repeat scroll 0 0 transparent;
}

.modalPopup .report .statisticGrid
{
	height: 508px;
	overflow:auto;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.modalPopup .closeButton
{
	float: right;
}

.modalPopup .closeButton input
{
	background: url(/images/controls/ModalPopup/close.png) no-repeat scroll 0px -1px transparent;    
	border: 0px;
	height: 33px;
	width: 40px;
	cursor: pointer;
}

.modalPopup .closeButton input:hover
{
	background-position: 0px -34px;
}

.modalBackground {
	background-color: #090909;
	opacity:0.5;
	filter: alpha(opacity=50); 
}

/* end of Statistics page styles */

/* news control styles */

.news .details
{
	overflow: hidden;    
}

.news .details table
{
	width: 100%!important;
}

td.newsDate
{
	background-color: Silver;
	font-weight: bold;
}

.newsHeader
{
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px 10px 5px 10px;
}

.newsHeader h3
{    
	color: #000000;
	font-weight: bold;
}

.newsHeader .left, .newsFooter .left
{
	float: left;
}

.newsHeader .right
{
	float: right;
}

.newsFooter
{
	background-color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin-top: -25px;
}

.newsContent
{
	padding: 10px 10px 30px 10px;
	line-height:20px;    
	text-align:justify;    
	height: 300px;	
	overflow-y: auto;
}

.modalPopup.news .loader
{
	height: 340px;	
}

.modalPopup.news .details
{
	padding-bottom: 30px;
}


/* end of news control styles */

/* default page news styles */

.center .news.wide .header
{
	width: 458px !important;
	background: url(/images/layout/boxwhite-08.png) no-repeat scroll 0 0 transparent;
}

.center .news.wide .details
{
	width: 438px !important;
}

.news.summary a.visited
{
	color: #666666!important;
}

/* end of default page news styles */

/* news page styles */

.newsPage .box
{
	width: 620px;
	margin: 15px 0px !important;
	float: left;
}

.newsPage .summary
{
	float: none!important;    
}

.newsPage .summary .details table td
{
	padding-left: 5px;
}

.newsPage .wide
{
	width: 600px!important;
}

.newsPage .newsNavigation
{
	width: 100%;
}

.newsPage .newsNavigation td
{
	vertical-align: middle;
}

.newsPage .right
{
	height: 30px;
	padding-top: 15px;
}

.newsPage .twitterFeedContainer
{
	overflow: hidden;    
}

.newsPage .twitterFeed
{
	float: right;
	color: #FFFFFF;    
	padding-top: 15px;
}

.twitterItem
{
	border-bottom: 1px solid gray;
	padding-top: 2px;
	width: 280px;
}

.twitterItem .followUs
{
	float: left;
}

.twitterItem h2
{
	float: left;
	padding: 5px 0px 0px 5px;
}

.twitterItem span.link
{
	color: #00FF00 !important;
}

.twitterItem .feed a
{
	color: #00FF00 !important;
}

.twitterItem .feed a:hover
{
	text-decoration: underline;
}

table.round
{
	background-color: #000000;
	border: 1px solid #727272;
	padding: 5px;
}

img.twitterFooter
{
	margin-top: -48px;
	width: 280px;
}

/* end of news page styles */

/* Pager control styles */

.pager div.pagerControls
{
	height: 33px;
	float: right;
	padding-right: 5px;	
	background:url(/images/menu/menu-bg.png) no-repeat scroll center bottom transparent;	
}

.pager .GPGButton-center a
{
	color: #FFFFFF !important;
}

.pager .navigationControl
{
	float: left;
	height: 33px;
	padding: 5px 0px 0px 5px;
}

.pager .firstButton .GPGButton-center input
{
	padding-left: 13px!important;
	background: url(/images/controls/Pager/first.png) no-repeat scroll left transparent;
}

.pager .prevButton .GPGButton-center input
{
	padding-left: 13px!important;
	background: url(/images/controls/Pager/prev.png) no-repeat scroll left transparent;
}

.pager .nextButton .GPGButton-center input
{
	padding-right: 13px!important;
	background: url(/images/controls/Pager/next.png) no-repeat scroll right transparent;
}

.pager .lastButton .GPGButton-center input
{
	padding-right: 13px!important;
	background: url(/images/controls/Pager/last.png) no-repeat scroll right transparent;
}

.pager table.disabled
{
	cursor:default;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	opacity:0.3
}

.pager table.disabled input
{
	cursor: default;
}

/* end of pager control styles */

/* PopUpBanner control styles */

.popUpBanner
{
	margin:15px auto;
	width:964px;
	padding-left: 122px;
}

.bannerPopup
{
	height: 600px;
	width: 720px;	
}

.bannerPopup input
{
	border-width: 0;
	float: right;
	left: 15px;
	position: relative;
	top: 15px;
	height: 31px;
	width: 31px;
	background: url(/images/controls/PopUpBanner/close.png) no-repeat scroll top left transparent;
	cursor: pointer;
}

.bannerPopup input:hover
{
	background: url(/images/controls/PopUpBanner/close.png) no-repeat scroll bottom left transparent;
}

/* end of PopUpBanner control styles */