* 
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: arial,Tahoma, sans-serif;
font-size:1em;
height: 100%;
  
}
ul{
list-style:none;}
body {
font-size: 70%;
min-width: 760px;

}



.simple:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

p {
padding: 7px 0 7px 0;
}
a {
color: #000099;
}
a:hover
{

text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
margin:0 auto;
width:1180px;

min-height: 100%;




}





/**************************
HEADER
**************************/

body{
	background:url(../img/fona.jpg)  center 58px no-repeat;
	background-color:#FFFFFF !important;
}

#header {

		padding:0;
	height:58px;
	position:relative;
background:url(../img/b2bx.png)  top left repeat-x;
	z-index:1500;

  

}

			/*LOGO*/				   
#logo{
 position:absolute;
 left:25px;
 top:17px;
 height:24px;
 width:114px;

  text-indent:-9999px;
 background: url(../img/mark.png) no-repeat;
 z-index:2001;
 
 }
#loggedh{
position:absolute;
width:300px;
left:160px;
top:25px;

}

#loggedh2{
 position:absolute;
right: 10px;    
  top:25px;  
    
}



#loggedh h3, #loggedh2 h3{
float:left;
color:#fff;
font-size:15px;
font-weight:normal;

}
 
 #loggedh .rbutton,#loggedh2 .rbutton{
 font-size:11px;
 padding:0px 10px;
  text-decoration:none;
  line-height:19px;
  height:auto;
  margin-top:-1px;
  margin-left:12px;

 
 
 }
 

div#tel-h{
position: absolute;	
width:250px;
height:20px;
left:380px;

   top:32px;

	} 
	
	div#tel-h p{
		font-size:19px;
		color:#7ac670;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		
div#tel-h p span a{
	
	font-size:12px;
	color:#7ac670;
	text-decoration:none;
}

div#tel-h p span a:hover{
	text-decoration:underline;
	}		
	

div#navi-h{
position: absolute;	
width:113px;
height:20px;
right:200px;

   top:80px;
background:url(../img/navi.png) no-repeat;
	} 
	
	
div#navi-h  ul{
	list-style:none;}	
	
div#navi-h  ul li{
	float:left;
	width:37px;
}

div#navi-h  ul li a {
	display:block;
	text-indent:-9000px;
	width:37px;
	height:30px;

}	
 
div#navigation{
  z-index: 2000;

left:0;
top:0;

height:58px;
position: relative;
width: 100%;


}

div#navi-gat{
height:58px;
	position: absolute;
	z-index:2600;
	text-align:center;
	left:470px;
	}

 

#login-box{
	background:url(../img/auth.png) no-repeat;
	width:359px;
	height:124px;
	font-size:14px;
	font-family: trebuchet ms, Helvetica, sans-serif;
	color:#32522e;
	padding-left:15px;
	padding-top:17px;
	position:absolute;
	top:55px;
	left:586px;
	

}

#login-box h3{
	font-size:16px;
	color:#5e5e5e;
	margin-left:100px;
	margin-top:10px;
	
	
	}

#login-box ul{
	list-style:none;
	}
	
	#login-box ul li{
		float:left;
		width:150px;
		margin-left:0px;
		text-align:center;
		position:absolute;
		bottom:0;
		left:0;
	
	}
	
#login-box ul.loggedul{
height:56px;
margin-top:-20px;

width:380px;
background:#e7e7e7;


}	
#login-box ul.loggedul li a{
font-size:15px;


}
#login-box ul.loggedul li a:hover{
text-decoration:none;
}
	
#login-box input{
	margin: 41px 0 0px 20px;
	width:115px;
	background:none;
	border:none;
	

	font-size:14px;
	color:#bfbfbf;

	}	
	

	
#login-box a {
	color:#359a25;
	font-size:10px;}	
	
#login-box #btn-l{
	float:right;
	height:36px;
	width:65px;
	margin-top:-25px;
	text-indent:-9000px;
	display:block;
	border:none;

	background:none;
	margin-right:18px;
	cursor:pointer;
	}
	

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 235px;/*** Same width as margin-left for the float-wrap div ***/
padding-right: 235px; /*** Our right column width ***/
background:url(../img/fona.jpg) no-repeat;
}
.inner {
width: 100%;
	position: relative; 
z-index: 2;
padding-bottom: 246px;
background:url(../img/wrp_bg.png) top left repeat-y; /*** Padding-bottom value is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {

float: left;
width: 100%;
margin-left: -235px; /*** Same length as .outer padding-left but with negative value ***/
}

#content {
float: right;
margin-right: -235px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
position: relative;
z-index:10;
}

.contentWrap{
	padding:0 20px;
	overflow:hidden;
	
padding-top: 14px;
	position: relative; 
z-index: 60;

}

.contentWrap li {
padding-bottom: 2px;
}

/*boxeesss*/


div.box2{
margin-bottom:30px;

margin-right:30px;
float:left;

width:100%;
}

#content div.boxx2{
background:#fff url(../img/boxx.png) top left  repeat-x;

border:#d1d1d1 1px solid;
border-radius:5px;

}

div.boxx2{
background-color:#FFFFFF;
border:#d1d1d6 1px solid;
border-radius:7px;

}

div.boxx2:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

h2.headr2{

padding:0;
margin:10px 0 2px 13px;
position:relative;
font-weight:normal;
float:left;
font-size:20px;
text-shadow: 0px 0px 1px #c8c8c8;
font-family:Arial, Helvetica, sans-serif;
}

#schet-filter .headr2{
margin-left:20px;
}
ul.mega-beyt{
margin:0;
padding:0;
width:100%;
}


ul.mega-beyt li{

margin:10px 5px 10px 0;


float: left;

position: relative;
width: 48%;

} 


ul.mega-beyt h3 a{
font-size:14px;
color:#000000;
font-weight:normal;



} 

