body{border: 0px; margin: 10px;}

table{
    font-size: 14px;
}

h2 {font-size: 1em; width: 650px;}

.cleaner {clear: both; line-height: 0px; margin: 0px; padding: 0px; font-size: 0px;}
.aRight {text-align: right;}
.aCenter {text-align: center;}
.hand {cursor: pointer;}

.w50 {width: 50px;}
.w80 {width: 80px;}
.w150 {width: 100px;}
.w250 {width: 241px;}
.w200 {width: 194px;}
.w500 {width: 500px;}

.voipex{background-image: url("../images/voipex.png"); background-repeat: no-repeat; background-position: center top;}
.voipexa{background-image: url("../images/voipex_admin.png"); background-repeat: no-repeat; background-position: center top;}
.logo_voipex {height: 84px; margin-top: 40px; background-image: url("../images/voipex.png"); background-repeat: no-repeat; background-position: center center;}
.nadpis-logn {font-weight: bold;text-align: center; padding: 0px;}

/*  ### LOGIN BEGIN ### */
/* hlavni box loginu*/
#login_frame{width: 320px; height: 140px; border: 2px solid brown; padding: 10px; font-weight: bold;
             background-image: url("../images/login_corner.png"); background-repeat: no-repeat; background-position: right top;}
#login_framea{width: 320px; border: 2px solid brown; padding: 10px; font-weight: bold;
              background-image: url("../images/login_corner_default.png"); background-repeat: no-repeat; background-position: right top;}

/* vstupni pole loginu */
.pole_one   {float: left; width: 80px; padding: 3px; padding-right:10px; margin: 0px; text-align: right;}
.pole_two   {float: left; width: 110px; padding: 3px; margin: 0px; text-align: left;}
.pole_button{float: left; padding: 4px 0px; width: 80px; }
.nofloat    {clear: both; padding: 0px; margin: 0px; height: 1px;}
.nofloat2   {clear: both; padding: 0px; margin: 0px; height: 3px;}
#login_frame input  {width: 100px; border-width: 1px; border-style: solid;}

.pole_two select {border-width: 1px;}

/*  ### LOGIN END ### */

/* ### ERROR BEGIN ### */
.error_ram  {text-align: center;}
div.error      {font-size: 90%; font-weight: bold; text-align: center;padding: 20px; border-width: 2px; border-style: solid; width: 500px;margin: 10px auto;}
label.error, label.limit_error {margin-left: 1em; color: red; }
.error_note {font-weight: bold; text-align: center;  padding: 3px 20px; margin: 0px; width: 500px; border-width: 2px; border-style: solid;}
.warning    {font-weight: bold;text-align: center; padding: 10px 0px;}
/* ### ERROR END ### */

/* ### balance style  BEGIN ### */
.onoff{border: 0px; position: relative; top: -10px;}
#on-off{width: 50px; float: left;}
#line_menu {padding: 2px; margin: 0px; border-width: 0px; border-style: solid; text-align: left; font-size: 10px; width: 100%;}
#line_menu li {list-style: none; margin: 0px 6px 0px 0px; display: inline; padding: 3px;  text-align: left;}
#line_menu li a { padding: 0px 23px; }
#line_button, #line_button_on {border-width: 1px; border-style: solid; border-bottom: none; font-weight: bold; font-size: 11px;}
#line_button{padding: 0px 0.5em; margin-left: 3px; }
#line_button_on {padding: 0px 0.5em; margin-left: 3px;}
#line_button a { text-decoration: none; width: 200px;}
#line_button_on a{text-decoration: none; width: 200px;}

.libut {width: 150px; }
.main_content, .line_menu{
    width: 80%;
}

/* hlavni ramecek kolem textu */
#hlavniRamTextu{ border-width: 1px;
                 border-top-width: 5px;
                 border-bottom-width: 5px;
                 border-style: solid;
                 text-align: left;
                 padding: 10px;
                 background-image: url("../images/login_corner.png");
                 background-repeat: no-repeat;
                 background-position: right top;}

#hlavniRamTextua{ border-width: 1px;
                  border-top-width: 5px;
                  border-bottom-width: 5px;
                  border-style: solid;
                  text-align: left;
                  padding: 10px;
                  background-image: url("../images/login_corner_default.png");
                  background-repeat: no-repeat;
                  background-position: right top;}

