@import url(_editor.css);  	/*Styles to be seen in editor for normal content*/
@import url(_viewset.css);	/*Styles needed for the 'popup' page on other sites. Taken out of this file then included here so we dont have to duplicate.*/


/*Following are the stlyes that are used on ALL sites, but we dont want them to be in the editor css. This is to keep as simple as poss for the content editors*/
@media all {/*NAV*/
/***********************************************************************************************************************************************************************
  NAV controls the main layout for every page. Generally are in order as seen on the screen on from top to bottom, left to right
***********************************************************************************************************************************************************************/
#templinks                 {position:absolute; left:5px; top:5px; width:10em; background:#ccc; display:none;}


/*Header & Main Wrapper
*************************************************************************************************************************************/
body.iframe                {text-align:left;}
                           .IE6 body.iframe {width:95.5%;}
#accessibiltylinks         {position:absolute; top:-999em;}
#navwrappper, #navfooter, #designedby, #navsearch, #navtop  {width:199ex; width:994px; }
#navwrappper               {background:#fff; margin:0 auto; text-align:left; }
.minwidth                  {width:760px; height:1px;}

.logo, #logo               {border:none; position:absolute; left:0; top:0;}


/* Nav Spans  
*************************************************************************************************************************************/
#navtop li span, #navside li span, /*#navfooter li span,*/ .sitemap li span                                    {display:none; visibility:hidden;}
#navtop li span.underline,#navside li span.underline, #navfooter li span.underline, .sitemap li span.underline {display:inline; visibility:visible;}


/* navtop 
*************************************************************************************************************************************/
#navheader                 {position:relative; margin:0 0 30px 0; min-height:58px; background:#E0DDDD url(bg_bodytop.jpg) repeat-x;}
                           .IE6 #navheader {height:58px; overflow:hidden;}
#navsearch                 {position:relative; margin:0 auto;}
#navsearch fieldset        {border:none;}
#navsearch legend          {display:none;}
#navsearch label           {width:30px; height:26px; display:block; position:absolute; right:41em; top:6px; background:url(txt_gurusearch.gif);}
#navsearch input.boxes     {width:17em; padding:2px 5px 3px 5px; margin:0; position:absolute; right:225px; top:10px; border:1px solid #fff;}




#navsearch input.boxes:hover {border:1px solid #83CEEB;}
#navsearch input.submit    {display:block; margin:0; position:absolute; right:190px; top:10px;}
                           .IE6 #navsearch input.submit {top:10px;}
#navsearch li              {list-style-type:none;}
#navsearch li.login a      {position:absolute; right:87px; top:10px; width:80px; height:21px; border-left:1px solid #529FCC; 
                            background:url(txt_login.gif) 100% 0 no-repeat;}
#navsearch li.logout a     {position:absolute; right:87px; top:10px; width:80px; height:21px; border-left:1px solid #529FCC; 
                            background:url(txt_logout.gif) 100% 0 no-repeat;}
#navsearch li.reg a        {position:absolute; right:10px; top:10px; width:80px; height:21px; background:url(txt_register.gif) 100% 0 no-repeat;}



#navtop                    {margin:38px auto 0 auto; text-align:left;}
                           .IE6 #navtop {margin:13px auto 0 auto;}
                           .IE7 #navtop {margin:14px auto 0 auto;}
                           .IE6 .home #navtop {position:relative; top:-25px;}
																											.AppleMAC-Safari5 #navtop {margin:0 auto 0 auto; position:relative; top:38px;} 
#navtop ul                 {border-left:1px solid #fff; min-height:20px; list-style-type:none; text-transform:uppercase;}
                           .IE6 #navtop ul, .IE7 #navtop ul {position:relative; top:1px;}
ul.MenuBarActive           {z-index:1000;}
#navtop ul li              {margin:0; padding:0; position:relative; white-space:nowrap; float:left; border-bottom:1px solid #fff;border-right:1px solid #fff;}
#navtop ul a               {color:#215673; display:block; padding:4px 9px; font-weight:bold; text-decoration:none; 
                            background:#D2D0D0 url(bg_navtop.gif) repeat-x;}
#navtop ul ul              {margin:0; padding:0; list-style-type:none; z-index:1020; cursor:default; white-space:nowrap; width:auto; position:absolute; left:-1000em;}
#navtop ul ul.MenuBarSubmenuVisible  {left:auto;}
#navtop ul ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{left:auto; top:0; z-index:1000000;}
#navtop ul a.MenuBarItemHover, #navtop ul a.MenuBarItemSubmenuHover, #navtop ul a.MenuBarSubmenuVisible {color:#fff; background:#A5A2A2;}
#navtop ul ul li a         {background:#CCCACA; font-weight:normal;}
#navtop ul ul ul           {position:absolute; margin:0 0 0 99%;}


/* navside 
*************************************************************************************************************************************/
#navside                      {float:left; width:20%; text-align:center;}
#navside .crnstop             {height:10px; width:100%; background:url(crn_navside_grey_tr.gif) 100% 0 no-repeat; text-align:left;}
#navside .crnstop img         {height:10px; width:10px; background:url(crn_navside_grey_tl.gif);}
#navside .crnsbtm             {height:10px; width:100%; background:url(crn_navside_grey_br.gif) 100% 0 no-repeat; text-align:left; margin:-1px 0 6px 0;}
#navside .crnsbtm img         {height:10px; width:10px; background:url(crn_navside_grey_bl.gif);}
#navside div.crnstop.blue     {background:url(crn_navside_blue_tr.gif) 100% 0 no-repeat;}
#navside div.crnstop.blue img {background:url(crn_navside_blue_tl.gif);}
#navside div.crnsbtm.blueb    {background:url(crn_navside_blue_br.gif) 100% 0 no-repeat;}
#navside div.crnsbtm.blueb img{background:url(crn_navside_blue_bl.gif);}/*need to make last class different or else ie just repeats it*/
#navside .greyhead div.crnsbtm    {background:url(crn_navside_white_br.gif) 100% 0 no-repeat;}
#navside .greyhead div.crnsbtm img{background:url(crn_navside_white_bl.gif);}
#navside .edge                {border-right:1px solid #ccc; border-left:1px solid #ccc; padding:0 4px; text-align:center;}

