/* ------------------------------------------- */
/* CSS RESET  */
html,
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, menu, nav, output, ruby, section, summary, time, mark,
audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-family: "Arial", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside,
details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    font-size: 14px;
    line-height: 22px;
}

* {
    font-family: "Arial", sans-serif;
    font-size: 14px;
    color: #222222;
}

html {
    height: 100%;
}

body {
    width: 960px;
    min-height: 101%;
    padding: 0;
    margin: 0 auto;
    background: #d6d6d6;
}

body.AXauthBody {
    background: #fff;
    margin: 0;
    padding: 0;
    height: 100% !important;
    width: 100% !important;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

/* -------------------------------------------------------------------------------------------------- */
/* -- Blocks with margin -- */
p,
blockquote, cite, code, dl, dd, ol, ul, form, legend, table, article, aside,
canvas, section, audio, video {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333333;
    line-height: 20px;
}

/*pre{
display:block;
float:none;
clear:both;
background:#f2f2f2;
padding:16px;
border:1px dotted #777777;
font:14px "Lucida Console", "Courier New", monospace;
line-height:18px;
margin:6px 0 6px 0;
}
*/

table {
    margin-top: 4px;
    width: 100%;
    border-collapse: collapse;
    clear: both;
    float: none;
}

table tr td, table tr th {
    text-align: left;
    border-collapse: collapse;
    font-size: 14px;

}

table tr td {
    border-bottom: 1px solid #eeeeee;
    padding: 4px;
    border-right: 1px solid #dbdee0;
    background: #ffffff;
}

table th {
    border-bottom: 2px solid #bdc3c7;
    padding: 8px 4px 8px 4px;
    background: #dbdee0;
    border-right: 1px solid #eeeeee;
}

table.cmstable2 tr:hover, table.cmstable3 {
    background: rgba(255, 255, 205, 0.95);
}

table.formtable tr td, table.formtable tr:hover td {
    background: transparent;
    border: 0;
}

.loginForm{
position: relative;
top: 150px;
left: 490px;

width: 288px;
	
	
	}

.drtxt{
	
	margin: auto;
color: #0f2746;

text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);

font-size: 16px;

font-weight: bold;
text-align: center;
	
	
	
	}
.button_dr{
	
	
display: block;

/* width: 230px; */

/* margin-top: 10px; */

border: 0px;

background-color: transparent;

-webkit-border-radius: 14px;

-moz-border-radius: 14px;

-o-border-radius: 14px;

border-radius: 14px;

padding: 10px 0;

color: #0f2746;

text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);

font-size: 16px;

font-weight: bold;

text-align: center;

width: 230px;


background: #fffb00;

background: -moz-linear-gradient(top, #fffb00 14%, #fff100 44%, #ffbb00 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, #fffb00), color-stop(44%, #fff100), color-stop(100%, #ffbb00));

background: -webkit-linear-gradient(top, #fffb00 14%, #fff100 44%, #ffbb00 100%);

background: -o-linear-gradient(top, #fffb00 14%, #fff100 44%, #ffbb00 100%);

/* Opera11.10+ */

background: -ms-linear-gradient(top, #fffb00 14%, #fff100 44%, #ffbb00 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb00', endColorstr='#ffbb00', GradientType=0);

background: linear-gradient(top, #fffb00 14%, #fff100 44%, #ffbb00 100%);

-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.59);

-moz-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.59);

-o-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.59);

box-shadow:0px 2px 5px rgba(0, 0, 0, 0.59);
	
	}
	
.fields{
	
	width: 230px;

margin-bottom: 10px;
height: 34px;
font-size: 14px;

background-color: #fff;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

-o-border-radius: 6px;

border-radius: 6px;

border: 1px solid #d3d3d3;

display: block;

width: 230px;

-webkit-box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

-moz-box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

-o-box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

padding: 10px 8px;

padding-right: 32px;

margin-bottom: 6px;

outline: none;

background-repeat: no-repeat;
	
	
	
	
	}	
.btn {
    display: block;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    float: left;
    text-decoration: none;
    padding: 3px 8px 0 8px;
    border-radius: 3px;
    font: normal 16px "Tahoma", "Helvetica", sans-serif;
    border: 1px solid #cccccc;
    color: #333333;
    background: #f2f2f2;
    cursor: pointer;
    margin-right: 6px;
    box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.2), inset 1px 14px 3px rgba(255, 255, 255, 0.8);
}

.btnsmall {
    display: block;
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
    float: left;
    text-decoration: none;
    padding: 2px 0 0 3px;
    border-radius: 3px;
    font: normal 16px "Tahoma", "Helvetica", sans-serif;
    border: 1px solid #cccccc;
    color: #333333;
    background: #f2f2f2;
    cursor: pointer;
    margin: 1px;
    text-align: center;
    box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.2), inset 1px 14px 3px rgba(255, 255, 255, 0.8);
}

.btn-disabled {
    z-index: 10;
    display: block;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    float: left;
    text-decoration: none;
    padding: 5px 8px 0 8px;
    border-radius: 3px;
    font: normal 16px "Tahoma", "Helvetica", sans-serif;
    border: 1px solid #cccccc;
    color: #333333;
    background: #eeeeee;
    cursor: default;
    margin-right: 6px;
}

.btn:hover, .btnsmall:hover {
    color: #000000;
    background: #ffffff;
    border: 1px solid #feb900;
}

.btn:active, .btnsmall:active {
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #fe2900;
}

.btn i, .btn-desabled {
    display: block;
    float: left;
    vertical-align: top;
    font-size: 16px;
    line-height: 16px;
    margin-top: 3px;
    margin-right: 4px;
    box-sizing: border-box;
    color: #000000;
}

.btn-disabled i {
    color: #bbbbbb;
}

.btn:hover i {
    color: #444444;
}

input[type="text"], input[type="password"], input[type="checkbox"],
select, textarea {
    height: 30px;
    outline: none;
    box-sizing: border-box;
    float: left;
    background: #eeeeee;
}

input[type="text"],
input[type="password"],
textarea, select {
    float: left;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 2px 4px;
    background: #ffffff;
    border-radius: 2px;
    border: 1px solid #cccccc;
    box-shadow: inset 0 2px 2px rgba(77, 77, 77, 0.1);
    box-sizing: border-box;
    width: 300px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background: #fffedd;
}

textarea {
    height: 60px;
}

label {
    font: normal 14px "Arial", sans-serif;
    color: #727c8f;
    width: 230px;
    display: inline;
    line-height: 16px;
    margin-right: 6px;
}

input[disabled], textarea[disabled], input[type=checkbox][disabled],
select[disabled] {
    background-color: #e6e6e6;
    color: #777777;
}

