/*@import url("theme_sakila.css");*/
/*@import url("theme_orange.css");*/

/*
---------------------------------------------
  MySQL.com SAKILA theme style sheet
---------------------------------------------
*/


/*
---------------------------
GLOBAL LAYOUT
---------------------------
*/

/* RESET GLOBAL STYLES! Elements need to be explicitly defined */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
    height: 100%;
    margin: 0 0 0 .1em;
    padding: 0px;
    font-size: small;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 180%;
    background: #fff;
    color: #555555;
}

#container {
    min-width: 916px;
    overflow: hidden;
}

p {
    font-size: 95%;
    line-height: 180%;
    margin: 0 0 10px 0;
    padding: 0;
}

sup {
font-size:80%;
vertical-align:top;
font-weight: bold;
}

sub {
font-size:80%;
vertical-align:bottom;
}

/*
---------------------------
HEADER
---------------------------
*/

#header {
    margin: 0;
    padding: 0;
}

#header .left {
    float: left;
}

#header .right {
    float: right;
    z-index: -1
}


#logo, #logo-cic {
    position: static;
    margin: 15px 0 5px 66px;
}

#logo-disruption-mysql {
    position: static;
	float: right;
	display: inline;
	margin-top: 55px;
	margin-right: 15px;
}


#logo-disruption-oracle {
    position: static;
	float: right;
	display: inline;
	margin-top: 85px;
	right: 0;
}


#tagline, #tagline-cic {
    position: absolute;
    top: 60px;
    left: 190px;
    padding: 0;
    color: #007597;
}



#sunsystems {
    position: absolute;
    top: 15px;
    left: 275px;
    padding: 0 0 0 10px;
    color: #007597;
    height: 30px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/systems_gradient.jpg') no-repeat top left;
}

#sunsystems a {
    vertical-align: middle;
    font-size: 12px;
    font-style: italic;
    color: #007597;
    background:transparent;
    text-decoration: none;
}

#sunsystems a:hover {
    color: #999999;
}



#search_box {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 21px;
    width: 180px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/search_s.png') no-repeat top left;
}

#search_box #q {
    float: left;
    padding: 5px 0 0 5px;
    margin: 0 0 0 0;
    width: 145px;
    border: none;
    font-size: 11px;
    line-height: 150%;
    color: #333333;
    background: none;
}

#search_box #go {
    float: right;
    margin: 0;
    width: 20px;
    height: 21px;
}

#contact_rep {
    position: absolute;
    top: 5px;
    right: 200px;
    font-size: 10px;
    font-weight: bold;
    float: right;
    margin: 0;
}

#contact_rep a{
    color: #007597;
    background:transparent;
}

#contact_rep a:link {
	color: #007597;
}

#contact_rep a:active {
	color:#007597;
}

#contact_rep a:visited {
	color:#007597;
}

#contact_rep a:hover {
    color: #999999;
}

#contact_rep a:hover {
	color:#fbac5d;
}


#flags {
    float: right;
}

#flags img {
	vertical-align: bottom
}

#flags ul {
    list-style: none;
    padding: 0;
    margin: 8px 5px 0 0;
}

#flags ul li {
	padding: 0 0 0 10px;
	display: inline;
}

#flags ul li a {
	border: 0;
}


#login {
    position: absolute;
    top: 30px;
    right: 5px;
    font-size: 90%;
    color: #666666;
}


/*
---------------------------
NAVIGATION
---------------------------
*/

#nav_container {
    clear: left;
    position: relative;
    margin: 15px 0 0 0;
    padding: 10px 0 0 0;
    height: 1%;
}


/* FIRST TAB */
#tab_first {
    float: left;
    line-height: normal;
    margin: 0 0 0 40px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-mid.jpg') repeat-x top;
}

#tab_first ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right;
}

#tab_first li {
    float: left;
    margin: 0;
}

#tab_first li a {
    color: #000;
    font-size: 105%;
    display: block;
    margin: 12px 0 0 0;
    padding: 0 15px 0 30px;
    text-decoration: none;
}

#tab_first li a:visited {
	color: #000;
}

#tab_first li a:hover {
	color: #007597;
}

#tab_first li.current {
    float: left;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-mid.jpg') repeat-x top;
}

#tab_first li.current a {
    color: #ffffff;
    font-size: 115%;
    font-weight: bold;
    height: 34px;
    margin: 0;
    padding: 5px 15px 0 35px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-left-end.jpg') no-repeat top left;
}

#tab_first li.current a:visited {color: #ffffff;}
#tab_first li.current a:hover {color: #fc6;}

#tab_first li.first {
    float: left;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left;
}

#tab_first li.first a {
    float: left;
    height: 34px;
    margin: 0;
    padding: 12px 15px 0 50px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-right.jpg') no-repeat top left;
}



/* SECOND TAB */
#tab_second {
    float: left;
    line-height:normal;
    margin: 0 0 0 40px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-mid.jpg') repeat-x top;
}

#tab_second ul {
    float: left;
    margin:0;
    padding:0;
    list-style:none;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right;
}

#tab_second li {
    float: left;
}

#tab_second li a {
    color: #000;
    font-size: 105%;
    display: block;
    padding: 12px 15px 15px 32px;
    text-decoration: none;
}

#tab_second li a:visited {color: #000;}
#tab_second li a:hover {color: #007597;}

#tab_second li.current {
    float: left;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-mid.jpg') repeat-x top;
}

#tab_second li.current a {
    color: #ffffff;
    font-weight: bold;
    font-size: 115%;
    padding: 5px 25px 15px 8px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-right.jpg') no-repeat top right;
}

#tab_second li.current a:visited {color: #ffffff;}
#tab_second li.current a:hover {color: #fc6;}

#tab_second li.first {
    float: left;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left;
}

#tab_second li.first a {
    float: left;
    padding: 12px 50px 15px 25px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-left.jpg') no-repeat top right;
}




/* THIRD TAB */

#tab_third {
    float: left;
    line-height:normal;
    margin: 0 0 0 40px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-mid.jpg') repeat-x top;
}

#tab_third ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right;
}

#tab_third li {
    float: left;
    padding: 0;
}

#tab_third li a {
    color: #000;
    font-size: 105%;
    display: block;
    padding: 12px 15px 15px 30px;
    text-decoration: none;
}

#tab_third li a:visited {
    color: #000;
}

#tab_third li a:hover {
    color: #007597;
}

#tab_third li.current {
    float: left;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-mid.jpg') repeat-x top;
}

#tab_third li.current a {
    color: #ffffff;
    font-size: 115%;
    font-weight: bold;
    padding: 5px 25px 15px 8px;
    margin: 0;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-right.jpg') no-repeat top right;
}

#tab_third li.current a:visited {
    color: #ffffff;
}

#tab_third li.current a:hover {
    color: #fc6;
}

#tab_third li.first {
    float: left;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left;
}

#tab_third li.first a {
    float: left;
    padding: 12px 40px 15px 25px;
}

#tab_third li.second {
    float: left;
}

#tab_third li.second a {
    float: left;
    padding: 12px 50px 15px 5px;
    margin: 0;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-left.jpg') no-repeat top right;
}



/* FOURTH TAB */

#tab_fourth {
    float: left;
    line-height:normal;
    margin: 0 0 0 40px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-mid.jpg') repeat-x top;
}

#tab_fourth ul {
    float: left;
    margin:0;
    padding:0;
    list-style:none;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right;
}

#tab_fourth li {
    float: left;
    padding: 0;
}

#tab_fourth li a {
    color: #000;
    font-size: 105%;
    display: block;
    padding: 12px 15px 15px 15px;
    text-decoration: none;
}

#tab_fourth li a:visited {color: #000;}
#tab_fourth li a:hover {color: #007597;}

#tab_fourth li.current {
    float: left;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-mid.jpg') repeat-x top;
}

#tab_fourth li.current a {
    color: #ffffff;
    font-size: 115%;
    font-weight: bold;
    padding: 5px 25px 15px 8px;
    margin: 0;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-right.jpg') no-repeat top right;
}

#tab_fourth li.current a:visited {color: #ffffff;}
#tab_fourth li.current a:hover {color: #fc6;}

#tab_fourth li.first {
    float: left;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left;
}

#tab_fourth li.first a {
    float: left;
    padding: 12px 25px 15px 25px;
}

