/* Main Layout Styles */

body {background: #EBEBEB; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
.right {float: right;}
.left {float: left;}
img {border: none;}
ul, li {margin: 0; padding: 0; list-style: none;}
form {margin: 0; padding: 0;}
a {color:#0088B5; font-weight: bold; }
	a:hover {color: #0078A0; }

#container {width: 930px; padding: 15px; -moz-border-radius: 13px; background: #fff; margin: 10px auto; overflow: auto;}
	#content {width: 930px; overflow: auto;}
	
	#header {width: 930px; height: 55px;}
		.logo {margin: 15px; float: left;}
		 .basket {margin: 15px; float: right;}
		ul#toplinks {float: right; color: #666; margin: 0; padding: 0; list-style: none;}
		ul#toplinks li {float: right; margin: 3px 0 0 10px;}
		ul#toplinks a { color: #666; font-weight: bold;}
		ul#toplinks a:hover { color: #33CCFF; font-weight: bold;}
		
	#nav {padding: 0; width: 910px; background: #008DBC url(./theme-images/bg_nav.png) repeat-x bottom; padding: 9px 0 10px 20px; -moz-border-radius: 10px; color: #fff; height: 12px; margin: 15px 0;}
		#nav li {padding-right: 20px; float: left; display: block;}
		#nav a {color: #fff; text-decoration: none; font-weight: normal;}
		#nav a:hover {color: #33CCFF;}
		
	#footer {width: 960px; text-align: center; margin: 10px auto; padding-bottom: 15px; clear: both;}
		#footer ul {width: 400px; margin: 0 auto;}
			#footer li{float: left; margin-right: 20px;}
				#footer li a {color: #999;}
				#footer a:hover {color: #33CCFF;}
				
	#headtop {width: 960px; text-align: center; margin: 10px auto; padding-bottom: 15px; clear: both;}
		#headtop ul {width: 400px; margin: 0 auto;}
			#headtop li{float: left; margin-right: 20px;}
				#headtop li a {color: #333;}
				#headtop a:hover {color: #33CCFF;}
				
/* Homepage Styles */

	#topbox {width: 890px; padding: 20px; -moz-border-radius: 10px; background: #00ACE6 url(./theme-images/bg_fptopbox.png) repeat-x bottom; overflow: auto; color: #fff;}
		#topbox h4 {color: #fff; font-size: 20px; letter-spacing: -1px; margin: 0; padding: 0 0 5px 0; }
		#topbox input {border: 1px solid #0093C4; padding: 3px 3px; }
		#topbox select {margin-left: 3px;}
		#topbox .btn {padding: 3px 5px; background: #004055; color: #fff; border: none; -moz-border-radius: 3px; position:absolute; margin-left: 5px; cursor: pointer; width: 60px; font-size: 11px;}
			#topbox .btn:hover {background: #005773; }
		#tbleft {float: left; width: 450px; padding-top: 15px;}
			#tbleft .tld {width: 75px;}
		
		#tbright {font-size: 12px; float: right; width: 400px; border-left: 1px solid #00ACE5; padding-left: 15px;}
			#tbright #boxleft {float: left; width: 225px;}
			#tbright input {width: 145px; margin: 5px 0 0 5px;}
			#tbright p {float: right; margin: 0; padding: 0;}
			#tbright p.link {float: left; margin: 13px 0 0 10px; font-size: 11px; padding: 0;}
			#tbright a {color: #fff; text-decoration: underline;}
	
	ul#promobox {width: 930px; position: relative; float: left; margin-bottom: 15px;}
		ul#promobox p {margin: 0; padding: 0;}
		ul#promobox li {width: 270px; padding: 20px 10px 20px 20px; float: left; background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; color: #fff; }
			ul#promobox ul {margin: 0 0 10px 0;}
			ul#promobox li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px;}
			ul#promobox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;}
            ul#promobox li h5 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 18px; float: left; margin: 0; padding: 0 0 3px 0;}
            ul#promobox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;}
			ul#promobox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;}
			
			ul#promobox a {background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;}
			ul#promobox a:hover {background: #005773;}
			
		ul#promobox li.two{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;}
		ul#promobox li.three {margin-right: 0; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;}
		
		ul#domainbox li {width: 700px; padding: 20px 10px 20px 20px; float: left; background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; color: #fff; }
	    ul#domainbox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;}
	    #domainchecker {
        width: 700px ;
        margin-left: auto ;
        margin-right: auto ;
       }
	#newsbox {width: 575px; padding: 20px; background: #f7f7f7; float: left; -moz-border-radius: 10px;}
		#newsbox p {margin: 0; padding: 0;}
		#newsbox h5 {font-size: 25px; letter-spacing: -1px; color: #006C91; margin: 0; padding: 0; line-height: 1;}
		#newsbox h6 a {font-size: 14px; letter-spacing: -1px; color: #006C91; margin: 0; padding: 0; line-height: 1;}
		#newsbox h6 {margin-bottom: 2px; padding: 0; line-height: 1;}
		#newsbox li {margin-top: 15px; line-height: 1.5em;}
		#newsbox .rss a{float: right; margin: 3px 8px 0 0; color: #999; font-weight: normal;}
	
	#quotes {width: 260px; padding: 20px; float: right; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom; -moz-border-radius: 10px; color: #fff;}
		#quotes p {margin: 0; padding: 0;}
		#quotes h3 {line-height: 1; letter-spacing: -1px; font-size: 25px; margin: 0; padding: 0;}
		#quotes li {margin-top: 17px; font-size: 17px; font-weight: bold; letter-spacing: -1px;}
		#quotes a {float: left; color: #fff; padding: 0; margin-top: 15px;}
		
		blockquote {
	margin-left: 1em;
	padding-left: 1em;
	background: url(theme-images/img09.gif) repeat-y;
	font-style: italic;
	font-size:120%
	}

/* Support Database */

div.QWGlobalNav {
	font-size:10.0pt;
}

div.QWTitleBox {
	border:solid windowtext 1.0pt;
	border-color: black;
	background: #eeeeff;
	color:black;
	margin-top:0pt;
	margin-bottom:0pt;
}

div.QWTitle {
	font-size:16.0pt;
	font-weight:bold;
}

div.QWCommandList {
	font-size:10.0pt;
}

table.QWResultBox {
	border:solid windowtext 1.0pt;
	border-color: black;
	background: #ffffaa;
	font-size:10.0pt;
}

table.QWHelpBox {
	border:solid windowtext 1.0pt;
	border-color: black;
	background: #ddddff;
	font-size:10.0pt;
}

div.QWHelpToggle {
	font-size:10.0pt;
}


table.QWInnerSection {
	font-size:10.0pt;
	align: center;
}

tr.QWInnerSectionTitle {
	border: solid windowtext 1.0pt;
	background: #eeeeff;
	font-weight: bold;
}

div.QWHeading1 {
	margin-left:12pt;
	margin-right:12pt;
	margin-top:6.0pt;
	margin-bottom:6.0pt;
	border-bottom:solid windowtext 1.0pt;
	font-size:14.0pt;
	font-weight:bold;
	text-align:left;
	}

div.QWNormal {
	margin-left:12pt;
	margin-right:12pt;
	margin-top:2.0pt;
	margin-bottom:2.0pt;
	color:black;
	font-size:12.0pt;
}

div.QWHtml {
	margin-left:12pt;
	margin-right:12pt;
	margin-top:2.0pt;
	margin-bottom:2.0pt;
	color:black;
	font-size:12.0pt;
}

table.QWBullet {
	margin-top:1.5pt;
	margin-bottom:1.5pt;
	margin-left:12pt;
	margin-right:12pt
}

td.QWBullet {
	color:black;
	font-size:12.0pt;
}

table.QWIndent {
	margin-left:12pt;
	margin-right:12pt
}

td.QWIndent {
	color:black;
	font-size:12.0pt;
}

/* Support Ticket */

#ticketcontent {
      clear:both;
      padding:2px 10px 10px 10px;
      line-height:14pt;
      margin:5px auto 5px auto;
  }

    #ticketcontent #index {
      width:525px; /* Enable to center the forms */
      margin:10px auto 10px auto;
    }

    #index .box {
      width:252px;
      float:left;
    }

    #index .box p {
        clear:both;
        padding-top:10px;
        text-align:justify;
    }

    #ticketcontent form {
      margin:0;
      padding:0;
    }

      #ticketcontent form label {
        display:block;
        width:60px;
        padding-right:10px;
        text-align:right;
        float:left;
        font-weight:bold;
      }

      #ticketcontent #index form input {
        width:175px;
        float:left;
      }

    #ticketcontent #bar {
      width:21px;
      height:auto;
      display:block;
      float:left;
   }

   #ticketform {
     padding:20px 20px 50px 20px;
     width:600px;
     margin:20px auto 20px auto;
     border:1px solid;
   }

   #loginform {
     padding:20px 20px 50px 20px;
     width:400px;
     margin:20px auto 20px auto;
     border:1px solid;
   }

   #ticketform input, #ticketform select {
     width:300px;
     float:left;
   }

   #loginform input {
     width:160px;
     float:left;
   }

   #ticketform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }

   #loginform label {
     width:130px;
     text-align:right;
     display:block;
     float:left;
     padding-right:10px;
   }

   #ticketform textarea {
     width:400px;
   }

   #ticketform .ticketsubmit {
     margin-left:410px;
   }

   #loginform .ticketsubmit {
     margin-left:170px;
   }


  #powered_by {
      clear:both;
      display:block;
      width:126px;
      height:23px;
  }


