* {
    outline:none;
}
html {
    height:100%;
}
body {
    padding:20px 0;
    margin:0px;
    background:#fff url(http://www.voxit.co.uk/images/background_logo.gif) no-repeat bottom right;
    background-attachment:fixed;
    font-family:"tahoma",verdana,arial;
    font-size:0.7em;
    color:#333;
}
form {
    padding:0;
    margin:0;
}
a img {
    border:none;
}
h1 {
    padding:0;
    margin:4px 0 14px 0;
}
h2 {
    padding:0;
    margin:0;
    margin-bottom:15px;
    font-size:1.2em;
}
h3 {
    font-size:1em;
}
h4 {
    padding:0;
    margin:0;
}
p {
    margin:5px 0 10px 0;
    padding:0;
    line-height:160%;
}
a {
    color:#006DC0;
    text-decoration:none;
}
a:hover {
    color:#222222;
    text-decoration:underline;
}
hr {
    border:0px;
    background-color:#EEE;
    height:1px;
    color:#EEE;
}
textarea,input,select  {
    font-family:Tahoma;
    font-size:1em;
    color:#555;
    margin:0;
    padding:4px;
    border:1px solid #CCC;
    border-top:1px solid #BDBDBD;
    border-bottom:1px solid #DDD;
    background:#FFF url(http://www.voxit.co.uk/images/bg_field.gif) repeat-x top left;
}
pre {
    font-size:1.2em;
}
.pngBackground {
    width:140px;
    background:url(http://www.voxit.co.uk/images/bg_field.png) repeat-x top left;
}
.noStyle {
    border:none;
    background:none;
}
#loginWrapper {
    width:350px;
    margin:0 auto;
}
#wrapper {
    width:780px;
    margin:0 auto;
    border:1px solid #555;
    background: url(http://www.voxit.co.uk/images/left_bg.gif) repeat-y left top;
}
#header {
    background:#fff url(http://www.voxit.co.uk/images/header_image.gif) no-repeat top right;
    margin-bottom:0px;
}
#searchBox {
    width:180px;
    float:right;
    position:relative;
    top:42px;
    margin:0;
    padding:0;
}
#logo {
    float:left;
    margin-right:38px;
}
#headerImage {
    float:left;
}
#headerNav {
    margin:0;
    padding-left:0px;
    height:22px;
}
#headerNav li{
    list-style:none;
    display:inline;
}
#headerNav a {
    text-indent:-2000px;
    height:22px;
    float:left;
    text-decoration:none;
}
#home {
    width:72px;
    background:url(http://www.voxit.co.uk/images/nav_home.gif) 0 0 no-repeat;
}
#services {
    width:85px;
    background:url(http://www.voxit.co.uk/images/nav_services.gif) 0 0 no-repeat;
}
#telephony {
    width:135px;
    background:url(http://www.voxit.co.uk/images/nav_telephony.gif) 0 0 no-repeat;
}
#design {
    width:96px;
    background:url(http://www.voxit.co.uk/images/nav_design.gif) 0 0 no-repeat;
}
#servers {
    width:125px;
    background:url(http://www.voxit.co.uk/images/nav_servers.gif) 0 0 no-repeat;
}
#support {
    width:104px;
    background:url(http://www.voxit.co.uk/images/nav_support.gif) 0 0 no-repeat;
}
#toolkit {
    width:69px;
    background:url(http://www.voxit.co.uk/images/nav_toolkit.gif) 0 0 no-repeat;
}
#contact {
    width:94px;
    background:url(http://www.voxit.co.uk/images/nav_contact.gif) 0 0 no-repeat;
}
#headerNav a:hover {
    background-position:0 -22px;
}
#homeA {
    width:72px;
    background:url(http://www.voxit.co.uk/images/nav_home.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#servicesA {
    width:85px;
    background:url(http://www.voxit.co.uk/images/nav_services.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#telephonyA {
    width:135px;
    background:url(http://www.voxit.co.uk/images/nav_telephony.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#designA {
    width:96px;
    background:url(http://www.voxit.co.uk/images/nav_design.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#serversA {
    width:125px;
    background:url(http://www.voxit.co.uk/images/nav_servers.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#supportA {
    width:104px;
    background:url(http://www.voxit.co.uk/images/nav_support.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#toolkitA {
    width:69px;
    background:url(http://www.voxit.co.uk/images/nav_toolkit.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#contactA {
    width:94px;
    background:url(http://www.voxit.co.uk/images/nav_contact.gif) 0 0 no-repeat;
    background-position:0 -22px;
}
#leftContent {
    float:left;
    width:170px;
    margin-right:10px;
    padding:5px 10px 20px 10px;
    background-color:#f7f8f9;
    border-right:2px solid #e7e7e8;
}
#leftContent ul {
    padding-left:0px;
    margin:10px 0 0 0;
}
#leftContent li {
    list-style:none;
    background:url(http://www.voxit.co.uk/images/bullet.gif) no-repeat;
    background-position:0 2px;
    padding:0 0 0 18px;
    margin-bottom:8px;
}
#leftContent li a {
    color:#000;
    text-decoration:none;
}
#leftContent li a:hover {
    color:#888;
    text-decoration:none;
}
#rightContent {
    float:left;
    width:570px;
    padding:5px 5px 20px 0px;
    line-height:150%;
}
#mainContent ul.voxitBullets {
    padding-left:0px;
    margin:10px 0 15px 10px;
}
#mainContent ul.voxitBullets li {
    list-style:none;
    background:url(http://www.voxit.co.uk/images/bullet_right.gif) no-repeat;
    background-position:0 4px;
    padding:0 0 0 18px;
    margin-bottom:4px;
}
#mainContent ul.voxitBullets li a {
    text-decoration:none;
}
#mainContent ul.voxitBullets li a:hover {
    text-decoration:none;
}
#mainContent ul.voxitBulletsMargined {
    padding-left:0px;
    margin:10px 0 15px 10px;
}
#mainContent ul.voxitBulletsMargined li {
    list-style:none;
    background:url(http://www.voxit.co.uk/images/bullet_right.gif) no-repeat;
    background-position:0 4px;
    padding:0 0 0 18px;
    margin-bottom:10px;
}
#mainContent ul.voxitBulletsMargined li a {
    text-decoration:none;
}
#mainContent ul.voxitBulletsMargined li a:hover {
    text-decoration:none;
}
#mainContent ul.pdf,#rightContent ul.pdfSmall {
    padding-left:0px;
    margin:10px 0 15px 10px;
}
#mainContent ul.pdf li {
    list-style:none;
    background:url(http://www.voxit.co.uk/images/pdf_icon_tiny.gif) no-repeat;
    background-position:0 2px;
    padding:0 0 0 18px;
    margin-bottom:8px;
}
#mainContent ul.pdfSmall li {
    list-style:none;
    background:url(http://www.voxit.co.uk/images/pdf_icon_tiny.gif) no-repeat;
    background-position:0 2px;
    padding:0 0 0 18px;
    margin-bottom:2px;
}
#mainContent ul.pdf li a,#rightContent ul.pdfSmall li a {
    text-decoration:none;
}
#mainContent ul.pdf li a:hover,#rightContent ul.pdfSmall li a:hover {
    text-decoration:none;
}

