/* ------------------------- */
/* 	MOKA 5 MAIN CSS   			 */
/* ------------------------- */

body {
    background: #f2f2f2;
    margin: 0;
    font: normal 62.5% arial, helvetica, verdana, sans-serif;
    color: #333;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
}
IMG {border:none}

/* ------------------------- */
/* 	Default Link Styles  		 */
/* ------------------------- */

a {
    color: #2182cb;
    outline: none;
}
a:hover {
    color: #0740a8;
}

/* ------------------------- */
/* 	Header Area       			 */
/* ------------------------- */

#header {
    background-color: #f2f2f2;
    padding: 0 10px;
}
#topBar {
    position: relative;
    margin: 0 auto; 
    top: 0;
    height: 83px;
    width: 960px;
}
#logoMain {
    position: absolute;
    left: 2px;
    top: 20px;
}
#logoMain a {
    display: block;
    width: 228px;
    height: 47px;
    text-indent: -1000em;
    background:  url(/images/logo_mokafive.gif) no-repeat;
}


/* ------------------------- */
/* 	Primary Navigation 			 */
/* ------------------------- */

#utilBar a {
    float: right;
    color: #fff;
    text-indent: -1000em;
}


a#loginBtn, a#logoutBtn, a#acctBtn, a#adminBtn {
        display: block;
        font-size: 1.2em;
        text-transform: uppercase;
        text-indent: -1000em;
        height: 20px;
        background: #DEDEDE url(/images/n1_login.gif) no-repeat;
}
a#loginBtn {
        width: 76px;
        margin-left: 18px;
        background-position: 0 -60px;
}
a#loginBtn:hover, a#loginBtn.on {
        color: #1e2f3f;
        background-position: 0 -40px;
}
a#logoutBtn {
        width: 76px;
        margin-left: 18px;
        background-position: 0 0;
}
a#logoutBtn:hover, a#logoutBtn.on {
        color: #1e2f3f;
        background-position: 0 -20px;
}

a#acctBtn, a#adminBtn {
        display: block;
        font-size: 1.2em;
        text-transform: uppercase;
        text-indent: -1000em;
        height: 20px;
}
a#acctBtn, a#adminBtn {
        width: 76px;
        margin-left: 18px;
        background: #DEDEDE url(/images/n1_account.gif) 0 -60px no-repeat;
}
a#acctBtn:hover, a#acctBtn.on, a#adminBtn:hover, a#adminBtn.on, body.account a#acctBtn  {
        color: #1e2f3f;
        background: #DEDEDE url(/images/n1_account.gif) 0 0 no-repeat;
}

a#deHome {
    margin-left: 24px;
    padding-right: 30px;
    text-indent: 0 !important;
    background: url(/images/icon_flag_germany.gif) 100% 50% no-repeat;
}
a#deHome:hover {
    color: #0068b2;
}

#n1 {
    position: absolute;
    left: 433px;
    top: 56px;
    width: 527px;
    height: 36px;
    list-style-type: none;
    z-index: 10;
}
#n1 li {
    float: left;
    text-transform: uppercase;
    font-size: 1.2em;
}
#n1 a {
    background: url(/images/n1_buttons.gif) no-repeat;
    display: block;
    height: 46px;
    text-indent: -1000em;
    text-decoration: none;
}
#n1t {
    position: absolute;
    left: 433px;
    top: 56px;
    width: 527px;
    height: 36px;
    list-style-type: none;
    z-index: 10;
}
#n1t li {
    float: left;
    text-transform: uppercase;
    font-size: 1.2em;
}
#n1t a {
    background: url(/images/n1_buttons.gif) no-repeat;
    display: block;
    height: 46px;
    text-indent: -1000em;
    text-decoration: none;
}
a#homeBtn {
    width: 59px;
}
a#homeBtn:hover {
    background-position: 0 -60px;
}
body.home a#homeBtn, body.home a#homeBtn:hover {
    background-position: 0 -120px;
}
a#whyBtn {
    width: 126px;
    background-position: -59px 0;
}
a#whyBtn:hover {
    background-position: -59px -60px;
}
body.why a#whyBtn, body.whyMoka5 a#whyBtn:hover {
    background-position: -59px -120px;
}
a#solBtn {
    width: 96px;
    background-position: -185px 0;
}
a#solBtn:hover {
    background-position: -185px -60px;
}
body.solutions a#solBtn, body.solutions a#solBtn:hover {
    background-position: -185px -120px;
}
a#labBtn {
    width: 76px;
    background-position: -281px 0;
}
a#labBtn:hover {
    background-position: -281px -60px;
}
body.lab a#labBtn, body.lab a#labBtn:hover {
    background-position: -281px -120px;
}
a#supBtn {
    width: 81px;
    background-position: -357px 0;
}
a#supBtn:hover {
    background-position: -357px -60px;
}
body.support a#supBtn, body.support a#supBtn:hover {
    background-position: -357px -120px;
}
a#abtBtn {
    width: 89px;
    background-position: -438px 0;
}
a#abtBtn:hover {
    background-position: -438px -60px;
}
body.about a#abtBtn, body.about a#abtBtn:hover {
    background-position: -438px -120px;
}


