@charset "UTF-8";
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}

* { margin: 0; padding: 0; border: 0;}
body {font-family:sans-serif;font-weight:normal;font-size:16px;background-color:#fff;min-width:150px;}
a {text-decoration:none;color:inherit;}
a {-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
a:hover, a:visited {color:inherit;}
a:focus {outline:none;}
input[type=checkbox] {-webkit-transform:scale(1.2);transform:scale(1.2);}

h1 a {text-shadow:0 0 15px #fff,0 0 15px #fff;}
h1 a:hover span {text-shadow:0 3px 0 #f0f,3px 0 0 #ff0,0 0 5px #0ff;}
div#test {width:100%;height:10px;background-color:#0f0;}
header {width:100%;}
header div#header {position:relative;width:100%;background-color:#000;}
header div#headertop {width:100%;height:44px;color:#fff;background-color:#000;font-size:12px;line-height:44px;display:none;}
header div#headertop div {margin-left:15px;overflow:hidden;}
header div#headertop span {padding: 0 6px;}
header div#headerbottom {width:100%;/*height:87px;*/ color:#333;background-color:#fff;font-size:17px;}
/*header div#headerbottom div:first-child {margin-left:15px;}*/
header div#home {position:absolute;left:0px;bottom:-30px;margin-left:5px;padding:0 5px;font-size:90%;color:#404040;line-height:25px;z-index:998;}
/*header div#home a {display:inline-block;padding:10px;border:0;height:25px;border-radius:0;background-color:transparent}*/
header div#logout, header div#panel {position:relative;display:inline-block;height:25px;left:5px;bottom:0px;background-color:#fff;margin:0 3px;}
header div#logout a, header div#panel a {display:inline-block;padding:0;border:0;height:25px;border-radius:0;background-color:transparent}

footer {position:fixed;bottom:0;width:100%;color:#aaa;z-index:999;}
footer div#footer {position:relative;bottom:0;width:100%;min-width:270px;margin:0 auto;font-size:50%;text-align:center;background-color:#fff;}
footer p {margin:-4px 25px 0 25px;height:12px;}
footer a:hover {color:#333;}
footer span {}
footer span:first-child {float:left;}
footer span:last-child {float:right;}
div#logo {width:350px;height:60px;margin:0 auto;padding-top:5px;}
div#logo a {display:inline-block;width:100%;height:100%;}
img#imgLogo {width:100%;}
img#footerline {/* 2365 x 30 */ }

div#main {width:98%;margin:0 auto;position:relative;margin-top:30px;padding-bottom:20px;/*overflow:scroll;*/}

.red {color:#a00;}
.green {color:#0a0;}

ul {margin-top:35px;list-style-type:none;}
li {display:block;}
/*li a:before {content:"► ";}*/
li a {/*border:1px solid transparent;*/ padding:0 5px;border-radius:3px;}
li a:hover {/*border:1px solid #999;*/ /*text-shadow:0 0 10px #00acd6,0 0 20px #999;*/}

div#animlogo {width:150px;margin:0 auto;margin-top:50px;}

/* <php login> */
.forms {background-color:#fff7e2;font-weight:normal;font-size:12px;padding:3px;border:1px solid #eee;}
.myaccount {background-color:#fff7e2;font-weight:normal;font-size:15px;padding:5px 5px;/*border:1px solid #eee;*/}
.myaccount a {display:block;text-align:center;border:1px solid #eee;}
.myaccount a:hover {color:#fff;background-color:#999;border:1px solid #4F618F;border-radius:3px;}
.myaccount p {margin:0;padding:0;}
table.myaccount td {text-align:center;}
table#searchusers {font-size:12px;}
.main {font-size:12px;padding:2px;margin:2px;}
.titlehdr {font-size:22px;line-height:32px;background-color:#666;color:#fff;text-align:center;margin:0;padding:0;}
.msg {padding:5px;margin:2px 20px;color:#c00;border:1px solid #aaa;background-color:#fff;font-weight:bold;font-size:13px;} 
.msg.success {color:#238618;background-color:#dcffdd;border:1px solid #93db8b;}
.msg.error {color:#c00;background-color:#fff4f4;float:inherit;}

.error {font-weight:normal;color:#c00;border:1px solid #c00;padding:2px;float:left;background-color:#FEF1ED;}
.example {font-weight:normal;font-size:10px;color:red;}
.approved {font-weight:normal;font-size:10px;color:green;}
.loginform {font-weight:normal;font-size:16px;background-color:#eee;font:normal 12px arial,verdana;padding:3px;border:1px solid #eee;}
.loginform label {padding:0 5px;}
.loginform #txtbox {font-weight:bold;font-size:16px;color:#f00;}
input[type="submit"] {padding:2px 5px;cursor:pointer;}
input[type="submit"]:hover {}
/* </php login> */
input[type="text"], input[type="number"], input[type="password"], select {padding:1px 3px;border:1px dotted #4F618F;font-size:1rem;height:2rem;}

.center {text-align:center;}
a.button {display:inline-block;padding:1px 5px;margin:2px;font-size:12px;}
#main ul li a.button {padding:3px 15px;}

table.loginform {border:1px solid #eee;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
table.forms {border:1px solid #eee;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
table#listusers {border:1px solid #eee;border-top-left-radius:5px;border-top-right-radius:5px;}
table#listusers th {padding:5px 0;font-size:14px;border-top:1px solid #aaa;}
table#adduser {border:1px solid #eee;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

table span {display:block;font-size:10px;}
table#searchusers input[type="radio"] {margin-left:15px;}
table#searchusers label {padding-left:3px;position:relative;bottom: 2px;}
table#searchusers form p {padding-bottom:5px;}

form#listusers {font-size:12px;}
form#listusers table th, form#listusers table td {border-bottom:1px solid #aaa;border-right:1px solid #aaa;padding-left:5px;text-align:left;}
form#listusers table th.center, form#listusers table td.center {text-align:center;}
form#listusers table th:last-child, form#listusers table td:last-child {border-right:0;}
form#listusers div.editUser {display:none;position:relative;background:#eee;font-size:12px;padding:5px 10px;margin-right:5px;}
form#listusers div.editUser p {margin:5px 0;}
form#listusers div.editUser label {margin-right:3px;}
form#listusers div.editUser input {font-size:12px;padding-left:2px;}
form#listusers div.editUser select {font-size:12px;padding-left:2px;}
form#listusers div.editUser span {display:inline-block;margin-left:5px;font-size:75%;}
form#listusers div.editUser a.closeEdit {font-size:10px;display:inline-block;position:absolute;top:5px;right:5px;font-size:12px;}
form#listusers td.userStatus span {display:block;text-align:center;margin:3px 0;}
input#doSave {/*position:absolute;bottom:5px;right:5px;padding:2px 5px;cursor:pointer;font-size:12px;*/}
form#listusers div#buttons {}
form#listusers div#buttons p:first-child {margin:5px 0;}
form#listusers div#buttons span {font-size:75%;}
/*
table#adduser form {margin-left:10px;line-height:12px;}
table#adduser form input#doSubmit.button {line-height:21px;}
form#adduser p {padding-bottom:5px;}
form#adduser span {display:inline-block;margin-left:5px;font-size: 75%;}
form#adduser label {display:inline-block;width:70px;text-align:right;padding:0 3px;}
*/

header div#signin {position:absolute;padding:0 5px;right:0px;bottom:-30px;font-size:14px;color:#404040;line-height:25px;margin-right:5px;}
header div#signin img {margin-right:3px;}
/*header div#signin a {display:inline-block;padding:2px 5px;background-color:#eee;border:1px solid #00acd6;border-radius:3px;}*/
header div#signin a#login {height:30px;border-radius:3px;padding-right:5px;margin-right:25px;}
header div#signin a#login {background-image: url("../images/signin_icon.png");background-origin:content-box;}
header div#signin a#login {background-repeat:no-repeat;background-position:0px 0px;}
header div#signin a#login:hover {background-position:0px -30px;}
header div#signin a#login span {margin-left:40px;}

#wait_gears {position:relative;width:50px;height:50px;margin:0 auto;}
#wait_gears_border {position:absolute !important;width:100% !important;height:100% !important;}
.wait_gears-gear1 {position:absolute;width:67%;max-width:220px;max-height:220px;bottom:5%;left:5%;}
.wait_gears-gear2 {position:absolute;width:38%;max-width:160px;max-height:160px;top:3%;right:5%;}
.wait_gears_animation-gear {-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:3000ms;-moz-animation-duration:3000ms;animation-duration:3000ms;-webkit-animation-name:gear1;-moz-animation-name:gear1;animation-name:gear1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.wait_gears_animation-gear-reverse {-webkit-animation-name:gear2;-moz-animation-name:gear2;animation-name:gear2;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);}
@keyframes gear1{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}}
@-webkit-keyframes gear1{0%{-webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}}
@keyframes gear2{0%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);}100%{-webkit-transform: rotate(-195deg);-moz-transform:rotate(-195deg);transform:rotate(-195deg);}}
@-webkit-keyframes gear2{0%{-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);transform: rotate(-15deg);}100%{-webkit-transform: rotate(-195deg);-moz-transform: rotate(-195deg);transform: rotate(-195deg);}}


@media all and (max-width: 800px){
/*	header div#headerbottom div#logo {width:580px;}
	header div#signin {bottom:-10px;}
	header div#home {bottom:-10px;}
	div#main {margin-top:15px;}*/
}
@media all and (max-width: 600px){
	header div#headerbottom div#logo {width:75%;}
	header div#signin {bottom:-30px;}
	header div#home {bottom:-30px;}
	div#main {margin-top:30px;}
	div#listFilters div.counter {display:none;}
	a.headerButton#user {width:35px;}
}
@media all and (max-width: 400px){
	header div#headerbottom div#logo {width:80%;}
	header div#signin img {}
}
@media all and (max-width: 300px){
	header div#signin a:first-child {display:none}
}
@media all and (max-width: 250px){
}
@media all and (max-width: 200px){
}