/**

 * Default theme

 *

 */

/* Slight reset to make the preview have ample padding. */

.cse .gsc-control-cse,

.gsc-control-cse {

  padding: 1em;

  width: auto;

  height:auto;

  visibility:hidden;

  /*-webkit-overflow-scrolling:touch; */

}





/* Make sure Mongo font is available*/



@font-face {



    font-family: mongo; src: url(http://www.lan6.co.uk/dev/test/skins/default/fonts/mongo/mongo.ttf);



    /*font-family: 'mongo';

    src: url('http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo-webfont.eot');

    src: url('http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo-webfont.eot?#iefix') format('embedded-opentype'),

         url('http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo-webfont.woff2') format('woff2'),

         url('http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo-webfont.woff') format('woff'),

         url('http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo-webfont.ttf') format('truetype'),

         url('http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo-webfont.svg#mongo') format('svg');

    font-weight: normal;

    font-style: normal;

	

	font-family: 'mongo'; src: url(http://www.lan6.com/dev/test/skins/default/fonts/mongo/mongo.ttf);*/



}

.cse .gsc-control-wrapper-cse,

.gsc-control-wrapper-cse {

  width: 100%;

}
.gsc-input-box {height:34px;} /* search box height */
.cse .gsc-branding,

.gsc-branding {

  display: none; visibility: hidden;

}

.cse .gsc-control-cse div,

.gsc-control-cse div {

  position: normal;

}

/* Selector for entire element. */

.cse .gsc-control-cse,

.gsc-control-cse {

  background-color: #ffffff;

  border: 1px solid #ffffff;

}

.cse .gsc-control-cse:after,

.gsc-control-cse:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}

.cse .gsc-resultsHeader,

.gsc-resultsHeader {

  border: block;

}

table.gsc-search-box td.gsc-input {

  padding-right: 12px;

}

input.gsc-input {

  border-color: #D9D9D9;

  font-size: 24px;

  padding: 1px 6px;

  height:34px;

}

/* Search button */

.gsc-search-button,

.cse input.gsc-search-button,

input.gsc-search-button {

  font-family: inherit;

  font-size: 22px;

  font-weight: bold;

  color: #000;

  padding: 0 8px;

  height: 34px;

  min-width: 54px;

  background-color: #CECECE;

  border: 1px solid #666;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

}

/* Inactive tab */

.cse .gsc-tabHeader.gsc-tabhInactive,

.gsc-tabHeader.gsc-tabhInactive {

  border-bottom: none;

  color: #666666;

  background-color: #e9e9e9;

  border: 1px solid;

  border-color: #e9e9e9;

  border-bottom: none;

}

/* Active tab */

.cse .gsc-tabHeader.gsc-tabhActive,

.gsc-tabHeader.gsc-tabhActive {

  background-color: #FFFFFF;

  border: 1px solid;

  border-top: 2px solid;

  border-color: #e9e9e9;

  border-top-color: #FF9900;

  border-bottom: none;

}

/* This is the tab bar bottom border. */

.cse .gsc-tabsArea,

.gsc-tabsArea {

  margin-top: 1em;

  border-bottom: 1px solid #e9e9e9;

}

/* Inner wrapper for a result */

.cse .gsc-webResult.gsc-result,

.gsc-webResult.gsc-result,

.gsc-imageResult-column,

.gsc-imageResult-classic {

  padding: .25em;

  border: 1px solid;

  border-color: #ffffff;

  margin-bottom: 1em;

}

/* Result hover event styling */

.cse .gsc-webResult.gsc-result:hover,

.gsc-webResult.gsc-result:hover,

.gsc-webResult.gsc-result.gsc-promotion:hover,

.gsc-results .gsc-imageResult-classic:hover,

.gsc-results .gsc-imageResult-column:hover {

  border: 1px solid;

  border-color: #FFFFFF;

}

/*Promotion Settings*/

/* The entire promo */

.cse .gsc-webResult.gsc-result.gsc-promotion,

.gsc-webResult.gsc-result.gsc-promotion {

  background-color: #FFFFFF;

  border-color: #336699;

}

/* Promotion links */

.cse .gs-promotion a.gs-title:link,

.gs-promotion a.gs-title:link,

.cse .gs-promotion a.gs-title:link *,