/* -------------------------  */
/*	Secondary Navigation			*/
/* -------------------------- */

#n2 {
    position: absolute;
    /*left: 448px;*/
    right: -10px;
    top: 83px;
    list-style-type: none;
    z-index: 20;
}
#n2 li {
    float: left;
}
#n2 a {
    display: block;
    font-size: 1.3em;
    line-height: 30px;
    color: #333333;
    padding-right: 14px;
    text-decoration: none;
}
#n2 a:hover, #n2 a.on {
    color: #0068b2;
}

/* ------------------------- */
/* 	Header & Text Styles 		 */
/* ------------------------- */


/* headers + headers using sIFR */
h1, h1.gothBkSub, .sIFR-active h1.gothBkSub {
    font-size: 2.4em;
    color: #0068b2;
    font-weight: normal;
    margin: 4px 0 10px 10px;
    background: transparent;
}
h1.gothBk, .sIFR-active h1.gothBk {
    font-size: 2.8em;
    margin: 0;
    font-weight: normal;
    color: #333333;
    background: transparent;
}
h2 {
    font-size: 1.3em;
    font-weight: normal;
}
h2.block {
    line-height: 2.6em;
    padding: 0 8px;
    margin: 1em 0;
    color: #333333;
    background: #677684;
}
h2.gothBk, .sIFR-active h2.gothBk {
    font-size: 1.9em;
    font-weight: normal;
    color: #333333;
    background: transparent;
}
h3 {
    font-size: 1.3em;
    margin-bottom: 0.4em;
}
h3.gothMd, .sIFR-active h3.gothMd {
    font-size: 1.5em;
    background: transparent;
}
div.tableHd h3 {
    margin: 0.4em 0 0;
    width: 280px;
}
h4, h4.gothMd, .sIFR-active h4 {
    font-size: 1.2em;
    color: #1a1a1a;
    background: transparent;
}
.sIFR-active h1.gothBk, .sIFR-active h1.gothBkSub, .sIFR-active h2.gothBk, .sIFR-active h3.gothMd, .sIFR-active h4.gothMd {
     visibility: hidden;
    line-height: 1em;
}


/* paragraphs */
p {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 0 1em;
}

.normal {
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 0 1em;
}

.centered {
    text-align:center;
}

/* ------------------------- */
/* 	Main Content Divs 			 */
/* ------------------------- */

#mainTop {
    display: block;
    height: 24px;
    background: url(/images/bg_main_top.gif) repeat-x;
}
#main {
    background: #ffffff;
}
#mainBtm {
    height: 18px;
    font-size: 1px;
    width: 100%;
    background: url(/images/bg_main_btm.png) repeat-x;
}
#contentFrame {
    padding: 16px 20px 20px;
}
body.home #contentFrame {
    padding: 0px 20px 4px;
}
#content {
    width: 960px;
    margin: 0 auto;
}
#wider_content {
/* for the user list view, we want content to be wider so it can fit the
 * larger data table width
*/
    width: 1013px;
    margin: 0 auto;
}

.loadingdata {
    height:30px;
    font-weight:bold;
    padding-left:30px;
    padding-top:5px;
    background: url(/images/spinner.gif);
    background-repeat: no-repeat;
    background-position: -5px 0;
}