#tab_fourth li.second {
    float: left;
}

#tab_fourth li.second a {
    float: left;
    padding: 12px 55px 15px 30px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-left.jpg') no-repeat top right;
}



/* LAST TAB */

#tab_last {
    float: left;
    line-height:normal;
    margin: 0 0 0 40px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-mid.jpg') repeat-x top;
}

#tab_last ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-right-end.jpg') no-repeat top right;
}

#tab_last li {
    float: left;
    padding: 0;
}

#tab_last li a {
    color: #000;
    font-size: 105%;
    display: block;
    padding: 12px 15px 15px 30px;
    text-decoration: none;
}

#tab_last li a:visited {
    color: #000;
}

#tab_last li a:hover {
    color: #007597;
}

#tab_last li.current {
    float: left;
    height: 34px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-mid.jpg') repeat-x top;
}

#tab_last li.current a {
    color: #ffffff;
    font-size: 115%;
    font-weight: bold;
    padding: 5px 25px 15px 8px;
    margin: 0;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-right-end.jpg') no-repeat top right;
}

#tab_last li.current a:visited {
    color: #ffffff;
}

#tab_last li.current a:hover {
    color: #fc6;
}

#tab_last li.first {
    float: left;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-off-left-end.jpg') no-repeat top left;
}

#tab_last li.first a {
    float: left;
    padding: 12px 40px 15px 25px;
}

#tab_last li.second {
    float: left;
}

#tab_last li.second a {
    float: left;
    padding: 12px 50px 15px 5px;
    margin: 0;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav-on-left.jpg') no-repeat top right;
}







#mysql_menu {
    clear: both;
    height: 30px;
    font-size: 90%;
    margin: 0;
    padding: 8px 0 0 30px;
    background: #015a84 url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/nav_sakila.png') no-repeat top left;
}

#mysql_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#mysql_menu ul li {
    margin: 0 0 0 25px;
    padding: 0;
    display: inline;
    font-weight: bold;
    color: #ffffff;
}

#mysql_menu li.current {
    color: #fc6;
    font-size: 110%;
}

#mysql_menu li.current a {
    color: #fc6;
}

#mysql_menu a {
    color: #ffffff;
    text-decoration: none;
}

#mysql_menu a:hover {
    color: #fc6;
}


#og_sakila {
    float: left;
    min-width: 252px;
    min-height: 30px;
    background: #015a84 url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/sakila_bottom.png') no-repeat top left;
}

#no_og_sakila {
    float: left;
    min-width: 15px;
    min-height: 30px;
    background: #015a84 url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/no_sakila_bottom.png') no-repeat top left;
}

#og_title {
    min-height: 30px;
    overflow: hidden;
    background: #e97b00 url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/main_orange_bg.jpg') repeat-x top left;
}

/*
---------------------------
PAGE
---------------------------
*/

#page	{
    padding: 0;
    margin: 0 5px 0 0;
}

#page.margin_left {
	margin: 0 5px 0 10px;
}

/* to prevent issue of page content moving up into the main nav bar */
.page_container {
    clear: both;
}

/* controls the space between left side and page content */
#page.sidebar {
    margin-left: 260px;
}


/* the sidebar and bg behind the sub-nav */
.page_sidebar {
    float:left;
    margin: 0 0 10px 0;
    width: 240px;
    padding: 0 4px 4px 0px;
}

.page_sidebar p {
    margin: 0 0 10px 5px;
    width: 225px;
}

.page_sidebar h4 {
    margin: 15px 0 0 5px;
}

.page_sidebar img {
    padding: 0;
    margin: 10px 5px 10px 5px;
}

.page_header {
    font-size: 160%;
    font-weight: bold;
    line-height: 140%;
    margin: 0 0 12px 0;
    padding: 4px 0 4px 0;
    color: #015a84;
    border-bottom: 1px solid #cccccc;
}

/* big banner at top of landing pages that use sidbars */
.page_banner {
	margin-bottom: 15px;
	width: 99%; /* to expand a bg image the width of the viewport; 100% makes IE7 push banner to below sidebar */
	clear: right;
	border-bottom: 1px solid #e0e0e0;

}

#training_front {
    margin: 0 0 0 -20px;
    padding: 0;
}



/*
---------------------------
SIDEBAR
---------------------------
*/

#sidebar {
    float: left;
    width: 240px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#sidebar ul {
    width: 215px;
    margin: 0 0 0 5px;
    padding: 0;
    list-style-type: none;
}

#sidebar ul li {
    margin: 0 0 0 0;
    padding: 0 0 12px 15px;
    line-height: 110%;
}

#sidebar h3 {
    width: 215px;
    font-size: 110%;
    margin: 0;
    padding: 20px 0 5px 10px;
}

#sidebar img.communityLogo {
    float: right;
    padding: 0 25px 0 0;
}

#sidebar-banner {
    margin: 40px 0 0 12px;
}

#related_pages {
    padding: 0 6px 0 5px;
}

#related_pages ul {
    list-style: none;
}

#related_pages ul li {
    margin-bottom:5px;
    margin-left: 8px;
    font-size: 95%;
    line-height: 150%;
}

#related_pages img {
    margin: 0;
    padding: 0 0 20px 0;
}

#spotlight {
	width: 215px;
	margin: 50px auto 25px auto;
	padding: 0;
	font-size: 95%;
	text-align: center;
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/spotlight_gradient.png') bottom repeat-x;

}

#spotlight .inside {
	margin: 0;
	padding: 10px;
}

#spotlight .inside p {
	margin: 0;
	padding: 10px 0 0 0;
}

#spotlight .bottom {
	width: 215px;
	height: 8px;
	padding: 0;
	margin: 0;
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/spotlight_bottom.png') bottom no-repeat;
	display: block;
}

#menu_title {
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 24px;
	padding: 5px 0 0 60px;
	margin: 0;
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/get_started_bg.png') no-repeat top left;
}

#menu {
    margin: 0;
    padding: 0;
    min-height: 275px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/page_shade.jpg') no-repeat top right;
}

#menu ul {
    margin: 0!important;
    padding: 0 0 0 10px;
    width: 215px;
    list-style-type: none;
    list-style-image: none;
}

#menu ul li {
    margin: 0 0 5px 0;
    padding: 5px 0 5px 0;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    border-bottom: #e0e0e0 solid .1em;
}

#menu ul ul {
    margin: 0;
    padding: 5px 0 0 15px;
    width: 175px;
    list-style-type: none;
}

#menu ul ul li {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 100%;
    line-height: 195%;
    color: #666666;
    border: 0;
}

#menu ul a {

}

#menu ul a:visited {
    color: #00759F;
}

#menu li.current a.current {
    color: #00759F;
    font-weight: bold;
}

#menu li.current a.current:hover {
    color: #FFCC66;
    font-weight: bold;
}

#menu li.current a.current:visited {
    color: #00759F;
    font-weight: bold;
}

#menu li.current a.current.subitems {
    color: #00759F;
}

#menu ul.subitems2 li.current{
    font-weight: bold;
}

/*
#submenu li a:hover {
    background: #fff9f2;
    color: #00648c;
}

#submenu li.current a.current.subitems:hover {
	color: #00648c;
}


#submenu ul.subitems1 {
    margin-left: 10px;
}
*/

/*
---------------------------
HOME PAGE
---------------------------
*/

#fp_main {
    float: left;
    clear: right;
    width: 670px;
}

#fp_main ul {
    list-style-type: none;
    list-style-image: none;
}

#fp_main h2,  #fp_columns h2 a
{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 125%;
	font-weight: normal;
	color: #e97b00;
	line-height: 130%;
}


#fp_main h3 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 115%;
    font-weight: normal;
}


#fp_banners {
    padding: 0 0 10px 0;
}

#imageRotateGroup {
    float: left;
    padding: 0 0 0 5px;
}

#imageRotateGroup ul {
    margin: 0!important;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

#imageRotateGroup ul li {
    margin: 0 5px 0 0;
    padding: 5px;
    line-height: 110%;
    border-bottom: solid;
    border-width: .1em;
    border-color: #e0e0e0;
}

.imageRotateIndexCurrent a {
    color: #999;
    font-size: 105%;
    font-weight: bold;
}



#fp_featured {
    min-height: 125px;
    float: left;
    margin: 10px 0 0 5px;
    padding: 0 10px 0 5px;

}

