div#header{ color: #2c2c2c;}
div#middle{position: relative;}
div#right-pane{margin-top: 35px;}
div#recently_added{ margin-top: 20px; }

div#header {padding-bottom: 5px;}
div#header div#month_selection {float: left;}
div#header div#month_selection span.title{ float: left; line-height: 23px; margin-right: 3px; color: #333333;}
div#month_selection div.months-list-wrapper{ float: left; width: 135px; margin-left: 5px;}
div#month_selection ul#months_list{ float: left;}
ul#months_list{ position: absolute;  z-index: 9999;  width: 125px;}
ul#months_list li span, ul#months_list li a {color: #0B93FF;margin-left: 3px; }

div#header a#w_f_votes {float: right; line-height: 23px; text-decoration: underline; font-size: 12px; font-weight: bold; color: #333333;}

/* rankings block must has higher z-index than ul#profieslList and it's children(f.e corner star, bottom-right flag) so expanded country list will not underlap profileItem */
div#rankings{ position: relative; z-index: 20; margin-bottom: 0px;}
div#rankings span.title{ color: #333333; font-size: 12px;}
div#rankings a { color: #B9B9B9; text-decoration: underline; font-size: 12px;}
div#rankings a.selected { color: #0b93ff; text-decoration: none;}

div#orderByCountrySelection{ float: right; margin-left: 4px; position: relative; width: 115px; }
div#orderByCountrySelection ul#orderByCountryList {width: 115px; position: absolute; top:-1px; z-index: 9999;}
ul#orderByCountryList {border: 1px solid #B9B9B9;}
ul#orderByCountryList li {height: 15px; line-height: 15px; color: #B9B9B9; font-size: 11px;}
ul#orderByCountryList li.hover {color: #333333;}
ul#orderByCountryList li a {color: #505050; text-decoration: none; margin-left: 3px;}
ul#orderByCountryList li img.country_flag {width: 18px; height: 9px; margin-left: 3px;}
ul#orderByCountryList li img.expand-list {width: 10px; height: 13px;}


div#order_by { float: left; }
div#order_by span.title {color: #333333; font-size: 12px;}
div#order_by span.separator {color: #B9B9B9; text-weight: normal; margin: 0px 1px; font-size: 8px;}
div#filter_by { float: right; margin-left: 10px; padding-top: 2px;}
div#filter_by span.title {color: #333333; font-size: 12px;}


ul#profilesList {position: relative; z-index: 4; zoom:1;}
ul#profilesList li { float: left; height: 230px; width: 163px; margin-left: 15px; color: #7a7a7a; }
ul#profilesList li.first{ margin-left: 0px; }
ul#profilesList li.line{ display: block; height: 1px; width: 100%; background-color: #B9B9B9; margin: 5px 0px 15px 0px; padding: 0px;}
ul#profilesList img.default_photo{width: 161px; height: 161px; border: 1px solid #b9b9b9;}

ul#profilesList div.profile_rating{ width: 100%; text-align: left; margin: 3px 0px 5px 0px; line-height: 16px;}
ul#profilesList div.profile_rating span.rating {color: #0B93FF; font-size: 16px;}
ul#profilesList div.profile_rating span.separator {font-size: 16px;margin: 0px 3px;}

ul#profilesList div.profile_info{ margin-bottom: 13px;}
ul#profilesList div.profile_name a{ text-align: left; text-decoration: underline; color:#006699; font-size:14px; font-weight:bold; }
ul#profilesList div.profile_company{ margin-top: 8px; text-align:left; width:135px; }

/** Pagination **/
div.wrapper{ width: 695px; text-align: center; clear: both; margin-bottom: 15px; }
div.pagination { height: 25px; width: 310px; margin: 0px auto; margin-bottom: 10px; }
div.pagination a{ line-height: 25px; color: #b9b9b9; display: block; float: left; vertical-align: middle; text-decoration: underline; font-size: 14px;}
div.pagination a:hover{ color: #fc6700; }
div.pagination a.previous_result{ margin-right: 8px; }
div.pagination a.next_result{ margin-left: 8px; }

div.pagination div.separator { margin-left: 6px; margin-right: 6px; color: #b9b9b9; display: block; float: left; line-height: 25px; font-size: 14px;}
div.pagination span.current{ color: #0B93FF; vertical-align:middle; display: block; float: left; line-height: 25px; font-size: 14px;}

div#newprofiles-wrapper {height: 165px;}
#cNewProfiles { position: absolute; bottom: 0px;}