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

/* RESET ------------------------------------------------ */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td               	{ margin:0; padding:0 }

fieldset, img 	{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var 	{ font-style:normal; font-weight:normal }
/*MWF Remove line-  ol, ul, li 		{ list-style:none }   ENDMWF */
caption, th		{ text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a 	            {text-decoration: none; color: #00417A;}

/* Global reset-RESET ------------------------------------ */
/* The below restores some sensible defaults */
strong 		{ font-weight:bold }
em			{ font-style:italic }
a img 		{ border:none } /* Gets rid of IE's blue borders */

body2 		{background:#FFF url(/images/pageShadow.gif) repeat-x;margin:0px}
body		{ width:100%; height:100%; background: url('/images/mainbackground.jpg') top center repeat-y; margin:0; padding:0; text-align: center;}
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }

/* Sticky footer */
html, body {height: 100%;}
#wrapper	{min-height: 100%; height: auto !important; height: 100%; width:100%; margin: 0 auto -100px;}

/* header */
#head 		{ background: url('/images/header_back.png') top repeat-x; width: 100%; height: 140px; }
#header		{ background: url('/images/banner1_back.png') top center no-repeat; width:900px; height:100px; margin: 0 auto; padding:0; font:15px/20px arial,helvetica,sans-serif;}
#head h1	{ padding: 10px 200px 0; font:bold 25px Arial, Helvetica, sans-serif; color:#000; text-align:left;}

/* Content */
#content	{ width: 900px; margin: 0 auto; overflow:auto; padding-bottom: 100px; background: url('/images/content-head.png') top center no-repeat; margin-bottom:20px; text-align:left;}

.content	{ background:  url('/images/content-foot.png') bottom no-repeat; }
.inner		{ padding:20px}

/* Footer */
#foot		{ position: relative; margin-top: -100px; height:100px; border-top:2px #444 solid; width:100%; clear:both; background: url('/images/footer.jpg') bottom center repeat-y;}
#footer		{ width:900px;  margin: 0 auto; padding:10px; font: 9pt/14pt arial,helvetica,sans-serif; color:#444; text-align:center;}
#footer a	{ color:#FFF; text-decoration:none; padding:10px; }
#footer a:hover {color:#F00; }

H1 { font-family:arial, Helvetica, sans-serif; font-weight:normal;font-size:21pt; line-height:30pt;padding:0px;margin:0px; }
.snav,.snav2,.navtop { font-family:rial, Helvetica, sans-serif; font-size:8pt;color:#666;text-decoration:none;line-height:12pt; }
.snav:hover {text-decoration:underline;}
.snav2 		{color:#000;}
.snav2:hover {text-decoration:underline;}
.bodytext,.downloadLink,.formTitle,.fields,.breadcrumb,.exnav,.greytext,.smalltext,.verySmall {font-family:Arial, Helvetica, sans-serif; font-size:7pt;line-height:12pt;text-decoration:none; }
.smalltext {font-family:arial, Helvetica, sans-serif; color:#666;font-size:8pt;line-height:13pt;}
.next,.next2,.next3,.next4 {font-family:arial;font-size:7pt;color:#FF0000;padding:5pt;}
.next3,.next4 {padding-left:0pt;}
.next4 		{color:#0067CC;}
.next2 		{ color:#000;padding-left:11pt;padding-right:8pt; }
.title 		{ font-size:10pt;font-weight:bold; }
H2 			{ font-family:tahoma;color:#666;font-size:13pt;font-weight:bold; line-height:17pt;margin:0px; }
.h2 		{ font-family:tahoma;color:#666;font-size:13pt;font-weight:bold; line-height:17pt;margin:0px;margin-bottom:2px; }
H3 			{ font-family:tahoma;font-size:11pt;font-weight:bold;line-height:17pt;margin:0px; }
.tiny 		{font-size:9pt;line-height:13pt;}
.funkyField { font-family:arial, Helvetica, sans-serif; font-size:9pt;width:230px;border:1px solid #AAA;background:#F9F9F9;color:#333;}
.faint 		{ color:#AAA;}
.faint2 	{ color:#999;}
.faint3 	{ color:#555;}
.unbold 	{ font-weight:normal; }
.basenav 	{text-decoration:none;}

a 			{ text-decoration:underline; color:#333333; }
a:hover 	{ text-decoration: underline; color: #FF0000; }

.blueh 		{ text-decoration:underline; color:#333333; }
.blueh:hover { text-decoration: underline; color: #4381B8; }

.big 		{ font-family:verdana; font-size:10pt;}

.eight 		{font-size:8pt;line-height:12pt;}
.ten 		{font-size:10pt;line-height:14pt;}
.thirteen 	{font-family:arial, Helvetica, sans-serif; font-size:12pt;line-height:16pt; color:#333;}
.red 		{color:#FF0000;}
.blue 		{color:#0067CC;}
.greyText 	{color:#333;}
.grey2 		{color:#666;}
.buttonstyle {background:url(/images/button_mid1.gif) repeat-x; color:#333; font-weight:bold;font-size:9pt;font-family:arial, Helvetica, sans-serif; }


.redTitle,.redSubTitle {font-family:arial, Helvetica, sans-serif; font-size:10pt;font-weight:bold;color:#900;}
.redSubTitle {font-family:arial, Helvetica, sans-serif; font-size:8pt;}

.greyTitle { font-family:arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#666} 


p,BLOCKQUOTE,ul,ol,li {margin-top:5px;margin-bottom:5px;}

.fuzzy {color:#333;cursor:help;border-bottom:1px #09C dashed;}

/*Horizontal CSS Dropdown and Popout Menu*/

#nav { margin-top:10px; margin-left:200px; }

#menu {/*background: #eee;*/ float: left; }

#menu ul {
list-style: none;
margin:0;
padding:0;
width: 100px;
float: left;
text-align:center;
}

#menu ul li { font-weight:bold; margin:0; padding:0; }

#menu a {
font: 14px/20px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 10px;
height:auto;
color: #EEE;
background: url(/images/menu_back_hover.jpg) no-repeat;
text-decoration: none;
}


#menu a:hover {
color: #FFF;
background: url(/images/menu_back.jpg) no-repeat;
}

#menu ul ul a {
background: url(/images/resourse_btn_hover.jpg) repeat-x;
color:#FFF;
font-size:12px;
border: 1px solid #C00;
}

#menu ul ul a:hover {
background: url(/images/menu_sub.jpg) repeat-x;
}

/*Positioning the Popout Menus and Dropdown Menus*/
#menu li {position: relative; }

#menu ul ul {
position: absolute;
z-index: 500;
text-align: left;
width: 12em;
}

#menu ul ul ul {
top: 0;
left: 100%;
width: 20em;
text-align: left;
}
/*Hiding and Revealing using :hover*/
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul ul
{display: none;}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul
{display: block;}

/* fix licences page max-height*/
div#licenceslist {
max-height: 500px;
height: auto !important;
height: expression( document.body.clientHeight > 499 ? "500px" : "auto" );
overflow:auto; width:690px;
}

/* Search License Form */
#licenseSearchForm 			{ margin:10px 0; font-weight:bold; }
#licenseSearchForm label 	{ border: 1px solid #DDD; padding:8px 5px 8px 7px; background: url("/images/bg01.jpg") repeat-y scroll 0 0 #E9E9E9; }
#licenseSearchForm input	{ font-size:11px; color:#666; padding: 1px 3px;}
.licenseSearchForm		 	{ float:left; margin-right:10px;}
.filterRecords				{ height:50px; }

/* Download Search - Notes */
#download-note 				{ position:relative; width:300px; float:left; padding:10px; margin-left:40px; background:#EEE; border:1px solid #DDD; }
#download-note ol			{ padding: 5px 0 5px 20px; color:#666; }
#download-note li			{ padding: 5px 0 ; }

/* Subscribe */
#subscribe a				{ float:right; display:block; width:210px; height:30px; background: url(/images/subscibe_button.jpg) no-repeat; text-indent:-9999px; margin-right:10px; }
#subscribe a:hover			{ background: url(/images/subscibe_button_hover.jpg) no-repeat; }