*	{
	margin: 0;
	padding: 0;
	}
html, body	{
	height: 100%;
	}
body	{
	background: #fff;
	color: #393939;
	font-family: Arial;
	/*
  font-size: 0px;
	line-height: 0;
	*/
	}

.fullwidth
{
  width: 100%;
}

#page-top-outer	{
	background: url(../images/shared/top_bg.jpg) top center repeat-x;
	border-bottom: 1px solid #7e7e7e;
	height: 92px;
	min-width: 990px;
	}
#page-top	{
	margin: 0 auto;
	max-width: 1260px;
	min-width: 990px;
	position: relative;
	}
#logo	{
	float: left;
	margin: 22px 0 0 35px;
	}
#logo	a	{
	display: block;
	}
#top-search	{
	display: inline;
	float: right;
	position: relative;
	/*margin: 46px 20px 0 0;*/
	margin: 0 20px 0 0 !important;
	z-index: 20;
	}
	
 
.top-search-inp	{
	background: url(../images/shared/top_search_inp.gif) no-repeat;
	border: none;
	color: #fff;
	font-size: 12px;
	height: 23px;
	padding: 6px 6px 0 10px;
	width: 164px;
	}
#content-outer	{
	background: url(../images/shared/content_repeat.jpg) repeat-x;
	}
#content	{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	max-width: 1260px;
	min-width: 780px;
	padding: 35px 0px 30px 0px;
	}
#content-inner	{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 0px auto;
	padding: 25px 0 30px 0;
	}
#content-table	{
	font-size: 0px;
	line-height: 0px;
	}

#content-table	p{
	font-size: 12px;
	line-height: 16px;
	}
	
#content-table	p a,
#related-activities a{
  color:#EB9A2A;
  font-weight:bold;
	}	

#content-table	p a:hover,
#related-activities a:hover{
  text-decoration: underline;
	}		

#content-table h2
{
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid lightgrey;
  color: #505050;
} 
	

#content-table th.sized	{
	height: 15px;
	width: 15px;
	padding: 0;
	margin: 0;
	font-size: 0px;
	line-height: 0px;
	}
 
	
#content-table-inner	{
	font-size: 12px;
	line-height: 12px;
	padding: 10px 0 20px 0;
	}
#tbl-border-top	{
	background: url(../images/shared/border_bit.jpg) top repeat-x;
	line-height: 0;font-size: 0px;
	height: 15px;
	}
#tbl-border-bottom	{
	background: url(../images/shared/border_bit.jpg) bottom repeat-x;
	line-height: 0;font-size: 0px;
	height: 15px;
	}
#tbl-border-left	{
	background: url(../images/shared/border_bit.jpg) left repeat-y;
	}
#tbl-border-right	{
	background: url(../images/shared/border_bit.jpg) right repeat-y;
	}
#table-content	{
	line-height: 16px;
	margin: 0 10px 10px 10px;
	min-height: 300px;
	position: relative;
	}
	
.topleft {
background: url(../images/shared/corner_top_left.jpg) no-repeat;
width:15px;
height:15px;
	
}	
.topright {
background: url(../images/shared/corner_top_right.jpg) no-repeat;
width:15px;
height:15px;
	
}	

.bottomleft {
background: url(../images/shared/corner_bottom_left.jpg)  no-repeat;
width:15px;
height:15px;
	
}	
.bottomright {
background: url(../images/shared/corner_bottom_right.jpg)  no-repeat;
width:15px;
height:15px;
	
}	

#page-heading	{
	margin: 0 20px 0px 20px;
  height: 45px;
  /*overflow: hidden;	Zablokováno kvůli chosenu v hlavičce stránky*/
	}
#page-heading a.zpet  {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #D2D2D2;
  color:#7F7D7D;
  cursor:pointer;
  padding:3px 15px;
  display: block;
  float: right;
  text-decoration: none;
  position: relative;
  right: 20px;
  top: -24px;  
  }	
#page-heading a.zpet:hover  {  
  background: #D2D2D2;
  }

#content a.odkaz {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 4px 4px 4px 4px;
    color: #7F7D7D;
    cursor: pointer;
    display: inline-block;
    line-height: 18px;
    padding: 0 15px 3px;
    text-decoration: none;
}

  
#page-heading a.odkaz
{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px; 
  -moz-border-radius: 4px;
  border-radius: 4px;  
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #D2D2D2;
  color:#7F7D7D;
  cursor:pointer;
  padding:0px 15px 3px 15px;
  display: block;
  float: right;
  text-decoration: none;
  position: relative;
  right: 20px;
  top: -24px;  
  }	
    

#page-heading a.odkaz img,
#content a.odkaz img
{
  position: relative;
  top: 4px;
}  
  
#page-heading a.odkaz:hover,  
#content a.odkaz:hover
{  
  background: #D2D2D2;
}  
  
h1  {
	color: #4b4b4b;
	font-family: Tahoma;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	}
h1 a  {
  /*color: #3c8cb0;*/
  color: #4A9ACE;  
  }	
h1 span 
{
  color: #4a9ace;
}
	
h2	{
	color: #393939;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	}
h3	{
	color: #2c78b2;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
	}
	
	
/* MESSAGES --------------------------------------------------------------- */	
#message-yellow	{
	margin-bottom: 5px;
	}
.yellow-left	{
	background: url(../images/table/message_yellow.gif) top left no-repeat;
	color: #e79300;
	font-family: Tahoma;
	/*font-weight: bold;*/
	padding: 0 0 0 20px;
	}
.yellow-left a	{
	color: #e79300;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin-bottom: 5px;
	}
.blue-left	{
	background: url(../images/table/message_blue.gif) top left no-repeat;
	color: #2e74b2;
	font-family: Tahoma;
	/*font-weight: bold;*/
	padding: 0 0 0 20px;
	}
.blue-left a	{
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{
	width: 55px;
	}
#message-red	{
	margin-bottom: 5px;
	}
.red-left	{
	background: url(../images/table/message_red.gif) top left no-repeat;
	color: #ce2700;
	font-family: Tahoma;
	/*font-weight: bold;*/
	padding: 0 0 0 20px;
	}
.red-left a	{
	color: #ce2700;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	margin-bottom: 5px;
	}
.green-left	{
	background: url(../images/table/message_green.gif) top left no-repeat;
	color: #6da827;
	font-family: Tahoma;
	/*font-weight: bold;*/
	line-height: 12px;
	padding: 0 0 0 20px;
	}
.green-left a	{
	color: #6da827;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}	
	
	
	
	
	
	
	
	
a.icon-1	{
	background: url(../images/table/table_icon_1.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
	}
a:hover.icon-1	{
	background: url(../images/table/table_icon_1.gif) 0 -24px;
	}
a.icon-2	{
	background: url(../images/table/table_icon_2.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
	}
a:hover.icon-2	{
	background: url(../images/table/table_icon_2.gif) 0 -24px;
	}
a.icon-3	{
	background: url(../images/table/table_icon_3.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px; 
	}
a:hover.icon-3	{
	background: url(../images/table/table_icon_3.gif) 0 -24px;
	}
a.icon-4	{
	background: url(../images/table/table_icon_4.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
	}
a:hover.icon-4	{
	background: url(../images/table/table_icon_4.gif) 0 -24px;
	}
a.icon-5	{
	background: url(../images/table/table_icon_5.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
	}
a:hover.icon-5	{
	background: url(../images/table/table_icon_5.gif) 0 -24px;
	}
a.icon-6	{
	background: url(../images/table/table_icon_6.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
	}
a:hover.icon-6	{
	background: url(../images/table/table_icon_6.gif) 0 -24px;
	}	

span.icon-7
{
	background: url(../images/shared/icon_green_flag.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}

span.icon-8
{
	background: url(../images/shared/icon_cash.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}	

span.icon-9
{
	background: url(../images/shared/icon_send.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}		

span.icon-10, a.icon-10
{
	background: url(../images/table/table_icon_10.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}
a:hover.icon-10	{
	background: url(../images/table/table_icon_10.gif) 0 -24px;
	}	


h1 span.icon-7,
h1 span.icon-8
{
  margin-right: 0;
}
.icon
{
	height: 35px;
	width: auto;
}
.iconMedium
{
	height: 25px;
	width: auto;
}
.iconSmall
{
	height: 20px;
	width: auto;
}
.iconMicro
{
	height: 16px;
	width: auto;
}
.iconNano
{
	height: 10px;
	width: auto;
}
	
#tooltip	{
	background-color: #8c8c8c;
	border: 1px solid #767676;
	color: #fff;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	opacity: 0.85;
	padding: 0 5px;
	position: absolute;
	text-align: left;
	z-index: 3000;
	}
#tooltip h6, #tooltip div	{
	font-family: Arial;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	}
#product-table	{
	margin-bottom: 20px;
	}
#product-table	td a	{
	color: #393939;
	font-weight: bold;
	}
#product-table	td a:hover	{
	text-decoration: underline;
	}
#product-table	th	{
	height: 50px;
	/*text-align: left;*/
	padding: 0 10px 0 10px;
  font-size: 13px;
  font-weight: bold;	
}
#product-table	.minwidth-1	{
	min-width: 110px;
	}
#product-table td	{
	/*border: 1px solid #d2d2d2;*/
	/*border: 1px solid #DDDDDD;*/
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px dotted #E7E7E7;
	border-right: 1px dotted #E7E7E7;
	padding: 6px 10px 6px 10px;
  /*outline-offset: -2px; upravil Ondra kvůli vyskakovaím oknům v Opeře*/ 
  /*outline: 1px solid #fff;*/	
	}
#product-table tr
{
  background: #fff;
  /*outline: 1px solid #FFFFFF; upravil Ondra kvůli vyskakovacím oknům v Opeře*/
}

#product-table tr.alternate-row	{
	/*background: #ececec;*/
	background: #F8F8F8;
	}

#product-table tr td.hover	{
  /*outline-offset: -1px; 
  outline: 1px solid #9cd0f5;
  background-color: #ebf6fd; 
  color: #044f85;*/
  background-color: #e2e2e2;
	}
	
#product-table tr.alternate-row td.hover	{
  /*outline-offset: -1px; 
  outline: 1px solid #9cd0f5;
  background-color: #dce6ee;
  color: #044f85;*/
  background-color: #ececec;
	}	

/*  MODRA VARIANTA  */

#product-table tr.blue
{
  /*background: #d6e9fd;*/
  background: #e1eeff;
}

#product-table tr.blue td,
#product-table tr.blue-alternate td
{
  border-bottom: 1px solid #9bc9fa;
  border-left: 1px dotted #badafd;
  border-right: 1px dotted #badafd;
}

#product-table tr.blue-alternate
{
  /*background: #cae2fc;*/
  background: #dae9ff;
}

#product-table tr.blue td.hover,
#product-table tr.blue-alternate td.hover
{
  background: #cde2fa;
}

/*  FIALOVA VARIANTA  */

#product-table tr.purple
{
  background: #e0d8ff;
}

#product-table tr.purple td,
#product-table tr.purple-alternate td
{
  border-bottom: 1px solid #a58eff;
  border-left: 1px dotted #c0afff;
  border-right: 1px dotted #c0afff;
}

#product-table tr.purple-alternate
{
  background: #ded1ff;
}

#product-table tr.purple td.hover,
#product-table tr.purple-alternate td.hover
{
  background: #d5c6fb;
}


/*  ORANZOVA VARIANTA  */

#product-table tr.orange
{
  background: #fff2e1;
}

#product-table tr.orange td,
#product-table tr.orange-alternate td
{
  border-bottom: 1px solid #facc9b;
  border-left: 1px dotted #fdddba;
  border-right: 1px dotted #fdddba;
}

#product-table tr.orange-alternate
{
  background: #fff0da;
}

#product-table tr.orange td.hover,
#product-table tr.orange-alternate td.hover
{
  background: #f8e5ca;
}


/*  ZELENA VARIANTA  */

#product-table tr.green
{
  background: #e7ffe1;
}

#product-table tr.green td,
#product-table tr.green-alternate td
{
  border-bottom: 1px solid #b0ff96;
  border-left: 1px dotted #c9ffb8;
  border-right: 1px dotted #c9ffb8;
}

#product-table tr.green-alternate
{
  background: #e0ffda;
}

#product-table tr.green td.hover,
#product-table tr.green-alternate td.hover
{
  background: #cff8c7;
}


/*  ZLUTA VARIANTA  */

#product-table tr.yellow
{
  background: #fffccb;
}

#product-table tr.yellow td,
#product-table tr.yellow-alternate td
{
  border-bottom: 1px solid #fff083;
  border-left: 1px dotted #fff3a3;
  border-right: 1px dotted #fff3a3;
}

#product-table tr.yellow-alternate
{
  background: #fffdc4;
}

#product-table tr.yellow td.hover,
#product-table tr.yellow-alternate td.hover
{
  background: #f9f7b9;
}



/*  CERVENA VARIANTA  */

#product-table tr.red
{
  background: #ffe3e2;
}

#product-table tr.red td,
#product-table tr.red-alternate td
{
  border-bottom: 1px solid #ff989a;
  border-left: 1px dotted #ffb9ba;
  border-right: 1px dotted #ffb9ba;
}

#product-table tr.red-alternate
{
  background: #ffdedb;
}

#product-table tr.red td.hover,
#product-table tr.red-alternate td.hover
{
  background: #f8d0cc;
}

/*  alt */


#product-table tr td.hover a,
#product-table tr.alternate-row td.hover a
{
  /*color: #044f85;*/
}

#product-table tr	td.blue{
	background: #eef9f7;
	border: 1px solid #aee2da;
	color: #3C8CB0;
	}	

#product-table tr.alternate-row	td.blue{
	background: #d3efeb;
	}	

#product-table tr.grey td,
#product-table tr.grey td a 
 {
	color: #a2a2a2;
	}		

#product-table tr.selected
{
  /*background-color: #5EB5E1;*/     
  
}

#product-table tr.selected td,
#product-table tr.selected td.hover
{
  /*background: url("../images/table/table_header_repeat.jpg") repeat-x scroll 0 0 transparent;
  color: #fff;*/
  background: #ffe8cf;
}	

#product-table tr.delitko td	{
  background: url("../images/table/table_header_repeat.jpg") repeat-x scroll 0 0 transparent;
  outline-offset: -1px; 
  outline: 1px solid #373737;
  color: #fff;  
}

#product-table tr.modra td,
#product-table tr.modra td:hover,
#product-table tr.modra td.hover
	{
  background: #D7E7F1;
  outline-offset: -1px; 
  outline: 1px solid #BAD7E9;
  color: #000;  
}

#product-table tr.svmodra td,
#product-table tr.svmodra td:hover,
#product-table tr.svmodra td.hover
	{
  background: #e6eff5;
  outline-offset: -1px; 
  outline: 1px solid #D7E7F1;
  color: #000;  
}

	
td.options-width	{
	padding: 0 0 0 10px;
	width: 210px;
	}
td.checkbox-width	{
	}
.table-header-check	{
	background: url(../images/table/table_header_checkbox.jpg) no-repeat;
	border: none;
	min-width: 29px;
	padding: 0px;
	/*width: 29px;*/
	}
#product-table th.table-header-check	{	
  padding: 0 0 0 10px;
  color: #fff;
}

#product-table th.table-header-check a	{	
  color: #fff;
}

