/**************************** START JOURNAL QUICK SEARCH VERTICAL LARGE ****************************/

#ifrm-vl {width:200px; height:252px;}

#quick-search-vl {}

#quick-header-vl {
	width:200px;
	height:92px;	
	background-image: url(images/quick-search-header-vl.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#quick-container-vl {width:198px; _height:135px; _overflow:hidden; background:#fff; border-left: 1px solid #999; border-right: 1px solid #999;}
#quick-pad-vl {padding:8px 0px 8px 0px}

#quick-form-vl {
	width:174px;
	* width:176px;
	height:auto;
	* height:119px;

	text-align:right;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}


/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#quick-form-vl {width:176px; height:119px}
}

#text-search-vl {font-size:13px; color:#777; text-align:center; width:170px; margin-bottom:10px}

#zip-search-vl {font-size:12px; color:#777; text-align:center; width:100px}

#resources-vl {text-align:left; font-size:13px; color:#333; width:170px; margin: 10px 0 10px 0;}

#submit-vl {margin:0px;}

#quick-footer-vl {
	font-size: 11px;
	font-family: Arial, Helvetica, clean, sans-serif;
	color: #fff;
	width:200px;
	height:25px;	
	text-align:center;
	background-image: url(images/quick-search-footer-vl.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#quick-footer-vl a:link {color: #fff; text-decoration: none;}
#quick-footer-vl a:visited {color: #fff; text-decoration: none;}
#quick-footer-vl a:hover {color: #fff;text-decoration: underline;}

#quick-footer-pad-vl {padding-top:4px;}

#quick-add-vl {
	display:none;
	width:200px;
	padding: 2px 0 5px 0;
	* padding: 5px 0 5px 0;
	text-align:center;
	font-size: 10px;
	font-family: Arial, Helvetica, clean, sans-serif;
}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#quick-add-vl {padding: 5px 0 5px 0;}
}

#quick-add-vl a:link {text-decoration: underline;}
#quick-add-vl a:visited {text-decoration: underline;}
#quick-add-vl a:hover {text-decoration: underline;}




/**************************** START JOURNAL QUICK SEARCH VERTICAL SMALL ****************************/

#ifrm-vs {width:160px; height:227px;}

#quick-search-vs {}

#quick-header-vs {
	width:160px;
	height:77px;	
	background-image: url(images/quick-search-header-vs.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#quick-container-vs {width:158px; _height:130px; _overflow:hidden; background:#fff; border-left: 1px solid #999; border-right: 1px solid #999}
#quick-pad-vs {padding:8px 0px 8px 0px;}

#quick-form-vs {
	width:140px;
	height:auto;
	* height:113px;

	text-align:right;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#quick-form-vs {height:114px;}
}

#text-search-vs {font-size:11px; color:#777; text-align:center; width:136px; * width:134px; margin-bottom:10px}

/* safari only hack */ @media screen and (-webkit-min-device-pixel-ratio:0) {#text-search-vs {width:134px;}}

#zip-search-vs {font-size:11px; color:#777; text-align:center; width:98px}

#resources-vs {text-align:left; font-size:11px; color:#333; width:140px; margin: 10px 0 10px 0;}

#submit-vs {margin-left:0px}

#quick-footer-vs {
	font-size: 10px;
	font-family: Arial, Helvetica, clean, sans-serif;
	color: #fff;
	width:160px;
	height:20px;	
	text-align:center;
	background-image: url(images/quick-search-footer-vs.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#quick-footer-vs a:link {color: #fff; text-decoration: none;}
#quick-footer-vs a:visited {color: #fff; text-decoration: none;}
#quick-footer-vs a:hover {color: #fff;text-decoration: underline;}

#quick-footer-pad-vs {padding-top:4px; * padding-top:3px;}

#quick-add-vs {
	display:none;
	width:160px;
	padding: 2px 0 5px 0;
	* padding: 5px 0 5px 0;
	text-align:center;
	font-size: 10px;
	font-family: Arial, Helvetica, clean, sans-serif;
}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#quick-add-vs {padding: 5px 0 5px 0;}
}

#quick-add-vs a:link {text-decoration: underline;}
#quick-add-vs a:visited {text-decoration: underline;}
#quick-add-vs a:hover {text-decoration: underline;}



