@import url("widgets.css");
@import url("layout.css");
@import url("ie5mac.css"); /* IE/Mac bug fixes, IE/Win bug fix styles are called through conditional comments on each page... */


html, body {
 background-color: #b9c0c1;
 color: #000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

body {
 background: #b9c0c1 url(bg-repeat.jpg) scroll repeat bottom center;
}


.hide {
 display: none;
}



#features {
 position: relative;
 padding: 0!important;
 margin: 0!important;
 height: 375px;
}
#features .designation {
 position: absolute;
 top: 15px;
 left: -35px;
}
#features #extras {
 position: absolute;
 top: 240px;
 left: 0;
 padding: 0;
}
#features #details {
 position: absolute;
 top: 0;
 left: 190px;
 width: 297px;
}
#features #details div {
 padding: 0!important;
 margin: 0!important;
}
#features #details div div {
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 padding: 5px 0 10px 0;
 border-top: 1px solid #dedede;
}
#features #details p {
 position: absolute;
 top: 240px;
 left: 345px;
 width: 185px;
 background: transparent url(/images/old_website/style/triangle.gif) scroll no-repeat left 3px;
 text-indent: 11px;
}
#pro_features {
 position: absolute;
 top: 0;
 right: 0;
 width: 186px;
}
#free_features {
 position: absolute;
 top: 0;
 left: 0;
 width: 186px;
}
#features ul {
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
 width: 186px;
}
#features ul li {
 margin: 0 0 10px 0;
 padding: 0;
 width: 186px;
 position: relative;
}
#features ul li a {
 display: block;
 width: 186px;
 height: 0;
 padding-top: 45px;
 overflow: hidden;
 background: #fff none scroll no-repeat top left;
 color: #3458a2;
 font-weight: bold;
 text-decoration: none;
 font-size: 11px;
}

#free_features .li1 a { background-image: url(featureslist/1_to_1.jpg); }
#free_features .li2 a { background-image: url(featureslist/voice.jpg); }
#free_features .li3 a { background-image: url(featureslist/community.jpg); }
#pro_features .li1 a { background-image: url(featureslist/multi.jpg); }
#pro_features .li2 a { background-image: url(featureslist/call_recording.jpg); }
#pro_features .li3 a { background-image: url(featureslist/create.jpg); }
#pro_features .li5 a { background-image: url(featureslist/techsupport.jpg); }

.international #features ul li a {
 width: 136px;
 height: 40px;
 padding: 5px 0 0 50px;
 overflow: auto;
}
.international #features .li1 { position:absolute; top:0;     left:0; }
.international #features .li2 { position:absolute; top:60px;  left:0; }
.international #features .li3 { position:absolute; top:120px; left:0; }
.international #features .li4 { position:absolute; top:0;     left:535px; }
.international #features .li5 { position:absolute; top:60px;  left:535px; }
.international #features .li6 { position:absolute; top:120px; left:535px; }
.international #features .li1 a { background-image: url(/images/old_website/style/featureslist/1_to_1-notext.jpg); }
.international #features .li2 a { background-image: url(/images/old_website/style/featureslist/phone-notext.jpg); }
.international #features .li3 a { background-image: url(/images/old_website/style/featureslist/community-notext.jpg); }
.international #features .li4 a { background-image: url(/images/old_website/style/featureslist/voice-notext.jpg); }
.international #features .li5 a { background-image: url(/images/old_website/style/featureslist/create-notext.jpg); }
.international #features .li6 a { background-image: url(/images/old_website/style/featureslist/multi-notext.jpg); }

.blueyonder #features .li1 { position:absolute; top:0;     left:0; }
.blueyonder #features .li2 { position:absolute; top:60px;  left:0; }
.blueyonder #features .li3 { position:absolute; top:120px; left:0; }
.blueyonder #features .li4 { position:absolute; top:0;     left:535px; }
.blueyonder #features .li5 { position:absolute; top:60px;  left:535px; }
.blueyonder #features .li6 { position:absolute; top:120px; left:535px; }
.blueyonder #features .li1 a { background-image: url(/images/old_website/style/featureslist/1_to_1.jpg); }
.blueyonder #features .li2 a { background-image: url(/images/old_website/style/featureslist/phone_out.jpg); }
.blueyonder #features .li3 a { background-image: url(/images/old_website/style/featureslist/community.jpg); }
.blueyonder #features .li4 a { background-image: url(/images/old_website/style/featureslist/voice.jpg); }
.blueyonder #features .li5 a { background-image: url(/images/old_website/style/featureslist/create.jpg); }
.blueyonder #features .li6 a { background-image: url(/images/old_website/style/featureslist/multi.jpg); }