/* ------------------------- */
/* 	Main Content Columns  	 */
/* ------------------------- */

div.cbox {
    padding: 3px 9px 3px 11px;
    background: #dee4e9 url(/images/bg_cbox_main.gif) repeat-y;
}
div.cboxAdmin {
    padding: 3px 9px 3px 11px;
    background: #dee4e9 url(/images/bg_cbox_main_nosidebar.gif) repeat-y;
}
div.cboxTop {
    height: 8px;
    font-size: 1px;
    background: url(/images/bg_cbox_corners.gif) no-repeat;
}
div.cboxAdminTop {
    height: 8px;
    font-size: 1px;
    background: url(/images/bg_cbox_corners_nosidebar.gif) no-repeat;
}
div.wider_cboxAdminTop {
    height: 8px;
    font-size: 1px;
/* XXX the background image is 960px wide. it should be wider */
    background: url(/images/bg_cbox_corners_nosidebar.gif) no-repeat;
}
div.cboxBtm {
    height: 8px;
    font-size: 1px;
    background: url(/images/bg_cbox_corners.gif) 0 100% no-repeat;
}
div.cboxAdminBtm {
    height: 8px;
    font-size: 1px;
    background: url(/images/bg_cbox_corners_nosidebar.gif) 0 100% no-repeat;
}
div.colMain {
    float: left;
    width: 698px;
    min-height: 400px;
    height: auto !important;
    margin-right: 20px;
}
div.colSbar {
    float: left;
    width: 222px;
    color: #5e6c7c;
}
div.cboxCol1 {
    width: 220px;
    float: left;
}
div.cboxCol2 {
    width: 440px;
    float: left;
}
div.cSection {
    clear: both;
    margin: 2em 0;
    overflow: auto;
    height: auto;
    width: 100%;
}

/* ------------------------- */
/* 	Main Column Elements  	 */
/* ------------------------- */

/* overview page header boxes */
div.imgHdBox {
    width: 698px;
    margin-bottom: 2em;
}
div.imgHdInner {
    position: relative;
    overflow: auto;
    width: 656px;
    height: auto;
    padding: 14px 24px 10px 18px;
}
div.imgHdInner p {
    font-size: 1.3em;
}
div.imgHdInner a {
    color: #fff;
}
div.imgHdBtm {
    height: 3px;
    font-size: 1px;
  background: url(/images/bg_head_btm.png) 0 100% no-repeat;
}
div.hdBox {
    float: left;
    width: 320px;
}
div.padRight30 {
    padding-right: 30px;
}

/* set section specific bg images */
body.why div.imgHdBox, body.about div.imgHdBox {
    background: #337dc6	url(/images/bg_head_blue.jpg) no-repeat;
}
body.solutions div.imgHdBox {
    background: #ba52ba url(/images/bg_head_purple.jpg) no-repeat;
}
body.lab div.imgHdBox {
    background: #74b64a	url(/images/bg_head_green.jpg) no-repeat;
}
div#labOverview {
    background: #74b64a	url(/images/bg_head_lab.jpg) no-repeat;
}
div#labOverview div.imgHdInner {
    width: 672px;
    padding-right: 8px;
}

/* header area buttons */
div.btnLink a {
    display: block;
    float: left;
    height: 19px;
    width: auto;
    padding: 2px 20px 0 8px;
    font-size: 1.3em;
    line-height: 1em;
    color: #5e6c7c;
    text-decoration: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
div.btnLink a:hover {
    color: #fff;
    background-position: 100% -50px;
}
div.btnLink #freeTrial {
    background-image: url(/images/bg_btnarrow_blu.gif);
}
div.btnLink #viewDemo {
    margin-left: 22px;
    background-image: url(/images/bg_btnarrow_blu.gif);
}
div.btnLink #createBtn {
    background-image: url(/images/bg_btnarrow_lab.gif);
}