#fp_featured ul {
    width: inherit;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#fp_featured ul li {
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
    list-style-type: none;
    line-height: 110%;
}



#fp_columns table {
    clear: left;
    width: 670px;
    margin:0;
    padding: 0;
    font-size: 95%;
}


#fp_columns table td {
    margin: 0 10px 0 0;
    padding: 5px;

    vertical-align: top;
    width: 33%;
    border: .1em;
    border-style: solid;
    border-color: #e0e0e0;
}

#fp_columns td.localization-spotlight {
	background: #e0e0e0;
    border-style: solid;
    border-color: #666666;
}



#fp_columns table ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
}

#fp_columns table ul li {
    margin: 0 0 0 0;
    padding: 0 0 12px 0;
    list-style-type: none;
    line-height: 130%;
}

span.right {
    float: right;
    padding: 5px 5px 0 0;
}

/*
 ---------------------------
SUB-FOOTER (ADS)
---------------------------
*/

#sub-footer {
    clear: left;
    min-width: 916px;
    padding: 10px 0 0 8px;
    margin: 15px 0 0 0;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/footer_gradient_bg.png') repeat-x bottom;
}

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

#footer {
    clear: both;
    position: relative;
    padding: 0 0 25px 0;
    margin: 0;
    min-width: 916px;
    overflow: hidden;
    background:#015a84;
    border-color: #000;
    font-size: 85%;
    color: #e0e0e0;
}

#footer a {
    color: #e0e0e0;
    text-decoration: none;
}

#footer a:hover {
    color: #999999;
    text-decoration: underline;
}

#footer ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
}

#footer ul li{
    margin: 0 0 0 25px;
    font-size: 95%;
    line-height: 175%;
}

#footer .top {
    font-size: 100%;
    font-weight: bold;
}

#footer .links{
    float: left;
    position: relative;
    margin: 5px 0 0 0;
    padding: 0;
}

#footer #search{
    float: right;
    height: 89px;
    width: 241px;
    position: relative;
    margin: 50px 25px 0 0;
}

#footer #search.en{
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/footer_search.en.png') no-repeat;
}

#footer #search.fr{
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/footer_search.fr.png') no-repeat;
}

#footer #search.de{
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/footer_search.de.png') no-repeat;
}

#footer #search.it{
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/footer_search.it.png') no-repeat;
}

#footer #search.ja{
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/footer_search.ja.png') no-repeat;
}

#footer_search #f_q {
    float: left;
    margin: 46px 0 0 13px;
    padding: 5px 0 5px 0;
    width: 175px;
    height: 25px;
    border: none;
    font-size: 150%;
    line-height: 160%;
    color: #333333;
    background: none;
}

#footer_search #f_go {
    float: right;
    margin: 43px 6px 0 0;
    width: 41px;
    height: 39px;
}

#copyright{
    clear: both;
    text-align: right;
    font-size: 80%;
    color: #666666;
}

#copyright-oracle{
    clear: both;
    text-align: right;
    font-size: 80%;
    color: #666666;
    padding-top: 1px;
}

#copyright-oracle span {
	vertical-align: top;
}


/*
---------------------------
CHARACTER FORMATTING
---------------------------
*/

strong	{
	font-style:normal;
	font-weight:bold;
}

em	{
	font-style:normal;
	font-weight: bold;
}

h1	{
	font-weight: bold;
	font-size: 140%;
	margin:0px 0px 8px 0px;
}

h2	{
	font-weight: bold;
	font-size: 120%;
	line-height: 110%;
	margin:16px 0px 6px 0px;
}

h2 a, h2 a:visited {
	color:#00759f;
	text-decoration: none;
}

h3	{
	font-weight: bold;
	font-size: 110%;
	margin:16px 0px 4px 0px;
}

h4	{
	font-weight: bold;
	font-size: 100%;
	margin:14px 0px 2px 0px;
}

h5	{
	font-weight: bold;
	font-size: 95%;
	letter-spacing:1px;
	margin:10px 0px;
}

small {
    font-size: 80%;
}

code    {
    color:#761596;
    font-size: 120%;
}

code.md5    {
    color:inherit;
}


.attention, .attention a {
    color: #e97b00;
    font-weight: bold;
}

.subheading {
	color: #999;
	font-size: 90%;
}

.uppercase {
	text-transform: uppercase;
}


big {
    font-size: 90%;
    font-weight: 700;
}

.nobr {
    white-space: nowrap;
}



/*
---------------------------
HORIZONTAL RULES
---------------------------
*/

hr {
    border: 1px solid #e0e0e0;
}

.hr01 {
	margin-bottom: 40px;
	border-bottom: 1px solid #e0e0e0;
	width: 80%;
}

div.gray1 {
    margin:8px 0 0 5px;
    padding:0px;
    width: 225px;
    border-bottom: #e0e0e0 solid .1em;
}

div.gray1 hr {
    display: none;
}

div.gray2 {
    margin:8px 0px;
    padding:0px;
    height:3px;
    background:#fff url("/web/20110608224453oe_/http://dev.mysql.com/common/img/gray2.png") repeat-x;
}

div.gray2 hr {
    display:none;
}

/* used in www */
div.orange1	{ margin:8px 0px; padding:0px; height:3px; background:#fff 	url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-disc-orange.png")  repeat-x; }
div.orange1 hr { display:none; }

div.orange2	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("/web/20110608224453oe_/http://dev.mysql.com/common/img/orange2.png") repeat-x; }
div.orange2 hr { display:none; }

/* Useful clear elements */

hr.clear {
    clear:both;
    margin:0px;
    padding:0px;
    visibility:hidden;
}

br.clear {
    clear:both;
    margin:0px;
    padding:0px;
}

br.clear-right {
    clear:right;
}


/*
---------------------------
POSITIONED BUTTONS
---------------------------
*/

.tweetButton {
	float: left;
	padding: 0 10px 0 0;
}

.newsltrButton, .product-logo {
	float: right;
	padding: 0 10px 10px 0;
}


.productButton {
	float: left;
	padding: 0 25px 0 0;
}


/*
---------------------------
LINKS
---------------------------
*/

a {
    background:transparent;
    text-decoration: none;
}

a:link {
    color: #00759f;
}

a:active {
    color:#00759f;
}

a:visited {
    color: #00759f;
}

a:hover {
    color:#00759f;
    text-decoration: underline;
}

/* work around issue with docbook-generated pages */
a[id]:hover {
    color: inherit;
}

a img {
	border: none;
}

/* for a link to skip navigation and go straight to content (508 compliance) */
.skipToContent {
    display: none;
}


a:link.cta {
	/* text-transform: uppercase; */
}



/*
---------------------------
CALLOUTS, QUOTES, PROMOS
---------------------------
*/
.quote {
    font-style: italic;
    width: 90%;
    padding: 15px 10px 0 12px;
    margin: 20px 10px 10px 25px;
    border: 1px solid #999;
}

.quote p {
    margin: 0;
    padding: 0 0 20px 0;
}

.pullquote {
    background: #fff9f2;
    font-style: italic;
    font-size: 95%;
    width: 70%;
    padding: 12px;
    margin: 10px 10px 10px 20px;
    border: 1px solid #ddd;
}

.pulloutbox {
    width: 200px;
    background: #fff9f2;
    margin: 5px;
    border: 1px solid #ddd;
    padding: 5px;
}

.pulloutbox#right {
    float: right;
}

.pulloutbox#wide {
    width: 75%;
    margin: 15px 0px 15px 20px;
}

.basicquote {
    font-style: italic;
    font-size: 95%;
    padding: 10px 0;
}

/* Call-out boxes */

.callout {
    background: #fdfdfd;
    padding: 12px 12px 6px 12px;
    width: 75%;
    margin: 15px 0px 15px 20px;
    border: 1px solid #e5e5e5;
}

.callout h2 {
    margin: 0;
    padding: 0 0 10px 0;
}

.callout a {
    font-size:130%;
    font-weight: bold;
    line-height: 120%
}

.callout a:visited {
    color: #00759f;
}

.webinar-callout {
    background: #fbfbfb;
    padding: 10px 12px 6px 12px;
    width: 75%;
    margin: 10px 0px 10px 20px;
    border: 1px solid #999;
}

