﻿/* reset tables required for IE compatability with other browsers*/
/* http://meyerweb.com/eric/tools/css/reset/ */

ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul
{
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
}

/* end of reset code  */

table.editForm tr td
{
	vertical-align: top;
	font-size: 12px;
}
.accessible
{
	color: #999;
	display: block;
	font-size: 0.1em;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

.labelSuccess
{
	font-size: 120%;
	color: #060;
	font-weight: 900;
	text-align: center;
	margin: 0 auto;
}

.labelFailure
{
	font-size: 120%;
	color: #FF0000;
	font-weight: 900;
	text-align: center;
	margin: 0 auto;
}

.wideInputField
{
	width: 300px;
}
.autocompleteplus_completionListElement
{
	padding: 0;
	position: absolute;
	z-index: 6000;
	visibility: hidden;
	margin-left: -1px !important;
	margin-top: 5px !important;
	background-color: #F1F0F0;
	color: windowtext;
	border: buttonshadow;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	list-style-type: none;
}

/* AutoComplete highlighted item */

.autocompleteplus_highlightedListItem
{
	list-style-type: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #F90;
	text-decoration: none;
	background-color: #777;
	cursor: pointer;
	cursor: hand;
	padding: 0 0 0 3px;
	margin: 0;
	text-align: left;
	line-height: 20px !important;
}

/* AutoComplete item */

.autocompleteplus_listItem
{
	line-height: 20px !important;
	background-color: #F1F0F0;
	padding: 0 0 0 3px;
	margin: 0;
	font-family: Tahoma;
	font-size: 11px;
	color: #000;
	cursor: default;
	text-decoration: none;
	text-align: left;
	border-bottom: dotted 1px;
}
#buySearchBox
{
	width:475px;
}
#buySearchBoxLocation
{
	font-size: 0.7em;
	float: right;
	margin-top: -40px;
}

#sidebar1 #advancedSearchForm input
{
	margin: 0 0 6px;
	width: 136px;
	font-size: 0.7em;
}
#sidebar1 #advancedSearchForm input.findVehicle1{
    width:96px;
}
#sidebar1 #advancedSearchForm input[type="checkbox"]
{
	width: 16px;
	margin: 0 0 2px;
}

.WaterMarkText
{
	color: #888;
}

.searchResultAdminButtons
{
	margin-left: 100px;
}
.failedSearchOrganisations
{
	margin-left: 208px;
}
.selBoxWidth
{
	width: 528px;
}

.errorMessage
{
	padding: 4px 0 0 4px;
	margin: 0 0 4px;
	border: solid 1px gray;
	background-color: #FFC;
	color: Red;
}
div.topBox, div.narrowTopBox
{
	padding: 0 0 10px;
}
div.topBox
{
	width: 828px;
	margin: 0 14px;
}
div.narrowTopBox
{
	width: 518px;
	margin: 0 0 0 6px;
}

h1
{
	margin-top: 0;
}

.creditableInputField
{
	background-color: #CCF;
}

.disabledInputFIeld
{
	background-color: #CCC;
}

.paging
{
    padding-left:35px;
    font-size:10px;
}

.paging input.pagingPageNum
{
    border-style: solid;
    border-width: 1px;
    width:35px;
    height:18px;
    font-size: 10px;
}

.paging input.pagingBtnGo
{
    border-style: solid;
    border-width: 1px;
    border-color:#000000;
    width:25px;
    height:20px;
    font-size: 9px;
    margin-top:-2px;
    vertical-align:bottom;
    
}




.SiteCreditInformation
{
	width: auto;
	display: inline-block;
	margin: 0 0 20px 35px;
	padding: 2px;
}

.SiteCreditTitle
{
	text-align: left;
	font-size: 130%;
}

.SiteCreditCreditBoxes
{
	text-align: left;
}

.SiteCreditBox
{
	display: inline;
	float: left;
}
.SiteCreditBox input
{
	margin-right: 10px;
}
.SiteCreditBox span
{
	font-size: 70%;
	font-weight: 700;
}
.SiteCreditBoxLeft
{
	margin: 0 0 0 19px;
}
.MyCalendar .ajax__calendar_container
{
	z-index: 200;
	background-color: #FFF;
	border: 1px solid #000;
}