/* drop panel */
div.dropPanel {
    width: 698px;
    position: relative;
    top: 0em;
    min-height: 108px;
    height: auto !important;
    height: 108px;
    background: url(/images/bg_head_dpanel.gif) 0 100% no-repeat;
}
div.innerPanel {
    padding: 12px 50px 5px 30px;
}
body.why div.innerPanel h2 {
    text-indent: -1000em;
    height: 35px;
    background: url(/images/h2_whatsalpc.gif) no-repeat;
}
div.innerPanel p {
    padding-left: 60px;
}

/* tab navigation */
div.tabNav {
    height: 26px;
    background: url(/images/bg_tnav_btm.gif) 0 100% no-repeat;
}
div.tabNav ul {
    list-style-type: none;
}
div.tabNav li {
    float: left;
}
div.tabNav li a {
    display: block;
    font-size: 1.3em;
    line-height: 26px;
    color: #80909d;
    padding: 0 10px;
    text-decoration: none;
}
div.tabNav li a:hover {
    color: #0068b2;
}
div.tabNav li.on {
    background: url(/images/bg_tnav_right.gif) 100% 0 no-repeat;
}
div.tabNav li.on a {
    color: #0068b2;
    background: url(/images/bg_tnav_left.gif) no-repeat;
}

/* page content */
div.pageContainer {
    border: 1px solid #d9dcdf;
}
div.pageContent {
    border: 1px solid #bcc0c3;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    padding: 10px 16px 20px;
    background: #fff;
}
div.noTopBdr, div.noTopBdr div.pageContent  {
    border-top: none !important;
}
div.pageSection {
    margin: 1.4em 1em 2em;
}
div.pageSection blockquote {
    padding: 0;
    margin: 1em 0 2em;
    text-align: center;
}
p.bk2Top {
    font-size: 1.1em;
    text-align: right;
    margin-bottom: 0;
}
p.bk2Top a {
    text-decoration: none;
}


