/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { margin: 0; font-size: 1em; line-height: 1.231; overflow-x: hidden }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #0091ce; text-decoration:none; }
a:visited { color: #0091ce; }
a:hover { color: #B2B2B2; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
input.admin-input{margin-bottom:10px;}

/*table { border-collapse: collapse; border-spacing: 0; }*/
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Yane Frenski
   ========================================================================== */


/* Special font   */
@font-face {
  font-family: "RobotoCondensed";
  font-weight: normal;
  src: url("RobotoCondensed-Regular.eot");
}

@font-face {
  font-family: "RobotoCondensed";
  font-weight: normal;
  src: url("RobotoCondensed-Regular.ttf");
}

@font-face {
  font-family: "OpenSans";
  font-weight: normal;
  src: url("OpenSans-Regular.ttf");
}

/* Generic styles */

body{
  font-family: "OpenSans", Helvetica, Arial, Verdana;
}

h1,h3,h4{
  font-family: "RobotoCondensed", Impact, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-align: left !important;
}

h1{
  margin:0;
  font-size:1.2em;
  color:#fff;
  font-weight: normal;
}

h2{
  margin:0;
  font-size:1em;
  color:#badeff;
  font-weight: lighter;
}
.theme-green h2{ color:#eeff9b; }
.theme-purple h2{ color:#f0c1ff; }
.theme-pink h2{ color:#ff658b; }
.theme-turquoise h2{ color:#8bdedb; }
.theme-orange h2{ color:#ffe5c0; }

h3{
  font-size:1.8em;
  line-height:1.2em;
  color:#033149;
  margin-top:1em;
  text-transform: uppercase;
}
.theme-blue h3{ color:#033149; }
.theme-green h3{ color:#425b00; }
.theme-purple h3{ color:#32003d; }
.theme-pink h3{ color:#5d0017; }
.theme-turquoise h3{ color:#004744; }
.theme-orange h3{ color:#6d2700; }

h4{
  font-size:1.4em;
  color:#000;
  margin-top:0;
}

h4.special-attention{
  color:#b81469;
}

/* Grid styles */

.float, .left, .left-nortl, .float-nortl{
  float:left;
}

.right, .right-nortl{
  float:right !important;
}

.clear{
  clear:both;
}

.ie-no-break{
  *height:0 !important;
}


.ie-minus-margin-small{
  *margin-top:-15px !important;
}

.ie-minus-margin{
  *margin-top:-25px !important;
}

.ie-minus-margin-big{
  *margin-top:-35px !important;
}

.centered{
  margin:auto;
}

.relative{
  position: relative !important;
}

.absolute{
  position: absolute !important;
}

.border-none{
  border:none;
}

.inline{
  display: inline !important;
}

.block{
  display: block;
}

/* widths */

.width100per{ width:100%; }
.width90per{ width:90%; }
.width80per{ width:80%; }
.width75per{ width:75%; }
.width70per{ width:70%; }
.width60per{ width:60%; }
.width55per{ width:55%; }
.width50per{ width:50%; }
.oldie .width50per{ width:49.5%; }
.width45per{ width:45%; }
.width40per{ width:40%; }
.width33per{ width:33%; }
.width30per{ width:30%; }
.width25per{ width:25%; }
.width20per{ width:20%; }
.width15per{ width:15%; }
.width10per{ width:10%; }

.width5{ width:5px; }
.width10{ width:10px; }
.width20{ width:20px; }
.width30{ width:30px; }
.width40{ width:40px; }
.width50{ width:50px; }
.width60{ width:60px; }
.width70{ width:70px; }
.width80{ width:80px; }
.width90{ width:90px; }
.width100{ width:100px; }
.width120{ width:120px; }
.width125{ width:125px; }
.width150{ width:150px;}
.width175{ width:175px;}
.width200{ width:200px; }
.width250{ width:250px; }
.width240{ width:240px; }
.width300{ width:300px; }
.width310{ width:310px; }
.width320{ width:320px; }
.width350{ width:350px; }
.width400{ width:400px; }
.width460{ width:460px; }
.width500{ width:400px; }
.width600{ width:600px; }
.width700{ width:700px; }
.width800{ width:800px; }
.width900{ width:900px; }

.max-width300 { max-width: 300px; }
.max-width400 { max-width: 400px; }
.max-width480 { max-width: 480px; }
.max-width500 { max-width: 500px; }



/* heights */

.height0{ height:0; }
.height5{ height:5px; }
.height10{ height:10px; }
.height15{ height:15px; }
.height20{ height:20px; }
.height30{ height:30px; }
.height40{ height:40px; }
.height50{ height:50px; }
.height60{ height:60px; }
.height70{ height:70px; }
.height80{ height:80px; }
.height90{ height:90px; }
.height100{ height:100px; }
.height120{ height:120px; }
.height130{ height:130px; }
.height140{ height:140px; }
.height150{ height:150px; }
.height180{ height:180px; }
.height200{ height:200px; }
.height240{ height:240px; }
.height250{ height:250px; }
.height300{ height:300px; }
.height320{ height:320px; }
.height350{ height:350px; }
.height400{ height:400px; }
.height450{ height:450px; }

/* tables */
table.cellpadding10{
  padding:10px;
}

/* min-heights */
.min-height100{ min-height:100px; }


/* grid */

.col1-19, .col2-19, .col3-19, .col4-19, .col5-19, .col6-19, .col7-19, .col8-19, .col9-19, .col10-19, .col11-19, .col12-19, .col13-19, .col14-19, .col15-19, .col16-19, .col17-19, .col18-19, .col19-19{
  float:left;
}

.col1-19{ width:20px; }
.col2-19{ width:40px; }
.col3-19{ width:60px; }
.col4-19{ width:80px; }
.col5-19{ width:100px; }
.col6-19{ width:120px; }
.col7-19{ width:140px; }
.col8-19{ width:160px; }
.col9-19{ width:180px; }
.col10-19{ width:200px; }
.col11-19{ width:220px; }
.col12-19{ width:240px; }
.col13-19{ width:260px; }
.col14-19{ width:280px; }
.col15-19{ width:300px; }
.col16-19{ width:320px; }
.col17-19{ width:340px; }
.col18-19{ width:360px; }
.col19-19{ width:380px; }

/* margins */

.margin0 { margin:0; }
.margin5 { margin:5px; }
.margin5-h { margin-left: 5px; margin-right: 5px; }

.margin-top5 { margin-top:5px; }
.margin-bottom5 { margin-bottom:5px; }
.margin-left5 { margin-left:5px; }
.margin-right5 { margin-right:5px; }
.margin-right5per { margin-right:5%; }

.margin-top10 { margin-top:10px; }
.margin-bottom10 { margin-bottom:10px; }
.margin-left10 { margin-left:10px; }
.margin-right10 { margin-right:10px; }

.margin-top15 { margin-top:15px; }
.margin-bottom15 { margin-bottom:15px; }
.margin-left15 { margin-left:15px; }
.margin-right15 { margin-right:15px; }

.margin-top20 { margin-top:20px; }
.margin-bottom20 { margin-bottom:20px; }
.margin-left20 { margin-left:20px; }
.margin-right20 { margin-right:20px; }

.margin-top30 { margin-top:30px; }
.margin-bottom30 { margin-bottom:30px; }
.margin-left30 { margin-left:30px; }
.margin-right30 { margin-right:30px; }

.margin-top40 { margin-top:40px; }
.margin-bottom40 { margin-bottom:40px; }
.margin-left40 { margin-left:40px; }
.margin-right40 { margin-right:40px; }

.margin-top-5 { margin-top:-5px; }
.margin-bottom-5 { margin-bottom:-5px; }
.margin-left-5 { margin-left:-5px; }
.margin-right-5 { margin-right:-5px; }

.margin-top-10 { margin-top:-10px; }
.margin-bottom-10 { margin-bottom:-10px; }
.margin-left-10 { margin-left:-10px; }
.margin-right-10 { margin-right:-10px; }

.margin-top-20 { margin-top:-20px; }
.margin-bottom-20 { margin-bottom:-20px; }
.margin-left-20 { margin-left:-20px; }
.margin-right-20 { margin-right:-20px; }

.margin-top-30 { margin-top:-30px; }
.margin-bottom-30 { margin-bottom:-30px; }
.margin-left-30 { margin-left:-30px; }
.margin-right-30 { margin-right:-30px; }

.margin-top-40 { margin-top:-40px; }
.margin-bottom-40 { margin-bottom:-40px; }
.margin-left-40 { margin-left:-40px; }
.margin-right-40 { margin-right:-40px; }

.margin-top100 { margin-top:100px; }

/* paddings */

.padding0 { padding:0; }
.padding5 { padding:5px; }
.padding5-v { padding-top :5px; padding-bottom: 5px; }
.padding10-v { padding-top :10px; padding-bottom: 10px; }
.padding5-h { padding-left :5px; padding-right: 5px; }
.padding10-h { padding-left :10px; padding-right: 10px; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.padding20 { padding:20px; }

.padding-left5 { padding-left:5px; }
.padding-right5 { padding-right:5px; }
.padding-bottom5 { padding-bottom:5px; }
.padding-top5 { padding-top:5px; }

.padding-left10 { padding-left:10px; }
.padding-right10 { padding-right:10px; }
.padding-bottom10 { padding-bottom:10px; }
.padding-top10 { padding-top:10px; }

.padding-left20 { padding-left:20px; }
.padding-right20 { padding-right:20px; }
.padding-bottom20 { padding-bottom:20px; }
.padding-top20 { padding-top:20px; }

.padding-left30 { padding-left:30px; }
.padding-right30 { padding-right:30px; }
.padding-bottom30 { padding-bottom:30px; }
.padding-top30 { padding-top:30px; }

.padding-standard {
  padding: 20px;
}


/* solid colours */

.theme-backcolour{
  color: white !important;
}

.theme-colour-blue,
.theme-blue .theme-backcolour{
  background-color: #0091ce !important;
}

.theme-colour-green,
.theme-green .theme-backcolour{
  background-color: #87b60a !important;
}

.theme-colour-purple,
.theme-purple .theme-backcolour{
  background-color: #b723b5 !important;
}

.theme-colour-pink,
.theme-pink .theme-backcolour{
  background-color: #d60339 !important;
}

.theme-colour-turquoise,
.theme-turquoise .theme-backcolour{
  background-color: #09a09b !important;
}

.theme-colour-orange,
.theme-orange .theme-backcolour{
  background-color: #e05206 !important;
}



.theme-backcolour-blue-light,
.theme-blue .theme-backcolour-light{
  background-color: #3aa6de !important;
}

.theme-backcolour-green-light,
.theme-green .theme-backcolour-light{
  background-color: #eaf3d1 !important;
}

.theme-backcolour-purple-light,
.theme-purple .theme-backcolour-light{
  background-color: #b723b5 !important;
}

.theme-backcolour-pink-light,
.theme-pink .theme-backcolour-light{
  background-color: #f9cad6 !important;
}

.theme-backcolour-turquoise-light,
.theme-turquoise .theme-backcolour-light{
  background-color: #d9eded !important;
}

.theme-backcolour-orange-light,
.theme-orange .theme-backcolour-light{
  background-color: #f6dacb !important;
}



.theme-backcolour-blue-dark,
.theme-blue .theme-backcolour-dark{
  background-color: #006590 !important;
}

.theme-backcolour-green-dark,
.theme-green .theme-backcolour-dark{
  background-color: #608108 !important;
}

.theme-backcolour-purple-light,
.theme-purple .theme-backcolour-dark{
  background-color: #80147f !important;
}

.theme-backcolour-pink-dark,
.theme-pink .theme-backcolour-dark{
  background-color: #a9052f !important;
}

.theme-backcolour-turquoise-dark,
.theme-turquoise .theme-backcolour-dark{
  background-color: #066f6b !important;
}

.theme-backcolour-orange-dark,
.theme-orange .theme-backcolour-dark{
  background-color: #ad3e02 !important;
}


.theme-blue .theme-textcolour{
  color: #0091ce !important;
}

.theme-green .theme-textcolour{
  color: #87b60a !important;
}

.theme-purple .theme-textcolour{
  color: #b723b5 !important;
}

.theme-pink .theme-textcolour{
  color: #d60339 !important;
}

.theme-turquoise .theme-textcolour{
  color: #09a09b !important;
}

.theme-orange .theme-textcolour{
  color: #e05206 !important;
}

.solid-gray{
  background-color:#707070 !important;
}

.solid-darkgray{
  background-color:#444444 !important;
}

.solid-lightgray{
  background-color:#f1f1f1 !important;
}

.solid-lightgray-trans{
  background-color:rgba(241,241,241,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95ffffff, endColorstr=#95ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#95ffffff, endColorstr=#95ffffff)";
}

.solid-mildgray{
  background-color:#d9d9d9 !important;
}

.solid-dark{
  background-color:#444 !important;
}

.solid-white{
  background-color:#fff;
}

.solid-white-trans{
  background-color:rgba(255,255,255,0.2);
}

.solid-blue{
  background-color: #0091ce !important;
  color: white !important;
}

.solid-green{
  background-color: #87b60a !important;
  color: white !important;
}

.solid-purple{
  background-color: #b723b5 !important;
  color: white !important;
}

.solid-pink{
  background-color: #d60339 !important;
  color: white !important;
}

.solid-turquoise{
  background-color: #09a09b !important;
  color: white !important;
}

.solid-orange{
  background-color: #e05206 !important;
  color: white !important;
}

.solid-black-trans{
  background-color:rgba(0,0,0,0.8);
  color: #fff;
}

/* shadows */
.shadow-standard{
  -moz-box-shadow: -3px 3px 0 rgba(0,0,0,0.3);
  -webkit-box-shadow: -3px 3px 0 rgba(0,0,0,0.3);
  box-shadow: -3px 3px 0 rgba(0,0,0,0.3);
  zoom:1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=1);
}

/* rounded corners*/
.round-corners-standard{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.round-corners-standard-big{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* borders */
.border-solid-top{
  border-top: solid 1px #777;
}
.border-solid-top-inset{
  -webkit-box-shadow: inset 0px 1px 0px 0px #777;
  -moz-box-shadow: inset 0px 1px 0px 0px #777;
  box-shadow: inset 0px 1px 0px 0px #777;
}
.border-solid-bottom{
  border-bottom: solid 1px #777;
}
.border-solid-bottom-big{
  border-bottom: solid 3px #000;
}
.border-solid-bottom-inset{
  -webkit-box-shadow: inset 0px -1px 0px 0px #777;
  -moz-box-shadow: inset 0px -1px 0px 0px #777;
  box-shadow: inset 0px -1px 0px 0px #777;
}
.border-solid-left{
  border-left: solid 1px #777;
}
.border-solid-left-inset{
  -webkit-box-shadow: inset 1px 0px 0px 0px #777;
  -moz-box-shadow: inset 1px 0px 0px 0px #777;
  box-shadow: inset 1px 0px 0px 0px #777;
}
.border-solid-right{
  border-right: solid 1px #777;
}
.border-solid-right-inset{
  -webkit-box-shadow: inset -1px 0px 0px 0px #777;
  -moz-box-shadow: inset -1px 0px 0px 0px #777;
  box-shadow: inset -1px 0px 0px 0px #777;
}
.border-dotted-top{
  border-top: dotted 1px #777;
}
.border-dotted-bottom{
  border-bottom: dotted 1px #777;
}
.border-dotted-left{
  border-left: dotted 1px #777;
}
.border-dotted-right{
  border-right: dotted 1px #777;
}
.border-massive{
  border: 5px solid #ccc;
}
.border-massive-right{
  border-right: 5px solid #ccc;
}
.border-massive-left{
  border-left: 5px solid #ccc;
}
.border-massive-bottom{
  border-bottom: 5px solid #ccc;
}
.border-verymassive-bottom{
  border-bottom: 10px solid #ccc;
}
.border-massive-top{
  border-top: 5px solid #ccc;
}
.border-mild{
  border: 3px solid #ccc;
}
.border-light{
  border-color: #fff;
}
.border-lightgray{
  border-color: #f1f1f1;
}
.border-darkgray{
  border-color: #4d4f53;
}
.border-gray{
  border-color: #d3d3d3;
}
.border-inset-fix{
  margin-right: -1px;
}

.border-dashed-bottom-thick{
	border-bottom: 3px dashed;
}
.border-dashed-top-thick{
	border-top: 3px dashed;
}
.border-dashed-left-thick{
	border-left: 3px dashed;
}
.border-dashed-right-thick{
	border-right: 3px dashed;
}


.theme-bordercol{ border-color: #0091ce; }
.theme-blue .theme-bordercol{ border-color: #0091ce !important; }
.theme-green .theme-bordercol{ border-color: #87b60a !important; }
.theme-purple .theme-bordercol{ border-color: #b723b5 !important; }
.theme-pink .theme-bordercol{ border-color: #d60339 !important; }
.theme-turquoise .theme-bordercol{ border-color: #09a09b !important; }
.theme-orange .theme-bordercol{ border-color: #e24812 !important; }



/*special texts*/

.text-style1{
  font-size: 20px;
  font-family: "RobotoCondensed", Impact, Helvetica, Arial, sans-serif;
}

.text-style1-title{
  font-size: 1.8em;
  text-transform: uppercase;
}

.text-style1-sings{
  font-size: 42px;
  line-height: 18px;
}

.text-style1-light{
  font-weight: lighter;
  color: #aaa;
}

.text-style2{
  font-size: 18px;
  font-weight: normal;
}

.text-style2-small{
  font-size: 13px;
}

.text-style2-nb{
  font-size: 12px;
  font-style: italic;
  color: #555;
}

.text-style3{
  font-size: 14px;
  font-family: "RobotoCondensed", Impact, Helvetica, Arial, sans-serif;
}

.text-style3-standard{
  font-size: 16px;
}

.text-style3-medium{
  font-size: 18px;
}

.text-style3-big{
  font-size: 24px;
}

.text-style3-huge{
  font-size: 30px;
}

.text-style3-extrahuge{
  font-size: 48px;
}

.text-style3-small{
  font-size: 12px;
}

.text-style4{
  font-family: "OpenSans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.8em;
  text-transform: uppercase;
}

.text-style4-medium{
  font-size: 1.5em;
}

.text-white{
	color: #fff;
}

.text-white-trans{
	color: rgba(255,255,255,0.8);
	color : white\9;
}

.centered-text{
  text-align:center !important;
}

.left-text{
  text-align:left !important;
}

.right-text{
  text-align:right !important;
}

.left-text-all{
  text-align:left !important;
}

.right-text-all{
  text-align:right !important;
}


/* Forms */
.spacial-radio{
  background: white;
}


/* button, shapes and other block elements */

.button-box{
  padding:11px;
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}

.button-box-s{
  padding:10px;
  font-size:14px;
  text-align:left;
}

.button-box-xs{
  padding:10px;
  font-size:14px;
  text-align:center;
}

.button-box-xxs{
  padding:8px;
  font-size:12px;
  text-align:center;
}

.button-box span.small-text{
  font-size:12px;
  font-weight:normal;
  color:#53a3ee;
}

.button-box-fixed46{
  height:50px;
  padding:10px 11px 0 11px !important;
  line-height:14px;
}

.button-flat{
  padding:15px;
  font-size:18px;
  text-align: center;
}

.button-flat-s{
  padding:10px;
  font-size:14px;
  font-weight:bold;
  text-align: center;
}

.button-flat-gray{
  background:#d3d3d3;
  color:#6c6c6c;
  text-shadow: 1px 1px #fff;
}

.button-flat-green{
  background:#8ba705;
  color:#fff;
  text-shadow: 1px 1px #000;
}

.left-indicator{
  color:#43c2fa;
  width:25%;
  margin-right:10px;
  background: url('../img/divider1.png') repeat-y right top;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
  text-align:center;
}

.right-indicator{
  color:#43c2fa;
  width:25%;
  margin-left:10px;
  padding-left:10px;
  background: url('../img/divider1.png') repeat-y left top;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
  text-align:center;
}

.left-indicator-text{
  width:70%;
}

.left-indicator-s{
  width:10%;
}

.left-indicator-text-s{
  width:85%;
}

.indicator-xs{
  width:8%;
}

.indicator-text-xs{
  width:75%;
}

.divider-left{
  background: url('../img/divider1.png') repeat-y left top;
}

.divider-right{
  background: url('../img/divider1.png') repeat-y right top;
}

.player-button{
	width: 400px;
	height: 320px;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
}

.player-button-play{
	background: url('../img/player-button-play.png') no-repeat center;
	z-index: 1001;
}

.player-button-replay{
	background: url('../img/player-button-replay.png') no-repeat center;
	z-index: 1000;
}

.player-smallbutton{
	width: 83px;
	height: 83px;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
}

.player-smallbutton-read{
	background: url('../img/player-smallbutton-read.png') no-repeat center;
	z-index: 1002;
}

.circle10{
  display: block;
  width: 15px;
  height: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.circle15{
  display: block;
  width: 20px;
  height: 20px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.circle20{
  display: block;
  width: 30px;
  height: 30px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.circle25{
  display: block;
  width: 25px;
  height: 25px;
  padding:7px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.circle30{
  display: block;
  width: 38px;
  height: 38px;
  padding:6px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.circle35{
  display: block;
  width: 45px;
  height: 35px;
  padding:15px 10px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
}

.circle40{
  display: block;
  width: 60px;
  height: 50px;
  padding:15px 10px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.circle60{
  display: block;
  width: 75px;
  height: 65px;
  padding:15px 10px;
  -moz-border-radius: 52px;
  -webkit-border-radius: 52px;
  border-radius: 52px;
}

.circle64-plain{
  display: block;
  width: 70px;
  height: 70px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;
  border-radius: 64px;
}

.circle70{
  display: block;
  width: 90px;
  height: 80px;
  padding:15px 10px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  width : 90px\9;
  height: 90px\9;
  margin: 10px 0 0 10px\9;
  padding:0\9;
}

.circle100{
  display: block;
  width: 140px;
  height: 130px;
  padding:15px 10px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width : 90px\9;
  height: 90px\9;
  margin: 10px 0 0 10px\9;
  padding:0\9;
}

.circle-pin40{
  display: block;
  width: 60px;
  height: 40px;
  padding:20px 10px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.circle-pin30{
  display: block;
  width: 40px;
  height: 30px;
  padding:10px 5px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  font-size: 1.8em;
}

.circle-pin-down,
.circle-pin-up,
.circle-pin-left,
.circle-pin-right {
  position: relative;
}

.circle-pin-down:before{
  content:""; 
  position: absolute; 
  left: 50%;
  margin-left:-12px;
  margin-top: -4px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #000;
  border-right: 12px solid transparent;
}

.circle-pin-down-themecol:before{ border-top-color: #0091ce; }
.theme-blue .circle-pin-down-themecol:before{ border-top-color: #0091ce; }
.theme-green .circle-pin-down-themecol:before{ border-top-color: #87b60a; }
.theme-purple .circle-pin-down-themecol:before{ border-top-color: #b723b5; }
.theme-pink .circle-pin-down-themecol:before{ border-top-color: #d60339; }
.theme-turquoise .circle-pin-down-themecol:before{  border-top-color: #09a09b; }
.theme-orange .circle-pin-down-themecol:before{ border-top-color: #e05206; }

.circle-pin-up:before{
  content:""; 
  position: absolute; 
  left: 50%;
  margin-left:-12px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #000;
  border-right: 12px solid transparent;
}

.circle-pin-up-themecol:before{ border-bottom-color: #0091ce; }
.theme-blue .circle-pin-up-themecol:before{ border-bottom-color: #0091ce; }
.theme-green .circle-pin-up-themecol:before{ border-bottom-color: #87b60a; }
.theme-purple .circle-pin-up-themecol:before{ border-bottom-color: #b723b5; }
.theme-pink .circle-pin-up-themecol:before{ border-bottom-color: #d60339; }
.theme-turquoise .circle-pin-up-themecol:before{  border-bottom-color: #09a09b; }
.theme-orange .circle-pin-up-themecol:before{ border-bottom-color: #e05206; }

.circle-pin-left:before{
  content:""; 
  position: absolute; 
  left: 0;
  margin-left:-10px;
  margin-top: -12px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-right: 12px solid #000;
  border-bottom: 12px solid transparent;
}

.circle-pin-left-themecol:before{ border-right-color: #0091ce; }
.theme-blue .circle-pin-left-themecol:before{ border-right-color: #0091ce; }
.theme-green .circle-pin-left-themecol:before{ border-right-color: #87b60a; }
.theme-purple .circle-pin-left-themecol:before{ border-right-color: #b723b5; }
.theme-pink .circle-pin-left-themecol:before{ border-right-color: #d60339; }
.theme-turquoise .circle-pin-left-themecol:before{  border-right-color: #09a09b; }
.theme-orange .circle-pin-left-themecol:before{ border-right-color: #e05206; }

.circle-pin-right:before{
  content:""; 
  position: absolute; 
  left: 100%;
  margin-left: -2px;
  margin-top: -12px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 12px solid #000;
  border-bottom: 12px solid transparent;
}

.circle-pin-right-themecol:before{ border-left-color: #0091ce; }
.theme-blue .circle-pin-right-themecol:before{ border-left-color: #0091ce; }
.theme-green .circle-pin-right-themecol:before{ border-left-color: #87b60a; }
.theme-purple .circle-pin-right-themecol:before{ border-left-color: #b723b5; }
.theme-pink .circle-pin-right-themecol:before{ border-left-color: #d60339; }
.theme-turquoise .circle-pin-right-themecol:before{  border-left-color: #09a09b; }
.theme-orange .circle-pin-right-themecol:before{ border-left-color: #e05206; }

.decison-block100{
  width:120px;
  height:120px;
  padding:20px;
  position:relative;
}

.decison-block75{
  width:90px;
  height:90px;
  padding:15px;
  position:relative;
}

.rhombus100{
  width:100px;
  height:100px;
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  margin-top:-50px;
  margin-left:-50px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
}

.rhombus75{
  width:75px;
  height:75px;
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  margin-top:-39px;
  margin-left:-39px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
}

.decision-branch{
  padding-top:60px;
}

.pyramid-part{
  width: 300px;
  height: 85px;
  margin-top: 5px;
}

.pyramid-part1{
  background:url('../img/pyramid-p1.png') no-repeat center;
}

.pyramid-part2{
  background:url('../img/pyramid-p2.png') no-repeat center;
}

.block-texts-white{
  color: #fff !important;
/*  text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);s*/
}
.block-texts-white-medium{
  font-size:16px;
}
.block-texts-white-big{
  font-size:24px;
}

.font-serif{
  font-family:'DroidSerif',Georgia, 'Times New Roman', Times, serif;
}

.font-sansserif{
  font-style: "OpenSans", Helvetica, Arial, Verdana;
}

.font-normal{
  font-weight:normal;
}

.font-bold{
  font-weight:bold;
}

.ph-hole-square {
  padding:16px 24px;
  color:#fff;
  text-decoration:none;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
  font-family:'DroidSerif',Georgia, 'Times New Roman', Times, serif;
  font-size:18px;
}

.ph-hole-square-blue{ /* ph for placeholder */
  background:url('../img/placeholder-hole-big-blue.jpg') no-repeat center center;
}
.theme-green .ph-hole-square-blue{
  background:url('../img/placeholder-hole-big-green.jpg') no-repeat center center;
}
.theme-purple .ph-hole-square-blue{
  background:url('../img/placeholder-hole-big-purple.jpg') no-repeat center center;
}
.theme-pink .ph-hole-square-blue{
  background:url('../img/placeholder-hole-big-pink.jpg') no-repeat center center;
}
.theme-turquoise .ph-hole-square-blue{
  background:url('../img/placeholder-hole-big-turquoise.jpg') no-repeat center center;
}
.theme-orange .ph-hole-square-blue{
  background:url('../img/placeholder-hole-big-orange.png') no-repeat center center;
}

.ph-hole-circle{
  width:81px;
  height:71px;
  padding:30px 10px 0 10px;
  text-align:center;
}

.ph-hole-circle-gray{
  color:#fff;
  background:url('../img/ph-hole-circle-gray.png') no-repeat center center;
}

/* drags and drops */

.ph-droptarget{
  color:#aaa;
  text-shadow: 1px 1px #fff;
  text-align:center;
  background:url('../img/ph-droptarget1.png') no-repeat center center;
  height:16px;
  width:148px;
  padding:20px 0;
}

.ph-droptarget-hover{
  color:#000;
  background:url('../img/ph-droptarget-hover1.png') no-repeat center center;
}

.ph-dropelement{
  width:125px;
  padding:11px;
  color:#60b3ff;
  font-size:14px;
  text-align:center;
  font-weight:normal;
  cursor:move;
}

.ph-dropelement-inline{
  padding:2px 10px;
  color:#60b3ff;
  font-size:14px;
  text-align:center;
  font-weight:normal;
  cursor:move;
/*  display:inline;*/
  width:100px;
}

.theme-green .ph-dropelement, .theme-green .ph-dropelement-inline{
  color: #ABCA17;
}
.theme-purple .ph-dropelement, .theme-purple .ph-dropelement-inline{
  color: #ed77ff;
}
.theme-pink .ph-dropelement, .theme-pink .ph-dropelement-inline{
  color: #e63d95;
}
.theme-turquoise .ph-dropelement, .theme-pink .ph-dropelement-inline{
  color: #8bdedb;
}
.theme-orange .ph-dropelement, .theme-pink .ph-dropelement-inline{
  color: #ffa800;
}

.ph-dropelement-disabled{
  color:#ddd !important;
  cursor:default;
}

.ph-dropelement.ui-draggable-dragging, .ph-dropelement-inline.ui-draggable-dragging{
  background:#000;
  color:#afd9ff;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.theme-green .ph-dropelement.ui-draggable-dragging, .theme-green .ph-dropelement-inline.ui-draggable-dragging{
  color:#859F06;
}
.theme-purple .ph-dropelement.ui-draggable-dragging, .theme-purple .ph-dropelement-inline.ui-draggable-dragging{
  color:#6b069f;
}
.theme-pink .ph-dropelement.ui-draggable-dragging, .theme-pink .ph-dropelement-inline.ui-draggable-dragging{
  color:#b51166;
}
.theme-turquoise .ph-dropelement.ui-draggable-dragging, .theme-pink .ph-dropelement-inline.ui-draggable-dragging{
  color:#b5b311;
}
.theme-orange .ph-dropelement.ui-draggable-dragging, .theme-pink .ph-dropelement-inline.ui-draggable-dragging{
  color:#b57111;
}

.ph-droptarget-inline{ padding:5px; color:#0091ce;  }
.theme-green .ph-droptarget-inline{ color:#708800; }
.theme-purple .ph-droptarget-inline{ color:#b723b5; }
.theme-pink .ph-droptarget-inline{ color:#d60339; }
.theme-turquoise .ph-droptarget-inline{ color:#bcbe00; }
.theme-orange .ph-droptarget-inline{ color:#be8200; }

.ph-droptarget-inline-hover{ color:#000; background: #ddd; }

.but-hole-square {
  height:31px;
  padding-top:5px;
  width:170px;
  color:#fff;
  text-decoration:none;
  text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
  font-family:Georgia,Times, 'Times New Roman', serif;
  font-size:16px;
  text-align:center;
}

.but-hole-square-blue{
  background:url('../img/placeholder-hole-huge-blue.png') no-repeat center center;
}
.theme-green .but-hole-square-blue{
  background:url('../img/placeholder-hole-huge-green.png') no-repeat center center;
}
.theme-purple .but-hole-square-blue{
  background:url('../img/placeholder-hole-huge-purple.png') no-repeat center center;
}
.theme-pink .but-hole-square-blue{
  background:url('../img/placeholder-hole-huge-pink.png') no-repeat center center;
}
.theme-turquoise .but-hole-square-blue{
  background:url('../img/placeholder-hole-huge-turquoise.png') no-repeat center center;
}
.theme-orange .but-hole-square-blue{
  background:url('../img/placeholder-hole-huge-orange.png') no-repeat center center;
}

.but-hole-square-gray{
  background:url('../img/placeholder-hole-huge-gray.png') no-repeat center center;
}

/* panes and popping elements */

.pop-pane{
  padding: 15px;
}

.pop-pane-small{
  padding: 10px;
}
.pop-close-button{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 10px;
	right: 10px;
	background: url('../img/pop-close-button.png') no-repeat center center;
	cursor: pointer;
}

.pop-pane-gray{
  background-color:#f1f1f1;
  color:#000;
}

.pop-pane-darkgray{
  background-color:#444;
  color:#fff;
}

.pop-pane-beige{
  background-color:#e4e0c5;
  color:#000;
}

.pop-pane-pink{
  background-color:#D60339;
  color:#fff;
}
.pop-pane-pink a{
  color:#ffd4ea;
  text-decoration: underline;
}

.pop-pane-turquoise{
  background-color:#ccd200;
  color:#000;
}

.pop-pane-green{
  background-color:#87b60a;
  color:#000;
}

.pop-pane-blue{
  background-color:#0091ce;
  color:#fff;
}

.pop-pane-purple{
  background-color:#c600e2;
  color:#000;
}

.pop-pane-transparent-dark{
	background-color:rgba(0,0,0,0.2);
	color: #fff;
}

.pop-pane-pink h5, .pop-pane-turquoise h5, .pop-pane-green h5, .pop-pane-purple h5, .pop-pane-blue h5 {
  color:#fff;
  padding:0;
  margin:0 0 10px 0;
  font-family:Georgia,Times, 'Times New Roman', serif;
  font-size:14px;
  font-style:italic;
}

.pop-pane-pink p, .pop-pane-turquoise p, .pop-pane-green p {
  padding:0;
  margin:0;
  font-size:12px;
}

.block-to-toggle{
  display:none;
}

.tip-block h5{
  font-size:14px;
  color:#0091ce;
  margin:5px 0;
}

/* selectable elements */
.selectable{
  cursor:pointer;
}

.selected-light{
  background: #dadada;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d0d0d0') progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=135, Strength=3) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d0d0d0));
  background: -moz-linear-gradient(top,  #efefef,  #d0d0d0);
}

/* arrows and lines */

.arrow-circle-white{
  width:36px;
  height:36px;
}

.arrow-circle-white-u{
	background: url('../img/arrowcircles-white-u.png') no-repeat;
}
.arrow-circle-white-d{
	background: url('../img/arrowcircles-white-d.png') no-repeat;
}
.arrow-circle-white-l{
	background: url('../img/arrowcircles-white-l.png') no-repeat;
}
.arrow-circle-white-r{
	background: url('../img/arrowcircles-white-r.png') no-repeat;
}


.arrow-blue-v{
  width:18px;
  height:12px;
}

.arrow-blue-h{
  width:12px;
  height:18px;
}

.arrow-blue-down{
  background: url('../img/arrow-blue-down.png') no-repeat; 
}
.theme-green .arrow-blue-down{
  background: url('../img/arrow-green-down.png') no-repeat; 
}
.theme-purple .arrow-blue-down{
  background: url('../img/arrow-purple-down.png') no-repeat; 
}
.theme-pink .arrow-blue-down{
  background: url('../img/arrow-pink-down.png') no-repeat; 
}
.theme-turquoise .arrow-blue-down{
  background: url('../img/arrow-turquoise-down.png') no-repeat; 
}
.theme-orange .arrow-blue-down{
  background: url('../img/arrow-orange-down.png') no-repeat; 
}

.arrow-blue-up{
  background: url('../img/arrow-blue-up.png') no-repeat; 
}
.theme-green .arrow-blue-up{
  background: url('../img/arrow-green-up.png') no-repeat; 
}
.theme-purple .arrow-blue-up{
  background: url('../img/arrow-purple-up.png') no-repeat; 
}
.theme-pink .arrow-blue-up{
  background: url('../img/arrow-pink-up.png') no-repeat; 
}
.theme-turquoise .arrow-blue-up{
  background: url('../img/arrow-turquoise-up.png') no-repeat; 
}
.theme-orange .arrow-blue-up{
  background: url('../img/arrow-orange-up.png') no-repeat; 
}

.arrow-blue-left{
  background: url('../img/arrow-blue-left.png') no-repeat; 
}
.theme-green .arrow-blue-left{
  background: url('../img/arrow-green-left.png') no-repeat; 
}
.theme-purple .arrow-blue-left{
  background: url('../img/arrow-purple-left.png') no-repeat; 
}
.theme-pink .arrow-blue-left{
  background: url('../img/arrow-pink-left.png') no-repeat; 
}
.theme-turquoise .arrow-blue-left{
  background: url('../img/arrow-turquoise-left.png') no-repeat; 
}
.theme-orange .arrow-blue-left{
  background: url('../img/arrow-orange-left.png') no-repeat; 
}

.arrow-blue-right{
  background: url('../img/arrow-blue-right.png') no-repeat; 
}
.theme-green .arrow-blue-right{
  background: url('../img/arrow-green-right.png') no-repeat; 
}
.theme-purple .arrow-blue-right{
  background: url('../img/arrow-purple-right.png') no-repeat; 
}
.theme-pink .arrow-blue-right{
  background: url('../img/arrow-pink-right.png') no-repeat; 
}
.theme-turquoise .arrow-blue-right{
  background: url('../img/arrow-turquoise-right.png') no-repeat; 
}
.theme-orange .arrow-blue-right{
  background: url('../img/arrow-orange-right.png') no-repeat; 
}

.question-mark-block{
  background: url('../img/question_mark1.png') no-repeat;
  width:15px;
  height:23px;
}

.exclam-mark-block{
  background: url('../img/exclam_mark.png') no-repeat;
  width:11px;
  height:27px;
}

.arrows-vs{
   background: url('../img/arrows-vs.png') no-repeat;
   width: 90px;
   height: 56px;
}

.circle-vs{
   background: url('../img/circle-vs.png') no-repeat center center;
   width: 90px;
   height: 56px;
}

.arrow-clickable{
  cursor:pointer;
}

.arrow-dot-v, .arrow-solid-v{
  width:17px;
  height:9px;
}

.arrow-dot-h, .arrow-solid-h{
  width:9px;
  height:17px;
}

.arrow-dot-down{
  background: url('../img/arrow-dot-down.png') no-repeat center;
}

.arrow-dot-up{
  background: url('../img/arrow-dot-up.png') no-repeat;
}

.arrow-dot-right{
  background: url('../img/arrow-dot-right.png') no-repeat;
}

.arrow-dot-left{
  background: url('../img/arrow-dot-left.png') no-repeat;
}

.arrow-solid-down{
  background: url('../img/arrow-solid-down.png') no-repeat center;
}

.arrow-solid-up{
  background: url('../img/arrow-solid-up.png') no-repeat;
}

.arrow-solid-right{
  background: url('../img/arrow-solid-right.png') no-repeat;
}

.arrow-solid-left{
  background: url('../img/arrow-solid-left.png') no-repeat;
}

.arrow-2side1{
  width:18px;
  height:264px;
  background: url('../img/arrow-2side1.png') no-repeat;
}

.arrow-2side2{
  width:235px;
  height:126px;
  background: url('../img/arrow-2side2.png') no-repeat;
}

.arrow-2side3{
  width:234px;
  height:127px;
  background: url('../img/arrow-2side3.png') no-repeat;
}

.arrow-blue-rotated1{
  width:14px;
  height:17px;
}

.arrow-blue-lu1{
  background: url('../img/arrow-blue-lu1.png') no-repeat; 
}
.theme-purple .arrow-blue-lu1{
  background: url('../img/arrow-purple-lu1.png') no-repeat; 
}
.theme-pink .arrow-blue-lu1{
  background: url('../img/arrow-pink-lu1.png') no-repeat; 
}
.theme-turquoise .arrow-blue-lu1{
  background: url('../img/arrow-turquoise-lu1.png') no-repeat; 
}
.theme-orange .arrow-blue-lu1{
  background: url('../img/arrow-orange-lu1.png') no-repeat; 
}

.arrow-blue-ru1{
  background: url('../img/arrow-blue-ru1.png') no-repeat; 
}
.theme-purple .arrow-blue-ru1{
  background: url('../img/arrow-purple-ru1.png') no-repeat; 
}
.theme-pink .arrow-blue-ru1{
  background: url('../img/arrow-pink-ru1.png') no-repeat; 
}
.theme-turquoise .arrow-blue-ru1{
  background: url('../img/arrow-turquoise-ru1.png') no-repeat; 
}
.theme-orange .arrow-blue-ru1{
  background: url('../img/arrow-orange-ru1.png') no-repeat; 
}

.arrow-blue-rd1{
  background: url('../img/arrow-blue-rd1.png') no-repeat; 
}
.theme-purple .arrow-blue-rd1{
  background: url('../img/arrow-purple-rd1.png') no-repeat; 
}
.theme-pink .arrow-blue-rd1{
  background: url('../img/arrow-pink-rd1.png') no-repeat; 
}
.theme-turquoise .arrow-blue-rd1{
  background: url('../img/arrow-turquoise-rd1.png') no-repeat; 
}
.theme-orange .arrow-blue-rd1{
  background: url('../img/arrow-orange-rd1.png') no-repeat; 
}

.arrow-blue-ld1{
  background: url('../img/arrow-blue-ld1.png') no-repeat; 
}
.theme-purple .arrow-blue-ld1{
  background: url('../img/arrow-purple-ld1.png') no-repeat; 
}
.theme-pink .arrow-blue-ld1{
  background: url('../img/arrow-pink-ld1.png') no-repeat; 
}
.theme-turquoise .arrow-blue-ld1{
  background: url('../img/arrow-turquoise-ld1.png') no-repeat; 
}
.theme-orange .arrow-blue-ld1{
  background: url('../img/arrow-orange-ld1.png') no-repeat; 
}

.attachedarrow-down:after{
  content:"";
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left:-5px;
}

.attachedarrow-up:after{
  content:"";
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left:-5px;
}

.attachedarrow-left:after{
  content:"";
  width: 0; 
  height: 0; 
  border-right: 6px solid #f1f1f1;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  position: absolute;
  top: 40%;
  left: -6px;
}

.attachedarrow-right:after{
  content:"";
  width: 0; 
  height: 0; 
  border-left: 6px solid #f1f1f1;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  position: absolute;
  top: 40%;
  right: -6px;
}

.attachedarrow-down-big:after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
}

.attachedarrow-up-big:after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
}

.attachedarrow-down-dark:after{
  border-top-color: #444;
}

.attachedarrow-down-lightgray:after, .attachedarrow-up-lightgray:after{
  border-top-color: #f1f1f1;
}

.attachedarrow-down-themecol:after { border-top-color: #0091ce;}
.theme-blue .attachedarrow-down-themecol:after { border-top-color: #0091ce;}
.theme-pink .attachedarrow-down-themecol:after { border-top-color: #D60339;}
.theme-turquoise .attachedarrow-down-themecol:after { border-top-color: #ccd200;}
.theme-green .attachedarrow-down-themecol:after { border-top-color: #87b60a;}
.theme-purple .attachedarrow-down-themecol:after { border-top-color: #c600e2;}
.theme-orange .attachedarrow-down-themecol:after { border-top-color: #b85a00;}


.anim-process-arrow{
  top: 50%;
  right: 0;
  z-index: 2;
}

.pointer-right-blue{ background: url('../img/pointer-right-blue.png'); }
.pointer-right-pink{ background: url('../img/pointer-right-pink.png'); }
.pointer-right-green{ background: url('../img/pointer-right-green.png'); }
.pointer-right-purple{ background: url('../img/pointer-right-purple.png'); }

.pointer-right, pointer-left{
  width: 52px;
  height: 42px;
  background-repeat: no-repeat;
}


.line-blue-v{
  width:18px;
  height:26px;
  background: url('../img/line-blue-v.png') no-repeat center top; 
}

.theme-green .line-blue-v{
  width:18px;
  height:26px;
  background: url('../img/line-green-v.png') no-repeat center top; 
}
.theme-purple .line-blue-v{
  width:18px;
  height:26px;
  background: url('../img/line-purple-v.png') no-repeat center top; 
}
.theme-pink .line-blue-v{
  width:18px;
  height:26px;
  background: url('../img/line-pink-v.png') no-repeat center top; 
}
.theme-turquoise .line-blue-v{
  width:18px;
  height:26px;
  background: url('../img/line-turquoise-v.png') no-repeat center top; 
}
.theme-orange .line-blue-v{
  width:18px;
  height:26px;
  background: url('../img/line-orange-v.png') no-repeat center top; 
}

.line-blue-v-s{
  width:18px;
  height:14px;
  background: url('../img/line-blue-v-s.png') no-repeat center top; 
}
.theme-green .line-blue-v-s{
  width:18px;
  height:14px;
  background: url('../img/line-green-v-s.png') no-repeat center top; 
}
.theme-purple .line-blue-v-s{
  width:18px;
  height:14px;
  background: url('../img/line-purple-v-s.png') no-repeat center top; 
}
.theme-pink .line-blue-v-s{
  width:18px;
  height:14px;
  background: url('../img/line-pink-v-s.png') no-repeat center top; 
}
.theme-turquoise .line-blue-v-s{
  width:18px;
  height:14px;
  background: url('../img/line-turquoise-v-s.png') no-repeat center top; 
}
.theme-orange .line-blue-v-s{
  width:18px;
  height:14px;
  background: url('../img/line-orange-v-s.png') no-repeat center top; 
}


.line-blue-curve{
  width:46px;
  height:32px;
}

.line-blue-curve-big{
  width:90px;
  height:74px;
}

.line-blue-curve-l{
  background: url('../img/line-blue-curve-l.png') no-repeat left top; 
}
.theme-green .line-blue-curve-l{
  background: url('../img/line-green-curve-l.png') no-repeat left top; 
}
.theme-purple .line-blue-curve-l{
  background: url('../img/line-purple-curve-l.png') no-repeat left top; 
}
.theme-pink .line-blue-curve-l{
  background: url('../img/line-pink-curve-l.png') no-repeat left top; 
}
.theme-turquoise .line-blue-curve-l{
  background: url('../img/line-turquoise-curve-l.png') no-repeat left top; 
}
.theme-orange .line-blue-curve-l{
  background: url('../img/line-orange-curve-l.png') no-repeat left top; 
}

.line-blue-curve-r{
  background: url('../img/line-blue-curve-r.png') no-repeat right top;
}
.theme-green .line-blue-curve-r{
  background: url('../img/line-green-curve-r.png') no-repeat right top;
}
.theme-purple .line-blue-curve-r{
  background: url('../img/line-purple-curve-r.png') no-repeat right top;
}
.theme-pink .line-blue-curve-r{
  background: url('../img/line-pink-curve-r.png') no-repeat right top;
}
.theme-turquoise .line-blue-curve-r{
  background: url('../img/line-turquoise-curve-r.png') no-repeat right top;
}
.theme-orange .line-blue-curve-r{
  background: url('../img/line-orange-curve-r.png') no-repeat right top;
}

.line-blue-curve-l-up-big{
  background: url('../img/line-blue-curve-l-up-big.png') no-repeat left top; 
}

.line-dot-v{
  background: url('../img/line-dot-v.png') 50% top repeat-y;
}

.line-dot-h{
  background: url('../img/line-dot-h.png') left 50% repeat-x;
  height:17px;
}

.line-solid-v{
  background: url('../img/line-solid-v.png') 50% top repeat-y;
}

.line-solid-h{
  background: url('../img/line-solid-h.png') left 50% repeat-x;
  height:17px;
}

.line-dot-big-v{
  background: url('../img/line-dot-big-v.png') 50% top repeat-y;
}

.line-dot-big-h{
  background: url('../img/line-dot-big-h.png') left 50% repeat-x;
  height:17px;
}

.arrow-line-dot-v{
  width:17px;
}

.arrow-line-dot-h{
  height:17px;
}

.arrow-line-v, .arrow-line-v-s{
  width:18px;
}

.arrow-line-v-s{
  height:26px;
}

.arrow-line-v{
  height:32px;
}

.arrow-line-curve{
  width:46px;
}

.line-separation{
  width: 100%;
  height: 1px;
  background-color:#a4a4a4;
  margin: 10px 0;
}

.line-separation-white{
  background-color:#fff;
}


.badge-yn{
  width:40px;
  height:40px;
  position:absolute;
  z-index:10000;
}

.badge-yn-s{
  width:27px;
  height:27px;
  position:absolute;
  z-index:10000;
}

.badge-yes{
  background: url('../img/badge-yes.png') left top no-repeat;
}

.badge-yes-s{
  background: url('../img/badge-yes-s.png') left top no-repeat;
}

.badge-no{
  background: url('../img/badge-no.png') left top no-repeat;
}

.badge-no-s{
  background: url('../img/badge-no-s.png') left top no-repeat;
}

.badge-qm{
  background: url('../img/badge-qm.png') left top no-repeat;
}

.badge-number-s{
  width:27px;
  height:27px;
  position:absolute;
  z-index:10001;
  font-size:16px;
  color:#111;
  text-shadow: 1px 1px #fff;
  font-family:'DroidSerif',Georgia, 'Times New Roman', Times, serif;
  background: url('../img/badge-white.png') left top no-repeat;
}

.badge-number{
  width:36px;
  height:30px;
  padding-top:6px;
  font-size:18px;
  color:#5e6f0b;
  text-shadow: 1px 1px #fff;
  text-align:center;
  font-family:'DroidSerif',Georgia, 'Times New Roman', Times, serif;
  background: url('../img/badge-color-green.png') left top no-repeat;
}

.badge-equal{
  width:40px;
  height:40px;
  background: url('../img/badge-equal.png') left top no-repeat;
  *background: url('../img/badge-equal.jpg') left top no-repeat;   /*for IE*/
}

.badge-change-anim125{
  width:125px;
  height:125px;
  position:relative;
}

.badge-change-anim40{
  width:40px;
  height:40px;
  position:relative;
}

.badge-change-anim{
  cursor:pointer;
}

.badge-change0{
/*  background: url('../img/badge-test0.png') left top no-repeat;*/
  position:absolute;
  top:0;
  left:0;
}

.badge-change1{
/*  background: url('../img/badge-test1.png') left top no-repeat;*/
  display:none;
  position:absolute;
  top:0;
  left:0;
}

.badge-change0 img, .badge-change1 img{
  width:100%;
  height:100%;
  *height:140%;
  position:absolute;
  top:0;
  left:0;
}

.badge-change0 p, .badge-change1 p{
  width:80%;
  position:absolute;
  bottom:5%;
  text-align:center;
}

.badge-change-anim40 .badge-change0, .badge-change-anim40 .badge-change1{
  width:40px;
  height:40px;
}

.badge-change-anim40 .badge-change0 img, .badge-change-anim40 .badge-change1 img{
  height:100%;
  width:100%;
}

.badge-dot50{
  width:50px;
  height:35px;
  padding-top:15px;
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

.badge-dot50-green{
  color:#606060;
  text-shadow: 1px 1px #ecff91;
  background: url('../img/badge-dot-green.png') left top no-repeat;
}

.badge-dot50-pink{
  color:#5e0132;
  text-shadow: 1px 1px #e88dbc;
  background: url('../img/badge-dot-pink.png') left top no-repeat;
}

.badge-dot50-gray{
  color:#545454;
  text-shadow: 1px 1px #d9d9d9;
  background: url('../img/badge-dot-gray.png') left top no-repeat;
}

.badge-dot50-blue{
  color:#164b7a;
  text-shadow: 1px 1px #a2cef6;
  background: url('../img/badge-dot-blue.png') left top no-repeat;
}

.badge-with-img{
  position:absolute;
  top:0;
  left:0;
}

.badge-with-img img {
  width:100%;
  height:100%;
  *height:140%;
  position:absolute;
  top:0;
  left:0;
}

.badge-with-img p {
  width:80%;
  position:absolute;
  bottom:5%;
  text-align:center;
}

.badge-big-static{
  position:relative;
}

.badge-big-static p{
  width:83%;
  text-align:center;
  position:absolute;
  margin:0;
  padding:0;
}

.badge-big-static p.badge-bs-text1{
  top:70px;
}

.badge-big-static p.badge-bs-text2{
  font-size:25px;
  color:#555;
  top:20px;
  text-shadow: 1px 1px 1px rgba(255,255,255, 0.6) !important;
}

/* Flip objects */
.flipobject {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
     -moz-transition: -moz-transform 1s;
       -o-transition: -o-transform 1s;
          transition: transform 1s;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.flipobject.flipped {
  -webkit-transform: rotateY( 180deg );
     -moz-transform: rotateY( 180deg );
       -o-transform: rotateY( 180deg );
          transform: rotateY( 180deg );
}

.flipobject .flipobject-figure {
  display: block;
  height: 100%;
  width: 100%;
  color: white;
  text-align: center;
  position: absolute;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
}

.flipobject .flipobject-figure-front {

}

.flipobject.flipped .flipobject-figure-front {
	display: none;
}

.flipobject .flipobject-figure-back {
  -webkit-transform: rotateY( 180deg );
     -moz-transform: rotateY( 180deg );
       -o-transform: rotateY( 180deg );
          transform: rotateY( 180deg );
}

.d-nest-hint{
  width:90px;
  margin-top:-40px;
  display:none;
  text-align:left;
  font-style:italic;
  font-family:'DroidSerif',Georgia, 'Times New Roman', Times, serif;
  color:#98B316;
}


/*small icons*/
.icon-tick-s{
  width:25px;
  height:22px;
  background:url('../img/icon-tick-s.png') no-repeat top left;
}

.icon-x-s{
  width:22px;
  height:22px;
  background:url('../img/icon-x-s.png') no-repeat top left;
}

/*specials*/

.span-white-bg{
  background:white;
}

.permanent-clickable{
  cursor:pointer;
}

.transparent-button{
  cursor:pointer;
  background:transparent url('../img/trspacer.gif') 0 0 repeat;
}

/* fade slideshow*/

.fade-slideshow div {
    position:absolute;
    z-index:8;
    display:none;
}

.fade-slideshow  div.active {
    z-index:10;
}

.fade-slideshow div.last-active {
    z-index:9;
}

.special-tooltip{
  background:#0091ce;
  color:#fff;
  margin:0;
  padding:12px;
}

/* Tooltips */

.theme-green .special-tooltip{ background:#708800; }
.theme-purple .special-tooltip{ background:#b723b5; }
.theme-pink .special-tooltip{ background:#d60339; }
.theme-turquoise .special-tooltip{ background:#979200; }
.theme-orange .special-tooltip{ background:#b85a00; }

.special-tooltip #aToolTipCloseBtn {
  display:block;
  height:20px;
  width:20px;
  background:url(../img/badge-close.png) no-repeat;
  text-indent:-9999px;
  outline:none;
  position:absolute;
  top:-20px;
  right:-30px;
  margin:2px;
  padding:4px;
}

/* Scrolls */
.paperscroll{
	width:300px;
}

.paperscroll-edge{
	width:300px;
	height:37px;
}

.paperscroll-top{
	background:url(../img/scroll-top.png) no-repeat;
}

.paperscroll-bottom{
	background:url(../img/scroll-bottom.png) no-repeat;
}

.paperscroll-middle{
	width: 197px;
	margin-left:40px;
	font-size:0.9em;
	text-align: center;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

/* Messages and notifications*/

/* Images */
img.border-gray-thick, img.border-gray-thick-static{
  border:8px solid #b2b2b2;
}

img.border-gray-thick:hover{
  border:8px solid #e84097;
}

img.border-gray-thin{
  border:3px solid #d3d3d3;
}

img.imageone-full{
  width: 100%;
}

.imageone-full-wrapper{
  position: relative;
}

/* helper objects */

.anim-dummy-object{
  background:transparent;
  z-index:-1;
}


/* specific styles */
/*Onpage admin elements*/

.admin-hidden{
  display:none;
}

#active-admin{
  position:absolute;
  z-index:10000;
  left:10px;
  bottom:10px;
  padding:10px 10px 10px 55px;
  background:#fff url('../img/icon-admin.png') no-repeat top left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #eee;
}

#active-admin h5{
  font-size:12px;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  color:#b81469;
  margin:0 0 5px 0;
  padding:0;
}

#active-admin p{
  font-size:11px;
  color:#000;
  padding:0;
  margin:0;
}

/*graphs*/

.graph_line_canvas {  
    width: 300px;  
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: auto;
    height:200px;
    padding-top:20px;
}

.triangle_ctq {  
    width: 300px; 
    margin: auto;
    height:200px;
    padding-top:10px;
}

/* Other elements */

#menu-modules-wrapper{
  overflow: hidden;
  position: absolute;
  width: 300px;
  top: 0;
  right: 0;
  height: 100%;
  display: none;
}

#menu-modules{
  background:#27292f;
  -webkit-box-shadow: inset 6px 0 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 6px 0 1px 0 rgba(0,0,0,0.2);
  box-shadow: inset 6px 0 1px 0 rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  z-index: 10000;
  color: #fff;
}

.menu-modules-close-button{
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  background: url('../img/ico-modulesmenu-close.png') left no-repeat;
  cursor: pointer;
}

.menu-modules-title{
  font-family: "RobotoCondensed", Impact, Arial, Verdana, sans-serif;
  color: #8a8b8e;
  font-size: 1.8em;
  padding: 20px;
}

.menu-modules-items{
  float: right;
  width: 80%;
  counter-reset:li;
}

.menu-modules-items li.menu-modules-item{
  font-family: "RobotoCondensed", Impact, Arial, Verdana, sans-serif;
  position: relative; /* Create a positioning context */
  padding: 5px 28px 5px 10px;
  height: 40px;
  width: 80%;
  list-style: none; /* Disable the normal item numbering */
  margin-bottom: 5px;
  float: right;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

li.menu-modules-item.theme-colour-blue:hover { background: #0091CE !important; padding-right: 40px; }
li.menu-modules-item.theme-colour-green:hover { background: #87b60a !important; padding-right: 40px; }
li.menu-modules-item.theme-colour-purple:hover{ background: #b723b5 !important; padding-right: 40px; }
li.menu-modules-item.theme-colour-pink:hover{ background: #d60339 !important; padding-right: 40px;}
li.menu-modules-item.theme-colour-turquoise:hover{ background: #09a09b !important; padding-right: 40px; }
li.menu-modules-item.theme-colour-orange:hover{ background: #e05206 !important; padding-right: 40px; }

.menu-modules-items li.menu-modules-item-current{
  padding-right: 40px;
}

.menu-modules-items li.menu-modules-item-other{
  background: #1b1d21 !important;
}

.menu-modules-items li.menu-modules-item:before {
  content:counter(li); /* Use the counter as content */
  counter-increment:li; /* Increment the counter by 1 */
  position:absolute;
  top: 0;
  left: -36px;
  width:36px;
  height: 45px;
  padding-top: 5px;
  color:#fff;
  background:#ccc;
  font-family: "RobotoCondensed", Impact, Arial, Verdana, sans-serif;
  text-align:center;
  font-size: 2em;
  -webkit-box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.25);
  -moz-box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.25);
  box-shadow: inset 4px 0 0 0 rgba(0,0,0,0.25);
}

li.menu-modules-item.theme-colour-blue:before { background: #0091CE; }
li.menu-modules-item.theme-colour-green:before { background: #87b60a; }
li.menu-modules-item.theme-colour-purple:before{ background: #b723b5; }
li.menu-modules-item.theme-colour-pink:before{ background: #d60339; }
li.menu-modules-item.theme-colour-turquoise:before{ background: #09a09b; }
li.menu-modules-item.theme-colour-orange:before{ background: #e05206; }

.menu-modules-items a.menu-modules-link,
.menu-modules-items a.menu-modules-link:hover,
.menu-modules-items a.menu-modules-link:active,
.menu-modules-items a.menu-modules-link:visited{
  color:#fff;
}

.container-inactive{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9000;
  background: #000;
  display: none;
}

header{
  position:relative;
  padding: 0.5em 0.5em 1em 90px;
  background: #292929;
}

header #header-title{
  margin: 0 50px 0 10px;
}

header #header-menu{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 60px;
  color: #fff;
  text-align: center;
}

header #header-menu-audiobutton,
header #header-menu-modulesbutton{
  float: right;
  width: 30px;
  height: 20px;
  cursor: pointer;
}

header .header-menu-audiobutton-enabled{
  background: url('../img/icon-audiobutton-en.png') left no-repeat;
}

header .header-menu-audiobutton-disabled{
  background: url('../img/icon-audiobutton-dis.png') left no-repeat;
}

header #header-menu-modulesbutton{
  background: url('../img/icon-modulesmenu.png') right no-repeat;
}

header #header-hat{
  position: absolute;
  width:85px;
  height:85px;
  background: url('../img/header-hat.png') top right no-repeat;
  top: -10px;
  left: 5px;
}

#main{
  width: 100%;
}

#pages{
  margin: 2em auto;
  padding: 0 0 2em 0;
  border-bottom: 1px solid rgba(0,0,0,0.3);
}

#pages #pages-indicator a.page-dot,
#pages #pages-indicator a.page-dot:hover,
#pages #pages-indicator a.page-dot:link
#pages #pages-indicator a.page-dot:active{
  margin: 1px 3px;
  width: 12px;
  height: 12px;
  background-color:#fff;
  text-decoration: none;
  font-family: 'Lobster', Georgia, 'Times New Roman', Times, serif;
  font-size: 1.4em;
  display: inline-block;
  text-align: center;
  text-decoration: underline;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#pages #pages-indicator a.page-passed{
	background-color: rgba(255,255,255,0.5); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000)";
}

#pages #pages-indicator a.page-current,
#pages #pages-indicator a.page-current:hover,
#pages #pages-indicator a.page-current:link
#pages #pages-indicator a.page-current:active{
  background-color: rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
}


.theme-blue #pages #pages-indicator a.page-current{ border-top-color: #00517b; }
.theme-green #pages #pages-indicator a.page-current{ border-top-color: #87b60a; }
.theme-purple #pages #pages-indicator a.page-current{ border-top-color: #b723b5; }
.theme-pink #pages #pages-indicator a.page-current{ border-top-color: #d60339; }
.theme-turquoise #pages #pages-indicator a.page-current{ border-top-color: #066f6b; }
.theme-orange #pages #pages-indicator a.page-current{ border-top-color: #e05206; }

#pages-navigator{
  margin: 1em auto;
  width: 160px;
}

#pages #pages-navigator .page-nav-current{
  background-color: rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000, endColorstr=#40000000)";
  height: 40px;
  width: 55px;
  text-align: center;
  padding-top: 15px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 1.5em;
  float: left;
}

#pages #pages-navigator .page-nav-current-all{
  font-size: 0.6em;
}

#pages #pages-navigator a.page-nav-left{
  background: url('../img/arrowcircle-white-l.png');
  margin-right: 10px;
}

#pages #pages-navigator a.page-nav-right{
  background: url('../img/arrowcircle-white-r.png');
  margin-left: 10px;
}
#pages #pages-navigator a.page-nav-left,
#pages #pages-navigator a.page-nav-right,
#pages #pages-navigator div.page-nav-none{
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  margin-top: 10px;
}

#side-block{
  width: 30%;
  min-height:400px;
  text-align:justify;
  line-height:1.2em;
  font-size:1em;
}

.theme-backcolour a,
.theme-backcolour a:visited,
.theme-backcolour a:hover,
.theme-backcolour a:active{
	color: #fff !important;
	text-decoration: underline;
}

#tmpl-block{
  width:70%;
}

#full-block {
    padding: 30px 0;
    width: 100%;
}

.content-wrapper{
  margin: 30px;
}


/* IE specials */
.ie-special1{
  *float:right;
  *width:220px;
}




/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (max-width: 480px) {
	.smallscreen-nofloat{
		float: none;
	}
	.smallscreen-fullwidth{
		width: 100%;
	}
  #header-hat{
    display: none;
  }
  header{
    min-height: 10px !important;
    padding: 0.5em 0;
  }
  header #header-menu{
    top: 15px;
    right: 15px;
  }
  .smallscreen-unfloat{
    float: none;
  }
  .padding-standard{
    padding: 10px;
  }
  h1{
    font-size: 1em;
  }
  
  h2{
    font-size: 0.8em;
  }
  
  h3{
    margin:0.5em 0 0 0;
  }
  
}

@media only screen and (max-width: 640px) {
  header #header-menu{
    width: 30px;
  }

  header #header-menu-audiobutton,
  header #header-menu-modulesbutton{
    float: none;
  }
  
  header .header-menu-audiobutton-enabled,
  header .header-menu-audiobutton-disabled{
    margin-top: 50px;
    background-position: right;
  }
  #side-block{
    padding:1px;
    min-height:0;
    width: 100%;
    float: none;
  }
  #tmpl-block{ 
    float: none;
    width: 100%;
  }
  #pages {
    padding: 0;
    margin: 0;
  }
  #pages #pages-indicator{
    display: none;
  }
  .content-wrapper{
    margin: 10px;
  }
  .imageone-full-wrapper{
/*    position: static;*/
  }
}


/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}