body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    margin: 0;
    padding: 0;
    background: url("/images/site/bg.png") repeat-y #fff top center;
}

/* LAYOUT */
#wrapper {
    margin: 0 auto;
    width: 980px;
}

#header {
    margin: 6px 0 8px 0;
    height: 122px;
}

#header_right {
    width: 50%;
    float: right;
}

.header_links {
    float: right;
    color: #666;
    font-size: 11px;
    clear: both;
    width: 380px;
    text-align: right;
}

.header_links a {
    color: #666;
    text-decoration: none;
}

.header_links a:hover {
    text-decoration: underline;
}

#login {
    clear: both;
    float: right;
    position: relative;
    width: 378px;

    background: #ececec;
    color: #666;
    font-size: 10px;
    margin: 10px 0 4px 0;
    padding: 6px 8px;
}

#login a {
    text-decoration: none;
    color: #666;
}

#login a:hover {
    text-decoration: underline;
}

#login input {
    width: 108px;
    border: 1px solid #000;
    margin: 5px 4px 4px 4px;
}

.login_fail {
    background: url("/images/site/icon_error.png") 4px 4px no-repeat #fa9d8b;
    border: 1px solid #b84e2e;
    color: #fff;
    padding: 4px 4px 4px 24px;
    width: 350px;
    text-align: left;
    margin: 0;
    position: absolute;
    left: 0;
    top: -43px;
}

#logged_in {
    clear: both;
    float: right;
    margin: 18px 0 4px 0;
    width: 380px;
    text-align: right;
}

#logged_in img {
    border-width: 0px;
    margin: 0 0 0 2px;
}

#header_search {
    clear: both;
    float: right;
    width: 214px;

    background: #e3ecf5;
    margin: 6px 0 4px 0;
    padding: 3px 10px;
}

#header_search input {
    width: 168px;
    border: 1px solid #000;
    margin: 5px 4px 4px 0;
    color: #424242;
}

#logo {
    border-width: 0px;
    margin: 8px 0 0 0;
}

#nav {
    width: 900px;
}

#body {
	background: #f8f8f8;
	padding: 10px;
	margin: 0 0 10px 0;
}

#body_home {
    background: #fff;
	padding: 0;
	margin: 0 0 10px 0;
}

/**** PAGE HEADER ***/
#page_header {
    width: 470px;
    height: 100px;
    position: relative;
    float: left;
}

#page_header img {
    position: absolute;
    top: 0;
    left: 0;
}

#page_header h1 {
    position: absolute;
    top: 14px;
    left: 14px;
    color: #fff;
}

/**** SEARCH BOX ****/
#search_container {
	background: #82acd2;
	width: 470px;
	height: 88px;
	float: right;
	overflow: hidden;
    margin-right: 10px;
    padding: 6px;
    position: relative;
}

#search_header {
    width: 100px;
    height: 70px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

#search_container form {
    float: right;
    width: 360px;
}

#search_container select {
    margin: 2px 0;
    border: 1px solid #7f9db9;
    height: 20px;
    border-width: 1px;
}

#search_container select.full {
    width: 100%;
}

#search_container select.half {
    width: 50%;
}

#search_container a {
    color: #fff;
    position: absolute;
    bottom: 6px;
    left: 6px;
}

#counter {
    float: right;
    margin: 3px 4px 0 0;
    font-size: 10px;
    height: 25px;
    width: 122px;
    height: 25px;
}

#counter img {
    margin: 0 1px 0 0;
    vertical-align: middle;
}

#counter .loading {
    margin: 4px 50px;
}

#view {
	margin: 4px 0 0 0;
	padding: 0px;
    border: 0px solid #000;
    float: right;
}

/**** ****/

#content {
	width: 723px;
	float: left;
	margin: 0;
	padding: 0;
	min-height: 100px;
    overflow: hidden;
}

#panel_right {
	float: right;
	width: 216px;
    text-align: center;
}

#spacer {
	height: 0px;
}

#footer {
    clear: both;
    height: 12px;
    background: #82acd2;
    margin: 0px;
    padding: 4px 10px;
    font-size: 10px;
    color: #fff;
}

#footer a {
	color: #fff;
	height: 95px;
}

/* HOME */

#feature_panel {
    border: 1px solid #ccc;
    padding: 20px 0 10px 10px;
    margin: 0;
}

#feature_panel_shadow {
    background: url('/images/site/shadow_box_home.png') repeat-x 0 0 transparent;
    height: 11px;
    margin: 0 0 20px 0;
}

#feature_panel h1 {
    font-size: 17px;
    margin: 0 0 16px 0;
    position: relative;
}

.feature_box {
    width: 308px;
    height: 218px;
    float: left;
    position: relative;
    margin: 0 14px 0 0;
}