#navigation,
#old_nav_temporary {
 position: absolute;
 top: 26px;
 left: 232px;
 width: 475px;
 height: 25px;
 margin: 0;
 padding: 0 0 0 59px;
 list-style: none none;
 background: #fff url(mainnav_underline.jpg) scroll no-repeat bottom right;
}
/*.international #navigation {
 left: 224px;
}
.international #old_nav_temporary {
 left: 227px;
}*/
#navigation li,
#old_nav_temporary li {
 float: left;
 margin: 0 0 0 -1px;
 width: 93px;
}

.international #navigation li:first-child,
.international #old_nav_temporary li:first-child {
 margin: 0;
}
.international #navigation li {
/* background: #516b8e url(navitem_top.gif) scroll no-repeat top left;
 width: 100px;
 margin-left: 3px;*/
 letter-spacing: -0.04em;
}
/*.international #old_nav_temporary li {
 width: 100px;
 margin-left: 3px;
}*/

#navigation li a {
 display: block;
 padding: 0;
 line-height: 23px;
 min-height: 23px;
 text-align: center;
 text-decoration: none;
 font-size: 13px;
 background: #eee url(mainnav.jpg) scroll no-repeat top left;
 color: #3458a2;
}
#navigation li a:hover, #navigation li.selected a {
 background-color: #ffd200;
 background-position: 0px -23px;
 color: #000;
}
.international #navigation li a {
 /*background: transparent url(navitem_bot.gif) scroll no-repeat bottom left;*/
 font-size: 11px;
}
.international #navigation li a:hover {
 /*background: transparent url(navitem_bot.gif) scroll no-repeat bottom left;*/
}











.controls {
 position: absolute;
 top: 3px;
 right: 30px;
 list-style: none;
 margin: 0;
 padding: 0;
}


.controls li {
 background: #fff url(blueline-1x14.jpg) scroll no-repeat left 2px;
 float: left;
 padding: 0 7px 0 8px;
 margin: 0;
 display: block;
 line-height: 12px;
}
.controls li:first-child {
 background-image: none;
 padding-left: 0;
}
.controls li:last-child {
 padding-right: 0;
}


.controls li a {
 padding: 3px 0 2px 0;
 display: block;
 background-color: #fff;
 color: #3458a2;
 text-decoration: none;
 font-size: 10px;
}
.controls li:first-child a {
 background: #fff url(globe.gif) scroll no-repeat top left;
 padding-left: 21px;
}













.hardware {
 list-style: none;
 list-style-image: none;
 padding: 0 0 35px 0;
 margin: 0;
}
.hardware:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
.hardware li {
 padding: 20px 0;
 margin: 0;
 clear: left;
}
.hardware .title {
 color: #4263A8;
 font-weight: bold;
}
.hardware .photo {
 float: left;
 margin-right: 15px;
}





.bloglink {
 margin-bottom: 20px;
}
.bloglink .title {
 width: 180px;
 padding: 10px;
 float: left;
 text-align: center;
 overflow: hidden;
}
.bloglink .author {
 font-weight: bold;
 border-bottom: 1px dashed #ccc;
 font-size: 14px;
}
.bloglink .entry {
 width: 302px;
 padding: 10px;
 float: left;
 overflow: hidden;
}
.bloglink .headline {
 font-weight: bold;
 color: #3458a2;
}
.bloglink .date {
 color: #333;
}
.bloglink:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}





.faq dt {
 color: #000;
 background-color: #dedede;
 padding: 5px;
 border-bottom: 1px solid #ccc;
}
.faq dt a {
 background-color: #dedede;
 color: #3458a2;
}
.faq dd {
 margin: 0 0 40px 0;
 padding: 5px;
}
.faq .usersvoice {
 font-weight: bold;
 color: #3458a2;
 background-color: #dedede;
}
.faq .helpersvoice {
}




.feedback blockquote {
 margin-bottom: 20px;
 padding-bottom: 20px;
 font-style: normal;
}
.feedback blockquote p {
 font-style: italic;
}





.supporting {
 padding: 5px 10px 10px 10px!important;
 margin: 0!important;
 background-color: #fff;
 color: #000;
}
.focus .supporting {
 background-color: #f7f7f7;
}
.less {
 float: right;
 padding-right: 0!important;
}
.more {
 float: left;
 padding-left: 0!important;
}





