﻿body, html {
    margin:0;
    padding:0;
    height:100%;
    /*background: url('../../images/search_pg.jpg') no-repeat right top;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
    font-family: 'Open Sans', sans-serif;
    color:#FFF;
    overflow: hidden;
}

body {
    direction:ltr;
    text-align:left;
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    /*color:#444444;*/
    /*background:black url('../../images/bg.gif') repeat center top !important;*/
}

* {
    outline: none;
}

a{
    text-decoration:none;
    outline: none;
}

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

.search_container {
    position: relative;
    top: 30%;
    width: 100%;
    z-index: 10;
}

#home_slider{
    position: absolute;
    width: 100%;
}

#wrap {
    min-height: 100%;
    height: 100%;
    margin: 0 auto -30px;
}

.row-fluid {
    width: 100%;
    zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.row-fluid:after {
    clear: both;
}

.header_bar {
    border-bottom: 2px solid #ddd;
    background:url('../../images/bg_abstract.gif') repeat-x center top !important;
}

.container {
    margin: auto;
}

.some_padding {
    padding: 0px;
}


#header {
    height: 115px;
    width: 990px; 
    margin: 0 auto; 
    text-align:center;
}

#header #logo{
    float:left;
    padding-top: 20px;
}

#header #main_header_left{
    float:right;
    margin-top:8px;
    margin-bottom:14px;
    width: 720px;
}

.menu_top_level1{
	font-size: 11px;
	color: #060606;
	height: 15px;
	overflow: hidden;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 4px;
	float: left;
}

.menu_top_level1 a:active,
.menu_top_level1 a:focus,
.menu_top_level1 a:visited,
.menu_top_level1 a:link{
    padding:0px 2px;
    color: #060606;
    text-decoration:none;
}
.menu_top_level1 a:hover{
    color:#054B2B;
    text-decoration:underline;
}


.menu_top_level1 ul{
    margin: 0px;
}
.menu_top_level1 ul li{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
}

.website_datetime{
    font-size: 11px;
    color: #060606;
    font-weight:bold;
    float: left;
    padding:4px 0px 0px 0px;
}

.website_datetime:before{
    content: " | ";
}

.website_lang {
	float: right;
	background: url('../../images/map_lang.png') no-repeat right 2px;
	padding-right: 45px;
	height: 20px;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 2px;    
}

#langSwitcher{
    background: #F0F0F0;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    width: 100px;
    height: 19px;
    display: block;
    padding-top: 2px;
    direction: ltr;
}
#langSwitcher a{
    color: #8B8B8B;
    text-decoration: none;
}


#main_header_left .main_header_left_L1{
    display:inline-block;
    width: 720px;
}


#main_header_left .main_header_left_L2{
    clear:both;
    margin-top:10px;
}

#footer {
    
}

.footer_wrapper{
    width: 990px; 
    margin: 0 auto; 
}


#footer {
    background-color: #F6F6F6;
    position:absolute; 
    bottom: 0; 
    width: 100%; 
    height:35px; 
    background:#FFFFFF url('../../images/footer_bg.jpg') repeat-x center bottom; 
    clear: both;
    border-top:2px solid #ddd;
    z-index: 10;
}

.footer_line2{
    clear:both; 
    border-top:1px #E8EDE8 solid; 
    padding-top:9px;
    display:inline-block;
    width: 100%;
}

.footer_links{
    float:left; 
    font-size:11px; 
    color:#595959;
}


.footer_links a:link, 
.footer_links a:visited, 
.footer_links a:focus, 
.footer_links a:active {
    color:#595959;
}

.footer_links a:hover {
    color:#595959;
    text-decoration:underline;
}

.footer_links ul{
    margin: 0px;
}

.footer_links ul li{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float: left;
    padding-right: 5px;
}

.footer_links ul li:after {content:" | ";}
.footer_links ul li:last-child:after {content:" ";}

.footer_copy{
    float:right; font-size:11px; color:#595959;
}

/* ================ search Home Page ====================== */

.search_container {
    position: absolute;
}

.search_box {
    width: 35%;
    min-width: 600px;
    margin: auto;
    max-width: 100%;
    height: 135px;
}

.slogan {
    color: white;
    font-weight: 400;
    font-size: 2.7em;
    letter-spacing: 1.2px;
    margin-bottom: 15px !important;
}

.center {
    float: none;
    text-align: center;
    margin: 25px auto 0px;
}

.home_search_wrapper {
    width: 100%;
    height: 133px;
    padding: 20px 0 0 0;
    min-width: 500px;
}

.home_search_wrapper {
    /*background-color:#272727; /*#F6F6F6
    padding: 20px 20px 40px 20px;
    border-radius: 6px;
    height: 93px;
    position: relative;*/
    margin: auto;
    width: 462px;
}

.ad468x60_wdgt{
    width: 468px;
    height: 60px;
    float: left;
}

#searchForm{
    /* The search form. */
    background-color:#272727;
    padding:25px 25px;
    margin:0px;
    position:relative;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    color: #FFF;
}

fieldset{
    border:none;
}

#searchInputContainer{
    /* This div contains the transparent search box */
    width:420px;
    height:36px;
    background:url('../../images/searchBox.png') no-repeat;
    float:right;
    margin-right:12px;
}

