body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans serif;
font-size: 11px;
background: #ffffff;
line-height: 150%;
color: #666666;
}

select {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #666666;
}

#copyright {
font-size: 10px;
}

p.install-console {
        font-weight: bold;
        margin-left: 10px;
        color: #FFF;
}

.install-console a:link, .install-console a:visited, .install-console a:active {
        display: block;
        color: #FFF;
        background: #fff url(http://www.btconferencing.com/brand/bt/img/buttons/install-button.jpg) 0 0 no-repeat;
        height: 13px;
        padding: 10px 15px;
        padding-top: 13px;
        }

.install-console a:hover {
        background: #fff url(http://www.btconferencing.com/brand/bt/img/buttons/install-button.jpg) 0 -36px no-repeat;
        color: #FFF;
        }
/* main page layout section */

/* The wrap controls the width of the page. Comment out the width tag
to get a liquid layout; however, keep in mind that this will affect your
header image */
#wrap {
margin: 20px auto;
width: 800px;
}

#global-header-area {
height: 40px;
margin: 0px 0px 10px 0px;
}

/* The left-logo style controls the padding and alignment of the logo at the top left,
if the minisite is a co-brand, for example. */
#left-logo {
float: left;
}

#middle-logo {
float: left;
padding-left: 340px; 
}
/* The right-logo style controls the padding and alignment of the logo at the top right,
often the BT logo, for example. */
#right-logo {
float: right;
padding-right: 10px;
}

#segment-signpost-area {
margin: 0px 0px 1px 0px;
}

/* primary navigation section - this is the horizontal set of tabs */

#segment-nav-01 {
background: #ff0000;
background: url(/emea/en/img/background/bg_prim_nav.gif);
background-repeat: repeat-x;
width: 100%;
}

#segment-nav-01 ul {
margin: 0;
padding: 0;
list-style: none;
}

/* The list item (li) contains the right end of the tab
image, aligned to the right. This is purposely much
longer that it needs to be, allowing the tabs to expand
and contract with the length of the heading, if needed.
*/

#segment-nav-01 li {
float: left;
margin: 0;
padding: 0;
background: #0066cc url(/emea/en/img/background/bg_tab_right.gif);
background-repeat: no-repeat;
background-position: right top;
margin-right: 5px;
}

#segment-nav-01 #current {
background-image: url(/emea/en/img/background/bg_tab_right_c.gif);
}

/* The link item (a) contains the left end of the tab image, aligned to the left */

#segment-nav-01 a {
font-family: tahoma, verdana, arial, helvetica, sans serif;
font-weight: bold;
font-size: 12px;
color: #ffffff;
letter-spacing: .02em;
line-height: 1;
display: block;
background: url(/emea/en/img/background/bg_tab_left.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 5px 20px 5px 12px;
}

#segment-nav-01 #current a {
color: #000000;
background-image: url(/emea/en/img/background/bg_tab_left_c.gif);
}

#segment-nav-01 li a:hover {
color: #000000;
}

/* The four classes below are for if you want the tabs
to be the same size all the way across the width of the
site. If you want smaller tabs that are aligned to the
left, comment them out.*/

#segment-nav-01 li.first {
width: 23%;
}

#segment-nav-01 li.second {
width: 27%;
}

#segment-nav-01 li.third {
width: 23%;
}

#segment-nav-01 li.fourth {
margin-right: 0px;
width: 25%;
}

/* secondary navigation section - this is the horizontal menu that appears beneath the primary tabs */

#segment-nav-02 {
height: 22px;
background: url(/emea/en/img/background/bg_sec_nav.gif);
background-repeat: repeat-x;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 0px solid #ccc;
clear: left;
padding-top: 2px;
}

#segment-nav-02 ul {
list-style: none;
margin: 0;
padding: 0;
}

#segment-nav-02 li {	
display: inline;
}

#segment-nav-02 li a {
border-right: 1px solid #cccccc;
line-height: 1;
padding: 0px 10px 0px 10px;
}

