/*
== reset
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

#fixedHeight-main {
	padding-top: 50px;
	height: 200px;
	width: 400px;
}
.attdiv
{
  position: relative;
  
  left: 20px;
  width: 340px;
  height: 170px;
}

.attrow{
   color: #666;
   font-size: 10px;
   letter-spacing: -1px;
   padding-left: 0px;
   margin-left: 5px;
   
}
.att
{
	padding-right: 5px;
	
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 8px;
	
	color: #ff8000;
	padding-top: 8px;
}
.attlist{         	
   margin-top: 10px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #999999;  
  line-height: 30px;  
}
.navModule{
 border: #7FB6DD 1px solid;
 padding: 0px;
}

.navModuleNarrow{
 width: 100%;
 border: #7FB6DD 1px solid;
 padding: 0px;
}

.navModule HR, .navModuleNarrow HR, .navModule2 HR{
 color: #D0E5F8;
}

.navModule .navModule .navModuleHeader2 .navModuleHeader3 .normal{
 color: #000000;
 
 }
 
.navModuleHeader1, .navModuleHeader2{
 font-weight: bold;
 color: #0956A6;
 background: #D0E5F8;
 border-bottom: #7FB6DD 1px solid;
}

.navModuleHeader3{
 font-weight: bold;
 color: #0956A6;
 border-bottom: #7FB6DD 1px solid;
}

.navModuleHeader2 .navModuleHeader3 SMALL{
}
.navModuleHeader2 .navModuleHeader3 A{
 color: #0956A6;
 text-decoration: none;
}
.navModuleBody{
 background: #E8F2FB;
 padding: 15px;
 color:black;
}
.navModuleBody2{
 background: #FFFFFF;
}



#topBar
{
        padding-top: 0px;
        padding-left: 0px;
        margin-bottom: -5px;
		padding-left: 0em;
        /*background-image: url('topBar-blue.gif');*/
        background-image: url('green-gradient-banner.jpg');
        background-repeat: repeat-x;
        height: 100px;
		width:100%;
}


html{
	height: 100%;
}

body{
	
	
	height: 100%;
	margin: 0;
	padding: 0;
    width:814px; position: relative; margin: 0 auto;
}

#bodybody { 
	margin: 0px; width:100%; 
	background-color:white;/* #E0efef; */
	/*border:#C9C9FF solid 2px;
*/
	/*border:#ededed solid 2px;
*/
}

a img {border: 0;}

body a:link{
	color: #FF3300;
}

body a:visited{
	color: #999999;
}

body a:hover{
	color: #339999;
}

body a:active{
	color: #999999;
}

td#top-nav {
	background-color: #E0efef;
}

.border {
	border: 1px solid #999;
	padding: 3px;}



#content{
	/*background-color: #FFFFFF;*/
	font-family: Verdana, "Bitstream Vera Sans", arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 70%;
	margin-top: -20px;
	/* padding-top: 0; */
	padding-top: 5x;
	vertical-align: top;
	width: 100%;
}

#contentx{
	background-repeat: repeat-x;
	clear: both;
	height: 100%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

#contentx-inner{
	/*background-color: #FFFFFF;*/
	margin-top: 0;
	padding-left: 1px;
	padding-right: 0px;
	padding-top: 15px;
	padding-top: 0;
	vertical-align: top;
}

#content h1, #content h2, #content  h3{
	font-family: Arial, "Lucinda Grande", "Luxi Sans", Verdana, "Bitstream Vera Sans", Helvetica, sans-serif;
}

#content td, #content th{
	vertical-align: top;
}

.subfeat
{
	padding-left: 2px;
	margin-left: 2px;
	background-color: #ffff99;
}

dl, ul, ol{
	margin-bottom: 1em;
	margin-top: 0;
}

dl dt{
	font-weight: bold;
}

dl dt h3{
	color: #000000;
	display: inline;
	margin-right: 8px; /*instead of a space */
}