/* COLOR-PICKER */
input.c-picker {
    float: left;
    display: inline-block;
    width: 76px;
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

div.c-pickerPrev {
    float: left;
    display: inline-block;
    width: 24px;
    height: 30px;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0;
    margin-right: 6px;
    box-shadow: inset 0 2px 2px rgba(77, 77, 77, 0.1);
}

.axiomColorpicker {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5000;
    background: #ffffff;
    box-shadow: 1px 6px 12px rgba(100, 100, 100, 0.5);
    padding: 6px;
    border-radius: 4px;
}

.axiomColorpicker table {
    border-collapse: collapse;
    cursor: crosshair;
}

.axiomColorpicker table tr td {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 1px dotted #777777;
    padding: 0;
    margin: 0;
}

.axiomColorpicker table tr td.ccolor {
    border: 1px solid #ffffff;
}

div.AXloginBlock {
    text-align: left;
position: absolute;
top: 50%;
left: 50%;
width: 725px;
height: 300px;
background-image:url(img/logo_mcayla.png);
display: inline-block;
margin-left: -360px;
margin-top: -150px;
font-size: 14px;
font-weight: normal;
color: #777777;
}

div.AXloginBlock span,
div.AXloginBlock a {
    font-size: 14px;
    line-height: 22px;
}

div.AXloginBlock i {
    font-size: 16px;
}

div.AXloginBlock input {
   	width: 230px;

margin-bottom: 10px;
height: 34px;
font-size: 14px;

background-color: #fff;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

-o-border-radius: 6px;

border-radius: 6px;

border: 1px solid #d3d3d3;

display: block;

width: 230px;

-webkit-box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

-moz-box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

-o-box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);

padding: 10px 8px;

padding-right: 32px;

margin-bottom: 6px;

outline: none;

background-repeat: no-repeat;
	
}

div.AXloginBlock input:focus {
    outline: 0 !important;
    border-color: #777777;
}

#AJAXredirect,
#splashMessage,
#ajaxGet,
#executeJSFunction {
    display: block;
}

div.row {
    width: 100%;
    display: inline-block;
    float: none;
    clear: both;
    margin-top: 6px;
}

.align-right {
    text-align: right;
}

.axiomWidget {
    width: 320px;
    height: 110px;
    display: inline-block;
    margin: 6px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
    color: #000000;
    box-sizing: border-box;
    transition: background 0.35s linear;
    border: 1px solid #ffffff;
    float: left;
}

.axiomWidget i {
    font-size: 36px;
    line-height: 36px;
    display: inline-block;
    float: left;
    margin: 12px 14px 8px 14px;
    color: #979797;
    font-weight: normal;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px #ffffff;
}

.axiomWidget dl {
    display: inline-block;
    width: 240px;
    margin: 10px 0 0 0;
    text-align: left;
}

.axiomWidget dd {
    text-align: left;
    font: bold 14px "Tahoma", "Verdana", sans-serif;
    text-transform: uppercase;
    padding-left: 0;
    margin-left: 0;
    color: #858fa5;
}

.axiomWidget dt {
    color: #95a5a6;
    font-size: 12px;
    line-height: 14px;
}

.axiomWidget:hover {
    background: #ffffff;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.7), 1px 1px 1px rgba(55, 55, 55, 0.1);
}

.axiomWidget:hover i {
    color: #333333;
}

.axiomWidget:hover dd {
    color: #717c93;
}

a,
.link {
    text-decoration: underline;
    color: #dd0000;
    cursor: pointer;
}

a:hover,
.link:hover {
    color: #ff0000;
}

.red {
    color: #dd0000;
}

.okmessage {
    padding: 16px;
    color: #ffffff;
    background: #008840;
    border-radius: 2px;
    margin: 4px 0 4px 0;
}

form {
    display: inline-block;
}

form.vertical {
    float: none;
    clear: both;
}

form.vertical label {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    padding-top: 5px;
}

.small {
    font-size: 11px;
    color: #777777;
}

.iconselector i {
    width: 16px;
    height: 16px;
    float: left;
    margin: 4px;
    padding: 3px;
}

.iconselector i:hover {
    background: #ffee33;
}

input[disabled],
textarea[disabled] {
    background: #f6f6f6;
    color: #777777;
}

.hand {
    cursor: pointer;
}

.breadCrumbs {
    z-index: 10;
    display: block;
    background: transparent;
    color: #000000;
    border: 1px solid #eeeeee;
    overflow: hidden;
    padding-left: 0;
    list-style: none;
    margin-top: 16px;
}

.breadCrumbs li {
    float: left;
}

.breadCrumbs a,
.breadCrumbs span {
    padding: 5px 12px 6px 24px;
    float: left;
    text-decoration: none;
    color: #34495e;
    position: relative;
    background-color: #dbdee0;
    font: bold 12px "Arial", sans-serif;
    cursor: pointer;
}

.breadCrumbs li:first-child a,
.breadCrumbs li:first-child span {
    padding-left: 1em;
}

.breadCrumbs a:hover,
.breadCrumbs span:hover {
    background: #e74c3c;
    color: #ffffff;
}

.breadCrumbs a::after,
.breadCrumbs a::before,
.breadCrumbs span::after,
.breadCrumbs span::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1.5em solid;
    right: -1em;
    z-index: 10;
}

.breadCrumbs a::after,
.breadCrumbs span::after {
    z-index: 2;
    border-left-color: #dbdee0;
}

.breadCrumbs a::before,
.breadCrumbs span::before {
    border-left-color: #ffffff;
    right: -1.2em;
    z-index: 1;
}

.breadCrumbs a:hover::after,
.breadCrumbs span:hover::after {
    border-left-color: #e74c3c;
}

.breadCrumbs li:last-child span,
.breadCrumbs li:last-child span:hover {
    font-weight: bold;
    background: none;
    color: #e74c3c;
}

.breadCrumbs li:last-child span::after,
.breadCrumbs li:last-child span::before {
    content: normal;
}

table tr td table {
    margin: 0;
    padding: 0;
    border: 0;
}

table tr td table tr th {
    padding-top: 0;
    padding-bottom: 0;
}

table tr td table tr td {
    border-bottom: 0;
    padding: 0 2px;
}

div.field {
    display: table;
    width: 100%;
    margin-bottom: 6px;
}

div.field label:first-child {
    display: table-cell;
    width: 160px;
}

div.field div:first-child {
    display: table-cell;
    float: left;
}

table.compact tr td,
table.compact tr th {
    padding: 0;
}

table tr td b.hand {
    color: #dd0000;
}

table.stable {
    width: 210px;
    display: table;
    float: left;
    margin-right: 10px;
    margin-left: 2px;
    border: 1px solid #777777;
    border-collapse: separate;
}

table.stable tr th {
    background: #777777;
    color: #ffffff;
    font: bold 14px "Arial", sans-serif;
    padding: 4px 2px;
    margin: 0;
}

table.stable tr th,
table.stable tr td {
    margin: 0;
    border-left: 0;
    padding: 0;
    border-collapse: separate;
}

.iconBlock {
    width: 16px;
    height: 16px;
    padding: 4px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.iconBlock:hover {
    background: #fff255;
}

table.greytable {
    width: 100%;
    background: #f6f6f6;
}

table.greytable tr:hover td {
    background: #f6f6f6;
}

.brd {
    display: inline;
    float: none;
    clear: both;
    padding: 4px;
    border: 1px solid #f2f2f2;
    margin-bottom: 2px;
    border-radius: 2px;
}

.brd input[type="text"] {
    width: 240px;
    font: normal 14px Verdana;
}

.brd input.comment {
    width: 128px;
    font: normal 14px Arial;
}

.brd i {
    padding: 5px;
}

#pageDropMenu {
    width: 250px;
}

