/***************************************
 *
 *
 *   JEDNOTLIVE POLOZKY FRAMWEORKU
 *
 *
 ****************************************/


/*********************************************
 *   TABULKY
 ********************************************/
 
 
/* tabulka */ 
table.table-grey-5column {
    width:100%;
    background-color:#F7F7F7;
    border: none;
/*    border:1px solid #CED1D3;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px; */
}

table.table-grey-5column thead {
    background-color:#E9EAEB;
}

table.table-grey-5column thead tr th {
    text-align:left;
}
table.table-grey-5column thead tr th.price, table.table-grey-5column thead tr th.center {
    text-align:center;
}

table.table-grey-5column tr td {
/*    border-top:1px solid #CED1D3;
    border-right:1px solid #CED1D3; */
    border-right: none;
}

table.table-grey-5column tr td.first {
    border-right:none;
}
table.table-grey-5column tr td.last {
    border-right:none;
}
table.table-grey-5column tr td.price {
    background-color:#F7F794;
    text-align:center;
}
table.table-grey-5column td.invisible {
    border-left: none;
    border-right: none;
}
table.table-grey-5column td.summary {
    font-weight: bold;
    border-top: double #CED1D3;
}

/* tabulka */
table.table-green-2column {
    width:100%;
    background-color:#fff;
}
table.table-green-2column th {
    font-size:1.2em;
    background-color:#F0FBDA;
    padding:10px 5px 10px 30px;
    border-right:2px solid #fff;
    text-align:left;
}

table.table-green-2column th.last {
    border-right:none;    
}
table.table-green-2column th.column1 {
    width:33%;
}

table.table-green-2column td {
    padding:9px 5px;
}

table.table-green-2column tr.last td {
    border-bottom:none;    
}

/* tabulka */
table.table-green-3column {
    width:100%;    
}

table.table-green-3column th {
    background-color:#F0FBDA;
    font-size:1.2em;    
}
table.table-green-3column th.cell-blue {
    background-color:#AEDEE5;    
}

table.table-green-3column td {
    border-bottom:1px solid #BCBDBC;    
}
table.table-green-3column tr.last td {
    border-bottom:none;
}

table.table-green-3column td.cell-blue {
    background-color:#D1EDF7;
}
/*********************************************
 *   FORMS
 ********************************************/
div.form-stepper-grey {
    float:left;
    background:url(images/bg-form-stepper.png) no-repeat left top;
    margin-bottom:15px;
}
div.form-stepper-grey ul {
    margin:0;
    padding:0;
    list-style:none;
}
div.form-stepper-grey ul li {
    float:left;
}
div.form-stepper-grey ul li.first-active {
    background:url(images/bg-form-stepper-left-part-active.png) no-repeat left top;
	height:44px;
	width:4px;
	margin-right:0px;
}
li.first-active + li.active a span
{
	padding: 14px 35px 15px 6px;
}

div.form-stepper-grey ul li a {
    display:block;
    color:#999999;
    font-weight:bold;
    text-decoration:none;
}
div.form-stepper-grey ul li.active a {
    color:#555555;
    background:url(images/bg-form-stepper-item-active-repeat.png) repeat-x left top;
}

div.form-stepper-grey ul li a span {
    display:block;
    padding:14px 35px 15px 10px;
    position:relative;
    left:21px;
    background:url(images/bg-form-stepper-item-separator-24bit.png) no-repeat right top;
    _background:url(images/bg-form-stepper-item-separator-8bit.png) no-repeat right top;
}

div.form-stepper-grey ul li.first a span {
    padding-left:0px;
}

div.form-stepper-grey ul li.active a span {
    background:url(images/bg-form-stepper-item-active-separator-24bit.png) no-repeat right top;
    _background:url(images/bg-form-stepper-item-active-separator-8bit.png) no-repeat right top;
}

/*********************************************
 *   BLOKY
 ********************************************/
div.assistant-block {
    background-color:#FFFF99;
    border:1px solid #E5E5E3;
    padding:10px;
}

div.assistant-block-grey {
    background-color:#F9F9F9;
}

div.assistant-block-pink {
    background-color:#ffe3de;
    border-color:#f0b0ad;
}
div.assistant-block-green-rounded {
    background-color:#F0FBDA;
    border-color:#F0FBDA;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.assistant-block div.title {
    font-size:1.2em;
    font-weight:bold;
}

div.assistant-block-add-user {
    background:url(images/img-add-user.png) no-repeat 12px 10px #FFFF99;
    padding:10px 10px 10px 75px; 
    min-height:45px;
    _height:45px;
}

