/* general CSS rules for the searchboxes */
.tg_searchbox{font-size:12px;font-family:Tahoma;line-height:normal}
/**
@note	z-index:10 taken out from .tg_container in WP3.8 => doesn't affect the CSS at all + calendar didn't appear
@date	2014-01-15
@author	Tibor
*/
.tg_searchbox .tg_container{border-width:1px;border-style:solid;position:relative}
.tg_searchbox .tg_tabs{list-style-position:inside;margin:0 !important;padding:0 !important;text-indent:0}
.tg_searchbox .tg_tabs li:before{content:""}
.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 form{display:none;padding:0 13px;text-align:left}
.tg_searchbox .tg_container form.sel{display:block;}
.tg_searchbox .tg_container form label{display:block !important;margin-right:3px}
.tg_searchbox .tg_container form label.radio{display:inline-block !important;font-size:10px}
.tg_searchbox .tg_container form input{font-family:Tahoma}
.tg_searchbox .tg_container form input.tgsb_submit_button{background-color:#fec344;background-image:url(../images/tg_searchboxes/buttonbkg.png);background-repeat:repeat-x;border-top:none;border-left:none;border-right:1px solid #ce8513;border-bottom:1px solid #ce8513;height:29px;line-height:29px;width:auto;text-align:center;font-size:13px !important;color:#000;font-weight:700;cursor:pointer;padding:1px 6px}
.tg_searchbox .tg_container form input.tgsb_submit_button_cmp{width:127px}
.tg_searchbox .tg_container form input[type=radio]{vertical-align:middle;margin:0 3px}
.tg_searchbox .tg_container form select{border:1px solid #a7b4b3;border-radius:0 0 0 0;padding:2px !important;height:23px !important;width:37px}
.tg_searchbox .tg_container select.cruises {width:90%;}
.tg_searchbox .tg_container form input.tgsb_addAS, .tg_searchbox .tg_container form 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 form input.tgsb_addDP{height:auto;width:97px !important;border:1px solid #a7b4b3;padding:3px !important;font-size:12px !important;display:inline-block;}
.tg_searchbox .tg_container form img{margin:0 !important;padding:0 !important;border:0 !important;background-color:transparent !important;vertical-align:top;cursor:pointer;display:inline-block}
.tg_searchbox .tg_container form img.trackingPixel{position:absolute;cursor:default}
.tg_searchbox .tg_container form div.hr{background:#ebf3db;border-bottom:1px solid #dde5d0;margin-top:5px;padding:0}
.tg_searchbox .tg_container form span{display:inline-block !important;vertical-align:top !important;}
.tg_searchbox .tg_container form span.s select{margin:0}
.tg_searchbox .tg_container div.pwr{font-size:10px;color:#6c7266;line-height:1.2em !important}
.tg_searchbox .tg_container div.pwr a{text-decoration:underline;color:#6c7266}
.tg_searchbox .tg_container div.pwr a.wdg{font-style:italic}
/* the plugin uses the same css rules when the boxes are loaded via ajax request in the admin like on the frontpage and there are set from wp those rules which are making the boxes to look not the same */
.tg_searchbox .tg_container form input[type=text]{-moz-box-sizing:content-box;border-radius:0 0 0 0;line-height:12px !important}
.tg_searchbox .tg_container form input{margin:0}
.spcr{clear:both;float:none;font-size:0;height:0;line-height:0;width:auto}
.nod{display:none}
.tg_searchbox .tg_container form div.mrcList{padding:10px 0 5px}
.tg_searchbox .tg_container form div.alCnt{text-align:center}
.tg_searchbox .tg_container form div.alCnt img{margin-top:20px}
.tg_searchbox .tg_container form div.mrcList span{background:#fff url(../images/tg_searchboxes/checkboxes.png) no-repeat !important;height:23px !important;border:1px solid #e7e7e7 !important;padding-left:25px !important;display:inline-block !important;width:103px !important;margin-bottom:5px !important;cursor:pointer !important}
.tg_searchbox .tg_container form div.mrcList span img{padding:1px 0 1px 5px !important;border:none !important}
.tg_searchbox .tg_container form div.mrcList span.mSel{background-position: 0 -24px !important;border:1px solid #000 !important}
.tg_searchbox .tg_container form div.mrcList a.tgBackToSearchbox{display:block;position:absolute;bottom:0}
.tg_searchbox .ppupHandlerCont iframe {background: transparent;}
.tg_searchbox *, .tg_searchbox *:before, .tg_searchbox *:after {box-sizing:content-box;}

/* CSS rules for the 160x600 searchbox */
.m160x600{width:160px;height:600px}
.m160x600 .tg_container{height:568px;}
.m160x600 .tg_tabs{height:30px !important}
.m160x600 .tg_tabs li{margin:0 2px 0 0 !important;vertical-align:bottom;line-height:28px !important}
.m160x600 .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 12px !important;position:relative;top:1px;z-index:11;font-weight:500 !important;text-transform:none !important;font-size:12px !important;border-bottom:0 !important}
.m160x600 .tg_tabs li span.sel, .m160x600 .tg_tabs li span:hover{height:29px;line-height:29px;background-image:url(../images/tg_searchboxes/tab-shade.png) !important;background-repeat:repeat-x}
.m160x600 .tg_container form{margin:5px auto 0}
.m160x600 .tg_container form label{line-height:25px;margin-right:0 !important}
.m160x600 .tg_container form label.radio{font-size:9px}
.m160x600 .tg_container form span{width:138px;margin-bottom:4px;border:0 !important; background:transparent !important;text-transform:none !important;padding: 0 !important;font-weight:500 !important;font-size:12px !important}
.m160x600 .tg_container form span.r{width:128px !important;float:none !important}
.m160x600 .tg_container form span.s{width:50px;margin-bottom:0;vertical-align:bottom}
.m160x600 .tg_container form span.rm{width:42px}
.m160x600 .tg_container form input.tgsb_addASH{width:125px !important;}
.m160x600 .tg_container form input.tgsb_addAS{width:125px !important}
.m160x600 .tg_container form input.tgsb_addDP{width:101px !important}
.m160x600 .tg_container form input[type=radio]{margin:0 !important;padding:0 !important}
.m160x600 .tg_container form input[type=submit]{display:block;margin:auto}
.m160x600 .tg_container div.pwr{position:absolute;bottom:4px;text-align:center;width:100%}
.m160x600 .tg_container form.flights input.oneway{margin:0 0 0 5px !important}
.m160x600 .tg_container form.flights div.mrcList{height:210px}
.m160x600 .tg_container form.flights div.help{background:url(../images/tg_searchboxes/compare-160x600.png) no-repeat 0 10px;width:126px;height:225px}
.m160x600 .tg_container form.hotels div.mrcList{height:291px}
.m160x600 .tg_container form.hotels div.help{background:url(../images/tg_searchboxes/compare-160x600.png) no-repeat 0 50px;width:126px;height:304px}
.m160x600 .tg_container form.cars div.mrcList{height:290px}
.m160x600 .tg_container form.cars div.help{background:url(../images/tg_searchboxes/compare-160x600.png) no-repeat 0 51px;width:126px;height:305px}

/* 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 10px !important;position:relative;top:1px;z-index:11;font-weight:500 !important;text-transform:none !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}
.m300x250 .tg_container form{margin:5px auto 0;position:relative}
.m300x250 .tg_container form div.formContent{height:184px}
.m300x250 .tg_container form div.mrcList{height:174px;padding:10px 0 0}
.m300x250 .tg_container form label{line-height:25px}
.m300x250 .tg_container form span{width:142px;margin-bottom:4px;border:0 !important;background:transparent !important;text-transform:none !important;padding: 0 !important;font-weight:500 !important;font-size:12px !important}
.m300x250 .tg_container form span.r{width:128px !important;float:none !important}
.m300x250 .tg_container form span.s{width:55px;margin-bottom:0;vertical-align:bottom}
.m300x250 .tg_container form input.tgsb_addAS{width:120px !important}
.m300x250 .tg_container form.hotels input.tgsb_addASH{width:262px !important}
.m300x250 .tg_container form input[type=submit]{display:block;vertical-align:bottom;position:absolute;bottom:0;right:15px}
/* CSS rule for the iframe wrapped over the submit button in chrome | Tibi | 2013-JUN-06 */
.m300x250 .tg_container form .ppupHandlerCont{position:absolute!important;bottom:0;right:15px}
.m300x250 .tg_container form .ppupHandlerCont input[type=submit]{position:static;}
.m300x250 .tg_container div.pwr{position:absolute;bottom:4px;right:13px}
.m300x250 .tg_container form div.mrcList span.mrr{margin-right:10px !important}
.m300x250 .tg_container form div.mrcList a.tgBackToSearchbox{left:15px}

/* CSS rules for the 300x533 searchbox */
.m300x533{width:300px;height:533px}
.m300x533 .tg_container{height:501px;}
.m300x533 .tg_tabs{height:30px !important}
.m300x533 .tg_tabs li{margin:0 2px 0 0 !important;vertical-align:bottom;line-height:28px !important}
.m300x533 .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 10px !important;position:relative;top:1px;z-index:11;font-weight:500 !important;text-transform:none !important;font-size:12px !important;border-bottom:0 !important}
.m300x533 .tg_tabs li span.sel, .m300x533 .tg_tabs li span:hover{height:29px;line-height:29px;background-image:url(../images/tg_searchboxes/tab-shade.png) !important;background-repeat:repeat-x}
.m300x533 .tg_container form{margin:5px auto 0}
.m300x533 .tg_container form label{line-height:25px}
.m300x533 .tg_container form span{width:142px;margin-bottom:4px;border:0 !important; background:transparent !important;text-transform:none !important;padding: 0 !important;font-weight:500 !important;font-size:12px !important}
.m300x533 .tg_container form span.r{width:128px !important;float:none !important}
.m300x533 .tg_container form span.s{width:55px;margin-bottom:0;vertical-align:bottom}
.m300x533 .tg_container form input.tgsb_addAS{width:120px !important}
.m300x533 .tg_container form.hotels input.tgsb_addASH{width:262px !important}
.m300x533 .tg_container form input[type=submit]{display:block;margin:auto;vertical-align:bottom}
.m300x533 .tg_container div.pwr{position:absolute;bottom:4px;right:13px}
.m300x533 .tg_container form div.mrcList span.mrr{margin-right:10px!important}
.m300x533 .tg_container form.flights div.mrcList{height:245px}
.m300x533 .tg_container form.flights div.help{background:url(../images/tg_searchboxes/compare-brands.gif) no-repeat 0 27px;width:269px;height:260px}
.m300x533 .tg_container form.hotels div.mrcList, .m300x533 .tg_container form.packages div.mrcList{height:276px}
.m300x533 .tg_container form.hotels div.help, .m300x533 .tg_container form.packages div.help{background:url(../images/tg_searchboxes/compare-brands.gif) no-repeat 0 47px;width:269px;height:291px}
.m300x533 .tg_container form.cars div.mrcList{height:325px}
.m300x533 .tg_container form.cars div.help{background:url(../images/tg_searchboxes/compare-brands.gif) no-repeat 0 67px;width:269px;height:340px}

/* CSS rules for the 728x80 searchbox */
.m728x90{width:728px;height:88px}
.m728x90 .tg_container{float:right;width:668px;height:88px}
.m728x90 .tg_tabs{float:left;width:58px}
.m728x90 .tg_tabs li{margin:0 0 1px 0;line-height:19px;margin-bottom:1px !important;}
.m728x90 .tg_tabs li span{display:inline-block;line-height:19px;height:19px;border-left:1px solid #b7c791;border-bottom:1px solid #b7c791;border-top:1px solid #b7c791;padding-left:3px;cursor:pointer;z-index:11;width:54px;position:relative;font-size:10px;text-transform:none !important}
.m728x90 .tg_tabs li span.sel, .m728x90 .tg_tabs li span:hover{line-height:20px;/*height:20px;*/background-image:url(../images/tg_searchboxes/vertical-shade.png) !important;background-repeat:repeat-y !important;left:1px}
.m728x90 .tg_container form{margin:0 auto;position:relative}
.m728x90 .tg_container form div.formContent, .m728x90 .tg_container form div.mrcList{float:left}
.m728x90 .tg_container form div.mrcList{width:425px;height:75px;position:relative;padding:10px 0 0}
.m728x90 .tg_container form label{margin-bottom:0px;line-height:16px}
.m728x90 .tg_container form span{width:165px;text-transform:none !important}
.m728x90 .tg_container form span.s{width:70px;vertical-align:top}
.m728x90 .tg_container form span.s select.tt{width:auto}
.m728x90 .tg_container form span.akstt{width:210px;display:inline-block;vertical-align:top}
.m728x90 .tg_container form input.tgsb_addAS{height:auto;width:145px}
.m728x90 .tg_container div.pwr{position:absolute;right:13px;bottom:5px}
.m728x90 .tg_container form input[type=submit]{display:block;position:absolute;right:15px;top:30px}
/* CSS rule for the iframe wrapped over the submit button in chrome | Tibi | 2013-JUN-06 */
.m728x90 .tg_container form .ppupHandlerCont{position:absolute!important;right:15px;top:30px}
.m728x90 .tg_container form .ppupHandlerCont input {position:static;}
.m728x90 .tg_container form input.tgsb_addASH{width:291px}
.m728x90 .tg_container form.hotels div{float:left}
.m728x90 .tg_container form.cars span{width:210px}
.m728x90 .tg_container form.cars input[type=text]{width:190px}
.m728x90 .tg_container form div.mrcList span{margin-right:10px!important}
.m728x90 .tg_container form div.mrcList a.tgBackToSearchbox{left:139px}
.m728x90 .tg_container form input.tgsb_addDP{width:103px !important}

/* CSS rules for the dynamic searchbox */
.mdynamic{min-width:300px;width:auto}
.mdynamic .tg_container{min-height:218px;}
.mdynamic .tg_tabs{height:30px !important}
.mdynamic .tg_tabs li{margin:0 2px 0 0 !important;vertical-align:bottom;line-height:28px !important}
.mdynamic .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:none !important;font-size:12px !important;border-bottom:0 !important}
.mdynamic .tg_tabs li span.sel, .mdynamic .tg_tabs li span:hover{height:29px;line-height:29px;background-image:url(../images/tg_searchboxes/tab-shade.png) !important;background-repeat:repeat-x}
.mdynamic .tg_container form{margin:5px auto 20px;position:relative;padding:0 0 0 13px;min-height:140px;}
.mdynamic .tg_container form div.hr{width:97.8%}
.mdynamic .tg_container form div.mrcList{padding:10px 0 30px}
.mdynamic .tg_container form.flights div.mrcList{padding:5px 0}
.mdynamic .tg_container form label{line-height:25px}
.mdynamic .tg_container form span{width:52%;margin-bottom:4px;border:0 !important;background:transparent !important;text-transform:none !important;padding: 0 !important;font-weight:500 !important;font-size:12px !important}
.mdynamic .tg_container form span.r{width:47% !important;float:none !important}
.mdynamic .tg_container form span.s{width:18%;margin-bottom:0;vertical-align:bottom}
.mdynamic .tg_container form.flights span.s{margin-bottom:5px}
.mdynamic .tg_container form span.s select.tt{width:auto}
.mdynamic .tg_container form span.rm{width:42px}
.mdynamic .tg_container form input.tgsb_addAS{width:84% !important}
.mdynamic .tg_container form input.asTo{width:86% !important}
.mdynamic .tg_container form input.tgsb_addDP{width:68% !important}
.mdynamic .tg_container form.hotels input.tgsb_addASH{width:96% !important}
/*.mdynamic .tg_container form input[type=image]{display:block;padding:0;vertical-align:bottom;position:absolute;bottom:0;right:15px}*/
.mdynamic .tg_container form input[type=submit]{display:block;vertical-align:bottom;position:absolute;bottom:0;right:15px}
/* CSS rule for the iframe wrapped over the submit button in chrome | Tibi | 2013-JUN-06 */
.mdynamic .tg_container form .ppupHandlerCont{position:absolute!important;bottom:0;right:15px}
.mdynamic .tg_container form .ppupHandlerCont input {position:static;}
.mdynamic .tg_container form.flights input[type=submit]{position:static;float:right;margin:0 15px 0 0}
/* CSS rule for the iframe wrapped over the submit button in chrome | Tibi | 2013-JUN-06 */
.mdynamic .tg_container form.flights .ppupHandlerCont{position:relative!important;right:0px!important;float:right;}
.mdynamic .tg_container div.pwr{position:absolute;bottom:4px;right:13px}
.mdynamic .tg_container form.packages span.s{width:16%}
/*.mdynamic .tg_container form.cars div.formContent{padding-bottom:48px}*/
.mdynamic .tg_container form div.mrcList span{margin-right:10px !important}
/*autosuggestion css rules start*/
ul.tgsb_as{display:none;position:absolute;margin:0;padding:2px;border:1px solid #fedf49;background:#fff;z-index:110050;font-size:12px;list-style-type:none;text-align:left}
ul.tgsb_as li{color:#000;padding:0px 0px 0px 27px;margin:0px;background-position:5px center;background-repeat:no-repeat;cursor:pointer;overflow:hidden;border-top:1px dotted transparent;border-bottom:1px dotted transparent;height:25px;line-height:25px}
ul.tgsb_as li em{height:20px;line-height:23px;font-style:normal;display:block;padding:0 5px;white-space:nowrap}
ul.tgsb_as .even{border-color:#c1c1c1;background-color:#f0f0f0}
ul.tgsb_as li.as_hl{background-color:#FDBE6E;border-color:#FDBE6E}
.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*/

.tg_searchbox .tg_container form input[type=text].err, .tg_searchbox .tg_container form input[type=text][readonly=readonly].err{border:1px solid #f00;background-color:#ffe5e5}
.tg_searchbox.tg-metasearch form.hotels .mrcList {
    display:none;
}

@media screen and (max-width:767px), screen and (-webkit-min-device-pixel-ratio:0) {
    div.tg_searchbox div.tg_container form div.mrcList span {
        background:#fff!important;
        box-sizing:border-box!important;
        width:130px!important;
        padding-left:0!important;
        text-align:center;
        height:25px!important;
    }
    div.tg_searchbox div.tg_container form div.mrcList span img {
        padding-left:0!important;
    }
}