dl dd{
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 2px;
}
#mobile {
  z-index: 1;
  position: relative;
  top: 20px;
  left: 0px;
  text-align: center;
  
  font-size:140%;
  color: white;
  /*background-color: white;*/
  background-image:url('stockxpertcom_id86627_size2.jpg');
  font-variant: small-caps;
   background-repeat:repeat-x;
}
#footer{
	/*background-color: #FFFFFF;*/
	clear: both;
	color: #555555;
	font-family: Verdana, "Bitstream Vera Sans", arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
    background-image: url('bottomBar-blue.gif');
    background-repeat: repeat-x;
	height: 100px;
}

#footerdisable p{
	margin-bottom: 5px;
	margin-top: 5px;
}

#footerdisable hr{
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #EEEEEE;
	height: 0;
	margin: 5px auto 0 auto;
	width: 100%;
}

#footer div#notice {
	color: #999999;
	padding: 0px;
}

h1{
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	padding-top: 0;
	color:#333333;
}

h2{
	color: #333333;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h3{
	color: #333333;
	/*font-size: 12px;*/
	margin: 0;
	padding: 0;
}

h4{
	display: inline;
	margin: 0;
	padding: 0;
	text-decoration:underline;
	font-weight:normal;
}

#header{
	margin: 0;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 89.5%; 
}
#toplogo {
	margin: 0;
	padding: 0;
}
	
#header h1{
	float: left;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	width: 150px;
}

#header h1 a{
	display: block;
	height: 50px;
	width: 150px;
	padding: 0;
	margin: 0;
}

#header h1 span{
	display: none;
}

#center-area {
	/*color: #fff;*/
	/*background-image: url("high-tech-background.jpg");*/
	
}
#laptop {
 background: transparent url("laptop-front.jpg") top right no-repeat;
}
#center-area h1 {
	margin: 1px 1px 1px 0;
	padding: 0  0px;
	line-height: 1.25em;
}

#center-area h2, #center-area p {
	padding: 0  0px;
	color: #fff;
}

#center-area a{
	color: red;
}

hr {
    color: #CCCCCC;
    border: none;
    border-top: 1px solid #CCCCCC;
    height: 1px;
    margin: 0 0 1em 0;
    padding: 0;
}


ol li{
	margin-bottom: 15px;
}

ol li li{
	margin-bottom: 0;
}

p{
	margin: 0 0 1em 0;
	padding: 0;
}


table#content-table{
	/*background-color: #FFFFFF;*/
	height: 100%;
	margin-left: 1%;
	margin-right: 1%;
	width: 97.5%;
}


table#content-table tr td#gradient-border-left{
	background-repeat: repeat-y;
	width: 2px; 
}

table.downloads{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 1.5em;
	width: 100%;
	/*border-collapse: collapse;*/
}

table.downloads td, table.downloads th {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#logo-text {
	margin: 0;
	margin-top: -8px;
	color:#FFFF66;
	padding: 8px 0 0 0;
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*font-stretch:semi-expanded;*/
}

#logo-text a {
	padding-left: 15px;
	/*white-space: nowrap;*/
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
}

.selected-tab
{
	font-weight: bold;
	text-transform: uppercase;
	color: darkblue;
	background-color: white;
}
#top-links 
{
color:White;
font-size: x-small;
float:right;	
}
#top-links a:link{
	/*white-space: nowrap;*/
	float: right;
	font-family: Verdana, "Bitstream Vera Sans", arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 10px;
	color: White;
}

#bottomline {
	padding-top: 1em;
	border-top: 1px solid #666;
}

div#bot-right {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#home-bottom th{
	width: 33%;
	height: 2em;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 10px 20px;
	margin-top: 20px;
}

#home-bottom td{
	text-align: center;
}

#home-main {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;	
}
 
#home-text {
	width: 400px;
}

#center-area
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: black;
	padding-top: 0px;
}

#center-area h1
{
	padding-right: 20px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 1px 10px 5px 0px;
	line-height: 1.25em;
	padding-top: 0px;
}

#center-area h1 a {
	text-decoration: none;
	color: black;
}


#center-area ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 40px;
}	