.webinar-callout a {
    font-size:100%;
    font-weight: bold;
    line-height: 120%
}

.webinar-callout a:visited {
    color: #00759f;
}

.promo1	{
    padding: 6px 10px;
    margin: 10px 5px 0 5px;
    background:#e4edfb;
    border: 1px solid #e0e0e0;
}

.promo2	{
    padding:6px 10px;
    margin:10px 0px;
    background:#96d8ec;
    border: 1px solid #e0e0e0;
}

.promo3	 {
    padding:6px 10px;
    margin:10px 0px;
    background:#e3cbd0;
    border: 1px solid #e0e0e0;
}
.promo4	{
    padding:6px 10px;
    margin:10px 0px;
    background:#fff9f2;
    border: 1px solid #e0e0e0;
}

.promo5	{
    padding:6px 10px;
    margin:10px 0px;
    background:#d2dfdc;
    border: 1px solid #e0e0e0;
}

.promo6	{
    padding:6px 10px;
    margin:10px 0px;
    background:#fffbc9;
    border: 1px solid #e0e0e0;
}

.promo7	{
    padding:6px 10px;
    margin:10px 0px;
    background:#fff3d4;
    border: 1px solid #e0e0e0;
}

.promo8, .headingBar8 {
    padding: 6px 10px;
    margin:10px 0px;
    color: #333333;
    background:#D5E7F0;
    border: 1px solid #999;
}

.promo9	{
    padding: 5px 0 5px 5px;
    margin: 0 0 20px 5px;
    font-size: 80%;
    background:#fbfbfb;
    border: 1px solid #999;
}

.promo9 p {
    width: 95%;
}

.promo10 {
    padding: 10px;
    margin: 5px 5px 10px 5px;
    border: 1px solid #e5e5e5;
    background: #fdfdfd;
}



.promo11 {
    padding: 12px;
    margin: 5px 5px 10px 5px;
    border: 1px solid #999999;
}

.promo11 p {
    width: 95%;
}

.promo11 p.small {
    font-size: 80%;
}

.promo12 {
    padding: 5px;
    margin: 0 auto 0 auto;
    width: 218px;
    color: #333333;
    line-height: 120%;
    background:#d5e7f0;

	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.promo12 h1 {
    color: #015a84;
}

.promo12 h3 {
    color: #015a84;
}
.promo12.buynow {
    margin: 0 0 0 30px;
    padding: 2px;
    line-height: 130%;
    font-weight: bold;
    background: #cccccc;
}

.promo12.downloads {
    padding: 15px;
    margin: 0 auto 0 10px;
    width: 40%;
    line-height: 120%;
	font-size: 90%;

}

.promo13 {
    padding: 15px 5px 15px 5px;
    margin: 0 auto 0 auto;
    width: 218px;
    color: #333333;
    line-height: 140%;
    background:#dbe6d9;

	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.promo13 p {
    width: 95%;
}


.promo14 {
    padding: 5px;
    margin: 0 auto 0 auto;
    width: 218px;
    color: #333333;
    line-height: 120%;
    background:#f3f3f3;

	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}


.narrow {
	width: 55%;
}


/* ARE THESE NESCESSARY */
.promo1 ul, .promo2 ul, .promo3 ul, .promo4 ul, .promo5 ul, .promo6 ul, .promo7 ul, .promo8 ul, .promo9 ul, .promo14 ul {
    list-style: disc;
}


/*
---------------------------
BOXES
---------------------------
*/

/* The curvey box used on the home page and for special info on landing pages */
.boxStyled {
	background: #015a84  url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-styled-top.gif') no-repeat top left;
	width: 190px;
	float: right;
	margin: 0;
	padding: 0;
}

.boxStyled .content {
	color: #fff;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 90%;
	padding: 15px 15px 15px 40px;
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-styled-bottom.gif') no-repeat bottom left;
	height: 1%;
}
.boxStyled p {
	font-size: 100%;
}

.boxStyled h2 {
	font-size: larger;
	letter-spacing: 1px;
	color:#fbac5d;
}

.boxStyled h3 {
	color:#fbac5d;
}

.boxStyled ul {
    font-size: 100%;
}

.boxStyled ul li {
    color: #fff;
    line-height: 120%;
    margin: 0 5px 5px 15px;
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-arrow-orange-on-blue.gif");
}

.boxStyled ul .developer {
    font-size: 100%;
}

.boxStyled ul li .developer {
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-arrow-orange-on-blue.gif");
}


.boxStyled a	{
	background:transparent;
	text-decoration: none;
}

.boxStyled a:link {
	color: #fff;

}

.boxStyled a:active {
	color:#fff;
}

.boxStyled a:visited {
	color:#fff;
}

.boxStyled a:hover {
	color:#fbac5d;
	text-decoration: underline;
}


.boxStyled h2  a:link {
	color:#fbac5d;
}

.boxStyled h2  a:active {
	color:#fbac5d;
}

.boxStyled h2  a:visited {
	color:#fbac5d;
}

.boxStyled h2  a:hover {
	color:#fbac5d;
	text-decoration: underline;
}

.boxStyled h3  a:link {
	color:#fbac5d;
}

.boxStyled h3  a:active {
	color:#fbac5d;
}

.boxStyled h3  a:visited {
	color:#fbac5d;
}

.boxStyled h3  a:hover {
	color:#fbac5d;
	text-decoration: underline;
}

/* 5.1 BOXES */

/* The curvey box used on the 5.1 ISV/OEM Corner page */
.boxStyled51 {
    background: #015a84  url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-styled-top.gif') no-repeat top left;
    width: 190px;
    float: right;
    margin: 0;
    padding: 0;
}

.boxStyled51 .content {
    color: #fff;
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 90%;
    padding: 15px 15px 15px 40px;
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-styled-bottom.gif') no-repeat bottom left;
    height: 1%;
}
.boxStyled51 p {
    font-size: 100%;
}

.boxStyled51 h2 {
    font-size: larger;
    letter-spacing: 1px;
    color:#fbac5d;
}

.boxStyled51 h3 {
    color:#fbac5d;
}

.boxStyled51 ul {
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-arrow-orange-on-blue.gif");
    font-size: 100%;
}

.boxStyled51 ul li {
    color: #fff;
    line-height: 120%;
    margin: 0 5px 5px 15px;
}

.boxStyled51 ul ul {
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-disc-orange-on-blue.png");
}
.boxStyled51 ul ul li {
    color: #fff;
    line-height: 120%;
    margin: 0 5px 5px 15px;
}

.boxStyled51 a	{
    background:transparent;
    text-decoration: none;
}

.boxStyled51 a:link {
    color: #fff;

}

.boxStyled51 a:active {
    color:#fff;
}

.boxStyled51 a:visited {
    color:#fff;
}

.boxStyled51 a:hover {
	color:#fbac5d;
	text-decoration: underline;
}

.boxStyled51 h2  a:link {
	color:#fbac5d;
}

.boxStyled51 h2  a:active {
	color:#fbac5d;
}

.boxStyled51 h2  a:visited {
	color:#fbac5d;
}

.boxStyled51 h2  a:hover {
	color:#fbac5d;
	text-decoration: underline;
}

.boxStyled51 h3  a:link {
	color:#fbac5d;
}

.boxStyled51 h3  a:active {
	color:#fbac5d;
}

.boxStyled51 h3  a:visited {
	color:#fbac5d;
}

.boxStyled51 h3  a:hover {
	color:#fbac5d;
	text-decoration: underline;
}

/*LIQUID 4-CORNER BOX (grey)*/
#roundedBox1 {
	background: #e0e0e0 url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-top-left.gif') no-repeat top left;
}
#roundedBox1 .container {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-bottom-right.gif') no-repeat bottom right;
}
#roundedBox1 .containerInner {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-bottom-left.gif') no-repeat bottom left;
}
#roundedBox1 .contentContainer {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-top-right.gif') no-repeat top right;
}
#roundedBox1 .content {
	padding: 10px 14px;
}

#roundedBox1 .content img {
	padding: 0 2px;
}

/*LIQUID 4-CORNER BOX (blue)*/
#roundedBox2 {
	background: #015a84 url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-blue-bg-top-left.gif') no-repeat top left;
}
#roundedBox2 .container {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-blue-bg-bottom-right.gif') no-repeat bottom right;
}
#roundedBox2 .containerInner {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-blue-bg-bottom-left.gif') no-repeat bottom left;
}
#roundedBox2 .contentContainer {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-blue-bg-top-right.gif') no-repeat top right;
}
#roundedBox2 .content {
	color: #fff;
	padding: 5px 14px;
}