a.offer_alert, a.offer_alert:link, a.offer_alert:active, a.offer_alert:visited {
 color: #ff9900;
 text-decoration: none;
 font-weight: bold;
}
a.disclaimer {
 text-decoration: none;
}
.attractive {
 color: #f00 !important;
}
.must_read {
 font-size: 12px;
 font-weight: bold;
}
.exclusive {
 text-decoration: underline;
}
.introduction {
 font-size: 115%;
 margin-bottom: 10px!important;
}
.good {
 font-size: 115%;
}
.great {
 font-size: 130%;
}
.note {
 font-size: 10px;
}
.logo {
 vertical-align: middle;
}
.url {
 font-size: 11px;
 font-family: Arial;
 font-weight: bold;
 color: #0000ff;
 font-style: italic;
}
.caption {
 padding: 5px 10px!important;
 margin: 0!important;
 color: #000;
 font-size: 10px;
}

.check {
 background: transparent url(check-f7f7f7.jpg) scroll no-repeat top left;
 display: block;
 width: 27px;
 height: 0;
 padding-top: 27px;
 overflow: hidden;
 margin: 0 auto;
}



.view_column {
 text-align: right;
}
.to_column {
 width: 225px;
 background: green;
}
.readout { padding:5px; }
.readout .label {
 display: block;
 text-align: left;
 padding: 0;
}



.selection { padding: 3px 5px; }
.skip {
 text-align: right;
 padding: 3px 5px;
 font-size: 11px;
 color: #565656;
 border-bottom: 1px solid #bcbcbc;
}
.skip div {
 float: left;
}

.plan { border-top:1px solid #cccccc; margin:5px 0; padding-top:5px; }
.plan:first-child { border:0 none; }

.survey ul { list-style:none; }

a.edit, a.edit:link, a.edit:active, a.edit:visited {
 font-weight: normal;
 color: #3458a2;
}

.balance {
 text-align: right;
 padding: 3px;
 color: #676767;
}
.balance span {
 padding-left: 10px;
 color: #000;
}


.col,
.exp {
 margin: 0 3px;
 background: transparent url(buttons/plus-minus.jpg) scroll no-repeat 0 0;
 width: 20px;
 height: 0;
 padding-top: 21px;
 float: left;
 overflow: hidden;
}
.exp {
 background-position: 0 -21px;
}






/*

.newsletter #masthead h2 {
 background-color: #fff;
 color: #ffb400;
 padding: 0;
 margin: 0 0 5px 0;
 letter-spacing: 0;
 line-height: 36px;
}
.newsletter #masthead h2 .date {
 background-color: #fff;
 color: #3458a2;
 letter-spacing: 1px;
}



.callout {
 width: 200px;
 padding: 5px 5px 5px 15px;
 float: right;
 background-color: #fff;
}
.important {
 width: 300px;
}





.article {
 margin-bottom: 25px;
}
.article p {
 margin: 5px;
 padding: 0 5px;
 line-height: 1.5em;
}
.article ul, .article ol {
 padding-left: 35px;
}
*/






p {
 margin: 2px 0 9px 0;
}
sup {
 font-weight: normal;
 font-size: 11px;
}
img, a img {
 border: 0 none;
}
blockquote {
 margin-left: 0;
 margin-right: 0;
 font-style: italic;
}




h1, h2, h3, h4, h5 {
 margin: 0;
 padding: 0;
}
h1 {
 float: left;
 width: 223px;
 height: 51px;
 padding: 14px 0 0 4px;
}
h1 a {
 display: block;
 background: transparent url(identity/white.jpg) scroll no-repeat top left;
 padding-top: 51px;
 width: 223px;
 height: 0;
 overflow: hidden;
}
h2 {
 background-color: #fff;
 color: #3458a2;
 font-size: 17px;
 line-height: 13px;
 margin: 0 0 10px 0;
}
#masthead h2 {
 text-align: right;
 margin: 0 0 5px 0;
 line-height: 46px;
}
h3 {
 background-color: #fff;
 color: #f90;
 font-size: 14px;
 border-bottom: 1px solid #ddd;
 margin-bottom: 5px;
 padding-bottom: 1px;
}
.pitch .screenshot h3 {
 padding-left: 0;
 border: 0 none;
}
h4 {
 background-color: #fff;
 color: #3458a2;
 font-size: 12px;
 border-bottom: 1px solid #efefef;
}
h5 {
 background-color: #fff;
 color: #565656;
 margin: 5px 0;
 font-size: 11px;
}



.hr {
 background-color: #ccc;
 height: 1px;
 margin: 0 30px 15px 30px;
}
.hub .hr {
 background-color: #fff;
 border-bottom: 1px dashed #b9c5db;
 margin: 5px 0 10px 0;
}
.hr hr {
 display: none;
}



ul {
 margin: 0 0 0 10px;
 padding: 0 0 0 12px;
}
ol {
 margin: 0;
 padding: 0 0 0 23px;
 padding: 0 0 0 33px;
}
li { margin: 5px 0; }
ol li { margin: 0 0 10px 0; }