#product-table input[type=text],
#product-table select,
input.rounded,
input.bigrounded,
.dataTables_filter input
{
  border: 1px solid #ACACAC;
  background: #fff;
  padding: 5px;
  width: 80%;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
        
}

input.rounded,
input.bigrounded
{
  width: auto;
}

input.rounded[type=submit],
input.rounded[type=button]
{
  cursor: pointer;
}

input.bigrounded
{
  width: 192px;
  padding: 6px 3px;
  border: 1px solid #acacac;
}
input.rounded.small{
	width: 50px !important;
}
input.rounded.tiny{
	width: 25px !important;
}

.dataTables_filter input { width: 50%; }

#product-table select
{
  /*width: auto;*/
  width: 100%;
}

#product-table input[type=submit],
#product-table input[type=button]
{
  border: 1px solid #D2D2D2;
  background: #fff;
  padding: 3px;
  cursor: pointer; 
  color: #7f7d7d;   
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  
}

#product-table input[type=submit]:hover,
input.rounded[type=submit]:hover,
#product-table input[type=button]:hover,
input.rounded[type=button]:hover
{
  background: #D2D2D2;
}	
.table-header-options	{
	background: url(../images/table/table_header_options.jpg) no-repeat right top;
	border: none;
	/*min-width: 221px;*/
	padding: 0px 0 0 0;
	/*width: 221px;*/
	width: auto;
	padding-right: 10px;
	white-space: nowrap;
	}
.table-header-repeat	{
	background: url(../images/table/table_header_repeat.jpg) repeat-x;
	border: none;
	/*font-size: 0px;
	line-height: 0;*/
	color: #fff;
	padding: 0px 0 0 0;
	}
	
.table-header-options 
{
  color: #fff;
}
	
	
.table-header-options a,
.table-header-check a,
 .table-header-repeat a	{
	background: url(../images/table/table_sort_arrows.png) right no-repeat;
	color: #fff;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	/*margin: 0 0 0 10px;*/
	padding: 0 10px 0 0;
	display: inline-block;	
	}
	          
	.table-header-options a:hover,
 .table-header-repeat a:hover	{
	
	color:#eb9a2a;
	}

#table-content #product-table th.selected a, 
#table-content #product-table td.selected a
{
	color:#eb9a2a;
}
	
	
th.line-left	{
	border-left: 1px solid #373737;
	}
#product-table	tr.activity-blue	{
	background: #e3eceb;
	}
	
	#toggle-all {
		display: block;
		width: 17px;
		height:17px;
		cursor: pointer;
		background: url(../images/shared/checkbox.gif) 0 -17px no-repeat;
	}
	
		#toggle-all.toggle-checked {
		display: block;
		width: 17px;
		height:17px;
		background: url(../images/shared/checkbox.gif) 0 0;
	}
	
	
p.floatinfo
{
  display: block;
  float: left;
  padding: 10px;
  width: auto;
}
	
table td a
{
  /*color: #3C8CB0;*/
  color: #4A9ACE;
  text-decoration: underline;
}

table td a:hover
{
  text-decoration: none;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*  RELATED ACTIVIES BOX */	

#related-activities	{
	float: right;
	font-size: 0px;
	line-height: 0;
	width: 271px;
	}
#related-act-top	{
	background: url(../images/forms/header_related_act.gif) no-repeat bottom;
  font-size: 16px;
	line-height: 45px;
	color: #fff;
	height: 43px;
	text-indent: 25px;
	}
#related-act-bottom	{
	background: url(../images/forms/bg_related_act.gif) no-repeat bottom;
	font-size: 0px;
	line-height: 0;
	}
#related-act-inner	{
	font-size: 13px;
	line-height: 16px;
	margin: 0 auto 0px auto;
	padding: 10px 0 20px 0;
	width: 225px;
	}
#related-act-inner .left	{
	float: left;
	width: 30px;
	}
#related-act-inner .right	{
	float: left;
	width: 195px;
	padding: 2px 0 0 0;
	}
#related-act-inner h5	{
	color: #393939;
	font-size: 13px;
	padding-bottom: 4px;
	}  
#related-act-inner h5	span,
span.darkgrey 
  {	
	color: darkgrey;
  }
ul.greyarrow	{
	list-style-type: none;
	}
ul.greyarrow li	{
	background: url(../images/forms/icon_list_arrow.gif) no-repeat 0 5px;
	line-height: 18px;
	padding: 0 0 0 12px;
	}
ul.greyarrow li a	{
	color: #eb9a2a;
	font-weight: bold;
	}
ul.greyarrow li a:hover	{
	text-decoration: underline;
	}
	
ul.greyarrow li a	span {
  color: darkgray;
  }
	
.lines-dotted-short	{
	background: url(../images/forms/lines_dotted_short.gif) no-repeat 0px 14px;
	font-size: 0px;
	height: 28px;
	line-height: 0;
	}
	
/* PAGING --------------------------------------------------------- */	

#paging-table {
	float: right;
	margin: 0 4px 0 0;
}	
.page-far-left	{
	background: url(../images/table/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	}
.page-left	{
	background: url(../images/table/paging_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
.page-far-right	{
	background: url(../images/table/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	}
.page-right	{
	background: url(../images/table/paging_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
#page-info	{
	float: left;
	line-height: 16px;
	padding: 0px 12px 0 12px;
	margin-top: -3px;
	margin-bottom: 5px;
	}

	
/*  ACTIONS BOX ----------------------------------------------- */	
#actions-box	{
	float: left;
	margin: 0 0 0 10px;
	position: relative;
	}
a.action-slider	{
	background: url(../images/table/dropdown_actions.gif) no-repeat;
	display: block;
	height: 30px;
	width: 110px;
	}
a.action-slider.activated	{
	background: url(../images/table/dropdown_actions.gif) no-repeat 0 -30px;
	display: block;
	height: 30px;
	width: 110px;
	}
#actions-box-slider	{
	background: url(../images/table/actions_slider_bg.gif) bottom no-repeat;
	display: none;
	left: 0;
	padding-bottom: 1px;
	padding-top: 10px;
	position: absolute;
	top: 24px;
	width: 110px;
	}
#actions-box-slider-inner	{
	font-size: 0px;
	line-height: 0;
	margin: 0 auto;
	width: 108px;
	}
#actions-box-slider a.action {
	color: #272727;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 5px 15px;
	width: 93px;
	}
#actions-box-slider a:hover.action { color: #fff; background: #949494; }	

a.action-edit ,
a.action-delete,
a.action-edit:hover ,
a.action-delete:hover	
  {
	color: #272727;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0 auto;
	padding: 10px 9px 5px 36px;
	width: 63px;
	}
a:hover.action-edit	{
	background: #949494 url(../images/table/action_edit.gif) no-repeat 5px 5px;
	color: #fff;
	}
a.action-edit	{
	background: #c7c7c7 url(../images/table/action_edit.gif) no-repeat 5px 5px;
	}
a.action-delete	{
	background: #c7c7c7 url(../images/table/action_delete.gif) no-repeat 5px 5px;
	}
a:hover.action-delete	{
	background: #949494 url(../images/table/action_delete.gif) no-repeat 5px 5px;
	color: #fff;
	}
		 
	
/* FORM ------------------------------------------------------- */	
.form-submit	{
	background: url(../images/forms/form_submit.png) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	margin: 0 4px 0 0;
	padding: 0;
	text-indent: -3000px;
	width: 80px;
	}
.form-reset	{
	background: url(../images/forms/form_reset.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	text-indent: -3000px;
	width: 80px;
	}
#id-form	{
	}
.inp-form	{
	background: url(../images/forms/form_inp.gif) no-repeat;
	border: none;
	color: #393939;
	height: 25px;
 
	padding: 6px 6px 0 6px;
	width: 186px;
	}
	
.inp-form-error	{
	background: url(../images/forms/form_inp_error.gif) no-repeat;
	border: none; 
	color: #393939;
	height: 25px;
	padding: 6px 6px 0 6px;
	width: 187px;
	}
.form-textarea	{
	/*background: url(../images/forms/form_textarea.gif) no-repeat;
	border: none;*/
	border: 1px solid #acacac;
	border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 91px;
	overflow: auto;
	padding: 6px 6px 6px 6px;
	width: 378px;
	}
#id-form td	{
	padding: 0 0 10px 0;
	}
#id-form td.noheight	{
	padding: 0 0 0px 0;
	}
#id-form th	{
	/*line-height: 28px;*/
	min-width: 130px;
	padding: 0 0 10px 0;
	text-align: left;
	width: 130px;
	}
.styledselect-day ,
.styledselect-month ,
.styledselect-year	{
	border: 1px solid #acacac;
	margin-right: 3px;
	padding: 3px;
	width: 64px;
	}
	
	
#step-holder {
font-family: Tahoma;
	height:39px;
	margin-bottom: 20px;
}	




.step-no {
	float:left;
	height:29px;
	width:18px;
	font-size: 18px;
	line-height: 18px;
	padding:10px 0 0 0;
	text-align: center;
}

.step-no-off {
	float:left;
	height:29px;
	width:18px;
	font-size: 18px;
	line-height: 18px;
	padding:10px 0 0 0;
	text-align: center;
	color:#cbcbcb;
}

.step-dark-left {
	float:left;
	 
	background: url(../images/forms/step_dark_left.gif) no-repeat;
	height:27px;
	padding:13px 15px 0 25px;
	font-size: 13px;
	color:#fff;
	font-weight: bold;
}

.step-dark-left a{
	 
	font-size: 13px;
	color:#fff;
	font-weight: bold;
}

.step-dark-right {
	float:left;
	width:12px;
	background: url(../images/forms/step_dark_right.gif) no-repeat;
	height:39px;
}
.step-dark-round {
	float:left;
	width:8px;
	height:39px;
	background: url(../images/forms/step_dark_round.gif) no-repeat;
}

.step-light-left {
	float:left;
	 	height:27px;
	padding:13px 15px 0 25px;
	font-size: 13px;
	background: url(../images/forms/step_light_left.gif) no-repeat;
	height:39px;
	color:#cbcbcb;
	font-weight: bold;
}

.step-light-left a{
	 
	 
	font-size: 13px;
 
	color:#cbcbcb;
	font-weight: bold;
}
.step-light-right {
	float:left;
	width:12px;
	background: url(../images/forms/step_light_right.gif) no-repeat;
	height:39px;
}
.step-light-round {
	float:left;
	width:8px;
	height:39px;
	background: url(../images/forms/step_light_round.gif) no-repeat;
}

.bubble-left {
	float:left;
	width:10px;
	height:29px;
	margin-left: 5px;
	background: url(../images/forms/bubble_left.gif) no-repeat;
}

.bubble-inner {
	float:left;
	padding: 7px 0px 0 2px;
	color:#2e74b2; 
	line-height: 14px;
	font-size: 11px;
	height:22px;
	background: url(../images/forms/bubble_inner.gif) repeat-x;
}
.bubble-right {
	float:left;
	width:8px;
	height:29px;
	background: url(../images/forms/bubble_right.gif) right no-repeat;
}
.error-left {
	float:left;
	width:13px;
	height:32px;
	margin-left: 5px;
	background: url(../images/forms/error_left.gif) no-repeat;
}

.error-inner {
	float:left;
	padding: 7px 10px 0 4px;
	color:#fff; 
	line-height: 14px;
	height:25px;
	background: url(../images/forms/error_right.gif) right  no-repeat;
}
.file_1 {
	border: none;
	padding: 5px;
}	
 
/*  NAVIGATION ----------------------------------------------- */
#nav-holder	{
	margin: 0 auto;
	max-width: 1260px;
	min-width: 780px;
	text-align: left;
	}
.nav-outer-repeat	{
	background: url(../images/shared/nav/repeat_new.jpg) repeat-x;
	/*height: 77px;*/
	/*height: 83px;*/
	height: 43px;
	min-width: 990px;
	}
.nav-outer	{
	margin: 0 auto;
	max-width: 1260px;
	min-width: 850px;
	}
#nav-right	{
	float: right;
	position: relative;
	width: 150px;
	z-index: 0;
	}
#nav-right a	{
	display: block;
	float: left;
	margin: 0px 0 0 0;
	}
.account-content	{
	background: #454545 url(../images/shared/nav/account_drop_bg.gif) no-repeat bottom;
	display: none;
	left: 5px;
	padding-bottom: 20px;
	position: absolute;
	top: 30px;
	width: 170px;
	}
.account-drop-inner	{
	font-size: 0px;
	line-height: 0px;
	margin: 20px auto 0 auto;
	width: 140px;
	}
.showhide-account	{
	cursor: pointer;
	display: block;
	float: left;
	margin: 10px 5px 0 5px;
	}
.account-drop-inner a	{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.account-drop-inner a:hover	{
	color: #94b52c;
	}
.acc-line	{
	background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px;
	font-size: 0px;
	height: 14px;
	line-height: 0px;
	margin-top: 0px;
	padding: 0;
	}
a#logout	{
	margin: 10px 0 0 5px;
	}