.axiomWinMenu {
    display: block;
    background: #ffffff;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 1px 1px 0;
    box-sizing: border-box;
}

.axiomDropdownMenu {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5000;
    background: #ffffff;
    box-shadow: 1px 3px 6px rgba(100, 100, 100, 0.5);
    width: 250px;
    border-radius: 2px;
    list-style: none;
    margin: 0;
    padding: 1px 1px 0;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
}

.axiomDropdownMenu li, .axiomWinMenu li {
    background: #ffffff;
    margin: 0;
    border-bottom: 1px solid #f6f6f6;
    line-height: 19px;
    color: #777777;
    cursor: pointer;
    font-size: 12px;
}

.axiomWinMenu li {
    font-size: 14px;
}

.axiomDropdownMenu li:last-child, .axiomWinMenu li:last-child {
    border-bottom: none;
}

.axiomDropdownMenu li:hover, .axiomWinMenu li:hover {
    background: #f2f2f2;
    color: #000000;
}

.axiomDropdownMenu li i.ic, .axiomWinMenu li i.ic {
    display: inline-block;
    font-size: 16px;
    margin: 2px 10px 0 5px;
    width: 16px;
    text-align: center;
}

.axiomDropdownMenu li:first-child, .axiomDropdownMenu li:first-child:hover {
    color: #ffffff;
    background: #555555;
    padding: 6px;
    font: bold 12px "Arial", sans-serif;
}

/* btn-group */
.btn-group {
    display: inline-block;
    height: 21px;
}

.btn-group div.label {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    background: #f2f2f2;
    padding-left: 8px;
    padding-right: 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-right: 0;
}

.btn-group .btn, .btn-group input {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
}

.btn-group .btn:first-child, .btn-group input:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn-group .btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btn-group i.ic:after {
    content: '';
}

div.field {
    width: 100%;
    float: none;
    clear: both;
    margin: 2px 0 6px 0;
    box-sizing: border-box;
}

form {
    display: block;
    float: none;
    clear: both;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    float: none;
    clear: both;
    display: block;
    padding: 0;
}

h1 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 22px;
    padding-bottom: 6px;
    border-bottom: 2px solid #cccccc;
}

h2 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 14px;
}

.smallgrey {
    font-size: 12px;
    line-height: 14px;
    color: #555555;
}

div.line {
    float: none;
    clear: both;
    display: table;
    height: 30px;
    vertical-align: top;
    line-height: 30px;
}

.line input[type=checkbox] {
    display: block;
    float: left;
    margin: 0 7px 0 4px;
    box-sizing: border-box;
    line-height: 20px;
}

.line input[type=radio] {
    display: block;
    float: left;
    margin: 6px 7px 0 4px;
    box-sizing: border-box;
    line-height: 20px;
}

label, div.line label {
    width: auto;
    display: block;
    float: left;
    height: 20px;
    margin: 8px 16px 0 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    font-family: "Arial", "Verdana", sans-serif;
    line-height: 14px;
}

/* Radio */
input.radio[type="radio"], .line input.radio[type="radio"] {
    display: none;
    margin-left: -9000px;
}

input.radio[type="radio"] + label:before, .line input.radio[type="radio"] + label:before {
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    margin-top: -4px;
    margin-right: 6px;
    content: " ";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAYAAAAw73wjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABNFJREFUeNrMV0lvU1cUPk48xLNVJ4GoaQmkSF2kGwKCGEo3Ufgjkbrt0t0g0VW6YkUHlQ0S3XafKgiQkK2IBAkUiU0iIRHV1EPs9/wGDxl6vqt3nq6NnYFVr3Vk+/ne735nPg5sbGzQkLXAssiSY5ljmWIpsWyxFFjWWIrz8/N02rW5uXkiJuMVB50NDCA6y7IcCoXyY2NjFIlEKBwOUzAYpIODA+p2u9RqtZR0Op0V3vuQwXdOIKgwR0ZG8qOjowoLgs+Hh4cKd39/Xwl/HojZT3SJD6/G43GCgCCDKwkEAv6mo6MjRdg0TbIsCxfcYeC/h5Bc4rOrIAbF2QCKpI4LPBAGUcdxlBH4ew+mTnSJQVZTqZQiCW1FACYCUBFYotlsUr1eh3U/Iisk4ZVoNKpIClEdV8cDWShv23aPAYToLB/czmQylEgkfCDIMIvCAuI2WLZarQL4K3EZ3M1ntkEyFosp70D6LSpL8EBUvAXhZwoz6O1bFndL/PS7p58ongMY7+l0WoHXarVl/vlHwQQGLAmCEuvVWoOevlinl6+22BMNmrkwTTdvXKFvF65SPBb1jQNMz2MKExZdYC0L4+PjfgxBdGsq0/cR1a0AQMTV7u4utdttZDTOFaA4iEpSvnrzln7540+68OXnNDmRVWfLlRp9KFfJbNr02/17dI6fw6ocSipey+UyjJADi0UAQdt+dw+yppCG6PtwHsS88rMIHFEaAks+YJLfzH1Nl2dneG8MSOy5EMVYmWBwlL7/4S41DFN5E2fACwI8EM1BW1w2iORxq58sYtGrkTk9hCBw99T5SUonE2x1WKtFFieMwXFYb5jkui5bsktrz4o+Fwkd4IHonJQhufgkgsMIe9qjkM9JjIvyiMl4dIxMy6a6AXIGVWp1+pddb5oGubZFjt2k9Y3XPQYQTCTTFED1EjTI3ceRFIG7vG7jE5RLkTiRcJAsx+X465LN8VevG4pcq+VQt9NWe2v8TBbOCSaIljgZpvsT5lMWksBriUiUaV3hi5zd797/Q13e47rc1doutRybXMdi4lzgOSFj8SRdmpnuSV4kKjDh+i2UFj2bP3Uh872+vYULpJCrIOMShJhsspsdyyS7aZBtscudJrVdR+2LJVJ0O3ethwtXEYUJogVcoHcc/YKTlr4fCeENFwVYF+VHmsN3PgG+nF3dYnJ47zCREQ6TzyamKJHM0M3rV3qagKd8AUTX8AVWFdCzWhb7UffQ9rypak0bMhRmlBPp9/s/USgcoUg0zvHHLZRf8WSKJs5/QelMlv56/IDLXMjnIbUUeIjRIqYgbld5yX5sOk0F0Fsp+j1bdEXGNG6hK3xJHqUPhJFc5ybH6dGvP9OT50Va33xDtb2Gikm4+9aNeU6coI8JBRuNBlyvMP1ez5m/nc1mVes6a2cCYKlUgld6ej2f3U4mkwpTHxeHGUCfovb29qhSqfjzg0wFO5hUYBUMAuIyESGki/wGkl6bu6PPkPiMUQ3hAEy4EYIQ0/F1LBlIQJLnBpmedgbOo6zxKiyASeq4eRSXQjGIR3LoPMrn1YyLERIFfNj0BEwobhjGRzPu0AmfXZUHONqiDCvQGImH7IalEJNnmfDlX4MMKsCEJVGCgIvEQUyeZsL/3/5n+k+AAQD+h5S439tsbAAAAABJRU5ErkJggg==');
}