#navside h2                   {font-size:110%;} 
#navside li                   {list-style-type:none;}
#navside a                    {text-decoration:none; display:block; text-align:left;}

#navside ul.backto            {margin:0; text-align:left;}
#navside .backto li           {padding:1px 3px 1px 20px; margin:0 0 1px 0; background:#DEDEDE url(icn_arr_orback.gif) 4px 0.2em no-repeat;}
#navside .backto a            {font-weight:normal; color:#425F74; padding:0;}
#navside .backto a:hover, #navside .backto a:active, #navside .backto a:focus  {color:#7B98AC; color:#333; text-decoration:underline;}

#navside a.pad                {padding:6px 4px; color:#425F74; font-weight:bold; background:#DEDEDE url(icn_arr_greynext.gif) 97% center no-repeat;}
                              .IE6 #navside a.pad {width:96%;}
#navside a.pad.blue           {color:#fff; background:#367BA6 url(icn_arr_bluenext.gif) 97% center no-repeat;}

#navside .advert			  {width:100%;text-align:center!important; margin:10px; padding:auto;}

/* navbc 
*************************************************************************************************************************************/
#navbc                     {font-size:80%; margin-bottom:1em; color:#109ECE; font-weight:bold;}
#navbc a                   {text-decoration:underline; color:#003; font-weight:normal;}
#navbc span                {color:#003; font-weight:normal;}
#navbc a:hover,  #navbc a:active, #navbc a:focus       {background:#fff; color:#109ECD; text-decoration:underline;}


/* main   see also _viewset.css too
*************************************************************************************************************************************/
.standard #main h1         {margin:5px 0 0.5em 0; font-size:2em; font-weight:normal;}
.standard #content         {width:70%; width:78%; float:left; line-height:1.3em; font-size:1.2em;}
                            /*font size also in /resources/jscripts/tiny_mce/themes/advanced/skins/default/content.css for editor*/
.standard #content div.pad {margin:5px; padding:13px; padding:30px 40px 30px 30px; background:#EAECEB; background:#FAFAFA;}


#main                      {min-height:20em; float:right; width:79.09%; line-height:1em; padding:0 0 10px 0;}
                           .ie6 #main  {height:20em;}

/* footer
*************************************************************************************************************************************/
/*.home #navfooter           {margin:0 auto 0 auto; clear:both;}*/
.IE6 .home #navfooter      {margin:-10px auto 0 auto;}
#navfooter                 {clear:both; text-align:center; background:#F3F3F3; border-top:1px solid #E8E8E8; margin:0 auto;}
#navfooter h2              {font-size:1em; margin:5px 0 0 1em;}

/* Added by dave to replace h2's and strongs for seo purposes */
#navfooter .title          {font-size:1em; margin:5px 0 0 1em; font-weight:bold; display:block;}

#navfooter div             {width:19%; float:left; text-align:left; border-right:1px solid #E8E8E8;}
#navfooter div.first       {margin:0 0 0 12%; border-left:none;}
                           .IE6 #navfooter div.first {margin:0 0 0 8em!important;}
#navfooter div.last        {width:38%; border-right:none;}
#navfooter div.last ul     {float:left; margin-right:2em;}
#navfooter ul              {padding:0 0 15px 1em; color:#B2BEC5;}
#navfooter li              {list-style-type:none; /*display:inline;*/}
#navfooter li span         {display:none;}
#navfooter a               {color:#718997; text-decoration:none; }
#navfooter a:hover, #navfooter a:active, #navfooter a:focus {color:#18527B; text-decoration:underline;}
#navfooter hr              {border-top:1px solid #E8E8E8;}
                           .IE6 #navfooter hr {margin:-10px 0;}

#designedby                {text-align:right; margin:0 auto 0 auto; padding:30px 0 20px 0; position:relative; display:block; color:#9AACC1;}
                           .IE6 #designedby {margin:-16px auto 0 auto; padding:45px 0 20px 0; background:#fff;}
#designedby a span         {margin:0 7px 20px 0; display:block;}
#designedby a              {color:#C0CAD2; text-decoration:none; font-weight:normal;}
#designedby a:hover, #designedby a:active, #designedby a:focus {color:#2C4E67; text-decoration:none;}
#designedby img            {border:none; /*filter:alpha(opacity=30); -moz-opacity:0.3;*/}
#designedby a:hover img, #designedby a:active img, #designedby a:focus img  {filter:alpha(opacity=100); -moz-opacity:1;}
#designedby p              {margin:0 9px 0 0;}
#designedby p a            {}

.keep{}}


/*flowplayer tooltip*/
#doctip							{display:none;background:transparent url(/skins/_Global/images/tooltip-black.png);
       							 font-size:10px;height:90px;width:180px;padding:15px;color:#fff; line-height:1em;}
#doctip p						{color:#fff; line-height:1em;}