/* content index box & list */
div.ndex {
    width: 646px;
    padding: 14px 0 10px 8px;
}
div.ndexTop {
    height: 10px;
    font-size: 0px;
    background: #eee url(/images/bg_ndexbox_top.gif) no-repeat;
}
div.ndexBox {
    width: auto;
    background: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
div.ndexBtm {
    height: 10px;
    font-size: 0px;
    background: #eee url(/images/bg_ndexbox_btm.gif) no-repeat;
}
div.ndexBox p {
    color: #666;
    margin: 0;
    padding: 0 20px 4px;
}
ul.ndexList {
    list-style-type: none;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.8em;
    padding: 0 20px 10px;
}
ul.ndexList li a {
    display: block;
    padding-left: 12px;
    background: url(/images/icon_listarrow.gif) 0 0.6em no-repeat;
}
ul.ndexList ul {
    margin-left: 1.5em;
    list-style-type: none;
}
ul.ndexList ul ul {
    list-style-type: disc;
}
ul.ndexList ul li {
    color: #2182cb;
    font-weight: normal;
}
ul.ndexList ul a {
    font-weight: normal;
    padding: 0 !important;
    background: none;
}
ul.copy {
    list-style-type: disc;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.8em;
    padding: 0 30px 10px;
}

/* general lists */
ul.common {
    margin: 1em 2em 1em;
}
ul.common li {
    line-height: 1.4em;
    margin: 0 0 0.2em;
}

/* hilite text box */
div.hiLiteContainer {
    clear: both;
    position: relative;
    height: 200px;
}
div.hiListList {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    z-index: 20;
}
ul.hiList {
    position: relative;
    z-index: 20;
    width: 220px;
    list-style-type: none;
}
ul.hiList li {
    margin-bottom: 1px;
}
ul.hiList a {
    display: block;
    width: 204px;
    padding: 0 8px;
    font-size: 1.2em;
    color: #6b7380;
    line-height: 25px;
    background: #b6bfc6;
    text-decoration: none;
}
ul.hiList li.plainMd {
        font-size: 1.5em;
        margin: 1.3em 0 0.2em;
        background: transparent;
}
ul.hiList a:hover, ul.hiList a.on {
    padding-right: 18px;
    background: url(/images/bg_hilitebox_on.gif) 100% 0 no-repeat;
    color: #fff;
}
div.hiLiteTxt {
    position: absolute;
    top: 0;
    left: 220px;
    width: 478px;
    min-height: 180px;
    height: auto !important;
    height: 180px;
    z-index: 10;
    background: #fff url(/images/bg_hilitebox_btm.gif) 0 100% no-repeat;
}
div.hiLiteTop {
    height: 4px;
    font-size: 1px;
    background: url(/images/bg_hilitebox_top.gif) 100% 0 no-repeat;
}
div.keyTxt {
    padding: 12px 20px 10px;
}

/* data centered table */
table.data500 {
    width: 500px;
    margin: 2em auto;
    border-collapse: collapse;
}
table.data500 th, table.data500 td {
    padding: 6px 26px;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.data500 th {
    font-size: 1.3em;
    font-weight: normal;
    color: #fff;
    background: #8cb3dc;
    border-top: 1px solid #8cb3dc;
    border-left: 1px solid #8cb3dc;
}
table.data500 th.right {
    border-right: 1px solid #8cb3dc;
}
table.data500 td {
    font-size: 1.2em;
    line-height: 1.5em;
}
table.data500 td.left {
    font-size: 1.3em;
    color: #666;
    text-align: center;
    background: #e4f2ff;
}

/* gradient rows table */
table.gradRows {
    margin: 1em 0;
    width: 100%;
    border-collapse: collapse;
}
table.gradRows th {
    font-size: 1.3em;
    font-weight: normal;
    background: #b6bfc6;
    color: #fff;
    padding: 6px 10px;
}
table.gradRows th a {
    color: #fff;
    padding-right: 16px;
    text-decoration: none;
}
table.gradRows th a:hover {
    color: #2fa8fc;
}
table.gradRows th a.dn {
    background: url(/images/icon_scrollarrows_gray.gif) 100% 6px no-repeat;
}
table.gradRows th a.dn:hover {
    background: url(/images/icon_scrollarrows_gray.gif) 100% -34px no-repeat;
}
table.gradRows th a.up {
    background: url(/images/icon_scrollarrows_gray.gif) 100% -75px no-repeat;
}
table.gradRows th a.up:hover {
    background: url(/images/icon_scrollarrows_gray.gif) 100% -115px no-repeat;
}
table.gradRows tr {
    background: url(/images/bg_rowgradient.gif) 0 100% repeat-x;
}
table.gradRows td {
    padding: 16px 10px 0;
    font-size: 1.2em;
    vertical-align: top;
    /*border: 1px solid #ccc;*/
}
table.gradRows td p {
    font-size: 1.0em;
}
table.gradRows td h4 {
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0.3em;
    color: #333;
}
table.gradRows th.iconCell {
    width: 14%;
}
table.gradRows th.nameCell {
    width: 36%;
}
table.gradRows th.rateCell {
    width: 15%;
}
table.gradRows th.dateCell {
    width: 18%;
}
table.gradRows th.dloadCell {
    width: 22%;
}
table.gradRows tfoot td {
    background: #b6bfc6;
}

/* gradient table header */
div.tableHd {
    overflow: auto;
}
div.searchLPC {
    float: right;
}
div.searchLPC #btnGo {
    vertical-align: top;
    margin-left: 4px;
    cursor:pointer;
}
div.searchLPC #btnCsv {
    vertical-align: top;
        margin-left: 4px;
}
p.pageNav {
    float: right;
    text-align: right;
    width: auto;
    color: #5d6b78;
    padding-left: 20px;
    font-size: 1.1em;
    margin: 0;
}
div.tableHd p.pageNav {
    margin-top: 0.5em;
}

/* livepc details table */
table.showDetails {
    margin: 1em 0;
    border-collapse: collapse;
}
table.showDetails tr {
}
table.showDetails td {
    padding: 5px;
    font-size: 1.1em;
    vertical-align: top;
    /*border: 1px solid #ccc;*/
}
table.showDetails td p {
    font-size: 1.0em;
}
table.showDetails td h4 {
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0.3em;
    color: #333;
}
table.showDetails th.iconCell {
    width: 14%;
}
table.showDetails th.nameCell {
    width: 36%;
}
table.showDetails th.rateCell {
    width: 15%;
}
table.showDetails th.dateCell {
    width: 18%;
}
table.showDetails th.dloadCell {
    width: 22%;
}
table.showDetails tfoot td {
    background: #b6bfc6;
}

