body {
	background-color: #d7d7d7;
}

#content {
	background-color: #fff;	
	padding: 2em 2em;
	box-shadow: 0 0 10px 0 rgba(122,122,122,0.5);
}


 
@media (max-width: 767px) #content {
	padding: 5px;
}

a, a:hover {
	color: #f0682e;
}

.footer a {
	color: #333;
}

#logoArea {
	height: 100px;
	background: scroll #f0f0f0  url(/img/bg-main.jpg) center right no-repeat;
	border-bottom: 1px solid #d7d7d7;
	box-shadow: 0 0 10px 0 rgba(122,122,122,0.5);
}

.navbar {
	margin-bottom: 1px !important;
}

.lang-ru {padding-left: 42px !important;® background:url(/img/lang/ru.png) no-repeat 7px 50%;}
.lang-en {padding-left: 42px !important; background:url(/img/lang/en.png) no-repeat 7px 50%;}
.lang-fr {padding-left: 42px !important; background:url(/img/lang/fr.png) no-repeat 7px 50%;}
.lang-de {padding-left: 42px !important; background:url(/img/lang/de.png) no-repeat 7px 50%;}
.lang-it {padding-left: 42px !important; background:url(/img/lang/it.png) no-repeat 7px 50%;}
.lang-es {padding-left: 42px !important; background:url(/img/lang/es.png) no-repeat 7px 50%;}
.lang-tr {padding-left: 42px !important; background:url(/img/lang/tr.png) no-repeat 7px 50%;}
.lang-pl {padding-left: 42px !important; background:url(/img/lang/pl.png) no-repeat 7px 50%;}
.lang-nl {padding-left: 42px !important; background:url(/img/lang/nl.png) no-repeat 7px 50%;}
.lang-se {padding-left: 42px !important; background:url(/img/lang/se.png) no-repeat 7px 50%;}
.lang-ee {padding-left: 42px !important; background:url(/img/lang/ee.png) no-repeat 7px 50%;}
.lang-lt {padding-left: 42px !important; background:url(/img/lang/lt.png) no-repeat 7px 50%;}
.lang-lv {padding-left: 42px !important; background:url(/img/lang/lv.png) no-repeat 7px 50%;}


.pagination>li>a, 
.pagination>li>a:hover  {
	color: #f0682e;
}

.pagination>.active>a,  
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,  
.pagination>.active>span:hover,
.pagination>.active>span:focus {
	background-color: #f0682e;
	border-color: #f0682e;
}


.loginArea {
    background: #FFF; 
    opacity:0.85;  -moz-opacity:0.85; -khtml-opacity:0.85; filter: alpha(opacity=85); 
}
.loginArea .panel-body { padding: 10px; }
.loginArea p { display: none; margin: 7px 0 0 5px;}
.loginArea b {
	display: block; margin-bottom: 7px;
}
.loginArea:hover {
	opacity:1;  -moz-opacity:1; -khtml-opacity:1; filter: alpha(opacity=100);
}
.loginArea:hover p { display: block;}


.loginArea .form-control {
	width: 130px;
}

.qaTable {
	line-height: 30px;
}
.qaTable .col-sm-3 {
	text-align: center;
}

.qaTable .row {
	border-top: 1px solid #f0f0f0;	
}



/*  Upload elements style   */

.uploadArea {
    text-align: center;
    width: 70%;
    padding: 20px 0 50px 0;
    margin: 50px auto;  
    background: #f0f0f0;
    border: 2px dashed #aaa;
    border-radius: 5px;    
    position: relative; 
}

.uploadArea.hover {
    background: #ddd;
    border-color: #aaa;
}

.uploadArea.error {
    background: #faa;
    border-color: #f00;
}

.uploadArea.drop {
    background: #afa;
    border-color: #0f0;
}
.uploadArea p {
	font-size: 1.6em;
	margin-top: 18px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE less then 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


.glass {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    background-color: #fff;        
}
.glass img {
    margin: 40px auto;
}