@media all {/*HIDDEN*/
/***********************************************************************************************************************************************************************
 GLOBAL HIDDEN controls the more general items & things that are specific to certain pages - but user does not need to see in WYSIWYG editor
***********************************************************************************************************************************************************************/

/* Global
***********************************************************************************************************************************************************************/
.alignright            {text-align:right;}
.alignleft             {text-align:left;}
.aligncenter           {text-align:center;}
.att                   {color:#c00;}
.border                {border:1px solid #cecece;}
.borderbtm             {border-bottom:3px solid #ABABAB;}
.borderblue            {border:1px solid #AAC2D0; position:relative;}
.borderblue .pad       {background:#FAFAFA;}
 /*#main .borderblue .padhr.clear {border-top-color:#E8F1F5;}*/
.boxes                 {background:url(bg_search.gif) no-repeat; border:1px solid #6FABCC;}
hr.clear               {opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
/*#main #content hr.clear{border-top:1px solid #E8F1F5; height:1px; overflow:hidden;}*/
#main p.darkgreybg     {padding:10px 6px; margin:0; color:#fff; font-weight:bold; font-size:1.1em; background:#6C6C6C;}
#main p.vdarkgreybg    {padding:10px 6px; margin:0; color:#fff; font-weight:bold; font-size:1.1em; background:#2F3032;}
#main p.darkbluebg     {padding:10px 6px; margin:0; color:#fff; font-weight:bold; font-size:1.1em; background:#1A577A;}
.home #main p.bluebg   {padding:5px 6px; margin:0 0 3px 0; color:#fff; font-weight:bold; font-size:1.1em; background:#1A577A;}
em.found               {font-style:normal; font-weight:bold;}

#main h2.pad           {padding-top:15px;}
span.indent, p.indent, div.indent            {margin:0 40px 0 40px;}
.floatright            {float:right;}
.floatleft             {float:left;}
.hidden                {display:none; visibility:hidden;}
.lg                    {font-size:120%;}
#main a.more           {font-weight:bold; padding:0 10px 0 0; color:#225A7D; background:url(icn_arr_bluedown.gif) 100% 0.6em no-repeat;}
#main a.readmore       {display:block; width:66px; height:14px; background:url(icn_readmore.gif) no-repeat;}
#main a.remove         {display:block; width:16px; height:16px; background:url(icn_remove.gif) no-repeat;}
.sm                    {font-size:80%; font-weight:normal;}
.sarah                 {color:#000; background-color:#FF0; border:1px solid #C00; padding:3px;}
.underline             {text-decoration:underline;}

div.half               {width:49.75%; margin:20px 0 0 0;}
#main div.half p       {margin:3px 3px;}


img.floatleft          {margin:0 12px 0 0; float:left;}
img.floatright         {margin:0 0 0 12px; float:right;}
#main p.aligncenter img,  #main p.aligncenter {margin:inherit auto inherit auto;}

.errorsummary          {color:#fff; padding:10px; margin:0.75em 0 1.5em 0; background:#E77D15; border:1px dashed #fff; display:block;}
.successsummary	       {color:#333; padding:10px; margin:0.75em 0 1.5em 0; background:#E4EDCE; border:1px dashed #9DC05F;}
.infosummary           {color:#333; padding:10px; margin:0.75em 0 1.5em 0; background:#E4EDCE; border:1px dashed #9DC05F;}
.errorstar	           	{color:#fff; font-size:140%; font-weight:bold; padding:1px 3px 0 3px; position:relative; vertical-align:top; top:3px; background:#C41F47;}

.categorybreadcrumb a {text-decoration:underline!important;font-size:14px!important;color:#FFF!important;}
a.categorybreadcrumb {text-decoration:underline!important;font-size:14px!important;color:#FFF!important;}



/* General Layout
*******************************************************************************************************************************************************************/
.btmadvert             {text-align:center; padding:22px auto 35px auto; display:none;}
.coheader              {margin:0 0 3px 0;}
#main div.dots hr      {border-top:1px solid #fff;}
/*#main div.comments p   {padding:5px; background:#E9EBEB;}*/
.header                {height:81px; position:relative; background:#3A7EA5 url(logo_manonblue.gif) 100% 0 no-repeat;}
.header img            {position:absolute; left:27px; top:7px;}
.largeswf              {float:left;}
                       .IE6 .largeswf {height:23.1em; overflow:hidden;}

.rsshome                  {clear:left; width:78.99%; float:left;}
                          .IE7 .rsshome {width:79.1%; margin:0 -0.1em 0 0;}
.home #main .rsshome p    {color:#fff; padding:6px 0 6px 6px; margin:3px 3px 3px 0; font-size:1.1em; font-weight:bold;
                           background:#333 url(bg_gradorange.jpg) center center;}
.rsshome p img            {float:left; float:left; vertical-align:top; position:relative; top:-6px; left:-6px; border-right:5px solid #fff; margin:0 5px -10px 0;}
.home #main .rsshome ul   {margin:0 3px 3px 0; padding:0; background:#f2f2f2; font-size:0.9em; float:left;}
                          .IE6 .home #main .rsshome ul,																									
                          .IE7 .home #main .rsshome ul {float:left;}
.home #main .rsshome li   {width:33.3%; float:left; color:#666; margin:0; padding:0 0 5px 0; list-style-type:none; display:block;}
.home #main .rsshome li a {color:#444; text-decoration:none; font-weight:bold; margin:0; padding:5px 0 0 0; text-indent:0; display:block;}
.home #main .rsshome li a:hover, #main .rsshome li a:focus, #main .rsshome li a:active    {color:#333; text-decoration:underline;}
.rsshome li img           {float:left; /*border:1px solid #0C0C0C;*/ margin:5px 4px 0 2px; padding:0;}

.docshome                  {clear:left; width:78.99%; float:left;}
                           .IE7 .rsshome {width:79.1%; margin:0 -0.1em 0 0;}
.home #main .docshome p    {color:#fff; padding:6px 0 6px 6px; margin:3px 3px 3px 0; font-size:1.1em; font-weight:bold;
                            background:#333 url(bg_gradorange.jpg) center center;}
.docshome p img            {float:left; float:left; vertical-align:top; position:relative; top:-6px; left:-6px; border-right:5px solid #fff; margin:0 5px -10px 0;
                            background:#fff;}
.home #main .docshome ul   {margin:0 3px 5px 0; padding:0; font-size:0.9em;}
                           .IE6 .home #main .docshome ul,																									
                           .IE7 .home #main .docshome ul {float:left;}
.home #main .docshome li   {width:25%; float:left; color:#666; margin:0 0 1px 0; padding:0 0 5px 0; list-style-type:none; display:block; height:6em;background:#DADADA;}
.home .docshome li strong  {font-weight:normal;}
.home #main .docshome li a {color:#444; text-decoration:none; font-weight:bold; margin:0; padding:5px 0 0 0; text-indent:0; display:block;}
.home #main .docshome li a:hover, #main .docshome li a:focus, #main .docshome li a:active    {color:#333; text-decoration:underline;}
.docshome li img           {float:left; border:1px solid #333; margin:0 2px 0 2px; padding:0;}


/* bluehead - h2 pale blue text with rounded crnrs on top
*******************************************************************************************************************************************************************/
.bluehead h2          {color:#D1DDE4; background:#1A577A url(crn_bluemid_tr.gif) 100% 0 no-repeat;}
.bluehead h2 strong   {padding:10px; display:block; background:url(crn_bluemid_tl.gif) no-repeat;}
.greyhead h2          {color:#425F74; background:#E0E0E0 url(crn_greymid_tr.gif) 100% 0 no-repeat;}
.greyhead h2 strong   {padding:10px; display:block; background:url(crn_greymid_tl.gif) no-repeat;}

.greyhead .toprow     {color:#425F74; background:#E0E0E0 url(crn_greymid_tr.gif) 100% 0 no-repeat;}
.greyhead .heading    {padding:10px; font-weight:bold; background:url(crn_greymid_tl.gif) no-repeat;}



/* Answers  Rows of Numbered Answers, generally on right of page at top
*********************************************************************************************************************************************************************/
.answers                  {width:51.9%; float:right; border:1px solid #CECECE; height:21em; min-height:217px; overflow:auto; }
                          .IE6 .answers {height:22.9em;}
div.answerset#main h2     {margin:1px; padding:7px 3px; color:#fff; background:#2E475B; background:#6C6C6C;}
div.answerset#main        {margin:1px; padding:0; font-weight:bold; color:#73737B; background:#E8EAEA;}
#main div.answer          {margin:0 0 1px 0; padding:3px; clear:both; border-bottom:1px solid #fff; height:5.5em;}
div.answerset#main        {width:99.6%; float:none;}
#main .answer .floatleft  {margin:0 8px 10px 0; border:1px solid #9C9C9C;}
div.answerset#main a      {color:#1B2F42; text-decoration:none; font-weight:normal;}
div.answerset#main a strong  {font-style:normal; display:block; margin:0;}
div.answerset#main a:hover, #main div.answerset a:active, #main div.answerset a:focus {color:#ADAEB2; text-decoration:none;}
div.answer a:hover img.floatleft, div.answer a:focus img.floatleft, div.answer a:active img.floatleft  {filter:alpha(opacity=70); -moz-opacity:0.7;}
div.answerset#main  p     {margin:5px 0 2px 2px;}

/*for .icnaction in grey on right, overwrites the above .answerset settings */
.answerset#main ul        {margin:0 0 0 -2px; width:71.8%; float:right;}
                          .IE6 #main .answerset ul {width:70.7%; width:73%;}




/*This originally started after /* Answers  Rows of Numbered Answers, generally on right of page at top*/
/* Icons that Call to Action - Share, Send, Link, Save & Comment
********************************************************************************************************************************************************************/
#main ul.icnaction         {margin:0; padding:0; list-style-type:none; height:16px; overflow:visible; background:#6C6C6C;}
#main .icnaction li        {display:inline; position:relative; top:1px; float:right;}
#main .icnaction li a      {float:left; display:inline; height:12px; margin:1px 0 0 4px; /*position:relative;*/}
#main .icnaction .icnshare a     {width:17px; margin-right:7px; background:url(icn_share_sm.gif);}          
#main .icnaction .icnsend a      {width:15px; background:url(icn_email_sm.gif);} 
#main .icnaction .icnlink a      {width:15px; background:url(icn_link_sm.gif);} 
#main .icnaction .icnsave a      {width:15px; background:url(icn_save_sm.gif);} 
#main .icnaction .icncmt a       {width:20px; background:url(icn_cmt_sm.gif);} 
/* Following was for <em>content</em> to show as own 'title' didnt work in ie6 so used title="content" instead - sarah
#main .icnaction li a:hover em, #main .icnaction ul li a:focus em, #main .icnaction ul li a:active em 
                           {display:block; position:absolute; left:-1.2em; top:-20px; z-index:1000; padding:2px 3px; font-style:normal; font-weight:normal;
                            border-bottom:1px solid #333; border-right:1px solid #333; background:#ffc; color:#222;}
#main .icnaction li a:hover, #main .featIntv li a:active, #main .featIntv li a:focus    {text-decoration:none;} 
#main .icnaction li.icncmt a:hover em, #main .icnaction ul li.icncmt a:focus em, #main .icnaction ul li.icncmt a:active em     {left:-2.5em;}  */


#main ul.icnactlg         {margin:0; padding:0; height:auto; min-height:4em; border:1px solid #CECECE; background:#F8F9F9;}
                          .IE6 #main ul.icnactlg {height:4em;}
                          .IE7 #main ul.icnactlg {height:4em;}
#main .icnactlg li        {display:inline;}
#main .icnactlg a         {display:block; float:left; margin:8px 27px 0 0; position:relative; left:8px;}
                          .IE6 #main .icnactlg a {position:relative; top:5px;}
#main .icnactlg .txt      {font-style:normal; font-weight:bold; line-height:420%;}
/*#main .icnactlg span      {display:none;}*/
#main .icnactlg .icnshare a {background:url(icn_share_lg.gif) center 0 no-repeat; margin-left:10px;} 
                          .IE6 #main .icnactlg .icnshare a {margin-left:5px;}         
.icnactlg .icnsend a      {background:url(icn_email_lg.gif) center 0 no-repeat;} 
.icnactlg .icnlink a      {background:url(icn_link_lg.gif) center 0 no-repeat;} 
.icnactlg .icnsave a      {background:url(icn_save_lg.gif) center 0 no-repeat;} 
.icnactlg .icncmt a       {background:url(icn_cmt_lg.gif) center 0 no-repeat;}
.icnactlg .icnmore a      {background:url(icn_more_lg.gif) center 0 no-repeat;}
.icnactlg .icnrss a       {background:url(icn_rss_lg.gif) center 0 no-repeat; margin:10px 0 0 0;}
.icnactlg .icnrate a      {background:url(icn_rate_lg.gif) center 0 no-repeat;}
                          .IE6 .icnactlg .icnrate a  {margin-right:-50px!important;}
#main .setinfo .icnactlg li a {color:#104A6B; text-decoration:none;}
#main .icnactlg li a:hover em, #main .icnactlg ul li a:focus em, #main .icnactlg ul li a:active em 
                          {position:relative; left:0; top:0; padding:0; text-decoration:none; color:#104A6B; border:none; background:none;}
/*see also line 63*/
#main a.icnemail          {width:25px; height:20px; margin:1em 5px 0 0; float:left; background-image:url(icn_email.gif);}
#main a.icnwww            {width:34px; height:20px; margin:1em 5px 0 0; float:left; background-image:url(icn_www.gif);}




}



@media all {/*Page Specific   
*********************************************************************************************************************************************************************/

/* Home Page - Channel Master */

.home #content             {margin:0.6m 0 0 0; width:41.2%; float:left; color:#fff; position:relative;}
                           .IE6 .home #content {left:-1px;}
.home #topstrap            {background:url(../Images/top_strap.gif) no-repeat;width:359px;height:45px; position:relative;}
.home #content h2          {padding:60px 0 8px 0; color:#827E7E;}
.home #content .setheight  {height:205px; color:#55829C; padding:0 5px 0 118px;}
.home #content ul          {width:125 px; margin:0; padding:0; font-size:0.9em;}
.home #content ul.left     {float:left;}
.home #content ul.right    {float:right;}
.home #content li          {list-style-type:none; margin:0; padding:0 0 3px 0;}
.home #main .setheight a              {text-decoration:underline; font-weight:normal; padding-left:2px;}
.home #main .setheight a:focus, .home #main .setheight a:active, .home #main .setheight a:hover    {text-decoration:none;}
.home #main                {float:none; width:100%; margin:15px 0 0 0;}
.home #main p.intro1       {padding:70px 0 10px 0; margin:0;}

#main .register            {background:#2F3032 url(bg_gradorange.jpg) repeat-x; border-top:3px solid #fff; width:100%; min-height:4.1em;}
                           .IE6 #main .register {height:4em;}
#main .register p          {margin:0; padding:1px 22px 1px 12px;}
                           .IE6 #main .register p,
                           .IE7 #main .register p {margin:0; padding:1px 22px 1px 12px;}



/*********************************************************************************************************************************************************************/
.home .largeswf            {float:left; width:37.19%; height:24.1em; margin:0 0.3% 0 0.3%; background:#6c6c6c;}

#main .featIntv            {float:left; width:21%; height:24.1em; min-height:249px; background:#6FABCC;}
                           .IE6 #main .featIntv,
                           .IE7 #main .featIntv {overflow:hidden; width:20.8%;}
#main .featIntv ul         {margin:5px 2.15% 5px 2.15%; margin:3px 2% 3px 2%; padding:0; width:96%; list-style-type:none; height:20em;}
#main .featIntv li         {clear:both; padding:0; margin:0 0 3px 0; vertical-align:top; min-height:6.6em; position:relative;
                            background:#397EA5 url(icn_videocam.gif) 98% 4px no-repeat;}
                           .IE6 #main .featIntv li {height:55px; padding:0; height:6.4em; overflow:hidden;}
                           .IE7 #main .featIntv li {height:55px; padding:0; height:6.4em; overflow:hidden;}
#main .featIntv li img.vid {position:absolute; top:0; left:5px; float:none; border:1px solid #fff;}																												
#main .featIntv li img     {margin:5px 5px 2px 0; float:left; border:1px solid #fff;}
#main .featIntv li a       {text-decoration:none; color:#C4D9E4; display:block; padding:0 0 0 90px; height:4em; overflow:hidden;}
#main .featIntv li a strong{display:block; color:#fff; margin:0 15px 3px 0; padding:5px 0 0 0;}
#main .featIntv li a:hover, #main .featIntv li a:focus, #main .featIntv li a:active, 
#main .featIntv li a:hover strong, #main .featIntv li a:focus strong, #main .featIntv li a:active  strong {color:#88B2C9;text-decoration:none;}
#main .featIntv li a:hover img, #main .featIntv li a:focus img, #main .featIntv li a:active img   {filter:alpha(opacity=70); -moz-opacity:0.7;}
#main .featIntv li hr      {padding:0; margin:0 0 0 -2.5%!important; position:relative; top:3px; border-top:3px solid #6FABCC;}
                           .IE6 #main .featIntv li hr {padding:0; margin:0 -1% -20px -2.5%; width:102.5%; position:relative; top:-2px; overflow:hidden; height:3px;}
                           .IE7 #main .featIntv li hr {padding:0; margin:0 -1% -20px -2.5%; width:102.5%; position:relative; top:-2px; overflow:hidden; height:3px;}
   
/*for .icnaction in blue on right, overwrites the above .featIntv settings */
#main .featIntv li ul.icnaction        {width:54%;margin:5px 0 0 90px; float:left; padding:0; position:absolute; top:auto; right:3px; background:#1A577A; height:15px;}
#main .featIntv li ul.icnaction li     {background:none; margin:0; padding:0; height:12px; clear:none; border:none;}
#main .featIntv li ul.icnaction li a   {display:inline; float:left; margin:0 4px 0 0; padding:0; height:12px;}
#main .featIntv .icnaction .icnshare a {width:17px; background:url(icn_share_bl.gif);}          
#main .featIntv .icnaction .icnsend a  {width:15px; background:url(icn_email_bl.gif);} 
#main .featIntv .icnaction .icnlink a  {width:15px; background:url(icn_link_bl.gif);} 
#main .featIntv .icnaction .icnsave a  {width:15px; background:url(icn_save_bl.gif);} 
#main .featIntv .icnaction .icncmt a   {width:20px; background:url(icn_cmt_bl.gif);}


.sponsors                  {float:right; width:21%; margin:3px 0 0 0;}
                           .IE6 .sponsors {margin:3px 0 0 -20px;}																											
                           .IE7 .sponsors {float:right; width:21%; margin:3px 0 0 0;}
#comingsoonFlash           {margin:3px 0 0 0;}
#btmRightAds	              {margin:7px 0 0 0;}



/* Standard Content **********************************************************************************************************************************************/
img.standard              {display:none;}
.standard img.standard    {display:block;}
.standard div.header      {display:none;}
.standard .pad            {min-height:40em;}
                           .IE6 .standard .pad {height:40em;}
																									
#navright                 {width:29.4%; width:20.5%; float:right; text-align:right;}
#navright .border         {margin:5px 0 3px 0; text-align:left;}
#main #navright ul        {list-style-image:none;}
#main ul.navright         {margin:10px 0 0 0; padding:0; list-style-type:none; list-style-image:none;}
#main ul.navright li      {border-bottom:1px solid #fff; background:#3A7EA5 url(icn_arr_blcircle.gif) 5px center no-repeat;}
#main .navright li span   {display:none;}
#main ul.navright a       {display:block; padding:9px 9px 9px 29px; font-weight:bold; color:#fff; text-decoration:none;}
#main ul.navright a:hover, #main ul.navright a:focus, #main ul.navright a:active     {color:#7CC7F1; text-decoration:none;}


/* Results **********************************************************************************************************************************************/
.results #main h1          {padding:12px 10px 15px 10px; margin:1px 0 3px 0; font-size:130%; color:#fff; background:#6C6C6C; background:#535353;}
.results #main h2          {color:#185579; padding:0; margin:0 0 5px 0; background:#fff url(bg_dotsgrey.gif) 0 100% repeat-x;}
.results #main h2 strong   {display:block; padding:20px 5px 8px 23px; margin:0;}
.results #main .pad        {margin:3px; padding:13px; background:#FAFAFA; }
.results #main .border     {margin:10px 0 0 0;}
#main .videosets h2 strong {background:url(icn_videocamblue.gif) 0 18px no-repeat;}

#main .companies h2 strong {background:url(icn_companies.gif) 0 18px no-repeat;}
                           .IE7 #main .companies h2 strong {padding:10px 5px 8px 23px; margin:1px 0 5px 0;}
#main .companies ul        {margin:0 -0.5% 0 0; padding:0; list-style-type:none;}
#main .companies li        {margin:0 0.5% 5px 0; padding:0; width:24.5%; height:7em; float:left; background:#EAECEB;}
                           .IE6 #main .companies li {width:24.1%;}
#main .companies li img    {float:left; margin:0 10px 6px 0;  border:1px solid #CFCFCF;}
#main .companies li span   {display:none;}
#main .companies a         {margin:0; padding:5px; display:block; text-decoration:none;}

#main .docs                {margin:0 0 20px 0;}
                           .IE6 #main .docs {margin:-15px 0 20px 0;}
#main .docs h2 strong      {background:url(icn_docs.gif) 0 18px no-repeat;}
#main .docs ul             {margin:-2px 0 0 0; padding:0; list-style-type:none;}
#main .docs li             {margin:0; padding:0;}
#main .docs li a           {display:block; height:28px; overflow:hidden; position:relative; line-height:260%; z-index:100; clear:both; 
                            border-top:3px solid #fff; cursor:pointer;}										
#main .docs li a:hover img, #main .docs li a:focus img, #main .docs li a:active img   {filter:alpha(opacity=70); -moz-opacity:0.7;}
#main .docs li span.img    {float:left; width:5%;}
#main .docs li img         {border:none;}
#main .docs .floatleft     {margin:0; padding:0 1%; float:right; width:93%; display:block; text-decoration:none; 
                            background:#EAECEB;}

/* Documents Page ***********************************************************************************************************************************************/
.documents                 { }
#main .documents ul        {list-style-type:none; margin:10px -3px 0 0; padding:0;}
.documents li              {width:33.33%; float:left;}
                           .IE6 .documents li,
                           .IE7 .documents li {width:33%;}
.documents li .title       {font-size:1.1em; font-style:normal; font-weight:bold; color:#fff; background:#1A577A; padding:6px; margin:0 3px 0 0; display:block;}
.documents li strong       {font-weight:normal; padding:0 3px 0 0;}
.documents li img          {float:left; border:1px solid #1A577A; margin:0 5px 5px 0;}
#main .documents li a      {text-decoration:none;}
#main .documents li a:hover, #main .documents li a:focus, #main .documents li a:active      {text-decoration:underline;}
#main .documents li ul     {margin:0 3px 10px 0; padding:3px; border:1px solid #AAC2D0; border-top:none; background:#fff;}
.documents ul li li        {width:auto; float:none; padding:5px; margin:0; height:3.1em; min-height:35px; background:#E7F0F4;}
                           .IE6 .documents ul li ul li,
                           .IE7 .documents ul li ul li {width:auto; margin-bottom:-1px;}
.documents ul li li.readmore   {height:20px;}
.documents ul li li.readmore a {display:block; width:66px; height:14px; float:right; background:url(icn_readmore.gif) no-repeat;}

#main .docsView p.h2       {font-size:1.1em; font-style:normal; font-weight:bold; color:#fff; background:#1A577A; padding:6px 10px; margin:0;}
#main .docsView ul         {padding:10px 0 0 0; margin:0; float:left; width:100%; list-style-type:none; background:#E7F0F4;}
                           .IE6 #main .docsView ul,
                           .IE7 #main .docsView ul {padding-bottom:15px;}
#main .docsView li         {clear:both; float:left; width:100%;}
                           .IE6 #main .docsView li {margin:0 0 17px 0; width:88%;}
                           .IE7 #main .docsView li {margin:0 0 17px 0;}
#main .docsView li strong  {padding:0 10px 3px 10px; display:block;}
#main .docsView li img     {float:left; margin:-6px 5px 13px 10px; vertical-align:middle; border:none;}
                           .IE6 #main .docsView li img {margin:0 5px 13px 10px;}
#main .docsView li a       {text-decoration:none;}
#main .docsView li a:hover, #main .docsView li a:focus, #main .docsView li a:active      {text-decoration:underline;}
#main a.back               {float:right; width:42px; height:14px; margin:-2px 3px 0 0; background:url(icn_back.gif);}
#main a.back span          {display:none;}

#main .docsView ul.list01  {border-bottom:1px solid #AFCBD9; margin-bottom:2px; background:#D3E4EB;}
                           .IE6 #main .docsView ul.list01 {padding-bottom:15px;}
                           .IE7 #main .docsView ul.list01 {padding-bottom:15px;}
#main .docsView ul ul      {border-bottom:1px solid #fff; width:100%;}
                           .IE6 #main .docsView ul ul,
                           .IE7 #main .docsView ul ul {position:relative; left:-20px; padding-bottom:15px;}
	
/* News ***********************************************************************************************************************************************/
.news img                  {float:left; padding:10px; margin:0 10px 20px 0;  border:1px solid #9CBED2; background:#fff;}
                           .IE6 .news img {margin:8px 10px 20px 0;}
.news hr                   {margin:20px 0;}
                           .IE6 .news hr {margin:10px 0;}



/* Forms ***********************************************************************************************************************************************/
#main fieldset             {margin:0; width:82%; clear:both; color:#333; border:1px solid #ccc; position:relative;
                            background:url(bg_gradpalestblue.jpg) repeat-x; font-size:0.9em;}
                           .IE6 #main fieldset, .IE7 #main fieldset {background-position:0 1.1em;}
#main fieldset legend      {padding:3px 7px; margin-left:10px; background:#F2F2F2; color:#666; border:1px solid #ccc;}
.standard #content fieldset div.pad    {padding:15px 20px 20px 20px; min-height:1em; margin:0; background:none;}
                           .IE6 .standard #content fieldset .pad {height:1em;}
#main label                {padding:0 3px;}
#main .float               {float:left; width:30%; margin:0 0 5px 0; padding:4px 0; clear:left;}
                           .IE6 #main .float {padding:2px 0 3px 0;}
#main fieldset .boxes      {float:right; width:68%; margin:0 0 5px 0; padding:3px 2px; border:1px solid #999; color:#333;}
#main fieldset select.boxes{width:69.5%; background:#fff; padding:1px;}
#main fieldset textarea.boxes  {height:12em;}
#main fieldset hr          {border-top:1px solid #EBEBEB;}
/*#main #content hr.clear    {border-top:1px solid #E8F1F5;}*/
#main fieldset span.pad    {display:block; clear:both; margin:1em 0 0 0; min-height:1em!important; background:none!important;}
#main fieldset span.pad input  {margin:0 2px 0 11.7em;}
#main fieldset.alt .boxes  {width:46%;}
#main fieldset.alt table   {width:40%; position:relative; top:-13px; border-collapse:collapse;}
#main fieldset .sm         {width:99px; position:relative; right:9.2em; top:-8px; padding:2px 5px; font-size:18px; letter-spacing:9px;}
#main fieldset.alt .sm     {width:99px; right:3.8em;}
                           .IE6 #main fieldset.alt .sm {right:3.6em; }
#main fieldset .readonly   {float:right; width:68%; margin:0 3px 5px 0; padding:3px 2px 3px 0;}
#main fieldset .enq table  {margin-left:2px;}
#main fieldset.alt td      {padding:0;}
#main fieldset.alt .float  {width:55%;}
#main fieldset.alt hr.alt  {border-top:1px solid #EFEFEF;}
#main .submit              {margin:0 auto; padding:5px 8px; color:#333; font-size:1.2em;}
#main .submitsm            {margin:0 auto; padding:3px 8px; color:#333; font-size:1em;}


/*AutoComplete flyout */
.autocomplete_completionListElement	  {visibility:hidden;margin:0px!important;background-color:#fef;color:windowtext;border:buttonshadow;list-style-type:none;
                                       border-width:1px;border-style:solid;cursor:'default';overflow:auto;height:200px;text-align:left;z-index:11000000;}
.autocomplete_highlightedListItem	    {background-color:#ffff99;color:black;padding:2px;}/* AutoComplete highlighted item */
.autocomplete_listItem				           	{background-color:window;color:windowtext;padding:2px;}/* AutoComplete item */


/* Ramon 10.02.2010 - Skinning Data Collection screens - Begin */
/* using custom id "popupbox" in order not to overwrite any other style in any other site page I´m not familiar with */
/* Popup boxes ***********************************************************************************************************************************************/

#popupbox {	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
	text-align:left;
}
	.IE8 #popupbox  { margin-left :15px; }
	.IE7 #popupbox  { margin-left :15px; }
	.IE6 #popupbox  { margin-left :15px; }

#popupbox a{color:#0033CC;}
#popupbox h1, h2, p, form{
	border:0px;
	margin:0px;
	padding:0px;
	color: #397EA5;
}

#popupbox h1 {
	margin:0 0 20px;	
}

#popupbox input, select{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin-bottom:5px;
	margin-right:5px;
}

#popupbox h2{	color:#666666; 
	margin-bottom:20px;
	font-size:16px;
}

#popupbox div.main{
	width:90%;
	padding: 20px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #999999;
	}
	
#popupbox p {
	color: #666666;
}

#popupbox div.box{
	border:solid 1px #c6cfe1;
	background:#ECF4F9;
	padding:10px;
	color:#666666;
	margin-bottom:20px;
}
#popupbox div.box h1 {
	font-size:14px;
	color:#ffffff;
	padding-bottom:4px;
}
#popupbox div.box p{padding-bottom:14px;}

#popupbox div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}

#popupbox div.box label{
	display:inline;
	margin-bottom:10px;
	color:#666666;
}

#popupbox div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:150px;
	text-align:right;
	font-weight:bold;
}
#popupbox .spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
#popupbox .green{
	background:url(submit-orange.gif);
	/*background:url(submit-green.gif);*/
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

#popupbox ul, #popupbox ol, #popupbox dl {
	margin:0.75em 2em 1.5em;
}

/* Ramon 10.02.2010 - End */

/* Ramon 18.03.2010 - Video Set Transcript classes */
.transcriptdesc {
	padding: 10px;
}

.transcriptdesc .title
{
	font-size: 1.5em;
	font-weight: bold;
	line-height: normal;
}

.transcriptdesc .description 
{
	margin-top: 5px;
}

.transcriptdesc .image
{

}

.transcriptdesc a
{
	font-weight: bold;
}

.transcriptdesc .leftcontainer
{
	padding:5px;
	vertical-align: top;
}

.transcriptdesc .rightcontainer
{
	padding:0;
	vertical-align: top;
}

.transcriptcontent
{
	width: 100%;
	padding: 10px;
}

.transcriptcontent .questiontitle
{
	font-weight: bold;
}

.transcriptcontent .questionlink
{
	font-size: 0.85em;
}
/* Ramon 18.03.2010 - End */

}

/* Transcription box */



#GuruOverlay {background-image:url(/skins/_Global/Images/white.png);width:760px; height:530px;	display:none; padding:35px;}
	.IE6 #GuruOverlay {padding-top:75px; padding-bottom:10px;}
#GuruOverlay div.close {background-image:url(/skins/_Global/Images/close.png);position:absolute; right:5px; top:5px; cursor:pointer;height:35px; width:35px;}
	.IE6 #GuruOverlay div.close {background-image:url(/skins/_Global/Images/close-not-transparent.png);right:35px; top:30px;}
#GuruIFrame			{border:0px solid #fff; width:750px; height:520px; overflow-y:auto; overflow-x:hidden;}
	.IE6 #GuruIFrame {height:480px;}
#GuruButton img	{border:0;}
/*********** End Of Popups styles *********************************************/




@media all  {/*Logged In Areas
**************************************************************************************************************************************/
#main ul.accIcons         {margin:0 -400px 0 0; padding:0; list-style-type:none; width:110%;}
#main ul.accIcons li      {display:inline; margin:0 -5px 0 0;}
                          .IE6 #main ul.accIcons li {margin:0;}
#main ul.accIcons a:hover img, #main ul.accIcons a:active img, #main ul.accIcons a:focus img  {filter:alpha(opacity=60); -moz-opacity:0.6;}
#main ul.accIcons span    {display:none;}

img.histhumb              {border:1px solid #1A577A;}      

div.reportHeader          {width:780px; padding:10px; color:#fff; background:#397EA5;}   
#main .reportHeader label.float    {float:left; width:18%;}   
                          .Firefox2 #main .reportHeader label.float {margin:0 0 3px 0;} 
#main .reportHeader input {margin:0 0 3px 0;}



                          .Firefox3 #main .reportHeader input {padding:0!important;}
                          .Firefox2 #main .reportHeader select {margin:0 0 3px 0;}

div.reportResults         {width:780px; padding:10px; color:#fff; background:#B7B6B6; background:#858383;}  
div.reportResults table   {border-collapse:collapse;}
div.reportResults th      {padding:2px 3px; border-bottom:1px solid #ccc;}
div.reportResults td      {padding:4px 3px; border-bottom:1px solid #ccc;}
#main .reportResults a    {color:#fff; text-decoration:none; padding:0 0 0 13px; background:url(icn_arr_bluforward.gif) 0 0.2em no-repeat;}
#main .reportResults a:hover, #main .reportResults a:active, #main .reportResults a:focus    {color:#CACACA; text-decoration:none;}

table.calendar            {border-collapse:collapse; background:#fff!important; border:solid #999999 1px; width:200px; text-align:center; margin:0 auto;
                           /*prevent user from selecting text in Moz&Safari - check cal constructor for IE code)*/ /*-khtml-user-select:none;*/ -moz-user-select:none;}
table.calendar input, table.calendar select {font-size:10px;}
table.calendar td        {border:0; font-size:10px; text-align:center;}
div.mainheading          {margin:2px;}
table.caldayheading      {border-collapse:collapse; cursor:pointer; empty-cells:show; margin:0 6px 0 6px;}
table.caldayheading td   {border:1px solid #CCCCCC; text-align:left; color:#0054E3; font-weight:bold; width:22px; /*should match calendar cell's width*/}
table.caldayheading td.wkhead {border-right:double #CCCCCC 3px;}
table.calcells           {border-collapse:collapse; cursor:pointer; margin:0 6px 0 6px;}
table.calcells td        {border:1px solid #CCCCCC; vertical-align:top; text-align:left; font-weight:bold; width:22px; height:20px; /*IE doesn't like ems*/}
table.calcells td div    {padding:1px; margin:0;}
table.calcells td.wkhead {background-color:white; text-align:center; border-right:3px double #CCCCCC; color:#0054E3;}
table.calcells td.wkday  {background-color:#DDDDDD;}
table.calcells td.wkend  {background-color:#DDDDDD;}
table.calcells td.curdate {}
table.calcells td.cell_selected {background-color:#99CCFF; color:black;}
table.calcells td.notmnth       {background-color:#FFFFFF; color:#CCCCCC;}
table.calcells td.notallowed    {background-color:white; color:#EEEEEE; font-style:italic;}
table.calcells td.hover         {background-color:#999999;}



.keep{}}




@media screen {/*ICONS*/
.hide         {display:none;} /*Usually used when text is a background image. Hides items in screen view only, so items do print as opposed to hiiden*/  
}

@media print  {/*PRINT      .dummy       {}*/
/***********************************************************************************************************************************************************************
 PRINT Is last in cascade & therefore overwites any previous css.
***********************************************************************************************************************************************************************/
#navheader, #navside, #navmain, #navleft, #navright, #navfooter, #designedby, #accessibiltylinks, #navbc, .noprint 
                    {visibility:hidden; display:none;}
/*                   {color:#000; background:#fff; background-image:none;}*/
#navwrappper        {position:absolute; left:0; top:0; padding:0; border:none; margin:0;}
#main {padding:0; border:none; margin:0; width:100%;}
}

/* changed to span class="hide" keep for a while jic
#navsearch label em        {display:none;}
#navsearch a em            {display:none;}
#main a.readmore em    {display:none;}
#main a.remove em      {display:none;}
#main .icnaction li span   {display:none;}
#main .icnaction li em     {display:none;}
#main a.icnemail em       {display:none;}
#main a.icnwww em         {display:none;}
#main .register a em       {display:none;}
.setheader h3 a em        {display:none;}
div.readmore em             {display:none;}
#main a.addcom em           {display:none;}
#main li.icnwww em          {display:none;}
#main li.icnemail em        {display:none;}*/