/* ==========================================================================
   1. GLOBĀLIE IESTATĪJUMI (BODY, FONTI, SAITES)
========================================================================== */
body {
background: #40587B url('images/bgbody.png') no-repeat center center fixed;
background-size: cover;
margin: 0;
padding: 0;
font-family: 'lucida grande', lucida, tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 10pt;
color: #1e1d1a;
text-align: center;
}
html { margin-bottom: 0px; }
.clear { clear: both; }
.clr { clear: both; }
b { font-size: 90%; }
a img { border: 0; }
hr { height: 0px; border: solid #00314D 0px; border-top-width: 1px; }

/* Saites (Links) */
a:link, a:visited {
text-decoration: none;
color: #080808;
font-weight: bold;
font-size: 12px;
}
a:hover { color: #ef0c58; }
a:active { color: yellow; }
a.index { font-weight: bold; }
a.biglink { font-weight: bold; font-size: 10pt; }
a.altlink:link, a.altlink:visited { font-weight: bold; text-decoration: none; }
a.altlink:hover { text-decoration: underline; }
a.altlink_blue:link, a.altlink_blue:visited { font-weight: bold; color: #004E98; text-decoration: none; }
a.altlink_blue:hover { text-decoration: underline; }
a.altlink_green:link, a.altlink_green:visited { font-weight: bold; color: #007800; text-decoration: none; }
a.altlink_green:hover { text-decoration: underline; }
a.altlink_white:link, a.altlink_white:visited,
a.altlink_white1:link, a.altlink_white1:visited { font-weight: bold; color: #080808; }
a.copyright:link, a.copyright:visited, a.copyright:active {
text-decoration: none;
color: #FFFFFF;
border-top: dashed 1px #5087AD;
padding: 0px;
}

/* ==========================================================================
2. GALVENIE STRUKTŪRAS ELEMENTI (WRAPPER, HEADER, FOOTER)
========================================================================== */
#maincontainer {
width: 1146px;
margin: 0 auto;
position: relative;
}
#wrapper {
margin: 15px auto -15px;
position: relative;
width: 1196px;
text-align: left;
}
#topsection { height: 255px; }
#shadow-l { background: #FFF; padding-left: 4px; position: relative; }
#shadow-r { background: #FFF; padding-right: 4px; position: relative; }
/* IE hack */
* html #shadow-l { float: left; }
* html #shadow-r { float: right; }
#header-l {
height: 55px;
background: #FFF;
position: relative;
padding-left: 30px;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
#header-r {
height: 125px;
background: #FFF;
position: relative;
padding-right: 40px;
}
#logo { top: 40px; left: 0; display: block; height: 65px; }
#banners-block { position: absolute; top: 37px; right: 40px; width: 468px; height: 60px; }
#menue-l { height: 55px; background: #FFF; position: relative; padding-left: 364px; }
#menue-r { height: 55px; background: #FFF; position: relative; padding-right: 27px; }
#toolbar {
margin: 0; padding: 0; height: 55px;
background: #FFF; position: relative; overflow: hidden;
}
#toolbar2 {
margin: 0; padding: 0; height: 80px; display: flex;
background: linear-gradient(#4161a5, #10559a);
position: relative; overflow: hidden; border-radius: 10px;
}
#footer {
background: transparent; position: relative; height: auto;
border-radius: 0; overflow: hidden;
}
#footer-l { background: linear-gradient(#4161a5, #10559a); height: 72px; padding-left: 96px; position: relative; }
#footer-r { background: linear-gradient(#4161a5, #10559a); height: 72px; padding-right: 14px; position: relative; }
#copyright {
position: absolute; top: 14px; left: 30px; display: block;
width: 450px; height: 40px; color: #FFF; font-size: 11px; line-height: 12px;
}
#copyright a:link, #copyright a:visited { font-family: Verdana, Helvetica; color: #FFF; font-size: 11px; }
#copyright a:hover { font-family: Verdana, Helvetica; color: #FFF; }

