shortcut/* 
	CSS Reset 
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}
body {
	line-height:1.5;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

a img.border{
        padding: 3px;
	border: 1px solid #d8d8d8;
}

/*
	General elements styles
*/
body
{
	margin: auto;
	padding: auto;
	font-family: Arial;
	font-size: 12px;
	color: #363636;
	/*text-shadow:0 1px 0 #ffffff;*/
}

body.bg {
	background: #fff url('../images/bg_left.jpg') repeat-y;
}

body.nobg
{
	background: #fff;
}

.image {
    border: 1px solid #f3f3f3;
    padding: 4px;
    vertical-align: middle;
    float: right
}

h1
{
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

h2
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

h3
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

h4
{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

a
{
	color: #336699;
	text-decoration: underline;
	text-shadow: 0px 0px 0px transparent;
}

a:hover
{
	color: #2F4E85;
	text-decoration: none;
	text-shadow: 0px 0px 0px transparent;
}

a:active
{
	color: #000000;
	text-decoration: none;
	text-shadow: 0px 0px 0px transparent;
}

.cleaner 
{
	clear: both;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}

table 
{
	text-align: left;
        margin: 0px;
        padding: 0px;
        border-collapse: collapse;
}

td, th {
    padding: 6px;
}

img
{
	border: 0;
}

img.mid_align
{ 
	vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px;
	border: 0;
}

img.tooltip
{ 
    vertical-align: middle; 
    margin-right: 5px;
    margin-left: 5px;
    border: 0;
}

ul.style, ol.style
{
	padding-bottom:15px;
	padding-left:30px;
}

ul.style li, ol.style li
{
	margin-bottom:5px;
	padding-left:5px;
}

label
{
	font-weight: bold;
}

.quote
{
	width: 80%;
	display: block;
	margin: auto;
	padding: auto;
	padding: 20px 15px 20px 15px;
	font-size: 14px;
	font-style: italic;
	color: #666666;
}

/*
	Input elements style
*/

input[type=text], input[type=password], select
{
	background: #ffffff url("../images/bg_ip.png") repeat-x;
	padding: 5px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	border: 1px solid #c0c0c0;
}

input.search
{
	background: transparent;
	border: 0;
	width: 180px; /* important */
}

textarea
{
	background: #ffffff url("../images/bg_ip.png") repeat-x;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0;
	border: 1px solid #c0c0c0;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover
{
	background-color: #fff5d3;
	border: 1px solid #999999;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus
{
	background-color: #fff5d3;
}

input[type=text].blur, input[type=password].blur, textarea.blur
{
	color: #999;
 	font-weight: normal;
 	font-style: italic;
}

input.search:hover, input.search:focus
{
	background: transparent;
	border: 0;
}

input[type=submit], input[type=button], #make_new_rek, .likeButton
{
	background: #cccccc url("../images/shortcut/greenbutton.jpg") left top repeat-x;
	margin: 0;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #444;
 	-webkit-box-shadow: 0 1px 2px #444;
 	box-shadow: 0 1px 2px #444;
 	text-shadow: 1px 0 0 #cccccc;
 	color: #333333;
        width: 150px;
        cursor: pointer;
        text-decoration: none;
}

input[type=submit].none{
 	box-shadow: 0 0 0 #444;
	background: #cccccc url("../images/shortcut/classicgray.jpg") left top repeat-x;
	padding: 1px 10px 1px 10px;
}

input[type=submit].none:hover{
	background: #cccccc url("../images/shortcut/classicgrayhover.jpg") left top repeat-x;
}

input[type=submit].send2 {
	background: #cccccc url("../images/shortcut/redbutton.jpg") left top repeat-x;
}

input[type=submit].send2:hover {
	background: #cccccc url("../images/shortcut/redbutton.jpg") left bottom repeat-x;
}

span.button {
    background: #cccccc url("../images/shortcut/greenbutton.jpg") left top repeat-x;
	margin: 0;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #444;
 	-webkit-box-shadow: 0 1px 2px #444;
 	box-shadow: 0 1px 2px #444;
 	text-shadow: 1px 0 0 #cccccc;
 	color: #333333;
}

input[type=button].right_switch
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background: #cccccc url("../images/bg_switch.png") repeat-x;
	font-weight: bold;
	margin: 0;
	height: 30px;
	border: 1px solid #AAA9A9;
	-moz-box-shadow: 0 1px 1px #fff;
 	-webkit-box-shadow: 0 1px 1px #fff;
 	box-shadow: 0 1px 1px #fff;
 	text-shadow: 1px 0 0 #ffffff;
 	color: #333333;
 	font-size: 10px;
}

input[type=button].left_switch
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #cccccc url("../images/bg_switch.png") repeat-x;
	font-weight: bold;
	margin: 0;
	height: 30px;
	border: 1px solid #AAA9A9;
	-moz-box-shadow: 0 1px 1px #fff;
 	-webkit-box-shadow: 0 1px 1px #fff;
 	box-shadow: 0 1px 1px #fff;
 	text-shadow: 1px 0 0 #ffffff;
 	color: #333333;
 	font-size: 10px;
}

input[type=button].middle_switch
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #cccccc url("../images/bg_switch.png") repeat-x;
	font-weight: bold;
	margin: 0;
	height: 30px;
	border: 1px solid #AAA9A9;
	-moz-box-shadow: 0 1px 1px #fff;
 	-webkit-box-shadow: 0 1px 1px #fff;
 	box-shadow: 0 1px 1px #fff;
 	text-shadow: 1px 0 0 #ffffff;
 	color: #333333;
 	font-size: 10px;
}

input[type=submit]:hover, input[type=button]:hover, input[type=button].right_switch:hover, input[type=button].left_switch:hover, input[type=button].middle_switch:hover
{
	border: 1px solid #666666;
	background: #999999 url("../images/shortcut/greenbutton.jpg") bottom center repeat-x;
}

input[type=submit]:active, input[type=button]:active, input[type=button].right_switch:active, input[type=button].left_switch:active, input[type=button].right_switch.active, input[type=button].left_switch.active, input[type=button].middle_switch:active, input[type=button].middle_switch.active
{
	color: #cccccc;
	border: 1px solid #999999;
	background: #999999 url("../images/bt_ga.png") repeat-x;
	text-shadow: 0 0 0 #999999;
}

input.changer{
        cursor: pointer;
	padding-left: 35px;
	padding-right: 0px;
	background: url("../images/shortcut/notification_done.png") no-repeat 5px center;
    width: 42px;
}

input.changer:hover{
	padding-left: 35px;
	padding-right: 0px;
	background: #f1f1f1 url("../images/shortcut/notification_done.png") no-repeat 5px center;
}

/*
	WYSIWYG textarea
*/

div.wysiwyg
{
	background: #ffffff url("../images/bg_ip.png") repeat-x;
	width: 99% !important;
	font-family: Arial;
}

/*
	Login layout
*/

#login_wrapper
{
	width: 351px;
	height: 400px;
	margin: 100px auto;
}

#login_top_window
{
	margin: auto;
	padding: auto;
	width: 351px;
	height: 30px;
}


#login_body_window
{
	margin: auto;
	padding: auto;
	width: 351px;
	background: transparent url('../images/blue/bg_login_window.png') no-repeat top;
}

#login_body_window_fix_height
{
	width: 351px;
	background: transparent url('../images/blue/bg_login_window_bottom.png') repeat-y;
}

#login_body_window_bottom
{
	margin: auto;
	padding: auto;
	width: 316px;
        padding: 15px 0px 0px 35px;
	background: transparent url('../images/blue/bg_login_window_bottom.png') repeat-y;
}

#login_footer_window
{
	margin: auto;
	padding: auto;
	width: 351px;
	height: 30px;
}

#login_reflect
{
	margin: auto;
	padding: auto;
	margin-top: 3px;
	width: 350px;
	height: 107px;
}

.loginField {
    width: 285px;
}

#header {
    width: 100%;
    min-width: 925px;
}
#header a
{
	font-weight: bold;
	color: #ffffff;
}

