BODY {
    BACKGROUND-COLOR: #f8f8f8;
    MARGIN: 15px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-SIZE: 12px
}

.search-box {
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    width: 400px;
    display: block;
    text-align: left;
    vertical-align: middle;
    height: auto;
    padding: 20px;
    border: 1px solid #b9b9b9;
    background: #d5d5d5;
    padding-bottom: 0;
}

#cse-search-form {
    DISPLAY: none;
    padding: 0;
    margin: 0;
}

.gsc-tabsArea {
    DISPLAY: none
}

#cse {
    TEXT-ALIGN: left;
    clear: both;
    
}

#search-controls{
    background: #d5d5d5;
    width: 140px;
    text-align: left;
    padding: 8px;
    position: absolute;
    left: -10px;
    bottom: 40px;
}

#search-controls IMG {
	margin-right: 5px;
}

#search-dialog-container {
	padding: 3px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-SIZE: 12px;
}

#search-browse {
	width: auto;
}

#search-browse IMG{
	margin: 5px;
	border: 1px solid #333;
	cursor: hand;
}

#search-browse IMG:hover {
    border: 1px solid blue;
}


.search-container
{
    TEXT-ALIGN: center;
    DISPLAY: block;
    position: relative;
}

#sbb-homepage{
	text-align: center;
	float: center;
}

#search-footer {
    position: relative;
    float: center;
    border-top: 1px #a2a2a2 solid;
    TEXT-ALIGN: center;
    DISPLAY: block;
    PADDING-TOP: 10px;
    MARGIN-TOP: 60px;
}

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}
 
#shadow-container .shadow1 {
    background: #F1F0F1;
}

#shadow-container .shadow2 {
    background: #DBDADB;
}

#shadow-container .shadow3 {
    background: #B8B6B8;
}

#shadow-container .container {
    background: #ffffff;
    border: 1px solid #848284;
    padding: 10px;
    height: auto;
}


#jsddm {
    margin: 0;
	padding: 0
}
	
#jsddm li {
    float: left;
	list-style: none;
	font: 11px Tahoma, Arial
}

#jsddm li a {
    display: block;
	padding: 5px 5px;
	text-decoration: none;
	color: #000000;
	white-space: nowrap
}

#jsddm li a:hover {
    background: #777777;
    color: #FFFFFF;
}
		
#jsddm li ul {
    margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 99;
}

#jsddm li ul li {
    float: none;
	display: inline;
}
		
#jsddm li ul li a {
    width: auto;
	background: #777777;
	padding: 5px;
	padding-right: 80px;
	color: #FFFFFF;
}
		
#jsddm li ul li a:hover {
	background: #444444
}

#------------------- TABS

UL.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

UL.tabNavigation LI {
    display: inline;
}

UL.tabNavigation LI A {
    padding: 3px 5px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
    background-color: #333;
    color: #fff;
    padding-top: 3px;
}

UL.tabNavigation LI A:focus {
    outline: 0;
}

div.tabs  div {
    margin-top: -8;
    padding: 5px;
    border: 1px solid #333;
}

div.tabs div h2 {
    margin-top: 0;
}