/* Comment Generated by Combres - Resource '~/css/jqueryui-extend.css' (Mode: Static) */
.ui-tabs-anchor
{
    outline: none;
}

ul.ui-autocomplete>li.icon
{
    font-size: 13px;
}
ul.ui-autocomplete>li.icon>div.category
{
    margin: 10px 0 5px 0;
    width:95%;
    border-bottom: 1px solid #e5e5e5;
}
ul.ui-autocomplete>li>a.current
{
    font-weight:bold;
}


/* Comment Generated by Combres - Resource '~/css/base.css' (Mode: Static) */

html {
    font-size: 100%; /*-webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;*/
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    background-attachment: fixed;
}

html, .background-cover {
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
    background-position: center center;
    background-repeat: no-repeat;
    
}

body, form {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
}

    body.web-application, body.webapplication form {
        font-size: 0.8em;
    }

h1, h2, h3, h4 {
    color: #555555;
}

h1 {
    font-size: 2em;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.4em;
    margin-top: 2.5em;
    margin-bottom: 1em;
}
h2.small-margin {
    margin-top: 0.5em;
}

h3 {
    font-size: 1.05em;
    margin-top: 2em;
    margin-bottom: 1em;
}

h4 {
    font-size: .95em;
    margin-top: 20px;
    margin-bottom: .5em;
}

h1 > small {
    display: block;
    font-size: .5em;
    color: #888888;
    letter-spacing: .2em;
}

h3 + h4, h2 + h3, h1 + h2 {
    margin-top: 0;
}

p {
}

h4 + p {
    margin-top: 0;
}

a {
    color: #e97200;
}

    a:visited {
        color: #feb113;
    }

    a:hover {
        color: #ffa400;
    }

body.web-application a{
    text-decoration: none;
    color: #ffffff;
    font-weight: lighter;
}
ul.ui-tabs-nav a.ui-tabs-anchor, ul.ui-autocomplete > li > a
{
    text-decoration: none !important;
    color: #000 !important;
}

body.web-application .ui-widget-content a {
    color: #000;
    text-decoration: underline;
}
body.web-application .ui-widget-content a:hover {
    color: #003ea0;
}

a.more-info {
    color: Blue;
    font-size: 0.8em;
}

    a.more-info:hover {
        text-decoration: underline;
    }

ul.text li {
    margin-top: 0.6em;
}

.underline {
    text-decoration: underline;
}

.over-underline:hover {
    text-decoration: underline !important;
}

.link-like {
    text-decoration: underline;
    cursor: pointer;
}

a, img {
    border: none;
}

em {
    font-style: normal;
    font-weight: bold;
}

hr {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dashed #444444;
    margin-top: 20px;
}

input[type="text"]:focus, textarea:focus {
    background-color: #ffffff;
}
/*colour when gains focus by tabbing, or while typing */


input[type="text"], select, textarea {
    border: 1px solid #707070;
    color: #444444;
    font-weight: bold;
    outline: none;
    background-color: #f9f9f9;
    margin-bottom: 0.8em;
}

    input[type="text"].big {
        font-size: 1em;
        padding: 0.1em;
        height: 1.5em;
    }

    input[type="text"].veryBig {
        font-size: 1.3em;
        padding: 7px;
        height: 20px;
    }

.formLabel {
    display: inline-block;
    width: 120px;
    font-weight: bold;
    font-size: 1.1em;
    color: #595959;
    margin-bottom: 10px;
}

.formInput {
    margin-bottom: 10px;
    font-size: 1.2em;
}

.section {
    display: block;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    width: 100%;
    text-align: left;
    border-bottom: 1px dashed #444444;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.linksList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .linksList li {
        float: left;
        margin: 0;
        padding: 0;
    }

.linksListContainer {
    /*height: 100%;*/ /*margin: auto;*/
    text-align: left;
}

.linkContainer {
    text-align: center;
    display: inline-block;
    overflow: hidden;
    padding: 10px;
}

li.container-small {
    width: 106px;
    height: 110px;
    font-size: 0.8em;
}

li.container-medium {
    width: 160px;
    height: 163px;
}

li.container-large {
    width: 190px;
    height: 194px;
}

.drop-placeholder64, .drop-placeholder96, .drop-placeholder128 {
    padding: 0px;
    margin: 0px;
    background-position: center;
    background-repeat: no-repeat;
}