.MyCalendar .ajax__calendar_container table
{
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

.MyCalendar td, .MyCalendar th
{
	padding: 1px !important;
}

.MyCalendar .ajax__calendar_active
{
	border: 1px solid #FFF;
	background-color: #EDF9FF;
	border-color: #06C;
	color: #06C;
}

.ajax__calendar_day:hover
{
	background-color: #EDF9FF;
}

/* ss post a job - progress bar */
ul.progress_bar
{
	font-family: verdana;
	font-size: 9px;
	width: 520px;
	padding: 20px 10px 0;
	margin: 0 0 20px;
	list-style-type: none;
	clear: both;
}

ul.progress_bar li
{
	float: left;
	padding: 10px 19px 0;
	color: Gray;
	border-top: solid 1px gray;
}

.ContextHelpIcon
{
	cursor: pointer;
}
.narrowLabel
{
	width: 80px;
	font-weight: 700;
	text-align: right;
}
fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

fieldset ul
{
	padding: 0;
	margin: 0;
}

fieldset li
{
	list-style-type: none;
	float: left;
	clear: left;
	width: 100%;
	padding: 5px 0;
}
fieldset .Label, fieldset .narrowLabel, fieldset .Results
{
	font-weight: 700;
	font-size: 70%;
	padding: 2px 4px 5px 0;
}
fieldset .Label, fieldset .narrowLabel
{
	float: left;
	width: 200px;
	text-align: right;
}
fieldset .wideLabel
{
	width: 340px;
}

fieldset .Results
{
	width: 600px;
	text-align: left;
}
.wideContentBox fieldset .Results
{
	width: auto;
	margin: 0 15px;
	padding: 2px 15px;
}
.wideContentBox fieldset .ResultsBorder
{
	border: solid 1px #F60;
}
fieldset .NormalInputRow, fieldset .NarrowInputRow
{
	clear: none;
	float: left;
	width: 400px;
}
fieldset .WideInputRow
{
	width: 100%;
}
fieldset .NarrowInputRow, fieldset .NarrowInputRow input
{
	width: 280px;
}

fieldset .NarrowInputRow select
{
	float: left;
	clear: both;
	width: 284px;
}

fieldset .SelectedItemsInputRow
{
	clear: none;
	float: left;
	width: 400px;
	font-weight: 700;
	font-size: 70%;
	margin-bottom: 5px;
}

fieldset .NormalInputRow .SplitTextBox
{
	width: 182px;
}
fieldset .NormalInputRow .ShortInput
{
	width: 80px;
}
fieldset .NormalInputRow .MediumInput
{
	width: 244px;
}
fieldset .NormalInputRow .CheckBoxInputRow, fieldset .NormalInputRow .CheckBoxInputRow input, fieldset .NarrowInputRow input[type="checkbox"], .errorMessage .FilterErrorInput input
{
	width: 10px;
	font-weight: 700;
	font-size: 70%;
	padding: 2px 4px 5px 0;
}
fieldset .NormalInputRow .CheckBoxInputRow input
{
	vertical-align: bottom;
	position: relative;
	top: 3px;
}
fieldset .NormalInputRow .CheckBoxInputRow label
{
	padding-left: 15px;
	text-indent: -15px;
}

fieldset .ContextHelp
{
	clear: none;
	float: left;
	margin-left: 10px;
	min-width: 15px;
}

fieldset .Validation
{
	clear: none;
	float: left;
	margin-left: 10px;
}

#savedSearches fieldset .Validation
{
	float: right;
	margin: 0 18px 0 0;
}


fieldset p.SubmitButtonActive
{
	margin: 0;
	clear: none;
	float: left;
}

fieldset .FullWidthListItem
{
	width: 96%;
	padding: 2px 10px;
}
fieldset .FullWidthListItem a
{
	margin: 0 !important;
}

.shiftUp
{
	margin: -4px 0 0;
}

.checkBoxStatus
{
	margin: 5px;
}
/* general float class  */
.LeftFloater
{
	float: left;
}

.PreviewButtons
{
	text-align: right;
	font-size: 80%;
	margin-bottom: 10px;
}
.rightAlignedText
{
	font-size: 0.7em;
	margin: 25px 0 10px;
	text-align: right;
}
.PreviewButtons .NormalButton
{
	min-width: 0;
}
.browseAdverts a
{
	margin: 0;
	padding: 0;
}
.BrowsePageLeftColumn
{
	width: 45%;
	clear: none;
	padding: 0 0 0 20px;
	margin: 0;
}
.BrowsePageRightColumn
{
	width: 45%;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}
.CategoryCloud
{
	margin-top: 10px;
	text-align: justify;
}
.CategoryCloud .FreeText
{
	line-height: 1.5;
}
.CategoryCloud .contentBox
{
	letter-spacing: -0.06em;
	word-spacing: -0.1em;
	line-height: 0.8;
}

.CloudTagSize0
{
	font-size: 80%;
}
.CloudTagSize1
{
	font-size: 90%;
}
.CloudTagSize2
{
	font-size: 110%;
}
.CloudTagSize3
{
	font-size: 130%;
}
.CloudTagSize4
{
	font-size: 200%;
}
.contentBox
{
	width: 500px;
	padding: 0 18px 18px;
}
.NormalParagraph
{
	margin: 2px 15px;
}
.subNav ul
{
	height: 30px;
}

.barIndicatorBorder
{
	border: solid 1px #c0c0c0;
	width: 150px;
	padding: 2px;
}
.barIndicator_poor
{
	background-color: #FF0000;
}
.barIndicator_good
{
	background-color: #FF0;
}
.barIndicator_strong
{
	background-color: Green;
}
.barIndicator_poor
{
	background-color: #FF0000;
}

.barIndicator_good
{
	background-color: #FF0;
}

.barIndicator_strong
{
	background-color: Green;
}

div.GenericFooter
{
	padding: 15px 0 10px;
	font-size: 10px;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
}

.GenericFooter ul
{
	padding: 0 6px;
	list-style-type: none;
	margin: 0;
}

.GenericFooter ul li
{
	display: inline;
	margin: 5px;
}

.Ast
{
	color: red;
}
.Message
{
	color: red;
}
.SellerOfTheWeek
{
	text-align: center;
	margin-bottom:7px;
}
#searchResultsContent ul
{
	margin-bottom: 0;
	padding-bottom: 10px;
}
#searchResultsContent li
{
	list-style-type: none;
}

#searchResultsContent .searchResultsItemPicCont
{
    word-wrap:break-word;
}

#moreDetailsContent
{
    word-wrap:break-word;
}

.FilterError
{
	font-size: 90%;
}
.FilterError h3
{
	margin-top: 10px;
}
.FilterError ul
{
	margin-bottom: 10px;
}

ul.createAccount
{
	font-size: 75%;
	list-style-position: inside;
	margin: -10px 0 10px 45px;
	list-style-type: circle;
}
ul.createAccount li
{
	list-style-type: circle;
	float: none;
	margin: 0;
	vertical-align: middle;
}

div#existingLoginLink
{
	margin-left: 585px;
}
.greyBorder #ctl00_MainContent_Map1
{
	border: solid 1px #4E4E4E;
	position: relative;
}


/* Help Pages */
#HelpContainer
{
	height: 475px;
	width: 700px;
	border: 0;
	font-size: 75%;
	margin: 5px;
	text-align: left;
}
#HelpTextSection
{
	height: 530px;
	max-height: 450px;
	padding: 0 4px 0 8px;
	overflow: auto;
}
#HelpTextSectionCont
{
	width: 650px;
}
#HelpClose
{
	margin: 0;
	text-align: left;
	padding: 4px;
	line-height: 24px;
	height: 24px;
	font-weight: 700;
}
/* End Help Pages */

p.TandC
{
	padding-left: 15px;
}

ul.staticPage
{
	font-size: 75%;
	list-style-position: inside;
	margin: 10px 10px 10px 0;
	list-style-type: circle;
}

ol.staticPage
{
	list-style-type: decimal;
	font-size: 75%;
	list-style-position: inside;
	margin: 10px 10px 10px 0;
	padding-left: 10px;
}

ul.staticPage li, ol.staticPage li
{
	margin: 5px 5px 5px 15px;
}
/* Keywords lists */
.ColumnOne, .ColumnTwo
{
	width: 240px;
	position:relative;
}
/*Common class for right floats */
.ColumnTwo, .rightFloater
{
	float: right;
}

#moreDetailsContainer #soldBy .smallPics a, #moreDetailsContainer #soldBy .smallPics a:link, #moreDetailsContainer #soldBy .smallPics a:visited
{
	text-decoration: none;
}

#moreDetailsContainer #soldBy .smallPics img
{
	margin: 0;
}

.SmallText
{
	margin-bottom: 0;
}
/* Following code moved from the themed css as it is common to all three themes. Styles here are based on Road Transport */
/* --------- Layout Divs  --------- */

body
{
	font: 100.1% Arial, Verdana, "Trebuchet MS" , sans-serif;
	line-height: 1.3;
	background: #FFF;
	text-align: center;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#wrapper
{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#content
{
	width: 980px;
}

/*advertising - top, bottom and right-hand side ads*/

#topBannerAds
{
	margin: 10px 0 25px 0px;
	width: 980px;
}


#topBannerAds div
{
	margin: 0 0 10px;
	text-align: center;
}
#topBannerAdLeft
{
	float: left;
}
#topBannerAdRight
{
	float: right;
}
#rightSideAds
{
	position: absolute;
	width: 120px;
	text-align: right;
	margin: 0 0 0 0px;
	top: 400px;
	left: 860px;
}
#rightSideAds img, #rightSideAds object
{
	margin: 0 0 10px;
}
#bottomBannerAds
{
	clear: both;
	display: block;
	font-size: 10px;
	overflow: hidden;
	padding: 15px 0 10px;
	width: 100%;
}

/*header*/


#header
{
	width: 100%;
	border-top: 1px dotted #b6b6b6;
	padding-top: 1px;
}

#topCorners
{
	display: none;
}
#breadcrumbContainer
{
	font-size: 10px;
	padding: 0 0 12px 0px;
	color: #000;
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}
#breadcrumb
{
	float: left;
	padding: 3px 0 6px 8px;
	width: 600px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited
{
	color: #af0c0c;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active
{
	text-decoration: underline;
}
#printThisPage
{
	height: 15px;
	width: 300px;
	float: right;
	padding: 5px 0;
	text-align: right;
}
#breadcrumbContainer #printThisPage a, #breadcrumbContainer #printThisPage a:link, #breadcrumbContainer #printThisPage a:visited
{
	color: #000;
	text-decoration: none;
}
#breadcrumbContainer #printThisPage a:hover, #breadcrumbContainer #printThisPage a:active
{
	text-decoration: underline;
}

/* nb there is also accessible class. */

#header h1
{
	font-size: 0.1em;
	color: #999;
	text-indent: -999em;
	display: block;
	margin: 0;
	padding: 0;
}
#logoContainer
{
	margin: 0 0px 4px 0px;
	width: 100%;
	padding: 0;
}
#mainLogo
{
	float: left;
	width: 361px;
	height: 87px; /*main logo is different size across sites */
}

#login
{
	width: 330px;
	padding: 0;
	margin: 0;
	float: right;
}
#login form, #login #registerContainer
{
	margin: 0;
	padding: 0;
}
#loginTop
{
	height: 8px;
}
#loginBottom
{
	height: 8px;
	clear: both;
}

#login p
{
	font-size: 70%;
	color: #4B4B4B;
	font-weight: 700;
	font-style: italic;
	text-align: justify;
	width: 300px;
}
#logoContainer .Validation
{
	padding: 6px 8px 2px;
}

.largeFont
{
	font-size: 120%;
}
#login input
{
	margin: 0;
	float: right;
}
#login #usernamePassword
{
	margin: 0;
	padding: 5px 0;
	font-size: 0.7em;
	width: 330px;
}
#login #usernameContainer
{
	float: left;
	padding: 0 0 0 10px;
}
#login #passwordContainer
{
	float: right;
	padding: 0 10px 0 0;
}
#login #username, #login #password
{
	width: 80px;
	font-size: 0.85em;
	padding: 0.1em;
}
#login #loginBtnContainer
{
	float: right;
	padding: 10px 15px 0 0;
	width: 75px;
	text-align: right;
}
#register
{
	margin: 0 0 0 4px;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
}
#register a, #register a:link, #register a:visited
{
	text-decoration: underline;
	color: #fff;
} 
#login a:hover, #register a:active
{
	text-decoration: none;
}
.panelNotLoggedIn
{
	padding:10px 24px;	
}
.panelLoggedIn
{
	font-size:80%;
	padding:6px 0;
	display:inline-block;
	width:137px;
	text-align:center;
}

#contentFooter
{
	height: 36px;
	border-top: 1px dotted #b6b6b6;
	margin-top: 15px;
}

#contentFooter img
{
	display: none;
}

/* main content*/
#mainContent,#contentBkg
{
	min-height:1000px;
}
#mainContent
{
	margin: 0;
	float: left;
	width: 528px;
	padding: 0;	
}
#mainContent p
{
	font-size: 0.85em;
	margin: 0 18px 10px;
	padding: 0;
}
#mainContent td p
{
	margin: 0 0 0 25px;
	font-size: 1.23em;
	padding: 0 15px 20px 0;
	text-align: justify;
}

/* link colour varies between themes */
#contentBkg a, #contentBkg a:link, #contentBkg a:visited
{
	text-decoration: none;
	color: #0F70C5;
	font-weight: 700;
}
#contentBkg a:hover
{
	text-decoration: underline;
	color: #F00;
}
/* override link styles when in a button */
#contentBkg .submitBtn a, #contentBkg .submitBtn a:hover
{
	color: #FFF;
	text-decoration: none;
}
/* end of code moved from theme css */
#sidebar1 #advancedSearchForm .autocompleteplus_completionListElement, #buySearchBox #whatWhereBox .autocompleteplus_completionListElement
{
	width: 172px !important;
	overflow: auto;
}

#progressBackgroundFilter
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}

#processMessage
{
	position: fixed;
	top: 30%;
	left: 43%;
	text-align: center;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	background-color: #fff;
	border: solid 1px #000;
}

.Pagination
{
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 5px 0px;
	font-size: 11px;
	margin: 0;
}
.AgentNumbers
{
	float: left;
	width: 45%;
	display: block;
	font-size: 12px;
	margin-left: 10px;
}
.PageNumbers
{
	float: left;
	width: 50%;
	display: block;
	text-align: right;
}
.ResultAZ
{
	float: left;
}
.Result
{
	clear: both;
}
.Result span.Logo
{
	width: 140px;
	display: block;
	float: right;
	text-align: center;
}
.Result span.Logo img
{
	border: 0px;
	margin: 0;
}
#AZOuter
{
	margin: 15px;
}
.AZerrorMessage
{
	padding: 4px 0 0 4px;
	margin: 0 0 4px;
	color: Red;
}
#AZ
{
	margin: 10px 0 0;
}

#AZTop h3, #logoCarouselTop h3
{
	padding: 15px 0 0 15px;
	margin: 0 !important;
}

#AZbrowseAgents
{
	min-height: 355px;
}
/* set widths for normal input boxes and textboxes ie on Post an Ad pages */
.NormalInputRow input, .NormalInputRow textarea
{
	width: 400px;
}
/* set width for button wider than standard size */
.widerBtn input.UtilityButton, .widerBtn input.ActionButton
{
	width: 120px;
}

.spanWait
{
    float:right;
    margin-right:123px;
    visibility:hidden;
 
}

.spanGoWait
{
    visibility:hidden;
}

.hiddenButton
{
	display: none;
}
span.small
{
	font-size: 10px;
}
.yui-skin-sam
{
	/*margin:-10px 0 0 -10px;*/
}

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
.yui-carousel
{
	visibility: hidden;
	overflow: hidden;
	position: relative;
	text-align: left;
	zoom: 1;
}
.yui-carousel.yui-carousel-visible
{
	visibility: visible;
}
.yui-carousel-content
{
	overflow: hidden;
	position: relative;
}
.yui-carousel-element
{
	margin: 5px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 32000px;
	z-index: 1;
}
.yui-carousel-vertical .yui-carousel-element
{
	margin: 0 5px;
}
.yui-carousel-element li
{
	border: none;
	float: left;
	list-style: none;
	margin: 1px;
	overflow: hidden;
	padding: 0;
	text-align: center; *float:none;*display:inline-block;*zoom:1;*display:inline;}
.yui-carousel .yui-carousel-item-selected
{
	/*border: 1px dashed #000;*/
	margin: 1px;
}
.yui-carousel-vertical
{
	height: 32000px;
	margin: 0 5px;
	width: auto;
}
.yui-carousel-vertical .yui-carousel-element li
{
	display: block;
	float: none;
}
.yui-log .carousel
{
	background: #f2e886;
}
.yui-carousel-nav
{
	zoom: 1;
}
.yui-carousel-nav:after
{
	clear: both;
	content: "";
	display: block;
}
.yui-carousel-button-focus
{
	/*outline: 1px dotted #000;*/
}
.yui-carousel-min-width .yui-carousel-content
{
	margin: 0 auto;
}
/* .yui-skin-sam .yui-carousel, .yui-skin-sam .yui-carousel-vertical
{
	border: 1px solid #808080;
} */
.yui-skin-sam .yui-carousel-nav
{
	/* background: url(../images/sprite.png) repeat-x 0 0; */
	padding: 0 37px;
	text-align: right;
}
.yui-skin-sam .yui-carousel-button
{
	background: url(../images/sprite.png) no-repeat 0 -500px;
	float: right;
	height: 19px;
	margin: 25px 25px 5px;
	overflow: hidden;
	width: 40px;
}
.yui-skin-sam .yui-carousel-vertical .yui-carousel-button
{
	background-position: 0 -800px;
}
.yui-skin-sam .yui-carousel-button-disabled
{
	background-position: 0 -2000px;
}
.yui-skin-sam .yui-carousel-vertical .yui-carousel-button-disabled
{
	background-position: 0 -2100px;
}
.yui-skin-sam .yui-carousel-button input, .yui-skin-sam .yui-carousel-button button
{
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: block;
	height: 44px;
	margin: -2px 0 0 -2px;
	padding: 0 0 0 50px;
}
.yui-skin-sam span.yui-carousel-first-button
{
	background-position: 0 -450px;
	margin-left: -100px;
	margin-right: 205px;}
.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button
{
	background-position: 0 -750px;
}
.yui-skin-sam span.yui-carousel-first-button-disabled
{
	background-position: 0 -1950px;
}
.yui-skin-sam .yui-carousel-vertical span.yui-carousel-first-button-disabled
{
	background-position: 0 -2050px;
}
.yui-skin-sam .yui-carousel-nav ul
{
	float: right;
	height: 19px;
	padding:0 0 0 10px;
	margin: -2px 195px 0 -260px;
	*margin-left:-240px;*margin-right:0;
}
.yui-skin-sam .yui-carousel-min-width .yui-carousel-nav ul
{ *margin-left:-170px;}
.yui-skin-sam .yui-carousel-nav select
{
	position: relative; *right:50px;top:4px;}
.yui-skin-sam .yui-carousel-vertical .yui-carousel-nav ul, .yui-skin-sam .yui-carousel-vertical .yui-carousel-nav select
{
	float: none;
	margin: 0; *zoom:1;}
.yui-skin-sam .yui-carousel-nav ul li
{
	background: url(../images/sprite.png) no-repeat 0 -650px;
	cursor: pointer;
	float: left;
	height: 9px;
	list-style: none;
	margin: 10px 0 0 5px;
	overflow: hidden;
	padding: 0;
	width: 9px;
}
.yui-skin-sam .yui-carousel-nav ul:after
{
	clear: both;
	content: "";
	display: block;
}
.yui-skin-sam .yui-carousel-nav ul li a
{
	left: -10000px;
	position: absolute;
}
/*.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus
{
	outline: 1px dotted #000;
} */
.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected
{
	background-position: 0 -700px;
}
.yui-skin-sam .yui-carousel-item-loading
{
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
	position: relative;
	text-indent: -150px;
}
/* position box  below universal header */
#contentBkg div div#plainCornersTopWide
{
	margin: 0 14px;
}
#contentBkg div#plainCornersTopWide
{
	margin: 0 14px;
} 

#noResultsLocationSearch
{
	color: Red;
	padding: 8px;
	font-weight: bold;
	font-size: 12px;
}


/* #widgetMainContainer
{
    background-color: #FFFFFF;
    color: #4B4B4B;
    margin: 0 14px;
    display: inline-block;
    width: 840px;
}

#widgetMainContainer h3
{
    font-size: 18px;
    line-height: 22px;
    padding-left: 20px;
}

#widgetMainContainer.wideContentBox
{
    padding:0 0 5px;
}


#widgetHeaderContainer
{
    margin: 0 0 5px;
    padding: 0 0 0 5px;  
    position: relative; 
}

#widgetHeaderBottom
{
    margin: 0px;
    padding: 5px 0 5px 5px;
    background: transparent url(../images/widgetTriangleTile.gif) repeat-x scroll left bottom;
    position: relative;
}

#widgetHeaderTitle h2
{
    color:#666666;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    margin: 0;
    text-transform:uppercase;
    padding: 17px 0 5px 5px;
}

#widgetBlurb
{
    float:left;
    padding: 10px 0 10px 20px;
    position:relative;
    width:320px;
}

#widgetBlurb ol.decimal
{
    font-size: 20px;
    line-height: 18px;
    list-style-type: decimal;
    margin: 20px;
    padding: 0
}

#widgetMain
{
    float: right;
    padding-bottom: 20px;
    width: 400px;
    padding: 20px 30px 20px 0;
    
}*/

#widgetMainContainer
{
    margin: 0 14px;
    display: inline-block;

}

#widgetMainContainer h3
{
    /*font-size: 15px;*/
    line-height: 15px;
    padding: 15px 0 0 10px;
    text-transform:none;
}

#widgetMainContainer.wideContentBox
{
    padding:0 0 5px;
    
}


#widgetHeaderContainer
{
    margin: 0 0 5px;
    padding: 0 0 0 5px;  
    position: relative; 
}

#widgetHeaderIntro
{
    font-size: 1.2em; 
}

#widgetHeaderBottom
{
    margin: 0px;
    padding: 5px 0 5px 5px;
    background: transparent url(../images/WidgetTriangleTile.gif) repeat-x scroll left bottom;
    position: relative;
}

#widgetHeaderTitle h2
{
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    text-transform:uppercase;
    padding: 8px 0 5px 5px;
}

#widgetBlurb
{
    float:left;
    padding: 10px 0 10px 0;
    position:relative;
    width:250px;
}

#widgetBlurb ol.decimal
{
    
    line-height: 18px;
    list-style-type: decimal;
    margin-left: 10px;
    
    padding: 0
}

#widgetMain
{
    float: right;
    padding-bottom: 20px;
    width: 240px;
    padding: 20px 5px 20px 0;
    
}

.searchResultsLabel
{
    display:inline-block;
    width:80px;
}
.modalBackground
{
	filter: Alpha(Opacity=40);
	opacity: 0.4;
	width: 100%;
	height: 100%;
	background-color: #999;
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
}
/* feedback form  */
.FeedbackDiv
{
	background-color: #FFF;
}

.textboxWatermark
{
	background-color: #f0ffff;
}

.PanelMainFeedback
{
	width: 300px;
	background-color: #f5f5f5;
	line-height: 1.1;
}
.PanelMainFeedback .NormalButton
{
	min-width: 100px;
}


.PanelMainFeedback .NormalButtonReverse
{
	margin-left: 2px;
}

.PanelDeleteConfirm
{
	width: 300px;
	background:#fffbf0;
	border: solid 1px DarkOrange;
	line-height: 1.1;
}
.PanelDeleteConfirm h3
{
	background:#c9d6fd;
	padding:4px 0;
	margin:0 0 10px;
}
span.PopUpText 
{
	font-size:83%;
	font-weight:700;
	padding:6px 12px;
	display:block;
	text-align:left;
	color:#707070;
	
}

.PanelDeleteConfirm .NormalButton
{
	min-width: 100px;
}
.PanelDeleteConfirm .NormalButtonReverse
{
	margin:0 0 16px 2px;
}

.ImageButtonModal
{
	position: fixed;
	left: 1px;
	top: 100px;
}
.FeedbackButtonForm
{
	padding: 20px;
}
table.browserPolicy
{
	border-collapse: separate;
	border: solid 1px #000;
}

/* Viper styling */

.LoginControl .aut-error { color: #F00; font-weight: bold; }
.aut-horizontal { background-color: #FFF; }
.aut-horizontal h2 { display: none; }
.aut-horizontal .form_item { padding: 5px 0px;  }
.aut-horizontal label { width: 200px; text-align: right; font-weight: 700; color: #4B4B4B; padding: 2px 4px 5px 0px; clear: left; float: left; }
.aut-horizontal input { width: 280px; margin-right: 0px } 
.aut-horizontal .username { background-color: #FAF9D4; }
.aut-horizontal .password { background-color: #FFF; }
.aut-horizontal .rememberme { background-color: #FAF9D4; }
.aut-horizontal .rememberme input { width: auto; margin-left: 0px; border-left-width: 2px; }
.aut-horizontal .remembermedesc { padding: 5px 15px; text-align: justify; }

.aut-horizontal .form_actions { margin-left: 203px; }
.aut-horizontal .form_actions input { width: 120px; height: 25px; border: 0px; }
.aut-horizontal .item_error { color: #F00; font-size: 1.4em; font-weight: bold; }

#CoreRegistration {width: 100%; font-size: 0.7em; font-weight: bold;}
#CoreRegistration div {overflow:hidden;}
#CoreRegistration .mandatory_desc{font-size: 0.8em;margin: 2px 5px;}
#CoreRegistration .mandatory-flag{margin: 0;}
#CoreRegistration { background-color: #FFF; }
#CoreRegistration .form_item { padding: 2px 0px; width: 100%;  }
#CoreRegistration .form_item input { width: 400px;  }
#CoreRegistration label { width: 200px; text-align: right; color: #4B4B4B; padding: 2px 4px 5px 0px; clear: left; float: left; }
#CoreRegistration .corereg-field-username { background-color: #FAF9D4; }
#CoreRegistration .corereg-field-username-confirmemail { background-color: #FFF; }
#CoreRegistration .firstname { clear: both; background-color: #FAF9D4; }
#CoreRegistration .lastname { background-color: #FFF; }
#CoreRegistration .password { background-color: #FAF9D4; }
#CoreRegistration .passwordstrength { clear: both; background-color: #FFF; }
#CoreRegistration .passwordstrength span.strengthlabel{width: 185px; text-align: right; float: left; padding: 5px 10px 5px 0;}
#CoreRegistration .strength_indicator{float:left;padding-top: 3px;}
.base{display:none}
.item_error{color:red;}
#CoreRegistration .strength_caption 
{
	width: 100%;
	text-align:left;
	padding: 0;
	margin: 0;
	background-image:url("https://www.computerweekly.com/Global/Viper/CSSImages/pw_strength_indicator.gif");
	display:block;
	height: 15px;
	vertical-align: text-bottom;
}


#mainContent #maintainPassword .aut-horizontal .form_actions  a {  margin: 5px; margin-left: 0px; display: block; }
#mainContent .loginHeader h2 { margin-left: 15px; margin-bottom: 0px; }
#mainContent td .loginHeader p { margin: 0px; padding-top: 0px; }
#mainContent .loginHeader p span p { padding: 0px; }
.header_desc
{
	font-size: 0.7em;
	padding:10px;
}



#maintainPassword #forgottonPassword h2
{
	margin-top: 10px !important;	
}

#maintainPassword #forgottonPassword .form_item
{
	font-size: 0.75em;
	margin-left: 35px;
	font-weight: bold;
}

#maintainPassword #forgottonPassword .form_success
{
	font-size: 0.75em;
	margin-top: 10px;
}

#maintainPassword #forgottonPassword .form_item input
{
	width: 250px;
}

#maintainPassword #forgottonPassword .form_actions
{
	float: right;	
	margin-top: -24px;
}

#mainContent #mainPassword a 
{
    margin: 0 0 0 0;
}

#viperSubmitButtons .form_actions
{
	margin-left: 190px;
}

#viperSubmitButtons .form_actions input
{
	margin: 10px 0 0 20px;
}

#changePassword { font-weight: bold;}
#changePassword div {overflow:hidden;}
#changePassword .label { padding: 5px 0px; width: 525px; }
#changePassword .mandatory_desc{font-size: 0.8em;margin: 2px 5px 5px 15px; width: 400px;}
#changePassword .mandatory-flag{margin: 0;}
#changePassword .form_item { padding: 5px 0px; width: 525px; }
#changePassword .form_item input { width: 320px;  }
#changePassword label { width: 120px; text-align: right; color: #4B4B4B; padding: 2px 4px 5px 0px; clear: left; float: left; }
#changePassword .corereg-field-username { background-color: #FAF9D4; }
#changePassword .corereg-field-username-confirmemail { background-color: #FFF; }
#changePassword .firstname { clear: both; background-color: #FAF9D4; }
#changePassword .lastname { background-color: #FFF; }
#changePassword .newpassword { background-color: #FAF9D4; }
#changePassword .email { background-color: #FAF9D4; margin-bottom: 5px;}
#changePassword .password { background-color: #FAF9D4; }
#changePassword .passwordchangetext { background-color: #FAF9D4;}
#changePassword .passwordchangetext label { width: 300px; margin-left: 35px;}
#changePassword .passwordchangetext input { width: 50px;  }
#changePassword .passwordstrength { clear: both; background-color: #FAF9D4; }
#changePassword .passwordstrength span.strengthlabel{width: 104px; text-align: right; float: left; padding: 5px 10px 5px 0;}
#changePassword .strength_indicator{float:left;padding-top: 3px;}
#changePassword .passwordchangelabel{ background-color: #fff; padding: 5px 0;}
#changePassword .salutation { margin-top:15px; }
.base{display:none}
.item_error{color:red;}
#changePassword .strength_caption 
{
	width: 100%;
	text-align:left;
	padding: 0;
	margin: 0;
	background-image:url("https://www.computerweekly.com/Global/Viper/CSSImages/pw_strength_indicator.gif");
	display:block;
	height: 15px;
	vertical-align: text-bottom;
}


#changePassword .salutationdropdown
{
	float: left;
}

#changePassword #OtherTxt input
{
	width: 130px;
	margin-left: 10px;
}

#changePassword .header_desc
{
	font-size: 1.2em;	
	padding: 0;
	margin: 15px 0 -10px -5px;
	width: 525px;
}

#changePassword .userwizard
{
	width: 525px;
}

.accountMessage
{
	margin: 10px 0 0 25px;
	font-size: 0.8em;
}

.ViperNarrow table { width: 100%; }
.ViperNarrow #CoreRegistration h2 .header_desc { margin: 0px; margin-left: 18px; padding: 0px; font-size: 1em; }
.ViperNarrow #CoreRegistration .mandatory_desc { margin-left: 15px; }
.ViperNarrow #CoreRegistration .mandatory_desc span { margin-left: 18px; }

.ViperNarrow #CoreRegistration .email { display: inline-block; margin-left: 15px; font-weight:normal; padding-bottom:5px;}
.ViperNarrow #CoreRegistration .email span { margin-left: 18px }
.ViperNarrow #CoreRegistration .email .label {font-weight:bold;}

.ViperNarrow #CoreRegistration .passwordchangelabel { padding-left: 15px; padding-top:5px;}
.ViperNarrow #CoreRegistration .passwordchangelabel span { margin-left: 18px; }
.ViperNarrow #CoreRegistration .passwordchangetext label{font-weight:normal; width:200px; padding-left:33px; text-align:left;}
.ViperNarrow #CoreRegistration .form_item .passwordchangetext input { width: 20px; }

.ViperNarrow #CoreRegistration .salutationdropdown { float: left; }
.ViperNarrow #CoreRegistration .salutation .corereg-OtherTxt { width: 206px; }
.ViperNarrow #CoreRegistration .form_item input { width: 266px; }

.ViperNarrow #CoreRegistration label {width:100px; padding: 2px 8px 5px 0;}
.ViperNarrow #CoreRegistration .corereg-change-password-checkbox {width:20px;}
.ViperNarrow #CoreRegistration .corereg-change-password-checkbox input{width:20px;}

.ViperNarrow #CoreRegistration .passwordstrength span.strengthlabel
{
    width:85px;
}



.contactForm #CoreRegistration { width: 292px; }

.contactForm #CoreRegistration h2, .contactForm #CoreRegistration h2 span { margin: 0px; }
.contactForm #CoreRegistration .header_desc { display: none; }
.contactForm #CoreRegistration .mandatory_desc { margin: 0px; font-size: 1em; margin-bottom: 10px; }

.contactForm #CoreRegistration .item_error { clear: both; margin: 0px; }

.contactForm #CoreRegistration label { width: 133px; text-align: left; font-size: 1.15em; font-weight:bold; }
.contactForm #CoreRegistration #OtherTxt { width: 93px; }
.contactForm #CoreRegistration .salutationdropdown { float: left; }

.contactForm #viperSubmitButtons .cancel { display: none; } 
.contactForm #viperSubmitButtons .form_actions { margin: 0px; }
.contactForm #viperSubmitButtons .form_actions .submit { margin: 0px; width: 120px; } 
.contactFormMessage .item_error { font-size: 0.6em; }

.contactForm .telephone { font-size: 0.7em; padding-bottom: 30px; }
.contactForm .telephone label,
.contactForm .salutation label
{ width: 134px; text-align: left; font-size: 0.95em; display: inline-block; }

.contactFormMessage { padding-left: 0px; clear: both; }
.contactForm .passwordchangelabel, .contactForm .passwordchangetext { display: none; }

.contactForm .message { font-size: 0.7em; clear: both; }
.contactForm .email span,
.contactForm .telephone span,
.contactForm .message span
{ width: 137px; text-align: left; font-size: 0.95em; display: inline-block; float: left; margin-left: 0px; overflow: hidden; }
.contactForm .passwordchangetext span { float:left; }
#CollapsiblePanel2 .CollapsiblePanelContent .contactForm .message textarea { width: 287px; }
.contactFormConditions { font-size: 0.7em; }

#mainContent #contactDetails p { margin-left: 0px; }

.ViperNarrow .header_desc .dpa-configurabletext { margin: 0 18px 10px 18px; display: block; padding:0; text-align:justify; font-size: 115%; } 
.ViperNarrow .dpa-checkboxlist { font-size: 80%; margin: 0px 0px 5px 30px; }
.ViperNarrow #CoreRegistration h2 { margin-top: 10px; }

ul.dpa-checkboxlist
{
	font-size: 11px;
}

ul.dpa-checkboxlist li 
{
	list-style-type: none;
}

ul.dpa-checkboxlist
{
	overflow: hidden;
	margin-left: 25px;
}

.PanelNewUserInfo #viperSubmitButtons .cancel { display: none; } 
.PanelNewUserInfo #viperSubmitButtons .submit { margin: 20px; } 
.PanelNewUserInfo #viperSubmitButtons .form_actions { margin: 0px; }
.PanelNewUserInfo ul { max-height: 77px; }

#maintainPassword .subHeader p
{
    margin-left:15px;
}

#maintainPassword p
{
    margin: 15px auto;
}



div.site-menu ul.sf-menu ul.subMenu {width:760px; left:-275px;}
div.site-menu ul.sf-menu ul.subMenu li{left:-85px;}

#mainContent #keywords #keywordsTop h3.categories{ padding:15px; margin:0;}


#wrapper #content #contentBkg  #sidebar2  #relatedContent  h3 a{text-decoration:none;}
#wrapper #content #contentBkg  #sidebar2  #relatedContent  h3 a:hover{text-decoration:underline;}
#wrapper #content #contentBkg  #sidebar2  #relatedContent  p a{text-decoration:none;}
#wrapper #content #contentBkg  #sidebar2  #relatedContent  p a:hover{text-decoration:underline;}


.view-saved-search fieldset ul li .NarrowInputRow{padding-top:2px;}
.view-saved-search fieldset ul li .NarrowInputRow span {padding-left:20px; font-size:13px;}