#header a:hover
{
	color: #ebebeb;
}

#header a:active
{
	color: #999999;
}

#header #logo
{
	width: 210px;
	float: left;
        margin: 2px 0 0 20px;
}

#header #search
{
	width: 220px;
	height: 30px;
	margin: 9px 1px 0 0;
	background: transparent url('../images/bg_search.png') no-repeat;
	padding: 3px 10px 0 13px;
	text-align: left;
	float: right;
}

#header #account_info
{
	float: left;
	text-align: left;
	margin: 16px 35px 0 0;
}

/*
	Dashboard left panel layout
*/

#left_menu
{
    float: left;
    background: #e7f5e4 url("../images/bg_left.jpg") repeat-y right top;
    width: 209px;
    padding-right: 1px;
    height: 100%;
}

#main_menu
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	display: block;
}

#main_menu li
{
	width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c7eac2;
	display: block;
}

#main_menu li.active
{
	height: auto;
	display: block;
}

#main_menu li a
{
	text-decoration: none;
}

body.login
{
	margin: auto;
	padding: auto;
	background: #262B32 url("../images/blue/bg.png") repeat-x 0px 350px;
	font-family: Arial;
	font-size: 12px;
	color: #363636;
	text-shadow:0 1px 0 #cccccc;
}



/*
	Dashboard header layout
*/



#main_menu li ul
{
	margin: 0;
	padding: 0;
	padding: 10px 0 10px 0;
	margin-bottom: 10px;
	float: left;
	display: block;
	width: 100%;
	background: #d6eefd url("../images/bg_ip.png") repeat-x;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #ffffff;
	display: none;
	overflow: hidden;
}


#main_menu li ul.active{
    display:block;
}

#main_menu li ul#show_left_ul{
    display:block;
}

#main_menu li ul li
{
	border: 0;
}

#main_menu li ul li a
{
	text-shadow:0 1px 0 #DBDBDB;
}

#main_menu li ul li a:hover
{
	background: #b7e2fd;
	text-shadow:0 1px 0 #DBDBDB;
}

li.selmain {
	background: #c7ecc7 !important;
}

li.sel {
	background: #92d5f6;
}

#main_menu li a img
{ 
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}

#main_menu li a
{
	display: block;
	padding: 10px 8px 12px 15px;
	color: #4b4f5d;
	font-weight: bold;
	text-shadow:0 1px 0 #ffffff;
}

#main_menu li a:hover
{
	background: #c7eac2;
}

#main_menu li.end
{
	border-top: 1px solid #ffffff;
	border-bottom: 0;
	height: 1px;
}

a#hide_menu
{
	display: block;
	margin-right: 3px;
	padding: 5px 10px 5px 30px;
	text-align:right;
	font-size: 14px;
	color: #4b4f5d;
	font-weight: bold;
	border-bottom: 1px solid #c7eac2;
	cursor: w-resize;
}

a#hide_menu:hover
{
	background: #c7eac2;
}