.drop-placeholder64 {
    background-image: url("drop-placeholder-small.png");
}

.drop-placeholder96 {
    background-image: url("drop-placeholder-medium.png");
}

.drop-placeholder128 {
    background-image: url("drop-placeholder-large.png");
}

.linkContainer:hover {
}

.linkContainer:focus {
    outline: none;
}

.linkLabel {
    margin-top: 3px;
    width: 80%;
    font-size: 1.3em;
    overflow: hidden;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
}

    .linkLabel:hover {
        overflow: visible;
        width: auto;
    }

.linkImage {
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.rounded {
    border-radius: 8px;
}

li.container-small img.rounded {
    border-radius: 6px;
}

.tiny-rounded {
    border-radius: 3px;
}

.shadow {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.tiny-shadow {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
}

.default-border {
    border: 1px solid #A68866;
}

.dataTableHeader {
    background-color: #b83507;
    color: #ffffff;
    font-weight: bold;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #E89821), color-stop(1, #BC3D0A) );
    background-image: -moz-linear-gradient( center bottom, #E89821 0%, #BC3D0A 100% );
}

.tooltip {
    display: none;
    width: 160px;
    background-color: White;
    font-size: 1em;
    padding: 10px;
    color: #333333;
}

.popup {
    z-index: 100;
    background-color: #FFFFFF;
    border: 10px solid #666; /* for modern browsers use semi-transparent color on the border. nice! */
    border: 10px solid rgba(82, 82, 82, 0.698);
}

div.column-left {
    width: 45%;
    margin-right: 5%;
}

div.column-right {
    width: 50%;
    float: right;
}

.theme-preview {
    margin: 12px 30px 12px 30px;
    cursor: pointer;
    border-radius: 10px; /*webkit-transition: -webkit-transform 1s ease-in-out;*/
}

    .theme-preview:hover {
        margin: 10px 28px 10px 28px;
        border: 2px dashed #444444; /*webkit-transform: scale(1.1, 1.1);*/
    }

div.tags-selector {
    vertical-align: top;
    width: 100%;
    float: left;
}

    div.tags-selector div {
        width: 90%;
        color: #444444;
        padding: 2px;
        display: block;
        font-size: 1.0em;
        cursor: pointer;
        text-align: left;
        padding: 5px;
    }

        div.tags-selector div.selected, div.tags-selector div.selected:hover {
            background-color: #eeeeee; /*background-color: rgba(128, 128, 128, 0.4);*/
            border-radius: 3px;
        }

        div.tags-selector div:hover {
            background-color: #fafafa;
            color: #000000;
        }

.icon-selection-container > li {
    width: 90px;
    height: 110px;
    overflow: hidden;
    margin: 0px 12px 10px 0px;
    cursor: pointer;
}

#toolbar, #infobar {
}

div.toolbar {
    padding: 5px;
    margin: 0px 5px 0px 0px;
    float: right;
    cursor: pointer;
}

    div.toolbar:hover {
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: 3px;
    }


#infobar {
}

.transparent-container {
    padding: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid transparent;
    border-color: rgba(255, 255, 255, 0.1);
    margin: 3px;
    padding: 10px;
}

    .transparent-container a {
        text-decoration: none;
    }

        .transparent-container a:hover {
            text-decoration: underline;
        }

.icon-16 {
    width: 16px;
    height: 16px;
}

.clock > .time {
    font-size: 2em;
    font-weight: bold;
}

.clock > .date, .clock > .event {
    font-size: 0.9em;
}

#searchButton, #searchSelect {
    /*margin-top: -4px;*/
}

#searchEngines {
    width: 158px;
}

#searchClear {
    float: left;
    width: 16px;
    height: 16px;
    background-image: url("clear18.png");
    margin-left: -25px;
    margin-top: 8px;
    opacity: .2;
}

    #searchClear:hover {
        transition-property: opacity;
        transition-duration: 0.5s;
        /*transition-delay: 0.2s;*/
        opacity: 1;
        cursor: pointer;
    }

ul.search-engines {
    padding: 5px;
    margin: 0px;
    list-style-type: none;
    text-align: left; /*text-indent: 0px;*/
}

    ul.search-engines li {
        padding: 5px;
        margin: 0px;
    }

