#content a.js {
  text-decoration: none;
  border-bottom: dotted 1px #333;
}
#content a.js:hover {
  border-bottom: solid 1px #333;
}

#content input, 
#content select, 
#content button,
#content label {
	font-family: Arial, Trebuchet MS, Tahoma, sans-serif;
	/*font-size: 1em;*/
	vertical-align: middle;
	}

#content input.text {
  padding: .1em .2em;
  padding: .1em .2em;
  border: solid 1px #666;
}

#content  button.disabled {
  color: #848484;
}

#content  button.medium {
  font-size: 11px;
}
#content  button.medium.disabled {
  color: #848484;
}

#content  button.small {
  width: 37px;
}

#content  button.date {
  width: 18px;
  height: 18px;
  background: url('../i/button-bg-small.png') no-repeat;
  font-size: 1em;
  padding: 0;
}
#content  button  img, 
#content  button  span {
  font-weight: normal;
  vertical-align: middle;
  padding-bottom: 3px;
}


.message {
	color: #000;
	font-style: normal;
	/*border: solid 1px #ccc;*/
	/*padding:15px;*/
	/*margin:10px 0 10px 0;*/
	font-size:11px;
	font-family:Tahoma, Arial, sans-serif;
	position:relative;
	}

.message p{
	margin:0;
}
.message  b {
  display: block;
  font-size: 1.2em;
  margin-bottom: .3em;
}

.message.error {
	border:#FF0000 1px solid;
	background-color: #ffe0de;
	padding:10px 10px 10px 10px;
	}

.message.error b {
  color: #d00000;
}

.message.warning {
  border-color: #f2d805;
  background-color: #fbffc2;
}
.message.warning  b {
  color: #ff9600;
}

.message.success {
  border-color: #01bd4c;
  background-color: #e5ffe4;
}
.message.success  b {
  color: #0ec255;
}


#content table th,
#content table td {
	font-size: 12px;
}

#content  table.card-cvv2-amount {
  margin-bottom: 1em;
}
#content table.card-cvv2-amount td {
  font-size: .8em !important;
  border: none !important;
}
#content  table.card-cvv2-amount  td  select {
  width: 90%;
}

#content  form {
  margin: 0;
}


/* bills/overview/ */

#content  table.common {
  width: 100%;
}

#content  table.common  th, 
#content  table.common  td {
  font-family: Tahoma, Verdana, sans-serif;
  /* fixed font-size! font-size: .7em;*/
  font-size: 11px;
}

#content  table.common  th,
#content  table.common  td {
  padding: .65em .4em;
  border-bottom: 1px solid #E0EAEF;
}

#content  table.common  th {
	text-align: left;
	font-weight: bold;
	background-color:#0757a1;
	color:#fff;
	vertical-align: middle;
	white-space: nowrap;
	}

#content  table.common  th a {
  color:#fff;
}

#content  table.common  td {
  vertical-align: top;
}
#content  table.common  td a{
  color:#000;
}
#content  table.common  th.left,
#content  table.common  td.left {
  padding-top: .5em;
  padding-bottom: .5em;
}
#content  table.common  th.right,
#content  table.common  td.right {
  text-align: right;
}
#content  table.common  th.money,
#content  table.common  td.money {
  text-align: right;
  padding-right: .7em;
}

#content  table.common  td  .comments {
  color: #999;
  font-style: italic;
}
#content  table.common  td  .description {
  color: #999;
  font-size: .9em;
}

#content  table.common  td  .debt {
  font-size: .8em;
  margin-top: .4em;
  color: #666;
}
#content  table.common  td  .debt  span {
  color: #999;
}

#content  table.common  tr.payed  td {
	background-color: #e4ffe4;
	color: #666;
	}

#content  table.common  tr.payed  td a {
  color: #666;
  font-weight: normal;
}
#content  table.common  tr.payed  td  .pay_date {
  color: #999;
  font-size: .8em;
}

#content  table.common  tr.canceled  td {
  background-color: #eee;
  color: #666;
}
#content  table.common  tr.canceled  td a {
  color: #666;
  font-weight: normal;
}

#content  table.common  tr.return  td {
  background-color: #ffc;
  color: #666;
}
#content  table.common  tr.return  td a {
  color: #666;
  font-weight: normal;
}

#content  table.common  tr.batch  th {
  border: none;
  padding: .6em .5em .6em .5em;
}
#content  table.common  tr.batch  th  input, 
#content  table.common  tr.batch  th  a, 
#content  table.common  tr.batch  th  label {
  font-family: Tahoma, sans-serif;
  vertical-align: middle;
}

#content table.common td a {
	/*font-weight: bold;*/
	}


/** balances/ ****************************************************************/

#content  table.balances {
  border-top: solid 1px #e0eaef;
}
#content  table.balances  td {
  background: none;
  border-bottom: solid 1px #e0eaef;
}

#content  table.balances  td  .remark {
  font-size: .9em;
  color: #999;
}
#content  table.bills  td  .remark {
  font-size: .8em;
  color: #666;
}
#content  table.bills  tr.payed  td  .remark {
  color: #888;
}

#content-balance  .container {
  overflow: hidden;
  width: 100%;
  margin-bottom: 1em;
}

#content-balance  .logo {
  float: left;
  width: 48%;
  text-align: center;
}
#content-balance  .logo  p {
  color: #666;
  font-family: Arial, Trebuchet MS, Tahoma, Verdana, sans-serif;
  font-size: .85em;
  text-align: left;
}

#content-balance  .requisites {
  float: right;
  width: 48%;
}

#content-balance  .hint {
  color: #666;
  font-family: Tahoma, sans-serif;
  font-size: .85em;
  margin: 1.5em 0 1.5em 1em;
  padding: 0 1em;
  border-left: solid 2px #ccc;
}

#content-balance  table.attributes {
  border-top: 1px solid #cedef4;
}

#content-balance table.attributes th {
	width: 50%;
	font-weight: bold;
	background-color: #f4f4f4;
	color: #000000;
	}

#content-balance  table.attributes  td {
	width: 50%;
	background-color: #f4f4f4;
	padding-left: 0;
	}

#content-balance  .bill {
  margin: 1.5em .4em;
  overflow: hidden;
  width: 100%;
}

#content-balance  .bill  p {
  margin-bottom: 1.5em;
}

#content-balance .bill table th {
	font-size:12px;
	text-align:left;
	padding:0 1em .3em 0;
	}

#content-balance .bill table td {
	font-size:12px;
	text-align:right;
	padding:0 0 .3em 0;
	}


/** archive/ *****************************************************************/

#content-archive  .filter  td {
  border: none !important;
  vertical-align: middle !important;
}

#content-archive  .filter  label {
  font-family: Tahoma, sans-serif !important;
  font-size: 1em;
}

#content-archive  .filter  input {
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
}

#content-archive  .filter  table.subscriptions {
  width: 99%; 

}
#content-archive  .filter  table.subscriptions  td {
  vertical-align: top !important;
  padding: 0 !important;
}

#content-archive  .filter  input[type=radio] {
  margin: .3em .6em .2em .3em;
}

#content-archive  .filter  a.check {
  color: #666;
  font-weight: normal;
  text-decoration: none;
  border-bottom: dotted 1px #666;
}
#content-archive  .filter  a.check:hover {
  border-bottom: solid 1px #666;
}

/* delivery/periodic/ && delivery/onetime/ */

#content-delivery  input, 
#content-delivery  select, 
#content-delivery  button,
#content-delivery  label {
	font-family: Arial, Trebuchet MS, sans-serif;
	/*font-size: 1em;*/
	vertical-align: middle;
	}

#content-delivery  input.text {
	padding: .1em .2em;
	border: solid 1px #999;
	width: 100%;
	//width: 97%;
	-width: 100%;
	}

#content-delivery  input.disabled, 
#content-delivery  select.disabled {
  color: #999;
  background-color: #e8e8e8;
}
#content-delivery  label.disabled {
  color: #999;
}

#content-delivery  table.subscriptions  th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding-top: .3em;
}

#content-delivery  table.subscriptions  th  label {
	/*font-size: .8em;*/
	}

#content-delivery  table.subscriptions  th  .comments {
	color: #999;
	/*font-size: .8em;*/
	}