div.box2 a.img_holder{
float:left;
margin:0 23px 18px 10px;
width:165px;
text-align:center;

overflow:hidden;
max-height:135px;

}

div.box2 h2 a.not_active{
color: #737373;
text-decoration:none;
display:inline;
font-size:15px;
margin-left:25px;


}

div.box2 h2 a.active{
color: #000000 ;
text-decoration:underline;
display:inline;
font-size:15px;
margin-left:25px;
}
div.box2 a.read_more{
height:19px;
text-indent:-99999px;
display:block;
margin-top:15px;
margin-left:110px;

background:url(../img/read_more.png) top left no-repeat;

}

div.box2 a.read_more2{
height:19px;
text-indent:-99999px;
display:block;
margin-top:15px;
margin-left:110px;

background:url(../img/read_more2.png) top left no-repeat;

}

div.box{

padding:0;
margin-bottom:8px;
clear:left;
width:232px;

}


div.box{

padding:0;
margin-bottom:8px;
clear:left;
width:235px;

}

div.box div.boxx{

padding:0;
padding-bottom:15px;
margin-bottom:15px;
clear:left;
width:232px;
border:#d1d1d1 1px solid;
background-color:#f5f5f5;
border-radius:5px;

}

div.innerright{
padding-left:14px;
padding-top:10px;

}



div.box h2.headr{
height:30px;
text-indent:-5000px;
background-repeat:no-repeat;
}
.xtool {

background-image: url("../img/tool-sprites.gif");
height: 15px;
margin: 0px;
overflow: hidden;
width: 15px;
background-position: 0px -180px;
float:right;
}
.xtool:hover {
background-position: -15px -180px;
}

.cpanel {
background-position: 0px -210px !important;
}

.cpanel:hover {
background-position: -15px -210px !important;
}


.cpanel2 {
background-position: 0px -195px !important;
}

.cpanel2:hover {
background-position: -15px -195px !important;
}


#showPanel {


background-color: #CBDDF3;
background-image: -o-linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; right:0;  display:block;  width:0px; height:100px; cursor:pointer;
 background-image: linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; right:0;  display:block;  width:0px; height:100px; cursor:pointer;
 background-image: -moz-linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; right:0;  display:block;  width:0px; height:100px; cursor:pointer;
 background-image: -webkit-linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; right:0;  display:block;  width:0px; height:100px; cursor:pointer;
 
 }



#showPanel  .right{ 
background-position: -0px -165px;
margin-right:6px;
margin-top:6px;
display:none;
}

#showPanel  .right:hover{ 
background-position: -15px -165px;

}



#showPanel2 {


background-color: #CBDDF3;
background-image: -o-linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; left:0;  display:block;  width:0px; height:100px; cursor:pointer;
 background-image: -moz-linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; left:0;  display:block;  width:0px; height:100px; cursor:pointer;
 
 background-image: -webkit-linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; left:0;  display:block;  width:0px; height:100px; cursor:pointer;
 background-image: linear-gradient(right, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
 z-index:2; position:absolute; left:0;  display:block;  width:0px; height:100px; cursor:pointer;
 }

#showPanel2  .left{ 
background-position: -0px -180px;
margin-left:6px;
margin-top:6px;
display:none;
float:left;

}

#showPanel2  .left:hover{ 
background-position: -15px -180px;

}



/* end boxess*/


/*slide*/

div.slideron{
margin:10px;
width:100%;
text-align:center;
height:286px;
position:relative;

}

div.slideron ul.numbers-sl{
position:absolute;
height:40px;

bottom:-3px;
right:0;
width:100%;
z-index:1100;
margin:0;
margin-right:10px;

}

div.slideron ul.numbers-sl a.active,div.slideron ul.numbers-sl  a:hover{
color: #9b9b9b;
background-color:#FFFFFF;
height:21px;


}

div.slideron ul.numbers-sl a.next-sl{
display:block;
text-indent:-9999px;
background:url(../img/next-sl.png) no-repeat;

height:22px;


}


div.slideron ul.numbers-sl a.prev-sl{
display:block;
text-indent:-9999px;
background:url(../img/prev-sl.png) no-repeat;

height:22px;


}

div.slideron ul.numbers-sl li{
height:19px;
width:20px;
float:right;
line-height:20px;

border:#7b7b7b 1px solid;
margin:0;
margin-bottom:10px;
margin-right:8px;
background-color:#000000;


}

div.slideron ul.numbers-sl li a{
color: #919191;
display:block;

}

div.slideron div.anime-b{
display:block;
position:absolute;
outline:none;

text-align:center;
width:100%;
height:286px;
left:0px;
top:0px;
 z-index:100;

  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  background-color:#FFFFFF;
  overflow:hidden;
}

div.slideron div.anime-b h3{
position:absolute;
bottom:0;
left:0;
text-align:left;
background: url(../img/sl-11.png) repeat; 
width:100%;

min-height:35px;
height:auto !important;
font-family:Arial, Helvetica, sans-serif;

height:35px;
padding:13px 190px 3px 16px;


}

div.slideron div.anime-b h3 a{
color:#FFFFFF;
}

div#trans1 div.anime-b h3 a:hover{
text-decoration:none;
color:#FFFFFF;
}


/*endslide*/

/**************************
LEFT COLUMN
**************************/

#left {
float: left;
width: 235px;
padding: 14px 0px 0px 0px;
position: fixed;
height:100%; 



}

#left ul {
list-style: none;
}
#left li {
padding-bottom: 2px;
}

.box-left{
	margin-left:0px;
}




#cat-log {width:234px;
padding-bottom:25px;

}

#cat-log h3{
	display:block;
	text-indent:-9000px;
	margin-top:-25px;

	}



/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width:232px;
padding: 14px 0 0px 0px;
display:none;

position: relative; /*** IE needs this  ***/
margin-right: -232px; /** This negative margin-right value is in this example the same as the right column width. ***/