.hot {
    cursor: pointer;
}

    .hot:hover {
        color: #FF6600;
    }

img.icon-16 {
    width: 16px;
    height: 16px;
    border: none;
    vertical-align: middle;
    margin: 0px 5px 2px 0px;
}

#imgTitle, #img-title-2 {
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
}

#img-title-2 {
    width: 550px;
    height: 140px;
    background-image: url("lepogona-title-2-550.png");
    position: relative;
    z-index: 1;
    margin-bottom: -40px;
}

.pogona-helper-hidden
{
    position: relative;
    top: -9999px;
    left: -9999px;
}

/*Auto Complete*/
ul.ui-autocomplete > li.icon > a {
    padding-left: 30px;
    background-image: url("search-24.png");
    background-position: 3px center;
    background-repeat: no-repeat;
}

/* Media Queries */

@media screen and (min-width: 631px) {
    #imgTitle {
        width: 585px;
        height: 204px;
        background-image: url("lepogonatitle.png");
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
}

@media screen and (max-width: 630px) {
    #img-title-2 {
        width: 100%;
        height: 140px;
        background-size: contain;
    }

    div.clock > div.time, div.clock > div.date, div.clock > div.event {
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        clear: both;
        margin-right: 10px;
    }

    div.column-left {
        width: 100%;
        margin-right: 0%;
    }

    div.column-right {
        width: 100%;
        float: none;
    }
}

@media screen and (min-width: 320px) and (max-width: 630px) {
    #imgTitle {
        width: 350px;
        height: 80px;
        background-image: url("lepogonatitle300.png");
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        margin-top: 24px;
    }
}

@media screen and (max-width: 320px) {
    #imgTitle {
        width: 100%;
        height: 80px;
        background-image: url("lepogonatitle300.png");
        background-size: contain;
        margin-top: 24px;
    }
}

@media screen and (max-width: 370px) {
    .can-hide-1, .can-hide-2, .can-hide-3, .can-hide-4, .can-hide-5 {
        display: none !important;
    }
}

@media screen and (min-width: 371px) and (max-width: 600px) {
    .can-hide-1, .can-hide-2, .can-hide-3, .can-hide-4 {
        display: none !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
    .can-hide-1, .can-hide-2, .can-hide-3 {
        display: none !important;
    }
}

@media screen and (min-width: 801px) and (max-width: 1000px) {
    .can-hide-1, .can-hide-2 {
        display: none !important;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .can-hide-1 {
        display: none !important;
    }
}

@media screen and (min-width: 1201px) {
}

/* Jquery UI Extend*/

.ui-tabs-anchor span.ui-icon {
    float: left;
    margin: 1px 2px 0px 0px;
}

/* FOOTER */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/**
{
	margin: 0;
	padding: 0;
}*/

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, form {
    height: 100%;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow: auto;
    padding-bottom: 60px;
}
/* must be same height as the footer */

#footer {
    position: relative;
    background-image: url("white-toolbar60.png");
    background-position: top;
    background-repeat: repeat-x;
    margin-top: -60px; /* negative value of footer height */
    height: 60px;
    clear: both;
}

    #footer a {
        display: inline-block;
        font-size: 1.2em;
        padding: 1.3em 2em 1em 2em;
        white-space: nowrap;
    }

/*Opera Fix*/
body:before {
    /* thanks to Maleika (Kohoutec)*/
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}


/*carouFredSel*/
.pagination {
    text-align: center;
}

    .pagination a {
        background: url("pagination.png") 0 0px no-repeat transparent;
        width: 12px;
        height: 12px;
        margin: 0 5px 0 0;
        display: inline-block;
    }

        .pagination a.selected {
            background-position: 0px -12px;
            cursor: default;
        }

        .pagination a span {
            display: none;
        }

    .pagination li.current a {
        background-position: 0 -12px;
    }

/* Google Search */

input[type="text"].gsc-input {
    background-color: White;
    background-image: none !important;
    /*font-size: 1.3em;
    padding: 0.45em;*/
}



/* Comment Generated by Combres - Resource '~/css/jquery.vegas.css' (Mode: Static) */
.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url("loading.gif") no-repeat center center; /* Loading Gif by http://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 20px;
	width: 32px; 
	z-index: 0;
}

.vegas-overlay {
	background: transparent url("01.png");
	opacity: 0.5;
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}