@charset "utf-8";
body {color: #2a2e30; font: 0.8em "Arial"; background: url(../img/bg.png) repeat-x #fff; margin: 0 0 50px 0; padding: 0;}

a:link {color: #369;}
a:visited {color: #669;}
a:hover {color: #39c;}
a:active {color: #669;}

select {color: #2a2e30; background: url(../img/buttonBg.png) repeat-x transparent; padding: 3px; border: 1px solid; border-color: #dce0e2 #c9ced1 #b6bdc1; -moz-border-radius: 0.3em;}
select:hover {background: url(../img/buttonBgHover.png) repeat-x transparent; -moz-box-shadow: 0 0 5px #7fc4ff;}
select option {background: #fff;}

h1 {font-size: 1.3em; font-weight: normal; margin-top: 0;}

form {margin: 0; padding: 0;}

table {width: 100%; border-collapse: collapse;}

ul {list-style: none; margin: 0; padding: 0;}

label {font-weight: bold;}




/*global classes*/
.all {width: auto; margin: auto;}
.content > h1 {padding-left: 20px;}
.spacer {clear: both; font-size: 0; line-height: 0;}
.leftMargin {margin-left: 10px;}
.rightMargin {margin-right: 10px;}
.leftPadding {padding-left: 20px!important;}
.rightPadding {padding-right: 20px!important;}
.correct {color: #060; font-style: italic;}
.error {color: #c00; font-style: italic;}
.note { font-style: italic;}
.text {color: #2a2e30; background: url(../img/textBg.png) repeat-x #fff; padding: 5px 2px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #fff #dce0e2 #e9ebed;}
.text:hover {-moz-box-shadow: 0 0 5px #7fc4ff;}
.textDisable {color: #999!important; -moz-box-shadow: none!important;}
.textBig {width: 99%!important;}
.textareaSmall {height: 90px;}
.textareaBig {width: 99%!important; height: 200px;}
.selectDisable {color: #999!important; background: url(../img/buttonBg.png) repeat-x transparent!important; -moz-box-shadow: none!important;}
.button {color: #2a2e30; background: url(../img/buttonBg.png) repeat-x #eaeaea; padding: 3px 10px; border: 1px solid; border-color: #dce0e2 #c9ced1 #b6bdc1; -moz-border-radius: 0.3em;}
.button:hover {background: url(../img/buttonBgHover.png) repeat-x #deeef6; -moz-box-shadow: 0 0 5px #7fc4ff; cursor: pointer;}
.important {color: #c00;}
.buttonDisable {color: #ccc!important; background: url(../img/buttonBg.png) repeat-x #eaeaea!important; border-color: #e3e6e8 #e3e6e8 #d6dadc!important; -moz-box-shadow: none!important; cursor: default!important;}
.nowrap {white-space: nowrap;}
.leftCol {float: left; width: 65%;}
.rightCol {float: right; width: 33%;}
.leftCol h1, .rightCol h1 {padding-left: 20px;}

.listTable {margin-bottom: 20px; border: 4px double black;}
.listTable thead tr {-moz-box-shadow: 0 5px 5px #e8eaec; border: 2px;}
.listTable thead th {font-weight: bold; background: url(../img/theadBg.png) repeat-x #ccd0d2; padding: 5px; text-align: left; border: 4px double black; text-align: center;}
.listTable thead th a {position: relative; top: -2px; color: #2a2e30; /* border-bottom: 1px dashed; */ text-decoration: none; text-shadow: 1px 1px 0 #fff; -moz-box-shadow: 0 1px 0 #e9eaeb;}
.listTable thead th a span {position: relative; top: 2px;}
.listTable thead th a:hover {color: #39c;}
.listTable thead img {padding: 0 0 5px 5px; border: 0; vertical-align: bottom;}
.listTable tbody td {padding: 5px; border-bottom: 2px solid #dce0e2; text-align: right;}
.listTable .small {width: 1%; white-space: nowrap; text-align: center; padding-right: 20px;}
.listTable tr.gray {background: url(../img/grayBg.png) repeat-y left;}
.listTable tr.blue {background: url(../img/blueBg.png) repeat-y left;}
.listTable tr th.small:first-child, .listTable tr td.small:first-child {padding: 5px 5px 5px 20px;}
.listTable tbody tr:hover {background: #edf7fd;}
.listTable caption {font-weight: bold; font-size: 1.3em;padding-bottom: 15px;}
.listTable tfoot tr {-moz-box-shadow: 0 5px 5px #e8eaec; border: 2px;}
.listTable tfoot td {font-weight: bold; background: url(../img/theadBg.png) repeat-x #ccd0d2; padding: 5px; text-align: left; border: 4px double black; text-align: center;}
.listTable tfoot td a {position: relative; top: -2px; color: #2a2e30; /* border-bottom: 1px dashed; */ text-decoration: none; text-shadow: 1px 1px 0 #fff; -moz-box-shadow: 0 1px 0 #e9eaeb;}
.listTable tfoot td a span {position: relative; top: 2px;}
.listTable tfoot td a:hover {color: #39c;}
.listTable tfoot img {padding: 0 0 5px 5px; border: 0; vertical-align: bottom;}


.tableNavigation {margin-bottom: 10px; padding: 0 20px;}
.tableNavigation .error, .tableNavigation .correct {display: inline; padding-left: 10px;}
/**/

/*loginForm*/
.logo1 {position: fixed; top: 15%; left: 50%; margin-left: -54px;}
.loginForm {position: fixed; top: 30%; left: 50%; background: url(../img/loginFormBg.png ) repeat-x #ccd0d2; width: 360px; padding: 20px; margin-left: -200px; -moz-box-shadow: 0 5px 10px #e8eaec;}
.loginForm h1 {margin-bottom: 20px;}
.loginForm th {font-weight: normal; width: 1%; padding-right: 10px; text-align: left; white-space: nowrap;}
.loginForm td {padding: 5px 0;}
.loginForm .text {width: 98%;}
/**/

/*genMenu*/
.genMenu {position: relative; font-size: 1.3em; height: 1%; background: url(../img/genMenuBg.png) repeat-x 
#93cdf3 /*#9da3a7*/; margin-bottom: 20px; text-shadow: 1px 1px 0 #dfefff/*#e9eaeb*/;}
.genMenu ul li {float: left;}
.genMenu li a:hover, .genMenu ul li.current {color: #39c; background: url(../img/genMenuBgHover.png) repeat-x #d4f0fd/*ccd0d2*/; text-shadow: 1px 1px 0 #fff;}
.genMenu li a, .genMenu li span {display: block; color: #2a2e30; padding: 11px 20px; text-decoration: none;}
.genMenu li span {cursor: default;}
.genMenu .logo2 {position: absolute; top: 50%; left: 100%; display: block; margin: -8px 0 0 -74px;}
.genMenu .logo3 {position: absolute; top: 30%; left: 100%; display: block; margin: -8px 0 0 -50px;}
.genMenu .logo4 {position: absolute; top: 30%; left: 100%; display: block; margin: -8px 0 0 -84px;}
/**/

.loginForm .logo3 {position: absolute; top: 10%; left: 100%; display: block; margin: -8px 0 0 -50px;}
.loginForm .logo4 {position: absolute; top: 10%; left: 100%; display: block; margin: -8px 0 0 -84px;}


/*specForm*/
.specForm {background: #d4f0fd/*ccd0d2*/; margin: -20px 0 20px; padding: 15px 20px 10px 20px;}
.specForm table th {font-weight: normal; width: 1%; padding-right: 10px; text-align: left;}
.specForm td {padding: 5px 0;}
.specForm select {width: 100%;}
.specForm .specSelect select {width: 200px!important;}
.specForm .text {width: 350px;}
.specForm .specCol {width: 350px;}
.specForm .crosspiece {width: 100%;}
.specForm .crosspieceSmall {width: 50px;}
.specForm .date1 {width: 167px; margin-right: 6px;}
.specForm .date2 {width: 167px;}
.specForm .error, .specForm .correct {display: inline; padding-right: 10px;}
.specForm .smallElement {width: 100px!important;}

.specForm .smallField {width: 1%; white-space: nowrap;}
.specForm .specFormButton {text-align: right;}
/**/

/*specMessage*/
.specMessage {position: fixed; top: 30%; left: 50%; background: url(../img/loginFormBg.png ) repeat-x #ccd0d2; width: 360px; padding: 20px; margin-left: -200px; -moz-box-shadow: 0 5px 10px #6c6f70; z-index: 1000;}
.specMessage .text {width: 98%;}
.specMessage select {width: 100%;}
.specMessage .closeSpecMessage {position: absolute; top: 5px; left: 100%; margin-left: -14px; border: 0;}
.specMessageButton {text-align: right;}
.specMessageShadow {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; z-index: 999; opacity: 0.7;}
.specMessage .error {padding: 0 10px 0 0!important;}
/**/

/*specMessage1*/
.specMessage1 {position: fixed; top: 30%; left: 50%; background: url(../img/loginFormBg.png ) repeat-x #ccd0d2; width: 360px; padding: 20px; margin-left: -200px; -moz-box-shadow: 0 5px 10px #6c6f70; z-index: 1000;}
.specMessage1 .text {width: 98%;}
.specMessage1 select {width: 100%;}
.specMessage1 .closeSpecMessage1 {position: absolute; top: 5px; left: 100%; margin-left: -14px; border: 0;}
.specMessageButton1 {text-align: right;}
.specMessageShadow1 {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; z-index: 998; opacity: 0.7;}
.specMessage1 .error {padding: 0 10px 0 0!important;}
/**/

/*paging*/
.paging {margin-bottom: 70px; padding: 0 10px;}
.paging li {float: left;}
.paging span, .paging a {display: block; float: left; padding: 5px 10px;}
.paging a:hover {background: #edf7fd;}
.paging .current span {background: url(../img/theadBg.png) repeat-x #ccd0d2;}
/**/

/*footer*/
.footer {position: fixed; color: #949697; right: 0; bottom: 0; left: 0; background: #fff; padding: 5px 30px 20px; -moz-box-shadow: 0 -5px 10px #fff;}
.footer .left {float: left;}
.footer .right {float: right;}
/**/

/* input:disabled { background: red; }
input:disabled:hover { background: red; }
*/