﻿@media screen and (min-width: 40.5em) 
{
 .maincontent {
       width: 100%;
       margin-top:2em;
       font-family: Arial;
	   padding-top:0.1em;
  }
}

@media screen and (max-width: 40.5em) {
.maincontent
{
   width: auto;
   margin-top:2em;
   font-family: Arial;
   padding-top:0.1em;	
}
}


@media screen and (min-width: 40.5em) 
{
 .searchresult {
       width: 100%;
       position:relative;
  }
}

@media screen and (max-width: 40.5em) {
.searchresult
{
   width:100%;
   position:relative;
}
}

@media screen and (min-width: 40.5em) 
{
.searchresult .rightDisplay
{
   list-style: none;
   float:right;
   width:5%;
   margin-right:2%;
}
}

@media screen and (max-width: 40.5em) {
.searchresult .rightDisplay
{
   list-style: none;
   float:right;
   width: 10%;
   margin-right:1%;
}
}

@media screen and (min-width: 40.5em) 
{
.searchresult .leftDisplay
{
   list-style: none;
   float:left;
   width: 80%;
}
}

@media screen and (max-width: 40.5em) {
.searchresult .leftDisplay
{
   list-style: none;
   float:left;
   width: 60%;
}
}

@media screen and (min-width: 40.5em) {
.searchresult .leftDisplay .search_posit_txt
{
    font-size:15px;
    font-weight: bold;
    color: #4E8EB2;
       /*width: auto;*/
}
}

@media screen and (max-width: 40.5em) {
.searchresult .leftDisplay .search_posit_txt
{
    font-size:15px;
    font-weight: bold;
    color: #4E8EB2;
    /*width:80%;*/
    margin-left: -20px;
}
}

@media screen and (min-width: 40.5em) {
.searchresult .leftDisplay .search_comp_txt
{
    font-size: 13px;
    font-weight: bold;   
	color: #333;
 }
}

@media screen and (max-width: 40.5em) {
.searchresult .leftDisplay .search_comp_txt
{
    font-size: 13px;
    font-weight: bold;   
    /*width: 80%;*/
    margin-left:-19px;
	color: #333;
 }
}

@media screen and (min-width: 40.5em) {
 .searchresult .leftDisplay .search_posted_txt
{
    font-size: 12px;
    width: 150px;
    float:left;
     margin-top:3px;
     color: #333;
 }
}
 
@media screen and (max-width: 40.5em) {
 .searchresult .leftDisplay .search_posted_txt
{
    font-size: 12px;
    float:left;
    margin-top:3px;
    width: auto;
    margin-left: -19px;
	color: #333;
	font-weight: normal;
 }
}

@media screen and (min-width: 40.5em) { 
.searchresult .leftDisplay .search_post_txt
{
    font-size: 12px;
    width: 320px;
    margin-top:3px;
	font-weight: normal;
	color: #333;
	font-weight: normal;
 }
}
 
@media screen and (max-width: 40.5em) { 
.searchresult .leftDisplay .search_post_txt
{
    font-size: 12px;
    margin-top:3px;
     /*width: 80%;*/
    margin-left: -19px;
	color: #333;
	font-weight: normal;
 }
}

@media screen and (min-width: 40.5em) { 
.searchresult .leftDisplay .search_lvl_field
{
    font-size: 12px;
    width: 200px;
     margin-top:5px;
 }
}
 

@media screen and (max-width: 40.5em) { 
.searchresult .leftDisplay .search_lvl_field
{
    font-size: 12px;
     margin-top:5px;
      width: auto;
 }
}

@media screen and (max-width: 40.5em) { 
.searchresult .leftDisplay .search_lvl_field table
{
  margin-top: 20px;
  margin-left: -19px;
 }
}

@media screen and (min-width: 40.5em) { 
.logo
{
background:red;
}
}

@media screen and (max-width: 40.5em) { 
.logo
{
background:red;
width:100%;
}
}

@media screen and (min-width: 40.5em) { 
.logo img
{
 width: 10%;
  margin-top: 5px;
}
}

@media screen and (max-width: 40.5em) { 
.logo img
{
 width: 50%;
 margin-top: 7px;
}
}

@media screen and (min-width: 40.5em) { 
.searchresult .leftDisplay .search_bookmark
    {
        background-image: url('../../../images/mobilesite/add_button_small.png');
         background-repeat: no-repeat;
    }
}
 

@media screen and (max-width: 40.5em) { 
.searchresult .leftDisplay .search_bookmark
{
        background-image: url('../../../images/mobilesite/add_button_small.png');
         background-repeat: no-repeat;
 }
}


@media screen and (min-width: 40.5em) { 
.hlDetails
    {
    margin-top: 2em;
    /*position:absolute;*/
    width:20px;
    height:20px;
    display:block;
    top:44%;
    right:5%;
    }
}
 

@media screen and (max-width: 40.5em) { 
.hlDetails
    {
    margin-top: 2em;
    /*position:absolute;*/
    width:20px;
    height:20px;
    display:block;
    top:44%;
    right:5%;
    }
}


@media screen and (min-width: 40.5em) { 
.hlDetails a
    {
       background: url(/App_Themes/images/mobilesite/arrow3.png) no-repeat;
       height:20px;
       width:20px;
       display:block;
    }
}
 

@media screen and (max-width: 40.5em) { 
.hlDetails a
     {
       background: url(/App_Themes/images/mobilesite/arrow3.png) no-repeat;
       height:20px;
       width:20px;
       display:block;
    }
}

 .divider {
	width: 96%;
	margin: 0 auto;
	height: 1px;
	background-color: #CCCCCC;
	clear: both;
 }
 
 .searchresult a {
     text-decoration: none;
 }
 
 .resultDisplay  {
     height: 38px;
     background-color: #f7e2e2;
     margin-top: 1em;
}

.resultDisplay p {
    position: absolute;
    font-size: 12px;
    margin: 10px 12px;
}