min-height:453px;
height:auto !important;
height:453px;
}



/**************************
FOOTER
**************************/
#footer {

	clear:both;
height: 246px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin-top: -246px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
text-align: center;
background:url(../img/foot.png) repeat-x top left;
width:1180px;
margin:0 auto;

 /*** The lower part of the rounded content look ***/
}

ul#btm-footer {
	clear:both;
	list-style:none;
	text-align:center;
	width:100%;	
	height:77px;
	line-height:77px;
	

}

ul#btm-footer li{
	display:inline;
	margin-right:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;

	
	}

span#ftr-tel{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#3d3d3d;
background:url(../img/info-bbb.png) no-repeat;
height:22px;
padding-left:22px;
margin-left:153px;

}

span#ftr-mail{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#359a25;
background:url(../img/info-bbb.png) 0 -27px no-repeat;
height:22px;
padding-left:25px;
margin-left:35px;

}

span#ftr-icq{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#359a25;
background:url(../img/info-bbb.png) 0 -53px no-repeat;
height:22px;
padding-left:25px;
margin-left:35px;
margin-right:35px;

}

	
ul#btm-footer li a{
text-decoration:underline;
color:#636363;
font-weight:normal;
}	


ul#btm-footer li.active a,ul#btm-footer li a:hover{
text-decoration:none;
font-weight:bold;

}	

#footer p{
text-align:left;
padding-left:35px;
color:#898989;	

line-height:35px;

margin:0;

	}
	span#bds-studio{
		float:right;
				font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right:35px;
	color:#898989;
		}	
	
#footer  a {
	color:#8e8f6d;
	text-decoration:none;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
#footer  a:hover{
	text-decoration:underline;}	
	
.info-foo{
	width:140px;
	height:176px;
	float:left;
	margin-left:35px;
	
	}	

.info-foo a{
	width:170px;
	display:block;
	line-height:17px;
	text-align:left;

	
	}	
		

#ffu-cont	{
	height:176px;
	padding-top:32px;
	background:url(../img/ffu-l.png) repeat-x top left;
	
	
	text-align:left;
	
	overflow:hidden;

	
	}
	
	
#ffu-cont a{
	color:#c4c4c4;
	
	}	
	
/*menu hor*/

/* structural styles and offsets */
ul.horizontal, ul.horizontal li, ul.horizontal ul {

  padding: 0;
  list-style-type: none;
  font-size: 100%;
}

ul#navi_top {
	font-size:13px;
	height:46px;
z-index: 1;
  cursor: default;
  	position: relative;
left:-12px;
bottom:-12px;
float:left;
padding:0;


}



ul.horizontal li {

float: left; 
  position: relative;

  cursor: pointer;
  cursor: hand;
  text-align: center;
  font: tahoma, Helvetica, sans-serif;
    font-size:13px;
  margin: 0 7px 0 0;

  background:none;
}

* html ul.horizontal li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}

ul[class^="horizontal"] li {
  margin: 0 -1.1em 0 1em;
  left: 0;
}





ul.horizontal a, ul.horizontal a:visited {
  display: block;
  cursor: pointer;
  cursor: hand;
color: #ffffff;
font-family: "arial", "arial", sans-serif;
font-weight: 400;
background:#60731e url(../img/navix.png) repeat-x top left;

border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right:7px;

  padding: 15px 18px 14px 20px;
  font: normal 13px  "arial", Helvetica, sans-serif;
text-decoration: underline;

}

ul.horizontal a.active{
background:#ffffff url(../img/hmenu.png) repeat-x bottom left;
color:#000000;
font-weight:bold;
text-decoration:none;
padding-bottom:15px;
}








/* end menu hor*/

/* menu ver*/
/* structural styles and offsets */
ul.expanding, ul.expanding li, ul.expanding ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
	
}

ul.expanding {
    position: relative;
    cursor: default;
   
}

ul.expanding li {
    position: relative;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    width: 232px;
    margin: -1px 0 0 0;

	
}

ul.expanding ul {
    cursor: default;


    padding: 0px 0;
    position: absolute;
    left: -100em;
}

ul.expanding ul li {
   width: 232px;
}


/* design styles */
ul.expanding a:link, ul.expanding a:visited {
    display: block;
    cursor: pointer;
    cursor: hand;
	background:url(../img/list-left.png) no-repeat;

   min-height:23px;
height:auto !important;
height:23px;

    padding: 6px 0 0 8px;
	margin:0;
    font: 13px  tahoma, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
	text-align:left;
    letter-spacing: 1px;


	
}



/*end menu ver*/

