/*
Hallvarsson & Halvarsson main style sheet
Latest update: 071105
By: Martin S.
*/

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

/* this is for the lightbox (labels) to work */
html, body{height:100%;width:100%}
body{background:#999 url(/templates/media/layoutgraphics/bg-body.gif) repeat-x 0 0;color:#000;font:62.5%/1 georgia, arial, verdana, sans-serif}
:focus{outline:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;clear:both}
caption,th,td{font-weight:400;text-align:left}


/* heading styles */
h1{color:#127e22;font:2.3em georgia, serif;line-height:1.2em}
h2, h3{font-family:georgia, serif;font-weight:100;margin:0.3em 0 0.7em 0}
h2{clear:both;color:#127522;font-size:2em}
h3{clear:both;color:#595959;font-size:1em}


/* link styles */
a{text-decoration:none}
a img{border:none}
a.rss{background:url('/templates/media/layoutgraphics/feed-icon12x12-ver2.gif') no-repeat 0 2px;padding-left:16px}

blockquote{background:url(/templates/media/layoutgraphics/bg-quotes.gif) no-repeat 0 0.5em;color:#595959 !important;font:0.8em georgia, serif;color:#333;margin:0.6em 0 2em 0;width:445px;float:left}
blockquote p{line-height:1.7em;margin:0 0 0 40px !important}
span.pullquote{display:none}
blockquote.pullquote{display:block}
label{cursor:hand;cursor:pointer}
em{font-style:italic}
strong{font-weight:bold}

.hoRule{border-top:dotted 1px #666;clear:both;height:2px;margin:10px 62px;width:778px}
.hoRule hr{display:none}
.hr{background:url(/templates/media/layoutgraphics/hr.gif) no-repeat 50% 0;clear:both;float:left;height:7px;margin-top:15px;width:100%}
.hr hr{display:none}


/*	main section styles ---------------------- */
#wrap{font:1.1em/1.3em arial, tahoma, verdana, sans-serif;margin:0 auto;padding-left:15px;width:915px;overflow:hidden}


/*	top section styles */
#top-bar{float:left;margin:10px 0 0 10px;width:100%}
#top-bar ul li,#top ul li{float:left}
#top-bar ul{float:left;font:1em arial,verdana,sans-serif}
#top-bar ul a{background:url(/templates/media/layoutgraphics/bg-li.gif) no-repeat 0 50%;color:#717171;margin:0 8px;padding-left:6px}
.tools{border-right:solid 1px #9e9e9f;float:left;padding-right:0.5em}
.tools a img{margin-top:0.1em}
.login{padding-left:0.5em}
.login .last a{background-image:none !important;margin:0 2px !important;padding:0 !important}
.logo{display:inline;float:right;margin:0 30px 0 0}
#top-bar ul li.rss a{background:none;margin-left:0}


/*	top menu and quicksearch styles */
#top{background:#fff url(/templates/media/layoutgraphics/bg-top.gif) repeat-x 0 100%;float:left;margin:8px 0 0 5px;width:890px}


/* top menu */
.topmenu{display:inline;float:left;margin:0 0 0 48px;width:570px}
.topmenu li a, .topmenu li a:visited{color:#595959;display:block;font-family:georgia, "trebuchet ms", serif;font-size:1.5em;padding:0.75em 0.7em 0.85em 0.7em;text-decoration:none}
.topmenu li a:hover, .topmenu li a:active{background:url(/templates/media/layoutgraphics/bg-topmenu-hover.gif) repeat-x 0 0;color:#595959 !important}
.topmenu li.selected a{background:url(/templates/media/layoutgraphics/bg-topmenu-selected.gif) repeat-x 0 0;color:#fff !important}


/* subscription form */
#subscriptiontypes{clear:both;margin-bottom:0px}
#subscriptionoptions .option{display:block;margin:0 0 4px 0}
#subscriptionoptions .last{margin:0 0 10px 0}
#subscriptionoptions .email{background:#fff url(/templates/media/layoutgraphics/bg-input-textbox.gif) repeat-x 0 0;border-top:solid 0.1em #9b9b9b;border-left:solid 1px #9b9b9b;border-right:solid 1px #d9d9da;border-bottom:solid 1px #d9d9da;color:#595959;float:left;font-size:0.8em;padding:1px 4px 2px 4px;margin:3px 0 5px 2px;width:200px}
#subscriptionoptions .button{background:#8e8e8e url(/templates/media/layoutgraphics/bg-input-btn.gif) repeat-x 0 0;border-top:solid 2px #d0d0d0;border-left:solid 2px #d0d0d0;border-right:solid 2px #6b6b6b;border-bottom:solid 2px #6b6b6b;color:#fff;font:bold 0.7em arial, verdana, sans-serif !important;margin:0 0 10px 2px;display:block;clear:both;padding:1px 4px}
#subscriptionoptions ul{margin:0 !important}
.maincontent p a.rsslink{background:url('/templates/media/layoutgraphics/feed-icon16x16.png') no-repeat 0px 2px;padding-left:22px}


/*	quick search area */
.quicksearch{float:right;margin-top:11px;width:250px}
.quicksearch .search{background:#fff url(/templates/media/layoutgraphics/bg-input-textbox.gif) repeat-x 0 0;border-top:solid 0.1em #9b9b9b;border-left:solid 1px #9b9b9b;border-right:solid 1px #d9d9da;border-bottom:solid 1px #d9d9da;color:#595959;float:left;font-size:1em;padding:1px 4px 2px 4px;width:138px}
.quicksearch button{font-size:1em;float:left;margin:-1px 0 0 4px !important;padding:0}
.quicksearch button span span span span{padding:0 11px}
.quicksearch .search-btn{background:#8e8e8e url(/templates/media/layoutgraphics/bg-input-btn.gif) repeat-x 0 0;border-top:solid 2px #d0d0d0;border-left:solid 2px #d0d0d0;border-right:solid 2px #6b6b6b;border-bottom:solid 2px #6b6b6b;color:#fff;font:bold 0.9em arial, verdana, sans-serif !important;margin-left:4px;padding:1px 4px}
#campaignnewsflash{float:left;height:388px;position:relative;width:900px;text-align:center}
#defaultnewsflash{float:left;position:relative;background:none;width:930px;height:224px;left:-15px}


/* containers */
#fullcontent{border:solid 1px #333;margin:0 62px}


/* content section */
#content{background:#fff;clear:both;float:left;padding:26px 0 42px 0;width:900px}


/* startpage content ---------------------- */
.firstcontent{color:#555;display:inline;float:left;font:1.3em/1.5em georgia, verdana, arial, helvetica, sans-serif;margin:20px 20px 16px 64px;padding:0 0 4px 0;width:514px}
.firstcontent p{margin-top:1em}
.firstcontent a.pink{color:#ae0060 !important;text-decoration:none !important}
.secondarycontent h2 a:hover{text-decoration:underline !important}
.firstcontent h1{font-size:2.1em;margin:0 0 0.7em 0}
.secondarycontent{border-left:dotted 1px #d4d4d4;float:left;margin:20px 0 8px 0;padding-left:18px;width:228px}
.secondarycontent h2{clear:both;color:#000;font-size:1.4em;line-height:1.1em;margin:0}
.secondarycontent h2 a{color:#000;display:block;padding:0.4em 0 0.6em 0}
.secondarycontent p{font-size:1.1em;line-height:1.3em;margin:0 0 16px 0}
.secondarycontent p a{background:url(/templates/media/layoutgraphics/bg-li.gif) no-repeat 0 0.4em;color:#7f7f7f;display:block;padding-left:0.6em}
.secondarycontent p a:hover{color:#555}


/*	highlights area */
#highlights{display:inline;float:left;margin:0 0 0 56px}
#highlights li{background:url(/templates/media/layoutgraphics/bg-highlightitem-top.gif);float:left;margin-right:7px;width:258px}
#highlights a{background:url(/templates/media/layoutgraphics/bg-highlightitem-bottom.gif) no-repeat 0 100%;color:#7f7f7f;float:left;font-size:1.1em;line-height:1.2em;padding:13px 14px;width:226px}
#highlights img{border-right:dotted 1px #7f7f7f;float:left;margin:0 8px 0 0;padding:4px 7px 6px 0}
#highlights .glossary a{padding:0 14px 13px 14px}
#highlights .glossary img{margin:13px 8px 0 0}
#highlights a:hover{color:#555}
#highlights a span{display:block;margin-left:46px;padding-top:12px}


/* startpage themes */
.alt2 .newsflash{background-image:none;height:374px;left:52px;margin-bottom:8px;width:840px}
.alt2 .secondarycontent,.alt3 .secondarycontent{border:0;margin:12px 0 0 12px;width:850px}
.alt2 .secondarycontent div,.alt3 .secondarycontent div{display:inline;float:left;margin-left:30px;width:240px}
.alt3 .newsflash{background:none;height:auto;left:60px;width:794px}
.alt3 .newsflash #left-col{background-image:none;float:left;height:379px;width:526px}
.alt3 .newsflash #right-col{background-image:none;float:left;height:379px;padding-left:5px;width:262px}


/* content page styles ---------------------- */
.breadcrumbs{clear:both;display:inline;float:left;margin:0 0 8px 225px;width:486px}
.breadcrumbs li{color:#999;float:left;font-size:1.1em;margin-right:4px}
.breadcrumbs li.last{background:none !important;margin-top:1px}
.breadcrumbs li a.first{background-position:100% 65% !important}
.breadcrumbs li a{background:url(/templates/media/layoutgraphics/bg-breadcrumb-a.gif) no-repeat 100% 60% !important;color:#999 !important;float:left;display:block !important;padding-right:8px;text-decoration:underline}
.breadcrumbs li a:hover{color:#666 !important}
.breadcrumbs li a img{padding:1px 0 0 0}
.leftmenu{background:url(/templates/media/layoutgraphics/bg-content-columns-top.gif) repeat-x 0 0;float:left;margin:0 21px 0 31px;padding-top:13px;width:170px}
.leftmenu a{color:#7a7a7a;display:block;font:1em georgia, "trebuchet ms", sans-serif;padding:0.2em 0 0.2em 8px}
.leftmenu .expanded,.leftmenu .selected ul{background:url(/templates/media/layoutgraphics/bg-leftmenu-sub.gif);padding-bottom:4px}
.leftmenu .expanded{padding-bottom:0}
.leftmenu .selected a{color:#fff}
.leftmenu .expanded ul a{padding:0.2em 0 0.2em 22px !important}
.leftmenu .selected a,.leftmenu .expanded .selected a{padding-top:0 !important;padding-bottom:0 !important}
.leftmenu .expanded li a,.leftmenu .selected li a{padding-left:22px}
.leftmenu a:hover,.leftmenu .selected ul a:hover{background:url(/templates/media/layoutgraphics/bg-leftmenu-sub-a.gif)}
.leftmenu .selected a:hover{background:url(/templates/media/layoutgraphics/bg-leftmenu-sub-selected.gif)}
.leftmenu .selected{background:url(/templates/media/layoutgraphics/bg-leftmenu-sub-selected.gif);color:#fff !important}
.leftmenu .expanded li a,.leftmenu .selected li a{color:#7a7a7a}
.leftmenu .selected .selected a,.leftmenu .expanded .selected a{color:#fff}


/* maincontent styles */
.maincontent{background:url(/templates/media/layoutgraphics/bg-maincontent-top.gif) repeat-x 0 0;color:#595959;display:inline;font:1.4em georgia, "trebuchet ms", sans-serif;float:left;line-height:1.3em;margin-right:21px;padding-top:13px;width:447px}
.maincontent a:link,.maincontent a:visited,.firstcontent a:link,.firstcontent a:visited{color:#595959;text-decoration:underline}
.maincontent a:hover,.maincontent a:active{color:#111}
.maincontent h1{font-size:1.6em}
.maincontent h2{color:#595959;float:left;font-size:1em;font-weight:900;margin:0.8em 0 0.1em 0 !important;width:100%}
.maincontent h3{font-size:0.9em;font-weight:900;margin-bottom:0}
.maincontent #introduction,.maincontent #description{color:#127e22;float:left;margin:0.8em 0 0.8em 0;margin-right:-3px;width:100%}
#introduction a{color:#127e22}
.maincontent .introduction{font-size:0.9em;margin:0.8em 0 1.5em 0}
.maincontent p.publishingdate{font-family:arial;margin-top:1.0em;margin-bottom:-0.6em;font-weight:bold;color:#666;font-size:0.7em}
.maincontent #description{color:#595959}
.maincontent #image{float:left;margin:0.8em 0 0 0 !important;width:100%}
.maincontent p{float:left;margin:0 0 1em 0;margin-right:-3px;width:100%}
.maincontent .glossary-word p{margin-top:1.2em !important}
.maincontent a.glossaryword, .firstcontent a.glossaryword{text-decoration:none !important;border-bottom:dotted 1px #111}
.maincontent img{float:left}
.maincontent img.smallimg{margin-right:10px}
.maincontent p.images img{float:left;width:auto}
.maincontent .img{background:#127e22;float:left;margin:18px 12px 18px 0}
.maincontent .img .description{clear:left;color:#fff;float:left;font:1em arial, verdana, sans-serif;padding:3px}
.maincontent .wide{margin-right:0}
.maincontent ul,.maincontent ol{float:left;margin:0.7em 0}
.maincontent li{background:url(/templates/media/layoutgraphics/bg-li_main.gif) no-repeat 0 0.6em;clear:both;line-height:1.5em;padding-left:10px}
.maincontent li li{background:url(/templates/media/layoutgraphics/bg-li-sub_main.gif) no-repeat 0 0.7em;margin-left:8px;padding-left:10px}
.widepage-leftcol{width:640px}
.widepage-rightcol{margin-left:37px;width:640px}
.fullwidth{margin-left:37px;width:828px}


/* labels */
.labels{float:left;margin:0.8em 0 0 0;width:100%;font-size:0.7em}
.labels p{float:left;margin:0 6px 0 0 !important;width:auto !important}
.label-listing{color:#999;font-size:0.8em}
.labels .label-listing{font-size:1em}
.label-listing li{background-image:none !important;clear:none !important;float:left;margin-right:8px;padding:0 !important}
.label-listing a{color:#999 !important;text-decoration:none !important}
.label-listing a:hover{color:#666 !important}
.fieldset{background:#f8f8f8 url(/templates/media/layoutgraphics/bg-fieldset-interact.gif) no-repeat 0 0;border-bottom:solid 1px #eaeaea;float:left;line-height:normal;margin:0.8em 0 0 0;padding:8px 8px 10px 12px;width:424px}
.fieldset p{margin:0 !important;width:auto}
.fieldset label,.fieldset h2{color:#7c7c7c !important;font:bold 0.7em arial, verdana, sans-serif !important;margin:0 !important}
.add-label{float:left;margin-right:37px}
.add-label p{width:auto !important}
.add-label input{margin-bottom:2px}
.fieldset div{margin:0}
.fieldset input,.fieldset textarea{background:#fff url(/templates/media/layoutgraphics/bg-input-textbox-2.gif) repeat-x 0 0;border-top:solid 1px #a3a3a3;border-left:solid 1px #a3a3a3;border-right:solid 1px #dadadb;border-bottom:solid 1px #dadadb;color:#595959;font-family:georgia, "trebuchet ms", sans-serif;font-size:0.7em;margin-top:12px;padding:2px 4px;width:142px}
.delete-labels{float:left;margin-left:32px !important;width:216px}
.delete-labels h2{margin:4px 0 0 0 !important}
.delete-labels ul{clear:both;float:left;font-size:0.7em;margin:8px 0 0 0 !important;width:210px}
.delete-labels li{background:none !important;float:left;margin-bottom:2px;padding:0 !important;line-height:1.2em}
.delete-labels a{color:#999 !important;display:block;padding-left:13px;text-decoration:none !important}
.delete-labels a:hover{background:url(/templates/media/layoutgraphics/icons/garbage-can.gif) no-repeat 0 0.2em;color:#666 !important}
.fieldset div{float:left}
.close{float:right !important;width:auto !important}
.btn-close{background:transparent url(/templates/media/layoutgraphics/btn-close.gif) no-repeat 0 0;display:block;height:15px;width:15px}
.btn-close span{display:none}
.btn-close:hover{background:transparent url(/templates/media/layoutgraphics/btn-close_hover.gif) no-repeat 0 0}
.label-listing li,.delete-labels li,.interact li{background-image:none;padding:0}


/* user-interaction styles */
.user-interaction{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 0;float:left;font-size:0.8em;margin-top:10px;padding-top:11px;width:445px}
.user-interaction p{margin:0}
.user-interaction .interact{float:left;margin:0}
.user-interaction .interact li{clear:none !important;float:left;font-size:0.9em;line-height:normal;margin:0}
.user-interaction .interact a{font-size:0.9em;text-decoration:none !important}
.user-interaction .last-update{float:right;font:bold 0.9em georgia, "trebuchet ms", sans-serif;width:auto}
.interact-box{clear:both;float:left;padding:8px 0 4px 16px;width:384px}
.interact-box h2{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 100%;color:#828282;font-size:0.8em;font-weight:normal;margin:0 0 8px 0 !important;padding-bottom:10px;width:100%}
.interact-box .desc{color:#7c7c7c;font-size:0.8em;margin:0.4em 0 1.2em 0 !important}
.interact-box .msg{margin:1.2em 0 0.4em 0 !important}
.interact-box label,.interact-box input,.interact-box textarea,.interact-box button{clear:both;float:left}
.interact-box p{clear:both;width:100%}
.interact-box label{color:#7c7c7c;font-family:arial, verdana, sans-serif;font-size:0.7em;margin-top:6px !important}
.interact-box input{margin:2px 0 4px 0;width:210px}
.interact-box textarea{height:120px;margin:2px 0 0 0;width:372px}
.interact-box p.submit{margin:5px 0 0 0 !important}
.interact-box #fields{float:left;margin-right:24px;width:226px}
.interact-box #preventer{border:solid 1px #c0c0c0;clear:none;float:left;font-size:1em;line-height:1em;margin-top:100px !important;width:auto}
.mandatoryfields{color:#999;padding:0 0 10px 0}
.comments{float:left;margin-top:10px;margin-right:-3px;padding-top:6px;width:445px}
.comments h3{font-size:0.8em;font-weight:bold}
.comment{border-top:dotted 1px #b2b2b2;clear:both;padding:10px}
.comment .meta-data{font-size:0.8em;font-weight:bold;margin:0 0 0.4em 0}
.comment div{float:left;width:100%;border:solid 1px #333}
.comment p{font-weight:normal;margin:0.6em 0}


/* sort styles */
select.employeetags{margin:0 0 0 20px}
#sort,#sort-criterias,#sort-criterias li{float:left;font-size:1em}
#sort{margin:18px 0 0 0 !important;width:auto}
#sort-criterias{position:relative;top:-1px}
#sort-criterias li{background:none;clear:none !important;font-size:0.9em;padding:0 5px}
#sort-criterias li.selected{font-weight:bold}
#sort-criterias a{text-decoration:none}
#sort-criterias li.first{border-right:solid 1px #595959}
#sort-criterias button{background-image:none;color:#595959;font:1em georgia, "trebuchet ms", sans-serif;font-weight:normal;padding-top:1px !important}
#sort-criterias button:hover{color:#000;cursor:hand;cursor:pointer}

/* coworker page styles */
#coworker-listing{width:638px}
#coworker-listing #sort-criterias{margin-top:19px}
#coworker-listing select{color:#595959;float:left;font:0.85em arial, verdana, sans-serif;margin-top:18px}
#coworker-listing .desc{margin-bottom:1em}
#coworker-listing #service-sections{display:none}
.tbl-coworker-listing{width:638px}
.tbl-coworker-listing .heading{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 100%;border:0}
.tbl-coworker-listing .heading th{padding:20px 0 0.2em 0}
.tbl-coworker-listing .heading th a{text-decoration:none !important}
.tbl-coworker-listing tr:hover{background-color:#f5f5f5}
.tbl-coworker-listing tr.heading:hover{background-color:transparent;cursor:auto}
.tbl-coworker-listing tr.last td{border-bottom:0}
.tbl-coworker-listing td{border-bottom:dotted 1px #c0c0c0;font-size:0.8em;line-height:1.4em;padding:10px 8px 12px 8px;vertical-align:top}
.tbl-coworker-listing td.first{padding-left:6px;width:170px}
.tbl-coworker-listing td.first a{color:#127e22 !important;font-weight:bold;text-decoration:none !important}
.tbl-coworker-listing td.tags a{text-decoration:none}
.tbl-coworker-listing td.contact{width:190px}
.tbl-coworker-listing td .info{float:left;width:70px}
#coworker-info .img{background:transparent;float:left;margin:4px 14px 0 0;width:81px}
#coworker-info .img img{padding:0}
#coworker-info h1{float:left;width:352px}
#coworker-info h2{color:#127e22;clear:none;float:left;font-size:0.8em;font-weight:normal;margin:4px 0 0 0 !important;width:345px}
#coworker-info .label-listing{float:left;line-height:1.4em;width:328px}
#coworker-info #introduction{color:#595959}
#coworker-info li{background-image:url(/templates/media/layoutgraphics/bg-li_rounded.gif);padding-left:14px}
#contact-info{border-top:dotted 1px #c0c0c0;float:left;margin-top:16px;padding-top:1em;width:445px}
#contact-info h4{font:bold 0.7em arial, verdana, sans-serif;margin-bottom:-2px}
#contact-info p{color:#127e22;font-size:1.5em;line-height:1.3em;margin:0}
#contact-info div{float:left;margin:0 42px 16px 0}
#contact-info div#cellphone{margin-right:0}
#contact-info div#vcard p{background:url('/templates/media/layoutgraphics/plus-sign-for-outlook-link.png') no-repeat 0 3px;text-indent:30px;font-size:1.0em;line-height:22px;min-width:400px;margin-top:10px}
#contact-info div#vcard a{text-decoration:none;border-bottom:solid 1px #666}


/* archive (news) styles + year & letters listing */
.years,.letters{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 100%;float:left;margin:20px 0;padding-bottom:20px;width:445px}
.letters{background:none;padding:0;width:100%}
#coworker-listing .letters{margin:8px 0 0 0 !important}
.years li,.letters li{background:none;clear:none !important;display:inline;font:1em, georgia, arial, verdana, sans-serif;margin-right:2px;padding:0}
.years li{font:0.8em, arial, verdana, sans-serif}
.letters li{color:#aaa;margin-right:0.4em}
.letters li a{margin-right:0.2em;text-decoration:none !important}
.years li button{color:#595959;font-size:1em;font-weight:normal;text-decoration:none !important}
.years li button:hover{cursor:hand;cursor:pointer}
.years li.active{color:#127e22;font-size:1.1em;position:relative;top:-0.1em}
.newsitem{border-bottom:dotted 1px #c0c0c0;float:left;margin-bottom:24px;padding:0 10px 8px 10px;width:424px}
.newsitem:hover{background-color:#f5f5f5}
.newsitem *{width:100%}
.newsitem a{display:block;text-decoration:none !important}
.newsitem h2{font-size:0.9em;font-weight:bold;margin:0.4em 0 0 0 !important}
.newsitem h2 a{color:#127e22 !important;padding-bottom:0.2em;text-decoration:none !important}
.newsitem .date{margin:0 !important}
.newsitem .date a{font:bold 0.9em arial, verdana, sans-serif;padding-top:0.6em}
.newsitem p{font-size:0.8em;margin:0 0 0.6em 0}


/* listing styles (for search and labels) */
#listing h1{color:#595959;font-size:1.05em}
#listing h2{clear:none;color:#127e22;font-size:1.7em;font-weight:normal;font-style:italic;line-height:1.3em;margin:8px 0 0 0 !important;width:auto}
#listing-data{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 100%;float:left;font-size:0.8em;margin:18px 0 18px 0;padding-bottom:8px;width:100%}
#listing-data p{float:left;margin-top:0;margin-bottom:0;width:auto}
#listing-data #sort{margin:0 0 0 40px !important}
#listing-data #sort-criterias{margin-top:3px !important}


/* listing item styles */
#listing .breadcrumbs{font-size:0.8em;margin:0 !important;padding:10px 0 0 10px;width:auto}
#listing .breadcrumbs li{background-image:none;clear:none !important;padding:0}
.listing-result{border-bottom:dotted 1px #c0c0c0;clear:both;float:left;font-size:0.8em;margin-bottom:6px;width:100%}
.listing-result:hover{background-color:#f5f5f5}
.listing-result h3{font-size:1.3em;margin:0 !important;padding:0 10px 0 10px !important}
.listing-result h3 a,.listing-result p a{text-decoration:none !important}
.listing-result h3 a{display:block;padding:0.1em 0}
.listing-result .labels{float:none !important;margin:0 !important;font-size:0.9em;padding-top:0;padding-bottom:0}
.listing-result .labels a{display:inline !important;text-decoration:underline !important}
.listing-result p{margin:0 !important;padding:0 10px 10px 10px;width:auto !important}
.listing-result p a{display:block}
.listing-result .date{color:#127e22}


/* glossary styles */
.glossary{float:left;width:100%}
.glossary li{background:none;float:left;font-size:1.05em;line-height:1.4em;padding:0;width:100%}
.glossary .letter{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 100%;color:#127e22;margin-bottom:0.4em;padding:1em 0 0.2em 0}
.glossary a{text-decoration:none !important}
#related-info{background:url(/templates/media/layoutgraphics/bg-divider.gif) repeat-x 0 0;float:left;font-size:0.8em;margin:1em 0 0.6em 0;padding:0.6em 0 0.6em 2px;width:100%}
#related-info h3{color:#127e22;margin-bottom:1em}
#related-info em{font-style:italic}
#related-info li{background:url(/templates/media/layoutgraphics/bg-li-large.gif) no-repeat 0 50%;padding-left:7px}
#related-info a{text-decoration:none !important}


/* sitemap styles */
#sitemap h1{margin-bottom:0.8em}
#sitemap ul.tree{float:left;width:164px}
#sitemap li{background:none;line-height:0.9em;margin-bottom:0.3em}
#sitemap .heading{font-size:1.1em;font-weight:bold;margin-bottom:0.3em;padding:0}
#sitemap a{font-size:0.7em}
#sitemap li li{padding-left:6px}
#sitemap li ul{margin:0.4em 0}


/* related column styles */
.related{background:url(/templates/media/layoutgraphics/bg-content-columns-top.gif) repeat-x 0 0;color:#7c7d7c;float:left;padding-top:5px;width:176px}
.related .info{background:url(/templates/media/layoutgraphics/bg-content-columns-top.gif) repeat-x 0 0;float:left;font:1.1em georgia, "trebuchet ms", sans-serif;position:relative;top:-5px;padding-bottom:31px;width:180px}
.related h2{color:#a5a5a5;font-size:1em;margin:8px 0 14px 0}
.related a{color:#717171}
.related a:hover{color:#111}
.related img{float:left;width:70px}
.related span{float:right;font-size:0.9em;width:104px}
.related .phonenumber{color:#666;float:none !important;font-size:1em;font-weight:normal;margin:0 -3px 0 0 !important;width:100px}
.related span em a{text-decoration:none}
.related span em a:hover{color:#333}
.related span em{color:#127e22;font-weight:900;font-style:normal}
.related span a{text-decoration:underline}
.related li{background:url(/templates/media/layoutgraphics/bg-li.gif) no-repeat 0 0.5em;float:left;font-size:1em;line-height:1.3em;padding-left:6px;width:95%}
.related .rss li{background:none;padding-left:0;margin-bottom:2px}
.related li a{display:block}
.related li img{float:none;margin-left:6px;margin-bottom:-3px;width:auto}
.related li a span{color:#595959;float:none;margin-left:4px}


/* footer styles ---------------------- */
.footer{float:left;font-size:1.15em;margin:16px 0 0 0;padding-bottom:20px;overflow:hidden;width:100%}
.footer address{display:inline;float:left;font-style:normal;margin:0 10px 0 55px}
.footer p{float:left;margin:0 10px 0 10px;text-align:center;width:190px}
.footer address,.footer p{color:#d4d4d4;font:0.9em arial, tahoma, verdana, sans-serif}
.footer .brands{display:inline;float:right;margin-right:55px;position:relative;top:-5px}
.footer .brands li{float:left;margin-left:22px}
.footer .brands .first{margin-left:0}
.footer .telephone{font-size:2.3em !important}
.footer address:first-line,.footer p:first-line{color:#ebebeb}
.footer a:hover,.footer a:active{color:#ebebeb !important}
.footer li.first{margin:0}
.footer li#microsoft img{margin-top:7px}
.footer li#episerver img{margin-top:10px}
.footer li#twodoevent img{margin-top:5px}
.footer li#webranking img{margin-top:4px}
.footer li#hh img{margin-top:10px}
.footer li#sage img{margin-top:12px}


/* overrides */
.right{float:right}
.left{float:left}
.last{border-bottom:0}
.clear{clear:both}
.show{display:block}
.hide{display:none}
.btn-hide{display:none;visibility:hidden}
.footer a:link,.footer a:visited,.footer a:hover,.footer a:active{color:#d4d4d4}
.skiplinks{display:none;position:absolute;top:0}


/* rounded corner buttons */
/* normal buttons */
/* top left corner, top edge */
button{background:url(/templates/media/layoutgraphics/bg-btn-dark.gif) no-repeat;background:transparent;border:0;color:#fff;font:900 0.7em arial, verdana, sans-serif;line-height:normal;margin:0 !important;overflow:visible;padding:0;width:auto}
button:hover{color:#595959}
button *{display:block}


/* top right corner */
button span{background:url(/templates/media/layoutgraphics/bg-btn-dark.gif) no-repeat right top;padding:2px 0 0}

/* bottom left corner, left and bottom edges */
button span span
{
	background: url(/templates/media/LayoutGraphics/bg-btn-dark.gif) no-repeat left bottom;
	padding: 0
}

/* bottom right corner */
button span span span
{
	background: url(/templates/media/LayoutGraphics/bg-btn-dark_corners.gif) no-repeat right bottom;
	padding: 0 0 2px
}

/* right edge */
button span span span span
{
	background: url(/templates/media/LayoutGraphics/bg-btn-dark.gif) no-repeat right center;
	padding: 0 5px
}


/* top left corner, top edge */
.btn { margin-right: 3px }
.btn:link,
.btn:visited
{
	background: #fff url(/templates/media/LayoutGraphics/bg-interact-btn.gif) no-repeat;
	color: #808080 !important;
	cursor: default !important;
	float: left;
	font: 0.9em Arial, Verdana, sans-serif;
	line-height: normal;
	text-decoration: none !important
}

.btn:hover 
{
	background: url(/templates/media/LayoutGraphics/bg-interact-btn_hover.gif) no-repeat;
	color: #808080 !important
}

.btn span span span span span:hover 
{
	color: #808080;
	cursor: hand;
	cursor: pointer
}

.btn * { display: block }

/* top right corner */
.btn span
{
	background: url(/templates/media/LayoutGraphics/bg-interact-corners.gif) no-repeat right top;
	padding: 2px 0 0
}

/* bottom left corner, left and bottom edges */
.btn span span
{
	background: url(/templates/media/LayoutGraphics/bg-interact-btn.gif) no-repeat left bottom;
	padding: 0 0 0 2px
}

/* bottom right corner */
.btn span span span
{
	background: url(/templates/media/LayoutGraphics/bg-interact-corners.gif) no-repeat right bottom;
	padding: 0 0 2px
}

/* right edge */
.btn span span span span
{
	background: url(/templates/media/LayoutGraphics/bg-interact-btn.gif) no-repeat right center;
	padding: 0 0 0 4px
}

.btn span span span span span 
{
	background: url(/templates/media/LayoutGraphics/btn-expand.gif) no-repeat 4px 50%;
	padding: 0 10px 0 16px;
	margin-right: -4px;
	margin-left: -6px
}



/* lightbox effect styles */
.fade
{
	background-color: #000;
	display: none;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	-moz-opacity: 0.2; /* for mozilla browsers */
	opacity: 0.20;
	filter: alpha(opacity=20) /* for ie browsers */
}

.light
{
	display: none;
	overflow: hidden;
	float: left;
	max-width: 563px !important;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 25%;
	width: 563px;
	z-index: 1002
}

#lb-top,
#lb-mid,
#lb-bottom,
#lb-mid div
{
	float: left;
	width: 100%
}

/* Fix an IE6 bug when using AlphaImageLoader, if the elements aren't relative positioned they are not clickable  */
#lb-mid div * { position: relative }

/* AlphaImageLoader for IE6 only, to make transparent PNG images work */
#lb-top 
{
	background: url(/templates/media/LayoutGraphics/bg-lightbox-top.png) no-repeat 0 0;
	height: 25px
}

#lb-mid
{
	background: url(/templates/media/LayoutGraphics/bg-lightbox-middle.png) repeat-y 0 0;
	padding: 0 20px 8px 20px;
	width: 523px
}

#lb-bottom 
{
	background: url(/templates/media/LayoutGraphics/bg-lightbox-bottom.png) no-repeat 0 0;
	height: 25px
}

#lb-mid h2 
{
	color: #828282;
	float: left;
	font-size: 1.7em;
	line-height: 1.1em;
	margin: 0 0 8px 12px;
	position: relative;
	left: 0;
	width: 487px
}

#lb-mid p
{
	float: right;
	margin: 12px 20px 0 0
}

#lb-mid p a 
{
	color: #828282;
	text-decoration: underline
}

#lb-mid p a:hover { color: #333 }

#lb-mid .close 
{
	margin: 0 8px 0 0;
	position: relative
}

#lb-mid div
{
	background: url(/templates/media/LayoutGraphics/bg-divider_large.gif) repeat-x 0 100%;
	float: left;
	margin-left: 12px;
	text-align: center;
	width: 493px
}

#lb-mid ul
{
	background: url(/templates/media/LayoutGraphics/bg-divider_large.gif) repeat-x 0 0;
	float: left;
	line-height: 4.4em;
	padding: 26px 0;
	width: 100%
}

#lb-mid li 
{
	display: inline;
	margin-left: 0.8em
}

#lb-mid a 
{
	color: #127e22;
	font-size: 1.6em;
	text-decoration: underline
}

/* tag cloud styles */
.tagcloud .tag9 { font-size: 3.0em !important }
.tagcloud .tag8 { font-size: 2.7em !important }
.tagcloud .tag7 { font-size: 2.4em !important }
.tagcloud .tag6 { font-size: 2.2em !important }
.tagcloud .tag5 { font-size: 2.0em !important }
.tagcloud .tag4 { font-size: 1.8em !important }
.tagcloud .tag3 { font-size: 1.5em !important }
.tagcloud .tag2 { font-size: 1.3em !important }
.tagcloud .tag1 { font-size: 1.0em !important }

/* snapshot link popup/preview */
.preview { height: 1em !important }
.preview span { display: none }
.preview span a { text-decoration: none !important }

.preview:hover
{
	border: 0;
	position: relative;
	z-index: 500
}

.preview:hover a 
{
	position: relative;
	z-index: 600
}

.preview:hover span
{
	background: url(/templates/media/LayoutGraphics/bg-linkpreview.png) no-repeat 0 0;
	color: #595959;
	display: block;
	font-weight: normal;
	height: 281px;
	padding: 0 0 10px 10px;
	position: absolute;
	top: -275px;
	left: -250px;
	width: 300px
}

.preview:hover span img
{
	border: solid 1px #cdcdcd;
	padding: 0;
	position: relative;
	top: 17px;
	left: 7px
}

.preview:hover span em
{
	background: url(/templates/media/LayoutGraphics/bg-li-large.gif) no-repeat 0 0.35em !important;
	display: block;
	float: left;
	font: 0.8em Arial, Verdana, sans-serif;
	margin-top: 9px;
	padding-left: 7px;
}

.preview:hover span span 
{
	background: none;
	font: 0.7em Arial, Verdana, sans-serif;
	float: left;
	height: auto;
	padding: 0;
	top: 217px;
	left: 6px;
	width: 292px
}

.preview:hover span span button
{
	background: url(/templates/media/LayoutGraphics/bg-linkpreview-btn.gif) no-repeat 0 0;
	color: #868686;
	float: left;
	font-size: 0.9em;
	font-weight: 500;
	height: 18px;
	padding: 1px 0 2px 0;
	text-align: center;
	text-decoration: none !important;
	width: 127px
}

.preview:hover span span button:hover { color: #595959 }

.preview:hover span span span 
{
	color: #868686;
	font-size: 1em;
	top: 3px;
	left: 174px;
	width: 118px
}

.preview:hover span span span img 
{
	border: 0;
	float: right;
	top: -9px;
	left: 0
}

/* link preview for top bar links */
.login .preview:hover span, .glossary-word .preview:hover span
{
	background: url(/templates/media/LayoutGraphics/bg-linkpreview-topbar.png) no-repeat 0 0;
	top: 12px;
	left: 0;
	width: 300px;
}

.login .preview span a, .glossary-word .preview span a
{
 	background: none !important;
	color: #595959 !important;
	margin: 0 !important;
	padding-left: 0 !important
}

.login .preview span em, .glossary-word .preview span em
{
	font-size: 1.2em !important;
	margin-top: 46px
}

.login .preview:hover span span, .glossary-word .preview:hover span span 
{
	background: none;
	font-size: 1em;
	top: 254px;
	left: 6px
}

.login .preview:hover span span span, .glossary-word .preview:hover span span span
{
	top: 3px;
	left: 174px;
	width: 118px
}

.glossary-word .preview span
{
	font-size: 0.7em
}

.glossary-word .preview span a
{
 	background: none !important;
	color: #595959 !important;
	margin: 0 !important;
	padding-left: 0 !important
}

/* tooltip, for glossary words etc */
a.tooltip
{
	border-bottom: dotted 1px #111;
	position: relative;
	z-index: 499;
	text-decoration: none !important;
}

#introduction .tooltip 
{
	border-bottom-color: #127e22;
	color: #127e22
}

a.tooltip span { display: none }

a.tooltip:hover 
{
	border-bottom: 0;
	position: relative;
	z-index: 500
}

a.tooltip:hover span
{
	cursor: hand;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 1.1em;
	left: -15px;
	width: 168px
}

a.tooltip:hover span span
{
	cursor: default;
	display: block;
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 168px
}

a.tooltip:hover span span.top
{
	background: url(/templates/media/LayoutGraphics/bg-tooltip-top.png) no-repeat 0 0;
	float: left;
	height: 19px;
	overflow: hidden;
	width: 168px
}

a.tooltip:hover span span.bottom
{
	background: url(/templates/media/LayoutGraphics/bg-tooltip-bottom.png) no-repeat 0 0;
	height: 14px
}

a.tooltip:hover em
{
	background: url(/templates/media/LayoutGraphics/bg-tooltip-mid.png) repeat-y 0 0;	
	color: #595959 !important;
	float: left;
	font: 0.7em/1.2 Arial,Verdana,sans-serif;
	padding: 0 10px 2px 10px;
	width: 148px
}

/*
TOOLTIPS FOR div#label-listing
--------------------------------------------------------------*/
#label-listing a.tooltip:hover em {font-size:1em;}
#label-listing a.tooltip {border:none 0;}

/*
TOOLTIPS FOR div#interact
--------------------------------------------------------------*/
#interactspana.tooltip span.tooltip-container {display:none;}


#listing h2 .tooltip span { font-size: 0.6em !important }
#listing h2 .tooltip:hover span 
{
	top: 1.6em;
	left: 0
}

#listing h2 .tooltip:hover span span { top: 0 }

/*
NEW TOOLTIPS
--------------------------------------------------------------*/
div#tooltip-container {position:absolute;padding:19px 0 0 0;width:172px;background:url(/templates/media/LayoutGraphics/bg-tooltip-top.png) no-repeat top;}
div#tooltip-container em {display:block;font:normal 1.1em/1.2 Arial,Verdana,sans-serif;color:#595959;padding:0 15px 15px 15px;background:url(/templates/media/LayoutGraphics/bg-tooltip-newbottom.png) no-repeat bottom;}

/* SEARCH PAGE */
div#search-paging { margin: 2em 0 0 0 }
div#search-paging a { padding: 0 5px 0 0; font-size: 1.1em }
div#search-paging a.active-page { color: #000 }
div#search-result-listing { margin: 1em 0 0 0 }
div#search-result-listing h2 { margin: 1em 0 0.2em 0 }
div#search-result-listing p { margin: 0 }
div#search-result-listing p.url { margin: 0 0 0.5em 0; font-size: 0.8em}
span.search-options { margin: 0 0 0 10px }
span.search-options label { margin: 0 6px 0 0 }