@import "../SingleSignOn/singlesignon.css";

/* N.Gabbidon - New recommendation styles - for the new recommendation page called share the love */

/* New Div_Recommend_Upper_New - amendment to old css tag Div_Recommend_Upper */
div#Div_Recommend_Mid_Upper_New
{
 	display:inline-block;
	width:100%;
	/*background-image:url("/_style/module/recommend/i/recommend_form_bg.png");*/
	/*background-repeat:no-repeat;*/
	text-align: center;
	/*padding:15px 15px 0px 15px;*/
}






div.sharethelove
{
    margin: auto auto;
    width: 92%;
    margin: auto auto;
    text-align: left;
    background: url('i/sharethelove.png') top left no-repeat transparent;
  /* original file is whodoyourecommend.png - Chris Evans 26/1/12  */
  
}

/*#ctl00_Content_AddTestimonialUserInterface1_sharethelove
{
  
    margin: auto auto;
    text-align: left;
     background: url('i/sharethelove.png') top left no-repeat transparent;
}
*/



#sharethelove-recommendationcontainer
{
    /*width: 80%;*/
  
}


/* N.Gabbidon New - form labels  for share the love section */
label.FormLabel,span.FormLabel
{
color:#003e7e; /* tboblue */ 
font-weight:bold;

    
}


label.sharethelove-recommendation
{
    line-height: 20px;
    
    
}


