.loadingImage
{
    position: fixed;
    bottom: 50%;
    left: 45%;
}

.main-content
{
    min-height: 668px; 
}

/* Modal popup form styles */

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Blue;
	padding:5px;
}

.modalHeader 
{
	background-color:#000000;
	border:solid 1px Gray;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	padding: 1px 0 3px 3px;
	margin: 5px 1px 5px 1px;
}

.modalContent
{
	vertical-align: top;
	background-color: #ffffff;
}

.modalPopupButtonArea
{
	text-align:right; 
	padding:5px 2px 5px 0;
}

/* end modal popup form styles */


/* Popup form styles */

.popupForm { display: none; position: absolute; width: 232px; margin: 0; padding: 14px 11px 11px; background: #fff; border: 1px solid #822c30; color: #54181b;}
.popupForm .popupWatermark { background: #822c30 80px 8px; border: 0; color: #fff; cursor: pointer; padding: 6px 4px 5px; }

.popupForm input.button { background: #822c30 !important; border: 0 !important; color: #fff !important; }
.popupForm input.button { float: right; padding: 3px 5px; margin: 15px 0 0 3px; font-size: 10px !important; text-transform: uppercase; }

.popupForm select { width:222px; }

.popupForm .input-container { float: left; margin-top:10px; }

.popupForm input.text { border: 1px solid #822c30; cursor: pointer; padding: 5px 4px 3px; width: 222px; }
.popupForm input.text { background: #fff 80px 8px; color: #54181b; }

.popupForm input.watermarked { border: 1px solid #822c30; cursor: pointer; padding: 5px 4px 3px; width: 222px; }
.popupForm input.watermarked { background: #fff 222px 8px; color: #54181b; } 

.popupForm h3 { font-size: 17px !important; color: #822c30; margin-bottom: 5px; }

.popupForm p { margin-bottom: 0px; font-size: 14px !important;}

.popupForm p a { font-size: 14px !important; color: #AF7F15; text-decoration: none; }

.popupForm .selectbox-wrapper { margin: -1px 0 0 -1px; position: absolute; width: 232px; }
.popupForm .selectbox-wrapper ul li { padding: 4px; width: 224px; }

.saveSearchForm { top: 30%; left: 60%; }
/*.addToPortfolioForm { margin: -170px 0 0 -152px; z-index: 999; }
.removeFromPortfolioform { margin: -140px 0 0 -152px; }*/
.newPortfolioForm { top: 150px; left: 10%; }
.editPortfolioForm { top: 30%; left: 60%; }
.deletePortfolioForm { top: 30%; left: 60%; }
/*.factAddToPortfolioForm { top: 35%; left: 55%; }*/

.addRemovePortfolioForm { height: 130; width: 232; z-index: 999; }

/* End popup form styles */

/* Login page styles */

	.login-options { width: 870px; float:left;}
	.login-options h2 { font-size: 20px; margin-bottom: 10px; }
	.login-options p { font-size: 13px; }
	.login-options input.button { float:right; padding:3px 5px; background-color: #afa894; border: #fff 1px solid; color: #fff; }

	.login-options div.wrapper { width:520px; height:130px; float:left; background: #E7E1DD; font-size: 13px; margin: 10px 0; padding: 20px 12px 0px; }
	.login-options div.wrapper .inputRow { height: 40px; padding-top:6px; }
	.login-options div.wrapper input.text { border: 1px solid #d8cfc6; color: #3B2415; float: right; font-size: 14px; padding: 6px; width: 350px; top: -5px;}
	.login-options div.wrapper .inputLabel { margin-top: 6px; float:left;}
	
	#layout-login .instructions p { margin-bottom: 10px; font-size: 13px;}
	#layout-login #errorBox { float: left; width: 300px; margin: 16px 0 0 10px; }
	#layout-login #errorBox .validatorRow { margin-top: 26px; }
    #layout-login #errorBox .validatorFooterRow { margin-top: 12px; }
    .login-options div.wrapper .signupCheck input { margin-right:6px; }

/* End of login page styles */

	#layout-forgottenpassword h2 { font-size: 20px; margin-bottom: 10px; }
	#layout-forgottenpassword p { font-size: 13px; }
	#layout-forgottenpassword div.wrapper { width:500px; height:85px; float:left; background: #E7E1DD; font-size: 13px; margin: 10px 0; padding: 20px 12px 0px; }
	#layout-forgottenpassword div.subheading { width:500px; }
	#layout-forgottenpassword div.wrapper input.text { border: 1px solid #d8cfc6; color: #3B2415; float: right; font-size: 14px; padding: 6px; width: 350px; top: -6px;}
	#layout-forgottenpassword div.wrapper .inputRow { height: 40px; padding-top:6px; }
	#layout-forgottenpassword .inputLabel { margin-top: 6px; float:left;}
	#layout-forgottenpassword input.button { float:right; padding:3px 5px; background-color: #afa894; border: #fff 1px solid; color: #fff; }

	#layout-forgottenpassword #errorBox { float: left; width: 400px; margin: 16px 0 0 10px; }
	#layout-forgottenpassword #errorBox .validatorRow { margin-top: 26px; }
/* Forgotten password page styles */


/* End of forgotten password page styles */

/* statistics */

#layout-stats .search
{
    /*float: left;*/
}
#layout-stats .items-table
{
/*    float: right; */
}

.stats-table
{
    font-size: 13px;
    float: right; 
    margin-right:18px;
    background: #e7e1dd;
    overflow: hidden;
}

.stats-table .results
{
    margin-left:15px !important;
}

.statsHeading
{
    width:580px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
}

.salesStatistics td
{
    padding-bottom: 5px;
}

.salesStatistics .valueColumn
{
    padding: 0 20px 5px 30px;
}

#AnnualResults {
    margin-bottom: 15px;
    }

.chartArea
{
    margin-top: 15px;
    border: solid 2px #b7b7b7;
    background-color: #fff;
    }

.stats-table .summary
{
    margin: 0 5px 0 10px;
}

.missingStats
{
    min-height:560px;
    width:550px;
    text-align:center;
}

.graphHelpImage
{
	background-image: none; 
	float:right; 
	margin: 3px 3px 0 0
}

.selectCurrencyBox h3 {
	padding:  0 0 5px 0 !important;
	float:none !important;
}

#dvPortfolioChangeCurrency {
    margin-left:50px;
    margin-top:-163px; 
}

#dvSearchChangeCurrency {
    margin-left:-250px;
    margin-top:-170px; 
}



.selectCurrencyBox h3 { font-size: 17px !important; color: #822c30; margin-bottom: 5px; }
.selectCurrencyBox p { margin-bottom: 0px; font-size: 14px !important;}

/* used for the stats page when does not have permissions to view stats */

.layout-statsNoPermission {background-image: url(../images/aboutstats.jpg); filter:alpha(opacity=50); opacity:0.50; -moz-opacity: 0.50;
                        margin: 0 0 10px 20px; width: 602px; background-repeat:no-repeat; height:2531px; background-position: center center; }
    
/* Copy of above but with French image */                        
.layout-statsNoPermissionfr {background-image: url(../images/aboutstatsfr.jpg); filter:alpha(opacity=50); opacity:0.50; -moz-opacity: 0.50;
                         margin: 0 0 10px 20px; width: 602px;   background-repeat:no-repeat; height:2531px; background-position: center center;}

/*.statsNoPermissionBox {background-color: #FFF; width:400px; position:absolute; top:400px; right:200px;
                 padding: 10px 10px 10px 10px; border: solid 3px #9b565b;} */

.statsNoPermissionBox {background-color: #FFF; width:400px; position:relative; left:110px; top:-2500px;
                 padding: 10px 10px 10px 10px; border: solid 3px #9b565b;} 


/* end statistics */

	.mainHeader { padding: 0px 20px; }
	.mainHeader h1 { float: left; margin: 29px 0 17px 4px; }
	.mainHeader h1 a { float: left; outline: none; height: 121px; text-indent: -2000em; width: 388px; }
    html* .mainHeader { padding-bottom: 20px; }
	.logoFrench h1 { background: url(../images/logo.gif) no-repeat; }
	.logoEnglish h1 { background: url(../images/logo.gif) no-repeat; }

/* simple header for pages that don't have the menu e.g SearcdHelp */
	#simpleHeader { background: url(../images/background_main.gif) repeat-y; }	
	#simpleHeader h1 { background: url(../images/logo.gif) no-repeat; }
	#simpleHeader { padding: 0px 20px; }
	#simpleHeader h1 { float: left; margin: 15px 0 17px 4px; }
	#simpleHeader h1 a { float: left; outline: none; height: 92px; text-indent: -2000em; width: 388px; }
    html* #simpleHeader { padding-bottom: 20px; }
    
/* print header for print page */
	#printHeader { background: url(../images/background_main.gif) repeat-y;  padding-bottom: 20px; }	
    
/* SearchHelp page items */ 
	#searchpage .helpFilter {background-image: url(../images/filter.jpg);
                        background-repeat:no-repeat; background-position: center center; width:940px; height:669px; margin-bottom:20px;} 
	#searchpage .helpFilterFr {background-image: url(../images/filterfr.jpg);
                        background-repeat:no-repeat; background-position: center center; width:940px; height:669px; margin-bottom:20px;} 
    #keywordTable { font-size:12px; }
    #keywordTable td { padding-right: 15px; }
    #keywordTable thead { font-weight: bold; }
    #keywordTable thead td { text-decoration: underline; padding-bottom:5px; }
    
    #graphpage h4 { font-size:12px; color:#832b2f; font-style:italic; font-weight:bold; margin-bottom:4px; }
    #summaryPanel { float: left; width: 260px}
    #summaryPanel .summaryItem { font-size: 12px; border: solid 1px #000; text-align:justify; padding:8px;}
    
	#graphpage .graphHelpExample {background-image: url(../images/statshelp.jpg);
                        background-repeat:no-repeat; background-position: center center; width:630px; height:2657px; margin-left:280px;}

	#graphpage .graphHelpExampleFr {background-image: url(../images/statshelpfr.jpg);
                        background-repeat:no-repeat; background-position: center center; width:630px; height:2657px; margin-left:280px;}

/* Basic page (SearchHelp and Error page items) */
    .layout-basic h3 { margin-bottom: 10px; }
    .layout-basic ul { margin: 15px 0 15px 30px;  font-size:13px;}
    .layout-basic ul li { list-style-type: circle; margin-bottom:5px;}
    .layout-basic p { margin-bottom: 20px;  font-size:13px;}

    .headerItem { margin: 0; padding: 0; color: #fff; font-size:18px; text-decoration: none; text-transform: uppercase; }
	
.terms p { font-size: 14px; margin-bottom: 10px; text-align:justify;}
.terms h3 { font-size: 15px; margin-bottom: 10px; }
#termsImage { width:66px; height:123px; float:left; margin-right: 20px;}

.about-first h2 { margin-bottom: 15px; }
.about-second h2 { margin-bottom: 15px; }
.about-first p { text-align:justify; }
.about-second p { text-align: justify; }

.about-second ul { margin-left:20px; padding-left:0; }
.about-second li { margin-left:0; padding-left:0; margin-bottom:5px; list-style-type: circle; font-size: 14px; }
	
.contact h2 { margin-bottom: 15px; }
#contactImage { width:66px; height:123px; float:left; margin-right:30px; }
.contact .contactDetails { margin:30px 0 30px 250px;}
.contact .contactDetails p { margin-top: 10px; }

.auctions-list .tabContents .refine-entry input { border: 1px solid #D8CFC6; color: #4C301B; font-size: 14px;  margin: 3px 0 0 5px; padding: 6px; width: 340px; } 
.auctions-list .tabContents .refine-entry label { height: 26px; margin: 6px; padding: 9px 9px 3px 5px; width: 300px; }
.auctions-list .tabContents .searchButton { width: 35px; height: 18px; color: #fff; }
.auctions-list .tabContents .refine-entry { float: left; }  
.auctions-list .tabContents .searchButton { background: #afa894; }
.auctions-list .tabContents .searchButton { color: #fff;  font-size: 14px; border: 1px solid #afa894;}
.auctions-list .tabContents .searchButton { float:left;   margin: 3px 0 0 6px; width: 55px; height:30px; text-align:center; }

/* Hack to override the input settings used elsewhere that prevent use of input style checkbox */
.signup-options div.wrapper .signupCheck input {float:left; clear: left !important; width:20px; margin: 10px 0 10px 0;}
.signup-options div.wrapper .signupCheck label {clear: none; width:350px; margin: 3px 0 30px 0;}
.checkbox { width:600px; margin-left: 173px;}
.signupButton { float: right !important; width: 200px !important;}
/* -- */

/* Override of top paging bar in the Auctions page */
.auctions-list .auctions-table .auctions-list-paging .pagingbar { width: 318px !important; }
.auctions-list .auctions-table .auctions-list-paging .options { width: 122px !important;}
/* -- */

/* Override to correctly position buttons at bottom right of grid display */
.results .gridInfo { height: 172px; }
.results .gridButtonPanel { float: right; margin-right: -9px; }
/* -- */

/* Override of image borders in About page */
.figureLeft { margin-right: 7px !important;}
.figureRight { margin-left: 10px !important; }
.figure { text-align: center; }
/* -- */

/* Overrides of slider labels to correct display in Safari */
.sliderValuesLeft { float:left; clear:none; }
.sliderValuesRight { float:right; clear:right; }
.search .slider .from { float: none !important; }
.search .slider .to { float: none !important; } 
.search .slider input { width: 72px; }
/* -- */

/* CB filter*/
.search #hideFilter { background: url(../images/background_advanced_search.gif) no-repeat; }
.search #showFilter { background: url(../images/background_simple_search.gif) no-repeat; }

/* filter button styles */

.button { cursor: pointer; }
.mainButton { background: #9b565b !important; color: #fff !important; }
.portfolioButton { background: #9b565b !important; color: #fff !important; }
.removeFromPortfolioButton { background: #9b565b !important; color: #fff !important; }

.search .taskbar input.button { float: right; margin-right: 0px; margin-bottom: 0px; width: 70px; text-align: center; }
.search .taskbar input.left { float:left !important; margin-right: 4px; background: #d8cfc6 !important;}

/* Positioning of home page control panel to right in order to show image beneath the filter */
.controlPanelRight {
    width:300px; 
    float:right;
}

.controlPanelLeft {
    width:300px;
    float:left;
    }

/* Home page images */
.oceanic {
    margin-top:15px;
    }
    
#imgTTAS { margin-top: 10px; }
    
/* -- */

	/* Chris put this here to try to get the country select box on the sign up page working
       it obviously still needs some work! */
	.signup-options .select-container select {
		border: 1px solid #d8cfc6;
		color: #3B2415;
		float: left;
		font-size: 14px;
		margin-bottom: 10px;
		padding: 6px;
		width: 417px;
	}
    /* Hack to remove the dropdown image in the country select box */
	.signup-options .select-container .selectbox { background-image:none !important;}
	
.watermarked
{
     color: GrayText !important;
}

/* Override of profile input text size */

	.profile-info div.wrapper input {
		font-size: 14px !important;
	}

/* Paging numbers and arrows in the list views */

.items-table .pagingbar { background: #fff; border: 1px solid #d8cfc6;}
.items-table .pagingbar { float: left; margin: 0 6px 6px; width: 616px; }

.auctions-table .pagingbar { background: #fff; border: 1px solid #d8cfc6;}
.auctions-table .pagingbar { float: left; margin: 0 6px 6px;  width: 466px; }

.auctions-list .auctions-table .auctions-list-paging .pagingbar { margin-left: 4px; margin-top: 18px; width: 329px; }

.pagingbar { font-size: 10px; text-align: center; }
.pagingbar a { text-decoration: none; }

.pagerNumber
{
    margin: 0 6px 0 6px !important;
    color: #af7515 !important;
    }
    
.currentPage
{
    margin: 0 6px 0 6px !important;
    color: Black;
}

.nextPrevious
{
    color: #9b565b !important;
    font-weight: bold;
    font-size: 14px;
    /*
    Comment out by CB as it was making the > appear in the save search popup.
    May be needed for IE 7 or something though.
    position: relative;*/
    top:1px;
}

/* Explicit drop down styles */
.sortDropDown { width: 128px !important; }
.pageSizeDropDown { width: 105px !important;}

/* Stokely hack - beware */
/*\*/
html* .sortDropDown, html* .pageSizeDropDown {
[height:26px;
height:22px;
]height:26px;
}/*end*/
.dummyend[id]{clear:both;}

/* Search history links */

.SearchHistoryLink { margin-left: 6px; }

/* Portfolios description paras */ 

.portfolios-browse .intro p { margin-top: 10px; }

/* Tribal Index term throughout */
.tribal { color:#9b565b; font-weight:bold; } 

.inflation {background:#AFA894 none repeat scroll; height:26px; width:155px;}

.currencydd {background:#AFA894 none repeat scroll; height:26px; width:135px;}

.languagedd {background:#AFA894 none repeat scroll; height:26px; width:100px;}

/* used for the about searching page when does not have permissions to perform searching */

.layout-aboutsearching {background-image: url(../images/aboutsearching.gif); filter:alpha(opacity=50); opacity:0.50; -moz-opacity: 0.50;
                        background-repeat:no-repeat; height:762px; background-position: center center; }
    
/* Copy of above but with French image */                        
.layout-aboutsearchingfr {background-image: url(../images/aboutsearchingfr.gif); filter:alpha(opacity=50); opacity:0.50; -moz-opacity: 0.50;
                          background-repeat:no-repeat; height:762px; background-position: center center;}
               
.aboutsearchbox {background-color: #FFF; width:775px; position:relative; left:75px; top:-650px;
                 padding: 10px 10px 10px 10px; border: solid 3px #9b565b;} 
   
/*.aboutsearchbox {background-color: #FFF; width:775px; position:absolute; top:350px; right:162px;
                 padding: 10px 10px 10px 10px; border: solid 3px #9b565b;}*/
              
/* used for the about factsheets page when user does not have permissions to see factsheets */

.layout-aboutfactsheets {background-image: url(../images/aboutfactsheets.gif); filter:alpha(opacity=50); opacity:0.50; -moz-opacity: 0.50;
                        background-repeat:no-repeat; height:600px; background-position: center center; }
    
/* Copy of above but with French image */                        
.layout-aboutfactsheetsfr {background-image: url(../images/aboutfactsheetsfr.gif); filter:alpha(opacity=50); opacity:0.50; -moz-opacity: 0.50;
                          background-repeat:no-repeat; height:600px; background-position: center center;}
               
.aboutfactsheetsbox {background-color: #FFF; width:775px; position:relative; left:75px; top:-475px;
                 padding: 10px 10px 10px 10px; border: solid 3px #9b565b;}
                 
.portfolioname {text-decoration: none !important; float: left !important;}

.auctionadvert {margin-bottom: 20px;}

/* Print styles */

	.printBreak { page-break-after: always; }
	.printSection  
	{
		width: 630px;
        float: left; 
        margin-left: 150px; 
        padding: 10px; 
        background-color: #E7E1DD;
	}
	
	.printSection #AnnualResults { margin-bottom: 0; }
	.printSection #dvYearlySalesAverage { margin-top: 0; }

@media print 
{
	#nav { display: none; }
	#instructionsSection { display: none; }
}