/*-- interface --*/

div.clear
{
	clear: both;
}


div#fade
{
	position: fixed;
	top:0px;
	left:0px;
	height: 100%;
	width: 100%;
	background:#ffffff url(/images/divimg/fade.png);
	opacity:0.5;
	filter:alpha(style=0, opacity=50);
	display:none;
	z-index: 5000;
}




.form,
.form0
{
	position: fixed;
	xborder: solid 1px #ffffff;
	display: none; 
	background: #fff;
	x-moz-border-radius: 6px;
	x-webkit-border-radius: 6px;
	x-moz-box-shadow: 0 0 10px rgba(0,0,0,.5); /* Для Firefox */
	x-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); /* Для Safari и Chrome */
	box-shadow: 0 0 10px rgba(0,0,0,.5); /* Параметры тени */
	padding: 10px 50px 10px 50px;
	z-index: 6000;
	color: #000;
	margin-bottom: 20px;
	opacity: 0;
	transition: opacity ease .7s;
}

.form0
{
	position: absolute;
	display: none; 
	z-index: 6000;
}


.form td,
.form0 td
{
	xcolor: #fff;
}



.form input[type="button"],
.form0 input[type="button"],
.form input[type="submit"],
.form0 input[type="submit"]
{
    xbackground: #553fbd;
	x_background: #090;
    xcolor: #fff;
cursor: pointer;
    xpadding: 10px;
    display: inline-block;
    xfont-size: 16px;
    xline-height: 16px;
    xx-text-transform: uppercase;
    text-align: center;
	border: none;
}



.form input[type="text"],
.form0 input[type="text"],
.form select,
.form0 select,
.form textarea,
.form0 textarea
{
    background: #fff;
    color: #000;
    padding: 10px;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    xx-text-transform: uppercase;
    text-align: left;
	outline: none;
	border: solid 1px #999;
}


.form textarea,
.form0 textarea
{
	xfont-family: arial;
    text-transform: none;
}


a.hint
{
	color: #0000dd;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

#hint
{
	position:absolute;
	display:none;
	border:solid 1px #dddddd;
	xfont-family: arial;
	background: #ffffff;
	padding: 5px 20px 5px 20px;
	-moz-box-shadow: 3px 3px 5px 0 rgba(200,200,200,.5); /*  Firefox */
	-webkit-box-shadow: 3px 3px 5px 0 rgba(200,200,200,.5); /*  Safari  Chrome */
	box-shadow: 3px 3px 5px 0 rgba(200,200,200,.5); /**/
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px; 
}





.border
{
	border: solid 1px #999999
}

.padding10
{
	padding: 10px;
}

.radius10
{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


.shadow
{
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* Для Firefox */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* Для Safari и Chrome */
	box-shadow: 0 0 10px rgba(0,0,0,.2); /* Параметры тени */
}



.ok
{
	color: #00dd00;
	font-weight: bold;
	font-size: 16pt;
}

.alert
{
	color: #ff0000;
	font-weight: bold;
	font-size: 16pt;
}


.req
{
	color: #ff0000;
}


a.pager, a.pager_on
{
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	color: #b0cb1f;
	text-decoration: none;
	border: solid 2px #b0cb1f;
	border-radius: 5px;
	font-weight: bold;
}

a.pager:hover, a.pager_on
{
	background: #b0cb1f;
	color: #FFF;
	text-decoration: none;
}



div.alertBox_0, div.alertBox_1
{
	display: block;
	float: left;
	margin: 20px;
	width: 200px;
	height: 100px;
	padding: 10px;
	background: #FACF69;
	color: #000000;
}

div.alertBox_0
{
	background: #FD0E08;
	color: #ffffff;
}








a.close
{
	display: block;
	margin: 0px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	background: url(/images/divimg/close.png);
	float: right;
}








span.ok
{
	padding: 10px 30px 10px 30px;
	margin: 10px auto 10px auto;
	float: center;
	background: #00dd00;
	color: #ffffff;
	font-weight: bold;
	display: block;
}

span.alert
{
	display: block;
	padding: 10px 30px 10px 30px;
	margin: auto;
	background: #ffff00;
	color: #000000;
	font-weight: bold;
	display: block;
}
    
span.fail
{
	display: block;
	padding: 10px 30px 10px 30px;
	margin: auto;
	background: #dd0000;
	color: #ffffff;
	font-weight: bold;
	display: block;
}


span.red
{
	ddisplay: block;
	color: #ff0000;
}




span.green
{
	ddisplay: block;
	color: #009900;
}






input.ok
{
	xcolor: #000;
	xbackground: #fff;
	border: none;
	xpadding: 5px 10px;

	padding: 10px 50px;
	border-radius: 5px;
	xbackground:url(/images/button-green.gif) left center repeat-x;
}

input.ok:hover
{
	xcolor: #fff;
	xbackground: #f90;
	xbackground:url(/images/button-green.gif) left center repeat-x;
}



/* ---- */







a.andr, a.andr_on, a.andr_off
{
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	background: none;
	text-decoration: none;
	font-size: 16pt;
}
a.andr:hover, a.andr:active, a.andr_on
{
	color: #ffffff;
	background: #006600;
	text-decoration: none;
}
a.andr_off
{
	color:#999999;
}
a.andr_off:hover, a.andr_off:active
{
	color:#999999;
	text-decoration: none;
}


#confirm_msg,
#select_msg,
#select_list,
#wait_msg,
#ok_msg,
#fail_msg
{
	color: #000;
	font-family: 'roboto-medium';
}




#selListDIV
{
	position: absolute;
	z-index: 1000;
	max-height: 300px;
	overflow: auto;
	background: #fff;
	xborder: solid 1px #666;
}

#selListDIV a
{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
}

#selListDIV a:hover
{
	text-decoration: none;
	color: #fff;
	background: #666;
}
/*---- /interface ---*/