.contentWrap h2 a{
color:#fffefc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
.contentWrap p{

	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#41423d;
	line-height:1.5em;
	
	}	
	
.contentWrap h3{

	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#41423d;
	line-height:1.5em;
	
	}		
	
	
.contentWrap h2  span{
		color: #5b990e;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	}	
	

	
.inner-boxa {
	position:relative;
	

	
	}
.inner-boxa ul{
	list-style:none;
	height:356px;
	float:right;
	background:url(../img/ull.png) right repeat-y;
	padding-right:11px;
	
			position:absolute;
			top:50px;
			right:0px;
	
	
	
	}

.inner-boxa ul li{
	text-align:center;
	}
	
.inner-boxa ul li img {
	
	height:70px;
	
	
	
	}	
	
.main-frm{
	float:left;
	height:356px;
	position:relative;
	
	
	background:url(../img/main-frm.png) right no-repeat;
	width:150px;
	margin-right:15px;
	}	
	

	
.inner-boxa p{


	padding-right:100px;
	padding-top:30px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#41423d;
	line-height:1.5em;
	
	
	


	}	
	
.inner-boxa a{
	color: #5b990e;
	text-decoration:none;
	}		

.main-frm img{
	position:absolute;
	top:50%;
	margin-top:-60px;
	left:15px;
	
	
	
	}
	
.inner-boxa h3{
	height:40px;
	background-color:#7ac670;
	padding-left:14px;
	color:#fffefc;
	line-height:40px;
	border:#98d190 1px solid;
	
	}
	

.inner-boxa h3 a{
	color:#fffefc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	}		
	


	/*news ans arts pict*/
	
li.beytoa div.sticka{
padding-bottom:31px;
background:url(../img/tov-ln.png) center bottom no-repeat;
}	
	
	
	
.img-wrapper {

    height:130px;
  /*border: 3px solid #ccc;*/
  float:left;
  clear:left;
  /*background:url(../img/no_photo.png) no-repeat;*/

width:160px;
margin:16px 26px 12px 18px;
overflow:hidden;
font-family:"Palatino Linotype", arial, Tahoma;

	position:relative;
}

.img-wrapper p{
font-family:"Palatino Linotype", arial, Tahoma;

}

.img-wrapper2 {

    height:300px;
  border: 3px solid #ccc;
  float:left;
  

width:300px;
margin:0 20px 20px 0;
overflow:hidden;

	position:relative;
}
 
.img-wrapper img {
  background-color: #fff;
  border:0;
  top:0;


	position:absolute;
	

}


div.img-wrapper a.stickai img.right {

right:0;

}



a.stickai:hover img{
opacity: 0.65;
	filter: alpha(opacity=50);
	
}



/*order*/

ul#eshop li{
float:left;
width:300px;
margin:20px;
padding:20px;
padding-left:40px;
}

div.box2 div#podcats ul#eshop li{
float:left;
width:250px;
margin:20px;
padding:20px;
padding-left:0px;
}

ul#eshop li a{
display:block;
font-size:16px;
text-decoration:none;
font-weight:bold;
color:#323232;

line-height:30px;
}

ul#eshop li a:hover{
display:block;
font-size:16px;
text-decoration:none;
font-weight:bold;
color:#D41F00;
text-decoration: underline;
line-height:30px;
}

/*eshop*/


/*end eshop index*/


div.round130{
padding:1px;
width:190px;
top:-20px;
left:80px;
position:relative;
margin:0;
padding:0;

height:30px;
background:url(../img/round.png)  no-repeat;
}


ul#pricelista li a {
display:block;
width:100%;
font-size:16px;
color: #5e5e5e;
font-weight: 700;
text-decoration:none;
text-align:center;
line-height:64px;
border-bottom:#5e5e5e dashed 1px;
background:url(../img/pricelista.png) 40px no-repeat;

font-family: "Trebuchet MS";
}

ul#pricelista li a:hover {

text-decoration:underline;

}

div.round130 input.text,div.round130 input.checkRequired,div.round130 input.text,div.round130 input.checkRequir2{
border:none;
background:none;
margin:5px 25px 0 3px;
width:180px;


}

div#freeform ul#addulya div.round130 {
 left:180px;
 }
 
 div#textround{
position:relative;
padding:0;
width:286px;
margin:0;
text-align:right;

border:none;
height:82px;
background:url(../img/round2.png) right  no-repeat;
}

div#textround textarea{
clear:both;
overflow: hidden;
width:286px;
height:82px;
margin:6px 1px;

border:none;
background:none;
}

div#freeform textarea{
position:absolute;
left:0;
top:0;

border:none;
float:left;
clear:both;
overflow: hidden;
width:280px;
height:82px;
margin:6px 1px;

border:none;
background:none;


}


 ul li.leftt{
 clear:left;

 margin:30px 0;
 height:30px;
 

 float:left;
 width:380px;
}


.error{
padding-left: 20px;
line-height:20px;
background:url(../img/error.png) no-repeat left center;

color:red;
}

/*end order*/


/*pages*/



div#dpage li.numbers {
float:left;


width:30px;
font-size:14px;
margin:0;
margin-right:6px;

}

div#dpage li.numbers a{
display:block;

font-size:14px;
width:29px;
text-align:center;
margin:3px; border:1px solid #dedede; background-color:#efefef;
padding-right:0;
}


li#current {
display:block;

font-size:14px;
width:29px;
text-align:center;
margin:3px; 
padding-right:0;
background-color:#166309;
color:#FFFFFF;
}

div#dpage li#current a {
display:block;
font-size:14px;
width:29px;
text-align:center;
margin:3px;
border:1px solid #dedede; background-color:#166309;
color:#FFFFFF;

padding-right:0;
}

/*end pages*/


div#dpage {

clear:left;
margin-bottom:10px;
width:100%;
	background:url(../img/ffu-l.png) repeat-x top left;
height:50px;
margin:0;
padding:0;


}

div#dpage ul{
padding-top:5px;

line-height:30px;


}

div#dpage li a{
text-decoration:none;
color:#333333;
}

div#dpage p {
float:left;
height:40px;
width:90px;
margin:0;
font-size:14px;
color:#373737;
padding:10px 2px 15px 31px;



}

 p#prezim{
height:34px;

background-image:url(../../img/grafik.png);
background-repeat:no-repeat;
background-position:bottom left;
margin-bottom:6px;}

div.news-tov-n{
width:100%;
clear:left;
float:left;}

.forms-bts{
background:url(../img/inputa.png) no-repeat;
width:180px;
height:37px;
padding-left:5px;
padding-right:5px;}

h4{
font-family:"Trebuchet MS";}


ul#right-info-logged li{
height:35px;
background:url(../img/right-menu.png) no-repeat;
text-align:center;
padding:12px 25px;
}

ul#right-info-logged li a{

background-size: auto;
color: #000000;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
font-size: 16px;
height:40px;
text-align:center;



line-height:16px;

text-decoration: none;

}
ul#top-cats{
width:100%;
margin:0;
height:50px;
}

ul#top-cats  li{
float:left;
width:147px;
margin-right:27px;