/* ==========================================================================
3. NAVIGĀCIJA
========================================================================== */
#nav {
display: inline-block; margin: 0 5px; padding: 0 0 8px;
float: right; position: relative; list-style: none; z-index: 99;
}
html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }
#nav a:link, #nav a:visited {
font-weight: bold; color: #FFF; text-decoration: none;
display: block; float: left; height: 30px; padding: 8px 20px; margin: 0; z-index: 99;
border-radius: 1.6em; font-family: Verdana, Helvetica; font-size: 12px;
text-shadow: 0 1px 1px rgb(129, 102, 102);
}
#nav a:hover {
color: #FFF; background: linear-gradient(#153f6973, #2f5da191);
border-radius: 100px 100px 0 100px; z-index: 99;
}
#nav li:hover > ul { display: block; z-index: 99; }
#nav ul li { float: none; margin: 0; padding: 0; }
#nav ul a { font-weight: normal; text-shadow: 0 1px 0 #FFF; }
#nav ul ul { left: 181px; top: -3px; }
#nav ul li:first-child > a { border-radius: 9px 9px 0 0; }
#nav ul li:last-child > a { border-radius: 0 0 9px 9px; }
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#nav2 { margin: 0; padding: 7px; height: 16px; float: right; }
#nav2 a:link, #nav2 a:visited {
display: block; float: left; height: 48px; padding: 0px 10px;
color: #FFF; font-family: Verdana, Helvetica; font-size: 9px; font-weight: bold;
}
#nav2 a:hover { background: url('images/menu_bg2.png') bottom repeat-x; }
.navi { height: 16px; line-height: 16px; }
.navi a:link, .navi a:visited {
float: left; text-align: center; height: 18px; line-height: 18px; width: 80px;
background: url('images/navi_btn.png') top center no-repeat;
font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold;
}
.navi a:hover {
background: url('images/navi_btn.png') bottom center no-repeat;
color: #FFF;
}
a.menu:link, a.menu:visited { font-weight: normal; }
a.menu:active { color: #1e1d1a; }
a.menu:hover {
border-left-color: #080808; font-size: 12px; color: #f013b4;
text-align: left; text-decoration: none; font-weight: bold;
}
a.menu {
display: block; padding: 3px; font-size: 12px; text-align: left;
text-decoration: none; font-weight: bold; color: #080808;
}

/* ==========================================================================
4. TEKSTI, VIRSRAKSTI UN PAZIŅOJUMI
========================================================================== */
h1 { font-size: 10pt; text-align: center; }

h2 {
margin: 0; height: auto; color: #080808; font-size: 11pt; font-weight: bold;
text-align: center; background: transparent; padding: 5px 0;
}
h2 a:link, h2 a:visited { color: #080808; }

h3 {
color: #080808; font-size: 10pt; text-align: center;
background: transparent; font-weight: bold; padding: 5px 0; margin: 0;
}

p { font-size: 10pt; }
p.sub { margin-bottom: 4pt; }
.small { font-size: 7pt; }
.big { font-size: 10pt; }
.important { font-weight: bold; font-size: 10pt; }
.red { color: #ee0000; }
.yellow { color: #997700; }
.green { color: #27ae60; }
font.gray { color: #ACA899; text-decoration: underline; }
.error {
color: #990000; background-color: #FFF0F0; padding: 4px;
margin: 2px 0; border: 1px solid #990000; border-radius: 10px;
}
.error b { color: #990000; background: inherit; }
.success {
color: #10b981; background: #F5FBE1; padding: 4px;
margin: 2px 0; border: 1px solid #7BA813;
}
.success b { color: #7BA813; background: inherit; }
.alert {
width: 500px; padding: 10px; font-weight: bold; margin-bottom: 5px;
background-image: url('../pic/alert.gif'); background-repeat: repeat-x;
background-position: top; background-color: #f78c18;
}
#warning {
display: block; border: 1px solid #F1F1F1; padding: 8px 8px 8px 120px;
margin: 1px 0 5px 0; color: #0087de; text-align: justify;
}

/* ==========================================================================
5. TABULAS
========================================================================== */
table { background-color: #FFF; border: 0px solid rgba(0, 0, 0, 0.3); font-size: 110%; }
table.main, table.blok { background-color: #FFF; }
table.mainouter, table.main2 { background-color: #FFF; border: 0px; }
table.bottom { font-size: 10pt; color: #000; background: transparent; }
table.main td.embedded { overflow: hidden; text-overflow: ellipsis; border-radius: .5em .5em 0 0; }
td { font-size: 10pt; border: 1px solid rgba(0, 0, 0, 0.01); }
td.white { background: #FFF; }
td.right_menu { border: 0px; }
td.embedded, td.bottom { border: none; text-align: left; }
td.heading { font-weight: bold; }
td.text { padding: 4pt; text-align: left; border: 1px solid rgba(0, 0, 0, 0.01); }
td.comment { padding: 4pt; font-size: 10pt; text-align: left; }

td.colhead {
margin: 0; height: 20px; color: #1e1d1a; font-size: 10pt; font-weight: bold; text-align: center;
background-color: #e7e9eb; border: 0; border-radius: .5em .5em 0 0;
}
td.colhead2 { font-weight: bold; color: #1e1d1a; background-color: #e7e9eb; }
td.colhead3 { font-weight: bold; color: #1e1d1a; background-color: #E5EBF3; }
td.rowhead { font-weight: bold; text-align: right; vertical-align: top; background-color: #e7e9eb; border: 1px solid rgba(0, 0, 0, 0.01); }
td.title { font-size: 14pt; }
td.navigation { font-weight: bold; font-size: 10pt; border: none; }
td.clear, td.clear_td { padding: 0px; border: 0px; background: transparent; }
td.pager { background-color: #FFFFFF; border: 1px solid #9CA4B0; padding: 3px; }
td.pagebr { background-color: #FFF; border: 0px; padding: 0px; }
td.highlight { border: 1px solid #9CA4B0; padding: 2px; }
#highlighted tr:hover { background-color: #e7e9eb; }

/* ==========================================================================
6. FORMAS UN INPUTI
========================================================================== */
form { margin-top: 0; margin-bottom: 0; }
input, select, textarea {
margin-top: 1px; margin-bottom: 1px; padding: 1px 8px;
border: 1px solid #1c589c; border-radius: 10px;
background: #f1f1f1; color: #000000; font-weight: bold;
font-family: "tahoma"; font-size: 10pt;
}
input.button { border: 1px solid #A1B1BE; background-color: #EBEDED; color: #1e1d1a; }
.btn { cursor: pointer; border: 1px solid #A1B1BE; background: #e6e6e6; color: #6b6a69; font-weight: bold; padding: 1px 10px; }
.btn2 { cursor: pointer; border: outset 1px #ccc; background: #999; color: #666; font-weight: bold; padding: 1px 2px; }
.gobutton { background: #476BA2; color: #FFF; }
input.pass { background: url('images/pass.gif') no-repeat 0 50%; padding-left: 16px; }
input.login { background: url('images/login.gif') no-repeat 0 50%; padding-left: 16px; }
input.search { background: url('images/search.gif') no-repeat 0 50%; padding-left: 16px; }
/* Valodu izvēlne */
.language-box { text-align: right; width: 100%; }
.language-box select { padding: 1px 8px; border-radius: 96px; margin-top: 7px; }
/* Login forma */
.loginform input { margin-top: -10px; padding: 4px 10px; border-radius: 10px; }
.loginform .loginlink { margin-left: 5px; font-size: 10pt; font-family: tahoma; color: #1e1d1a; text-decoration: none; }
.loginform .loginlink img { vertical-align: middle; margin-right: 3px; }

/* ==========================================================================
7. MODUĻI (SPOILERI, KODI, APTAUJAS, ATTĒLI)
========================================================================== */
/* Kodi */
.codetop { background: url('../pic/code.gif') no-repeat right; color: #000; font-weight: bold; margin: 0 auto; padding: 3px; }
.codemain { background: #FFF; border: 1px solid #000; color: #000; margin: 0 auto; padding: 3px; }
code { background: none; color: #0000FF; font-size: 11px; font-family: Verdana, Helvetica; }
.code { color: #0000BB; font-size: 11px; font-family: Verdana, Helvetica; }
/* Spoileri */
div.spoiler { border: 0px solid #17374b; border-top: 0px; padding-left: 10px; display: none; }
a.spoiler_title, a.spoiler_title_c { background: #EEEEEE; cursor: pointer; padding: 1px; display: block; }
a.sp-pic_plus, a.sp-pic_plus_no_c { background: url('images/plus_sp.gif') no-repeat 5px 50%; padding-left: 19px; }
a.sp-pic_minus, a.sp-pic_minus_no_c { background: url('images/minus_sp.gif') no-repeat 5px 50%; padding-left: 19px; }
.spoiler-head { font-size: 11px; padding: 1px 14px 3px; margin-left: 6px; line-height: 15px; }
.spoiler-body { padding: 1px 6px 2px; display: none; border-top: 1px solid #C3CBD1; background: #F5F5F5; border-bottom: 1px solid #C3CBD1; }
.spoiler-wrap { width: 95%; margin: 6px auto; clear: both; background: #E9E9E6; border: solid #C3CBD1; border-width: 1px 1px 1px 2px; }
/* Ncode Image Resizer */
table.ncode_imageresizer_warning { background: #FFFFE1; color: #FFFFFF; border: 1px solid #CCC; cursor: pointer; }
table.ncode_imageresizer_warning td { font-size: 9px; color: red; vertical-align: middle; text-decoration: bold; }
table.ncode_imageresizer_warning td.td1 { padding: 5px; }
.resized-linked-image { margin: 1px 0px 0px 0px; padding: 0px; background-color: #000; border: 0px; color: #FFF; font-size: 9px; width: auto; border-radius: 7px 7px 0 0; }
.resized-linked-image-zoom { width: 200px; height: 30px; background-color: #FFF; padding-top: 6px; padding-left: 5px; top: 0px; left: 0px; position: absolute; display: none; }
/* Lietotāju klases žetoni (Sub_lang, Torah utt) */
.sub_lang { background-color: #223fa0; border-radius: 10px; color: #e0e8e2; font-size: 11px; font-weight: bold; padding: 1px 3px; }
.bible_torah { background-color: #2a5f08; border-radius: 10px; color: #e0e8e2; font-size: 11px; font-weight: bold; padding: 1px 3px; }
.programs { background-color: #252223; border-radius: 10px; color: #e0e8e2; font-size: 11px; font-weight: bold; padding: 1px 3px; }
/* Tooltips */
#tooltip { background: #FFFFFF; font-size: 9px; width: auto; border: 1px solid #778899; color: #333333; font-family: verdana, arial, sans-serif; opacity: 0.91; line-height: 15px; z-index: 100; margin: 0px; padding: 3px; position: absolute; visibility: hidden; border-collapse: separate; }
.balloonstyle { position: absolute; top: -500px; left: 0; padding: 5px; visibility: hidden; border: 1px solid #EAFF08; font: normal 12px Verdana; color: #EAFF08; line-height: 18px; z-index: 100; background-color: black; width: 400px; }
#arrowhead { z-index: 99; position: absolute; top: -500px; left: 0; visibility: hidden; }
/* Shadetabs */
.shadetabs { border-bottom: 1px solid gray; margin-bottom: 1em; }
.shadetabs ul { padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: center; }
.shadetabs li { display: inline; margin: 0; }
.shadetabs li a { text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: url('../pic/shade.gif') top left repeat-x; }
.shadetabs li a:visited { color: #2d2b2b; }
.shadetabs li a:hover { text-decoration: underline; color: #2d2b2b; }
.shadetabs li.selected { position: relative; top: 1px; font: bold 11px Verdana; }
.shadetabs li.selected a { background-image: url('../pic/shadeactive.gif'); border-bottom-color: white; }
.shadetabs li.selected a:hover { text-decoration: none; }
/* Aptaujas (Polls) animācijas */
#poll_container { width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
#poll_title { font-size: 13px; font-weight: bold; border: none; text-align: center; }
.barmax, .poll { padding-left: 2px; padding-right: 2px; height: 15px; }
.poll, .pollmax {
border-radius: 6px;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
transition: width .4s ease-in-out;
background-size: 30px 30px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
animation: animate-stripes 3s linear infinite;
}
.poll { background-color: #34c2e3; }
.pollmax { background-color: #a5df41; }
@keyframes animate-stripes {
0% { background-position: 0 0; }
100% { background-position: 60px 0; }
}
@-webkit-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } }
@-moz-keyframes animate-stripes { 0% { background-position: 0 0; } 100% { background-position: 60px 0; } }