/* 
FONT SIZES:
-------
2em = 24px
1.5em = 18px
1.25em = 15px
1em = 12px

COLORS:
--------
#B20838 Red (logo color)

#004881 (0, 72, 129) Darkest Blue (logo color)
#4076A1 (64, 118, 161)
#80A4C1 (128, 164, 193)
#BFD1DF (191, 209, 223)
#E6EDF3 (230, 237, 243) Lightest Blue (footer color)

(247, 147, 30) ORANGE

*/


/* Basics
----------------------------------------------*/
body {font-size:62.5%}

#container {font-size: 1.2em;}

body, p, div, td, h1, h2, h3, h4, li {
  font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
  line-height: 1.5;
  }

td {text-align: left;}  /* For occasional IE6 bug */ 

p {margin: 0 0 1em;}
  
img {
  display: block;
  border: 0; 
  }
    
ul {margin: 0 0 1em;}

ol {margin-top: 1em; margin-bottom: 1em;} /* WinIE needs a left margin */


/* Layout stuff
----------------------------------------------*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #eee /* url(/img/bg.gif) repeat 0 0 */;
  }
  
#container {width: 875px;}

#container {
  padding: 0;
  margin: 0 auto;
  text-align: left; /* overrule inheritance of body style's centering */
  border: 1px solid #aaa;
  border-top: 0;
  border-bottom: 0;
  }

#header {
  height: 100px;
  border-top: 8px solid #004881;
  background: #fff;
  }

#h2 {border-top: 4px solid #80A4C1;}

#logo {
  padding: 24px 10px 0 20px;
  float: left;
  width: 187px;
  }

#unav {
/*  padding: 40px 25px 0 25px;
  height: 40px; */
  padding: 0;
  margin: 40px 0 10px 0;
  height: 25px;
  width: 350px;
  float: right;
  text-align: right;
  color: #666;
  font-size: .9em;
  white-space: nowrap;
  border: 0px solid #004881;
  }

#client_login {
  padding: 0px 25px 0 10px; 
  margin: 40px 0 10px 0;
  height: 25px;
  width: 74px;
  float: right;
  }
/*
#client_login a {
  height: 25px;
  width: 74px;
  border: 1px solid #004881;
  }

#client_login a span {display:none;}

#client_login a:link, #client_login a:visited {background: url(/img/client_login.gif) no-repeat 0 0;}

#client_login a:hover, #client_login a:active {background: url(/img/client_login_over.gif) no-repeat 0 0;}
*/

#crumbs {
  padding: 1.5em 25px;
  margin: 0;
  float: left;
  width: 825px;
  font-size: .9em;
  color: #666;
  background: #fff;
  }

#col-wrapper {
  margin: 0;
  padding: 0 25px;
  width: 825px;  
  float: left;
  background: #fff url(/img/bg-columns-875.gif) repeat-y 0 0;
  border: 0px solid #000;
  }

#content {
  padding: 0 0 25px 0px;
  margin: 0; 
  color: #333;
  width: 575px;
  float: right;
  border: 0px solid #000;
  }

#content, #sidebar {margin-bottom: 0em;}

#sidebar {
  margin: 20px 0 0 0;
  padding: 0px;
  color: #333;
  float: left;
  width: 180px;
  width: 200px;
  background: #E6EDF3;
  border: 0px solid #000;
  }

#footer {
  clear: both;
  padding: 1.5em 20px;
  margin: 0;
  font-size: .8em;
  line-height: 1.5;
  color: #BFD1DF;
  background: #004881;
  border-top: 4px solid #80A4C1;
  }


/* Sidebar Layout Rules
----------------------------------------------*/

.sb_box {
  margin: 0 0 25px;
  padding: 0;
  font-size: .9em;
  width: 100%;
  border: 0px solid #80A4C1;
  }

#sidebar .sb_box h3 {
  margin: 0; 
  color: #333; /* 4076A1 */
  }


/* Header Rules
----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  margin: 1em 0 0;
  }

h1 {
  font-size: 1.3em;
  color: #000; 
  font-weight: bold; 
  padding-bottom: 2px; 
  }

/*  h2 {
  margin: 0 0 .5em;
  font-size: 1.2em;
  color: #004881; 
  border-bottom: 2px solid #80A4C1;
  } */

#content h2 {
  margin: 0 0 .7em;
  padding: 0;
  font-family: "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: .1em;
  color: #B20838;
  border-bottom: 2px solid #90B3CD; 
  }

h3 {
  font-size: 1.2em;
  color: #333; 
  }

h4 {
  font-size: 1em;
  color: #004881; 
  }

h5 {
  color: #4076A1; 
  font-size: 1em;
  }

#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {margin: .9em 0 0;}

