/* GENERAL STYLES */
/* - - - - - - - - - - - - - - - - - - - - -

Title : RevTrak styles
Author : David Simmer
URL : http://simmerdesigns.com

Created : 06/02/2008

Notes:
Use px for horizontal dimensions, ems for vertical & text-sizing.

- - - - - - - - - - - - - - - - - - - - - */

.bigred {font-size: 2em !important; color: #900 !important;}
.hide {display: none;}
.clear {clear: both;}

.submenu .foot p.minimize .hide,
hr {display: none;}
.show {display: block;}

body, html {min-height: 100%;}
body {
    text-align: center;
    font: 75% 'Lucida Grande', Helvetica, sans-serif;
    background: url(/img/bg_body.jpg) repeat-x bottom left #dde5f2;
    color: #122a4f;
}
a {text-decoration: none;}
h2 {font-size: 1.25em;}
.tm { vertical-align: top; font-size: 70%; font-weight: bold; } 

.container {
/*    width: 80em;*/
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position: relative;
/*    border: 1px solid #0f0;*/

}




/* ----------------------------
    [header]
*/

#header {
    background: url(/img/bg_header.jpg) repeat-x 0 0 transparent;
}
#logo {
    width: 251px;
    height: 100px;
    position: relative;
    left: -28px;
}
#logo a {
    display: block;
    width: 251px;
    height: 100px;
    background: url(/img/logo_revtrak.jpg) no-repeat 0 0 transparent;
    text-indent: -9999px;
}



/* ----------------------------
    [navigation menus]
*/

#navigation {
    position: absolute;
    margin-top: 0;
    right: 0;
    bottom: 0;
}
#navigation ul {
    overflow: hidden;
    margin-left: 0;
    padding-left: 1em;
}
#navigation li {
    display: inline;
    float: right;
    font-size: 1em;
    margin-right: 2px;
}
#navigation li a {
    display: block;
    float: left;
    padding: 0.5em 0 0.5em 9px;
    margin: 0;
    color: #122a4f;
    text-transform: uppercase;
}

#navigation li span {
    display: block;
    padding-right: 9px;
    position: relative;
    top: -0.5em;
    padding-top: 0.5em;
    margin-bottom: -0.5em;
}
#navigation li a.text.menued {padding-right: 5px;}

#navigation li a.toggle {
    width: 18px;
    padding-left: 7px;
    padding-right: 0;
}
/* #navigation li.selected {font-size: 1.08333em;} */

#navigation li a.close,
#navigation li.selected a.open,
#navigation li.hovered a.open {display: none;}
#navigation li a.open,
#navigation li.selected a.close,
#navigation li.hovered a.close {display: block;}

#navigation li:hover a,
#navigation li.hovered a,
#navigation a:hover {background: url(/img/bg_navtab_left.png) no-repeat 0 0 #b6c3d5;}

#navigation li:hover a.open,
#navigation li a.close,
#navigation li:hover span {
    background: url(/img/bg_navtab_right.png) no-repeat 100% 0 #b6c3d5;
    cursor: pointer;
}

#navigation li a.open span,
#navigation li a.close span {
    position: static;
    display: block;
    width: 18px;
    background: url(/img/arrow_menutoggle.png) no-repeat 1px 6px transparent;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -999em;
}
#navigation li a.close span,
#navigation li.selected a.close span {
    background: url(/img/arrow_menutoggle.png) no-repeat 1px -200px transparent;
}

#navigation li div {
    display: none;
    position: absolute;
}
#navigation li div ul li {
    float: none;
    font-size: 0.91667em;
}


#navigation li a.open:hover span {background-position: 1px -94px !important;}

#navigation li.hovered a.close,
#navigation li.selected a.close {background: url(/img/bg_navtab_right.png) no-repeat 100% 0 #122a4f;}

#navigation li.hovered a.close span,
#navigation li.selected a.close span {background-position: 1px -195px;}


#navigation a.open:hover {
    background-color: #a6b5c9 !important;
}


#navigation li.selected a.text {
    background: url(/img/bg_navtab_left.png) no-repeat 0 0 #122a4f !important;
    padding-right: 0;
    color: #fff;
}
.page-company #companyMenu,
.page-solutions #solutionsMenu,
.page-learning-center #learning-centerMenu,
.page-contact-us #contact-usMenu {display: block !important;}


