body {
 background-color: #f9f9f9;
}

a {
	font: Arial;
	text-decoration: none;
	font-weight: lighter;
	text-shadow: 2px 2px 5px #c7c7c7;
}

a:hover {
	font-style: normal;
	color: Red;
	text-decoration: none;
}

.belem {
	font: Arial;
	text-decoration: none;
	font-weight: lighter;
	color: gray;
	text-shadow: 2px 2px 5px #c7c7c7;
}

.belem:hover {
	text-shadow: 2px 2px 10px #727272;
}

h1 {
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	color: navy;
}

INPUT, TEXTAREA {
	font-family: Arial;
	font-size: 14px;
	border : 1px solid Gray;
	margin: 0px;
}

SELECT, OPTION {
	background: #fffff0;
	border: 1px groove gray;
}

.noborder {
	border: 1px ridge white;
	background: inherit;
}

input:hover, select:hover, textarea:hover {
	border : 1px solid navy;
}

.bt {
	border: 1px solid gray;
	box-shadow: 3px 3px #c7c7c7;
}

.bt:hover {
	cursor: pointer;
	color: red;
}

i,em {
	font-family: Arial;
	font-size: 12px;
}

.tr_select {
	background: !important;
}

.tr_select:nth-child(odd){
	background: #f9f9f9;
}

.tr_select:nth-child(even){
	background: #ffffff;
}

.tr_select:hover {
	background: #cffedf;	
}

.tr_selected {
	background: #ffdfe1;	
}

.td_gray {
	border: 1px solid #F1F1F1;
	background: #f9f9f9;	
}

.td_gray:hover {
	border: 1px dotted White;	
}

.td_white {
	border: 1px solid White;
	background: White;	
}

.td_white:hover {
	border: 1px dotted #F1F1F1;	
}

.td_biruz {
	border: 1px solid White;
	background: #cce7f2;	
}

.td_green {
	border: 1px solid White;
	background: #d3f5d8;	
}

.td_pink {
	border: 1px solid White;
	background: #ff8080;	
}

.td_black {
	border: 1px solid Black;
	background: #f9f9f9;	
}
 .tbl_azure {
 	background: #f0ffff;
 	border: 1px dotted;
 	border-color: #f1f1f1;
 	border-style: outset;
 }
  .tbl_yellow {
 	background: #ffffe0;
 	border: 1px dotted;
 	border-color: #f1f1f1;
 }

 .tbl_light {
		border: thin dotted #f1f1f1;
		background: #f7f7f7;	
	}
 
.general {
	position: relative;
	bottom: 0;
	left: 70px;
	width: 95%;
}

.win {
	position: fixed;
	background-color: #fafafa;
	border: 1px solid navy;
	border-style: outset;
	padding: 10px;
    box-shadow: 3px 3px #c7c7c7;
	cursor: pointer;
	display: none;
	z-index: 10;
}

.winbutton {
	background-color:navy; 
	height: 25px;
	text-align: center;
	cursor: move;
}

.button_menu {
	height: 25px;
	width: 25px;
	text-align: center;
	font-weight: bolder;
	font-size: 100%;
	background: #e0e0e0;
	padding: 2px 5px 2px 5px; 
	cursor: pointer;
	border: 1px solid navy;
	vertical-align: top;
}

.button_menu:hover {
	background: #ffffff;	
	border: 1px solid #e0e0e0;
	vertical-align: middle;
}

.oncl{
	cursor: pointer;
}

 .ondblcl{
 	cursor: crosshair;
 }
 
 .oncl:hover, .ondblcl:hover {
	font-style: normal;
	color: red;
}

.csr {
	display: none;
	background: #f9f9f9;
	border: 1px solid navy;
	position: absolute;
	box-shadow: 3px 3px #c7c7c7; 
	padding: 5px 5px 5px 5px;
	z-index: 1;
}

.csr_round {
	display: none;
	background: #f9f9f9;
	border: 1px solid navy;
	position: absolute;
	box-shadow: 3px 3px #c7c7c7; 
	padding: 5px 5px 5px 5px;
	z-index: 1;
	border-radius: 50%;
}

.tmpmsg{
	-webkit-animation: tmpmsg 10s;
	animation-iteration-count: 1;
	color: #ffffe0;
	}

@-webkit-keyframes tmpmsg {
    0% {color: red;}
    100% {color: #ffffe0;}
}

.msg{
	-webkit-animation: msg 20s;
	animation-iteration-count: infinite;
	color: red;
	}

@-webkit-keyframes msg {
    0% {color: red;}
    100% {color: purple;}
}

.upload{
	-webkit-animation: msg 5s;
	animation-iteration-count: infinite;
	color: red;
	}

@-webkit-keyframes upload {
    0% {color: red;}
    100% {color: pink;}
}