/*Added By SJH For Mapping Styles*/

/*TODO: Speak to Tom about naming conventions for CSS, may be also chat to true digital */

div#maps h3{background:none}
div#maps .daysoutmap{}
div#maps .daysoutmap .mapArea{width:460px; height:598px; vertical-align:middle; text-align:center;}

div#maps .daysoutmap .didyoumean{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:25px;width:400px;position:absolute;z-index:10002;background-color:#FFFFFF;padding:4px;}
div#maps .daysoutmap .didyoumeanheader{font-weight:bold;margin-bottom:5px;width:300px;}
div#maps .daysoutmap .didyoumean ul :hover{text-decoration:underline;cursor:pointer;}

div#maps .daysoutmap .message{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:25px;width:400px;position:absolute;z-index:10003;background-color:#FFFFFF;padding:4px;}

div#maps .daysoutmap .overlaywait {border:solid 1px #000000;width:458px;height:596px;background-color:Gray;filter:alpha(opacity=70);opacity:0.7;background-image:url(/static/images/g.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11000;}
div#maps .daysoutmap .overlaywait img {margin-top:200px;}

div#maps .daysoutmap .resulttext{height:120px;border: solid 1px #000000;margin-top:455px;margin-left:0px;width:450px;position:absolute;z-index:10002;background-color:#FFFFFF;padding:4px;}
div#maps .daysoutmap .resulttextheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .daysoutmap .resulttext ul :hover{text-decoration:underline;cursor:pointer;}
div#maps .daysoutmap .resulttextquick{height:20px;border: solid 1px #000000;margin-top:555px;margin-left:332px;width:118px;position:absolute;z-index:10002;background-color:#FFFFFF;padding:4px;}

div#maps .daysoutmap .clustertitle{width:250px;font-weight:bold;}
div#maps .daysoutmap .popuplayouttitle{width:250px;font-weight:bold;}
div#maps .daysoutmap table .popuplayouttable{width:250px;height:100px;}
div#maps .daysoutmap table .popuplayouttable tr td{padding:4px;vertical-align:top;}
div#maps .daysoutmap table .popuplayouttable .trbottom{text-align:right;}

div#maps .propertytovisit{}
div#maps .propertytovisit .mapArea{width:698px; height:490px; vertical-align:middle; text-align:center;}

div#maps .propertytovisit .didyoumean{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:120px;width:500px;position:absolute;z-index:10002;background-color:#FFFFFF;padding:4px;}
div#maps .propertytovisit .didyoumeanheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .propertytovisit .didyoumean ul :hover{text-decoration:underline;cursor:pointer;}

div#maps .propertytovisit .message{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:120px;width:500px;position:absolute;z-index:10003;background-color:#FFFFFF;padding:4px;}

div#maps .propertytovisit .overlaywait {border:solid 1px #000000;width:696px;height:488px;background-color:Gray;filter:alpha(opacity=70);opacity:0.7;background-image:url(/static/images/g.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11000;}
div#maps .propertytovisit .overlaywait img {margin-top:200px;}

div#maps .propertytovisit .clustertitle{width:250px;font-weight:bold;}
div#maps .propertytovisit .popuplayouttitle{width:350px;font-weight:bold;}
div#maps .propertytovisit table .popuplayouttable{width:350px;height:100px;}
div#maps .propertytovisit table .popuplayouttable tr td{padding:4px;vertical-align:top;}
div#maps .propertytovisit table .popuplayouttable .trbottom{text-align:right;}
div#maps .propertytovisit table .popuplayouttablelarge{width:350px;height:150px;}

div#maps .propertytovisit .resulttext{height:121px;border: solid 1px #000000;margin-top:360px;margin-left:0px;width:688px;position:absolute;z-index:10002;background-color:#f5f5ef;padding:4px;}
div#maps .propertytovisit .resulttextheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .propertytovisit .resulttextlist{height:95px;overflow:auto;}
div#maps .propertytovisit .resulttext ul :hover{text-decoration:underline;cursor:pointer;}
div#maps .propertytovisit .resulttextquick{height:20px;border: solid 1px #000000;margin-top:448px;margin-left:570px;width:118px;position:absolute;z-index:10002;background-color:#f5f5ef;padding:4px;}

