/* SANGART */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%;margin-bottom:1px } /* add:margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:1em; line-height:1em; font-family:arial, helvetica, sans-serif; color:#333; background:#fff url(../images/bg_subpage.gif) repeat-x 0 78px; }
table, th, td, input, textarea, select { font-size:1em; line-height:1.3em; font-family:arial, helvetica, sans-serif; color:#333; }

a img, :link img, :visited img { border:none; }

a:link { color:#176fa2; text-decoration:none; }
a:visited { color:#3f7594; text-decoration:none; }
a:hover, a:active { color:#2799db; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

h1, .h1 { margin:0 0 .6em; font-size:1.7em; line-height:1.2em; color:#808080; font-weight:normal }
h2, .h2 { margin:1.5em 0 .6em; font-size:1.3em; line-height:1.1em; color:#273802; font-weight:normal } /* #283904 */
h3, .h3 { margin:0 0 .4em; font-size:1.2em; line-height:1.3em; color:#939494; font-weight:bold }
h4, .h4 { margin:0 0 .6em; font-size:.9em; line-height:1.3em; }
h5, .h5 { margin:0 0 .6em; font-size:.8em; line-height:1.3em; }
h6, .h6 { margin:0 0 .6em; font-size:.75em; line-height:1.3em; }
p { margin:.25em 0 1.5em; line-height:1.5em; }

#skip { display:none; }

#container { margin:0 auto; width:990px; font-size:.75em; text-align:left; }
#content { padding:0 20px 40px 20px; }
#content li { margin-left:30px; }

#header { position:relative; height:78px; z-index:1; }
#header form { width:125px; height:25px; position:absolute; top:29px; right:20px; background:url(../images/bg_sprite.png) no-repeat -472px 0; }
#header input { margin:4px 0 4px 5px; width:95px; background:#fff; border:none; color:#b1b1b1; }
#header .btn { margin:0; opacity:0; filter:alpha(opacity=0); width:20px; cursor:pointer; }

#footer { padding:20px; clear:both; font-size:.8em; color:#aeadad }
#footer ul { float:right; }
#footer li { display:inline; border-right:1px solid #dbdbdb; padding:0 10px; }
#footer li.last { border-right:none; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; }
	.nav li { float:left; position:relative; list-style:none;  }
	.nav li a { cursor:pointer; text-decoration:none !important }
	.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#fff; }
	.nav li strong { position:absolute; top:0; left:0; display:block; }
	
/* Main Nav - Specific */
#nav { top:25px; left:241px; width:585px; height:31px; }
#nav li { margin-left:25px; }	
#nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/bg_sprite.png); height:31px; }

#nav li.company, #nav li.companyon { margin-left:0; }
#nav li.products, #nav li.productson { margin-left:34px; }
#nav li.contact, #nav li.contacton { margin-left:20px; }

#nav li.company, #nav li.company a, #nav li.company a strong		{ background-position:0 0; width:97px; }
#nav li.products, #nav li.products a, #nav li.products a strong		{ background-position:-97px 0; width:93px; }
#nav li.research, #nav li.research a, #nav li.research a strong		{ background-position:-190px 0; width:94px; }
#nav li.newsroom, #nav li.newsroom a, #nav li.newsroom a strong		{ background-position:-284px 0; width:105px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong		{ background-position:-389px 0; width:84px; }

/* HOVER STATE */
#nav li.company:hover a, #nav li.company:hover a strong, #nav li.company a:hover, #nav li.company a:hover strong { background-position:0 -31px; width:97px; }
#nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong { background-position:-97px -31px; width:93px; }
#nav li.research:hover a, #nav li.research:hover a strong, #nav li.research a:hover, #nav li.research a:hover strong { background-position:-190px -31px; width:94px; }
#nav li.newsroom:hover a, #nav li.newsroom:hover a strong, #nav li.newsroom a:hover, #nav li.newsroom a:hover strong { background-position:-284px -31px; width:105px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong { background-position:-389px -31px; width:84px; }

/* ON STATE */
#nav li.companyon, #nav li.companyon strong, #nav li.companyon div		{ background-position:0 -63px; width:97px; }
#nav li.productson, #nav li.productson strong, #nav li.productson div	{ background-position:-97px -63px; width:93px; }
#nav li.researchon, #nav li.researchon strong, #nav li.researchon div	{ background-position:-190px -63px; width:94px; }
#nav li.newsroomon, #nav li.newsroomon strong, #nav li.newsroomon div	{ background-position:-284px -63px; width:105px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div		{ background-position:-389px -63px; width:84px; }

/* ON+HOVER STATE */
#nav li.companyon:hover a, #nav li.companyon:hover a strong, #nav li.companyon a:hover, #nav li.companyon a:hover strong { background-position:0 -31px; width:97px; }
#nav li.productson:hover a, #nav li.productson:hover a strong, #nav li.productson a:hover, #nav li.productson a:hover strong { background-position:-97px -31px; width:93px; }
#nav li.researchon:hover a, #nav li.researchon:hover a strong, #nav li.researchon a:hover, #nav li.researchon a:hover strong { background-position:-190px -31px; width:94px; }
#nav li.newsroomon:hover a, #nav li.newsroomon:hover a strong, #nav li.newsroomon a:hover, #nav li.newsroomon a:hover strong { background-position:-284px -31px; width:105px; }
#nav li.contacton:hover a, #nav li.contacton:hover a strong, #nav li.contacton a:hover, #nav li.contacton a:hover strong { background-position:-389px -31px; width:84px; }

/* DROP DOWNS */
/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li li { margin-left:0; height:auto; }
#nav li table { margin:0 -1px -1px; border-collapse:collapse; }
#nav li td { font-size:1em; }
#nav li:hover, * html #nav a:hover { position:relative; }
#nav li li a { font-size:1em; text-align:left; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a { background:none; }
#nav li:hover ul, #nav li a:hover ul { position:absolute; top:31px; left:0; width:120px; display:block; background:#f0f0f0 url(../images/bg_dropdowns.png) no-repeat 0 100%; /*opacity:.9; filter:alpha(opacity=90);*/ }
#nav li:hover ul ul, #nav li a:hover ul ul { background:none; position:static; }

#nav li:hover li, #nav li a:hover li { padding-bottom:1px; height:auto; width:120px !important; }
#nav li:hover li.last, #nav li a:hover li.last { background:brown; }

#nav li:hover li a, #nav li a:hover li a { padding:3px 10px 4px 10px; height:auto; display:block; color:#0e6192; width:auto !important; /*background:navy !important;*/ }
#nav li:hover li a:hover, #nav li a:hover li a:hover { color:#333; }

#nav li:hover li li a, #nav li a:hover li li a { padding:0px 10px 0 25px; height:auto; display:block; color:#3c88b5; font-size:11px; background:url(../images/bg_square.gif) no-repeat 15px 50% !important ; /*background:navy !important;*/ }


/* HOME PAGE
------------------------------------------------------------------------------------- */
body.home { background:url(../images/bg_home.gif) repeat-x 50% 78px; }
body.home #wrap { background:url(../images/bg_h_flash.jpg) no-repeat 50% 78px; }
body.home div.h1_bg	{ background: url(../images/h_h1_bg.gif) no-repeat; width: 880px; padding: 16px 50px 10px 10px; margin: 5px 0; }
body.home h1 { line-height: 1.5; color: #676767; display: inline }


body.home #content { padding:0 20px; }

#h_cols li { margin:15px 0 0; float:left; display:inline; width:313px; background:url(../images/bg_shadow_mid.gif) repeat-y 100% 0; }
#h_cols h2 { position:relative; top:-3px; padding-right:20px; display:inline; font-weight:bold; }
#h_cols .more { position:relative; top:-3px; }
#h_cols p { margin:.5em 0 0; }
#h_cols p.summary { line-height:1.5em; color:#000; /* color:#7f7f7f; */ font-style:italic }
#h_cols em { color:#7f7f7f; }
#h_cols li div.inner { background:url(../images/bg_shadow_top.gif) no-repeat 100% 0; }
#h_cols li div.inner div.inner { padding-right:25px; background:url(../images/bg_shadow_bot.gif) no-repeat 100% 100%; }
#h_cols li.research { width:287px; margin-left:35px; }
#h_cols li.news { width:275px; margin-left:40px; background:none; }
#h_cols li.news div.inner, #h_cols li.news div.inner div.inner { background:none; }

/* SUB PAGE
------------------------------------------------------------------------------------- */
#subheader, #h_flash { padding-bottom:9px; background:url(../images/bg_sh.gif) no-repeat 50% 100%; }
#breadcrumb { color:#383939; height:30px; line-height:30px; }
#breadcrumb span { color:#929394; }

#col_1 { width:138px; float:left; display:inline; padding-top:5px; }
#col_2 { width:607px; float:left; display:inline; margin-left:10px; background:url(../images/bg_shadow_mid.gif) repeat-y 0 0; }
#col_2 div.inner { background:url(../images/bg_shadow_top.gif) no-repeat 0 0; }
#col_2 div.inner div.inner { padding:5px 0 0 28px; min-height:300px; background:url(../images/bg_shadow_bot.gif) no-repeat 0 100%; padding-bottom:1px; }
#col_3 { width:175px; float:left; display:inline; margin-left:20px; }
#col_1 h3 { color:#333333; }

#subnav li { margin:0; list-style:none; font-weight:bold; padding:0 10px 6px 6px; }
#subnav li li { font-size:11px; padding:6px 10px 0 10px; }

.greybox { padding:1px; background:#ededed; }
.greybox .inner { padding:13px; font-size:1.2em; color:#7f8181; background:#ededed; border:1px solid #fff; }
.greybox .inner p { font-size:11px; line-height:1.2em; }

.greybox .inner ul	{ margin:0 0 0 -25px ; }
.greybox .inner ul ul	{ margin:0 0 0 -10px; list-style-type:square }

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio 		{ padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; }
.doc 		{ padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; }
.excel 		{ padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; }
.external 	{ padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; }
.flash 		{ padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; }
.ical		{ padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; }
.itunes		{ padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; }
.outlook	{ padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; }
.pdf 		{ padding:0 14px 0 0; background:url(../images/link_pdf.gif) no-repeat 100% 4px; }
.podcast	{ padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; }
.popup 		{ padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; }
.ppt		{ padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt			{ padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; }
.rar		{ padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; }
.rp			{ padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; }
.rss		{ padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; }
.txt		{ padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; }
.video		{ padding:0 15px 0 0; background:url(../images/link_video.gif) no-repeat 100% 4px; }
.wmp		{ padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; }
.zip		{ padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }

.clearfix:after, #content:after, #h_cols:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #content, #h_cols { display:inline-block; }
.clearfix, #content, #h_cols { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; position:relative; }
img.floatright { margin:0 0 5px 10px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }


/* LIGHTBOX PANEL 
------------------------------------------------------------------------------------- */
.yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;}
.yui-panel-container form{margin:0;}
.mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.mask.block-scrollbars{overflow:auto;}
.masked select, .drag select, .hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars, .hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}
.yui-tt-shadow{position:absolute;}
.mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}
.yui-panel-container{padding:0 1px;*padding:2px 3px;}
.yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;}
.yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}
.yui-panel .hd{border-bottom:solid 1px #ccc;}
.yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;}
.yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;}
.yui-panel .bd{padding:10px;}
.yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-panel-container.focused .yui-panel .hd{}
.container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;text-indent:-9999px; outline:none;}
.yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-panel-container.shadow{_padding:2px 5px 0 3px;} 
.yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}
.yui-dialog .ft .button-group{display:block;text-align:right;}
.yui-dialog .ft button.default{font-weight:bold;}
.yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}
.yui-dialog .ft span.default .first-child{border-color:#304369;}
.yui-dialog .ft span.default button{color:#fff;}
.yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}
.yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}
.yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}
.yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}
.yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}
.yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}
.yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}
.yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}
.yui-tt.show-scrollbars .bd{overflow:auto;}
.yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}


#col_2 form input.input, #col_2 form textarea   { padding:3px; width:300px; height:15px; border:1px solid #7f9db9; }
#col_2 form textarea   { padding:3px; width:300px; height:70px; }
#col_2 ul       { margin-bottom:20px; }
#col_2 ul li    { margin-top:10px; }

sup	{ vertical-align:text-top }

#col_3 .greybox .inner ul { font-size:11px; line-height:1.2; }

#col_3 .greybox .inner ul li { margin-bottom:5px; }

.footnotes p { font-size:11px; margin:5px 0; }

.biblio_title   { font-weight:bold; }
.biblio_title .biblio    { font-weight:normal; }

#content h1 a.more    { font-size:12px; }

#sitemapbox			{ width:400px; }

.h_learnmore    { vertical-align: top; }