.feature_box_1 { background: url('/images/feature/1.png') no-repeat 0 0 transparent; }
.feature_box_2 { background: url('/images/feature/2.png') no-repeat 0 0 transparent; }
.feature_box_3 { background: url('/images/feature/3.png') no-repeat 0 0 transparent; }

.feature_box h2 {
    position: absolute;
    top: 80px;
    left: 34px;
    width: 240px;
    color: #fff;
}

.feature_box p {
    position: absolute;
    top: 130px;
    left: 34px;
    width: 240px;
    color: #fff;
    font-size: 16px;
}

.feature_panel_hotspot {
	position: absolute;
	top: 0;
	left: 0;
	width: 308px;
	height: 218px;
	border-width: 0px;
	z-index: 1;
}

#home_column_container {
    overflow: hidden;
    height: 474px;
    width: 1000px;
    margin-bottom: 6px;
}

#home_column_container h2,
#home_column_container h3 {
    color: #333;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 16px;
    margin: 26px 0 10px 0;
    border-bottom: 1px solid #82acd2;
}

.home_column {
    float: left;
    width: 230px;
    height: 460px;
    margin: 0 20px 10px 0;
    overflow: hidden;
}

.home_column h5 a {
    text-decoration: none;
    line-height: 16px;
}

.home_column hr {
    margin: 10px 0;
}

#feature_box {
	width: 230px;
	height: 220px;
	background-repeat: no-repeat;
	color: #fff;
    position: relative;
    margin-bottom: 20px;
}

.box_blue 	{ background-image: url("/images/site/box_blue.png"); }
.box_green 	{ background-image: url("/images/site/box_green.png"); }
.box_grey 	{ background-image: url("/images/site/box_grey.png"); }
.box_orange { background-image: url("/images/site/box_orange.png"); }
.box_pink 	{ background-image: url("/images/site/box_pink.png"); }
.box_red 	{ background-image: url("/images/site/box_red.png"); }

#feature_box_main {
	position: relative;
	top: 18px;
	left: 18px;
	width: 194px;
	height: 142px;
	font-size: 16px;
	overflow: hidden;
}

#feature_box_sub {
	position: absolute;
	bottom: 8px;
	left: 18px;
	width: 194px;
	height: 20px;
	font-size: 14px;
    overflow: hidden;
}

#feature_box_hotspot {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 220px;
	border-width: 0px;
	z-index: 1;
}

.column_box {
    border: 1px solid #82acd2;
    padding: 6px 10px 10px 10px;
    width: 208px;
    height: 202px;
    overflow: hidden;
    font-size: 12px;
}

.column_box img {
    border-width: 0px;
    float: right;
}

.column_box h2,
.column_box h3 {
    color: #333;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 10px !important;
    margin: 0 0 6px 0 !important;
    border-bottom: 1px solid #82acd2;
}

.ad_home {
    margin-top: 20px;
    border-width: 0px;
}

.side_box {
	margin: 0 0 8px 0;
	border: 1px solid #999999;
	background: #fff;
	width: 175px;
	height: 95px;
	position: relative;
}

.side_box h2 {
	background: url("/images/site/bg_box_header.png") repeat-x;
	height: 18px;
	margin: 0;
	padding: 6px 4px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}

.side_box p {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 0 8px;
}

.side_box a {
	margin: 0 0 0 8px;
}

.hbdi {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.skyscraper {
	float: right;
	border-width: 0px;
    margin-right: 16px;
}

#ad_box_home {
	float: right;
	width: 180px;
	height: 200px;
	background: #fff;
	margin: 0;
    padding: 0;
	overflow: hidden;
}

#home_box_container {
    overflow: hidden;
    height: 80px;
    width: 1000px;
}

.home_box {
    width: 224px;
    height: 62px;
    overflow: hidden;
    float: left;
    margin: 0 20px 0 0;
    padding: 3px 0 0 6px;
}

.home_box h4 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 12px;
}

.home_box img {
    vertical-align: middle;
    border-width: 0px;
}

.home_box a {
    color: #000;
}

.home_box_media { background: url('/images/site/bg_box_media.png') no-repeat 0 0 transparent; }
.home_box_directory { background: url('/images/site/bg_box_directory.png') no-repeat 0 0 transparent; }
.home_box_plain { background: url('/images/site/bg_box_plain.png') no-repeat 0 0 transparent; }
.home_box_twitter { background: url('/images/site/bg_box_twitter.png') no-repeat 0 0 transparent; }

.home_box_twitter h4 {
    margin-left: 34px;
}

#footer_logos {
	text-align: center;
	background: #fff;
	border-top: 10px solid #000;
	padding: 10px 0;
	margin: 0 0 10px 0;
	width: 980px;
    color: #666;
}

