/**	CSS Stylesheet file used only on the settings pages	*/
/* general CSS rules for the searchboxes */
.tg_searchbox .tg_container{border-width:1px;border-style:solid;position:relative;z-index:10}
.tg_searchbox .tg_tabs{list-style-position:inside;margin:0 !important;padding:0 !important}
.tg_searchbox .tg_tabs li {padding:0 !important;display:block;float:left}
.tg_searchbox .tg_tabs li span{text-decoration:underline;cursor:pointer}
.tg_searchbox .tg_tabs li span.sel, .tg_searchbox .tg_tabs li span:hover{text-decoration:none}
.tg_searchbox .tg_container > div{display:none;padding:0 13px}
.tg_searchbox .tg_container div.sel{display:block;}
.tg_searchbox .tg_container div label{display:block !important;margin-right:3px}
.tg_searchbox .tg_container div label.radio{font-size:10px;display:inline-block !important}
.tg_searchbox .tg_container div input[type=radio]{vertical-align:middle;margin:0 3px}
.tg_searchbox .tg_container div select{border:1px solid #a7b4b3;border-radius:0 0 0 0;padding:2px !important;height:24px !important}
.tg_searchbox .tg_container form select.cruises {width:80%;}
.tg_searchbox .tg_container div input.tgsb_addAS, .tg_searchbox .tg_container div input.tgsb_addASH{border:1px solid #a7b4b3;margin:0;border-radius:0 0 0 0;padding:3px !important;font-size:12px !important}
.tg_searchbox .tg_container div input.tgsb_addDP{width:97px !important;border:1px solid #a7b4b3;padding:3px !important;font-size:12px !important}
.tg_searchbox .tg_container div img{padding:0 !important;border:0 !important;background-color:transparent !important;vertical-align:top;cursor:pointer}

.tg_searchbox .tg_container div div.hr{background:#ebf3db;border-bottom:1px solid #dde5d0;margin-top:5px;display:block}
.tg_searchbox .tg_container div span{display:inline-block !important}
.tg_searchbox .tg_container div span.s select{margin:0}
.tg_searchbox .tg_container div.pwr{font-size:10px;color:#6c7266;display:block}
.tg_searchbox .tg_container div.pwr a{text-decoration:underline;color:#6c7266 !important}
.tg_searchbox .tg_container div input[type=text]{-moz-box-sizing:content-box;border-radius:0 0 0 0;}
.tg_searchbox .tg_container div input{margin:0}
.spcr{clear:both;float:none;font-size:0;height:0;line-height:0;width:auto}

/* CSS rules for the 300x250 searchbox */
.m300x250{width:300px;height:250px}
.m300x250 .tg_container{height:218px;}
.m300x250 .tg_tabs{height:30px !important}
.m300x250 .tg_tabs li{margin:0 2px 0 0 !important;vertical-align:bottom;line-height:28px !important}
.m300x250 .tg_tabs li span{display:inline-block !important;line-height:28px;height:27px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9;padding:0 14px !important;position:relative;top:1px;z-index:11;font-weight:500 !important;text-transform:inherit !important;font-size:12px !important;border-bottom:0 !important}
.m300x250 .tg_tabs li span.sel, .m300x250 .tg_tabs li span:hover{height:29px;line-height:29px;background-image:url(../images/tg_searchboxes/tab-shade.png) !important;background-repeat:repeat-x !important}
.m300x250 .tg_container div{margin:5px auto 0;position:relative}
.m300x250 .tg_container div div.formContent{height:184px;position:relative}
.m300x250 .tg_container div label{line-height:25px}
.m300x250 .tg_container div span{width:142px;margin-bottom:4px;border:0 !important; background:transparent !important;text-transform:inherit !important;padding: 0 !important;font-weight:500 !important;font-size:12px !important}
.m300x250 .tg_container div span.r{width:128px !important;float:none !important}
.m300x250 .tg_container div span.s{width:55px;margin-bottom:0;vertical-align:bottom}
.m300x250 .tg_container div span.s select{width:37px}
.m300x250 .tg_container div input.tgsb_addAS{width:120px !important}
.m300x250 .tg_container div.hotels input.tgsb_addASH{width:262px !important}
.m300x250 .tg_container div img.compareImage{display:block;padding:0;vertical-align:bottom;position:absolute;bottom:0;right:15px}
.m300x250 .tg_container div.pwr{position:absolute;bottom:4px;right:13px;padding:0}

/* autosuggestion css rules start */
.tgsb_as{display:none;position:absolute;margin:0;padding:2px;border:1px solid #fedf49;background:#fff;z-index:8424/*just a big number... */;font-size:12px;list-style-type:none;text-align:left;}

.tgsb_as li{color:#000;padding-left:27px;background-position:5px center;background-repeat:no-repeat;cursor:pointer;overflow:hidden;margin-bottom:0}
.tgsb_as li em{height:20px;line-height:20px;border-top:1px dotted #fff;border-bottom:1px dotted #fff;font-style:normal;display:block;padding:0 5px;white-space:nowrap}
.tgsb_as li.even em{border-color:#c1c1c1;background-color:#f0f0f0;}
.tgsb_as li.as_hl em{background-color:#fdbe6e;border-color:#fdbe6e;color:#000}
.tgsb_as li b{font-weight:700;}
input.tgsb_as_load{background-image:url(../images/tg_searchboxes/ajax-loader.gif);background-repeat:no-repeat;background-position:98% center}
/* autosuggestion css rules end */

.colorSettings, .SearchboxContainer, #picker, .color-picker{float:left;padding:10px}
.colorSettings{width:200px;position:relative;z-index:20}
.colorSettings input{width:70px;vertical-align:middle}
.colorSettings span.colorwheal{background:url(../images/colorwheel.png) no-repeat;display:inline-block;width:25px;height:25px;cursor:pointer;vertical-align:middle}
.colorSettings div{z-index: 100; background:#eee; border:1px solid #ccc; position:absolute}
.spcr{clear:both;float:none;font-size:0;width:auto;line-height:0;height:0}
.nod{display:none}
label.colorSet{font-weight:700}
ul.tgsb_settings{margin:0;width:1005px}
ul.tgsb_settings li{border-bottom:1px solid #ccc;border-top:1px solid transparent;border-right:1px solid transparent;border-left:1px solid transparent;display:inline-block;width:200px;height:30px;line-height:30px;text-align:center;float:left}
ul.tgsb_settings li.noCnt{width:596px}
ul.tgsb_settings li.current{background-color:#fff;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #fff}
#tgsb_settings, #tgsb_shortcodeGenerator{background-color:#fff;width:990px;border-top:none;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px}
#tgsb_shortcode_php, #tgsb_shortcode{padding:7px}
/* social media buttons css rules */
.socialmediaButtons{display:block;height:20px;margin-bottom:10px}
.socialmediaButtons *{vertical-align:middle}
.plusone-button, .facebook-like-button{display:inline-block}
.facebook-like-button{height:19px}