.nazev_promenne, .nazev_promenne_stred, .nazev_promenne_long { float: left; width: 150px; text-align: right; padding-right: 10px; height: 22px;}
.nazev_promenne_stred{width: 150px;}
.nazev_promenne_long {width: 260px;}
.message {width: 100%; }
.nazev_promenne_long2 {width: 400px; text-align: right; float: left; height: 19px; vertical-align: middle; padding-top: 3px; padding-right: 4px;}
.hodnota2             {width: 480px;  height: 22px;  text-align: left; float: left;}
.hodnota3             {width: 330px;  height: 22px;  text-align: left; float: left;}
.hodnota             {width: 480px;  text-align: left; float: left; }
.hodnota  img        {vertical-align: middle;}
.hodnota input, .hodnota textarea  {border-width: 1px; border-style: solid; padding: 2px; font-size: 10pt;}
.hodnota select      {border-width: 1px; border-style: solid;}
.hodnota textarea    {width: 300px;}
#login_frame .button, .button, .buttons input, .buttonStredni, #search-button,table tr td input#search-button {font-weight: bold; cursor: pointer; border-width: 1px; border-style:solid; padding: 1px;}
#search-button, #search-adresa, #search-text, input.text {border-width: 1px; border-style: solid;}
#search-button, input.text, .search-form, #search-text, #search-adresa   {padding: 2px; margin: 0px; font-size: 9pt;}
#login_frame .button{height: 20px;}

.karta_udaj          {padding-top: 20px; font-size: 1.2em; margin-bottom: 20px;}
.karta-value         {font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; }
.karta-value , #karta b,#kartaCenter b, #kredit b, #expirace b {font-size: 1.3em;}
#karta               {float: left; text-align: left; width: 50%;}
#kartaCenter		 {width: 750px; text-align: center; margin-top: 40px;}
#kredit              {float: right; width: 300px; text-align: right;}
#expirace            {position: relative; width: 300px;  top:-20px; float: right;  text-align: right;}
label.radiob 		 {cursor: pointer;}
.g711	input		 {vertical-align: top;}
#radio0, #radio1, #radio2 {border-width: 0px;}

/* ### INFO BOX ### */
#verzeSystemu {width: 150px; margin-top: 10px;float: right;}

/* ### balance style END ###* /
/* [FAX] (start) */
/* [FAX] (end) */


/* [INFO] (start) */
.prosty_text_tucny      {font-family: "Verdana", "Arial", sans-serif; font-weight: bold;}
.prosty_text		    {font-family: "Verdana", "Arial", sans-serif; }
.prosty_text_pozn	    {font-family: "Verdana", "Arial", sans-serif; font-size: 0.7em; font-style: italic;}

/* [INFO] (end) */


/* [PHONEBOOK] (start) */
/* hlavni menu*/
ul.menu-kontakty {margin: 0px; padding: 0px; margin-bottom: 10px;}
ul.menu-kontakty li{display: inline; margin-left: 3px; border-width: 1px; padding: 2px; border-bottom: 3px; border-style: solid;}
ul.menu-kontakty li a {text-decoration: none;}

/* Vyhledavani */
#search-text {width: 200px;}
#search-adresa {width: 170px;}

/* telefonni seznam */
.telefonni-seznam-table {margin: 0px; width: 90%; border-bottom-width: 2px; border-bottom-style:  solid;}
table.telefonni-seznam-table th {border-bottom-width: 1px; border-bottom-style:  solid; font-size: 8pt;}

table.telefonni-seznam-table td.akce {font-size: 0.6em; font-weight: bold;}
table.telefonni-seznam-table td img {border-width: 0px;}

.formSeznam {width: 22px; float: left;}

/* telefonni seznam - editace, prohlizeni kontaktu */
table.view-table {width: 650px; font-size: 0.9em;}
table.view-table th { text-align: right; padding-right: 4px;}
table.view-table input, table.view-table select {font-size: 0.9em; vertical-align: baseline; border-width: 1px; border-style: solid; }
table.form-table textarea {width: 500px; height: 160px;}
table.view-table input.tlacitko {border-width: 0px;}

h2 span {float: right; font-size: 0.7em;}
h2 span a {padding: 2px; }

/* STRANKOVANI */
.page-colector {font-size: 11px; width: 90%;  text-align: right; margin-top: 5px;}

/* IMPORT EXPORT*/
h3 {font-size: 0.9em; margin: 0px; padding: 0px;}
p  {padding: 0px; margin-top: 3px;}

/* AJAX*/
div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    font-size: 0.8em;
    border-top-width: 0px;
    border-bottom-width: 1px;
}

div.suggestions div {
    cursor: default;
    width: 250px;
    padding: 2px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
}

/* [PHONEBOOK] (end) */


