.ctitlev{color:#666; border:0px;}
.ctitlev p a:link,.ctitlev p a:visited,.ctitlev p a:hover,.ctitlev p a:active{text-decoration:none;color: E38100;background:#fff;border:1px solid #EFB970;padding:2px 5px;font-size:10px}
.ctitlev p a:hover{background:#EFB970;color:#000;border-color:#EAA140}
.ctitlev p{margin:4px 6px}
.ctitlev p span{text-decoration:none;background:#fff;padding:2px 5px;border:1px solid #EFB970;color:#EFB970;font-size:10px}
.ctitlev h4{margin-top:-1.45em;padding:0;border:none}

#new {font:10px tahoma; color:#fff; vertical-align:middle; background:#EAA140; padding:1px 3px;}
.droppanel { visibility: hidden; position: absolute; padding-top: 2px; background-color: #fdfdfd; border: 1px solid #bbbbbb; top: 0px; left: 0px;}
.scriptcode { color: #757575; background-color: #f0f0f0; border: 1px dotted #bebebe; text-align: left; padding: 5px;}
.xfields textarea { margin-bottom: 1px; padding: 3px 0 3px 5px; background: #FFFFFF; border: 1px solid #92A3AE;}
.xfields input { margin-bottom: 1px; padding: 3px 0 3px 5px; background: #FFFFFF; border: 1px solid #92A3AE;}
.xfields select { margin-bottom: 1px; padding: 3px 0 3px 5px; background: #FFFFFF; border: 1px solid #92A3AE;}
.xprofile textarea { margin-bottom: 1px; padding: 3px 0 3px 5px; background: #FFFFFF; border: 1px solid #92A3AE;}
.xprofile input { margin-bottom: 1px; padding: 3px 0 3px 5px; background: #FFFFFF; border: 1px solid #92A3AE;}

#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");}

.onl_table {
    width : 100%;
    font-size : 10px;}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.title_quote { color: #636363; background-color: #f2f2f2; border: 1px dotted #bebebe; border-bottom: 0; font-weight: bold; padding: 5px;}
.quote { color: #757575; background-color: #f2f2f2; border: 1px dotted #bebebe; text-align: justify; padding: 5px;}
.scriptcode { color: #757575; background-color: #f2f2f2; border: 1px dotted #bebebe; text-align: left; padding: 5px;}
.rating { color: #757575; font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px; height: 16px;}
.unit-rating { list-style: none; margin: 0px; padding: 0px; width: 85px; height: 16px; position: relative; background-image: url(../dleimages/rating.gif); background-position: top left; background-repeat: repeat-x;}
.unit-rating li { text-indent: -90000px; padding: 0px; margin: 0px; float: left;}
.unit-rating li a { display: block; width: 17px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0px;}
.unit-rating li a:hover { background-image: url(../dleimages/rating.gif); background-position: left center; z-index: 2; left: 0px;}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating { background-image: url(../dleimages/rating.gif); background-position: left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1;}
.bbcodes_poll { background-color: #ffffff; border: 1px solid #e0e0e0; color: #ffffff; font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 120px; height: 20px; background-image: url(../images/dlet_bttn_bbcodes.gif); background-repeat: repeat-x; font-weight: bold;}

/* ==================== Персональные сообщения */ 
.pm_head { font-size: 12px;	font-family: tahoma;}
.pm_list { color: #757575;}
.pm_list a { color: #4b73d4;}

/* ==================== BB коды */
.bbcodes { background-color: #ffffff; border: 1px solid #e0e0e0; color: #ffffff; font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	/*  width: 120px;  */
	height: 20px; background-image: url(../images/dlet_bttn_bbcodes.gif); background-repeat: repeat-x; font-weight: bold;}
/* класс bbcodes_poll используем в poll.tpl, vote.tpl, addnews.tpl */

.bbcodes_poll { background-color: #ffffff; border: 1px solid #e0e0e0; color: #ffffff; font-size: 11px;		/* ! */
	font-family: tahoma; width: 120px; height: 20px; background-image: url(../images/dlet_bttn_bbcodes.gif); background-repeat: repeat-x; font-weight: bold;}
.editor_button { float: left; cursor: pointer; padding-left: 2px; padding-right: 2px;}
.editor_buttoncl { float: left; cursor: pointer; padding-left: 1px; padding-right: 1px; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb;}
.editbclose { float: right; cursor: pointer;}
.editor_button select { font-family: tahoma; font-size: 11px;}

/* ==================== Уведомление о получении новых PM */
#newpm { position: absolute; height: 250px; width: 400px; padding: 4px; background-color: #fdfdfd; border: 1px solid #bbbbbb; font-family: verdana; line-height: 135%; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=4);}
#newpmheader { padding-left: 5px; padding-right: 5px; padding-top: 2px; height: 20px; color: #636363; font-weight: bold; background-color: #b2c7f1; font-family: verdana; cursor: move;}
#newpm a { background: transparent; color: #4b73d4; text-decoration: none;}
#newpm a:hover { background: transparent; color: #4b73d4; text-decoration: underline;}
.pm_head { font-size: 12px;	font-family: tahoma;}
.pm_list { color: #757575;}
.pm_list a { color: #4b73d4;}

#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");}

.onl_table { width : 100%; font-size : 10px;}
.onl_table td { padding-right : 5px; font-size : 10px;
/* ?????????????????, ???? ? ??? ? ??? ???????*/ /*    width : 50%;
*/ }
.a_link, .a_link a:link, .a_link a:visited, .a_link_on { color : #ff0000;}
.a_link_on a:hover, .a_link_on a:active { color : #ff0000;}
.u_link, .u_link a:link, .u_link a:visited, .u_link_on { color : #666666;}
.u_link_on a:hover, .u_link_on a:active { color : #4b73d4;}
.e_link, .e_link a:link, .e_link a:visited, .e_link_on { color : #00a400;}
.e_link_on a:hover, .e_link_on a:active { color : #00a400;}
.j_link, .j_link a:link, .j_link a:visited, .j_link_on { color : #0000ff;}
.j_link_on a:hover, .j_link_on a:active { color : #0000ff;}
.b_link, .b_link a:link, .b_link a:visited, .b_link_on { color : #666666;}
.b_link_on a:hover, .b_link_on a:active { color : #666666;}
.calendar {  font-family:verdana;  font-size:11px;}
.calendar td, th {  font-family:verdana;  font-size:11px;  text-decoration: none;  padding: 3px;}
.bbcodes { background: #FFF; border: 1px solid #E0E0E0; color: #666666; font-family: Verdana, Tahoma, helvetica, sans-serif; padding: 2px; vertical-align: middle; font-size: 11px; vertical-align: middle; margin:2px; height: 21px;}
html, body, form, fieldset { margin: 0; padding: 0;}

body { color: #000000; background: #d1e8f6; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height: 150%;}
body#bd { padding: 0; background: url(../images/body-top1.jpg) repeat-x top #d1e8f6;}
body.contentpane { width: auto; margin: 1em 2em; background: #FFFFFF; color: #000000; font-size: 12pt; font-family: serif; line-height: 140%;}
body.fs1 { font-size: 9px;}
body.fs2{ font-size: 10px;}
body.fs3{ font-size: 11px;}
body.fs4{ font-size: 12px;}
body.fs5{ font-size: 13px;}
body.fs6{ font-size: 14px;}

/* Normal link */
a { color: #35A6BE; text-decoration: none;}
a:hover, a:active, a:focus { color: #35A6BE; text-decoration: underline;}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}

/* Small text */
small, .small, .smalldark, .mosimage_caption { color: #999999; font-size: 100%;}

/* Heading */
h1 { font-size: 180%;}
h2 { font-size: 155%;}
h3 { font-size: 125%; font-weight: bold;}
h4 { font-size: 100%; text-transform: uppercase;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 10px 0; padding: 0;}
ul { list-style: none;}
ul li { padding-left: 30px; background: url(../images/bullet-list.gif) no-repeat 15px 6px; line-height: 180%;}
ol li { margin-left: 35px; line-height: 180%;}
th { padding: 5px; font-weight: bold; text-align: left;}
fieldset { border: none;}
fieldset a { font-weight: bold;}
hr { border-top: 1px solid #DDDDDD; border-right: 0; border-left: 0; border-bottom: 0; height: 1px;}
a img { border: none;}
td, div { font-size: 100%;}

/* FORM
--------------------------------------------------------- */
form { margin: 0; padding: 0;}
form label { cursor: pointer;}
input, select, textarea, .inputbox { padding: 1px; font-family: Tahoma, Arial, sans-serif; font-size: 100%;}
select, textarea, .inputbox { background: #FFFFFF; color: #666666;}
.button { padding: 2px 5px; border-top: 1px solid #EFEFEF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #EFEFEF; color: #333333; background: url(../images/grad1.gif) repeat-x top #F2F9FD;}
* html .button, *+html .button { padding: 2px 3px !important;}
.inputbox { margin-bottom: 1px; padding: 3px 2px; border: 1px solid #DDDDDD; background: #FFFFFF;}
.inputbox:hover, .inputbox:focus {}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code { padding: 10px 15px; margin: 5px 0 15px; border-left: 5px solid #999999; background: #F2F9FD;}
blockquote { padding: 1em 40px 1em 15px;}
blockquote span.open { padding: 3px 0 3px 30px; background: url(../images/so-q.gif) no-repeat left top;}
blockquote span.close { padding: 3px 30px 3px 0; background: url(../images/sc-q.gif) no-repeat bottom right;}

/* Dropcap */
.dropcap { float: left; padding: 4px 8px 0 0; display: block; color: #35A6BE; font: 50px/40px Georgia, Times, serif;}

/* Tips, Error, Message, Hightlight*/
.error { padding-left: 25px; color: #CC0000; background: url(../images/bullet-error.gif) no-repeat top left;}
.message { padding-left: 25px; color: #F29441; background: url(../images/bullet-info.gif) no-repeat top left;}
.tips { padding-left: 25px; color: #35A6BE; background: url(../images/bullet-tips.gif) no-repeat top left;}
.highlight { padding: 1px 5px; background: #F2F9FD; font-weight: bold;}

/* Note Style */
p.stickynote { padding: 10px 0px 10px 50px; border: 1px solid #DDDDDD; background: url(../images/sticky-bg.gif) no-repeat 5px 10px #FFFFFF;}
p.download { padding: 10px 0px 10px 50px; border: 1px solid #DDDDDD; background: url(../images/download-bg.gif) no-repeat 5px 10px #FFFFFF;}
.blocknumber { clear: both; padding: 5px 15px 10px; position: relative;}

/* Check list */
ul.checklist { list-style: none;}
ul.checklist li { margin-left: 15px; padding: 0 0 5px 20px; background: url(../images/checklist-bg.gif) no-repeat 0 3px;}

/* Check list */
ul.stars { list-style: none;}
ul.stars li { margin-left: 15px; padding: 0px 0 5px 20px; background: url(../images/star-bg.gif) no-repeat 0 3px;}

/* Smallnumber */
ol.smallnumber { margin: 0; padding: 0; list-style: none;}
ol.smallnumber li { margin: 10px 0 10px 30px; padding: 3px 0 5px 30px; line-height: 150%;}
ol.smallnumber li.number-1 { background: url(../images/n-1.gif) no-repeat left top;}
ol.smallnumber li.number-2 { background: url(../images/n-2.gif) no-repeat left top;}
ol.smallnumber li.number-3 { background: url(../images/n-3.gif) no-repeat left top;}
ol.smallnumber li.number-4 { background: url(../images/n-4.gif) no-repeat left top;}
ol.smallnumber li.number-5 { background: url(../images/n-5.gif) no-repeat left top;}
ol.smallnumber li.number-6 { background: url(../images/n-6.gif) no-repeat left top;}
ol.smallnumber li.number-7 { background: url(../images/n-7.gif) no-repeat left top;}
ol.smallnumber li.number-8 { background: url(../images/n-8.gif) no-repeat left top;}
ol.smallnumber li.number-9 { background: url(../images/n-9.gif) no-repeat left top;}

/* Bignumber */
.bignumber { float: left; margin-right: 8px; padding: 6px 7px; display: block; color: #FFFFFF; background: url(../images/ol-bg.gif) no-repeat top left; font: 20px/normal Arial, sans-serif; font-weight: bold;}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0;}
div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author { padding-left: 15px; margin-left: 15px; background: url(../images/author.gif) no-repeat center left; font-weight: bold;}
div.bubble1 div { margin: 0; width: 100%; background: url(../images/bub1-br.gif) no-repeat bottom right;}
div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left;}
div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right;}
div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left;}
div.bubble1 div div div div div { margin: 0; padding: 15px 15px 30px 15px; width: auto;}
div.bubble2 div { margin: 0; width: 100%; background: url(../images/bub2-br.gif) no-repeat bottom right;}
div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left;}
div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right;}
div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left;}
div.bubble2 div div div div div { margin: 0; padding: 15px 15px 35px 15px; width: auto;}
div.bubble3 div { margin: 0; width: 100%; background: url(../images/bub3-br.gif) no-repeat bottom right;}
div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left;}
div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right;}
div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left;}
div.bubble3 div div div div div { margin: 0; padding: 15px 15px 50px 15px; width: auto;}
div.bubble4 div { margin: 0; width: 100%; background: url(../images/bub4-br.gif) no-repeat bottom right;}
div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left;}
div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right;}
div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left;}
div.bubble4 div div div div div { margin: 0; padding: 15px 15px 55px 15px; width: auto;}

/* Legend */
.legend-title { margin: 0; padding: 0 3px; float: left; display: block; background: #FFFFFF; color: #35A6BE; font-weight: bold; position: absolute; top: -12px; left: 7px;}
.legend { margin: 20px 0; padding: 0 10px; border: 1px solid #CACACC; background: #FFFFFF; position: relative;}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {}
.article_seperator { display: block; height: 15px;}
#ja-col1 .article_seperator, #ja-col2 .article_seperator { display: none;}
table.contentpane { border: none; width: 100%;}
table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0;}
table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%;}
table.contenttoc a {}
table.contenttoc td { padding: 3px 5px 3px 22px; background: url(../images/arrow.png) no-repeat 10px 7px;}
table.contenttoc th { padding: 5px; border-top: 1px solid #EFEFEF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #EFEFEF; background: url(../images/grad1.gif) repeat-x top #F2F9FD; font-weight: bold; text-indent: 5px;}
table.poll { padding: 0; width: 100%; border-collapse: collapse;}
table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left;}
table.pollstableborder .sectiontableheader { padding: 8px 5px !important;}
table.pollstableborder img { vertical-align: baseline;}
table.pollstableborder td { padding: 2px!important; border-collapse: collapse; border-spacing: 0;}
table.pollstableborder tr.sectiontableentry1 td { border: none; background: #F2F9FD;}
table.pollstableborder tr.sectiontableentry2 td { border: none;}
table.searchintro { padding: 10px 0; width: 100%;}
table.searchintro td { padding: 5px!important;}
table.adminform { width: 400px!important; /*Control the Frontend Editor area width*/
}
.adminform .inputbox {}
.blog_more { margin: 10px 0;}
.blog_more strong { margin: 0 0 5px; display: block; background: url(../images/h3-bg.gif) no-repeat center left; font-size: 150%; line-height: 30px; text-indent: 10px;}
.blog_more ul { margin: 0; padding: 0;}
.blog_more ul li { margin: 0; padding: 0 0 0 24px; background: url(../images/arrow.png) no-repeat 12px 5px;}
td.buttonheading { padding: 0 0 0 8px!important; text-align: center;}
.category { font-weight: bold;}
.clr { clear: both;}
.componentheading { padding: 0 0 15px 0; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD; font-size: 250%;}
.contentdescription { padding-bottom: 30px;}
table.blog .contentheading { font-size: 170%;}
.contentheading { padding-bottom: 5px; font-size: 200%;}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {}
a.readon { color: #F29441;}
a.readon:hover, a.readon:active, a.readon:focus { color: #F29441;}
table.contentpaneopen td, table.contentpane td {}
table.contentpaneopen, table.contentpane, table.blog { width: 100%;}
.createdate { padding: 2px; color: #999999;}
.modifydate { color: #999999; height: 15px;}
.moduletable { padding: 0;}
.mosimage { margin: 5px 10px 5px 0; padding: 0 0 5px;}
* html .mosimage { padding: 5px 0 !important; /*IE 6*/
	margin: 15px 10px 10px 0;}

*+html .mosimage { padding: 5px 0 !important; /*IE 7*/
}
.mosimage img { padding: 0 !important; margin: 0 !important;}
.mosimage_caption { margin-top: 3px; padding: 1px 2px; color: #999999;}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar { padding: 0 2px;}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {}
.pagenavbar { padding-left: 14px; background: url(../images/pages.gif) no-repeat center left;}
.pagenavcounter { padding: 8px 14px 0 14px; background: url(../images/pages.gif) no-repeat 0 11px;}
.sectiontableheader { padding: 5px; border-top: 1px solid #EFEFEF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #EFEFEF; background: url(../images/grad1.gif) repeat-x top #F2F9FD; font-weight: bold;}
tr.sectiontableentry1 td { padding: 7px 5px; background: url(../images/dot.gif) repeat-x bottom;}
tr.sectiontableentry2 td { padding: 7px 5px; background: url(../images/dot.gif) repeat-x bottom;}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background: url(../images/dot.gif) repeat-x bottom #F2F9FD;}
.smalldark { text-align: left;}
div.syndicate div { text-align: center;}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td { background: none;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#topPanel{width:955px; height:200px; position:relative; margin: 0 auto; padding:0;}
#topPanelleft{ width:324px; height:200px; position:absolute; top:-9px; left:0px;}
#topPanelright{width:631px; height:200px; position:absolute; top:-9px; left:324px;}
/*
#topPanelright{width:636px; height:200px; position:absolute; top:0px; left:329px; background:url(../images/topright.jpg) no-repeat;}
*/
#topAni{width:620px; height:170px; position:absolute; top:15px; left:0px;}





#ja-mainwrapper { padding: 35px 0 0 0; color: #333333; background: url(../images/body-top.jpg) no-repeat top center;}
#ja-mainwrapper== { padding-bottom: 30px; background: url(../images/body-bot.jpg) no-repeat bottom center;}
#ja-wrapper { padding-top: 17px; width: 970px; margin: 0 auto; clear: both;}
.narrow #ja-wrapper { width: 750px;}
#ja-wrapper-top { background: url(../images/mainwrap-top.png) no-repeat top; height: 15px;}
#ja-wrapper-bottom { display: block; background: url(../images/mainwrap-bot.jpg) no-repeat bottom; height: 50px;}
#ja-wrapper-inner { padding: 0 6px; background: url(../images/mainwrap-center.png) repeat-y top;}
.narrow #ja-wrapper-top { background: url(../images/mainwrap-top2.png) no-repeat top;}
.narrow #ja-wrapper-bottom { background: url(../images/mainwrap-bot2.png) no-repeat bottom;}
.narrow #ja-wrapper-inner { background: url(../images/mainwrap-center2.png) repeat-y top;}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content { float: left; width: 77%; background: url(../images/dot.gif) repeat-y top right;}
#ja-content div.innerpad { clear: both; margin: 0; padding: 15px 10px; display: block; height: 300px;}
html>body #ja-content div.innerpad { height: auto; min-height: 300px;}

/* SECONDARY COLUMNS
--------------------------------------------------------- */
#ja-colwrap { float: right; width: 23%; background: url(../images/col-bg.gif) no-repeat bottom right;}

/*  #ja-colwrap div.innerpad {background: url(../images/vdot.gif) repeat-y top center;}  */

#ja-col1 { float: left; width: 99.5%; overflow: hidden;}
#ja-col2 { float: right; width: 49.9%; overflow: hidden;}
#ja-col1 table, #ja-col2 table { border-collapse: collapse; border-spacing: 0;}
#ja-col1 ul, #ja-col2 ul { margin: 0; padding: 0;}
#ja-col1 ul li, #ja-col2 ul li { padding-left: 13px; background: url(../images/bullet-list.gif) no-repeat 2px 8px;}
#ja-masscol { background: url(../images/hdot.gif) repeat-x bottom #FFFFFF;}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap, #ja-containerwrap-cm, #ja-containerwrap-c, #ja-containerwrap-f { padding: 2px 0; background: url(../images/hdot.gif) repeat-x top left;}
#ja-container { background: url(../images/content-bg.gif) no-repeat 132px bottom;}
.narrow #ja-container { background: url(../images/content-bg.gif) no-repeat 450px bottom;}
/* full */
#ja-containerwrap-f #ja-container { background: #FFFFFF;}
#ja-containerwrap-f #ja-content { width: 100%;}

/* content + col + mass */
#ja-containerwrap-cm {}
#ja-containerwrap-cm #ja-container { background: none;}
#ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2 { width: 100%;}

/* content + col */
#ja-containerwrap-c {}
#ja-containerwrap-c #ja-container { background: url(../images/content-bg.gif) no-repeat 324px bottom;}
.narrow #ja-containerwrap-c #ja-container { background: url(../images/content-bg.gif) no-repeat 150px bottom;}
#ja-containerwrap-c #ja-content { width: 80%;}
#ja-containerwrap-c #ja-colwrap { width: 20%; background: url(../images/col-bg.gif) no-repeat right bottom;}
#ja-containerwrap-c #ja-colwrap div.innerpad { background: none;}
#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 { width: 100%;}

/* content + mass */
#ja-containerwrap-m { background: url(../images/mainwrap-bg1.gif) repeat-y 60% 0;}
#ja-containerwrap-m #ja-container { background: none;}

/* HEADER
--------------------------------------------------------- */
#ja-header { height: 55px; position: relative; z-index: 999;}

/* Search */
#ja-search { width: 142px; background: url(../images/search-bg.gif) no-repeat; position: absolute; bottom: 20px; right: 10px; height: 20px;}
#ja-search .inputbox { width: 100px; padding: 0; border: none; margin: 3px 0 0 5px; color: #35A6BE; background: #FFFFFF;}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnav { position: absolute; bottom: 5px; left: 20px;}
#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus,
#ja-subnav a,
#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus { font-family: Tahoma, Arial, Helvetica, sans-serif; outline: none;}

/* Default Menu */
.artikul {font-size: 150%;font-weight: bold;color: #35A6BE;}
a.mainlevel { padding: 0px 0 0px 25px; width: 90%; border-bottom: 1px solid #EFEFEF; display: block; color: #333333; background: url(../images/arrow.png) #F7F7F7 no-repeat 13px 3px;}
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus { color: #35A6BE; background: url(../images/arrow.png) no-repeat 15px 3px #eeeeee; text-decoration: none;}
a.mainlevel#active_menu { color: #333333; background: url(../images/arrow.png) no-repeat 15px 3px #eeeeee; font-weight: bold;}
a.sublevel { padding: 5px 4px 5px 15px; display: block;}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {}
#active_menu { color: #35A6BE; font-weight: bold;}
#ja-pathway { padding: 0 3px 5px; display: block; color: #999999;}
#ja-pathway img { margin: 1px 5px 0;}
#ja-pathway a { font-weight: bold;}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3, div.moduletable-default h3 { padding: 0 0 0 25px; margin: 0; background: url(../images/icon/h3-icon2.png) no-repeat top left; font-size: 120%; font-weight: bold; line-height: normal;}
div.moduletable, div.moduletable-default { padding: 7px 0 0 5px;}
div.icon1 h3 { background-image: url(../images/icon/h3-icon1.png);}
div.icon2 h3 { background-image: url(../images/icon/h3-icon2.png);}
div.icon3 h3 { background-image: url(../images/icon/h3-icon3.png);}
div.icon4 h3 { background-image: url(../images/icon/h3-icon4.png);}
div.icon5 h3 { background-image: url(../images/icon/h3-icon5.png);}
div.icon6 h3 { background-image: url(../images/icon/h3-icon6.png);}
div.icon7 h3 { background-image: url(../images/icon/h3-icon7.png);}
div.icon8 h3 { background-image: url(../images/icon/h3-icon8.png);}
div.icon9 h3 { background-image: url(../images/icon/h3-icon9.png);}
/*#ja-col1 div.moduletable h3, #ja-col1 div.moduletable-default h3 { padding: 0 0 5px 0; margin-bottom: 0px; background: url(../images/hdot.gif) repeat-x bottom left; color: #35A6BE;}
#ja-colwrap div.moduletable, #ja-colwrap div.moduletable-default { padding: 10px 14px !important; margin: 0 1px;}

 SPOTLIGHT
--------------------------------------------------------- */
/* Top Spotlight */
#ja-topslwrap { margin: 0; padding: 0;}
#ja-topsl { margin: 0; padding: 0 10px 10px;}

/* Top Modules */
#ja-top { float: right; width: 40%;}
#ja-top div.module { margin: 0 0 0 5px; padding: 0; background: url(../images/boxsl-br.gif) no-repeat right bottom;}
#ja-top div.module div { background: url(../images/boxsl-bl.gif) no-repeat left bottom;}
#ja-top div.module div div { background: url(../images/boxsl-tr.gif) no-repeat right top;}
#ja-top div.module div div div { margin: 0; padding: 5px 10px; background: url(../images/boxsl-tl.gif) no-repeat left top; height: 195px;}

/* Spotlight Box Style */
.ja-box-left, .ja-box-center, .ja-box-right { float: left; overflow: hidden;}
.ja-box-full { float: none; overflow: hidden;}
#ja-botsl1 div.moduletable-default,
#ja-botsl2 div.moduletable-default,
#ja-botsl1 div.moduletable,
#ja-botsl2 div.moduletable { padding: 15px 20px;}
#ja-botsl div.ja-bot-right { background: none;}
div.ja-box-rightcol { float: right;}

/* Bottom Spotlight 1 */
#ja-botsl1 { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #FFFFFF; margin-top: 2px; background: url(../images/grad2.gif) repeat-x left bottom #FFFFFF; color: #666666;}
#ja-botsl1 div.ja-box-left,
#ja-botsl1 div.ja-box-right { background: url(../images/vdot.gif) repeat-y right top;}

/* Bottom Spotlight 2 */
#ja-botsl2 { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: url(../images/grad2.gif) repeat-x left bottom #FFFFFF; color: #666666;}
#ja-botsl2 div.ja-box-left,
#ja-botsl2 div.ja-box-center { background: url(../images/vdot.gif) repeat-y right top;}

/* Common Style for Spotlight */
#ja-botsl1 ul, #ja-botsl2 ul { margin: 0; padding: 0;}
#ja-botsl1 li, #ja-botsl2 li { padding-left: 15px; margin: 0; background: url(../images/arrow.png) no-repeat 2px 6px;}
#ja-botsl1 td, #ja-botsl2 td { padding: 0;}
#ja-botsl1 .article_seperator, #ja-botsl2 .article_seperator { display: none;}
#ja-botsl1 table, #ja-botsl2 table { border-collapse: collapse; border-spacing: 0;}

/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; padding: 20px; margin-top: 1px; background: url(../images/hdot.gif) repeat-x top left; position: relative;}
#ja-footer small, #ja-footer address { padding: 0; float: left; display: block; color: #999999; font-style: normal;}
#ja-footer a { color: #999999;}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus { color: #333333;}
#ja-footer ul { margin: 0 0 5px 0; padding: 0;}
#ja-footer li { margin: 0; padding: 0; display: inline; background: none;}
#ja-footer li a { padding: 0 20px 0 0; display: inline; font-weight: bold; line-height: normal;}

/* USER TOOLS
--------------------------------------------------------- */
#ja-usercolorswrap { font-size: 11px; position: absolute; top: 20px; right: 15px;}
#ja-usertoolswrap { font-size: 11px; position: absolute; bottom: 10px; right: 200px;}
#ja-usertools { margin: 0; padding: 10px 0 4px 0; float: left;}
#ja-usercolors ul,
#ja-usertools ul { margin: 0; padding: 0 0 0 10px; float: left;}
#ja-usercolors ul li,
#ja-usertools ul li { margin: 0; padding: 0; list-style: none; display: inline; background: none;}
#ja-usercolors img,
#ja-usertools img { padding: 0; margin: 0 2px;}
#ja-usercolors { float: left; padding: 10px 5px 4px;}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools */
#jausertoolswrap { width: 30px; display: block; font-size: 12px; z-index: 2; position: relative;}
#jausertoolswrap:hover,
#jausertoolswrap.ja-toolswraphover {}
span.ja-sitetool { margin: 0; padding: 0; width: 30px; display: block; color: #000000; font-size: 90%; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer;}
#ja-usertools { padding: 0; width: 30px; font-size: 11px; line-height: normal; position: absolute; bottom: 20px; right: 0px; height: 0px; overflow: hidden;}
#ja-usertools ul { margin: 5px 0 5px; padding: 0;}
#ja-usertools ul li { padding: 0; margin: 0; list-style: none; background: none; line-height: normal;}
#ja-usertools img { padding: 0 7px; clear: both;}
ul.accessibility { position: absolute; top: -100%;}
#ja-banner { text-align: center;}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {}
#mod_login_password, #mod_login_username { width: 80%;}
#mod_login_remember { border: none; background: none;}

/* Slideshow */
#ja-slideshowwrap { float: left; width: 59.9%; position: relative;}
.ja-slideshow-mask { width: 100%; display: block; background: url(../images/mask-slideshow.png) no-repeat; position: absolute; top: 0; left: 0; height: 210px; z-index: 1;}
#ja-slideshow { margin-left: 10px;}
#ja-slideshow div.moduletable { margin: 0; padding: 0;}
#ja-slideshow-wrap { margin: 0; padding: 0; position: relative; height: 210px;}
#ja-slideshow-case { position: absolute; top: 0; left: 0;}
#ja-slidebar { margin-left: 4px; display: block; position: absolute; top: 170px; left: 10px; z-index: 2;}
#ja-slidebar ul { margin: 0; padding: 0; list-style: none;}
#ja-slidebar ul li { margin: 0; padding: 0; width: 20px; display: inline; height: 20px;}
#ja-slidebar ul li.pause { display: none; background: none;}
#ja-slidebar ul li a { width: 20px; float: left; margin-right: 5px; display: block; color: #4F4F4F; background: url(../images/circle.png) no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; text-indent: 6px; cursor: pointer; height: 22px;}
#ja-slidebar ul li a:hover { color: #333333; text-decoration: none;}

/* Clearfix */
.clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden;}
* html > body .clearfix { width: 100%; display: block;}
* html .clearfix { height: 1%;}

/* Firefox Scrollbar Hack - Do not remove */
html { margin-bottom: 1px; height: 100%!important; height: auto;}