/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Basic */
body { color: #000; font-family: Times, 'Times New Roman', serif; line-height: 1.5; margin: 20px 0; }
h1 { font-size: 2em; font-weight: normal;}
h2 { font-size: 1.5em; font-weight: normal;}
h3 { font-size: 1.2em; font-weight: normal;}
ul, ol { margin: 0 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
li ul, li ol { margin: 0 1.5em; }
dl dd { margin-left: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { font-style: italic; margin-top: 1.5em; }
a { color: #1675bb; text-decoration: none; }
a:hover { text-decoration: none; }
blockquote { font-size: 1.2em; margin: 1.5em; padding-left: 25px; background: url(../images/citat.png) top left no-repeat; }
blockquote cite { font-size: .9em; }
em, dfn { font-style: italic; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font-family: consolas, monospace; }
tt { display: block; margin: 1.5em 0; }
sup, sub { font-size: .875em; line-height: 1.875em; margin-bottom: 1.875em; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
table { border: 1px solid #bbb; margin-bottom: 1.4em; width: 100%; }
th, td { padding: .2em 1em; text-align: left; }
thead th { background: #bbb; border-bottom: 2px solid #888; padding: .4em 1em .2em; }
tbody th, tbody td { background: #fff; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; }
tbody tr.alt th, tbody tr.alt td { background: #eee; }
tfoot th, tfoot td { background: #eee; border-top: 2px solid #666; }
tfoot tr.total th, tfoot tr.total td { border-top: 6px double #666; }
tfoot tr.total th { text-transform: uppercase; }
dl dt, strong, dfn { font-weight: bold; }

p, dl { margin: 0 0 1.5em; }
del { color: #000; }

/* Layout */
#margin {width: 560px;}
#menu ul {list-style: none; margin: 0; padding: 0;font-size: 14px; text-transform:uppercase;}
#menu li {list-style: none; margin: 0; padding: 0 0 0 6px;float:left;width:134px;}
#menu li a {display:block; padding: 0 0 0 6px;color:#1e6549;border-left:8px solid #257252; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#menu li a:hover {color: #000;}
#menu li.selected a {background: url(../images/meny.png) 0 0 repeat-y; color: #fff !important;}

#menu .col, #head .col { margin: 0; }
#menu .span-9 {width:540px; }
#menu .span-7 {width:420px; }
#menu { margin-bottom: 20px;}

#head .banner { width:960px; height:240px; margin:0;}

#submenu ul {overflow: hidden; display:block;list-style: none; margin:0;background:url(../images/undermeny.png) top left repeat-y;}
#submenu ul li {float:left;}
#submenu ul a {display:block;color:#fff;padding:5px 10px;text-transform:uppercase;}
#submenu ul li a:hover {background:#a9a;}
#submenu ul li.selected a {background:#969 !important;}

#main {margin-top:20px;}

body.start #head, body.start #head .col {height:320px;}
body.start #head .span-9 {width:560px; margin:0;}
body.start #head .span-7 {width:400px; margin:0;}
body.start #head { position:relative;}
body.start #head #overlay { background:url(../images/genomskinlig.png) top left no-repeat; font-family: Arial, sans-serif; display:block; padding: 8px 10px; width:390px; color:#fff; text-transform:uppercase; position:absolute; bottom:0; right: -10px; font-size: 12px; }
body.start #head #overlay a {color: #fff;}
body.start #main {margin-top:0;}
body.start #main .col {height:326px;padding:10px 0;}
body.start #main .col.puff-left { margin:0; width: 318px; padding-left: 30px; padding-right:10px; background: url(../images/puff.jpg) top left no-repeat; font-family: Times, 'Times New Roman', serif; color: #fff; text-align:right;}
body.start #main .col.puff-left h1 {line-height:1; margin-bottom:10px;}
body.start #main .col.puff-right  { margin:0; width: 422px; padding-left: 180px;background: url(../images/doctor-fp.png) bottom right no-repeat; }
body.start #main .col.puff-right a { text-decoration: none; }
body.start #main .col.puff-right h2 { margin-left: 30px; line-height: 1.2; color: #000; }
body.start #main .col.puff-right a p { margin-left: 30px; margin-top: 30px; color: #000; }

body.blog #head, body.blog #head .col {height:320px;}
body.blog #head .span-9, body.blogentry #head .span-9 {width:560px; }
body.blog #head .puff, body.blogentry #head .puff {background:#777; color: #fff;padding:10px;width:380px;height:300px;}
body.blog #head .puff h1, body.blogentry #head .puff h1 {line-height:1; margin-bottom:10px;}
body.blog #main h3, body.blogentry #main h3 {line-height:1.2;background: url(../images/streck.png) bottom left repeat-x;padding-bottom:10px;margin-bottom:10px;}
body.blog #main .col.span-7, body.blogentry #main .col.span-7 {width:380px;padding:0 0 0 20px;}
body.blog #main ol, body.blogentry #main ol {list-style: none; margin:0;}

body.blogentry #main .col.span-7 {margin-left: 560px;}

body.members #head, body.members #head .col {height:320px;}
body.members #head .span-9 {width:560px; margin:0;}
body.members #head .span-7 {width:400px; margin:0;}
body.members #head { position:relative;}
body.members #head #overlay { background:url(../images/genomskinlig.png) top left no-repeat; font-family: Arial, sans-serif; display:block; padding: 8px 10px; width:390px; color:#fff; text-transform:uppercase; position:absolute; bottom:0; right: -10px; font-size: 12px; }

body.member #head, body.member #head .col {height:320px;}
body.member #head .span-9 {width:560px; margin:0;}
body.member #head .span-7 {width:400px; margin:0;}

.post {margin-top: -210px; width: 530px; position: absolute;}


#foot { padding-top: 40px; text-align: right; }

/* Forms */
.field { padding: 0 0 10px 0; }
.field label { display: block; }
.field.error .info { color: #d00; }
.field.required label:after { content: ' *'; }
.field input, .field textarea { font-family: Times, 'Times New Roman', serif; font-size: 16px; width: 250px;}

ul.form { list-style: none; margin: 0; padding: 0; }
ul.form li { padding-bottom: 10px; border: 1px solid #fff; position: relative; clear: both; width: 90%; }
ul.form li p { margin: 0; }
ul.form li div.group label { display: inline !important; }
ul.form li div.text p { margin: 0 0 1.5em; }
ul.form li.formtwo1 { width: 45%; float: left; clear: left !important; }
ul.form li.formtwo2 { width: 45%; float: left; clear: none !important; }
ul.form li.formthree1 { width: 30%; float: left; clear: left !important; }
ul.form li.formthree2 { width: 30%; float: left; clear: none !important; }
ul.form li.formthree3 { width: 30%; float: left; clear: none !important; }
.form.topLabel .field label { display: block; }
.form.leftLabel .field label { float: left !important; width: 150px !important; margin-right: 10px !important; }
.form.rightLabel .field label { float: left !important; width: 150px !important; margin-right: 10px !important; text-align: right !important; }
ul.form .field.required label:after { content: ' *'; }
ul.form li span.checkbox label { float: none; display: inline !important; width: auto; }
ul.form li input.date { width: 100px; margin-right: 5px; }
ul.form li input.time { width: 60px; }
ul.form li.textboxsmall input { width: 100px; }
ul.form li.textboxmedium input { width: 200px; }
ul.form li.textboxlarge input { width: 400px; }
ul.form li.textboxsmall textarea { width: 200px; height: 100px; }
ul.form li.textboxmedium textarea { width: 400px; height: 150px; }
ul.form li.textboxlarge textarea { width: 600px; height: 200px; }
ul.form li.selectsmall select { width: 100px; }
ul.form li.selectmedium select { width: 200px; }
ul.form li.selectlarge select { width: 400px; }

/* Edit member */
#editmember textarea { width: 400px; height: 200px; }

/* view member */
#viewmember { width: 565px; overflow: hidden; }
#viewmember #c { border-top: 1px solid #000; border-bottom: 2px solid #000; overflow: hidden; padding-bottom: 4px; }
#viewmember #c img { float: right; margin-top: 4px; }

/* Ask doctor */
#ask h1 { font-size: 36px; color: #1e6549; text-transform: uppercase; padding-top: 20px; }
#ask #input { background: #f4f4f4 url(../images/ask-doctor2.jpg) no-repeat 10px 100%; padding-left: 180px; width: 960px; min-height: 170px; }
#ask #input.expanded { background: #f4f4f4 url(../images/doctor-large2.jpg) no-repeat 10px 100%; display: block; }
#ask #input p { color: #1e6549; width: 505px; margin-bottom: 4px; }
#ask #input select { margin-bottom: 25px; }

#ask #toggle { margin-left: 80px; display: none; }
#ask #input.expanded #toggle { display: block; }
#ask #toggle p { padding-bottom: 15px; }
#ask #toggle textarea { width: 430px; height: 135px; }
#ask label { color: #1e6549; font-size: 14px; }
#ask label:after { content: none; }
#ask #toggle input[type=image] { display: block; position: relative; left: 450px; top: -30px; }

#list { margin: 32px 0 0 20px; width: 620px; overflow: visible; }
#list h2 { margin: 0 40px 0 10px; background: url(../images/black-line.gif) no-repeat 0 100%; }
#list .entry { padding: 0 0 0 10px; margin: 20px 0 20px 0; width: 570px; }
#list h4 { font-size: 16px; }
#list .head, #list .question { cursor: pointer; }
#list .byline { border-top: 1px dotted #519c7e; color: #206a4d; text-align: right; }
#list .head .d { padding: 0 20px 0 0; color: #206a4d; font-size: 13px; }
#list .head .c { font-size: 13px; }
#list .question { }
#list .expanded .qline { border-bottom: 1px solid #000; position: absolute; width: 580px; margin: -20px 0 0 -10px; height: 20px; }
#list .answer { display: none; border-bottom: 1px solid #000; }
#list .expanded .answer { display: block; padding: 20px 0 0 0; overflow: hidden; }
#list .expanded { border-left: 1px solid #000; margin-bottom: 50px; }
#list .expertdesc { display: none; }
#list .expanded .expertdesc { display: block; margin: 0 0 3px 5px; }
#list .expertimg { float: right; margin: 0 0 3px 10px; }
#list .noresult { margin: 10px; }
#list #pager { margin: 10px; }
#list #pager a { color: #206a4d; margin-right: 5px; }
#list #pager a.current { font-weight: bold; } 
#list .learnmore { color: #206a4d; }
#list .expanded .learnmore { display: none; }


/* Vertical menus */
#categories { margin: 40px 0 0 30px; }
#categories h3 { background: url(../images/line.gif) repeat-x 0 100%; color: #206a4d; font-size: 14px; padding-bottom: 8px; }
#categories ul { list-style: none; margin: 10px 0 0 0; }
#categories a { color: #206a4d; font-size: 14px; text-transform: uppercase; }
#categories a.selected { color: #000; }

#vertical-menu { font-size: 16px; margin-top: 8px; }
#vertical-menu ul { list-style: none; margin-left: 0; text-transform: uppercase; }
#vertical-menu ul ul { list-style: none; margin-left: 1.5em; margin-bottom: 6px; }
#vertical-menu li { margin: 2px 0 4px 0; line-height: normal; }
#vertical-menu ul ul li { margin-bottom: 2px; }
#vertical-menu a { color: #000; }
#vertical-menu a.selected { color: #025402; }

/* AnnualReview */
#inputform input[type=text] { width: 55px; }
#inputform label { position: absolute; margin: 0 0 0 80px; }
#inputform .success { color: #538c0e; }

.line-under { width: 430px; border-bottom: 1px solid #000; font-size: 12px; padding-bottom: 8px; }
.line-over { width: 430px; border-top: 1px solid #000; font-size: 12px; padding-top: 8px; margin-top: 20px; }

#inputform input[type=image] { float: right; margin-right: 207px; }

#stat td { border: 1px solid #e8e8e8; font-size: 12px; }

/* Lightbox - Before & after */
.right { float: right; width: 370px; min-height: 100px; }
.right #head { background: url(../images/bg-top.png) no-repeat; height: 20px; }
.right #middle { background: url(../images/bg-middle.png) repeat-y; padding-top: 5px; }
.right #middle > div { margin: 0 0 0 36px; line-height: 1.2em; }
.right #middle div h4 { margin: 10px 0 0 0; padding: 0 0 0 0; text-transform: uppercase; font-size: 90%; }
.right #middle div > p { margin-bottom: 0;}
.right #bottom { background: url(../images/bg-bottom.png) no-repeat; height: 108px; }