div.assistant-block-add-phone {
    background:url(images/img-add-phone.png) no-repeat 12px 10px #FFFF99;
    padding:10px 10px 10px 75px;
    min-height:45px;
    _height:45px;
}
div.assistant-block-info {
    background:url(images/img-info.png) no-repeat 12px 10px #FFFF99;
    padding:10px 10px 10px 75px;
    min-height:45px;
    _height:45px;
}
div.assistant-block-info2 {
    background:url(images/img-info2.png) no-repeat 12px 10px #FFFF99;
    padding:10px 10px 10px 75px;
    min-height:45px;
    _height:45px;
}
div.assistant-block-warning1 {
    background:url(images/img-warning2.png) no-repeat 12px 10px #FFFF99;
    padding:10px 10px 10px 75px;
    min-height:35px;
    _height:35px;
}


div.assistant-block-warning2 {
    background:url(images/report-error.png) no-repeat 12px 10px #ffe3de;
    border-color:#f0b0ad;
    padding:10px 10px 10px 75px;
    min-height:35px;
    _height:35px;
}

/* SITE BLOCKS */

/*nastavene len kvoli zobrazeniu vo frameworku*/
div.fcontent div.site-block {
    width:702px;
    clear:both;
}

div.site-block-grey {
    background:url(images/bg-grey-repeat.png) repeat-y left top;
}

div.site-block-yellow {
    background:url(images/bg-yellow-repeat.png) repeat-y left top;
}

div.site-block-green {
    background:url(images/bg-green-repeat.png) repeat-y left top;
}

div.site-block div.sb-separator {
    height:1px;
    line-height:0.1em;
    font-size:0.1em;
    background:url(images/separator-long.png) no-repeat left top;
}

div.site-block div.sb-separator-green {
    height:1px;
    line-height:0.1em;
    font-size:0.1em;
    background:url(images/separator-long-green.png) no-repeat left top;
}

div.site-block div.sb-content {
    padding:12px;
}

/* zakladny obrazok vlavo*/
div.site-block div.sb-content div.sb-img {
    width:56px;
    min-height:50px;
    _height:50px;
    float:left; 
    text-align:center;
}

/* sirsi obrazok */
div.site-block div.sb-content div.sb-img-longest {
    width: 120px;
}

div.site-block div.sb-content div.sb-img-user {
    background: url(images/img-avatar.png) no-repeat center top;    
}

div.site-block div.sb-content div.sb-img-group {
    background: url(images/img-group.png) no-repeat center top;
}

div.site-block div.sb-content div.sb-img-device-SW {
    background: url(images/img-device-1.png) no-repeat center top;
}

div.site-block div.sb-content div.sb-img-device-HW {
    background: url(images/img-device-2.png) no-repeat center top;
}

div.site-block div.sb-content div.sb-text {
    padding-left:75px;
}

div.site-block div.sb-content div.sb-text-1 {
    padding-right:250px;    
}

div.site-block div.sb-content div.sb-text-2 {
    padding:0 250px 0 75px;    
}

/* pouzitie v kombinacii s .sb-img-longest*/
div.site-block div.sb-content div.sb-text-3 {
    padding:0 250px 0 140px;    
}

div.site-block div.sb-content div.sb-header {
    font-size:1.1em;
    margin-bottom:2px;
}

div.site-block div.sb-header img.sb-icon-active {
    float:left;
    padding:0 3px 0 0;
}

div.site-block div.sb-buttons {
    float:right;
    text-align:center;
}

div.site-block div.sb-button-pricetext { 
    text-align:center; 
    color:#000; 
    font-size:1.1em; 
    font-weight:bold;
}
div.site-block div.sb-button-pricetext .sb-button-priceperiod { 
    font-size:0.9em; 
}
div.site-block div.sb-user-list {
    padding-left:20px;
}

div.site-block div.sb-user-list-block {
    padding:3px 0 5px 0;
    background:url(images/separator-long.png) no-repeat left bottom;
}
div.site-block div.sb-user-list-block-no-delimiter {
    background:none;
}

span.user-roles-block {
    font-size:0.9em;
    position:relative;
}

a.user-roles-action {
    padding-right:12px;
    background:url(images/icon-blue-arrow-bottom-white-bg.png) no-repeat right center;
}

span.user-roles-hidden {
    display:none;
    position:absolute;
    right:0;
    top:15px;
    border-left:1px solid #E7E7E7;
    border-right:1px solid #E7E7E7;
    border-bottom:1px solid #E7E7E7;
    background-color:#fff;
}

span.user-roles-hidden a {
    display:block;
    text-align:center;
    border-top:1px solid #E7E7E7;
    padding:2px 5px 2px 5px;
}

a.user-blocked {
    color:#757575;
}
a.user-blocked:hover {
    color:#757575;
}



/*********************************************
 *   TABS
 ********************************************/
.tab1-header, #order-list-items {
    background:url(images/dot-grey.png) repeat-x left bottom;
}

.tab1-header ul, #order-list-items ul {
    list-style:none;
    margin:0;
    padding:0;
}

