/******* COMMON ********/
* {padding:0px; margin:0px; border:0px;}
body {font-family: "Trebuchet MS", Tahoma, Arial; font-size:11pt;}
.clear{clear:both;}
.ruler {line-height:3px; border-bottom:1px solid #c0c0c0; width:100%; margin:10px;}

h1,h2,h3,p {padding:5px; display:block;}
h1{ font-size:14pt; letter-spacing:-0.8pt;}
h2{ font-size:13pt;}
h3{ font-size:12pt; color:#e01515;}
h4{ font-size:11pt; color:#4e4e4e; margin-left:5px;}
p{ font-size:10pt; color:#333; letter-spacing:0.2pt; text-align:justify;}
a {color:#333; text-decoration:underline;}
a:hover{cursor:pointer !important; color:#d50000;}
.bold{font-weight:bold;}

.read_more {font-style:italic; font-weight:600; color:#000; margin:5px 0px 5px 0px; display:block; font-size:10pt;}

#wrapper,.main_content,.footer,.toolbar_align {margin:0px auto 0px auto; width:900px;}
/******* HEADER ******/
.header {margin:60px 0px 20px 0px;}
#search_box {margin-top:20px;}
#search_box img#logo {margin-top:10px;}
#search_box a#homepage {float:left; display:block;}
#search_box input {padding:8px; background:#f7f7f7; border:1px solid #d3d3d3; text-align:center; color:#9a9a9a; width:400px; margin:30px 0px 0px 20px;}
#search_box input:focus, #search_box input:hover { border:1px solid #000000;}
#search_box #search_button {background:url('../images/search_button.png') center 4px no-repeat; width:50px; height:40px; font-size:0.1px; margin:30px 120px 0px 0px; border:none;}
#search_box #search_button:hover {background:url('../images/search_button_hover.png') center 4px no-repeat; cursor:pointer;}
#search_box .add_site_link {float:right; font-size:10pt; margin:2px 185px 2px 0px; background:url('../images/icon_add_website.png') no-repeat 0px 2px; padding-left:15px;}

/****** CONTENT ******/
.main_content {padding:20px 0px 0px 0px; float:left;}
.box_450 {width:408px; float:left; padding:10px; margin-right:10px;}

/****** FOOTER ******/
.footer {width:850px; padding:20px; margin:10px auto 30px auto; text-align:right; background:#f9f9f9; border-bottom:2px solid #d8d8d8; border-top:2px solid #d8d8d8;}
.footer .signature {font-size:10pt; color:#6e6e6e;;; float:right; padding:0px 10px 0px 0px; display:block;}

ul#footer_nav {list-style-type:none; margin-top:5px; float:right;}
ul#footer_nav li {float:right; padding:3px 10px 5px 0px;}
ul#footer_nav li a{color:#4f4f4f; font-size:9pt; text-decoration:none;}
ul#footer_nav li a:hover{ text-decoration:underline;}
.ad_banner_640x60 {float:left;}
/******* FORMS ********/
input,textarea { padding:6px; border:1px solid #b7b7b7; font-family: "Trebuchet MS", Tahoma, Arial; font-size:10pt;}
label { display:block; margin:5px 0px 5px 0px; padding:3px 3px 3px 5px; font-size:10pt;}
input[type="checkbox"] { padding:3px;}
select { padding:3px; border:1px solid #e7ecf1;}
option {padding:3px;}
fieldset { padding:10px; margin-top:20px;}
legend {font-weight:700; color:#e01515; margin-bottom:5px;}
input.submit, input.submit_white { width:160px; height:45px; background:url("submit-button.png") no-repeat center center; border:none; cursor:pointer !important;}
input.submit_white{ background:url("submit-button-white.png") no-repeat center center;}
input.submit:hover { color:#800;}

.submit_site select {width:500px;}
.submit_site p {width: 600px;}
code {clear:both; padding:8px; font-size:9pt; background-color:#ff3e3e;; border:1px solid #f0f0f0; color:#fff;}

.form_btn {width:156px; height:46px; background:url('../images/button_add_website.png') no-repeat; border:none; line-height:0.1px; text-indent:300px; float:left;}
.form_btn:hover{background:url('../images/button_add_website_hover.png') no-repeat; cursor:pointer;}

.btn_recommend, .btn_recommend:hover {background:url('../images/button_recommend.png') no-repeat; margin-top:8px;}
.btn_contact, .btn_contact:hover {background:url('../images/button_contact.png') no-repeat;}

label.counter {padding:5px; width:500px; text-align: right;}

ul#warnings{list-style-type:none;}
ul#warnings li {padding-left:20px; font-size:10pt;}
ul#warnings li:before{content:'-> ';}
/****** SPECIAL *****/
.last_entry {color:#000; background:url('../images/box_tag_newentry.png') no-repeat right 205px #f5f5f5; height:230px; border:1px solid #c0c0c0; width:410px; margin:0px 10px 0px 0px; z-index:100;}
.last_entry h2 {margin-bottom:8px; border-bottom:1px solid #c0c0c0; padding:10px; font-size:11pt; padding:5px 5px 10px 5px;}
.last_entry h2 a {text-decoration:none;}
.last_entry p {clear:none; margin-top:-5px;}
.last_entry a.read_more {display:inline-block; float:left; clear:both;}
.website_thumb {float:left; margin:0px 8px 5px 5px;}
ul.category_list, ul.ul_tags {padding-left:15px; list-style-image:url('../images/ul_list_bullet.png'); font-size:12px; margin:5px; float:left;}
ul.category_list li {padding:2px 0px 2px 0px;}

ul.pagination {list-style-type:none; margin:5px; display:block;}
ul.pagination li {float:left; padding:0px 5px 0px 5px;}
.current_page {color:#fd0000; font-weight:bold;}
.red {color:#4697d2;}

.absolute_box{position:absolute; top:440px; margin-bottom:300px;}
span.page_description {float:left;}

.website_description {padding:5px 15px 15px 15px; background-color:#f9f9f9; margin:0px 0px 20px 0px; border:1px solid #dbdbdb; width:860px;}
.website_description .website_thumb {border:6px solid #fff;}
.website_description h1 {color:#dd0000;}
.rec_website_desc {background:url('../images/reciprocal_site_desc.png') #f9f9f9 no-repeat right top;}
.main_details {float:left; width:590px;}

.site_description {padding:20px; width:380px; margin:20px 10px 10px 0px; background:url('../images/desc_bg.png') repeat-x;}
.lang_en { float:right;}
.lang_si { float:left;}

.sites_category_list {float:left;}
.website_preview {padding:10px; width:550px;}
.category_list_right {width:240px; float:left; margin-left:30px;}
.reciprocal_site{background:url('../images/reciprocal_site.png') no-repeat right top; padding-right:50px;}

ul.ul_tags {float:none;}
ul.ul_tags li {float:left; padding:3px 5px 3px 0px; margin-right:20px;}

ol.most_visited {margin-left:20px; font-size:9pt;}
ol.most_visited li {padding:0px;}

a#closeWindow {padding:3px; display:block; background:url('../images/close_window.png') #f4f5f1 no-repeat; width:57px; height:17px; font-size:0px; position:absolute; top:190px; margin-left:810px;}

#recommendForm {background:#f4f5f1;; z-index:1; display:none; padding:20px; color:#000; font-size:11pt;}
#recommendForm legend {font-size:12pt; padding:0px; color:#333;}
#recommendForm label {padding:3px; float:left;}

/* SITE RATE */
ul.website_rate {list-style-type:none; float:left; padding:5px 0px 5px 0px;}
ul.website_rate li {float:left;}
ul.website_rate li a {height:23px; width:30px; display:block; background:url('../images/rate_buttons.png') no-repeat; text-indent:-9999px;}
ul.website_rate li a#point2 {background:url('../images/rate_buttons.png') -30px 0px;}
ul.website_rate li a#point3 {background:url('../images/rate_buttons.png') -60px 0px;}
ul.website_rate li a#point4 {background:url('../images/rate_buttons.png') -90px 0px;}
ul.website_rate li a#point5 {background:url('../images/rate_buttons.png') -120px 0px;}
.rate_system{float:left; margin-top:30px;}

/* SEARCH SUGGESTION */
form#searchForm{position:relative; float:right;}
#suggestionBox{float:left; left:175px; top:70px; position:absolute; z-index:200;}
.suggestionShow, .suggestionSelected,.suggestionMouseOver{clear:both; float:left; width:405px; z-index:100;  padding:8px; background:#fff; font-size:10pt; cursor:default;}
.suggestionSelected, .suggestionMouseOver{background-color:#f4f4f4; font-weight:bold; text-decoration:underline;}

/****** SEARCH RESULT **********/
table.search_result {background-color:#f7f7f7;}
table.search_result thead th {font-weight:bold; font-size:10pt; border-bottom:1px solid #bbbbbb; padding:10px; background-color:#eee;}
table.search_result tbody tr td {font-size:10pt; padding:10px;}
table.search_result tfoot tr td {font-size:10pt; padding:10px; border-top:1px solid #bbbbbb; background-color:#eee;}

/****** TOOLBOX  *******/
.toolbar {padding:10px 0px 6px 0px; background-color:#414141; color:#fff; font-size:9pt; clear:both; position:absolute; top:0px; width:100%;}
.toolbar_align {position:relative;}
ul#toolbar {list-style-type:none; float:right;}
ul#toolbar li { float:left; margin:0px 5px 0px 0px;}
a.toolbar_icon {padding:0px 3px 3px 25px; display:block; color:#fff; text-decoration:none;}
.favorites {background:url('../images/favorites.png') no-repeat 0px -2px;}
.recommend {background:url('../images/recommend.png') no-repeat 0px -2px;}
.contact_us {background:url('../images/contact_us.png') no-repeat 0px -2px;}

#sendRecommendStatus{padding:3px; font-size:10pt; position:absolute; top:175px; margin-left:170px;}