body, input,textarea { font-family: "lucida grande", "lucida sans unicode", tahoma, verdana, arial, sans-serif; font-size: 9pt; color: #444; }
body { background-color: #fff; height: 100%; margin: 0; padding: 0;}
form { padding: 0; margin: 0; } 
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }   
a img {border: 0;}
     
#main-content { width: 610px; margin: 0 auto; }

div#main-container { min-height: 600px; width: 100%; background: #fff; width: 790px; margin: 0 auto; padding: 5px 0 0 0;}
div#tabs-content { margin-left:10px; margin-top: 20px;}
div#content-container { margin:15px }
div.tabmenu { margin-left:15px; margin-right:15px; margin-top:8px; display:none; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; z-index: 999; position:absolute; background-color:#FFF; } 
div.tabmenu p { font-size:8pt; }
div#submenu { color:#fff; padding-top:7px; padding-bottom:1px; padding-left:100px; background-image:url('../images/bar.jpg')}
div#submenu h2 { font-size:18px; }

/* header */
div#header { padding: 0px 0; height: 42px; padding: 5px 0 10px 0; }
div#header a#logo { float: left; margin-left: -7px; _margin-left: 0;}

/* tabs */
div#tabs-container { background:transparent url(../images/dots.gif) bottom repeat-x; z-index: 51; position: relative; min-height: 1px; _height: 1px;}
div#tabs-container a:hover,div#tabs-container a { text-decoration: none; outline: none; }

div#tabs-container ul { margin:0px; padding: 0; margin-left: -6px;  }
div#tabs-container ul li {  position: relative; list-style: none; float: left; margin: 0 1px;}
div#tabs-container li a { position: relative;  margin: 0; color:#1f75cc; padding: 5px 15px 9px 15px;  height: 15px; font-size: 15px; float: left; z-index: 4001;}
div#tabs-container ul li.right { float: right; position: relative;  }
div#tabs-container li a:hover, div#tabs-container ul li a.hover  { color: #1f78cc; background-color: #f4faff; border: 1px solid #689dd5; border-bottom: none;  padding: 4px 14px 8px 14px;}
.has_dropdown { _border-bottom: none !important;}
div#tabs-container li a:hover{ border-bottom: 1px solid #689dd5;}
div#tabs-container li.selected a, div#tabs-container ul li.selected a.hover { color: #222; }
div#tabs-container ul li ul {  margin: 0; padding: 0; position: absolute; top: 27px; _top: 30px; left: 0; border: 1px solid #689dd5; background: #f4faff; z-index: 4000; min-width: 160px; _width: 160px;}
div#tabs-container ul li.right ul { position: absolute; left: auto; right: 0; _right: -1px; }
div#tabs-container ul li ul li { float: none; border: none; margin: 2px 0 0 0 ; }
div#tabs-container ul li ul li a, div#tabs-container li.selected ul li a { float: none; display: block; border: none; white-space: nowrap;  margin: 0; padding:6px 7px 6px 7px; font-size: 11px; color: #1f75cc; height: auto;}
div#tabs-container ul li ul li a:hover {padding:6px 7px 6px 7px; border: 0; background: #689dd5; background-position: 5px 50%; background-repeat: no-repeat; color: #fff; text-decoration: none;}
div#tabs-container ul li ul li small { padding: 7px; margin: 0; display: block; width: 190px; text-align: center;}
div#tabs-container ul li ul li small a:hover, div#tabs-container ul li ul li small a.hover { background: transparent; color: #1f75cc; text-decoration: underline;}

div#tabs-container ul ul li a img { vertical-align: bottom; margin-right: 2px; }
div#tabs-container ul ul li.header { font-size: 10px; color: #555; font-weight: bold; padding: 0; margin: 0 5px; border-top: 1px solid #689dd5; padding-bottom: 5px; padding-top: 5px;}
div#tabs-container ul ul li.header a { padding: 0; margin: 0; font-weight: normal;}
div#tabs-container ul ul li small { color: #666;}
 
/* FOOTER */  
div#footer { color:#000; min-height: 85px; _height: 65px; background: #F7F7F7 url(../images/dots.gif) repeat-x; clear: both; margin: 15px auto 0 auto; width: 790px; }
div#footer p#copyright { float: right; font-size: 11px; text-align: center; margin: 10px 7px; padding:3px 0 3px 23px; color: #666;}
div.footer-col { float: left; max-width: 200px; margin: 10px 60px 20px 20px;}
div.footer-col p { margin: 0;}
div.footer-col ul { margin:0; padding: 0;}
div.footer-col ul li { list-style: none; font-size: 11px; margin: 2px 5px; padding: 0; }
div.footer-col ul li.header { font-weight: bold; margin: 2px 0; color: #222; }
                                                                          
div.footer-col p, div.footer-col a { font-size: 11px; }
div.footer-col a { text-decoration: none; color: #666; }
div#footer div.footer-col a:hover { text-decoration: underline;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.tab
{ 
  margin: 0;
  margin-top: -8px;
  font-size: 8pt;
  float: left;
  width: 126px;
  _width: 125px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  background-color: #f7f7f7; 

}

.tab-selected
{
  background-color: #fff;
  border: 1px solid #ccc;
  border-right: 1px solid #ddd;
  border-bottom: none;
  width: 124px;
  margin-top: -9px;
}

.tab-pageselected 
{
  background-color: #fff;
  border: 1px solid #1f75cc;  
  border-bottom: none;
  width: 124px;
  margin-top: -9px;
  height: 21px;     
}
 
#content
{
  width: 775px; 
  margin: 0 auto;
  text-align: left;
}

#content a { color:#000; font-weight:bold; }
#content-left { float:left; height:400px; text-align:center;}
#content-left h2 { font-size:16px; color:#1f75cc; line-height:20pt}
#content-left h3 { padding:2px; color:#676; font-size:12pt; text-align:center; color:#1f75cc; }  
#content-left h4 { color:#1f75cc; font-size:10pt;}
#content-left h5 { margin-left:16px;}
  
#content-right h3 {  background-color:#666; padding-left:25px; color:#fff; } 
#content-right p.indented { padding-left:30px; padding-bottom:10px;}
#content-right ul.indented { padding-left:45px; }   
.indented li { padding-bottom:10px; }

#content-right .titleindented {  background-color:#666; }

ul#tabs-list { position: relative; margin:-10px; padding: 0 15px; height: 22px; background: #f7f7f7; width:761px; }
ul#tabs-list li a { float: left; padding: 0 15px;}

ul#tabs-list li.tab-selected { margin-top: -1px; }
ul#tabs-list li.tab-selected a { padding: 0 14px; }

ul#tabs-list { margin-top: -8px;}
ul#tabs-list li { list-style: none;  margin: 0;}
ul#tabs-list li.tab-selected a { padding: 0;}
ul#tabs-list li a { width: 100%; margin: 0; padding: 0;}
ul#tabs-list li a:hover span{background: #f4f4f4;}
ul#tabs-list li.tab-selected a:hover span{background: #fff;}  

ul.bullets li { color:#FDA31D; margin-bottom:10px;}
ul.bullets li span { color:#444444; }

.arrow { float:left; padding:3px; padding-left:5px; background-color:#666; }
.arrow_selected { float:left; padding:3px; padding-left:5px; background-color:#1f75cc; }
.arrowtitle { background-color:#666; height:18px; font-weight:bold; font-size:12px; color:#fff; padding:3px 2px 1px 6px; width:200px; float:left }  
.arrowtitle_selected { background-color:#1f75cc; height:18px; font-weight:bold; font-size:12px; color:#fff; padding:3px 2px 1px 6px; width:200px; float:left} 

.arrowbar { margin-left:227px; border-top: 0.4em solid #666; }
.arrowbar_selected { margin-left:227px; border-top: 0.4em solid #1f75cc; }   

h4.usecases { color:#1f75cc; }