/**************************** START JOURNAL QUICK SEARCH HORIZONTAL LARGE ****************************/

#ifrm-hl {width:600px; height:78px}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#ifrm-hl {height:78px}
}

#quick-search-hl {}

#quick-header-hl {
	color: #fff;
	font-size:10px;
	font-family: Arial, Helvetica, clean, sans-serif;
	width:600px;
	height:35px;	
	background-image: url(images/quick-search-header-hl.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#quick-links-hl {float:right;margin:5px 15px 0 0; text-align:right;}

#quick-links-hl a:link {color: #fff; text-decoration: none;}
#quick-links-hl a:visited {color: #fff; text-decoration: none;}
#quick-links-hl a:hover {color: #fff;text-decoration: underline;}

#quick-container-hl {width:598px; _height:40px; _overflow:hidden; background:#fff; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999}
#quick-pad-hl {padding:5px 0px 6px 0px; * padding:6px 0px 5px 0px;}

#quick-form-hl {
	width:590px;
	height:30px;

	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#text-search-hl {font-size:13px; color:#777; text-align:center; width:160px; margin-right:5px;}

#zip-search-hl {font-size:13px; color:#777; text-align:center; width:105px; margin-right:5px;}

#resources-hl {text-align:left; font-size:13px; color:#333; width:165px; height:22px; position:relative; top:-1; * top:0}

#submit-hl {position:relative; top:6px; * top:3px; margin-left:3px;}

#quick-add-hl {
	display:none;
	width:600px;
	padding: 5px 0 5px 0;
	text-align:center;
	font-size: 10px;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#quick-add-hl a:link {text-decoration: underline;}
#quick-add-hl a:visited {text-decoration: underline;}
#quick-add-hl a:hover {text-decoration: underline;}



/**************************** START JOURNAL QUICK SEARCH HORIZONTAL SMALL ****************************/

#ifrm-hs {width:525px; height:78px}

/* safari only hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#ifrm-hs {height:78px}
}

#quick-search-hs {}

#quick-header-hs {
	color: #fff;
	font-size:10px;
	font-family: Arial, Helvetica, clean, sans-serif;
	width:525px;
	height:35px;	
	background-image: url(images/quick-search-header-hs.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#quick-links-hs {float:right;margin:5px 15px 0 0; text-align:right;}

#quick-links-hs a:link {color: #fff; text-decoration: none;}
#quick-links-hs a:visited {color: #fff; text-decoration: none;}
#quick-links-hs a:hover {color: #fff;text-decoration: underline;}

#quick-container-hs {width:523px; _height:40px; _overflow:hidden; background:#fff; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999}
#quick-pad-hs {padding:5px 0px 6px 0px; * padding:6px 0px 5px 0px;}

#quick-form-hs {
	width:515px;
	height:30px;

	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#text-search-hs {font-size:11px; color:#777; text-align:center; width:135px; margin-right:4px;}

#zip-search-hs {font-size:11px; color:#777; text-align:center; width:85px; margin-right:5px;}

#resources-hs {text-align:left; font-size:11px; color:#333; width:140px; height:19px; position:relative; top:-1; * top:0}

#submit-hs {position:relative; top:6px; * top:4px; margin-left:3px;}

#quick-add-hs {
	display:none;
	width:525px;
	padding: 5px 0 5px 0;
	text-align:center;
	font-size: 10px;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#quick-add-hs a:link {text-decoration: underline;}
#quick-add-hs a:visited {text-decoration: underline;}
#quick-add-hs a:hover {text-decoration: underline;}



/**************************** START JOURNAL QUICK SEARCH - HANDHELD DEVICES ****************************/

@media handheld,
only screen and (device-width: 768px),
only screen and (device-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) { 
	
	#ifrm-vl {height:258px;}
	#quick-form-vl {height:125px}
	#text-search-vl {width:160px;}

	#ifrm-vs {height:233px;}
	#quick-form-vs {height:120px}
	#text-search-vs {width:125px}
	#zip-search-vs {width:70px}

	#text-search-hl {width:155px}
	#zip-search-hl {width:100px}

	#text-search-hs {width:130px}
	#zip-search-hs {width:80px}
}