#segment-nav-02 li a.last {
border-right: 0px solid #cccccc;
}

#segment-nav-03 {
margin: 0px 5px 10px 5px;
width: 150px;
float: left;
}

.segment-nav-03-header {
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #666666; 
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #666666;
}

.segment-nav-03-sub-header {
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #666666; 
padding: 20px 0px 4px 0px;
border-bottom: 1px solid #999999;
}

.segment-nav-03-link {
background-image: url(/emea/en/img/brand/bg_dot_blue_3x1.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-top: 5px;
padding-bottom: 5px;
}

.segment-nav-03-sub-link {
font-size: 10px;
line-height: 150%;
color: #666666; 
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
}


/* The left_nav_link_arrow element adds left padding and the arrow for the current page, with the "current" class */

.segment-nav-03-arrow {
padding-left: 15px;
}

.segment-nav-03-arrow.current {
background-image: url(/emea/en/img/brand/arrow_blue_right.gif);
background-repeat: no-repeat;
background-position: left;
}

.segment-nav-03-sub-link-arrow.current {
background-image: url(/emea/en/img/brand/arrow_blue_right.gif);
background-repeat: no-repeat;
background-position: left;
}

.segment-nav-03-arrow.current a {
font-weight: bold;
color: #000000;
}

.segment-nav-03-sub-link-arrow.current a {
font-weight: bold;
color: #000000;
}

/* If width for segment-nav-04 is adjusted, segment-main-content.right-nav-only and segment-main-content.left-and-right-nav need to also be adjusted by the same amount. For example, if 10px is added to segment-nav-04, then 10px needs to be subtracted from segment-main-content.right-nav-only and segment-main-content.left-and-right-nav */

#segment-nav-04 {
float: right;
width: 175px;
}

/* segment-section-area controls the outside border */

#segment-section-area {
float: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px 0px 0px 0px;
}

.segment-main-content.right-nav-only {
padding: 0px 0px 10px 0px;
float: left;
width: 600px;
}

.segment-main-content.left-and-right-nav {
float: left;
width: 430px;
}

.segment-main-content.left-nav-only {
float: right;
width: 600px;
}

/* footer section - use to change style and padding of footer links */

#segment-footer-area {
clear: both;
width: 100%;
margin-bottom: 20px;
background: #efefef;
height: 20px;
border-bottom: 5px solid #e0d7ec;
padding-top: 5px;
padding-bottom: 5px;
}

#segment-footer-area ul {
margin: 0;
padding: 0;
list-style: none;
}

#segment-footer-area li {	
display: inline;
margin-left: 20px;
margin-right: 40px;
}

#segment-footer-area li a {
line-height: 1;
padding: 0;
}


#segment-footer-area li a:hover {
}

#segment-footer-area li a.current {
}

/* typography */

h1 {
font-size: 18px;
font-weight: bold;
line-height: 125%;
color: #64379b;
margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 10px 0px;
}

h1.audio {
background-image: url(/emea/en/img/icon/icon_audio.gif);
background-repeat: no-repeat;
background-position: left;
padding: 13px 0px 10px 55px;
margin: 0px 0px 5px 20px;
border-bottom: 1px solid #ccc;
}

h1.web {
background-image: url(/emea/en/img/icon/icon_web.gif);
background-repeat: no-repeat;
background-position: left;
padding: 13px 0px 10px 55px;
margin: 0px 0px 5px 20px;
border-bottom: 1px solid #ccc;
}

h1.video {
background-image: url(/emea/en/img/icon/icon_video.gif);
background-repeat: no-repeat;
background-position: left;
padding: 13px 0px 10px 55px;
margin: 0px 0px 5px 20px;
border-bottom: 1px solid #ccc;
}

h2 {
font-size: 13px;
font-weight: bold;
line-height: 100%;
color: #64379b;
margin-left: 20px;
margin-right: 20px;

}