#footer_logos img {
	border-width: 0px;
	margin: 0 12px;
}

h2 a {
    color: #424242;
}

/* NEWS */
.news_item {
	margin: 10px 0;
}

.news_item img {
	float: right;
	margin: 0 0 0 6px;
}

/* MARKET ANALYSIS */
.table_sector, .table_service {
	width: 100%;
	margin: 0 0 20px 0;
}

.table_service th {
	background: #dbe5f1;
	font-weight: normal;
	width: 30%;
}

.table_service td {
	background: #8db4e3;
}

.table_service td a, .table_service li {
	color: #fff;
}

.table_service th a {
	color: #000;
}

/* DIRECTORY */
.alphabet {
	text-align: center;
	background: #fff;
	padding: 6px;
	margin: 10px 0;
}

.profile_link {
	float: right;
	background: url("/images/site/icon_profile.png") no-repeat 0 2px;
	padding: 0 0 0 20px;
	margin: 4px 0 0 0;
}

span.tick {
	background: url("/images/site/icon_tick.png") no-repeat 0 2px;
	padding: 0 0 0 20px;
}

span.cross {
	background: url("/images/site/icon_cross.png") no-repeat 0 2px;
	padding: 0 0 0 20px;
}

.company_contact {
	float: right;
	background: #fff;
	padding: 8px;
	margin: 0 0 10px 10px;
	min-width: 100px;
}

.contact_person {
	background: url("/images/site/icon_user.png") no-repeat 0 2px;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#cs_overflow, #tl_overflow, #offices {
	display: none;
}

/* CSS */
form.css h2 {
	margin: 10px 0 0 0;
	padding: 0;
}

form.css label {
	display: block;
	line-height: 1.4;
	vertical-align: top;
	font-weight: bold;
}

form.css ol {
	margin: 0 0 10px 0;
	padding: 0;
}

form.css li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.css em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form.css input, form.css textarea {
	width: 300px;
}

/* SEARCH */
.weight_container {
	background: url("/images/site/bg_relevance_off.png");
	height: 12px;
	width: 98px;
	float: right;
/*	border: 1px solid #cccccc;
*/	margin: 6px 0 0 0;
}

.weight_bar {
	background: url("/images/site/bg_relevance_on.png");
	height: 100%;
}

.saved_search {
	background: url("/images/site/icon_accept.png") no-repeat 0 2px;
	padding: 0 0 2px 20px;
	float: right;
}

.save_search {
	background: url("/images/site/icon_disk.png") no-repeat 0 2px;
	padding: 0 0 4px 20px;
	float: right;
}

/* MY ACCOUNT */

.cs_create {
	background: url("/images/site/icon_page_add.png") no-repeat 0 2px;
	padding: 0 0 4px 20px;
	float: right;
}

.category_controls {
	margin: 8px 0;
	padding: 10px;
/*	border: 1px dashed #ccc;
*/	background: #fff;
	width: 478px;
	text-align: center;
}

.input_full {
	width: 500px;
}

#cats {
	width: 500px;
}

/* MISC */
.area_icon {
	float: left;
	margin: 6px 10px 10px 0;
}

.teaser_box {
	float: left;
	width: 658px;
	margin: 0 0 10px 0;
}

.teaser_box img {
	float: right;
	margin: 0 0 0 6px;
}

/* TAG STYLES */
h1 {
	line-height		: 22px;
	padding			: 0px 0px 4px 0px;
	background-color: transparent;
	color			: #82acd2;
	font-size: 20px;
	margin: 0 0 4px 0;
	font-weight: normal;
}

h2 {
	line-height		: 18px;
	padding			: 4px 0px;
	background-color: transparent;
	color			: #82acd2;
	font-size: 16px;
	margin: 0 0 4px 0;
	
	padding: 4px 0 6px 0px;
	font-weight: normal;
}

h3 {
	font-size		: 16px;
	line-height		: 16px;
	padding			: 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #82acd2;
}

h4 {
	font-size		: 14px;
	line-height		: 14px;
	padding			: 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #82acd2;
}

h5 {
	font-size		: 12px;
	line-height		: 12px;
	padding			: 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #82acd2;
}

h6 {
	font-size		: 10px;
	line-height		: 10px;
	padding			: 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #82acd2;
}

p {
	text-align: left;
	padding	  : 0px 0px 10px 0px;
	margin	  : 0px;
}