a#show_menu
{
	display: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #c7eac2;
	position: relative;
	top: 10px;
	left: 5px;
	background: #ebebeb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #4b4f5d;
	font-weight: bold;
	cursor: e-resize;
}

a#show_menu:hover
{
	background: #cccccc;
}

/*
	Dashboard shortcut
*/

#shortcut
{
	list-style: none;
    display: block;
	font-size: 11px;
	text-align: center;
}

#shortcut li
{
	display: block;
	float: left;
	margin: 0 0px 20px 0px;
	text-align: center;
}

#shortcut li a, .shortcut a
{
	text-align: center;
	display: block;
	float: left;
	padding: 10px 15px 10px 15px;
	background: #ffffff url('../images/shortcut/bg_shortcut.png') repeat-x center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cdcdcd;
	color: #4c535b;
	text-shadow:0 1px 0 #ffffff;
	-moz-box-shadow: 0 2px 2px #ffffff;
		-webkit-box-shadow: 0 2px 2px #ffffff;
		box-shadow: 0 2px 2px #ffffff;
	text-decoration: none;
	width: 81px;
	height: 90px;
}

#shortcut li a.big {
	width: 150px;
}

#shortcut div.step.big {
	float: left;
	width: 150px;
	padding: 10px 15px 10px 15px;
}

.shortcut div.step {
	float: left;
	margin-left: 15px;
	width: 500px;
	height: 130px;
}

#shortcut li a:hover
{
	background: #eaeced url('../images/shortcut/bg_shortcut_h.png') repeat-x center;
}

#shortcut li a:active, #shortcut li a.active
{
	background: #C6CACB url('../images/shortcut/bg_shortcut_a.png') repeat-x center;
}

#shortcut li a img
{
	margin-bottom: 5px;
}

#shortcut li.delic {
    margin: 0 10px 0px 10px;
    width: 36px;
    height: 90px;
    background: url('../images/sipka.png') center center no-repeat;  
}


#shortcut li .step{
    margin: auto;
    padding-top: 10px;
    margin-top: 5px;
    color: #a2a2a2;
    font-family: arial;
    font-size: 14px;
    background: url('../images/sipkapassive.png') top center no-repeat;
    width: 90px;
}


#shortcut li .step.active{
    color: #000;
    background: url('../images/sipkaaktual.png') top center no-repeat;
    font-weight: bold;
}

#shortcut_notifications
{
	display: none; !important
}

.notification
{
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 0 0 #333333;
	background: transparent url('../images/bg_notification.png') no-repeat center;
	position: absolute;
	width: 37px;
	height: 37px;
	display: block;
	text-align: center;
	padding-top: 17px;
        margin-left: -70px;
}

.notification.good{
        background: transparent url('../images/bg_notification_good.png') no-repeat center;
}

.notification.warning{
        background: transparent url('../images/bg_notification_warning.png') no-repeat center;
}

.notification_info
{
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 0 0 #333333;
	background: transparent url('../images/bg_notification.png') no-repeat center;
	width: 37px;
	height: 37px;
	text-align: center;
	padding-top: 17px;
        float: left;
        margin-top: -17px;
        margin-left: -34px;
}

/*
	Dashboard content layout
*/

/*.all {             
    float: left;                
    min-width: 953px;
    width: 100%;
}*/

#content_wrapper
{               
    height: 100%;
}

#content
{
    text-align: left;
    float: left; 
    min-width: 1005px;
}   

.inner{
    width: 795px;
    float: left;                                          
}

.inContent{
    margin-left: 1px;
}

	Dashboard window one column layout

.onecolumn
{
    background: #c1e1ff;
    border: 1px solid #cdcdcd;
    margin: 20px 0 20px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px;
    float: left;  
}

.onecolumn .header
{          
    padding: 0px 15px 0px 0px !important;
    float: left;         
    background: #f8f8f8;
    height: 40px;
    text-align: center;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #f8f8f8;
}

.onecolumn .header.first{
    margin-left: 15px;        
}

.onecolumn .header.first.red{
    margin-left: 15px;  
    background: #ffefef;
    border-bottom: 1px solid #ffefef;
}

.onecolumn .header span a{
    text-decoration: none; 
}

.onecolumn .header.unactive.first{
    margin-left: 15px;        
}

.onecolumn .header span
{
	font-size: 16px;
	font-weight: bold;
}   

.onecolumn .header.unactive
{          
    text-decoration: underline; 
    margin-top: 5px;
    padding: 0px 15px 0px 0px !important;
    float: left;        
    margin-left: 0px;   
    background: #fff;
    height: 35px;
    text-align: center;
    border-bottom: 1px solid #f8f8f8;                               
}

.onecolumn .header.nobutton{
    background: #fff;
    border: 0px; 
    margin-top: 5px;
    height: 25px;
}

.onecolumn .header.nobutton span{
    font-size: 12px;   
}

.onecolumn .header.unactive span{
    font-size: 13px;         
}

.onecolumn .content
{
    float: left;   
    margin-left: 15px;
    margin-bottom: 15px;
    background: #fff;
    padding-bottom: 5px;
    width: 97%; -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

.header span
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 0 15px;
	float: left;
}

table#graph_data th
{
	text-align: center;
}

table#graph_data td
{
	cursor: pointer;
	text-align: center;
}

table#graph_data td.hover
{
	background: #fff5d3;
}

tr.second {
    background-color: #f3f3f3;
}

.chart_wrapper
{
        padding-bottom: 15px;
}

.center{
    float: left;
    text-align: center;
    width: 100%;
}

