html {
    overflow-y: scroll;
}

body {
    background-color: #fff;
    background-image: url(_/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#main {
    width: 940px;
    margin: 0 auto;
}
.s				{padding: 5px;}
.greysmall		{color:#999;}
.redsmall		{color:#ff5a00;}
.white			{font-family: Arial, sans-serif; color:#fff; font-weight:bold;padding-right:5px;}
.red			{color: #ff6a00;}

h1				{font-size: 200%; color:#000; font-weight:bold;}
h2				{font-size: 140%; color:#0083cb; font-weight:bold; margin-top: 3ex; }
h3				{font-size: 140%; color:#0083cb; font-weight:bold; padding: 0;margin: 0; }

hr              {height: 1px; border: none; border-top: 1px solid silver}

img             {border: none;}

.menu   		{margin: 0; background-image: url(_/menu_bg.png); background-repeat: repeat-x; border:0; padding:0; color:#fff;}
a.men:link 		{color: #fff; font-size: 120%; text-decoration: none; padding-right:12px;}
a.men:visited 	{color: #fff; font-size: 120%; text-decoration: none; padding-right:12px;}
a.men:hover 	{color: #b2daef; font-size: 120%; text-decoration: none; padding-right:12px;}

a.menu2:link 		{color: #0083cb; text-decoration: underline; padding-right:10px;font-weight:bold;}
a.menu2:visited 	{color: #0083cb; text-decoration: underline; padding-right:10px;font-weight:bold;}
a.menu2:hover 		{color: #000; text-decoration: underline; padding-right:10px;font-weight:bold;}

.grey			{color: #999; font-size: 90%;}
a.grey:link 	{color: #999; font-size: 100%; text-decoration: underline;}
a.grey:visited 	{color: #999; font-size: 100%; text-decoration: underline;}
a.grey:hover 	{color: #666; font-size: 100%; text-decoration: underline;}

a:link 		{color: #0083cb; text-decoration: underline;}
a:visited 	{color: #0083cb; text-decoration: underline;}
a:hover 	{color: #000; text-decoration: underline;}

a.red:link 		{color: #ff5a00; text-decoration: underline;}
a.red:visited 	{color: #ff5a00; text-decoration: underline;}
a.red:hover 	{color: #000; text-decoration: underline;}

.td_on		{background-color: #59aedd; color:#fff; font-weight:bold; padding:2px 5px 2px 25px;}
.td_off		{background-color: #b1daef; color:#fff; font-weight:bold; padding:2px 5px 2px 25px;}

.contentslide {height:150px;}
.contentslide .contentdiv {display: none}
.contentslide .contentdiv h2 { font-size: 180%; color: black; margin-top: 1ex; margin-bottom: 1ex; }
.pagination {}
.pagination {margin-bottom:5px;text-decoration: none;}
.pagination a {padding-righT: 5px; padding-left: 25px; padding-bottom: 2px; color: #FFFFFF; padding-top: 2px; background-color: #B1DAEF; text-decoration: none;font-weight:bold;}
.pagination a:hover {color: #FFFFFF; background-color: #0083cb;font-weight:bold;text-decoration: none;}
.pagination a.selected {color: #FFFFFF; background-color: #0083cb;font-weight:bold;text-decoration: none;}

.banner { margin-top: 24px; margin-bottom: 24px; }

/*li {padding:4px;}*/

pre {margin:2em;background-color:#eeeeee;font-size:10pt;}
span.pre {white-space:pre;background-color:#eeeeee;font-size:10pt;}
.field-name {font-weight: bold ;text-align: left ;white-space: nowrap ;padding-left: 0 }

.form  {color:#333;font-family: Arial, sans-serif; font-size: 10pt;border-width:1px;border-style:solid;border-color:#7f9db9 #7f9db9 #7f9db9 #7f9db9;width:500px;background-color: #fff;}
.form1 {color:#333;font-family: Arial, sans-serif; font-size: 10pt;border-width:1px;border-style:solid;border-color:#7f9db9 #7f9db9 #7f9db9 #7f9db9;width:500px;height:150px;background-color: #fff;}
.but   {border-style:solid;border-color:#FF8300 #FF5A00 #FF5A00 #FF8300;color:#fff;font-family: Arial, sans-serif; font-size: 10pt;cursor:pointer;background-color: #FF6E00;}

.authBg1  {background-image:url(_/auth-bg-tp.gif);background-repeat:repeat-x;background-position:top;}
.authBg   {background-image:url(_/auth-bg-bttm.gif);background-repeat:repeat-x;background-position:top;}
.authBlue {color:#99D6EB;font-size:8pt;font-family:Arial,sans-serif;}
a.authBlue:link    {color:#99D6EB;text-decoration:underline;}
a.authBlue:visited {color:#99D6EB;text-decoration:underline;}
a.authBlue:hover   {color:#99D6EB;text-decoration:none;}
.auth {font-size:8pt;font-family:Arial,sans-serif}
a.auth:link    {text-decoration:underline;}
a.auth:visited {text-decoration:underline;}
a.auth:hover   {text-decoration:none;}
.tp { vertical-align: top; padding-left:20px;}

.authForm {height:18px;width:110px;color:#999;font-family: Arial, sans-serif; font-size:8pt;border-width:1px;border-style:solid;border-color:#7f9db9 #7f9db9 #7f9db9 #7f9db9;background-color: #fff;}
.authBut  {height:18px;border-style:solid;border-color:#FF8300 #FF5A00 #FF5A00 #FF8300;color:#fff;font-family: Arial, sans-serif; font-size: 9pt;cursor:pointer;background-color: #FF6E00;}

.main_content { padding-left: 20px; }

table.fields select { width: 500px; }
table.fields input.input_text,
table.fields input.input_password_check,
table.fields textarea { 
width: 500px; border-width:1px; border-style: solid; border-color: #7f9db9; margin: 1px;
}
table.fields textarea { 
    height: 150px;
}
table.fields { width: 100%; margin: 0px; padding: 0; table-layout: fixed;
font-family: Arial, sans-serif; font-size: 10pt;
 }
.fields tr th { width: 100px; font-weight: normal; text-align: left; vertical-align: top; }
.fields tr td { text-align: left; vertical-align: middle; padding: 0 10px; }
.fields tr td.checkbox { text-align: right; padding: 0 0; }
.fields tr th, table.fields tr td { padding-top: 3px; padding-bottom: 3px; }
.fields tr th { padding-top: 6px; }
.fields tr.required th label:after { content: "*"; color: red; padding-left: 1px; }
.fields tr.required th label span:after { content: "*"; color: red; padding-left: 1px; }
.fields tr.with_errors th label { color: #C00 }
.fields tr.with_errors select,
.fields tr.with_errors input.type_text,
.fields tr.with_errors input.type_password,
.fields tr.with_errors textarea { background: #f8d7dc; border: 1px solid #FF5958 }
.fields tr.with_errors select { border: 1px solid #FF5958 }
.fields tr.disabled label span { color: #999; }
.fields ul.errorlist { margin: 0; padding: 0; list-style-type: none; font-size: 10px; color: #C00; }
.fields div.help { color: #999; }
.buttons { text-align: center; }
.trial_buttons { margin-top: 4ex; }
.trial_buttons td { text-align: center; }
.buttons a, .trial_buttons a { text-decoration: none !important; }

table.slim { width: 100%; border-collapse: collapse; }
table.slim th, table.slim td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    padding: 7px;
    border: #e6e6e6 solid 1px;
}

table.price th {
    background: #f3f3f3;
}

table.price th .grey {
    color: #888;
}

table.price th ul {
    padding: 0 0 0 2em;
    margin: 0.5ex 0;
}

table.price thead th {
    text-align: center;
    font-weight: bold;
}

table.price tbody th {
    width: 50%;
}

table.price td {
    text-align: center;
}

table.price .yes {
    font-size: 166%;
}

/* some docs.tech.ipi.ru styles */

td span p { padding :0; line-height: 5px }

/* admonition start */
.doc_main div.caution,
.doc_main div.important,
.doc_main div.note,
.doc_main div.tip,
.doc_main div.warning {
    border: 1pt solid #E5E5E5;
    background-color: #F9F9FF;
    color: black;

    margin: 10pt 30pt 10pt 30pt;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    min-height: 64px; /*64=48+8+8 but doesn't work with IE*/
    padding-left: 64px;
}

.doc_main div.caution p,
.doc_main div.important p,
.doc_main div.note p,
.doc_main div.tip p,
.doc_main div.warning p {
    margin-top: 8px; /*to align text with bg graphic*/
}

.doc_main div.tip { background-image: url("http://docs.ipi-manager.ru/media/img/wiki/admon-tip.png"); }
.doc_main div.note { background-image: url("http://docs.ipi-manager.ru/media/img/wiki/admon-note.png"); }
.doc_main div.important { background-image: url("http://docs.ipi-manager.ru/media/img/wiki/admon-important.png"); }
.doc_main div.caution { background-image: url("http://docs.ipi-manager.ru/media/img/wiki/admon-caution.png"); }
.doc_main div.warning { background-image: url("http://docs.ipi-manager.ru/media/img/wiki/admon-warning.png"); }

/* admonition end */

.doc_main p { margin: 0.3em 0 0 0 }

#features h2 {
    font-size: 180%;
    margin-top: 0;
    color: black;
}

ul.feature_list {
    list-style: None;
    padding-left: 2ex;
}
ul.feature_list li:before {
    content: "— ";
}

#slideMenu.closed{
        left:-350px;
}
 
#slideMenu{
        position:fixed;
        left:0;
        top:70px;
        width:349px;
        height:auto;
        border:1px solid #0067AE;
        border-left:0px;
        background-color:#FFFFFF;
        z-index:20;
}
 
#slideMenu .toggleBtn{
        position:absolute;
        right:-35px;
        top:37px;
        outline:none;
        display:block;
        height:175px;
        width:25px;
        border-width:1px 1px 1px 0px;
        margin:0;
        padding:0 5px 0;
        color:#000;
        text-decoration:none;
        font:12px/25px Verdana, Arial, Helvetica, sans-serif;
        background:url(_/feedback.png) no-repeat;
        z-index:20;
}
 
#slideMenu .content{
        padding:5px;
        z-index:20;
}

#slideMenu .content table.fields input {
    width: 200px;
}

.sectioned_form ul {
    list-style: none;
    padding-left: 0;
}

.sectioned_form ul li {
    margin-bottom: 0.5ex;
}


.sectioned_form h2 {
    font-size: 12pt;
    margin-top: 2ex;
    margin-bottom: 1.5ex;
    color: black;
}


.sectioned_form .section_help {
    margin-bottom: 2.5ex;
}

.sectioned_form .fields {
    width: 650px;
}

.wizard_form .buttons {
    padding-top: 3ex;
    width: 550px;
    text-align: right;
}

.receipt {
    border-collapse: collapse;
    width: 500px;
}

.receipt th {
    text-align: left;
    font-weight: normal;
    padding: 0.3ex;
}
.receipt td {
    text-align: right;
    padding: 0.3ex;
}

.receipt .total td, .receipt .total th {
    margin-top: 1ex;
    border-top: 1pt solid;
}

.link_block {
    margin: 3ex 0;
    padding: 0;
    width: 100%;
}

.link_block table {
    background: #e5e5e5;
    padding: 1ex;
    margin: 0;
    width: 100%;
}

.link_block h2 {
    color: black;
}

.link_block td {
    padding: 1ex;
    vertical-align: top;
    height: 3ex;
}