a#acc-settings	{
	background: url(../images/shared/nav/icon_acc_settings.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-details	{
	background: url(../images/shared/nav/icon_acc_personal.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-project	{
	background: url(../images/shared/nav/icon_acc_projects.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-inbox	{
	background: url(../images/shared/nav/icon_acc_inbox.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-stats	{
	background: url(../images/shared/nav/icon_acc_stats.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}


 
	
	
/* FOOTER -------------------------------------------------------------- */

 
#footer	{
height: 70px;
	 
	margin: 80px auto 0px auto;
	padding: 0px 0 0 0;
	text-align: left;
	min-width: 780px;
	max-width: 1260px;
	}
#footer-left	{
	color: #818181;
	 
	font-size: 11px;
	line-height: 11px;
	padding: 15px 0 15px 25px;
	margin: 0 20px;
	
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: url(../images/shared/icon_idlogo.jpg) no-repeat 0 12px;
	} 
#footer-left a	{
	color: #818181;
	text-decoration: none;
	}
#footer-left 	 a.selected,
#footer-left 	 a:hover	{
	color: #000;
	text-decoration: none;
	}
	
 
 
 
/* GENERAL --------------------------------------------------------*/ 
 table	{
	border-collapse: collapse;
	}
.fr	{
	float: right;
	}
a	{
	outline: none;
	text-decoration: none;
	}
a:hover	{
	}
.clear	{
	clear: both;
	font-size: 0px;
	height: 0;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}
img	{
	border: 0;
	}
p	{
	margin: 0px;
	padding: 0px;
	}
form	{
	margin: 0;
	padding: 0;
	}
.line	{
	border-top: 1px solid #dcdada;
	font-size: 0px;
	height: 1px;
	line-height: 0px;
	margin: 20px 0;
	padding: 0;
	}
.font11	{
	font-size: 11px;
	}



 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*  STYLED SELECTBOXES style 1 --------------------------------- */	

.styledselect {
background: #2a2a2a;
border: 1px solid #424242;
	color:#fff;
	width:120px;
	padding: 5px;
	line-height: 14px;
	margin-right: 6px;
	font-size: 12px;
}

div.selectbox-wrapper	{
	background-color: #2a2a2a;
	border: none;
	border-bottom: none;
	margin: 0px;
	margin-top: 0px;
	max-height: 200px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	z-index: 10;
	}
div.selectbox-wrapper ul	{
	list-style-type: none;
	 
	margin: 0px;
	padding: 0px;z-index: 10;
	}
div.selectbox-wrapper ul li.selected	{
	background-color: 575757;
	color: #fff;
	}
div.selectbox-wrapper ul li.current	{
	background-color: #575757;
	}
div.selectbox-wrapper ul li	{
	border-bottom: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 10px;
	}
.selectbox_styled	{
	background: url(../images/shared/top_search_select.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 0 6px;
	text-align: left;
	width: 105px;
	z-index: 10;
	}

/*  STYLED SELECTBOXES style 2 --------------------------------- */	
div.selectbox-wrapper2	{
	background-color: #e4edf5;
	border: none;
	border-bottom: none;
	margin: 0px;
	margin-top: 0px;
	max-height: 200px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	z-index: 99999 !important;
  -moz-box-shadow: 0px 0px 5px #474848; -webkit-box-shadow: 0px 0px 5px #474848; box-shadow: 0px 0px 5px #474848;	
	}
div.selectbox-wrapper2 ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
div.selectbox-wrapper2 ul li.selected2	{
	background-color: #2E74B2;
	color: #fff;
	}
div.selectbox-wrapper2 ul li.current2	{
	background-color: #2E74B2;
	color: #fff;
	}
div.selectbox-wrapper2 ul li	{
	border-bottom: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 10px;
	}
.styledselect_form_0	{
	background: url(../images/forms/form_select.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	/*height: 24px;*/
	height: 29px;
	margin: 0px 0px 0px 0px;
	/*padding: 7px 0 0 6px;*/
	padding: 2px 0 0 6px;
	text-align: left;
	width: 192px;
	}
.styledselect_form_1	{
	background: url(../images/forms/form_select.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	/*height: 24px;*/
	height: 29px;
	margin: 0px 0px 0px 0px;
	/*padding: 7px 0 0 6px;*/
	padding: 2px 0 0 6px;
	text-align: left;
	width: 192px;
	}
.styledselect_form_2	{
	background: url(../images/forms/form_select_small.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	/*height: 24px;*/
	height: 29px;
	margin: 0px 0px 0px 0px;
	/*padding: 7px 0 0 6px;*/
	padding: 2px 0 0 6px;
	text-align: left;
	width: 60px;
	}

	
	
/*  STYLED SELECTBOXES style 3 --------------------------------- */	
div.selectbox-wrapper3	{
	background-color: #e3e3e3;
	border: none;
	border-bottom: none;
	margin: 0px;
	margin-top: 0px;
	max-height: 200px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	}
div.selectbox-wrapper3 ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
div.selectbox-wrapper2 ul li.selected3	{
	background-color: #94b52c;
	color: #fff;
	}
div.selectbox-wrapper2 ul li.current3	{
	background-color: #94b52c;
	color: #fff;
	}
div.selectbox-wrapper3 ul li	{
	border-bottom: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 10px;
	}
.styledselect_pages	{
	background: url(../images/table/select_number_rows.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0 0 6px;
	text-align: left;
	width: 130px;
	}
	
	
	
	
	
 
	
/* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */	
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover	{
	color: #999;
	}
span.ui-checkbox,
			span.ui-radio	{
	background: url(../images/shared/icon_checkbox.png) 0 -24px no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	cursor: pointer;
	}
span.ui-helper-hidden	{
	display: none;
	}
label	{
	padding: 2px;
	}
span.ui-radio-state-hover,
			span.ui-checkbox-state-hover	{
	background-position: 0 0px;
	}
span.ui-checkbox-state-checked	{
	background-position: 0 0px;
	}
span.ui-checkbox-state-checked-hover	{
	background-position: 0 0px;
	}
span.ui-radio-state-checked-disabled-hover,
			span.ui-radio-state-checked-disabled,
			span.ui-radio-state-checked	{
	background-position: 0 -161px;
	}

span.ui-checkbox-state-disabled-hover,
span.ui-checkbox-state-checked-disabled,
span.ui-checkbox-state-disabled
{
	background-position: 0 -48px;
	cursor: default;
}
		
span.ui-radio-state-checked-hover	{
	background-position: 0 -24px;
	}
label	{
	/*color: red;*/
	line-height: 20px;
	}
.ui-helper-hidden-accessible	{
	left: -999em;
	position: absolute;
	}
	
	
	
	
	
/*  LOGIN -------------------------------------------------------------------------------- */	

#login-bg	{
	background: url(../images/login/login_bg.jpg) no-repeat top center;
	}
#login-holder	{
	margin: 0px auto 0 auto;
	width: 508px;
	}
#loginbox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	font-size: 12px;
	height: 222px;
	line-height: 12px;
	padding-top: 50px;
	position: relative;
	width: 508px;
	}
#forgotbox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	display: none;
	font-size: 12px;
	height: 242px;
	line-height: 12px;
	padding-top: 30px;
	position: relative;
	width: 508px;
	}
#login-inner	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 12px;
	margin: 0 auto;
	width: 310px;
	}
#login-inner label	{
	color: #161616;
	cursor: pointer;
	font-family: Tahoma;
	font-weight: normal;
	line-height: 12px;
	/*padding-left: 10px;*/	 
	}
 .checkbox-size	{
	width:13px;
	height:13px;
	margin: 5px 0;
	 
	}	
#login-inner th	{
	padding: 0 0 6px 0;
	text-align: left;
	width: 95px;
	}
#login-inner td	{
	padding: 0 0 6px 0;
	}
.login-inp	{
	background: url(../images/login/inp_login.gif) no-repeat;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 28px;
	padding: 6px 6px 0 10px;
	width: 204px;
	}
#logo-login	{
	float: left;
	height: 35px;
	margin: 115px 0 20px 115px;
	}
a.forgot-pwd	{
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	position: absolute;
	right: 40px;
	}
a:hover.forgot-pwd	{
	color: #fff;
	}
a.mobile-desktop	{
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	position: absolute;
	left: 40px;
	}
a:hover.mobile-desktop	{
	color: #fff;
	}	
#forgotbox-text	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 auto 40px auto;
	width: 440px;
	height: 190px;
	overflow: auto;
	}
#forgotbox-text	p {
    padding-bottom: 5px;
    line-height: 14px;
    font-size: 12px;
    padding: 3px 15px 3px 0;
  }	
	
#forgotbox-text ul
{
  padding: 8px 15px 8px 0;
  list-style: circle;
}
#forgotbox-text li
{
  font-size: 12px;
  line-height: 12px;
  padding: 2px 0 2px 15px;
  
}

	
#forgot-inner	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 12px;
	margin: 0 auto;
	width: 330px;
	}
#forgot-inner label	{
	color: #161616;
	cursor: pointer;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding-left: 10px;
	}
#forgot-inner th	{
	padding: 0 0 6px 0;
	text-align: left;
	width: 110px;
	}
#forgot-inner td	{
	padding: 0 0 6px 0;
	}
a.back-login	{
	background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 10px;
	position: absolute;
	right: 40px;
	}
a:hover.back-login	{
	color: #fff;
	}
.submit-login	{
	background: url(../images/login/submit_login.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	height: 29px;
	text-indent: -3000px;
	width: 73px;
	}
.submit-login:hover	{
	background: url(../images/login/submit_login.gif) no-repeat 0 -29px;
	}
 
 
 
 /*  UI DIALOG --------------------------------- */
 
 div.ui-dialog
  {
    font-size: 0.8em;
  }
  
.ui-widget-content p
  {
    padding: 5px;
  }

#dialog table
{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 5px;
}

#dialog table td
{
  padding: 5px;
  border: 1px dotted lightgrey;
}

#dialog table.nostyle td
{
  border: none;
  padding: 0;
}


/*  RUZNE -------------------------------------------------------------------------------- */

.pointer
{
  cursor: pointer;
}

.nowrap
{
  white-space: nowrap;
}

span.lightgrey
{
  color: lightgrey;
}

span.darkgrey
{
  color: darktgrey;
}

a.switch
{
  position: relative;
  top: 4px;
  margin-right: 4px;
}

a.switch .off, a.switchDate .off
{
  display: none;
}

.switch-box { display: none; }

.delitko
{
  border-bottom:1px solid lightgrey;
}

#product-table tr.delitko td a {
  color: #fff;
}

#product-table tr.delitko td a:hover {
  text-decoration: none;
}

.mright10
{
  margin-right: 10px;
}

.mright20
{
  margin-right: 20px;
}

.pright5
{
  padding-right: 5px;
}

.pleft5
{
  padding-left: 5px;
}

.pright10
{
  padding-right: 10px;
}

.pleft10
{
  padding-left: 10px;
}

.pright20
{
  padding-right: 20px;
}

.pleft20
{
  padding-left: 20px;
}

.h300 { height: 300px; }
.h320 { height: 320px; }

.border-lightgrey-left
{
  border-left: 1px solid lightgrey;
}

.border-lightgrey-right
{
  border-right: 1px solid lightgrey;
}

.border-lightgrey-bottom
{
  border-bottom: 1px solid lightgrey;
}

.border-lightgrey-top
{
  border-top: 1px solid lightgrey;
}

.border-lightgrey
{
  border: 1px solid lightgrey;
}

.border-lightgrey-dotted-left
{
  border-left: 1px dotted lightgrey;
}

.border-lightgrey-dotted-right
{
  border-right: 1px dotted lightgrey;
}

.border-lightgrey-dotted-top
{
  border-top: 1px dotted lightgrey;
}

.border-lightgrey-dotted-bottom
{
  border-bottom: 1px dotted lightgrey;
}



.border-blue
{
  border: 1px solid #9cd0f5;
}

table.nocollapse
{
   border-collapse: separate;
}

.tright
{
  text-align: right;
}

.tleft
{
  text-align: left;
}

.tcenter
{
  text-align: center;
}

.nostrong
{
  font-weight: normal;
}

.fleft
{
  display: block;
  float: left;
}

.fright
{
  display: block;
  float: right;
}

.mini-icon-cash
{
  padding-left: 14px;
  background: transparent url(../images/shared/mini_icon_cash.png) left center no-repeat;
}

.icon-txt
{
  padding-left: 17px;
  background: transparent url(../images/shared/icon_txt.png) left center no-repeat;
  /*line-height: 16px;*/
  padding-top: 1px;
  padding-bottom: 1px;
}




/*  POZNAMKA PRI VYVOJI -------------------------------------------------------------------------------- */

div.poznamka
{
  width: 300px;
  height: 100px;
  display: block;
  position: fixed;
  border: 2px dotted red;
  background-color: #fff;
  left: 0;
  bottom: 0;
  padding: 5px;
  font-size: 12px;
}	



/*  ROUNDBLOCK -------------------------------------------------------------------------------- */

div.roundblock
{
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: relative;
  background-color: #f6f6f6;
  border: 1px solid #bebebe;
  padding: 10px;
  min-height: 40px;
}

div.roundblock span.lt
{
  display: block;
  float: none;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) 0px 0px no-repeat;
  z-index: 1;
}

div.roundblock span.rt
{
  display: block;
  float: none;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) -6px 0px no-repeat;
  z-index: 1;
}

div.roundblock span.lb
{
  display: block;
  float: none;
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) 0px -6px no-repeat;
  z-index: 1;
}

div.roundblock span.rb
{
  display: block;
  float: none;
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) -6px -6px no-repeat;
  z-index: 1;
}

div.roundblock span.arrowleft
{
  display: block;
  float: none;
  position: absolute;
  left: -9px;
  top: 45%;
  width: 9px;
  height: 16px;
  background: transparent url(../images/forms/roundblock.png) -12px 0px no-repeat;
  z-index: 1;
}



/*  BAREVNE BOXY -------------------------------------------------------------------------------- */

div.message-green
{
  background-color: #e0f2cb;
  border: 1px solid #ccebac;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin-bottom: 5px; 
  padding: 6px; 
}

#related-activities div.message-green p a
{
   color: #6DA827;  
}




div.message-red
{
  background-color: #fbd3b1;
  border: 1px solid #f5c69a;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin-bottom: 5px; 
  padding: 6px; 
}

#related-activities div.message-red p a
{
   color: #ce2700;  
}




div.message-yellow
{
  background-color: #fff4cc;
  border: 1px solid #f8e3ac;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin-bottom: 5px; 
  padding: 6px; 
}

#related-activities div.message-yellow p a
{
   color: #eb9300;  
}




/*  OPMENU -------------------------------------------------------------------------------- */

