/* RESET BROWSER STYLES, courtesy of Eric Meyer: www.meyerweb.com */
@import url(reset.css);

html {
overflow-x: hidden;
overflow-y: scroll;
}

body {
margin: 0;
padding: 0;
font-family: arial, verdana, helvetica, sans-serif;
font-size:63.5%;
background-color: #333;
background-image: url(/xo/img/background/bg_body.png);
line-height:1.5;
color: #666;
}

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


/* 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;
margin-top:0;
width: 900px;
background-image: url(/xo/img/background/bg_main.png);
background-repeat:repeat-y;
background-position:left top;
overflow:auto;
}

#global-header-area {
margin: 0;
height:60px;
background-image: url(/xo/img/background/bg_global_header.jpg);
background-repeat:no-repeat;
background-position:30px 0;
}

/* 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;
}

/* back-to-home link */
#left-logo a {
display:block;
width:200px;
height:55px;
margin:0 0 0 20px;
text-indent:-9999px;
}

#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;
}


/* typography */

h1 {
font-size:2.2em;
margin:10px 0 15px 0;
line-height:1.25;
}

#homepage-intro h1 {
font-size: 18px;
font-weight: bold;
line-height: 125%;
color: #e66100;
padding: 10px 0px 10px 0px;
text-indent:-9999px;
margin:0 20px 42px 20px;
}

h1.audio-conf-h1, h1.web-conf-h1 {
background-image: url(/xo/img/background/bg_h1_audio.jpg);
background-repeat: no-repeat;
background-position: left bottom;
height:82px;
margin-top:0;
margin-bottom:15px;
padding: 10px 0px 0 110px;
line-height:82px;
font-size:2.6em;
}

h1.audio-conf-h1 {
background-image: url(/xo/img/background/bg_h1_audio.jpg);
}

h1.web-conf-h1 {
background-image: url(/xo/img/background/bg_h1_web.jpg);
}


h1.web {
/*
background-image: url(/xo/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(/xo/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:1.6em;
margin:10px 0 10px 0;
background-image: url(/xo/img/background/h3_line.gif);
background-repeat:no-repeat;
background-position:right bottom;
font-weight:bold;
padding:0 0 2px 0;
color: #e66e0f;
line-height:1.25;
}

h3 {
font-size:1.4em;
font-weight:bold;
margin:10px 0 10px 0;
}

h4 {
font-size:1.3em;
font-weight:bold;
border-bottom:1px dashed #ddd;
}


h5 {
font-size:1.2em;
font-weight:bold;
color: #e66e0f;
margin:10px 0 10px 0;
}

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

p {
font-size:1.2em;
margin:10px 0 10px 0;
}

ul{
/*list-style-image: url(http://www.btconferencing.com/brand/shared/images/en/background/bg_list-arrow.png);
list-style-position:outside;*/
font-size:1.2em;
}

ol{
list-style-position:inside;
font-size:1.2em;
}

li {
margin:5px 0 5px 0;
padding:0;
background:url(http://www.btconferencing.com/brand/shared/images/en/background/bg_list-arrow.png) no-repeat 0 7px;
padding:0 0 0 10px;
}

li.phone-list {
background-image:url(/xo/img/background/bg_phone.png);
background-position: 1% 51%;
}

li.email-list {
background:url(/xo/img/background/bg_email.png) no-repeat 0 3px;
padding-bottom: 5px;
border: 0px solid;
}

li ul {
list-style-type:circle;
list-style-position:inside;
}

li ul li, li ol li {
font-size:11px;
font-weight:bold;
margin:3px 0 3px 0;
background-image:none;
}

/* primary navigation section */

#segment-nav-01 {
background-image: url(/xo/img/background/bg_nav01.png);
background-repeat:no-repeat;
background-position:left bottom;
height:32px;
padding:0 0 0 30px;
margin-bottom:1px;
}

#segment-nav-01 ul {
list-style-type:none;
}

#segment-nav-01 li {
float:left;
padding:0 0 0 0;
margin:0;
background-image: url(/xo/img/background/bg_nav01-li.png);
background-repeat:no-repeat;
background-position:right bottom;
}

#segment-nav-01 li#current {

background-image: url(/xo/img/background/bg_nav01-li-cur.png);
background-repeat:no-repeat;
background-position:left bottom;

}

