#brownbox, #tealbox, #bluebox, #tanbox {
	position: relative ;
	margin: 0 0 10px 0 ;
	padding: 0px ;
	float: left ;
	clear: both ;
}

#brownbox h3, #tealbox h3, #bluebox h3, #tanbox h3 {
	margin: 0px ;
	padding: 14px 1px 11px 13px ;
	text-shadow: 2px 2px 2px black ;
	color: white ;
	font-size: 1.3em ;
	font-family: georgia ;
	white-space: nowrap ;
	background-repeat: no-repeat ;
/*	width: boxhack.css*/
}

#brownbox p, #tealbox p, #bluebox p, #tanbox p {
	padding: 10px 15px 10px 15px ;
	margin: 0px ;
	background-repeat: repeat-y ;
	background-position: left ;
/*	width > boxhack.css */
}

#brownbox img, #tealbox img, #bluebox img, #tanbox img {
	position: absolute ;
	width: 445px ;
	height: 40px ;
	border: none ;
}

#brownbox a, #tealbox a, #bluebox a {
	color: black ;
	text-decoration: none ;
}

#brownboxFooter, #tealboxFooter, #blueboxFooter, #tanboxFooter {
	display: block ;
	width: 450px ;
	height: 10px ;
	background-repeat: no-repeat ;
}

#brownboxFooter hr, #tealboxFooter hr, #blueboxFooter hr, #tanboxFooter hr {
	display: none ;
}


/* BROWN */
#brownbox h3 {
	background-image: url(../images/box/brown/box_header.png) ;
}

#brownbox p {
	background-image: url(../images/box/brown/box_content.png) ;
}

#brownboxFooter {
	background-image: url(../images/box/brown/box_footer.png) ;
}

/* TEAL */
#tealbox h3 {
	background-image: url(../images/box/teal/box_header.png) ;
}

#tealbox p {
	background-image: url(../images/box/teal/box_content.png) ;
}

#tealboxFooter {
	background-image: url(../images/box/teal/box_footer.png) ;
}

/* BLUE */
#bluebox h3 {
	background-image: url(../images/box/blue/box_header.png) ;
}

#bluebox p {
	background-image: url(../images/box/blue/box_content.png) ;
}

#blueboxFooter {
	background-image: url(../images/box/blue/box_footer.png) ;
}

/* TAN */
#tanbox h3 {
	background-image: url(../images/box/tan/box_header.png) ;
}

#tanbox p {
	background-image: url(../images/box/tan/box_content.png) ;
}

#tanboxFooter {
	background-image: url(../images/box/tan/box_footer.png) ;
}


#news {
	position: absolute ;
	top: 0px ;
	left: 480px ;
	right: 0px ;
	padding: 0 10px 0 10px ;
/*  width: boxhack.css */
 	border-left: 1px solid silver ;
 }
 
 #news hr {
 	border: none ;
  	border-top: 1px solid silver ;
 }
 
 .newsHeadline a {
 	font-size: 1.1em ;
 	font-weight: bold ;
 }
 
.newsBit p {
	margin: 5px 0 0 0 ;
}


/* ************ */

.rammi {
    border-width: 4px;
    border-style: ridge;
    border-color: khaki;
    font-family: "Lucida Grande", tahoma, Arial, Sans-serif;
    font-size: 11px;
}

.searchbox {
    width: 100%;
    background-color: #f0e080;
    border: 0px;
    padding: 2px;   
}

.defaultButton { visibility: hidden; }

.searchbox td {
    border-bottom: 1px solid darkkhaki;
}

.comment {
    padding-left: 12px;
}

.resultNavigation {
    border-right: 2px groove khaki;
}

.label {
    cursor: default;
    font-weight: bold;
    text-align: right;
    color: #652;
    width: 160px;
    padding-right: 6px;
}

.smallButton {
    background-color: khaki;
    border-color: khaki;
    color: #605020;
    font-size: 0.7em;
}

.searchButton {
    background-color: darkkhaki;
    color: white;
    letter-spacing: 0.1em;
}