input.radio[type="radio"]:checked + label:before, .line input.radio[type="radio"]:checked + label:before {
    content: "";
    background-position: -21px 0;
}

input.radio[type="radio"]:checked + label, .line input.radio[type="radio"]:checked + label {
    display: inline-block;
    float: left;
}

/* Checkbox */
input.checkbox[type="checkbox"], .line input.checkbox[type="checkbox"] {
    display: none;
    margin-left: -9000px;
}

input.checkbox[type="checkbox"] + label:before, .line input.checkbox[type="checkbox"] + label:before {
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    margin-top: -4px;
    margin-right: 6px;
    content: " ";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAIAAAC/jet0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgBJREFUeNrEls1LG0EYxvcrJCSHQEmqiHiSNocWevRgC0G8qQWVSqnmUFBKz/1nemkPRiERaUVBBEVFKnr00GM99NQYze7s93Z3Z/skA1HQSDfZxPcwvDvsM79nZmfeWf7iqnZZ+WOaJhcykslkpq8fSSdyCeJMJiNJUli953nQIulELsF4IpHgG/H/4iAIgGSTbk+OgLzuWhTF9uyzpA2567rnvy/gty6DOBaLhbXfzMPKwf68sj+Zf6qqnMC6QrFvvx+OXdxzbMv3fTwKXA8D7K+lQ8M0J/K5VCrVUzzYy+tHqm6+yPXF4/Gu4MGwbRvt7f7V78dEswydDA08QsBBxHgwvpQOKpUKIeSmA+SlzRNNtzRVmRp7BnY6ncZujRIPxtrWqcDza9tn1Wq16QBteavOJkR5/uRxqhGMHSW+vHniU8pOwcbuT+YAH6Ixb1tWFEPXcsODzWWPGP9mcuSv6/k0EEUBdWD76BccFL8dE9WUZcXQyMLMaDabbS57xHgMWph5SYOAFUGswc6Pc6IaslzTNWV++g52xFsPQy++zQs8JwgCpdSyLI3Ihq62Ykd/8ABYejeGkux7rmOZtmMVZl+1Ynel7ADzsTCObUgD+n4ufw+bY1dONxx8+vDacRzk2Oet2N3CMwf3UK8XH7clsxk2oIK2Qzn/sP96/wQYAI9gL12epp1MAAAAAElFTkSuQmCC');
}

input.checkbox[type="checkbox"]:checked + label:before, .line input.checkbox[type="checkbox"]:checked + label:before {
    content: "";
    background-position: -21px 0;
}

input.checkbox[type="checkbox"]:checked + label, .line input.checkbox[type="checkbox"]:checked + label {
    display: inline-block;
    float: left;
}

/* Switch Checkbox */
input.switch, .line input.switch {
    display: none;
    margin-left: -9000px;
}

input.switch + label:before, .line input.switch + label:before {
    display: block;
    float: left;
    width: 59px;
    height: 21px;
    margin-top: -4px;
    margin-right: 6px;
    content: " ";
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAVCAYAAAD4g5b1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrUWElMU0EY/ua9BwVaC1QQCshmBCxLaiXGxJhoNC5xORgDxngwwWiiiXIwJuhR3E4KnjxwUGOMciNGMQQQ5aJC0AOiKJASqkhRSEuhlJY6M2Ur9lUvHfVP/rbfvFneN//Sf4bsLTuhAKigWkZ1PdVY/F5i8O+Ln+o01Q6q1Y8f3n5G9pefvFhYaKrevX0LLCX5WKGLi8jKnhkv+gZsaG7vwti4Uwhbn88Lp9OBT709DgoPK4RIlQf37USpOT+wHX5/RBaOUmQUrM3ElNuDxpY3QsjKkoyVhmRI+bK+t/f9eYVIUtKa7HRhvpW9OhUgRKg/6+MTQHmWKhKREB2tRMyiy4WtRQSTVRQFlKdOkSSJExVFlq0jmiwTxnOOLASSpR/Um8LJJksBNm3IR4wmmuMPn4fQ2NoJ97SHY3NhLnZv28B/v+3ux/DIWBBmfVXJipZwlt211cLJ1N1/jKbW11iVnIhzp4/gWNl23Klv4YSLCrJ434ozVxETF4uqs0eDcObqDDWycpCLiSBJVCybmpzAiTa/6MTH/mFYLGZ4PB48aniOc6fKUWLKQVqKARnGJN6/rrYK1qGRIHyXbsiwfTwEWZkRpm4M/0LcRlwRiNlQmpZq4C9m/+5ActJK3qbRaOCY8MA16UYGfV5zux4D1q+83/HK67h8414QHhgcDjl3kGVFJik1y8pSwPK+2eA+er1+IZPn5uZgPvSKi0yY8c7+gkMnKHkuZpfsvIgMpRazzHpMdNpYkFFnyOdLx85bTQ2rxCwRaFmiatl+6zf+baRx2Tc4utCel2uENi4GQzZ7YCxZ9BDObTlWsaz0N7Ixf6MQ6nBNo+VlFzauz0PJuizeFq/XwlKUg5HRcbx4/T64+pof+5t5sTRm/QLdmBcVKhus1enQ0PQGdkrswJ7N2LGlmLd3vvuE+oY2JK1KnRu7mNUDTrIch4tZIjBBkfD/s9nZmejqGcTT1g54vV7eZjAkIj09DUqUwvGVmgdwuSZhNpfQUlD+BYetoOAXSNavno3nxWg0clUTk2ldWKxOlkiz7ukZKTpKI6SoYBUQgdja2OfzsYPAGEtQtv7BEe7T7GUiVUywudnpw/rlR9hEEgl1uZzMsu3s8H7pSWPbrQnXlKa4IBOGBG1ETiUTLjd6+r6hq9vKbxBEyCy1qHtqEvavNhvlWU3YrldeqD00dwdl+cM7qJT/5A6KVSZtVK/dvHLm1U8BBgAV6+a9B6QXaQAAAABJRU5ErkJggg==');
}