#segment-nav-01 a {
color:#333;
font-size:1.1em;
font-weight:bold;
display:block;
padding:0 10px 0 10px;
line-height:32px;
}

#segment-nav-01 li a:hover {
background-image: url(/xo/img/background/bg_nav01-a-hover.png);
background-repeat:repeat-x;
background-position:left bottom;
color:#1281b8;
color:#fff;
text-decoration:none;
}

#segment-nav-01 #current a {
color:#fff;
background-image: url(/xo/img/background/bg_nav01-a-cur.png);
background-repeat:no-repeat;
background-position:right top;
margin-left:6px;
padding:0 10px 0 4px;
font-size:1.2em;
}

/* I hate myself for this, but this makes the link text pixel-perfect vertically aligned */
#segment-nav-01 span.navVerticalAlign {
position:relative;
top:1px;
}

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

#segment-nav-02 {
height:26px;
background:#fff;
background-image: url(/xo/img/background/bg_nav02.gif);
background-repeat:repeat-x;
background-position:left bottom;
margin:0 6px 0px 6px;
}

#segment-nav-02 ul {
margin:0 0 0 31px;
padding:0;
}

#segment-nav-02 li {
margin:0 10px 0 5px;
padding:0;
float:left;
background-image:none;
font-size:.9em;
}

#segment-nav-02 li a {
line-height:24px;
}

#segment-nav-02 li a.last {
}

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

#segment-nav-03 h4, #segment-nav-03 h5 {
margin-top: 10px;
}

#segment-nav-03 ul {
	padding-left: 0;
	margin-left: 0;
}

#segment-nav-03 ul li {
	padding-left: 10px;
	margin-left:2px;
	background:url(http://www.btconferencing.com/brand/shared/images/en/background/bg_list-arrow.png) no-repeat 0 6px;
	border-bottom: 1px dashed #cccccc;
}

#segment-nav-03 ul li ul {
	padding-left: 0px;
	margin-left: 0px;
}

#segment-nav-03 ul li ul li {
	border-top: 1px dashed #cccccc;
	border-bottom: none;
	list-style: none;
	background:url(http://www.btconferencing.com/brand/shared/images/en/background/bg_list-arrow.png) no-repeat 0 6px;
	padding-left: 10px;
}

#segment-nav-03 li.selected a, #segment-nav-03 a.selected, #segment-nav-03 h4.selected {
	font-weight: bold;
	color: #e66e0f;
}

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

#segment-section-area {
float:left;
padding-bottom: 10px;
width:900px;
}

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


.segment-main-content.left-and-right-nav {
float: left;
width: 490px;
margin:0 10px 0 10px;
padding:0 0 10px 0;
}

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

#homepage-intro {
min-height:247px;
background-image: url(/xo/img/background/bg_homeintro.jpg);
background-repeat:no-repeat;
background-position:6px 0;
position:relative;
left:-25px;
}

#homepage-intro p {
margin:10px 30px 10px 330px;
}

.homepage-box {
background-image: url(/xo/img/background/bg_homepagexox2.gif);
background-repeat:repeat-x;
background-position:left bottom;
background-color:#fff;
margin:0 5px 0px 15px;
padding:5px 5px 10px 10px;
border-right:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
float:left;
width:170px;
min-height:125px;
position:relative;
left:-25px;
}

.homepage-box:hover {
background-image: url(/xo/img/background/bg_homepagebox.png);
border-left:1px solid #dbeaed;
border-right:1px solid #dbeaed;
}

.homepage-box h3 {
font-size:1.3em;
font-weight:bold;
margin:0 -20px 10px 0;
color:#e66e0f;
}

.homepage-box p {
font-size:1.1em;
line-height:1.25;
}

.homepage-box ul {
font-size:1.1em;
line-height:1.25;
}

#helpdesk-box {
padding-bottom:10px;
}

#helpdesk-box h3 {
margin-bottom:0px;
}

#helpdesk-box li{
line-height:1.25;
padding-left:28px;
padding-bottom:2px;
padding-top:2px;
}

#homepage-ad {
clear:both;
margin:0 0 -10px 16px;
padding:5px 0 0 0;
position:relative;
left:-25px;
}

#homepage-ad img {
border:1px solid #eee;
}