.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

.msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: bold;
}


#infomessage, #warnmessage, #errormessage {
    margin-bottom: 1.5em;
    padding: 0.3em;
    font-weight: bold;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.btn, .btn a {
  display:block;
  width:134px !important;
  height:27px;
  border:none;
  font-family:arial, helvetica, sans-serif !important;
  line-height:27px !important;
  background:url(http://www.hostpost.co.uk/support/images/button.jpg) top left no-repeat;
  text-align:center;
  color:#fff !important;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0;
}

form .btn {
  padding-bottom:4px;
}

th {
  font-weight:bold;
  text-align:left;
  padding-left:3.5px;

#ticketcontainer {
  width:884px;
  margin:5px auto 0 auto;
  border:1px solid;
  text-align:left;
}

#ticketnav {
    clear:both;
  }

    #ticketnav {
      clear:both;
      margin:0;
      padding:0 40px 0 0;
      height:24px;
      border-bottom:1px solid;
    }

    #ticketnav li {
      list-style:none;
      margin:0;
      padding:0;
      display:inline;
    }

    #ticketnav li a {
      height:24px;
      line-height:24px;
      display:block;
      float:left;
      padding-left:25px;
      margin:0 10px 0 10px;
      text-decoration:none;
      font-weight:bold;
      float:right;
    }

    #ticketnav a.home { background:url(../images/home.gif) 0 5px no-repeat; }
    #ticketnav a.new_ticket { background:url(../images/new_ticket.gif) 0 5px no-repeat; }
    #ticketnav a.my_tickets { background:url(../images/my_tickets.gif) 0 5px no-repeat; }
    #ticketnav a.ticket_status { background:url(../images/ticket_status.gif) 0 5px no-repeat; }
    #ticketnav a.log_out { background:url(../images/logout.gif) 0 5px no-repeat; }

/* Buttons  */
.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px;
    border: 1px solid;
}

/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */

.Icon {

    width: auto;
    padding-left:20px;
    background-position: left center;
    background-repeat: no-repeat;
    color:#006699;
    text-decoration: none;
}

a.Icon { }

a.Icon:hover {
    text-decoration: underline;
}


.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 2px no-repeat; }


.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
.Icon.file { background-image: url(../images/icons/attachment.gif); }
.Icon.refresh { background-image: url(../images/icons/refresh.gif); }
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(../images/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
    margin:10px 0 5px 0;
}

#ticketthread table.response {
    margin-bottom:5px;
}

table.message, table.response {
    border: 1px solid;
    border-bottom: none;
}

table.message td, table.message th,table.response td, table.response th {
    border-bottom:1px solid;
    padding:5px;
}

table.message tr.header td, table.response tr.header td {
    padding:1px;
    padding-left:5px;
}

table.message th, table.response th {
    line-height:24px;
    font-size:12px;
    padding:1px;
    padding-left:5px;
    font-weight:bold;
}