/* ---------- RESET ---------- */
*{margin:0;padding:0;text-decoration:none;font-size:1em;outline:none}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;font-size:1em;white-space:normal}
dfn,i,cite,var,address,em{font-style:normal}
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:normal}
a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table{border:none}
caption,th,td{text-align:left;}
html{background:white;color:black;line-height:1}
q{quotes:'' ''}
ul,ol,dir,menu{list-style:none}
sub,sup{vertical-align:baseline}
a{color:inherit}
hr{display:none}
/* ---------- DISABLE ---------- */
font,basefont{color:inherit;font:inherit;font-size:100%}
center{text-align:inherit}
s,strike,u{text-decoration:inherit}
*[align]{text-align:inherit}
img{margin:0;border:none}
ol{list-style-type:decimal}
body{background-color:transparent}
table,tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none;}
nobr{white-space:normal}
marquee{overflow:visible;}
blink{text-decoration:none}
/* ---------- GENERAL ---------- */
html{font-size:62.5%;font-family:"lucida grande",verdana,sans-serif;color:#444;}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:bold}
cite,em,dfn{font-style:italic}
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:92%;font-family:monaco,"Lucida Console",courier,mono-space}
pre{white-space:pre}
pre *{font-size:100%;white-space:pre}
del{text-decoration:line-through;color:#666}
ins,dfn{border-bottom:1px solid #ccc}
small,sup,sub{font-size:85%}
big{font-size:125%;line-height:80%}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}
a abbr,a acronym{border:none}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px solid #ccc}
sup{vertical-align:super}
sub{vertical-align:sub}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:underline}
blockquote{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666}
blockquote > *:before{content:"\201C"}
blockquote > *:after{content:"\201D"}
q{quotes:"\201C""\201D""\2018""\2019"}
:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}
:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}
:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}
:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}
:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}
*[lang|='en'] q:before{content:'\201C'}
*[lang|='en'] q:after{content:'\201D'}
*[lang|='en'] q q:before{content:'\2018'}
*[lang|='en'] q q:after{content:'\2019'}
fieldset{border:1px solid #ddd}
legend{background:#fff}
textarea,input[type='text'],select{border:1px solid #ccc;background:#fff}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{border-color:#888;outline:2px solid #e4e4e4}
input,select,button{cursor:pointer}
input[type='text'],input[type='password']{cursor:text}
input[type='hidden']{display:none}
/* ---------- CONTENT ---------- */
.content {font-size:1.1em;line-height:1.6em}
.content h1{font-size:1.6em;line-height:1}
.content h2{font-size:1.5em;line-height:1}
.content h3{font-size:1.4em;line-height:1}
.content h4{font-size:1.3em;line-height:1}
.content h5{font-size:1.2em;line-height:1}
.content h6{font-size:1em;line-height:1}
.content hr{display:block;background:#aaa;color:#aaa;width:100%;height:1px;border:none}
.content ul{list-style:disc outside}
.content ol{list-style:decimal outside}
.content table{border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse}
.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content blockquote,.content address,.content table,.content form{margin-bottom:1.6em}
.content p+p{margin-top:-.8em}
.content h1{margin:1em 0 .5em}
.content h2{margin:1.07em 0 .535em}
.content h3{margin:1.14em 0 .57em}
.content h4{margin:1.23em 0 .615em}
.content h5{margin:1.33em 0 .67em}
.content h6{margin:1.6em 0 .8em}
.content th,.content td{padding:.8em}
.content caption{padding-bottom:.8em}
.content blockquote{padding:0 1em;margin:1.6em 0}
.content fieldset{padding:0 1em 1em 1em;margin:1.6em 0}
.content legend{padding-left:.8em;padding-right:.8em}
.content legend+*{margin-top:1em}
.content textarea,.content input{padding:.3em .4em .15em .4em}
.content select{padding:.1em .2em 0 .2em}
.content option{padding:0 .4em .1em}
.content button{padding:0.3em 0.5em}
.content input[type='radio']{position:relative;bottom:-.3em;}
.content a{position:relative}
.content dt{margin-top:.8em;margin-bottom:.4em}
.content ul,.content ol{margin-left:2.2em}
.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}
.content form div{padding-bottom:.8em}
.content blockquote > *{margin:.8em 0}
.content a{color:#39c;text-decoration:underline;}
.content a:visited{color:#99c}
.content a:hover{color:#369}
.content a:active,.content a:focus{color:#444}
.content code,.content pre{color:#c33}

/* ALTERATIONS TO GENERIC CSS
------------------------------------- */

.content fieldset{margin: 1.6em 0; border-color: #e3e3e3;padding: 0 2em 1em 2em;}
.content legend{margin-left:-0.8em}
.content {margin-left:3em;}
.content a{color:#28b;text-decoration:none;}
.content a:visited{color:#28b;}
.content a:hover{color:#369;}
.content a:active,.content a:focus{color:#444;}

/* DAVIDS GENERIC
------------------------------------- */

/* ////////// add the .clearfix class to elements that you want to clear automatically */

.clearfix:after {content:"."; display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix {display:block}
/* End hide from IE-mac */


/* ////////// add the .inlinemenu class to the <ul> tag to float it's list elements side by side */

ul.inlinemenu{list-style:none;margin:0;}
ul.inlinemenu li{display:block;float:left;border-right: 1px solid #e3e3e3;padding-right:.5em;margin-right:.5em}
ul.inlinemenu.noborder li, ul.inlinemenu li.noborder{border:none}
ul.inlinemenu li.last{border:none;margin-right:0;padding-right:0}
form+ul.inlinemenu{margin-top:-0.8em;}


/* ////////// add the .inlineinputs class to the <ul> tag to float it's input elements */

ul.inlineinputs{list-style:none;margin-left:0;margin-bottom:0.8em;}
ul.inlineinputs li{float:left;display:block;margin-right:1em;}
ul.inlineinputs li label{font-weight:bold;}


/* ////////// add a formtabs1/formtabs2 class to an <ul> tag before the fieldset for form tabs */

ul.formtabs1{list-style:none;margin-left:0;margin-bottom:-1.6em;border-bottom:1px solid #ddd;position:relative;bottom:-1px;z-index:2;}
ul.formtabs1 li{top:1px;position:relative;border-bottom:1px solid #ddd;margin-right:5px;float:left;display:block;background:#ededed url(../images/tabs1.gif) no-repeat top right}
ul.formtabs1 li a,ul.formtabs1 li a:hover,ul.formtabs1 li a:active{color:#444 !important;text-decoration:none}
ul.formtabs1 li a{display:block;float:left;padding:5px 13px;background:url(../images/tabs1_left.gif) no-repeat top left;}
ul.formtabs1 li.active{background-color:white;border-width:0;}
ul.formtabs1 li.active a{padding-bottom:6px;}
/*ul.formtabs1 li:hover{background-color:#f2f2f2;}*/ /* NOT IE6 */

ul.formtabs2{border-left:1px solid #ddd;list-style:none;margin-left:0;margin-bottom:-1.6em;border-bottom:1px solid #ddd;position:relative;bottom:-1px;z-index:2;}
ul.formtabs2 li{top:1px;position:relative;float:left;display:block;border:1px solid #ddd;border-left:0;border-right:0;}
ul.formtabs2 li a,ul.formtabs2 li a:hover,ul.formtabs2 li a:active{color:#444 !important;text-decoration:none}
ul.formtabs2 li a{display:block;float:left;padding:5px 13px;background:#ededed url(../images/tabs2_line.gif) no-repeat 100% 50%;}
ul.formtabs2 li.active{border-bottom-width:0;border-left:1px solid #ddd;left:-1px;margin-right:-1px;}
ul.formtabs2 li.active a{padding-bottom:6px;background:white;border-right:1px solid #ddd;}
ul.formtabs2 li.last a{background-image:none;border-right:1px solid #ddd;}
ul.formtabs2 li.noborder a{background-image:none;}

ul.formtabs1 li a:hover,
ul.formtabs2 li a:hover{text-decoration:underline;}


/* LIBRIS
------------------------------------- */

.halfwide{width: 40em;}
.leftfloat{float: left; }
.rightfloat{float: right; }
.description{color: #888;}
.alert{color: #CC2900;}
form p.alert{margin-bottom: -1em;}

/* HEAD */
#head{border-top:6px solid #bae679;height:8.6em;}
#head .logo{position:absolute;top:18px;left:22px;}
#head ul{position:absolute;top:10px;right:2em;}
#head ul li{display:block;float:left;border-right:1px solid #ddd;font-size:90%;}
#head ul li a{display:block;float:left;padding:.3em .8em;text-decoration:none;text-transform:uppercase;letter-spacing:1px;}
#head ul li a:hover{text-decoration:underline;}
#head ul li.disabled a{color:#bbb;}
#head ul li.logout{border-right:none;}
#head ul li.logout a{padding-right:0;color:#39c;}
#head .welcome{font-weight:bold;position:absolute;right:0;bottom:1em;color:#8a6;font-size:1.2em;}

/* FOOTER */
#footer{clear:both;border-top:1px solid #ddd;text-align:center;color:#999;margin:0;padding:1em 0 2em 0;background-color: #fff;}
#footer a{color:#999;}

/* BUTTONS */
input.custbtn{cursor:pointer;width:auto;overflow:visible;padding:2px;letter-spacing:1px;font-size:100%;
color:#444;font-family:"lucida grande",verdana,arial,sans-serif;background-color:#ededed;border: 1px solid #ccc;border-top-color: #fafafa;border-left-color: #fafafa;}
input.active{color:#fff;background-color:#579bc8;border-color:#a3c2d8;border-right-color:#5889aa;border-bottom-color:#5889aa}

/* FORMS /*
NOTE: DESCRIPTION HANDLING
add a <div class="description"> for a generic description of the fieldset
add a <dd class="description"> of <li class="description"> for a specific field description after the field
*/

.forms .description{width:16em;position:absolute;margin-left:22em;margin-top:2em}
.forms dd.description,
.forms li.description{clear:both;position:relative;top:-1.6em;margin:0 0 -1.6em 0;left:22em;}
.forms fieldset{position:relative}
.forms p{margin-bottom:0.8em;}
.forms h1{font-size: 140%; font-weight: bold; margin: 0 0 0.7em 0; border-bottom: 1px solid #ddd; padding: 0.3em 0 0.2em 0; color: #8a6;}
.forms input.radio,
.forms .radios input,
.forms .checkboxes input,
.forms input.checkbox{width: auto; background: transparent !important; margin-right: .2em;}
.forms .radios label,
.forms .checkboxes label{margin-right: 1em;}
.forms .radios.leftfloat,
.forms .checkboxes.leftfloat{width: 20em;}
.forms dl {margin:0 0 0.8em 0}
.forms dt{clear: both; margin-bottom:0;}
.forms dl dd input{width: 20em;}
.forms dl dd select{width:19.2em}
.forms dd.leftfloat{margin-right: 1em;}
.forms div.action{background-color:#ededed;border-top:1px solid #e3e3e3;position:relative;right:-2em;top:1em;margin:0 0 0 -4em;padding:.7em 2em 1em 2em;}
.forms input.submit{float: right; margin-right: 18.5em;}
.forms input.submit{margin-right:16.5em}
.forms fieldset.nolegend{border: none;}
.forms fieldset.nolegend legend{display: none}
.forms .third {width:9em;}
.forms .fourth{width:4.5em;}
.forms .second{width:13.5em;}
