html { overflow-y:scroll; } /* always show vertical scrollbar in FireFox */
body { background-color:#bfbfbf; color:black; font-family: Arial, sans-serif; font-size:small; margin:0; height:100%; background:url(../images/common/bg_texture.gif); }
.topHeading { font-size:24px; margin-bottom:10px; margin-top:10px; text-transform:uppercase; }
.subHeading { font-size:16px; margin-top:20px; }

img { border: 0; }
a:link, a:active, a:visited { text-decoration:none; color: #1b1bcb }
a:hover { text-decoration:underline; }

h1 { font-size: x-large; margin-top: 0px; }
h2 { font-size:20px; margin-bottom:10px; margin-top:30px; }
h2.top { margin-top:3px; }
h3 { font-size: medium; }
h4 { font-size: small; }

form { margin: 0; padding: 0; }
li { margin-bottom: 0.25em; }
pre, code { color: #007000; font-family: "bogus font here", monospace; font-size: 100%; }
pre { border: 1px solid silver; background-color: #f5f5f5; padding: 0.5em; overflow: auto; margin: 2em; }
pre ins { color: #cc0000; font-weight: bold; text-decoration: none; }

/* "Selected" links */
a.selected, .selected a, .selected { color: black; font-weight: bold; text-decoration: none; }
a.selected:visited, .selected a:visited { color: black; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

#space { text-align: right; }
#breadcrumbs { margin-top: 3px; margin-left: 174px; padding-left: 3px; }

#header { margin-bottom:0px; width:990px; height:94px; overflow:hidden; }
#header a, #header a:visited { text-transform:uppercase; color:white; text-decoration:none; font-weight:normal; }
#hdrTop { background:url(../images/common/bg_header.jpg) repeat-y; height:52px; padding-left:17px; padding-right:20px; border-bottom:solid 1px white; }
#hdrBtm { background:url(../images/common/bg_header_menu.jpg) repeat-y; height:40px; border-bottom:solid 1px #3f3f3f; }
#hdrBtm ul { margin:0; padding:0; list-style:none; margin-left:28px; padding-top:9px; height:23px; line-height:23px; }
#hdrBtm li { float:left; margin:0 5px; }
#hdrBtm li a { display:block; float:left; padding:0 7px; height:23px; }
#hdrBtm li.selected a { background-color:#295f8b; }
li.selected#homeLink a { background:url(../images/sitenav/bg_home.gif) no-repeat; }
li.selected#aboutLink a { background:url(../images/sitenav/bg_about.gif) no-repeat; }
li.selected#myAcctLink a { background:url(../images/sitenav/bg_myAcct.gif) no-repeat; }
li.selected#supportLink a { background:url(../images/sitenav/bg_support.gif) no-repeat; }
li.selected#examplesLink a { background:url(../images/sitenav/bg_examples.gif) no-repeat; }
li.selected#gatewayLink a { background:url(../images/sitenav/bg_gateway.gif) no-repeat; }

#siteContainer { width:993px;background:url(../images/common/shadow_right.gif) 990px 0 repeat-y; _height:100%; min-height:100%; background-color:#cacaca; }
#wrapper { margin:0; padding:0; background:url(../images/common/bg_side_nav.gif) -309px 0 repeat-y; background-color:#fff; width:990px; }
#logo {	float:left; margin-top:9px; }
#headerLink { float:right; margin-top:10px; color:white; }
#side { float:left; width:190px; border-right:solid 1px #999; padding-top:25px; background-color:#dbdbdb; }
#body { float:left; width:707px; padding-top:20px; padding-left:30px; padding-right:30px; padding-bottom:50px; min-height:450px; _height:500px; background-color:#fff; }
#footer { padding:10px 0px; background-color:#cacaca; clear:both; width:990px; text-align:center; }

#side div { padding-left:10px; }
#side ul { margin:0; padding:0; list-style:none; }
#side ul ul { margin:0; padding:0; margin-left:10px; list-style:none; }
#side input, #side h4 { margin-bottom:5px; margin-top:0; }
#side h1 { text-transform:uppercase; color:#023564; font-size:18px; }

.mb10px { margin-bottom:10px; }
.mb20px { margin-bottom:20px; }
.mb30px { margin-bottom:30px; }
.mb40px { margin-bottom:40px; }
.mb50px { margin-bottom:50px; }

input { vertical-align:top; }
p { margin-bottom:20px; }
.br { clear:both; }
.clear { clear:both; display:block; height:1px; overflow:hidden; margin:0; padding:0; }
.hidden, .h { display:none; }
.errorDiv { color:red; font-weight:bold; }
.errorDiv ul { margin:0; padding:0; margin-top:15px; list-style:none; }
.infoDiv { border:solid 2px #666; background:#F7F7EA; font-weight:bold; padding:10px; margin-bottom:20px; display:table-cell; }

.roundCorners, .roundCorners { height:10px; overflow:hidden; position:relative; }
.roundCorners .tr, .roundCorners .br { width:10px; position:absolute; right:0px; _right:-1px; }
.gray .tl, .gray .tr, .gray .bl, .gray .br { background:url(../images/rndcorners/gray.gif) no-repeat; height:20px; }
.darkBlue .tl, .darkBlue .tr, .darkBlue .bl, .darkBlue .br { background:url(../images/rndcorners/dark_blue.gif) no-repeat; height:20px; }
.lightBlue .tl, .lightBlue .tr, .lightBlue .bl, .lightBlue .br { background:url(../images/rndcorners/light_blue.gif) no-repeat; height:20px; }
.roundCorners .tl { background-position:0 0; }
.roundCorners .tr { background-position:100% 0; }
.roundCorners .bl { background-position:0 -8px; }
.roundCorners .br { background-position:100% -8px; }
.rndCnrContent { border:solid 1px #ccc; border-top:0; border-bottom:0; padding-left:25px; }

.hp { height:780px; overflow:hidden; margin-left:20px; }
.hp h2 { margin-bottom:10px; }
.hp .signIn { margin-top:11px;background:#c8dbea; }
.hp .signIn .left { border:solid 1px #ccc;border-top:0;border-bottom:0;padding-left:25px; }
.hp .signIn ul { margin:0; padding:0; list-style:none; }
.hp .signIn ul li { float:left; }

/* example box on the home page and the gateway api page */
.exBox .title { font-size:20px; margin-bottom:10px; margin-top:35px; }
.exBox .art { border:solid 1px #ccc; border-top:none; border-bottom:none; }
.exBox .art ul { list-style:none; margin:0; padding:0; }
.exBox .art ul li { float:left; height:110px; }
.exBox .art ul li img { margin-bottom:3px; }
.exBox .art ul li.left { width:135px; padding-right:100px; background:url(../images/homepage/arrow.gif) no-repeat 150px 40%; }
.exBox .art ul li.right { width:415px; }
.exBox h3 { color:#404040; border:solid 1px #ccc; margin:0; background:#d9d9d9; line-height:34px; height:34px; }
.exBox .art, .exBox h3, .exBox dt, .exBox dd { padding-left:25px; }
.exBox dl { margin:0; display:table; height:32px; line-height:32px; border:solid 1px #ccc; border-top:0; }
.exBox dt { float:left; display:table-cell; width:190px; border-right:solid 1px #ccc; }
.exBox dd { float:left; display:table-cell; width:444px; margin:0; }
.exBox dl.hd { background:#f2f2f2; color:#404040; }
.exBox dl.a { background:#e7f3ff; }
.exBox dl.b { background:#c8dbea; }
.exBox dl.a dt, .hp dl.b dt { font-weight:bold; }

.gateway { height:auto; overflow:hidden; margin-left:20px; }
.gateway h2 { margin-bottom:10px; }
.gateway .legends { color:#666; margin-top:40px; font-size:10px; }
.gwEx .art ul { padding-top:3px; }
.gwEx .art ul li.left { width:170px; background:url(../images/gateway/arrow.gif) no-repeat 150px 30%; padding-right:55px; }
.gwEx .art ul li.left img { margin-top:9px; }
.gwEx .art ul li img { margin-bottom:5px; }
.gwEx .art ul li.middle { width:240px; background-position:188px 30%; padding-right:13px; }
.gwEx .art ul li.right { width:180px; }
.gwEx dl { height:48px; }
.gwEx dt { width:135px; font-weight:bold; }
.gwEx dd { width:210px; }
.gwEx dt, .gwEx dd { line-height:normal; padding-top:8px; padding-bottom:8px; }
.gwEx dt { padding-bottom:24px; }
.gwEx dd.right { width:238px; border-left:solid 1px #ccc; padding-left:50px; background:url(../images/gateway/phone_dark_blue.gif) no-repeat 15px 10px; }
.gwEx dl.hd { height:32px; }
.gwEx .hd dt, .gwEx .hd dd { line-height:34px; padding-top:0; padding-bottom:0; font-weight:normal; }
.gwEx .hd dd.right { padding-left:24px; width:264px; background-image:none; }

.fixedWidthContainer { width:600px !important; }
.inputContainer .title { padding-left:22px;height:28px;line-height:28px;font-size:15px;font-weight:bold; background-color:#CCC; }
.inputBox { border:solid 1px #CCC; background-color:#e6e6e6; padding-left:22px; padding-right:23px; padding-bottom:24px; }
.buttonContainer { margin-top:15px; width:100%; height:40px; }
.buttonContainer .left { float:left; }
.buttonContainer .right { float:right; }
.pageIndicator { border-bottom:solid 2px #7f7f7f; padding-bottom:5px; width:721px; }
.counterContainer { background:white; border:solid 1px #b2b2b2; }

input.test { width:70px; }
input { vertical-align:middle; }
textarea { width:98%; height:64px; font-size:12px; line-height:12px !important; font-family:Arial, Helvetica, sans-serif; }

#step1Div { display:non; }
#step2Div { display:non; }
#step3ADiv { display:non; }
#step3BDiv { display:non; }
#step3CDiv { display:non; }

.inputBox input.fullWidth { width:98%; }
.inputBox .left, .inputBox .right, .inputBox .middle { order:solid 1px lime; width:auto; float:left; }
.inputBox .middle { order:solid 1px red;width:36px; margin-left:12px;margin-right:12px;_margin-right:2px;margin-top:70px; }
.inputBox .demoPhone { margin-right:30px; width:220px; height:365px; background:url(../images/misc/phone_bg.jpg) no-repeat; }
.inputBox .demoPhone textarea { width:158px; height:190px; margin-top:70px; margin-left:26px; border:0; }
.inputBox h3 { font-size:13px;margin:0;margin-left:15px;margin-bottom:2px;margin-top:10px; }
.ieShiftBoxToRight { _margin-left:3px; }

.inputBox .right .debugUrl { margin-bottom:10px; }
.inputBox .right .debugUrl textarea, .inputBox .right .rawRssData textarea { width:285px; }
.inputBox .right .debugUrl textarea { height:72px; }
.inputBox .right .rawRssData textarea { height:216px; }
.inputBox .right span { margin-left:10px; }
.inputBox .txtInput { width:200px; }
.inputBox .btnTest { width:65px; }

.inputBox ul { margin:0; padding:0; list-style:none; }
.inputBox ul li { margin-bottom:5px; }
.radioInputs tr td input { margin-left:0; }
.radioInputs tr .radioBtn { width:12px; }
.radioInputs tr .label { font-size:12px; padding-left:10px; padding-top:2px; padding-bottom:8px; }
ul#advancedRss { margin-left:30px; }
ul#advancedRss li { margin-bottom:2px; }

#wikiContent h3 { margin-top:0; padding-top:0; }

#myAcct table { background:#e0e0e0; }
#myAcct table span { position:relative; }
#myAcct .keyword { font-weight:bold; border-left:0; }
#myAcct h3 { display:none; }
#myAcct td { border-left:dashed 1px #ccc; }
#myAcct tr { height:32px; }
#myAcct tr.altRow { background-color:#fff; }
#myAcct th { text-transform:uppercase; font-size:10px; text-align:left; border-bottom:solid 1px #999; }
#myAcct th, td { padding-left:20px; }
#myAcct td.lineBorder { border-left:solid 1px #c2c2c2; }
#myAcct table .header { height:25px; background:#b3b3b3; color:#fff; }
#myAcct .lblKeyword { width:170px; }
#myAcct .lblKeyword, .keyword { padding-left:15px; }
#myAcct .na { color:#606060; font-size:11px; }
#myAcct .positive { color:#04752e; }
#myAcct .negative { color:#ca2f2f; }

#myAcct #tabs { position:relative; top:3px; margin-top:15px; }
#myAcct ul { list-style:none; float:left; margin:0; padding:0; }
#myAcct ul li { float:left; margin-right:3px; }
#myAcct #timePeriod { float:right; }
#myAcct ul a { height:33px; display:block; }
#myAcct ul span { display:none; }
#myAcct a#tabSummary { background:url(../images/dashboard/btn_summary.gif) no-repeat; width:90px; }
#myAcct a.selected#tabSummary { background-image:url(../images/dashboard/btn_summary_over.gif); }
#myAcct a#tabMessage { background:url(../images/dashboard/btn_message.gif) no-repeat; width:165px; }
#myAcct a.selected#tabMessage { background-image:url(../images/dashboard/btn_message_over.gif); }
#myAcct a#tabWebReg { background:url(../images/dashboard/btn_web_reg.gif) no-repeat; width:163px; }
#myAcct a.selected#tabWebReg { background-image:url(../images/dashboard/btn_web_reg_over.gif); }
#myAcct p { margin:0; padding-top:7px; }
#myAcct #message, #myAcct #webReg { display:none; }
#myAcct .pending { color:#666; font-weight:normal; }
#myAcct .def { line-height:22px; }
#myAcct .def span { font-size:10px; }
#myAcct .def h4 { margin-top:30px; margin-bottom:0; }