html, body {height: 100%; padding: 0; margin: 0;}
body {background: #efefef /*url(/pattern3.png)*/; color: #000; font: /*150%*/ 16px arial, sans-serif;}
body#fp {background: #FFF;}

#allpage {box-shadow: 0 0 20px #999; padding: 0 0; margin: 0 auto; height: 100%; margin-bottom: -150px; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 750)? "750px" : (((document.documentElement.clientWidth || document.body.clientWidth) >= 1220)? "1220px" : "auto")); max-width: 1220px; min-width: 750px; background: #FFF url(/i/snow.png) 100% 40px no-repeat/**/;}
html>body #allpage {height: auto; min-height: 100%;}
#empty {height: 150px; clear: both;}
#footer {background: url(/pattern3.png); border-top: 1px solid #CCC; padding: 0 10px; margin: 0 auto; min-height: 150px; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 750)? "750px" : (((document.documentElement.clientWidth || document.body.clientWidth) >= 1220)? "1220px" : "auto")); max-width: 1220px; min-width: 750px;}
* html #footer {height: 150px;}

p, a {font-size: 100%;}
a {color: #234e9e; text-decoration: underline;}
form {margin: 0; padding: 0;}

.content {padding: 15px 40px;}
.col {display: inline-block}

.left {width: 100%; float: left; position: relative; z-index: 50;}
.right {width: 240px; float: left; position: relative;}
.right {margin-right: -240px;}


.main_menu {float: left; width: 220px; font-size: 110%; padding: 15px 10px 25px 15px; margin: 0 0 0 0; background: #ffe8b6; box-shadow: 0 0 12px #ffcc41 inset; border-radius: 10px;}
.main_menu a.dashed:hover, .main_menu a.dashed:focus {text-decoration: none;}
.main_menu a:hover {color: #C00;}
.main_menu a, .main_menu b {line-height: 150%;}
.main_menu b {font-weight: bold; color: #000;}
.main_menu div {margin: 0 0 10px 0;}
.rightcolumn {float: left; width: 70%;}
.submenu_video, #fp .submenu_video {float: left; margin: 0 -280px 15px -10px; padding: 0 250px 15px 0; border-bottom: 1px solid #CCC; width: 70%;}
.submenu_video li, #fp .submenu_video li {padding: 0; margin: 0 10px 5px 0; float: left; background: none;}
.submenu_video li a {float: left; padding: 12px 10px; border-radius: 8px;}
.submenu_video li a:hover {background: #fff3a0; color: #000; box-shadow: 0 0 5px #ffcc41 inset;}
.submenu_video li.current, #fp .submenu_video li.current {background: #ececec; border-radius: 8px; float: left; padding: 12px 10px; margin: 0 10px 5px 0; color: #666; box-shadow: 0 3px 5px #CCC inset, 0 -1px 0 rgba(0,0,0,.05) inset;}

.logo_link {font-size: 200%; color: #cc0000;}

* html .main_menu {margin-right: -100%;}
* html .rightcolumn {float: left; display: inline;}

.rightcolumn .cont_pad {padding: 0 0 0 25px;}
.footer_pad {padding: 20px;}

.test_link {position: relative; z-index: 100;}
.test_link div {padding-left: 12px;}
.get_test {display: inline-block; margin-bottom: 5px; padding: 12px 15px 17px 12px /* 55px*/; border-radius: 8px; /* background: url(/i/ico_test.png) 15px 8px no-repeat;*/ font-weight: bold; color: #F00;}
a.get_test:hover {background: #fff3a0/* url(/i/ico_test.png) 15px 8px no-repeat */; box-shadow: 0 0 5px #ffcc41 inset;}

.question_text {font-size: 120%; margin: 0 0 10px 0;}

.footer .container div {
	float: left;
	margin-right: 50px;
}

.footer input,
.footer button {
	position: relative;
	top: -2px;
}

.ui-view-container {
	position: relative;
	margin-bottom: 75px;
}

.form-signin {
	max-width: 300px;
	padding: 15px 0;
	margin: 0;
}

.form-signup {
	max-width: 500px;
	padding: 15px 0;
	margin: 0;
}

ul.question-pager {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

ul.question-pager li {
	float: left;
	margin: 2px;
	padding: 2px 1px;
	background-color: white;
	color: black;
	font-size: 120%;
	cursor: pointer;

}

ul.question-pager li.correct a {
	background-color: #c5f2ca; color: #007105;
}

ul.question-pager li.wrong a {
	background-color: #ffa7a7; color: #aa0000;
}

ul.question-pager li.active a {
	background-color: #CCC; text-decoration: none; color: #000;
}

ul.question-pager li a {float: left; padding: 4px 10px; border-radius: 4px;}
ul.question-pager li a:hover {background-color: #ededed;}

.correct-answer {color: green;}
.incorrect-answer {color: maroon;}

dl {
	display: inline-block;
	vertical-align: top;
}

dl.terms {
	margin-right: 75px;
}

dt {
	margin-bottom: 10px;
}

span.index {
	margin-right: 10px;
}


dd p {
	display: inline-block;
	margin: 0;
}

.dashed {
	border-bottom: 1px dashed;
	cursor: pointer;
	text-decoration: none;
}

label {
	font-weight: normal;
}
li li p {display: inline;}

.test-item ul.options,
.test-item ul.terms {
  list-style-type: none;
}
.test-item ul.options li,
.test-item ul.terms li {
  font-size: 1em;
  position: relative;
}
.test-item dl.terms,
.test-item dl.options,
.test-item dl.distribute {
  display: inline-block;
  margin-right: 2em;
  margin-top: 0;
  margin-bottom: 0.2em;
  vertical-align: top;
}
.test-item dl.terms dt,
.test-item dl.options dt,
.test-item dl.distribute dt {
  font-weight: bold;
}
.test-item dl.terms dd,
.test-item dl.options dd,
.test-item dl.distribute dd,
.test-item dl.terms dt,
.test-item dl.options dt,
.test-item dl.distribute dt {
  font-size: 1em;
  margin: 0;
}
.test-item dl.terms dd,
.test-item dl.options dd,
.test-item dl.distribute dd {
  margin-left: 1.5em;
  display: list-item;
  list-style-type: none;
  position: relative;
}
.test-item dl.distribute dd {
  margin-left: 0.3em;
}
.test-item ul.options .index,
.test-item ul.terms .index,
.test-item dl.options .index,
.test-item dl.terms .index {
  position: absolute;
  left: -1.2em;}


.form-group label {cursor: hand; cursor: pointer; padding: 5px 10px; margin: 0 0 4px -10px; border-radius: 8px;}
.form-group label:hover {background: #fff3a0; color: #000; box-shadow: 0 0 5px #ffcc41 inset;}
.test_page label.incorrect-answer, .bg-danger {background: #ffaaaa; color: #000; box-shadow: 0 0 5px #ed1c24 inset; padding: 5px 10px; margin: 0 0 4px -10px; border-radius: 8px;}
.test_page label.correct-answer, .bg-success {background: #d4ffd3; color: #000; box-shadow: 0 0 5px #037700 inset; padding: 5px 10px; margin: 0 0 4px -10px; border-radius: 8px;}
.bg-danger, .bg-success  {width: 170px; background: #ffaaaa url(/i/smile02.png) 130px 10px no-repeat; height: 60px;}
.bg-success {background: #d4ffd3 url(/i/smile03.png) 90px 0 no-repeat; height: 70px;}
.form-group label p, label p {display: inline;}

.under-arr {position: relative; font-size: 95%;}
.under-arr span {position: absolute; left: 5px; top: -13px; font-size: 90%;}

.dnone {display: none;}
.main-video {background: #000; padding: 0 0; position: relative; text-align: center;}
.main-video div {text-align: center;}
.main-video h1 {position: absolute; left: -10000px;}

.container {padding: 0; text-align: left;}

h1 {font-size: 24px; font-weight: normal; padding: 0 0 0 0; margin: 0; color: #000; margin: 0 0 20px 0; line-height: 100%;}
h2 {font: 19px arial, tahoma, sans-serif; margin: 1.5em 0 0.5em 0; padding: 0; color: #000;}
h3 {font: 18px arial, tahoma, sans-serif; color: #000; margin: 1.2em 0 0.5em 0; padding: 0;}
h4 {font-size: 100%; margin: 0 0 3px 0; padding: 0;}
h5 {text-transform: uppercase; color: #624A7E; margin: 0 0 1em 0; font-size: 92%;}
form {margin: 0; padding: 0;}
table {font-size: 16px; border-collapse: collapse;}
p {margin: 0.5em 0 0.8em 0;}
img {border: none;}
a {color: #005aa8; text-decoration: underline;}
ul {margin: 0.5em 0 0.5em 0; padding: 0; position: relative;}
ol {margin-left: 0; padding-left: 18px;}
ul li {padding: 0 0 0 25px; background: url(/i/bull01.png) 4px 8px no-repeat; list-style: none;}
ul.no_bull li {background: none;}
ol li {margin-bottom: 0.5em;}
ol ul li {margin-bottom: 0;}
ol ul {margin-top: 0.2em;}
input, textarea, select {color: #000; font: 100% arial, tahoma, sans-serif;}
.both {clear: both;}
.spacer {width: 1px; height: 1px; font-size: 0;}
.fleft {float: left;}
.fright {float: right;}
.aright {text-align: right;}
.acenter {text-align: center !important;}
.aleft {text-align: left;}
.red, .wrong {color: #ed1c24 !important;}
.rel {position: relative;}
.abs {position: absolute;}
.mini {font-size: 85%;}
.bold {font-weight: bold;}
.grey {color: #666 !important;}
.black {color: #000;}
.litegrey {color: #999 !important;}
.lgrey {color: #AAA !important;}
.nowrap {white-space: nowrap;}
.em {text-decoration: none;}
.em:hover {text-decoration: none;}
.em img {vertical-align: middle; margin: 0 5px 0 0;}
.em em, .em i {text-decoration: underline; font-style: normal;}
.w100 {width: 100%;}
.vmiddle {vertical-align: middle;}
.mgr {font-size: 85%; color: #666 !important;}
.dashed {border-bottom: 1px dashed; cursor: pointer; cursor: hand; text-decoration: none;}
.pict {border: 1px solid #666;}
.green {color: #009b0f;}
.dnone {display: none;}
.hand {cursor: pointer; cursor: hand;}
.star, .element_required {color: #F00; font: 12px tahoma, sans-serif;}
.needValue {color: #91a298;}

div.pad_left10 {margin-left: -10px !important;}
#top_line {padding: 7px 40px 7px 40px; color: #000; font-weight: bold;}
#top_line a {color: #000;}
#top_line .rel {background: #ffec1a; padding: 10px 15px 11px 15px; border-radius: 10px; font-size: 90%;}

div.errors {
    display: inline-block;
    margin: 0 0 20px 0;
    min-width: 250px;
    background-color: orangered;
    border-radius: 6px;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
}

#allpage2 {box-shadow: 0 0 30px #CCC; padding: 0 0; margin: 0 auto; max-width: 1024px; background: #FFF;}

.f_text a {color: #d60000;}
.tests_table {width: 100%;}


.alert {
    width: 100%;
    margin-top: 15px;
    padding: 15px 20px;
    border-radius: 6px;
}

.alert-green {
    background-color: lightgreen;
}

.alert-blue {
    background-color: lightblue;
}

.alert-red {
    color: white;
    background-color: red;
}

.alert-orange {
    color: white;
    background-color: orange;
}

.league-tea,
.league-seals {
    background-color: #e3f5d6;
}
.league-tea td,
.league-seals td {
    border-bottom: 1px solid #CCC;
}

.league-gold {
    background-color: #fff8cb;
}
.league-gold td {border-bottom: 1px solid #ddd59c;}

.league-silver {
    background-color: #f9f9f8;
}
.league-silver td {border-bottom: 1px solid #e5e5e5;}

.league-bronze {
    background-color: #fff1d4;
}
.league-bronze td {border-bottom: 1px solid #eee1c6;}

.league-bestest {
	background-color: #faf3ff;
}
.league-bestest td {border-bottom: 1px solid #eee1c6;}

.league-best {
   /*   background-color: darkseagreen; */
}

.league-none {
    background-color: white;
}

.small {
    font-size: 85%;
}

@media screen and (max-width: 800px) {
.main_menu {float: none; font-size: 110%; padding: 15px 10px 25px 15px; margin: 0 0 0 0; background: #ffe8b6; box-shadow: 0 0 12px #ffcc41 inset; border-radius: 10px; width: auto;}
.main_menu a.dashed:hover, .main_menu a.dashed:focus {text-decoration: none;}
.rightcolumn {margin-left: 0; float: none;}
.submenu_video, #fp .submenu_video {float: left; margin: 0 -280px 15px -10px; padding: 0 250px 15px 0; border-bottom: 1px solid #CCC; width: 70%;}
.submenu_video li, #fp .submenu_video li {padding: 0; margin: 0 10px 5px 0; float: left;}
.submenu_video li a {float: left; padding: 12px 10px; border-radius: 8px;}
.submenu_video li a:hover {background: #fff3a0; color: #000; box-shadow: 0 0 5px #ffcc41 inset;}
.submenu_video li.current, #fp .submenu_video li.current {background: #ececec; border-radius: 8px; float: left; padding: 12px 10px; margin: 0 10px 5px 0; color: #666; box-shadow: 0 3px 5px #CCC inset, 0 -1px 0 rgba(0,0,0,.05) inset;}
.submenu_video {display: none;}

.test_link {position: relative; z-index: 100; float: none; padding: 10px 0 0 0;}
.test_link div {padding: 10px 0 10px 0;}
.get_test {float: none; padding: 12px 15px 17px 0 /* 55px*/; width: 100%; border-radius: 8px; /* background: url(/i/ico_test.png) 15px 8px no-repeat;*/ font-weight: bold; color: #F00;}
a.get_test:hover {background: none; box-shadow: none;}
}