#news {
	padding-top: 10px;
	margin-bottom: 10px;
}

#news table td#latest-headlines {
	font-weight: bold; 
	text-align: center; 
	vertical-align: top;
}

#news table td#latest-headlines a {
	color: #333;
}

#news table td#tic-item {
	padding-right: 20px;
	height: 35px;
}

#news table td a {
	text-decoration: none;
}

#top-nav {
	margin-top: -20px;
	background-repeat: repeat-x;
	margin-left: 0%;
	margin-right: 0%;
	text-align: left;
	width: 90%;
}

#top-nav ul {
	margin-bottom: 0;
	margin-left: 2px;
	padding-bottom: 0;
	padding-left: 0;
	width: 700px; /* keeps the inline, floated li's from spilling out when the browser window is sqeesed horiz. */
}

#top-nav ul li {
	display: inline;
	list-style: none;
}

#top-nav ul li a
{
	padding-right: 2em;
	margin-top: 0px;
	display: block;
	padding-left: 2em;
	font-weight: bold;
	font-size: 12px;
	float: left;
	padding-bottom: 2px;
	text-transform: uppercase;
	color: #333300;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

#top-nav ul li a#current-tn, #top-nav ul li b a
{
	color: #999999;
}

#top-nav-wrap {
	
	/*background-repeat: repeat-x;*/
	/*height: 30px;*/
}

.myone a p h1
{
	color:Navy;
}
.show 
{
	color:Black;
	background-color:White;
	
}




.roundnowidthbox {
	margin-left:-5px;
	background: url(round-shadow-box-br.gif) no-repeat bottom right;
	font-size: 100%;
}

