/* ----------------------------------------------------
www: weather channel		
css: location search		
-------------------------------------------------------*/

/* =modal window 											
-------------------------------------------------------*/
#mask {background:#000; display:none; height:100%; position:fixed; top:0px; left:0px; width:100%; z-index:1100;}
.modal_window{color:#fff; display:none; position:fixed;	z-index:1110;}
#modal_window{background:#246493; border:1px solid gray; color:black; padding:50px;}
#lsContainer {width: 365px; background:url("/public/lib/images/graphics/bgTileDiagonalLines.png") repeat scroll 2px 0 #1A1A1A; border:6px solid #fff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:5px; top:50%; left:50%; margin: -193px 0 0 -183px;}
.lsHeadBar { padding:5px;}
/*.lsHeadBar h2 {color:#cf3; font-size:1.09em; font-weight:normal; margin:0 0 5px 0;}*/
.lsHeadBar > h2 {background:url(/public/lib/images/icons/set1/leisurepinsml.png) 0 0 no-repeat; padding:0 0 2px 30px;} /*top title has bg image*/
.lsHeadBar p {color:#fff; font-size:1em; margin:0;}
#lsWorldContainer {background:#333; border:6px solid #fff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:5px; *width:296px; /*IE 7 fix */ /*position:absolute; Needs to scroll, */ top:25%; left:25%;}
.lsWorldHeadBar {background:#333; padding:5px;}
.lsWorldHeadBar h2 {color:#cf3; font-size:1.09em; font-weight:bold; margin:0 0 5px 0;}
.lsWorldHeadBar p {color:#fff; font-size:1em; margin:0;}
#locError {left:200px; top:180px; width:190px;}
#locError h2 {color:#f03;}
#locErrorClose {color:#fff; cursor:pointer; display:block; float:right; font-size:0.82em; font-weight:bold; margin:0 0 0 10px; text-align:right; z-index:101;}
#locErrorClose:hover {text-decoration:underline;}
#lsWorldHead {border-bottom:0px solid #ccc;}
#lsQuickUpdate {float:left; padding:5px; width:350px;}
#lsQuickUpdate h2 {color:#cf3; font-size:1.09em; font-weight:normal; margin:0 0 5px 0;}
#lsQuickUpdate label {color:#fff; font-size:1em;}

.noInput {background:none !important; color:#fff !important;}
#lsSearchMain ul label, #lsOptions ul label, .hintRecentLoc {color:#ccc; font-size:1em; font-weight:normal;}
.ico {display:inline-block; height:21px; margin:0 0 0 12px; vertical-align:top; width:21px;}
.icoCheckQuestion {background:url(/public/lib/images/graphics/spritesGeneral.png) 0px -370px no-repeat; text-indent:-9999px;}
.icoCheckEmpty {background:url(/public/lib/images/graphics/spritesGeneral.png) -30px -370px no-repeat;}
.icoCheckChecked {background:url(/public/lib/images/graphics/spritesGeneral.png) -30px -400px no-repeat;}
#lsQUChosen * {vertical-align:middle;}
#lsQUChosen  input {margin:0 5px 0 0;}
#lsQUDefault  {margin:0 0 5px 0;}
#lsQUDefault  input {margin:0 5px 0 0;}
#lsQUDefault * {vertical-align:middle;}
#lsSearchMain  {border-bottom:1px solid #ccc;}
#lsSearchMain ul {list-style:none; padding:0;}
#lsSearchMain li {background:#444; border-bottom:0; margin:0 0 1px 0;}
#lsSearchMain li:last-child {border:0;}
#lsSearchMain li * {vertical-align:middle;}
#lsSearchMain li label {display:inline-block; padding:5px 0; width:220px;}
#lsSearchMain li input {margin:0 5px;}
#lsSearchMain h2 {color:#cf3; font-size:1.09em; font-weight:normal; line-height:1.2; margin:0 0 5px 0;}
#lsSearchMain h3 {color:#fff; font-size:1em; margin:0 0 1em 0;}
#lsSearchMain p {color:#fff; margin:0 0 3px 0;}
#lsSearchMain form {margin:0 0 3px 0;}
#lsSearchMain fieldset {background:#444; margin:0 0 10px 0; padding:5px;}#
#lsWorldSearchMain  {border-bottom:0px solid #ccc;}
#lsSearch li label {width:350px;}
#lsSearch {float:left; padding:5px;}
#favSelection {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
    color: #434B83;
    font-size: 13px;
	padding: 3px;
}
#addToFavourites { 
    background-image: url("/public/lib/images/icons/locationSearch/favourite-off.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 30px;
	cursor: pointer;
}
#addToFavourites:hover{text-decoration: underline;} 
.addToFavSelected {background-image: url("/public/lib/images/icons/locationSearch/favourite-on.png")!important;}

/*
#deleteAFavourite {display: none;}
#deleteAFavourite p {color: #555; font-size: 11px;}
#deleteAFavourite li {  
	background-color: #DDDDDD;
    background-image: url("/public/lib/images/icons/locationSearch/cross-off.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px; 
	cursor: pointer;
}
#deleteAFavourite li:hover { background-image: url("/public/lib/images/icons/locationSearch/cross-on.png"); text-decoration: underline;}
*/

#lsSearchMain .favListDelete {position:relative}
#lsSearchMain .favListDelete p {color:#fff; margin:0 0 10px 0;}
#lsSearchMain .favListDelete ul {list-style:none; margin:0 0 7px 0; padding:0;}
#lsSearchMain .favListDelete li {background: #eee url(/public/lib/images/icons/locationSearch/cross-off.png) 98% 50% no-repeat; color:#333; cursor:pointer; margin:3px 0 0 0; padding:7px; text-decoration:none;}
#lsSearchMain .favListDelete li:hover {background: #fff url(/public/lib/images/icons/locationSearch/cross-on.png) 98% 50% no-repeat; text-decoration:none;}



#lsFooter .btnCancel {background:none!important; border:0 !important; color:#fff; font-size:1em; font-family:verdana, arial, sans-serif; font-weight:normal; height:3em; margin:0 0 0 40px; padding:0!important; text-decoration:underline;}
#lsFooter .btnCancel:hover {text-decoration:none;}

#lsFooter .moButton {
	background:#55b9cd; 
	background:#55b9cd url(/public/lib/images/graphics/spritesGradients.png) 0 -270px repeat-x; 
	background:-moz-linear-gradient(#7fd6e7, #55b9cd);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#7fd6e7), to(#55b9cd));
	background:-webkit-linear-gradient(#7fd6e7, #55b9cd); 
	background:-o-linear-gradient(#7fd6e7, #55b9cd);
	background:linear-gradient(#7fd6e7, #55b9cd);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #222;
	color:#000;
	font-weight:bold;
	height:3em;
	padding:0 20px;
	margin:0;
}
#lsFooter .moButton:hover,
#lsFooter .moButton:active {
	background:#7ac5d4; 
	background:#7ac5d4 url(/public/lib/images/graphics/spritesGradients.png) 0 -300px repeat-x; 
	background:-moz-linear-gradient(#c4ecf4, #7ac5d4);
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#c4ecf4), to(#7ac5d4));
	background:-webkit-linear-gradient(#c4ecf4, #7ac5d4); 
	background:-o-linear-gradient(#c4ecf4, #7ac5d4);
	background:linear-gradient(#c4ecf4, #7ac5d4);
}
#lsFooter .disabled, 
#lsFooter .disabled:active, 
#lsFooter .disabled:hover {
	background:#333; 
	background:-moz-linear-gradient(#666, #333);
	background:-webkit-gradient(linear, left top, left bottom from(#666), to(#333));
	background:-webkit-linear-gradient(#666, #333);
	background:-o-linear-gradient(#666, #333);
	background:linear-gradient(#666, #333);
	color:#111 !important;
	border:1px solid #222;
	font-weight:bold;
	height:3em;
	padding:0 40px;
	margin:0;
}




span.locToAdd{ font-weight: bold; *display:inline-block; } /* asterisk = IE7 fix */
#lsOptions {border-bottom:1px solid #ccc;}
#lsOptions h2 {color:#cf3; font-size:1.09em; font-weight:normal; line-height:1.2; margin:0 0 5px 0;}
#lsOptions h3 {color:#fff; font-size:1em; margin:0 0 1em 0;}
#lsOptions p {color:#fff; margin:0 0 3px 0;}
#lsOptions form {margin:0 0 3px 0;}
#lsOptions ul {list-style: none outside none;padding:0}
#lsZoomOptions {float:right; min-height:8em; padding:5px; width:260px; border-left:1px solid #ccc;}
#lsZoomOptionsList li  {background:#444; border-bottom:0; margin:0 0 1px 0;}
#lsZoomOptionsList li * {vertical-align:middle;}
#lsZoomOptionsList li label {display:inline-block; width:100%;}
#lsZoomOptionsList li input {margin:0 0 0 5px;}
#lsRecentSearch {float:right; min-height:15.5em; padding:5px; width:260px; border-left:1px solid #ccc;}
#lsSearchChoiceContainer {width:100%;margin:0;}
#lsSearchChoiceRadio{color:white;position:relative;top:-7px;}
.ui-menu {overflow-y:auto; border-radius: 0px!important; z-index: 2016 !important;}
.pac-container {z-index: 2017 !important;}
.changeLocation {border:0; margin:0 0 5px 0; width: 309px; height: 24px; color:#444; font-size:1.09em; padding:7px 5px; background: url("/public/lib/images/icons/set1/magnifyGlass.png") no-repeat scroll 98% 50% #FFFFFF; position: relative; z-index: 16;}
.changeLocationLoading {background: url("/public/locationsSearch/lib/css/images/ajax-loader.gif") no-repeat scroll 98% 50% #FFFFFF;} 
.ajaxLoader { background-image: url(/public/locationsSearch/lib/css/images/ajax-loader.gif)} 
.favLocItem {background-image:url(/public/lib/images/icons/locationSearch/favourite-on.png); *width:306px; /*ie7*/}
.geoLocItem {background-image:url(/public/lib/images/icons/locationSearch/target-location.png);}
.LocItem {background-repeat:no-repeat; background-position:3px 5px; overflow:hidden; cursor: pointer; /*margin-right: 10px!important;*/}
.findMe {display: none; position: absolute; background: white url(/public/lib/images/icons/locationSearch/target-location.png) no-repeat 1% 50%;width: 245px;margin-top: -5px;line-height: 18px;padding: 10px 10px 10px 32px;font-size: 12px;border: 1px solid #DDD; cursor:pointer; z-index: 2016;}
.findMe:hover {text-decoration: underline;}

.deleteLocItem {background:url(/public/lib/images/icons/locationSearch/cross-off.png) 0 50% no-repeat; cursor:pointer; display:inline-block; float:right; padding:5px 0; width:22px; height:22px;}
.deleteLocItem:hover {background:url(/public/lib/images/icons/locationSearch/cross-on.png) 0 50% no-repeat;} 

.normalLocItem  a {padding:5px 20px 5px 10px !important;}

.searchlocate #moLocationSearch input {margin:3px 0 0 0; position:relative; width:260px;}
.searchlocate #chooseLocText {display:inline-block; margin:0 0 5px 0;}

.geolocate {display:none; margin-bottom:10px} /* unhide if available */
.geolocate #moLocationGeolocate * {vertical-align:middle;}
.geolocate #moLocationGeolocate input {margin:-3px 0 0 6px;}

#locationSearch span.geolocate span {display:block;}
#locationSearch span.geolocate label span {display:inline;}
#newSearchtext {display:block;}

#buttonSearch {-moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; float:left;}
#buttonGeolocate  {display:none; float:left; margin:0 0 0 4px;}
#buttonSearch span {background:url(/public/lib/images/graphics/spritesGeneral.png) -80px -370px no-repeat; display:block; min-height:15px; min-width:15px; width:15px; text-indent:-9999px;}
#buttonGeolocate span {background:url(/public/lib/images/graphics/spritesGeneral.png) -55px -370px no-repeat; display:block; min-height:15px; min-width:15px; text-indent:-9999px;}

#moLocationGeolocate #buttonGeolocate {float:none;}
.pac-item { overflow:hidden; padding: 7px 4px; }

/* =print 
-------------------------------------------------------*/
@media print {
	#buttonSearch,
	#buttonGeolocate {display:none !important;}
}

/* SWB/CP : CR 40,065 : Fix for the change location dialog on iPhone and other mobile devices. */
@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
	.changeLocation {background:#fff url(/public/lib/images/icons/locationSearch/favourite-small.png) no-repeat 99% 50%; border:8px solid #434B83; color:#777; font-size:16px; padding:7px 5px; width:294px;}
    #lsFooter {clear:both; padding:5px; margin-right: 150px;}
    #lsSearchMain ul label, #lsOptions ul label, .hintRecentLoc {color:#ccc; font-size:1em; font-weight:normal; margin-left: 10px;}
}