/* comparison table */
table.dataTable {
    width: 100%;
    border-collapse: collapse;
    background: #c6ced4;
}
table.dataTable th {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: normal;
    color: #fff;
    vertical-align: top;
    padding: 8px 6px 4px 6px;
    background: #677684;
    border-bottom: 1px solid #fff;
    border-left: 3px solid #dee4e9;;
}
table.dataTable td {
    font-size: 1.1em;
    color: #5e6c7c;
    width: 28%;
    padding: 4px 14px;
    border-bottom: 1px solid #fff;
    border-left: 3px solid #dee4e9;
}
table.dataTable th.left {
    padding-left: 14px;
    font-size: 1.5em;
}
table.dataTable th.exp {
    background: #a4d177;
}
table.dataTable th.pro {
    background: #71bf40;
}
table.dataTable th a {
    display: block;
    margin-top: 5px;
    width: auto;
    padding: 0 8px;
    font-size: 13px;
    line-height: 23px;
    color: #5e6c7c;
    text-decoration: none;
    border: 1px solid #677684;
    background: url(/images/bg_btnarrow_dload.gif) no-repeat;
}
table.dataTable th a:hover {
    color: #fff;
}
table.dataTable th.exp a {
    background-position: -18px 0;
}
table.dataTable th.exp a:hover {
    background-position: -18px -60px;
}
table.dataTable th.pro a {
    float: left;
    width: 71px;
    background-position: -92px 0;
}
table.dataTable th.pro a:hover {
    background-position: -92px -60px;
}
table.dataTable th.left, table.dataTable td.left {
    width: 44%;
    text-align: left;
    border-left: 3px solid #dee4e9;
}
table.dataTable tr.hrow td {
    color: #000;
    background: #b6bfc6;
}
table.dataTable td span {
    display: block;
    text-align: center;
    height: 7px;
    width: 7px;
    text-indent: -1000em;
    margin: auto;
    font-size: 1px;
    background: url(/images/icon_chartdot.gif) no-repeat;
}
table.dataTable tfoot td {
    border-bottom: none;
    background: #677684;
}


/* ------------------------- */
/* 	Home Page         			 */
/* ------------------------- */


#homeContentFrame {
        min-height: 248px;
        height: auto !important;
        /* height: 248px; */
        background: url(/images/bg_hm_btm.gif) repeat-x;
}
#homeContent {
        margin: 10px 0px;
        width: 960px;
        /* overflow: auto; */
        height: 139px;
}
#homeContent h3 {
        letter-spacing: 0.5px;
        font-size: 1.4em;
        color: #1c2e42;
        margin: 0.3em 0 0 0;
        text-align: center;
        padding-top: 0.3em;
}
#homeFlash {
        width: 960px;
        height: 540px;
}
div.homeBox {
        float: left;
        height: 139px;
        width: 234px;
        padding: 3px;
        background-image: url(/images/bg_home_box.png);
        background-repeat:no-repeat;
}
div.homeBox p {
        text-align: center;
        line-height: 1.2em;
        margin: 0.4em 0.3em 0 0.3em;
        font-size: 1.2em;
        color: #868485;
}
div.homeBox p a {
        margin: 0em;
}


/* ------------------------- */
/* 	Sidebar Elements   			 */
/* ------------------------- */

div.sbar {
    margin: 20px 6px 40px;
}
div.sbar p {
    font-size: 1.1em;
}

/* links box */
div.dlinks {
    background: url(/images/bg_qlinks_main.gif) no-repeat;
    padding: 14px 10px 1px 16px;
}
div.dlinks h4 {
    height: 22px;
    font-size: 1.2em;
    background: url(/images/h4_freedownload.gif) no-repeat;
    text-indent: -1000em;
}
div.dlinksBtm {
    background: url(/images/bg_qlinks_btm.gif) no-repeat;
    font-size: 1px;
    height: 10px;
    margin-bottom: 24px;
}

