u* { outline: none; }

body { font: 62.5% "Lucida Grande", Arial, sans-serif; background-color: #f6f6f6; color: #777; }

h1, h2, h3, h4, h5 { color:#222; }

p, li { line-height: 1.5em; }



a { text-decoration: none; color: #08c; }

a:hover { text-decoration: none; }



h1 { font: 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:30px 0 0 0; margin: 0; }

h2 { font:20px Arial, Helvetica, sans-serif; padding: 0  0 0px 0; margin-bottom: 0; }

h3 { font:10px Arial, Helvetica, sans-serif; padding: 0  0 0px 0; margin-bottom: 0; }



.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }



.exists { background: #FBE3E4 url(assets/cross.gif) no-repeat 98% center; border-color: #FBC2C4; color:#8a1f11; }

.avail { background: #D6FFD8 url(assets/success.gif) no-repeat 98% center; border-color: #A0D997; color:#436213; }



#main, #header, #home, #order {

margin: 0 auto; width: 895px; overflow: hidden; }



#footer {

margin: 0 auto; width: 860px; margin-top: 10px; overflow: hidden; text-align: center; font-size: 10px; }



#main { padding: 15px; width: 510px; border: 1px solid #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#fff; }



#main_login { padding: 15px; width: 360px; border: 1px solid #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#fff; margin: 0 auto; overflow: hidden;}



#home { padding: 2px; width: 895px; border: 1px solid #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#fff; }



#order { padding: 2px; width: 895px; border: 1px solid #cbcbcb; -moz-border-radius: 10px; -webkit-border-radius:10px; background:#fff; }



#title { float: left;}

#title a { color: #333; }



#login { margin: 30px 0; float: right; }

#logout { margin: 2px 0; float: right; }



.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(assets/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }



.success_message { display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color: #D6FFD8; background-image: url(assets/success.gif); background-repeat: no-repeat; background-position: 10px center; color:#436213; }



#menutabs {margin: 0 auto; overflow: hidden; width: 895px;  background:#fff; }



label { display:inline-block; font-weight:bold; color:black; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:4px 0 0px; }



button, input, textarea, select { padding:3px; border:1px solid #eee; font:16px Arial, Helvetica, sans-serif; border-color:#CCC; color:black; -moz-border-radius:5px; -webkit-border-radius:5px; }

select [disabled] {background:blue;} 

input[type="checkbox"], input[type="radio"]{ background: transparent; border: 0;} 

input[type="text"],input[type="checkbox"], input[type="radio"]:disabled {color:#AAA;} 

input[type=submit], input.submit { width:auto; background:#08c; border:1px solid #06a; color:#fff; font-weight:bold; margin-top:5px; cursor:pointer; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; font-size:13px}

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background:#06a; color:#cccc; }

button, input[type=button], input.button { width:auto; border:1px solid #ff; background:#CCC; color:#ff; font-weight:bold; margin-top:15px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; font-size:13px; }

button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input.button:hover, input.button:focus { background:#999; color:#fff; }

button:disabled, button[disabled] {background:#dddddd; color:#666666;}

ul.success-reg { margin: 5px 0; padding:0; };

ul.success-reg li { line-height: 25px; color: #999; list-style: none; }

span.success-info { width: 70px; }


input.edit_search { width:400px; }

select { width:auto; }

input:focus, textarea:focus { border-color:#333; color:#555; }



ul.success-reg { margin:10px 10px 10px 0; font-size:120%; }



ul.success-reg li { padding: 5px 0; list-style: none; color: #999; border-bottom:1px dotted #ccc; }



ul.success-reg li span.success-info b { padding-right:5px; color:#222; display:inline-block; width:80px; }



.credentials { width:149px; float:left; text-align: center; padding:0 5px; margin:10px 5px; border-right:1px dotted #ccc; }



/* Form style */



fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }



span.required{ font-size: 13px; color: #08c; }



#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }



/* Buttons */



a.admin { display:block; width:250px; height:52px; background:url(assets/btn_adminpanel.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }

a.admin:hover { background-position:top; }



a.protected { display:block; width:250px; height:52px; background:url(assets/btn_protected1.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px;}

a.protected:hover { background-position:top; }

a.protected2 { display:block; width:250px; height:52px; background:url(assets/btn_protected2.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }



a.protected2:hover { background-position:top; }

a.protected3 { display:block; width:250px; height:52px; background:url(assets/btn_protected3.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }

a.protected3:hover { background-position:top; }



a.register { display:block; width:509px; height:52px; background:url(assets/btn_register.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }

a.register:hover { background-position:top; }



hr { height:1px; background:#ccc; border:none; }



ul.column_result { margin: 5px 0; padding:0;}

ul.column_result li { line-height: 20px; border-bottom: 1px dotted #ccc; list-style: none; }

ul.column_result li a { display: block; color: black; }

ul.column_result li a:hover { background: #f8f8f8 url(admin/assets/pencil.gif) right center no-repeat; color: #08c; }



ul.column_result_header { margin: 2px 0; padding:0;}

ul.column_result_header li { line-height: 25px; border-bottom: 1px dotted #ccc; list-style: none; }

ul.column_result_header li a { display: block; color: #08c;; text-decoration: underline}

ul.column_result_header li a:hover { background: #f8f8f8; color: #08c; }



span.result_column { display: inline-block; vertical-align:top; color:black}

span.result_column_header { display: inline-block; border-color:#CCC; background-color:#CCC; color:black;}


input:focus, textarea:focus { border-color:#333; color:#555; }

.date-tccontainer { border: 1px solid #cccccc; padding: 3px; float: left; margin-right: 2px; text-align: center; font-size: 12pt; width: 140px}