@charset "UTF-8";
/* CSS Document */

@media screen {
/* **********************************************************
 @NORMALIZATION
*************************************************************/
body, div, dl, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, form, fieldset, input, textarea, select, th, td { margin: 0; padding: 0; }
body, h1, h2, h3, h4, h5, h6, p, li, fieldset, label, input, textarea, select, table { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4d4e4f; }
blockquote { display: inline; }
p, li { cursor: default; line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { cursor: default; line-height: 1.1em; }
a { color: #4d4e4f; text-decoration: none; cursor: pointer; }
a:hover { color: #00aeef; text-decoration: none; }

ol, ul { list-style-type: none; }
address, caption, code, dfn, th, var { font-style: normal; font-weight: normal; }
cite { font-style: italic; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, #searchimage { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }


/* **********************************************************
 @LAYOUT
*************************************************************/
html { height: 100%; text-align: center; margin: 0 auto; }
body { height: 100%; text-align: center; margin: 0 auto; background: #ffe374; }
.bodybg { background: #fff; min-width: 960px; }
.container { margin: 0 auto; text-align: left; width: 960px; }


/* **********************************************************
 @COLOR LIST
*************************************************************/
/*
.blue { color: #273996; }
.cyan { color: #00aeef; }
.greylines { color: #cfcfcf; }
.grey { color: #4d4e4f; }
.lightgrey { color: #9c9c9c; }
*/
.lightgrey { color: #9c9c9c; }


/* **********************************************************
 @HEADER 
*************************************************************/
#header {position: relative; height: 65px;}
#header h1 { position: absolute; top: 10px; left: 0; }
#header h2 { position: absolute; top: 36px; left: 113px; }
#header p { position: absolute; right: 218px; top: 43px; }
#header p { *right: 228px; *top: 40px; }
* html #header p { right: 228px; }

#header p a { margin-left: 20px; }
#header p.h1 { position: absolute; top: 10px; left: 0; }
#header p.h2 { position: absolute; top: 36px; left: 113px; }
#header p.h1 a { margin: 0; }
#header p.h2 a { margin: 0; }
#header div h1 { position: absolute; top: 33px; left: 116px; font-size: 22px; color: #273996; }
#header div h1 span { display: none; }

#header form { position: absolute; right: 0px; top: 22px; }
#header form #searchfield { border: 1px solid #cfcfcf; width: 160px; padding: 4px 30px 2px 6px; height: 19px; font-size: 13px; color: #555; }
#header form #searchfield { *position: relative; *top: 3px; }
#header form #searchfield:hover, #header form #searchfield:focus { border: 1px solid #aaa; }
#header form #searchimage { position: absolute; top: 4px; right: 8px; }
.copy #searchfield { border: 1px solid #cfcfcf; width: 420px; padding: 4px 0 3px 4px; height: 19px; font-size: 13px; color: #555; }
.copy form #searchfield { *position: relative; *top: 3px; }
.copy form #searchfield:hover, #header form #searchfield:focus { border: 1px solid #aaa; }
.copy form #searchimage { position: relative; top: 6px; }

.hidden { display: none; }

h1.title { font-size: 20px; line-height: 29px; text-align: center; font-weight: normal; font-family: "Trebuchet MS", Arial; text-transform: uppercase; color: #fff; padding: 14px 30px 16px 30px; background: #273996; border-top: 1px solid #cfcfcf; }
h1.title strong { font-weight: normal; }

#header p.call { right: 214px; top: 28px; font-size: 11px; }
#header p.call a { margin-left: 0px; text-transform: uppercase; }
#header p.call a span { font-size: 18px; text-transform: none; }

#header p.nav { right: 412px; top: 31px; text-transform: uppercase; font-size: 11px; }


/* **********************************************************
 @TOPNAV 
*************************************************************/
#topnav { position: relative; z-index: 7; height: 40px; border-bottom: 1px solid #cfcfcf; }
#topnav ul { float: right; }
#topnav ul li { position: relative; float: left; }
#topnav ul li a { font-size: 15px; line-height: 16px; text-transform: uppercase; color: #273996; font-weight: bold; display: block; padding: 13px 0 12px 0; margin: 0 0 0 32px; }
#topnav ul li a { *padding: 13px 0; }
#topnav ul li a:hover, #topnav ul li.selected a { color: #00aeef; }
#topnav ul li ul { visibility: hidden; background: #fff; border: 1px solid #cfcfcf; border-top: none; position: absolute; left: 12px; top: 40px; width: 180px; padding: 0 0 0 0; }
* html #topnav ul li ul { top: 42px; }
#topnav ul li ul ul { position: absolute; left: 180px; top: -1px; width: 180px; padding: 0 0 0 0; }
#topnav ul li ul ul ul ul { position: absolute; left: -1px; top: 28px; z-index: 6; background: #efefef; }
#topnav ul li ul.news { position: absolute; left: -182px; }
#topnav ul li ul li { width: 180px; border-top: 1px solid #e3e3e3; }
#topnav ul li ul li a, #header #topnav ul li.selected ul li a { display: block; padding: 6px 20px; margin: 0; color: #6a6a6a; text-transform: none; font-weight: normal; font-size: 13px; letter-spacing: 0; }
#topnav ul li ul li.selected a, #topnav ul li ul li a:hover { background: #00aeef; color: #fff }
.rightarrowclass{ position: absolute; top: 8px; right: 5px; }
#topnav { *height: 1%; }
#topnav .sub a,
#topnav .sub li.sub a,
#topnav .sub li.sub li.sub a,
#topnav .sub li.sub li.sub li.sub a { background-image: url(/images/arrow-right.gif); background-position: 158px 8px; background-repeat: no-repeat; }
#topnav .sub li.sub a:hover,
#topnav .sub li.sub li.sub a:hover,
#topnav .sub li.sub li.sub li.sub a:hover,
#topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
#topnav .sub li a,
#topnav .sub li a:hover,
#topnav .sub li.sub li a,
#topnav .sub li.sub li a:hover,
#topnav .sub li.sub li.sub li a,
#topnav .sub li.sub li.sub li a:hover { background-image: none; }


/* **********************************************************
 @FLASH 
*************************************************************/
#flash { position: relative; z-index: 0; width: 960px; height: 266px; background: #000; }
#flash .scrollable { position: absolute; z-index: 1; overflow: hidden; width: 960px; height: 266px; top: 0; }
#flash .scrollable .items { width: 960px; height: 266px; position: absolute; } 
#flash .scrollable .items div.slide { position: relative; width: 960px; height: 266px; float: left; display: block; } 

#flash .scrollable .items .slide h1 { font-size: 28px; color: #FFD205; padding: 25px 0 0 40px; } 
#flash .scrollable .items .slide h2 { font-size: 16px; color: #fff; padding: 20px 0 0 40px; line-height: 1.3em; } 
#flash .scrollable .items .slide { background: #000 url(/images/slide-1-whatwedo.jpg); } 

#flash .scrollable .items div#slide2 ul { list-style-type: disc; padding: 10px 0 0 60px; } 
#flash .scrollable .items div#slide2 ul li { font-size: 16px; color: #fff; line-height: 1.3em; font-weight: bold; } 
#flash .scrollable .items div#slide2 { background: #000 url(/images/slide-2-whyidbs.jpg); } 

#flash .scrollable .items div#slide3 h1 { color: #263997; } 
#flash .scrollable .items div#slide3 h2 { color: #00AEEF; } 
#flash .scrollable .items div#slide3 { background: #efefef url(/images/slide-3-bioanalysis.jpg); } 

#flash .scrollable .items div#slide4 h1 { color: #263997; } 
#flash .scrollable .items div#slide4 h2 { color: #00AEEF; } 
#flash .scrollable .items div#slide4 { background: #efefef url(/images/slide-4-bioprocess.jpg); } 

#flash .scrollable .items div#slide-seminars h1 { color: #263997; } 
#flash .scrollable .items div#slide-seminars h2 { color: #666666; } 
#flash .scrollable .items div#slide-seminars { background: #efefef url(/images/slide-seminars.jpg); } 

#flash .scrollable .items div#slide-queens-award h1 { color: #ffffff; padding: 25px 0 0 200px; font-family: Georgia; font-weight: normal; text-align: center; width: 400px; text-transform: uppercase; font-size: 26px; line-height: 220%; } 
#flash .scrollable .items div#slide-queens-award h1 strong { font-size: 34px; font-weight: normal;}
#flash .scrollable .items div#slide-queens-award { background: #efefef url(/images/slide-queens-award.jpg); } 

#flash .scrollable .items div.slide .readmore { padding: 10px 0 0 40px; } 

#nav { position: absolute; bottom: 0px; right: 40px; z-index: 6; }
#nav a { font-size: 14px; padding: 5px 7px; display: inline-block; background: #333; color: #fff; }
#nav a:hover { background: #555; }
#nav a.activeSlide { color: #FFD205; font-weight: bold; }

#flash-ipad { position: relative; z-index: 0; width: 420px; height: 205px; margin: 0 0 10px 0; }


/* **********************************************************
 @INDEX CONTENTS 
*************************************************************/
.content#index { background: url(/images/bg_content_index.gif) repeat-y; min-height: 250px; }
* html .content#index { height: 250px; }
.content#index .news, .content .quotes, .content .highlights { float: left; width: 280px; padding: 20px; }
.content#index .news { }
.content#index .quotes a { display: inline !important; }
.content#index .highlights { }

.content#index .news h1, .content .quotes h1, .content .highlights h1 { background: url(/images/icons_indexpage.gif) top left no-repeat; padding: 4px 0 3px 37px; font-size: 20px; font-weight: bold; color: #273996; }
.content#index .quotes h1 { background: url(/images/icons_indexpage.gif) 0 -132px no-repeat; }
.content#index .highlights h1 { background: url(/images/icons_indexpage.gif) bottom left no-repeat; }
.content#index .news h1 a, .content .quotes h1 a, .content .highlights h1 a { color: #273996; }

.content#index .news h2, .content .quotes h2, .content .highlights h2 { background: url(/images/icons_indexpage.gif) top left no-repeat; padding: 4px 0 3px 37px; font-size: 20px; font-weight: bold; color: #273996; }
.content#index .quotes h2 { background: url(/images/icons_indexpage.gif) 0 -132px no-repeat; }
.content#index .highlights h2 { background: url(/images/icons_indexpage.gif) bottom left no-repeat; }
.content#index .news h2 a, .content .quotes h2 a, .content .highlights h2 a { color: #273996; }

.content#index p { margin: 0.7em 0; }
.content#index p a { display: block; }
.content#index .quotes .quotesign1 { margin: 0 5px 0 0; }
.content#index .quotes .quotesign2 { margin: 0 0 0 5px; }
.content .quotesign1 { margin: 0 5px 0 0; }
.content .quotesign2 { margin: 0 0 0 5px; }


/* **********************************************************
 @INDEX CONTENTS 
*************************************************************/
.update .content#index { background: url(/images/bg_content_index_v2.gif) -1px 0 repeat-y; min-height: 250px; border-bottom: 20px solid #fff;; }
* html .update .content#index { height: 100px; }
.update .content#index .news, .content .quotes, .content .highlights { float: left; width: 280px; padding: 20px 20px 0 20px; }
.update .content#index .news { padding-left: 0px; width: 300px; }
.update .content#index .quotes { }
.update .content#index .highlights { }

.update .content#index .news h2, .content .quotes h2, .content .highlights h2 { background: url(/images/icons_indexpage.gif) top left no-repeat; padding: 4px 0 3px 35px; font-size: 18px; font-weight: bold; color: #273996; }
.update .content#index .quotes h2 { background: url(/images/icons_indexpage.gif) 0 -132px no-repeat; }
.update .content#index .highlights h2 { background: url(/images/icons_indexpage.gif) bottom left no-repeat; }
.update .content#index .news h2 a, .update .content .quotes h2 a, .update .content .highlights h2 a { color: #273996; }

.update .content#index p { margin: 1.3em 0; }
.update .content#index p a { display: block; }
.update .content#index .quotes .quotesign1 { margin: 0 5px 0 0; }
.update .content#index .quotes .quotesign2 { margin: 0 0 0 5px; }
.update .content .quotesign1 { margin: 0 5px 0 0; }
.update .content .quotesign2 { margin: 0 0 0 5px; }

.update .content .news table { margin: 0px 0 0 0; }
.update .content .news table a span.date { float: left; width: 37px; position: relative; top: 18px; padding: 0 0 5px 0; text-align: center; text-transform: uppercase; font-size: 10px; line-height: 10px; color: #304195; margin: 0 15px 0 0; background: url(/images/bg_date.gif) no-repeat; }
.update .content .news table a span.date strong { display: inline-block; font-weight: normal; font-size: 16px; line-height: 16px; padding: 4px 0 0px 0; }
.update .content .news table a span.date span { color: #949494; font-size: 9px; }
.update .content .news table a span.title { float: left; width: 240px; border-bottom: 1px dashed #e5e5e5; padding: 18px 0; }


/* **********************************************************
 @TABS
*************************************************************/
.righttab { position: fixed; top: 105px; height: 150px; padding: 9px 0; right: -1px; z-index: 6; background: url(/images/bg_floatingbar.png) no-repeat; }
.righttab ul li a { outline: none; display: block; margin: 5px 6px 5px 12px; text-align: left; width: 34px; height: 34px; text-indent: -5000px; }
.righttab ul li a.twitter { background: url(/images/bg_floatingbar_twitter.gif) }
.righttab ul li a.linkedin { background: url(/images/bg_floatingbar_linkedin.gif) }
.righttab ul li a.contact { background: url(/images/bg_floatingbar_call_v2.gif) }
.righttab ul li a.facebook { background: url(/images/bg_floatingbar_facebook.gif) }
.righttab ul li a:hover { background-position: right;}
.four { height: 181px !important; background: url(/images/bg_floatingbar_four.png) no-repeat !important; }


/* **********************************************************
 @INSIDE CONTENTS 
*************************************************************/
.content#inside { min-height: 10px; }
* html .content#inside { height: 10px; }
.content#inside #left { float: left; width: 510px; display: inline; padding: 10px 0; }
.content#inside #leftwide { float: left; width: 960px; display: inline; padding: 10px 0; }
.content#inside #left.wide { float: left; width: 960px; display: inline; padding: 10px 0; }
.content#inside #right { float: right; width: 420px; display: inline; padding: 10px 0; }
.qoutesign { display: inline-block; height: 9px; width: 9px; }
.qoutesign { display: -moz-inline-block; }
.qoutesign { *position: relative; top: -4px; }
* html .qoutesign { top: 2px; }
.cyan .accent { color: #00aeef; }
.cyan .qoutesign { background: url(/images/quotesign_cyan.gif) no-repeat; }
#cse-search-results iframe { width: 510px; }


/* **********************************************************
 @TEXT CONTENT
*************************************************************/
.copy h1, .copy h2, .copy h3, .copy h4, .copy h5 { font-family: "Trebuchet MS", Arial; margin: 20px 0 10px 0; }
.copy h2, .copy h3, .copy h4, .copy h5 { line-height: 1.3em; }
.copy h1 { font-size: 38px; color: #273996; }
.copy h1 a { color: #273996 !important; }
.copy h1 a:hover { text-decoration: none; }
.copy h2 { font-size: 20px; color: #00aeef; margin-top: 16px; }
.copy h2.line { border-bottom: 1px solid #cfcfcf; padding: 0 0 3px 0; margin: 25px 0 15px 0; }
.copy h3 { font-size: 16px; }
.copy h3.line { border-bottom: 1px solid #cfcfcf; padding: 0 0 3px 0; }
.copy p { margin: 1em 0; }
.copy p.pr, .copy h3.pr, .copy h4.pr { margin: 0; }
.copy p.pr { margin: 0 0 15px 0; }
.copy a { color: #00aeef; text-decoration: underline; }
.copy a:hover { color: #273996; text-decoration: underline; }
.copy .category, .copy .category a { color: #666; font-size: 11px; line-height: 20px; }
.copy ul { margin: 1em 0; list-style-type: none; }
.copy ul li { margin: 5px 0; padding: 0 0 0 22px; background: url(/images/bg_ul.gif) 3px 5px no-repeat; }
.copy ol { margin: 1em 0; padding: 0 0 0 22px; list-style-type: decimal; }
.management { width: 340px; }
.managementphoto { padding: 20px 20px 0 0; }
.partners img { margin: 0 0 10px 10px; }
.copy .heading { font-family: "Trebuchet MS", Arial; margin: 10px 0; font-size: 38px; color: #273996; font-weight: bold; }
.copy .subheading { font-family: "Trebuchet MS", Arial; margin: 10px 0; font-size: 20px; color: #00aeef; margin-top: 16px; font-weight: bold; }
.copy .bodytext { margin: 1em 0; }
.copy .bodytext a { color: #00aeef; }
.copy .bodytext a:hover { color: #273996; text-decoration: underline; }
.copy form .bodytext { margin: 0; padding: 0 5px 8px 0; }
.copy form .bodytext span { padding: 0 0 0 8px; font-size: 11px; }
.copy .sitemap li { margin: 0; padding: 0 0 0 22px; }
.copy .sitemap, .copy .sitemap ul { margin: 7px 0; }
.copy .sitemap li a { font-weight: bold; font-size: 16px; color: #273996; }
.copy .sitemap li li a { font-weight: normal; font-size: 13px; color: #00aeef; }
.copy .sitemap li li li a { font-weight: normal; font-size: 13px; }
.copy .callout { background: #f1f1f1; border: 1px dashed #d4d4d4; padding: 1px 2em; }
.copy .callout .left { float: left; width: 280px; margin: 0 15px 0 0; }
.copy .callout .right { float: left; width: 130px; }
.copy .v2 { background: #fff; border: 1px dashed #d4d4d4; padding: 1px 2em; }


/*.copy .categorylist li { float: left; padding: 0; font-size: 11px; background: none; margin: 0 10px 0 0; }*/
.copy .categorylist li a { color: #4d4e4f; }
.copy .categorylist li a:hover,
.copy .categorylist li strong a { color: #00aeef; }
.copy .pressrelease h1 { font-size: 20px; color: #00aeef; }
.copy .pressrelease h1 a { color: #00aeef!important; }
.copy .pressrelease h2 { font-size: 38px; color: #273996; margin-top: 16px; }
.copy .pressrelease h2 a { color: #273996 !important; }

/* **********************************************************
 @CONTACT US
*************************************************************/
#offices .left { float: left; width: 220px; }
#offices .right { float: left; margin-left: 1.5em; }
#offices div h3 { margin-top: 0; color: #949494; }
#offices .getintouch { position: relative; top: 5px; }
#offices .map { position: relative; top: 5px; }

.getintouch .left { float: left; }
.getintouch .right { float: right; }
.getintouch .left, .getintouch .right { width: 248px; padding: 0 0 8px 0; }
.getintouch label { position: absolute; z-index: 1; }
.getintouch input { position: relative; z-index: 2; width: 240px; padding: 3px 5px; }
.getintouch .submit { position: relative; z-index: 1; width: auto; padding: 5px 0 10px 0; }
.getintouch textarea { width: 500px; padding: 3px 5px; }
.getintouch .text, .getintouch .textarea { border: 1px solid #cfcfcf; }
* html .getintouch textarea { width: 498px; }
.getintouch textarea { *width: 502px; }

.productregistration, .globalhelpdesk, .training { position: relative; z-index: 1; display: block; width: 216px; height: 34px; margin: 1px 0 4px 0; }
.productregistration span { position: absolute; z-index: 2; display: block; background: url(/images/button_productregistration.gif); width: 216px; height: 34px; }
.globalhelpdesk span { position: absolute; z-index: 2; display: block; background: url(/images/button_globalhelpdesk.gif); width: 216px; height: 34px; }
.training span { position: absolute; z-index: 2; display: block; background: url(/images/button_training.gif); width: 216px; height: 34px; }

.over5 .left { float: left; }
.over5 .right { float: right; }
.over5 .left, .over5 .right { width: 218px; padding: 0 0 8px 0; }
.over5 label { }
.over5 input { width: 210px; padding: 3px 5px; }
.over5 .submit { position: relative; z-index: 1; width: auto; padding: 5px 0 10px 0; }
.over5 textarea { width: 450px; padding: 3px 5px; }
.over5 .text, .over5 .textarea { border: 1px solid #cfcfcf; }
* html .over5 textarea { width: 448px; }
.over5 textarea { *width: 452px; }
.over5 .formbutton { width: auto; }
#newsletter_holder, #contact_form_holder { background: #f1f1f1; border: 1px dashed #d4d4d4; padding: 1em 2em; }
.nobg { background: none !important; border: none !important; padding: 0 !important; }



/* **********************************************************
 @FORM AUTOCOMPLETE
*************************************************************/
.ac_results { text-align: left; padding: 0; border: 1px solid #cfcfcf; border-top: none; background-color: white; overflow: hidden; z-index: 5; }
.ac_results ul { width: 100%; list-style: none; padding: 0; margin: 0; }
.ac_results ul li { margin: 0; padding: 3px 6px; cursor: default; display: block; line-height: 16px; overflow: hidden; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #273996; color: white; }


/* **********************************************************
 @RIGHT BOXES
*************************************************************/
#right .left { float: left; width: 205px; min-height: 205px; margin: 0 10px 10px 0; position: relative; }
#right .right { float: left; width: 205px; min-height: 205px; margin: 0 0 10px 0; position: relative; }
#right h2 { font-size: 18px; color: #00aeef; margin: 10px 0 10px 0; font-family: "Trebuchet MS", Arial; }
* html #right .left, * html #right .right { height: 205px;}
#right .box { border: 1px solid #cfcfcf; width: 203px; height: 203px; background: url(/images/bg_rightbox.jpg) top repeat-x; }
#right h1 { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #273996; text-align: center; margin: 10px 0 10px 0; }
#right h3 { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #273996; text-align: center; margin: 10px 0 10px 0; }
#right p { margin: 5px 0; font-size: 12px; }
#right p a { display: block; }
#right ul li { padding: 0 0 0 15px; background: url(/images/bg_rightnav.gif) 2px -88px no-repeat; margin: 4px 0; font-size: 12px; }
#right ul ul li { padding: 0 0 0 15px; background: url(/images/bg_rightnav.gif) 2px -88px no-repeat; }
#right ul ul li:hover { background: url(/images/bg_rightnav.gif) 2px 5px no-repeat; }
#right .scrollpane { height: 143px; width: 163px; overflow: auto; top: 0; padding: 10px 20px 0px 20px; }
#right .downloads ul li { padding: 0 0 0 15px; background: url(/images/bg_rightnav.gif) 2px -88px no-repeat; }
#right .downloads ul li:hover { background: url(/images/bg_rightnav.gif) 2px 5px no-repeat; }
#right #rightnav ul ul { display: none; }

/* **********************************************************
 @FOOTER
*************************************************************/
#footer { background: url(/images/bg_footer.jpg) repeat-x; position: relative; min-width: 960px; }
#footer .container { position: relative; }
#footer ul { padding: 14px 0 0 0; }
#footer ul li { float: left; padding: 0 15px 0 15px; }
#footer ul li a { font-size: 11px; font-weight: bold; color: #273996; text-transform: uppercase; }
#footer ul li a:hover { color: #00aeef; text-decoration: underline; }
#footer ul li ul { padding: 0; }
#footer ul li ul li { float: none; padding: 0; margin: 0; }
#footer ul li ul li a { font-weight: normal; font-size: 11px; line-height: 11px; text-transform: none; }
#footer p { margin: 0 0 0 20px; padding: 14px 0; font-size: 11px; color: #273996; }
#footer p a { color: #273996; }
#footer p a:hover { color: #00aeef; }
#footer #contactinformation { position: absolute; right: 20px; padding: 15px 0 0 0; }
#footer #contactinformation p { margin: 0; padding: 0; line-height: 16px; font-size: 11px; }
#footer #contactinformation p strong { font-weight: bold; text-transform: uppercase; font-size: 11px; }
#footer #contactinformation p.phone { background: url(/images/bg_call.gif) no-repeat; width: 156px; height: 21px; color: #fff; padding: 1px 0 0 6px; font-weight: bold; font-size: 12px; }
#footer #contactinformation p.rss { margin: 10px 0 0 0; }



/* **********************************************************
 @SUBFOOTER
*************************************************************/
#subfooter { height: 20px; }
#subfooter p { padding: 2px 0 10px 0; font-size: 12px; text-align: center; }
#subfooter p a { color: #fff; padding: 0 10px; }
#subfooter p a:hover { color: #333; }


/* **********************************************************
 @SYSTEM MESSAGES
*************************************************************/
p.crash { width: 340px; background: #FFF url(/images/system_crash.gif) no-repeat 10px center; text-align: left; margin: 10px 0 10px -10px; padding: 10px 10px 10px 45px; border: solid 1px #FF0000; }
p.crash span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #FF0000; }
p.bless { width: 340px; background: #FFF url(/images/system_bless.gif) no-repeat 10px center; text-align: left; margin: 10px 0 10px -10px; padding: 10px 10px 10px 45px; border: solid 1px #7EB712; }
p.bless span { font-weight: bold; text-transform: uppercase; color: #7EB712; }
p.note { width: 340px; background: #FFF url(/images/system_note.gif) no-repeat 10px center; text-align: left; margin: 10px 0 10px -10px; padding: 10px 10px 10px 45px; border: solid 1px #4C91BD; }	
p.note span { font-weight: bold; line-height: 16px; text-transform: uppercase; color: #4C91BD; }

.clear { height: 0; clear: both; font-size: 0 !important; line-height: 0 !important; }
#rss { background: url(/images/rss_icon.gif) no-repeat; }
#what_is_this { position: absolute; left: 520px; width: 150px; margin-top: 12px; line-height: 15px; font-size: 11px; background: white; border: 1px solid #adadad; color: #686868; padding: 5px 10px; }
.hidden { display: none; }
.float_left { float: left; display: inline; }
.float_right { float: right; display: inline; }
.photo { width: 200px; }
.iconbox { display: none; }


/* **********************************************************
 @TRANASPARENCY
*************************************************************/
/*#shadow { behavior: url(scripts/iepngfix.htc); }*/


/* **********************************************************
 @SCROLLER
*************************************************************/

.scrollholder { position: relative; }
/*
.scrollable { position: absolute; top: 0; z-index: 4; left: 15px; overflow: hidden; width: 250px; height: 60px; }
.scrollable .items { width: 20000em; position: absolute; clear: both; }
.scrollable img { float: left; margin: 0 11px 0 0; padding:2px; border:1px solid #ccc; cursor:pointer; width:69px; height:52px; }
.scrollable .active { border:2px solid #000; z-index:9999; position:relative; }

a.browse { position: absolute; /* background: url(/images/arrow_left.gif); display: block; width: 23px; height: 27px; cursor: pointer;*/ }
*/
/*
a.right { right: -15px; top: 14px; background: url(/images/arrow_right.gif); }
* html a.right { right: 5px; top: 14px; background: url(/images/arrow_right.gif); }
a.left { left: -15px; top: 14px; background: url(/images/arrow_left.gif); }
a.disabled { visibility:hidden !important; } 	
*/


/* **********************************************************
 @JSCROLLPANE
*************************************************************/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 10px; top: 0px; height: 100%; background: url(/images/bg_dragbar.gif) repeat-y; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background: url(/images/bg_dragbutton.gif) repeat-y; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 19px; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }


/* **********************************************************
 @TABLE LAYOUTS
*************************************************************/
.tbl td, .tbl th { padding: 5px 10px; }
.tbl td, .tbl th { border-bottom: 1px solid #cfcfcf;}
.tbly { background: #00aeef; color: #fff; }

.tbl_trs td, .tbl_trs th { padding: 5px 10px; }
.tbl_trs tr { vertical-align: top; }
.tbl_trs td, .tbl_trs th { border-bottom: 1px solid #cfcfcf;}
.tbly { background: #00aeef; color: #fff; }
.tbl_trs h3 { color: #273996; border-top: 1px solid #ccc; padding: 8px 0 0 0; }

.login td, .login th { padding: 10px 10px; }
.login td, .login th { border-top: 1px solid #cfcfcf; }
.login input { background: #00aeef; color: #fff; border: none; padding: 2px 5px; cursor: pointer; }
.login input.text { background: #fff; color: #777; border: 1px solid #ccc; padding: 2px 5px; cursor: text; }

.bluebutton { text-decoration: none !important; background: #00aeef; color: #fff !important; border: none; padding: 3px 7px; margin: 5px 0; display: inline-block; -moz-display: inline-block; cursor: pointer; }
.bluebutton:hover { text-decoration: none !important; background: #008ae6 !important; }

div.line { border-top: 1px solid #ccc; line-height: 0; font-size: 0; }
.allcaps { text-transform: uppercase; }

/* **********************************************************
 @ACCENT COLORS
*************************************************************/
.red .bodytext strong a,
.red .bodytext a strong,
.red .bodytext b a,
.red .bodytext a b,
.red .bodytext a:hover,
.red strong a,
.red a strong,
.red b a,
.red a b,
.red #left a,
.red a:hover,
.red .copy h2,
.red .copy .landingzone h3,
.red .subheading,
.red #topnav ul li a:hover,
.red #topnav ul li.selected a { color: #00aeef /*#ed1c24*/; }
.red .tbly, 
.red #topnav ul li ul li.selected a,
.red #topnav ul li ul li a:hover { background: #ed1c24; color: #fff }
.red #topnav .sub a,
.red #topnav .sub li.sub a,
.red #topnav .sub li.sub li.sub a,
.red #topnav .sub li.sub li.sub li.sub a { background-image: url(/images/arrow-right.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.red #topnav .sub li.sub a:hover,
.red #topnav .sub li.sub li.sub a:hover,
.red #topnav .sub li.sub li.sub li.sub a:hover,
.red #topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.red #topnav .sub li a,
.red #topnav .sub li a:hover,
.red #topnav .sub li.sub li a,
.red #topnav .sub li.sub li a:hover,
.red #topnav .sub li.sub li.sub li a,
.red #topnav .sub li.sub li.sub li a:hover { background-image: none; }
.red #right ul li { background: url(/images/bg_rightnav_red.gif) 2px -88px no-repeat; }
.red #right ul li:hover { background: url(/images/bg_rightnav_red.gif) 2px 5px no-repeat; }
.red #right .downloads ul li:hover { background: url(/images/bg_rightnav_red.gif) 2px 5px no-repeat; }
.red .bluebutton { background: #00aeef /*#ed1c24*/ !important; }
.red .bluebutton:hover { background: #008ae6 /*#ed1c24*/ !important; }
a.red { color: #00aeef /*#ed1c24*/ !important; }
div.red .bluebutton { background: #00aeef /*#ed1c24*/ !important; }
div.red .bluebutton:hover { background: #008ae6 /*#ed1c24*/ !important; }

.purple .bodytext strong a,
.purple .bodytext a strong,
.purple .bodytext b a,
.purple .bodytext a b,
.purple .bodytext a:hover,
.purple strong a,
.purple a strong,
.purple b a,
.purple a b,
.purple #left a,
.purple a:hover,
.purple .copy h2,
.purple .copy .landingzone h3,
.purple .subheading,
.purple #topnav ul li a:hover,
.purple #topnav ul li.selected a { color: #702c91; }
.purple .tbly, 
.purple #topnav ul li ul li.selected a,
.purple #topnav ul li ul li a:hover { background-color: #702c91; color: #fff }
.purple #topnav .sub a,
.purple #topnav .sub li.sub a,
.purple #topnav .sub li.sub li.sub a,
.purple #topnav .sub li.sub li.sub li.sub a { background-image: url(/images/arrow-right.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.purple #topnav .sub li.sub a:hover,
.purple #topnav .sub li.sub li.sub a:hover,
.purple #topnav .sub li.sub li.sub li.sub a:hover,
.purple #topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.purple #topnav .sub li a,
.purple #topnav .sub li a:hover,
.purple #topnav .sub li.sub li a,
.purple #topnav .sub li.sub li a:hover,
.purple #topnav .sub li.sub li.sub li a,
.purple #topnav .sub li.sub li.sub li a:hover { background-image: none; }
.purple #right ul li { background: url(/images/bg_rightnav_purple.gif) 2px -88px no-repeat; }
.purple #right ul li:hover { background: url(/images/bg_rightnav_purple.gif) 2px 5px no-repeat; }
.purple #right .downloads ul li:hover { background: url(/images/bg_rightnav_purple.gif) 2px 5px no-repeat; }
.purple .bluebutton { background: #702c91 !important; }
.purple .bluebutton:hover { background: #440f67 !important; }
a.purple { color: #702c91 !important; }
div.purple .bluebutton { background: #702c91 !important; }
div.purple .bluebutton:hover { background: #440f67 !important; }

.cyan .bodytext strong a,
.cyan .bodytext a strong,
.cyan .bodytext b a,
.cyan .bodytext a b,
.cyan .bodytext a:hover,
.cyan strong a,
.cyan a strong,
.cyan b a,
.cyan a b,
.cyan #left a,
.cyan a:hover,
.cyan .copy h2,
.cyan .copy .landingzone h3,
.cyan .subheading,
.cyan #topnav ul li a:hover,
.cyan #topnav ul li.selected a { color: #00aeef; }
.cyan .tbly, 
.cyan #topnav ul li ul li.selected a,
.cyan #topnav ul li ul li a:hover { background-color: #00aeef; color: #fff }
.cyan #topnav .sub li.sub a:hover,
.cyan #topnav .sub li.sub li.sub a:hover,
.cyan #topnav .sub li.sub li.sub li.sub a:hover,
.cyan #topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.cyan #topnav .sub a,
.cyan #topnav .sub li.sub a,
.cyan #topnav .sub li.sub li.sub a,
.cyan #topnav .sub li.sub li.sub li.sub a { background-image: url(/images/arrow-right.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.cyan #topnav .sub li.sub a:hover,
.cyan #topnav .sub li.sub li.sub a:hover,
.cyan #topnav .sub li.sub li.sub li.sub a:hover,
.cyan #topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.cyan #topnav .sub li a,
.cyan #topnav .sub li a:hover,
.cyan #topnav .sub li.sub li a,
.cyan #topnav .sub li.sub li a:hover,
.cyan #topnav .sub li.sub li.sub li a,
.cyan #topnav .sub li.sub li.sub li a:hover { background-image: none; }
.cyan .bluebutton { background: #00aeef !important; }
.cyan .bluebutton:hover { background: #008ae6 !important; }

.green .bodytext strong a,
.green .bodytext a strong,
.green .bodytext b a,
.green .bodytext a b,
.green .bodytext a:hover,
.green strong a,
.green a strong,
.green b a,
.green a b,
.green #left a,
.green a:hover,
.green .copy h2,
.green .copy .landingzone h3,
.green .subheading,
.green #topnav ul li a:hover,
.green #topnav ul li.selected a { color: #009590; }
.green .tbly, 
.green #topnav ul li ul li.selected a,
.green #topnav ul li ul li a:hover { background-color: #009590; color: #fff }
.green #topnav .sub li.sub a:hover,
.green #topnav .sub li.sub li.sub a:hover,
.green #topnav .sub li.sub li.sub li.sub a:hover,
.green #topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.green #topnav .sub a,
.green #topnav .sub li.sub a,
.green #topnav .sub li.sub li.sub a,
.green #topnav .sub li.sub li.sub li.sub a { background-image: url(/images/arrow-right.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.green #topnav .sub li.sub a:hover,
.green #topnav .sub li.sub li.sub a:hover,
.green #topnav .sub li.sub li.sub li.sub a:hover,
.green #topnav .sub a:hover { background-image: url(/images/arrow-right-white.gif); background-position: 158px 8px; background-repeat: no-repeat; }
.green #topnav .sub li a,
.green #topnav .sub li a:hover,
.green #topnav .sub li.sub li a,
.green #topnav .sub li.sub li a:hover,	
.green #topnav .sub li.sub li.sub li a,
.green #topnav .sub li.sub li.sub li a:hover { background-image: none; }
.green #right ul li { background: url(/images/bg_rightnav_green.gif) 2px -88px no-repeat; }
.green #right ul li:hover { background: url(/images/bg_rightnav_green.gif) 2px 5px no-repeat; }
.green #right .downloads ul li:hover { background: url(/images/bg_rightnav_green.gif) 2px 5px no-repeat; }
.green .bluebutton { background: #009590 !important; }
.green .bluebutton:hover { background: #006b65 !important; }
a.green { color: #009590 !important; }
div.green .bluebutton { background: #009590 !important; }
div.green .bluebutton:hover { background: #006b65 !important; }

.agenda td { border-top: 1px solid #ccc; } 

.videothumbs { float:left; display: inline; width: 255px; margin: 5px 0 10px 0; }
.videothumbs a { display: block; color: #4d4e4f !important; font-weight: normal; }
.videothumbs a strong { color: #4d4e4f !important; font-weight: normal; }
.videothumbs a img { margin: 0 0 5px 0; }
.videothumbs a:hover, .videothumbs a:hover strong { text-decoration: none !important; color: #00aeef !important;  }

.ustour { padding: 2px 4px; background: #999; color: #fff !important; font-size: 12px; text-transform: uppercase; line-height: 3em; }
.ustour:hover { background: #333; text-decoration: none !important; }
.ustourtable tr { vertical-align: top; }
.ustourtable td { width: 320px; }
.ustourtable td td { width: auto; padding: 0 15px 0 0; }
.ustourtable td td.fixed { width: 80px; }
.ustourtable td td h2 { margin: 8px 0; }

.whitepapers tr { vertical-align: top; }
.whitepapers tr td { border-top: 1px solid #ddd; padding: 10px 0; }
.whitepapers tr td span { font-style: italic; color: #888; padding: 0 0 0 10px; display: block; }

.relative span { display: none; margin: 5px 0 0 0; text-align: center; line-height: 5px; }
.relative span a { display: block; background: #e1e1e1; border: 1px solid #d5d5d5; padding: 5px 7px; line-height: 1.3em; text-transform: uppercase; font-size: 10px; color: #999; }
.relative span a strong { font-size: 17px; color: #888; }
.relative span a:hover { color: #000; background: #d9d9d9; }
.relative span a:hover strong  { color: #cc0000; }

a.rss { color: #333!important; font-size: 16px; font-weight: bold; }
a.rss:hover { color: #273996!important; text-decoration: none; }
a.rss img { position: relative; top: 6px; margin: 0 4px 0 0; }

.subhead2 { color: #273996; }
.subhead2 td { background: #fff; border: 1px dashed #d4d4d4; padding: 1em; }

input.form { background: #fff; color: #777; border: 1px solid #ccc; padding: 2px 5px; cursor: text; width: 300px; }
textarea.form { background: #fff; color: #777; border: 1px solid #ccc; padding: 2px 5px; cursor: text; width: 300px; }
input.formbutton { background: #00aeef; color: #fff !important; border: none; padding: 2px 5px; margin: 5px 0; display: inline-block; -moz-display: inline-block; cursor: pointer; }
select.form { background: #fff; color: #777; border: 1px solid #ccc; padding: 2px 5px; cursor: text; width: 312px; }

#strapline { position: absolute; top:80px; left: 0; font-size: 12px; z-index: 3; color: #273996; }

.tweet { float: right; }
#footer .tweet { float: none; position: relative; top: 5px; }

.registerlist { display: block; padding-left: 70px; }
.registerlist li { border-top: 1px dashed #ccc; padding: 12px 0 4px 0 !important; background: none !important; }
.registerlist .tab { display: inline-block; width: 220px; padding: 0 0 0 5px; }
.registerlist .date { font-size: 80%; color: #999; }
.tabv2 { position: relative; display: inline-block; width: 290px; padding: 0 0 0 5px; font-size:13px !important }
.tabv2 .small { font-size:11px; text-transform: uppercase; }
.tabv2 a { position: absolute; right: 20px; }

.education td, .education th { padding: 5px 10px; }
.education { border-top: 1px dashed #cfcfcf;}
.education td, .education th { border-bottom: 1px dashed #cfcfcf;}
.education tr { vertical-align: baseline; }
.education .sub { font-size: 85%; font-style: italic; color: #999; }


.shadow {
border: 5px solid #fff;
-moz-box-shadow: 0px 0px 15px #999;
-webkit-box-shadow: 0px 0px 15px #999;
box-shadow: 0px 0px 15px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}

/* root element for tabs  */
ul.tabs { list-style:none; margin:0 !important; padding:0;height:47px;border-bottom:1px solid #ccc;	}
ul.tabs li { float:left; text-indent:0;padding:0;background: none;}
ul.tabs a { font-size: 14px; padding: 5px 10px; margin: 0 2px 0 0;display:block;font-weight:bold; background: #ededed;line-height:30px;text-align:center;	text-decoration:none;position:relative;top:1px; color: #4d4e4f;}
ul.tabs a:active {outline:none; }
ul.tabs a:hover {color: #00aeef;  text-decoration: none; }
ul.tabs .current, ul.tabs a.current:hover, ul.tabs li.current a {color: #fff; background: #00aeef;}
.tabs .w1 { background-position: -519px 0; width:134px; }
.tabs .w1:hover { background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }
.tabs .w2 { background-position: -366px -0px; width:154px; }
.tabs .w2:hover { background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }
.tabs .w3 { background-position: -193px -0px; width:174px; }
.tabs .w3:hover { background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }
.tabs .w4 { background-position: -0px -0px; width:194px; }
.tabs .w4:hover { background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }
.panes div { display:none; }

.videolist h3 a { color: #4d4e4f !important; }
.videolist h3 a:hover { color: #00aeef !important; text-decoration: none; }

.resources h3 a, .successstories h3 a { color: #4d4e4f !important; }
.resources h3 a:hover, .successstories h3 a:hover { color: #00aeef !important; text-decoration: none; }

.resources h4 a { color: #4d4e4f !important; }
.resources h4 a:hover { color: #00aeef !important; text-decoration: none; }

.copy .resources li { border-bottom: 1px solid #eee; padding: 6px 0 6px 20px; background: url(/images/bg_ul.gif) 3px 12px no-repeat; }
.copy .resources li p { margin: 5px 0; padding: 0; line-height: 1.3em; }
.copy .resources li p span { margin: 0; padding: 0; line-height: 1.3em; }

.copy .successstories li { border-bottom: 1px solid #eee; padding: 6px 0 6px 20px; background: url(/images/bg_ul.gif) 3px 12px no-repeat; }
.copy .successstories li p { margin: 5px 0; padding: 0; line-height: 1.3em; }
.copy .successstories li p span { margin: 0; padding: 0; line-height: 1.3em; }

.copy .events li h3 { margin: 0; padding: 0; }
.copy .events li h4 { margin: 10px 0; padding: 0; }


.col_left { float: left; width: 250px; }
.full_list { width: 250px; padding: 4px; }
.pagination a { padding: 5px 4px; background: #efefef; margin: 0 3px 0 0; border: 1px solid #ddd; }
.pagination a:hover { background: #00aeef; color: #fff; border: 1px solid #00aeef; text-decoration: none; }
.pagination .selected { background: #00aeef; color: #fff; border: 1px solid #00aeef; text-decoration: none; }

.Apple-style-span { white-space: normal !important;}

form .left, form .right { position: relative; }
.asterisk { position: absolute; right: 3px; top: 3px; z-index: 5; }


}