#content-delivery  #oldSubsExplanation  #oldSubsExplanationSecond {
  display: none;
}
#content-delivery  #oldSubsTable {
  display: none;
}
#content-delivery  #oldSubsExplanation.withOld  #oldSubsExplanationFirst {
  display: none;
}
#content-delivery  #oldSubsExplanation.withOld  #oldSubsExplanationSecond {
  display: block;
}
#content-delivery  #oldSubsTable.withOld {
  display: block;
}


/** profile/subscriptions/ ***************************************************/

#content-subscriptions  table {
	border-top: 0px solid #ccc;
}
#content-subscriptions  table  td {
  background: none;
}

#content-subscriptions  table  td  .error, 
#content-subscriptions  table  td  .error  a,
#content-subscriptions  table  td  .error  b {
  color: #f44;
  background: none;
    font-family:Arial, Tahoma, sans-serif;
}


#content-subscriptions-add  .comments {
  color: #999;
  font-size: .9em;
}

#content-subscriptions-add  span {
  vertical-align: middle;
}
#content-subscriptions-add  select {
  font-family: Arial, Trebuchet MS, sans-serif;
  vertical-align: middle;
}


#content-subscription  table.attributes {
  border-top: 1px solid #ccc;
}
#content-subscription  table.attributes  th {
  width: 50%;
  font-weight: bold;
  vertical-align: middle;
  white-space: normal;
}
#content-subscription  table.attributes  td {
  width: 50%;
  background-color: #eee;
  padding-left: 0;
}

#content-subscription  table.attributes  td  input.text,
#content-subscription  table.attributes  td  textarea {
  width: 90%;
  border: solid 1px #999;
}

#content-subscription  p {
  color: #666;
  /*font-style: italic;*/
}

#content-subscription  button {
  font-family: Arial, Trebuchet MS, sans-serif;
}


/* profile/cards/ */

#content-cards  input, 
#content-cards  select, 
#content-cards  button,
#content-cards  label {
  /*font-family: Arial, Trebuchet MS, sans-serif;
  font-size: 1em;*/
  vertical-align: middle;
}

#content-cards  input.text {
  padding: .1em .2em;
  border: solid 1px #999;
  width: 100%;
}

#content-cards  button {
}

#content-cards input.new_card {
	width: 100%;
	//width: 265px;
	-width: 100%;
	}

/** profile/messages/ ********************************************************/

#content  table.messages {
  border-top: solid 1px #e0eaef;
}
#content  table.messages  tr  td  a {
  color: #333;
}
#content  table.messages  tr  td  .description {
  color: #666;
  font-size: 1em;
}

#content  table.messages  tr.read  td {
  background-color: #e4ffe4;
  color: #666;
}

#content  table.messages  tr.read  td  a {
  font-weight: normal;
}

#content  table.messages  tr.read  td  .description {
  color: #777;
  font-size: .8em;
}

#content  .messageBody {
  margin-top: 1.5em;
}


/* profile/balance/ */

/*#content-p-balance  .filter {
  width: inherit !important;
}*/

#content-p-balance  .filter  td {
  border: none !important;
  vertical-align: middle !important;
}

#content-p-balance  .filter  input {
  padding-top: 0;
  padding-bottom: 0;
}

/* profile/personal/ */

#content-personal input ,
#content-personal select ,
#content-personal button ,
#content-personal label {
	font-family:Arial, Trebuchet MS, sans-serif;
	font-size:12px;
	vertical-align:middle;
	}

#content-personal input.text , 
#content-personal textarea {
	font-family: Arial, sans-serif;
	font-size: 1em;
	border: solid 1px #999;

	padding-top:0px;
	//padding-top:0px;
	-padding-top:0px;

	padding-right:0px;
	//padding-right:0px;
	-padding-right:0px;

	padding-bottom:0px;
	//padding-bottom:0px;
	-padding-bottom:0px;
	
	padding-left:0px;
	//padding-left:0px;
	-padding-left:0px;

	margin-bottom:5px;
	//margin-bottom:0px;
	-margin-bottom:0px;

	border:solid 1px #999;

	width:100%;
	//width:99%;
	-width:100%;
	}

#content-personal input.phone_number {
	width:100%;
	//width:98%;
	-width:100%;
	}

#content-personal input.input_password {
	width: 100%;
	//width: 150px;
	-width: 100%;
	}

#content-personal  select {
  width: 100%;
}

