body {background:#FFF url(images/bg2.gif) repeat-x;
margin:30px 0 20px 0;
font-size:1px;
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
text-align:left;
}
a img {border:none}
/* Frame background */
.lefttrbg {background: url(images/lefttr2.png) repeat-y; width: 17px;}
.leftbg {background: url(images/leftbg4.gif) repeat-y; width: 53px;}
.rightbg {background: url(images/rightbg4.gif) repeat-y; width: 51px;}
.righttrbg {background: url(images/righttr2.png) repeat-y; width: 18px;}

/* Corners */
.bltop {background:#DDD url(images/c_notr_tl.gif) no-repeat; height:12px; overflow:hidden}
.bltop div {background: url(images/c_notr_tr.gif) no-repeat 100% 0; height:12px; overflow:hidden}
.blbot {background:#DDD url(images/c_notr_bl.gif) no-repeat 0 100%;  height:12px; width:auto}
.blbot div {background: url(images/c_notr_br.gif) no-repeat 100% 100%; height:12px; width:auto}
.bltop_dark {background:#d6d6d6 url(images/c_notr_dark_tl.gif) no-repeat; height:12px; overflow:hidden}
.bltop_dark div {background: url(images/c_notr_dark_tr.gif) no-repeat 100% 0; height:12px; overflow:hidden}
.blbot_dark {background:#d6d6d6 url(images/c_notr_dark_bl.gif) no-repeat 0 100%;  height:12px; width:auto}
.blbot_dark div {background: url(images/c_notr_dark_br.gif) no-repeat 100% 100%; height:12px; width:auto}

/* Head */
.main { width:772px; margin:0 auto;}
.table_bg {background:#C6C6C6;}
#header {background: url(images/plashka_top3.png); width:772px; height:72px}
#footer {background:url(images/plashka_bottom3.png); width:772px; height:75px}

#headpad {padding:0 14px 14px 14px;}
#logo {height:48px; background:#DDD url(images/oculi_logo4combo.gif) no-repeat 5% 17%; position:relative}
#menu {font:10px Arial, Geneva, Helvetica, sans-serif; color:#999; letter-spacing:1px; position:absolute; top:10px; left:325px; text-align:center; height:30px; width:278px; cursor:default}
.rightimg {
width:146px;
height:144px;
text-align:center;
background:#DDD;
margin:0 7px 0 0;
padding:0;
/*add overflow:hidden here if u wanna get rid of those dirty padding-bottoms*/
}
.rimg_space {background:#c6c6c6; height:12px; width:160px;}
div#menu ul, div#menu ul li {display:inline; list-style-type:none; margin:0; padding:0}
.maincontent {margin:0 14px 0 14px;}
.mc_div {margin:14px 14px 0 14px; background:#DDD}
.hidden {display:none}
.rel {position:relative}
a#current:link, a#current:visited {background:#eaeaea;}


/* Copy footer */
#copyblock, #photoblock {margin:14px 14px 0 14px; background:#d6d6d6}
#copyblock:hover, #photoblock:hover {margin:14px 14px 0 14px; background:#ddd}
#photoblock, #photoblock:hover {margin-top:0;} 
#copyblock:hover .bltop_dark, #photoblock:hover .bltop_dark {background:#DDD url(images/c_notr_tl.gif) no-repeat; height:12px; overflow:hidden}
#copyblock:hover .bltop_dark div, #photoblock:hover .bltop_dark div {background: url(images/c_notr_tr.gif) no-repeat 100% 0; height:12px; overflow:hidden}
#copyblock:hover #copy, #photoblock:hover #copy {background:#DDD}
#copyblock:hover .blbot_dark, #photoblock:hover .blbot_dark {background:#DDD url(images/c_notr_bl.gif) no-repeat 0 100%;  height:12px; width:auto}
#copyblock:hover .blbot_dark div, #photoblock:hover .blbot_dark div {background: url(images/c_notr_br.gif) no-repeat 100% 100%; height:12px; width:auto}

/*Skipper*/
#skip {width:330px; position:absolute; top:60px; font:10px Verdana, Helvetica, sans-serif; letter-spacing:5px; margin-left:137px; text-align:center; color:white; visibility:hidden; z-index:100}
#skip_l {width:3%;background:url(images/c_notr_vvdark_bl.gif) no-repeat; height:12px; float:left; display:inline; margin:0}
#skip_c {width:94%; float:left;display:inline;background:#aaa; margin:0; height:12px}
#skip_r {width:3%;background:url(images/c_notr_vvdark_br.gif) no-repeat 100% 0%; height:12px;float:left;display:inline; margin:0; padding:0;}
#skip_b {clear:left; background:url(images/cur.gif) 50% 0% no-repeat; width:100%; height:10px; margin:0 auto 0 auto; padding:0;}
#skip a#sk:link, a#sk:visited, a#sk:active {text-decoration:none; color:white; background:none}
#skip a#sk:hover {text-decoration:none; color:white; background:none}
#headpad:hover #skip a {color:white; background:none}
#skip:hover a#sk {color:white; background:none}

/* Text*/
p {font:12px Verdana, Helvetica, sans-serif; color:#252525; margin-bottom:2px; text-align:justify; line-height:18px}
p#first {margin-top:12px}
p#first:first-letter {font: 370% Georgia, "Times New Roman", Times, serif; float:left; margin:-4px 3px 0 -2px; padding:0; text-transform:uppercase; color:#999}
p+p {margin:3px 0 2px 0;}
div+p {margin-top:3px}
h2+p#first {margin-top:16px}
h3+div+p {margin-top:16px}
h2+p {margin-top:14px}
p#lead {font: lighter 13px Georgia, Times, serif; line-height:1em; margin:13px 0 0 0; color:#444}
div>div.text_img#h3 {margin-top:20px}
ul.text li {font:11px Verdana, Helvetica, sans-serif; color:#252525; margin:0; padding:0}
h1 {font:16px 'trebuchet ms','Lucida Console', Verdana, Helvetica, sans-serif bolder;letter-spacing:2px; margin:0 -16px 6px -16px; border:1px solid #F2F2F2;  background:#E9E9E9; color:#6B6B6B; padding:0 14px 0 14px;}
h1.theme {font: bolder italic 20px Georgia, 'Times New Roman', Times, serif; letter-spacing:5px; border:1px dashed #D2D8C5; background:#f1efd3}
h2 {font:13px 'trebuchet ms', Verdana, Helvetica, sans-serif; color:#252525; border-left:8px solid #aaa; margin:10px 0 -6px 0; padding-left:5px; letter-spacing:1px}
h3 {font:12px 'trebuchet ms', Verdana, Helvetica, sans-serif; color:#666666;  margin:4px 0 -14px 0; letter-spacing:1px}
h3:before {content:"["}
h3:after {content:"]"}
.text_img {float:right; width:auto; height:auto; padding:4px;border:3px double #F2F2F2; background:#959595 url(images/img_question.gif) center center no-repeat; vertical-align:text-top;font:9px Verdana, sans-serif; color:#FFF;  margin:4px 0 8px 18px;}
.text_img.author {width:80px;  margin:9px 0 4px 6px;}
.text_img img{clear:both; display:block}
p img {float:right; border:3px double #F2F2F2; background:#959595; margin:2px 0px 4px 8px; vertical-align:text-top}
#copy {font:11px 'trebuchet ms', Arial, Helvetica, sans-serif; color:#999999; letter-spacing:1px; margin:0 14px 0 14px;display:inline;cursor:default}
.mainimg {width:445px; height:300px; text-align:center; background:#DDD; margin-left:14px;}
.mainimg#img_article {width:606px; height:auto;}
.artwork {width:190px; height:139px; position:absolute;z-index:131; top:28%; left:32%;background:url(images/india_cover.png) no-repeat center center}

/*Tooltip*/
a.tt span {display:none;}
a.tt:hover{
position:relative;
z-index:23;
}
a.tt:hover span{
display:block;
position:absolute;
z-index:24;
color:#999;
cursor:default;
top:0;
bottom:5px;
left:auto;
}
a#minus span {left:-174px;}
a#plus span {left:-195px;}
a#contrast span {left:-228px;}

span#podpis {display:none;}
a.bigga:hover {position:relative; 
z-index:26; 
display:block; 
margin:0; 
padding:0}
a.bigga:hover span#podpis {
display:block; 
position:absolute; 
z-index:28;
left:10px; 
bottom:20px;
overflow:hidden;
height:auto; 
width:auto;
max-width:380px; 
font-size:11px;
background:#f1efd3; 
margin:0 0 0 -10px; 
padding:2px; 
padding-left:10px; 
padding-right:6px; 
border:1px dashed #999;
border-left:12px solid #959595; 
text-align:left;
color:#6F6F6F;
} 
a.bigga:hover>span#podpis {font:11px "Times New Roman", Times, serif} /*For Firefox and others who have not serif fonts by default*/
#fontzoomer {vertical-align:middle; margin:0 10px 0 0;float:right; z-index:87}
#fontzoomer a {padding:0 2px 0 2px;margin:0 2px 0 2px;}
#fontzoomer a, #fontzoomer a:link, #fontzoomer a:visited, #fontzoomer a:hover, #fontzoomer a:active{border:none; background:none}

a.tt:link {border:none; background:none;}

/* These are the link styles */
#menu a {padding:0 2px 0 2px;margin:0 2px 0 2px}
#menu a:link, #menu a:visited {text-decoration:none; color:#6F6F6F;}
#menu a:hover {background-color:#F9F9F9; color:#A4A4A4; outline:solid 1px #999}
#menu a:active {color:#999; background-color:#F9F9F9;}

a.copymail {padding:0 2px 0 2px;margin:0 2px 0 0}
a.copymail:link, a.copymail:visited {text-decoration:none; color:#a7a7a7}
a.copymail:hover {color:#F9F9F9;}
a.copymail:active {color:#999999; background-color:#F9F9F9;}



a {color:#868686}
a:link {color:#868686}
a:visited {color:#6F6F6F;}
a:hover {text-decoration:none;  color:#aaa }
a:active {color:#999999; background:#F9F9F9;}

a.ext {text-decoration:none;color:#272727;background-color: #EEE;border-bottom:solid 1px #999}
a.ext:link {}
a.ext:visited {text-decoration:none;color:#272727;background-color: #E9E9E9}
html>body a.ext:visited:hover {text-decoration:none; background:white; color:#272727;border-bottom:solid 1px #999}
a.ext:hover {text-decoration:none; background:white; color:#8caee8;border-bottom:solid 1px #999}
a.ext:active {color:#999; background:#F9F9F9;}