body { 
	background: #dfe3e6; 
	color: #000000; 
	font-family: Arial, 'Tahoma', sans-serif; 
	text-align: center;
	margin: 0; 
}

body.white {
	background: #ffffff; 
}

h1 { 
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 18pt; 
	font-weight: normal;
	text-align: left; 
	margin: 0; 
	padding: 0;
}

h2 { 
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 14pt; 
	font-weight: normal;
	text-align: left; 
	margin: 0; 
	padding: 0;
}

h3 { 
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	text-align: center;
	padding: 0; 
	margin: 0;
}

h4 {
	text-align: left;
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 10pt; 
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
}

img { 
	border: none;
	padding: 0 1px;
	vertical-align: bottom;
}

img.middle { 
	border: none;
	vertical-align: middle;
}

img.top { 
	border: none;
	vertical-align: top;
}

iframe {
	border-radius: 4px 4px 4px 4px;
	padding: 4px;
	background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
	border: 1px solid #4d5c80;
}

a {	
	font-size: 10pt; 
	text-decoration: none;
	color: #0645AD;
	cursor: hand;
}

a:hover {
	color: #1133ff;
}

a.curr {
	font-size: 10pt; 
	text-decoration: none;
	color: #0645AD;
	background-color: #dfe3e6;
	cursor: hand;
}
a.curr:hover {
	color: #1133ff;
}

div { 
	padding: 0;
	margin: 0;
	text-align: left; 
}

div.selected { 
	background: #dfe3e6;
}

header {
	display: block;
}

form { 
	margin: 0; 
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 10pt; 
	font-weight: normal;	
	list-style: none;
}

ul.size1 { width: 80px; }

ul.size2 { width: 130px; }

ul.size3 { width: 180px; }

ul.size4 { width: 260px; }

ul.size5 { width: 380px; }

ul.size6 { width: 430px; }

ul.size7 { width: 500px; }

ul.uch  { width: 720px; }

ul.uch li {
	margin-bottom: 5px;
	width: 720px;
}

ul.usercateg li {
	height: 18px; 
}

ul.uch li.branch { 
	margin-left: 20px;
	width: 700px;
}

ul.wide li { 
	padding-top: 2px;
	padding-bottom: 2px; 
}

li.curr {
	width: 100%;
	background-color: #dfe3e6;
}
li.currg {
	width: 100%;
	background-color: #B1FCCF;
}
li.curry {
	width: 100%;
	background-color: #F5F8AE;
}
li.currr {
	width: 100%;
	background-color: #FDB0B0;
}

p {
	text-align: left;
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 10pt; 
	font-weight: normal;
	padding: 0;
	margin: 0;
}

p.footer {
	color: #344779;
	text-align: center;
	font-family: Arial, 'Tahoma', sans-serif; 
	font-size: 10pt; 
	font-weight: normal;
	padding: 0;
	margin: 0;
}

p.right {
	text-align: right;
}

p.aversTitle {
	font-size: 22pt; 
	font-weight: bold;
	padding-bottom: 10px;
}

span {	
	padding: 0;
	margin: 0;
}

span.menu {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 10pt;
}

span.sprRed {
	color: #aa0000;
}

span.sprGreen {
	color: #00aa00;
}

span.branch {
	color: #aaaa00;
} 

span.red {
	background-color: #ffdddd;
}

span.green {
	background-color: #dfe9e0;
}

span.blue {
	background-color: #dfe0e9;
}

span.brown {
	background-color: #e5dfdf;
}

a:hover span.menu {
	color: #c4d2f8;
}

a.crossintable {
	position: relative;
	float: right;
	display: block;
width: 12px;
height: 13px;
right: 1px;
top: 1px;
margin-left: 5px;
font-size: 1px;
outline: none;
background: url('select2.png') right top no-repeat;
}

a.crossintable:hover{
	background-position: right -11px;
}

span.dropMenu {
	text-align: left;
	font-size: 10pt; 
	color: #ffffff;
}

a:hover span.dropMenu {
	color: #c4d2ff;
}

span.tabMenu {
	display: block;
	color: #ffffff;
	text-align: center;
	font-size: 10pt; 
}

a:hover span.tabMenu {
	color: #c4d2ff;
}

li.selected a span.tabMenu {
	display: block;
	color: #0645AD;
	text-align: center;
	font-size: 10pt; 
}

li.selected a:hover span.tabMenu {
	color: #1133ff;
}

span.linkMenu {
	display: block;
	text-align: left;
	font-size: 10pt;
}

