/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
/*	background: url("images/bg.gif"); */
	background-repeat: repeat-x;
	background-color: #1090FF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
}

h1, h2, h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #ffffff;
}

a:hover {
	background: none;
}

/* Header */

#header {
	width: 940px;
	height: 60px;
	margin: 0 auto;
	background: url(images/header.png);
	position: relative;
	color: #777777;
	font-size: 10px;
}

/* Logo */

#logo {
	float: left;
	position: absolute;
	top: 16px;
	left: 182px;
}

#logo h1 {
	font-size: 22px;
	font-family: "Trebuchet MS", arial;
}

#logo p {
	font-size: 22px;
	font-family: "Trebuchet MS", arial;
} 

#logo a {
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	position: absolute;
	float: right;
	top: 12px;
	right: 30px;
}

#search form {
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	border: none;
	border: 1px #777777 solid;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #555555;
	background: #eeeeee;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	width: 940px;
	height: 60px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	margin-left: 30px;
	padding: 16px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	margin-right: 3px;
	padding: 5px 20px;
/*	background: url(images/menubg.gif); */
	background-color: #1090FF;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFFF00;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */

#page {
	width: 860px;
	margin: 0 auto;
	padding: 40px;
}

/* Content */

#content {
	float: left;
	width: 560px;
	background: #3CA4FF;
	padding: 10px;
	border: 1px solid #72BEFF;
}

.post {
}

.post .title {
	padding: 5px 0;
}

.post .title a {
	background: none;
}

.post .meta {
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	color: #ffffff;
}

.post .entry {
	padding: 20px 0;
	text-align: justify;
}

.post .entry textarea {
   color:#555555;
   font-weight:bold;
   margin-top:1px;
   text-decoration:none;
   background: #E8E8E8;
   border: 1px solid #000000;
   width: 560px;
}
.post .entry input {
background: #ffffff;
color: #333333;
padding: 2px;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 100px;
border: 1px solid #555555;
}

/* ipaccess */

#ipaccess {
	width: 258px;
	background: black;
	border: 1px solid #D3D3D3;
}

#ipaccess input {
border: 1px solid #555555;
background: #ffffff;
color: #333333;
padding: 2px;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 200px;
}
#ipaccess ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ipaccess li {
}

#ipaccess li ul {
	padding: 20px;
}

#ipaccess li li {
}

#ipaccess h2 {
	padding: 5px 10px;
	font-size: 1.2em;
}

#ipaccess p {
	padding: 20px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 258px;
	background: #E8E8E8;
	border: 1px solid #72BEFF;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 20px;
}

#sidebar li li {
}

#sidebar h2 {
	padding: 5px 10px;
	background: #3CA4FF;
	font-size: 1.2em;
	color: #ffffff;
}

#sidebar p {
	padding: 5px 10px;
	color: #000000;
	font-size: 1em;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 940px;
	height: 60px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/footer.png);
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #888888;
}

a.link{
display:block;
color:#555555;
text-decoration:none;
font-size: 12px;
width:100%;
}
a:hover.link{
color:#0066CC;
}
a.link2{
color:#555555;
text-decoration:none;
font-size: 12px;
width:100%;
}
a:hover.link2{
color:#0066CC;
}

a.button{
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
font-size: 12px;
width:100%;
}
a:hover.button{
color:#0066CC;
}

