﻿body {
	font:.813em/17px Verdana, Arial, Helvetica, sans-serif; 
	color:#333;
}

a, a:visited { color:#1A3755; text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }

h1,h2,h3 { font-weight:normal }
h1 { font-size:2.615em; line-height:38px; color:#454545; }
h2 { font-size:2em; line-height:28px; margin:25px 0 15px; color:#454545; }
h3 { font-size:1.385em; line-height:20px; } 
h4 { font-size:1em; line-height:16px; margin:15px 0; }


.clear 
{
	clear: both;
}

table
{
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
}

thead td 
{
	padding: 1px 2px 1px 2px;
	margin: 0px;
	font-size: 10px;
}

tbody td 
{
	border-bottom: 1px solid #EAEAEA !important;
	border-right: 1px solid #EAEAEA !important;
	padding: 1px 2px 1px 2px;
	margin: 0px;
	font-size: 10px;
}

tr
{

}

.warning 
{
	color: Red;
}

#headlineResultsForm h1 
{
	background-image: url('../img/aj100-logo.gif');
	background-repeat: no-repeat;
	height: 57px;	
	width: 200px;
}

#headlineResultsForm h1 a 
{
	display: block;
	text-decoration: none;
}

#headlineResultsForm h1 span 
{
	visibility: hidden;
}


#headlineResultsForm, #firmResultsForm, #compareResultsForm {
	left: 20px;
	width: 956px;
	position: relative;
	margin-top: 20px;
}

.mainNav 
{
	float: right;
	text-align: right;
}

.mainNav ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.mainNav ul.buttons
{
	margin: 10px 0 5px 0;
	font-weight: bold;
}

.mainNav ul.buttons a 
{
	color: #FF5A22;
}

.mainNav ul li 
{
	background-image: none;
	list-style-type: none;
	display: inline;
	border-right: 1px solid #CCCCCC;
	padding: 0 5px 0 5px;
	margin: 0px;
}

.mainNav ul li.last 
{
	border-right: none;
}

h1
{
	margin-bottom: 0 !important;
	padding-bottom: 0;
	display: block;
}

h1 span 
{
	font-size: 50%;
}

h5
{
	margin-top: 0 !important;
	padding-top: 0;
	display: block;
	margin-bottom: 10px;
}

h5 a 
{
	background-image: url('../img/aj100-logo-small.gif');
	background-repeat: no-repeat;
	height: 16px;		
	width: 55px;
	display: block;	
	float: left;

}

h5 a span 
{
	visibility: hidden;	
}


.columnSelect 
{
	text-align: right;
	padding: 0 0 10px 0;
}

.columnSelect select 
{
	font-size: 80%;
}

.headlineTable 
{
	width: 956px;
}

.headlineTable td.mostrecentAccounts 
{
	width: 15%;
}

.headlineTable tr.altRow td
{
	background-color: #D7EBE6;
}

.headlineTable thead td
{
	vertical-align: top;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	padding: 0 3px 0 3px;
}


.compareTable 
{
  border: none !important;
}

.compareTable td
{
  border: none !important;
}

.compareTable tr.subsection td div
{
	margin: 20px 0 10px 0;
	padding: 3px 0 3px 3px;
	background-color: #EB5712;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: bold;	
	background-image: url('../img/roundCorner-smallOrangeRight.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
		
}




.compareTable thead td
{
	vertical-align: top;
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	padding: 0 3px 0 3px;
}

.headlineTable tbody td
{
	text-align: center;
	font-size: 100%;
}

.compareTable tbody td 
{
	font-size: 85%;
	background-repeat: no-repeat;
	background-position: right top;		
}

.compareTable thead td.topLeftCell {
	background-repeat: no-repeat;
	background-image: url('../img/changeViewCorner-topLeftB.gif');
}

.compareTable thead td.topRightCell {
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url('../img/changeViewCorner-bottomRightB.gif');
}


.headlineTable .rankCell 
{
	font-weight: bold;
	font-size: 120%;
}

.headlineTable .firmCell 
{
	text-align: left;
	width: 150px;
}


.headlineTable .sortUp, .headlineTable .sortDown, .headlineTable .removeColumnBtn, .headlineTable .goBtn, .headlineTable .removeRowBtn
{
	background-image: url('../img/sortUp.gif');
	background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width: 20px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.headlineTable .sortDown 
{
	background-image: url('../img/sortDown.gif');
}

.headlineTable .removeColumnBtn
{
	background-image: url('../img/removeButtonBlack.gif');
}
.headlineTable .goBtn
{
	background-image: url('../img/goButton.gif');
}
.headlineTable .removeRowBtn
{
	background-image: url('../img/removeButtonWhite.gif');
}

.headlineTable .sortUp span, .headlineTable .sortDown span, .headlineTable .removeColumnBtn span, .headlineTable .goBtn span, .headlineTable .removeRowBtn span
{
	visibility:hidden;
	overflow: hidden;
	height: 16px;
	width: 20px;	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}


.headlineTable .webCell a
{
	height: 25px;
	width: 25px;
	background-image: url('../img/webIcon.gif');
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

.headlineTable .webCell span
{
	visibility:hidden;
	display: inline-block;
	overflow: hidden;
}

.changeView ul 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.changeView ul li 
{
	float: left;
	width: 119px;	
	list-style-type: none;
	padding: 0;
	background: none;
	margin: 0 0 10px 0;
	display: block;
	background-color: #000000;
	background-repeat: no-repeat;
	background-image: url('../img/changeViewCorner-topLeftB.gif');
	margin-right: 5px;
}

.changeView ul li a 
{
	display: block;
	text-align: center;
	padding: 15px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 85%;
	height: 25px;			
	background-repeat: no-repeat;
	background-image: url('../img/changeViewCorner-bottomRightB.gif');
	background-position: bottom right;
	font-weight: bold;
	/*
	border-bottom: 5px solid #FF5A22;
	*/
}

.changeView ul li.selectedTab 
{
	background-image: url('../img/changeViewCorner-topLeftY.gif');
	background-color: #FFE200;
}

.changeView ul li.selectedTab a
{
	background-image: url('../img/changeViewCorner-bottomRightY.gif');
	color: #000000;
}

.removeColumn, .compareColumn, .websiteColumn
{
	width: 35px;
}

.rankColumn, .previousRankColumn
{
	width: 40px;
	
}

.buttonRow td
{
	padding: 5px 3px 5px 3px !important;
}

.showAll100Results 
{
	margin-top: 10px;
}



/*  FIRM */
#tabContainer 
{
}

.tabDiv 
{
	display: none;
	padding: 10px;
	border: 1px solid #CCCCCC;	
	clear: both;
}

.showTab 
{
	display: block;
}

.tabDiv div.tabContentLeft
{	
	width: 400px;
	text-align: left;
	float: left;
}


.tabDiv div.tabContentRight
{	
	width: 450px;
	text-align: left;
	float: right;	
	padding-right: 10px;
}


.tabDiv .firmDetails 
{
	width: 100%;
	padding: 5px 0 5px 0;
	border-bottom: 3px solid #FF5A22;
	
}

.tabDiv .firmDetails img 
{
	display: block;
	border: 1px solid #FF5A22;
	border-top: 5px solid #FF5A22;
}

.tabDiv .firmDetails .firmDescription 
{
	padding: 5px 0 0 0;
}

#worldMap, #ukMap 
{
	border: 1px solid #CCCCCC;
}

.mapHolder 
{
	margin-top: 30px;
}

.tabDiv p 
{
	margin: 0 0 15px 0 !important;
}

.tabDiv h6 
{
	margin: 0 0 0 0 !important; 
	padding: 0px !important; 
}

.tabDiv .mapHolder h6 
{
	margin: 0 0 -20px 0 !important;
	padding: 0 15px 0 15px !important;
	position: relative;
	z-index: 100;
	font-size: 100%;
}

.tabDiv .descHolder h6 
{
	color: #FF5A22;
	font-size: 110%;
}

.tabDiv .descHolder 
{
	border-top: 3px solid #FF5A22;
	margin: 15px 0 15px 0;
	padding: 15px 0 15px 0;
}

.aj100Awards h6, .relatedArticles h6
{
	margin: 0 !important;
	padding: 0 !important;	
}

.aj100Awards 
{
	margin: 0 !important;
	padding: 0 !important;	
}


.tabContentRight span
{
	color: #FF5A22;
}


.ethosPieChart 
{
	border-top: 3px solid #FF5A22;
	padding-top: 25px;
	margin-top: 30px !important;
	text-align: center;
}

.ukArchitects 
{
	padding-right: 40px;
}
.ukArchitects span
{
	color: #E50B14;
}

.designAwards 
{
	padding-right: 100px;
}

.businessAwards 
{
	padding-right: 75px;
}

.businessAwards span
{
	color: #009CAC;
}

.overseasIncome
{
	padding-right: 85px;
}

.overseasIncome span 
{
	color: #EB5712;
}


#compareResultsForm 
{
	
}

#compareResultsForm table
{
	width: 100%;
}

#compareResultsForm h3 
{
	color: #FFFFFF !important;
	text-align: center !important;	
}

#compareResultsForm h3 a 
{
	color: #FFFFFF !important;
}

.compareSelectTable tbody tr td
{
	background-color: #FFFFFF;	
}

.compareSelectTable tbody tr.alt td
{
	background-color: #E1EAEC;
}

.compareSelectTable td.checkbox
{
	width: 2%;	
	border-right: none !important;
	vertical-align: top;
}

.compareSelectTable td.rank
{
	width: 2%;	
	border-right: none !important;
	vertical-align: top;
}

.compareSelectTable td.firmName
{
	width: 21%;	
	vertical-align: top;
}

.buttonHolder 
{
	clear: both;
}

input.submitCompare, input.resetCompare 
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #FF5A22;
	color: #FFFFFF;
	margin-right: 10px;
}





#infoTable 
{
	border: none;
	width: 100%;	
	margin-bottom: 40px;
}

#infoTable thead td 
{
	color: #FFFFFF;
	background-color: #FF5A22;
	font-weight: bold;
	font-size: 80%;
	padding: 2px 10px 2px 10px;
	border: none;	
	background-image: url('../img/changeView-top-pink.gif');
	background-repeat: no-repeat;
	background-position: right top;	
}

#infoTable tbody td 
{
	border: none !important;
	font-size: 105%;	
	padding: 0 !important;
}

#infoTable tbody td div 
{
	padding: 5px 10px 5px 10px;
	margin: 6px 0 0px 0;
	background-color: #FFF100;
	background-image: url('../img/changeView-top-yellow.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#infoTable tbody td div.alt 
{
	color: #FFFFFF;
	background-color: #00AAB6;
	background-image: url('../img/changeView-top-blue.gif');	
}

#infoTable tbody td div.white 
{	
	background-color: #FFFFFF;
	background-image: none;	
}

#infoTable tbody td div span 
{
	display: block;
}







#firmResultsFrameDiv 
{
	left: 0px;
	width: 95% !important;
	border: 3px solid #525252;
}

#firmResultsFrameDiv .tabDiv 
{
	padding: 0px !important;
	border: none;
}

#firmResultsFrameDiv div.tabContentLeft, #firmResultsFrameDiv div.tabContentRight
{
	width: 100%;
	float: none;
	clear: both;
	padding: 0px;
	margin: 0px;
}

#firmResultsFrameDiv #infoTable 
{

}

#firmResultsFrameDiv #infoTable tbody td div 
{
	padding: 0px 10px 0px 10px;
	margin: 1px 0 0px 0;
	background-image: none;
	background-color: #FFFFFF;
	border-bottom: 2px solid #FFF100;
	color: #000000;
}

#firmResultsFrameDiv #infoTable tbody td div.alt 
{
	color: #000000;
	background-color: #FFFFFF;
	background-image: none;	
	border-bottom: 2px solid #00AAB6;
}

#firmResultsFrameDiv h1 
{
	font-size: 1.8em;
}

.source 
{
	font-size: 80%;
	border-top: 1px solid #CCCCCC;
	padding-top: 2px;	
	width: 90%;
}

#firmResultsFrameDiv #ethosPieChart 
{
	margin: 0px !important;
	padding: 0px !important;
}

body.firmResultsFrame 
{
	margin: 0px !important;
	padding: 5px 0 5px 0 !important;
}

#firmResultsFrameDiv .tabDiv .firmDetails 
{
	width: 100%;
	padding: 0px 0 0px 0;
	border-bottom: none;
	
}

#firmResultsFrameDiv #infoTable 
{
	margin: 0 0 15px 0;
	padding: 0px;	
}

#firmResultsFrameDiv h1 
{
	margin: 0px !important;
	padding: 0 0 5px 5px !important;
	font-size: 15px !important;
	line-height: normal;
}

a.imageLink 
{
	background-image: url('../img/aj100-logo-small-pink.gif');
	background-repeat: no-repeat;
	height: 16px;		
	width: 55px;
	display: block;	
	float: left;
}

#firmResultsFrameDiv a.imageLink 
{
	background-image: url('../img/aj100-logo-small-grey.gif');
}

a.imageLink span 
{
	visibility: hidden;	
}

#firmResultsFrameDiv h5 
{
	margin: 0px !important;
	padding: 0px !important;
	border: 1px solid white;
	line-height: normal;	
	width: 85%;	
	margin-top: -5px !important;
	
}

#firmResultsFrameDiv h5 a
{
	background-image: none;
	width: 100%;
	color: #00AAB6;
	padding: 0 3px 0 3px;	
	float: none;
	height: auto;
	font-size: 90%;
}

#firmResultsFrameDiv .source 
{
	font-size: 80%;
	border-top: none;
	padding: 2px 3px 0 3px !important;	
	border: 1px solid white;	
	line-height: normal;
}


#firmResultsFrameDiv #infoTable tbody td 
{
	font-size: 80% !important;	
}

#firmResultsFrameDiv #infoTable thead td 
{
	background-color: #525252;
	background-image: url('../img/changeView-top-grey2.gif');	
}