div.qlinks {
    background: url(/images/bg_qlinks_main.gif) no-repeat;
    padding: 14px 10px 1px 16px;
}
div.qlinks h4 {
    height: 22px;
    font-size: 1.2em;
    background: url(/images/h4_quicklinks.gif) no-repeat;
    text-indent: -1000em;
}
div.qlinks ul {
    list-style-type: none;
    width: 190px;
}
div.qlinks ul li {
    padding-bottom: 6px;
}
div.qlinks ul li a {
    display: block;
    height: 19px;
    width: 176px;
    padding: 2px 6px 0 8px;
    font-size: 1.3em;
    line-height: 1em;
    color: #5e6c7c;
    background: url(/images/bg_qlinks_arrow.gif) no-repeat;
    text-decoration: none;
}
div.qlinks ul li a:hover, div.qlinks ul li a.on {
    color: #fff;
    background-position: 0 -50px;
}
div.qlinksBtm {
    background: url(/images/bg_qlinks_btm.gif) no-repeat;
    font-size: 1px;
    height: 10px;
    margin-bottom: 24px;
}

/* what's inside module */
h4#whatsInside {
    height: 12px;
    font-size: 1.2em;
    background: url(/images/h4_whatsinside.gif) no-repeat;
    text-indent: -1000em;
}
div.sbar h5 {
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: normal;
    color: #333;
}
div.sbar a.dload {
    display: block;
    padding-left: 25px;
    background: url(/images/icon_pdf.gif) no-repeat;
    margin: 0.5em 0;
}

/* recent livepc module */
h4#recentLPC {
    height: 22px;
    font-size: 1.2em;
    background: url(/images/h4_recentlpc.gif) no-repeat;
    text-indent: -1000em;
}

/* recent blog posts module */
h4#recentPosts {
    height: 22px;
    font-size: 1.2em;
    background: url(/images/h4_recentposts.gif) no-repeat;
    text-indent: -1000em;
}

/* expanding box */
div.sbarBox {
    background: #e5e9ea;
    padding: 12px 14px;
    margin-bottom: 24px;
}
h4#realStory {
    height: 38px;
    font-size: 1.2em;
    background: url(/images/h4_realstory.gif) no-repeat;
    text-indent: -1000em;
}
p.toggleTxt {
    position: relative;
    font-size: 1px;
    left: 180px;
    width: 15px;
    margin-bottom: 0;
    text-indent: -1000em;
}
p.toggleTxt a {
    display: block;
    width: 17px;
    height: 18px;
    background: url(/images/icon_plusminus.gif) no-repeat;
}
p.toggleTxt a.open {
    background-position: 0 0;
}
p.toggleTxt a.close {
    background-position: 0 -30px;
}


/* ------------------------- */
/* 	Breadcrumb  / PageNav 	 */
/* ------------------------- */
#chooseTenant {
    padding-left: 1em;
    font-size: 1.2em;
    color: #333333;
    margin-bottom: 0.5em;
}
#breadcrumb {
    padding-left: 1em;
    font-size: 1.2em;
    color: #0068b2;
    margin-bottom: 0.5em;
}
#breadcrumb a, #breadcrumb span {
    color: #333333;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #0068b2;
}
p.pNav, p.pNav a {
    color: #677684;
    text-decoration: none;
}
p.pNav a.on, p.pNav a:hover {
    color: #0068b2;
}
p.pNav span {
    padding: 0 0.6em;
}
p.pNav {
    margin-bottom: 1.4em;
}

/* ------------------------- */
/* 	Forms & Error Messages	 */
/* ------------------------- */

