/* Import the rounded corners stylesheet to allow for fluid height and width rounded corners */
@import "../../_style/shared/roundedcorners.css";


div.Container
{
    position: relative;
    margin-top: 20px;
    text-align: center;

}


/* Badge */
div.Container img.Badge
{
    position: absolute;
    top: -20px;
    right: 15px;
    z-index: 1;

}


/* Primary header and secondary header */
.primaryheader
{
    background-image: none !important;
    background-color: Transparent;
     padding-left: 0px !important;
    padding-right: 0px !important;
    width: 60%;
}

h3.primaryheader
{
    font-weight: 500;
    
}





div#ByLocalLeft, div#ByLocalRight
{
    float: left;
    

}

div#ByLocalLeft
{
    width: 510px;

}


div#ByLocalRight
{
    width: 380px;

}

div#ByLocalRightBody
{
    font-size: 1.2em;

}

div#ByLocalRightFooter
{
    background-image: url('i/bylocalrightbottomleftcorner.png');

}

div#ByLocalRightFooter p
{
    text-align: right;
    
}




div#ByLocalContainer
{
    background-image: url('i/topleftcorner.png');
    background-color: Transparent;
    margin: auto auto;
    width: 950px;
    height: 100%;
    text-align: left;
    
}

div#ByLocalContainer h2
{
   background-image: url('i/toprightcorner.png'); 
   background-color: transparent;
   
}

div#ByLocalBody
{
    border-left: #003b79 1px solid;
    border-right: #003b79 1px solid;
    background-color: #c3dcf1;
    margin-top: 0px;
    height: 100%;
}

div#ByLocalFooter
{   
    background-image: url('i/bottomleftcorner.png');
    background-color: Transparent;
    


}

div#ByLocalFooter p
{
    background-image: url('i/bottomrightcorner.png');
    background-color: Transparent;
    margin-top: -5px;
}

.firstcol
{
    width: 200px;
    vertical-align: top;

}

.secondcol
{
    width: 270px;
}

/* Input boxes for all second column cells */
.secondcol input, .secondcol textarea
{
   /* width: 100%;*/
   width: 260px;
}


/* Inner lef rounded corner */
 div.rctop
{
     background-image: url('i/bylocalsubmittaltopleftcorner.png');
    background-color: Transparent;

}

div#ByLocalContainer div.rctop h2
{
    
    background-image: url('i/bylocalsubmittaltoprightcorner.png'); 
   background-color: transparent;
}

div.rcbody
{
    background-color: #ffffff;
    margin-top: 0px;
}



div.rcfooter
{
   background-image: url('i/bylocalsubmittalbottomleftcorner.png'); 
   background-color: transparent;
   
}


div.rcfooter p
{
       background-image: url('i/bylocalsubmittalbottomrightcorner.png'); 
   background-color: transparent;
   
}


div#ByLocalLeft
{
    margin-right: 20px;
    
}

/* Buy local comments */
textarea.buylocalcomments
{
    height: 100px;
}


/* Place selection container */
div#placeresults
{   
    background: #f3faff none repeat scroll 0 0;
    text-align: left;               
    z-index: 2;
    

    
}

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;
    
    
}


div#ByLocalLeftFooter p
{
   /*padding-top: 30px;*/
    text-align: right;
}




/* By Local Results Table */

/* Rounded Corners */
#ByLocalGrid
{
    background-image: url('i/resultstopleftroundedcorner.png');
    background-repeat: no-repeat;
    height: 100%;
    
}

#ByLocalGrid h2
{
    background-image: url('i/resultstoprightroundedcorner.png') !important;
   height: 30px;
   margin: 0px 0px;
   padding: 10px 0px 0px 18px; 
}

#ByLocalBody div#Header
{
    margin-bottom: 30px;
    
} 

/* Column spans that make up customized column headers */
#ByLocalGrid h2 span
{
    color: #ffffff;

} 


#bylocalgridbody
{   
   background-image: url('i/whitestrip.png');
   background-repeat: repeat;
   padding: 0px 0px 25px 0px;
   margin: 0px 0px;
    
}


/* Custom header colums for grid - Inside h2 tag as spans - done to cater for rounded corners with table */
span.ColName
{
    margin-right: 155px;

}

span.ColTown
{
    margin-right: 185px;

}

table#bylocalresultstable
{
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px; 
}

table#bylocalresultstable td
{
    padding: 20px 10px;
    border-bottom: 2px solid #b3b4b8;
    vertical-align: top;
}


td.Name
{
    width: 185px;
    
}

td.Town
{
    width: 205px;
    border-left: 1px dashed gray;
    border-right: 1px dashed gray;
    
}

/*td.Comment
{
    width: 400px;
   
}
*/


/* Report abuse link in comments  */
td.Comment .AbuseLink
{
   width: 100%;
    text-align: right;
}

td.Comment .AbuseLink a
{
   margin: auto auto;

}



/* Table  Headers */



#gridbuttons
{
    margin-top: 5px;
    text-align: right;
    background-color: Transparent;

}

#gridbuttons input
{
    
    background-color: Transparent;
    

}


#ByLocalResultsFooter p
{
    background-image: url('i/bylocalsubmittalgridbottomrightcorner.png');
    

}

.tablesubmitbutton
{
    background-color: #ffffff !important;

}

img.franchiseeImage
{
    border: 1px solid #003e7e !important;
    padding: 2px;
     
}

input[type=checkbox]
{
    border: none !important;
    margin-right: 5px;
    height: 15px;
    width: 15px;
    background-color: Transparent;
}


/* Thanks Confirmation Screen */
div.ThanksConfirmation
{
     position: absolute; 
    height: 620px;
    background-color: #ffffff;
    top: 11.5%;
    width: 500px;
    left: 10px;
    padding: 10px 10px;
    z-index: 90000;
  


}