a {
	color		   : #82acd2;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

form {
	margin : 0px;
	padding: 0px;
}

input, textarea, select {
/*	border	  : 1px solid #4d4d4d;
	background: #ffffff;
	padding	  : 2px; */
}

textarea {
	height: 100px;
}

table {
	margin : 0px;
	padding: 0px;
}

ul {
	padding: 0px;
	margin : 4px 0px 4px 16px;
}

hr {
	height: 1px;
	color: #82acd2;
	background: #82acd2;
	margin: 2px auto;
	border: 0px solid #82acd2;
}

/* MISC */
.pagination {
	margin: 10px 0 0 0;
	text-align: right;
}

.pagination a {
	color: #000;
	padding: 0 2px;
}

.pagination em {
	padding: 0 2px;
	font-style: normal;
	font-weight: bold;
}

table.table_data th {
	text-align : left;
	color	   : #000;
	font-weight: bold;
}

table.table_form th {
	text-align : right;
	color	   : #000;
	font-weight: bold;
}

table.table_form td {
	text-align : left;
}

table.table_form_top th, .th_top {
	text-align : left;
	color	   : #464141;
	font-weight: bold;
	font-style : italic;
	padding-top: 6px;
}

input.icon {
	border			: 0px solid #6d8821;
	background-color: transparent;
	width			: 20px;
	height			: 20px;
}

.notice {
	color	   : #fff;
	font-weight: bold;
	text-align : center;
}

.button {
	width: auto !important;
	height: auto !important;
}

.image_button {
	width: auto !important;
	height: auto !important;
	border-width: 0px !important;
	vertical-align: bottom;
	background: transparent;
	margin: 0 !important;
	padding: 0 !important;
}

.bullet {
	margin: 4px 0 0 2px;
}

.info_box {
	background: url("../images/site/icon_info.png") 4px 4px no-repeat #8cb2d9;
	border	  : 1px solid #365188;
	color	  : #fff;
	padding	  : 4px 4px 4px 24px;
/*	width	  : 75%;
*/	text-align: left;
	margin	  : 20px auto;
}

.error_box {
	background: url("../images/site/icon_error.png") 4px 4px no-repeat #fa9d8b;
	border	  : 1px solid #b84e2e;
	color	  : #fff;
	padding	  : 4px 4px 4px 24px;
	width	  : 75%;
	text-align: left;
	margin	  : 20px auto;
}

.confirm_box {
	background: url("../images/site/icon_accept.png") 4px 4px no-repeat #75c868;
	border	  : 1px solid #226d1f;
	color	  : #fff;
	padding	  : 4px 4px 4px 24px;
	width	  : 75%;
	text-align: left;
	margin	  : 20px auto;
}

.code_box {
	background: url("../images/site/icon_terminal.png") 4px 4px no-repeat #e2e2e2;
	border	  : 1px dashed #000;
	color	  : #000;
	padding	  : 4px 4px 4px 24px;
	width	  : 90%;
	text-align: left;
	margin	  : 20px auto;
	overflow  : auto;
	font-family: courier;
}

.todo_box {
	background: url("../images/site/icon_note.png") 4px 4px no-repeat #f7e187;
	border	  : 1px dashed #df7900;
	color	  : #000;
	padding	  : 4px 4px 4px 24px;
	width	  : 75%;
	text-align: left;
	margin	  : 20px auto;
	overflow  : auto;
}

.info_box a, .error_box a, .confirm_box a, .code_box a, .todo_box a {
	color: #fff;
}

.inline {
	display: inline;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.white_box {
	background: #fff;
	padding: 6px;
	margin: 4px 0;
}

.white_box_dashed {
	background: #fff;
	border: 1px dashed #ccc;
	padding: 6px;
	margin: 4px 0;
}

.white {
	color: #fff;
}

.hidden {
	display: none;
}

.auto {
	width: auto !important;
}

.text_image {
	vertical-align: bottom;
}

.no_border {
	border-width: 0px;
}

.clear {
	clear	  : both;
	background: none;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ (Modified by kris@osx) */
#score {
	float: right;
	width: 120px;
}

div.rating {
	cursor: pointer;
	margin: 2em;
	clear: both;
	display: block;
}

div.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}

div.cancel, div.star {
	float: left;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}

div.cancel, div.cancel a {
	background: url('/images/site/score_delete.gif') no-repeat 0 -16px;
}

div.star, div.star a {
	background: url('/images/site/score_star.gif') no-repeat 0 0px;
}

div.cancel a, div.star a {
	display: block;
	width: 16px;
	height: 100%;
	background-position: 0 0px;
	border: 0px solid #FF0000;
}

div.star_on a {
	background-position: 0 -16px !important;
}

div.star_hover a, div.star_live a:hover {
	background-position: 0 -32px;
}

div.star_readonly a, div.star_readonly a:hover {
	cursor: default !important;
}

div.star {
	background: transparent !important;
	overflow: hidden !important;
}