#homepage-ad img:hover {
border:1px solid #dbeaed;
}

span.helpdesk-numbers {
font-weight:bold;
display:block;
color:#e66e0f;
}

#segment-nav-03 h5 {
margin: 5px 0 0 0;
font-size:1.1em;
}

.segment-nav-03-header {
font-size: 12px;
color: #666666; 
padding: 4px 0px 2px 0px;
border-bottom: 1px solid #ddd;
}

.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 {
font-size:1.1em;
border-bottom:1px dashed #ddd;
padding:5px 0 5px 0px;
line-height:1.25;
}

.segment-nav-03-sub-link {
font-size:10px;
padding-left:10px;
margin:5px 0 5px 0;
background:url(http://www.btconferencing.com/brand/shared/images/en/background/bg_list-arrow.png) no-repeat 0 0;
}


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

.segment-nav-03-arrow {

}

.segment-nav-03-arrow.current {

}

.segment-nav-03-sub-link-arrow.current {

}

.segment-nav-03-arrow.current a {

}

.segment-nav-03-sub-link-arrow.current a {

}

/* 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: 214px;
margin-right:6px;
}



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

#segment-footer-area {
clear: both;
width:888px;
background-image: url(/xo/img/background/bg_footer.png);
background-repeat: repeat-x;
background-position: left top;
height:31px;
margin:0 0 0 6px;
}

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

#segment-footer-area li {	
display: inline;
margin-left: 20px;
margin-right: 40px;
padding: 0;
background-image:none;
}

#segment-footer-area li a {
line-height: 29px;
padding: 0;
font-weight:normal;
color:#ccc;
margin:0;
font-size:11px;
}


#segment-footer-area li a:hover {
color:#fff;
text-decoration:none;
}

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





.bold {
font-weight: bold;
}

.keypad {
font-family: monospace;
color: #666;
background-image: url(/xo/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: #1281b8;
font-weight:normal;
}

a img{
border: none;
}

a:hover { 
color: #000;
text-decoration:underline;
}

/* main unordered list styles */

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

li.inline {
display: inline;
}

li.block {
display: block;
}

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

li.fancy {
margin:0 15px 0 0;
padding:0 0 0 10px;
}

table.bt {
/*background: #fff;*/
background: url(/xo/img/background/bg_h_gradient.gif);
background-repeat: repeat-y;
width: 90%;
padding: 0;
margin: 0;
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;
font-size:1.2em;
line-height:1.2;
}

table.bt td li {
font-size:11px;
}

table.bt td.header {
color:#e66e0f;
font-weight: bold;
background: #fff;
border-bottom: 1px solid #e66e0f;
border-right: 1px dotted #ccc;
padding-left: 6px;
line-height:1;
font-size:1.2em;
}

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(/xo/img/ad/ad_online_tools.gif);
background-position: center top;
}

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