input.switch:checked + label:before, .line input.switch:checked + label:before {
    content: "";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAVCAYAAAD4g5b1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5NJREFUeNrcWFtIFFEY/s7M2K6j245opeElLxU9aKhQJGYhgdGN6qGbT0YlFhZdXnpIX4wKsagUCaQIIusloiCMyNDyIYiyNKzAdC20qFZ33XUvtjOdM+ul1N0Nc0fz3/1255zZ88/5zv+fb/4dsnHHAVDLpCimWEMRjVlgBs46SL9aKe5RXKqtrR0QOEIyaOOWaVtTSn9SN34aHJpNKCEkCUWRx5Bn2IJIPmqq3evtdvuq5ubmVXV1dcvz8/NLBEK4o6atz1J+ZH7QfPX3RxVj99wC9VhRlCn3L4oisrKy4HQ6d3Z0dHzhCMdl9yd3T0uqZYu5mlwnNTWV0uRyaBpzMYM0dQkhmpMNJ4agRHRcPuv1oGRjBPqhMJrKNERWpi8tyMqyzMgqFJwaVX9I02egduEDfEp2qmiKb0O+cV/AcYHAiGoFxlMl68/iQxJxM/oBZCuQUhONqCodrr+uwdmoShRJx/+bW9EQWd7v6p80lsHISzjx4hDcOVaEbeBRbTmPhs/1ODj3hPc3kWXoSnLg7LwqtCzqGTkOFNlhC2ZEmbFrjUTW34SyQ3Nhsnbga2IXuDnevjnJHJ6a62EUJKymiiqbvZOOdS3C4qvReP3tJfYY9qrnZlga84z7hKE3chKMIRL6BntBxDFpEeYdY7BJI333O+9AXMej8duTced8mRZEmfE8D+H3yI41i9uCPlcfJF0EiG3iBbG4+6i2e49t4RZvyoQOyyD1K/i5pSnsrQRdkcdEdmIjIUBjdz0SwhMRLyT+cW7T/O3qQrS4Xo128pObiBaR/as9e6a9RCV1WroEiY9Q+4qMx5BmSEflmwrYDFa6CUajp44b2w4gUDNGjb/EdWHHw01Q7MCr2E/4GN+PXboClD0/hSv2C6poDXMbIUECE1UFCtoJFNuzpPDoGefjw+d0Mu/xXYFYFLjey/B8H0oJkUCI86oyM/c7Ge6PMvTpVARiyLi2L2uc/xYRnsig7lm2qA6HA+Xl5T1D5SJLZdnnAF4iEFf6Lj50y3gVvto+J6KQP/ZVMAl7y0XCmUL7jdNS1fTKP4K+d5n/gYEBRtbEBKp+QefSf65zJ4MG9yMIghC0AoP5Zf7b29sHKc9H7M97xbKmvEwqKivMsZ1wiTbNInvbeQMet4L1YZuRoEuacv9msxmtra1oa2u7TIlXkyMnL7L+JRSFFGtnyzOoCF3v8DOouxTXSktLPb8EGADXhSXBoOJatwAAAABJRU5ErkJggg==') 0 0;
}

input.switch:checked + label, .line input.switch:checked + label {
    display: inline-block;
    float: left;
}

input.date {
    width: 106px;
}

.axiomCalendar {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5000;
    background: #ffffff;
    box-shadow: 1px 6px 12px rgba(100, 100, 100, 0.5);
    padding: 3px;
    border-radius: 4px;
}

.axiomCalendar table {
    font: bold 12px Arial;
    border: 1px solid #000000;
    border-collapse: collapse;
    border-radius: 2px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.axiomCalendar table tr th {
    border: 1px solid #eeeeee;
    background: #ffffff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    padding-top: 3px;
    padding-bottom: 3px;
    font: bold 12px Arial;
    text-align: center;
}

.axiomCalendar table tr td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ffffff;
    padding: 5px;
    cursor: pointer;
    font: bold 11px Arial;
}

.axiomCalendar table tr:hover td {
    background: #ffffff;
}

.axiomCalendar table tr td:hover i {
    color: #ff0000;
}

.axiomCalendar table tr td.axcalyear div span, .axiomCalendar table tr td.axcalyear {
    font: bold 14px Arial;
}

.axiomCalendar table tr.mheight td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.axiomCalendar table tr td.m:hover {
    background: #ffffff;
    color: #ff0000;
}

.axiomCalendar table tr td.sel {
    background: #cc0000;
    color: #ffffff;
}

.axiomCalendar table tr td.hd {
    background: #f8f8f8;
}

.axiomCalendar table tr td.curr {
    background: #cccccc;
    color: #000000;
}

.axiomCalendar table tr td.axcalyear {
    text-align: center;
}

.axiomCalendar table tr td.axcalyear div {
    display: inline-block;
}

.axiomCalendar table tr td div select {
    display: inline;
    width: 70px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    font: bold 11px "Arial", sans-serif;
    box-sizing: border-box;
}

table.cmstable2 {
    min-width: 1060px;
}

.cmstable2 tr td input[type="checkbox"] {
    margin: 0 0 0 7px;
    padding: 0;
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
}

.error {
    width: 100%;
    padding: 16px;
    color: #ffffff;
    background: #cc0000;
    border-radius: 2px;
    margin: 4px 0 4px 0;
    line-height: 20px;
    box-sizing: border-box;
}

.info {
    width: 100%;
    background: #fffee2;
    padding: 16px 16px 24px 24px;
    color: #005093;
    font: normal 12px "Arial", sans-serif;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 4px;
    box-shadow: inset 1px 1px 2px rgba(77, 77, 77, 0.1);
    box-sizing: border-box;
}

/* TABS */
.tabsection {
    width: 100%;
    margin: 2px 0 5px 0;
}

ul.tabs {
    height: 26px;
    line-height: 26px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs li, .tabs li:hover, .tabs li.current {
    float: left;
    display: block;
    margin: 0 3px 0 0;
    padding: 3px 20px 0 20px;
    color: #ffffff;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #8c8c8c;
    font: bold 14px/34px "Tahoma", "Arial";
    box-sizing: border-box;
}

.tabs li:hover {
    color: #ffffff;
    background: #d40000;
}

.tabs li.current {
    color: #000000;
    background: #f8f8f8;
    border: 1px solid #ffffff;
    border-bottom-width: 0;
}

.tabbox {
    display: none;
    background: #f8f8f8;
    padding: 12px 16px 16px 16px;
    margin-top: 12px;
    border: 1px solid #ffffff;
    border-top-width: 0;
}

.tabbox.visible {
    display: block;
}

table.nostyle {
    width: 100%;
    height: 800px;
    background: transparent;
    box-sizing: border-box;
    padding-top: 0;
}

table.nostyle tr td {
    vertical-align: top;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 0;
}

table.nostyle label {
    width: 230px;
}

label b {
    color: inherit;
    font: inherit;
    font-weight: bold;
}

#AxiomDialogMask {
    z-index: 5000;
    position: fixed;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: rgba(77, 77, 77, 0.5);
}

#AxiomDialogMask2 {
    z-index: 20;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 1px;
}

/* For Modal Windows */
#AxiomDialogMask3 {
    z-index: 20;
    position: fixed;
    left: 0;
    top: 0;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background: rgba(77, 77, 77, 0.5);
}

#AxiomConfirmDialog,
#AxiomInfoDialog,
#AxiomWinDialog {
    margin-top: 160px;
    display: inline-block;
    z-index: 20000;
    width: 400px;
    background: #ffffff;
    border-radius: 6px;
    border: 3px solid #ffffff;
    text-align: center;
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    overflow: hidden;
}

.AxiomWinDialog {
    overflow: hidden;
}

.AxiomWinCloseBtn {
    cursor: pointer;
    margin-top: -2px;
    display: inline-block;
    float: right;
    margin-right: -4px !important;
    padding: 4px;
    border-radius: 2px;
}

.AxiomWinCloseBtn:hover {
    background: #ffffff;
    color: #006fc4;
}

#AxiomInfoDialog, #AxiomWinDialog {
    margin-top: 30px;
    text-align: left;
}