/*a.action {width:20px;height:20px;display:block;background:url("../images/action.png") 50% 50% no-repeat;outline:none;}
a.action:hover, a.action.active {width:18px;height:18px;background-color:#dbe3f2;border:1px solid #aeb6c2;}*/
a.action.active { background-position: 0 -24px; }
.opmenu {position:absolute;z-index:1;width:150px;background: url("../images/opmenubg.png") top left no-repeat;display:none;}
.opmenu ul {display:block;padding:5px 5px 5px;margin:0 !important;list-style:none;}
.opmenu ul li {float:none;margin:0;padding:0;list-style:none;}
.opmenu ul li a {text-shadow:none;float:none;text-align:left;width:100px;margin:0;padding:5px 5px;background-image:none;display:block;border-bottom:1px solid #dedede;font:bold 11px tahoma;color: #333;text-decoration:none;outline:none;}
.opmenu ul li a:hover {color:#fff;background-color:#5eb1e6;padding-top:4px;border-top:1px solid #4a9ace;border-bottom:1px solid #4a9ace; text-decoration: none;}
#product-table td .opmenu ul li a:hover { text-decoration: none; color: #fff; }
.opmenu ul li:last-child a {border-bottom:0;}
.opmenu .foot {position:absolute;left:0;bottom:-3px;width:120px;height:3px;background: url("../images/opmenubg.png") bottom left no-repeat;}
.opmenu { background: #f9f9f9; border: 1px solid #c0bfbf;  width: 150px; -moz-box-shadow: 0px 0px 5px #bfc0c0; -webkit-box-shadow: 0px 0px 5px #bfc0c0; box-shadow: 0px 0px 5px #bfc0c0; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
.opmenu ul li a
{
  width: 130px;
}
#product-table tr.grey td .opmenu a { color: #393939; }

.opmenu .foot 
{
  display: none;
}





/*  PROGRESS BAR -------------------------------------------------------------------------------- */

.progressbar
{
  border: 1px solid #d2d2d2;
  display: block;
  position: relative;
  width: 110px;
  height: 22px;
  overflow: hidden;
  background-color: #fff;
}

.progressbar span.bar
{
  display: block;
  position: absolute;
  width: 110px;
  height: 22px;
  background-color: #c7f695;
  right: 100%;
  top: 0%;
  z-index: 1;  
}

.progressbar span.stav
{
  display: block;
  position: absolute;
  left: 40%;
  top: 16%;
  z-index: 2;  
}


/*  BUBBLE TOOLTIP -------------------------------------------------------------------------------- */

.bubble {width:280px;position:absolute;z-index:10000;display:none; font-size: 12px; /*-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;*/ }
.bubble .bubble-t1, .bubble .bubble-t2, .bubble .bubble-t3, .bubble .bubble-b1, .bubble .bubble-b2, .bubble .bubble-b3 {background-image:url("../images/shared/bubble_corners.png");background-repeat:no-repeat;background-position:0 0;background-color:transparent;}
.bubble .bubble-t1 {background-position:0 0;}
.bubble .bubble-t2 {background-position:100% -5px;padding: 0px 5px 0px 5px;}
.bubble .bubble-t3 {background-repeat:repeat-x;background-position:0 -10px;height: 5px;}
.bubble .bubble-1 {background: url("../images/shared/bubble_edges.png") 0 0 repeat-y;}
.bubble .bubble-2 {padding: 0 5px;background: url("../images/shared/bubble_edges.png") 100% 0 repeat-y;}
.bubble .bubble-3 {padding: 10px;background: #fff;overflow: hidden;}
.bubble .bubble-b1 {/*background-position:0 -15px;*/ background-position:3px -35px;}
.bubble .bubble-b2 {padding: 0 5px 0 40px;background-position:100% -25px;}
.bubble .bubble-b3 {height: 10px;background-repeat:repeat-x;background-position:0 -35px;}

.tooltip { display: none; }
.bubble hr { margin: 5px 0; }


/*  ROUND BOX -------------------------------------------------------------------------------- */

#content .roundbox
{
  border: 1px solid #d6d4d4;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  background: transparent url(../images/shared/roundbox_bg.png) left bottom repeat-x;
  min-width: 220px;
}

#content .roundbox h2
{
  background: #f0f0f0;
  margin-right: 0;
  font-size: 14px;
  line-height: 35px;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  padding-left: 20px;
}

#content .roundbox .content
{
  padding: 20px;
}

#content .roundbox ul
{
  padding-top: 10px;
}

#content .roundbox ul li
{
  list-style: none;
  background: transparent url(../images/shared/ikona_seznam_ok.png) left center no-repeat;
  line-height: 14px;
  padding: 0 0 4px 25px;
}

#content .roundbox .paticka
{
  line-height: 42px;
}


#content span.blue, #content strong.blue, #content sup.blue { color: #0f669d; }
#content span.orange, #content strong.orange, #content sup.orange { color: #f75000; }

#content .sipka-blue-vpravo 
{ 
  padding-left: 25px;
  background: transparent url(../images/shared/sipka_blue_vpravo.png) left center no-repeat;
  padding-top: 2px;
  padding-bottom: 2px;
}


/*  H2 ZALOZKY -------------------------------------------------------------------------------- */

#content-table h2.panes
{
    padding-bottom: 0;
    clear: both;
}

#content-table h2.panes span
{
  display: inline-block;
  padding: 10px 10px;
  background: #eee;
  border: 1px solid #d3d3d3;
  border-bottom: 0px; 
  border-top-left-radius:4px;
  border-radius-topright:4px;  
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  

}

#content-table h2.panes a
{
  display: inline-block;
  padding: 10px 10px;
  border: 1px solid #d3d3d3;
  border-bottom: 0px; 
  border-top-left-radius:4px;
  border-radius-topright:4px; 
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     

}


/*  ONDROVY STYLY -------------------------------------------------------------------------------- */


#picTable
{
	width: 400px;
}
#picTable td
{
	vertical-align: center;
}
#fileTable td
{
	padding: 5px;
}
#vinici table td
{
	padding: 5px;
}
.icon
{
	height: 35px;
	width: auto;
}
.iconSmall
{
	height: 20px;
	width: 20px;
}
#results
{
	position: absolute;
	left: 540px;
	background-color: #eee;
	border: solid 1px #aaa;
}
#results li
{
	margin: 5px;
	list-style-type: none;
	border-bottom: solid 1px #aaa;
	width: 200px;
}
#results li img
{
	float: left;
}
#results li span
{
	font-size: 10px;
}
#results li
{
	color: #333;
	text-decoration: none;
}
table#pracovnici
{
	width: 500px;
	background-color: #ddd;
	padding: 2px;
}
table#pracovnici tr
{
	border-bottom: solid 1px white;
}
table#pracovnici td
{
	padding: 5px;
}
.mesice
{
	display: none;
}
.zaznamy
{
	display: none;
}

#table-aggregation
{
	margin-left: 200px;
}
#table-aggregation td, #table-aggregation th
{
	padding: 3px;
	border: 1px solid #D5D5D5;
	width: 200px;
	text-align: center;
}
#table-aggregation th
{
  background-color: #F8F8F8;
  font-size: 95%;
  font-style: italic;
}

#table-aggregation td.penize
{
	text-align: right;
	padding-right:10px;
	width: 50px;
}
#table-aggregation td.nazev
{
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
}



.noDisplay
{
	display: none;
}
.returnInvoiceText
{
	position: absolute;
	width: 250px;
	border: 1px solid #D2D2D2;
	background-color: white;
	padding: 10px;
	display: none;
}
.zalozka
{
	position: relative;
	top: 17px;
	left: 1px;
	width: 100px;
	height: 20px;
	padding: 5px;
	display: inline;
	border: solid 1px black;
	border-bottom: none;
	border-left: none;
}
.aktivniZalozka
{
	background-color:#aaa;
}
.prvniZalozka
{
	border-left: solid 1px black;
}
.clickable
{
	cursor: hand;
	cursor: pointer;
}
.underline
{
	text-decoration: underline;
}
.narrow-selectbox
{
 	width: 40px !important;
 	height: 20px;
 	position: relative;
 	top: -3px;
}
.lessNarrow-selectbox
{
 	width: 70px !important;
 	height: 20px;
 	position: relative;
 	top: -3px;
}
td.highlight a
{
 	background-color: #e6b750 !important;
}

.todo
{
	background-color: #fee;
	border: solid 1px red;
	margin-bottom: 20px;
	padding: 10px;
}
.emailsToVerify
{
	position: relative;
	float: right;
}
.emailsToVerify .numberOfEmails
{
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 50%;
	height: 15px; 
	background-color: red;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
.emailsToVerify .oneDigit
{
	width: 11px;
	padding-left: 4px;
}
.emailsToVerify .twoDigits
{
	width: 14px;
	padding-left: 1px;
}

.notifikace
{
	width: 500px;
	position: absolute;
	right: 0px;
	top: 25px;
	z-index: 100;
	display: none;
	background-color: #262626;
	border-radius: 4px;
	color: #747474;
}
.notifikace .item:not(:last-child)
{
	border-bottom: solid 1px black;
}
.notifikace .item
{
	height: 30px;
	width: 480px;
	padding: 10px;
	font-size: 12px;
}
.notifikace a
{
	color: #888;
}
.notifikace .item .confirm:hover
{
	color: #eee;
}
.notifikace .item img
{
	float: left;
	margin-right: 10px;
}
.notifikace .confirm
{
	border-radius: 4px;
	background-color: #444;
	float: right;
	line-height: 30px;
	padding-left: 18px;
	width: 80px;
	height: 30px;
}
#emailyKeSchvaleni table
{
	width: 100%;
}
#emailyKeSchvaleni tr td
{
	padding: 5px;
}
iframe.detailEmailu
{
	border: none;
	width: 880px;
	height: 390px;
}
.floatRight
{
	float: right;
}
.floatLeft
{
	float: left;
}
.bugTracker, .helpButton
{
	float: right;
}
#bugTracker
{
	display: none;
}
.inputSuperWide{
	width: 700px !important;
}
.inputWide{
	width: 350px !important;
}
.inputMiddle{
	width: 150px !important;
}
.inputSmall{
	width: 80px !important;
}
.inputMini{
	width: 50px !important;
}
.inputMicro{
	width: 30px !important;
}

/* Zprávičky */

.messageDesign
{
	position: absolute;
	background-color: #393939;
	border: solid 1px #555;	
	z-index: 10000;
	color: #eee;
	font-size: 10px;
	display: none;	
}
.messageButton
{
	background-image: url('/images/shared/message.png');
	float: right;
	width: 25px;
	height: 25px;
}
.messages
{
	top: 35px;
	right: 100px;
	height: 300px;
	width: 300px;
}
.onlinePeople
{
	top: 35px;
	right: 0px;
	width: 99px;
	font-weight: bold;
}
.onlinePeople .bell
{
	float: right;
}
.onlinePeople div, .lidiOffline div
{
	clear: right;
}
.messages
{
	overflow: auto;
}
.messages .message, .messages .onlinePeopleButton
{
	border-bottom: solid 1px #555;
	color: #eee;
	font-size: 10px;
	padding: 5px;
}
.messages .onlinePeopleButton
{
	float: right;
	width: 50%;
}
.messages .messageListing
{
	clear: both;
}
.messages .newMessage
{
	width: 50%;
	padding: 5px;
	border-bottom: solid 1px #555;	
}
.messages .message span
{
	font-weight: bold;
	color: #aaa;
}
.messages .message span.autor
{
	text-decoration: underline;
}

.vypsatVse
{
	color: #aaa;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
}


.messageDetail
{
	top: 35px;
	right: 401px;
	width: 300px;
	height: 270px;
	font-weight: bold;	
	overflow: auto;
}
.sendMessage
{
	top: 305px;
	right: 401px;
	width: 300px;
	height: 30px;
}
.pocetLidiOnline
{
	text-align: right;
}
.sendMessage button
{
	background-color: #393939;
	border: solid 1px black;
	color: #eee;
	height: 20px;
	margin-left: 15px;
}
.sendMessage input
{
	background-color: #393939;
	border: solid 1px black;
	color: #eee;
	margin-left: 10px;
	margin-top: 3px;
	height: 20px;
	width: 200px;
}
.lideVKonverzaci, .messageSingleMessage
{
	border-bottom: solid 1px #555;
	color: #aaa;
	font-size: 10px;
	padding: 5px;
}
.lideVKonverzaci, .messageSingleMessage span
{
	color: #fff;
}
.messageSingleMessage .readStatus
{
	float: right;
}

.necetl
{
	text-decoration: line-through;
}
.neprectene
{
	background-color: red;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-left: 3px;
	padding-right: 3px;
}
.unreadMessages
{
	font-size: 10px;
	display: none;
	background-color: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-left: 3px;
	padding-right: 3px;	
	width: 8px;
}


.top-search-inp
{
	color: #747474;
	padding: 6px 6px 6px 6px;
	height: auto;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 4px 4px;
	  border-top-right-radius: 4px 4px;  	
	 background: #262626;
}

.top-search-submit
{
	background-color: #5d5d5d;
	border: 1px solid #3b3a3a;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 4px 4px;
	  border-top-right-radius: 4px 4px;  	
	  color: #fff;
	  padding: 4px 10px;
	  cursor: pointer;
}

.top-language-selected
{

	display: inline-block;
	padding: 5px 25px 5px 10px;
	height: auto;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 4px 4px;
	  border-top-right-radius: 4px 4px;  	
	 background: #262626 url(../images/shared/sipka_h1_dolu.png) no-repeat 115px center;
	 cursor: pointer;
	 width: 100px;

}
.top-language-selected span,
.top-language-menu > ul li
{
	color: #fff;
	font-size: 13px;
}
.top-language-selected span,
.top-language-menu > ul li a
{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 24px;
	padding-right: 5px;
}
.top-language-selected span.cz,
.top-language-menu > ul li a.cz
{
	background: transparent url(../images/shared/jazyk_cz.png) no-repeat left center;	
}
.top-language-selected span.en,
.top-language-menu > ul li a.en
{
	background: transparent url(../images/shared/jazyk_en.png) no-repeat left center;	
}
.top-language-selected span.de,
.top-language-menu > ul li a.de
{
	background: transparent url(../images/shared/jazyk_de.png) no-repeat left center;	
}


.top-language
{
	display: inline-block;
	position: relative;

}
.top-language-menu > ul
{
	display: none;
	padding: 10px;
	list-style: none;
	position: absolute;
	width: 150px;
	height: auto;
	background: #262626;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:0px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 0px 0px;
	  border-top-right-radius: 4px 4px;  	
}
.top-language-menu > ul li
{
	padding-top: 2px;
	padding-bottom: 2px;
}
.top-language-menu > ul a
{
	color: #747474;
	font-size: 13px;
	text-decoration: none;
}
.top-language-menu > ul a:hover
{
	color: #fff;
}


.faded
{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.hlavniLogoFirmy
{
	height: 30px;
}

a.zapomenuteHeslo
{
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

a:hover.zapomenuteHeslo
{
	text-decoration: none;
	color: white;
}

#zapomenuteHesloBox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	display: none;
	font-size: 12px;
	height: 242px;
	line-height: 12px;
	padding-top: 30px;
	position: relative;
	width: 508px;
}

#zapomenuteHesloText	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 auto 40px auto;
	width: 440px;
	height: 190px;
	overflow: auto;
	}
#zapomenuteHesloText	p {
    padding-bottom: 5px;
    line-height: 14px;
    font-size: 12px;
    padding: 3px 15px 3px 0;
  }	
	
#zapomenuteHesloText ul
{
  padding: 8px 15px 8px 0;
  list-style: circle;
}
#zapomenuteHesloText li
{
  font-size: 12px;
  line-height: 12px;
  padding: 2px 0 2px 15px;
  
}

a.zpet-login	{
	background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 10px;
	position: absolute;
	right: 40px;
	}
a:hover.zpet-login	{
	color: #fff;
	}

.varovnyText{
	color: red;
	font-weight: bold;
}

.ajaxLoading
{
    opacity: 0.55;	
}

.ajaxLoading:after{
  content:url('../images/shared/loading.png'); /* with class ModalCarrot ??*/
  position:absolute; /*or absolute*/
  z-index:100000; /*a number that's more than the modal box*/
  left:45%;
  top:45%;
}

.align-middle {
    vertical-align: middle;
}

.clear-both {
    clear: both;
}

.index-dolni {
    vertical-align: sub;
}
=======
*	{
	margin: 0;
	padding: 0;
	}
html, body	{
	height: 100%;
	}
body	{
	background: #fff;
	color: #393939;
	font-family: Arial;
	/*
  font-size: 0px;
	line-height: 0;
	*/
	}

.fullwidth
{
  width: 100%;
}

#page-top-outer	{
	background: url(../images/shared/top_bg.jpg) top center repeat-x;
	border-bottom: 1px solid #7e7e7e;
	height: 92px;
	min-width: 990px;
	}
#page-top	{
	margin: 0 auto;
	max-width: 1260px;
	min-width: 990px;
	position: relative;
	}
#logo	{
	float: left;
	margin: 22px 0 0 35px;
	}
#logo	a	{
	display: block;
	}
#top-search	{
	display: inline;
	float: right;
	position: relative;
	/*margin: 46px 20px 0 0;*/
	margin: 0 20px 0 0 !important;
	z-index: 20;
	}
	
 
.top-search-inp	{
	background: url(../images/shared/top_search_inp.gif) no-repeat;
	border: none;
	color: #fff;
	font-size: 12px;
	height: 23px;
	padding: 6px 6px 0 10px;
	width: 164px;
	}
#content-outer	{
	background: url(../images/shared/content_repeat.jpg) repeat-x;
	}
#content	{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 0 auto;
	max-width: 1260px;
	min-width: 780px;
	padding: 35px 0px 30px 0px;
	}
#content-inner	{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 0px auto;
	padding: 25px 0 30px 0;
	}
#content-table	{
	font-size: 0px;
	line-height: 0px;
	}

#content-table	p{
	font-size: 12px;
	line-height: 16px;
	}
	
