/* CSS Document */ /* These styles are in every page of the site */ p,tr,td,th,body, html,h1,h2,h3,h4,h5,h6, fieldset, ul, li, dd, dl, dt, ol, form, textarea {font-size: 100.01%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0;} a img,:link img,:visited img, area { border:none } li {list-style: none;} img {display: block} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active {text-decoration: underline;} a:hover {text-decoration: underline;} a {color: white; font-weight: bold;} #body #innerBody .error {color: #009900; font-weight: bold; } /* Hide links not wanted for phase one */ .search {visibility: hidden} /* head */ #wrapper {width: 977px; margin: 0 auto 0 auto;} #head {margin-top:20px;} #headLink {float: left; width: 381px; margin-right: 18px;} #headLink img {margin-bottom: 13px; } /* nav section */ #nav {margin-left: 381px} #navTop {height: 40px;} #navBottom {} #navBottom ul {} #navBottom ul li {height: 31px; background: url(/images/head/topnav/tab-left.jpg) 0 0 no-repeat; float: left; margin-right: 1px; padding-left: 5px; width: auto} #navBottom ul li a { font-weight: bold; text-align: center; display: block; background: url(/images/head/topnav/tab-right.jpg) top right no-repeat; padding-right: 5px; padding-top: 9px; color: white; font-size: 80%; letter-spacing: -1px; } #navBottom ul .hoverTab {background-image: url(/images/head/topnav/tab-left-hover.jpg)} #navBottom ul .hoverTab a {background-image: url(/images/head/topnav/tab-right-hover.jpg)} #navBottom ul .activeTab {background-image: url(/images/head/topnav/tab-left-active.jpg)} #navBottom ul .activeTab a {background-image: url(/images/head/topnav/tab-right-active.jpg)} #navTop {margin-top: 9px;} .search {float: left;} .searchBar { width: 105px; border: 1px solid #c8c8c8; float: left; margin-right: 6px; margin-left: 14px; padding-left: 6px; color: #9C9C9C; font-size: 80%} .searchBtn {padding-top: 2px; float: left;} .navTopLinks {float: left; color: #9c9c9c; font-size: 70%} .navTopLinks a {color: #9C9C9C; font-weight: bold; } /* Left Nav */ #leftNav {background: url(/images/sub/lnav-top.jpg) top left no-repeat; padding-bottom: 140px;} #leftNav ul {padding-left: 10px; padding-top: 10px; width: 130px} #leftNav ul li {margin-bottom: 7px;} #leftNav ul li a {color: white; font-size: 70%; font-weight: bold;} #leftNav .activelink {color: #FFBA12; font-size: 105%; font-weight: bold; cursor: default} #leftNav .activelink:hover {text-decoration: none;} .contactSales {width: 122px; margin: 0 auto; display: block; margin-top: 20px;} /* Non Link */ #leftNav .nonLink {cursor: default} #leftNav .nonLink:hover {text-decoration: none;} /* Content Body Styles*/ #body {background: url(/images/sub/body-bg.jpg) top left repeat-x #0881cf; clear: left;} #innerBody {background: url(/images/sub/bodytop.jpg) top left no-repeat; padding: 12px 0 0 11px;} #content {padding-top: 7px;} subCenterColContent h1 {font-size: 107%; color: #fff; margin-bottom: 10px;} #subCenterColContent h1 a {color: #fff} #subCenterCol #subCenterColContent h2 {font-size: 89%; color: #FFBA12; margin-bottom: 10px;} #subCenterColContent h2 a{color: #fff} .clearLeft {clear: left;} #subCenterColContent h3 {font-size: 89%; } #subCenterColContent h3 a {} /* Middle Column Content Area */ html #subCenterColContent ul {margin-bottom: 12px;} html #subCenterColContent ul ul {margin-bottom: 0;} html #subCenterColContent ul li {line-height: 125%; background: url(/images/sub/content-bullet.gif) 0 6px no-repeat; font-size: 75%; padding-left: 10px; margin-bottom: 8px;} #subCenterColContent ul li li {font-size: 100%} .contentImage {float: left; padding: 0 10px 25px 0; clear: left; } /* Center text navigation */ #subCenterNav {color: #AAF5FF; padding-bottom: 8px; padding-top: 10px; margin-bottom: 19px; font-size: 75%; background: url(/images/sub/subnav-border-bottom.gif) bottom left no-repeat} #subCenterNav a {color: #AAF5FF; font-size: 100%; font-weight: bold;} .contactSales {width: 122px; margin: 0 auto; display: block; margin-top: 20px;} /* Right Column Content*/ html #attribution {text-align: right; background: url(/images/sub/attribution-border.gif) top left no-repeat; padding-top: 10px; margin-top: 10px;} /* Form em */ #techForm1 em {text-align: center; color: white; display: block; font-size: 68%; font-style: normal} /* BreadCrumb */ #breadCrumb {height: 30px; font-size: 81%; color: white; padding-left: 10px; font-weight: bold;} #breadCrumb a {color: #AAF5FF; font-weight: bold;} #breadCrumb span {font-size: 155%} /* inner footer */ #innerFoot ul {text-align: center; padding-top: 9px; color: white; font-size: 75%} #innerFoot ul li {display: inline; padding-left: 2px;} #innerFoot ul li a {color: white; padding-right: 2px;} /* outer footer */ #outerFoot {text-align: center; color: #9C9C9C; font-size: 70%; margin-top: 8px; margin-bottom: 15px;} /* Center Column Rounded Nav Buttons */ #subCenterCol .roundedNav {clear: both; margin-bottom: 10px;} #subCenterCol .roundedNav p {color: white;margin-bottom: 10px; font-size: 75%} #subCenterCol .roundedNav ul {list-style: none; margin: 0 0 10px 0; padding: 0;} #subCenterCol .roundedNav ul:after {content: "."; visibility: hidden; height: 0; display: block;clear: both;} #subCenterCol .roundedNav ul li { list-style: none; width: 115px; float: left; margin-right: 4px;} #subCenterCol .roundedNav ul li a { height: 137px; _height: 125px; background: url(/images/sub/support/tech-support-rounded.jpg) top left no-repeat; display: block; padding: 5px 5px 0 5px; font-size: 95%; font-weight: bold; text-align: center; color: white;} #subCenterCol .roundedNav ul li a.ON { height: 137px; _height: 125px; background: url(/images/sub/support/tech-support-rounded-active.jpg) top left no-repeat; display: block; padding: 5px 5px 0 5px; font-size: 95%; font-weight: bold; text-align: center; color: white;} #subCenterCol .roundedNav ul li a:hover {text-decoration: none; background-image: url(/images/sub/support/tech-support-rounded-active.jpg)} li.board {background: url(/images/sub/support/board-small.jpg) bottom left no-repeat; height: 137px; _height: 125px;} li.pad {background: url(/images/sub/support/pad-small.jpg) bottom left no-repeat; height: 137px; _height: 125px;} li.panel {background: url(/images/sub/support/panel-small2.jpg) bottom left no-repeat; height: 137px; _height: 125px;} li.prs {background: url(/images/sub/support/prs-small2.jpg) bottom left no-repeat; height: 137px; _height: 125px;} li.software {background: url(/images/sub/support/software-small.jpg) bottom left no-repeat; height: 137px; _height: 125px;} /* Product Index Columns */ /* Product Index Columns */ .prodIndexRow {clear: both; width: 520px; } .prodIndexRow .pic {float: left; width: 85px; clear: left; } .prodIndexRow .pic img {margin-bottom: 10px;} .prodIndexRow .content { float: left; width: 434px;} .prodIndexRow .content p {font-size: 70%; margin-left: 10px;} .prodIndexRow .content h2 {font-size: 88%; margin-left: 10px;} .prodIndexRow .content h2 a {color: #AAF5FF;} .prodIndexRow:after {display: block; visibility: hidden; content: "."; height: 0; clear: both;} .prodIndexSubRows .prodIndexRow {width: 420px; padding-left: 50px; clear: left; margin-top: 7px; margin-bottom: 7px;} .prodIndexSubRows .prodIndexRow .content {width: 315px; } .prodIndexSubRows .prodIndexRow .content h2 {font-size: 75%; margin-left: 10px;} .prodIndexSubRows .prodIndexRow .pic {padding-left: 20px;} /* Link Coloring */ #subRightColumnRight a {color: #fff; font-weight: bold;} /* Thank You Page */ #thankYou {height: 300px; padding: 10px 0 0 10px; font-size: 115%} /* ========================================================================================================================================== */ /* CUSTOM */ #trainspan {position:relative;} #trainspanitem {position:absolute; top:-2px;} UL#faqul LI {font-size:12px; margin-left:20px; list-style-type:square;} .inputbox {border: solid 1px #000000; padding: 1px;} .inputbox_s {border: solid 1px #000000; padding: 1px; font-size:10px;} .input_s_on_red {border: solid 1px #000000; padding: 1px; font-size:10px; background:#ff8181;} .input_s_off {border: solid 1px #000000; padding: 1px; font-size:10px;} .input_off {border: solid 1px #000000; padding: 1px;} .input_on_red {border: solid 1px #000000; padding: 1px; background:#ff8181;} .input_on_green {border: solid 1px #000000; padding: 1px; background:#bcec7b;} .input_on_orange {border: solid 1px #000000; padding: 1px; background:#ffdb86;} DIV#regform {margin-left:25px;} DIV#regform TABLE TR TD {font-size:12px;} DIV#regform TABLE TR TD#required {color:#fdb812; font-weight:bold;} DIV#supportForm TABLE TR TD#required {color:#fdb812; font-weight:bold;} DIV#regform TABLE TR TD SPAN.form_req {color:#ff8181; font-weight:bold; visibility:hidden; position:absolute; left:0px; top:0px;} DIV#regform TABLE TR TD SPAN.form_req_on_red {color:#ff8181; font-weight:bold; visibility:visible;} DIV#regform TABLE TR TD SPAN.form_req_on_green {color:#bcec7b; font-weight:bold; visibility:visible;} DIV#regform TABLE TR TD SPAN.form_req_on_orange {color:#ffdb86; font-weight:bold; visibility:visible;} /* NEW SUPPORT AREA */ DIV#supportMainBox {width:700px; font-size:12px;} DIV#supportMainBox h1 {font-size:15px; color:#fdb812;} DIV#supportMainBox p {font-size:12px;} DIV#supportMainBox a {font-size:12px;} #supportBox {width:175px; cursor:pointer;} #supportBox a:hover {text-decoration:none;} #supportMainBox span {text-decoration:none; font-weight:normal;} /* CLASSES FOR SUPPORT HIGHLIGHTING */ .supportBoxOn {padding:5px; background:#45398b; border:solid 1px #b1a8e4; font-weight:normal;} .supportBoxOff {padding:5px; background:transparent; border:solid 1px transparent; font-weight:normal;} /* END CLASSES */ DIV#supportHR {width:650px; border-bottom:dashed 1px #00adef;} DIV#loginBoxOuter {visibility:hidden; position:absolute; left:1px; top:1px;} DIV#loginBoxOuterOn {visibility:visible;} DIV#loginBox {color:#fff; font-size:10px; font-weight:bold; font-family:tahoma,verdana,arial;} DIV#deleteme {border:solid 1px #ff0000; background:#ffc3c3; width:150px; padding:5px; color:#000000; font-weight:bold;} DIV#approveme {border:solid 1px #00ff48; background:#c6ffc3; width:150px; padding:5px; color:#000000; font-weight:bold;} DIV#supportFormTop {background:url('/images/forms/top.gif'); width:591px; height:9px;} DIV#supportFormBot {background:url('/images/forms/bot.gif'); width:591px; height:11px;} DIV#supportForm {background:#2f53a3; border:solid 1px #2b4b94; border-top:0; border-bottom:0; width:589px;} DIV#supportForm h3 {font-size:14px; color:#f29ce2;} DIV#blurb {width:300px; text-align:left;} DIV#supportFormTop_s {background:url('/images/forms/top_s300.gif'); width:300px; height:9px;} DIV#supportFormBot_s {background:url('/images/forms/bot_s300.gif'); width:300px; height:11px;} DIV#supportForm_s {background:#2f53a3; border:solid 1px #2b4b94; border-top:0; border-bottom:0; width:298px;} DIV#supportForm_sIn {padding-left:5px;} DIV#supportForm TABLE TR TD {font-size:11px; color:#fff;} DIV#supportForm TABLE TR TD A {font-size:11px;} DIV#supportText p {font-size:12px; color:#fff; margin-bottom: 10px;} DIV#supportText a {font-size:12px; color:#fff;} span#greeting {color:#97f5ff; font-weight:bold;} TD#colHead {font-weight:bold; text-decoration:underline; color:#97f5ff;} #iconprov {margin-top:150px; font-size:9px; color:#0665a2;} #iconprov a {color:#0665a2;} #nound {text-decoration:none;} DIV#supportForm_sIn ul li {font-size:12px; margin-left:10px; margin-bottom:0px;} #signCntr {position:relative; float:right;} #signOpt {float:left;} #navsignin {color:#fdb812;} #msgbox {position:relative;} #msgboxin {float:left; margin-top:15px;} #confirmicon {width:32px; height:32px; background:url('/images/icons/success.png');} #erroricon {width:32px; height:32px; background:url('/images/icons/close_32x32.png');} /* DOWNLOAD TABLE */ div#downloadCntr {height:2000px;} div#downloadCntr2 {height:725px;} div#downloadCntr3 {height:950px;} div#downloadCntr4 {height:1730px;} div#downloadCntr5 {height:1500px;} div#downloadTable {width:700px; padding-top:10px;} div#downloadLeftPane {float:left; width:120px;} div#downloadRightPane {float:left; width:550px; padding-left:10px;} div#downloadHR {float:left; width:700px; border-top:dotted 1px #555;} /* DOCUMENTATION AREA */ div#floater {float:left; margin-left:10px; margin-top:20px; color:#fff; font-weight:bold;} div#floatLeft {float:left; font-size:12px;} div#floatLeftProd {float:left; width:300px;; font-size:12px;} div#prodsel {font-size:11px; margin-top:15px; margin-left:40px; background:#acd7ff; border: solid 1px #000; padding:10px; width:250px; color:#505050;} div#floaterIMG {float:left; margin-left:10px; margin-bottom:18px;} div #tsContainer h4 {font-size:14px; color:#518f05;} div#cleartable {position:relative;} div#cleartable img {display:inline;position:absolute; left:200px;} A#adminlink {color:#f8cdfb; font-weight:bold;} A#adminlink:hover {} /* POPUP */ #homePop { position:absolute; top:0px; left:0px; background:#000; width:100%; height:2200px; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; z-index:100; } #homeOuter {position:absolute; top:0px; left:0px; width:100%; z-index:105;} #homeCntr { position:relative; width:550px; background:#fff; border:solid 3px #000; margin-top:100px; padding:20px; border:solid 6px #8dc63f; text-align:left; z-index:110; } #homeCntr p {font-size:12px;} #homeCntr p a {color:#006fbc;} #homePopClose {text-align:right;} #homePopClose a {color:#006fbc; font-size:14px;} .homeBoxOff {position:absolute; top:0px; left:0px; visibility:hidden; z-index:-1px;} #msgImg {margin-bottom:50px; margin-left:90px;} ul#popnav li a {color:#0076bf;} /* MARKETS */ #marketbox {position:relative; width:800px; height:300px;} #marketbox #k12 {background:url(/images/sub/support/market_k12.gif) no-repeat; width:250px; height:200px; position:absolute; left:0px; padding-top:3px; cursor:pointer;} #marketbox #hied {background:url(/images/sub/support/market_hied.gif) no-repeat; width:250px; height:200px; position:absolute; left:260px; padding-top:3px; cursor:pointer;} #marketbox #intl {background:url(/images/sub/support/market_intl.gif) no-repeat; width:250px; height:200px; position:absolute; left:520px; padding-top:3px; cursor:pointer;} #marketbox #k12 span {margin-left:30px; font-size:16px; font-weight:bold;} #marketbox #hied span {margin-left:30px; font-size:16px; font-weight:bold;} #marketbox #intl span {margin-left:30px; font-size:16px; font-weight:bold;} #marketview {width:400px; padding:10px; background:#e6ffc5; color:#333; border:solid 1px #74b026; font-size:12px; margin-top:30px; margin-bottom:30px;} div#marketview a {color:#1076c4; margin-left:10px;} /* ========================================================================================================================================== */