span.linkMenuRight {
	display: block;
	text-align: right;
	font-size: 10pt;
}

#page { 
	margin: 5px auto 10px; 
	width: 1340px;
	min-height: 700px;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
	padding: 15px 20px 10px;
}

div.projectTitle {
	text-align: center;
	width: 1340px;
	color: #344779;
	margin: 2px auto 0; 
}

nav {
	padding: 0;
	margin: 0;
	float: none;
	height: 35px;
	background-image: url("../images/MainMenuBG.png");
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #4d5c80;
	width: 100%;
	display: block;
}

ul.menu {
	padding: 0;
	margin: 0;
	float: none;
	height: 35px;
	display: table;
}

li.menuItemBorder {
	padding: 0;
	margin: 0;
	width: 0;
	height: 35px;
	border-left: 1px solid #4d5c80;
	border-right: 1px solid #8089a2;
	display: table-cell;
}

li.menuItemLogo {
	margin: 0;
	text-align: center;
	height: 35px;
	width: 40px;
	padding: 0 2px 0;
	display: table-cell;
	background-image: url("../images/MainMenuBG.png")\0/; /*хак - только для IE8*/
	vertical-align: middle;
}

li.menuItem {
	margin: 0;
	color: #ffffff;	
	height: 35px;
	line-height: 0.9;
	display: table-cell;
	vertical-align: top;
	background-image: url("../images/MainMenuBG.png");
	padding:0px 16px 0px 16px;
}

li.menuItem:hover {
	background-image: url("../images/MainMenuBGSelect.png");
}

li.menuItemLogo:hover {
	background-image: url("../images/MainMenuBGSelect.png");
}

li.menuItem a {
	display: table-cell;	
	vertical-align: middle;
	max-width: 95px;
	min-width: 60px;	
	height: 35px;
	line-height: 0.9;
	margin: 0;
	padding: 0 12px;
}

div.dropMenu { 
	width: 240px;
	background-color: #5d6884;
	color: #434d6a;
	border: 1px solid #4d5c80;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 0 0 4px 4px;	
	display: none;
	position: absolute;
}

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

ul.dropMenuList li {
	display: block;
	border-top: 1px solid #8c95ac;
	width: 100%;
	padding: 2px 0;
}

ul.dropMenuList li a {
	display: block;
	width: 220px;
	padding: 3px 10px;
	background-color: #5d6884;
}

ul.dropMenuList li a:hover{
	background-color: #4159a1;
}

div.menuTitle {
	float: left;
	padding: 8px 0 0 20px;
}

div.userDateInfo {
	float: right;
	text-align: left;
	right: 10px;
	margin: 0 20px 0 0;
}

div.menuData {
	margin: 6px 0 0 0;
	width: 100%;
	min-height: 60px;
}

div.menuDataArx {
	margin: 6px 0 0 0;
	width: 100%;
	min-height: 50px;
	background: #ffcccc;
}

div.tabMenu {
	margin: 6px 0 0 0;
	padding: 0 0 0 10px;
	height: 35px;
	border-bottom: 1px solid #9ea2b5;
}

ul.tabMenuList {
	list-style: none;
	display: table;
	height: 34px;
	padding: 0;
	margin: 0;
}

ul.tabMenuList li {
	margin: 0;
	padding: 0;
	line-height: 0.9;
	display: table-cell;
	vertical-align: top;
	height: 100%;
	text-align: center;
	line-height: 0.9;
	background-image: url("../images/MainMenuBG.png");
	border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #4d5c80;
	border-left: 1px solid #747f99;
}

ul.tabMenuList li:hover {
	background-image: url("../images/MainMenuBGSelect.png");
}

ul.tabMenuList li.selected {
	background-image: url("../images/TabMenuBG.png");
	border-bottom: 1px solid #ffffff;
	box-shadow: none;
}

ul.tabMenuList li a {
	display: table-cell;
	min-width: 30px;
	height: 34px;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	color: #c4d2ff;
	vertical-align: middle;
}

div.linkMenu {
	margin: 16px 0 0 0;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #9ea2b5;
	border-bottom: 1px solid #9ea2b5;
}

div.border {
	margin: 8px 0 0 0;
	width: 100%;
	border-top: 1px solid #9ea2b5;
}

ul.linkMenuList {
	list-style: none;
	width: 100%;
	display: table;
	padding: 0;
	margin: 0;
}

ul.linkMenuList li {
	padding: 0 10px;
	margin: 0;
	min-width: 30px;
	line-height: 0.9;
	display: table-cell;
	vertical-align: middle;
}