#content-table	p a,
#related-activities a{
  color:#EB9A2A;
  font-weight:bold;
	}	

#content-table	p a:hover,
#related-activities a:hover{
  text-decoration: underline;
	}		

#content-table h2
{
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid lightgrey;
  color: #505050;
} 
	

#content-table th.sized	{
	height: 15px;
	width: 15px;
	padding: 0;
	margin: 0;
	font-size: 0px;
	line-height: 0px;
	}
 
	
#content-table-inner	{
	font-size: 12px;
	line-height: 12px;
	padding: 10px 0 20px 0;
	}
#tbl-border-top	{
	background: url(../images/shared/border_bit.jpg) top repeat-x;
	line-height: 0;font-size: 0px;
	height: 15px;
	}
#tbl-border-bottom	{
	background: url(../images/shared/border_bit.jpg) bottom repeat-x;
	line-height: 0;font-size: 0px;
	height: 15px;
	}
#tbl-border-left	{
	background: url(../images/shared/border_bit.jpg) left repeat-y;
	}
#tbl-border-right	{
	background: url(../images/shared/border_bit.jpg) right repeat-y;
	}
#table-content	{
	line-height: 16px;
	margin: 0 10px 10px 10px;
	min-height: 300px;
	position: relative;
	}
	
.topleft {
background: url(../images/shared/corner_top_left.jpg) no-repeat;
width:15px;
height:15px;
	
}	
.topright {
background: url(../images/shared/corner_top_right.jpg) no-repeat;
width:15px;
height:15px;
	
}	

.bottomleft {
background: url(../images/shared/corner_bottom_left.jpg)  no-repeat;
width:15px;
height:15px;
	
}	
.bottomright {
background: url(../images/shared/corner_bottom_right.jpg)  no-repeat;
width:15px;
height:15px;
	
}	

#page-heading	{
	margin: 0 20px 0px 20px;
  height: 45px;
  /*overflow: hidden;	Zablokováno kvůli chosenu v hlavičce stránky*/
	}
#page-heading a.zpet  {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #D2D2D2;
  color:#7F7D7D;
  cursor:pointer;
  padding:3px 15px;
  display: block;
  float: right;
  text-decoration: none;
  position: relative;
  right: 20px;
  top: -24px;  
  }	
#page-heading a.zpet:hover  {  
  background: #D2D2D2;
  }

#content a.odkaz {
    -moz-background-inline-policy: continuous;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D2D2D2;
    border-radius: 4px 4px 4px 4px;
    color: #7F7D7D;
    cursor: pointer;
    display: inline-block;
    line-height: 18px;
    padding: 0 15px 3px;
    text-decoration: none;
}

  
#page-heading a.odkaz
{
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px; 
  -moz-border-radius: 4px;
  border-radius: 4px;  
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #D2D2D2;
  color:#7F7D7D;
  cursor:pointer;
  padding:0px 15px 3px 15px;
  display: block;
  float: right;
  text-decoration: none;
  position: relative;
  right: 20px;
  top: -24px;  
  }	
    

#page-heading a.odkaz img,
#content a.odkaz img
{
  position: relative;
  top: 4px;
}  
  
#page-heading a.odkaz:hover,  
#content a.odkaz:hover
{  
  background: #D2D2D2;
}  
.maLeft{
	margin-left: 10px;
}
  
h1  {
	color: #4b4b4b;
	font-family: Tahoma;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	}
h1 a  {
  /*color: #3c8cb0;*/
  color: #4A9ACE;  
  }	
h1 span 
{
  color: #4a9ace;
}
	
h2	{
	color: #393939;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	}
h3	{
	color: #2c78b2;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 10px;
	}
	
	
/* MESSAGES --------------------------------------------------------------- */	
#message-yellow	{
	margin-bottom: 5px;
	}
.yellow-left	{
	background: url(../images/table/message_yellow.gif) top left no-repeat;
	color: #e79300;
	font-family: Tahoma;
	/*font-weight: bold;*/
	padding: 0 0 0 20px;
	}
.yellow-left a	{
	color: #e79300;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin-bottom: 5px;
	}
.blue-left	{
	background: url(../images/table/message_blue.gif) top left no-repeat;
	color: #2e74b2;
	font-family: Tahoma;
	/*font-weight: bold;*/
	padding: 0 0 0 20px;
	}
.blue-left a	{
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{
	width: 55px;
	}
#message-red	{
	margin-bottom: 5px;
	}
.red-left	{
	background: url(../images/table/message_red.gif) top left no-repeat;
	color: #ce2700;
	font-family: Tahoma;
	/*font-weight: bold;*/
	padding: 0 0 0 20px;
	}
.red-left a	{
	color: #ce2700;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	margin-bottom: 5px;
	}
.green-left	{
	background: url(../images/table/message_green.gif) top left no-repeat;
	color: #6da827;
	font-family: Tahoma;
	/*font-weight: bold;*/
	line-height: 12px;
	padding: 0 0 0 20px;
	}
.green-left a	{
	color: #6da827;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}	
	
	
	
	
	
	
	
	
a.icon-1	{
	background: url(../images/table/table_icon_1.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
	}
a:hover.icon-1	{
	background: url(../images/table/table_icon_1.gif) 0 -24px;
	}
a.icon-2	{
	background: url(../images/table/table_icon_2.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
	}
a:hover.icon-2	{
	background: url(../images/table/table_icon_2.gif) 0 -24px;
	}
a.icon-3	{
	background: url(../images/table/table_icon_3.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px; 
	}
a:hover.icon-3	{
	background: url(../images/table/table_icon_3.gif) 0 -24px;
	}
a.icon-4	{
	background: url(../images/table/table_icon_4.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 8px 0 0;
	width: 24px;
	}
a:hover.icon-4	{
	background: url(../images/table/table_icon_4.gif) 0 -24px;
	}
a.icon-5	{
	background: url(../images/table/table_icon_5.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
	}
a:hover.icon-5	{
	background: url(../images/table/table_icon_5.gif) 0 -24px;
	}
a.icon-6	{
	background: url(../images/table/table_icon_6.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
	}
a:hover.icon-6	{
	background: url(../images/table/table_icon_6.gif) 0 -24px;
	}	

span.icon-7
{
	background: url(../images/shared/icon_green_flag.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}

span.icon-8
{
	background: url(../images/shared/icon_cash.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}	

span.icon-9
{
	background: url(../images/shared/icon_send.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}		

span.icon-10, a.icon-10
{
	background: url(../images/table/table_icon_10.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	margin-right: 8px;
}
a:hover.icon-10	{
	background: url(../images/table/table_icon_10.gif) 0 -24px;
	}	


h1 span.icon-7,
h1 span.icon-8
{
  margin-right: 0;
}
.icon
{
	height: 35px;
	width: auto;
}
.iconMedium
{
	height: 25px;
	width: auto;
}
.iconSmall
{
	height: 20px;
	width: auto;
}
.iconMicro
{
	height: 16px;
	width: auto;
}
.iconNano
{
	height: 10px;
	width: auto;
}
	
#tooltip	{
	background-color: #8c8c8c;
	border: 1px solid #767676;
	color: #fff;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	opacity: 0.85;
	padding: 0 5px;
	position: absolute;
	text-align: left;
	z-index: 3000;
	}
#tooltip h6, #tooltip div	{
	font-family: Arial;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	}
#product-table	{
	margin-bottom: 20px;
	}
#product-table	td a	{
	color: #393939;
	font-weight: bold;
	}
#product-table	td a:hover	{
	text-decoration: underline;
	}
#product-table	th	{
	height: 50px;
	/*text-align: left;*/
	padding: 0 10px 0 10px;
  font-size: 13px;
  font-weight: bold;	
}
#product-table	.minwidth-1	{
	min-width: 110px;
	}
#product-table td	{
	/*border: 1px solid #d2d2d2;*/
	/*border: 1px solid #DDDDDD;*/
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px dotted #E7E7E7;
	border-right: 1px dotted #E7E7E7;
	padding: 6px 10px 6px 10px;
  /*outline-offset: -2px; upravil Ondra kvůli vyskakovaím oknům v Opeře*/ 
  /*outline: 1px solid #fff;*/	
	}
#product-table tr
{
  background: #fff;
  /*outline: 1px solid #FFFFFF; upravil Ondra kvůli vyskakovacím oknům v Opeře*/
}

#product-table tr.alternate-row	{
	/*background: #ececec;*/
	background: #F8F8F8;
	}

#product-table tr td.hover	{
  /*outline-offset: -1px; 
  outline: 1px solid #9cd0f5;
  background-color: #ebf6fd; 
  color: #044f85;*/
  background-color: #e2e2e2;
	}
	
#product-table tr.alternate-row td.hover	{
  /*outline-offset: -1px; 
  outline: 1px solid #9cd0f5;
  background-color: #dce6ee;
  color: #044f85;*/
  background-color: #ececec;
	}	

/*  MODRA VARIANTA  */

#product-table tr.blue
{
  /*background: #d6e9fd;*/
  background: #e1eeff;
}

#product-table tr.blue td,
#product-table tr.blue-alternate td
{
  border-bottom: 1px solid #9bc9fa;
  border-left: 1px dotted #badafd;
  border-right: 1px dotted #badafd;
}

#product-table tr.blue-alternate
{
  /*background: #cae2fc;*/
  background: #dae9ff;
}

#product-table tr.blue td.hover,
#product-table tr.blue-alternate td.hover
{
  background: #cde2fa;
}

/*  FIALOVA VARIANTA  */

#product-table tr.purple
{
  background: #e0d8ff;
}

#product-table tr.purple td,
#product-table tr.purple-alternate td
{
  border-bottom: 1px solid #a58eff;
  border-left: 1px dotted #c0afff;
  border-right: 1px dotted #c0afff;
}

#product-table tr.purple-alternate
{
  background: #ded1ff;
}

#product-table tr.purple td.hover,
#product-table tr.purple-alternate td.hover
{
  background: #d5c6fb;
}


/*  ORANZOVA VARIANTA  */

#product-table tr.orange
{
  background: #fff2e1;
}

#product-table tr.orange td,
#product-table tr.orange-alternate td
{
  border-bottom: 1px solid #facc9b;
  border-left: 1px dotted #fdddba;
  border-right: 1px dotted #fdddba;
}

#product-table tr.orange-alternate
{
  background: #fff0da;
}

#product-table tr.orange td.hover,
#product-table tr.orange-alternate td.hover
{
  background: #f8e5ca;
}


/*  ZELENA VARIANTA  */

#product-table tr.green
{
  background: #e7ffe1;
}

#product-table tr.green td,
#product-table tr.green-alternate td
{
  border-bottom: 1px solid #b0ff96;
  border-left: 1px dotted #c9ffb8;
  border-right: 1px dotted #c9ffb8;
}

#product-table tr.green-alternate
{
  background: #e0ffda;
}

#product-table tr.green td.hover,
#product-table tr.green-alternate td.hover
{
  background: #cff8c7;
}


/*  ZLUTA VARIANTA  */

#product-table tr.yellow
{
  background: #fffccb;
}

#product-table tr.yellow td,
#product-table tr.yellow-alternate td
{
  border-bottom: 1px solid #fff083;
  border-left: 1px dotted #fff3a3;
  border-right: 1px dotted #fff3a3;
}

#product-table tr.yellow-alternate
{
  background: #fffdc4;
}

#product-table tr.yellow td.hover,
#product-table tr.yellow-alternate td.hover
{
  background: #f9f7b9;
}



/*  CERVENA VARIANTA  */

#product-table tr.red
{
  background: #ffe3e2;
}

#product-table tr.red td,
#product-table tr.red-alternate td
{
  border-bottom: 1px solid #ff989a;
  border-left: 1px dotted #ffb9ba;
  border-right: 1px dotted #ffb9ba;
}

#product-table tr.red-alternate
{
  background: #ffdedb;
}

#product-table tr.red td.hover,
#product-table tr.red-alternate td.hover
{
  background: #f8d0cc;
}

/*  alt */


#product-table tr td.hover a,
#product-table tr.alternate-row td.hover a
{
  /*color: #044f85;*/
}

#product-table tr	td.blue{
	background: #eef9f7;
	border: 1px solid #aee2da;
	color: #3C8CB0;
	}	

#product-table tr.alternate-row	td.blue{
	background: #d3efeb;
	}	

#product-table tr.grey td,
#product-table tr.grey td a 
 {
	color: #a2a2a2;
	}		

#product-table tr.selected
{
  /*background-color: #5EB5E1;*/     
  
}

#product-table tr.selected td,
#product-table tr.selected td.hover
{
  /*background: url("../images/table/table_header_repeat.jpg") repeat-x scroll 0 0 transparent;
  color: #fff;*/
  background: #ffe8cf;
}	

#product-table tr.delitko td	{
  background: url("../images/table/table_header_repeat.jpg") repeat-x scroll 0 0 transparent;
  outline-offset: -1px; 
  outline: 1px solid #373737;
  color: #fff;  
}

#product-table tr.modra td,
#product-table tr.modra td:hover,
#product-table tr.modra td.hover
	{
  background: #D7E7F1;
  outline-offset: -1px; 
  outline: 1px solid #BAD7E9;
  color: #000;  
}

#product-table tr.svmodra td,
#product-table tr.svmodra td:hover,
#product-table tr.svmodra td.hover
	{
  background: #e6eff5;
  outline-offset: -1px; 
  outline: 1px solid #D7E7F1;
  color: #000;  
}

	
td.options-width	{
	padding: 0 0 0 10px;
	width: 210px;
	}
td.checkbox-width	{
	}
.table-header-check	{
	background: url(../images/table/table_header_checkbox.jpg) no-repeat;
	border: none;
	min-width: 29px;
	padding: 0px;
	/*width: 29px;*/
	}
#product-table th.table-header-check	{	
  padding: 0 0 0 10px;
  color: #fff;
}

#product-table th.table-header-check a	{	
  color: #fff;
}

#product-table input[type=text],
#product-table select,
input.rounded,
input.bigrounded,
.dataTables_filter input
{
  border: 1px solid #ACACAC;
  background: #fff;
  padding: 5px;
  width: 80%;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
        
}

input.rounded,
input.bigrounded
{
  width: auto;
}

input.rounded[type=submit],
input.rounded[type=button]
{
  cursor: pointer;
}

input.bigrounded
{
  width: 192px;
  padding: 6px 3px;
  border: 1px solid #acacac;
}
input.rounded.small{
	width: 50px !important;
}
input.rounded.tiny{
	width: 25px !important;
}

textarea.rounded
{
	width: 95%;
	border: 1px solid #acacac;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;  	
}

.dataTables_filter input { width: 50%; }

#product-table select
{
  /*width: auto;*/
  width: 100%;
}

#product-table input[type=submit],
#product-table input[type=button]
{
  border: 1px solid #D2D2D2;
  background: #fff;
  padding: 3px;
  cursor: pointer; 
  color: #7f7d7d;   
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-bottom-left-radius: 4px 4px;
  border-bottom-right-radius: 4px 4px;
  border-top-left-radius: 4px 4px;
  border-top-right-radius: 4px 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  
}

#product-table input[type=submit]:hover,
input.rounded[type=submit]:hover,
#product-table input[type=button]:hover,
input.rounded[type=button]:hover
{
  background: #D2D2D2;
}	
.table-header-options	{
	background: url(../images/table/table_header_options.jpg) no-repeat right top;
	border: none;
	/*min-width: 221px;*/
	padding: 0px 0 0 0;
	/*width: 221px;*/
	width: auto;
	padding-right: 10px;
	white-space: nowrap;
	}