#navigation li.selected a span {
    background: url(/img/bg_navtab_right.png) no-repeat 100% 0 transparent;
}
/*
.company #link-company {
    background: url(/img/bg_navtab.png) no-repeat 0 0 transparent !important;
}
.company #link-company a {
    background: url(/img/bg_navtab.png) no-repeat 100% 0 #35516b !important;
    color: #35516b;
    cursor: default;
}*/

/* --------------------------------
    STATIC upper content bar
--------------------------------- */
#contentbar {
    min-height: 200px;
}


/* --------------------------------
    DROPDOWN menus
--------------------------------- */

#menus {
    position: relative;
    width: 100%;
    background-color: #122a4f;
/*    border: 1px solid;*/
}
.submenu {
    position: relative;
    top: 0;
    z-index: 5;
}

.submenu.flyout {position: absolute;}

.submenu,
#contentbar {
    overflow: hidden;
    padding: 0 0 1em 0;
    width: 100%;
    color: #fff;
}

.submenu img.banner {margin-top: 1em;}

#menus, #contentbar {background: url(/img/bg_menus.jpg) no-repeat bottom 20% #122a4f;}
#contentbar {
    position: relative;
}

.submenu a,
#contentbar a {
    color: #d0d0ec;
}
.submenu div {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 1em 0;
/*    border: 1px solid #fc0;
    background: #ddd;*/
}
.submenu div.links {width: 440px;}

.submenu div.foot {
    font-size: 0.83333em;
    float: none;
    clear: both;
    margin: 0;
    padding: 0 0 1em 0;
    min-height: 1em;
/*   background: url(/img/bg_nav_hover.png) no-repeat bottom left #35516b; */
    position: absolute;
    bottom: 0;
    width: 100%;
}
.submenu div.foot p {
    text-align: right;
}
.submenu div.foot p.minimize a {
    display: inline;
    padding: 0 1em;
}
.submenu ul,
#contentbar ul {
    font-size: 0.916667em;
    margin: 0;
    padding: 0;
}
.submenu li a,
.submenu h2 a,
#contentbar li a,
#contentbar h2 a {
    display: block;
    padding: 0.41666667em 6px;
    margin-bottom: 1px;
}

.submenu h2 a,
#contentbar h2 a {
    padding-top: 1.666667em;
    color: #a4c9e3;
}



#thisSection {
    background: #2a4061;
}

.submenu div.single {width: 100px;}
.submenu div.double {width: 210px;}
.submenu div.double ul {
    float: left;
    width: 100px;
}
.submenu div.double ul.first {margin-right: 10px;}
.submenu h2 {
    color: #888;
    font-weight: normal;
    padding-bottom: 0.25em;
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
    font-size: 1em;
}
.submenu.min h2 {border-bottom: 0;}
.submenu.min div {width: 100px !important;}

.submenu li a:hover,
.submenu div.lead a:hover,
.submenu li.selected a {
    color: #fff;
    background-color: #2a4061;
    text-decoration: none;
}
.submenu div.lead a:hover {border-bottom: 1px dotted #fff;}
.submenu h2 a:hover,
.submenu h2.selected a {
    background: url(/img/bg_subnav_h2.png) repeat-x bottom left transparent;
}

.submenu li.more a {color: #888;}

.submenu.min {padding-bottom: 0;}
.submenu.min .lead p {display:none;}
/*.submenu.min .lead p:first-child {display: block;}*/
.submenu.min ul {display: none;}

div.lead {
    width: 480px;
    margin: 1.285714em 0 0 20px;
    float: left;
    font-size: 1.1666667em;
}

div.lead h1 {
    font-size: 1.714285714285em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
div.lead p {
    margin-bottom: 1em;
    line-height: 1.5em;
}

.company #companyMenu,
.solutions #solutionsMenu {
    display: block;
    position: relative;
/*    background: url(/img/bg_nav_inplace2.png) no-repeat top left transparent;*/
}
.company #companyMenu div.foot {
/*    background: url(/img/bg_nav_inplace2.png) no-repeat bottom left #35516b;*/
}

.submenu.rel {
    position: relative !important;
}
.submenu.abs {
    position: absolute !important;
}


/* -------------------------------
    BREADCRUMBS
--------------------------------*/

#topbar {
    background-color: #91a8c1;
    padding: 0.5em 0;
}