height:58px;

}

ul#top-cats  li a{
display:block;
width:147px;
height:58px;

background:url(../img/kabineta.png) no-repeat;
text-indent:-99999px;
outline:none;

}

ul#top-cats  li a#manager-tpr{
background-position:-160px 0;


}

ul#top-cats  li a#price-tpr{
background-position:-322px 0;


}


ul#top-cats  li a#price-certs{
background-position:right;


}


ul#top-cats  a.hernia {
opacity: 0.75;
	filter: alpha(opacity=75);


}

ul#top-cats  a.active-hr,ul#top-cats  a:hover {
opacity: 1;
	filter: alpha(opacity=100);


}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color:#575757;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none;  z-index:3100; }

#overlay{ background-image: url(overlay.png);  z-index:3000;}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/overlay.png", sizingMethod="scale");
	}
	

#autoCompleteDropdown
{
  list-style: none;
  margin: 0;
  border: 1px solid #CCCCCC;
  padding: 0;
  background-color: #E3EEF5;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  z-index:3000;
}

#autoCompleteDropdown li
{
  padding: 0.25em 0.2em;
  color: #4C4C4C;
  cursor: hand;
  c\ursor: pointer;
}

#autoCompleteDropdown li.hover
{
  background-color: #369c25;
  color: #FFFFFF;
}


/*table style*/

p#new_qr{
text-align:center;
 }


p#new_qr a{



font-weight:bold;
color:#393939;
 }

.hide
{
	display: none !important;
}

#tabcat table, table.connec , #tdadd table , .tabi
{
width:100%;
	border-spacing: 0px;

}


#tabcat,#tdadd
{
	font-family: "arial Sans Unicode", "arial Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: collapse;

}
#tabcat th,#tdadd th , .tabi th
{
	font-size: 11px;
	font-weight: normal;
	padding: 13px 0px;
	border-bottom:1px #e9e9e9 solid;

	color: #6b6b6b;
	cursor:pointer;
}

#tabcat th a,#tdadd th a , .tabi th a
{
color: #6b6b6b;
text-transform:lowercase;
}


#tabcat td, #tdadd td , .tabi td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../img/gradback.png') repeat-x;
}

#tabcat td a, #tdadd td a , .tabi td a{
color:#000;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;


}


#tabcat tfoot tr td , #tdadd tfoot tr td, .tabi tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#tabcat tbody tr:hover td,#tdadd tbody tr:hover td, .tabi  tr:hover td
{
	background: #d0dafd url('../img/gradhover.png') repeat-x !important;
	color: #339;
}

#tdadd a, .tabi a
{
color:#000;text-decoration:none; text-align:center;
font-size:13px;
}

/* custom dialog*/

#dropSheet
{
  background-color/**/: #000000;
  background-image: url(../admin/img/dots.gif);
  background-image/**/: none;
  opacity: 0.35;
  filter: alpha(opacity=35);
}

.customDialog
{

	margin: 0 0 1.5em 0;
	padding: 5px;
	
	border: 1px solid    #777;

	background-image: url(../admin/img/fieldset_gradient.jpg)  ;
	background-repeat: repeat-x;
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
	z-index:1000;
}

.customDialog h1
{
  position: relative;
  top: -10px;
  margin: 0;
  border-bottom: 1px solid #001932;
  padding: 5px 8px;
  font-size: 120%;
  background-image: url(../img/dialog_heading.gif);
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-align: left;
}

.customDialog p
{

  font-size:20px;
  font-family:arial, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin: 0 0 5px 0;
  padding-right: 8px;
  padding-left: 0px;



    width: 540px;
	text-align:center;
}


.customDialog p.bestt{
font-size:14px;
color:#302f2f;
font-weight:bold;


}

.customDialog p strong{
font-size:24px;
font-weight:bold;
}

div#ads1{
background-color:e26a04;
}

div#ads1 img {
background-color:e26a04;
}

ul.compact{
background-color:#9F9F9F;}

ul.compact li{
color:black;
margin:10px;
padding:0;}
ul.compact li a{
font-size:14px;
color:#000;}

ul.compact li  a.active_co{
color:red;
}

ul#tdul li{
float:left; margin-left:5px;
border: #000000   thin dashed;}




#dpage{ float:right;}



ul#tdadd,.tdadd
{
	float: left;
	clear: left;
	margin: 0 0 1.5em 0;
	padding: 5px;

width:500px;
	padding: 1em 1em 0 1em;
	list-style: none;
	zoom: 1;
}




ul#tdadd li,.tdadd li
{
	
	/*width: 100%;*/
	padding-bottom: 1em;
	padding:5px 5px;
}



ul#tdadd label ,.tdadd label
{
	float: left;
	width: 12em;
	margin-right: 1em;
		clear:left;
}

ul#tdadd input[type="submit"] , .tdadd input[type="submit"]
{

	margin-left: 12em;

}




/*custom dialog*/


/*TinyMCE bugs*/

p.palacho{
color:#888;
margin-top:-29px;
font-size:11px;
margin-right:29px;


}


.contentWrap table.tablica
{
width:650px;

}


table.tablica
{
	font-family: "Arial", "arial Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: collapse;
}
table.tablica th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('../img/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
table.tablica td, table.tablica td
{
	padding: 5px; 
	border: 1px solid #333333;
	color: #669;
background-image: url('../img/wrp_bg.png');
background-position:-10px;
background-repeat:repeat-y;
}

table.tablica tr:hover td
{

	color: #339;
}

table.tablica p {
margin:0;
padding:0;
line-height:1em;
}

table.tablica2 td, table.tablica2 td
{

	border: 1px solid #333333;

}


/*b2b*/


body.resources #mainContainer{
width:100%;}

body.resources .inner,body.resources .outer  {
background:none;
}



ul#navi_left  li{

padding:2px;
padding-right:0px;



}


ul#navi_left {
position:static;
}





