/*
    Project: Clearwell Pest Control Services
    URL: http://www.clearwell.biz
    
    Author: Gareth Clare (gareth@dataphiles.co.uk); Dataphiles (www.dataphiles.co.uk)
    Date: 21/04/2008
*/
 
body {background:#898076 url("../design/bg.gif"); font:70%/160% "verdana",sans-serif; color:#8FA6B4; margin:0; padding:0; min-height:1px;}

a {color:#8FA6B4}
a:hover {color:#BFCDD5}

p {margin:10px 0}
address {font-style:normal}
blockquote {font-style:italic}

a, img, span {border:0; margin:0; padding:0;}

fieldset {border:1px solid #eee; margin-bottom:15px; padding:20px}

legend {font-weight:bold; color:#EC1C24; font-size:120%}

form {margin:0}

table.border {border:1px solid #A19A92}

table {font-size:100%; width:100%; border-collapse:collapse}

table th {text-align:center; font-weight:bold; background:#A19A92; color:#fff; padding:5px 0}

table.border td {padding:5px 5px; text-align:center; font-size:85%; border-right:1px solid #DDDADA; border-bottom:1px solid #DDDADA}

table.border td.hrana {border-right:0}

table.border td.hrana2 {border-bottom:0}

table.border tr.sudy {background:#F5F4F4}

h2 {font:normal 140%/180% "verdana",sans-serif; text-align: justify; padding: 3px 0 0 20px; margin: 0 53px 0 0; color:#fff; background:#FFF url("../design/sidebox-text-header.gif") 0 0 repeat-x; height:32px; width: 163px;}

h3 {clear:both; font-size:200%; }

hr {height:1px; color:#ddd; background-color:#ddd; border: 0px solid #ddd}

textarea{
	width: 80%;
	padding:10px;
	line-height:2em;
	height: 20em;
	border: 1px solid #ccc;	
	background:#fff url(../design/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

/* Padding */
.p-ten {padding: 10px;}

textarea#email {padding: 5px; font:100%/160% "verdana",sans-serif;  background-repeat: no-repeat; border: 3px solid #cccccc; width: 167px; height: 167px; }

#main {width:750px; margin:35px auto; }

/* header */
#header {background:#fff url("../design/header.gif") 0 0 no-repeat; padding: 15px 15px 0 15px; position:relative; margin-bottom: 0; z-index:2;}

    #header .star{}

    #header h1#tel {font-size:30px; letter-spacing: -2px; color: #fff; margin: 0; padding:0; display: block; position: absolute; left: 450px; top: 39px; z-index:3; line-height: 23px;}

    #header .header-sub {background:#fff url("../design/header-sub.gif") 0 0 no-repeat; padding: 15px 0 0 30px; position:relative; z-index:1;}

    #logo {margin:0; padding:0; position:relative; width:177px; height:74px; overflow:hidden; font-size:150%; z-index:2}

        #logo span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:2; width:156px; height:44px; background:url("../images/logo.gif") 0 0 no-repeat; }


    #header .image-link {z-index:2; margin: 0; padding: 0; height: auto; }
    
    #flash {z-index: 2; background: url("../design/flash-back.gif") 0 0 no-repeat; padding: 4px; }

/* content */

#content {padding: 20px 10px 5px 20px; background:#fff; position:relative; top: -15px; width: 720px; z-index:1;}

    #edit-content { padding: 10px; width: 90%; background:#fff url("../design/edit-content.jpg") 0 0 repeat-x; text-align: center;  }
    
        #edit-content a { color: #000; font-size: 130%;}

    #side-box .clearweb{display: block; position: absolute; right: 18px; top: 20px; }

    #text {width: 470px; float: left; font-size:110%; line-height: 200%; margin: 0 10px 20px 0; line-height: 200%;}

        #text p {}

    #side-box { width: 240px; float: left; }

        #side-box .sidebox-header{width:235px; height:23px; background:#FFF url("../design/sidebox-header.gif") 0 0 repeat-y; }

        #side-box .sidebox-content{width:200px; min-height:1px; padding: 0 20px 0 20px; background:#FFF url("../design/sidebox-content.gif") 0 0 repeat-y; }
               
        #side-box .link-login { font-size:120%; padding: 15px 26px 15px 150px; border-bottom: dashed 1px #999; }
        
        #side-box .link { font-size:120%; padding: 5px 16px 15px 150px; }

        #side-box .login-feedback { font-size:120%; padding: 10px 0 10px 0; border-bottom: dashed 1px #999; }

        #side-box .clearweb-login-text {line-height: 200%;  color: #000; }
        
        #side-box .form-loggedin { margin-top: 20px;}
        
        #side-box .form-label { color: #000; line-height: 300%; margin-top: 10px; }
        
        #side-box .form-user { color: #8FA6B4; text-align: center; }

        #side-box .sidebox-footer{width:235px; height:31px; background:#FFF url("../design/sidebox-footer.gif") 0 0 repeat-y; margin-bottom: 10px; }
        
        #side-box .sidebox-footer-footer{width:235px; height:31px; background:#FFF url("../design/sidebox-footer.gif") 0 0 repeat-y; margin-bottom: 10px; }
                
        #side-box .quick-email { position: relative;}
        
        #side-box .quick-email .quickemail{display: block; position: absolute; right: 50px; top: 0px; }


/* body-footer */

#body-footer {background:#fff; position:relative; top: -15px; padding: 0 0 15px 15px; }

    #body-footer a {color:#000}
    #body-footer a:hover {color:#6A6A6A}

    #body-footer .body-footer-header{width:720px; height:16px; background:#FFF url("../design/body-footer-header.jpg") 0 0 repeat-y; }

    #body-footer .body-footer-content{min-height:1px; padding: 20px 20px 0 20px; background:#FFF url("../design/body-footer-content.jpg") 0 0 repeat-y; overflow: hidden; width: 93%;}
              
        #body-footer .body-footer-content .address-logo{float: left; padding: 20px;}
    
        #body-footer .body-footer-content .address{color: #000; float: left; padding-right: 60px; line-height: 20px;}
        
        #body-footer .body-footer-content .email-logo{float: left; padding: 20px;}
        
        #body-footer .body-footer-content .email{color: #000; float: left; }

        #body-footer .body-footer-content .site-map{color: #000; float: left; padding: 20px 70px 0 0; width: 100%;}
               
        #body-footer .body-footer-content .site-map-logo{float: left; padding: 20px;}
        
        #body-footer .body-footer-content .site-map-head{float: left; display: block; }
        
            #body-footer .body-footer-content .site-map .site-map-header-wrapper{color: #000; float: left; padding-right: 70px; width: 100%;}
        
        #body-footer .body-footer-content .map{width: 100%; }
        
            #body-footer .body-footer-content .site-map .map{float: left; width: 70%; }
            
            #body-footer .body-footer-content .site-map .map ol{list-style: none; height: 140px; width: 88%; padding: 0 25px 0 15px; line-height: 200%; margin: 0 10px 0 10px; }
            

    #body-footer .body-footer-footer{width:720px; height:22px; background:#FFF url("../design/body-footer-footer.gif") 0 0 repeat-y; margin-bottom: 10px; }
    

/* footer */
#footer {clear:both; width:750px; top: -25px; height:130px; color: #000; padding: 10px 0 0 50px; background:url("../design/footer.gif") 0 0 no-repeat; position:relative; }    

    #footer a {color:#000}
    #footer a:hover {color:#6A6A6A}

/* Universal Style Settings */

.noscreen {display:none}

.error {color: #D01F3C}

.username {border:#ccc 1px solid; background:#fff url(../design/shadow_top.gif) repeat-x top; font:1em Verdana, Arial, Serif; width:15em;}

.password {border:#ccc 1px solid; background:#000 url(../design/shadow_top.gif) repeat-x top; font:1em Verdana, Arial, Serif; width:15em;}

.username:focus {background:#fff url(../design/shadow_top.gif) repeat-x top; border:#999 1px solid; }

.password:focus{background:#fff url(../design/shadow_top.gif) repeat-x top; border:#999 1px solid; }

.errorbox { padding: 5px; }

.error-back {background:#fff url(../design/error-back.gif) repeat-x top; border:#999 1px solid; }

#loading { background-color: #999 Transparent; height: 100%; filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4; width: 100%; background-color: #E9E9E9; position: absolute; z-index: 500; top: 0px; left: 0px;}

#loading p { color: #000; padding: 6px; margin: 13em 0 0 25px; width: 150px; background-color: #8EA5B4; filter: Alpha(Opacity=100); -moz-opacity:1.0; opacity: 1.0; }

.standard-button {left: -70px;}