#s{
    /* The search text box. */

    border:none;
    color:#888888;
    background:url('../../images/searchBox.png') no-repeat;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    height:36px;
    line-height:36px;
    margin-right:12px;
    outline:medium none;
    padding:0px 35px 0px 0px;
    text-shadow:1px 1px 0 white;
    width:385px;
    text-align: right;
}

/* The UL that contains the search type icons */

.icons{
    list-style:none;
    margin:10px 3px 0px 0px;
    height:19px;
    position:relative;
    float:left;
}

.icons li{
    background:url('../../images/icons.png') no-repeat;
    float:left;
    height:19px;
    text-indent:-9999px;
    cursor:pointer;
    margin-right:5px;
}

/* Styling each icon */

li.web{ width:15px;}
li.web.active,
li.web:hover{ background-position:left bottom;}

li.images{ width:22px; background-position:-18px 0;}
li.images.active,
li.images:hover{ background-position:-18px bottom;}

li.news{ width:14px; background-position:-44px 0;}
li.news.active,
li.news:hover{ background-position:-44px bottom;}

li.videos{ width:17px; background-position:right 0;}
li.videos.active,
li.videos:hover{ background-position:right bottom;}

span.arrow{
    /* The little arrow that moves below the icons */
    width:11px;
    height:6px;
    margin:21px 0 0 5px;
    position:absolute;
    background:url('../../images/arrow.png') no-repeat;
    left:0;
}

/* The submit button */
#submitButton{
    background:url('../../images/en/buttons.png') no-repeat;
    width:83px;
    height:36px;
    text-indent:-9999px;
    overflow:hidden;
    text-transform:uppercase;
    border:none;
    cursor:pointer;
}

#submitButton:hover{
    background-position:left bottom;
}




#searchInContainer{
    float: left;
    margin-top: 9px;
    margin-right: 0px;
    width: 285px;
}

label{
    color:#DDDDDD;
    cursor:pointer;
    font-size:11px;
    position:relative;
    right:-2px;
    top:-2px;
    margin-right: 0px;
    margin-left: 13px;
    white-space:nowrap;
    /*float:left;*/
}

input[type=radio]{
    cursor:pointer;
    /*float:left;*/
}


/* Styling the search results */


.pageContainer{
    border-bottom:1px solid #5e7481;
    margin-bottom:50px;


    -moz-box-shadow:0 1px 0 #798e9c;
    -webkit-box-shadow:0 1px 0 #798e9c;
    box-shadow:0 1px 0 #798e9c;
}


p.notFound{
    text-align:center;
    padding:0 0 40px;
}


/* Web & news results */


.webResult{ text-shadow:1px 1px 0 #586a75;margin-bottom:50px;}
.webResult h2{ 
    background-color:#004D29;
    font-size:18px;
    font-weight:normal;
    padding:8px 20px;

    /* Applying CSS3 rounded corners */
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:18px;
}
.webResult h2 b{ color:#fff; }
.webResult h2 a{ color:#eee;border:none;}
.webResult p{ line-height:1.5;padding:15px 20px;}
.webResult p b{ color:white;}
.webResult > a{ margin-left:20px;}


/* Image & video search results */


.imageResult{
    float:left;
    height:180px;
    margin:0 0 20px 40px;
    text-align:center;
    width:152px;
    overflow:hidden;
}
.imageResult img{ display:block;border:none;}
.imageResult a.pic{
    border:1px solid #fff;
    outline:1px solid #777;
    display:block;
    margin:0 auto 15px;
}

/* The show more button */

#more{
    width:83px;
    height:24px;
    background:url('../../images/more.png') no-repeat;
    cursor:pointer;
    margin:40px auto;
}

#more:hover{
    background-position:left bottom;
}



/* Giving Credit */

p.credit{
    margin:20px 0;
    text-align:center;
}

p.credit a{
    background-color:#4B5A64;
    border:1px solid;
    border-color:#3D4D57 #788E9B #788E9B #3D4D57;
    color:#c0d0d8;
    font-size:10px;
    padding:4px 8px;
    text-shadow:1px 1px 0 #38464F;
}

p.credit a:hover{
    background-color:#38464f;
    border-color:#38464f #788E9B #788E9B #38464f;
}

a, a:visited {
    text-decoration:none;
    outline:none;
    /*border-bottom:1px dotted #97cae6;*/
    color:#FFF;
}

a:hover{
    border-bottom:1px dashed transparent;
}

.clear{
    clear:both;
}
/* ====================== */
#most_visit_websites{
    /*background:#fff;*/ 
    -webkit-border-radius: 5px; 
    margin:10px 5px 5px 5px; 
    padding:5px; 
    opacity:0.8;
    filter:Alpha(opacity=80);
    border: 1px solid #ccc;
    width: 240px;
    float: left;
}

#recintly_added_websites{
    -webkit-border-radius: 5px; 
    margin:10px 5px 5px 5px; 
    padding:5px; 
    opacity:0.8;
    filter:Alpha(opacity=80);
    border: 1px solid #ccc;
    width: 240px;
    float: right;
}

.hp_data .title{
    font-weight:bold!important;
    color:#FFF;
    padding:4px 0px;
}

.hp_data .list{
    margin-top:8px;
}

.hp_data ul{
    margin:0px;
    padding:0px; 
    list-style:none;
}

.hp_data ul li{
    padding-bottom:4px;
    padding-right:13px;
    background: url('../../images/websiteArrow.png') no-repeat right 1px;
}

.hp_data ul li a{
    color:#FFF;
}