.help{
background:url(/images/icons/help.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.sessions{
background:url(/images/icons/dbtool-orange.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.users{
background:url(/images/icons/multi-user.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.email{
background:url(/images/icons/email.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.add{
background:url(/images/icons/plus.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.delete{
background:url(/images/icons/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.sql{
background:url(/images/icons/sql.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.ftp{
background:url(/images/icons/ftp.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.user{
background:url(/images/user.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.logout{
background:url(/images/icons/logout.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.back{
background:url(/images/icons/submit-bug.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.records{
background:url(/images/icons/records.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.sites{
background:url(/images/icons/page_php.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.clock{
background:url(/images/icons/clock_play.png) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.start{
background:url(/images/icons/action_go.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.stop{
background:url(/images/icons/action_stop.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.chpass{
background:url(/images/icons/chpass.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.present{
background:url(/images/icons/present.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.quota{
background:url(/images/icons/quota.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.webstat{
background:url(/images/icons/webstat.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}

#hor-minimalist-b
{
        font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
        font-size: 12px;
	background: #E8E8E8;
        width: 480px;
        border-collapse: collapse;
        text-align: left;
}
#hor-minimalist-b th
{
        font-size: 14px;
        font-weight: normal;
        color: #039;
        padding: 10px 8px;
        border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
        border-bottom: 1px solid #ccc;
        color: #669;
        padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
        color: #009;
}



/* Greyscale
Table Design by Scott Boyle, Two Plus Four
www.twoplusfour.co.uk
----------------------------------------------- */

table {border-collapse: collapse;
border: 2px solid #000;
font: normal 80%/140% arial, helvetica, sans-serif;
color: #555;
width: 560px;
background: #E8E8E8;
}

td, th {border: 1px dotted #bbb;
padding: .5em;}

caption {padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;}

/* =links
----------------------------------------------- */

table a {padding: 1px;
text-decoration: none;
font-weight: bold;
background: transparent;}

table a:link {border-bottom: 1px dashed #ddd;
color: #000;}

table a:visited {border-bottom: 1px dashed #ccc;
color: #000;}

table a:hover {border-bottom: 1px dashed #bbb;
color: #666;}

/* =head =foot
----------------------------------------------- */

thead th, tfoot th {border: 2px solid #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #333;
background: transparent;}

tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

tbody th, tbody td {vertical-align: top;
text-align: left;}

tbody th {white-space: nowrap;}

.odd {background: #fcfcfc;}

tbody tr:hover {background: #fafafa;}

.arc90_linkpic {
	display: none;
	position: absolute;
	left: 0;
	top: 1.5em;
}
.arc90_linkpicIMG {
	border: 1px solid #333333;
}

#dbox {
}

#dbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#dbox li {
}

#dbox li ul {
}

#dbox li li {
}

#dbox h2 {
}

#dbox p {
}

#login_form {
	text-align: center; 
	width: 343px;
	height: 420px;
    margin: 60px 258px 0px 258px; 
	background: url(images/belep.png);
	color: #ffffff;
	font-weight: bold;
}
#belepsub input {
background: #ffffff;
color: #333333;
padding: 2px;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 200px;
border: 1px solid #555555;
}

#belepsub2 input {
background: #ff6600;
color: #ffffff;
padding: 2px;
cursor: pointer;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 206px;
border: 1px solid #000000;
}

#login_form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#login_form li {
}

#login_form li ul {
	padding: 20px;
}

#login_form li li {
}

#login_form h2 {
	padding: 10px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
}

#login_form p {
	padding: 20px;
}

#messageBox{
    border-right: 1px solid #000000;
    position: absolute;
    width: 217px;
    height: 100px;
    z-index: 1;
    background-color: #C0C0C0;
    border-style: solid;
    border-width: 1px;
    display:none;
}
#closeButt{
     width: 100%;
     height: 10px;
     z-index: 1;
     cursor: pointer;
     left: 0px;
     top: 0px;
     background-color: #808080;
}
#contents{
    width: 100%;
    height: auto;
    z-index: 2;
}

#usearch_query {
   display:block;
   color:#555555;
   font-weight:bold;
   margin-top:1px;
   text-decoration:none;
   background: #E8E8E8;
   border: 2px solid #000000;
   width: 150px;
}
.auto_complete {
      position:absolute;
      width:250px;
      background-color:black;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}

.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
}
    
.auto_complete ul li.selected 
{ 
      background-color: #bbf;

}

.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
}

/* notification and flash area */
#notification {
        border: 1px solid #000000;
        background-color: #D8FB9D;
        font-size: 13px;
		color: #000000;
		font-weight: bold;
        padding: 10px;
}
#flash_error {
        background-color: #aa0000;
		color: #ffffff;
        font-size: 13px;
        padding: 10px;
		z-index: 100000000;
}
#flash_area {
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 10px;
		z-index: 100000000;
}

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
border: 2px solid #3CA4FF;
}

.hovermenu ul li a:hover{
background-color: #e5e5e5;
}

#bugreports_submit, #domain_submit, #cronjob_submit, #record_submit, #website_submit, #sql_submit, #email_submit, #ftp_submit, #smtp_submit {
background: #ff6600;
color: #ffffff;
padding: 2px;
cursor: pointer;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 206px;
	border: 1px solid #000000;
}

#record_rtype, #email_etype, #ftp_homedir, #user_salutation, #user_groups {
background: #ffffff;
color: #333333;
padding: 2px;
font-size: 13px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 206px;
}

#website_active, #email_active, #ftp_active, #domain_active, #smtp_active  {
padding: 3px;
background: #0084FF;
border: 1px solid #0060B4;
width: 20px;
}