div#maps .propertytovisit .clustericon{src:url(/static/images/eh_pin_bp_multiple.png);}

/*discovery visit venue map*/
div#maps .discoveryvisitvenue{}
div#maps .discoveryvisitvenue .mapArea{width:660px; height:490px; vertical-align:middle; text-align:center;}

div#maps .discoveryvisitvenue .didyoumean{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:120px;width:500px;position:absolute;z-index:10002;background-color:#FFFFFF;padding:4px;}
div#maps .discoveryvisitvenue .didyoumeanheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .discoveryvisitvenue .didyoumean ul :hover{text-decoration:underline;cursor:pointer;}

div#maps .discoveryvisitvenue .message{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:120px;width:500px;position:absolute;z-index:10003;background-color:#FFFFFF;padding:4px;}

div#maps .discoveryvisitvenue .overlaywait {border:solid 1px #000000;width:658px;height:488px;background-color:Gray;filter:alpha(opacity=70);opacity:0.7;background-image:url(/static/images/g.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11000;}/* always make this width 2px smaller than maparea */
div#maps .discoveryvisitvenue .overlaywait img {margin-top:200px;}

div#maps .discoveryvisitvenue .clustertitle{width:250px;font-weight:bold;}
div#maps .discoveryvisitvenue .popuplayouttitle{width:350px;font-weight:bold;}
div#maps .discoveryvisitvenue table .popuplayouttable{width:350px;height:100px;}
div#maps .discoveryvisitvenue table .popuplayouttable tr td{padding:4px;vertical-align:top;}
div#maps .discoveryvisitvenue table .popuplayouttable .trbottom{text-align:right;}

div#maps .discoveryvisitvenue .resulttext{height:121px;border: solid 1px #000000;margin-top:360px;margin-left:0px;width:650px;position:absolute;z-index:10002;background-color:#f5f5ef;padding:4px;}
div#maps .discoveryvisitvenue .resulttextheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .discoveryvisitvenue .resulttextlist{height:95px;overflow:auto;}
div#maps .discoveryvisitvenue .resulttext ul :hover{text-decoration:underline;cursor:pointer;}
div#maps .discoveryvisitvenue .resulttextquick{height:20px;border: solid 1px #000000;margin-top:448px;margin-left:532px;width:118px;position:absolute;z-index:10002;background-color:#f5f5ef;padding:4px;}

div#maps .discoveryvisitvenue .clustericon{src:url(/static/images/eh_pin_bp_multiple.png);}

/*holiday cottage map*/
div#maps .holidaycottage{}
div#maps .holidaycottage .mapArea{width:660px; height:490px; vertical-align:middle; text-align:center;}

div#maps .holidaycottage .didyoumean{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:120px;width:500px;position:absolute;z-index:10002;background-color:#FFFFFF;padding:4px;}
div#maps .holidaycottage .didyoumeanheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .holidaycottage .didyoumean ul :hover{text-decoration:underline;cursor:pointer;}

div#maps .holidaycottage .message{height:120px;border: solid 1px #000000;margin-top:200px;margin-left:120px;width:500px;position:absolute;z-index:10003;background-color:#FFFFFF;padding:4px;}

div#maps .holidaycottage .overlaywait {border:solid 1px #000000;width:658px;height:488px;background-color:Gray;filter:alpha(opacity=70);opacity:0.7;background-image:url(/static/images/g.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11000;}/* always make this width 2px smaller than maparea */
div#maps .holidaycottage .overlaywait img {margin-top:200px;}

div#maps .holidaycottage .clustertitle{width:250px;font-weight:bold;}
div#maps .holidaycottage .popuplayouttitle{width:350px;font-weight:bold;}
div#maps .holidaycottage table .popuplayouttable{width:350px;height:100px;}
div#maps .holidaycottage table .popuplayouttable tr td{padding:4px;vertical-align:top;}
div#maps .holidaycottage table .popuplayouttable .trbottom{text-align:right;}