#roundedBox2 .content img {
	padding: 0 2px;
}

/*LIQUID 4-CORNER BOX (peach)*/
#roundedBox3 {
	background: #fbe6cf url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-peach-bg-top-left.gif') no-repeat top left;
}
#roundedBox3 .container {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-peach-bg-bottom-right.gif') no-repeat bottom right;
}
#roundedBox3 .containerInner {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-peach-bg-bottom-left.gif') no-repeat bottom left;
}
#roundedBox3 .contentContainer {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-peach-bg-top-right.gif') no-repeat top right;
}
#roundedBox3 .content {
	padding: 5px 14px;
}

#roundedBox3 .content img {
	padding: 0 2px;
}


/* Accordion Classes */
#accordion {
    width: 70%;
    margin: 5px 0 55px 0;
    display: table;
}

#accordion ul li {
    margin-left: 10px;
}

#accordion .accordionentry {
	margin-left: 10px;
	padding: 10px;
	border: solid;
	border-width: 1px;
	border-color: #ccc;
	border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#accordion h3 {
    background: url('/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/accordion_bg.jpg') bottom repeat-x;
    border: #e0e0e0 solid 1px;
    padding: 2px 5px 2px 5px;
    outline: none;
    border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}


/* For screenshots on the product pages */
div.screenshot {
    clear: right;
    float: right;
    font-size: smaller;
    padding: 4px;
    text-align: center;
    width: 240px;
}

div.renew_button {
    clear: right;
    float: right;
    font-size: smaller;
    padding: 10px 25px 15px 0;
    text-align: center;
    width: 240px;
}


/* use for 2 column landing pages where we are floating items to the right */
div.pageMainColumn {
    width: 65%;
}
/* Needed so the global ul li doesn't break the .second class in the Navigation Tabs */
div.pageMainColumn ul li {
    margin-left: 8px;
}
/*Testimonials display -- photo, header and content*/
.imageContentLayout {
	float: left;
	max-width: 65%;
	margin: 0;
	padding: 0;
}

.imageContentLayout dl {
	float: left;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
	display: inline; /*fixes IE/Win double margin bug*/
}

.imageContentLayout dl.last {
	border-bottom: none;
	margin-bottom: 25px;
}

.imageContentLayout dt {
	float: right;
	width: 50%;
	padding: 0;
	color: #666;
}

.imageContentLayout dd {
	margin: 0 0 0 220px;
	width: 50%;
	padding:0;
}

.imageContentLayout dd.img{
	margin: 0;
}

.imageContentLayout dd.img img{
	float: left;
	margin: 0;
	padding: 0 8px;
	background: #fff;
}


.imageContentLayout .byline {
	font-style: italic;
}

.imageContentLayout a {
	text-transform: uppercase;
}


/*
---------------------------
FORMS
---------------------------
*/

form {
    margin: 0 0 15px 0;
    padding: 0;
    color: #333333;
}

/* Tables for data entry forms */
.form {
    margin: 10px 0 0 0;
    border: 1px solid #999999;
    width: 575px;
    margin-left: auto;
    margin-right: auto;
}

