/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
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;}
* {
    font-size:100%;
}
html{
    background:#fff;
    font-size:62.5%;
}
body{
    color:#000;
    font:1.4em/1.429em Helvetica, Arial, Verdana, sans-serif;
    background:#f5f5f5 url(../images/common/bg-body.jpg);
    min-width:930px;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:none;
}
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;
}
img{vertical-align:top;}
input[type=submit]:hover{cursor:pointer;}
input[type=submit]::-moz-focus-inner{
    border:0;
    padding:0;
}
input[type=image]{
    padding:0;
    border:none;
}
input[type=text], input[type=password],input[type=submit], input[type=file], input[type=search], input[type=email], textarea{-webkit-appearance:none;}
textarea {
    overflow: auto;
    vertical-align: top;
}
img{max-width:100% !important;}
input{outline:none !important;}
a{
    text-decoration:underline;
    color:#3d6880;
}
.nowrap{white-space: nowrap;}
.red{color:#823238 !important;}
a:hover{text-decoration:none;}
a:active{background-color:transparent;}
a.internal{text-decoration:none;border-bottom: 1px dotted #3d6880;}
a.soundlink {
    text-decoration: none;
    padding-left: 20px;
    position:relative;
}
a.soundlink:before {
    position:absolute;
    top:1px;
    left:0;
    content:"";
    background:url(../images/common/sprite.png) no-repeat -160px -80px;
    width:13px;
    height:14px;
}
a.soundlink.linkout {
    text-decoration: none;
    padding-left: 0;
    cursor:default;
}
a.soundlink.linkout:before {
    position:absolute;
    top:0;
    left:0;
    content:"";
    background:none;
    width:0;
    height:0;
}
.textCenter{text-align:center;}
#wrapper{
    overflow:hidden;
    width:100%;
    position:relative;
}
/* header */
#header{margin:0 0 29px;}
/* header-section */
.header-section{
    box-shadow:0 1px 1px rgba(24, 23, 22, 0.64);
    -webkit-box-shadow:0 1px 1px rgba(24, 23, 22, 0.64);
    border:solid;
    border-width:1px 0;
    border-color:#6b6b6b transparent #acacac;
    background:#fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fff 0%, #fbfbfb 36%, #fbfbfb 55%, #f8f8f8 67%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(36%,#fbfbfb), color-stop(55%,#fbfbfb), color-stop(67%,#f8f8f8), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fff 0%,#fbfbfb 36%,#fbfbfb 55%,#f8f8f8 67%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fff 0%,#fbfbfb 36%,#fbfbfb 55%,#f8f8f8 67%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fff 0%,#fbfbfb 36%,#fbfbfb 55%,#f8f8f8 67%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #fff 0%,#fbfbfb 36%,#fbfbfb 55%,#f8f8f8 67%,#f5f5f5 100%);
}
dl {
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 10px;
}

.dl-horizontal {
    *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
    display: table;
    line-height: 0;
    content: "";
}

.dl-horizontal:after {
    clear: both;
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-horizontal.align-left dt{
    text-align: left;
}
.dl-horizontal dd {
    margin-left: 180px;
}

.dl-horizontal.dd-large dt{
    width: 220px;
}
.dl-horizontal.dd-large dd{
    margin-left: 240px;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}
.big {
    font-size:150%;
}
.gray {
    color: #777;
}
/* header-area */
.header-area{
    min-width:900px;
    max-width:1270px;
    margin:0 auto;
    padding:8px 15px 7px;
}
.header-area a {
    text-decoration: none;
}
.header-area:after{
    content:'';
    display:block;
    clear:both;
    font-size:0;
    line-height:0;
}
/* info-holder */
.info-holder{float:left;}
.info-holder ul {
    margin: 0;
    padding: 0;
}
.info-holder ul li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    background: none;
}
.info-holder a {
    padding:8px 10px;
    line-height: 1.2em;
    overflow: hidden;
    color: #6c6c6c;
    text-decoration: none;
    font-size: 1em;
}
.info-holder li:before,
.info-holder li:after{
    content:'';
    display:inline-block;
    vertical-align:top;
}
.info-holder a:before {
    content:'';
    display:inline-block;
    vertical-align:top;
    width:19px;
    height:18px;
    background:url(../images/common/sprite.png) no-repeat 0 -40px;
    margin:1px 0 0 2px;
}
.info-holder .home a:before {
    width:16px;
    background-position:-2px -40px;
}
.info-holder .keyboard a:before {
    width:22px;
    margin-left:3px;
    background-position:-48px -40px;
}
.info-holder .keyboard-on a:before {
    width:22px;
    background-position:-74px -40px;
}
.info-holder .users a:before {
    width:28px;
    background-position:-20px -40px;
}
.info-holder li:before{
    content:'';
    width:1px;
    height:18px;
    background:#c4c4c4;
    box-shadow:1px 0 0 #fff;
    -webkit-box-shadow:1px 0 0 #fff;
}
.info-holder li:first-child:before {
    display:none;
}
/* login-block */
.login-block{
    float:right;
    margin:-4px 0 0;
    font-size:1.071em;
    line-height:1.2em;
}
.ico-lock{
    float:right;
    width:13px;
    height:9px;
    margin:0 0 0 24px;
    background:url(../images/common/sprite.png) no-repeat -187px -54px;
}
/* login-holder */
.login-holder{float:right;padding:5px 0 0;}
.login-holder .login-list{display:none;}
.login-holder.visible p{display:none;}
.login-holder.visible .login-list{display:block;}
.login-holder .userinfo-dropdown a{text-decoration: none;}
.login-holder .userinfo-dropdown a.dropdown-toggle{color:#6d6d6d;}
.login-holder .userinfo-dropdown a small{color:#6d6d6d;}
.user-photo{border:1px solid #ccc;padding:2px;}
.user-profile-photo {
    max-width: 230px;
}
.user-profile-photo img {margin-bottom:5px;}
.login-holder-userinfo div{margin-left:65px;min-height:60px;}
.login-holder-userinfo img{position:absolute;}
.avatar-upload-holder input{display:none;}
/* main navigation */
#nav{
    float:left;
    width:100%;
    margin:-12px 0 -25px;
}
#nav ul{
    margin:0 0 0 250px;
    overflow:hidden;
    font-size:12px;
    line-height:16px;
    width:auto;
    margin-right: -7px;
}
#nav li{
    float:left;
    width:20%;
    margin:0 -1px 0 0;
}
#nav a{
    text-align:center;
    color:#fff;
    text-decoration:none;
    display:block;
    height:83px;
    padding:12px 7px 0 7px;
    cursor:pointer;
}
#nav a:hover,
#nav .active a{
    border-bottom:4px solid #db9d38;
    background:#2b475f url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNDc1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzJmNGQ2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzMwNGQ2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjQ2NWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2b475f 0%, #2f4d67 42%, #304d68 61%, #2b465f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b475f), color-stop(42%,#2f4d67), color-stop(61%,#304d68), color-stop(100%,#2b465f));
    background: -webkit-linear-gradient(top,  #2b475f 0%,#2f4d67 42%,#304d68 61%,#2b465f 100%);
    background: -o-linear-gradient(top,  #2b475f 0%,#2f4d67 42%,#304d68 61%,#2b465f 100%);
    background: -ms-linear-gradient(top,  #2b475f 0%,#2f4d67 42%,#304d68 61%,#2b465f 100%);
    background: linear-gradient(to bottom,  #2b475f 0%,#2f4d67 42%,#304d68 61%,#2b465f 100%);
    height: 79px;
}
#nav .icon{
    display:inline-block;
    vertical-align:top;
    margin:0 auto 3px;
    height:32px;
    background:url(../images/common/sprite.png) no-repeat -1000px 0;
}
#nav .icon.courses{
    width:38px;
    background-position:0 -141px;
}
#nav .icon.grammar{
    width:32px;
    background-position:-43px -145px;
}
#nav .icon.media{
    width:26px;
    background-position:-81px -145px;
}
#nav .icon.useful{
    width:33px;
    background-position:-114px -145px;
}
#nav .icon.community{
    width:29px;
    background-position:-154px -145px;
}
#nav span.nav_item_name{
    display:block;
    font-size:16px;
    text-transform:uppercase;
}
#nav a.disabled, .notavailable{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/* header-holder */
.header-holder{
    background:#375775 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NTc3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjQ2NWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #375775 0%, #2b465f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#375775), color-stop(100%,#2b465f));
    background: -webkit-linear-gradient(top,  #375775 0%,#2b465f 100%);
    background: -o-linear-gradient(top,  #375775 0%,#2b465f 100%);
    background: -ms-linear-gradient(top,  #375775 0%,#2b465f 100%);
    background: linear-gradient(to bottom,  #375775 0%,#2b465f 100%);
}
/* header-frame */
.header-frame{
    min-width:900px;
    max-width:1270px;
    margin:0 auto;
    position:relative;
    padding:12px 15px 25px;
}
* +html .header-frame{padding-bottom:24px;}
.header-frame:after{
    content:'';
    display:block;
    clear:both;
    font-size:0;
    line-height:0;
}

.dropframe,
.languages-list {
    display: inline-block;
    background:#eaeaea;
    border-radius:1px;
}
.languages-list{
    position:absolute;
    right:15px;
    bottom:-30px;
}
.dropframe .dropdown-list {
    margin:0 !important;
}
.languages-list .dropdown-toggle,
.dropframe .dropdown-toggle {
    color:#30525e !important;
    display:inline-block;
    padding:5px 10px;
    font-size:12px;
    text-shadow:0 1px 0 #fff;
}
.languages-list a, .dropdown-menu a,
.dropframe a, .dropdown-menu a {
    text-decoration:none;
}
.languages-list .current-language,
.dropframe .current-item{
    font-weight: bold;
}
.languages-list .dropdown-menu,
.dropdown-list.two-column .dropdown-menu {
    width: 350px;
}
.languages-list .dropdown-menu li,
.dropdown-list.two-column .dropdown-menu li {
    width: 175px;
    float:left;
}
.footer-holder .languages-list {
    float:left;
    text-align:left;
    position:static;
}
/* logo */
.logo{
    background:url(../images/logos/white_196_58.png) no-repeat;
    width:196px;
    height:58px;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
}
.logo a{
    display:block;
    height:100%;
}
.header-box .logo{
    margin:0 0 0 -100%;
    position:relative;
    left:7px;
}
/* sign-block */
.sign-block{
    color:#fff;
    float:right;
    font-size:1.143em;
    line-height:1.188em;
    padding:26px 0 0;
}
.sign-block .disable{display:none;}
.sign-block.visible p{display:none;}
.sign-block.visible .disable{display:block;}
.sign-block a{color:#fff;}
.sign-block a:after{
    content:'';
    display:inline-block;
    vertical-align:top;
    background:url(../images/common/sprite.png) no-repeat -131px 0;
    width:3px;
    height:7px;
    margin:7px 0 0 5px;
}
.sign-block .both a{
    margin-left:5px;
    margin-right:5px;
}
.sign-block .both a:first-child:after{
    background:none !important;
    margin: 0;
}
/* main */
#main{padding:0 0 40px;}
/* intro-block */
.intro-block{
    min-width:900px;
    max-width:1270px;
    text-align:center;
    margin:0 auto;
    padding:30px 15px 65px;
    font-size:1.571em;
    line-height:1.182em;
    color:#696969;
}
.intro-block .text-block{padding:0 130px;}
.intro-block h1{
    margin:0 0 25px;
    font-size:2.364em;
    line-height:1.1em;
    color:#d38300;
    font-weight:700;
}
.intro-block h1 span{
    display:block;
    color:#323232;
}
.intro-block p{margin:0 0 43px;}
.intro-block p a{color:#0f526e;}
.intro-block p .link-site{
    color:#696969;
    text-decoration:none;
}
.intro-block p .link-site:hover{text-decoration:underline;}
.intro-block img{margin:0 0 38px;}
/* slogan */
.slogan{
    display:block;
    color:#0e445b;
    font:700 1.727em/1.053em Helvetica, Arial, Verdana, sans-serif;
    margin:0 0 26px;
}
/*grammar*/
.grammar-holder, .courses-holder {
    counter-reset:section;
}
.grammar-block{
    margin-bottom:30px;
    margin-left:30px;
    position:relative;
}
.grammar-block:before{
    counter-increment:section;
    content:"" counter(section) "";
    background-color: #ccc;
    border-radius:3px;
    padding:0 5px;
    line-height: 16px;
    font-size: 10px;
    margin:0 3px 0 0;
    color:#fff;
    position:absolute;
    top:0;
    left:-30px;
}
.grammar-example{
    position:relative;
    background:url(../images/common/bg-info-block.png);
    background-position-y: 20px;
    border:1px solid #ccc;
    border-radius:1px;
    padding:10px 6px 15px 22px;
    padding-left:70px;
    color: #424242;
    margin-bottom:20px;
}
.grammar-holder .table th,
.grammar-holder .table td,
.courses-holder .table th,
.courses-holder .table td {
    border:none !important;
}
.grammar-holder .table caption,
.grammar-holder .caption,
.courses-holder .table caption,
.courses-holder .caption {
    font-weight: bold;
    font-size: 120%;
    padding:0 0 10px 0;
    color:#823238;
}
/*
.grammar-example .table .caption,
.grammar-holder .table caption,
.courses-holder .table caption {
	margin-left:-70px;
}
*/
.grammar-example:before{
    content:'';
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:50px;
    width:1px;
    height:100%;
    background:#ffded4;
}
.grammar-example-sentences{
    position:relative;
    padding-left:40px;
    font-size: 14px;
    line-height: 28px;
    font-style: italic;
}
.origin{
    color:#375775;
}
.grammar-example-sentences:before {
    display:inline-block;
    content: "";
    width: 32px;
    height: 32px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 32px;
    background-image: url("../images/common/example.png");
    background-repeat: no-repeat;
    position:absolute;
    left:0;
}
/* courses */
.soundplayer {margin-bottom:20px;}
.lesson-part {
    display: inline-block;
    padding: 5px 10px;
    float:right;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #5e8a9b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5e8a9b), color-stop(1, #416878));
    background:-moz-linear-gradient(top, #5e8a9b 5%, #416878 100%);
    background:-webkit-linear-gradient(top, #5e8a9b 5%, #416878 100%);
    background:-o-linear-gradient(top, #5e8a9b 5%, #416878 100%);
    background:-ms-linear-gradient(top, #5e8a9b 5%, #416878 100%);
    background:linear-gradient(to bottom, #5e8a9b 5%, #416878 100%);
    text-shadow:1px 0 0 #416878, 0 1px 0 #416878, -1px 0 0 #416878, 0 -1px 0 #416878;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lesson-tools {
    margin-top:100px;
}
.lesson-results{
    /* 	text-align:center; */
    margin:0 auto;
    padding:30px 0 65px;
    font-size:1.571em;
    line-height:1.182em;
}
.lesson-results-title{
    margin:0 0 25px;
    font-size:2.364em;
    line-height:1.1em;
    color:#d38300 !important;
    font-weight:700;
}
.lesson-results p{margin:0 0 43px;color:#323232;}
/* buttons */
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn {
    display:inline-block;
    vertical-align:top;
    color:#fff !important;
    text-decoration:none;
    font-size:18px;
    line-height:19px;
    padding:7px 20px;
    border:1px solid #926c10;
    border-radius:5px;
    text-align:center;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #d38300));
    background:-moz-linear-gradient(top, #fbb450 5%, #d38300 100%);
    background:-webkit-linear-gradient(top, #fbb450 5%, #d38300 100%);
    background:-o-linear-gradient(top, #fbb450 5%, #d38300 100%);
    background:-ms-linear-gradient(top, #fbb450 5%, #d38300 100%);
    background:linear-gradient(to bottom, #fbb450 5%, #d38300 100%);

    background-color:#d38300;

    -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
    box-shadow:inset 0px 1px 0px 0px #ffe0b5;
    text-shadow:1px 0 0 #e7930b, 0 1px 0 #a26400, -1px 0 0 #a26400, 0 -1px 0 #a26400;
}
input.btn {
    padding:7px 20px !important;
    font-size:18px !important;
    line-height:19px !important;
    margin:0;
}
.btn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d38300), color-stop(1, #fbb450));
    background:-moz-linear-gradient(top, #d38300 5%, #fbb450 100%);
    background:-webkit-linear-gradient(top, #d38300 5%, #fbb450 100%);
    background:-o-linear-gradient(top, #d38300 5%, #fbb450 100%);
    background:-ms-linear-gradient(top, #d38300 5%, #fbb450 100%);
    background:linear-gradient(to bottom, #d38300 5%, #fbb450 100%);
    background-color:#d38300;
}
.btn-inactive,
.inactive .btn,
.btn.disabled,
.btn[disabled],
.btn-inactive:hover,
.btn-inactive:active {
    cursor: default;
    color: #999;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow:none;
    border:1px solid #bbb;
}
.btn:active {
    position:relative;
    top:-1px;
    border-color:transparent;
}
.btn-inactive:active,
.inactive .btn:active,
.btn.disabled:active,
.btn[disabled]:active {
    position: static;
    border:1px solid #bbb;
}

.btn.large{
    font-size:23px;
    line-height:26px;
    padding:15px 20px;
}
.btn.btn-small{
    font-size:16px !important;
    line-height:20px !important;
    padding:3px 15px !important;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top:0;
}

.btn-link{
    font-size:18px;
    line-height:32px;
    margin-left: 20px;
    margin-right:20px;
}

.btn-link-small{
    font-size:16px;
    line-height:26px;
    margin-left: 15px;
    margin-right:15px;
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #ffffff;
    background:none;
    background-color: #bd362f;
    *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9;
}

.dropdown-menu label {
    display: inline;
}

/* features-block */
.features-block{
    background:#f4eadd;
    margin:0 0 50px;
}
.features-block:after,
.features-block:before{
    content:'';
    display:block;
    background:url(../images/common/bg-features-block.png) repeat-x 50% 0;
    height:22px;
}
.features-block:after{
    background:url(../images/common/bg-features-block.png) repeat-x 50% 100%;
    height:23px;
}
.features-block .holder{
    min-width:900px;
    max-width:1270px;
    margin:0 auto;
    padding:45px 15px 13px;
    text-align:center;
}
.features-block h1{
    color:#767676;
    font-size:3.286em;
    line-height:1em;
    font-weight:normal;
    text-shadow:1px 2px 0 #fff;
    margin:0 0 75px;
}
/* features-list */
.features-list{
    overflow:hidden;
    margin:0 0 0 -1%;
}
.features-list li{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    width:32%;
    margin:0 0 86px 1%;
}
* +html .features-list li{
    display:inline;
    margin:0 4px 86px 0;
}
.features-list .image-block{
    width:121px;
    float:left;
    margin:3px 17px 0 2px;
}
.features-list .description{
    overflow:hidden;
    color:#351d06;
    font-size:1.143em;
    line-height:1.25em;
    text-shadow:1px 1px 0 #fff;
    padding:0 5px 0 0;
}
.features-list h2{
    margin:0 0 10px 1px;
    font-size:1.25em;
    line-height:1.2em;
    font-weight:700;
    color:#f67900;
}
/* gallery */
.gallery{
    position:relative;
    text-align:center;
    max-width:900px;
    margin:0 auto 30px;
}
.gallery:after{
    content:'';
    display:block;
    width:768px;
    margin:0 auto;
    height:1px;
    background:#bdbdbd;
    box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
}
.gallery h1{
    color:#4b6471;
    margin:0 0 24px;
    font-size:3.286em;
    line-height:1em;
    text-shadow:1px 2px 0 #fff;
}
/* gallery-holder */
.gallery-holder{
    max-width:936px;
    margin:0 auto 92px;
}
.gallery .frame{
    position:relative;
    overflow:hidden;
    color:#787878;
    text-shadow:1px 1px 0 #fff;
    font-size:1.571em;
    line-height:1.182em;
    padding:3px 0 0;
}
.gallery .frame ul{
    padding:0;
    margin:0;
    list-style:none;
    overflow:hidden;
}
.gallery .frame ul li{
    float:left;
}
.gallery .btn-prev,
.gallery .btn-next{
    float:left;
    width:61px;
    height:61px;
    background:url(../images/common/sprite.png) no-repeat;
    background-position:0 -247px;
    text-indent:-9999px;
    overflow:hidden;
    cursor:default;
    margin:0 18px 0 0;
}
.gallery .btn-next{
    float:right;
    background-position:-66px -247px;
    margin:0 0 0 25px;
}
.gallery .btn-prev.active{
    cursor: pointer;
    background-position:0 -180px;
}
.gallery .btn-next.active{
    cursor: pointer;
    background-position:-66px -180px;
}
/* social-block */
.social-block{
    max-width:1130px;
    min-width:900px;
    padding:28px 15px 17px;
    margin:0 auto;
    text-align:center;
    color:#4c4c4c;
    font-size:1.143em;
    line-height:1.25em;
}
.social-block h1{
    color: #4b6471;
    font-size:2.875em;
    line-height:1em;
    font-weight: normal;
    margin: 0 0 37px;
    text-shadow: 1px 2px 0 #fff;
}
.social-block p{margin:0 0 18px;}
.social-holder{
    width:100%;
    overflow:hidden;
    padding:13px 0 46px;
}
.social-holder > img{
    margin:-13px 0 0;
    position:relative;
}
/* info-block */
.social-block .info-block{
    float:left;
    position:relative;
    text-align:right;
    width:34%;
}
.social-block .info-block:before{
    content:'';
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    top:34px;
    right:-23px;
    background:url(../images/common/sprite.png) no-repeat -133px -19px;
    width:24px;
    height:30px;
}
.fb-block.info-block{
    float:right;
    text-align:left;
}
.fb-block.info-block:before{
    right:auto;
    left:-25px;
    top:36px;
    width:26px;
    background-position:-162px -19px;
}
.social-block .info-block .holder{
    border:1px solid #cacbcb;
    min-height:60px;
    background:#fff;
    border-radius:8px;
    padding:16px 20px;
}
.social-block .shadow{
    text-shadow: 1px 2px 0 #fff;
}
.social-block .info-block p{margin:0 0 8px;}
.social-block .plugin-block{text-align:center;display:inline-block;}
.social-block .plugin-block a{float:left;}

.marginBottom {
    margin-bottom:20px;
}
.marginTop {
    margin-top:20px;
}

/* footer */
#footer{
    background:#fff;
    /* 	overflow:hidden; */
    width:100%;
    position:relative;
    border-top:1px solid #c5c5c5;
}
/* footer-section */
.footer-section{
    min-width:900px;
    max-width:1270px;
    padding:0 15px;
    margin:0 auto;
}
/* footer-holder */
.footer-holder{
    /* 	overflow:hidden; */
    border-bottom:1px solid #999;
    padding:31px 0 23px;
    margin:0 0 20px;
    text-align:center;
}
/* footer navigation */
.footer-nav{
    display:inline-block;
    vertical-align:top;
    font-size:0.929em;
    line-height:1.231em;
    font-weight:bold;
    padding:4px 0 0 0;
}
* +html .footer-nav{display:inline;}
.footer-nav li{
    float:left;
    margin:0 11px;
}
.footer-nav a{
    color:#0b5673;
    text-decoration:none;
}
.footer-nav a:hover{text-decoration:underline;}
/* footer-frame */
.footer-frame{
    overflow:hidden;
    color:#3f3f3f;
    padding:0 0 38px;
}
/* eu-logo */
.eu-logo{
    background:url(../images/common/sprite.png) no-repeat 0 -65px;
    width:129px;
    height:29px;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    margin:3px 24px 0 -1px;
}
.eu-logo a{
    display:block;
    height:100%;
}
.footer-frame .text-holder{
    float:left;
    width:31%;
    font-size:0.78em;
    line-height:1.2em;
}
/* copyright */
.footer-frame .copyright{
    float:right;
    font-size:0.929em;
    line-height:1.231em;
}
/* inner styles */
/* two-columns */
#two-columns, #one-column{
    min-width:900px;
    max-width:1270px;
    margin:0 auto;
    padding:0 15px 31px;
    position:relative;
    z-index:5;
}
#two-columns:after,
#one-column:after{
    content:'';
    display:block;
    clear:both;
    font-size:0;
    line-height:0;
}
/* content */
#content{
    float:left;
    width:100%;
}
/* content-holder */
.content-holder{
    border:1px solid #bfbfbf;
    padding:23px 21px 40px;
    background:#fff;
    border-radius:1px;
    position:relative;
}
.content-holder:before,
.content-holder:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 30px;
    width: 50%;
    bottom: 20px;
    height:20px;
    max-width: 454px;
    box-shadow: 0 12px 20px rgba(2, 2, 2, 0.45);
    -webkit-box-shadow: 0 12px 20px rgba(2, 2, 2, 0.45);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.content-holder:after{
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    right: 30px;
    left: auto;
}
#two-columns .content-holder{
    margin:0 0 0 225px;
}
/* content-block */
.content-block{padding:0 0 31px;}
.content-block h1{
    color:#823238;
    font-size:2em;
    line-height:1.143em;
    font-weight:700;
    margin:0 0 18px;
}
/* about-block */
.about-block{
    overflow:hidden;
    padding:13px 0 0 2px;
    margin:0 0 0 -2px;
}
/* video */
.about-block .video{
    float:right;
    margin:33px 20px 0 15px;
}
.about-block .holder{padding:0 0 17px;}
.content-block p{margin:0 0 10px;}
.content-block h2, .content-holder h2{
    font-size:1.143em;
    line-height:1.188em;
    font-weight:700;
    margin:0 0 9px;
}
.content-block p .link-site{
    font-style:italic;
    color:#000;
    text-decoration:none;
}
.content-block p .link-site:hover{text-decoration:underline;}
/* benefits-list */
.benefits-list{padding:2px 70px 0 1px;}
.benefits-list li{
    position:relative;
    padding:0 0 0 18px;
    background:url(../images/common/bullet.png) no-repeat 0 7px;
}
.benefits-list li .dropdown-menu li {background:none;padding:0;margin:0;}
/* columns-list */
.columns-list{
    margin:0 -3% 0 0;
    padding:0 0 10px;
}
.columns-list>li{
    display:inline-block;
    vertical-align:top;
    width:48%;
    overflow:hidden;
    margin:0 1% 43px 0;
}
.columns-list li.span7{
    width:67%;
}
.columns-list li.span3{
    width:28%;
}
* +html .columns-list li{display:inline;}
/* logo-holder */
.columns-list.partners{
    padding-top:23px;
}
.columns-list.partners .logo-holder{
    float:right;
    width:145px;
    text-align:right;
    margin:3px 5px 0 0;
}
.columns-list.partners h2 a{
    text-decoration:none;
    color:#000;
}
.columns-list.partners h2 a span{display:block;}
.columns-list.partners h2 a:hover{text-decoration:underline;}
.columns-list.partners .location{
    display:block;
    color:#6d6d6d;
    font-size:0.929em;
    line-height:1.231em;
    font-weight:normal;
    margin:-8px 0 -2px;
}
.columns-list.partners .website{
    display:block;
    margin:0 0 11px;
}
.columns-list.partners .site{
    text-decoration:none;
    color:#0b5673;
}
.columns-list.partners .site:hover{text-decoration:underline;}
.columns-list.partners p{
    margin:0 0 10px;
    display:inline;
}
.columns-list.partners p .site{
    color:#000;
    display:inline;
    margin:0;
}
.slogan-block{text-align:center;}
.slogan-block .slogan{
    font-size:2.714em;
    line-height:1.053em;
}
/* sidebar */
#sidebar{
    float:left;
    display:inline;
    margin:0 0 0 -100%;
    width:210px;
    padding:3px 0 0 1px;
}
/* side navigation */
.side-nav{
    margin:0 0 15px;
    font-size:1.27em;
    line-height:1.22em;
}
.side-nav a{
    color:#464646;
    display:block;
    text-decoration:none;
    border-radius:3px;
    padding:10px 13px 9px;
    margin:1px 0;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.side-nav a.done{
    color:green;
}
.side-nav a:hover,
.side-nav .active>a{
    color:#fff;
    background:#838f95;
    box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.22);
}
.side-nav a:hover{
    background:#cccccc;
}
.side-nav li ul{margin-bottom:10px;display:none;}
.side-nav li.active ul{display:block;}
.side-nav li ul a {
    font-size:0.82em;
    padding:5px 8px 2px 20px;
    line-height:1.222em;
}
.side-nav li ul .active a {
    background:none;
    color:#464646;
    text-decoration:none;
    box-shadow:none;
    -webkit-box-shadow:none;
    position:relative;
    /* 	padding:0 0 0 18px; */
    background:url(../images/common/bullet.png) no-repeat 5px 10px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
/* signup-block */
.signup-block{
    min-width:900px;
    max-width:1270px;
    margin:0 auto;
    padding:35px 15px 29px;
    text-align:center;
}
.signup-holder{padding:0 0 30px;}
.signup-holder h1{
    color:#323232;
    font-size:3.714em;
    line-height:1em;
    font-weight:700;
    margin:0 0 21px;
}
.signup-holder h1 a{
    color:#323232;
    text-decoration:none;
}
.signup-holder h1 a:hover{text-decoration:underline;}
/* facebook-block */
.facebook-block{
    color:#696969;
    font-size:1.571em;
    line-height:1.182em;
}
.facebook-block span{
    display:inline-block;
    vertical-align:top;
    margin:3px 14px 0 0;
}
.btn-facebook{
    text-indent:-9999px;
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
    background:url(../images/common/sprite.png) no-repeat 0 -110px;
    width:181px;
    height:27px;
}
.signup-block .divider{
    font-weight:normal;
    width:67%;
    display:block;
    margin:0 auto 41px;
    overflow:hidden;
    text-align:center;
    font-size:1.571em;
    line-height:1.182em;
}
.signup-block .divider span{
    color:#696969;
    display:inline-block;
    position:relative;
    padding:0 23px;
}
.signup-block .divider span:before,
.signup-block .divider span:after{
    position:absolute;
    right:100%;
    top:16px;
    background:#bebebe;
    box-shadow:0 1px 0 #fff;
    -webkit-box-shadow:0 1px 0 #fff;
    content:'';
    width:999px;
    height:1px;
    text-align:left;
}
.signup-block .divider span:after{
    left:100%;
    right:auto;
}
/* form-block */
.form-block{
    padding:0 25%;
    position:relative;
    z-index:5;
}
.form-holder{width:100%;}
/* signup-form */
.signup-form,
.block{
    text-align:left;
    background:#fff;
    border:1px solid #bdbdbd;
    border-radius:1px;
    position:relative;
    color:#4c4c4c;
    padding:33px 10% 62px;
    font-size:1.143em;
    line-height:1.188em;
}
.signup-form:before,
.signup-form:after,
.block:before,
.block:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 25px;
    width: 45%;
    top: 80%;
    max-width: 400px;
    box-shadow: 0 13px 20px rgba(2, 2, 2, 0.6);
    -webkit-box-shadow: 0 13px 20px rgba(2, 2, 2, 0.6);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.signup-form:after,
.block:after{
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    right: 25px;
    left: auto;
}
.signup-form h1{
    color:#823238;
    font-size:1.875em;
    line-height:1.133em;
    font-weight:700;
    margin:0 0 7px;
    text-align:center;
}
.signup-form h2{
    color:#696969;
    font-size:1.375em;
    line-height:1.182em;
    margin:0 0 26px;
    text-align:center;
}
.signup-form .item {
    display: block;
    margin:23px 0 4px;
}
.signup-form .text{
    padding:0 20px 0 44px;
    border:1px solid #b6b5b5;
    border-radius:11px;
    position:relative;
    height:40px;
}
.signup-form .text:before{
    content:'';
    position:absolute;
    left:17px;
    top:13px;
    background:url(../images/common/sprite.png) no-repeat -1000px 0;
}
.signup-form .name:before{
    background-position:-140px 0;
    width:15px;
    height:15px;
}
.signup-form .email:before{
    background-position:-165px 0;
    width:16px;
    height:12px;
    top:15px;
}
.signup-form .password:before{
    background-position:-188px 0;
    width:12px;
    height:14px;
}
.signup-form .text input{
    background:none;
    width:100%;
    margin:0 -20px 0 0;
    padding:10px 20px 8px 0;
    border:none;
    float:left;
    height:22px;
    line-height:21px;
    border-radius:11px;
    color:#7d7979;
}
.signup-form .text input:-moz-placeholder{color:#b1acac;}
.signup-form .text input::-webkit-input-placeholder{color:#b1acac;}
.signup-form .text input::-moz-placeholder{
    color:#b1acac;
    opacity:1;
}
.signup-form .text input:-ms-input-placeholder{color:#b1acac;}
.signup-form .error {border-color:#823238;}
.signup-form .help-block{margin-top:5px;}
.signup-form div.error, .signup-form span.error, .signup-form p.error {
    color:#823238;
    font-size: 14px;
}
.signup-form .forgotpassword{
    text-align:right;
}
.signup-form label{
    cursor: pointer;
}
.signup-form .rememberme{
    float:right;
}
.terms h2 {font-size:20px;padding-top:20px;}
.terms h3 {font-size:16px; padding:0;margin:0;}

.news>li{margin:20px 0 30px;}
.news h2{margin:0;}
.parts h2{margin-top:20px;}
.parts h2:first-child{margin-top:0;}
h1.pagetitle{
    color:#767676;
    font-size:3.286em;
    line-height:1em;
    font-weight:normal;
    text-shadow:1px 2px 0 #fff;
    margin-bottom:30px;
}
#content ul, #content ol{margin-bottom:20px;}

ul.list,
ol.list,
ul.list ul,
ol.list ol,
ul.list ol,
ol.list ul
{
    padding: 0;
    margin: 0 0 10px 25px;
}

ol.list,
ol.list ol,
ul.list ol
{
    list-style-type: decimal;
}

ul.list ul,
ol.list ol,
ul.list ol,
ol.list ul
{
    margin-bottom: 0 !important;
}

ul.dach {
    margin-bottom: 0 !important;
}

.lastrevised {
    margin-top:20px !important;
    font-style:italic;
}

h2.brick{
    color:#464646;
    padding:5px 10px 5px 10px;
    border-radius:3px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
    background:#ccc;
}

/* add navigation */
.add-nav{
    max-width:1270px;
    min-width:900px;
    padding:0 15px;
    margin:-7px auto 20px;
    text-align:center;
}
.add-nav ul{
    display:inline-block;
    vertical-align:top;
    font-size:20px;
    line-height:24px;
}
* +html .add-nav ul{display:inline;}
.add-nav li{
    float:left;
    margin:0 31px;
}
.add-nav a{
    text-decoration:none;
    color:#000;
    display:inline-block;
    vertical-align:top;
    border-bottom:1px dotted #9b9b9b;
    text-shadow:1px 0 0 rgba(255, 255, 255, 0.9), 0 1px 0 rgba(255, 255, 255, 0.9), -1px 0 0 rgba(255, 255, 255, 0.9), 0 -1px 0 rgba(255, 255, 255, 0.9);
}
.add-nav a:hover{
    padding:0 0 1px;
    border:none;
}
.add-nav .active a{
    position:relative;
    margin:-4px 0 0;
    padding:4px 39px 0;
    background:#e7e7e7;
    border-radius:4px;
    border:none;
    height:30px;
    box-shadow:0 1px 0 #fafafa, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow:0 1px 0 #fafafa, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.add-nav .active a:after{
    content:'';
    position:absolute;
    bottom:-7px;
    left:50%;
    background:url(../images/common/sprite.png) no-repeat -183px -77px;
    width:14px;
    height:7px;
    margin:0 0 0 -7px;
}
/* info-blocks */
.info-blocks{
    max-width:1270px;
    min-width:900px;
    padding:0 15px 0;
    margin:0 auto -21px;
}
.info-area{margin:0 0 0 -4%;}
.info-blocks .info-block{
    display:inline-block;
    vertical-align:top;
    width:46%;
    position:relative;
    z-index:5;
    margin:0 -4px 36px 4%;
}
* +html .info-blocks .info-block{
    display:inline;
    margin:0 -6px 36px 4%;
}
.info-blocks .info-block:before,
.info-blocks .info-block:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 25px;
    width: 45%;
    top: 80%;
    max-width: 400px;
    box-shadow: 0 12px 20px rgba(2, 2, 2, 0.5);
    -webkit-box-shadow: 0 12px 20px rgba(2, 2, 2, 0.5);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.info-blocks .info-block:after{
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    right: 25px;
    left: auto;
}
.info-blocks .holder{
    position:relative;
    background:url(../images/common/bg-info-block.png);
    border:1px solid #bdbdbd;
    border-radius:1px;
    padding:10px 6px 34px 22px;
}
.info-blocks .holder:before,
.info-blocks .heading:before{
    content:'';
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:79px;
    width:1px;
    height:100%;
    background:#ffded4;
}
/* info-blocks heading */
.info-blocks .heading{
    overflow:hidden;
    position:relative;
    margin:-10px -6px 8px -22px;
    padding:16px 6px 0 29px;
    background:#fff;
    color:#823238;
}
.info-blocks .heading .num{
    float:left;
    min-width:57px;
    font:bold 2.78em/1.103em Helvetica, Arial, sans-serif;
    margin:0 9px 0 0;
}
.info-blocks h1{
    margin:7px 0 0;
    font-size:1.357em;
    line-height:1.158em;
    font-weight:700;
}
/* info-blocks content */
.info-blocks .content{
    position:relative;
    overflow:hidden;
}
/* photo */
.info-blocks .photo{
    float:left;
    width:141px;
    background:#fff;
    padding:0;
}
/* info-blocks text-box */
.info-blocks .text-box{
    overflow:hidden;
    padding:1px 0 0;
}
.info-blocks.no-number .info-block .num{display:none;}
.info-blocks.no-number .info-block h1{margin-bottom:12px;padding:2px 0;position:relative;background-color:#fff;}
/* info-list */
.info-list{
    padding:0 0 26px;
    margin-left:1.8em;
}
.info-list a{
    text-decoration: none;
}
.info-list a:hover{
    text-decoration: underline;
}
.info-list ol li{
    width:100%;
    color:#0c445b;
    margin:0 0 6px;
    list-style-type: decimal;
}
.info-list ol li span {
    color:#999;
}
.info-list .link.done{padding-left:5px;}
.info-list .link.done a{color:green !important;}
.info-list .link.done:before{color:green !important;}
.info-list a{
    vertical-align:top;
    color:#0c445b;
}
/* info-row */
.info-row{
    overflow:hidden;
    color:#000;
    font-size:1.071em;
    line-height:1.733em;
}
.info-row .result{
    margin:1px 2% 0 0;
    float:left;
    font-size:1.2em;
    padding-right:20px;
}
.info-row .result strong{
    color:#000;
    font-size:1.6em;
    line-height:1.083em;
    font-weight:normal;
}
.info-row .result .successful{color:#506b3d;}
.info-row .result .fail{color:#823238;}
.info-row.inactive .result,
.info-row.inactive .result strong{color:#959595;}
/*form-items*/
.user-profile>h2{
    color:#464646;
    padding:5px 5px 5px 10px;
    border-radius:3px;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
    background:#ccc;
}
.user-profile .form-items{margin-bottom:30px;}
.form-items .item{padding:10px 0;}
.form-items.items-no-padding .item{padding:0;}
.item label{font-weight:bold;cursor:pointer;}
.item label.checkbox{font-weight:normal;}
.item label.near{font-weight:normal;}
/* skip */
.skip a,
.hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.skip a:focus{
    position:static;
    width:auto;
    height:auto;
}
/* Dropdowns (based on Bootstrap) */
.dropup,
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-toggle {
    *margin-bottom: -3px;
}
.dropdown-toggle {
    outline: 0 !important;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.dropup .caret,
.dropdown .caret {
    margin-top: 7px;
    margin-left: 2px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 10px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.dropdown.pull-right {
    float:none !important;
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li{
    display:block !important;
    width:100%;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #aaa;
    background-image: -moz-linear-gradient(top, #bbb, #aaa);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbb), to(#aaa));
    background-image: -webkit-linear-gradient(top, #bbb, #aaa);
    background-image: -o-linear-gradient(top, #bbb, #aaa);
    background-image: linear-gradient(to bottom, #bbb, #aaa);
    background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #aaa;
    background-image: -moz-linear-gradient(top, #bbb, #aaa);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbb), to(#aaa));
    background-image: -webkit-linear-gradient(top, #bbb, #aaa);
    background-image: -o-linear-gradient(top, #bbb, #aaa);
    background-image: linear-gradient(to bottom, #bbb, #aaa);
    background-repeat: repeat-x;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open {
    *z-index: 10000;
}
.open > .dropdown-menu {
    display: block;

}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropdown-menu .dropdown-caret {
    float: left;
    height: 7px;
    left: 12px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    width: 12px !important;
}
.dropdown-caret.right,
.fix-right .dropdown-caret {
    left: auto;
    right: 20px;
}
.dropdown-caret.center {
    left: 50%;
    margin-left: -6px;
}
.dropdown-caret .caret-outer, .dropdown-caret .caret-inner {
    display: inline-block;
    left: 0;
    margin-left: -1px;
    position: absolute;
    top: 0;
}
.dropdown-caret .caret-outer {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.dropdown-caret .caret-inner {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    left: 1px;
    top: 1px;
}
.dropup .dropdown-menu .dropdown-caret{
    top:auto;
    bottom:-7px !important;
}
.dropup .dropdown-caret .caret-outer {
    border-top: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.dropup .dropdown-caret .caret-inner {
    border-top: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid transparent;
    left: 0px;
    top: 0px;
}
.dropup .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}
.dropup .dropdown-menu{
    top: auto;
    bottom: 100%;
    margin-bottom: 10px;
}
.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.row {
    margin-left: -20px;
    *zoom: 1;
}

.row:before,
.row:after {
    display: table;
    line-height: 0;
    content: "";
}

.row:after {
    clear: both;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container {
    width: 940px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: inline-block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}

.row-fluid .offset12 {
    margin-left: 104.25531914893617%;
    *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
    margin-left: 102.12765957446808%;
    *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
    margin-left: 95.74468085106382%;
    *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
    margin-left: 93.61702127659574%;
    *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
    margin-left: 87.23404255319149%;
    *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
    margin-left: 85.1063829787234%;
    *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
    margin-left: 78.72340425531914%;
    *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
    margin-left: 76.59574468085106%;
    *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
    margin-left: 70.2127659574468%;
    *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
    margin-left: 68.08510638297872%;
    *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
    margin-left: 61.70212765957446%;
    *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
    margin-left: 59.574468085106375%;
    *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
    margin-left: 53.191489361702125%;
    *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
    margin-left: 51.063829787234035%;
    *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
    margin-left: 44.68085106382979%;
    *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
    margin-left: 42.5531914893617%;
    *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
    margin-left: 36.170212765957444%;
    *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
    margin-left: 34.04255319148936%;
    *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
    margin-left: 27.659574468085104%;
    *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
    margin-left: 25.53191489361702%;
    *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
    margin-left: 19.148936170212764%;
    *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
    margin-left: 17.02127659574468%;
    *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
    margin-left: 10.638297872340425%;
    *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
    margin-left: 8.51063829787234%;
    *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
    display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
    float: right;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.container-fluid:after {
    clear: both;
}

small, .small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

.muted {
    color: #999999;
}

a.muted:hover,
a.muted:focus {
    color: #808080;
}

.text-warning {
    color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #a47e3c;
}

.text-error {
    color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
    color: #953b39;
}

.text-info {
    color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
    color: #2d6987;
}

.text-success {
    color: #468847;
}

a.text-success:hover,
a.text-success:focus {
    color: #356635;
}

.warning-block{
    font-style: italic;
}
.warning-block .label{
    font-style: normal;
}

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

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

.text-center {
    text-align: center !important;
}
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}

label,
input,
button,
select,
textarea {
    font-weight: normal;
    line-height: 24px;
}

input,
button,
select,
textarea {}

label {
    display: block;
    margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input,
textarea,
.uneditable-input {
    width: 206px;
}

textarea {
    height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width: auto;
}

select,
input[type="file"] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px;
}

select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

select[multiple],
select[size] {
    height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
    color: #999999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}

.radio,
.checkbox {
    min-height: 20px;
    padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
    display: inline-block;
}

input,
textarea,
.uneditable-input {
    margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 46px;
}

.controls-row {
    *zoom: 1;
}

.controls-row:before,
.controls-row:after {
    display: table;
    line-height: 0;
    content: "";
}

.controls-row:after {
    clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
    float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
    padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: transparent;
}

.item.warning .control-label,
.item.warning .help-block,
.item.warning .help-inline {
    color: #c09853;
}

.item.warning .checkbox,
.item.warning .radio,
.item.warning input,
.item.warning select,
.item.warning textarea {
    color: #c09853;
}

.item.warning input,
.item.warning select,
.item.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.item.warning input:focus,
.item.warning select:focus,
.item.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.item.warning .input-prepend .add-on,
.item.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.error .control-label,
.error .help-block,
.help-block.error,
.error .help-inline {
    color: #b94a48;
}

.error .checkbox,
.error .radio,
.error input,
.error select,
.error textarea {
    color: #b94a48;
}

.error input,
.error select,
.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.item.error input:focus,
.item.error select:focus,
.item.error textarea:focus {
    /*border-color: #953b39;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;*/
    /*-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;*/
}

.item.error .input-prepend .add-on,
.item.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.item.success .control-label,
.item.success .help-block,
.item.success .help-inline {
    color: #468847;
}

.item.success .checkbox,
.item.success .radio,
.item.success input,
.item.success select,
.item.success textarea {
    color: #468847;
}

.item.success input,
.item.success select,
.item.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.item.success input:focus,
.item.success select:focus,
.item.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.item.success .input-prepend .add-on,
.item.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

.item.info .control-label,
.item.info .help-block,
.item.info .help-inline {
    color: #3a87ad;
}

.item.info .checkbox,
.item.info .radio,
.item.info input,
.item.info select,
.item.info textarea {
    color: #3a87ad;
}

.item.info input,
.item.info select,
.item.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.item.info input:focus,
.item.info select:focus,
.item.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.item.info .input-prepend .add-on,
.item.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

.help-block,
.help-inline {
    color: #595959;
}

.help-block {
    display: block;
    margin-bottom: 10px;
}

.help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}
/* signup- form */
.signup-form input,
.signup-form textarea,
.signup-form select{
    border-color: none;
    outline: 0;
    font:18px/22px Helvetica, Arial, Verdana, sans-serif;
    vertical-align:middle;
    color:#b1acac;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}
.signup-form input:focus,
.signup-form textarea:focus,
.signup-form select:focus{
    border-color: none;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table-borderless th,
.table-borderless td {
    border: none;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success > td {
    background-color: #dff0d8;
}

.table tbody tr.error > td {
    background-color: #f2dede;
}

.table tbody tr.warning > td {
    background-color: #fcf8e3;
}

.table tbody tr.info > td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/common/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-dach {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-image: url("../images/common/sprite.png");
}

.icon-dach-de {
    background-position: -134px -257px;
}

.icon-dach-ch {
    background-position: -134px -275px;
}

.icon-dach-at {
    background-position: -134px -293px;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */

.icon-white,
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../images/common/glyphicons-halflings-white.png");
}

.icon-glass {
    background-position: 0      0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    width: 16px;
    background-position: -216px -120px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    width: 16px;
    background-position: -384px -120px;
}

.icon-folder-open {
    width: 16px;
    background-position: -408px -120px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}

h1,
h2,
h3 {
    line-height: 40px;
}

h1 {
    font-size: 38.5px;
}

h2 {
    font-size: 31.5px;
}

h3 {
    font-size: 24.5px;
}

h4 {
    font-size: 17.5px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 11.9px;
}

h1 small {
    font-size: 24.5px;
}

h2 small {
    font-size: 17.5px;
}

h3 small {
    font-size: 14px;
}

h4 small {
    font-size: 14px;
}

.label,
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.label:empty,
.badge:empty {
    display: none;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    background-color: #823238;
}

.label-important[href],
.badge-important[href] {
    background-color: #953b39;
}

.label-warning,
.badge-warning {
    background-color: #d38300;
}

.label-warning[href],
.badge-warning[href] {
    background-color: #c67605;
}

.label-success,
.badge-success {
    background-color: #468847;
}

.label-success[href],
.badge-success[href] {
    background-color: #356635;
}

.label-info,
.badge-info {
    background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
    background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
    background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
    background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
    position: relative;
    top: -1px;
}

.info-holder .messages .badge{
    padding: 2px 3px;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    top:-5px;
    margin-left:70%;
    position:absolute;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert.noMargin{
    margin:0;
}
.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

.breadcrumb {
    padding-bottom:20px;
    list-style: none;
    font-size:120%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.breadcrumb > li {
    display: inline-block;
    *display: inline;
    text-shadow:1px 2px 0 #fff;
    *zoom: 1;
}

.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb > .active {
    color:#767676;
}

.pagination {
    margin: 20px 0;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    *zoom: 1;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 12px;
    line-height: 20px;
    margin-left:5px;
    margin-right:5px;
    text-decoration: none;
    /*background-color: #ccc;*/
    color:#888;
    border:1px solid #ccc;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #3d6880;
    color:#fff;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #999999;
    border:none;
    cursor: default;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
    top: 10%;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.tooltip {
    position: absolute;
    z-index: 103000;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    visibility: visible;
}

.tooltip.in {
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 250px;
    padding: 10px;
    text-shadow:0 1px 0 #fff;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #f4efe0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #f4efe0;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #f4efe0;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #f4efe0;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #f4efe0;
    border-width: 0 5px 5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010000;
    display: none;
    max-width: 350px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popover-title:empty {
    display: none;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

.popover .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
}

/*** SOUNDPLAYER ***/

div.jp-audio {
    width: 90%;
    position: relative;
}
div.jp-audio.jp-audio-small {
    width:34px;
    position: relative;
    display:inline;
    float:left;
}
div.jp-interface {
    height: 34px;
    overflow: hidden;
}
div.jp-interface ul.jp-controls {
    list-style-type:none;
    margin:0;
    padding:0;
    /* 	overflow:hidden; */
    width:34px;
    height:34px;
    float:left;
}
div.jp-interface ul.jp-controls li {
    display:inline;
}
div.jp-interface ul.jp-controls a {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    width:34px;
    height:34px;
}
a.jp-play {
    background:url(../images/common/sprite.png) no-repeat;
    background-position:-130px -215px;
}
a.jp-play:hover {
    background-position:-166px -215px;
}
a.jp-pause {
    background:url(../images/common/sprite.png) no-repeat;
    background-position:-130px -180px;
    display: none;
}
a.jp-pause:hover {
    background-position:-166px -180px;
}
div.jp-audio div.jp-holder {
    position:relative;
    height:34px;
    margin-left:34px;
    vertical-align: middle;
}

div.jp-audio div.jp-progress {
    position:absolute;
    z-index: 10000;
    left:0;
    background-color: #c0c0c0;
    height:2px;
    width:100%;
    top:18px;
}
div.jp-seek-bar {
    width:0px;
    height:100%;
    cursor: pointer;
}
div.jp-play-bar {
    background-color: #3d3f40;
    width:0px;
    height:100%;
}
div.jp-audio div.jp-time-holder {
    line-height: 19px;
    position:absolute;
    left:0;
    width:100%;
}
div.jp-current-time,
div.jp-duration {
    display:block;
    font-size:.8em;
    color:#9f9f9f;
}
div.jp-current-time {
    text-align: left;
    margin-left:10px;
}
div.jp-duration {
    text-align: right;
}
div.jp-jplayer audio,
div.jp-jplayer {
    width:0px;
    height:0px;
}
div.jp-jplayer {
    background-color: #000000;
    position:absolute;
}
.jp-no-solution {
    padding:5px;
    font-size:.8em;
    background-color:#eee;
    border:2px solid #009be3;
    color:#000;
    display:none;
}
.jp-no-solution a {
    color:#000;
}
.jp-no-solution span {
    font-size:1em;
    display:block;
    text-align:center;
    font-weight:bold;
}

/*** /SOUNDPLAYER ***/

/* translation */
.sentence,sentence {display:inline;font-style: normal;}
.sentence:hover,
sentence:hover{
    background-color:#fffac8;
    cursor: pointer;
}
var {
    display:inline;
    font-style: normal;
}
.sentence var:hover,
sentence var:hover{
    background-color:#dad6a5;
    cursor: pointer;
}

.embedWrapper{
    margin-bottom:20px;
}
.embed {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Large desktop */
@media (min-width: 1200px) {
    #nav ul{
        margin-left:300px;
    }
}

@media (max-width: 980px) {
    #nav span.nav_item_info{
        display: none;
    }
    #nav a{
        height:83px;
        padding-top:20px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .features-list li{
        width:48%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .features-list li{
        width:48%;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

}

#fineUploader .qq-upload-button {
    display:none;
}

#fineUploader .qq-upload-list {
    margin: 0;
    padding: 0;
}

#fineUploader .qq-upload-list li {
    background: none repeat scroll 0 0 transparent;
    font-size: inherit;
    line-height: inherit;
    padding: 0;
}

#fineUploader .qq-upload-list li.qq-upload-success {
    color: #5DA30C;
}

#fineUploader .qq-upload-list li.qq-upload-fail {
    color: #D60000;
}

.remove-pic .remove-activated {
    display:block;
}
.remove-pic .remove-deactivated {
    display:none;
}
.remove-pic.disabled .remove-deactivated {
    display:block;
}

.remove-pic.disabled .remove-activated {
    display:none;
}
a.close {text-decoration:none;}

.two-column-list label {
    display:inline;
}

.two-column-list a {
    text-decoration: none;
}

.two-column-list {
    width: 350px;
    margin:0;
}
.two-column-list li{
    width: 175px;
    float:left;
}

.close.no-float {
    float:none;
}

a.label {
    text-decoration: none;
}

.table-list .table-list-stat strong {
    font-weight: 550;
}
.table-list h2 {
    margin-bottom:0;
    font-weight: normal;
}
.table-list a {
    /*text-decoration: none;*/
}
.meta-info {
    white-space: nowrap;
    padding-left:1em;
    font-size:0.9em;
    color: #777;
}
.table-list p.desc {
    font-size: 1em;
    color: #777;
}
.table-list .last-post-date {
    color: #777;
}
.table-list-top-toolbar,
.content-top-toolbar {
    margin-bottom:1.5em;
}
.content-bottom-toolbar {
    margin-top:1.5em;
}
.table-list .table-list-lastpost,
.table-list .table-list-post {
    font-size: 1em;
    position:relative;
}
.table-list .settings-dropdown {
    position:absolute;
    right:0;
}
.table-list-post-top {
    margin-bottom:10px;
}
.table-list-post-middle {
    margin-bottom:2em;
}

.bbcode blockquote {
    padding:0.5em 1em;
    margin:1em;
    font-size:0.9em;
    border-left: solid #e5c586 1px;
    background-color: #fbfbd8;
}
.bbcode blockquote blockquote {
    font-size:1em;
}

.bbcode blockquote .blockquote-title {
    font-weight: bold;
    color:#555;
}
h1.table-list-title {
    margin-bottom:0em;
}
.forum-icon,
div.media-text-icon,
div.media-audio-icon,
div.media-video-icon {
    position:relative;
    padding-left: 40px;
}
.forum-icon:before,
div.media-text-icon:before,
div.media-audio-icon:before,
div.media-video-icon:before {
    position:absolute;
    left:0;
    content:"";
    background:url(../images/common/sprite.png) no-repeat 0 -321px;
    width:22px;
    height:26px;
}
div.media-title {
    position:relative;
}
div.media-submenu {
    position:absolute;
    right:0;
}
div.media-video-icon:before {
    background-position: -58px -321px;
}
div.media-text-icon:before {
    background-position: -30px -321px;
}
div.media-audio-icon:before {
    background-position: 0 -321px;
}
div.media-video-icon.media-progress:before {
    background-position: -58px -351px;
}
div.media-text-icon.media-progress:before {
    background-position: -30px -351px;
}
div.media-audio-icon.media-progress:before {
    background-position: 0 -351px;
}
div.media-video-icon.media-done:before {
    background-position: -58px -381px;
}
div.media-text-icon.media-done:before {
    background-position: -30px -381px;
}
div.media-audio-icon.media-done:before {
    background-position: 0 -381px;
}
.forum-icon:before {
    width: 32px;
    height: 32px;
}
.forum-icon.forum-icon-read:before {
    background-position: 0 0;
}
.forum-icon.forum-icon-unread:before {
    background-position: -36px 0;
}
.topic-rtl-dir .forum-text {
    direction:rtl;
}
[class^="level-"],
[class*=" level-"] {
    text-indent:-9999px;
    overflow:hidden;
    display: inline-block;
    width: 22px;
    height: 18px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background:url(../images/common/sprite.png) no-repeat -92px -321px;
}
.level-l1{
    background-position: -117px -321px;
}
.level-l2{
    background-position: -142px -321px;
}

.thumbnails {
    margin: -20px 0 0 -20px;
    *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
    display: table;
    line-height: 0;
    content: "";
}
.thumbnails:after {
    clear: both;
}
.thumbnails > li {
    text-decoration: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 20px 0 0 20px;
}
.thumbnails .thumbnail {
    width: 180px;
    float: left;
}
.thumbnail > img,
.thumbnail a > img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.thumbnail .caption {
    color: #555555;
    text-align: center;
    padding: 2px;
}
.thumbnail .caption h3 {
    font-size:1em;
    font-weight: normal;
    line-height:1.5em;
    margin:0;
    color: #555555;
}
.thumbnail .caption p {
    line-height:1.2em;
}

.ui-slider {
    position:relative;
    height:5px;
    background-color:#eee;
    box-shadow:0 1px 0 rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.4) inset;
    border-radius:5px;
    margin:15px 5px 5px;
}
.ui-slider .ui-slider-range {
    top:0;
    position:absolute;
    height:100%;
    display:block;
    box-shadow:0 1px 0 rgba(255,255,255,0.5),0px 1px 2px rgba(0,0,0,0.4) inset;
    background-color:#aaa;
    margin:0 2px;
}
.ui-slider .ui-slider-handle {
    display:block;
    background-color: #eee;
    border:1px solid #aaa;
    width:14px;
    height:14px;
    position:absolute;
    border-radius:5px;
    top:-5px;
    text-decoration:none;
}
.ui-slider .ui-slider-handle:last-child {
    margin-left:-14px;
}
#gt-popup {
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    padding: 20px;
    margin:0;
    font-size: 14px;
    color:#fff;
}
.vk-popup {
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    padding-top: 20px;
    margin:0;
    font-size: 60px;
}
.vk-popup li {
    display:inline-block;
    list-style: none;
    padding: 10px 34px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #000000;
    cursor:pointer;
    color: white;
    border: solid 4px black;
    border-radius: 12px;
}
.vk-popup li.vk-shifted {
    display:none;
}
.vk-popup.shifted li {
    display:none;
}
.vk-popup.shifted li.vk-shifted {
    display:inline-block;
}
.vk-popup li:hover {
    border-color: white;
    -webkit-box-shadow: 0 0 18px rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    0 0 18px rgba(255, 255, 255, 0.75);
    box-shadow:         0 0 18px rgba(255, 255, 255, 0.75);
}
a.sort-link.asc:after,
a.sort-link.desc:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 7px;
    margin-left: 5px;
    vertical-align: top;
    content: "";
}
a.sort-link.desc:after {
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.sort-link.asc:after {
    border-bottom: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.ias_loader, .ias_trigger {
    text-align:center;
    margin: 30px 0 40px;
    display:block;
    clear:both;
}
.ias_trigger a:link,
.ias_trigger a:visited {
    padding: 4px 50px;
    background-color: #f9f9f9;
    border: solid 1px #ddd;
    border-radius: 2px;
    font: bold 12px Arial, sans-serif;
    color: #555;
    text-decoration: none;
}
.ias_trigger a:hover,
.ias_trigger a:active {
    border-color: #ccc;
}

.exercise-done .exercise-active{
    display:none;
}

.exercise-item {
    padding:5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    overflow: hidden;
    text-align: center;
}
.text-left {
    text-align: left !important;
}

.exercise-question{
    margin-top:10px;
}

.exercise-drop-answer,
.exercise-answer{
    color: #454545;
    width:90%;
    margin: 0 auto;
    vertical-align: middle;
    min-height: 20px;
    margin-bottom:30px !important;
    margin-top: 20px;
    line-height: 30px;
    padding: 5px;
}

.exercise-done .exercise-drop-answer,
.exercise-done .exercise-answer{
    line-height: 1.5em;
}

.exercise-drop-answer {
    border-bottom: 1px solid #ccc;
}
.exercise-text {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}

.exercise-pic {
    max-height:300px;
}

.exercise-done .exercise-success .exercise-drop-answer,
.exercise-done.fill-in .exercise-success .exercise-answer,
.exercise-done.choose .exercise-success input[type=radio]:checked + label,
.exercise-done.choose .exercise-success select,
.exercise-done .exercise-success .select-success{
    background-color: #c8f3d9;
    color:#000;
}
.exercise-done .exercise-error .exercise-drop-answer,
.exercise-done.fill-in .exercise-error .exercise-answer,
.exercise-done.choose .exercise-error input[type=radio]:checked + label,
.exercise-done.choose .exercise-error,
.exercise-done.choose .exercise-error select,
.exercise-done .exercise-error .select-error{
    background-color: #ffdad6;
    color:#000;
}

.exercise .drag-items {
    text-align: center;
    /*padding:5px 10px;*/
    min-height: 22px;
    /* 	margin-top:50px; */
}

.exercise .drag-items .drag-item,
.exercise .drag-items .ui-state-highlight {
    display:inline-block;
    color:#fff !important;
    text-decoration:none;
    font-size:18px;
    line-height:19px;
    padding:7px 20px;
    margin:5px 3px;
    border-radius:5px;
    text-align:center;
    background-color:#9f9f9f;
    cursor: pointer;
}
.exercise .drag-items.drag-small .drag-item,
.exercise .drag-items.drag-small .ui-state-highlight {
    font-size:14px;
    line-height: 18px;
    padding: 5px 10px;
    margin:5px 3px;
}

.exercise .drop-area .drag-item {
    padding: 2px 5px !important;
}

.exercise .drag-items .ui-state-highlight {
    border: 1px dotted #9f9f9f;
    padding: 2px !important;
    width:30px;
    background:none;
    border:1px dotted #9f9f9f;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color:transparent;
}
.exercise .drag-items .ui-state-highlight:before{
    content: "-"
}

.exercise .drag-items .placeholder {
    line-height:19px;
    padding: 2px 5px !important;
    margin:5px 3px;
}

.exercise .row-fluid {
    margin-bottom: 20px;
}

/*.fill-in .exercise-answer{ word-spacing:10px; }*/
.fill-in .input-word{ margin-right: 5px; }

.exercise [class^="w-"],
.exercise [class*=" w-"] {
    display:inline !important;
    border:none;
    border-bottom:1px solid #ccc !important;
    background: none  !important;
    font-size:14px  !important;
    line-height: 18px  !important;
    vertical-align: baseline  !important;
    width:50px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 4px 0px;
    margin:0;
}

.exercise [class^="w-"].input-error,
.exercise [class*=" w-"].input-error {
    color:red;
    border-color:red !important;
}

[class^="w-"][disabled] {
    color:#000;
}

.exercise .soundplayer {position:relative;}
.exercise .soundplayer .jp-audio { max-width: 80%; margin: 20px auto; }

.exercise [class^="w-"]:hover,
.exercise [class*=" w-"]:hover,
.exercise [class^="w-"]:focus,
.exercise [class*=" w-"]:focus {
    background-color:#fff4cb !important;
}

.exercise .w-1 {width:10px;}
.exercise .w-2 {width:15px;}
.exercise .w-3 {width:20px;}
.exercise .w-4 {width:25px;}
.exercise .w-5 {width:30px;}

.choose .option {
    display: inline-block;
    position:relative;
    margin-bottom:10px;
}

.choose input[type=radio] {
    visibility: hidden;
    position: absolute;
    /*left: -9999px;*/
}

.choose label:hover {
    background-color:#fff4cb;
}

.choose.exercise-done label:hover {
    background-color:white;
    cursor:default;
}

.choose label {
    display:inline-block;
    background-color:#fff;
    vertical-align:top;
    text-decoration:none;
    font-size:18px;
    line-height:19px;
    padding:7px 20px;
    border-radius:5px;
    text-align:center;
    border:1px solid #9f9f9f;
    color: #9f9f9f;
    cursor: pointer;
}

.choose input[type=radio]:checked + label {
    -webkit-appearance: none;
    background-color: #9f9f9f;
    color: #fff;
}

.sections section {
    padding-bottom: 100px !important;
    margin-bottom: 70px !important;
    border-bottom:1px solid #aaa;
}

.exercise-item.exercise-condensed {
    padding:0 !important;
    margin:2px 0 !important;
}
.exercise-item.exercise-condensed .exercise-question {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    font-style: italic;
}
.exercise-item.exercise-condensed .exercise-answer{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 5px 10px !important;
}
.text-left .exercise-answer {
    margin-left: 0 !important;
}

.exercise-item.exercise-condensed .exercise-soundplayer { margin: 0; }

.exercise-item select.select-small {
    height: 25px;
    *margin-top: 4px;
    line-height: 25px;
    width: auto;
    vertical-align: baseline;
}
.exercise .drop-area {
    border: 1px dashed #ccc;
    text-align: center !important;
}

.exercise .drop-area:hover{
    background-color:#fff4cb;
}

.exercise-item.exercise-noborder {
    border:none;
}

.dictbox {
    min-width: 200px;
}

.dictbox li {
    padding:5px;
}
.dictbox li .word {
    font-weight: bold;
}
.dictbox li .translations {
    padding-left:0.5em;
}
.dictbox li .word-info {
    color:#555;
    font-style: italic;
    font-weight:normal;
}
.full{
    width: 100%;
    *width: 99.94680851063829%;
}
#preview {
    display:block;
    *padding-bottom:10px;
    clear:both;
}
.inline-info {
    padding-left:15px;
}
.footer-social {
    float:right;
    text-align:right;
    position:static;
}
.footer-social a {
    display:inline-block;
    background:url(../images/common/sprite.png) no-repeat;
    width:30px;
    height:25px;
    text-indent:9999px;
    overflow:hidden;
}
.footer-social a.facebook_button {
    background-position: -164px -258px;
}
.footer-social a.twitter_button {
    background-position: -164px -289px;
}
#conversations #threads ul {
    max-height:800px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#conversations #threads ul li {
    border-bottom:1px solid #ccc;
    padding:10px 0;
}
#conversations #threads ul li.selected,
#conversations #threads ul li:hover {
    background-color: #eee;
}
#conversations .message-date,
#conversations .thread-last-message {
    font-size: .9em;
    color: #999;
}
#conversations .message-date {
    float:right;
}
#conversations #threads ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    width:100%;
}
#conversations #thread {
    padding:10px;
}
#conversations #thread ul {
    max-height:700px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#conversations .message {
    margin-bottom:1em;
}
#conversations .message-text p {
    margin-bottom:0.3em;
}
#conversations .message-form-box {
    background-color:#eee;
    border:1px solid #ddd;
    padding:10px;
}
#conversations .message-form-box textarea {
    height:50px;
    width:98%;
}
#conversations .message-form-tools {
    text-align: right;
}
#conversations .message-form-tools label {
    display:inline;
}
#conversations .message-form-tools input {
    float:none;
}
#conversations .message-form-tools #message-send {
    margin-left:.5em;
}