div#maps .holidaycottage .resulttext{height:121px;border: solid 1px #000000;margin-top:360px;margin-left:0px;width:650px;position:absolute;z-index:10002;background-color:#f5f5ef;padding:4px;}
div#maps .holidaycottage .resulttextheader{font-weight:bold;margin-bottom:5px;width:400px;}
div#maps .holidaycottage .resulttextlist{height:95px;overflow:auto;}
div#maps .holidaycottage .resulttext ul :hover{text-decoration:underline;cursor:pointer;}
div#maps .holidaycottage .resulttextquick{height:20px;border: solid 1px #000000;margin-top:448px;margin-left:532px;width:118px;position:absolute;z-index:10002;background-color:#f5f5ef;padding:4px;}

div#maps .holidaycottage .clustericon{src:url(/static/images/eh_pin_bp_multiple.png);}


/*div#maps .propertytovisit .resulttext .arealist ul{font-size:22px;color:#000000;}
div#maps .propertytovisit .resulttext .arealist ul :hover{text-decoration:none;cursor:text;}
div#maps .propertytovisit .resulttext .arealist ul li{display:inline;}
div#maps .propertytovisit .resulttext .arealist ul ul{font-size:17px;color:#000000;}
div#maps .propertytovisit .resulttext .arealist ul ul li{display:block;}
div#maps .propertytovisit .resulttext .arealist ul ul ul{font-size:12px;color:#000000;}
div#maps .propertytovisit .resulttext .arealist ul ul ul li{display:block;}*/

div#maps .minimap{float:left;}
div#maps .minimap .mapArea{width:263px; height:263px; vertical-align:middle; text-align:center;}

div#maps .minimap .message{font-size:10px;overflow:auto;height:120px;border: solid 1px #000000;margin-top:50px;margin-left:50px;width:150px;position:absolute;z-index:10003;background-color:#FFFFFF;padding:4px;}

div#maps .minimap .overlaywait {border:solid 1px #000000;width:261px;height:261px;background-color:Gray;filter:alpha(opacity=70);opacity:0.7;background-image:url(/static/images/g.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11000;}
div#maps .minimap .overlaywait img {margin-top:100px;margin-left:100px;}

div#maps .minimap .overlaystop {width:261px;height:256px;background-image:url(/static/images/t.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11001;}

div#maps .minimap .clustertitle{width:150px;font-weight:bold;}
div#maps .minimap .popuplayouttitle{width:150px;font-weight:bold;}
div#maps .minimap table .popuplayouttable{width:150px;height:100px;}
div#maps .minimap table .popuplayouttable tr td{padding:4px;vertical-align:top;}
div#maps .minimap table .popuplayouttable .trbottom{text-align:right;}

div#maps .tabmap{float:left;}
div#maps .tabmap .mapArea{margin-left:15px;width:190px; height:179px; vertical-align:middle; text-align:center;}

div#maps .tabmap .message{font-size:10px;overflow:auto;height:120px;border: solid 1px #000000;margin-top:50px;margin-left:50px;width:150px;position:absolute;z-index:10003;background-color:#FFFFFF;padding:4px;}

div#maps .tabmap .overlaywait {border:solid 1px #000000;width:188px;height:177px;background-color:Gray;filter:alpha(opacity=70);opacity:0.7;background-image:url(/static/images/g.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11000;}
div#maps .tabmap .overlaywait img {margin-top:80px;margin-left:80px;}

div#maps .tabmap .overlaystop {width:188px;height:172px;background-image:url(/static/images/t.gif);background-repeat:repeat; text-align:center;vertical-align:middle;position:absolute;z-index:11001;}

div#maps .tabmap .clustertitle{width:150px;font-weight:bold;}
div#maps .tabmap .popuplayouttitle{width:150px;font-weight:bold;}
div#maps .tabmap table .popuplayouttable{width:150px;height:100px;}
div#maps .tabmap table .popuplayouttable tr td{padding:4px;vertical-align:top;}
div#maps .tabmap table .popuplayouttable .trbottom{text-align:right;}