.form .section td {
    background: #cccccc;
    border: none;
    margin: 0;
    padding: 2px 4px 2px 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.form td {
    padding: 5px 0px 6px 14px;
    margin: 0;
    border-top: 1px solid #999999;
}

.form td.label {
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
    width: 45%;
    padding: 2px 4px 2px 4px;
}

.form td.labeltextarea {
    font-size: 11px;
    vertical-align: middle;
    padding: 8px 4px;
}

.form td.helptext {
    font-size: 11px;
    vertical-align: middle;
    padding: 8px 4px;
}

.form .helptext_alt {
    font-size: 10px;
    font-weight: normal;
    vertical-align: middle;
    padding: 8px 4px;
}

/* works-around mistake in templates */
.form tr.section td.label {
    text-align: left;
}

.form .label.required {
    font-weight: bold;
}

.form .labeltextarea.required {
    font-weight: bold;
}

.form tr.buttons td {
    text-align: right;
    padding-right: 25px;
    border-bottom: none;
}

.radio, .check	{ position:relative; top:3px; } /* ...makes it look corny on Safari. Must check. */

fieldset	{ margin:8px 0px; padding:12px; border:1px solid #ccc; }
legend		{ font-weight:bold; color:#333; margin:0px 4px; }

.frm		{ border:1px solid #7f7f7f; padding:2px 1px 0px 1px; line-height:110%; }
.submit		{ color:#fff; font-weight: bold; font-size: 90%; padding: 5px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; }
.submit2	{ color:#fff; font-weight: bold; font-size: 90%; padding: 3px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; }
.submit3	{ color:#fff; font-weight: bold; font-size: 90%; padding: 3px 8px; border-right:1px solid #304C60; border-bottom:1px solid #304C60; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background: #217ba8; }


/*
---------------------------
LEAD FORM
---------------------------
*/

div.lead_form {
	width: 300px;
	text-align: center;
	height: 220px;
	border: 1px solid #999999;
	background: #e0e0e0;
	padding: 5px;
}

div.lead_inner {
	width: 298px;
	height: 170px;
	border: none;
	margin: 5px;
/*	background: #e0e0e0; */
}

.lead_form table {
	text-align: left;
	width: 99%;
}

.lead_form a {
	color: #000;
	font-size: 85%;
}

div.lead_button {
	float: right;
	margin-right: 1em;
	margin-top: 1em;
}

div.leac_button .submit {
    margin: 0;
}


/*
---------------------------
TABLES
---------------------------
*/

table {
    margin-bottom: 10px;
}

/* minimalist data table used for feature comparisons or tabular lists */

.table02 {
    margin-bottom: 30px;
}

.table02 table {
    margin-bottom: 30px;
}


.table02 th {
    font-weight: bold;
    color: #666;
    padding: 7px;
    text-align: left;
    background: #eeeeee;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px dashed #999;
}

.table02 th:first-child {
    border-left: 1px solid #999;
}

.table02 th:last-child {
    border-right: 1px solid #999;
}

.table02 td {
    padding: 8px;
    font-size: 95%;
    border-right: 1px dashed #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.table02 td:last-child {
    border-right: none;
}

.table02 .alt {
    background: #f3f3f3;
}


/* for downloads file list */

.table04 table {
    width: 90%;
}

.table04 td {
	padding: 0 7px;
}

.table04 td.col1 {
    width: 40%;
}

.table04 td.col2 {
    width: 20%;
}

.table04 td.col3 {
    width: 10%;
}

.table04 td.col4 {
    width: 10%;
    text-align: right;
}

.table04 td.col5 {
    width: 20%;
    white-space : nowrap;
    text-align: right;
}

.table04 .alt {
    background: #f3f3f3;
}

.table04 .sub-text {
    color: #666;
    font-size: 80%;
}


/* based on ul results class - for use with multiple images in left column */

.table05 table {
    margin-bottom: 30px;
    width: 80%;
}

.table05 tr {
    vertical-align: top;
}

.table05 td:first-child {
    padding-top: 15px;
    text-align: center;
    width: 150px;
}

.table05 td.item {
    padding: 0 0 30px 0;
    color:#666;
    font-weight:normal;
    border-bottom: 1px solid #e0e0e0;
}

.table05 td.item h2 {
    font-weight: bold;
    font-size: 115%;
}

.table05 td.item .linkAction {
    text-transform: uppercase;

}


table.styled {
    border-bottom:1px solid #e0e0e0;
    margin: 1em 0px;
}

table.styled th	{
    margin:0px;
    padding:3px 4px;
    background:#eee;
    font-weight:bold;
}

table.styled th.title {
    font-size: 120%;
}

table.styled td {
    margin:0px;
    padding:8px 8px 4px 4px;
    border-top:1px solid #e0e0e0;
}


/* Styled Table with a Grid */
table.styledGrid {
    border:1px solid #bdcebb;
    margin: 1em 0px;
    border-collapse: collapse;
}

table.styledGrid th {
    margin:0px;
    padding:8px 5px;
    background:#e0e0e0;
    font-weight:bold;
}

table.styledGrid th.title {
    font-size: 120%;
}

table.styledGrid td {
    margin: 0px;
    padding: 8px 8px 4px 4px;
    border-bottom: 1px solid #bdcebb;
    border-right: 1px solid #bdcebb;
    text-align: center;
}

table.styledGrid td.col1 {
    text-align: left;
}

table.styledGrid th.alt1 {
    background: #fff9f2;
}


/* simple table, e.g. for comparison charts */
.basictable {
    border: 1px solid #999999;
    border-collapse: collapse;
}

.basictable th {
    background: #004E61;
    font-size: 9.0pt;
    font-family: Arial;
    font-weight: bold;
    color: white;
}

.basictable th.solutions {
    background: #fffbc9;
    font-size: 9.0pt;
    font-family: Arial;
    font-weight: bold;
    color: #000;
}

.basictable td {
    text-align: center;
}

.basictable td:first-child {
    text-align: left;
    padding: 4px;
}

/* Table for data entry (new style) */
.entrytable {
    /*background: #e4edfb;*/
    padding: 4px;
}

.entrytable th{
    background: #E3EFF4;
    border-top: 2px solid #ccc;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}

.entrytable td:first-child {
    text-align: right;
    vertical-align: top;
}

.entrytable td {
    padding:8px 8px 4px 4px;
    border-top:1px solid #e2e9eb;
}

/* Table for agendas */
table.agenda {
    width: 90%;
    margin: 0px;
    color: #333333;
}

table.agenda th	{
    margin: 0px;
    padding: 3px 4px;
    background: #cccccc;
    font-weight: bold;
}

table.agenda th.title {
    font-size: 115%;
}

table.agenda th.subTitle {
    font-size: 100%;
}

table.agenda td {
    margin:0px;
    padding:8px 8px 4px 4px;
    font-size: 90%;
    border:1px solid #e2e9eb;
}

table.agenda td.col1, table.agenda td.special {
    background: #fbfbfb;
}

/* Matrix Support Table  (Symantic tables)*/
table.matrix {
	width: 90%;
	padding: 0;
	margin: 10px 0 10px 0;
	border-top: solid #666 1px;
	border-left: solid #666 1px;
	border-right: solid #666 1px;
	border-bottom: none;
}

table.matrix .label {
    font-size: 115%;
    padding: 0 0 0 5px;
}
table.matrix th {
	padding: 2px 20px 2px 5px;
	border-bottom: solid #666 1px;
}



table.matrix tr td{
	border-bottom: solid #666 1px;
}

table.matrix tr.header {
	border-bottom: solid #666 1px;
}

table.matrix tr.header th {
	background: #015a84;
	color: #ffffff;
}

table.matrix tr.header a {
	color: #fff;
}

table.matrix tr.sub_header th {
	vertical-align: middle;
}

table.matrix tr.label a {
	color: #000;
}


table.matrix tr.alt td {
	background: #d5e7f0;
	color: #333333;
	border-bottom: solid #666 1px;
}

table.matrix td.alt,  table.matrix th.alt{
	background: #d5e7f0;
}

table.matrix tr.label td {
	padding: 0 0 0 2px;
	margin: 0;
	background: #cccccc;
	text-align: left;
	font-weight: bold;
	font-size: 85%;
	color: #333333;
	border-bottom: solid #666 1px;
}
table.matrix td.row, table.matrix th.row  {
	margin: 0;
	padding: 0 50px 0 10px;
	text-align: left;
}


table.matrix td.techspec {
	margin: 0;
	padding: 0 50px 0 10px;
	text-align: left;
	font-size: 85%;
}

table.matrix td.techspec ul li{
	list-style-image: none;
    line-height: 120%;
}

table.matrix td.techspec h3 {
	margin-top: 10px;
	font-size: 105%;
	line-height: 150%;
}

table.matrix td {
	margin: 0;
	padding: 5px;
	text-align: center;
}



/*
---------------------------
COLUMNS
---------------------------
*/

.lCol {
	float:left;
	width:49%;
	margin-right:1%;
	background:#fff;
}

.rCol {
	float:left;
	width:49%;
	background:#fff;
}

.col15 {
	float:left;
	width:15%;
	background:transparent;
}

.col25	 {
	float:left;
	width:25%;
	background:transparent;
}

.col33	 {
	float:left;
	width:32%;
	background:transparent;
}

.col49	 {
	float:left;
	width:49%;
	background:transparent;
}

.col66	 {
	float:left;
	width:65%;
	background:transparent;
}

.col75	 {
	float:left;
	width:75%;
	background:transparent;
}

.col84	 {
	float:left;
	width:84%;
	background:transparent;
}

.col99	 {
	float:left;
	width:99%;
	background:transparent;
}


.lCol .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.rCol .indent 	{ margin:0px 0px 0px 12px; padding:0px; }

.col15 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col25 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col33 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col49 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col66 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col75 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col84 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }
.col99 .indent 	{ margin:0px 12px 0px 12px; padding:0px; }



/*
---------------------------
IMAGES
---------------------------
*/

.bio-sidebar {
	float: left;
	margin-right: 10px;
}




/*
---------------------------
BUTTONS
---------------------------
*/

/* standard call-to-action button link */
.button03 {
white-space: nowrap;
line-height: 2em;
margin: 10px 3px
}

.button03 a:link, .button03 a:visited, input.button03, .lead_button input {
color:#fff;
font-weight: bold;
font-size: 90%;
padding: 3px 8px;
border-right:1px solid #304C60;
border-bottom:1px solid #304C60;
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
background: #217ba8;

}


.button03  a:hover {
color: #fc6;
text-decoration: none
}


/* hot button */
.button04 {
white-space: nowrap;
line-height: 2em;
margin: 10px 3px
}

.button04 a:link, .button04 a:visited, input.button04 {
color:#fff;
font-weight: bold;
font-size: 90%;
padding: 3px 8px;
border-right:1px solid #c06600;
border-bottom:1px solid #c06600;
border-left:1px solid #fae2cc;
border-top:1px solid #fae2cc;
background: #f8981d;

}


.button04  a:hover {
color: #fc6;
text-decoration: none
}




/* neutral button */
.button05 {
white-space: nowrap;
line-height: 2em;
margin: 10px 3px
}

.button05 a:link, .button05 a:visited, input.button05 {
color:#666;
font-weight: bold;
font-size: 90%;
padding: 2px 8px;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
background: #fbfbfb;

}


.button05  a:hover {
color: #666;
text-decoration: underline;
}

/*
---------------------------
POSITIONED ITEMS
---------------------------
*/

.tweetButton {
	float: left;
	padding: 0 10px 0 0;
}

.newsltrButton {
	float: right;
	padding: 0 10px 10px 0;
}


.productButton {
	float: left;
	padding: 0 25px 0 0;
}

.addthis_toolbox {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.addthis_toolbox .custom_images a {
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img {
    opacity: 1;
}

.addthis_toolbox .custom_images a img {
    opacity: 0.50;
}


/*Position text to the right of a logo image*/
div.img-text-column {
	margin-left: 180px;
	padding-bottom: 50px;
}


/*
---------------------------
LISTS
---------------------------
*/

ul {
    margin:0px 4px 8px 16px;
    padding: 0;
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-disc-orange.png");
}

ul li {
    margin: 0 0 5px 0;
    font-size: 95%;
    line-height: 150%;
}

ul ul {
	list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-disc-blue.png");
}

ul ul li {
	font-size: 100%;
}

ul .date {
	font-size:90%;
}

/* use a » image as the list item */

ul.styled {
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-raquo-orange.png");
}

ul.styled li {
    line-height: 120%;
}

ul .date {
    font-size:90%;
}

ul.none {
    list-style-type: none;
    list-style-image: none;
}

ol {
    margin:0px 4px 8px 16px;
    padding:0px;
}

ol li {
    font-size: 95%;
    margin: 0 0 1px 8px;
    padding: 0 0 7px 0;
}

ol ol li {
    font-size: 100%;
}

dd {
    margin: 1em 0em 1em 2em;
}

ul.attentionItem {
    list-style: url("/web/20110608224453oe_/http://dev.mysql.com/common/themes/sakila/list-arrow-orange.gif");
}

ul.attentionItem li {
    font-weight: bold;
    font-size: 110%;
    margin:16px 0px 4px 0px;
}

ul.attentionItem span.subText {
    font-weight: normal;
    font-size: 90%;
    margin:16px 0px 4px 0px;
}

ul.attentionItem a:visited {
    color: #00759f;
}

/* item results list */

ul.results {
    margin:1.6em -1px .8em;
    padding:0 1px 0 150px;
    padding-top:.6em;
    overflow:hidden;
    list-style-type: none;
    list-style-image: none;
}


ul.results.noImage {
    padding:0 1px 0 10px;
}

ul.results.noImage li.item{
	width: 100%;
}
ul.results li.item {
    position:relative;
    margin: 0;
    padding: 20px 0;
    width: 80%;
    line-height: 180%;
    font-weight:normal;
    border-bottom: 1px solid #e0e0e0;
}

ul.results li.item a.thumbnail {
    display:block;
    position:absolute;
    margin-left: -140px;
    text-align:center;
    font-weight: bold;
}

ul.results .title {
    font-weight: bold;
    font-size: 120%;
    display: block;
}

ul.results li.item span.tag {
    display:block;
    font-weight: bold;
    margin-bottom: 10px;
}

ul.results li.item span.subtext {
    display:block;
    font-size: 95%;
    margin-bottom: 10px;
}

ul.results li.item span.description {
    display:block;
    margin-bottom: 10px;
}

ul.results li.item span.button03 {
    margin-left: 80%;
}

ul.results li.item .linkAction {
    text-transform: uppercase;
}

/* FAQ style */

dt {
    font-weight: bold;
}

dl.FAQ {
    margin-top: 25px;
}

.FAQ dt {
    margin-top: 30px;
}

.FAQ dd {
    margin: 10px 0px 0px 0px;
}

.FAQ dd:First-letter {
    font-weight: bold;
}

.FAQ dd li {
    margin-left: 10px;
}

ol.FAQ {

}

ol.FAQ li {
	font-size: 12px;
	margin-bottom: 8px;
}


/*
---------------------------
ALERTS
---------------------------
*/

/* Errors and Warnings: Warning icon */
.alert01 {
    border: 1px solid #eae3c1;
    padding: 8px 10px 0 10px;
    margin: 15px 0;
    background: #fff9d7;
}

.alert01 .icon {
    background: url("/web/20110608224453oe_/http://dev.mysql.com/common/img/icons/alert-24x24.png") no-repeat;
}

.alert01 p {
    margin-left: 35px;
    font-weight: bold;
}

.alert01 ul {
	list-style-image: none;
}

/* General Messages: Optional "info" icon */
.alert02 {
    border: 2px solid #e5e5e5;
    padding: 8px 10px 0 10px;
    margin: 15px 0;
	background: #fbfbfb;
}

.alert02 .icon {
    background: url("/web/20110608224453oe_/http://dev.mysql.com/common/img/icons/info-24x24.png") no-repeat;
}

.alert02 p {
    margin-left: 35px;
}

.alert02 ul {
	list-style-image: none;
}

/* ubiquitous error message; no warning icon */
.error {
    border: 1px solid #e2c822;
    padding: 10px;
    width: 90%;
    font-weight: bold;
    background: #fff9d7;
}


/* Hard to miss notice for users. Combine with warning, error, etc */
.notice {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

/* Good Things happened */
.success {
	color: #090;
}

/* explainatory text */
.explain {
	width: 90%;
	background: #ffffee;
	border: 1px #ccc solid;
	padding: 7px;
	font-size: 12px;
}

small.help  {
	font-style: italic;
}






/*
---------------------------
DevZone
---------------------------
*/

#dev_SmallPromo {
    margin: 10px 0 0 40px;
    padding: 0;
}

#sunLogos {
    width: 215px;
    margin: 0 0 0 auto;
    padding-top: 10px;
    text-align: center;
}

#sunLogos img {
    padding: 0;
    vertical-align: middle;
}

#sunLogos h3 {
    color: #999;
}

#dev_articles {
    margin: 25px 0 0 5px;
    padding: 0 10px 0 250px;
}

#dev_articles .subText {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 85%;
}

#dev_articles h1 {
    font-size: 140%;
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
}

#dev_articles h4 {
    font-size: 100%;
    margin: 20px 0 0 0;
    padding: 0;
}


#dev_blogs {
    float: left;
    width: 45%;
    margin-top: 25px;
    margin-right: 5%;
}

#dev_blogs ul {
    margin: 0 0 0 5px;
    padding: 0;
    list-style-type: none;
}