/* [SMS] (start) */
textarea.finput {
    border-style:solid;
    height:100px;
    width:500px;
}
/* [SMS] (end) */

.err_msg{
    color: red;
    clear: both;
    display: none;
}

.divLine{
    margin-bottom: 2px;
}

.lang img{
    float: right;
    vertical-align: middle;
    border: 0 none;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
}

#colorSelector {
    position: relative;
    width: 36px;
    height: 36px;
    background: url(../images/colorpicker/select.png);
}
#colorSelector div {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    background: url(../images/colorpicker/select.png) center;
}

.boxColor {width: 70px; margin: 1px; margin-right: 10px; height:18px; float: left; cursor: crosshair; border: 1px solid #b3b3b3; }
.boxColor2 {width: 18px; margin: 1px; margin-right: 10px; height:18px; cursor: help; border: 1px solid #b3b3b3; position: relative; left: 170px; top: -21px;}


/* SORT */
.tablesorter thead td, .tablesorter thead th{background:#667676; color:white; padding:8px 13px;}
.tablesorter tbody th, .tablesorter tbody td{ padding:1px 2px; font-weight:normal; border:1px solid #dddddd;}
.tablesorter .diag td{ padding:7px 1px; font-weight:normal; border:1px solid #dddddd; text-align:center;}
.tablesorter .header{padding-right:20px; background-position: 100% 50%; background-repeat: no-repeat;}

/* Tabulky */
.tablesorter tbody tr:nth-child(even) {background: #f7f8f8;}
table.tablesorter {font-size: 11px; font-family:Arial, sans-serif; margin-left: auto; margin-right: auto;}

.hidden { display: none; }

.pb_ico_detail {float: right; margin: 1px; height: 20px; border: 0px none;}
/*.uirSelect input, .hodnota textarea  {border-width: 1px; border-style: solid; padding: 2px; font-size: 10pt;}*/
.uirSelect select      {border-width: 1px; border-style: solid;}
.field{width: 90%;}
.field legend {font-weight: normal;}

/* MESSAGE */
.message{position:relative; margin:5px 0; width:100%;}
.message p{margin:0; padding:11px 20px 10px 38px; color:white; font-weight:bold; font-size:108%;}
.message a {color: inherit;}
.message a:hover {color: inherit;}
.error-message{background:#ff0000 url('../images/error-red.png') 15px 50% no-repeat;}
.error-message .cor{background-image:url('../images/cor-red.png'); height:5px; width:5px;}
.ok-message{background:#afbf27 url('../images/ok-green.png') 15px 50% no-repeat;}
.ok-message .cor{background-image:url('../images/cor-green.png'); height:5px; width:5px;}
.info-message{background:#667676 url('../images/info.png') 20px 55% no-repeat;}
.info-message .cor{background-image:url('../images/cor.png'); height:5px; width:5px;}

fieldset {
width: 90%;
padding: 3px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
min-width: 70%;
}

fieldset legend {
font-weight: normal;
}
fieldset table{
    font-weight: normal;
    float: left;

}

fieldset th{
   width: 25%;
   font-size: 0.8em;
}

.buttons, .button{
    text-align: center;
    margin-left: 3px;
    margin-top: 5px;
}

.uirSelect table {
    margin-left: auto;
margin-right: auto;
}

.formwhite, .ui-tabs {
   margin-left: auto;
margin-right: auto;
}

.error {
    color: red;
}

div.flash {
    color: black;
    padding: 1em;
    margin: 1em 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.class_112 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.ta_prov {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 400px;
}

#logstab table td {
    text-align: center;
}

dl.mobile {
	margin: 0;
}

fieldset.mobile label,
dl.mobile dt {
	float: left;
	width: 20em;
	clear: left;
	text-align: right;
	font-weight: bold;
}

fieldset.mobile div.input,
dl.mobile dd {
	display: block;
	margin-left: 22em;
}

.help {
	cursor: help;
}

img.help {
	vertical-align: middle;
}

#payform {
	display: flex;
	min-width: 840px;
}

#payform h3 {
	font-size: x-large;
}

#payform > div {
	flex: 1 0;
}

#payutemplate {
	width: 420px;
	margin: 0 auto
}

#amountbutton {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-width: 420px;
}

#amountbutton label {
	display: block;
	font-size: large;
	line-height: 3em;
}

#amountbutton > div > span {
	display: inline-block;
	text-align: right;
}

#amountbutton button {
	width: 50%;
	display: block;
	margin: 0 auto;
	font-size: x-large;
	margin-top: 2em;
}

#amountbutton button img {
	width: 100%;
}