/* Amended style for recommend box - allows full width */
.txtfullwidth        
{ 
width: 100%;
height:100px; 
margin:0px 0px 0px 0px; 
border:solid 1px #7DD8F6; /*tbolightblue*/ }

/* new style to allow for extra height as well as width */
.txtfullwidthandheight
{
width: 100%;
height: 250px;
margin:0px 0px 0px 0px; 
border:solid 1px #7DD8F6; /*tbolightblue*/ }
    






#tblsharethelove
{
    float: left;
    margin-top: 50px;
}

#tblsharethelove .tablesubmitbutton
{
    background-color: Transparent;
        margin-top: 5px;
padding: 0px 0px 0px 0px;
margin-left: 50px;


}

#tblsharethelove td
{
    padding-left: 30px;

}

#tblsharethelove  td.top
{
   width: 200px !important;     
}

td.AddressBlurb
{

    background: url('i/businessdoblurb.png') 0% 18% no-repeat transparent;

}

/* set every with this class to absolute. */
.TellFriends
{
    position: absolute;
    

}


div#PageSummaryText
{
    float: left;
    width: 390px;
    margin-left: 20px;
    /*padding: 10px 20px 0px 10px;*/
    /*color:#003E7E;*/
    color: #ffffff;
    /*background: url('i/recommendblurb.png') center left no-repeat transparent;*/
   /* N.Gabbidon - 26/01/2011 - Added sharethelovebackground */
  	background: url('i/newpagesummary.png') center left no-repeat transparent;
    height: 400px;
}

div#textwrapper
{
    width: 90%;
    text-align: left;
    margin-left: 10px;
    position: relative;
    height: 400px;
}




div#textwrapper .TellFriends
{
    top: 82%;
    left: 65%;


}

div.loveometerlink
{
    width: 300px;
    
    padding: 0px 0px;
}




div.loveometerlink img
{
    float: left;
    border: none; 
}

div.loveometerlink table a 
{
    color: #ffffff;
    font-weight: bold;

}

a.lovedbusinesses
{
    text-decoration: underline;
    position: absolute;
    top: 70%;
    /*left: 25%;*/

	/* Share the love - new position */
	left:30%;
    text-align: center;
    margin: auto auto;
}



div#PageSummaryText p#top
{
    padding-right: 30px;
    margin-top: 40px;

}

div#PageSummaryText p
{
    color:#ffffff; /*  */
    /*font-weight: bold;*/
     text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
   
}

div#PageSummaryText p a
{
    color: #ffffff;
    font-weight: bold;
    
}



textarea.biggerheight
{
    height: 120px;

}

input.txt, textarea.txt
{
   width: 185px;

}

.buttonvalidate
{
    margin-left: 13px;
    font-weight: bold;
    
}


/* Dynamic results sections */
div#placeresults,div#featureresults
{   
    background: #f3faff none repeat scroll 0 0;
    text-align: left;
    z-index: 2;

    
}

div.containerselection
{
    border: 1px solid #7DD8F6;
    
}

ul.selection 
{
    text-align: left;
    margin: auto auto;
    padding: 0px 0px;
   
}

ul.selection li
{
    list-style-type: none;
    text-align: left;
    text-indent: 0px;
     list-style-image: none;
     display: inline;
      
   
}

ul.selection li a
{
     color:#003E7E;
    text-align: left;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    text-decoration: none;
    
    
}

ul.selection li a:hover
{
    background-color: #ffffff;
    
    
}

.sharemorelove
{
    width: 143px;
    height: 78px;
    margin-top: 50%;
     vertical-align: bottom;
}

.sharemorelove img
{
    margin-top: 50%;

}

.sharethelovethanks
{
   /* background: url('i/thanksbackground.jpg') top center no-repeat #ffffff;*/
    height: 500px;
    width: 715px;
    margin: auto auto;
    margin-top: 20px;
    padding-top: 50px;
    
}

.sharethelovethanks .TellFriends
{
    top: 0px;
    left: 80%;

}

.sharethelovethanks .noteauthenticated,.sharethelovethanks .notenotauthenticated
{
    height: 410px;
    width: 624px;
    margin: auto auto;
    position: relative;
    
}

.sharethelovethanks .noteauthenticated
{
     background: url('i/thanksauthenticated.png') top center no-repeat transparent;
    


}
.sharethelovethanks .notenotauthenticated
{
    background: url('i/thanksnotenotauthenticated.png') top center no-repeat transparent;
    
}


/* Loveometer link */
#loveometerlink
{
    color: #3c3c3c;
    font-size: 1.3em;
    text-decoration: underline;
   
}



/* Prize List section */

fieldset#prizelistsection
{
   color: #c80000; 
   border: none;
   position: relative;
  margin: auto auto;
 margin-top: 20px;
  text-align: center;
    /*padding: 0px 0px 0px 0px;*/
    padding: auto auto;
    background: url('i/prizesectiontop.png') top center transparent no-repeat;
    width: 932px;
}

div#prizelist
{
    
    margin: 16px 0px 0px 0px;
    padding: 5px 10px 0px  10px;
    border-left: 2px solid #d64859 !important;
   border-right: 2px solid #d64859 !important;
   
   }
   
 div#prizelist p
 {
    text-align: left;
 
 }

#prizelistlegend
{
     background: url('i/prizeslegend.png') center center transparent no-repeat;  
     height: 32px;
     width: 170px;
    /* padding: 20px 60px 20px 60px;
     color: #ffffff;
     margin: 0px 0px; */
     position: absolute;
     left: 50px;
     top: -15px;
     padding-top: 15px;
     color: #ffffff;
}



div.prize
{
    width: 215px;
    height: 150px;
    float: left;
    margin-left: 10px;
    
   
    
    
}

div.prize div.description
{
    text-align: left;
    margin-left: 5px;
    width: 50%;
    float: left;

}

div.prize div.description p
{
    margin-top: 4px;
    
}

div.prize img
{
    float: left;
}

div.prize h3
{
    text-align: left;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0px 0px;
    

}

div#prizesfooter
{
    background: url('i/prizesectionbottom.png') top center no-repeat transparent;
    height: 50px;
    width: 100%;
    clear: both;
}


/*********** Rating Control ***********/
div.RatingMeasurement_Container img#RatingMeasurement_1
{
    margin-left: 20px;   
}

div.RatingMeasurement_Container img#RatingMeasurement_2
{
       margin-left: 0px;
}

div.RatingMeasurement_Container img#RatingMeasurement_3
{
       margin-left: 0px;
}


ul.RaterContainer
{
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    background: url('i/star-bk.jpg') center center no-repeat transparent;
    height: 36px;
    width: 134px;
       
}

ul.RaterContainer li
{
    float: left;
    list-style: none;
    list-style-image: none;
    margin: 5px 0px;
    padding: 0px 0px;
    
    
       
}

/************ End rating control **********/