/*
	Dashboard window two column layout


.twocolumn
{
	width: 100%;
	margin: 20px 0 20px 0;
}

.column_left, .column_right
{
	width: 49%;
	background: #ffffff;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
 	float: left;
}

.column_right
{
	float: right;
}

.column_left .header, .column_right .header
{
	margin: 0;
	padding: 0;
	float: left;
	background: #cdcdcd url("../images/bg_window_header.png") repeat-x;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.column_left .header span, .column_right .header span
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 0 15px;
	float: left;
	width: auto;
	cursor: n-resize;
}

.column_left .header .switch, .column_right .header .switch
{
	float: right;
	margin-right: 15px;
	padding: 5px 0 0 0;
}

.column_left .content, .column_right .content
{
	background: #ffffff url("../images/bg_ip.png") repeat-x;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top: 1px solid #bdbdbd;
	padding-bottom: 10px;
	padding: 25px 15px 15px 15px;
}
*/
/*
	Dashboard window three column layout


.threecolumn
{
	width: 100%;
	margin: 20px 0 0 0;
	float: left;
}

.threecolumn_each
{
	width: 31%;
	background: #ffffff;
	border: 1px solid #cdcdcd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
 	float: left;
 	margin: 0 1% 0 1%;
}

.threecolumn_each .header
{
	margin: 0;
	padding: 0;
	float: left;
	background: #cdcdcd url("../images/bg_window_header.png") repeat-x;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.threecolumn_each .header span
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 0 15px;
	float: left;
	width: auto;
}

.threecolumn_each .header .switch
{
	float: right;
	margin-right: 15px;
	padding: 5px 0 0 0;
}

.threecolumn_each .content
{
	background: #ffffff url("../images/bg_ip.png") repeat-x;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top: 1px solid #bdbdbd;
	padding-bottom: 10px;
	padding: 25px 15px 15px 15px;
}
*/
/*
	Alert box layout
*/

.flash.warning
{
	margin: auto;
	padding: auto;
	border: 1px solid #edbf06;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	margin: 10px 0 10px 0;
	text-shadow:0 0 0 transparent;
	margin: 5px 0 5px 0;
}

.flash.info
{
	margin: auto;
	padding: auto;
	border: 1px solid #b2c8ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	text-shadow:0 0 0 transparent;
	margin: 5px 0 5px 0;
}

.flash.success
{	
	margin: auto;
	padding-left: auto;
	border: 1px solid #a4d699;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc; 
    color: #000;
	font-weight: bold;                
	cursor: pointer;
	margin: 5px 0 5px 0;
}   

.flash.tooltip
{
	margin: auto;
	padding: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #777;
	font-weight: bold;
	cursor: pointer;
	text-shadow:0 0 0 transparent;
	margin: 5px 0 5px 0;
}  

.flash.error
{	
	margin: auto;
	padding: auto;
	border: 1px solid #7f0300;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 0 1px #333333;
	cursor: pointer;
	margin: 5px 0 5px 0;
}

.flash
{
    padding: 15px 0px 15px 40px;
    width: 93%;
    margin-left: 15px;
    font-size: 14px;
}

.flash.error { 
    background: #7f0300 url('../images/icon_error.png') 12px 12px no-repeat;
    margin-left: 15px;
}



.flash.error.nobg { 
    background: #fb1800;
    margin-left: 15px;
}

b.error{ 
    background: url('../images/icon_error.png') left top no-repeat;
    padding-left: 25px; 
}

.flash.success { 
    background: #ddebda url('../images/icon_success.png') 12px center no-repeat;
    margin-left: 15px;
}  

.flash.info { 
    background: #e6f5fd url('../images/icon_info.png') 12px center no-repeat;
    margin-left: 15px;
}

.flash.warning { 
    background: #fcf2a5 url('../images/icon_warning.png') 12px center no-repeat;
    margin-left: 15px;
}     

.ajaxStatus
{    
    margin: auto;
    padding-left: auto;
    border: 1px solid #a4d699;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px #cccccc;
     -webkit-box-shadow: 0 1px 2px #cccccc;
     box-shadow: 0 1px 2px #cccccc;
    color: #000;
    font-weight: bold;               
    cursor: pointer;
    margin: 5px 0 5px 0;
    background: #ddebda url('../images/icon_success.png') 12px 12px no-repeat;
    padding: 12px 0px 12px 40px;
    width: 91%;
    display: none;
}

.noshadow
{
	-moz-box-shadow: 0 0 0 transparent;
 	-webkit-box-shadow: 0 0 0 transparent;
 	box-shadow: 0 0 0 transparent;
}


/*
	Photos listing layout
*/

.media_photos {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-top: 30px;
	padding-left: 10px;
	width: 100%;
}

.media_photos li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	text-align: center;
}

.media_photos li a {
	text-align: center;
}

.media_photos li img {
	border: 1px solid #cccccc;
	width: 75px;
	height: 75px;
}

/*
	Pagination style
*/

