body {
    background: #FFF url(../images/homeBack.jpg) center bottom repeat-x fixed;
}

#homeLogin{
    position: absolute;
    top: 37px;
    left: 90px;
    z-index: 1;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 100;
    box-shadow: 0px 5px 3px black;
    background: white;
}

.message {
    margin-top: -23px;
}

#publicTabsMenu {
    background-color: #5C5C5C;
    margin-bottom: 50px;
	text-align: right;
	padding: 16px 7px
}

#publicTabsMenu a {
    color: white;
    text-decoration: none;
    margin-right: 13px;
}

#logo{
    float: left;
    width: 155px;
    height: 200px;
    background: url("../images/slides/logo.png") no-repeat scroll center 0 transparent;
}

#searchBar{
    height: 58px;
	width: 69%;
	min-width: 1123px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: rgba(1,49,78,.6);
	box-shadow: 0 0px 12px rgba(141,141,141,0.3);
    
}

#publicTabForm {
    width: 70%;
}

#logoFavSync a {
    position: absolute;
    background: url("../images/slides/logo.png") no-repeat scroll 25px 0 transparent;
    height: 70px;
    width: 70px;
    display: block;
    left: 0;
    top: 5px;
}

#searchArea {
	width: 100%;
}

#searchAreaBg {
    background: rgba(204, 230, 245,.15);
    width: 1141px;
    //height: 170px;
    margin: auto;
    padding: 2px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

#searchAreaBlock {
    margin: 10px;
    background: rgba(255, 255, 255,.3);
    width: 1121px;
    //height: 170px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

#searchArea form{
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    height: 58px;
    border: 1px;
}

#searchArea .search {
    /*padding: 0px 70px 0px 35px;*/
    /* padding-left: 41px; */
    margin:10px 0 0 10px;
    /* 	background: #DEEBF1 url('../images/searchIcon.png') no-repeat 8px 9px; */
    border: 1px;
    width: 75%;
    height: 38px;
    padding-left: 10px;
    border-radius: 5px;
}

#searchArea .search:focus {
	box-shadow: inset 0 0 7px 0 rgba(0,0,0,0.3);
}
#PublicTabsSearchButton {
    position:absolute;
    right: 180px;
    top: 14px;
    border:1px;
    padding-left:20px;
    color: white;
    cursor: pointer;
    height: 32px;
    width: 100px;
    font-size: 17px;
    float: right;
    background: rgba(1,49,78,.67) url('/images/user/new/searchIconSuggest.png') 10px 50% no-repeat;
    border-radius: 3px;
}

#PublicTabsSearchButton:hover {
    background-color: rgba(1,49,78,.5);
}

#PublicTabsSearchButton:active {
    transform: translate(0, 2px);
}

#PublicTabsClearButton, #PublicTabsClearButton:hover {
    position:absolute;
    display: none;
    right: 283px;
	top: 20px;
    color:#487C91;
    cursor: pointer;
    font-size: 14px;
    float: right;
	border: none;
	background: transparent;
}

#PublicTabsClearButton:hover {
	text-decoration: underline;
}

#createTab {
 	margin-top: 15px;
	padding-left: 33px;
	display: inline-block;
	text-decoration: none;
	font-size: 21px;
	color: #EEE;
	white-space: nowrap;
	text-align: center;
	/* width: 30%; */
	background: url('../images/user/starIcon.png') 0 50% no-repeat;
}

#createTab:hover {
 	-webkit-filter: brightness(110%);
 	color: white; 
}

#searchArea table {
    color: white;
    width: 69%;
    min-width: 1123px;
}

#searchArea table a {
    color: #7f7f7f;
    text-decoration: none;
}

#searchArea table .topline a {
    color: white;
    text-decoration: none;
}

#searchArea table .odd td {
    color: #6f6f6f;
}

#searchArea table .even td {
    color: #6f6f6f;
}

#searchArea table #publicTabName {
    width: 26%;
}

#searchArea table #publicTabDate, #searchArea table #publicTabRating, #searchArea table #publicTabUser {
    width: 12%;
}

#searchArea table .odd {
    background: rgba(255,255,255,.2);
}

#searchArea table .odd:hover {
    background: rgba(255,255,255,.45);
}

#searchArea table .even {
    background: rgba(170,170,170,.2);
}

