/*
 * $Id: prompt.css,v 1.1.2.5 2009/03/16 15:40:23 cschulze Exp $
 * usanorthland prompt page asthetics
 */

#page {	
	right: 5px;
	height: 500px;
	width: 914px;
}

#header, #logoHitArea {
	width: 914px;
	height: 168px;
	margin-left: 0px;	
}

#logoHitArea {
	width: 500px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;	
}

#prompt {
	width: 914px;
	height: 760px;
	float: left;
	background: url(../../images/usanorthland/backgrounds/gradient.jpg) repeat-x left top;
}

#searchFormHolder {
	width: 608px;
	height: 101px;
	background: url(../../images/usanorthland/backgrounds/searchForm.jpg) no-repeat;	
	position: relative;
	margin-top: 55px;
	right: 10px;	
}

/*#searchFormHolder .label {
	color: #FFF;
	font-size: 12px;
	
}

#searchFormHolder .field {
	color: #FFF;
}*/

#promptLeft {
	float: left;
	position: relative;
	width: 216px;
}

#sidebar {
	background: url(../../images/usanorthland/backgrounds/promptSidebar.gif) no-repeat left top;
	width: 210px;
	height: 405px;
}

#promptRight {
	float: left;
	position: relative;
	width: 690px;
}

#promptDescription {
	width: 560px;
	font-size: 12px;
	color: #000;
	left: 70px;
	position: relative;
	margin-bottom: 20px;
	text-align: left;
	
}

#promptDescription .highlight {
	color: #0066B8;
	font-weight: bold;
}
.search {
	position: absolute;
	left: 20px;
	top: 0px;
}

.searchField {
	width: 135px;
	position: absolute;
	left: 20px;
	top: 22px;
}



.city, #cityField {
	left: 165px;
}

.city, .state{
	top: 0px;
}

#cityField {
	width: 135px;
	top: 22px;	
}

.state, #stateField {
	left: 310px;		
}

#stateField {
	top: 22px;
}

#stateDisplay {
	position: absolute;
	top: 48px;
	left: 660px;
	width: 20px;
	padding-left: 5px;
	font-weight: bold;
	z-index:100;
}

#searchWithin {
	width: 100px;
	position: absolute;
	top: 22px;
	left: 400px;
	font-size: 12px;
}

#searchWithin span {
	display: none;
}

.milesInput {
	width: 15px;
	height: 15px;
}
.submitButton {	
	position: absolute;
	top: 21px; 
	cursor: pointer;
	left: 510px;
	width: 69px;
	height: 22px;
	border: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

/*#searchFormSubmitButton {
	background-image: url(../../images/usanorthland/findButton.png);
}*/

#sitemapLink {
	position: absolute;
	bottom: -14px;
	left: 275px;
}

#noSearchError {
	color: red;
	font-size: 14px;
	position: absolute;
	left: 170px;
	bottom: 210px;
	display: none;	
}

.popularSearchIconsContainer {
	position: relative;
	margin-top: 30px;
	width: 450px;
	left: 100px;
	text-align: center;	
}

.popularSearchIconsContainer a {
	color: #0060B3;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.popularSearchLinksContainer {
	float: left;
	width: 700px;
	color: #0060b3;
	font-size: 12px;
	position: relative;
	left: 90px;
	top: 20px;
}

.popularSearchLabel {
	color: #CB0024;
	font-weight: bold;
}

.popularSearchLinksContainer a {
	color: #0060B3;
	font-size: 11px;
	text-decoration: none;
}

.popularSearchLinksContainer a:hover, .popularSearchLinksContainer a:active {
	text-decoration: underline;	
}

#sidebar {
	text-align: center;
}

#sidebarContent {
	text-align: left;
	position: relative;
	margin-left: 25px;
}

#sidebar #location {
	width: 150px;
}

#sidebar p {
	margin: 0px;
	color: black;
	font-size: 12px;
	width: 150px;
	position: relative;	
	text-align: center;
}

#sidebar .header {
	text-align: left;
	width: 170px;
	font-weight: bold;	
}

#sidebar .caption {
	color: #CB0024;
}

#sidebar form {
	margin: 0px;
}

#sidebar #selectBackground { 
	background: url(../../images/usanorthland/backgrounds/sidebarSelect.gif) no-repeat;
	height: 34px;
	width: 175px;
	position: relative;
	right: 10px;
}

#sidebar #selectBackground select {
	height: 20px;
	width: 150px;
	position: relative;
	left: 10px;
	top: 4px;
	font-size: 11px;
}

.sidebarCover {
	border: 0px;
	position: relative;	
	margin: 10px 0;
}

#sidebar .viewBtn {
	background-image: url(../../images/usanorthland/sidebar/viewButton.gif);
	height: 31px;
	width: 75px;
	border: 0px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	left: 30px;
	cursor: pointer;
}

#innovectraFooter {
	display: block;
}

#footer {
	float: left;
	width: 100%;
	position: relative;
	top: 70px;
	font-size: 11px;
}

#footer a {
	color: #000;
	font-size: 11px;
}

/* popup stuff for the popular searches*/

#popupBox {
	display: none;
	width:170px;
	height: 92px;
	display: none;
	background-image: url('../../images/usanorthland/backgrounds/popUpBox.gif');
	background-repeat: no-repeat;
	border: none;
	color:black;
	padding: 5px;
	position: absolute;
	text-align: left;	
}

#popupForm {
	position: absolute;
	top: 20px;
}

#popupText {
	margin-top: 0px;
	margin-bottom: 3px; 
    background: none;    
    width: 200px;
}

#popupCity {
	margin-top: 0px;
	width: 170px;
}

#closeBox {
	width:10px; 
	height: 10px; 
	border: 1px solid black;
	color: black;
	margin-left: 157px;
	font-weight: bold;
	text-align: center;
	font-size: 9px;		
	cursor: pointer;
}

.close {
	text-decoration: none;
}

#mobileSMSLink div {
	text-decoration: none;
	font-size: 12px;
}

#mobileSMSContainer {
	left: 500px;
	position: absolute;
	top: 30px;
	width: 390px;	
}

#mobileContainer a, #mobileContainer span {
	text-decoration: none;
	font-size: 12px;
	color: #0066b8;
}

#mobileSMSLink, #widgetLink {
	float: left;
	width: 187px;
	height: 60px;
	position: relative;
}

#mobileSMS {
	margin-top: 120px;
}

#mobileSMSLink {
	background-image: url(../../images/usanorthland/mobile/searchText.gif);
	padding-top: 14px;
	background-position: top right;
	background-repeat: no-repeat;
}

#widgetLink {
	background-image: url(../../images/usanorthland/mobile/widgetText.gif);
	padding-top: 14px;
	background-position: top right;
	background-repeat: no-repeat;
}

#mobileSMSLink img {
	position: absolute;
	top: 17px;
	right: 0px;
}

#widgetLink img {
	position: absolute;
	top: 17px;
	right: 0px;
}

#mobileSMSLink span {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 110px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

#widgetLink span {
	position: absolute;
	top: 18px;
	left: 15px;
	width: 100px;
	text-align: right;
	font-weight: bold;
}

#widgetLink a {
	font-size: 10px;
}

#mobileSMS a {
	color: blue;	
}

#tileAds {
  clear: both;
	float: left;
	text-align: left;
	position: relative;
	top: 10px;
	width: 150px;
	left: 35px;
}
#tileAds a {
	color: #0060B3;
	font-size: 12px;	
}

#tileAds .partners {
	color: #CB0024;
	font-weight: bold;
	font-size: 12px;
}