.table-header-repeat	{
	background: url(../images/table/table_header_repeat.jpg) repeat-x;
	border: none;
	/*font-size: 0px;
	line-height: 0;*/
	color: #fff;
	padding: 0px 0 0 0;
	}
	
.table-header-options 
{
  color: #fff;
}
	
	
.table-header-options a,
.table-header-check a,
 .table-header-repeat a	{
	background: url(../images/table/table_sort_arrows.png) right no-repeat;
	color: #fff;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	/*margin: 0 0 0 10px;*/
	padding: 0 10px 0 0;
	display: inline-block;	
	}
	          
	.table-header-options a:hover,
 .table-header-repeat a:hover	{
	
	color:#eb9a2a;
	}

#table-content #product-table th.selected a, 
#table-content #product-table td.selected a
{
	color:#eb9a2a;
}
	
	
th.line-left	{
	border-left: 1px solid #373737;
	}
#product-table	tr.activity-blue	{
	background: #e3eceb;
	}
	
	#toggle-all {
		display: block;
		width: 17px;
		height:17px;
		cursor: pointer;
		background: url(../images/shared/checkbox.gif) 0 -17px no-repeat;
	}
	
		#toggle-all.toggle-checked {
		display: block;
		width: 17px;
		height:17px;
		background: url(../images/shared/checkbox.gif) 0 0;
	}
	
	
p.floatinfo
{
  display: block;
  float: left;
  padding: 10px;
  width: auto;
}
	
table td a
{
  /*color: #3C8CB0;*/
  color: #4A9ACE;
  text-decoration: underline;
}

table td a:hover
{
  text-decoration: none;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*  RELATED ACTIVIES BOX */	

#related-activities	{
	float: right;
	font-size: 0px;
	line-height: 0;
	width: 271px;
	}
#related-act-top	{
	background: url(../images/forms/header_related_act.gif) no-repeat bottom;
  font-size: 16px;
	line-height: 45px;
	color: #fff;
	height: 43px;
	text-indent: 25px;
	}
#related-act-bottom	{
	background: url(../images/forms/bg_related_act.gif) no-repeat bottom;
	font-size: 0px;
	line-height: 0;
	}
#related-act-inner	{
	font-size: 13px;
	line-height: 16px;
	margin: 0 auto 0px auto;
	padding: 10px 0 20px 0;
	width: 225px;
	}
#related-act-inner .left	{
	float: left;
	width: 30px;
	}
#related-act-inner .right	{
	float: left;
	width: 195px;
	padding: 2px 0 0 0;
	}
#related-act-inner h5	{
	color: #393939;
	font-size: 13px;
	padding-bottom: 4px;
	}  
#related-act-inner h5	span,
span.darkgrey 
  {	
	color: darkgrey;
  }
ul.greyarrow	{
	list-style-type: none;
	}
ul.greyarrow li	{
	background: url(../images/forms/icon_list_arrow.gif) no-repeat 0 5px;
	line-height: 18px;
	padding: 0 0 0 12px;
	}
ul.greyarrow li a	{
	color: #eb9a2a;
	font-weight: bold;
	}
ul.greyarrow li a:hover	{
	text-decoration: underline;
	}
	
ul.greyarrow li a	span {
  color: darkgray;
  }
	
.lines-dotted-short	{
	background: url(../images/forms/lines_dotted_short.gif) no-repeat 0px 14px;
	font-size: 0px;
	height: 28px;
	line-height: 0;
	}
	
/* PAGING --------------------------------------------------------- */	

#paging-table {
	float: right;
	margin: 0 4px 0 0;
}	
.page-far-left	{
	background: url(../images/table/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	}
.page-left	{
	background: url(../images/table/paging_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
.page-far-right	{
	background: url(../images/table/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	}
.page-right	{
	background: url(../images/table/paging_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
#page-info	{
	float: left;
	line-height: 16px;
	padding: 0px 12px 0 12px;
	margin-top: -3px;
	margin-bottom: 5px;
	}

	
/*  ACTIONS BOX ----------------------------------------------- */	
#actions-box	{
	float: left;
	margin: 0 0 0 10px;
	position: relative;
	}
a.action-slider	{
	background: url(../images/table/dropdown_actions.gif) no-repeat;
	display: block;
	height: 30px;
	width: 110px;
	}
a.action-slider.activated	{
	background: url(../images/table/dropdown_actions.gif) no-repeat 0 -30px;
	display: block;
	height: 30px;
	width: 110px;
	}
#actions-box-slider	{
	background: url(../images/table/actions_slider_bg.gif) bottom no-repeat;
	display: none;
	left: 0;
	padding-bottom: 1px;
	padding-top: 10px;
	position: absolute;
	top: 24px;
	width: 110px;
	}
#actions-box-slider-inner	{
	font-size: 0px;
	line-height: 0;
	margin: 0 auto;
	width: 108px;
	}
#actions-box-slider a.action {
	color: #272727;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 5px 15px;
	width: 93px;
	}
#actions-box-slider a:hover.action { color: #fff; background: #949494; }	

a.action-edit ,
a.action-delete,
a.action-edit:hover ,
a.action-delete:hover	
  {
	color: #272727;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0 auto;
	padding: 10px 9px 5px 36px;
	width: 63px;
	}
a:hover.action-edit	{
	background: #949494 url(../images/table/action_edit.gif) no-repeat 5px 5px;
	color: #fff;
	}
a.action-edit	{
	background: #c7c7c7 url(../images/table/action_edit.gif) no-repeat 5px 5px;
	}
a.action-delete	{
	background: #c7c7c7 url(../images/table/action_delete.gif) no-repeat 5px 5px;
	}
a:hover.action-delete	{
	background: #949494 url(../images/table/action_delete.gif) no-repeat 5px 5px;
	color: #fff;
	}
		 
	
/* FORM ------------------------------------------------------- */	
.form-submit	{
	background: url(../images/forms/form_submit.png) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	margin: 0 4px 0 0;
	padding: 0;
	text-indent: -3000px;
	width: 80px;
	}
.form-reset	{
	background: url(../images/forms/form_reset.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	text-indent: -3000px;
	width: 80px;
	}
#id-form	{
	}
.inp-form	{
	background: url(../images/forms/form_inp.gif) no-repeat;
	border: none;
	color: #393939;
	height: 25px;
 
	padding: 6px 6px 0 6px;
	width: 186px;
	}
	
.inp-form-error	{
	background: url(../images/forms/form_inp_error.gif) no-repeat;
	border: none; 
	color: #393939;
	height: 25px;
	padding: 6px 6px 0 6px;
	width: 187px;
	}
.form-textarea	{
	/*background: url(../images/forms/form_textarea.gif) no-repeat;
	border: none;*/
	border: 1px solid #acacac;
	border-radius: 6px; -moz-border-radius: 6px;-webkit-border-radius: 6px;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 91px;
	overflow: auto;
	padding: 6px 6px 6px 6px;
	width: 378px;
	}
#id-form td	{
	padding: 0 0 10px 0;
	}
#id-form td.noheight	{
	padding: 0 0 0px 0;
	}
#id-form th	{
	/*line-height: 28px;*/
	min-width: 130px;
	padding: 0 0 10px 0;
	text-align: left;
	width: 130px;
	}
.styledselect-day ,
.styledselect-month ,
.styledselect-year	{
	border: 1px solid #acacac;
	margin-right: 3px;
	padding: 3px;
	width: 64px;
	}
	
	
#step-holder {
font-family: Tahoma;
	height:39px;
	margin-bottom: 20px;
}	




.step-no {
	float:left;
	height:29px;
	width:18px;
	font-size: 18px;
	line-height: 18px;
	padding:10px 0 0 0;
	text-align: center;
}

.step-no-off {
	float:left;
	height:29px;
	width:18px;
	font-size: 18px;
	line-height: 18px;
	padding:10px 0 0 0;
	text-align: center;
	color:#cbcbcb;
}

.step-dark-left {
	float:left;
	 
	background: url(../images/forms/step_dark_left.gif) no-repeat;
	height:27px;
	padding:13px 15px 0 25px;
	font-size: 13px;
	color:#fff;
	font-weight: bold;
}

.step-dark-left a{
	 
	font-size: 13px;
	color:#fff;
	font-weight: bold;
}

.step-dark-right {
	float:left;
	width:12px;
	background: url(../images/forms/step_dark_right.gif) no-repeat;
	height:39px;
}
.step-dark-round {
	float:left;
	width:8px;
	height:39px;
	background: url(../images/forms/step_dark_round.gif) no-repeat;
}

.step-light-left {
	float:left;
	 	height:27px;
	padding:13px 15px 0 25px;
	font-size: 13px;
	background: url(../images/forms/step_light_left.gif) no-repeat;
	height:39px;
	color:#cbcbcb;
	font-weight: bold;
}

.step-light-left a{
	 
	 
	font-size: 13px;
 
	color:#cbcbcb;
	font-weight: bold;
}
.step-light-right {
	float:left;
	width:12px;
	background: url(../images/forms/step_light_right.gif) no-repeat;
	height:39px;
}
.step-light-round {
	float:left;
	width:8px;
	height:39px;
	background: url(../images/forms/step_light_round.gif) no-repeat;
}

.bubble-left {
	float:left;
	width:10px;
	height:29px;
	margin-left: 5px;
	background: url(../images/forms/bubble_left.gif) no-repeat;
}

.bubble-inner {
	float:left;
	padding: 7px 0px 0 2px;
	color:#2e74b2; 
	line-height: 14px;
	font-size: 11px;
	height:22px;
	background: url(../images/forms/bubble_inner.gif) repeat-x;
}
.bubble-right {
	float:left;
	width:8px;
	height:29px;
	background: url(../images/forms/bubble_right.gif) right no-repeat;
}
.error-left {
	float:left;
	width:13px;
	height:32px;
	margin-left: 5px;
	background: url(../images/forms/error_left.gif) no-repeat;
}

.error-inner {
	float:left;
	padding: 7px 10px 0 4px;
	color:#fff; 
	line-height: 14px;
	height:25px;
	background: url(../images/forms/error_right.gif) right  no-repeat;
}
.file_1 {
	border: none;
	padding: 5px;
}	
 
/*  NAVIGATION ----------------------------------------------- */
#nav-holder	{
	margin: 0 auto;
	max-width: 1260px;
	min-width: 780px;
	text-align: left;
	}
.nav-outer-repeat	{
	background: url(../images/shared/nav/repeat_new.jpg) repeat-x;
	/*height: 77px;*/
	/*height: 83px;*/
	height: 43px;
	min-width: 990px;
	}
.nav-outer	{
	margin: 0 auto;
	max-width: 1260px;
	min-width: 850px;
	}
#nav-right	{
	float: right;
	position: relative;
	width: 150px;
	z-index: 0;
	}
#nav-right a	{
	display: block;
	float: left;
	margin: 0px 0 0 0;
	}
.account-content	{
	background: #454545 url(../images/shared/nav/account_drop_bg.gif) no-repeat bottom;
	display: none;
	left: 5px;
	padding-bottom: 20px;
	position: absolute;
	top: 30px;
	width: 170px;
	}
.account-drop-inner	{
	font-size: 0px;
	line-height: 0px;
	margin: 20px auto 0 auto;
	width: 140px;
	}
.showhide-account	{
	cursor: pointer;
	display: block;
	float: left;
	margin: 10px 5px 0 5px;
	}
.account-drop-inner a	{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.account-drop-inner a:hover	{
	color: #94b52c;
	}
.acc-line	{
	background: url(../images/shared/nav/account_line.gif) no-repeat 0 7px;
	font-size: 0px;
	height: 14px;
	line-height: 0px;
	margin-top: 0px;
	padding: 0;
	}
a#logout	{
	margin: 10px 0 0 5px;
	}