#searchArea table .even:hover {
    background: rgba(170,170,170,.1);
}

#searchArea table tr{
    height: 45px;
}

#searchArea table tr.topline{
    background: rgba(1,49,78,.35);
    font-size: 13px;
    font-weight: bold;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,1);
}

#searchArea table tr.topline td{
    height: 16px;
}

.sortAscDesc{
    background: url('../images/raty/sortAscDesc.png') no-repeat right;
    padding-right: 25px;
    right: 10px;
}

.sortAsc{
    background: url('../images/raty/sortAsc.png') no-repeat right;
    padding-right: 25px;
}

.sortDesc{
    background: url('../images/raty/sortDesc.png') no-repeat right;
    padding-right: 25px;
}

#searchArea table td{
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}

/*
#searchArea table .votes{
        padding-left: 25px;
}
*/

#favSyncIt {
    display: block;
    margin-top: 2px;
    margin-left: 10px;
}

.bottomLinks{
    padding: 50px 50px 50px 25px;
    clear: both;
    color: black;
    width: 150px;
    font-size: 14px;
    margin-top: -123px;
    display: none;
}

.bottomLinks span{
    font-weight: bold;
}

.bottomLinks a{
    color: black;
    text-decoration: none;
    display: block;
    text-indent:-5px;
}

.bottomLinks a:before{ content:"-"; position:relative; left:-5px;}


#publicTabActions img {
	width: 24px;
	margin-top: 10px;
	margin-bottom: -6px;
	margin-left: 1px;
}

#pagination {
    position: relative;
}

.pagination {
    color: white;
    position: absolute;
    top: 15px;
    left: 50%;
}

.pagination * {
    border: 1px solid #6D97CB;
    background-color: #408BE5;
    color: white;
    display: block;
    float: left;
    margin-right: 5px;
    padding: 7px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-top: 26px;
}

.pagination .current {
    background-color: #2B65AD;
}

.stars {
    width: auto!important;
}

#publicTabDescription {
   // width: 772px;
}

.odd #publicTabAdultInfo, .even #publicTabAdultInfo {
    background: url(../images/adultOnly.png) no-repeat 37px;
    background-size: 34%;
    padding-top: -3px;
    opacity: 0.7;
}

#publicTabAdultInfo.showAdult0 {
    background: none;
    color: transparent;
}

.desc {
    position: absolute;
    background: rgb(247, 247, 247);
    padding: 8px;
    color: #838383;
    border-radius: 5px;
    margin-top: 6px;
}

#createYourPublicTabContent {
    display: none;
}


#publicTabsSearch #publicTabAdultInfo.showAdult0 {
	opacity: 0;
}

.moreInfoClose, .moreInfoLink {
	display: block;
	z-index: 0;
	color: white;
	text-decoration: none;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.31);
}

/* Temporary */

.moreInfo {
	position: absolute;
	background: rgba(0, 0, 0, 0.65);
	padding: 20px;
	color: white;
	border-radius: 4px;
	bottom: 128px;
	right: 10px;
	width: 188px;
	display: none;
}

.moreInfoText {
	display: none;
	position: relative;
	z-index: 0;
}

.moreInfoClose:hover, .moreInfoLink:hover {
	background: rgb(36, 36, 36);
}

#lotteryIcon {
	width: 46px;
	margin-left: 70px;
}

#lotteryTitle1, #lotteryTitle2 {
	font-size: 17px;
	text-align: center;
}

#lotteryTitle1 {
	font-weight: bold;
	margin-bottom: -10px;
	color: rgb(67, 181, 212);
}

@media all and (max-width: 1024px) {
    div#searchAreaBg {
        width: 90%;
    }

    div#searchAreaBlock {
        width: calc(100% - 20px);
    }

    div#searchBar {
        width: 100%;
        min-width: 100%;
    }

    div#searchArea form {
        width: 60%;
    }

    input#PublicTabsSearchButton {
        right: 0;
    }

    div#searchArea .search {
        width: calc(100% - 10px)
    }

    a#createTab {
        font-size: 15px;
        float: right;
        margin-right: 20px;
    }

    div#searchArea table {
        width:  100%;
        min-width: 100%;
    }

    div#searchArea table #publicTabName {
        width: 20%;
    }
}