div.content {
	/*min-height: 400px;*/
	width: 100%;
	display: table;
	margin: 0;
	padding: 20px 0 0 0;
}

div.leftMenu {
	display: table-cell;
	vertical-align: top;
	width: 190px;
	border-right: 1px solid #9ea2b5;
	line-height: 1.3;
}

div.leftMenuBtnContainer {
	height: 30px;
	padding: 10px 0 0 0;	
	display: table;
}

div.leftMenuContainer {
	height: 30px;
	padding: 10px 0 0 0;
	display: block;
}
div.leftMenuBtn {
	display: table-cell;
	width: 25px;
	padding: 0 10px 0 0;
}

div.data {
	display: table-cell;
	vertical-align: top;
	min-height: 300px;
	margin: 0;
	padding: 0 0 0 20px;
}

ul.leftMenuList {
	list-style: none;
	padding: 10px 0;
	margin: 10px 15px 0 0;
	border-top: 1px solid #9ea2b5;
}

ul.leftMenuListWide {
	list-style: none;
	padding: 10px 0;
	margin: 10px 15px 0 0;
	border-top: 1px solid #9ea2b5;
}

ul.leftMenuListWide li {
	padding: 2px 0 2px 0;
}

input {
	height: 18px;
	color: #000000;
	font-family: Arial, 'Tahoma', sans-serif;
	font-size: 10pt;
	border: 1px solid #9ea2b5;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"] {
	height: 10px;
	border: 1px solid #9ea2b5;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

input[type="radio"] {
	height: 10px;
	border: 1px solid #9ea2b5;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

input[disabled] {
	background-color: #dfe3e6;
	color: #000000;
}

input[readonly] {
	background-color: #dfe3e6;
	color: #000000;
}

select {
	height: 22px;
	width: 80px;
	color: #000000;
	font-family: Arial, 'Tahoma', sans-serif;
	font-size: 10pt;
	border: 1px solid #9ea2b5;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	width: 100%;
}

select:disabled {
	background: #ccc;
}

select.gr {
	width: auto;
	height: auto;
	overflow: auto;
	border-radius: 0 0 0 0;
}

div.grContainer {
	width: 1320px;
	overflow-x: auto;
}

div.journalContainerCommon {
	width: 1320px;
	min-height: 500px;
	padding: 0;
	margin: 3px 0 3px 0;
	display: block;
}

div.journalContainerCommonWide {
	width: 100%;
	min-height: 500px;
	padding: 0;
	margin: 3px 0 3px 0;
	display: block;
}

div.jornalContainerFIO {
	max-width:120px;
	overflow-x: auto;
	float: left;
}

div.jornalContainer {
	max-width:900px;
	overflow-x: auto;
	float: left;
}

div.jornalContainerWide {
	overflow-x: auto;
	float: left;
}

div.themeContainer {
	min-width: 290px; /* ATTENTION! Do not modify this property, it is used in function loadJournal() in file journalLoad.js */
	min-height: 500px;
	overflow-x: auto;
	overflow-y: auto;
	float: left;
	margin: 0 0 0 10px
}

div.themeContainerWide {
	min-width: 320px; /* ATTENTION! Do not modify this property, it is used in function loadJournal() in file journalLoad.js */
	min-height: 500px;
	overflow-x: auto;
	overflow-y: auto;
	float: left;
	margin: 0 0 0 10px
}


/*for js loadJournal2*/
div.jornalContainer2 {
	max-width:65%;
	overflow-x: auto;
	float: left;
}

div.themeContainer2 {
	overflow-x: auto;
	overflow-y: auto;
	float: right;
	margin: 0 0 0 10px
}



div.jornalDiary {
	min-width: 350px;
	max-width: 640px;
	overflow: none;
	float: left;
	margin: 0 10px 0 0;
}

div.jornalDiaryW {
	width: 50%;
	overflow: none;
	float: left;
	margin: 0;
}

div.jornalDiaryLeftSide {
	display: block;
	overflow: none;
	margin: 0 5px 0 0;
}

div.jornalDiaryRightSide {
	display: block;
	overflow: none;
	margin: 0 0 0 5px;
}

input[type="submit"] {
	color: #ffffff;
	font-family: Arial, 'Tahoma', sans-serif;
	font-size: 10pt;
	height: 35px;
	padding: 8px;
	background-image: url("../images/MainMenuBG.png");
	border: 1px solid #4d5c80;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	float: right;
	cursor: pointer;
	margin: 0 0 0 10px;
}

input[type="submit"].recap {
	width:31px;
	height: 32px;
	background-image: url("../images/ReCap.png");
	border: none;
	cursor: pointer;
	margin: 0 0 0 10px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0);
	background-color:white;
}


input[type="submit"].left {
	float: left;
	margin: 0 10px 0 0;
} 

input[type="submit"]:hover {
	color: #c4d2ff;
	background-image: url("../images/MainMenuBGSelect.png");
}

input[type="submit"].recap:hover {
	color: #c4d2ff;
	background-image: url("../images/DarkReCap.png");
}

input[disabled][type="submit"] {
	color: #ffffff;
	border: 1px solid #6d7ca0;
	background-image: url("../images/MainMenuBGDisabled.png");
	cursor: default;
}

input[type="button"] {
	color: #ffffff;
	font-family: Arial, 'Tahoma', sans-serif;
	font-size: 10pt;
	height: 35px;
	padding: 8px;
	background-image: url("../images/MainMenuBG.png");
	border: 1px solid #4d5c80;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	float: right;
	cursor: pointer;
	margin: 0 0 0 10px;
}

input[type="button"].left {
	float: left;
	margin: 0 10px 0 0;
}

input[type="button"]:hover {
	color: #c4d2ff;
	background-image: url("../images/MainMenuBGSelect.png");
}

input[disabled][type="button"] {
	color: #ffffff;
	border: 1px solid #6d7ca0;
	background-image: url("../images/MainMenuBGDisabled.png");
	cursor: default;
}

input.journal { 
	text-align:center;
	width:90%;
	height:100%;
	border:0px;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
	background-color: inherit;
}

input.size05 { width:35px; }

input.size1 { width: 60px; }

input.size2 { width: 100px; }

input.size3 { width: 180px; }

input.size4 { width: 240px; }

input.size5 { width: 400px; }

input.size6 { width: 530px; }

input.size7{ width: 750px; }

select.size1 { width: 80px; }

select.size2 { width: 120px; }

select.size3 { width: 180px; }

select.size4 { width: 240px; }

select.size5 { width: 400px; }

select.size6 { width: 530px; }

select.size7 { width: 750px; }

textarea {
	width: 700px;
	height: 120px;
	color: #000000;
	font-family: Arial, 'Tahoma', sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-align: left; 
	margin: 0; 
	padding: 0;
	border: 1px solid #9ea2b5;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

textarea.size1 { width: 60px; }

textarea.size2 { width: 100px; }

textarea.size3 { width: 180px; }

textarea.size4 { width: 240px; }

textarea.size5 { width: 400px; }

textarea.size6 { width: 530px; }

textarea.journal {	max-width: 700px; }

textarea.low{ height: 19px; }

textarea.journalTheme {
	height: 20px;
	box-sizing: border-box;
	width: 100%;
}

textarea.journalMessage {
	width: 500px;
	height: 19px;
}
textarea.journalAdditionally {
	max-width: 600px;
	height: 57px;
	width: 600px;
}

section {
	color: #000000;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	min-height: 35px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #9ea2b5;
}

section.last {
	border:none;
}

section.uch_find {
	border:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.row {
	margin: 0;
	padding: 0;
	min-height: 25px;
	display: table;
}

div.column {
	display: table-cell;
	vertical-align: top;
	text-align: left;	
}

div.column0 { 
	width: 30px;
	display: table-cell;
	vertical-align: top;
	text-align: left;	
}

div.column1 { 
	width: 100px;
	display: table-cell;
	vertical-align: top;
	text-align: left;	
}

div.column2 { 
	width: 140px;
	display: table-cell;
	vertical-align: top;
	text-align: left; 
}

div.column3 { 
	width: 200px;
	display: table-cell;
	vertical-align: top;
	text-align: left; 
}

div.column4 {
	width: 280px;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

div.column5 { 
	width: 450px;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

div.column6 { 
	width: 570px;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

div.column7 { 
	width: 640px;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

div.column8 { 
	width: 920px;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

div.spr { 
	width: 1100px;
	display: table-cell;
	vertical-align: top;
	text-align: left;
}

div.cell {
	padding: 3px 0 0 0;
	margin: 0;	
	min-height: 25px;
	display: block;
}

div.basicCell {
	display: block;
}

footer {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100%;
	text-align: center;
	display: block;
}

iframe.table {
	border-radius: 0 0 0 0;
    box-shadow: none;
	display: block;
	width: 1130px;
	height: 30px;
	overflow-x: auto;
	overflow-y: visible;
	border: none;
	margin: 0;
	padding: 0;
}

iframe.spra {
	border-radius: 0 0 0 0;
    box-shadow: none;
	min-height: 700px;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

iframe.sprb {
	border-radius: 0 0 0 0;
    box-shadow: none;
	min-height: 700px;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #9ea2b5;
}

div.tableContainer {
	overflow-x: auto;
	width: 1320px;
}

div.tableContainer2 {
	overflow-x: auto;
	width: 1125px;
}

div.tableContainerBig {
	overflow-x: auto;
}

div.ContainerBody {
	overflow-x: auto;
	max-height: 550px;
	width: 1320px;
	overflow-y: auto;
}

div.ContainerHeader {
	overflow-x: hidden;
	width: 1303px;
}

div.ContainerBodyWide{
	overflow-x: auto;
	max-height: 550px;
	overflow-y: auto;
}

div.ContainerHeaderWide {
	overflow-x: hidden;
}

table.tree {
	width: 100%;
	cursor: default;
	border: none;
}

table.tree td{
	cursor: default;
	border: none;
}

div.aversInfo {
	padding: 0;
	margin: 30px auto;
	display: table;
}

div.aversLogo { 
	min-width: 100px;
	height: 160px;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
}

div.aversTitle { 
	min-width: 400px;
	height: 160px;
	display: table-cell;
	vertical-align: bottom;
	text-align: left;
}
div.version {
	margin: 10px auto;
	display: block;
	width: 130px;
	text-align: center
}

div.login {
	margin: 30px auto;
	display: table;
}

div.loginColumn1 {
	display: table-cell;
	width: 60px;
}

div.loginColumn2 {
	display: table-cell;
	width: 140px;
}

div.fileinputs {
	position: relative;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
input[type="file"]  {
	position: relative;
	left: 24px;
	top: 2px;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/*select2 customize*/

.select2-container-multi .select2-choices{
	border-radius: 4px;
	border: 1px solid #9ea2b5;
	min-height: 18px;
	background-image: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.select2-container-multi .select2-choices .select2-search-field input,
.select2-container-multi .select2-choices{
	padding: 0;
}

.select2-container-multi .select2-choices .select2-search-choice {
	margin: 0;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-clip: padding-box;
	background-color: #fff;
	background-image: none;
	word-wrap: break-word;
}

.select2-search-field{
	display: inline;
}

.wrapper {
	height:  450px;
	overflow: auto;
	position: relative;
}

.clearfix {
	clear: both; 
	width: 100%;
}

/* Организация -> Планирование -> ГУП */

.gr2{
	cursor: pointer;
}

.selected_cell{
	background-color: #dfe3e6;
}

#CELL{
	width: 90px;
	height: 400px;
	display: none;
}

li.parent {
	background-color: #D2D2D2;
}

.mustHaveHghltr {
	background-color: #f77;
}

/*дублирование для элементов с атрибутом readonly*/
.mustHaveHghltr:read-only {
	background-color: #f77;
}

/*дублирование для элементов с атрибутом readonly*/
.mustHaveHghltr:disabled {
	background-color: #f77;
}
.mustHaveHghltr2 {
	background-color: #FDFF77;
}

/*дублирование для элементов с атрибутом readonly*/
.mustHaveHghltr2:read-only {
	background-color: #FDFF77;
}

/*дублирование для элементов с атрибутом readonly*/
.mustHaveHghltr2:disabled {
	background-color: #FDFF77;
}

font.redStar{
	color: red;
}

.incorrectMask {
	background-color: #f77;
}

.waitingCursor{
	animation: animate 1.25s infinite;
}

@keyframes animate{
	0%{
		cursor: url("../images/0001.png"), auto;
	}
	9%{
		cursor: url("../images/0002.png"), auto;
	}
	18%{
		cursor: url("../images/0003.png"), auto;
	}
	27%{
		cursor: url("../images/0004.png"), auto;
	}
	36%{
		cursor: url("../images/0005.png"), auto;
	}
	45%{
		cursor: url("../images/0006.png"), auto;
	}
	54%{
		cursor: url("../images/0007.png"), auto;
	}
	63%{
		cursor: url("../images/0008.png"), auto;
	}
	72%{
		cursor: url("../images/0009.png"), auto;
	}
	81%{
		cursor: url("../images/0010.png"), auto;
	}
	90%{
		cursor: url("../images/0011.png"), auto;
	}
	100%{
		cursor: url("../images/0012.png"), auto;
	}
}