a#acc-settings	{
	background: url(../images/shared/nav/icon_acc_settings.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-details	{
	background: url(../images/shared/nav/icon_acc_personal.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-project	{
	background: url(../images/shared/nav/icon_acc_projects.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-inbox	{
	background: url(../images/shared/nav/icon_acc_inbox.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
a#acc-stats	{
	background: url(../images/shared/nav/icon_acc_stats.gif) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}


 
	
	
/* FOOTER -------------------------------------------------------------- */

 
#footer	{
height: 70px;
	 
	margin: 80px auto 0px auto;
	padding: 0px 0 0 0;
	text-align: left;
	min-width: 780px;
	max-width: 1260px;
	}
#footer-left	{
	color: #818181;
	 
	font-size: 11px;
	line-height: 11px;
	padding: 15px 0 15px 25px;
	margin: 0 20px;
	
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background: url(../images/shared/icon_idlogo.jpg) no-repeat 0 12px;
	} 
#footer-left a	{
	color: #818181;
	text-decoration: none;
	}
#footer-left 	 a.selected,
#footer-left 	 a:hover	{
	color: #000;
	text-decoration: none;
	}
	
 
 
 
/* GENERAL --------------------------------------------------------*/ 
 table	{
	border-collapse: collapse;
	}
.fr	{
	float: right;
	}
a	{
	outline: none;
	text-decoration: none;
	}
a:hover	{
	}
.clear	{
	clear: both;
	font-size: 0px;
	height: 0;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}
img	{
	border: 0;
	}
p	{
	margin: 0px;
	padding: 0px;
	}
form	{
	margin: 0;
	padding: 0;
	}
.line	{
	border-top: 1px solid #dcdada;
	font-size: 0px;
	height: 1px;
	line-height: 0px;
	margin: 20px 0;
	padding: 0;
	}
.font11	{
	font-size: 11px;
	}



 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*  STYLED SELECTBOXES style 1 --------------------------------- */	

.styledselect {
background: #2a2a2a;
border: 1px solid #424242;
	color:#fff;
	width:120px;
	padding: 5px;
	line-height: 14px;
	margin-right: 6px;
	font-size: 12px;
}

div.selectbox-wrapper	{
	background-color: #2a2a2a;
	border: none;
	border-bottom: none;
	margin: 0px;
	margin-top: 0px;
	max-height: 200px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	z-index: 10;
	}
div.selectbox-wrapper ul	{
	list-style-type: none;
	 
	margin: 0px;
	padding: 0px;z-index: 10;
	}
div.selectbox-wrapper ul li.selected	{
	background-color: 575757;
	color: #fff;
	}
div.selectbox-wrapper ul li.current	{
	background-color: #575757;
	}
div.selectbox-wrapper ul li	{
	border-bottom: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 10px;
	}
.selectbox_styled	{
	background: url(../images/shared/top_search_select.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 0 6px;
	text-align: left;
	width: 105px;
	z-index: 10;
	}

/*  STYLED SELECTBOXES style 2 --------------------------------- */	
div.selectbox-wrapper2	{
	background-color: #e4edf5;
	border: none;
	border-bottom: none;
	margin: 0px;
	margin-top: 0px;
	max-height: 200px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	z-index: 99999 !important;
  -moz-box-shadow: 0px 0px 5px #474848; -webkit-box-shadow: 0px 0px 5px #474848; box-shadow: 0px 0px 5px #474848;	
	}
div.selectbox-wrapper2 ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
div.selectbox-wrapper2 ul li.selected2	{
	background-color: #2E74B2;
	color: #fff;
	}
div.selectbox-wrapper2 ul li.current2	{
	background-color: #2E74B2;
	color: #fff;
	}
div.selectbox-wrapper2 ul li	{
	border-bottom: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 10px;
	}
.styledselect_form_0	{
	background: url(../images/forms/form_select.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	/*height: 24px;*/
	height: 29px;
	margin: 0px 0px 0px 0px;
	/*padding: 7px 0 0 6px;*/
	padding: 2px 0 0 6px;
	text-align: left;
	width: 192px;
	}
.styledselect_form_1	{
	background: url(../images/forms/form_select.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	/*height: 24px;*/
	height: 29px;
	margin: 0px 0px 0px 0px;
	/*padding: 7px 0 0 6px;*/
	padding: 2px 0 0 6px;
	text-align: left;
	width: 192px;
	}
.styledselect_form_2	{
	background: url(../images/forms/form_select_small.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	/*height: 24px;*/
	height: 29px;
	margin: 0px 0px 0px 0px;
	/*padding: 7px 0 0 6px;*/
	padding: 2px 0 0 6px;
	text-align: left;
	width: 60px;
	}

	
	
/*  STYLED SELECTBOXES style 3 --------------------------------- */	
div.selectbox-wrapper3	{
	background-color: #e3e3e3;
	border: none;
	border-bottom: none;
	margin: 0px;
	margin-top: 0px;
	max-height: 200px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	}
div.selectbox-wrapper3 ul	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
div.selectbox-wrapper2 ul li.selected3	{
	background-color: #94b52c;
	color: #fff;
	}
div.selectbox-wrapper2 ul li.current3	{
	background-color: #94b52c;
	color: #fff;
	}
div.selectbox-wrapper3 ul li	{
	border-bottom: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-size: 12px;
	line-height: 12px;
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 10px;
	}
.styledselect_pages	{
	background: url(../images/table/select_number_rows.gif) left no-repeat;
	border: none;
	border-left: none;
	color: #393939;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0 0 6px;
	text-align: left;
	width: 130px;
	}
	
	
	
	
	
 
	
/* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */	
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover	{
	color: #999;
	}
span.ui-checkbox,
			span.ui-radio	{
	background: url(../images/shared/icon_checkbox.png) 0 -24px no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	cursor: pointer;
	}
span.ui-helper-hidden	{
	display: none;
	}
label	{
	padding: 2px;
	}
span.ui-radio-state-hover,
			span.ui-checkbox-state-hover	{
	background-position: 0 0px;
	}
span.ui-checkbox-state-checked	{
	background-position: 0 0px;
	}
span.ui-checkbox-state-checked-hover	{
	background-position: 0 0px;
	}
span.ui-radio-state-checked-disabled-hover,
			span.ui-radio-state-checked-disabled,
			span.ui-radio-state-checked	{
	background-position: 0 -161px;
	}

span.ui-checkbox-state-disabled-hover,
span.ui-checkbox-state-checked-disabled,
span.ui-checkbox-state-disabled
{
	background-position: 0 -48px;
	cursor: default;
}
		
span.ui-radio-state-checked-hover	{
	background-position: 0 -24px;
	}
label	{
	/*color: red;*/
	line-height: 20px;
	}
.ui-helper-hidden-accessible	{
	left: -999em;
	position: absolute;
	}
	
	
	
	
	
/*  LOGIN -------------------------------------------------------------------------------- */	

#login-bg	{
	background: url(../images/login/login_bg.jpg) no-repeat top center;
	}
#login-holder	{
	margin: 0px auto 0 auto;
	width: 508px;
	}
#loginbox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	font-size: 12px;
	height: 222px;
	line-height: 12px;
	padding-top: 50px;
	position: relative;
	width: 508px;
	}
#forgotbox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	display: none;
	font-size: 12px;
	height: 242px;
	line-height: 12px;
	padding-top: 30px;
	position: relative;
	width: 508px;
	}
#login-inner	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 12px;
	margin: 0 auto;
	width: 310px;
	}
#login-inner label	{
	color: #161616;
	cursor: pointer;
	font-family: Tahoma;
	font-weight: normal;
	line-height: 12px;
	/*padding-left: 10px;*/	 
	}
 .checkbox-size	{
	width:13px;
	height:13px;
	margin: 5px 0;
	 
	}	
#login-inner th	{
	padding: 0 0 6px 0;
	text-align: left;
	width: 95px;
	}
#login-inner td	{
	padding: 0 0 6px 0;
	}
.login-inp	{
	background: url(../images/login/inp_login.gif) no-repeat;
	border: none;
	color: #fff;
	font-size: 16px;
	height: 28px;
	padding: 6px 6px 0 10px;
	width: 204px;
	}
#logo-login	{
	float: left;
	height: 35px;
	margin: 115px 0 20px 115px;
	}
a.forgot-pwd	{
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	position: absolute;
	right: 40px;
	}
a:hover.forgot-pwd	{
	color: #fff;
	}
#forgotbox-text	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 auto 40px auto;
	width: 440px;
	height: 190px;
	overflow: auto;
	}
#forgotbox-text	p {
    padding-bottom: 5px;
    line-height: 14px;
    font-size: 12px;
    padding: 3px 15px 3px 0;
  }	
	
#forgotbox-text ul
{
  padding: 8px 15px 8px 0;
  list-style: circle;
}
#forgotbox-text li
{
  font-size: 12px;
  line-height: 12px;
  padding: 2px 0 2px 15px;
  
}

	
#forgot-inner	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 12px;
	margin: 0 auto;
	width: 330px;
	}
#forgot-inner label	{
	color: #161616;
	cursor: pointer;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding-left: 10px;
	}
#forgot-inner th	{
	padding: 0 0 6px 0;
	text-align: left;
	width: 110px;
	}
#forgot-inner td	{
	padding: 0 0 6px 0;
	}
a.back-login	{
	background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 10px;
	position: absolute;
	right: 40px;
	}
a:hover.back-login	{
	color: #fff;
	}
.submit-login	{
	background: url(../images/login/submit_login.gif) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	height: 29px;
	text-indent: -3000px;
	width: 73px;
	}
.submit-login:hover	{
	background: url(../images/login/submit_login.gif) no-repeat 0 -29px;
	}
 
 
 
 /*  UI DIALOG --------------------------------- */
 
 div.ui-dialog
  {
    font-size: 0.8em;
  }
  
.ui-widget-content p
  {
    padding: 5px;
  }

#dialog table
{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 5px;
}

#dialog table td
{
  padding: 5px;
  border: 1px dotted lightgrey;
}

#dialog table.nostyle td
{
  border: none;
  padding: 0;
}


/*  RUZNE -------------------------------------------------------------------------------- */

.pointer
{
  cursor: pointer;
}

.nowrap
{
  white-space: nowrap;
}

span.lightgrey
{
  color: lightgrey;
}

span.darkgrey
{
  color: darktgrey;
}

a.switch
{
  position: relative;
  top: 4px;
  margin-right: 4px;
}

a.switch .off, a.switchDate .off
{
  display: none;
}

.switch-box { display: none; }

.delitko
{
  border-bottom:1px solid lightgrey;
}

#product-table tr.delitko td a {
  color: #fff;
}

#product-table tr.delitko td a:hover {
  text-decoration: none;
}

.mright5
{
  margin-right: 5px;
}

.mright10
{
  margin-right: 10px;
}

.mright20
{
  margin-right: 20px;
}

.mleftt5
{
  margin-left: 5px;
}

.mleft10
{
  margin-left: 10px;
}

.mleft20
{
  margin-left: 20px;
}

.pright5
{
  padding-right: 5px;
}

.pleft5
{
  padding-left: 5px;
}

.pright10
{
  padding-right: 10px;
}

.pleft10
{
  padding-left: 10px;
}

.pright20
{
  padding-right: 20px;
}

.pleft20
{
  padding-left: 20px;
}

.h300 { height: 300px; }
.h320 { height: 320px; }

.border-lightgrey-left
{
  border-left: 1px solid lightgrey;
}

.border-lightgrey-right
{
  border-right: 1px solid lightgrey;
}

.border-lightgrey-bottom
{
  border-bottom: 1px solid lightgrey;
}

.border-lightgrey-top
{
  border-top: 1px solid lightgrey;
}

.border-lightgrey
{
  border: 1px solid lightgrey;
}

.border-lightgrey-dotted-left
{
  border-left: 1px dotted lightgrey;
}

.border-lightgrey-dotted-right
{
  border-right: 1px dotted lightgrey;
}

.border-lightgrey-dotted-top
{
  border-top: 1px dotted lightgrey;
}

.border-lightgrey-dotted-bottom
{
  border-bottom: 1px dotted lightgrey;
}



.border-blue
{
  border: 1px solid #9cd0f5;
}

table.nocollapse
{
   border-collapse: separate;
}

.tright
{
  text-align: right;
}

.tleft
{
  text-align: left;
}

.tcenter
{
  text-align: center;
}

.nostrong
{
  font-weight: normal;
}

.fleft
{
  display: block;
  float: left;
}

.fright
{
  display: block;
  float: right;
}

.mini-icon-cash
{
  padding-left: 14px;
  background: transparent url(../images/shared/mini_icon_cash.png) left center no-repeat;
}

.icon-txt
{
  padding-left: 17px;
  background: transparent url(../images/shared/icon_txt.png) left center no-repeat;
  /*line-height: 16px;*/
  padding-top: 1px;
  padding-bottom: 1px;
}




/*  POZNAMKA PRI VYVOJI -------------------------------------------------------------------------------- */

div.poznamka
{
  width: 300px;
  height: 100px;
  display: block;
  position: fixed;
  border: 2px dotted red;
  background-color: #fff;
  left: 0;
  bottom: 0;
  padding: 5px;
  font-size: 12px;
}	



/*  ROUNDBLOCK -------------------------------------------------------------------------------- */

div.roundblock
{
  display: block;
  float: none;
  width: auto;
  height: auto;
  position: relative;
  background-color: #f6f6f6;
  border: 1px solid #bebebe;
  padding: 10px;
  min-height: 40px;
}

div.roundblock span.lt
{
  display: block;
  float: none;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) 0px 0px no-repeat;
  z-index: 1;
}

div.roundblock span.rt
{
  display: block;
  float: none;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) -6px 0px no-repeat;
  z-index: 1;
}

div.roundblock span.lb
{
  display: block;
  float: none;
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) 0px -6px no-repeat;
  z-index: 1;
}

div.roundblock span.rb
{
  display: block;
  float: none;
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 6px;
  height: 6px;
  background: transparent url(../images/forms/roundblock.png) -6px -6px no-repeat;
  z-index: 1;
}

div.roundblock span.arrowleft
{
  display: block;
  float: none;
  position: absolute;
  left: -9px;
  top: 45%;
  width: 9px;
  height: 16px;
  background: transparent url(../images/forms/roundblock.png) -12px 0px no-repeat;
  z-index: 1;
}



/*  BAREVNE BOXY -------------------------------------------------------------------------------- */

div.message-green
{
  background-color: #e0f2cb;
  border: 1px solid #ccebac;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin-bottom: 5px; 
  padding: 6px; 
}

#related-activities div.message-green p a
{
   color: #6DA827;  
}




div.message-red
{
  background-color: #fbd3b1;
  border: 1px solid #f5c69a;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin-bottom: 5px; 
  padding: 6px; 
}

#related-activities div.message-red p a
{
   color: #ce2700;  
}




div.message-yellow
{
  background-color: #fff4cc;
  border: 1px solid #f8e3ac;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin-bottom: 5px; 
  padding: 6px; 
}

#related-activities div.message-yellow p a
{
   color: #eb9300;  
}




/*  OPMENU -------------------------------------------------------------------------------- */