#breadcrumbs {
    font-size: 0.8333em;
    margin-left: 1.2em;
}
#breadcrumbs a {color: #678;}
#breadcrumbs a:hover {color: #345;}


/* -------------------------------
    [search]
*/

#search {
    position: absolute;
    right: 0;
    top: -0.5em;
    background: url(/img/bg_search.png) no-repeat bottom left transparent;
    padding: 8px 20px 20px;
    width: 211px;
}
#search input[type="text"] {
    width: 130px;
}





/* -------------------------------
    [content area]
*/

.content {
    overflow: hidden;
    position: relative;
}
.content ul {
    padding-left: 1.5em;
}
.content a,
div.lead a {
    border-bottom: 1px dotted #889;
}

#peripherals {
    float: left;
    width: 440px;
    margin-right: 10px;
}
#peripherals a {color: #678;}
#peripherals a:hover {color: #345;}

#primaryContent {
    position: relative;
    padding-top: 2em;
    margin-right: 10px;
    margin-left: 20px;
    width: 400px;
    float: left;
    line-height: 1.5em;
}

#primaryContent2 {
    position: relative;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-right: 10px;
    margin-left: 20px;
    width: 400px;
    float: left;
    line-height: 1.5em;
}

#primaryContent p,
#secondaryContent p,
#peripherals p {
    margin: 0 0 1em 0;
}
#primaryContent h2,
#secondaryContent h2,
#sidebar h2 {
    text-transform: uppercase;
    margin-bottom: 1em;
}
#sidebar h2 {
    font-size: 1em;
    color: #345;
}
#primaryContent ul,
#secondaryContent ul {
    list-style: square;
    margin-bottom: 1em;
}
#primaryContent li,
#primaryContent2 li,
#secondaryContent li,
#sidebar li {
    margin-bottom: 0.5em;
}

#headline h1 {
    font-size: 2em;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    margin: 0.5em 0;
}
#headline p {
    margin-bottom: 1em;
}

#sidebar {
    float: left;
    display: inline;
    width: 190px;
    margin-right: 20px;
    margin-left: 10px;
    padding-top: 2em;
    font-size: 0.91667em;
    line-height: 1.5em;
}

#sidebar object,
#sidebar embed {
    position: relative;
    left: -10px;
}

#secondaryContent {
    font-size: 0.91667em;
    float: left;
    width: 220px;
    padding-top: 2.25em;
    line-height: 1.5em;
/*    text-align: right;*/
}
#secondaryContent ul {}
#secondaryContent ol,
#sidebar ol {list-style: decimal;}

#sidebar ol {margin-left: 1.5em;}

#secondaryContent ul li,
#secondaryContent ol li,
#sidebar ol li {
    margin-bottom: 1em;
}
#sidebar img {
    float: right;
    margin-right: 3em;
}
#sidebar img,
#secondaryContent img {
    border: 10px solid #becddd;
}
#secondaryContent2 img {
    border: none;
}

table, td, th {
    border: 1px solid #555;
    border-collapse: collapse;
    cell-spacing: 0;
    text-align: left;
}

table {margin:5px;}


/* -----------------------
    Google Map */
    
#map, .map iframe {
    border: 10px solid #becddd;
    height: 400px;
    width: 430px;
}
.map iframe {margin: 1em 0;}




/* -----------------------
    SEARCH
------------------------- */

.xsltsearch_ordinal {
    color: #999;
    font-weight: bold;
}
.xsltsearch_score {
    display: block;
    margin-left: 2em;
    color: #789;
    font-size: 0.8333em;
}
#xsltsearch_summary {
    padding-top: 1em;
}
.xsltsearch_result_description {
    font-size: 0.91667em;
    color: #445;
}
#xsltsearch_pagerange {
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #335;
}

