/* CSS Document */

html,body {height:101%;}
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background : #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12pt;
	overflow-x: hidden;
	}
	
.page_fixed_bottom {
  position:fixed;
  right:40px;
  bottom:40px;
  width:50px;
  z-index:20;
}

.subtitle {
color:#008080;
}
	

a:link {
	color: #008080;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #008080;
}
a:hover {
	text-decoration: none;
	color: #008080;
}
a:active {
	text-decoration: none;
	color: #008080;
}

.table_1px {
background : #FFFFFF;
border: #666 1px solid;
border-radius:3px
}

.title {
	position:absolute;
	z-index:100;
	text-align: center;
	width: 100%;
	min-height:110px;
	display:block;
}
		
.topdiv {
position: relative;
z-index:10;
width: 100%;
}

#topdiv,#title,#nav,#main {
opacity:0;
}

.cell {
background : #008080;
color:#FFF;
border: #008080 1px solid;
border-radius:3px;
cursor:pointer;
outline:none;
}

.cell-active {
background : #efefef;
color:#333;
border: #333 1px solid;
border-radius:3px;
cursor:pointer;
outline:none;
}

.mute {
background : #008080;
background: url(../img/spr.jpg) no-repeat;
background-position: top left;
border: #008080 1px solid;
border-radius:3px;
cursor:pointer;
outline:none;
}

.color {
border: #999 1px solid;
outline:none;
width:98px;
height:36px;
border-radius:3px;
cursor:pointer;
padding:1px;
}


.ip {
border: #666 1px solid;
border-radius:3px;
background : #FFFFFF;
outline:none;
width:250px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:13pt;
padding-left:10px;
}

.mac {
border: #666 1px solid;
border-radius:3px;
background : #FFFFFF;
outline:none;
width:250px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:13pt;
padding-left:10px;
}

input.mac { text-transform: uppercase; }

.date {
border: #999 1px solid;
border-radius:3px;
background : #FFFFFF;
outline:none;
width:270px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:13pt;
}

.email {
border: #666 1px solid;
border-radius:3px;
background : #FFFFFF;
outline:none;
width:300px;
height:32px;
font-size:12pt;
padding-left:10px;
}

.send {
border: #008080 1px solid;
border-radius:3px;
background : #008080;
outline:none;
width:120px;
height:34px;
font-size:12pt;
margin-left:10px;
color:#FFFFFF;
}

.search {
border: #999 1px solid;
border-radius:3px;
background : #FFFFFF;
background: url(../img/icons8-search-32.png) no-repeat;
background-position: right;
outline:none;
width:278px;
height:30px;
font-size:12pt;
padding-left:10px;
padding-right:32px;
}

.url {
border: #999 1px solid;
border-radius:3px;
background : #FFFFFF;
outline:none;
width:310px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
padding-left:10px;
}

.mystep {
border: #999 1px solid;
border-radius:5px;
background : #FFFFFF;
outline:none;
width:60px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
text-align:center;
margin-left:5px;
}

.value {
border: #666 1px solid;
border-radius:3px;
background : #FFFFFF;
outline:none;
width:60px;
height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:13pt;
text-align:center;
}

.submit {
background:#008080;
border: solid #008080 1px;
border-radius:3px;
width:110px;
height:34px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
outline:none;
color:#fff;
cursor:pointer;
}

.reset {
background:#FFF;
border: solid #666 1px;
border-radius:3px;
width:120px;
height:34px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
outline:none;
color:#333;
cursor:pointer;
}

.reset_step {
background:#FFF;
background: linear-gradient(#fff, #efefef, #eee);
border: solid #999 1px;
border-radius:3px;
width:140px;
height:34px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
outline:none;
color:#333;
cursor:pointer;
}

.reset_step:hover {
background:#EFEFEF;
}

.number-plus-minus .jq-number {
	padding: 0 38px;
}
.number-plus-minus .jq-number__field {
	width: 140px;
	height: 32px;
	color:#666;
	border: solid #999 1px;	
	}
.number-plus-minus .jq-number__field input {
	text-align: center;
}
.number-plus-minus .jq-number__spin {
	left: -1px;
	height: 32px;
}
.number-plus-minus .jq-number__spin.plus {
	right: 0;
	left: 185px;
}
.number-plus-minus .jq-number__spin:before {
	content: '';
	position: absolute;
	top: 15px;
	left: 10px;
	width: 12px;
	height: 2px;
	border: none;
	background: #666;
}
.number-plus-minus .jq-number__spin.minus:after {
	display: none;
}
.number-plus-minus .jq-number__spin.plus:after {
	top: 10px;
	left: 15px;
	width: 2px;
	height: 12px;
	border: none;
	background: #666;
}
.number-plus-minus .jq-number__spin:hover:before,
.number-plus-minus .jq-number__spin.plus:hover:after {
	background: #000;
}

::-webkit-input-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}

.jq-selectbox {
text-align:left;
width:180px;
outline:none;
font-size:12pt;
}

.onchange {
margin-left:10px;
margin-top:2px;
padding-left:10px;
border: #999 1px solid;
border-radius:3px;
background : #fff;
outline:none;
width:210px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
focus:none;
}

.jq-file {
width:400px;
outline:none;
font-size:12pt;
}

#custom-handle {
	width: 44px;
	height: 24px;
	top: 50%;
	margin-top: -14px;
	text-align: center;
	line-height: 24px;
	outline: none;
}

.sminus{
background:#008080;
border: solid #008080 0px;
border-radius:3px;
color:#fff;
font-size:14pt;
width:34px;
height:32px;
outline:none;
cursor:pointer;
}

.splus {
background:#008080;
border: solid #008080 0px;
border-radius:3px;
color:#fff;
font-size:14pt;
width:34px;
height:32px;
outline:none;
cursor:pointer;
}

.spoiler-title,.spoiler-title1 {
max-width:250px;
text-align:left;
font-size:12pt;
margin-top:15px;
cursor:pointer;
color:#008080;
text-decoration:none;
 }
 
.go {
background:#008080;
border: solid #008080 1px;
border-radius:3px;
width:44px;
height:32px;
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
outline:none;
color:#FFF;
cursor:pointer;
}

.checkbox {
background:#efefef;
background: linear-gradient(#fff, #efefef, #eee);
border: solid #AAA 1px;
border-radius:3px;
padding-left:10px;
width:165px;
height:34px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
color:#333;
}

.checkbox:hover {
background:#eee;
}

.uncheck {
border: #666 1px solid;
border-radius:3px;
background : #fff;
outline:none;
width:160px;
height:34px;
font-size:12pt;
margin-left:20px;
color:#333;
cursor:pointer;
}