/*a.action {width:20px;height:20px;display:block;background:url("../images/action.png") 50% 50% no-repeat;outline:none;}
a.action:hover, a.action.active {width:18px;height:18px;background-color:#dbe3f2;border:1px solid #aeb6c2;}*/
a.action.active { background-position: 0 -24px; }
.opmenu {position:absolute;z-index:1;width:150px;background: url("../images/opmenubg.png") top left no-repeat;display:none;}
.opmenu ul {display:block;padding:5px 5px 5px;margin:0 !important;list-style:none;}
.opmenu ul li {float:none;margin:0;padding:0;list-style:none;}
.opmenu ul li a {text-shadow:none;float:none;text-align:left;width:100px;margin:0;padding:5px 5px;background-image:none;display:block;border-bottom:1px solid #dedede;font:bold 11px tahoma;color: #333;text-decoration:none;outline:none;}
.opmenu ul li a:hover {color:#fff;background-color:#5eb1e6;padding-top:4px;border-top:1px solid #4a9ace;border-bottom:1px solid #4a9ace; text-decoration: none;}
#product-table td .opmenu ul li a:hover { text-decoration: none; color: #fff; }
.opmenu ul li:last-child a {border-bottom:0;}
.opmenu .foot {position:absolute;left:0;bottom:-3px;width:120px;height:3px;background: url("../images/opmenubg.png") bottom left no-repeat;}
.opmenu { background: #f9f9f9; border: 1px solid #c0bfbf;  width: 150px; -moz-box-shadow: 0px 0px 5px #bfc0c0; -webkit-box-shadow: 0px 0px 5px #bfc0c0; box-shadow: 0px 0px 5px #bfc0c0; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
.opmenu ul li a
{
  width: 130px;
}
#product-table tr.grey td .opmenu a { color: #393939; }

.opmenu .foot 
{
  display: none;
}





/*  PROGRESS BAR -------------------------------------------------------------------------------- */

.progressbar
{
  border: 1px solid #d2d2d2;
  display: block;
  position: relative;
  width: 110px;
  height: 22px;
  overflow: hidden;
  background-color: #fff;
}

.progressbar span.bar
{
  display: block;
  position: absolute;
  width: 110px;
  height: 22px;
  background-color: #c7f695;
  right: 100%;
  top: 0%;
  z-index: 1;  
}

.progressbar span.stav
{
  display: block;
  position: absolute;
  left: 40%;
  top: 16%;
  z-index: 2;  
}


/*  BUBBLE TOOLTIP -------------------------------------------------------------------------------- */

.bubble {width:280px;position:absolute;z-index:10000;display:none; font-size: 12px; /*-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;*/ }
.bubble .bubble-t1, .bubble .bubble-t2, .bubble .bubble-t3, .bubble .bubble-b1, .bubble .bubble-b2, .bubble .bubble-b3 {background-image:url("../images/shared/bubble_corners.png");background-repeat:no-repeat;background-position:0 0;background-color:transparent;}
.bubble .bubble-t1 {background-position:0 0;}
.bubble .bubble-t2 {background-position:100% -5px;padding: 0px 5px 0px 5px;}
.bubble .bubble-t3 {background-repeat:repeat-x;background-position:0 -10px;height: 5px;}
.bubble .bubble-1 {background: url("../images/shared/bubble_edges.png") 0 0 repeat-y;}
.bubble .bubble-2 {padding: 0 5px;background: url("../images/shared/bubble_edges.png") 100% 0 repeat-y;}
.bubble .bubble-3 {padding: 10px;background: #fff;overflow: hidden;}
.bubble .bubble-b1 {/*background-position:0 -15px;*/ background-position:3px -35px;}
.bubble .bubble-b2 {padding: 0 5px 0 40px;background-position:100% -25px;}
.bubble .bubble-b3 {height: 10px;background-repeat:repeat-x;background-position:0 -35px;}

.tooltip { display: none; }
.bubble hr { margin: 5px 0; }


/*  ROUND BOX -------------------------------------------------------------------------------- */

#content .roundbox
{
  border: 1px solid #d6d4d4;
  border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
  background: transparent url(../images/shared/roundbox_bg.png) left bottom repeat-x;
  min-width: 220px;
}

#content .roundbox h2
{
  background: #f0f0f0;
  margin-right: 0;
  font-size: 14px;
  line-height: 35px;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  padding-left: 20px;
}

#content .roundbox .content
{
  padding: 20px;
}

#content .roundbox ul
{
  padding-top: 10px;
}

#content .roundbox ul li
{
  list-style: none;
  background: transparent url(../images/shared/ikona_seznam_ok.png) left center no-repeat;
  line-height: 14px;
  padding: 0 0 4px 25px;
}

#content .roundbox .paticka
{
  line-height: 42px;
}


#content span.blue, #content strong.blue, #content sup.blue { color: #0f669d; }
#content span.orange, #content strong.orange, #content sup.orange { color: #f75000; }

#content .sipka-blue-vpravo 
{ 
  padding-left: 25px;
  background: transparent url(../images/shared/sipka_blue_vpravo.png) left center no-repeat;
  padding-top: 2px;
  padding-bottom: 2px;
}


/*  H2 ZALOZKY -------------------------------------------------------------------------------- */

#content-table h2.panes
{
    padding-bottom: 0;
    clear: both;
}

#content-table h2.panes span
{
  display: inline-block;
  padding: 10px 10px;
  background: #eee;
  border: 1px solid #d3d3d3;
  border-bottom: 0px; 
  border-top-left-radius:4px;
  border-radius-topright:4px;  
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     
  

}

#content-table h2.panes a
{
  display: inline-block;
  padding: 10px 10px;
  border: 1px solid #d3d3d3;
  border-bottom: 0px; 
  border-top-left-radius:4px;
  border-radius-topright:4px; 
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;     

}


/*  ONDROVY STYLY -------------------------------------------------------------------------------- */


#picTable
{
	width: 400px;
}
#picTable td
{
	vertical-align: center;
}
#fileTable td
{
	padding: 5px;
}
#vinici table td
{
	padding: 5px;
}
#results
{
	position: absolute;
	left: 540px;
	background-color: #eee;
	border: solid 1px #aaa;
}
#results li
{
	margin: 5px;
	list-style-type: none;
	border-bottom: solid 1px #aaa;
	width: 200px;
}
#results li img
{
	float: left;
}
#results li span
{
	font-size: 10px;
}
#results li
{
	color: #333;
	text-decoration: none;
}
table#pracovnici
{
	width: 500px;
	background-color: #ddd;
	padding: 2px;
}
table#pracovnici tr
{
	border-bottom: solid 1px white;
}
table#pracovnici td
{
	padding: 5px;
}
.mesice
{
	display: none;
}
.zaznamy
{
	display: none;
}

#table-aggregation
{
	margin-left: 200px;
}
#table-aggregation td, #table-aggregation th
{
	padding: 3px;
	border: 1px solid #D5D5D5;
	width: 200px;
	text-align: center;
}
#table-aggregation th
{
  background-color: #F8F8F8;
  font-size: 95%;
  font-style: italic;
}

#table-aggregation td.penize
{
	text-align: right;
	padding-right:10px;
	width: 50px;
}
#table-aggregation td.nazev
{
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
}



.noDisplay
{
	display: none;
}
.returnInvoiceText
{
	position: absolute;
	width: 250px;
	border: 1px solid #D2D2D2;
	background-color: white;
	padding: 10px;
	display: none;
}
.zalozka
{
	position: relative;
	top: 17px;
	left: 1px;
	width: 100px;
	height: 20px;
	padding: 5px;
	display: inline;
	border: solid 1px black;
	border-bottom: none;
	border-left: none;
}
.aktivniZalozka
{
	background-color:#aaa;
}
.prvniZalozka
{
	border-left: solid 1px black;
}
.clickable
{
	cursor: hand;
	cursor: pointer;
}
.underline
{
	text-decoration: underline;
}
.narrow-selectbox
{
 	width: 40px !important;
 	height: 20px;
 	position: relative;
 	top: -3px;
}
.lessNarrow-selectbox
{
 	width: 70px !important;
 	height: 20px;
 	position: relative;
 	top: -3px;
}
td.highlight a
{
 	background-color: #e6b750 !important;
}

.todo
{
	background-color: #fee;
	border: solid 1px red;
	margin-bottom: 20px;
	padding: 10px;
}
.emailsToVerify
{
	position: relative;
	float: right;
}
.emailsToVerify .numberOfEmails
{
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 50%;
	height: 15px; 
	background-color: red;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
.emailsToVerify .oneDigit
{
	width: 11px;
	padding-left: 4px;
}
.emailsToVerify .twoDigits
{
	width: 14px;
	padding-left: 1px;
}

.notifikace
{
	width: 500px;
	position: absolute;
	right: 0px;
	top: 25px;
	z-index: 100;
	display: none;
	background-color: #262626;
	border-radius: 4px;
	color: #747474;
}
.notifikace .item:not(:last-child)
{
	border-bottom: solid 1px black;
}
.notifikace .item
{
	height: 30px;
	width: 480px;
	padding: 10px;
	font-size: 12px;
}
.notifikace a
{
	color: #888;
}
.notifikace .item .confirm:hover
{
	color: #eee;
}
.notifikace .item img
{
	float: left;
	margin-right: 10px;
}
.notifikace .confirm
{
	border-radius: 4px;
	background-color: #444;
	float: right;
	line-height: 30px;
	padding-left: 18px;
	width: 80px;
	height: 30px;
}
#emailyKeSchvaleni table
{
	width: 100%;
}
#emailyKeSchvaleni tr td
{
	padding: 5px;
}
iframe.detailEmailu
{
	border: none;
	width: 880px;
	height: 390px;
}
.floatRight
{
	float: right;
}
.floatLeft
{
	float: left;
}
.bugTracker, .helpButton, .translator
{
	float: right;
}
#bugTracker, #translator
{
	display: none;
}
.inputSuperWide{
	width: 700px !important;
}
.inputWide{
	width: 350px !important;
}
.inputMiddle{
	width: 150px !important;
}
.inputSmall{
	width: 80px !important;
}
.inputMini{
	width: 50px !important;
}
.inputMicro{
	width: 30px !important;
}

/* Zprávičky */

.messageDesign
{
	position: absolute;
	background-color: #393939;
	border: solid 1px #555;	
	z-index: 10000;
	color: #eee;
	font-size: 10px;
	display: none;	
}
.messageButton
{
	background-image: url('/images/shared/message.png');
	float: right;
	width: 25px;
	height: 25px;
}
.messages
{
	top: 35px;
	right: 100px;
	height: 300px;
	width: 300px;
}
.onlinePeople
{
	top: 35px;
	right: 0px;
	width: 99px;
	font-weight: bold;
}
.onlinePeople .bell
{
	float: right;
}
.onlinePeople div, .lidiOffline div
{
	clear: right;
}
.messages
{
	overflow: auto;
}
.messages .message, .messages .onlinePeopleButton
{
	border-bottom: solid 1px #555;
	color: #eee;
	font-size: 10px;
	padding: 5px;
}
.messages .onlinePeopleButton
{
	float: right;
	width: 50%;
}
.messages .messageListing
{
	clear: both;
}
.messages .newMessage
{
	width: 50%;
	padding: 5px;
	border-bottom: solid 1px #555;	
}
.messages .message span
{
	font-weight: bold;
	color: #aaa;
}
.messages .message span.autor
{
	text-decoration: underline;
}

.vypsatVse
{
	color: #aaa;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
}


.messageDetail
{
	top: 35px;
	right: 401px;
	width: 300px;
	height: 270px;
	font-weight: bold;	
	overflow: auto;
}
.sendMessage
{
	top: 305px;
	right: 401px;
	width: 300px;
	height: 30px;
}
.pocetLidiOnline
{
	text-align: right;
}
.sendMessage button
{
	background-color: #393939;
	border: solid 1px black;
	color: #eee;
	height: 20px;
	margin-left: 15px;
}
.sendMessage input
{
	background-color: #393939;
	border: solid 1px black;
	color: #eee;
	margin-left: 10px;
	margin-top: 3px;
	height: 20px;
	width: 200px;
}
.lideVKonverzaci, .messageSingleMessage
{
	border-bottom: solid 1px #555;
	color: #aaa;
	font-size: 10px;
	padding: 5px;
}
.lideVKonverzaci, .messageSingleMessage span
{
	color: #fff;
}
.messageSingleMessage .readStatus
{
	float: right;
}

.necetl
{
	text-decoration: line-through;
}
.neprectene
{
	background-color: red;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-left: 3px;
	padding-right: 3px;
}
.unreadMessages
{
	font-size: 10px;
	display: none;
	background-color: red;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding-left: 3px;
	padding-right: 3px;	
	width: 8px;
}


.top-search-inp
{
	color: #747474;
	padding: 6px 6px 6px 6px;
	height: auto;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 4px 4px;
	  border-top-right-radius: 4px 4px;  	
	 background: #262626;
}

.top-search-submit
{
	background-color: #5d5d5d;
	border: 1px solid #3b3a3a;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 4px 4px;
	  border-top-right-radius: 4px 4px;  	
	  color: #fff;
	  padding: 4px 10px;
	  cursor: pointer;
}

.top-language-selected
{

	display: inline-block;
	padding: 5px 25px 5px 10px;
	height: auto;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:4px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 4px 4px;
	  border-top-right-radius: 4px 4px;  	
	 background: #262626 url(../images/shared/sipka_h1_dolu.png) no-repeat 115px center;
	 cursor: pointer;
	 width: 100px;

}
.top-language-selected span,
.top-language-menu > ul li
{
	color: #fff;
	font-size: 13px;
}
.top-language-selected span,
.top-language-menu > ul li a
{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 24px;
	padding-right: 5px;
}
.top-language-selected span.cz,
.top-language-menu > ul li a.cz
{
	background: transparent url(../images/shared/jazyk_cz.png) no-repeat left center;	
}
.top-language-selected span.en,
.top-language-menu > ul li a.en
{
	background: transparent url(../images/shared/jazyk_en.png) no-repeat left center;	
}
.top-language-selected span.de,
.top-language-menu > ul li a.de
{
	background: transparent url(../images/shared/jazyk_de.png) no-repeat left center;	
}
.top-language-selected span.sk,
.top-language-menu > ul li a.sk
{
	background: transparent url(../images/shared/jazyk_sk.png) no-repeat left center;	
}


.top-language
{
	display: inline-block;
	position: relative;

}
.top-language-menu > ul
{
	display: none;
	padding: 10px;
	list-style: none;
	position: absolute;
	width: 150px;
	height: auto;
	background: #262626;
	  -moz-border-radius-bottomleft:4px;
	  -moz-border-radius-bottomright:4px;
	  -moz-border-radius-topleft:0px;
	  -moz-border-radius-topright:4px;
	  border-bottom-left-radius: 4px 4px;
	  border-bottom-right-radius: 4px 4px;
	  border-top-left-radius: 0px 0px;
	  border-top-right-radius: 4px 4px;  	
}
.top-language-menu > ul li
{
	padding-top: 2px;
	padding-bottom: 2px;
}
.top-language-menu > ul a
{
	color: #747474;
	font-size: 13px;
	text-decoration: none;
}
.top-language-menu > ul a:hover
{
	color: #fff;
}


.faded
{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.hlavniLogoFirmy
{
	height: 30px;
}

a.zapomenuteHeslo
{
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

a:hover.zapomenuteHeslo
{
	text-decoration: none;
	color: white;
}

#zapomenuteHesloBox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	display: none;
	font-size: 12px;
	height: 242px;
	line-height: 12px;
	padding-top: 30px;
	position: relative;
	width: 508px;
}

#zapomenuteHesloText	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 auto 40px auto;
	width: 440px;
	height: 190px;
	overflow: auto;
	}
#zapomenuteHesloText	p {
    padding-bottom: 5px;
    line-height: 14px;
    font-size: 12px;
    padding: 3px 15px 3px 0;
  }	
	
#zapomenuteHesloText ul
{
  padding: 8px 15px 8px 0;
  list-style: circle;
}
#zapomenuteHesloText li
{
  font-size: 12px;
  line-height: 12px;
  padding: 2px 0 2px 15px;
  
}

a.zpet-login, a.validPro-login	{
	background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;
	bottom: 30px;
	color: #161616;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 10px;
	position: absolute;
	right: 40px;
	}
a:hover.zpet-login, a:hover.validPro-login	{
	color: #fff;
	}

.varovnyText{
	color: red;
	font-weight: bold;
}

.ajaxLoading
{
    opacity: 0.55;	
}

.ajaxLoading:after{
  content:url('../images/shared/loading.png'); /* with class ModalCarrot ??*/
  position:absolute; /*or absolute*/
  z-index:100000; /*a number that's more than the modal box*/
  left:45%;
  top:45%;
}
.noPadding{
	padding: 0px !important;
}
.overflowingDialog{
	overflow: visible !important;
}

.aktivniZloutenka{
	background-color: #ffa !important;
}
.chosen.aktivniZloutenka + div a.chzn-single{
    background: #ffa; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ffa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ffa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ffa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ffa); /* Standard syntax */	
	/*background: #ffa;*/
}

.zloutenka.ukladani{
	background-image: url('../images/icons/onebit_11.png') !important;
	background-size: 20px 20px;
 	background-repeat: no-repeat;
 	background-position: right center; 
}


#validaceProhlizeceBox	{
	background: url(../images/login/loginbox_bg.png) no-repeat;
	display: none;
	font-size: 12px;
	height: 242px;
	line-height: 12px;
	padding-top: 30px;
	position: relative;
	width: 508px;
}

#validaceProhlizeceText	{
	color: #161616;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 auto 40px auto;
	width: 440px;
	height: 190px;
	overflow: auto;
	}
#validaceProhlizeceText	p {
    padding-bottom: 5px;
    line-height: 14px;
    font-size: 12px;
    padding: 3px 15px 3px 0;
  }	
	
#validaceProhlizeceText ul
{
  padding: 8px 15px 8px 0;
  list-style: circle;
}
#validaceProhlizeceText li
{
  font-size: 12px;
  line-height: 12px;
  padding: 2px 0 2px 15px;
  
}


.month-select {
	margin-right: 2em;
}
.ui-slider-handle.month-select-handle {
width: 5em !important;
height: 2em !important;
top: 50% !important;
margin-top: -1em !important;
text-align: center !important;
line-height: 2em !important;
cursor: pointer !important;
}
.month-select-step {
width: 2em;
height: 2em;
top: 50%;
margin-top: -.5em;
text-align: center;
line-height: 2em;
cursor: pointer;
}  
.month-select-slider { 
	float: right; 
	width: 250px; 
	margin-right: 5em; 
	margin-left: 1em; 
	}