/*
Below are the visual styles of the WIYN What/Where box.
You can make minor edits to this code in order to make it fit 
the style of your site. We recommend you do not add new style elements
as they may conflict with the required base style with.

Always test your changes before deploying. We can help with custom edits
to this code for special cases.

*/

/* ======= Edit these style for your site ==========*/

/*overall control properties */
#wiyn_btnSearch{
    margin: 30px 0 0 8px
}
.wiynBox  
{
	background-image: url(../../images/defaultPageSearchPanelContentBG.gif);
	background-repeat: no-repeat;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffc000;
	border-right-color: #ffc000;
	border-bottom-color: #ffc000;
	border-left-color: #ffc000;
    width:737px;
    
}
#wiyn_whatBox, #wiyn_whereBox{
    margin-left:12px;

}
/*text box properties */
#wiyn_whatSearchBox #wiyn_tb_what,#wiyn_whereSearchBox #wiyn_tb_where 
{
    width:290px;/*width of the text boxes for both what and where*/
    
}

/* what text box font size*/
#wiyn_whatSearchBox input 
{
 font-size:10px;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
}

/* where text box font size*/
#wiyn_whereSearchBox input
{
 font-size:10px;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
}

/*drop box properties*/
.wiyn_drop 
{
    background-color:#fcfcfc;
    border: solid 1px #0f0f0f;
    
}

/*drop box header properties */
.wiyn_dropHeader 
{
    background-color:#0000aa;
    color:#ffffff;
    font-weight:bold;
  
}

/*Category drop box letter accross the top*/
.wiyn_what_letters
{
    color:#222222;
    background-color:#dddddd;
}

/*Category drop box listing text*/
.wiyn_what_category
{
    color:#222222;
    background-color:#ffffff;
}

/*Location Drop box book text*/
.wiyn_where_book
{
  
    font-weight:bold;
    color:#222222;
    background-color:#ffffff;
    
}

/*Location Drop box neighborhood listing text*/
.wiyn_where_NH
{
    color:#222222;
    background-color:#ffffff;
}

/*Auto suggest boxes general*/
.wiyn_Suggestions
{
    border: 1px solid black;
    background-color:#ffffff;
    left:100px;
}

/*Auto Suggestions highlighted*/
.wiyn_Suggestions div.current {
    background-color: #3366cc;
    color: white;
}

/*Auto Suggestions dividers*/
div .wiyn_getDivide{

 border-top:solid 1px #222222;
 border-bottom:solid 1px #222222;
 background-color:#e0e0e0;

}

#regionSelect
{
    font-size:14px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    border: solid 2px blue;
    background-color:#fdfdff;
    width:600px;
    position:relative;
    text-align:center;
    color:black;
    font-weight:bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    
    
}

#regionScroll
{
     font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    position:relative;
   /*   height:480px;
   overflow:scroll;*/
    line-height:18px;
    width:600px;
    margin-top:10px;
    text-align:left;
    font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
    
}

#regionScroll a
{
   position:relative;
    color:blue;
	width:200px;
	display:block;
	margin-left:0px;
	text-decoration: none;  
    background-color:#fdfdff;
}



#regionScroll a:hover 
{
    color: black;
    text-decoration: underline;
    background-color:#fdfdff;
}
#regionsLeft
{
    position:relative;
    float:left;
    width:255px;
    margin-bottom:20px;
    margin-left:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#regionsRight
{
    
    position:relative;
    float:left;
    width:255px;
    margin-bottom:20px;
    margin-left:10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
    
}

#regionInfoHeader 
{
	margin: 0px;
	padding: 0;
	margin-bottom:10px;
	text-align:right;
	width:100%;
	height:23px;
	background-color: #721300;
	background-image: url(../../images/btn_links_bgtile_red.gif);
	background-repeat: repeat-x;
}
#regionInfoHeader  a {
	color: #fff;
	text-decoration: none;
	height:26px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/*background-image: url(../../images/btn_links_bgtile_red.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #721300;*/
	position:relative;
	top:1px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-color: #BB2100;
	border-top-color: #BB2100;
	border-right-color: #C62300;
	border-bottom-color: #C62300;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#regionInfoHeader  a:hover {
	color: #fff;
	background-image: url(../../images/Info_closeBtn_Ovr.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3a7d47;
	border-bottom-width: 1px;
	border-bottom-color: #3a7d47;
	border-left-width: 1px;
	border-left-color: #BB2100;
	border-right-width: 1px;
	border-right-color: #3a7d47;
}
.modalBackground {
	background-color:#333333;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.MainTable {
	border: 1px solid #323232;
	background-color: #f3f3f2;
	background-image: url(../../images/defaultPageBG.gif);
	background-repeat: repeat-x;
	position:relative;
	top:-1px;
}
.TopPanel {
	background-image: url(../../images/defaultPagePanelTop.gif);
	background-repeat: repeat-x;
}
.publisherLogo {
	position: relative;
	left: 0px;
}
.publisherSlogan {
	left: 12px;
	position: relative;
}
.footer {
	background-image: url(../../images/defaultPagefooterBG.gif);
	background-repeat: repeat-x;
}

#lnkQuickSearch
{
    
    background-color: #fff1c6;
    border:1px solid #ffcc000;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    line-height:15px;
    margin-top:15px;
}

#lnkQuickSearch .SearchPanelTitleBar
{
    height:26px;
    padding:3px 0 0 0;
    margin:0;
    text-align:center;
    font-size:16px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold
}
#lnkQuickSearch .lnkQuickSearchContent
{
    background-color: #fff1c6;
    padding:20px;
    margin:0;
    border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffc000;
	border-right-color: #ffc000;
	border-bottom-color: #ffc000;
	border-left-color: #ffc000;
}
#lnkQuickSearch .lnkQuickSearchContent .threeCol
{
    float:left;
    width:45%;
    padding:2px 0 2px 8px;
    margin:0;
}

#lnkQuickSearch .lnkQuickSearchContent .threeCol a, #lnkQuickSearch .lnkQuickSearchContent .threeCol a:visited
{
   color: #721300;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold; 
	text-decoration:none;
}
#lnkQuickSearch .lnkQuickSearchContent .threeCol a:hover
{
    text-decoration:underline;
}

.SearchPanelTitleBar {
	background-image: url( ../../images/defaultPageSearchPanelTitleBG.gif);
	background-repeat: no-repeat;
}
.SearchPanel {
	margin-top: 15px;
	margin-bottom: 15px;
}

.SearchPanelContentBG {
	background-image: url(../../images/defaultPageSearchPanelContentBG.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffc000;
	border-right-color: #ffc000;
	border-bottom-color: #ffc000;
	border-left-color: #ffc000;
}
.SearchTitleWhat {
	color: #721300;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.SearchTitleWhere {
	color: #721300;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.SearchExample {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000000;
	position: relative;
	left: 18px;
	padding-left: 5px;
	clip: rect(auto,auto,auto,10px);
}
.TextFieldWhat {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	color: #000000;
	position: relative;
	left: 18px;
	padding-left: 5px;
}
.TextFieldWhere {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	color: #000000;
	padding-left: 5px;
}


.footerText a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.footerText a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.footerText a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.footerText a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}