ul#navi_left  ul{
margin-bottom:0; margin-top:10px;
padding-right:0px;
margin-right:0;
}

ul#navi_left  ul li{
padding-left:25px;
margin-right:0;
padding-right:0px;

}

ul#navi_left a{
margin-right:10px;
font-size:12px;
font: 12px/14px "tahoma", "arial", "arial", sans-serif;
text-decoration:none;
}

ul#navi_left p{
margin:0;
padding:0;
}
ul#navi_left p:hover{

  background-color:#3d80df;
  color: #fff;}


ul#navi_left  > li {

background:url(../img/menu/folder.gif) no-repeat;
background-position:18px 3px;
padding-left:38px;

}

ul#navi_left  li.hasmenu {
padding-left:35px;
background:url(../img/menu/folder.gif) no-repeat;
background-position:18px 3px;


}
ul#navi_left  li.rollover {
padding-left:35px;
background:url(../img/menu/folder-open.gif) 18px 3px no-repeat !important;

}


ul#navi_left li.hasmenu  ul {
display:none;
   
}


/* plus/minus icons */
ul#navi_left  li.hasmenu >   a.plus,  ul#navi_left li.hasmenu >   a.plus {
    background: url(../img/menu/plus.png) no-repeat 0 0px ;
	padding-left:15px;
	text-decoration:none;
	font: 12px/14px "tahoma", "arial", "arial", sans-serif;
}

ul#navi_left  li.hasmenu  > a.rollover:link, 
ul#navi_left  li.hasmenu  > a.rollover:visited {
    background: url(../img/menu/minus.png) no-repeat 0 0px;
	padding-left:15px;
		text-decoration:none;
		font: 12px/14px "tahoma", "arial", "arial", sans-serif;
}

.x-btn-default { 
background-color: #DBEEFF;
background-image: -o-linear-gradient(top, #DBEEFF, #D0E7FF 48%, #BBD2F0 52%, #BED6F5);
background-image: -webkit-linear-gradient(top, #DBEEFF, #D0E7FF 48%, #BBD2F0 52%, #BED6F5);
background-image: -moz-linear-gradient(top, #DBEEFF, #D0E7FF 48%, #BBD2F0 52%, #BED6F5);
background-image: linear-gradient(top, #DBEEFF, #D0E7FF 48%, #BBD2F0 52%, #BED6F5);
border-bottom-color: #81A4D0;
border-left-color: #81A4D0;
border-right-color: #81A4D0;
border-top-color: #81A4D0;
}

.x-btn-default:hover { 
background-color: #DBEEFF;
background-image: -o-linear-gradient(top, #DBEEFF, #D0E7FF 48%, #BBD2F0 52%, #BED6F5);
border-bottom-color: #81A4D0;
border-left-color: #81A4D0;
border-right-color: #81A4D0;
border-top-color: #81A4D0;
}

/*end*/


/*pages*/

div#dpage2 ul{
list-style:none;}

div#dpage2 li.numbers2 {
float:left;


width:30px;
font-size:14px;
margin:0;
margin-right:6px;

}

div#dpage2 li.numbers2 a{
display:block;
text-decoration:none;
color:#333;

font-size:14px;
width:29px;
text-align:center;
margin:3px; border:1px solid #dedede; background-color:#efefef;
padding-right:0;
}


li#current {
display:block;

font-size:14px;
width:29px;
text-align:center;
margin:3px; border:1px solid #dedede; background-color:#D0DAFD ;
padding-right:0;
float:left;

color:#000;
}

/*end pages*/


div#dpage {

clear:left;
margin-bottom:10px;
width:100%;
	background:url(../img/ffu-l.png) repeat-x top left;
height:50px;
margin:0;
padding:0;


}

div#dpage ul{
padding-top:5px;

line-height:30px;


}

div#dpage li a{
text-decoration:none;
color:#333333;
}

div#dpage p {
float:left;
height:40px;
width:90px;
margin:0;
font-size:14px;
color:#373737;
padding:10px 2px 15px 31px;



}


/* buttons */

.rbutton { 
background:#405500;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
height: 23px;
margin: 2px 1px 0px;
padding: 4px 13px 3px 12px;
position: relative;

text-decoration:none;
font-weight:bold;

font-size:12px;

}

input.rbutton, input.gbutton  {
height:26px;
color:#fff;
}

a.rbutton, a.gbutton  {
color:#fff !important;
line-height:23px;
}

.rbutton:hover { 
color: #9e9e9e;
}

.gbutton { 
background:#9e9e9e;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
height: 23px;
margin: 2px 1px 0px;
padding: 1px 10px 2px 10px;
position: relative;

text-decoration:none;
font-weight:bold;
line-height:23px;
font-size:12px;

}

.add {
	background:#405500 url(../img/plusq.png) no-repeat center left;
	padding:4px 22px 4px 35px;
	margin-left:21px !important;
	margin-top:4px;
	font-size:13px;
}
/*end buttons*/

.x-form-text { 
background: white;
border: 1px solid #d1d1d1;
color: black;
height: 26px;
line-height: 17px;
padding: 1px 3px 2px;
	-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
}

.x-form-focus { 
border-bottom-color: #7EADD9;
border-left-color: #7EADD9;
border-right-color: #7EADD9;
border-top-color: #7EADD9;
}