#sidebar h2 {
  margin: 0;
  font-size: 1.1em;
  color: #004881;
  border-bottom: 0;
  }

.related h3 {
  margin: 0 0 .5em;
  font-size: 1em;
  }

.related h4 {margin: 0 0 1em;}

.related h5 {
  margin: 1em 0 .5em;
  color: #333;
  }


/* Link Rules
----------------------------------------------*/

#crumbs a:link, #col-wrapper a:link, #unav a:link {
  color: #B20838;
  border-bottom: 1px solid #B20838;
  text-decoration: none;
  }

#crumbs a:visited, #col-wrapper a:visited, #unav a:visited {
  color: #666;
  border-bottom: 1px solid #666;
  text-decoration: none;
  }  
  
#crumbs a:hover, #col-wrapper a:hover, #unav a:hover {
  color: #000;
  border-bottom: 1px solid #000;
  text-decoration: none;
  }    
  
#crumbs a:active, #col-wrapper a:active, #unav a:active {
  color: #004881;
  border-bottom: 1px solid #004881;
  text-decoration: none;
  }

/*
a.arrow {
  padding-right: 15px;
  background: url(/img/li_red_arrow.gif) no-repeat .2em right; 
  }
*/

a:link img, a:visited img, a:hover img, a:active img {border-bottom:0;}

#container a:link.no_underline, 
#container a:visited.no_underline, 
#container a:hover.no_underline, 
#container a:active.no_underline {border-bottom:0;}

a.no_underline:link img, 
a.no_underline:visited img, 
a.no_underline:hover img,  
a.no_underline:active img {border-bottom: 1px solid #999;}

a.no_underline:hover,  
a.no_underline:active {border: 0px solid #000;}

.thumb_left a.no_underline:hover img, 
.thumb_right a.no_underline:hover img, 
.tour_thumb a.no_underline:hover img, 
.tour_thumb a.no_underline:hover img {border: 1px solid #000;}


/* List Rules
----------------------------------------------*/
#content ul {
  padding: 0;
  margin: 0 0 1em;
  list-style-type: none;
  }

#content ul li, #container #content ol li ul li {
  padding: 0 0 0 3.2em;
  list-style-type: none;
  line-height: 1.5;
  background: url(/img/li_red.gif) no-repeat 1.8em .45em; 
  }

#container #content ol li ul li, #container #content ul li ul li {
  padding: 0 0 0 2.8em;
  background: url(/img/li_grey_small.gif) no-repeat 1.6em .5em;
  }

#container #content ul li ul.condensed li { /* Used in News > Media > 2008 page */
  margin-bottom: 0;
  }

#content ul.no_indent li {
  background: url(/img/li_red.gif) no-repeat .2em .45em; 
  padding: 0 0 0 1.5em;
  }

#container #content ol li {
  padding: 0 0 0 0;
  margin: 0 0 0em;
  background: none; 
  list-style-type: decimal;
  }

#container #content ul li ol li {
  padding: 0 0 2px 0;
  margin: 0 0 0em;
  background: none; 
  list-style-type: decimal;
  }


#content li.pdf, #content ul.pdf li, #content dl.pdf dt {
  padding: 0 0 4px 3.2em;
  background: url(/img/icon_pdf.gif) no-repeat 1.3em .15em; 
  }

#content li.real, #content dl dt.real {
  padding: 0 0 4px 3.2em;
  background: url(/img/icon_realplayer.gif) no-repeat 1.3em .15em; 
  }

.related ul {
  padding: 0;
  margin: 3px 0 1em;
  list-style-type: none;
  }

.related ul li {
  padding: 0 0 1px 1.7em;
  background: url(/img/li_blue.gif) no-repeat .2em .4em; 
  line-height: 1.4;
  }

#content .related ul li, #content .related ul li {
  padding: 0 0 0 2.3em;
  background: url(/img/li_blue.gif) no-repeat .8em .3em;   
  line-height: 1.4;
  }

#content .related ul.pdf li, #content .related ul li.pdf {
  padding-left: 2.3em;
  margin-bottom: 1em;
  background: url(/img/icon_pdf.gif) no-repeat .3em .15em;   
  }

#sidebar .sb_box ul {
  padding: 0;
  margin: .5em 0 1em;
  list-style-type: none;
  }

#sidebar .sb_box ul li a {font-weight: bold;}

#sidebar .sb_box ul li {
  padding: 0 0 5px 2.8em;
  margin: 0;
  background: url(/img/li_blue.gif) no-repeat 1.5em .4em; 
  list-style-type: none;
  }

#sidebar .sb_box ul.pdf li, #sidebar .sb_box ul li.pdf {
  padding-left: 2.8em;
  background: url(/img/icon_pdf.gif) no-repeat 1em .15em; 
  }

