#layout #content{ overflow: visible; }
#layout #content p{ padding: 10px 0; }

/* e-register/minukonto styles */
.classic { border-collapse: collapse; }
.classic th{ background: url('./gfx/bg-table-head.png') no-repeat 100% 0; line-height: 125%; vertical-align: middle; }
.classic th{ font-size: 11px; font-weight: bold; border: 1px solid white; padding: 9px; }
.classic td{ font-size: 11px; padding: 8px; border: 1px solid white; line-height: 125%; }
.classic th.first{ background: url('./gfx/bg-table-head.png') no-repeat 0 -180px; border-width: 0px 1px 1px 0; }
.classic th.last{ background: url('./gfx/bg-table-head.png') no-repeat 100% -360px; border-width: 0 1px 1px 1px; }
.classic tr td, 
.classic tr.odd td,
.classic tr.hex-table-row-bg1 td
{ background: #f5f5f5; }
.classic tr.even td, 
.classic tr.hl td,
.classic tr.hex-table-row-bg2 td
{ background: #fafafa; }
.classic a{ text-decoration: underline; }
.classic td a{ color: #76a134; }
.classic th a{ color: #201F1F; }
.classic th.l, .classic td.l,
.classic tr.left th, .classic tr.left td{ text-align: left; }
.classic tr.right th, .classic tr.right td{ text-align: right; }
.classic th.left, .classic td.left{ text-align: left !important; }
.classic th.right, .classic td.right{ text-align: right !important; } 


/* ksa search */
div.search_h{ padding: 3px 10px; margin: 0 -5px; cursor: pointer; color: #76a134; font-weight: bold; }
div.search_h a{ color: #F5841E; font-weight: bold; }
div.note { position: absolute;  margin-left: 15px;	background: #F6FAED; padding: 2px; border: 1px solid #000; z-index: 10; visibility: hidden; /*display: none;*/ font: normal 10px "Verdana", Arial, Helvetica, sans-serif; color: #000; }
/* middle align */
input.malign{ vertical-align: middle; }
label.malign{ vertical-align: middle; }
label.pointer{ cursor: pointer; }

.box-wrapper{ overflow: hidden; }
.box-wrapper .filter{ float: left; }


.filter .container.wide{ padding: 0; }
.filter th{ /*background-color: #eee;*/ padding: 4px 2px; }
.filter td{ padding: 4px; }
.filter td.sep-l, .filter th.sep-l{ border-left: 1px solid #F2F2F2; }
.filter td.sep-b, .filter th.sep-b{ border-bottom: 1px solid #F2F2F2; }
.filter td.sep-r, .filter th.sep-r{ border-right: 1px solid #F2F2F2; }
.filter td.sep-t, .filter th.sep-t{ border-top: 1px solid #F2F2F2; }
.filter div.sep{ height: 0; font-size: 0; border-top: 1px solid #F2F2F2; }
.filter div.sep hr{ display: none; }
.filter #search_detailed div.sep{ margin: 5px -5px; }
.filter #search_detailed, .filter #search_simple{ padding-top: 5px; }

div.submit{ padding: 5px 5px 0; }

div.legend{ position: relative; margin-top: -50px; float: right; font-size: 11px; }

#layout #content .nav{ margin: 3px 0; }
#layout #content .nav a{ font-weight: bold; font-size: 12px; color: black; text-decoration: none; padding: 3px 6px; }
#layout #content .nav a.active{ font-size: 16px; color: #76A134; }

#layout #content .tabbertab h2{ padding: 5px; border-bottom: 1px solid #F2F2F2; }

#layout #content ul.tabbernav{ padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #F2F2F2; }
#layout #content ul.tabbernav li{ float: left; padding: 0; margin: 0; background-image: none; }
#layout #content ul.tabbernav a{ display: block; top: -8px; padding: 0 5px 0 0; margin-bottom: -9px; text-decoration: none; z-index:2; position: relative; }
#layout #content ul.tabbernav .tabberactive a{ font-weight: bold; background: url('./gfx/bg-button-ksa.png') repeat scroll 100% 0; }
#layout #content ul.tabbernav span{ display: block; padding: 5px 10px 5px 15px; }
#layout #content ul.tabbernav .tabberactive span{ background: url('./gfx/bg-button-ksa.png') repeat scroll 0 0; }

#ksa_table{ position: relative; }
#ksa_table span{ border-bottom: 1px dashed #000; cursor: help; }

/* currency */
#layout #content .currency{ float: right; border: 1px solid #F2F2F2; margin-top: -5px; padding: 5px 5px 5px 9px; background: #FAFAFA;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}
#layout #content .currency ul{ float: right; padding: 0; margin: 0; }
#layout #content .currency ul li{ float: left; padding: 0 4px 0 0; margin: 0; background: none; }
#layout #content .currency ul a{ float: left; border: 1px solid #FAFAFA; padding: 0 2px; text-decoration: none; }
#layout #content .currency ul a:hover{ text-decoration: underline; }
#layout #content .currency ul a.active{ border: 1px solid #ccc; background: #eee; }