/* =Typography
-----------------------------------------------------------------------------*/
body {
	background: #F8F8F8;
	color: #7A7A7A;
}
	
/* =Links
-----------------------------------------------------------------------------*/


/* =Layout
-----------------------------------------------------------------------------*/
#page {
	width: 940px;
	padding: 0 10px;
	margin: 24px auto;
}
.bg-blue{background: #7e9ec7;}
.bg-red-light{background: #FFEFEF;}
.btn {text-shadow: 0 1px 0px #f2f2f2;}
.f11{font-size:11px;}
.f10{font-size:10px;}
.ml40{margin-left:40px;}
.pointer{cursor:pointer;}
.cdefault{cursor:default;}

/* wrap long word in tables*/
table.wrap{ table-layout:fixed; }
table.wrap td{ overflow:hidden; }

.display-no{display:none;}
.display-inline{display:inline;}
.display-block{display:block;}
.width-10{width:10%}

select{height: 23px;}

.height-100{height:100%}
.height-50{height:50%}
.bg-gray-dark{background: #555555;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.top0-left0{ top:0; left:0;}
.top50-left50{ top:50%; left:50%;}

.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;}

.z-index-1 {z-index:-1}
.z-index1   {z-index: 1}
.z-index2   {z-index: 2}
.z-index3   {z-index: 4}
.overflow-hidden{overflow:hidden}

.inner {                  padding: 1.5em;}
.outer {                  margin: 1.5em;}
.outer-left {             margin-left: 1.5em;}
.outer-right {            margin-right: 1.5em;}
.outer-right2 {           margin-right: 0.7em;}
.outer-bottom {         	 margin-bottom: 1.5em;}
.outer-nobottom {         margin-bottom: 1px;}
.outer-double {           margin: 3em;}
.outer-double-top {       margin-top: 3em;}
.outer-double-left {      margin-left: 3em;}
.outer-double-right {     margin-right: 3em;}
.outer-double-nobottom {  margin-bottom: 1px; }

.btn-group{vertical-align:top;}

#example{position:fixed; right:154px; top:75px; width:210px; height:300px; overflow:hidden; margin:8px; z-index:1; border: 0px solid #AE5E10; }
#napolnenie{background:#F8F8F8; position:absolute; z-index:3; width:124px; height:206px; margin:47px 42px; border: 0px solid #AE5E10;}
#cornerstl, #cornerstr, #cornersbl, #cornersbr{position:absolute; z-index:2; width:100%; height:100%;}
#cornerstl{background:url(../img/corners.png) top left no-repeat;}
#cornerstr{background:url(../img/corners.png) top right no-repeat;}
#cornersbl{background:url(../img/corners.png) bottom left no-repeat;}
#cornersbr{background:url(../img/corners.png) bottom right no-repeat;}

#textures li:hover{
	border: 1px solid black;
	cursor:pointer;
}
table thead.pad-2px th,table thead.pad-2px td{padding:2px}

table thead.bordered2 th,table thead.bordered2 td{border: 2px solid #979797;}
.fbold{font-weight:bold;}
thead tr td{font-weight:normal;}

.bt2{border-top:2px solid #979797!important;}
.br2{border-right:2px solid #979797!important;}
.bb2{border-bottom:2px solid #979797!important;}
.bl2{border-left:2px solid #979797!important;}

#profiles li:hover{
	border: 1px solid black;
	cursor:pointer;
}
.tdbord{border: 1px solid #ddd;}

#pimgprofil{width:245px!important;}
.border-gray li{border: 1px solid gray}
.bgray2 {border: 1px solid black;}
.vtext-top{vertical-align:top}
input{line-height: 14px!important;}
#pimgtextura, #imgtextura{width:130px!important}


#messagebox .highlight {
	border:1px solid white;
	box-shadow: 0 0 10px white;
	background:#F8F8F8;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px; 
	-khtml-border-radius:6px;
}

.btn-black {
  border-color: #000;
  background-color: #2e2e2e;
  background-image: -moz-linear-gradient(top, #4d4d4d, #000000);
  background-image: -ms-linear-gradient(top, #4d4d4d, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), to(#000000));
  background-image: -webkit-linear-gradient(top, #4d4d4d, #000000);
  background-image: -o-linear-gradient(top, #4d4d4d, #000000);
  background-image: linear-gradient(top, #4d4d4d, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000', GradientType=0);
}
.btn-red {
  border-color: #c01415;
  border-bottom-color: #910f10;
  background-color: #e54546;
  background-image: -moz-linear-gradient(top, #ef6465, #d71618);
  background-image: -ms-linear-gradient(top, #ef6465, #d71618);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef6465), to(#d71618));
  background-image: -webkit-linear-gradient(top, #ef6465, #d71618);
  background-image: -o-linear-gradient(top, #ef6465, #d71618);
  background-image: linear-gradient(top, #ef6465, #d71618);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6465', endColorstr='#d71618', GradientType=0);
}
.btn-orange {
  border-color: #cd640b;
  border-bottom-color: #9c4c08;
  background-color: #ee7f22;
  background-image: -moz-linear-gradient(top, #f48a30, #e5700c);
  background-image: -ms-linear-gradient(top, #f48a30, #e5700c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f48a30), to(#e5700c));
  background-image: -webkit-linear-gradient(top, #f48a30, #e5700c);
  background-image: -o-linear-gradient(top, #f48a30, #e5700c);
  background-image: linear-gradient(top, #f48a30, #e5700c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48a30', endColorstr='#e5700c', GradientType=0);
}
.btn-green {
  border-color: #5a6d2b;
  border-bottom-color: #3c491d;
  background-color: #7e993c;
  background-image: -moz-linear-gradient(top, #90af45, #63782f);
  background-image: -ms-linear-gradient(top, #90af45, #63782f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#90af45), to(#63782f));
  background-image: -webkit-linear-gradient(top, #90af45, #63782f);
  background-image: -o-linear-gradient(top, #90af45, #63782f);
  background-image: linear-gradient(top, #90af45, #63782f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90af45', endColorstr='#63782f', GradientType=0);
}
.btn-blue {
  border-color: #104769;
  border-bottom-color: #09293d;
  background-color: #196ea2;
  background-image: -moz-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -ms-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c7ab4), to(#155c88));
  background-image: -webkit-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -o-linear-gradient(top, #1c7ab4, #155c88);
  background-image: linear-gradient(top, #1c7ab4, #155c88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7ab4', endColorstr='#155c88', GradientType=0);
}
.btn-yellow {
  border-color: #b7900b;
  border-bottom-color: #876a08;
  background-color: #e5b925;
  background-image: -moz-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -ms-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c835), to(#cfa30c));
  background-image: -webkit-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -o-linear-gradient(top, #f3c835, #cfa30c);
  background-image: linear-gradient(top, #f3c835, #cfa30c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c835', endColorstr='#cfa30c', GradientType=0);
}
.btn-black {
  text-shadow: 0 -1px 0 #000000;
}
.btn-red,
.btn-orange,
.btn-green,
.btn-blue,
.btn-yellow, .btn-red:hover ,.btn-green:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.24);
}
.btn-black,
.btn-red,
.btn-orange,
.btn-green,
.btn-blue,
.btn-yellow {
  color: #fff;
}
.btn-black:hover,
.btn-red:hover,
.btn-orange:hover,
.btn-green:hover,
.btn-blue:hover,
.btn-yellow:hover {
  color: rgba(255, 255, 255, 0.8);
}
.btn-black:hover {
  background: #000;
}
.btn-red:hover {
  background: #d71618;
}
.btn-orange:hover {
  background: #e5700c;
}
.btn-green:hover {
  background: #63782f;
}
.btn-blue:hover {
  background: #155c88;
}
.btn-yellow:hover {
  background: #cfa30c;
}
.btn-big {
  font-size: 1.2em;
  line-height: 1.65em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.btn-round {
  border-radius: 20px;
}
.btn-active,
.btn-active:hover,
.btn.disabled,
.btn[disabled],
.btn-disabled,
.btn-disabled:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background: #d1d1d1;
  border: none;
  text-shadow: 0 1px 1px #fff;
}
.btn-active,
.btn-active:hover {
  color: #666;
}
.btn.disabled,
.btn[disabled],
.btn-disabled,
.btn-disabled:hover {
  color: #999;
}
.btn:focus .halflings,
.btn:hover .halflings {
  color: #555555;
}
.btn-black:hover .halflings,
.btn-red:hover .halflings,
.btn-orange:hover .halflings,
.btn-green:hover .halflings,
.btn-blue:hover .halflings,
.btn-yellow:hover .halflings {
  color: rgba(255, 255, 255, 0.8);
}
.btn-disabled:hover .halflings {
  color: #999;
}
.btn-active .halflings {
  color: #555;
}
/* Append  */
.btn-append {
  position: relative;
  top: -1px;
  margin-left: -2px;
  border-radius: 0 4px 4px 0;
}
.cred, .c-red{color:#CF2A2B}
.c-green{color:#007000}

#settings.columnar label{
float: left;
width: 300px;
text-align: right;
margin-right: 20px;
}

.message-error {
color: #C01415;
font-size:13px;
border-color: #F9C0C1;
background-color: #FDEFEF;
}
.message {
position: relative;
padding: 9px 13px;
border: 1px solid #F7DC7D;
border-radius: 5px;
margin-bottom: 1.65em;
color: #9F7D09;
background-color: #FDF7E2;
}
.message .close {
cursor: pointer;
position: absolute;
right: 3px;
top: 0px;
}
.close:hover {
color: #000;
opacity: 1;
}
.close {
padding: 1px;
line-height: 1;
font: bold 14px arial;
cursor: pointer;
color: #6D5504;
text-decoration: none;
opacity: 0.4;
}


/* Hint */
#menuTooltip{
	text-align: left;
	line-height: 16px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	width: 200px;
	margin-right:20px;
	position: absolute; display: none;
	font-family: Arial;
	font-size: 12px;
	background: #F2F2F2;
	border: 1px solid gray;
	border-radius: 3px;
}
#menuTooltip p {
	width: auto;
	margin: 4px;
	margin-left: 7px;
	margin-right: 12px;
}
.waiting{width:20px; height:27px; display:inline-block; background: url(../img/load_min.gif) 0px 0px no-repeat;}
.usersabc button, .usersabc button.btn-active{padding:6px 9px}

/* Tabs */
.nav-tabs {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 1.65em;
}
.nav-tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-tabs ul {
  list-style: none;
  margin: 0;
}
.nav-tabs ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav-tabs ul li {
  float: left;
  margin-right: 2px;
}
.nav-tabs ul li a,
.nav-tabs ul li span {
  display: block;
  line-height: 1;
  padding: 8px 12px 9px 12px;
}
.nav-tabs ul li a {
  color: #999999;
  text-decoration: none;
}
.nav-tabs ul li a:focus,
.nav-tabs ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
.nav-tabs ul li .active,
.nav-tabs ul li span {
  color: #000000;
  background: #fff;
  margin-top: -2px;
  position: relative;
  padding: 8px 11px 9px 11px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  bottom: -1px;
}
.nav-tabs ul li .active {
  cursor: default;
}
.font11{font-size:11px;}