/* $siva:rgb(127, 127, 127); */ /*R5*/ /*EMBED FONT usage: @include fontface('Open Sans', 'fonts/Open_Sans/OpenSans-Bold'); */ @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-Italic.eot"); /* IE9 Compat Modes */ src: url("fonts/Open_Sans/OpenSans-Italic.eot?#iefix") format("embedded-opentype"); /* IE6-IE8 */ src: url("fonts/Open_Sans/OpenSans-Italic.woff") format("woff"), url("fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype"), url("fonts/Open_Sans/OpenSans-Italic.svg") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: 400; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-Italic.svg") format("svg"); font-style: italic; font-weight: 400; } } @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-Regular.eot"); /* IE9 Compat Modes */ src: url("fonts/Open_Sans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"); /* IE6-IE8 */ src: url("fonts/Open_Sans/OpenSans-Regular.woff") format("woff"), url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype"), url("fonts/Open_Sans/OpenSans-Regular.svg") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-Regular.svg") format("svg"); font-style: normal; font-weight: 400; } } @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-BoldItalic.eot"); /* IE9 Compat Modes */ src: url("fonts/Open_Sans/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"); /* IE6-IE8 */ src: url("fonts/Open_Sans/OpenSans-BoldItalic.woff") format("woff"), url("fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype"), url("fonts/Open_Sans/OpenSans-BoldItalic.svg") format("svg"); /* Legacy iOS */ font-style: italic; font-weight: 700; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-BoldItalic.svg") format("svg"); font-style: italic; font-weight: 700; } } @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-Bold.eot"); /* IE9 Compat Modes */ src: url("fonts/Open_Sans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"); /* IE6-IE8 */ src: url("fonts/Open_Sans/OpenSans-Bold.woff") format("woff"), url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype"), url("fonts/Open_Sans/OpenSans-Bold.svg") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 700; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Open Sans"; src: url("fonts/Open_Sans/OpenSans-Bold.svg") format("svg"); font-style: normal; font-weight: 700; } } /* @include fontface(false, 'VAGRoundedLTPro-Light', 'fonts/VAGRounded/29505F_0_0', 200); @include fontface(false, 'VAGRoundedLTPro-Bold', 'fonts/VAGRounded/29505F_1_0', 700); */ /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* .carousel_wt{ position:absolute; left:40px; top:100px; overflow: hidden; padding:10px; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform-style: preserve-3d; overflow:hidden; border: 1px solid rgb(127, 127, 127); border-radius:12px; min-height: 255px; height: 255px; } .carousel_wt>.galery_carousel, .carousel_wt>.galery_carousel>.carousel_panes, .carousel_wt >.galery_carousel>.carousel_panes .carousel_pane_item{ min-height: 100%; height: 100%; padding: 0; margin: 0; position: relative; } */ .carousel_wt { min-height: 255px; height: 255px; padding: 0; margin: 0; position: relative; background-color: #FFF; -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); width: 412px; padding: 10px; border: 1px solid silver; border-radius: 12px; } .carousel_wt > .galery_carousel, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item { min-height: 255px; height: 255px; padding: 0; margin: 0; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } .carousel_wt > .galery_carousel .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item .carousel_panes, .carousel_wt > .galery_carousel .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item .carousel_pane_item { min-height: 255px; height: 255px; padding: 0; margin: 0; position: relative; } .carousel_wt > .galery_carousel .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item .carousel_panes { /* -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); */ overflow: hidden; -webkit-backface-visibility: hidden; /* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */ position: relative; width: 100%; } .carousel_wt > .galery_carousel .carousel_panes.animate, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item .carousel_panes.animate { -webkit-transition: all .3s; transition: all .3s; } .carousel_wt > .galery_carousel .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item .carousel_pane_item { float: left; overflow: hidden; width: 100%; cursor: pointer; } .carousel_wt > .galery_carousel .carousel_pane_item img, .wt_cont .tabbed_content > .tab_pages .carousel_wt > .tab_pages_item .carousel_pane_item img { max-width: 100%; max-height: 100%; margin: auto; } .carousel_wt .galery_carousel .carousel_panes .carousel_pane_item .c_title, .carousel_wt .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_title, .wt_cont .tabbed_content > .tab_pages .carousel_wt .tab_pages_item .carousel_panes .carousel_pane_item .c_title { width: 100%; height: 30px; line-height: 40px; font-weight: bold; position: absolute; bottom: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .carousel_wt .galery_carousel .carousel_panes .carousel_pane_item .c_desc, .carousel_wt .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_desc, .wt_cont .tabbed_content > .tab_pages .carousel_wt .tab_pages_item .carousel_panes .carousel_pane_item .c_desc { display: none; width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } .carousel_wt div.carousel_nav { -webkit-transform: translate3d(0, 0, 0); display: block; position: absolute; bottom: 60px; width: 100%; height: 10px; text-align: center; z-index: 10001; } .carousel_wt div.carousel_nav a { display: inline-block; margin-left: 2.5px; margin-right: 2.5px; width: 6px; height: 6px; border: 1px solid #7f7f7f; border-radius: 50%; background-color: #FFF; } .carousel_wt div.carousel_nav a.active { background-color: #000; } .carousel_wt .galery_carousel, .carousel_wt .wt_cont .tabbed_content > .tab_pages .tab_pages_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt .tab_pages_item { min-height: 255px; height: 255px; padding: 0; margin: 0; position: relative; z-index: 1; } .carousel_wt .galery_carousel .carousel_panes, .carousel_wt .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt .tab_pages_item .carousel_panes, .carousel_wt .galery_carousel .carousel_pane_item, .carousel_wt .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt .tab_pages_item .carousel_pane_item { min-height: 225px; height: 225px; height: 100%; padding: 0; margin: 0; position: relative; } .carousel_wt.tipa2 { min-height: 360px; height: 360px; padding: 0; margin: 0; position: relative; background-color: #FFF; width: 256px; -webkit-box-shadow: none; box-shadow: none; width: 256px; padding: 10px; border: 1px solid #999; border-radius: 12px; } .carousel_wt.tipa2 > .galery_carousel, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item { min-height: 360px; height: 360px; padding: 0; margin: 0; position: relative; overflow: hidden; /*-webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-transform-style: preserve-3d;*/ } .carousel_wt.tipa2 > .galery_carousel .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item .carousel_panes, .carousel_wt.tipa2 > .galery_carousel .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item .carousel_pane_item { min-height: 360px; height: 360px; padding: 0; margin: 0; position: relative; } .carousel_wt.tipa2 > .galery_carousel .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item .carousel_panes { /* transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); */ overflow: hidden; /* -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */ position: relative; width: 100%; } .carousel_wt.tipa2 > .galery_carousel .carousel_panes.animate, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item .carousel_panes.animate { -webkit-transition: all .3s; transition: all .3s; } .carousel_wt.tipa2 > .galery_carousel .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item .carousel_pane_item { float: left; overflow: hidden; /*-webkit-transform-style: preserve-3d;*/ width: 100%; text-align: center; } .carousel_wt.tipa2 > .galery_carousel .carousel_pane_item img, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 > .tab_pages_item .carousel_pane_item img { max-width: 100%; max-height: 100%; height: 333px; margin: auto; } .carousel_wt.tipa2 .galery_carousel .carousel_panes .carousel_pane_item .c_title, .carousel_wt.tipa2 .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_title, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 .tab_pages_item .carousel_panes .carousel_pane_item .c_title { width: 100%; height: 30px; line-height: 40px; font-weight: bold; position: absolute; bottom: 0px; text-align: left; } .carousel_wt.tipa2 .galery_carousel .carousel_panes .carousel_pane_item .c_desc, .carousel_wt.tipa2 .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_desc, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 .tab_pages_item .carousel_panes .carousel_pane_item .c_desc { display: none; width: 100%; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .carousel_wt.tipa2 div.carousel_nav { -webkit-transform: translate3d(0, 0, 0); display: block; position: absolute; bottom: 60px; width: 256px; height: 10px; text-align: center; z-index: 10001 !important; } .carousel_wt.tipa2 div.carousel_nav a { display: inline-block; margin-left: 2.5px; margin-right: 2.5px; width: 6px; height: 6px; border: 1px solid #7f7f7f; border-radius: 50%; background-color: #FFF; } .carousel_wt.tipa2 div.carousel_nav a.active { background-color: #000; } .carousel_wt.tipa2 .galery_carousel, .carousel_wt.tipa2 .wt_cont .tabbed_content > .tab_pages .tab_pages_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 .tab_pages_item { z-index: 1 !important; min-height: 360px; height: 360px; padding: 0; margin: 0; position: relative; } .carousel_wt.tipa2 .galery_carousel .carousel_panes, .carousel_wt.tipa2 .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 .tab_pages_item .carousel_panes, .carousel_wt.tipa2 .galery_carousel .carousel_pane_item, .carousel_wt.tipa2 .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 .tab_pages_item .carousel_pane_item { min-height: 360px; height: 100%; padding: 0; margin: 0; position: relative; } .carousel_wt.tipa3 { min-height: 593px; height: 593px; padding: 0; margin: 0; position: relative; background-color: #FFF; width: 900px; border: 0px; border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .carousel_wt.tipa3 > .galery_carousel, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 > .tab_pages_item { overflow: hidden; width: 900px; height: 593px; -webkit-backface-visibility: hidden; /*-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-transform-style: preserve-3d;*/ } .carousel_wt.tipa3 > .galery_carousel .carousel_panes, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 > .tab_pages_item .carousel_panes { /* transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); */ overflow: hidden; /* -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */ position: relative; width: 100%; } .carousel_wt.tipa3 > .galery_carousel .carousel_panes.animate, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 > .tab_pages_item .carousel_panes.animate { -webkit-transition: all .3s; transition: all .3s; } .carousel_wt.tipa3 > .galery_carousel .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 > .tab_pages_item .carousel_pane_item { float: left; overflow: hidden; cursor: ew-resize; /* -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); */ width: 100%; text-align: center; } .carousel_wt.tipa3 > .galery_carousel .carousel_pane_item img, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 > .tab_pages_item .carousel_pane_item img { height: 503px; max-width: 100%; max-height: 100%; margin: auto; } .carousel_wt.tipa3 .galery_carousel .carousel_panes .carousel_pane_item .c_title, .carousel_wt.tipa3 .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_title, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 .tab_pages_item .carousel_panes .carousel_pane_item .c_title { text-align: left; display: none; } .carousel_wt.tipa3 > .galery_carousel > .carousel_panes > .carousel_pane_item .c_desc, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa3 > .tab_pages_item > .carousel_panes > .carousel_pane_item .c_desc { display: block; text-align: left; font-size: 17px; line-height: 21px; width: 100%; height: 90px; font-weight: bold; bottom: 0px; background-color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .carousel_wt.tipa3 div.carousel_nav { -webkit-transform: translate3d(0, 0, 0); display: block; position: absolute; bottom: 110px; width: 100%; height: 10px; text-align: center; z-index: 100001; } .carousel_wt.tipa3 div.carousel_nav a { display: inline-block; margin-left: 2.5px; margin-right: 2.5px; width: 6px; height: 6px; border: 1px solid #7f7f7f; border-radius: 50%; background-color: #FFF; } .carousel_wt.tipa3 div.carousel_nav a.active { background-color: #000; } .wt_carousel_modal { position: fixed; display: block; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: #FFF; } .wt_carousel_modal > .modal_cell { width: 100px; height: 100px; } .modal_carousel { min-height: 255px; height: 255px; padding: 0; margin: 0; position: relative; } .modal_carousel > .galery_carousel, .wt_cont .tabbed_content > .tab_pages .modal_carousel > .tab_pages_item { overflow: hidden; width: 1024px; height: 768px; -webkit-backface-visibility: hidden; /*-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-transform-style: preserve-3d;*/ } .modal_carousel > .galery_carousel .carousel_panes, .wt_cont .tabbed_content > .tab_pages .modal_carousel > .tab_pages_item .carousel_panes { transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); -webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1); overflow: hidden; /*-webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); */ position: relative; width: 100%; } .modal_carousel > .galery_carousel .carousel_panes.animate, .wt_cont .tabbed_content > .tab_pages .modal_carousel > .tab_pages_item .carousel_panes.animate { -webkit-transition: all .3s; transition: all .3s; } .modal_carousel > .galery_carousel .carousel_pane_item, .wt_cont .tabbed_content > .tab_pages .modal_carousel > .tab_pages_item .carousel_pane_item { float: left; overflow: hidden; cursor: ew-resize; /* -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0); */ width: 100%; text-align: center; } .modal_carousel > .galery_carousel .carousel_pane_item img, .wt_cont .tabbed_content > .tab_pages .modal_carousel > .tab_pages_item .carousel_pane_item img { height: 678px; max-width: 100%; max-height: 100%; margin: auto; } .modal_carousel .galery_carousel .carousel_panes .carousel_pane_item .c_title, .modal_carousel .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_title, .wt_cont .tabbed_content > .tab_pages .modal_carousel .tab_pages_item .carousel_panes .carousel_pane_item .c_title { text-align: left; display: none; } .modal_carousel > .galery_carousel > .carousel_panes > .carousel_pane_item .c_desc, .wt_cont .tabbed_content > .tab_pages .modal_carousel > .tab_pages_item > .carousel_panes > .carousel_pane_item .c_desc { text-align: left; font-size: 17px; line-height: 21px; width: 100%; height: 90px; font-weight: bold; bottom: 0px; background-color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 20px; } .modal_carousel div.carousel_nav { -webkit-transform: translate3d(0, 0, 0); z-index: 10001; display: block; position: absolute; bottom: 110px; width: 100%; height: 10px; text-align: center; } .modal_carousel div.carousel_nav a { display: inline-block; margin-left: 2.5px; margin-right: 2.5px; width: 6px; height: 6px; border: 1px solid #7f7f7f; border-radius: 50%; background-color: #FFF; } .modal_carousel div.carousel_nav a.active { background-color: #000; } .carousel_wt.tipa2 .galery_carousel .carousel_panes .carousel_pane_item .c_title, .carousel_wt.tipa2 .wt_cont .tabbed_content > .tab_pages .tab_pages_item .carousel_panes .carousel_pane_item .c_title, .wt_cont .tabbed_content > .tab_pages .carousel_wt.tipa2 .tab_pages_item .carousel_panes .carousel_pane_item .c_title { text-align: left; } html, body { width: 100%; min-height: 100%; height: 100%; padding: 0; margin: 0; position: relative; } /*Setup Default Font*/ html, body, body * { font-family: "Open Sans"; font-size: 16px; font-weight: 400; line-height: 21px; color: #000000; /*-webkit-font-smoothing: antialiased;*/ } b, strong { font-size: inherit; line-height: inherit; font-weight: 700; color: inherit; } i, em { font-size: inherit; line-height: inherit; font-style: italic; color: inherit; } ul, ol { /*giving blockquotes and lists room to breath*/ margin-left: 1.3em; } ol, ul { /*bringing lists on to the page with breathing room */ margin-left: 1.3em; } ol li { /*giving OL's LIs generated numbers*/ padding-left: 5px; list-style: decimal outside; } ul li { /*giving UL's LIs generated disc markers*/ list-style: disc outside; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; font-weight: inherit; font-style: inherit; } sup { top: -0.5em; } sub { bottom: -0.25em; } /*! jQuery UI - v1.10.4 - 2014-02-16 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ text-decoration: none; } .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } /* with multiple calendars */ .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .ui-menu .ui-menu-icon { position: static; float: right; } /* right-aligned */ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10%; height: 100%; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } /* For IE8 - See #6727 */ .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { /* top: -.3em;*/ } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertically center icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: text; } .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Embed image with grid pics Usage @include icons-image("", "background-image", "prefix", "icon-width", "prefix", rollover-image-if-exist) */ .icn-mouse { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll 0px 0px; } .icn-mouse.open { background: transparent url(img/Player-icns-c.png) repeat scroll 0px 0px; } .icn-pen { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -45px 0px; } .icn-pen.open { background: transparent url(img/Player-icns-c.png) repeat scroll -45px 0px; } .icn-marker { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -90px 0px; } .icn-marker.open { background: transparent url(img/Player-icns-c.png) repeat scroll -90px 0px; } .icn-eraser { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -135px 0px; } .icn-eraser.open { background: transparent url(img/Player-icns-c.png) repeat scroll -135px 0px; } .icn-delete { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -180px 0px; } .icn-delete.open { background: transparent url(img/Player-icns-c.png) repeat scroll -180px 0px; } .icn-txt_color { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll 0px -45px; } .icn-txt_color.open { background: transparent url(img/Player-icns-c.png) repeat scroll 0px -45px; } .icn-txt_size_b { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -45px -45px; } .icn-txt_size_b.open { background: transparent url(img/Player-icns-c.png) repeat scroll -45px -45px; } .icn-txt_size_n { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -90px -45px; } .icn-txt_size_n.open { background: transparent url(img/Player-icns-c.png) repeat scroll -90px -45px; } .icn-txt_size_s { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -135px -45px; } .icn-txt_size_s.open { background: transparent url(img/Player-icns-c.png) repeat scroll -135px -45px; } .icn-notes { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -180px -45px; } .icn-notes.open { background: transparent url(img/Player-icns-c.png) repeat scroll -180px -45px; } .icn-attacment { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll 0px -90px; } .icn-attacment.open { background: transparent url(img/Player-icns-c.png) repeat scroll 0px -90px; } .icn-hand { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -45px -90px; } .icn-hand.open { background: transparent url(img/Player-icns-c.png) repeat scroll -45px -90px; } .icn-zoom { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -90px -90px; } .icn-zoom.open { background: transparent url(img/Player-icns-c.png) repeat scroll -90px -90px; } .icn-back { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -135px -90px; } .icn-back.open { background: transparent url(img/Player-icns-c.png) repeat scroll -135px -90px; } .icn-next { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -180px -90px; } .icn-next.open { background: transparent url(img/Player-icns-c.png) repeat scroll -180px -90px; } .icn-select { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll 0px -135px; } .icn-select.open { background: transparent url(img/Player-icns-c.png) repeat scroll 0px -135px; } .icn-open_fs { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -45px -135px; } .icn-open_fs.open { background: transparent url(img/Player-icns-c.png) repeat scroll -45px -135px; } .icn-close_fs { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -90px -135px; } .icn-close_fs.open { background: transparent url(img/Player-icns-c.png) repeat scroll -90px -135px; } .icn-help { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -135px -135px; } .icn-help.open { background: transparent url(img/Player-icns-c.png) repeat scroll -135px -135px; } .icn-download { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -180px -135px; } .icn-download.open { background: transparent url(img/Player-icns-c.png) repeat scroll -180px -135px; } .icn-home { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll 0px -180px; } .icn-home.open { background: transparent url(img/Player-icns-c.png) repeat scroll 0px -180px; } .icn-menu { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -45px -180px; } .icn-menu.open { background: transparent url(img/Player-icns-c.png) repeat scroll -45px -180px; } .icn-h-menu { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -90px -180px; } .icn-h-menu.open { background: transparent url(img/Player-icns-c.png) repeat scroll -90px -180px; } .icn-bkmrk { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -135px -180px; } .icn-bkmrk.open { background: transparent url(img/Player-icns-c.png) repeat scroll -135px -180px; } .icn-activities { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -180px -180px; } .icn-activities.open { background: transparent url(img/Player-icns-c.png) repeat scroll -180px -180px; } .icn-facts { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll 0px -225px; } .icn-facts.open { background: transparent url(img/Player-icns-c.png) repeat scroll 0px -225px; } .icn-tools { display: inline-block; width: 45px; height: 45px; background: transparent url(img/Player-icns.png) repeat scroll -45px -225px; } .icn-tools.open { background: transparent url(img/Player-icns-c.png) repeat scroll -45px -225px; } .spiner { display: inline-block; width: 25px; height: 25px; background: transparent url("img/spinner.gif") center center no-repeat; /*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADt0lEQVRIS41VSSh9cRT+rnmeMstQZEyyYGFhiJIFIRtJIsOKvYWdnYUkG1NhoaQoSkoo04IVCRmKyDzP4/u/79R9veG+93+nXve+e3/nfOd85zvnKjq9wQ77+/vD1taWnExNTYWDg4MdXoBiDeDz81MCuLq6yvXl5QXFxcVyPzU1BS8vL7lX81MURRNQE+Dq6gptbW1ISUlBc3Mz6Pz09IS8vDwJsrCwAB8fH7nn86+vL/j7+8PR0dECxCpAZWUlLi8vMTo6KpRoAXx/f+Pi4kICh4SE2A/ANMbHx9HS0oLy8nJ0dnbi4+MDubm5kuHi4iK8vb1xe3uL5+dnBAUFwdPT0zZFNzc3ciAwMFCub29vaGpqwtLSEvr6+pCVlYXs7GwDgLOzs1To7u4uAGoPfn5+5IyTk5NchSKW2traiqOjI9TV1SE/P18cV1dXUVNTg8LCQnR0dGByclKcKioqhLLX11cEBwfDzc0NVNnj4yPOz8/FNyYmRkANAENDQxgeHsbDw4NkWltbi+TkZMzPzyMuLg4JCQkmFDApZsvgBGI19GU/QkNDpScGAHpSbnt7eyDQ7OwsXFxc0N7ejoKCAk1u1YfMmpWzgoCAAAns4eFh8LFQETMjNTMzM2hoaEBsbKxNAM4LaaFMKV3zeVD0yDoeYgbSFD1vnFJWxCGzNkDGqPRVB8548EiXcnh4qOvu7pZJNbbq6mqDamyWoH9J/vVxTI5RReyhcnBwoOvq6hIANVtmQfXk5OT8L7a8J4A+jslZyjgpKQlC0fv7u8lOIRDLY6PtMZUi472pUm3RZEpvc3MTa2trKCsrQ3h4uE0MVs4tGxUVhbCwMIstawAg+vHxMaanp7GysiKTyEWXmZlpE+Ds7AzLy8sikujoaOHdz8/PVKbMmoG5hjmh6enpKC0tlQHb3d0VbfNnbByq+/t7REZGynV7exsEo/IIkpiYKNVIBQSgkk5OToQWZs0JZeN6enqQlpaGqqoq7O/vC0Z8fLysbL4vKSlBRESETPXp6akA+fr6yu4yANCJGdHU8rjjBwYGxKGxsVEU0dvbK2f4n9myanJfVFQEqobGrUtjgjSrX7T19XUMDg4iIyNDJPv7+ytblcYJZ4/m5uaws7Mjy5CUaJkmAHc8Kbu7u5NvArPktPf390uM+vp64fr6+hoTExPy+WTPjHeQCmYVYGxsTCTK8mlaAHy+sbEhQBxKuwHoaP7hYE9GRkYEjGtEHUJSR9P6HtvsgTmfnBOuBJq66zVJN3v4DwSXJIkfjUnbAAAAAElFTkSuQmCC);*/ position: fixed; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; z-index: 9999999; } .arrow_down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #282828; } .arrow_up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #282828; } .hotspot { position: absolute; display: inline-block; width: 25px; height: 25px; background-color: #00c0ff; border-radius: 50%; border: 4px solid #FFF; } .hotspot.selected { background-color: #abcf00; } .hotspot .hotspot_data { display: none; visibility: hidden; } .povecaj { position: absolute; display: inline-block; width: 45px; height: 45px; background: url("img/bio_mod.png"); background-position: top center; background-repeat: no-repeat; } .poglej { position: absolute; display: inline-block; width: 45px; height: 45px; background: url("img/bio_mod.png"); background-position: top left; background-repeat: no-repeat; } .obj3d { position: absolute; display: inline-block; width: 45px; height: 45px; background: url("img/bio_mod.png"); background-position: top right; background-repeat: no-repeat; } .pika { display: block; width: 19px; height: 19px; background-color: #900; top: 68px; left: 569px; border-radius: 50%; border: 3px solid #FFF; } .pika.oranzna { background-color: #ffad07; } .pika.modra { background-color: #00c0ff; } .video_play_btn { display: inline-block; width: 50px; height: 50px; background: transparent url("img/play_video.png") left top no-repeat; } .badge { display: inline-block; float: left; background-color: #999; border-radius: 50%; padding: .2em; width: 18px; height: 18px; text-align: center; margin-right: 5px; margin-bottom: 3px; font-size: 15px; line-height: 18px !important; margin-top: -4px; } a.close, .close_modal { position: fixed; -webkit-transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; display: block; width: 25px; height: 25px; /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAADBElEQVRIS5WWK3AaYRDHj5AHIkORcaUO15O4IONCXSR1caWOYQgwJJOJK3FxpS6SuMiLi6QuLtQhKRMBedH9fWVvPu41sDM3HPft7X/3v69LOStItVrN7e7uuhsbGyVb/f39ffD09OR1u91xkplU0mGj0SiJ4WoqlTpM0pvP5zcC2D07O/Oi9CJB8DybzfaCxvf29pxMJmPsTKdTZzQaLdkUsLvn5+fKxcXF0D4IgdTrdXdzc7MvAB9RzOVyTqlUcgqFgg+gBgB6eHhwPM9zxuP/jAnQ39fX19L5+flA9ZZAarVafnt7eyAAH1DAONcqcn9/79ze3qrq5OXlZV+BlkCazSYAn9E8Ojoy3q8j0Nfr9QyVEtGfyWTiUhQ+iAC0BaCF0XK57Liuu459X3c4HBqgBXWXnU6nakAWiR5CE94ThQrewXc+n4/MCUYpBs5VoA36kNls9smAnJycVKRUfy4ATbJV+v2+MxgMHCqrUqksAV1dXZkKA4AzFegSmgxtUtrfDYhQRTUdBqPgzObZNqbgRAEATtii55Kb3woyhqqDgwOnWCyGcgEQXiOaK6JD4vJHaV9fXxsdA9Jqteb84pHNrY2GUbyzJalAbMdWBsG4UsB9MA+h8OVBu91eLxI7N2owqZeoSJIfoisufBuABHNBX1zSMRzKiVSXJ4nfJ6kA2UIZknQ80zLmnIYDPA5Ie8WvLumTqvTJD16QxlzqBbtUj4+P/R4CXIGiSl8msY6XS5N4BuPOzs4j98GhSEdzYSjYC0TCBObMHkP2sPQ7HuNCWVco+8Y9HgcNRlVP1LPAkLyR2VX2B6Q9v5ISmgRG3qCQX/aKLDCXBbY06llYW1tbd2IoCxBFsOq4h1I6nFwhb29vX2Qdm+4NbUbZ6+V0Ov0LIBRoOvIUNwmghxzomOEdGYpfT09Pexp15I5frGB2vFlgCJNZe4T/GNc1oDosKlm9ZXv1RkZic84KECCWmdn3cYJxOevJJpQmD38eJX4SqdFFZHRpfnFxNOQSary4TyF9/x+f7tUqAf5/iwAAAABJRU5ErkJggg==);*/ background: url(img/close.png); top: 45px; right: 45px; float: right; z-index: 100000 !important; } /*player R5 berilo*/ a.rP { display: inline-block; background-image: url("img/R5-gumbi.png"); width: 85px; height: 85px; /* &>*{ &.disable{ } } */ } a.rP.pmv { background-image: url("img/R5-gumbi-r.png"); } a.rP.anim_btn { background-position: -10px -10px; } a.rP.video_btn { background-position: -120px -10px; } a.rP.naloge_btn { background-position: -230px -10px; } a.rP.galerija_btn { background-position: -340px -10px; } a.rP.avtor_btn { background-position: -450px -10px; } a.rP.audio_btn { background-position: -10px -120px; } a.rP.ustvarjalnica_btn { background-position: -120px -120px; } a.rP.slovar_btn { background-position: -230px -120px; } a.rP.definicija_btn { background-position: -340px -120px; } a.rP.anekdota_btn { background-position: -450px -120px; } /*NEAKTIVNI GUMBI*/ .icn-facts, .icn-pen, .icn-marker { opacity: 0.5; } .more-less-text { text-align: center; display: inline-block; position: absolute; top: 62px; left: 688px; width: 200px; } .more-less-text .more-block { float: left; display: block; text-align: left; -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2); -o-border-radius: 16px; border-radius: 16px; background-color: #FFF; overflow: hidden; height: 40px; border: 3px solid #ABCF00; padding: 20px; padding-bottom: 23px; } .more-less-text .more-block.oranzna { border: 3px solid #ffad07; } .more-less-text .more-block.modra { border: 3px solid #00c0ff; } .more-less-text .more-block > p { /*padding: 20px;*/ } .more-less-text .more-block p { font-size: 16px; line-height: 18px; margin: 0px; } .more-less-text .more-block p b { font-weight: 700; } .more-less-text .more-block .hider { text-align: center; position: absolute; bottom: 3px; left: 5px; width: 95%; height: 25px; background-color: #FFF; -o-border-radius: 12px; border-radius: 12px; } .more-less-text .more-block .hidera { text-align: center; position: absolute; bottom: 2px; left: 5px; width: 95%; height: 25px; background-color: #FFF; -o-border-radius: 12px; border-radius: 12px; } .more-less-text > a.mlsa { clear: both; position: absolute; color: #FFF; display: inline-block; width: 43px; height: 17px; bottom: -14px; left: 80px; background-color: #ABCF00; -ms-border-top-left-radius: 0; -ms-border-top-right-radius: 0; -ms-border-bottom-right-radius: 5px; -ms-border-bottom-left-radius: 5px; -o-border-top-left-radius: 0; -o-border-top-right-radius: 0; -o-border-bottom-right-radius: 5px; -o-border-bottom-left-radius: 5px; -moz-border-top-left-radius: 0; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: url(img/mslabg.png); } .more-less-text > a.mlsa.oranzna { background-color: #ffad07; } .more-less-text > a.mlsa.modra { background-color: #00c0ff; } .more-less-text > a.mlsa.open { -ms-border-top-left-radius: 5px; -ms-border-top-right-radius: 5px; -ms-border-bottom-right-radius: 0; -ms-border-bottom-left-radius: 0; -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; -o-border-bottom-right-radius: 0; -o-border-bottom-left-radius: 0; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /*r5*/ .toggledd { width: 448px; background-color: #e1f0fa; } .toggledd .ddtitle { width: 448px; padding-left: 25px; padding-right: 25px; display: table-cell; vertical-align: middle; font-weight: bold; height: 66px; } .toggledd span.dd_odpri_btn { width: 30px; height: 30px; float: right; background-color: "transaprent"; background: url("img/R5-gumbi.png") -339px -229px; } .toggledd span.dd_odpri_btn.zapri { background: url("img/R5-gumbi.png") -449px -229px; } .toggledd .ddesc { display: none; float: left; padding: 25px; background-color: #e1f0fa; padding-bottom: 80px; display: none; } #show_nav { position: fixed; width: 100%; height: 50px; top: 0px; left: 0px; z-index: 2; display: block; } #nav { display: none; position: fixed; top: 0px; left: 0px; background-color: transparent; width: 100%; z-index: 6; } #nav * { font-size: 14px; line-height: 16px; } #nav.open { display: block; } #nav #nav_menu { z-index: 4; position: absolute; top: 0px; left: 0px; width: 100%; background-color: #dedede; } #nav #nav_menu #menu_l { float: left; } #nav #nav_menu #menu_l > a, #nav #nav_menu #menu_l > div { display: block; float: left; line-height: 45px; } #nav #nav_menu #menu_l > a span, #nav #nav_menu #menu_l > div span { line-height: 14px; } #nav #nav_menu #menu_l > a { cursor: pointer; } #nav #nav_menu #menu_l a.open { background-color: #282828; } #nav #nav_menu #menu_l #course_name { border-left: 2px dotted #999; border-right: 2px dotted #999; padding: 0px 3px; } #nav #nav_menu #menu_l #chapter_name { border-right: 2px dotted #999; padding: 0px 3px; } #nav #nav_menu #menu_r { float: right; } #nav #nav_menu #menu_r > a, #nav #nav_menu #menu_r > div { display: block; float: left; line-height: 45px; } #nav #nav_menu #menu_r > a { cursor: pointer; } #nav #nav_menu #menu_r input { display: block; float: left; margin-top: 11px; width: 45px; border: 0 none #000; margin-right: 20px; text-align: center; } #nav #nav_menu #menu_r input span { line-height: 14px; } #nav #nav_menu #menu_r a.open { background-color: #282828; } #nav #sub_menu { position: fixed; top: 45px; left: 0px; width: 100%; height: auto; } #nav #sub_menu #sub_nav_home { display: none; } #nav #sub_menu #sub_nav_home.open { display: block; } #nav #sub_menu #sub_nav_home img { width: 90px; height: 68px; margin-left: 17px; margin-right: 30px; } #nav #sub_menu #sub_nav_home #nav_home_chapters { position: absolute; width: 400px; overflow-x: hidden; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item { display: block; overflow: hidden; background: #282828; overflow: hidden; width: 400px; height: 90px; border-bottom: 1px solid #dedede; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item a { background-color: transparent; display: table; text-decoration: none; width: 400px; height: 90px; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item a div { display: table-cell; vertical-align: middle; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item a p { margin-left: 5px; width: 220px; color: #dedede; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item a img { /*margin-top:11px;*/ } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item.selected { background-color: #484848; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item.open { background-color: #484848; } #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item .badge { margin-bottom: -4px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { #nav #sub_menu #sub_nav_home #nav_home_chapters div.sub_nav_home_item .badge { padding-bottom: -40px; } } #nav #sub_menu #sub_nav_home #nav_home_pages { position: absolute; left: 400px; width: 400px; overflow-x: hidden; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item { display: block; overflow: hidden; background: #787878; overflow: hidden; width: 400px; height: 90px; border-bottom: 1px solid #dedede; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item a { display: table; text-decoration: none; width: 400px; height: 90px; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item a div { display: table-cell; vertical-align: middle; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item a p { width: 220px; color: #dedede; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item .badge { border: 1px solid #dedede; color: #dedede; background: #787878; margin-bottom: -4px; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item.selected { background: #8c8c8c; } #nav #sub_menu #sub_nav_home #nav_home_pages div.nav_home_pages_item.open { background-color: #8c8c8c; } #nav #sub_menu #sub_nav_h_home { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 510px; /*tole pomanjsat ce mi pomanjsajo ikone za 30 pixlov*/ background-color: #787878; overflow: hidden; } #nav #sub_menu #sub_nav_h_home.open { display: block; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_title { background-color: #282828; height: 130px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_title #sub_nav_h_home_chapter { margin-left: 45px; margin-top: 20px; margin-bottom: 10px; color: #dedede; display: inline-block; float: left; border-right: 1px solid #dedede; padding-right: 5px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_title #sub_nav_h_home_chapter .badge { border: 1px solid #787878; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_title #sub_nav_h_home_page { margin-left: 5px; margin-top: 20px; color: #dedede; display: inline-block; float: left; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_title #sub_nav_h_home_page .badge { border: 1px solid #dedede; color: #dedede; background: #282828; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_title #sub_nav_h_home_desc { min-width: 300px; border-top: 1px solid #dedede; margin-left: 45px; padding-top: 5px; clear: both; color: #dedede; display: inline-block; float: left; } #nav #sub_menu #sub_nav_h_home #arrow_down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #282828; margin: 0px auto; } #nav #sub_menu #sub_nav_h_home #arrow_up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #282828; margin: 0px auto; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content { width: 1024px; height: 200px; margin: 30px auto 0; position: relative; overflow: hidden; /*! CoverflowJS - v3.0.1 - 2014-03-06 * Copyright (c) 2014 Paul Baukus, Addy Osmani, Sebastian Sauer, Brandon Belvin, April Barrett; Licensed MIT */ } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content #coverflow { width: 800px; height: 600px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content #coverflow .coverflow_item { width: 250px; height: 180px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow-wrapper { position: relative; z-index: 1; overflow: hidden; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-helper-clearfix:before, #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-helper-clearfix:after { content: " "; display: table; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-helper-clearfix:after { clear: both; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow { -webkit-perspective: 500px; -ms-perspective: 500px; perspective: 500px; position: absolute; z-index: 2; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow, #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow * { -ms-touch-action: pan-y !important; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow .ui-coverflow-item { position: relative; cursor: pointer; float: left; display: block; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow .ui-coverflow-item:focus { outline: 0; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_content .ui-coverflow .coverflow_item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; user-drag: none; border: 0 none; margin: 0px 30px; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra_line { width: 100px; border: 1px solid #282828; border-bottom: 0; border-bottom: none; height: 10px; margin: 0px auto; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra { display: block; min-width: 100px; height: 70px; /*tole pomanjsat ce mi pomanjsajo ikone za 30 pixlov*/ margin: 0px auto; text-align: center; text-align: center; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra a { display: inline-block; margin-left: 2px; margin-right: 2px; width: 80px; height: 60px; background-repeat: no-repeat; -webkit-background-size: 80px 60px; background-size: 80px 60px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra a.activ { /*background-image:url(img/activ_thmb.jpg);*/ background-repeat: no-repeat; -webkit-background-size: 80px 60px; background-size: 80px 60px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra a.fcts { background-repeat: no-repeat; -webkit-background-size: 80px 60px; background-size: 80px 60px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra a.tests { background-image: url(img/test.png); background-repeat: no-repeat; -webkit-background-size: 80px 60px; background-size: 80px 60px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_extra a img { width: 80px; height: 60px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_scroll_bar { width: 820px; height: 15px; margin: 0 auto; background-color: #282828; border: 1px solid #dedede; padding-left: 20px; padding-right: 20px; -o-border-radius: 5px; border-radius: 5px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_scroll_bar #scroll_bar { height: 100%; /*background-color: #990;*/ background-color: transparent; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_scroll_bar #scroll_bar a.ui-slider-handle { text-align: center; color: #282828; background-color: #787878; -o-border-radius: 3px; border-radius: 3px; margin-left: -20px; width: 40px; } #nav #sub_menu #sub_nav_h_home #sub_nav_h_home_scroll_bar #scroll_bar a.ui-slider-handle > div.ui-slider-handle_s { overflow: hidden; text-align: center; display: block; float: left; margin: 0 auto; height: 10px; width: 100%; color: #282828; line-height: 8px; font-size: 8px; } #nav #sub_menu #sub_nav_bkmrk { display: none; } #nav #sub_menu #sub_nav_bkmrk.open { display: block; } #nav #sub_menu #sub_nav_bkmrk img { width: 90px; height: 68px; margin-left: 17px; margin-right: 30px; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item { display: block; overflow: hidden; background: #282828; overflow: hidden; width: 450px; height: 90px; border-bottom: 1px solid #dedede; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item a.bkmrk_page { float: left; display: table; text-decoration: none; width: 350px; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item a.bkmrk_page div { display: table-cell; vertical-align: middle; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item a.bkmrk_page p { margin-left: 5px; width: 200px; color: #dedede; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item a.bkmrk_page img { margin-top: 11px; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item a.addremove { width: 60px; height: 90px; /*background-color:#990;*/ display: block; float: right; background-image: url(img/bkmrk_a.png); background-repeat: no-repeat; background-position: center center; padding-right: 14px; } #nav #sub_menu #sub_nav_bkmrk .sub_nav_bkmrk_item a.addremove.added { background-image: url(img/bkmrk_b.png); background-repeat: no-repeat; background-position: center center; /*background-color:#900;*/ } #nav #sub_menu #sub_nav_facts { position: relative; } #nav #sub_menu #sub_nav_activities { position: fixed; bottom: 0px; left: 0px; } #nav #sub_menu #sub_nav_activities, #nav #sub_menu #sub_nav_facts { display: none; width: 100%; height: 260px; background-color: #dedede; overflow: hidden; } #nav #sub_menu #sub_nav_activities.open, #nav #sub_menu #sub_nav_facts.open { display: block; } #nav #sub_menu #sub_nav_activities #nav_extra_title, #nav #sub_menu #sub_nav_activities #nav_tree_title, #nav #sub_menu #sub_nav_facts #nav_extra_title, #nav #sub_menu #sub_nav_facts #nav_tree_title { width: 100%; height: 45px; background-color: #282828; font-size: 16px; color: #dedede; line-height: 45px; text-align: center; } #nav #sub_menu #sub_nav_activities > div.s_content, #nav #sub_menu #sub_nav_facts > div.s_content { display: block; margin-top: 40px; width: 100%; text-align: center; height: 260px; } #nav #sub_menu #sub_nav_activities > div.s_content a.m_p_item, #nav #sub_menu #sub_nav_facts > div.s_content a.m_p_item { width: 140px; height: 105px; margin-right: 25px; margin-left: 20px; display: inline-block; text-decoration: none; color: #282828; } #nav #sub_menu #sub_nav_activities > div.s_content a.m_p_item.activ, #nav #sub_menu #sub_nav_facts > div.s_content a.m_p_item.activ { /*background-image: url(img/activ_thmb.jpg);*/ background-repeat: no-repeat; -webkit-background-size: 140px 105px; background-size: 140px 105px; } #nav #sub_menu #sub_nav_activities > div.s_content a.m_p_item.fcts, #nav #sub_menu #sub_nav_facts > div.s_content a.m_p_item.fcts { background-repeat: no-repeat; -webkit-background-size: 140px 105px; background-size: 140px 105px; } #nav #sub_menu #sub_nav_activities > div.s_content a.m_p_item.fcts img, #nav #sub_menu #sub_nav_facts > div.s_content a.m_p_item.fcts img { width: 140px; height: 105px; } #nav #sub_menu #sub_nav_activities > div.s_content a.m_p_item.tests, #nav #sub_menu #sub_nav_facts > div.s_content a.m_p_item.tests { background-image: url(img/test.png); background-repeat: no-repeat; -webkit-background-size: 140px 105px; background-size: 140px 105px; } #nav #sub_menu #sub_nav_tools { display: none; float: right; background-color: #dedede; } #nav #sub_menu #sub_nav_tools.open { display: block; } #nav #sub_menu #sub_nav_tools #tools_menu a { display: block; width: 45px; height: 45px; } #prev_page, #next_page { position: fixed; background-color: transparent; display: block; width: 60px; height: 100%; top: 0px; overflow: hidden; } #prev_page > div, #next_page > div { display: none; height: 100%; } #prev_page > div > span, #next_page > div > span { display: table-cell; vertical-align: middle; } #prev_page > div > span a, #next_page > div > span a { width: 48px; height: 48px; display: inline-block; min-width: 50px; min-height: 50px; font-size: 14px; background-color: #999999; line-height: 50px; text-align: center; white-space: nowrap; -o-border-radius: 50%; border-radius: 50%; background-color: #FFF; font-size: 40px; line-height: 46px; font-weight: 700; text-decoration: none; color: #FFF; border: 1px solid #FFF; } #prev_page.open > div, #next_page.open > div { display: table; } #prev_page { left: 0px; z-index: 3; } #prev_page a { background-image: url(img/nav-icns.png); } #next_page { z-index: 4; right: 0px; text-align: right; float: right; margin-right: 15px; } #next_page a { background-image: url(img/nav-icns.png); background-position: -60px -0px; margin-left: 10px; } #content, .content { position: fixed; top: 0px; left: 0px; padding: 0; margin: 0; overflow: hidden; width: 100%; height: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; z-index: 1; } #content > div#pages, #content > div#pages > ul, #content > div#pages > ul > li, .content > div#pages, .content > div#pages > ul, .content > div#pages > ul > li { height: 100px; width: 50px; min-height: 100%; height: 100%; padding: 0; margin: 0; position: relative; } #content > div#pages, .content > div#pages { background: #fff; overflow: hidden; width: 100%; /* -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform-style: preserve-3d; */ } #content > div#pages > ul, .content > div#pages > ul { /* -o-transform: translate3d(0%,0,0) scale3d(1,1,1); -ms-transform: translate3d(0%,0,0) scale3d(1,1,1); -moz-transform: translate3d(0%,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1); transform: translate3d(0%,0,0) scale3d(1,1,1); overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; position: relative; */ } #content > div#pages > ul.animate, .content > div#pages > ul.animate { /* -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.4s; */ -webkit-transition: all 200ms cubic-bezier(0.83, 0.285, 0.665, 1); /* older webkit */ -webkit-transition: all 200ms cubic-bezier(0.83, 0.285, 0.665, 1.02); transition: all 300ms cubic-bezier(0.83, 0.285, 0.665, 1.02); /* custom */ } #content > div#pages > ul > li, .content > div#pages > ul > li { float: left; overflow: hidden; display: block; -webkit-transform-style: preserve-3d; width: 100%; } #content > div#pages > ul > li > div, .content > div#pages > ul > li > div { text-align: center; position: absolute; left: 0px; top: 0px; height: 100%; padding: 0 auto; } #content > div#pages > ul > li > div.sta > .wt_cont, .content > div#pages > ul > li > div.sta > .wt_cont { text-align: left; margin: 0 auto; position: relative; max-width: 1024px; min-width: 1024px; width: 1024px; height: 768px; min-height: 768px; max-height: 768px; } #content > div#pages > ul > li > div.dyn, .content > div#pages > ul > li > div.dyn { overflow-x: hidden; width: 100%; height: 100%; text-align: center; padding: 0 auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #content > div#pages > ul > li > div.dyn > .wt_cont, .content > div#pages > ul > li > div.dyn > .wt_cont { position: relative; text-align: left; width: 1024px; min-height: 768px; margin: 0 auto; } .wt_carousel_modal { z-index: 10; } .modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: table; background-color: #fff; z-index: 10; /* .modal_cell{ position:relative; vertical-align: middle; text-align:center; width:100%; height:100%; padding:5 auto; >div.modal_content{ max-width:1024px; max-height:768px; margin:0 auto; display:inline-block; border:1px solid #000000; } } */ } .modal > div.modal_cell { position: relative; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .modal > div.modal_cell > div.modal_content { margin: 0 auto; display: inline-block; border: 1px solid #000000; /*r5{*/ /*}r5*/ } .modal > div.modal_cell > div.modal_content.gal, .modal > div.modal_cell > div.modal_content.autor, .modal > div.modal_cell > div.modal_content.task { width: 1024px; height: 768px; } .modal > div.modal_cell > div.modal_content.video { border: 0; border: none; } .modal > div.modal_cell > div.modal_content.video a.close { margin-top: -30px; margin-right: -30px; } .modal > div.modal_cell > div.modal_content.audio { padding: 25px; border: 10px solid #dd4f19; background-color: #fff; } .modal > div.modal_cell > div.modal_content.audio a.close { margin-top: -40px; margin-right: -40px; } .modal .close { z-idnex: 10004; } .modal_activity { background: url("img/bio8-karoozadje.png") repeat scroll top left; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #eeca28; z-index: 10; } .modal_activity > div.modal_cell { display: block; overflow: hidden; position: relative; vertical-align: middle; text-align: center; overflow-y: auto; overflow-x: hidden; width: 100%; height: 100%; } .modal_activity > div.modal_cell > div.modal_content { text-align: center; width: 1024px; margin: 0 auto; /* width:100%; overflow-y:scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; text-align: center; padding: 0 auto; */ } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti { position: relative; text-align: left; width: 1024px; max-width: 1024px; min-width: 1024px; min-height: 768px; margin: 0 auto; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti .title_page.bio { position: relative; text-align: left; margin-bottom: 75px; top: 45px; left: 60px; font-size: 36px; font-weight: 700; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti .dejavnost_desc { text-align: left; display: inline-block; padding: 20px; position: relative; width: 850px; margin-left: 62px; background-color: #ffad07; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti .dejavnost_cont { text-align: left; display: inline-block; background-color: #FFF; padding: 20px; position: relative; width: 850px; height: auto; margin-left: 62px; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a, .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a td, .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a th { border: 1px solid black; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a { width: 100%; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a td, .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a th { padding: 7px; width: 50%; min-width: 200px; max-width: 700px; } .modal_activity > div.modal_cell > div.modal_content .wt_cont.dejavnosti table.tip-a th { font-weight: 700; } .modal_activity .close { z-idnex: 10003; } .modal_facts { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #fff; z-index: 10; } .modal_facts > .modal_cell { display: block; overflow: hidden; position: relative; vertical-align: middle; text-align: center; width: 100%; height: 100%; z-index: 11; } .modal_facts > .modal_cell > div.modal_content.facts_l { text-align: center; width: 1024px; height: 768px; margin: 0 auto; z-index: 12; /* text-align: center; position: absolute; left: 0px; top:0px; height:100%; padding:0 auto; >.wt_cont.facts{ text-align:left; display:block; width:1024px; height:768px; .title_page{ left:65px; } } */ } .modal_facts > .modal_cell > div.modal_content.facts_l > .wt_cont.facts { text-align: left; margin: 0 auto; position: relative; max-width: 1024px; min-width: 1024px; width: 1024px; height: 768px; min-height: 768px; max-height: 768px; z-index: 13; } .modal_facts > .modal_cell > div.modal_content.facts_l > .wt_cont.facts .title_page { left: 60px; } .modal_facts .close { z-idnex: 10002; } .modal_test { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: block; background-color: #fff; z-index: 10; background-image: url("img/echoozadjeee.png"); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .modal_test .modal_cell { display: block; overflow: hidden; position: relative; vertical-align: middle; text-align: center; width: 100%; height: 100%; display: block; } .modal_test .modal_cell .modal_content.tests { text-align: center; width: 1024px; height: 768px; margin: 0 auto; } .modal_test .modal_cell .modal_content.tests .title_page.bio { font-family: "Open Sans"; position: absolute; top: 45px; font-size: 36px; font-weight: 700; letter-spacing: -2; } .modal_test .modal_cell .modal_content.tests iframe { border-radius: 20px; text-align: left; margin-top: 75px; background: #FFF; width: 1024px; height: 693px; } .modal_test .close { z-idnex: 10001; } /* .modal{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: table; background-color:rgba(255,255,255,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF70, endColorstr=#FFFFFF70); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF70, endColorstr=#FFFFFF70)"; z-index:10; >div.modal_cell{ display:table-cell; vertical-align: middle; text-align: center; >div.modal_content{ position: relative; margin:0 auto; display:inline-block; max-width:1024px; position: relative; border:1px solid #000000; max-height:768px; / *r5{* / &.gal, &.autor, &.task, &.animation{ background-color: #FFF; width:1024px; height:768px; top:0px; } &.autor{ >*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .autor_m{ position: absolute; top: 64px; left: 64px; font-family:"VAGRoundedLTPro-Bold"; font-size:51px } .autor_txt{ position: absolute; text-align:left; padding: 25px; margin-left: 64px; top:140px; font-size: 21px; background-color: #ffecce; width: 450px; height: 564px; } .autor_img{ position:absolute; left:512px; top:140px; width:448px; height:564px; } } &.video{ border: 15px solid #f2da2a; padding:25px; video{ width:100%; min-width:600px; height:auto; } a.close{ position:absolute; margin-top: -70px; margin-right: -70px; z-index:99999; } } &.audio{ padding:25px; border:10px solid #dd4f19; a.close{ position:absolute; margin-top: -70px; margin-right: -70px; z-index:99999; } background-color:#fff; } &.anekdota, &.slovar, &.ustvarjalnica{ position:relative; background-color: #FFF; padding:25px; text-align: left; border: 15px solid #f2da2a; max-width:800px !important; a.close{ position:absolute; margin-top: -70px; margin-right: -70px; z-index:99999; } } /*}r5* / } } .close{ z-idnex:10004; } } */ .bela { color: #FFF; } .bela * { color: #FFF; } .wt_cont > * { position: absolute; } .wt_cont .bg { position: absolute; left: -141px !important; } .wt_cont .bg > div > img { max-height: 768px; } .wt_cont .page_cnt { display: inline-block; text-align: center; width: 43px; height: 43px; font-size: 28px; font-weight: 700; background-color: #ffad07; line-height: 40px; -o-border-radius: 50%; border-radius: 50%; position: absolute; left: 62px; top: 62px; /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */ } @media screen and (-webkit-min-device-pixel-ratio: 0) { .wt_cont .page_cnt { line-height: 46px; } } .wt_cont .title_chapter.bio { position: absolute; color: #00c0ff; font-size: 88px; font-weight: 700; line-height: 79px; letter-spacing: -4; text-shadow: 6px 6px 5px rgba(0, 0, 0, 0.1); } .wt_cont .title_page.bio { position: absolute; left: 117px; top: 75px; font-size: 36px; font-weight: 700; letter-spacing: -2; } .wt_cont .text, .wt_cont .tabbed_content > .tab_pages .tab_pages_item { position: absolute; } .wt_cont .text.bio, .wt_cont .tabbed_content > .tab_pages .bio.tab_pages_item { top: 130px; left: 62px; } .wt_cont .text.bio p, .wt_cont .tabbed_content > .tab_pages .bio.tab_pages_item p { font-size: 16px; line-height: 21px; margin-bottom: 0.5em; } .wt_cont .text.bio p b, .wt_cont .tabbed_content > .tab_pages .bio.tab_pages_item p b { font-size: 16px; line-height: 21px; } .wt_cont .text.klic, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item { -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); position: absolute; display: table; background-color: #FFF; border: 20px solid #abcf00; -o-border-radius: 36px; border-radius: 36px; } .wt_cont .text.klic p, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item p, .wt_cont .text.klic b, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item b, .wt_cont .text.klic strong, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item strong, .wt_cont .text.klic i, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item i, .wt_cont .text.klic em, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item em, .wt_cont .text.klic span, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item span { line-height: 19px; } .wt_cont .text.klic .klic_txt, .wt_cont .tabbed_content > .tab_pages .klic.tab_pages_item .klic_txt { display: table-cell; vertical-align: middle; background-color: #FFF; border: 20px solid #FFF; -o-border-radius: 36px; border-radius: 36px; } .wt_cont .text.klic.modra, .wt_cont .tabbed_content > .tab_pages .klic.modra.tab_pages_item { border: 20px solid #00c0ff; } .wt_cont .text.klic.oranzna, .wt_cont .tabbed_content > .tab_pages .klic.oranzna.tab_pages_item { border: 20px solid #ffad07; } .wt_cont .text .poudarek, .wt_cont .tabbed_content > .tab_pages .tab_pages_item .poudarek { margin-top: 5px; color: #abcf00; font-weight: 700; } .wt_cont .tabbed_content { display: inline-block; position: absolute; top: 133px; left: 62px; padding: 0px; margin: 0px; width: 896px; height: 487px; } .wt_cont .tabbed_content > .tab_pages { overflow: hidden; border: 2px solid #abcf00; -o-border-radius: 16px; border-radius: 16px; position: relative; width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #FFF; } .wt_cont .tabbed_content > .tab_pages .tab_pages_item { width: 100%; height: 100%; margin: 0px; padding: 0px; display: none; border-style: none; } .wt_cont .tabbed_content > .tab_pages .tab_pages_item:nth-child(1) { display: inline-block; } .wt_cont .tabbed_content > .tab_pages .tab_pages_item .text, .wt_cont .tabbed_content > .tab_pages .tab_pages_item .tab_pages_item { top: 12px; left: 333px; letter-spacing: 0.5; } .wt_cont .tabbed_content > .tab_pages .tab_pages_item p, .wt_cont .tabbed_content > .tab_pages .tab_pages_item b, .wt_cont .tabbed_content > .tab_pages .tab_pages_item strong, .wt_cont .tabbed_content > .tab_pages .tab_pages_item i, .wt_cont .tabbed_content > .tab_pages .tab_pages_item em { margin: 0px; padding: 0px; font-size: 16px; line-height: 21px; } .wt_cont .tabbed_content > .tab_pages .tab_pages_item .halery_carousel { width: 255px; height: 360px; } .wt_cont .tabbed_content > .tab_pages .tab_pages_item .halery_carousel .carousel_panes .carousel_pane_item { width: 256px; height: 332px; } .wt_cont .tabbed_content > .tab_nav { margin-top: 12px; position: relative; } .wt_cont .tabbed_content > .tab_nav a { display: inline-block; display: inline-block; min-width: 25px; min-height: 25px; font-size: 14px; background-color: #999999; line-height: 25px; text-align: center; white-space: nowrap; -o-border-radius: 50%; border-radius: 50%; border-color: #dedede; background-color: #dedede; text-decoration: none; font-size: 16px; font-weight: 800; padding: 10px; margin-right: 5px; } .wt_cont .tabbed_content > .tab_nav a.a_tabb_active { background-color: #abcf00; } .wt_cont .razpredelnica { position: absolute; -o-border-radius: 24px; border-radius: 24px; border: 3px solid #00c0ff; background-color: #00c0ff; } .wt_cont .razpredelnica * { font-size: 16px; } .wt_cont .razpredelnica figure { margin: 0px; padding: 6px 20px; border-bottom: 1px solid #00c0ff; background-color: #FFF; } .wt_cont .razpredelnica figure b { font-weight: 700; } .wt_cont .razpredelnica figure:nth-child(1) { -o-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; border-top: 1px solid #00c0ff; background-color: #00c0ff; } .wt_cont .razpredelnica figure:last-child { -o-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; border-bottom: 0px solid #00c0ff; } .thumb_animacija { display: inline-block; width: 432px; height: 275px; -o-border-radius: 12px; border-radius: 12px; background-color: #00c0ff; border: 1px solid #7f7f7f; -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); } .thumb_animacija img { width: 412px; height: 225px; background-color: #FFF; margin-left: 10px; margin-top: 10px; } .thumb_animacija .thumb_animacija_title { display: inline-block; width: 412px; height: 40px; margin-left: 10px; margin-right: 10px; font-weight: 700; padding-top: 5px; } .video_r { position: absolute; top: 120px; left: 30px; display: inline-block; background-color: #FFF; width: 412px; height: 255px; border: 1px solid #999; -o-border-radius: 12px; border-radius: 12px; padding: 10px; } .video_r video { margin-top: 10px; width: 100%; } .video_overlay { position: absolute; top: 120px; left: 30px; display: inline-block; width: 412px; height: 255px; padding: 10px; border: 1px solid silver; overflow: hidden; background-color: #FFF; -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */ box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2); -o-border-radius: 12px; border-radius: 12px; } .video_overlay img { width: 410px; height: 252px; } .video_overlay:after { content: url("img/play_video.png"); position: absolute; left: 190px; top: 114px; height: 50px; width: 50px; } .video_r:-webkit-full-screen { width: 100%; height: 100%; background-color: black; } .video_r:-webkit-full-screen video { width: 100%; } /*hotspots (kostko 5-2)*/ .hotspot-text .hotspot_data { display: none; position: absolute; top: 130px; left: 64px; } .hotspot-text .hotspot_data.visible { display: block; width: 300px; height: auto; min-height: 100px; } form#textEdit { position: fixed; z-index: 5000; top: 70px; right: 70px; background-color: #dedede; padding: 10px; width: 450px; min-height: 300px; height: 640px; } form#textEdit #toolbar a { background-color: #FFF; display: inline-block; width: 40px; height: 40px; overflow: hidden; line-height: 40px; margin-right: 20px; margin-bottom: 20px; text-decoration: none; text-align: center; } form#textEdit textarea { width: 100%; height: 540px; } form#textEdit iframe { width: 430px; height: 440px; border: 0px !important; margin: 0px !important; } form#textEdit input.wysReset { display: inline-block; width: 48%; background: #dedede; background-color: #dedede; border: 0px; } form#textEdit a#wysSave { display: inline-block; width: 48%; text-align: center; line-height: 40px; text-decoration: none; } form#textEdit a#closeWYS { display: inline-block; width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; text-decoration: none; border: 1px solid #000; border-radius: 50%; line-height: 30px; text-align: center; } #dialog { position: fixed; z-index: 50; display: block; border-radius: 5px; width: 320px; position: fixed; background-color: #404041; height: 250px; margin: auto; top: 100px; left: 50%; } #dialog > #title { display: block; height: 10px; color: #fff; } #dialog > #htmlEditor { display: block; } #dialog > #htmlEditor #hetoolbar { display: block; margin: 0px 10px; width: 300px; /*background-color: #ddd;*/ border-bottom: 1px solid #999; height: 30px; } #dialog > #htmlEditor #hetoolbar ul { display: block; padding: 0px; margin: 0px; } #dialog > #htmlEditor #hetoolbar ul li { background-color: #000; margin-right: 10px; height: 20px; text-align: center; width: 20px; color: #FFF; list-style-type: none; display: inline; cursor: pointer; float: left; } #dialog > #htmlEditor #hedesc { text-align: left; clear: both; display: block; background-color: #FFF; margin: 0px 10px; width: 300px; height: 200px; } #dialog > #htmlEditor #finito_btns { text-align: center; background-color: #404041; border-radius: 5px; padding-bottom: 2px; margin-bottom: 2px; height: 30px; } #dialog > #htmlEditor #finito_btns ul li { list-style-type: none; display: inline; color: #aaa; padding: 5px 20px 5px 20px; /*margin: 20px;*/ } #dialog > #htmlEditor #finito_btns ul li img { cursor: pointer; /*margin-right: 20px;*/ } #cf { display: table; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9999; /* background-color: #900;*/ } #cf > div { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; } #cf > div .wrapper { background-color: #f8f8f8; height: 394px; width: 392px; display: inline-block; padding: 20px 10px 20px 10px; font-size: 14px; } #cf > div .wrapper p, #cf > div .wrapper p > span, #cf > div .wrapper label { margin-bottom: 15px; line-height: 16px; text-align: left; /*font-weight:700;*/ } #cf > div .wrapper p.center { text-align: center; } #cf > div .wrapper h2 { font-size: 21px; font-weight: 700; text-align: center; margin-bottom: 15px; } #cf > div .wrapper h5 { font-size: 14px; font-weight: normal; margin-bottom: 15px; text-align: center; line-height: 1.2em; } #cf > div .wrapper textarea { width: 364px; height: 100px; font-family: "Open Sans"; font-weight: 400; font-size: 13px; padding: 5px; resize: none; border: 1px solid #CBCAC9; border-radius: 4px; } #cf > div .wrapper .button { margin: 2px; border-radius: 4px; display: inline-block; text-align: center; line-height: 28px; text-decoration: none; } #cf > div .wrapper button[type=submit], #cf > div .wrapper .button, #cf > div .wrapper input[type=submit], #cf > div .wrapper input[type=button] { width: 118px; height: 28px; border-radius: 4px; border: none; font-family: "Open Sans"; color: #FFFFFF; font-size: 14px; font-weight: normal; cursor: pointer; background: #9e9e9e; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e9e9e), color-stop(100%, #8d8d8d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9e9e9e 0%, #8d8d8d 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#8d8d8d)); background: linear-gradient(to bottom, #9e9e9e 0%, #8d8d8d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#8d8d8d',GradientType=0 ); /* IE6-9 */ } #cf > div .wrapper button[type=submit].green, #cf > div .wrapper .button.green, #cf > div .wrapper input[type=submit].green { background: #a0c170; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0c170), color-stop(100%, #8ab34e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a0c170 0%, #8ab34e 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#a0c170), to(#8ab34e)); background: linear-gradient(to bottom, #a0c170 0%, #8ab34e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c170', endColorstr='#8ab34e',GradientType=0 ); /* IE6-9 */ } /*@import "scss/r5.scss";*/