h3 {
font-size: 12px;
font-weight: bold;
color: #64379b;
margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 5px 0px;
border-bottom: 1px dotted #cccccc;
}

h4 {
font-size: 10px;
font-weight: bold;
line-height: 125%;
color: #666666;
margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 10px 0px;
}


h5 {
font-size: 12px;
font-weight: bold;
line-height: 125%;
color: #666666;
margin-left: 14px;
margin-right: 20px;
padding: 5px 0px 0px 0px;
}

h6 {
font-size: 12px;
font-weight: bold;
line-height: 125%;
color:  #005293;
margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 10px 0px;
}

p {
padding-left: 20px;
}

.bold {
font-weight: bold;
}

.keypad {
font-family: monospace;
color: #666;
background-image: url(/emea/en/img/background/bg_button.gif);
background-repeat: no-repeat;
background-position: center center;
font-size: 13px;
padding: 0px 3px 0px 3px;
margin-right: 1px;
}

/* main link styles */

a {
text-decoration: none;
color: #0066cc;
}

a img{
border: none;
}

a:hover { 
color: #000000; 
}

/* main unordered list styles */

ul {
margin: 0px 0px 0px 0px;
padding: 5px 20px 5px 40px;
}

li {
font-size: 11px;
color: #666666;
padding-bottom: 5px;
}

li.inline {
display: inline;
}

li.block {
display: block;
}

/* The "fancy" list is for when you need a list with that extra somethin' */

ul.fancy {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 5px 20px 5px 20px;
}

li.fancy {
background-image: url(/emea/en/img/brand/btn_arrow_small_right_7x8.gif);
background-repeat: no-repeat;
background-position: left 45%;
border: 0px solid #cccccc;
margin-right: 30px;
margin-bottom: 2px;
padding: 0px 0px 0px 20px;
}

/* table styles - do NOT create main table styles, as they will affect the master table
that holds the three main columns together */

/* "BT" TABLE IS THE STANDARD TABLE USED FOR DISPLAYING TEXT INFO - NO FRILLS   */

table.bt {
/*background: #fff;*/
background: url(/emea/en/img/background/bg_h_gradient.gif);
background-repeat: repeat-y;
width: 90%;
padding: 0;
margin: 10px 10px 10px 20px;
border-top: 1px dotted #ccc;
border-left: 1px dotted #ccc;
}

table.bt td {
color: #666;
padding: 5px;
line-height: 150%;
vertical-align: top;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}

table.bt td.header {
color: #64379b;
font-weight: bold;
background: #fff;
border-bottom: 1px solid #a287c3;
border-right: 1px dotted #ccc;
padding-left: 6px;
padding-bottom: 3px;
}

table.bt td.bold {
font-weight: bold;
border-right: 1px dotted #ccc;
}

table.bt td.even {
background: #fff;
border-right: 1px dotted #ccc;
}

table.bt td.even-last {
background: #fff;
border-right: 1px dotted #ccc;
border-bottom: 0px;
}

table.bt td.odd {
border-right: 1px dotted #ccc;
/*background: #efefef;*/
}

table.bt td.odd-last {
border-right: 1px dotted #ccc;
/*background: #efefef;*/
border-bottom: 0px;
}

/* advertisement section - ads for online tools and global access, mostly appearing in right nav */

.ad {
margin: 10px;
clear: both;
height: 150px;
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: center bottom;
}

.tools {
background-image: url(/emea/en/img/ad/ad_online_tools.gif);
background-position: center top;
}

.globalaccess {
background-image: url(/emea/en/img/ad/ad_global_access.gif);
}

.event-call {
background-image: url(/emea/en/img/ad/ad_event_call.gif);
}

.ad-text {
float: left;
}

.big-text {
color: #64379b; 
font-size: 14px;
font-weight: bold;
line-height: 120%;
padding: 10px;
}

