/* containers */
body { background: #E6E6E6; margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 82%; } 
#global { width: 815px; margin: 0 auto; border: 1px solid #CECECE; border-width: 0 1px 1px 0; background: #fff; padding: 10px; }
#main { width: 795px; padding: 20px 10px 15px 10px; overflow: hidden; }

/* basic */
a, #content a:visited { color: #5380BA; }
a img { border: 0; }
h1 { color: #732775; font-size: 175%; font-weight: normal; font-style: italic; margin: 0; padding-bottom: 5px; }
#main h1 { margin-bottom: 15px; }
#main #content h1 { margin-bottom: 0; }
h2 { color: #666; font-size: 130%; font-weight: normal; margin: 0; padding-bottom: 5px; }
h3 { font-size: 110%; }
.sideimg { display: block; padding-bottom: 15px; }

#content { width: 575px; float: left; margin-right: 20px; }
#content ul { _margin: 15px 0 15px 5px; }
#content ul li { background: url(/img/icon/icon_square_grey_8x8.gif) no-repeat 0 4px; padding: 0 0 10px 14px; list-style: none; }
#content ul.plain li { background: 0; list-style: square; padding: 0; }
#content ul.simple { padding: 0 0 0 75px; }
#content ul.simple li { padding: 0 0 3px 15px; }
#content .helper { font-size: 85%; }
#content.content-mid { padding-left: 110px; }

#sidebar { width: 200px; float: left; text-align: center; }
#sidebar .quote { background: url(/img/bg/bg_quote_top_200x160.gif) 0 0 no-repeat #F3F2F2; margin-bottom: 15px; }
#sidebar .quote-in { background: url(/img/bg/bg_quote_bot_200x5.gif) bottom left no-repeat; padding: 8px; color: #767575; font-size: 100%; text-align: left; font-size: 92%; }
#sidebar .quote-in em { padding-top: 10px; display: block; }

.top { margin-top: 0; padding-top: 0; }
.bot {margin-bottom: 0; padding-bottom: 0; }
.divide { border-top: 1px solid #CCC; padding-top: 15px; }
.dividelow { border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 15px; }
.btn { text-align: center; }
.tipright { float: right; background: #eee; border-top: 1px solid #999; margin: 0 0 10px 10px; width: 120px; font-size: 120%; padding: 12px;}
.tipleftwide { float: left; background: #eee; border-top: 1px solid #999; margin: 0 20px 10px 0; width: 180px; padding: 10px; }
.tipleftwide ul { padding-left: 5px; *margin-left: 0; }
.tipleftwide h3 { margin: 0; font-size: 100%; }
.sbquote { background: #eee; padding: 8px 10px; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-bottom: 15px; }
.sbquote p { margin: 0; }
.twocol { width: 325px; float: left; margin-left: 40px; }
.greybgwide { background: url(/img/bg/bg_trans_top_495x7.gif) 0 0 no-repeat #F3F2F2; width: 495px; margin-left: 10px; }
.greybgwide-in { background: url(/img/bg/bg_trans_bot_495x7.gif) bottom left no-repeat; padding: 7px; }
.callout { background: #F3F2F2; padding: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 

.rail { width: 160px; float: left; zoom: 1; margin-right: 20px; _margin-right: 20px; }
.rail .tipleftwide { width: 160px; margin-bottom: 20px; float: none; margin-right: 0; }
.rail img { padding-left: 30px; }
.pagebody { width: 375px; _width: 360px; float: left; margin-left: 20px; _margin-left: 0; }

/* header */
.header { overflow: hidden; width: 100%; }
.header h1 { margin: 0; padding: 0; float: left; width: 25%; }
.header .util { width: 75%; float: left; margin-top: 30px; font-size: 92%; }
.header .util ul { list-style: none; margin: 0; padding: 0; text-align: right; padding-right: 10px; }
.header .util li { display: inline;  color: #666; }
.header .util a { color: #666; text-decoration: none; }
.header .util a:hover { color: #5380BA; text-decoration: underline; }

/* navigation */
.nav { background: url(/img/bg/bg_nav_tile_2x37.gif) repeat-x #4C2047; margin: 5px 0; width: 100%; padding: 0; min-height: 37px; _height: 37px; }
.nav ul { margin: 0; padding: 8px 0 3px 20px; list-style: none; overflow: hidden; }
.nav li { float: left; font-size: 115%; margin-right: 37px; } 
.nav li.last { margin-right: 0; } 
.nav li a { color: #fff; text-decoration: none; padding: 2px 7px 3px 7px; display: block; } 
.nav li a:hover { text-decoration: underline; }
.nav li.on { background: url(/img/bg/bg_nav_left_2x22.gif) no-repeat #fff; }
.nav li.on a { background: url(/img/bg/bg_nav_right_2x22.gif) 100% 0 no-repeat; color: #333; text-decoration: none; }
.nav li.on a:hover { text-decoration: none; }

/* sub navigation */
.subnav { margin-top: 0; }
.subnav ul { margin: 0 10px; padding: 0; list-style: none; }
.subnav li { display: inline; font-size: 92%; padding-right: 20px; }
.subnav li a { color: #333; text-decoration: none; }
.subnav li a:hover { color: #5380BA; text-decoration: underline; }

/* footer */
#footer { margin: 10px auto; width: 835px; padding: 0 0 30px 10px; color: #999; }
#footer ul { list-style: none; margin: 0 0 5px; padding: 0; font-size: 92%; }
#footer li { display: inline; }
#footer li strong { color: #666; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { color: #5380BA; text-decoration: underline; }
#footer .legal { margin: 0 0 5px 0; font-size: 85%; }

/* hacks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *height: 1%; }
.spacer { clear: both; line-height: 0; height: 0; }
* html .spacer { font-size: 1px; }

/* home */
.home .promo { margin: 0 0 20px 0; background: #f6f6f6; padding-left: 40px; position: relative; height: 155px; max-height: 155px; overflow: hidden; }
.home .promo object,.home .promo param { margin: 0; padding: 0; } 
.home .promo img { position: absolute; top: 20px; left: 360px; margin: 0; padding: 0; }
.home .indy { overflow: hidden; width: 100%; margin: 0 0 15px 0; }
.home .indy-col { width: 240px; background: url(/img/bg/bg_grey_255x129.gif) no-repeat; padding: 5px 7px 8px 8px; margin-right: 15px; float: left; }
.home .indy-col.last { margin-right: 0; }
.home .indy h2 { margin: 0 0 5px 0; padding: 0; color: #fff; font-weight: bold; padding: 0; font-size: 130%; }
.home .indy h2 a { color: #fff; text-decoration: none; }
.home .indy h2 a:hover { text-decoration: underline; }
.home .indy .indy-body { overflow: hidden; width: 240px; }
.home .indy .indy-body img { padding: 3px; border: 1px solid #ccc; background: #fff; float: left; margin-right: 10px; } 
.home .indy .indy-body p { float: left: 100px; margin: 0; }
.home .latest { border: 1px solid #D8D8D8; border-width: 1px 0; background: url(/img/bg/bg_hm_grey_1x26.gif) repeat-x; padding: 5px; text-align: center; margin-bottom: 5px; *margin-bottom: 20px; }
.home .promobox { overflow: hidden; width: 100%; }
.home .promobox .col { width: 255px; margin-right: 15px; float: left; }
.home .promobox .col.last { margin-right: 0; }
.home .promobox h3 { background: url(/img/bg/bg_hdr2_275x24.gif) 100%  0 no-repeat; padding: 4px 7px 1px 8px; color: #732775; font-weight: normal; margin-bottom: 0; min-height: 17px; font-size: 115%; }
.home .promobox .col-body { border: 1px solid #D7D7D7; padding: 10px 10px 0 10px; min-height: 145px; _height: 145px; }
.home .promobox .col-body p { margin: 0 0 10px 0; }
.home .promobox .col-body ol { margin: 0 0 10px 0; background: 0; padding: 0 0 0 20px; }

/* Partners */
.partners p { margin-top: 5px; }
.partners .pic { padding: 0 0 10px 129px; }
.partners h2 { font-weight: normal; font-size: 110%; color: #000; margin: 8px 0 0 0; }
.partners .bot p { margin: 5px 0 0 15px; }
.partners .tech { width: 235px; float: left; }
.partners .prod { width: 235px; float: left; margin-left: 15px; border-left: 1px solid #ccc; padding-left: 15px;  }

/* RESELLERS AND VAR */
.resellers .mslogo { float: right; margin: 0 0 20px 20px; }

/* Product */
.products h3 { margin-bottom: 0; font-size: 110%; color: #666;}
.products h4 { margin: 0; }
.products ul { padding-left: 10px; }
.products .mnc li { padding-bottom: 0 }

/* Company */
.company dd { padding-bottom: 6px; }

/* press */
.press .pcontact { font-size: 92%; text-align: right; float: right; border: 1px solid #999; background: #eee; padding: 8px 10px; margin: 0 0 10px 10px;  }

/* Events */
.events dd { margin-bottom: 15px; }
.events .gallery div p { width: 100px; padding: 5px; margin: 0 15px 10px 0; float: left; border: 1px solid #ccc; background: #fff; }
 
/* Customers */
.customers p { padding-bottom: 15px; }
.customers span { font-style: italic; display: block; }
.customers h2 { margin-top: 0; }
.customers .note { margin-bottom: 0; }
.customers .offerings { width: 250px; float: left; margin-left: 15px; }
.customers .industry { width: 250px; float: left; margin-left: 15px; }

/* Contact */
.contact .addr { width: 200px; float: left; margin: 10px 0 10px 25px; }
.contact .email { width: 225px; float: left; margin: 10px 0 10px 20px; }

/* Sitemap */
.sitemap h3 { margin-bottom: 5px; padding-bottom: 0; }
.sitemap ul, .sitemap li { margin-top: 0; padding-top: 0; }

/* pop up */
.pop { padding: 10px 15px; font-family: arial, verdana, "sans-serif"; font-size: 92%; }
.pop .head { border-bottom: 2px solid #ccc; padding-bottom: 5px; }
.pop .head .topclose { float: right; margin-top: 0; }
.pop .bot { border-top: 1px solid #ccc; } 
.pop .bot .close { text-align: center; }

/* Regitration */
#register td { padding: 3px; vertical-align: top; }
#register .lbl { text-align: right; padding-right: 10px;  }
#register .textfield { width: 230px; }
.headerror { background: #F9E4E4; padding: 7px; border: 1px solid #FF0000; color: #000; margin-bottom: 10px; }
.inlineerror { margin: 0; color: #ED2E38; font-size: 100%; }

/* Lightbox */
#lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; font-family: arial, sans-serif; }
#lightboxDetails { font-size: 0.8em; 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(/img/lightbox/lightbox_overlay.png); }
* html #overlay { background-color: #333; back\ground-color: transparent; background-image: url(/img/lightbox/blank.gif); filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="/img/lightbox/lightbox_overlay.png",sizingMethod="scale"); }

/* Articles */
.articles h2 { text-align: center; }

/* customer quotes */
dl.quotes { margin: 15px 0 0 0; padding: 0; }
dl.quotes dt { font-weight: normal; }
dl.quotes dd { margin: 0 0 25px 0; padding: 0; font-style: italic; }
dl.quotes dd span { font-style: normal; display: inline !important; ; }
dl.quotes dt a { font-size: 85%; }
dl.quotes dt a span { text-decoration: none !important; color: #000; }

.mini-nav { text-align: left; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #ccc; }
.mini-nav li { list-style: none; border-top: 1px solid #ccc; }
.mini-nav li a { display: block; padding: 5px 3px; text-decoration: none; }
.mini-nav li a:hover { background-color: #EAF2FF; }

/* sidebar containers */
.box, .box .content, .box .title, .box .title * { background: #fff url(/img/bg/bg_sidenav_600x600.gif) 100% 100% no-repeat; }
.box { margin: 15px 0 0 0; padding: 0 5px 0 0; }
.box .title { background-position: 100% 0; margin: 0 -5px 0 0; padding: 0 10px 0 0; }
.box .title h3 { background-position: 0 0; margin: 0; font-weight: bold; padding: 7px 0 10px 10px; color: #666; text-align: left; font-size: 92%; }
.box .content { background-position: 0 100%; margin-right: 0; padding: 3px 0 8px 5px; }
.box .content ul { margin: 0; padding: 0; }
.box .content li { margin: 0 4px 7px 4px; padding: 0; text-align: left; list-style: none; }
.box .content li a.active { cursor: text; color: #000; text-decoration: none; }
.box .content li:hover.active { text-decoration: none; background-color: #fff; }


/* sidebar containers */
.box1, .box1 .content, .box1 .title, .box1 .title * { background: #fff url(/img/bg/bg_sidenav_600x600_new.gif) 100% 100% repeat;  }
.box1 { margin: 15px 0 0 0; padding: 0 5px 0 0; }
.box1 .title { background-position: 100% 0; margin: 0 -5px 0 0; padding: 0 10px 0 0; }
.box1 .title h3 { background-position: 0 0; margin: 0; font-weight: bold; padding: 7px 0 10px 10px; color: #666; text-align: left; font-size: 92%; }
.box1 .content { background-position: 0 100%; margin-right: 0; padding: 3px 0 8px 5px; }
.box1 .content ul { margin: 0; padding: 0; }
.box1 .content li { margin: 0 4px 7px 4px; padding: 0; text-align: left; list-style: none; }
.box1 .content li a.active { cursor: text; color: #000; text-decoration: none; }
.box1 .content li:hover.active { text-decoration: none; background-color: #fff; }

/* presentation */
#main .presentations .tracks h2 { background-color: #ccc; color: #666; text-align: center; padding: 2px; margin-top: 20px; }
#main .presentations .tracks p { margin-left: 50px; }