.pagination {
	margin: 25px 0 5px 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.pagination a {
	padding: 5px 7px 5px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
 	margin: 0 0 0 3px;
 	background: #cccccc url("../images/bg_switch.png") repeat-x;
	border: 1px solid #AAA9A9;
	color: #333333;
}

.pagination a:hover {
	-moz-box-shadow: 0 1px 3px #666;
 	-webkit-box-shadow: 0 1px 3px #666;
 	box-shadow: 0 1px 3px #666;
 	border: 1px solid #666666;
	background: #999999 url("../images/bt_gh.png") repeat-x;
}

.pagination a:active, .pagination a.active {
	color: #666666;
	border: 1px solid #999999;
	background: #999999 url("../images/bt_ga.png") repeat-x;
	text-shadow: 0 0 0 #999999;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

.spinner {
    vertical-align: middle;
    margin: 5px 0 0 15px;
    padding: 13px;
    background: white url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;     
    display: none; 
    width: 14px;
    height: 14px;
    float: right;
}

a[href^="error:"] {
	background: red;
	color: white;
}

th, td{
	padding-right: 15px;
}

/*
th{
	vertical-align: top;
	padding-top:3px;
}*/

table.list tbody tr:hover{
	background: #dfdfdf;
}

td a{
	text-decoration:none;
}

fieldset, table{
	margin-top:0px;
}

tr.inactive{
	background: #ffcccd;
}

tr.active{
	background: #ccffcc;
}

input.datepicker {
background: #fff url('../images/calendar.png') no-repeat right;
width: 120px;
border: 1px solid #CCC;
padding: 0.2em;
padding: 0.2em;
}

#formout{           
    font-family: arial;
    font-size: 11px;
}
   
#formout table td{
	padding-top: 5px;
}

.form {
    padding: 5px;       
    margin-left: 15px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.formname {
    margin-left: 22px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    background: #eee;
    padding: 5px 10px 5px 10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}

fieldset.blue {
    background: #d6ebff;
    padding: 5px;
    margin: 5px;
}
fieldset { 
    padding: 5px;
    margin: 5px;
    border: 2px solid #ccc;
}

legend{
    background: #fff;
    font-weight:bold;
    padding: 0px 5px 0px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


fieldset.legend {
    border: 1px solid #ccc;
    padding: 5px;
}

fieldset.legend legend{
    margin-left: 5px;margin-bottom: 5px;
	font-weight:normal;
        color: #777;
	padding: 0px 5px 0px 5px;
}

.paginator {
	margin: 1em 0;
	font-size: 90%;
        float: left;
        margin-left: 15px;
}

.paginator a, .paginator strong {
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	color: #999999;
}

.paginator a {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	color: #105CB6;
}

.paginator strong.prev-next {
	border: 1px solid #DDDDDD;
}

.paginator .pag_current {
	background: #2E6AB1;
	border: 1px solid #2E6AB1;
	color: white;
	font-weight: bold;
}

td.helperForm {
    padding: 2px 5px 2px 5px;
    background: transparent url('../images/arrowHelp.jpg') no-repeat left center;
    color: #000;
    padding-left: 16px;
    margin: 5px 0 5px 5px;
}

div.helperDiv {
    background: #eee;
    padding: 3px 5px 3px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 5px 0 5px 5px;
}

li.reg {
    list-style: none;
    padding-left: 30px;
    background: url('../images/user_add.png') no-repeat left center;
}

li.reg a {
    color: #333;
}

li.forgot {
    list-style: none;
    padding-left: 30px;
    background: url('../images/help.png') no-repeat left center;
}

li.forgot a {
    color: #333;
}

li.haveacc {
    list-style: none;
    padding-left: 30px;
    background: url('../images/key_go.png') no-repeat left center;
}

li.haveacc a {
    color: #333;
}

ul.error {	
	margin: auto;
	padding: 5px 5px 5px 40px;
        background: #fb1800 url('../images/icon_error.png') 12px 12px no-repeat;
	border: 1px solid #ff8e8e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 1px 0 1px #333333;
	cursor: pointer;
	margin: 5px 0 5px 0;
}

ul.error li {
    list-style: none;
}

.filter {
    padding: 8px;
    float: left;
    margin-bottom: 10px;
    width: 98%;
    min-width: 670px;
}

.filter img {
	vertical-align: -4px;
	margin-right: 5px;
        cursor: pointer;
}

.filterContent{
    display: none;
    width: 100%;
    float: left;
}

.filterContentShowed{
    width: 100%;
    float: left;
}

a#showFilterContent{
    text-decoration: none;
}
p.settings {
    background: url('../images/icons/settings.png') no-repeat left center;
    padding-left: 25px;
    margin: 5px 0px 5px 0px;
}

.infoColumn {
    float: left;
    width: 29%;
    height: 46px;
    display: block;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background: url('../images/infotop.jpg') repeat-x;
    padding: 10px;
    margin-right: 12px;
    font-weight: bold;
    text-align: center;
}

.infoColumn.last{
    margin-right: 0px;
}

a:hover div.infoColumn{
    background: url('../images/infotophover.jpg') repeat-x;
}

.infoColumn span{
    font-size: 27px;
    font-family: arial;
    text-decoration: none;
}

a div.infoColumn span{
    text-decoration: none;
}

.clear{
    clear: both;
}

p {
    margin-bottom: 10px;
}

p.int {
    margin: 0;
}

p.int.red {
    color: #880000;
}

p.redirect {
    margin: 10px;
    padding-left: 20px;
    background: url('../images/icons/add.png') left center no-repeat;
}

table.legend{
    margin-top: 15px;
    font-size: 11px;
}

table.legend th{
    background: #f3f3f3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.status {
    color: #000; display: block;
    padding: 3px;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 10px;
}

.status.green {
    background-color: #6c6;
    color: #fff;
}

.status.red {
    background-color: red;
    color: #fff;
}

.status.one {
    background-color: #69c;
    color: #fff;
}

.status.two {
    background-color: #ff9900;
    color: #fff;
}

.status.three {
    background-color: #6c6;
    color: #fff;
}

.status.four {
    background-color: #060;
    color: #fff;
}

.status.five {
    background-color: #999;
    color: #fff;
}

a.additional{
    text-decoration: none;
    font-weight: bold;
    font-family: helvetica;
}

a.additional:hover{
    color: #333;
}

.selector {
	vertical-align: middle;
}

.select_all {
	vertical-align: middle;
}

div#formout table{
    width: 100%;
}

