html { overflow: -moz-scrollbars-vertical;}
BODY {color:#000;background-color:#CCC; font: 14px Arial, Helvetica, sans-serif;margin: 0px 0px 35px 0px;}
#tiptop {background:white;padding-top:15px;}
#tiptop img {margin: 0px auto;display:block}

#grad {width:100%;height:22px;margin: 0;background-image: url("/products/bibble5/images/main-bg.png");background-repeat:repeat-x;clear:both;}
.main {width:900px;margin: 0 auto;text-align:left;border: 2px solid #00aadd;background-color:#fff;color:#333;}

#media {text-align:center}
.content, .learning, .download {margin: 0px 16px 30px 16px;}
.features {margin: 0px 10px 30px 10px;}
#sitemap {width:868px;margin:30px auto 0 auto;border: 2px solid #00aadd;background-color:#eee;color:#333;padding:16px}
#footer {width:904px;margin: 0px auto;color:#666;text-align:center;font-size:.85em;}
#playercontainer {margin:10px 0 0 65px;}
#bigflashsplash {left:-16px;position:relative; }

.leftblock UL {list-style-image: url("/images/bibble_tiny.jpg");line-height:140%;margin:8px 0px 30px 40px;padding:0;}
.leftblock UL LI { padding:0 0 0 10px;margin:0 0 .5em 0;line-height:1.25em}
UL.bullets {list-style-image: url("/images/bibble_tiny.jpg");margin:0 0 0px 20px;padding:0;line-height:140%;text-indent:0px;}
UL.lenslist {float:left;list-style:none;font-weight:bold;border:0px dashed #ddd;width:275px;margin:0 0 30px 0px;padding:10px 10px 0 0px;}
UL.lenslist UL {font-weight:normal;list-style:none;margin:5px 0 0 0;padding:0 0px 0 30px;color:#666;text-indent:-20px;}
UL.map {float:left;list-style:none;color:#666;border:0px dashed #ddd;width:130px;margin:0 0 30px 0;padding:10px 10px 0 20px;}
UL.map UL {font-weight:normal;list-style:none;margin:2px 0;padding:0 0 0 5px;}
UL.map A {color:#6ec5dd;padding-bottom:10px;font-weight:normal}
UL.map A:hover {color:#00aadd;padding-bottom:10px;font-weight:normal}
UL.mapWide {float:left;list-style:none;color:#666;border:0px dashed #ddd;width:200px;margin:0;padding:10px 10px 0 35px;}
UL.mapWide UL {font-weight:bolder;list-style:none;margin:0;padding:0 0 0 20px;}
UL.mapWide UL LI {padding: 5px 0 }
UL.mapWide UL LI IMG {margin: -10px 0 0 0}
UL.mapWide A {color:#6ec5dd;padding-bottom:10px}
UL.mapWide A:hover {color:#00aadd;padding-bottom:10px;font-weight:bold}
UL.map LI {padding-bottom:5px}

.features UL .pro {list-style-image: url("/images/bibble_pro_tiny.jpg");margin-left:8px;}
.indent {margin:0;padding:0 0 10px 20px;}

A:link { color: #00aadd; text-decoration: none; font-weight:bold}
A:active { color: #00aadd; text-decoration: underline }
A:visited {color: #00aadd;  text-decoration: none; font-weight:bold}
A:hover { color: #00aadd; text-decoration: underline }

P {padding:0px 0px 0px 0px;line-height:1.40em}
P.nopad	{padding:0px;margin:0 0 1em 0;}

PRE {border:1px dotted #000;margin:10px 20px;padding: 4px;overflow-x:scroll;}
.clear {clear:both;}
.gap {height:4em;clear:both}
.righthalf   {width:400px;}
.lefthalf    {width:400px; float:left;}
.leftblock {width:560px;text-align:justify;}
.leftblockN {width:530px;text-align:justify;}
.leftblockW {width:568px;text-align:justify;}
.leftblockWW {width:668px;text-align:justify;}
.centerblock {width:550px;text-align:justify;margin:0 auto}


/***bibble 4 compat styles***/
.noborder2 {border:0px !important; padding:0px !important;background-color:#f3f3f3 !important}
.highlight {text-align:center;padding-top:25px;}
.highlight IMG {margin: 0 10px;}
.highlight A:link { color: red; text-decoration: none;}
.highlight A:active { color: red; text-decoration: underline }
.highlight A:visited { color: red; text-decoration: none;}
.highlight A:hover { color: red; text-decoration: underline }


/*** Lightbox popup styles ***/
#lightbox{background-color:#eee;padding: 10px;border: 5px solid #666;}
#lightboxDetails{padding-top: 0.4em;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url("/images/overlay.png"); }
* html #overlay{background-color: #333;back\ground-color: transparent;background-image: url("/images/blank.gif");filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");}

/*** end bibble 4 compat styles***/


.rightsimple {float:right;margin:0px 0 10px 20px;padding:4px;width:239px;;clear:right;}
.rightsimple select {width:100%}
.rightbar {float:right;margin:50px 0 10px 20px;padding:4px;border:1px solid #00aadd;width:239px;background:#f5f5f5;clear:right;color:#666666}
.rightbar h2 {font-size:24px;text-align:center;background-color:#AAE6FA;color:#005577;font-weight:normal}
.rightbar h3 {font-size:14px;text-align:center;}
.rightbar p {font-size:13px;padding:8px}
.rightbar UL.list {list-style:none;margin:0 0 0 15px;padding:0;line-height:140%;text-indent:-10px;}
.rightbar UL.small {margin:0 0 0 20px;padding:0;line-height:140%;text-indent:0px;list-style-image: url("/images/bibble_tiny.jpg");font-size:13px}
.rightbar UL.small LI {margin-bottom:10px;}
.rightbar UL.list LI.nc {margin-bottom:10px;}
.rightbar UL.list UL {list-style-image: url("/images/bibble_tiny.jpg");margin:0 0 1em 20px;padding:0;text-indent:0;}
.rightbar a {font-weight:normal}

.left {float:left;margin:19px 20px 10px 0px;text-align:center;background:#ccc;padding:4px;border: 1px solid #00aadd;}
.right {float:right;margin:19px 0px 10px 20px;text-align:center;background:#ccc;padding:4px;border:1px solid #00aadd;}
.right A:hover {text-decoration:none;}
.left A:hover {text-decoration:none;}
.justright {float:right;margin:19px 0px 10px 20px;}

.center {margin:0 auto;text-align:center;display:block;}
.quote {text-align:justify;padding:10px 10px 10px 10px; margin-left:30px; border:1px dotted #00aadd;line-height:1.4em;background-color:#f6f6f6;}
.noborder {border:0px !important; padding:0px !important; background-color:#fff !important}
.border {border:1px solid black; padding:4px; background:#ccc; text-align:center;}
.box {border:1px solid #00aadd;background:#f5f5f5;color:#666666}
.article {width:650px;margin:40px 0 0 20px; text-align:justify;}
.headline {font-size:1.3em;margin-bottom:8px;font-weight:bold;}
.highlight {font-size:1.3em;font-weight:bold;color:red;}
.bigger {font-size:1.1em;}
.realbig {font-size:1.4em;}
.smaller {font-size:.85em; color:#777;}
.bold {font-weight:bold;}
.holder {margin-left:5px;}
.caption {font-size:.80em;}
.captionRight {font-size:.80em; background:#cccccc;text-align:right;margin:-3px 0 0 0px;padding:5px;width:558px;}

TABLE.lines {border-bottom:1px solid #999}
TABLE.lines TH {text-align: center;color:#00aadd;border-top:1px solid #999; width:150px;}
TABLE.lines TD {text-align: left;line-height:150%;border-top:1px solid #999}
TABLE.lines STRONG {color:#333;}
TABLE.lines UL {margin:0;padding-left:10px}

TABLE.grid {border: 0px none; vertical-align: top; width: 80%;margin: 0 auto;}
TABLE.grid TD {text-align: left;line-height:150%; white-space:pre;border: 1px dashed #404090;vertical-align: top;}

TABLE.matrix {border:1px solid #909090;background-color:white;text-align:center}
TABLE.matrix .group {font-weight:bold;background-color:#ccc}
TABLE.matrix .group, TABLE.matrix .feature {text-align:left;padding:2px 5px}
TABLE.matrix TD, TABLE.matrix TH  {border:1px dotted #909090}
TABLE.matrix .note {font-size:.8em;color:#555;text-align:justify;padding:0 0 0 2em;}
TABLE.matrix TD.text {font-weight:bold}

.new {color:#006600;font-weight:bold;background-color:#dfd;padding:0 5px}

H1 {font-size:24px; margin: 18px 0px 12px 0px; padding:0px;color:#00aadd;text-align:center}
H2 {font-size:18px; margin: 0px 0px 15px 0px; padding:0px;color:#00aadd;}
H3 {font-size:14px; margin: 10px 0px 10px 0px; padding:0px;color:#00aadd;}
H4 {font-size:14px; margin: 10px 0px 0px 0px; padding:0px;color:#656565;}


/*** Nav bar styles ***/
#menu {width:100%;margin: 0;background-image: url("/products/bibble5/images/nav-bg.png");}
#nav {width:900px;}
#nav, #nav ul {padding: 0 0 0 4px;margin: 0 auto;list-style: none;z-index:100;color:#fff;cursor:pointer;}
#nav a {padding:2px 24px 2px 23px;display: block;width: auto;font-weight:normal;color:#fff;border:1px solid #00aadd;}
#nav a:hover {background-color:#d9f2fa;color:#005577;border:1px solid #005577;text-decoration:none;}
#nav li {height:22px;float: left;text-align:center;}
#nav li.current a {background-image: url("/products/bibble5/images/nav-bg-sel.png");color:#005577;border:1px solid #005577;cursor:default;}

/*** B5 Sub Nav bar styles ***/
#submenu {width:900px;margin: 0px auto;}
#subnav, #subnav ul {float: right;padding: 0px 0 0 0px;margin: 0 auto 0 auto;list-style: none;z-index:100;cursor:pointer;width:600px;}
#subnav a {padding:2px 23px;display: block;font-weight:normal;border:1px solid #ccc;color:black;}
#subnav a:hover {background-color:#d9f2fa;color:#005577;border:1px solid #005577;text-decoration:none;}
#subnav li {width:200px;float: right;text-align:center;}
#submenu p {float:left;width:300px; margin:0;padding:11px 0; font-size:2em;}
#subnav li.current a {background-color:#A5E5FA;color:#005577;border:1px solid #005577;cursor:default;}
#subnav img {border:0;position:relative;top:3px}
#subnav a.newf {padding:0px 23px;color:green}


/*** B4 Nav bar styles ***/
.submenu4 {margin: 8px}
.submenu4 P {font-size:1.3em;font-weight:bold}
.submenu4 .links {float:right;font-size:1.3em;font-weight:bold;margin:5px 35px}
.submenu4 A {padding:5px 8px 2px 8px;border:1px solid #ccc;color:#00aadd;font-weight: normal;}
.submenu4 A.current {text-decoration: underline;background-color:#6666e6;color:white;}
.submenu4 A:hover {background-color:#00aadd;color:white;}

/*** Nav bar styles DONE ***/
.b5topics {clear:both;margin:100px auto 0px auto;width:800px;text-align:center;}
.boxes {color:#666666;border:1px solid #00aadd; padding: 0 15px;float: left;background-repeat:no-repeat;background-position: 0% 100%;}
#sel {width:247px;margin:5px 5px 5px 0;}
#asset {width:247px;margin:5px 10px;}
#sped {width:247px;margin:5px 0 5px 5px;}
.boxes img {margin:0 0 -3px -15px;}
.boxes h3 {font-size:16px;}


.bigbox {display:block;width:100%;border:1px solid #00aadd; padding:0; margin: 20px 0 0 0;background-image: url("/products/bibble5/images/box-bg.png");background-repeat:repeat-x;background-position: 0% 100%;}
.bigbox h2 {text-align:center;padding: 0;margin: 5px 0;}
.bigbox p, .bigbox h3 {margin: 2em 5px 1em 5px}
.bigbox .mellow {font-weight:normal;color:#666; font-size: 14px}
.holder {margin:0;padding:0}


UL #dllink {list-style:none;margin:0 0 0 -39px;padding:0}
UL #dllink  A {background-image: url("/products/bibble5/images/b5-preview-bg.png");width:237px;height:78px;margin:0;background-position:0 0;display:block;text-decoration:none;}
UL #dllink  A:hover {background-position:100% 100%;color:#6CB8DB}
UL #dllink  A span {display:block;color:white;padding: 20px 10px 0px 35px;font-size:18px;text-align:center;font-weight:normal;width:237px;}

#title {text-align:center;}
#plstDat {width:640px; height:300px; margin: 40px 0 0 65px;  overflow-y:scroll; padding-right:5px;}
#plstDat span {display:block;}
#plstDat span.title {display:block;font-size:18px; margin: 0px 0px 15px 0px; padding:0px;color:#00aadd;}
#plstDat UL {padding:0;margin:0;}
#plstDat .nowplaying {float:right;font-weight:normal; font-style: italic;}
UL .plstItem {list-style:none;padding:0px;margin:10px 0;border:1px solid #00aadd;background-color:#eee;}
UL .plstItem A {display:block;padding:5px}
UL .plstItem A:hover {background-color:#ddd;text-decoration:none}
.plstItem IMG {border:none;float:left;margin-right:10px}
.plstDesc {margin:10px 0 0 0; font-weight:normal;color:#666;}
.plstDur {float:right;font-size:.75em; color:#999;}

.plugbox {width:100%; border:1px solid #00aadd;padding:0;background-image: url("/products/bibble5/images/box-bg.png");background-repeat:repeat-x;background-position: 0% 100%;}
.plugbox H2 {margin:5px;}
.plugbox p, plugbox H3 {margin: 10px 15px}
.plugbox .author {width:30%;}
.plugbox .author A {color:#666666;text-decoration:underline}
.plugbox .updated {width:40%;text-align:center}
.plugbox .b51ready {color:red;display:block;font-weight:bold}
.plugbox .more {width:30%;text-align:right}
.plugbox form {display:inline;}
.plugbox table {width:535px;margin:0 15px 20px 15px;border-top:1px dashed #00aadd;color:#666666;background-color:#f0f6f6;font-size:12px;line-height:1.5em}
.plugins .rightbar {float:right;margin:50px 0 10px 20px;padding:0;width:250px;clear:right;border:none;background:white}
.pluglist {border: 1px solid #00aadd;background:#f5f5f5;width:460px;float:left;margin:30px 20px 10px 0px;padding:4px 4px 4px 15px}
.plugins .catlist {float:right;border:1px solid #00aadd;width:239px;color:#666666;background-color:#f5f5f5;font-size:12px;line-height:1.5em;padding:4px;margin-top:45px;}
.plugins .catlist A {display:block;width:90%;text-align:left}
.plugins .catlist h3 {color:#666666;text-align:center}
.plugins .sorting {border:1px solid #00aadd;width:549px;padding:5px 20px 5px 5px;background-color:#f4fafc; font-size:12px;line-height:2em}
.plugins .sorting A,.plugins .catlist A {color:#00aadd; border:1px solid #00aadd;font-size:1.0em;margin:2px;background-color:#f0f0f0;font-weight:normal;padding:2px 6px}
.plugins .sorting A:hover, .plugins .catlist A:hover {background:#6ec5dd;color:white; border:1px solid #00aadd;text-decoration:none} 
.plugins .sorting A.selected,.plugins .catlist A.selected {background:#AAE6FA;color:#005577; border:1px solid #00aadd}
.plugins .sorting .header {width:50px;display:block; float:left;}
.plugins select {width:100%}
.plugins .rightbar img {border:none}
.plugins .disclaimer {margin:70px 0 0 0;padding:20px 10px;border:1px dashed #ffcccc;color:#666;background-color:#fffdfd;}
img.external {position:relative;top:2px;}

.zbox {margin:0 auto;width:740px;}
.zbox P {padding:0px 5px 20px 5px}
.zlinkbox {float:left;border:1px solid #ccc;text-align:center;font-size:12px;margin:0 5px;padding-bottom:5px;}
.zlinkbox img {border:0;padding:2px;margin:0;}
#after, #before {width:50%;height:20px;float:left;color:black;font-weight:bold;}
.toTop:after {content: " ^";}
.toTop {margin:20px 0px 20px 0px;display:block;width:568px;text-align:right;font-size:.9em;}

#floatdiv {position:relative;}
#dlForm {font-size:.9em;padding:0 0 0 10px;color:#777;text-align:right}
#dlForm button {color:#00aadd; border:1px solid #00aadd;font-size:1.3em}
#dlForm button:hover {background:#6ec5dd;color:white; border:1px solid #00aadd}
#dlForm input {border:1px solid #00aadd;background:#eee}