.small-text {
color: #64379b;
font-size: 12px;
font-weight: bold;
line-height: 150%;
padding: 10px;
}

.ad-button-link {
font-weight: bold;
margin: 14px;
padding-top: 97px;
}

.ad-button-link a {
line-height: 120%;
}


.outlined-box {
background: #ffffff;
margin: 10px;
border: solid 1px #ccc;
}

.outlined-box-gradient-header {
font-weight: bold;
font-size: 11px;
height: 25px;
color: #0066cc;
background: url(/emea/en/img/background/bg_helpdesk.gif);
background-repeat: repeat-x;
padding-top: 10px;
padding-left: 5px;
}

.outlined-box p.phone {
background: url(/emea/en/img/icon/icon_phone.gif);
background-repeat: no-repeat;
background-position: 3%;
padding-left: 30px;
}

.outlined-box p.email {
background: url(/emea/en/img/icon/icon_email.gif);
background-repeat: no-repeat;
background-position: 3%;
padding-top: 4px;
margin-bottom: 10px;
padding-left: 30px;
}

#image-container-left {
float: left;
}

#headline-image {
border-bottom: 1px solid #cccccc;
margin: 0px 0px 10px 20px;
height: 65px;
}

#headline-image-txt {
border-bottom: 1px solid #cccccc;
margin: 0px 0px 10px 20px;
}

#headline-image-text-only {
margin: 0px 0px 10px 20px;
}

.main-copy {
}

.icon-info {
background-image: url(/emea/en/img/icon/icon_info.gif);
padding: 0px 0px 20px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

.icon-guide {
background-image: url(/emea/en/img/icon/user_guide.gif);
padding: 0px 0px 12px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

.icon-customer {
background-image: url(/emea/en/img/icon/icon_customer.gif);
padding: 0px 0px 35px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

.icon-help {
background-image: url(/emea/en/img/icon/icon_help.gif);
padding: 0px 0px 12px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

/* FAQ */

.faq-block {
border-top: 1px solid #cccccc;
padding: 15px 0px 15px 12px;
margin: 0px;
}

/* FORMS */

#segment-section-form {
font-size: 12px;
line-height: 125%;
color: #999;
margin-left: 10px;
margin-right: 10px;
padding: 10px 0px 10px 0px;
float: left;
padding: 20px 0px 0px 0px;
}

.submissionForm {
margin-left: 25px;
}

div#requiredFields {
font-size: 10px;
color: #333;
margin: 0px 0px 10px 0px;
}

div.formElement {
margin-bottom: 15px;
clear: left;
border: 0px solid;
}

fieldset {
padding: 0px 0px 10px 10px;
margin: 10px 0px 20px 0px;
}

legend {
color: #555;
font-size: 12px;
margin: 0px 0px 10px 0px;
text-align: center;
}

label {
width: 130px;
font-weight: bold;
vertical-align: middle;
}

div.formLabel {
border: 0px solid;
float: left;
width: 230px;
height: 20px;
}

div.formField {
border: 0px solid;
float: left;
}

span.hide {
display: none;
}


div.error {
font-size: 8pt;
font-weight: bold;
color: #ff0000;
margin-left: 135px;
}

div.success {
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font-weight: bold;
color: #ff0000;
}

input.readonly {
border-color: #ccc;
color: #ccc;
}

.plain-list {
list-style: none;
}

.bottom-padding {
padding-bottom: 5px;
}

.no-bottom-padding {
padding-bottom: 0px;
}

.no-top-padding {
padding-top: 0px;
}

.table-ahead { 
background: #efefef;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding: 3px 0px 3px 5px;
font-size: 11px;
color: #666;
}

.rowOdd {
padding: 5px 0px 5px 5px;
background: #fff;
font-size: 11px;
border-bottom: 1px dashed #ccc;
}

.rowEven {
padding: 5px 0px 5px 5px;
background: #F1F8FF;
font-size: 11px;
border-bottom: 1px dashed #ccc;
}