.event-call {
background-image: url(/xo/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-color: #f3a347;
background-image: url(/xo/img/background/bg_outbox2.png);
background-repeat:no-repeat;
background-position:0 -3px;
margin:0 0 1px 0;
padding:0 0 4px 0;
}

.outlined-box-gradient-header {
font-weight: bold;
font-size: 1.3em;
line-height: 30px;
color: #fff;
background-color:#feb445;
background-image: url(/xo/img/background/bg_outbox-head3.png);
background-repeat: repeat-x;
background-position:left top;
padding-left: 10px;
}

.outlined-box ul {
list-style-type:none;
margin:0;
padding:4px 0 0 0; 
}

.outlined-box li {
margin:0;
padding:4px 0 4px 18px;
color:#fff;
line-height:1.1;
background-image: url(/xo/img/background/bg_outbox-arr.png);
background-repeat: no-repeat;
background-position:0 50%;
}

.outlined-box li a {
color:#fff;
font-weight:bold;
display:block;
}

.outlined-box li a:hover {
color:#000;
text-decoration:none;
}

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

.outlined-box p.email {
background: url(/xo/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;
display:none;
}

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

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

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

/*.icon-info {
background-image: url(/xo/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(/xo/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(/xo/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(/xo/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-selector {
background-color:#f8f8f8;
background-image: url(/xo/img/background/bg_faq-sel.png);
background-repeat:repeat-x;
background-position:left bottom;
padding:10px;
border:1px solid #eee;
width:540px;
text-align:center;
margin-bottom:10px;
}


.faq-block {
padding: 5px 0 5px 0;
clear:left;
width:570px;
border-bottom:1px dashed #ddd;
}

.faq-block-webjoin {
padding: 5px 0 5px 0;
clear:left;
width:470px;
border-bottom:1px dashed #ddd;
}

.faq-block p {
margin:5px 0 5px 0;
}

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

.faq-questions p {
background-color:#ec8b28;
background-image: url(/xo/img/background/bg_speech2.png);
background-repeat:repeat-x;
background-position:70px bottom;
padding:6px 5px 16px 10px;
margin:5px 10px 5px 0;
width:552px;
line-height:1.25;
font-size:1.3em;
border-top:#edf5f9;
}

.faq-questions p:hover {
}

.faq-questions p a {
display:block;
}

.faq-questions p a:hover {
}

.faq-questions p a:hover {
text-decoration:none;
}

/* 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: 10px;
background-color:#f8f8f8;
background-image: url(/xo/img/background/bg_fieldset.png);
background-position:0 0;
width:500px;
margin:10px 0 10px 0;
display:block;
}

fieldset h2 {
margin-top:0;
}

fieldset p.formPara {
font-size:11px;
}

fieldset p.formPara span.checkboxText {
padding-left:5px;
position:relative;
top:-2px;
}

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

label {
font-weight:bold;
vertical-align: middle;
display:block;
font-size:1.2em;
margin:5px 0 0 0;
}

input {
border:1px solid #ddd;
margin:2px 0 2px 0;
padding:2px;
font-size:13px;
color:#666;
}

input.submit {
background-color:#4c9ac3;
background-image: url(/xo/img/background/bg_submit.png);
background-position:0 50%;
color:#fff;
font-weight:bold;
font-family:arial;
padding:2px;
text-align:center;
cursor:pointer;
}

a.button-link {

}

textarea {
border:1px solid #ddd;
display:block;
font-size:13px;
color:#666;
font-family:arial,verdana,sans-serif;
padding:2px;
width:330px;
}

input:focus {
border:1px solid #e66e0f;
}

select {
font-size:12px;
padding:1px;
font-family:arial,verdana,sans-serif;
border:1px solid #ddd;
}

submit {
clear:both;
}

select.faq-dropdown {
font-size:16px;
width:200px;
}

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

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

span.hide {
display: none;
}

p.formAlert {
color:red;
font-size:11px;
margin:0;
}

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;
}

strong {
font-weight:bold;
}

.numbered-list {
list-style-type: decimal;
list-style-position: top;
background-image:none;
}

ol.numbered-list-2{
list-style-position:inside;
list-style-type: decimal;
font-size:1.2em;
margin-left: 1em;
padding-left: 0em;
text-indent: -1em;
}

ol li.numbered-list-2 {
margin:0px 0 0px 0;
background-image: none;
padding:0 0 0 0px;
}


ol li {
background-image: none;
}

ol#breadcrumbs {
margin-left: 0px;
padding-left: 0px;
margin-top: 5px;
}

ol#breadcrumbs li {
	display: inline;
margin-left: 0px;
padding-left: 0px;
}

ol#breadcrumbs li:before {
content: ">";
padding-left: .25em;
padding-right: .25em;
}

ol#breadcrumbs li.home:before {
content: "";
padding: 0;
}

a.webjoin-button {
	text-align: center;
	font-size: 1.75em;
	text-decoration: none;
	border: 0;
}

a#webjoin-login  {
	padding: 10px 75px 18px 15px;
	background: url(../img/button/webjoin.jpg) no-repeat;
	color: #666666;
	margin-right: 10px;
}

a#webjoin-support {
	padding: 10px 70px 18px 15px;
	background: url(../img/button/webjoin.jpg) no-repeat 0 -100px;
	color: #8D4E07;
}


a#webjoin-login:hover {
	color: #333333;
	background: url(../img/button/webjoin.jpg) no-repeat 0px -50px;
	text-decoration: none;
}

a#webjoin-support:hover {
	color: #333333;
	background: url(../img/button/webjoin.jpg) no-repeat 0px -150px;
	text-decoration: none;
	border: 0;
}