#dev_blogs ul li {
    margin: 0 0 0 0;
    padding: 0 0 12px 0;
    list-style-type: none;
    line-height: 125%;
}

#dev_blogs h1 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 140%;
}

#dev_quickPoll {
	width: 35%;
	margin-top: 25px;
	margin-right: 10%;
	margin-bottom: 20px;
	background: #e0e0e0 url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-top-left.gif') no-repeat top left;
	float: right;
}
#dev_quickPoll .container {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-bottom-right.gif') no-repeat bottom right;
}
#dev_quickPoll .containerInner {
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-bottom-left.gif') no-repeat bottom left;
}

#dev_quickPoll .content {
	padding: 20px;
	background: url('/web/20110608224453oe_/http://dev.mysql.com/common/img/box/box-grey-bg-top-right.gif') no-repeat top right;
}

#dev_quickPoll h1 {
	color: #666;
/*	padding-bottom: 15px;*/
}

#dev_quickPoll form {
	font-size: 90%;
}



/*
---------------------------
GOOGLE ADS
---------------------------
*/

/*displays in the header.tpl*/
.headerBannerAd {
	position:absolute;
	top:4px;
	left:250px;
	margin:0px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
}


.sidebarBannerAd {
	margin: 20px 0px 20px 0px;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
}



/*
---------------------------
DOCS
---------------------------
*/

/* MySQL Manual */
.guimenu {
    font-style:normal;
    font-weight:bold;
}

.searchmanual {
    margin: 5px 5px 5px 10px;
    padding: 4px;
}

select.searchmanualselect {
    font-size: 95%;
}

#docnav	{
    float: right;
    margin:0px 0px 8px 8px;
}

#docheader {
    line-height: 140%;
    margin: 0 0px 12px 0px;
    padding: 5px 0 5px 0;
    border-bottom: 1px solid gray;
}

/* Sub-Menu	*/

#submenu {
	background: #015a84;
	float:left;
	padding:4px;
	width: 228px;
	margin: 0px 0px 6px 0px;
	color:#fff;
}


#submenu ul	{
	/* IE doesn't like list-style:none, it still uses images from previous definitions */
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}

#submenu li	{
	font-size: 90%;
	margin:0px;
	padding: 2px;
}

#submenu li a {
	padding: 3px;
	display: block;
	width: 98%;
	color: #fff;
	text-decoration:none;
}


#submenu li.current {
	font-size: 100%;
	border: 1px solid #e0e0e0;
	padding: 3px;
	margin-top: 2px;

}


#submenu li.current a.current {
	color: #fff;
	font-weight: bold;
}

#submenu li.current a.current:hover {
	color: #00648c;
	font-weight: bold;
}

#submenu li.current a.current.subitems {
	color: #fff;
}

#submenu li a:hover {
	background: #fff9f2;
	color: #00648c;
}

#submenu li.current a.current.subitems:hover {
	color: #00648c;
}


#submenu ul.subitems1 {
	margin-left: 10px;
}


/**************************
---------------------------
LINGERGING STYLES THAT NEED TO BE DEALT WITH
---------------------------
**************************/

/*
---------------------------
NEWS (resource.head on www/oem/index.html.it ONLY)
---------------------------
*/
.news_head {
	color: #01688A;
	background: #FEF8E6;
	font-size: 100%;
	font-weight: bold;
	padding: 3px
}

.news.subhead {
	color: #003E53;
	 background: #EAF6FB;
	font-size: 95%;
	font-weight: bold;
	margin-left: 2px;
	padding: 3px
}

.news.subhead span {
	background: #7CAAB9;
	padding: 1px
}

/* Used in DevZone ie. PHP, Perl pages */
.news.box {
	border: 1px solid #e0e0e0;
	padding: 4px;
	margin-bottom: 8px;
}