.tab1-header ul li, #order-list-items ul li {
    float:left;
    border-left:1px solid #ACACAC;
    border-top:1px solid #ACACAC;
    border-right:1px solid #ACACAC;
    margin:0 3px 0 0;
}

.tab1-header ul li a, #order-list-items ul li a {
    display:block;
    height:33px;
    line-height:33px;
    padding:0 10px 0 10px;
    margin:1px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    background-color:#42C1EE;
}
.tab1-header ul li.last, #order-list-items ul li.last {
    border-right:1px solid #ACACAC;    
}

.tab1-header ul li.active, 
#order-list-items ul li.active  {
    border-bottom:1px solid #fff;
}
.tab1-header ul li.active a, #order-list-items ul li.active a {
    color:#000;
    background:url(images/bg-order-tabs-item-repeat.png) repeat-x left top;
}

.tab1-content, #order-list-content {
    padding:15px 10px 15px 10px;
}

.tab1-content table.orders {
    width:100%;
}
.tab1-content table.orders tr td strong {
    color:#000;
}
.tab1-content table.orders tr td.header {
    width:20%;
}
.tab1-content table.orders tr td.value {
    width:20%;
}
.tab1-content table.orders tr td.items {
    width:37%;
    vertical-align:top;
}
.tab1-content table.orders tr td.detail {
    padding-left:45px;
}

/*********************************************
 *   BUTTONS
 ********************************************/