#content-personal .hint {
  color: #666;
  font-family: Tahoma, sans-serif;
  font-size: .85em;
  margin: 1.5em 0 1.5em 1em;
  padding: 0 1em;
  border-left: solid 2px #ccc;
}

/* signup */
#content-signup{display:block; //width:100%;}

#content-signup input, 
#content-signup select, 
#content-signup button,
#content-signup label {
	font-family:Arial, Trebuchet MS, sans-serif;
	font-size:10pt;
	vertical-align:middle;
	//margin-bottom:1px;
	}

#content-signup #loginHint {
	font-size:8.5pt;
	color:#888;
	}

#content-signup #passwordHint {
	color:#888;
	vertical-align:top;
	font-size:8.5pt;
	}

#content-signup input.text {
	padding-top:0px;
	//padding-top:0px;
	-padding-top:0px;

	padding-right:0px;
	//padding-right:0px;
	-padding-right:0px;

	padding-bottom:0px;
	//padding-bottom:0px;
	-padding-bottom:0px;
	
	padding-left:0px;
	//padding-left:0px;
	-padding-left:0px;

	margin-bottom:5px;
	//margin-bottom:0px;
	-margin-bottom:0px;

	border:solid 1px #999;

	width:100%;
	//width:99%;
	-width:100%;
	}

/** signup/2 *****************************************************************/
#content-subscriptions{display:block; width:100%;}
#content-subscriptions  table {
  border-top: 1px solid #ccc;
}
#content-subscriptions  table  td {
  background-color: #f4f4f4;

}

#content-subscriptions  table  td  .error, 
#content-subscriptions  table  td  .error  a {
  color: #f44;
}
#content-subscriptions-add{display:block; width:100%;}
#content-subscriptions-add  .comments {
  color: #999;
  font-size: .9em;
}

#content-subscriptions-add table td{
	font-size:12px;
}
#content-subscriptions-add table td a{
	font-weight:bold;
	color:#444;
}

#content-subscriptions-add  span {
  vertical-align: middle;
}
#content-subscriptions-add  select {
  font-family: Arial, Trebuchet MS, sans-serif;
  vertical-align: middle;
}

#content-subscription-add{display:block; width:100%;}
#content-subscription-add  table.attributes {
  width:100%;
  table-layout:fixed;
  border-top: 1px solid #ccc;
}
#content-subscription-add  table.attributes  th {
  width: 50%;
  font-weight: bold;
  vertical-align: middle;
  white-space: normal;
}
#content-subscription-add  table.attributes  td {
  width: 50%;
  background-color: #eee;
  padding-left: 0;
}

#content-subscription-add  table.attributes  td  input.text,
#content-subscription-add  table.attributes  td  textarea {
  width: 90%;
  border: solid 1px #999;
}

#content-subscription-add  p {
  color: #666;
  /*font-style: italic;*/
}

#content-subscription  button {
  font-family: Arial, Trebuchet MS, sans-serif;
}

#contacts  td {
  color: #fff;
  padding: 1em 0 1.5em 0;
}

.text.error {
  border-color: #f77 !important;
  background-color: #fdd;
  background-image: none;
}

.text.ok {
  border-color: #6d6 !important;
  background-color: #cfc;
  background-image: none;
}

/* old */

fieldset legend {
	color: #999;
	background: #fff;
	font-size: 14px;
}

#content-archive fieldset {
  border:none;
  padding:0;
  margin: 0;
  position:relative;
}

#content-archive fieldset legend {
  position:absolute;
  color: #999;
  margin:-24px 0 4px 0;
  padding:0;
  background:#fff;
  z-index:200;
  //margin-left:-9px
  font-size:11px;
}

#content-delivery  fieldset {
  border:none;
  padding:0;
  margin: 0;
  position:relative;
}
#content-delivery  fieldset  legend {
  position:absolute;
  color: #999;
  margin:-24px 0 4px 0;
  padding:0;
  background:#fff;
  z-index:200;
  //margin-left:-9px
  font-size:11px;
}
#content-delivery  fieldset  legend  label {
  color: #000;
}

#content-delivery  fieldset  table {
  width: 100%;
}

#content-delivery  fieldset  table  td {
	vertical-align: middle;
	padding: .2em;
}

#content-delivery  fieldset.what-checks  table  td {
  vertical-align: top;
  padding: .2em;
}