#AxiomConfirmName,
#AxiomInfoName {
    font: bold 14px Arial;
    color: #ffffff;
    background: #555555;
    display: block;
    padding: 12px;
    text-align: left;
    cursor: move;
}

#AxiomWinName {
    font: bold 12px Arial;
    color: #ffffff;
    background: #555555;
    display: block;
    padding: 6px 12px;
    text-align: left;
    cursor: move;
}

#AxiomInfoName {
    background: #0090ff;
}

#AxiomConfirmDesc,
#AxiomInfoDesc {
    text-align: left;
    font: normal 14px Arial;
    color: #000000;
    display: block;
    width: 300px;
    float: right;
    margin-right: 10px;
    padding-top: 20px;
    margin-bottom: 20px;
    min-height: 60px;
}

#AxiomInfoDesc {
    margin-right: 2px;
    width: 97%;
    max-height: 400px;
    overflow: auto;
}

#AxiomWinDesc {
    z-index: 6000;
    box-sizing: border-box;
    margin-right: 2px;
    width: 100%;
    overflow: auto;
}

.AXwc {
    padding: 4px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9000;
}

#AxiomConfirmIcon,
#AxiomInfoIcon {
    float: left;
    display: block;
    width: 80px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#AxiomInfoIcon {
    margin-left: 6px;
    width: 54px;
}

#AxiomConfirmButtons {
    display: block;
    clear: both;
    margin: 8px 6px 6px;
    border-top: 1px solid #dddddd;
    padding: 6px 6px 16px 0;
    background: #f2f2f2;
    text-align: right;
    box-sizing: border-box;
    height: 40px;
}

#AxiomConfirmButblock {
    float: right;
    display: block;
}

#AxiomConfirmButblock div {
    float: left;
    display: inline;
}

#AxiomMessage {
    z-index: 5001;
    position: fixed;
    right: 10px;
    top: 10px;
    display: block;
}

.AxiomMessage {
    opacity: 0.9;
    width: 250px;
    background: #777777;
    padding: 12px;
    color: #ffffff;
    font: bold 12px "Arial", sans-serif;
    float: none;
    clear: both;
    margin-bottom: 4px;
    border-radius: 4px;
}

/* PAGE ICONS */
table.cmstable2 {
    width: 100%;
    font-size: 11px;
    min-width: 1000px;
    border: none;
    background: #ffffff
}

.cmstable2 tr th {
    padding: 0 6px;
    border-bottom: 0;
    border-top: 0;
}

.cmstable2 tr td {
    box-sizing: border-box;
    line-height: 21px;
    vertical-align: middle;
    padding: 0;
    color: #000000;
    border: 0;
    background: transparent;
}

.cmstable2 tr:nth-of-type(odd) td {
    background: rgba(240, 240, 240, 0.5);
}

.pg {
    width: 16px;
    height: 21px;
    display: block;
    float: left;
    overflow: hidden;
    margin: 0;
    box-sizing: border-box;
    font-size: 8px;
    color: #0000dd
}

.pg_none {
    background: none;
    height: 21px;
}

.pg_trn {
    background-image: url('data:image/gif;base64,R0lGODlhEAAVAJEDAMvLyyIiIsPDw////yH5BAEAAAMALAAAAAAQABUAAAImnC+ni+yWHotS0Qqx1Y2PWwkiJwTieQLL6YGh98GuND+1c0+yVAAAOw==');
}

.pg_mainnode {
    background-position: -40px -240px;
}

.pg_tnb {
    background-image: url('data:image/gif;base64,R0lGODlhEAAVAIABAMPDw////yH5BAEAAAEALAAAAAAQABUAAAIhjA+ni+yWHotS0Qqx1Y2Hi4GVKJGP6aCT97Hq8m5e3DkFADs=');
}

.pg_tne {
    background-image: url('data:image/gif;base64,R0lGODlhEAAVAIABAMPDw////yH5BAEAAAEALAAAAAAQABUAAAIdjA+ni+yWHotS0Qqx1Y2Hi4EVQJamh6bqyrZuWwAAOw==');
}

table.cmstable2 i {
    float: left;
    margin-bottom: -2px;
    margin-right: 2px;
}

table.cmstable2 td.dt div {
    display: inline-block;
    font: normal 11px "Tahoma", "Arial Narrow", sans-serif;
    line-height: 12px;
    height: 12px;
    color: #d82222;
    cursor: pointer;
    box-sizing: border-box;
    width: 160px;
    max-width: 360px;
    margin-left: 6px;
}

.cmstable2 td.dt {
    font: normal 10px "Arial", sans-serif;
    line-height: 12px;
    height: 12px;
    box-sizing: border-box;
    min-width: 90px;
}

.cmstable2 .dt2 {
    font: normal 11px "Arial", sans-serif;
    line-height: 12px;
    height: 12px;
    color: #cc0000;
    cursor: pointer;
    overflow-x: hidden;
}

.cmstable2 td.ac {
    vertical-align: bottom;
}

.cmstable td.ac i {
    margin: 0;
    padding: 0;
}

.cmstable2 td i.ic-home, .cmstable2 td i.ic-filemanager {
    color: #aaaaaa;
    height: 16px;
    margin-left: 6px;
    margin-top: 0;
}

.cmstable2 td span.pn, .cmstable2 td span.pnb {
    color: #707b7c;
    font: normal 14px "Arial", sans-serif;
    cursor: pointer;
    margin-left: 2px;
    display: inline;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
    max-height: 14px;
}

.cmstable2 td span.pnb {
    font-weight: bold;
}

.cmstable2 td span.pn:hover, .cmstable2 td span.pnb:hover {
    color: #e74c3c;
}

.cmstable2 td span.lang {
    padding: 0 0 1px 0;
    background: #000000;
    color: #ffffff;
    font: bold 11px "Arial", sans-serif;
    border-radius: 2px;
    display: inline-block;
    text-transform: lowercase;
    box-sizing: border-box;
    text-align: center;
    width: 22px;
}

.cmstable2 td .ic-file-2, .cmstable2 td .ic-file-3, .cmstable2 td .ic-deletefile,
.cmstable2 td .ic-folder-open, .cmstable2 td .ic-home {
    cursor: default;
}

.cmstable2 td.fn span {
    float: left;
    display: inline;
    font: normal 14px "Arial", sans-serif;
    line-height: 16px;
    color: #d72300;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    margin-top: 3px;
}

.cmstable2 td.fn span:hover {
    color: #e74c3c;
}

.cmstable2 td div.mbtn, .cmstable td.fn div {
    display: inline-block;
    float: left;
    width: 11px;
    height: 8px;
    margin-top: 7px;
    margin-left: 6px;
    background-image: url('data:image/gif;base64,R0lGODlhCwAIAJEAAFtgYOXs7fr6+gAAACH5BAAAAAAALAAAAAALAAgAAAIUjI8my6wAIxBKyEkDi07vVjVdkhQAOw==');
    position: absolute;
    cursor: pointer;
}

.cmstable2 td div.mbtn:hover, .cmstable2 td.fn div:hover {
    background-image: url('data:image/gif;base64,R0lGODlhCwAIAMQFAAAAAP///+Xs7XB7fPr6+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAUALAAAAAALAAgAAAUS4CCOZGmOQaoG5cqa6im+ci2HADs=');
}