.roundboxhead {
	background: url(round-shadow-box-tr.gif) no-repeat top right;
	margin: 0;
	padding-left: 00px;
	text-align: left;
        font-weight: bold;
}
.roundgreenhead {
	background: url(round-shadow-box-tl.gif) no-repeat top left;
	margin: 0;
	padding: 10px 30px 5px;
	color: white; 
	/*font-weight: bold; 
	font-size: 1.2em; */
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.roundboxbody {
	background: url(round-shadow-box-bl.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px 0px;
        /*border: black 10px solid;*/
}

.inner-block {
  margin-bottom:8px;
  background:#fff;
}
.inner-block p { margin:8px 0; }

.inner-block hr {
  height: 1px;
  color: #dcdcdc;
  background-color: #dcdcdc;
  border: 0;
  margin:0 12px;
}
.inner-block .testimonial h2 {
  font-weight:bold;
  font-size:18px;
  position:absolute;
  left:372px;
  bottom:195px;
  background-image:none;
  width:258px;
  line-height:20px;
  padding:0;
}
.inner-block .testimonial p {
  position:absolute;
  top:90px;
  left:372px;
  width:258px;
  font-size:12px;
}
.round-box-tr { background: url(round-box-tr.png) no-repeat top right; z-index:0;}
.round-box-bl { background: url(round-box-bl.png) no-repeat bottom left; z-index: 0;}
.gray-round-box { background: url(round-box-bl-gray.gif) no-repeat bottom left;}
.round-box-br { background: url(round-box-br.png) no-repeat bottom right; padding-bottom:12px; }
.gray-round-box .round-box-br {background: url(round-box-br-gray.gif) no-repeat bottom right; padding-bottom:0; }
.inner-block h2 {
  color:#363636;
  font-weight:bold;
  font-size:14px;
  line-height:29px;
  padding-left:14px;
  background: url(round-box-tl.png) no-repeat top left;
  z-index:0;

}
.inner-block h2 a { color:#363636; }
.inner-block h2.short { line-height:12px; }
.round-box-tr-inner-nav { background: url(round-box-tr-innernav.png) no-repeat top right; }
.round-box-tr-none { background: url(round-box-tr-none.png) no-repeat top right; }
.inner-block .round-box-tr-none h2 { background: url(round-box-tl-innernav.png) no-repeat top left;}
.inner-block .inner-nav {
  padding-left:18px;
  line-height:29px;
  background: url(round-box-tl-innernav.png) no-repeat top left;
  z-index:0;
}

/*
.round-box-tr-home { background: url(round-box-tr-home.gif) no-repeat top right; }
.round-box-tr-home h2 {
  background: url(round-box-tl-home.gif) no-repeat top left;
  color:#fff;
}
.round-box-tr-home h2 a { color:#fff; }
.round-box-tr-dark { background: url(round-box-tr-dark.png) no-repeat top right; }
.round-box-tr-dark h2 {
  background: url(round-box-tl-dark.png) no-repeat top left;
  color:#fff;
}
.round-box-tr-dark h2 a { color:#fff; }
*/
.tall-round-box-left { background: url(round-box-left.png) repeat-y left; z-index: 0;}
.tall-round-box-right { background: url(round-box-right.png) repeat-y right; z-index: 0; }

div.product-mysql { padding-left: 10px; padding-right: 10px;}
div.product-mysql h2 {
  background: none;
  padding-left: 0;
  padding-top: 10px;
  font-size: 120%;
}
div.product-mysql h3 {
  padding-top: 10px;
}

div.user-guide { padding-left: 10px; padding-right: 10px; /*width: 600px;*/}
div.user-guide h2 {
  background: none;
  padding-left: 0;
  padding-top: 10px;
  font-size: 120%;
}
div.user-guide h3 {
  padding-top: 10px;
}
body.bigleft .textblock .full-column, body.bigright .textblock .full-column {
  margin-left:10px;
  margin-right:10px;
  width:auto;
}

.clear:after,
.container:after,
.block:after { 
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear,
.container,
.block {
  zoom: 1; /* IE fix */
}

#toc_root ul li a:visited { color:#444444; }
#toc_root ul li a { color:#444444; }
#toc_root li a:visited { color:#444444; }
#toc_root li a { font-size: 12px; color:#444444; }


h5 { font-size:10px; }
.textblock { padding-bottom:18px; }
.textblock .column {
  width:302px;
  margin-right:10px;
  float:left;
  display:inline;
}
body.bigright .textblock .column { width:320px; }
.textblock .first {
  margin-left:10px;
}
body.bigleft .textblock .full-column, body.bigright .textblock .full-column {
  margin-left:10px;
  margin-right:10px;
  width:auto;
}
.textblock ul {
  list-style: disc outside;
  margin-left:1.5em;
}
.inner-block p { margin:8px 0; }
#side .inner-block p { margin-left:12px; margin-right:12px; }
.inner-block hr {
  height: 1px;
  color: #dcdcdc;
  background-color: #dcdcdc;
  border: 0;
  margin:0 12px;
}
.textblock .feature-set h3 { color:#545454; }

.textblock h3 {
  color:#eb8023;
  font-weight:bold;
  font-size:12px;
}
.textblock h4 {
  font-weight:bold;
  color:#464646;
  margin-top:14px;
}

.last {
  margin-right:0;
}

.inner-block a { 
  z-index: 40;
  padding-bottom: 10px;
}

.inner-main { z-index: 1; }

.compareit {
  border: 1px solid #red;
  border-collapse: collapse;
  width:90%;
  font-size:85%;
  padding-left:10px;
}
.compareit td, .compareit th {
  border: 1px solid #ddd;
  text-align: left;
}
.compareit tbody th, .compareit feat {
  background-color: #e9e9e9;
  text-align: left;
  font-weight: bold;
}

body {
  width:870px;
}
body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #464646;
}
/*ul {list-style:none;}*/
/*ul, ol {list-style-position: outside;}*/

.leftpanel { width: 200px; }
.leftpaneluserguide { width: 200px; }

.leftpanel a {
  color: #111111;
  text-decoration: none;
}
.leftpanel ul { 
  margin: 8px 12px 12px;
  margin-left:15px;
  /*list-style: disc outside url(green-bullet.gif);*/
 }
.leftpanel li { margin:8px 0; }

div.operator { padding-left: 3px; padding-top: 0px; padding-right: 10px; margin-bottom:0px;}
