html { height: 100%; }
body { font-family: Verdana; font-size: 11px; margin: 0px; padding: 0px; background: #FEFCEF url(/gfx/main_bg.gif) repeat-x; height: 100%; }

a, a:visited, a:link {
	text-decoration: none;
	color: #FEFCEF;
}

a:active,
a:hover { color: #bab8ae; }

a img { border: 0px; }

.smallimage { float: right; width: 295px; clear: right; }

table { text-align: left; }

#container { width: 900px; margin: auto; }
#top { width: 900px; float: left; clear: both; height: 115px; }
	#top ul.flags { list-style: none; float: right; display: inline; margin: 10px 0px; clear: right; }
		#top ul.flags li { display: inline; margin: 5px 0px 5px 5px; }
	#top div.logo { width: 209px; height: 99px; background: url(/gfx/jabologo.png) no-repeat; float: left; display: inline; margin-top: 10px; clear: left; }
	#top ul.menu { list-style: none; float: right; clear: both; margin: -35px 0px 10px; }
		#top ul.menu li { float: left; width: 102px; height: 35px; margin-left: 5px; }
			#top ul.menu li a { width: 102px; height: 27px; display: block; background: url(/gfx/button.png) no-repeat; font-size: 14px; padding-top: 8px; text-align: center; }
			#top ul.menu li a:hover { background: url(/gfx/button-pushed.png) no-repeat; }

#footer {
	background: #68604C;
	float:  left;
	clear: both;
	width: 100%;
	padding: 5px 0px;
	font-style: italic;
	text-align: center;
	margin-top: 10px;
	color: #FEFCEF; 
}

#teaser { float: left; width: 900px; clear: both; margin-top: 7px; height: 250px; }
	#teaser ul {  position: relative; top: 0px; left: 0px; list-style: none; margin: 12px 0px; }
		#teaser ul li { position: absolute; top: 0px; left: 0px; width: 900px; margin: 0px; }
			#teaser ul li div.teaser_text { width: 430px; float: left; margin-left: 10px; color: #FEFCEF; }
			#teaser ul li div.teaser_text h2 { margin-bottom: 5px; margin-top: 0px; font-size: 14px; }
			#teaser ul li div.image { width: 460px; float: left; }
				#teaser ul li div.image img { border: #bab8ae 5px solid; }
				#teaser ul li div.image img:hover { border: #FEFCEF 5px solid; }

.text_headline {
	float: left;
	clear: both;
	border-bottom: #68604c 3px solid;
	margin: 0px;
	padding-bottom: 2px;
	padding-right: 10px;
	color: #68604c;
	font-style: italic;
	font-size: 18px;
	font-weight: normal;
	display: inline;
	margin-top: 7px;
}
.text_item { float: left; width: 617px; border-top: #68604c 1px solid; clear: left; padding-right: 10px; }
	.text_item p { margin: 10px 0px; }
	.text_item h2 { margin: 0px; font-size: 13px; display: inline; }
.text_image { float: left; border-left: #68604c 1px solid; border-bottom: #68604c 1px solid; padding: 10px; clear: right; width: 252px; border-top: #68604c 1px solid; }
.text_image .thumbnail { float: left; margin-right: 5px; }
.text_image img { border: #bab8ae 1px solid; }
.news_date { color: #68604c; font-size: 9px; margin: 0px; }
table.text_item .date { width: 80px; }

ul.categories { list-style: none; padding: 0px; }
	ul.categories li { margin: 0px; }
	ul.categories li.header { font-weight: bold; }

#form label { display: block; margin-top: 10px; font-weight: bold; }
#form input[type='text'] { width: 300px; }
#form textarea { width: 600px; height: 400px; font-family: Verdana; font-size: 11px; }

.primary_column { float: left; width: 900px; clear: both; margin-top: 20px; }
.primary_column a,
.primary_column a:visited,
.primary_column a:link { color: #68604c; }
.primary_column a:active,
.primary_column a:hover { color: #bab8ae; }

#product_tabs { list-style: none; padding: 0px; float: left; margin: 0 0 0 30px; }
	#product_tabs li { float: left; width: 150px; }
		#product_tabs li a { display: block; width: 150px; height: 20px; font-weight: bold; background: url(/gfx/tab.png) no-repeat; color: #bab8ae; padding-top: 15px; text-align: center; }
			#product_tabs li a:hover,
			#product_tabs li.selected a { background: url(/gfx/tab-hover.png) no-repeat; color: #FEFCEF; }

div.track { float: right; clear: right; display: inline; padding-top: 10px; }
	div.track ul { list-style: none; padding: 0px; margin: 0px; }
		div.track ul li { display: inline; }
		div.track ul li a { font-style: italic; }

a.imagedb { display: block;  }


ul.admin { list-style: none; margin: 0px; float: left; display: inline; margin-top: 10px; width: 500px; }
	ul.admin li { display: inline; margin: 5px; }
		ul.admin li a { color: #68604c; }
		ul.admin li a:hover { color: #bab8ae; }
		ul.admin li a.imagedb { display: inline; }

/* form toolbar */
.toolbar {
        margin: 0px 0 4px;
        height: 18px;
}
        .toolbar ul {
                float: left;
                margin: 0 6px 0 0;
                -moz-padding-start: 0px;
        }
                .toolbar li {
                        list-style: none;
                        float: left;
                        margin: 0 4px 0 0;
                }
                        .toolbar li a {
                                width: 20px;
                                height: 18px;
                                display: block;
                                background-repeat: no-repeat;
                        }
                        .toolbar li a:hover,
                        .toolbar li a:active { background-color: none; }
                        .toolbar .bold a { background-image: url(/gfx/toolbar/btn_toolbar_bold.gif); }
                        .toolbar .bold a:hover { background-image: url(/gfx/toolbar/btn_toolbar_bold_s.gif); }
                        .toolbar .italic a { background-image: url(/gfx/toolbar/btn_toolbar_italic.gif); }
                        .toolbar .italic a:hover { background-image: url(/gfx/toolbar/btn_toolbar_italic_s.gif); }
                        .toolbar .underline a { background-image: url(/gfx/toolbar/btn_toolbar_under.gif); }
                        .toolbar .underline a:hover { background-image: url(/gfx/toolbar/btn_toolbar_under_s.gif); }
                        .toolbar .strikethrough a { background-image: url(/gfx/toolbar/btn_toolbar_strike.gif); }
                        .toolbar .strikethrough a:hover { background-image: url(/gfx/toolbar/btn_toolbar_strike_s.gif); }

                        .toolbar .headline a { background-image: url(/gfx/toolbar/btn_toolbar_h2.gif); }
                        .toolbar .headline a:hover { background-image: url(/gfx/toolbar/btn_toolbar_h2_s.gif); }

                        .toolbar .url a { background-image: url(/gfx/toolbar/btn_toolbar_url.gif); }
                        .toolbar .url a:hover { background-image: url(/gfx/toolbar/btn_toolbar_url_s.gif); }
						.toolbar .image a { background-image: url(/gfx/toolbar/btn_toolbar_picture.gif); }
                        .toolbar .image a:hover { background-image: url(/gfx/toolbar/btn_toolbar_picture_s.gif); }

                        .toolbar .code a { background-image: url(/gfx/toolbar/btn_toolbar_code.gif); }
                        .toolbar .code a:hover { background-image: url(/gfx/toolbar/btn_toolbar_code_s.gif); }
                        .toolbar .quote a { background-image: url(/gfx/toolbar/btn_toolbar_quote.gif); }
                        .toolbar .quote a:hover { background-image: url(/gfx/toolbar/btn_toolbar_quote_s.gif); }

                        .toolbar .video a { background-image: url(/gfx/toolbar/btn_toolbar_video.png); }
        .toolbar .description {
                text-align: right;
                font-size: 1.1em;
                display: block;
                padding: 1px 0 0;
        }

ul.listlinks { list-style: none; border-bottom: #68604c 3px solid; margin: 0px; width: 200px; padding-bottom: 3px; }
	ul.listlinks li { margin: 0px; }
table.admin_list { width: 600px; border-top: #68604c 1px solid; }

.tDnD_whileDrag {
	background: #68604C;
	color: #FEFCEF;
}
	tr.tDnD_whileDrag td a {
		color: #FEFCEF !important;
	}