div#formout input[type=text] {
    width: 100%;
}

div#formout textarea {
    width: 100%;
}

div#formout input.psc{
    width: 50px;
}

div#formout input.datepicker{
    width: 100px;
}   

input.rek_odoslat { 
    background: #eee;
    border: 1px solid #ccc;
    width: 150px;
    height: 25px;
    padding-top: 3px;
    font-size: 14px;
}

input.rek_odoslat:hover { 
    background: #ddd;
    border: 1px solid #aaa;
    width: 150px;
    height: 25px;
}

input.showHiddenOptions{
    width: 150px;     
}

div#formout table th {
    width: 30%;
    padding: 5px 35px 5px 10px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px dotted #ccc;
    text-align: right;
    
}

div#formout table tr.required th label.required {
    text-align: right;
}

div#formout table td {
    
    width: 35%;
    padding: 5px 35px 5px 10px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px dotted #ccc;
}

td.rek_radio {
    padding: 0px;
    margin: 0px;
}

td.rek_radio label{
    font-weight: normal;
    
}

p.infobox {                 
    padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #777;
    font-weight: bold;
    margin-top: 5px;
}

div#domZavriet {
    background: url('../images/zavriet.png') no-repeat top right;
    z-index: 10003;
    width: 100%;
    height: 40px;
    cursor: pointer;
}

/* Calendar */
         

a.selected {
    font-weight: bold;
}

h4.calendar {         
    padding: 0;           
    color: #333; 
}

table.calendar {
    width: 100%;  
    padding: 0;
    margin: 0;
    border-collapse:collapse;
}

table.calendar td {
    color: #333;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 2px 6px 2px 6px;
    text-align: center;
}

table.calendar td.other {
    color: #ddd;
    background: #fafafa;
}

table.calendar td.current {
    border: 2px solid #cc0000;
    font-weight: bold;
}

table.calendar td.event {
    background: #f6f6f6;
    font-weight: bold;
}

table.calendar th {
    color: #555555;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 2px 6px 2px 6px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

table.calendar th {
    color: #505767;
    background: #e3e3e3;
    text-align: left;
}

table.calendar .alt td {
    background: #f8f8f8;
}

table.calendar td a {
    text-decoration: underline;
    font-weight: bold;
    color: #CC0000;
}

p.phone {
    background: url('../images/icons/phone.png') left center no-repeat;
    padding-left: 20px;
}

p.mail {
    background: url('../images/icons/report.png') left center no-repeat;
    padding-left: 20px;
}

p.insertUser {
    padding-left: 25px;
    background: url('../images/user_add.png') no-repeat left center;
}

td.same {
    width: 200px;
    text-align: center;
}

a div.greenbutton {
    background: url('../images/shortcut/greenbutton.jpg') repeat-x top left;
    vertical-align: middle;
    padding-left: 10px;
    float: left;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #444;
 	-webkit-box-shadow: 0 1px 2px #444;
 	box-shadow: 0 1px 2px #444;
 	text-shadow: 1px 0 0 #cccccc;
 	color: #333333;
}

a:hover div.greenbutton {
    background: url('../images/shortcut/greenbutton.jpg') repeat-x bottom left;
}

a div.bluebutton {
    background: url('../images/shortcut/bluebutton.jpg') repeat-x top left;
    vertical-align: middle;
    padding-left: 10px;
    float: left;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #444;
 	-webkit-box-shadow: 0 1px 2px #444;
 	box-shadow: 0 1px 2px #444;
 	text-shadow: 1px 0 0 #cccccc;
 	color: #333333;
}

a:hover div.bluebutton {
    background: url('../images/shortcut/bluebutton.jpg') repeat-x bottom left;
}

.infoWizard {
    background: url('../images/icon_info.png') left top no-repeat;
    color: #777;
    font-family: helvetica;
    font-size: 11px;
    float: left;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 20px;
}

.infoWizardTop {
    color: #777;
    font-family: helvetica;
    font-size: 11px;
    float: left;
    width: 100%;
    padding-left: 10px;
}

.topVersion {
    float: right; 
    width: 250px; 
    margin-top: 5px;
    text-align: right;
    padding-right: 20px;
}

.rek_delivery_hidden {
    margin-left: 20px;
}

.newrekButton {    
    color: white !important;
    text-decoration: none;
    float: left;
    height: 20px;
    width: 170px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 13px;
    font-family: helvetica, arial, verdana;
    border: 1px solid #777;
    margin: 10px 0px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #444;
 	-webkit-box-shadow: 0 1px 2px #444;
 	box-shadow: 0 1px 2px #444;
    background: url('../images/shortcut/bluebutton.jpg') repeat-x top left;
}

.newrekButtonActive {
    color: #fff;
    float: left;
    height: 20px;
    width: 170px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 13px;
    font-family: helvetica, arial, verdana;
    border: 1px solid #777;
    margin: 10px 0px 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #444;
     -webkit-box-shadow: 0 1px 2px #444;
     box-shadow: 0 1px 2px #444;
    background: url('../images/shortcut/redbuttonnewrek.jpg') repeat-x top left;
}

a:hover .newrekButton {
    background: url('../images/shortcut/redbuttonnewrek.jpg') repeat-x bottom left;
    color: #fff;
    text-decoration: underline;
}

ul.autocomplete {
    position: absolute; background: #fff;width: 244px;
}

ul.autocomplete li{
    cursor: pointer;
    font-size: 10px;
    font-family: helvetica, arial;
    border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;
}

ul.autocomplete li:hover{
    background: #e7e7e7;
}

.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

#question1{cursor: pointer;}
#question2{cursor: pointer;}
#question3{cursor: pointer;}
#question4{cursor: pointer;}

.hiddenfiltershow {
    text-decoration: none;
}

.rek_delivery_hidden {width: 110px;}
.rek_deliveryOutHidden{width: 110px;}

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } 