ul.spacious li {margin-bottom: 1em;}

dl, dd, dt {
  margin: 0;
  padding: 0;
  }

dt {
  margin-top: 1em;
  font-weight: bold;
  color: #004881; 
  }

dd {padding: 0 0 0 3.2em;}

dd.title {
  padding: 0;
  font-style: italic;
  }

#tech_presentations dd.title {padding-left: 3.2em;}

#tech_presentations dt {
  padding-left: 3.2em;
  background: url(/img/li_red.gif) no-repeat 1.8em .45em;
  }

#tech_presentations dt.pdf {
  padding: 0 0 4px 3.2em;
  background: url(/img/icon_pdf.gif) no-repeat 1.3em .15em; 
  }


/* Table stuff
----------------------------------------------*/ 
table {
  margin: 1em 0 2.5em;
  clear: right;
  background: #eee;
  font-size: .9em;
  }

table caption {
  font-weight: bold;
  padding-bottom: .5em;  
  }

tr.alt {background: #fff;}

table thead th, table tr.table_header th {
  padding: 2px 4px;
  background: #4076A1;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  border-left: 1px dotted #fff;
  }

table thead th.first {border-left:0;}

table tbody th {
  padding: 5px;
  vertical-align: top;
  text-align: left;
  color: #333;
  font-weight: bold;
  border-bottom: 1px #ccc solid;
  }

table.webform tbody th {padding-top: 9px;}

table.webform tbody th {
  padding-right: 4px;
  text-align: right;
  }

table tr.table_header th {
  padding: 4px 4px;
  text-align: left;
  border-left: 0;
  border-bottom: 0;
  }

table td {
  color: #333;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px #ccc solid;
  }

table tbody td {
  border-left: 1px dotted #ccc;
  }


/* Feature Box Rules (Home AND Sidebar)
----------------------------------------------*/

.feature {
  margin: 20px 0 0 0;
  width: 240px;
  float: right;
  font-size: .9em;
  border: 0px solid #000;
  }

#sidebar .feature {width: 100%; float: none;}

#sidebar .feature ul {padding:0;}

#home .feature ul li, 
#sidebar .feature ul li {
  margin: 0 0 10px;
  padding: 0;
  background-image: none; 
  list-style-type: none;
  line-height: 1.5;
  }

#sidebar .feature ul li {margin: 0 0 20px;}

#home .feature ul li a, 
#sidebar .feature ul li a {
  padding: 10px 20px 12px 20px;
  width: 216px;
  display: block; 
  border: 2px solid #80A4C1;
  }

#sidebar .feature ul li a {width: 155px;}

#sidebar .feature ul li a strong {
  padding-right: 17px; 
  background: transparent url(/img/li_blue_arrow_lrg2.gif) no-repeat 100% 50%;
  }

#sidebar .feature ul li a:link, 
#sidebar .feature ul li a:visited, 
#sidebar .feature ul li a:hover, 
#sidebar .feature ul li a:active, 
#home .feature ul li a:link, 
#home .feature ul li a:visited, 
#home .feature ul li a:hover, 
#home .feature ul li a:active {color: #333;  border: 2px solid #80A4C1;}

/*
.feature ul li a:link, 
.feature ul li a:visited {
  border-bottom: 0;
  }
*/

.feature a strong {
  color: #004881; 
  font-size: 1.2em;
  }

