/************** Standard components **************/

.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #dcdcdc; border-width: 1px 0; border-bottom: 3px solid #d8d0b7; padding: 4px 10px; background: #f3eedd; font-weight: normal; font-weight: bold; }
.content TABLE TD { line-height: normal; border: solid #dcdcdc; border-width: 1px 0; padding: 4px 10px; }
.content TABLE TR.even TD { background: #fffdf1; }
.content UL { padding: 0 0 0 20px; margin: 1em 0 0 0; list-style: none; }
.content UL LI { background: url(dot01.gif) 0 6px no-repeat; padding: 0 0 0 12px; }

/* Form */

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 5px 10px 5px 10px; background: #fff; border: solid #dcdcdc; border-width: 1px 0; }
TABLE.form TD { line-height: normal; width: 70%; padding: 1px 10px 1px 10px; }
TABLE.form TD.data { padding: 5px 10px; font-weight: normal; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }

TABLE.form .max { width: 310px; }
TABLE.form .default { width: 210px; }
TABLE.form .min { width: 60px; }

TABLE.form INPUT.max,
TABLE.form TEXTAREA.max { width: 304px; }
TABLE.form INPUT.default,
TABLE.form TEXTAREA.default { width: 204px; }
TABLE.form INPUT.min,
TABLE.form TEXTAREA.min { width: 54px; }

TABLE.form TH.subheading { text-align: center; color: #000; padding: 5px 10px; }
TABLE.form A { color: #777; text-decoration: underline; }
TABLE.form A:hover { color: #e40000; }

TABLE.form INPUT[type="radio"],
TABLE.form INPUT[type="checkbox"] { vertical-align: normal; }
*:first-child+HTML TABLE.form INPUT[type="radio"],
*:first-child+HTML TABLE.form INPUT[type="checkbox"] { vertical-align: normal; margin-top: -1px; }

/* Action buttons */

P.actions { line-height: normal; }
P.actions BUTTON,
P.actions INPUT { float: left; margin: 0 5px 0 0; padding: 3px 15px; border: none; font-weight: bold; overflow: visible; cursor: pointer; background: #666; color: #fff; }
P.actions .main { background: #000; }
P.actions A { float: left; margin: 0 5px 0 0; padding: 3px 15px; font-weight: bold; background: #444 url(bg04.gif) 100% 0 no-repeat; color: #000; text-decoration: none; }
P.actions A:hover { background: #720000 url(bg04.gif) 100% 0 no-repeat; }

/* Messages */

P.msg-error { border: 2px solid #e40000; color: #e40000; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-ok { border: 2px solid #4ca82e; color: #4ca82e; padding: 8px 12px; background: #fff; line-height: normal; text-align: center; }
P.msg-info { border: 2px solid #dad4a6; color: #807f48; padding: 8px 12px; background: #fdfbe2; line-height: normal; text-align: center; }
P.msg-info A { color: #807f48; text-decoration: underline; }

/* Gallery */

TABLE.galleries { width: auto; }
TABLE.galleries TD { border: 7px solid #fff !important; text-align: center; padding: 0 !important; font-size: 1px; background: none; vertical-align: bottom; }
TABLE.galleries TD.folder { font-weight: bold; }
TABLE.galleries A { display: block; border: 1px solid #f3eedd; padding: 2px; text-decoration: none; color: #888; }
TABLE.galleries A IMG { opacity: 0.80; filter: alpha(opacity=80); }
TABLE.galleries A:hover { border-color: #e3d9b4; color: #000; }
TABLE.galleries A:hover SPAN.txt { background: #e3d9b4; }
TABLE.galleries A:hover IMG { opacity: 1; filter: alpha(opacity=100);}
TABLE.galleries SPAN.txt { display: block; padding: 4px 10px; background: #f3eedd; font-size: 11px; margin-top: 1px; }
TABLE.galleries SPAN.info { display: block; font-weight: normal; }

/* News */

UL.news { margin: 0; padding: 0; line-height: normal; list-style: none; }
UL.news LI { margin: 0; border-bottom: 1px dotted #f3eedd; padding: 0; background: none; clear: both; }
UL.news A { text-decoration: none; }  
UL.news P { margin: 0; padding: 0; }
UL.news P.heading { font-weight: bold; padding: 2px 0; line-height: normal; }
UL.news P.lead { line-height: 15px; margin: 0; padding: 0 0 8px 5.8em; clear: both; }
UL.news SPAN.date { color: #555; font-weight: normal; margin: 0 5px 0 0; }

/*Pagination */

UL.pages { margin: 1em 0 0 0; padding: 0; background: #f3eedd; line-height: normal; }
UL.pages LI { float: left; background: none; padding: 2px 0; margin: 0; }
UL.pages LI.label { padding: 4px 10px; }
UL.pages LI A { float: left; text-decoration: none; padding: 3px 5px; }
UL.pages LI A:hover { background: #991010; color: #fff; }
UL.pages LI A.active { background: #991010; color: #fff; }
UL.pages LI.nextprev { float: right; }
UL.pages LI.nextprev A { border-left: 2px solid #fff; }
UL.pages LI.nextprev A:hover { padding: 4px 8px 2px 8px; }

/************** Layout **************/

BODY, HTML { background: #fff url(bg01.png) repeat-x; text-align: center; }
BODY { padding: 0 10px 10px 10px; }

#box01 { width: 970px; margin: auto; text-align: left; }
#box02 { background: url(bg04.gif) repeat-y; }
#box03 { background: url(bg04.gif) -970px 100% no-repeat; padding: 0 0 10px 0; }

#header01 { height: 132px; background: url(bg02a.gif) 8px 100% no-repeat; position: relative; }
#header01 P { float: left; margin: 0; }
#header01 #logo { padding: 33px 30px 0 34px; }
#header01 #headerflash { margin: 0; padding: 0; float: left; }

#footer { background: url(bg05.gif) 100% 0 no-repeat; clear: both; color: #e58c8c; font-size: 11px; padding: 15px 20px 0 195px; }
#footer P { margin: 0; }
#footer SPAN { margin: 0 7px; color: #b42b2b; }
#footer A { color: #e58c8c; }
#footer #exact { float: right; }
#footer #exact A { color: #c24444; }

#langselect { position: absolute; right: 0; bottom: 0; padding: 0; list-style: none; margin: 0 0 -5px 0; }
#langselect LI { float: left; }
#langselect LI A { float: left; background: #fff url(bg03.gif) 0 -80px no-repeat; color: #fff; }
#langselect LI A SPAN { float: left; background: url(bg03.gif) 100% -120px no-repeat; cursor: pointer; padding: 10px 24px 8px 24px; }
#langselect LI A.active { background-position: 0 0; color: #1f1f1f; font-weight: bold; }
#langselect LI A.active SPAN { background-position: 100% -40px; padding: 9px 24px 14px 24px; }
#langselect LI.right { padding: 0 8px 0 0; }
#langselect LI.right.active {  background: url(bg15.png) no-repeat 100% 0; }
* HTML #langselect LI.right { background: none; }

#topbanners { position: absolute; top: 16px; right: 7px; }
#topbanners UL { float: right; margin: 0; padding: 0; list-style: none; }
#topbanners UL * { float: left; }
#topbanners UL A { cursor: pointer; }
#topbanners UL LI { color: #909090; padding: 0 0 0 5px; }
#topbanners UL LI P { margin: 0; padding: 10px 5px 0 0; }
/* hiv */
#topbanners UL LI.item01 A { background: url(banners/hiv.png) no-repeat; width: 94px; height: 37px; }
* HTML #topbanners UL LI.item01 A { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.exact.ee/projects/narko/img/banners/hiv.png', sizingMethod='crop'); }
#topbanners UL LI.item01 A:hover { background: url(banners/hiv_h.png) no-repeat; }
* HTML #topbanners UL LI.item01 A:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.exact.ee/projects/narko/img/banners/hiv_h.png', sizingMethod='crop'); }
/* alkoinfo */
#topbanners UL LI.item02 A { background: url(banners/alkoinfo.png) no-repeat; width: 116px; height: 37px; }
* HTML #topbanners UL LI.item02 A { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.exact.ee/projects/narko/img/banners/alkoinfo.png', sizingMethod='crop'); }
#topbanners UL LI.item02 A:hover { background: url(banners/alkoinfo_h.png) no-repeat; }
* HTML #topbanners UL LI.item02 A:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demo.exact.ee/projects/narko/img/banners/alkoinfo_h.png', sizingMethod='crop'); }

#col01 { float: left; width: 199px; min-height: 1px; margin-right: 15px; padding-bottom: 20px; }
* HTML #col01 { height: 1px; }
#col02 { float: left; width: 728px; min-height: 1px; padding: 20px 0 15px 0; }
* HTML #col02 { height: 1px; }

DIV.col03 { float: right; width: 300px; margin: 0 0 0 20px; }

#col01 P.banner { margin: 0; padding: 2px 0 0 14px; }

#menu1 { font-size: 13px; padding: 0; margin: -1px 0 5px 0; list-style: none; font-weight: bold; cursor: default; }
#menu1 LI { display: inline; }
#menu1 LI A { display: block; background: url(bg07.gif) 0 0 no-repeat; color: #fff; margin: 1px 0 0 0; position: relative; }
#menu1 LI A SPAN { display: block; background: url(bg07.gif) -200px 100% no-repeat; cursor: pointer; padding: 7px 10px 7px 34px; }
#menu1 LI A:hover { text-decoration: none; background-position: -400px 0; color: #000; }
#menu1 LI A:hover SPAN { background-position: -600px 100%; }
#menu1 LI A.active { background-position: -800px 0 !important; color: #000; }
#menu1 LI A.active SPAN { background-position: -1000px 100% !important; }
#menu1 LI.withchildren A.active SPAN { background-position: 200px 0 !important; } 
#menu1 LI.withchildren DIV { background: url(bg07.gif) -1200px 0 repeat-y; }
#menu1 LI.withchildren UL { background: url(bg07.gif) -1000px 100% no-repeat; padding: 0 5px 5px 0; margin: 0; list-style: none; font-weight: normal; font-size: 12px; }
#menu1 LI.withchildren UL A { background: url(bg09.gif) no-repeat !important; color: #991010; padding: 4px 10px 3px 34px; }
#menu1 LI.withchildren UL A:hover { font-weight: bold; }
#menu1 LI.withchildren UL A.active { font-weight: bold; }

#menu1 LI.withchildren UL UL { margin: 0; padding: 0; background: none; }
#menu1 LI.withchildren UL UL A { margin: 0; padding: 4px 10px 3px 34px; color: #3e444d; }
#menu1 LI.withchildren UL UL A STRONG { font-weight: normal; background: url(dot02.gif) no-repeat 0 5px; padding: 0 0 0 11px; }
#menu1 LI.withchildren UL UL A:hover STRONG,
#menu1 LI.withchildren UL UL A.active STRONG { font-weight: bold; }
 
/* Front page */

#front01 { background: url(bg06.gif) 100% 0 no-repeat; min-height: 400px; }
* HTML #front01 { height: 400px; }

#front-col1 { float: left; min-height: 1px; overflow: hidden; width: 408px; margin-right: 20px; }
#front-col2 { float: left; min-height: 1px; overflow: hidden; width: 300px; }
#front-col3 { float: left; min-height: 1px; overflow: hidden; width: 138px; }
#front-col4 { float: left; min-height: 1px; overflow: hidden; width: 270px; }
#front-col4 H2 { border: none; padding: 0; color: #191919; margin: 0; font-size: 18px; }

H2.type2 { background: url(bg08.gif) no-repeat; padding: 0; height: 30px; overflow: hidden; clear: both; color: #fff; line-height: normal; border: none; font-size: 14px; }
H2.type2 SPAN { display: block; padding: 7px 10px 7px 10px; background: url(bg08.gif) 100% -30px no-repeat; }

DIV.block-type1 { border: 1px solid #dcdcdc; border-top: none; background: #fffdf1; padding: 0 1em 1em 1em; }
DIV.block-type1 H3 { font-size: 14px; font-weight: bold; }
DIV.block-type1 A { font-weight: bold; }

DIV.block-type2 { margin: 1em 0 0 0; background: url(bg13.gif) repeat-y; }
DIV.block-type2 DIV.a { background: url(bg13.gif) -408px 0 no-repeat; }
DIV.block-type2 DIV.b { background: url(bg13.gif) -816px 100% no-repeat; padding: 1em; }
DIV.block-type2 H3 { margin: 0; }

DIV.banners01 { margin: 20px 0 0 0; }
DIV.banners01 A { float: left; margin: 0 15px 0 0; }

DL.front-news { border: 1px solid #dcdcdc; border-top: none; padding: .5em 1em 1em 1em; margin: 0; }
DL.front-news DT { font-size: 11px; color: #434343; font-weight: bold; padding: .5em 0 0 0; margin: 0; }
DL.front-news DD { padding: 0; margin: 0; }

/* Subpage */

#sub01 { background: url(bg10.gif) 100% 0 no-repeat; min-height: 400px; }
* HTML #sub01 { height: 400px; }

DIV.content-pad { padding: 0 0 0 14px; }

DIV.heading { background: url(bg11.gif); }
DIV.heading DIV.a { background: url(bg11.gif) 100% 100% no-repeat; padding: 8px 14px; }
DIV.heading P { float: right; margin: 0; padding-top: 2px; color: #cabe92; font-size: 11px; }
DIV.heading P SPAN { margin: 0 4px; }
DIV.heading A { text-decoration: none; }
DIV.heading A:hover { text-decoration: underline; }

#sub-col1 { float: left; min-height: 1px; overflow: hidden; width: 494px; margin-right: 20px; }
#sub-col2 { float: left; min-height: 1px; overflow: hidden; width: 200px; }

BLOCKQUOTE { padding: 15px 15px 30px 15px; margin: 1em 0 0 0; font-family: Georgia, "Times New Roman", Times, sans-serif; font-size: 17px; font-style: italic; background: #f3eedd url(bg12.gif) 100% 100% no-repeat; border-top: 5px solid #d8d0b7; line-height: 22px;}

DL.readmore { padding: 0 15px 15px 15px; margin: 0; border: 1px solid #dcdcdc; background: #fffdf1; line-height: 15px; }
DL.readmore DT { padding: 8px 0 0 0; margin: 8px 0 0 0; border-top: 1px solid #e2d9b4; font-weight: bold; }
DL.readmore DT.first { margin: 0; border: none; }
DL.readmore DD { padding: 0; margin: 0; font-size: 11px; }
DL.readmore A { text-decoration: none; }
DL.readmore A:hover { text-decoration: underline; }

DL.links { padding: 0 15px 15px 15px; margin: 0; border: 1px solid #dcdcdc; background: #fffdf1; line-height: 15px; }
DL.links DT { margin: 0; padding: 15px 0 0 0; font-weight: bold; }
DL.links DD { padding: 0; margin: 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
DL.links A { text-decoration: none; }
DL.links A:hover { text-decoration: underline; }

DIV.floatcol { float: right; width: 215px; margin: 0; }
DIV.floatcol DIV.pad { padding: 15px 0 15px 15px; background: #fff; }
DIV.floatcol DIV.img { background: #f3eedd; text-align: center; padding: 3px; font-size: 10px; line-height: normal; }
DIV.floatcol DIV.img P.img { background: #fff; padding: 3px; margin: 0; }
DIV.floatcol DIV.img P.txt { margin: 0; padding: 5px 10px; }

/* narkotest */

TABLE.narkotest { margin: 17px 0 0 0; }
TABLE.narkotest TH { background: url(bg14.gif) repeat-x; border: none; font-weight: bold; padding: 8px 15px 0 15px; vertical-align: bottom; line-height: 18px; }
TABLE.narkotest TD { background: none; border: none; padding: 10px; line-height: normal; }
TABLE.narkotest TABLE { width: auto; margin: 0; }
TABLE.narkotest TABLE TD { padding: 0 5px 0 5px; width: auto; line-height: normal; }
TABLE.narkotest TABLE TH { padding: 4px 10px 4px 0; width: auto; font-weight: normal; background: none; line-height: normal; }
TABLE.narkotest TABLE TR.ok TH,
TABLE.narkotest TABLE TR.ok TD { background: #def3c0; }
TABLE.narkotest TABLE TR.error TH,
TABLE.narkotest TABLE TR.error TD { background: #f3c0c0; color: #990000; }
TABLE.narkotest P.info { background: #fdfbf2; font-size: 11px; line-height: 15px; padding: 8px 12px; }