.helpdesk {
    background: #d4edcf;
    width: 100%;
    margin-top: 10px;
    margin-right: -2px;
    padding-bottom: 2px;
    padding-top: 1px;
}

.footer {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.material { display: none; width: 500px;}
.doprava { display: none; width: 500px;}
.praca { display: none; width: 500px;}
.kurier { display: none; width: 500px;}
.material.show { display: inline-table; width: 100%; height: 55px;}
.doprava.show { display: inline-table; width: 100%; height: 55px;}
.praca.show { display: inline-table; width: 100%; height: 55px;}
.kurier.show { display: inline-table; width: 100%; height: 55px;}
.helperForm.hidden {
    display: none;
}


.buttonFormWizard {
	margin: auto;
	border: 1px solid #ff9999;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 4px #cccccc;
 	-webkit-box-shadow: 0 1px 2px #cccccc;
 	box-shadow: 0 1px 2px #cccccc;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	margin: 5px 0 5px 0;
        background: #fcc url('../images/icon_error.png') 8px 5px no-repeat;
        padding: 3px 5px 5px 15px;
        width: 80px;
        display: block;
        text-align: center;
}

.buttonFormWizard.true {
	border: 1px solid #49816e;
        background: #08A000 url('../images/icon_success.png') 8px 5px no-repeat;
	color: #ffffff; 
	text-shadow: 1px 0 1px #333333;
}

.filterImg{
    margin-left: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

input[type=submit].exportXls {
    background: none;
    margin-bottom: 10px;
    float: right;
    border: 0px;
    -moz-box-shadow: 0 0px 0px #444;
     -webkit-box-shadow: 0 0px 0px #444;
     box-shadow: 0 0px 0px #444;
    cursor: pointer;
    background: url("../images/icons/xls-icon.jpg") left center no-repeat;
    padding-left:25px;
    width: 200px;
}

span.helperGraf {
    background: #6699cc; width: 15px; height: 15px; margin-right: 6px; display: block; vertical-align: middle; float: left;
}

span.helperGraf.green{background: #66cc66;}
span.helperGraf.darkgreen{background: #006600;}
span.helperGraf.orange{background: #ff9900;}
span.helperGraf.red{background: #880000;}

span.helperGraf.stlpecgreen{background: #7ec421;}
span.helperGraf.stlpecblue{background: #9fbad4;}


.center{
    float: left;
    width: 100%;
    text-align: center;
    horizontal-align: center;
    margin: auto;
}

.addStep {
    float: right;
    background: url('../images/addstep.png') no-repeat;
    width: 50px;
    height: 50px;
    margin-top: -40px;
    text-align: center;
    padding-top: 10px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}   

span.star {
    color: #cc0000;
}     

span.star2 {
    color: #cc0000;
}   

span.personstar {
    color: #cc0000;
}   

p.addinfo {                
    padding: 6px;         
    padding-top: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #777;
    font-weight: bold;
    margin-top: 5px;
    font-style: italic;
    font-size: 12px;
}  

.activator{
    cursor: pointer;
    text-decoration: underline;
    color: #777;
}

#contentBig #blokfree{
    width: 310px;
    float: left;
    text-align: center;
    margin-left: -35px;
    background: url('../images/shadowleft.png') repeat-y right;
}

.blokprice{
    width: 30%;
    margin-bottom: 20px;
    text-align: center;
    float: left;         
    margin-right: 30px;
    margin-top: 15px;
}

.blokprice.last{
    margin-right: 0px;
}

.blokprice #topBlok{
    color: #fff;
    background: #7e7e7e;
    height: 56px;
    margin-top: -10px;
}

.blokprice #topBlok h1{
    padding: 6px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Helvetica';
    
}

.blokprice.cz #topBlok h1{
    padding-bottom: 0;
    padding-top: 5px;
}

.blokprice #price{
    height: 55px;
    margin-bottom: 15px;
}

.blokprice #price h2{
    font-size: 30px;
    font-weight: bold;
    font-family: 'arial';
    margin-top: 15px;
}

.blokprice #price b{
    font-size:  16px;
}

.blokprice #info{
    background: #eaeaea;
    height: 88px;
}

.blokprice #info p{
    padding: 10px 0px 10px 0px;
    margin: auto;
    width: 80%;
    font-size: 15px;
}

.blokprice #info p.first{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dadada;
}

.blokprice #button{
    height: 55px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dadada;
    font-family: helvetica;          
    background: #d3d3d3;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.blokprice #button #buttonprice{
    background: url('../images/buttonprice.jpg') repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 80%;
    height:40px;
    margin: 5px auto;
    padding-top: 8px;
}

.blokprice #button #buttonprice input{
    border: 0px;
    margin: 0;
    padding: 0;
    background: none;
 	box-shadow: 0 0 0;
 	text-shadow: 0 0 0;
 	color: #fff;
}


