
/* SUN.COM DEFAULT.CSS V2.7 */

/* IMPORT FOR 5.X AND UP BROWSERS */
@import url(ss2.css);

/* DEFAULT FONT, GENERIC */
body,th,td,p,div,span,a,input,select,textarea,ul,ol,dl,h1,h2,h3,h4,h5,h6,li,big,small{font-family:lucida,arial,sans-serif}
body,th,td,p,div,span,a,ul,ol,dl,li,select,input,textarea{font-size:12px}
body,th,td,p{color:#333}
code,kbd,tt,pre,code a,kbd a,tt a,pre a,code span,kbd span,tt span,pre span{font-family:monaco,courier,"courier new";font-size:12px}
code,kbd,tt,pre,code span,kbd span,tt span,pre span{color:#666}
.smaller,.smaller a,small,.small,small span,.small span,.small a,small a,div.sitelinks,div.sitelinks a,.breadcrumb{font-size:11px;font-family:arial,helvetica,lucida,sans-serif}
big,.big,big span,.big span,.big a,big a{font-size:14px}
h5,h5 a,h6,h6 a,h5 span,h6 span{font-size:14px;color:#000}
h1,h2,h3,h1 span,h2 span,h3 span,h1 a,h2 a,h3 a{font-size:17px;color:#000}
h4,h4 span,h4 a{font-size:16px;color:#000}
h1,h2,h3,h4,h5,h6{margin:3px 0px;padding:0px}
a{text-decoration:none}
a:visited{color:#006699}
/*a:visited{color:#96C}*/
a:link,a.named:visited,div.breadcrumb a:visited,div.sitelinks a:visited{color:#594FBF}
a:hover,b.error,span.error{text-decoration:underline}
dt{font-weight:bold;padding:5px 0px 0px 0px}
ul li{list-style-type:square;list-style-image:url("/css/ic_bullet.gif")}


/* FORMS */
form{display:inline}
form,select,input,textarea,ul li{margin:0px;padding:0px}

/* TEXT */
/*
td.sectiontitle1,td.sectiontitle1 a,td.sectiontitle1 div{font-size:16px;font-weight:bold}
td.sectiontitle2,td.sectiontitle2 a,td.sectiontitle2 div{font-size:15px;font-weight:bold}
*/
a.pagetitle,div.pagetitle,div.smallpagetitle{padding:0px 10px;font-weight:bold;color:#000}
a.pagetitle,div.pagetitle{font-size:21px}
a.nonuw,a.nonuw:link,a.nonuw:visited{text-decoration:none;color:#fff}
/*
div.smallpagetitle{font-size:20px}
*/
div.pagetitle2{font-size:16px;color:#333}
div.breadcrumb{color:#899CE6}
div.navtitle{padding:0px 0px 5px 0px;font-weight:bold}
/*
p.compact{margin:0px}
p.compact2{margin:0px 0px 7px 0px}
*/
span.rightarrow,span.rightarrowblue,span.rightarrowred,span.rightarrowwhite{font-family:lucida,arial,sans-serif}
span.rightarrowblue{color:#899CE6}
span.rightarrowred{color:#CC3335}
span.rightarrowwhite{color:#FFF}

.red,b.error,span.error{color:#D12124}
.blue{color:#594FBF}
.new{color:#F00}
.note{color:#000}
.new,.note{text-transform:uppercase;font-weight:bold}

/* SUN COLORS */
.sunred{background:#D12124}
.sunblue{background:#594FBF}
.ungdomshusnublue{background:#006699}
.sunyellow{background:#FBE249}
.sunred,.sunblue,td.sunred a,td.sunblue a{color:#FFF}
td.sunred b,td.sunred div.navtitle{color:#FFDE00;font-weight:bold}
td.sunred li,td.sunblue li,td.sunred ul,td.sunblue ul{color:#FFF;list-style-image:url("/css/ic_bullet_white.gif")}
td.sunblue b,td.sunblue div.navtitle{color:#FFDE00}
td.sunyellow b,td.sunyellow div.navtitle,td.sunyellow a:link,td.sunyellow a:visited{color:#594FBF}
td.sunyellow a:hover{color:#594FBF;text-decoration:underline}

/* DIV PAD */

div.pad0x10,div.sitelinks,div.pagetitle2,div.breadcrumb{padding:0px 10px}  
div.pad6{padding:6px}

div.pad8{padding:8px}

div.pad10{padding:10px}

div.pad5x10{padding:5px 10px}
div.pad10x0{padding:10px 0px}

div.pad3x0{padding:3px 0px}

div.contentdivider {padding:4px 0px 8px 0px}
div.pad2x0x10x0{padding:2px 0px 10px 0px}
/* SPACERS */
.sp10{font-size:8px !important}
.sp8{font-size:7px !important}
.sp5{font-size:4px !important}
.sp2{font-size:2px !important}

/* TABLE STYLES */

td.vatop,th.vatop,tr.vatop td,tr.vatop th,table.vatop td,table.vatop th,div.vatop{vertical-align:top}
td.vamiddle,th.vamiddle,tr.vamiddle td,tr.vamiddle th,table.vamiddle td,table.vamiddle th,div.vamiddle{vertical-align:middle}
td.vabottom,th.vabottom,tr.vabottom td,tr.vabottom th,table.vabottom td,table.vabottom th,div.vabottom{vertical-align:bottom}

/* TABLE COLORS */
table.dkgrey{background:#666}
/*
table.black{background:#000}
td.black,th.black,tr.black td,tr.black th,table tr td.black,table tr th.black{background:#000;color:#FFF}
td.dkgrey,th.dkgrey,tr.dkgrey td,tr.dkgrey th,table tr td.dkgrey,table tr th.dkgrey{background:#666;color:#FFF}
table.ltgrey,td.ltgrey,th.ltgrey,tr.ltgrey td,tr.ltgrey th,table tr td.ltgrey,table tr th.ltgrey{background:#CCC}
table.vltgrey,td.vltgrey,th.vltgrey,tr.vltgrey td,tr.vltgrey th,table tr td.vltgrey,table tr th.vltgrey{background:#DDD}
*/
table.white,td.white,th.white,tr.white td,tr.white th,table tr td.white,table tr th.white,td.white,table.white1,td.white1,th.white1,tr.white1 td,tr.white1 th,table tr td.white1,table tr th.white1,td.white1{background:#FFF}

table.dkgrey1,td.dkgrey1,th.dkgrey1,tr.dkgrey1 td,tr.dkgrey1 th,table tr td.dkgrey1,table tr th.dkgrey1{background:#BBB}
/*
table.grey1,td.grey1,th.grey1,tr.grey1 td,tr.grey1 th,table tr td.grey1,table tr th.grey1{background:#ECECEC}
table.grey2,td.grey2,th.grey2,tr.grey2 td,tr.grey2 th,table tr td.grey2,table tr th.grey2{background:#FDFDFD}
*/
table.grey3,td.grey3,th.grey3,tr.grey3 td,tr.grey3 th,table tr td.grey3,table tr th.grey3{background:#E3E3E3}


table.navblue,td.navblue,th.navblue,tr.navblue td,tr.navblue th,table tr td.navblue,table tr th.navblue{background:#E4E9FF}

table.blue1,td.blue1,th.blue1,tr.blue1 td,tr.blue1 th,table tr td.blue1,table tr th.blue1{background:#8A9CE8}
/*
table.yellow1,td.yellow1,th.yellow1,tr.yellow1 td,tr.yellow1 th,table tr td.yellow1,table tr th.yellow1{background:#FFC}
*/
table.yellow2,td.yellow2,th.yellow2,tr.yellow2 td,tr.yellow2 th,table tr td.yellow2,table tr th.yellow2{background:#FFFFE2}

/* OLD 1 */
/*
table.dkblue{background:#669}
table.dkred{background:#C33}
td.dkblue,th.dkblue,tr.dkblue td,tr.dkblue th,table tr td.dkblue,table tr th.dkblue{background:#669;color:#FFF}
table.ltblue,td.ltblue,th.ltblue,tr.ltblue td,tr.ltblue th,table tr td.ltblue,table tr th.ltblue{background:#CCF}
td.dkred,th.dkred,tr.dkred td,tr.dkred th,table tr td.dkred,table tr th.dkred{background:#C33;color:#FFF}
table.ltred,td.ltred,th.ltred,tr.ltred td,tr.ltred th,table tr td.ltred,table tr th.ltred{background:#F99}
.redbld,.rednote,.updated{color:#F00}
.whtbld,.blkbld,.redbld{font-weight:bold}
.blknote,.rednote,.updated{text-transform:uppercase;font-weight:bold}
a.nonu,a.nonuc,a.nonuw{text-decoration:none}
a.nonu,a.nonuc,a.unbl,a.blklink,.blkbld,.blknote{color:#000}
a.nonuw,a.undw,a.unwt,.whitehdr,.whtcopy,.whtbld{color:#FFF}
p.quote{color:#900}
p.credit{padding:0px 30px}
td.citm,td.itm{padding-right:2px;text-align:right}
td.citm{color:#F00;background:#FFF}
td.itm{color:#000}
*/
/* OLD 2 */
/*
tr.title-bg td,td.title-bg{background:url("/css/old_bev_top.gif") repeat-x}
tr.bottom-bg td,td.bottom-bg{background:url("/css/old_bev_bottom.gif") repeat-x}
tr.line-bg td,td.line-bg{background:url("/css/old_tile-hr.gif") repeat-x}
.dkbluecopy{color:#669}
.ltgreycopy{color:#888}
.solo-pad{padding:9px 5px 1px 9px}
.main1{margin:5px}
.main3{margin:0px 9px}
.main4{margin:9px 9px 0px 9px}
.main5{margin:9px 0px 0px 0px}
.fea-main1{margin:5px 8px 9px 8px}
div.group-pad{padding:9px}
div.group-pad P,div.group-pad div,.main2,.fea-main2{padding:3px 0px}
*/
/* OLD 3 */
/*
table.present{background:#C60}
table.promo,td.promo,th.promo,tr.promo td,tr.promo th,table tr td.promo,table tr th.promo{background:#FC6}
table.present,td.present,th.present,tr.present td,tr.present th,table tr td.present,table tr th.present{background:#C60;color:#FFF}
table.dktan,td.dktan,th.dktan,tr.dktan td,tr.dktan th,table tr td.dktan,table tr th.dktan{background:#C96}
table.lttan,td.lttan,th.lttan,tr.lttan td,tr.lttan th,table tr td.lttan,table tr th.lttan{background:#FFC}
table.yelltd.yell,th.yell,tr.yell td,tr.yell th,table tr td.yell,table tr th.yell{background:#FF6}
table.green,td.green,th.green,tr.green td,tr.green th,table tr td.green,table tr th.green{background:#CC6}
table.orange,td.orange,th.orange,tr.orange td,tr.orange th,table tr td.orange,table tr th.orange{background:#F90}
*/

/*   ------------------------   */
/* MODIFICATIONS OF MAGELLAN CSS  */
/*  (each line is overriding one or more of the style rules from the magellan classes)  */

body,th,td,p,div,span,a,input,select,textarea,ul,ol,dl,h1,h2,h3,h4,h5,h6,li,big,small{font-family:arial,helvetica,sans-serif}   
/* note that we have removed span from the font-size rule.  */
body,th,td,p,div,a,ul,ol,dl,li,select,input,textarea{font-size:13px}  /* larger size, overridden by @import rules  */

code,kbd,tt,pre,code a,kbd a,tt a,pre a,code span,kbd span,tt span,pre span{font-size:12px}
.smaller,.smaller a,.smaller b,small,.small,small span,.small span,.small a,small a,div.sitelinks,div.sitelinks a,.breadcrumb{font-size:12px}/* larger size, overridden by @import rules  */
big,.big,big span,.big span,.big a,big a{font-size:14px} 
.sectiontitle1,.sectiontitle1 a{font-size:16px;font-weight:bold}
.sectiontitle2,.sectiontitle2 a{font-size:16px;font-weight:bold}

span.rightarrow,span.rightarrowblue,span.rightarrowred,span.rightarrowwhite{font-family:verdana,arial,sans-serif;font-size:12px;font-weight:bold} /* we've continued using our style from last year. Was there a problem that came out surrouding the bold verdana style here?   */

input.buttonblue,input.buttonred{font-family:verdana;lucida,arial,sans-serif;height:1.5em;font-size:11px}  /*  repairing some ns6 spacing problems introduced by css tweaks subsequent to magellan.  */

div.pagetitle{color:#333;font-weight:normal}
div.pagetitle2{color:#333;font-weight:bold}





/*  ADDITIONS ABOVE AND BEYOND MAGELLAN CSS  */
/*  (new class names, not taken from magellan css, or additional style rules added to existing classnames)*/




span.quotehighlight {color:#666;font-size:16px;line-height:21px}  /* used in article component   */
.sp4{font-size:3px !important}  

div.sectiontitle1 a {font-family:arial,helvetica,sans-serif;font-weight:bold}  /* this is used on the homepage, but it may be used elsewhere, so i havent named it yet */ 



td.selectcell { font-size:12px}  /* this is a workaround to patch ns4's bug regarding styled select elements */
table.topnav td a, table.topnav td,table.topnavlight td a, table.topnavlight td,td.selectcell,span.ltcaption1, span.ltcaption1 a,span.dkcaption1, span.dkcaption1 a,div.footer,div.footer a{font-size:12px; }


a:visited span.ltcaption1{color:#96C}
a:link span.ltcaption1{color:#594FBF}


p {margin-top:0px;margin-bottom:17px} /*  this is our recommendation.   */

table.dkgrey2,tr.dkgrey2,th.dkgrey2,td.dkgrey2 {background-color:#d6d6d6}
table.grey4,tr.grey4,th.grey4,td.grey4 {background-color:#e7e7e7}   /*  very similar to grey3. We may consolidate  */
table.grey5,tr.grey5,th.grey5,td.grey5 {background-color:#f1f1f1}   
table.navblue2,tr.navblue2,td.navblue2 {background:#f0f4ff}

span.sp20 {font-size:19px}
div.datacell {padding:3px 6px 4px 6px}
div.pad4x9 {padding:4px 9px}
div.pad3x5 {padding:3px 5px}
div.pad3 {padding:3px}
div.colpadding1 {padding:7px 10px 8px 10px}
div.colpadding2 {padding:4px 8px 8px 8px}
div.colpadding3 {padding:4px 10px 8px 10px}
div.colcaption1 {padding: 4px 6px 0px 6px}
div.padbottom10 {padding-bottom:10px}
div.headerpadding2{padding:1px 6px 2px 6px}

hr.ltgrey{background:#ccc;color:#ccc}
hr.grey3 {color:#e3e3e3;}
table.topnav td{color:#666}

table.topnavlight td a,table.topnavlight td a:visited,table.topnavlight td {color:#fff}
table.topnav td a:visited{color:#594FBF}
table.topnav span.rightarrowblue,table.topnav span.rightarrowwhite {font-size:11px}
td.headerbar1 {color:#333;background-color:#e7e7e7;font-weight:bold}  /* a center component header */
td.headerbar2 {color:#666;background-color:#e7e7e7;font-weight:bold}  /* a rightnav header */
td.headerbar3 {color:#fff;background-color:#594FBF;font-weight:bold}  /* a dark blue header, ie 'related links' in rightnav */
td.headerbar4 {color:#fff;background-color:#666;font-weight:bold}  /* a darker grey header on the homepage  */
td.headerbar5 {color:#666;background-color:#CCD6F7;font-weight:bold}  /* a lighter blue rightnav header   */
td.headerbar6,th.headerbar6 {color:#fff;background-color:#999;font-weight:bold}  /* a dark grey header on the forum list */


span.ltcaption1{color:#999}
span.dkcaption1,b.dkgrey{color:#666}
span.ltcaption2 {color:#999}  
span.termhighlight {background-color:#FFFF66;layer-background-color:#FFFF66}


input.medium {width:95px;}  
input.large,select.large,textarea.large {width:155px}  /*  our recommendation is to use size attributes for ns, and class-based sizing for all others.  */
input.xxlarge,textarea.xxlarge,select.xxlarge {width:300px} 
select.globalsearch{background:#e3e3e3;}
div.greyformfield select,div.greyformfield input,div.greyformfield textarea{background:#f1f1f1}  /*  this name will change;  there will be a spec for when select pulldowns are light grey and when they are default white.  The grey is for when they are close to white text input boxes.  This can often be a confusing situation for users, initially misidentifying the select as an input. */

input.buttonltblue,input.buttonblue2{cursor:hand;font-family:verdana;lucida,arial,sans-serif;color:#FFF;height:1.45em;font-size:11px;padding:0px;margin:0px;border:0px none #000;font-weight:bold}  /* We have reverted to the magellan styles,  verdana, and bold.  Unsure why this was changed to lucida, but eager to hear the reasoning.   */

div.leftnav1 {font-weight:bold; color:#999}
div.leftnav1 a {font-weight:bold}

td.tooltab {background-color:#d4d6d5;layer-background-color:#d4d6d5;vertical-align:bottom}
td.tooltab div {padding:1px 0px 1px 6px;border-bottom:3px solid #b8b8b8;border-top:2px solid #fff}
td.tooltabon {background-color:#666;layer-background-color:#666;vertical-align:bottom}
td.tooltabon div {padding:3px 0px 3px 6px}
td.tooltabon b {color:#fff}

input.buttonblue2{background:#594FBF}  /*  additional button styles */
input.buttonltblue{background:#969ADE}/*  additional button styles */


table.photobackground {background-repeat:no-repeat}
.hyphen {color:#594FBF;text-align:right;white-space:nowrap}
div.footer { color:#999;padding:5px 0px 10px 0px}

/* styles for photographic mastheads  */
div.mastheadcaption{position:absolute;left:200px;top:0px;visibility:hidden;background-color:#fff;layer-background-color:#fff;padding:0px 3px;}
div.mastheadcaption{filter:alpha(opacity=87);-moz-opacity:0.87;} /* opacity styles must be in a seperate rule or else visibility:hidden */

div.photobg1 {background-color:#4394CC;}
div.photobg2 {background-color:#F1EEE9;}
div.photobg3 {background-color:#3A0107;}


li.montague {list-style-type:square;list-style-image:url("/css/ic_bullet.gif")}

a.pagetitle{font-size:21px;padding:0px 10px;font-weight:bold;color:#fff;text-underline:none}