.cmstable2 td.cnt {
    text-align: center;
}

.cmstable2 td i.ic-angle-up, .cmstable2 td i.ic-angle-down {
    float: none;
    margin: 0 6px;
    display: inline;
    height: 16px;
    font-size: 16px;
}

.cmstable2 td i.ic-alarm-2 {
    float: none;
    color: #ee0000;
    font-size: 16px;
    display: inline;
}

.cmstable2 td i.ic-angle-up:hover, .cmstable2 td i.ic-angle-down:hover {
    color: #e74c3c;
}

.cmstable2 td i {
    float: left;
    margin-top: 2px;
    margin-right: 2px;
}

table.formtable tr td {
    margin: 2px;
    padding: 2px;
}

hr {
    color: #dddddd;
    background-color: #dddddd;
    border: 0 none;
    height: 1px;
    clear: both;
}

.keywds {
    font: normal 11px Arial;
    display: inline;
    width: 150px;
    height: 18px;
    float: left;
    overflow: hidden;
}

.keywds span {
    cursor: pointer;
}

.keywds span:hover {
    color: #cc0000;
    text-decoration: underline;
}

.keywds b {
    display: inline-block;
    width: 14px;
    text-align: left;
    color: #cc0000;
    margin-right: 9px;
}

.help {
    display: block;
    clear: both;
    border-color: #ffffff;
    background: #f6f6f6;
    padding: 16px;
    margin-bottom: 8px;
}

.help * {
    font-size: 12px;
}

.textareaCounter {
    color: #cc0000;
    background: #ffffff;
    padding: 2px;
}

table.cmstable3 {
    width: 100%;
    font-size: 12px;
    min-width: 1000px;
    border: none;
    background: #ffffff;
    padding: 6px;
    margin-bottom: 16px;
}

table.cmstable3 tr th {
    height: 36px;
    padding: 0 2px 0 4px;
    border-bottom: 0;
    border-top: 0;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-family: "Tahoma", sans-serif;
    font-size: 14px;
    cursor: pointer;
}

table.cmstable3 tr td {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
    padding: 0 0 0 6px;
    color: #000000;
    border: 0;
    background: transparent;
    text-align: left;
    border-bottom: 1px solid #eeeeee;
}

table.cmstable3 tr:nth-of-type(odd) {
    background: rgba(250, 250, 250, 0.8);
}

.cmstable3 tr td b {
    display: block;
    line-height: 14px;
    font: bold 14px "Tahoma", sans-serif;
    color: #dd0000;
}

.cmstable tr td span {
    color: #999999;
    display: block;
    float: none;
    line-height: 11px;
    font: normal 11px "Arial", sans-serif 
}

table.cmstable3 tr td.drag i.ic {
    padding: 0 8px 0 8px 
}

.cmstable3 tr th i, .cmstable3 tr td i {
    font-size: 16px;
}

table.cmstable3 tr td:last-child i:hover {
    color: #007ad8 
}

#AXIOMsidebar {
    width: 342px;
    height: 100%;
    background: #eeeeee;
    position: fixed;
    top: 0;
    box-sizing: border-box;
    border-right: 1px solid #cccccc;
    z-index: 5000;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.5);
    display: block;
    margin-top: auto;
}

#sidebarBlock {
    width: 340px;
    height: 100%;
    margin-right: 8px;
    position: relative;
    box-sizing: border-box;
}

#sidebarAppend {
    width: 14px;
    height: 200px;
    position: absolute;
    left: 342px;
    top: 50%;
    box-sizing: border-box;
    margin-top: -100px;
    background: #646464;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cccccc;
    cursor: pointer;
}

#sidebarAppend:hover {
    background: #cc0000;
    border-right: 1px solid #cc0000;
}

#sidebar {
    margin-left: 16px;
    margin-top: 16px;
    width: 310px;
    overflow: scroll;
}

.AXTOPfield {
    background: url("img/blackbg.gif") top repeat-x;
    height: 110px;
    box-sizing: border-box;
    padding: 23px 16px 0 12px;
}

#AXmargins {
    margin: 0 20px;
}

#AXtmenu {
    margin: 10px 0 0 30px;
    float: left;
}

#nav {
    float: left;
    list-style: none;
    font-weight: bold;
    margin-left: 0;
    z-index: 1000;
}

#nav li.one {
    float: left;
    margin-right: 1px;
    position: relative;
    display: block;
    color: #999999;
    z-index: 1000;
}

#nav li.one a {
    display: block;
    padding: 10px 15px;
    color: #00173c;
    background: #9ab8e8;
    font: bold 12px "Tahoma", "Arial", sans-serif;
    text-decoration: none;
    vertical-align: middle;
    z-index: 1000;
}

#nav li.one a:hover {
    color: #000000;
    background: #ffffff;
    text-decoration: none;
    border-bottom-right-radius: 0;
}

#nav li.one:last-child, #nav li.one:last-child a {
    border-right: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    z-index: 1000;
}

#nav li.one:first-child, #nav li.one:first-child a {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

#nav ul.two {
    list-style: none;
    position: absolute;
    left: -9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
    opacity: 0; /* Устанавливаем начальное состояние прозрачности */
    text-align: left;
    display: block;
    min-width: 250px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    z-index: 1000;
}

#nav ul.two li {
    float: left;
    text-align: left;
    width: 100%;
    display: block;
    box-sizing: border-box;
    z-index: 1000;
}

#nav ul.two li a i.ic {
    font-size: 16px;
    color: #888888;
    margin: 0 8px 0 0;
    display: block;
    width: 16px;
    height: 100%;
    float: left;
}

#nav ul.two li:hover {
    background: #ffffff;
}

#nav ul.two li a {
    font: normal 12px "Arial", sans-serif;
    float: left;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    padding: 8px 16px;
    box-sizing: border-box;
    background: #f2f2f2;
    color: #000000;
}

#nav li:hover ul.two {
    /* Выводим выпадающий пункт при наведении курсора */
    left: 0; /* Приносим его обратно на экран, когда нужно */
    opacity: 1; /* Делаем непрозрачным */
    margin-left: 0;
    margin-top: 0;
    text-align: left;
    float: left;
}

#nav li:hover a {
    /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
    text-decoration: none;
    z-index: 1000;
}

#nav li:hover ul.two li a:hover {
    text-decoration: underline;
    background: #ffffff;
    color: #cc0000;
}

table tr td.tdb {
    font: bold 12px "Arial", sans-serif;
}

table tr td.tdr {
    font: bold 12px "Arial", sans-serif;
    color: #dd0000;
}

table tr td.tdg {
    background: #f6f6f6;
}

/* PAGINATION */
ul.AXIOMpagination {
    margin: 5px 0 0 40px;
    height: 22px;
    vertical-align: bottom;
    padding: 0;
    list-style: none;
    display: inline-block;
    clear: both;
    text-align: right;
    box-sizing: border-box;
}

ul.AXIOMpagination li:first-child {
    margin-left: 8px;
}

ul.AXIOMpagination li {
    display: inline;
    border-radius: 2px;
    margin: 1px;
}

