/* CSS Document */
html { background-color:#d6dde3 } /*d6dde3*/
body { font: 13px Verdana, Lucida Sans Unicode, Lucida Grande, sans-serif; color: #000; }
/* layout */
#custom-doc {
margin:auto;text-align:left; /* leave unchanged */
height:auto;
width:46.15em;/* non-IE */
*width:45.00em;/* IE */
width:900px;
min-width:900px;/* optional but recommended */
background:url(../images/external/template/content_bg.jpg) repeat-y center;
font-size:13px
}
/* custom grid */
.yui-g-one-column .yui-u { /*width:587px;*/ }
.yui-g-two-column div.first { float:left; width:196px; margin-right:10px; padding-top:3px /*width:24%;*/ }
.yui-g-two-column .yui-u { width:587px; float:right; /*width:74.2%;*/ }
.yui-g-two-column:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.yui-g-one-column, .yui-g-two-column { zoom:1; margin:0 24px 0 32px; }
#hd, #bd, #ft { margin:0 23px 0 22px; }
/* header */
#hd { height:86px; position:relative; background: url(../images/external/template/header_gradient_bg.jpg) repeat-x; }
#logo { margin:0; padding:0; position:absolute; z-index:1; top:10px; left:35px;}
.header-gradient-left { position:absolute; top:0; left:0; z-index:0 }
.header-gradient-right { position:absolute; top:0; right:0; z-index:0 }
/* user login */
#user-login { z-index:1; list-style:circle ; color:#bbbbbb }
#quick-links .input-text { background:url(../images/external/home/bg_home_textfield.jpg) repeat-x; height:18px; border:1px solid #cecece; text-align:center:#bbbbbb; text-align:center; color:#5E95D3; padding:0; margin:0; float:left; }
#quick-links #user-login .input-text, #quick-links #user-login a { margin-left:5px}
/* quick links */
#quick-links { top:3px; right:15px; position:absolute; z-index:1 }
#quick-links a, #quick-links a:visited { text-decoration:none }
#quick-links a:hover { color:#000; }
#quick-links li { float:left; list-style:none; padding-left:15px; line-height:20px }
#quick-links #lnk-login { background:url(../images/external/template/login-icon.gif) no-repeat left; padding-left:20px }
/* main menu */
#main-menu { position:absolute; bottom:0; right:15px; z-index:1; font-family:Lucida Sans Unicode, Lucida Grande, sans-serif }
#main-menu a { position:relative; top:10px; text-decoration:none }
body #main-menu a:hover { color:#000; text-decoration:none; }
#main-menu li { margin:0; padding:0; height:47px; float:left; font-size:18px; list-style-type:none; line-height:20px}
#main-menu .item { }
#main-menu .divider { width:3px; height:47px; padding-left:25px; background:url("../images/external/template/main_nav_divider.jpg") no-repeat center; }
/* body */
#bd { }
#page-content { margin-top:24px; }
#bd .bd-wrapper { padding-top:19px; padding-bottom:50px; }
div.yui-gf .yui-u.first { }
#page-content li { line-height:30px }
/* content body navigation */
.page-nav { margin:0 40px 30px 0; }
.page-nav ul { position:relative; float:right; }
.page-nav li, .page-nav a { height:27px }
.page-nav li { float:left; margin:0 5px; list-style-type:none; line-height:22px }
.page-nav a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; float:left; padding:0 13px; text-decoration:none; position:relative; top:2px; color:#3fbae6; display:block; _display:inline; }
.page-nav a:hover { color:#000 }
.page-nav li#current { background:#44b2ed url("../images/external/template/sub_tab_left.jpg") no-repeat top left; }
.page-nav li#current a { color:#fff; background:url('../images/external/template/sub_tab_right.jpg') no-repeat 100% -2px; display:block; float:left }
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.page-nav a {float:none;}
/* End IE5-Mac hack */
/* Tweaks */
.page-nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.page-nav {display: inline-block;}
/* Hides from IE-mac \*/
* html .page-nav {height: 1%;}
.page-nav {display: block;}
/* End hide from IE-mac */
/* Vertical Navigation */
#side-bar { background-color:#EFEFEF }
#side-bar h2 { margin:0; padding:0; background:none; font-size:14px; padding-left:25px; background-color:#72B0D7; color:#fff; padding-top:4px; padding-bottom:4px }
#vnav li { border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(../images/external/template/bullet.gif) no-repeat 10px 50%; padding-left:25px }
#vnav li a { display:block; padding:4px 0}
#vnav .selected { background-color:#B7B7B7; }
#vnav .selected a { color:#fff }
/* footer */
#ft { background:url(../images/external/template/footer_bg.gif) no-repeat center; height:60px; position:relative; }
/* right links */
#right-links { position:absolute; right:13px }
/* left links */
#left-links { position:absolute; left:13px; background:url(../images/external/logo_dots.gif) no-repeat left; }
#left-links ul { margin:0; padding:0px 10px 0; list-style:none; }
#left-links li { float:left; margin:0; padding:0 10px; list-style-type:none }
#left-links a { float:left; display:block; text-decoration:none }
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#left-links a {float:none;}
/* End IE5-Mac hack */
#left-links a:hover { }
#left-links #current { }
#left-links #current a { }
#left-links .copy { float:right }
#right-links, #left-links {top:20px; }
/* Universal */
h1 { position:relative; margin:0; padding:0 0 9px 0; margin-left:34px; margin-top:-10px; font-size:39px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-3px; text-transform:capitalize; border:solid #CCC; border-width:0px 0px 1px 0px; color:#CCC; letter-spacing:0.25px; }
body h2 { margin-bottom:30px; margin-top:20px }
h2 { font-family: Helvetica, Arial, Verdana, sans-serif; color: #1B85C8; letter-spacing: 0em; line-height: 1.25em; text-align: left; font-size: 22px; padding: 0px 0 0px 0; margin: 0 0px 0 0px; }
body h2 { font-size:18px; margin-bottom:14px}
.bullet-arrow-right { background:url(../images/external/bullet.gif) no-repeat 0 4px; padding-left:15px }
h3 { font-size: 14px; color: #1B85C8; line-height: 18px; margin-bottom:20px }
p { color: #333333; margin:0 0 32px 0; line-height:20px }
strong { font-weight:bold }
a { color: #40aade; text-decoration:none }
small { color:#666666; }
/* Lists */
ul.list { margin-top:8px}
ul.list li { color:#15549b; padding-left:15px; padding-bottom:10px; list-style:none; background:url(../images/external/bullets.gif) no-repeat 1px -65px; }
#bd ul.list li { line-height:18px }
/* Misc Classes */
.h2-noPad { font-family: Helvetica, Arial, Verdana, sans-serif; color: #1B85C8; letter-spacing: 0em; text-align: left; font-size: 28px; padding: 0px 0 0px 0; margin: 0 0px 0 0px; margin-top:1.25em;}
.wrapper { margin:0 auto; text-align:left; }
.section { border-top:1px solid #d8e9f4; padding:20px 0 0 0; margin:20px 0 }
.section-first { border-top:none; margin-top:0; padding-top:0}
.section li{ border-top:none; margin-top:0; padding-top:0 font:Arial; font-weight:normal; font-size:12px; color:#333333; }
.loading-mask {position:absolute; top:0; left:48%; padding:2px 6px; _padding:0 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#222222; background-color:#fff1a8 }
.last { margin-bottom:0; padding-bottom:0; }
.download-mk, .download-ps, .learn-more { position:absolute; right:0; bottom:0; height:29px; }
.pointer-on { cursor:pointer }
.pointer-off { cursor:default }
.content-banner { margin-top:27px; height:204px; position:relative; }
.content-banner-quote { position:absolute; top:42px; z-index:1; left:48px }
.content-banner-title { color:#134c8c; font-size:30px; position:relative; margin:0 0 10px 0; z-index:1; font-weight:normal }
.content-banner p { color:#15549b; font-size:14px; position:relative; width:445px; z-index:1; line-height:18px }
.content-banner .content-banner-bg { position:absolute; top:0; right:0; }
.supported-platforms { margin-top:32px }
.supported-platforms img { margin-top:17px }
/* back to top */
.to-top { font-size:11px; text-align:right; height:31px; background:url(../images/external/arrow_up.jpg) no-repeat right; }
.to-top a { display:block; float:right; height:25px; padding-right:35px; position:relative; top:7px; right:0 }
.to-top a:hover { text-decoration:underline; }
.to-top:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.to-top {display: inline-block;}
/* Hides from IE-mac \*/
* html .to-top {height: 1%;}
.to-top {display: block;}
/* End hide from IE-mac */
.articles { background:url(../images/external/article_bg.jpg) repeat-x top left; }
.article-item { position:relative }
.article-item p.first { margin-top:0; }
.article-item h3 { font-size:15px; margin-top:21px; margin-bottom:10px; }
.article-item-date { text-align:right; color:#15549b; padding-top:23px; margin-bottom:20px }
div.article-item-first { margin-top:0 }
p.article-item-last { margin-top:0 }
/* calendar */
.calendar { margin:0; padding:0; width:154px; margin-top:20px; background-color:#fbfcfd; border:1px solid #f4f4f4 }
.calendar-first { margin-top:0 }
.calendar-wrapper { padding:13px }
.calendar-wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.calendar-wrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .calendar-wrapper {height: 1%;}
.calendar-wrapper {display: block;}
/* header */
.calendar-hd { color:#15549b; padding-left:4px }
/* body */
.calendar li { float:left; margin:11px 4px 0 0px; text-align:center; width:38px }
.calendar a { display:block; color:#40aade; padding:4px; float:left; line-height:9.5px; text-transform:uppercase }
.calendar a:hover { background-color:#40aade; color:#fff}
.options li { display:block }
.options a:hover { background-color:#40aade; color:#fff}
.options a { color:#40aade; padding:2px 4px; line-height:9.5px; }
/* Tweaks */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */