body {
  margin: 0px; 
  padding: 0px;
  font-family: Verdana, Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 13.3333px;
  margin: 0;
  color: #0E3B45;
}
.link { 
  cursor: pointer;
}
.underline {
   text-decoration: underline;
}
.strike {
   text-decoration: line-through;
}
.drag {
  cursor: move;
}
.center {
  text-align: center;
}
.shablon, .hidden {
  display: none;
}
.cb{clear: both}


/*general classes*/
ul {margin: 0; padding: 0;}
li {display: block;}

textarea,  select, input {
  font-size: 1.2em;
}
textarea,  select, input[type=text], input[type=email], input[type=password], input[type=number] {
  padding: 0.3em;
  border: 1px solid white;
  color: #0E3B45;
  font-family: Arial, Helvetica, sans-serif;
}
textarea, input[type=text], input[type=email], input[type=password]{
  width: 20em;
}
input[type=submit], input[type=button], input[type=reset], div.ctl {
  cursor: pointer;
  display: inline-block;
  background-color: #0e3b45;
  color: white;
  border: 0; 
  text-transform: uppercase;
  padding: 1.3em 2.1em;
  font-size: 1em;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, div.ctl:hover{
  color: #55D7B5;
}


div[position=main] {display: none;}


div.fog {
  position: absolute;
  top: 0; bottom: 0; left:0; right: 0;
  background-color: Silver;
  opacity:0.8;
  z-index: 1000;
}
div.fog:after{
  content: "";
  background-image: url(images/ajax-loader.gif);
  display: block;
  position: absolute;
  top: 50%; left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  z-index: 999;
} 
/*
.list_set > :after { content: ", "; }
.list_set > :last-child:after { display: none; }
*/
.pagination > div {
  display: inline-block;
  margin-right: 1em;
}
.pagination > div.nav {
  padding: 0.2em;
  background-color: #0e3b45;
  color: grey;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
}
.pagination > div.nav.active {
  cursor: pointer;
  color: white;
}
.pagination > div.nav.active:hover {
  color: #55D7B5;
}


a.back {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #0E3B45;
  font-size: 0.9em;
  margin: 0.4em 0;
  line-height: 2em;
}
a.back > div.back {
  display: inline-block;
  margin-right: 0.4em;
  width: 20px; height: 20px; 
  background-image: url(images/left-arrowbutton20x20px.png);
  vertical-align: middle;
  margin-bottom: 0.2em;
}
a.back:hover > div.back {
  color: white;
  background-position: 20px 0;
}

.popup > .fog{ position: fixed; z-index: -1;}
.popup > .fog:after{display: none;}
.popup {
  display: none;
  position: fixed;
  width: 30em;
  height: 22.5em;
  top: 10%;
  left: 50%;
  margin-left: -15em;
  vertical-align: middle;
  z-index: 1000;
}
.popup > div.close {
  background-color: #0e3b45;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 2em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  text-align: center;
  bottom: 0;
  right: 0;
  width: 1em;
  z-index: 1;
}
.popup > div.close:hover {
  color: #1FA49D;
}
.popup > div.inner {
  padding: 5em 4.1em;
  background-color: #FFFFFF;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
}
.popup.big {width: 60em;  height: 40em; margin-left: -30em;}
.popup.big > div.inner {padding: 3em 4.1em; overflow: auto;}

label.title {
  display: block;
  height: 3.4em;
  vertical-align: middle;
  line-height: 3.4em;
}
label.title > span {
  font-size: 1.4em;
  padding-left: 1.7em;
  display: block;
  color: #FFFFFF;
}

div.ideeaf {
  width: 60px; height: 60px; 
  background-image: url(images/IDEEAF_badge_education_60x60.png);
}

body > header, body > section { 
  background: #ECEFF0; /* Old browsers */
  background: -moz-linear-gradient(left,  #ECEFF0, #ECEFF0 50%, #D8E0E1 50%, #D8E0E1); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ECEFF0), color-stop(50%,#ECEFF0), color-stop(50%,#D8E0E1), color-stop(100%,#D8E0E1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #ECEFF0, #ECEFF0 50%, #D8E0E1 50%, #D8E0E); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #ECEFF0, #ECEFF0 50%, #D8E0E1 50%, #D8E0E1); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #ECEFF0, #ECEFF0 50%, #D8E0E1 50%, #D8E0E1); /* IE10+ */
  background: linear-gradient(to right,  #ECEFF0 0%,#ECEFF0 50%,#D8E0E1 50%,#D8E0E1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECEFF0', endColorstr='#D8E0E1',GradientType=1 ); /* IE6-9 */
}
body > footer { 
  background: #2A515A; /* Old browsers */
  background: -moz-linear-gradient(left,  #2A515A, #2A515A 50%, #0E3B45 50%, #0E3B45); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2A515A), color-stop(50%,#2A515A), color-stop(50%,#0E3B45), color-stop(100%,#0E3B45)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #2A515A, #2A515A 50%, #0E3B45 50%, #D8E0E); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #2A515A, #2A515A 50%, #0E3B45 50%, #0E3B45); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #2A515A, #2A515A 50%, #0E3B45 50%, #0E3B45); /* IE10+ */
  background: linear-gradient(to right,  #2A515A 0%,#2A515A 50%,#0E3B45 50%,#0E3B45 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A515A', endColorstr='#0E3B45',GradientType=1 ); /* IE6-9 */
}

.main {
  /*
  width: 100%;
  max-width: 72em; 
  */
  width: 72em;/* 72em is 960px, 61.5em is 820px*/
  margin: 0 auto;
}
.inner_main {
  width: 61.5em;
  margin: 0 auto;
}


body > footer > div.main {
  height: 50px;
  background: url(images/omega-logo60x50px.png) right top no-repeat;
}

body > header > div.main {
  height: 8.25em;
  position: relative;
}
body > header > div.main > img {
  position: relative;
  left: 50%;
  display: block;  
  margin-left: -163px;
  padding-top: 3em;
}
body.loggedin > header > div.main > img { 
  margin-left: -132px;
  padding-top: 1.5em;
  cursor: pointer;
}
body.loggedin > header > div.main > div.loggedin {
  position: absolute;
  top: 2.6em;
  right: 0;
}
body.loggedin > header > div.main > nav.menu {
  display: inline-block;
}
body.loggedin > header > div.main > div.user {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
body.loggedin > header > div.main > div.user > div {position: absolute; bottom: 0;}
body.loggedin > header > div.main > div.user > div.left {left: 0;}
body.loggedin > header > div.main > div.user > div.right {right: 0;}

body.notloggedin > section > div.main {
  padding-top: 2.25em;
  padding-bottom: 4.5em;
}
body.notloggedin > section > div.main > div.inner_main > div {
  width: 50%;
}
body.notloggedin > section > div.main > div.inner_main > div.loggin{ float: left;}
body.notloggedin > section > div.main > div.inner_main > div.register{ float: right; }

body.loggedin > section { padding: 0.5em 0;}
/*body.loggedin > section > div.main { padding-top: 1em; padding-bottom: 1em;}*/


form.auth {display: none;}

form.auth[name=login], form.auth[name=register] {
  min-height: 28em;
  position: relative;
}
form.auth[name=login] { background: #C1E8E3; }
form.auth[name=register] { background: #9FDED5; }
form.auth[name=login] > label {background: #55C0B5; }
form.auth[name=register] > label {background: #1FA49D; }

form.auth[name=login] > table, form.auth[name=register] > table, form.auth[name=password_recovery] > table {
  margin: 2.3em 3em;
  margin-bottom: 0;
  border-collapse: collapse;
}
form.auth[name=login] > div {  margin: 1.2em 3em; }
form.auth[name=login] > div > div {
  display: inline-block;
  background-color: #A6DED7;
  cursor: pointer;
  padding: 0.5em 0.6em;
  margin-bottom: 0.3em;
}
form.auth[name=login] > div > div:hover {color: #55C0B5;} /*from it is #A6DED7, but it is not distinguished on background which is the same*/

form.auth[name=login] > input[type=submit], form.auth[name=register] input[type=submit], form.auth[name=password_recovery] input[type=submit] {
	width: 8em;
  display: block;
  position: absolute;
  bottom: 1.9em;
  right: 2.5em;
}

div.popup.auth {
  height: 30em;
  margin-left: -19.5em;
  top: 10%;
  width: 39em;
}
form.auth[name=password_recovery] {
  position: relative;
  height: 20em;
  background: #C1E8E3;
}
form.auth[name=password_recovery] > label {background: #55C0B5; }
form.auth[name=password_recovery] > label > span {font-size: 1.6em;}


form.auth[name=loggedin] {font-size: 0.8em; color: #0E3B45;}
body.loggedin.admin form.auth[name=loggedin] > div {display: block}
body.loggedin.admin form.auth[name=loggedin] div.icon {display: none;}
form.auth[name=loggedin] > div {display: inline-block; cursor: pointer; }
form.auth[name=loggedin] div.icon { background-repeat: no-repeat; min-width: 30px; height: 15px;}
form.auth[name=loggedin] div.icon:hover { background-position: -40px 0;}
form.auth[name=loggedin] > div.home {background-image: url(images/home-30x15px.png); padding-right: 0.1em; border-right: 1px solid #0E3B45; magin-right: 0.1em;}
form.auth[name=loggedin] > div.account_settings {background-image: url(images/myacount-30x15px.png); padding-right: 0.1em; border-right: 1px solid #0E3B45; magin-right: 0.1em;}
form.auth[name=loggedin] .logout > div.icon {display: inline-block; background-image: url(images/login-30x15px.png);}
form.auth[name=loggedin] .logout:hover {color: #1FA49D; }

div.auth.progress > span {font-size: 0.8em; text-transform: uppercase;}
div.auth.progress > span[class] {font-size: 1.1em; font-weight: bold; color: #1FA49D;}
div.auth.progress progress {
  position: absolute;
  top: -1.2em;
  right: 0;
}



form.auth[name=account]{
  padding-top: 2.25em;
  padding-bottom: 4.5em;
}
form.auth[name=account] > div {
  width: 100%;
  background: #C1E8E3; /* Old browsers */
  background: -moz-linear-gradient(left,  #C1E8E3, #C1E8E3 50%, #9FDED5 50%, #9FDED5); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#C1E8E3), color-stop(50%,#C1E8E3), color-stop(50%,#9FDED5), color-stop(100%,#9FDED5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #C1E8E3, #C1E8E3 50%, #9FDED5 50%, #D8E0E); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #C1E8E3, #C1E8E3 50%, #9FDED5 50%, #9FDED5); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #C1E8E3, #C1E8E3 50%, #9FDED5 50%, #9FDED5); /* IE10+ */
  background: linear-gradient(to right,  #C1E8E3 0%,#C1E8E3 50%,#9FDED5 50%,#9FDED5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C1E8E3', endColorstr='#9FDED5',GradientType=1 ); /* IE6-9 */  
}
form.auth[name=account] > div > label {
  width: 100%;
  background: #55C0B5; /* Old browsers */
  background: -moz-linear-gradient(left,  #55C0B5, #55C0B5 50%, #1FA49D 50%, #1FA49D); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#55C0B5), color-stop(50%,#55C0B5), color-stop(50%,#1FA49D), color-stop(100%,#1FA49D)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #55C0B5, #55C0B5 50%, #1FA49D 50%, #D8E0E); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #55C0B5, #55C0B5 50%, #1FA49D 50%, #1FA49D); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #55C0B5, #55C0B5 50%, #1FA49D 50%, #1FA49D); /* IE10+ */
  background: linear-gradient(to right,  #55C0B5 0%,#55C0B5 50%,#1FA49D 50%,#1FA49D 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55C0B5', endColorstr='#1FA49D',GradientType=1 ); /* IE6-9 */
}

form.auth[name=account] > div > div {
  -moz-column-count: 2;
  -moz-column-gap: 3.4em;
  -webkit-column-count: 2;
  -webkit-column-gap: 3.4em;
  column-count: 2;
  column-gap: 3.4em;
}
form.auth[name=account] > div > div {padding: 2.3em 3em;}
form.auth[name=account] > div > div > p {margin-top: 0;}
form.auth[name=account] > div > div > ul {margin-bottom: 2.2em;}

form.auth[name=account] > div > div > div.user > div > input {width: 20em; margin-bottom: 1px;}

form.auth[name=account] > div > div > ul label {display: block; text-transform: uppercase; margin: 0.5em 0;}
form.auth[name=account] > div > div > ul input[type=text] {width: 9.95em;}
form.auth[name=account] > div > div input[type=submit] {float: right;}