/* GENERAL */
html, body    { margin:0px; padding:0px; height:100%;  min-width:800px; }
body, td, div { font-size:11px; color:#4c4c4c; font-family:Arial; }
form,p        { margin:0px; padding:0px; }
a             {  color: #4c4c4c;  text-decoration: underline ; }
a:active,
a:hover       { color: #4c4c4c; text-decoration: none ; }
div.space     { height:0px; clear:both; font-size:0px; }
h1,h2,h3      { font-size:12px;  margin:0px; padding:0px; }

/* INPUT */
input, select, textarea { border:1px solid #000000; background:#ffffff; font-size:12px; margin:0px; padding:2px; -moz-border-radius: 2px; border-radius: 2px; overflow:hidden; }
input[type="file"] { padding:1px; }
input.button            { display:inline-block; border:1px solid #454a4d; background:#454a4d; font-size:11px; margin:0px; padding:4px 35px 4px 35px; text-transform:uppercase;  color:#a2acb3; cursor:pointer; }
input.button:hover      { background:#1f2124; border:1px solid #1f2124;  }

/* SUCCESS AND ERROR */
.success, .Normal, a.Normal:hover { color:#57ba98;}
.error,.Special, a.Special:hover  { color:#ee3d32; }

/* PATH */
.navitem { float:left; margin-right:3px; }

/* BODY */
div.Body { display:table; width:100%; height:100%; }

/* HEADER */
div.Header                { display:table-row; height:40px; background:#454a4d; }
div.Header-Top            { clear:both; height:40px; overflow:hidden; background:#1f2124; }
div.Header-Bottom         { clear:both; height:75px; overflow:hidden; background:#2f3235; border-bottom:1px dashed #a2acb3;}
div.Header div.Logo       { height:20px; width:20px; overflow:hidden; background:url(logo_white.png) left top no-repeat; background-size:20px 20px; float:left; margin:10px 0px 10px 5px; }
div.Header div.Logo a     { display:block; height:20px;width:20px; }
div.Header div.LogoName   { height:16px; width:110px; overflow:hidden; background:url(logo.png) left top no-repeat; background-size:auto 16px; float:left; margin:12px 5px 12px 5px; }
div.Header div.LogoName a { display:block; height:20px;width:140px; }

div.Header div.Actions                               { float:right; margin:5px; }
div.Header div.Actions div                           { margin-left:5px; width:30px;height:30px; background:#2f3235; float:right; overflow:hidden;-moz-border-radius:2px; border-radius:2px; cursor:pointer; }
div.Header div.Actions div:hover                     { background:#454a4d; }
div.Header div.Actions div.Logout span               { margin:5px; display:block; width:20px;height:20px; background:url(Images/power.png) left top no-repeat; background-size:contain;  }
div.Header div.Actions div.Administrator span        { margin:5px; display:block; width:20px;height:20px; background:url(Images/admin.png) left top no-repeat; background-size:contain;  }
div.Header div.Actions div.InterfaceLng-Russian span { margin:5px; display:block; width:20px;height:20px; background:url(Images/ru.png) left top no-repeat; background-size:contain;  }
div.Header div.Actions div.InterfaceLng-English span { margin:5px; display:block; width:20px;height:20px; background:url(Images/en.png) left top no-repeat; background-size:contain;  }

div.Header div.Project                   { float:left; margin:5px;  }
div.Header div.Project div               { float:left; margin-right:5px; height:30px; width:30px; background:#2f3235; overflow:hidden;-moz-border-radius:2px; border-radius:2px;  cursor:pointer; }
div.Header div.Project div.Current       { width:auto; }
div.Header div.Project div:hover         { background:#454a4d; }
div.Header div.Project div.Settings span { margin:5px; display:block; width:20px;height:20px; background:url(Images/settings.png) left top no-repeat; background-size:contain;  }
div.Header div.Project div.Current span  { margin:9px 10px 7px 10px; display:block;height:20px; color: #a2acb3; font-size:12px; text-transform:uppercase; font-size:11px; }

/* MAIN */
div.Main              { display:table-row;  }
div.Main-Content      { display:block; height:100%;  }
div.Main-Content-Area { min-width:100%; min-height:100%; }

/* BOTTOM */
div.Bottom      { display:table-row; height:30px; text-align:right; font-size:10px; background:#2f3235; }
div.Bottom-Area {  margin:11px 10px 11px 10px; color:#a2acb3; }
div.Bottom a    { color:#a2acb3; }

/* ALERT */
div.Alert { display:table; width:100%; height:100%; }
div.Alert-Area { display:table-cell; text-align:center; vertical-align:middle; }

/* INSTALL */
div.Install { display:table; width:100%; height:100%; }
div.Install-Area { display:table-cell; text-align:center; vertical-align:middle; }

/* BLOCK */
div.Block  { display:inline-block; background: #dddddd; padding:20px; border-radius: 5px; overflow:hidden;  text-align:left; }
div.BlockHead  { font-weight:bold; }

div.BlockInput { background:#f7f7f7; padding:20px; margin-top:20px; border-radius: 5px; overflow:hidden; }

div.BlockResult-Errors { background:#f7f7f7; padding:20px; margin-top:20px; border-radius: 5px; overflow:hidden; color:red; }
div.BlockResult-Errors-Area { color:red; }


div.BlockItem { margin-top:20px; }
div.BlockItem div.Caption{ width:120px; float:left; }
div.BlockItem div.Input  { margin-left:120px; }
div.BlockItem div.Input input { width:220px; }

div.BlockItemInfo         { margin-top:5px; margin-left:120px; }
div.BlockItemInfo div.Info {font-size:9px; color:#a2acb3; }

div.BlockButtons { margin-top:20px;  text-align:right; padding-top:20px; border-top:1px solid #454a4d; }

div.Result-Errors { display:inline-block; background: #dddddd; padding:20px; border-radius: 5px; overflow:hidden;  text-align:left; }

.Active, a.Active, a.Active:hover,
.Paid, a.Paid, a.Paid:hover,
.Approved, a.Approved, a.Approved:hover
{
  color:#57ba98;
}
.Unpaid, a.Unpaid, a.Unpaid:hover,
.Pending, a.Pending, a.Pending:hover{
  color:#009dd6;
}
.Canceled, a.Canceled, a.Canceled:hover,
.Suspended, a.Suspended, a.Suspended:hover{
  color:#ee3d32;
}
.Disabled, a.Disabled, a.Disabled:hover{
  color:#a2acb3;
}
.Deleted, a.Deleted, a.Deleted:hover{
  color:#ff8600;
}