.blokprice #price h2 span{
    font-size: 20px;
}

.modules_button{
    background: url('../images/modules_button.jpg') top left repeat-x;
    height: 20px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    float: left;
    color: #333 !important;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    margin: 10px 10px 0px -20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modules_button:hover{
    background: url('../images/modules_button.jpg') bottom left repeat-x;
}

div.top{
    background: url('../images/top.jpg') bottom left repeat-x;
    text-align: center;
    padding-top: 20px;
}

div.top h1{
    font-size: 24px;
    color: #0e82b7;
    font-family: verdana;
}

table.data {
    /**/
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 5px;
}

table.data caption
{
	display: none;
}

table.data tr
{
	background: #ffffff;
}

table.data tr th
{
	font-weight: bold;
	background: #eeeeee;
}

table.data tr th, table.data tr td
{
	padding: 7px;
}

table.data tr td
{
	color: #666666;
}

table.data tr.top th {
        background: #eaeaea url('../images/th.jpg') repeat-x;
}

table.data tr.top.red th {
        background: #eaeaea url('../images/thred.jpg') repeat-x;
}

table.data tr.top th:hover {
        background: #ddd url('../images/thhover.jpg') repeat-x;
}

table.data tr.top.red th:hover {
        background: #eaeaea url('../images/thredhover.jpg') repeat-x;
}

table.data tr.top th a {
        color: #444;
	text-shadow: 1px 0 1px #fff;
}

table.data tr.shadow {
    background: url('../images/odd.jpg') top left repeat-x;
}
tr.tablerowover td {
    background: #eef7ff;
}

tr.gray td {
    border-bottom: 1px solid #c1e0fe; 
    background: #d6ebff;
}

tr.gray2 td {
    border-bottom: 1px solid #c1e0fe; 
    background: #d6ebff;
    display: none;
}

tr.white td {
    border-top: 1px solid #fff; 
    background: url('../images/odd.jpg') top left repeat-x;
}

tr.white2 td {
    display: none;
    border-top: 1px solid #fff; 
    background: url('../images/odd.jpg') top left repeat-x;
}

tr.odd{
    border-bottom: 1px solid #c1e0fe; 
    background: url('../images/odd.jpg') top left repeat-x;
}
tr.odd th{
    padding-left: 50px;
    width: 150px;
}

tr.even{
    border-top: 1px solid #fff; 
    background: #d6ebff;
}
tr.even th{
    padding-left: 50px;
    width: 150px;
}

.padding {
    padding-left: 15px;
}   

.topbutton {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    background: #f3f3f3;
    height: 17px;
    padding: 3px 10px 3px 3px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.classicbutton{
    background: #008a01 url('../images/shortcut/green.jpg') repeat-x;    
    width: 180px;
    height: 29px;
    margin: auto;
    display: block;
    color: #fff !important;
    text-align: left;
    font-size: 13px;
    font-weight: bold;       
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;       
    padding-top: 7px;    
}

.classicbutton.disabled{
    font-weight: normal;             
    background: #e9e9e9 url('../images/shortcut/graybutton.jpg') repeat-x; 
    color: #000 !important; 
}

.classicbutton.nomargin{
    float: left;
}       

input[type=radio]{
    margin-right: 5px;
}

input[type=checkbox]{
    margin-right: 5px;
}

.servisnyListLabel1{float: left; width: 170px; text-align: center; font-weight: bold;}
.servisnyListLabel2{float: left; width: 65px; text-align: center; font-weight: bold; margin-left: 10px;}
.servisnyListLabel3{float: left; width: 60px; text-align: center; font-weight: bold; margin-left: 10px;}
.servisnyListLabel4{float: left; width: 90px; text-align: center; font-weight: bold; margin-left: 10px;}
.servisnyListOk{
    margin-left: 15px !important;  
    margin-right: 5px !important; 
    cursor: pointer !important; 
    float: right !important; 
    border: 1px solid #ccc !important; 
    padding: 5px !important; 
    background: #e5e5e5 url('../images/shortcut/classicgray.jpg') top left repeat-x !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
}
input[type=button].servisnyListOk{
    margin-left: 15px; 
    margin-right: 5px; 
    cursor: pointer; 
    float: right; 
    border: 1px solid #ccc; 
    padding: 5px; 
    background: #e5e5e5 url('../images/shortcut/classicgray.jpg') top left repeat-x;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.servisnyListOk:hover{
    text-decoration: underline;
}

.servisnyListOk img{vertical-align: middle;margin-left: 5px;}
.servisnyListDelete{margin-left: 15px; margin-right: 5px; cursor: pointer; float: right;}
.servisnyListDelete img{vertical-align: middle;margin-left: 5px;}

.newUser {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #66cc33;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    width: 145px;
    display: block;
    height: 25px;
    float: left;
    margin: 10px;
    padding-top: 7px;
}       

.small {
    width: 94px !important;
}

.warning_banner {
	width: 728px;
	height: 90px;
	background: url('../images/banner-upozornenie.jpg') no-repeat;
	text-decoration: none;
	float: left;
	margin: 15px 0 15px 50px
}

.warning_banner .warning_name {
	width: 293px;
	height: 90px;
	line-height: 90px;
	float: left;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS";
	color: #fff;
	text-align: center;
	text-decoration: none
}

.warning_banner .warning_content {
	font-size: 18px;
	font-family: "Trebuchet MS";
	width: 420px;
	height: 90px;
	float: right;
	text-decoration: none;
	color: white;
	padding: 5px
}

.underline {
	text-decoration: underline !important;
}

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