#content-cards  fieldset {
  border:none;
  padding:0;
  margin: 0;
  position:relative;
}

#content-cards fieldset  legend {
  position:absolute;
  color: #999;
  margin:-24px 0 4px 0;
  padding:0;
  background:#fff;
  z-index:200;
  //margin-left:-9px
  font-size:11px;
}

#content-cards  fieldset  table  td {
  vertical-align: middle;
  padding: .2em;
}


#content-p-balance  fieldset {
  border:none;
  padding:0;
  margin: 0;
  position:relative;
}

#content-p-balance  fieldset  legend {
  position:absolute;
  color: #999;
  margin:-24px 0 4px 0;
  padding:0;
  background:#fff;
  z-index:200;
  //margin-left:-9px
  font-size:11px;
}


#content-personal  fieldset {
  border:none;
  padding:0;
  margin: 0;
  position:relative;
}

#content-personal  fieldset  legend {
  position:absolute;
  color: #999;
  margin:-24px 0 4px 0;
  padding:0;
  background:#fff;
  z-index:200;
  //margin-left:-9px
  font-size:11px;
}

#content-signup fieldset {
/*
	border:none;
	padding:0;
	margin: 0;
	position:relative;
*/
}

#content-signup fieldset legend {
	color: #999;
/*
	position: absolute;
	margin: -24px 0 4px 0;
	//margin-left:-9px
	z-index: 200;
	padding: 0;
*/
	background: #fff;
}

#content-signup  fieldset  table{
  width: 100%;
}

/* new */

img {
	border: none;
}

fieldset {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}

.right-col fieldset {
	padding: 0px;
	margin: 0px;
	border: none;
}

#lang-switcher {
	display: block;
	margin-bottom: 24px;
	width: 200px;
	height: 10px;
}
#lang-switcher ul {
	font-size: 0;
	line-height: 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 200px;
}
#lang-switcher li {
	display: inline;
	margin: 0 8px 0 0;
}

/* -- */

table { 
    padding: 0px !important;
}

/*[data-role="button"], input[type="button"], input[type="submit"], button*/
.Buttons button
{
	color: #FFFFFF !important;
	text-shadow: none;
}

.ui-sides-nav li 
{
	border-right: 1px solid rgb(221, 221, 221) !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
	 color: #0757A1;
}

.ui-sides .ui-sides-nav li.ui-sides-selected a, .ui-sides .ui-sides-nav li.ui-sides-active a
{
	color: #444444 !important;
	/* font-weight: bold; */
}

.ui-sides-panel
{
	/* padding: 0 0 1.4em 45px; */
}


.ui-sides-panel ul, .ui-sides-panel ol {
	margin: 0 0 0.8em 1.4em;
}

div.tl {
	/* position: relative; */
	background: url('../i/b-tl.gif') 0 0 no-repeat;
	z-index: 100;
	margin-left: -1px;
}

div.tr {
	/* position: relative; */
	background: url('../i/b-tr.gif') 100% 0 no-repeat;
	z-index: 100;
	margin: -1px -1px 0 0;
}

div.bl {
	/* position: relative; */
	background: url('../i/b-bl.gif') 0 100% no-repeat;
	z-index: 100;
}

div.br {
	/* position: relative; */
	background: url('../i/b-br.gif') 100% 100% no-repeat;
	z-index: 100;
	/*padding: 15px;*/
	padding: 10px;
	margin: 0 0 -1px 0;
}

div.b {
	border: solid 1px #ccc;
	z-index: 1;
	/* position: relative; */
	//margin-right: 2px;
}

input[type="button"]:active,
input[type="submit"]:active,
button:active {
	background-image: none;
	outline: medium none;
	text-shadow: none;
}

input[type="button"],
input[type="submit"],
button {
	background: url('../i/bg-btn.gif') repeat-x scroll 0 0 #DDDDDD;
	border-color: #BBBBBB #BBBBBB #999999;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 #F8F8F8;
	color: #333333 !important;
	cursor: pointer;
	display: inline-block;
	font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
	margin: 0 1px 0 0;
	overflow: hidden;
	padding: 5px 9px;
}

h1.first {
	width: 50%;
}

.clear {
	clear: both;
}
			
.jfk-toolbar button {
	height: 30px;
}