#mainContent {
    background-color:#fff;
    padding:0px 0px 20px 8px;
    line-height:150%;
    margin:0;
}
#footer {
    width:780px;
    margin:0 auto;
    margin-bottom:50px;
    padding:2px 0;
    color:#777;
    font-size:0.9em;
    line-height:150%;
}
#leftFooter {
    float:left;
    width:530px;
    text-align:left;
}
#leftFooter a {
    color:#267bbb;
    text-decoration:none;
}
#leftFooter a:hover {
    color:#222222;
    text-decoration:none;
}
#rightFooter {
    float:left;
    width:250px;
    text-align:right;
}
.clear {
    clear:both;
}
.findOutMore {
    width:104px;
    height:21px;
    float:left;
    background:#bbb url(http://www.voxit.co.uk/images/find-out-more.gif) no-repeat;
    text-indent:-2000px;
}
.findOutMore:hover {
    background:#bbb url(http://www.voxit.co.uk/images/find-out-more.gif) no-repeat;
    background-position:0 -21px;
}

.viewTool {
    width:82px;
    height:21px;
    float:left;
    background:#bbb url(http://www.voxit.co.uk/images/view-tool.gif) no-repeat;
    text-indent:-2000px;
}
.viewTool:hover {
    background:#bbb url(http://www.voxit.co.uk/images/view-tool.gif) no-repeat;
    background-position:0 -21px;
}
.right {
    width:121px;
    float:right;
    text-align:left;
}
.information {
    background-color:#e7f2f8;
    border:1px dotted #bdd8f4;
    padding:2px 8px;
}
.fire {
    color:#B22222;
}
.searchResult {
    background-color:#ffff72;
}
.indent {
    margin-left:30px;
}
.rightImage {
    float:right;
    margin:2px 5px 5px 15px;
    padding:3px;
    border:1px solid #ddd;
}
.leftImage {
    float:left;
    margin:2px 15px 5px 5px;
    padding:3px;
    border:1px solid #ddd;
}
.enquire {
    float:left;
    margin:6px 0 10px 4px;
    text-indent:-2000px;
    width:152px;
    height:33px;
    text-decoration:none;
    background:url(http://www.voxit.co.uk/images/request-more-information.gif) 0 0 no-repeat;
}
.enquire:hover {
    background:url(http://www.voxit.co.uk/images/request-more-information.gif) 0 0 no-repeat;
    background-position:0 -33px;
}
.features td {
    padding-left:10px;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #bbb;
}
.features th {
    border-bottom:1px solid #ddd;
    border-right:1px solid #bbb;
}
.features th.top {
    background:url(http://www.voxit.co.uk/images/bullet_table.gif) no-repeat top left;
    border-bottom:1px solid #bbb;
    border-top:1px solid #bbb;
    border-right:1px solid #bbb;
}
.features th.bottom {
    border-bottom:1px solid #bbb;
}
.toolsMain {
    width:720px;
    padding-top:10px;
}
.toolsBoxMain {
    float:left;
    width:223px;
    height:121px;
    background:url(http://www.voxit.co.uk/images/tool_kit_bg.gif) no-repeat;
    margin-right:15px;
    margin-bottom:15px;
}

.toolsBoxMain .toolsContent {
    padding:6px 4px 4px 4px;
    text-align:justify;
}
.toolsBoxMain .toolsContent p {
    padding:0px 2px;
    margin-bottom:0;
}
.tools {
    width:224px;
    margin-left:30px;
    padding-top:10px;
}
.toolsBox {
    float:left;
    width:423px;
    height:63px;
    background:url(http://www.voxit.co.uk/images/domain_bg.gif) no-repeat;
    margin-right:15px;
    margin-bottom:15px;
}
.toolsBox .toolsContent {
    padding:18px 4px 4px 4px;
    text-align:justify;
}
.toolsBox .toolsContent p {
    padding:0px 2px;
    margin-bottom:0;
}
.results td {
    padding-left:10px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.results th {
    padding-left:14px;
    text-align:left;
    background:url(http://www.voxit.co.uk/bullet_table.gif) no-repeat top left;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
}
.results td.bottom,.results th.bottom {
    border-bottom:1px solid #ddd;
}
.whois td {
    padding-left:10px;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}
.whois th {
    padding-left:14px;
    text-align:left;
    background:#F5FAFA url(http://www.voxit.co.uk/images/bullet_table.gif) no-repeat top left;
    border:1px solid #ddd;
}
.domainSearch {
    border-left:1px solid #ddd;
}
.domainSearch td {
    padding-left:10px;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}
.domainSearch th {
    padding-left:14px;
    text-align:left;
    background:#F5FAFA url(http://www.voxit.co.uk/images/bullet_table.gif) no-repeat top left;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.join {
    width:424px;
    margin:0 auto;
    padding-top:10px;
}
.joinBox {
    float:left;
    width:423px;
    height:63px;
    background:url(http://www.voxit.co.uk/images/domain_bg.gif) no-repeat;
    margin-bottom:15px;
}
.joinBox .joinContent {
    padding:6px 4px 4px 4px;
    text-align:justify;
}
.joinBox .joinContent p {
    padding:0px 2px;
    margin-bottom:0;
}
.homepageWrap {
    padding-top:0px;
    width:740px;
    margin:0 auto;
}
.homepageBox {
    float:left;
    width:223px;
    height:267px;
    background:url(http://www.voxit.co.uk/images/homepage-box.gif) no-repeat;
    margin-right:15px;
    margin-bottom:15px;
}
.homepageBoxRight {
    float:left;
    width:223px;
    height:267px;
    background:url(http://www.voxit.co.uk/images/homepage-box.gif) no-repeat;
    margin-bottom:15px;
}
.homepageBoxBottom {
    float:left;
    width:699px;
    height:137px;
    background:url(http://www.voxit.co.uk/images/homepage-box-bottom.gif) no-repeat;
    margin-bottom:15px;
}
.submit {
    font-weight:bold;
    background:url(http://www.voxit.co.uk/images/submit.gif);
    color:white;
    border:1px solid #1764ac;
    padding:3px 5px;
}
.link1 span, .link1 a { color:#AE0202;}
.link2 span, .link2 a { color:#669000;}
.link3 span, .link3 a { color:#0148A1;}
.homepageBox ul,.homepageBoxRight ul {
    padding-left:0px;
    margin:5px 0 5px 8px;
}
.homepageBox ul li,.homepageBoxRight ul li {
    list-style:none;
    background:url(http://www.voxit.co.uk/images/bull_link.gif) no-repeat;
    background-position:0 6px;
    padding:0 0 0 8px;
    margin-bottom:2px;
}
.homepageBox ul li a,.homepageBoxRight ul li a {
    text-decoration:none;
}
.homepageBox ul li a:hover,.homepageBoxRight ul li a:hover {
    text-decoration:none;
}
.glossary {
    color:#333;
}

/** SUPPORT SUITE **/

ul.adminNav {
    background:url(images/support_background.gif) top left no-repeat;
	padding:6px 0 0 18px;
	height:31px;
	margin:0 0 15px 0;
	list-style: none;
	float:right;
}
ul.adminNav li {
	float: left;
	color:#ccc;
}
ul.adminNav li a {
	float: left;
	text-decoration: none;
	color: #555;
	margin-right: 5px;
}
ul.adminNav li a span {
	float: left;
	padding-right: 4px;
	display: block;
	margin-top: -4px;
	height: 24px;
}
ul.adminNav li a:hover {
    color:#000;
}
ul.adminNav li .download {
    background:url(http://support.voxit.co.uk/images/pdf_tiny_icon.gif) no-repeat;
    background-position:4px 2px;
    padding-left:16px;
}
ul.adminNav li .current {
    text-decoration:underline;
    color:#000;
}
a.button {
	float:right;
	text-decoration: none;
	color: #555;
	padding: 4px 9px 0 0;
	font: 900 13px "Trebuchet","Arial", Helvetica, sans-serif;
	background: url("http://support.voxit.co.uk/images/grey_on_white.gif") no-repeat top right;
}
a.button span {
	float: left;
	padding-right: 8px;
	display: block;
	margin-top: -4px;
	height: 24px;
	background: url("http://support.voxit.co.uk/images/grey_on_white.gif") no-repeat top left;
}
a.button:hover {
	background: url("http://support.voxit.co.uk/images/blue_on_white.gif") no-repeat top right;
}
a.button:hover span {
	background: url("http://support.voxit.co.uk/images/blue_on_white.gif") no-repeat top left;
}
#ticketLeftContent {
    float:left;
    width:420px;
    padding-right:20px;
    margin-right:20px;
    border-right:1px solid #ddd;
}
#ticketRightContent {
    float:left;
    width:270px;
}
fieldset {
    margin-bottom:6px;
    border:1px SOLID #CCCCCC;
    -moz-border-radius:4px 4px 4px 4px;
    padding:4px;
}
legend {
    font-weight:bold;
    color:#555;
}
#ticketDetails {
    margin-top:2px;
    width:250px;
    background-color:#f1f1f1;
    border:1px solid #ddd;
    padding:5px 5px 5px 5px;
}
.ticketTab {
    color:#555;
    font-weight:bold;
    padding:4px 3px;
    background-color:#f9f9f9;
    border:1px solid #eee;
    border-bottom:1px solid #ddd;
    text-decoration:none;
}
.ticketTab:hover {
    color:#555;
    font-weight:bold;
    padding:4px 3px;
    background-color:#f1f1f1;
    border:1px solid #ddd;
    border-bottom:1px solid #f1f1f1;
    text-decoration:none;
}
.ticketTabOver {
    color:#555;
    font-weight:bold;
    padding:4px 3px;
    background-color:#f1f1f1;
    border:1px solid #ddd;
    border-bottom:1px solid #f1f1f1;
    text-decoration:none;
}
hr {
    border:0;
    color:#ddd;
    background-color:#ddd;
    width:98%;
    height:1px;
}
.notesWrapper {
    max-height:380px;
    overflow:auto;
}
.notesWrapper p {
    margin:2px 0;
}
.detailsWrapper {
    height:110px;
    overflow:auto;
}
.unread td a {
    font-weight:bold;
}
ul.recipients {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
ul.recipients li {
    background:#EDF5FA url(http://support.voxit.co.uk/images/remove.gif) no-repeat 96% center;
    margin:4px 0px;
    padding:3px 5px;
    cursor:pointer;
    font-weight:bold;
    border:solid 1px #d7d7d7;
}
#clientDetails {
    margin-top:2px;
    width:405px;
    background-color:#f1f1f1;
    border:1px solid #ddd;
    padding:5px 5px 5px 5px;
}
.clientNotesWrapper {
    height:190px;
    overflow:auto;
}
.clientNotesWrapper p {
    margin:2px 0;
}
.clientTicketsWrapper {
    height:290px;
    overflow:auto;
}
.clientServicesWrapper {
    height:340px;
    overflow:auto;
}
.relatedTickets td,.borderBottom td {
    border-bottom:1px solid #ddd;
}
.tickets th {
    text-align:left;
    background-color:#f1f1f1;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-bottom:2px solid #bbb;
}
.tickets {
    border-right:1px solid #ddd;
}
.tickets td {
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.warning {
    padding:10px 20px;
    background-color:#f1f1f1;
    border:1px dotted #ccc;
}
.error {
    background-color:#ffecec;
    border:1px dotted #f1b4b4;
    padding:5px 8px;
}
.success {
    background-color:#edffec;
    border:1px dotted #b0e3ab;
    padding:5px 8px;
}