.hooks {
 list-style-type: disc;
 list-style-position: outside;
 list-style-image: url(triangle.gif);
 padding: 0 0 10px 15px;
 margin: 0;
}
.hooks li {
 margin: 0 0 4px 3px;
 padding: 0;
}
.hooks li img {
 vertical-align: middle;
}
.focus .hooks,
.dialog .hooks,
.moreblock .hooks {
 list-style-image: url(triangle_gray.gif);
}




.steps {
 font-size: 130%;
 list-style-position: inside;
 padding: 0;
}
.steps li {
 border: 1px solid #ccc;
 margin: 0 0 10px 0;
 padding: 5px;
}
.steps li div {
 padding: 5px 0 0 0;
}




.letternav, .pagenav {
 text-align: center;
 list-style: none;
 padding: 0;
 margin: 0;
}
.letternav {
 padding-left: 33px;
}
.letternav li, .pagenav li {
 width: 125px;
 text-align: center;
 float: left;
 padding: 5px 14px;
 display: inline;
}
.letternav li {
 width: auto;
 margin: 5px 3px;
}
.letternav .selected a {
 text-decoration: none;
 font-weight: bold;
}
.letternav a, .pagenav a {
 color: #0035a2;
}
.letternav a {
 font-size: 14px;
 text-decoration: underline;
}
.letternav:after, .pagenav:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}













a {
 background-color: #fff;
 color: #00f;
}

h3 a {
 background-color: #fff;
 color:#f90;
}

.focus a, .focus a:link, .focus a:active, .focus a:visited,
.dialog a, .dialog a:link, .dialog a:active, .dialog a:visited {
 background-color: #f7f7f7;
}
#footer a {
 color: #3458a2;
 text-decoration: none;
}







table {
 width: 100%;
 border-collapse: collapse;
 margin: 0 auto;
}
#sightspeed > table {
 margin:10px auto;
}

table caption {
 font-style: italic;
 font-size: 10px;
 color: #787878;
 margin-bottom: 10px;
 display: none;
}
table tr th {
 color: #666;
 text-align: right;
}



table.historic {
 background-color: #f7f7f7;
}
table.historic th {
 background-color: #ddd;
 color: #3458a2;
 text-align: left;
 padding: 7px 5px;
 font-weight: normal;
}
table.historic td {
 border-bottom: 1px solid #ccc;
 padding: 3px 5px;
 font-size: 11px;
}
table.historic td td {
 padding: 1px 0;
 border: 0 none;
}



table.supporttable {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 margin: 0;
 padding: 0;
 width: 80%;
}
table.supporttable td {
 text-align: left;
 vertical-align: top;
 padding: 6px;
 background-color: #ccc;
}



#featureintro td {
 padding: 7px;
}



table#partnerPlans {
 margin-bottom: 5px;
}
table#partnerPlans tr.alt {
 background: #eaeaea;
}
table#partnerPlans tr th {
 border-bottom: 1px solid #ccc;
}
table#partnerPlans tr th,
table#partnerPlans tr td {
 text-align: center;
 padding: 2px 5px;
}
table#partnerPlans tr td.feat {
 text-align: left;
}
table#partnerPlans tr td.pro {
 border-left: 2px solid #eaeaea;
 border-right: 1px solid #ddd;
}
table#partnerPlans tr .check {
 background-image: url(/images/old_website/style/check-ffffff.jpg);
}
table#partnerPlans tr.alt .check {
 background-image: url(/images/old_website/style/check-eaeaea.jpg);
}












form {
 padding: 0;
 margin: 0;
 border: 0;
}
form fieldset {
 border: 0 none;
}
form fieldset legend {
 color: #565656;
 font-size: 12px;
 font-weight: bold;
}



form .option input,
form .option textarea {
 width: 325px;
 padding: 3px 1px;
}
form input.submit {
 width: auto;
}

form .option {
 padding: 0!important;
 margin: 10px 0!important;
 min-height: 28px;
 line-height: 28px;
 position: relative;
}
* html form .option {
 height: 28px;
}
form .option label {
 background-color: transparent;
 color: #565656;
 width: 100px;
 float: left;
}
form .option .form_response {
 position: absolute;
 right: 25px;
 top: 0;
}

form .control {
 padding: 0 5px 0 100px!important;
 min-height: 28px;
 line-height: 28px;
 position: relative;
}
* html form .control {
 height: 28px;
}
form .control #form_submission_response {
 position: absolute;
 right: 115px;
 top: 0;
 color: #f00;
 line-height: 28px;
 min-height: 28px;
}