.zDater {
	position:absolute;
	display:block;
	padding:0;
	height:149px;
	width:160px;
	z-index:2500;
}
.zDater .cont {
	border: 1px solid #636363;
    border-radius: 4px 4px;
	background-color: #fff;
	padding: 3px;
    -moz-box-shadow: 3px 3px 2px #888;
     -webkit-box-shadow: 3px 3px 2px #888;
     box-shadow: 1px 1px 4px #888;
	 	z-index:2500;
}
.zDater table{
	width: 100%;
		z-index:2500;
}
.zDater td, .zDater th{
	font: 12px "Segoe UI",Tahoma, arial;
	padding:0;
	text-align:center;
	vertical-align:middle;
	border: 1px solid transparent;
	cursor: default;
}
.zDater .header{
	margin-bottom:2px;
}
.zDater td{
	width:40px;
	height:40px;
}
.zDater .days td, .zDater .days th{
	width:20px;
	height:15px;
    line-height:15px;
}
.zDater .days th, .zDater .days th:hover{
	font-weight: normal;
	color: #999;
	border-bottom: 1px solid #eee;
}
.zDater td.old{
	color: #999;
}
.zDater .days .we{
	color:#ff6633;
}

.zDater td:hover{
	border: 1px solid #daf2fc;
    border-radius: 4px 4px;
	background-color: #edf9ff;
	color: #06c;
	
}
.zDater td.act1{
	border: 1px solid #06c;
    border-radius: 3px 3px;
	background-color: #edf9ff;
	color: #06c;
}
.zDater th{
	font-weight: bold;
}
.zDater .header div {
	display: block;
	position:relative;
	border: 1px solid black;
	width:20px;
}
.zDater th:hover{
	color: #06c;
	
}
.zDater .arr_r, .zDater .arr_l{
	padding: 2px 5px;
	width:5px;
}
.zDater .arr_r:hover div, .zDater .arr_l:hover div{
	border-color: #06c;
}
.zDater .arr_r div{
	border:0;
	border-left:1px solid #000;
	top:1px;
	float:right;
	line-height:0px;
}
.zDater .arr_l div{
	border:0;
	border-right:1px solid #000;
	top:1px;
	line-height:0px;
	float:left;
}
  img.calend{vertical-align:middle;width:24px; height: 22px;cursor: pointer;}
  input.calend{width:100px;}
  
  .x-grid-cell td { 
background-color: white !important;
border-bottom-color: #EDEDED !important;
border-bottom-style: solid !important;
border-left-color: #D0D0D0 !important;
border-left-style: solid;
border-right-color: #D0D0D0;
border-right-style: solid;
border-top-color: #EDEDED;
border-top-style: solid;
font: 11px/13px "tahoma", "arial", "arial", sans-serif;
}

.x-grid-cell2 td { 
background-color: #FAFAFA !important;
}

.x-grid-cell3 td { 
background-color: #ecf5d0 !important;
}

table.KeyTable tr.focus td{ 

background-color: #C1DDF1 !important;

}


/*select*/



.sbHolder{
background:white;
border: 1px solid #d1d1d1;
color: black;
height: 26px;
line-height:23px;
padding: 1px 3px 2px;
	position: relative;
	width: 160px !important;
	color:#646464;
	float:left;
	margin-right:5px;
	-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
}

.sbSelector{
	display: block;
	height: 26px;
	left: 0;
	line-height: 26px;
	outline: none;
	overflow: hidden;
	color:#8b8b8b;
	top: 0;
	width: 160px;
	text-decoration:none !important;
	-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;

}

.sbSelector:hover{
color:#00afff;
}


.sbToggle{
	background-image: url("../img/tool-sprites.gif");
background-position: 0px -195px;
	display: block;
	height: 15px;
	outline: none;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 15px;
}

.sbToggle:hover{
	background-image: url("../img/tool-sprites.gif");
background-position: -15px -195px;

}


.sbOptions{
	

	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	width: 260px;
	z-index: 1;
	overflow-y: auto;
	border:#d1d1d1 1px solid;
	background-color:#FFFFFF;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}

.sbOptions a{
color:#646464;
text-decoration:none;
}
.sbOptions a:hover{
color:#00afff;

}

.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
		display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/*endsel*/


#cartcont {
padding: 1em 1em 0 525px;
height:350px;
}

#podcont{
	
	width:100%;

}


#podborchik {
padding: 14px 0em 0px 245px;
}
#podtable{
float:right;
}

#podtable input, #podtable select {
width:100%;
padding:0;


}

#podtable .rbutton {
height:20px;
line-height:20px;
border-radius: 2px;
}