.negative {color: #900;}
.positive {color: #090;}

form input[type="text"] {margin-left: 0 !important;}


/* -------------------------
    NEWS & EVENTS
--------------------------- */

.content .newsList {
    margin: 0 0 15px 0;
    padding: 0;
}
.newsList li {
    padding: 0;
    margin: 0.5em 0 1em 0;
}
.newsList dt {
    font-weight: bold;
    font-size: 1.25em;
    text-transform: uppercase;
}
.newsList dd {
    margin-bottom: 2em;
}
.datestamp {
    color: #425573;
    font-size: 0.90909em;
}


/* -----------------------
    CONTACT FORM
------------------------- */

.contactForm legend {display: none;}
.contactForm textarea {height: 150px;}
.contactForm textarea,
.contactForm input[type="text"] {width: 100%;} 
.contactForm ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.contactForm li {
    margin: 0.5em 0 1em 0;
    padding: 0;
    overflow: hidden;
}
.contactForm li label,
.contactForm li input {
    display: block;
    float: none;
}
.contactForm li label {
    padding-left: 1px;
}


/* ----------------------
    GALLERY photos
-------------------------- */

.content {
    position: relative;
    z-index: 15;
}
.content.galleryList {padding-top: 1em;}
.content.pullout {overflow: visible;}
#primaryContent.galleryPhoto {
    width: 450px;
    position: relative;
    z-index: 400;
    top: -12em;
}
#secondaryContent.galleryList,
.map #secondaryContent {
    width: 450px;
}
.galleryList a {
    display: block;
    margin: 0 1em 1em 0;
    float: left;
    cursor: pointer;
    border: 10px solid #becddd;
}
#secondaryContent.galleryList a img {border: 0;}
.galleryList a.selected,
.galleryList a:hover {border-color: #345 !important;}

.photoNav .right {float: right;}
.photoNav .left {float: left;}

.photoNav .buttons a,
.photoNav .buttons span {
    display: block;
    padding: 0.25em 0.5em;
    margin: 0.5em 0;
    text-transform: lowercase;
}
.photoNav .buttons a {
    color: #567;
    font-weight: bold;
    border: 0;
}
.photoNav .buttons a:hover {
    color: #345;
}
.photoNav .buttons .disabled {color: #becddd;}


/* ----------------------
    GLOSSARY
-------------------------- */

.glossary {overflow: hidden;}
.glossary #primaryContent {width: 620px;}
.glossary #peripherals {width: 220px;}
.glossary dt,
.glossary dd {
    display: inline;
    float: left;
    margin-bottom: 1.5em;
}
.glossary dt {
    width: 200px;
    margin-right: 20px;
    font-weight: bold;
    text-align: right;
}
.glossary dd {width: 400px;}


/* ----------------------
    PARTNERS
-------------------------- */

.partners {overflow: hidden;}
.partners #primaryContent {width: 700px;}
.partners #peripherals {width: 220px;}
.partners ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
    overflow: hidden;
}
.partners li {
    list-style: none;
    padding: 0;
    margin-left: 30px;
    margin-bottom: 30px !important;
    float: left;
}
.partners li a {
    display: block;
    width: 100px;
    min-height: 115px;
    border: 10px solid #becddd;
    padding: 10px;
    background: #fff;
    position: relative;
    color: #567;
}
.partners li a img {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.partners li a:hover {
    border-color: #345;
    color: #345;
}


/* ----------------------
    FOOTER
-------------------------- */

#footer {
    margin-top: 2em;
    padding-top: 1em;
}

#footer .container {
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 2em;
    border-top: 1px solid #a9b6ca;
    overflow: hidden;
}
#footer .contact p {
    font-size: 0.83333em;
    line-height: 1.5em;
    color: #7989aa;
    width: 400px;
}
#footer h4 {margin-bottom: 1em;}

#footer .details,
#footer .contact {
    float: left;   
}

#footer .details {
    width: 450px;
    margin-right: 20px;
}
#footer .contact {
    width: 400px;
}

#footer .contact dl {
    overflow: hidden;
}
#footer .contact dt,
#footer .contact dd {
    float: left;
    margin: 0 1em 1em 0;
}
#footer .contact dt {
    clear: left;
    width: 60px;
    color: #889;
}
#footer .contact dd {
    width: 300px;
}

#footer .privacy {
    margin-top: 2em;
    font-size: 0.8333em;
}
#footer a {
    color: #678;
    border-bottom: 1px dotted #889;
}

#footer a:hover {color: #345;}


/* ----------------------
    PORTAL
-------------------------- */
#portal .container {
/*    width: 80em;*/
    width: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
/*    border: 1px solid #0f0;*/

#portal {
    position: relative;
    padding-top: 2em;
    margin-right: 0px;
    margin-left: 0px;
    width: auto;
    float: left;
    line-height: 1.5em;
}

/* EDITOR PROPERTIES */