.tableTab {
    text-align: center;
    cursor: pointer;
    color: fireBrick;
    font-weight: bold;
    background-color: #E0D070;
    border-bottom: 2px groove #E0D070;
    border-right: 2px groove #E0D070;
}

.selectedTab {
    cursor: default;
    text-align: center;
    color: fireBrick;
    font-weight: bold;
    background-color: #F0E080;
    border-bottom: 0px;
    border-right: 2px groove #e0d070;
    padding-right: 0px;
}

.submenus {
    padding: 0px;
    margin-top: 4px;
    margin-left: 2px;
    margin-right: 0px;
}

.rammi .searchbox .submenu {
    cursor: pointer;
    color: fireBrick;
    font-weight: bold;
    background-color: #e0d070;
    padding: 4px;
    border-bottom: 2px inset khaki;
}

.rammi .submenus .selectedSubmenu {
    color: fireBrick;
    font-weight: bold;
    background-color: #f0e080;
    border: 1px outset #fff090;
    border-right-width: 0px;
    padding: 4px;
}

.dummyLink {
    cursor: pointer;
    text-decoration: underline;
    color: fireBrick;
}

#common { display: none; }
#specific { display: none; }
#munnleg { display: table; }
#handrit { display: none; }
#hljodrit { display: none; }
#bjarni { display: none; }
#orgel { display: none; }


#munnlegResult { display: none; }
#handritResult { display: none; }
#hljodritResult {display: none; }

#specificTab { border-right: 0px; }

.searchRow {
    cursor: default;
    color: #a09030;
}
.overSearchRow {
    cursor: default;
    color: black;
}
.selectedSearchRow {
    cursor: default;
    color: black;
    background: #fff090;
}

.genericTable { width: 100%; }


/* OGDetail */

.detailRammi {
    padding: 2px;
    height: 100%;
    padding-top: 12px;
}
.detailRammi table { font-size: 100%; }
.tabs { width: 100%; }
.tab { 
    border: 1px solid black;
    border-right: 0px;
    text-align: center;
    padding: 3px 8px;
    background-color: #c97;
    color: #853;
    cursor: pointer;
    width: 120px;
}
.emptyTab { border-bottom: 1px solid black; }
.tab.right { border-right: 1px solid black; }
.selected {
    background-color: white;
    border-bottom: 0px; 
    cursor: default;
}
.mediaScreen { 
    border-left: 1px solid black;
    border-right: 1px solid black;
    width: 500px;
    height: 500px;
    background-color: white;
}

.nav {
    border: 1px solid black;
    background-color: #c97;
    color: white;
    border-collapse: collapse;
}

.arrow { cursor: pointer; }
.center { width: 100%; text-align: center;}
.mediaScreen td { vertical-align: middle; text-align: center; }
.info th { font-size: 150%; text-align: left; }
.info { float: left; margin: 12px; margin-top: 24px; width: 260px; }
.info .label, .info .cell { padding: 6px; color: black; }
.info .label { 
    text-align: left;
    color: #a52;
    font-weight: bold;
    vertical-align: top;
    width: 1%;
}
.info .cell { text-align: left; }
.mediaTable { 
    float: left;
    margin-right: 12px;
    border-collapse: collapse;
}
.relations {
    margin-top: 12px;
}
.relations th { text-align: left; padding-top: 8px; color: tan; }
.relations td a { color: white; }

/* b r o w s e / f l e t t a */

.browseTable {
    width: 100%;
    border-collapse: collapse;
}

#menuContainer { 
    vertical-align: top;
    background-color: silver;
    width: 120px;
}

#dataContainer {
    vertical-align: top;
}

#browseNavigation { padding: 4px; }

.browseTable .submenu, .browseTable .submenuSelected {
    padding: 4px;
}

.browseTable .submenuSelected {
    background-color: white;
    color: black;
}

.browseTable .submenu {
    background-color: none;
}

.browseTable .submenus {
    width: 100%;
}


.browseTable td { border: 1px solid silver; }

/* l o o k u p s */

.lookupRow { height: 0px; border: none; }

.lookupFrame { 
    display: none;
    background-color: #eee;
    border: 2px solid #444; 
    position: absolute;
    z-index: 128; 
}

.lookupField {
    background-color: #eee;
}