/* www/oem/index.html.it */
.resource.head{
	color: #333333;
	font-size: 90%;
	font-weight: bold;
	background: #cccccc;
	/*width: 95%;*/
	padding: 3px;
	margin: 0px 0px 3px 0px ;
}

/*
---------------------------
Comments - DevZone and Partner Solution subsites
---------------------------
*/

#comments {
    padding: 10px;
    margin: 10px 0px;
    width: 100%;
}

body.dev #comments {
    background: #e3ebe2;
}

body.solutions #comments {
    background: #fffbc9;
}

.commentdetails {
    font-weight: bold;
    padding: 4px 0px 8px 0px;
    width: 100%;
}

body.dev .commentdetails {
    border-top: 1px solid #666;
}

body.solutions .commentdetails {
    border-top: 1px solid #ffde84;
}

/* Not sure if these are used... */
#toc .top { list-style:url("/web/20110608224453oe_/http://dev.mysql.com/common/images/nav/top.png"); }
#toc .gp, #toc .p { list-style:url("/web/20110608224453oe_/http://dev.mysql.com/common/images/nav/up.png"); }
#toc .back { list-style:url("/web/20110608224453oe_/http://dev.mysql.com/common/images/nav/left.png"); }


body.forums .toplogin {
	position: absolute;
	top: 44px;
	right: 20px;
	margin: 0px;

}


/* basic table to align form elements in rows with no grid lines */
.form03 label {
    font-size: 95%;
}

.form03 select {
	font-size: 115%;
}

.form03 select.stacked {
	width: 30%;
}

/* Not Sure What these are used for... */
.selfContainedWindow {
    margin: 25px;
    border: 1px solid #333;
    padding: 15px;
}

.net_table td{
	font-size: 11px;
}

.searchPageBox {
	padding: 6px 10px;
	background:#eee;
	border: 1px solid #999;
}

.searchPageBox td {
	padding: 5px;
}

/* These look like promo boxes in the sidebare that should be using the .promo class */
.getcert { background:#ffde84 url("/web/20110608224453oe_/http://dev.mysql.com/common/promo/getcert-bg.jpg") no-repeat; width:100%; height:118px; margin:8px 0px; }
.getcerttext { padding:42px 0px 0px 114px; }
.becpart { background:#004e61 url("/web/20110608224453oe_/http://dev.mysql.com/common/promo/becpart-bg.gif") no-repeat top right; width:100%; height:128px; text-align:right; color:#fff; margin:8px 0px; }
.becparttext { padding:40px 90px 0px 10px; }
.tcobox	{ background:#1d93b6; color:#fff; padding:12px 8px 8px 16px; margin:8px 0px; }
.enercon { border:1px solid #999; background:#fff url("/web/20110608224453oe_/http://dev.mysql.com/common/logos/sap-partner.png") no-repeat; background-position:8px 14px; padding:12px 8px 8px 110px; margin:8px 0px; }
.yahoo { border:1px solid #d0670a; background:#fff url("/web/20110608224453oe_/http://dev.mysql.com/common/promo/yahoo.gif") no-repeat; background-position:16px 18px; margin:8px 0px; }
.yahootext { padding:10px 10px 10px 110px; }
.coxbox	{ background:#006486; color:#fff; padding:12px 8px 8px 16px; margin: 8px 5px 0 5px; }

/* Text for ^^^ dark backgrounds */
a.white:link { color:#fff; }
a.white:visited { color:#fff; }
a.white:hover { color:#64bfdb; }
a.white:active { color:#64bfdb; }

p.byline {
    font-size: smaller;
    font-weight: bold;
}


/*
---------------------------
ROWS, GRIDS (without tables)
---------------------------
*/

/* simple alternating rows */
.grid01	{
    margin:1px 0px 0px 0px;
    padding:2px 4px;
}

.grid01.odd {
    background-color:#fbfbfb;
}

.grid01.even {
    background-color:#e5e5e5;
}

/* alternating rows (currently used for snapshots.php */
.grid02 {
    width:45%;
    margin:0px 2% 10px 0px;
    padding:0px;
    border: 1px solid #e5e5e5;
}

.grid02 h4 {
    margin:0px 0px 1px 0px;
    padding:0px 0px 0px 8px;
    border-bottom: 1px solid #e5e5e5;
}

.grid02 ul {
    list-style:none;
    margin:0px;
    padding:4px 0px 8px 0px;
}

.grid02 li {
    margin:0px;
    padding:4px 0px 2px 8px;
    line-height:120%;
}

.grid02.odd ul {
    background-color:#fbfbfb;
}

.grid02.even ul {
    background-color:#e5e5e5;
}


/* lists.mysql.com */

body.lists #header 	{ background:#004e61 url("/web/20110608224453oe_/http://dev.mysql.com/common/img/lists.jpg") repeat-y; }
body.lists #tag p	{ font-weight:bold; letter-spacing:0.3em; color:#bdcebb; margin-left:87px; }

.headerlabel		{ background:#e3ebe2; }
.headervalue		{ background:#f4f4ee; }

body.lists pre	{ color:#202020; }

.quote1 { color: #006486; }
.quote2 { color: #900; }
.quote3 { color: #a36008; }
.quote0 { color: #909; }



.thread { background:#f4f4ee; padding:4px; }

#datenav {
 list-style: none;
 margin: 0px;
 padding: 0px;
 font-weight: bold;
 font-size:90%;
}
#datenav li {
 display: inline;
}

/* hosting */

.blueborder		{ margin:0px; padding:10px 16px 8px 12px; border:1px solid #006486; }
.blueborder h3	{ margin-bottom:2px; }

.whiteborder	{ margin:0px; padding:2px 8px; border:1px solid #fff; }
.lbborder		{ margin:0px; padding:2px 8px; border:1px solid #64bfdb; }

li.mark			{ background:#e2e9eb; font-weight:bold; }

p.price 		{ font-size:110%; font-weight:bold; color:#006486; }
.go				{ float:right; color:#fff; background:#006486; padding:3px; font-weight:bold; }

.hostingfeat { background:#1d93b6 url("/web/20110608224453oe_/http://dev.mysql.com/common/img/hosting.jpg") no-repeat right bottom; padding:20px 150px 16px 16px; color:#fff; }
.hostingfeat2 	{ background:#1d93b6; padding:20px 8px 16px 16px; color:#fff; }

.stamp			{ float:right; position:relative; top:-8px; }

.emh			{ margin:0px; padding:10px 8px 8px 12px; background:#006486 url("/web/20110608224453oe_/http://dev.mysql.com/hosting/emh-bg.jpg") no-repeat; }
.emh h3			{ color:#fffbc9; }
.emh p			{ color:#fff; }

strong.orange	{ color:#ea8a29; }


/* Added For Hosting Signup */
.focusBox	{ background:#e3ebe2; border:1px solid #004e61; padding:3px 3px 3px 3px; }
.shadedArea	{ background:#ececec; }

.notice {
	font-weight: bold;
	color: #990000;
}

.signupTitle	{ font-weight:bold; font-size:120%; width:99%; margin:8px 0px; color:#64bfdb; padding-bottom: 5px; border-bottom:1px solid #006486; color:#555; }
.signupContent {margin-left: 20px; margin-right: 20px;}
.accbillhead {color: #000000; background-color: #ececec}
.accdethead {font-weight: bold; color: #000000; background-color: #ececec}
.accdetprice {color: #000000}
.accdettable {background-color: #CCCCCC; border: none; border-color: #ececec}
.accdetvalue {font-weight: bold; color: #000000; background-color: #FFFFFF}
.accfeatspec {font-weight: bold; color: #004e61}
.accprice {color: #FFCC00}
.accpricetable {background-color: #cccccc}
.accspec {color: #CC0000; font-weight: bold; font-size: 12px;}
.accspecprice {font-weight: bold; color: #009900}
.acctablebgc {background-color: #004e61}
.acctitle {font-weight: bold}
.acctype {font-weight: bold; color: #FFFFFF; background-color: #004e61}


/* Reference Manual styles to be moved to separate file */

div.itemizedlist  {
	font-size: 110%;
}

.literal {
	font-size: 120%;
}

/* Manpage style definition list */
dl.manpage {}
dl.manpage dt { font-weight: bold; font-size: 90%}
dl.manpage dd { font-size: 85%;}



.prpromo {
	width: 234px; text-align: center;
}

.prpromo img {
	border: 10px solid #e0e0e0;
}