body
{
  padding: 0;
  margin-left: 0.8em;
  margin-right: 0.8em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

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

a
{
  text-decoration: none;
  color: #5683c1;
}

a:hover
{
  text-decoration: underline;
}

div.ws_main_frame
{
  /* max-width isn't working in IE 8, Chrome and Safari if it is applied for table*/
  /*, but it is working for div here*/
  max-width: 67em;
  margin-left: auto;
  margin-right: auto;
}

table.main
{
  width: 100%;
  height: 100%;
  /*margin: 0;*/
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  font-size: 0.8em;
}

table.main td.main
{
  width: 100%;
  background-image: url( '../images/logo_icon.png');
  background-repeat: no-repeat;
  background-position: 20px top;
  /*background-position: left top;*/
  vertical-align: middle;
}

div.main_block div.message_block
{
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  border: none;
  text-align: center;
}

div.message_block
{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FAF7C7; /*#fbfcec; /*#DFE5E5;/*#fbfcec;*/
  border: 1px solid #cccdbd; /* #CCCCCC;/*#cccdbd;*/
  text-align: left;
}


table.main td.main div.message_block
, table.main td.main div.input_block
, table.main td.main div.ctrl_block
, table.main td.main div.tab_menu
{
  margin-left: auto;
  margin-right: auto;
  width: 80%;/*61.8%;*/
  min-width: 56em; /*33.5em;*/
}

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

table.input_table td
{
  vertical-align: top;
}
table.input_table tr.line td
{
  vertical-align: baseline;
}

table.main div.input_block
{
  text-align: left;
  margin-top: 15px;
  min-height: 20em;
}

table.input_table input.long_text
{
  width: 20em;
}


div.ctrl_block
{
  padding-top: 10px;

  background-color: #c7d5c9; /*#DFE5E5;/*#c7d5c9;*/
  border: 1px solid #cccdbd; /*#CCCCCC;/*#cccdbd;*/
}

div.ctrl_block input.button
{
  width: 20%;/*30%;*/
  margin-top: 1em;
  margin-bottom: 2em;
}


table.main td.main div.message
{
  margin-left: 1em;
  margin-right: 1em;
}

table.main td.main div.error div.message
{
  color: red;
}

table.main td.main div.status div.message
{
  color: green;
}

table.input_table span.field_title
{
  font-weight: bold;
}

table.input_table span.field_note
{
  font-style: italic;
  font-size: 0.9em;
}

/* settings.css */
table.main td.main .hidden
{
  display: none;
}

table.main td.main div.ctrl_block
{
  border-top: none;
}

div.ctrl_block table.input_table td.description
{
  white-space: nowrap;
}

table.main td.main div.input_block
{
  border-left: 1px solid #cccdbd;
  border-right: 1px solid #cccdbd;
  border-bottom: 1px solid #cccdbd;
   margin-top: 0;
  padding-top: 15px;
}

div.input_block table.input_table td.description
{
  /*width: 40%;*/
  width: auto;
  padding-right: 1em;
}
div.input_block table.input_table td.description
, div.input_block table.input_table td.inputs
{
  padding-bottom: 0.5em;
}

div.input_block table.input_table td.inputs a img
{
  padding-left: 0.7em;
  border: none;
}

div.input_block table.input_table td.inputs input
, div.input_block table.input_table td.inputs label
, div.input_block table.input_table td.pron_td a
{
  vertical-align: middle;
}

table.input_table tr.error td.description
{
  color: red;
}

table.input_table tr.alligned td
{
  vertical-align: baseline;
}

table.main div.message_block
{
  border-top: none;
}


table.main table.logo
{
  width: 100%;
  text-align: left;
}

table.main table.logo td.logo_text
{
  padding-left: 120px;
  color: #0c882b;
  /*font-size: 20px;*/
  font-size: 1.4em;
}


table.main table.logo td.user_info
{
  padding-bottom: 50px;
}

/*
table.main table.logo td.user_info table.login_frame
{
  margin-right: 0;
  margin-left: auto;
  margin-bottom: 50px;
  font-size: 0.9em;
}

table.main table.logo td.user_info table.login_frame a
{
  text-decoration: none;
  color: #004B97;
  white-space: nowrap;
}
table.main table.logo td.user_info table.login_frame a:hover
{
  text-decoration: underline;
}
/*
table.main table.logo td.user_info table.login_frame a.next
{
  padding-left: 0.5em;
}
* /

table.main table.logo td.user_info table.login_frame span.user
{
  font-weight: bold;
}

table.main table.logo td.user_info table.login_frame td
{
  padding: 5px;
  background-color: #F0F0F0;
  border: 1px solid #91a093;
}
*/

table.main div.tab_menu table.menu
{
  width: 100%;
  border: none;
  border-collapse: collapse;
  margin-left: 0;
  margin-right: auto;
}

table.main div.tab_menu table.menu td
{
  border: none;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #cccdbd; /*#CCCCCC;/*#cccdbd;*/
  /*background-image: url( ../images/menu_border_top.gif);*/
  /*background-repeat: repeat-x;*/
  /*background-position: bottom;*/
}

table.main div.tab_menu table.menu td.link
{
  width: 20%;
  white-space: nowrap;
}

table.main div.tab_menu table.menu td a:hover
{
  text-decoration: underline;
}

table.main div.tab_menu table.menu td.active
{
  background-color: #FAF7C7; /*#fbfcec; /*#DFE5E5;/*#fbfcec;*/
  font-weight: bold;
  border-top: 1px solid #cccdbd; /*#CCCCCC;/*#cccdbd;*/
  border-left: 1px solid #cccdbd;/*#CCCCCC;/*#cccdbd;*/
  border-right: 1px solid #cccdbd;/*#CCCCCC;/*#cccdbd;*/
  /*background-image: none;*/
  border-bottom: 1px solid #FAF7C7;
}

table.q_table td
{
  white-space: nowrap;
}
/**********************************************************/
table.subscription
{
  margin-bottom: 20px;
}

table.subscription form
{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
table.subscription table.left td
{
  padding-left: 2em;
  padding-right: 2em;
}

table.subscription td
{
  background-color: #F9F5A6;
}

table.subscription td
{
  vertical-align: top;
  text-align: center;
}

table.subscription td div.title
{
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1em;
}

table.subscription td div.text_block
{
  margin-top: 1.3em;
  line-height: 1.5em;
}

table.subscription td table.left
{
  margin-left: auto;
  margin-right: auto;
}
table.subscription td table.left td
{
  text-align: left;
}

div.subscription_kind_switch
, td.renew
, td.see_more
{
  text-align: center;
}

td.see_more
{
  padding-bottom: 1em;
}

td.renew
{
  padding-bottom: 1em;
}

td.renew form
{
  margin-bottom: 1em;
}

body table.message_box
{
  width: auto;
}

table.message_box table.subscription_list
{
  margin-top: 1em;
  margin-bottom: 2em;
}

table.message_box table.subscription_list td.type
, table.message_box table.subscription_list td.user
{
  padding-left: 1em;
}

table.message_box table.subscription_list tr.highlight td.type
{
  color: red;
}

span.spacer
{
  padding-left: 2em;
}

div.group_subs_title
{
  color: #477905;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
div.group_subs_info
{
  color: #477905;
  margin-bottom: 1em;
}
div.group_subs_sub_info
{
  color: #477905;
  margin-bottom: 1em;
  /*font-size: 0.9em;*/
}

div.group_subs_sub_note
{
  margin-top: 1em;
  max-width: 27em;
}

div.group_subs_sub_note a
{
  white-space: nowrap;
}


span.radio_block
{
  text-align: left;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  display: table;
  width: 10%;
  white-space: nowrap;
}

span.radio_block label
{
  color: #477905;
}

span.highlight
{
  font-weight: bold;
}

span.button_block
{
  display: inline-block;
  margin-bottom: 1em;
}

div.group_subs_subtitle
{
  color: #477905;
}

ul.group_tiers li
{
  line-height: 1.5em;
  color: #477905;
}

div.group_subs_btn
{
  margin-top: 2em;
}

div.s_price
{
  font-weight: bold;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

table.main td.main div.tab_menu table.menu td.account
{
  background-image: url( '../images/account_tab.svg');
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
}

table.main td.main div.tab_menu table.menu td.children
{
  background-image: url( '../images/childrens_tab.svg');
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
}

table.main td.main div.tab_menu table.menu td.comprehensive
{
  background-image: url( '../images/comprehesive_tab.svg');
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
}

table.main td.main div.tab_menu table.menu td.subscription
{
  background-image: url( '../images/subscription_tab.svg');
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
}

table.main div.tab_menu table.menu td.link
{
  padding-left: 30px;
  text-align: left;
  cursor: pointer;
}

div.input_block table.input_table td.inputs span.user_field
{
  display: inline-block;
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
}