.gs-promotion a.gs-title:link *,

.cse .gs-promotion .gs-snippet a:link,

.gs-promotion .gs-snippet a:link {

  color: #0000CC;

}

.cse .gs-promotion a.gs-title:visited,

.gs-promotion a.gs-title:visited,

.cse .gs-promotion a.gs-title:visited *,

.gs-promotion a.gs-title:visited *,

.cse .gs-promotion .gs-snippet a:visited,

.gs-promotion .gs-snippet a:visited {

  color: #0000CC;

}

.cse .gs-promotion a.gs-title:hover,

.gs-promotion a.gs-title:hover,

.cse .gs-promotion a.gs-title:hover *,

.gs-promotion a.gs-title:hover *,

.cse .gs-promotion .gs-snippet a:hover,

.gs-promotion .gs-snippet a:hover {

  color: #0000CC;

}

.cse .gs-promotion a.gs-title:active,

.gs-promotion a.gs-title:active,

.cse .gs-promotion a.gs-title:active *,

.gs-promotion a.gs-title:active *,

.cse .gs-promotion .gs-snippet a:active,

.gs-promotion .gs-snippet a:active {

  color: #0000CC;

}

/* Promotion snippet */

.cse .gs-promotion .gs-snippet,

.gs-promotion .gs-snippet,

.cse .gs-promotion .gs-title .gs-promotion-title-right,

.gs-promotion .gs-title .gs-promotion-title-right,

.cse .gs-promotion .gs-title .gs-promotion-title-right *,

.gs-promotion .gs-title .gs-promotion-title-right * {

  color: #000000;

}

/* Promotion url */

.cse .gs-promotion .gs-visibleUrl,

.gs-promotion .gs-visibleUrl {

  color: #008000;

}

/* Style for auto-completion table

 * .gsc-completion-selected : styling for a suggested query which the user has moused-over

 * .gsc-completion-container : styling for the table which contains the completions

 */

.gsc-completion-selected {

  background: #EEE;

}

.gsc-completion-container {

  font-family: Arial, sans-serif;

  font-size: 13px;

  background: white;

  border: 1px solid #CCC;

  border-top-color: #D9D9D9;

  margin-left: 0;

  margin-right: 0;

  /* The top, left, and width are set in JavaScript. */

}

.gsc-completion-title {

  color: #0000CC;

}

.gsc-completion-snippet {

  color: #000000;

}



/* Full URL */

.gs-webResult div.gs-visibleUrl-short,

.gs-promotion div.gs-visibleUrl-short {

  display: none;

}

.gs-webResult div.gs-visibleUrl-long,

.gs-promotion div.gs-visibleUrl-long {

  display: block;

}



#envDIV { position:absolute; left:20px; top:20px; width:100%; height:90%; visibility:hidden; z-index:3; }

#clearbackDIV { position:absolute; visibility:hidden; z-index:3; background-color:#fff; opacity:0.70;;}

#copyrightDIV { position:absolute; left:100px; top:0px; visibility:hidden; z-index:4; color:#999 ; font-size:.9em; }

#cse-search-form { position:relative; left:10px; top:0px; visibility:hidden; z-index:3 }

#backDIV {position:absolute; z-index:1; left:0px; top:0px; visibility:hidden }

#logoDIV { position:relative; width:174px; left:0px; top:0px; visibility:hidden; z-index:3}

#logo2DIV { position:absolute; left:0px; top:0px; visibility:hidden; width:174px; z-index:3}



#hweb{position:absolute; visibility:hidden; text-decoration: none; z-index:3}

#hpics{position:absolute; visibility:hidden; text-decoration: none; z-index:3}

#hshop{position:absolute; visibility:hidden; text-decoration: none; z-index:3}

#hflight{position:absolute; visibility:hidden; text-decoration: none; z-index:3}

#headerDIV { position:relative; visibility:hidden;  z-index:4}

#header2DIV { position:absolute; left:174px; top:15px; visibility:hidden;  width:200px; z-index:4;}



#trialDIV { font-size:35px; font-family: mongo, "Bauhaus 93", sans-serif ; color:#8cd700;  }