.feature a:hover strong, 
.feature a:active strong 
  {color: #004881;}

.feature ul li a:link, 
.feature ul li a:visited 
  {color: #333; font-size: 1em;}

.feature a:hover , 
.feature a:active {color: #000;}

.feature ul li.highlight1 a:link, 
.feature ul li.highlight1 a:visited {background-color: #e9e9e9; /* e4e4e4 */}
.feature ul li.highlight1 a:hover, 
.feature ul li.highlight1 a:active {background-color: #fff; /* ccc */}

.feature ul li.highlight2 a:link, 
.feature ul li.highlight2 a:visited {background-color: #E6EDF3;}
.feature ul li.highlight2 a:hover, 
.feature ul li.highlight2 a:active {background-color: #fff; /* ddd */}

.feature ul li.highlight3 a:link, 
.feature ul li.highlight3 a:visited {background-color: #BFD1DF;}
.feature ul li.highlight3 a:hover, 
.feature ul li.highlight3 a:active {background-color: #fff; /* e4e4e4 */}


/* RMI and RI Tour (Screenshot) Stuff 
----------------------------------------------*/
.tour_thumb {
  margin: 1em auto 20px;
  padding: 0;
  width: 170px;
  float: left;
  border: 0px solid #666;
  }

.tour_thumb img {
  margin: 0 auto 5px;
  padding: 0;
  width: 140px;

  border: 1px solid #666;
  }

.tour_thumb a:link img, 
.tour_thumb a:visited img {border: 1px solid #aaa;}

.tour_thumb a:hover img, 
.tour_thumb a:active img {border-bottom: 1px solid #aaa;}

.tour_thumb p {
  margin: .5em 0 0;
  padding: 0;
  font-weight: bold;
  text-align: center;
  }

.tour_high {
  border: 0px solid #000;}

img.screenshot {
  margin: 5px 0 10px;
  width: 510px;
  clear: both;
  border: 1px solid #000;
  }


/* Misc Stuff
----------------------------------------------*/ 

.inline {display: inline;}

/*
#content img {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
  }

*/

hr, .hide {display: none;}

.pipe {padding: 0 1px; font-size: 1.1em;}

.floatleft {float:left; margin: 0 10px 5px 0; width: 200px;}
/* .floatright {float:right; margin:  0 0 5px 10px; width: 200px;} */

ul#anchors {
  margin: 0 0 2em;
  border: 0px dotted #A0AEC1;
  }

.update {
  font-style: italic;
  text-align: right;
  color: #666;
  }

.float_left, .col_left {
  margin: 0 10px 5px 0;
  float: left;
  }

.float_right, .col_right {
  margin: 0 0 5px 10px;
  float: right;
  }

.col_left, .col_right {
  margin: 0;
  width: 243px;
  border: 0px solid #000;
  }

.col_left h3, .col_right h3 {margin-bottom: .5em;}

.col_left ul li, .col_right ul li {
  margin-bottom: 1em;
  font-size: .9em;
  }

.col_left ul li span.arrows, .col_right ul li span.arrows {font-size: 1.2em;}

.quote, .related {
  margin: .5em 0 10px 15px;
  padding: 15px 10px 5px;
  float: right;
  font-weight: normal;
  width: 160px;
  border: 1px dotted #ccc;
  background: #fff;
  font-size: .9em;
  line-height: 1.3em;
  }

.quote_attribute {
  font-size: .8em;
  font-weight: normal;
  }

span.arrows {
  font-size: 1.1em;
  font-weight: bold;
  color: #004881;
  }

.code {
  padding: 10px 10px 5px;
  margin: 1em auto 1.5em;
  width: 80%;
  font-size: .9em;
  background: #eee;
  border: 1px solid #ccc;
  }

.thumb_left {
  margin: 0 10px 5px 0;
  float: left;
  text-align: center;
  }

.thumb_right {
  margin: 0 0 5px 10px;
  float: right;
  text-align: center;
  }

.thumb_left a, .thumb_right a {font-size: .9em; font-weight: bold;}

.thumb_left img, .thumb_right img {
  padding: 5px;
  margin: 0 0 .5em;
  border: 1px solid #999;
  }

.subtitle {
  margin-top: 1em;
  font-style: italic;
  }

h3.subtitle {
  font-style: normal;
  font-size: 1.2em;
  }

.boxed {
  padding: 10px;
  margin: 1em 20px;
  background: #eee;
  font-size: .9em;
  border: 1px solid #ccc;
  }

.previous_next {
  margin: 5px auto 5px;
  width: 100%;
  height: 20px;
  text-align: center;
  }

.previous {float: left;}
.next {float: right;}

.column {
  margin: 0 10px 10px;
  width: 224px;
  float: left;
  font-size: .9em;
  }

.column h3 {
  margin-top: 0;
  font-size: 1em;
  }

sup.tiny {font-size: .8em !important;} /* Currently only used on homepage beside the Flash thingy */

.intro {
/*  font-weight: bold;
  color: #545454;
*/
  }
  
.prod_main {
  padding: 0 0 20px 20px;
  float: right;
  }

.prod_main img {margin-bottom: 25px;}

.prev_next_footer {
  margin: 1.5em 0;
  padding-top: 0em;
  float: left;
  width: 570px;
  border-top: 1px solid #ccc;
  }

.previous, .next {
  margin: 1.5em 0 0;
  font-size: 1.1em;
  }

.previous {
  padding-left: 17px; 
  background: transparent url(/img/previous.gif) no-repeat left 60%;
  }

.next {
  padding-right: 17px; 
  background: transparent url(/img/li_blue_arrow_lrg2.gif) no-repeat 100% 60%;
  }

.gallery {
  padding: 37px 0 0;
  float: left;
  width: 273px;
  border: 1px solid #ddd;
  }
  
.gallery.three {
  background: url(/img/gallery_bg_3.gif) no-repeat top left;
  }  
  
.gallery img {
  margin: 0;
  padding: 0 0 15px 8px;
  float: left;
  }  
  
.gallery img.col1 {padding-left: 10px;}
.gallery img.col2 {padding-left: 13px;padding-right: 5px;}