.buttons { margin:10px 0 0 0;
    clear: both;
}
.buttons-form { margin:40px 0 0 0; }
.buttons-dialog { margin:10px 0 0 0; padding:10px 0 0 0; text-align:right; border-top:1px solid #D8D8D8; }
 
/* Zakladny button modry */
.button {
    border:none; 
    background:none;
    margin:0;
    padding:0 19px 0 0; 
    position:relative;
    display:inline-block;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
}

div.button, button.button span.button {
    background:url(images/bg-button-right.png) no-repeat right top;
}
.button span, .button a {
    display:block;    
}

div.button span, button.button span.a {
    background:url(images/bg-button-left.png) no-repeat left top; 
}

div.button span a, button.button span.a {
    padding:6px 0 6px 10px; 
    color:#fff; 
    font-weight:bold; 
    text-decoration:none;
}

/* Hnedy button */
div.button-grey, button.button-grey span.button { 
    background:url(images/bg-button-grey-right.png) no-repeat right top; 
}

.button-disabled
{
	cursor:default;
}

div.button-grey span, button.button-grey span.a {
    background:url(images/bg-button-grey-left.png) no-repeat left top; 
}

/* Cerveny button */
div.button-red, button.button-red span.button { 
    background:url(images/bg-button-red-right.png) no-repeat right top; 
}
div.button-red span, button.button-red span.a {
    background:url(images/bg-button-red-left.png) no-repeat left top; 
}


/* Rozbalovaci button */
div.button-arrow span  { padding-right:17px; }
div.button span img.button-arrow-action { position:absolute; top:1px; right:10px; cursor:pointer; }

.button-hidden-content {
    position:absolute;
    left:0;
    top:16px;
    display:none;
    background:url(images/bg-button-hidden-small-left.png) no-repeat left top;
	z-index:10;
}
.button-hidden-content-case-1 {
    padding-top:8px;
    background:url(images/bg-button-hidden-small-right.png) no-repeat right top;
}
.button-hidden-content-case-2 {
    background:url(images/bg-button-hidden-small-rightbottom.png) no-repeat right bottom;
    padding-right:9px;
}
.button-hidden-content-case-3 {
    background:url(images/bg-button-hidden-leftbottom.png) no-repeat left bottom;
    padding:3px 0 6px 9px;
	/*position:absolute;*/
	z-index:100;
}

.button-hidden-content a {
    color:#fff; 
    font-weight:bold;
    display:block;
    padding:2px 0 2px 0;
    text-decoration:none;
}


.button-arrow a:hover{
/*    text-shadow: 2px 2px 2px #333 ;*/
    text-decoration: underline;
}

.button-space-5 { margin-right:5px; }


/* Mensi button zeleny */
.button2 {
    border:none; 
    background:none;
    margin:0;
    position:relative;
    display:inline-block;
    cursor:pointer;
    font-family:Arial,Sans-Serif;
}

div.button2, button.button2 span.button2 {
    background:url(images/bg-button-green-left.png) no-repeat left top;
}
.button2 span, .button2 a {
    display:block;    
}

div.button2 span, button.button2 span.a {
    background:url(images/bg-button-green-right.png) no-repeat right top; 
}

div.button2 span a, button.button2 span.a {
    padding:0.5px 5px; 
    color:#fff; 
    font-weight:bold; 
    text-decoration:none;
}

/* Mensi button cerveny */
div.button2-red, button.button2-red span.button2 { 
    background:url(images/bg-button-red-2-left.png) no-repeat left top; 
}
div.button2-red span, button.button2-red span.a {
    background:url(images/bg-button-red-2-right.png) no-repeat right top; 
}

/*********************************************
 *   TITLES
 ********************************************/
.h1 { display:block; font-size: 1.35em; font-weight:bold; padding: 15px 0 15px 0; margin:0; }
.h2 { display:block; font-size: 1.35em; font-weight:bold; padding: 10px 0 10px 0; margin:0; position:relative; }
.h3 { display:block; font-size: 1.2em; font-weight:bold; padding: 10px 0 10px 0; margin:0; clear:both }

.h-green { color: #5D971A; }
.h-black { color: #000000; }
.h-blue  { color: #2CA1E4; }


.h2 .h-img {
    position:absolute;
    left:0;
    top:15px;
    width:56px;
    height:50px;
}

.h2-user { padding:30px 0 30px 70px; }
.h2-user .blocked
{
	color:	#626262;
}

.h2-user div.h-img {
    background:url(images/img-avatar.png) no-repeat center center;
        
}
.h2-user div.h-img.blocked{
    background:url(images/img-avatar-grey.png) no-repeat center center;
        
}


.h2-device-SW { padding:30px 0 30px 70px; }
.h2-device-SW div.h-img {
    background:url(images/img-device-1.png) no-repeat center center;    
}
.h2-device-HW { padding:30px 0 30px 70px; }
.h2-device-HW div.h-img {
    background:url(images/img-device-2.png) no-repeat center center;
}

.h2-service { padding:30px 0 30px 70px }
.h2-service div.h-img {
    background:url(images/img-service.png) no-repeat center center;
}

.h-green a, .h-green a:hover { color: #5D971A; }
.h-black a, .h-black a:hover { color: #000000; }
.h-blue  a, .h-blue  a:hover { color: #2CA1E4; }

/*********************************************
 *   REPORTS
 ********************************************/
.report { min-height:29px; _height:29px; text-align:left; margin:0 auto 5px auto; color:#000000; font-size:1.2em; padding:20px 10px 10px 70px; position:relative; background:none; z-index:1; }
.report ul { padding:0px 0px 0px 35px; margin:0px; font-weight:bold; }
.report span.ico { display:block; width:59px; height:49px; margin:5px 15px 1px 10px; background:url(images/reports.gif) no-repeat top left; position:absolute; top:0px; left:0px; z-index:2; }
.report span.ico-OK {  background:url(images/ok.png) no-repeat top left; }
.report span.ico-ERROR {  background:url(images/error.gif) no-repeat top left;}
.report span.ico-INFO {  background:url(images/info.gif) no-repeat top left; }
.report span.ico-ALERT {  background:url(images/alert.gif) no-repeat top left;}
.report span.ico-HELP {  background:url(images/help.gif) no-repeat top left; }
.report-INFO  { color:#000; font-weight:bold; }
.report-ERROR{ color:#F00; font-weight:bold; }

ul.errors {
	color:#F00; 
	font-weight:bold; 
	margin:0;
	padding:5px 0 0 160px;
	list-style: none;
	clear:both;
}
.report-OK    { color:#000; font-weight:bold; background-color:#f5ffe9;border:1px solid #6ba12e }
.report-ALERT { color:#000; font-weight:bold; background-color:#efefef;border:1px solid #c2c2c2}
.report-HELP  { color:#000; font-weight:bold; background-color:#eff5fd;border:1px solid #79a2f6}
.report-ERROR  { color:#000; font-weight:bold; background-color:#ffede9;border:1px solid #a1472e}
.report-INFO  { color:#000; font-weight:bold; background-color:#fffed2;border:1px solid #ffea00; }

.report a.cancel
{
	display:block;
	height:10px;
	width: 10px;
	position:absolute;
	top:5px;
	right:5px;
}

.report-OK  a.cancel
{
	background:url(images/cancel_green.gif) no-repeat top left;
}
.report-ALERT  a.cancel
{
	background:url(images/cancel_grey.gif) no-repeat top left;
}
.report-HELP  a.cancel
{
	background:url(images/cancel_blue.gif) no-repeat top left;
}
.report-INFO  a.cancel
{
	background:url(images/cancel_yelloe.gif) no-repeat top left;
}
.report-ERROR  a.cancel
{
	background:url(images/cancel_red.gif) no-repeat top left;
}

fieldset
{
	border:none;
	padding:0;
	margin:0;
}

legend
{
	 display:block; font-size: 1.2em; font-weight:bold; padding: 10px 0 10px 0; margin:0; color: #5D971A; 
}

dl
{
	clear:both;
}

dt
{
}
dd
{
	display:block;
	margin-left:100px;
	clear:both;
	
}