ul.AXIOMpagination li a, ul.AXIOMpagination li span {
    text-decoration: none;
    font: bold 12px Arial;
    padding: 3px 6px 2px 6px;
    cursor: pointer;
    border-radius: 2px;
}

ul.AXIOMpagination li a, ul.AXIOMpagination li.current span {
    background: #d50000;
    color: #ffffff;
}

ul.AXIOMpagination li span {
    background: #000000;
    cursor: pointer;
    color: #ffffff;
}

ul.AXIOMpagination li a:hover {
    color: #ffffff;
    background: #ff0000;
}

ul.AXIOMperpage {
    margin: 0 0 3px 0;
    height: 14px;
    line-height: 14px;
    vertical-align: bottom;
    padding: 0;
    list-style: none;
    display: inline-block;
    clear: both;
    text-align: right;
    box-sizing: border-box;
    font: normal 11px "Arial", sans-serif;
}

ul.AXIOMperpage li {
    float: left;
    font-weight: bold;
}

ul.AXIOMperpage li:first-child {
    margin-right: 8px;
}

ul.AXIOMperpage li span, ul.AXIOMperpage li a {
    color: #777777;
    cursor: pointer;
    padding: 2px;
    display: inline;
    margin: 1px;
}

ul.AXIOMperpage li.current span, ul.AXIOMperpage li.current a, ul.AXIOMperpage li.current:hover span, ul.AXIOMperpage li.current:hover a {
    background: #cc0000;
    color: #ffffff;
    border-radius: 2px;
}

ul.AXIOMperpage li a:hover, ul.AXIOMperpage li span:hover {
    color: #dd0000;
}

/* ACE EDITOR STYLE */
.codeEditor {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    font-family: monospace;
}

.aceedit {
    position: absolute;
}

.ace_content {
    font-family: monospace;
}

pre {
    font-family: monospace;
}

#codeEditor {
    right: 0;
    left: 0;
    font-family: monospace;
}

#codeEditor *, .codeEditor * {
    font-family: monospace;
}

.ace_gutter-cell {
    color: #555555;
}

.ace_identifier {
    color: #999999;
}

.ace_line {
    color: #999999;
}

.ace_paren {
    color: #777777;
}

*.disabled {
    box-shadow: none;
    opacity: 0.2;
}

*.disabled, .disabled *, .disabled:hover {
    box-shadow: none;
    color: #dddddd;
}

.dragged {
    border-left: 4px solid #ff0000;
    box-sizing: border-box;
}

tr.dragged td:first-child {
    background: #fff3b2;
    padding-left: 4px;
}

#ajaxWindow {
    display: block;
    z-index: 102;
    visibility: hidden;
    width: 120px;
    height: 68px;
    position: fixed;
    top: 6px;
    right: 8px;
    background: url("img/animation.gif") 26px 8px no-repeat #000000;
    border-radius: 4px;
    cursor: pointer;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    text-align: center;
}

#ajWin {
    display: block;
    margin-top: 6px;
    font: bold 12px Arial;
    color: #ffffff;
}

th i {
    display: inline;
}

th i.ordersign {
    display: inline;
    margin: 0 0 0 4px;
    font-size: 16px;
    color: #ee0000;
    padding: 0;
    box-sizing: border-box;
}

.cmstable3 td .btn-group {
    height: 18px;
    margin-top: 3px;
}

.cmstable3 td.ed:hover div {
    cursor: pointer;
}

/* РАЗМЕРЫ INPUT полей */
input.size-xs {
    width: 36px;
}

input.size-s, select.size-s {
    width: 106px;
}

select.size-xs {
    width: 64px;
}

input.size-m, select.size-m {
    width: 146px;
}

input.size-l, select.size-l {
    width: 450px;
}

input.size-xl, select.size-xl {
    width: 600px;
}

.btn-group div .ic-delete, .btn-group div:hover i.ic-delete {
    color: #dd0000;
}

form table tr td {
    border: none;
}

div#AXuser {
    margin-top: 16px;
    float: right;
    display: block;
    color: #ffffff;
}

div.lblock {
    float: left;
}

div.lblock table {
    width: 210px;
    background: transparent;
    margin-right: 10px;
    border: none;
}

div.lblock table td {
    height: 22px;
    line-height: 22px;
    max-height: 22px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background: transparent;
    border: none;
}

div.lblock table tr td:first-child {
    width: 22px;
}

div.lblock table tr td input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin: 3px 0 0 0;
    padding: 0;
}

div.bodyblock {
    display: block;
    width: 100%;
    padding: 10px 30px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 4px;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

table.cmstable tr td {
    border-right: 0;
}

table.cmstable tr td a {
    font: normal 16px "Arial", sans-serif;
    color: #777777;
    text-decoration: none;
    display: block;
    padding: 4px;
}

table.cmstable tr td:hover {
    background: #ffffcc;
}

table.cmstable tr td a:hover {
    color: #cc0000;
    text-decoration: underline;
}

span.sbtn {
    font: normal 14px "Arial", sans-serif;
    background: #3fbcef;
    padding: 8px 26px;
    margin: 0 2px;
    color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.sbtn:hover {
    background: #e3007b;
}

table.centertable tr td {
    border: none;
    text-align: center;
}

span.ssbtn {
    font: normal 16px "Arial", sans-serif;
    background: #dddddd;
    padding: 8px 16px;
    color: #000000;
    border-radius: 3px;
    margin: 0 2px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.ssbtn:hover {
    background: #cccccc;
}

#keymap {
    opacity: 0.2;
}

#keymap:hover {
    opacity: 0.8;
}

#keymap * {
    font: normal 12px "Arial", sans-serif;
    line-height: 14px;
    color: #000000;
}

#keymap p b {
    font-weight: bold;
    display: inline-block;
    width: 90px;
    line-height: 12px;
}

.keys {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.keys div {
    display: inline-block;
    font: normal 11px "Arial", sans-serif;
    line-height: 12px;
    color: #555555;
    margin-right: 16px;
}

.keys div b {
    color: #000000;
    font-weight: bold;
}

div#lessonInfo {
    display: table-cell;
    width: 100%;
    position: absolute;
    left: 0;
    top: 30%;
    text-align: center;
    vertical-align: middle;
}

h6 {
    font-size: 48px;
    text-align: center;
    margin: 0;
    text-transform: none !important;
    color: #3787ea;
    font-weight: bold;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #bbb,
    0 1px 0 #aaa,
    0 0 5px rgba(0, 0, 0, .1),
    0 2px 3px rgba(0, 0, 0, .2),
    0 5px 5px rgba(0, 0, 0, .2);
    line-height: 50px;
}

.smaller {
    font: normal 10px "Arial", sans-serif;
    color: #777777;
    margin-right: 8px;
    display: none;
}

table.transparent {
    background: transparent;
}

table.transparent tr td {
    border: none;
    background: transparent !important;
}
#copyright{
width:100%;
height:24px;
margin-top:36px;
display:block;
float:none;
clear:both;
text-align:center;
}
#copyright a{
font:normal 11px "Arial", sans-serif;
color:#999999;
}
#copyright a:hover{
color:#1399df;
}