/* General HTML elements */

form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, blockquote { margin: 0; padding: 0; }
li { margin: 0px; padding: 0; }
li.pagebullets { margin: 0px; padding: 3px; }
body { font-family: Arial, Helvetica, sans-serif; background: #333; color: #fff; text-align: center; margin: 0; padding: 0; font-size: 0.6em}
img { border: none; }
a { color: #fa9701; }
a:visited { color: #f90; }
a:focus { color: #fc0; }
a:hover { color: #fc0; }
a:active { color: #ff0; }
p {width: 100%; margin: 0px 0px 8px 0px; font-size: 1.2em; font-weight: bold;}

address { margin: 12px 0; font-size: 1.2em; font-style: normal; }

h1 { font-weight: normal; font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; text-align: center; }
/*h1.indextitle { font-weight: normal; font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; text-align: center; color: #fa9701 }*/ /*orange */
/*h1.indextitle { font-weight: bold; font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; text-align: center;}*/
h2 { font-weight: normal; font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; text-align: center; color: #FF9900;}
h3 { font-weight: bold; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; border-top: 1px solid #fff; padding-top: 5px; text-align: center; color: #FF9900;}
h4 { margin: 12px 0; font-size: 1.2em; }
h5 { text-align: center; font-size: 1.2em; }
h6 { font-weight: bold; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; border-top: 1px solid #fff; padding-top: 5px; text-align: center; color: #bbffc0; }

caption { font-weight: bold; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 12px 0; border-top: 1px solid #fff; padding-top: 5px; text-align: center; }
ul, ol { margin: 12px 0; font-size: 1.2em; padding-left: 2em; font-weight: bold;}
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
blockquote { font-style: italic; }
cite { font-style: normal; }

dl { margin: 0; padding: 0; }
dt { margin: 12px 0; padding: 0; font-size: 1.2em; font-weight: bold; }
dd { margin: 12px 0; padding: 0; font-size: 1.2em; }

pre { overflow: auto; margin: 12px 0; padding: 5px; border: 1px solid #000; font-size: 1.2em; background: #333; font-weight: bold; }
code { font-size:1.2em; font-weight: bold; }

/* Useful Classes */
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
.center { text-align: center; }
.error, .errors { color: #f66; }
.requiredfield { color: #ff7174; font-size: 1.4em;}
.valid { color: #bbffc0; }
.cnvalid { color: #006207; }
.hide, .hidden { display: none; }
a.url { text-decoration: none; color: #fff; }
img.main { display: block; }
p.intro {  font-size: 1.4em; font-weight: bold; }
p.button { text-align: center; }
p.shoppingbasketbutton { text-align: center; margin: 0px; }
.subheader { color: #99e1ff; }
.smallprint { font-size: 0.8em; }
ul.nobullets { padding: 0; list-style-type: none; }

/* Container */
div#container { width: 95%; text-align: left; min-width: 932px; margin: 10px auto; background: #656565; border: 5px solid #666666; }

/* Header Stuff */
a#skip_navigation { color: #656565; text-decoration: none; display: block; height: 5px; line-height: 5px; text-align: center; }
a#skip_navigation:hover, a#skip_navigation:focus { color: #fff; }
address#header_address { float: right; clear: right; font-weight: bold; padding: 0; margin: 0 5px; text-align: right; }
address#header_address strong { color: #fa9701; }
div#header {clear: both; margin: 0; padding: 0; height: 196px; background: #333; font-size: 2em;}

ul#top_menu { padding: 0; margin: 14px 5px 0 5px; font-size: 1em; }
ul#top_menu li { display: inline; padding: 0 5px 0 7px; border-left: 1px solid #fff; }
ul#top_menu li.first { border: none; }
ul#top_menu li a { color: #fff; text-transform: uppercase; }
ul#top_menu li a:hover, ul#top_menu li a:focus { color: #fc0; }
ul#top_menu li a:active { color: #ff0; }
p#copyright { font-size: 1em; text-align: center; clear: both; }

/* General Content Text */
.redtext {color: #FF0000;}
.orangetext {color: #fa9701;}
.orangetext_information { 
    
    font-size: 14px;
    color: #fa9701;
    text-decoration: underline;
    font-weight: bold;
    
}

.bluetext {color: #0099FF;}

div#inner_container { margin: 0px 0px 0px 0px; background: #656565 url("../gfx/main-background-gradient.jpg") center top repeat-y; }
div.box { background: #1b1b1b; margin: 0px 9px 9px 0px; padding: 0px 0px 1px 0px; }
div.box h2 {
	text-align: left;
	background: #333 url("../gfx/header-globe.jpg") left center no-repeat;
	margin: 0;
	line-height: 57px;
	text-indent: 60px;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}
div.box p { margin: 8px; font-size: 1.1em; }
div.box ul { margin: 8px; font-size: 1.1em; }
div.box ul li { margin: 0; padding: 2px 0; list-style-type: square; list-style-image: url("../gfx/list-diamond.gif"); }
div.box ul li a { text-decoration: none; }
div.box ul#packages { margin: 0px 8px 8px 8px; padding: 0px; font-size: 1.1em; }
div.box ul#packages li { padding: 8px 0px; border-bottom: 1px solid #fa9701; list-style-type: none; list-style-image: none; margin: 0; }
div.box ul#packages li a { text-decoration: none; color: #fff; }
div.box ul#packages li a strong { font-size: 1.3em; text-decoration: underline; color: #fa9701; }
div.box ul#packages li a em { font-size: 1.5em; font-style: normal; font-weight: bold; }
div.box ul#packages li a:hover, div.box ul#packages li a:focus, div.box ul#packages li a:hover strong, div.box ul#packages li a:focus strong { color: #fc0; }
div.box ul#packages li a:active, div.box ul#packages li a:active strong { color: #ff0; }

div.box ul.w3c_valid, div.box ul.rss_feeds { padding: 0; text-align: center; }
div.box ul.w3c_valid li, div.box ul.rss_feeds li { list-style-type: none; list-style-image: none; }

/* Columns */

/*div.column { width: 195px; margin: 10px 0; }*/
div.column.right { margin-left: 10px; width: 21% !important; width: 20%; }
div.column.left { margin-right: 10px; width: 21% !important; width: 20%; }
div.center_column { margin: 20px 3px 8px 16px; width: 52%; float: left; margin-bottom: 10px; }
div.center_column_landing { margin: 0px 3px 8px 16px; width: 52%; float: left; margin-bottom: 10px; }
/*.center_column { overflow-x: scroll; }*/

/* Footer */
ul#bottom_menu { padding: 0 10px; margin: 10px 0 0 0; font-size: 1em; height: 67px; line-height: 67px; background: #333; clear: both; }
ul#bottom_menu li { display: inline; padding: 0 5px 0 7px; border-left: 1px solid #fff; }
ul#bottom_menu li.first { border: none; }
ul#bottom_menu li.right { float: right; border: none; margin: 15px 0 0 0; }
ul#bottom_menu li a { color: #fff; text-transform: uppercase; }
ul#bottom_menu li a:hover, ul#top_menu li a:focus { color: #fc0; }
ul#bottom_menu li a:active { color: #ff0; }

/* Forms */
input.companyname { width: 260px; }
input.companyname_with_button { width: 240px; }
input.companyname_long { width: 400px; }
input.reference { width: 260px; }
input.address { width: 230px; }
input.postcode { width: 130px; }
input.country { width: 130px; }
input.telephonenumber { width: 130px; }
input.shares { width: 130px; }
input.names { width: 20px; }
input.pii { width: 40px; }
input.login { width: 230px; }
input.nationality { width: 194px; }
input.incorpnumber { width: 201px; }
input.authcode { width: 201px; }
input.occupation { width: 194px; }

select.officerselect { width: 305px; }
select.packageselect { width: 430px; }
select.companyselect { width: 60%; }
select.companyselector { width: 260px; }
select.companyaction { width: 20%; }
select.wherefrom { width: 230px; }
select.position { width: 205px; }
select.int_selectaction { width: 100px; }
select.int_selectcomp { width: 230px; }

label { float: left; width: 175px; }
.label_radio {float: none; width: 175px; margin-right: 9px;}
label.ddcheck { float: left; width: 450px; }
label.inline, ul.errors li label { float: none; width: auto; display: inline; }
label.secservices { width: 155px; }
p.secservices { color: #bbffc0; margin: 0px 0; font-size: 1.2em; font-weight: bold; }

label.bluelabel { float: left; width: 175px; font-weight: bold; color: #99e1ff;}

input.diary_button { width: 60px; font-size: 1em; color: #000; background: #f90; font-weight: bold; padding: 1px 3px; margin: 0; border: 1px solid #000; cursor: pointer;}
input.payment_button { width: 140px; font-size: 0.9em; color: #000; background: #f90; font-weight: bold; padding: 1px 3px; margin: 0; border: 1px solid #000; cursor: pointer;}
input.button { color: #000; background: #f90; font-size: 1em; font-weight: bold; padding: 1px 3px; margin: 0; border: 1px solid #000; cursor: pointer; }
input.button:hover { background: #f60; }
input.buttoncompanyselect {width: 18%; text-align: center; color: #000; background: #f90; font-size: 1em; font-weight: bold; padding: 1px 3px; margin: 0; border: 1px solid #000; cursor: pointer; }
input.buttoncompanyselect:hover { background: #f60; }
input.text,textarea,select,input#free_name_check { border: 1px solid #000 !important; margin: 0; }
select {border: 1px solid #000 !important; margin: 0; }
textarea {width: 330px;}
input.small { width: 50px; }
input#free_name_check { width: 80%; }
input.check_name { width: 80%; }
input.button.disabled { background: #999 !important; }

table.packagebox { width: 100%; margin: 0px; padding: 0px;  }
table.packagebox td { cursor: help; width: 100%; font-weight: bold; }
table.packagebox ul { font-size: 1em; font-weight: normal; }
table.packagebox div { width: 100%; border: 0px; }
table.packagebox p { cursor: help; font-size: 1.3em; color: #fff; }

/* Questions and Answers */
h3.question { border: 1px solid #000; margin: 10px 0 0 0; padding: 5px 12px; background: #333; font-size: 1.3em; }
h3.question.reveal_answer { background: #333 url("../gfx/expand-icon.gif") right center no-repeat; cursor: help; }
h3.question.hide_answer { background: #333 url("../gfx/contract-icon.gif") right center no-repeat; cursor: help; }
h3.question:hover, h3.question:focus { background-color: #555 !important; }
a.question { display: block; border: 1px solid #000; margin: 10px 0 0 0; padding: 5px 28px; background: #333; font-size: 1.3em; color: #fff !important; text-decoration: none; font-weight: bold; }
a.question.reveal_answer { background: #333 url("../gfx/expand-icon.gif") left center no-repeat; background-position: 1% 50%; cursor: help; }
a.question.hide_answer { background: #333 url("../gfx/contract-icon.gif") left center no-repeat; cursor: help; }
a.question:hover, a.question:focus { background-color: #555 !important; }
div.answer { border: 1px solid #000; border-top: none; margin: 0 0 10px 0; padding: 1px 12px; background: #666; }
div.answer p { font-weight: normal; }
div.answer li { font-weight: normal; }

/* Word Lists */
ul.wordlist { margin: 0; padding: 0; }
ul.wordlist li { list-style-type: none; float: left; width: 50%; }
ul.wordlist li a { display: block; padding: 2px 5px; border: 1px solid #000; background: #444; height: 3em; }

/* packages Page */
div.available_name_check { border: 1px solid #000; background: #fff; padding: 1px 8px; text-align: center; }

/* News Page */
ul.news_list {font-size: 1.1em !important;padding: 2px;}
ul.news_list li {list-style-type: none !important; border-top: 2px solid #F62217; list-style-image: none; font-weight: bolder; color: #fa9701; text-align: center;}

/* Tables */
table.basketaddress{ margin: 0 auto 0px auto; padding: 0px; border: 0px; background: none; width: 100%; }
table.middlebasketaddress{ padding: 0; font-size: 1em; border: none; background: none; width: 60%; }
table.basketaddress td { border: none; padding: 0px; margin: 0px; font-size: 1.1em; font-weight: bold; }
td.notes { color: #e9b500; font-weight: bold; font-size: 1.1em; border-top: none;}
td.field_name { width: 30%;  color: #99e1ff; font-weight: bold; }
td.report_stage { border: none; vertical-align: top; padding: 0;}
td.benowner { text-align: center; font-weight: bold;}
td.data_col {}
.edit_section {text-align: right;}
table.report_stage { border: none; background: none; padding: 0;}
table.report_stage_head { background: none; border-top: 1px solid #fff; border-bottom: none; border-right: none; border-left: none;}
td.report_stage_header { font-weight: bold; font-size: 1.3em; border: none; text-align: center; }
td.edit_section { border: none; font-weight: bold;}

h3.services_table {margin: 10px auto 0 auto; padding: 3px 5px; font-size: 1.4em; color: #fff; border: 1px solid #000; border-bottom: none; background: #0d5fa9 url("../gfx/second-most-popular-package.jpg") top left repeat-y; }
p.editbox { text-align: center; margin: 0 auto; padding: 3px 5px; font-size: 1.2em; color: #fff; border-left: 1px solid #000; border-right: 1px solid #000; background: #333; }
table {margin: 0 auto 8px auto; padding: 0; font-size: 1em; color: #fff; border: 1px solid #000; background: #666; width: 100%; /*table-layout: fixed; */}
caption { text-align: left; border: 1px solid #000; margin: 10px 0 0 0; padding: 5px 12px; background: #333; font-size: 1.3em; }
th, td { text-align: left; padding: 4px 4px; font-size: 1.2em; border: 1px solid #000;}
thead tr { background: #1f426a; }
tbody tr td, tbody tr th { border-top: 0px solid #000; }
tbody th { font-weight: bold; }

tr.even {background: #555; border: black;}

/*table on services.php*/
td.even2 {border-top:2px solid black;}
th.even2 {border-top:2px solid black;}

tr.incomplete  { background: #aa0000; }
tr.grand_total { background: #444; font-weight: bold; }
tr.grand_total th { font-weight: bold; }
th.action, td.action { text-align: right; }
th.subheader { font-weight: bold; color: #99e1ff; }

/*used on the new package manger for Integration*/
.Package_manager{
    font-weight: bold;
    border: 0px;
}
.Package_manager_blue{
    font-weight: bold;
    color: #99E1FF;
    border: 0px;
}
.Package_manager_header_blue{
    color:#99E1FF;
    font-size: 19px;
}
.Package_manager_header{
    font-size: 19px;
}
.Package_manager_input{
    width: 60%;
}

/*Checking Availability*/
body#checking_availability { text-align: left; margin: 0; padding: 10px 20px; }

/* Top Horizontal Menu in a table */
table.menutop{padding: 0 0 0 0;border: 0px none;background-color: transparent;margin: 0px 0px 0px 0px;}
table.menutop td{border: 0px none;text-align: center;text-decoration: none;line-height: 12px;font-weight: bold;color: #fff;text-transform: uppercase; width: 17%;background: #f90 url("../gfx/top-link.jpg") top left repeat-y;text-align: center;}
table.menutop td a { vertical-align: middle; display: block; height:18px; text-decoration: none; color: #fff;	background: transparent;}
table.menutop td a:active { color: #fff; }
table.menutop td a:visited { color: #fff;}
table.menutop td a:hover, table.menutop td a:focus { color: #fc0; border-color: black;}

/* new Home Page popular packages in a table top*/
table.popular_packages_top {border: none; background-color: transparent; width: 50%; font-size: 1em; }
table.popular_packages_top td a { padding: 8px 8px 8px 8px; margin: 15px 0px 10px 20px; display: block; border: 1px solid #fff; font-size: 1.1em; color: #fff; text-align: center; text-decoration: none; }
table.popular_packages_top td a strong { text-transform: uppercase; font-size: 1.1em; }
table.popular_packages_top td a em { font-style: normal; font-size: 1.6em; }
table.popular_packages_top td a:visited { color: #fff; }
table.popular_packages_top td a:hover, ul.popular_packages li a:focus { color: #ff0; border-color: #ff0; }
table.popular_packages_top td a.most_popular_package { line-height: 17px; width: 80%; background: #f90 url("../gfx/most-popular-package.jpg") top left repeat-y; }
table.popular_packages_top td a.second_most_popular_package { line-height: 17px; width: 80%; background: #0d5fa9 url("../gfx/second-most-popular-package.jpg") top left repeat-y; }

/* new Home Page popular packages in a table */
table.popular_packages { border: none; background-color: transparent; width: 100%; font-size: 1em; }
table.popular_packages td a { padding: 8px 8px 8px 8px; margin: 15px 0px 10px 20px; display: block; border: 1px solid #fff; font-size: 1.1em; color: #fff; text-align: center; text-decoration: none; }
table.popular_packages td a strong { text-transform: uppercase; font-size: 1.1em; }
table.popular_packages td a em { font-style: normal; font-size: 1.6em; }
table.popular_packages td a:visited { color: #fff; }
table.popular_packages td a:hover, ul.popular_packages li a:focus { color: #ff0; border-color: #ff0; }
table.popular_packages td a.most_popular_package { line-height: 17px; width: 80%; background: #f90 url("../gfx/most-popular-package.jpg") top left repeat-y; }
table.popular_packages td a.second_most_popular_package { line-height: 17px; width: 80%; background: #f90 url("../gfx/most-popular-package.jpg") top left repeat-y; }
.tooltip{
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span{
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute; right: 3em; top: 2em; z-index: 99;
	margin-left: 0; width: 360px;
    font-size: 7px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -50px;
	float: left; position: absolute;
}
.tooltip:hover em {
    color: #fa9701;
	display: block; padding: 0.2em 0 0.6em 0;
}
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.info { background: black; border: 1px solid #0D5FA9;}

.serviceseparator{
    background: black; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #000000 0%, #0099FF 52%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(52%,#0099FF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #000000 0%,#0099FF 52%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #000000 0%,#0099FF 52%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #000000 0%,#0099FF 52%); /* IE10+ */
    background: linear-gradient(45deg,  #000000 0%,#0099FF 52%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0099FF',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.serviceseparator1{
    background: black; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #000000 0%, #FF9900 52%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(52%,#FF9900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #000000 0%,#FF9900 52%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #000000 0%,#FF9900 52%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #000000 0%,#FF9900 52%); /* IE10+ */
    background: linear-gradient(45deg,  #000000 0%,#FF9900 52%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#FF9900',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}