form {
    display: inline;
}
legend.h2 span {
    display: block;
    font-size: 1.3em;
    width: 646px;
    line-height: 2.6em;
    padding: 0 8px;
    margin: 1em 0 0;
    color: #fff;
    background: #677684;
}
div.form-item {
    margin-bottom: 1em;
    font-size: 12px;
}
div.form-item p {
    font-size: 12px;
}
label {
    line-height: 1.6em;
    font-weight: bold;
    margin-top: 1em;
}
label.option {
    font-weight: normal;
}
input.txt, textarea.txt, select.txt {
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    color: #333;
    padding: 2px;
    border-top: 2px solid #969696;
    border-left: 2px solid #969696;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
select.txt {
    padding: 0;
    border: 1px solid #969696;
}
.w560 {
    width: 560px;
}
p.desc {
    font-size: 11px !important;
    color: #666;
    width: 560px;
}
p.desc_nw {
    font-size: 11px !important;
    color: #666;
}
input.btn, button.btn {
    height: 22px;
    line-height: 22px;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    color: #fff;
    padding: 0 1em;
    background: #0068b2	url(/images/bg_btn.gif) repeat-x;
    cursor: pointer;
}

/* error display */
div.errBox {
    border: 1px solid #c00;
    color: #c00;
    padding: 10px 10px 10px 50px;
    margin-bottom: 2em;
    background: url(/images/icon_error_lg.gif) 10px 8px no-repeat;
}
div.errBox h5 {
    font-size: 1.3em;
}
div.errBox ul {
    margin: 0.6em 2em 0 2em;
    font-size: 1.3em;
}
div.errBox li {
    padding-top: 0.4em;
}
/* success display */
div.successBox {
    border: 1px solid #74B64A;
    color: #74B64A;
    padding: 10px 10px 10px 50px;
    margin-bottom: 2em;
    background: url(/images/icon_success_lg.gif) 10px 8px no-repeat;
}
div.successBox h5 {
    font-size: 1.3em;
}
div.successBox ul {
    margin: 0.6em 2em 0 2em;
    font-size: 1.3em;
}
div.successBox li {
    padding-top: 0.4em;
}
.error {
    color: #c00;
}
.form-required {
    color: #c00;
}
.info {
    font-weight:bold;
    /* color: #2fa8fc;*/
}
input.error {
    border: 2px solid #c00;
}

.formwarn {
    color: #c00;
}



/* ------------------------- */
/* 	Footer Area       			 */
/* ------------------------- */

#footBar {
    padding: 0 20px;
    min-height: 120px;
    height: auto !important;
    background-color:#f2f2f2;
}
#footBar p {
    width: 960px;
    margin: 0 auto 1em;
    color: #000000;
    font-size: 1.1em;
    line-height: 30px;
    letter-spacing: 0.5px;
}
#footBar a {
    color: #333333;
    text-decoration: none;
}
#footBar a:hover {
    color: #0068b2;
}
#footBar div {
        padding: 0 20px;
        border-top: none !important;
        color: #000000;
        font-size: 1em;
}


/* ------------------------- */
/* 	Utilities, etc     			 */
/* ------------------------- */

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
}
.dOn {
    display: block;
}
.dOff {
    display: none;
}
.txtLeft {
    text-align: left !important;
}
.txtCenter {
    text-align: center !important;
}
.txtRight {
    text-align: right !important;
}
.margRight8 {
    margin-right: 8px;
}

/* ------------------------- */
/* 	Colors & Font Sizes			 */
/* ------------------------- */

.cGrey {
    color: #dee4e9;
}
.cBGrey {
    color: #5d6b78;
}
.ftGrey a {
    color: #b6bfc6 !important;
}
.ftWhite a {
    color: #fff;
}
.f12 {
    font-size: 1.2em;
}
.f13 {
    font-size: 1.3em;
}


/* ------------------------- */
/* 	Manual Specific			 */
/* ------------------------- */

ul.manual {
    list-style-type: disc;
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: normal;
    margin-left: 1.0em;
    margin-bottom: 1.0em;
}
ul.manual ul {
    margin-left: 1.0em;
}
ul.manual li {
    margin-left: 1.0em;
}
ol.manual {
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: normal;
    margin-left: 1.0em;
}
ol.manual ol {
    margin-left: 1.0em;
}
ol.manual li {
    margin-left: 1.0em;
}
pre.manual {
    font: medium "Courier New", "Courier", monospace;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: normal;
    margin: 1em 2em 1em;
}
code.manual{
    font-size: 1.2em;
}


/* Moved from phpbb MokaFive theme tweaks.css so that we can conditionally load fixes between EI6 and other browsers... */
.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
        height: 1%;
        overflow: hidden;
}

/* viewtopic fix */
* html .post {
        height: 25%;
        overflow: hidden;
}

/* fix */
* html .clearfix, * html .navbar, ul.linklist {
        height: 4%;
        overflow: hidden;
}