#loginForm {
	width: 290px;
	padding: 24px 24px 0;
	margin: 200px auto 0;
	background: #FEFEFE;
  border: 1px solid #CAD8DE;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.08);
	font: 14px/18px Arial, Tahoma, sans-serif;
	color: #444;
}
#loginForm .field {
	margin: 0 0 18px;
}
#loginForm .field label {
	display: block;
	margin: 0 0 11px;
}
#loginForm .field .input {
  border-radius: 4px;
}
#loginForm .field input {
  font: 12px Arial, Tahoma, sans-serif;
	color: #444;
	width: 262px;
	padding: 9px 13px;
  border: 1px solid #D2D9DC;
	border-radius: 3px;
	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;
	outline: none;
}
#loginForm .field input:focus {
	border-color: #B7D4EA;
	box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;
}
#forgot {
	float: right;
  font-size: 11px;
	color: #ababab;
  text-decoration: none;
	margin: 0;
}
#forgot:hover {
	color: #444;
  text-decoration: underline;
}
#loginForm .submit {
	overflow: hidden;
	margin: 30px -24px 0;
	padding: 22px 24px;
	background: #F0F5F7;
	border-top: 1px solid #DDE0E8;
	border-radius: 0 0 4px 4px;
	box-shadow: inset 0 1px #FFF, inset -1px -1px #F7FAFB, inset 1px 0 #F7FAFB;
  font-size: 11px;
}
#remember {
	display: block;
	margin: 5px 0 0;
	cursor: pointer;
}
#remember a {
	margin: 0 4px 0 0;
	vertical-align: middle;
	color:grey;
	text-decoration:none;
}
#loginForm .submit button {
	float: right;
	padding: 6px 20px;
	height: 30px;
  border-top: 1px solid #98CCE7;
  border-bottom: 1px solid #7DB0CC;
  border-left: 1px solid #8CBFD9;
  border-right: 1px solid #8CBFD9;
  border-radius: 15px;
	color: #FFF;
  font: bold 13px Arial, Tahoma, sans-serif;
	box-shadow: inset 0 1px #D4EBF7, 0 1px 3px #B8BEBE;
	background: -moz-linear-gradient(top,  #badff3 0%, #7acbed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#7acbed));
	background: -webkit-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -o-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -ms-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background-color: #9FD7F0;
	cursor: pointer;
	text-shadow: 0 -1px rgba(0,0,0,0.15);
	outline: none;
}
#loginForm .submit button:hover {
	
	box-shadow: inset 0 1px #0098db, 0 1px 3px #B8BEBE;
	background: -moz-linear-gradient(top,  #badff3 0%, #0098db 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#0098db));
	background: -webkit-linear-gradient(top,  #badff3 0%,#0098db 100%);
	background: -o-linear-gradient(top,  #badff3 0%,#0098db 100%);
	background: -ms-linear-gradient(top,  #badff3 0%,#0098db 100%);
	background: linear-gradient(top,  #badff3 0%,#0098db 100%);
	background-color: #9FD7F0;
	cursor: pointer;
	text-shadow: 0 -1px rgba(0,0,0,0.15);

}
#loginForm .submit button::-moz-focus-inner{border:0}

  .loading-but{
  background-image:url(../img/progress.gif);
  background-repeat:repeat-x;
  color: #FFFFFF;
  font-weight:bold;
  text-shadow:none;
  }
  
  
  body{
    overflow-y: auto;
    overflow-x: hidden;
	}
	
	.meter { 
			height: 20px;  /* Can be anything */
			position: relative;
			margin: 60px 0 20px 0; /* Just for demo spacing */
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;
			padding: 10px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			background-color: rgb(43,194,83);
		
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
		
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
	
		
			.blue > span {
			background-color: #CBDDF3;
		  background-image:url(../img/progress.gif); 
		}
		
		
/* tables */



table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
		background-repeat: no-repeat;
	background-position: center right;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
		background-repeat: no-repeat;
	background-position: center right;
}



.tabs {
    position: relative;
	margin: 20px auto;
	width: 100%;
}

.tabs input {
display:none;
}

.tabs .content input {
display:inline;
}

.tabs label {
background-color: #CBDDF3;
background-image: -o-linear-gradient(top, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
background-image: -webkit-linear-gradient(top, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
background-image: -moz-linear-gradient(top, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
background-image: linear-gradient(top, #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
border: 1px solid #99BCE8;
font-size: 13px;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;

	letter-spacing: 1px;
		font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: #5ba4a4;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}



.tabs input:checked + label {
    background: #fff;
	z-index: 6;
	
    -webkit-animation: page 0.2s linear;
    -moz-animation: page 0.2s linear;
    -ms-animation: page 0.2s linear;
    -o-animation: page 0.2s linear;
    animation: page 0.2s linear;
}

.clear-shadow {
	clear: both;
}

.tabs .content {
   	position: relative;
    width: 96%;
	min-height: 370px;
	z-index: 5;
	overflow: auto;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
	border: 1px solid #99BCE8;
	padding: 0 2%;
}

.tabs .content div {
width:100%;
 
	padding: 10px 0px;
	z-index: 1;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.tabs .box {  
  display: none; 
}  
.tabs .box.visible {  
  display: block;
} 

.tabs li {padding:0;}


textarea, input[type="checkbox"] { 
height: auto !important;
}


.cellEdited input{
width:98%}


/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }


#area51{
background-color:#ececec;
height:30px;
padding:7px 19px;

}

.glink {
font-size:12px;
color:#576e10 !important;
text-decoration:underline !important;}


/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2015 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*
*  Project home:
*  http://www.whoop.ee/posts/2013/04/05/the-resurrection-of-jquery-notify-bar.html
*/

/* Default bars' style */
.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#efefef;
  font-size:18px;
  color:#000;
  text-align:center;
  font-family: Arial, Verdana, sans-serif;
  padding:20px 0px;
  cursor: pointer;
  border-bottom:1px solid #ddd;
  -webkit-box-shadow: inset 0 -1px 0 0 #fff;
     -moz-box-shadow: inset 0 -1px 0 0 #fff;
          box-shadow: inset 0 -1px 0 0 #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.jquery-notify-bar.bottom {
  bottom:0;
  top:auto;
  border-top:1px solid #ddd;
  border-bottom:0;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
     -moz-box-shadow: inset 0 1px 0 0 #fff;
          box-shadow: inset 0 1px 0 0 #fff;
}

.jquery-notify-bar.error .notify-bar-text-wrapper,
.jquery-notify-bar.warning .notify-bar-text-wrapper,
.jquery-notify-bar.success .notify-bar-text-wrapper {
  padding: 1px 0 1px 23px;
}

/* Style for errors */
.jquery-notify-bar.error {
  color:#d00;
  background-color:#fdd;
}
.jquery-notify-bar.error .notify-bar-text-wrapper {
  background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 0 -62px;
}

/* Style for warning */
.jquery-notify-bar.warning {
  color:#000;
  background-color:#fffaaa;
}
.jquery-notify-bar.warning .notify-bar-text-wrapper {
  background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 1px 1px;
}

/* Style for success */
.jquery-notify-bar.success {
  color:#060;
  background-color:#BBFFB6;
}
.jquery-notify-bar.success .notify-bar-text-wrapper {
  background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 2px -31px;
}

/* Style for info */
.jquery-notify-bar.info {
  color: #31708f;
  background-color: #d9edf7;
}

/* Style for close button */
.notify-bar-close {
  position:absolute;
  left:97%;
  top: 13px;
  text-decoration: none;
  color: #222;
  font-size: 30px;
}
.notify-bar-close:hover {
  color: #05f;
}