.mongos{ font-size:35px; text-decoration: none; font-family:"Bauhaus 93"; color:#8cd700; }

.mongos:hover{ color:#7ec100; }

.mongos:active{ color:blue; }



.headerclass {font-family: mongo, "Bauhaus 93", sans-serif ; color:#8cd700; opacity: .22; /*-webkit-transition-duration: 1.5s; 

    transition-duration: 1.5s; */ }

.delays{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}

.headerclass A:link {text-decoration: none; }

.headerclass A:visited {text-decoration: none; }

.headerclass A:active {text-decoration: none; }

/*.headerclass A:hover {opacity: 1;}*/	

.headerclass:hover {opacity: 1;cursor:pointer;}		

.headerclass A {color:#8cd700;}



#logotopDiv{position:absolute; visibility:hidden; z-index:2;}

#logobotDiv{position:absolute; visibility:hidden; z-index:1;}

#logofindDiv{position:absolute; visibility:hidden; z-index:2;}

#searchDIV { position:absolute; width:90px; height:35px; visibility:hidden; background-color:#CCC; opacity:0.001; z-index:4}

#search2DIV { position:absolute; left:100px; top:100px; visibility:hidden; z-index:4; /*background-color:#3F0;*/}

#searchinput{visibility:hidden;}

#fauthor, #lauthor {  width:100%; }

#checkboxes { position:absolute; left:100px; top:100px; visibility:hidden; z-index:4;}

#cse { position:absolute; ; visibility:hidden; z-index:3; }

#srchTBL {position:absolute; width:888px; visibility:hidden; ;}

.shopinput {

  font-size: 22px;

 }

  

.search-button {

  font-family: inherit;

  font-size: 22px;

  font-weight: bold;

  color: #000;

  padding: 0 8px;

  height: 34px;

  min-width: 54px;

  background-color: #CECECE;

  border: 1px solid #666;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

}



.resultclass A:link {text-decoration:none; font-weight:400; color:#3399FF}

.resultclass A:visited {text-decoration:none}

.resultclass A:active {text-decoration:none}

.resultclass A:hover {text-decoration:none; color:red;}		

.resultclass {font-size:1.1em; color:#3399FF; hover:red; }



#walDIV { position:relative; visibility:hidden; z-index:6;} /* background-color:#2CC;}*/



#amaDIV { position:relative; visibility:hidden; z-index:6;}



#ebaDIV { position:relative; visibility:hidden; z-index:6;}



#expDIV { position:relative; visibility:hidden; z-index:6; cursor:pointer;}



#prcDIV { position:relative; visibility:hidden; z-index:6; cursor:pointer;}



#orbDIV { position:relative; visibility:hidden; z-index:6; cursor:pointer;}

 

#resultsDIV { position:absolute; left:0px; top:0px; visibility:hidden; z-index:4;}



#resultsaDIV { position:absolute; left:0px; top:0px; visibility:hidden; z-index:4;}



#fauthorDIV { position:relative; visibility:hidden; z-index:4; cursor:pointer} /*background-color:#3F0; } */



#lauthorDIV { position:relative; visibility:hidden; z-index:4; cursor:pointer}



#aportstDIV { position:relative; visibility:hidden; z-index:4}



.animated { 

    -webkit-animation-duration: 2.3s; 

    animation-duration: 2.3s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; 

} 



@-webkit-keyframes setInUp { 

    0% { 

      

        -webkit-transform: translateY(-200px); 

    } 

	

    100% { 

        -webkit-transform: translateY(0); 

    } 

} 



@keyframes setInUp { 

    0% { 

        

        transform: translateY(-200px); 

    } 

	

    100% { 

        transform: translateY(0); 

    } 

} 



.setInUp { 

    -webkit-animation-name: setInUp; 

    animation-name: setInUp; 

	-webkit-animation-duration: 2.3s; 

    animation-duration: 2.3s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; 

	animation-timing-function: linear;

	-webkit-transition-delay: 0.0s;

	transition-delay: 0.0s;

}





@-webkit-keyframes riseInUp { 

    0% { 

      

        -webkit-transform: translateY(200px); 

    } 

	

    100% { 

        -webkit-transform: translateY(0); 

    } 

} 



@keyframes riseInUp { 

    0% { 

        

        transform: translateY(200px); 

    } 

	

    100% { 

        transform: translateY(0); 

    } 

} 



.riseInUp { 

    -webkit-animation-name: riseInUp; 

    animation-name: riseInUp; 

	-webkit-animation-duration: 2.1s; 

    animation-duration: 2.1s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; 

	animation-timing-function: linear;

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

}



@-webkit-keyframes bounceInUp { 

    0% { 

        opacity: 0; 

        -webkit-transform: translateY(2000px); 

    } 

    60% { 

        opacity: 1; 

        -webkit-transform: translateY(-30px); 

    } 

    80% { 

        -webkit-transform: translateY(10px); 

    } 

    100% { 

        -webkit-transform: translateY(0); 

    } 

} 



@keyframes bounceInUp { 

    0% { 

        opacity: 0; 

        transform: translateY(2000px); 

    } 

    60% { 

        opacity: 1; 

        transform: translateY(-30px); 

    } 

    80% { 

        transform: translateY(10px); 

    } 

    100% { 

        transform: translateY(0); 

    } 

} 



.bounceInUp { 

    -webkit-animation-name: bounceInUp; 

    animation-name: bounceInUp; 

}



@-webkit-keyframes bounceInRight { 

    0% { 

        opacity: 0; 

        -webkit-transform: translateX(2000px); 

    } 

    60% { 

        opacity: 1; 

        -webkit-transform: translateX(-30px); 

    } 

    80% { 

        -webkit-transform: translateX(10px); 

    } 

    100% { 

        -webkit-transform: translateX(0); 

    } 

} 



@keyframes bounceInRight { 

    0% { 

        opacity: 0; 

        transform: translateX(2000px); 

    } 

    60% { 

        opacity: 1; 

        transform: translateX(-30px); 

    } 

    80% { 



        transform: translateX(10px); 

    } 

    100% { 

        transform: translateX(0); 

    } 

} 



.bounceInRight { 

    -webkit-animation-name: bounceInRight; 

    animation-name: bounceInRight; 

	-webkit-transition-delay: 0.2s;

	transition-delay: 0.2s;

}



@-webkit-keyframes bounceIn { 

    0% { 

        opacity: 0; 

        -webkit-transform: scale(.3); 

    } 



    50% { 

        opacity: 1; 

        -webkit-transform: scale(1.05); 

    } 



    70% { 

        -webkit-transform: scale(.9); 

    } 



    100% { 

         -webkit-transform: scale(1); 

    } 

} 



@keyframes bounceIn { 

    0% { 

        opacity: 0; 

        transform: scale(.3); 

    } 



    50% { 

        opacity: 1; 

        transform: scale(1.05); 

    } 



    70% { 

        transform: scale(.9); 

    } 



    100% { 

        transform: scale(1); 

    } 

} 



.bounceIn { 

    -webkit-animation-name: bounceIn; 

    animation-name: bounceIn; 

}





@-webkit-keyframes bounceInLeft { 

    0% { 

        opacity: 0; 

        -webkit-transform: translateX(-2000px); 

    } 

    60% { 

        opacity: 1; 

        -webkit-transform: translateX(30px); 

    } 

    80% { 

        -webkit-transform: translateX(-10px); 

    } 

    100% { 

        -webkit-transform: translateX(0); 

    } 

} 



@keyframes bounceInLeft { 

    0% { 

        opacity: 0; 

        transform: translateX(-2000px); 

    } 

    60% { 

        opacity: 1; 

        transform: translateX(30px); 

    } 

    80% { 

        transform: translateX(-10px); 

    } 

    100% { 

        transform: translateX(0); 

    } 

} 

.bounceInLeft { 

    -webkit-animation-name: bounceInLeft; 

    animation-name: bounceInLeft; 

}



@-webkit-keyframes pulse { 

    0% { -webkit-transform: scale(1); } 

    50% { -webkit-transform: scale(1.1); } 

    100% { -webkit-transform: scale(1); } 

} 

@keyframes pulse { 

    0% { transform: scale(1); } 

    50% { transform: scale(1.1); } 

    100% { transform: scale(1); } 

} 

.pulse { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-transition-delay: 0.28s;

	transition-delay: 0.1s;

}



@-webkit-keyframes wiggle { 

    0% { -webkit-transform: skewX(9deg); } 

    10% { -webkit-transform: skewX(-8deg); } 

    20% { -webkit-transform: skewX(7deg); } 

    30% { -webkit-transform: skewX(-6deg); } 

    40% { -webkit-transform: skewX(5deg); } 

    50% { -webkit-transform: skewX(-4deg); } 

    60% { -webkit-transform: skewX(3deg); } 

    70% { -webkit-transform: skewX(-2deg); } 

    80% { -webkit-transform: skewX(1deg); } 

    90% { -webkit-transform: skewX(0deg); } 

    100% { -webkit-transform: skewX(0deg); } 

} 

@keyframes wiggle { 

    0% { transform: skewX(9deg); } 

    10% { transform: skewX(-8deg); } 

    20% { transform: skewX(7deg); } 

    30% { transform: skewX(-6deg); } 

    40% { transform: skewX(5deg); } 

    50% { transform: skewX(-4deg); } 

    60% { transform: skewX(3deg); } 

    70% { transform: skewX(-2deg); } 

    80% { transform: skewX(1deg); } 

    90% { transform: skewX(0deg); } 

    100% { transform: skewX(0deg); } 

} 

.wiggle { 

    -webkit-animation-name: wiggle; 

    animation-name: wiggle; 

    -webkit-animation-timing-function: ease-in; 

    animation-timing-function: ease-in; 

} 

.animated.wiggle { 

    -webkit-animation-duration: 0.75s; 

    animation-duration: 0.75s; 

}



@-webkit-keyframes tada { 

    0% {-webkit-transform: scale(1);} 

    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 

    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 

    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 

    100% {-webkit-transform: scale(1) rotate(0);} 

} 

@keyframes tada { 

    0% {transform: scale(1);} 



    10%, 20% {transform: scale(0.9) rotate(-3deg);} 

    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 

    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 

    100% {transform: scale(1) rotate(0);} 

} 

.tada { 

    -webkit-animation-name: tada; 

    animation-name: tada; 

}



@-webkit-keyframes fadeIn { 

    0% {opacity: 0;} 

    100% {opacity: 1;} 

} 

@keyframes fadeIn { 

    0% {opacity: 0;} 

    100% {opacity: 1;} 

} 

.fadeIn { 

    -webkit-animation-name: fadeIn; 

    animation-name: fadeIn; 

	animation-timing-function: ease-in;

	-webkit-animation-timing-function: ease-in;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s;

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

}



@-webkit-keyframes fadeIn33 { 

    0% {opacity: 0;} 

    100% {opacity: .33;} 

} 

@keyframes fadeIn33 { 

    0% {opacity: 0;} 

    100% {opacity: .33;} 

} 

.fadeIn33 { 

    -webkit-animation-name: fadeIn33; 

    animation-name: fadeIn33; 

	animation-timing-function: ease-in;

	-webkit-animation-timing-function: ease-in;

	-webkit-transition-delay: 3.1s;

	transition-delay: 3.1s;

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

}





@-webkit-keyframes fadeInfast { 

    0% {opacity: 0;} 

    100% {opacity: 1;} 

} 

@keyframes fadeInfast { 

    0% {opacity: 0;} 

    100% {opacity: 1;} 

} 

.fadeInfast { 

    -webkit-animation-name: fadeIn; 

    animation-name: fadeIn; 

	animation-timing-function: ease-in;

	-webkit-animation-timing-function: ease-in;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

	-webkit-animation-duration: 0.2s; 

    animation-duration: 0.2s; 

}



.findpause {

	-webkit-animation-duration: 3.1s; 

    animation-duration: 3.1s; 

	-webkit-transition-delay: 1.4s;

	transition-delay: 1.4s;

}



.Table{display: table;}

.Row{display: table-row;}

.Cell{display: table-cell; padding-left: 5px; padding-right: 5px;}



input[type=text], textarea {

  -webkit-transition: all 0.30s ease-in-out;

  -moz-transition: all 0.30s ease-in-out;

  -ms-transition: all 0.30s ease-in-out;

  -o-transition: all 0.30s ease-in-out;

  outline: none;

}

 

input[type=text]:focus, textarea:focus {

  box-shadow: 0 0 10px rgba(110, 250, 250, 1);

  border: 1px solid rgba(110, 250, 250, 1);

}