/* @override 
	http://localhost/hljodvisar/v2-rammi/css/stylesheet.css
	http://developers.seidur.is/ProjectWeb/hljodvisar/css/stylesheet.css
*/

/*
//-- Styling for OAG
//Project:	Online Audio Guide
//Author:	Kjartan T. Hjörvar
//Date:		Jan 2008
//---------------------------------------------------------------
*/

/* @group Reset */

body { color: black; background: white; }
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

/* @group Filter */

form#filter
{
	margin: 3px;	
}

form#filter select
{
	min-width: 8em;
	margin-right: 2em;
}


/* @end */
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
  
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 

caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }

a
{
	color: #fff;
	text-decoration: none;
}

a:hover
{
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Header */

#header
{
	height: 130px;
	border-bottom: 1px solid #ccc;
	background: url(../images/Banner/oag-banner.png) no-repeat;	
}

div#header #site_name 
{
	position: relative;
	float: left;
	top: 40px;
	left: 70px;
}

div#header #site_name h1 a
{
	text-decoration: none;
	font-weight: bold;
	color: #f9f6f1;
	text-shadow: #241a11 2px 2px 5px;
	font-size: 26px;
}

div#header #site_slogan 
{
	position: relative;
	float: left;
	left: 0px;
	top: 100px;
	font-size: 15px;
	color: #f9f6f1;
	text-shadow: #241a11 2px 2px 5px;
}

/* @end */

/* @group Footer */

div#footer
{
	text-align: center;
	color: #999;
	border-top: 1px solid #ccc;
	padding: 9px;
	clear: both;
}

div#footer img
{
	vertical-align: middle;
}

/* @end */

/* @group Colour and Text Scheme */

body
{
	background-color: #292928;
	color: #fff;
	font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

#centerdiv, #footer, #header, #menu, .museum_panel
{
	background-color: #323231;
}

.title, div.title_single_line
{
	color: #f0b400;
}

.subtitle
{
	color: #ccc;
	font-style: italic;
}

p
{
	margin-bottom: 0.7em;
}

div.center
{
	text-align: center;
}

/* @end */

/* @group Menu */

div#menu
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.7em;
}

div.menuitem
{
	padding: 3px 0px;
}

div.menuitem#languages
{
	float: right;
}

div.menuitem#path
{
	float: left;
	color: #f0b400;
	background-color: #323231;
}

div.menuitem#languages img
{
	padding: 0px 5px;
}

div.menuitem#path a
{
	padding: 0px 5px;
	color: #f0b400;
}

div.menuitem#path a:hover
{
	text-decoration: none;
	color: #fff;
}

/* @end */




/* @group Structure */

/*for fixed position in IE6*/
body
{
	overflow: hidden;
}

#everything
{
	/*for fixed position in IE6*/
	height: 100%;
	overflow: auto;
}

html > body
{
	overflow: auto;	
}

#centerdiv
{
	width: 950px;
	margin: 0px auto;
	display: table;
}

#main
{
  padding-left: 200px;   /* LC width */
}

#main.three_column 
{
  padding-right: 392px;  /* RC width */
}

#main.one_column
{
  padding-left: 0;
}

#main #sidebar, #main #rightbar, #main #content
{
	float: left;
	position: relative;
	margin-bottom: 2em;
}

#footer
{
	clear: both;
}

#content
{
	width: 100%;
	border-left: 1px solid #222;
	margin-left: -1px;
}

#main.one_column #content
{
	border-left: none;
}

#content.centercolumn
{
	border-right: 1px solid #222;
	margin-right: -1px;
}

#sidebar
{
	left: -1px;              /* RC width for IE6, -1 for border*/
	width: 200px;
	margin-left: -100%;
/*	right: 201px; / *+1 for border*/
	border-right: 1px solid #222;
}

#main.three_column #sidebar
{
	left: 391px;              /* RC width for IE6, -1 for border*/
}

#main > #sidebar
{
	left: -201px;             /* -LC width for others, +1 for border */
	margin-left: expression(document.all.content.offsetWidth * -1 + 1); /* Fix for IE7 */
}

#main.three_column > #sidebar
{
	left: -201px;             /* -LC width for others, +1 for border */
	margin-left: expression(document.all.content.offsetWidth * -1 + 2); /* Fix for IE7 */
}

#rightbar
{
	position: relative;
	width: 393px;
	margin-right: -394px; /*+1 for border*/
	border-left: 1px solid #222;
}

body {
  min-width: 550px;
}
.pane
{
	border-bottom: 1px solid #ccc;
	margin: 0 15px 0 15px;
	padding: 0 3px 0 3px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	clear: both;	
}

.pane_noborder
{
	margin: 0 15px 0 15px;
	padding: 0 3px 0 3px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	clear: both;	
}

.clear
{
	clear: both;
	height: 0;
}

/* @end */

/* @group About */

.legal
{
	color: #ccc;
	margin: 5em 0em 0em 1em;
	font-size: small;
	font-style: italic;
}

.personnel
{
	float: left;
}

.personnel :first-child
{
	margin-top: 0;
}

.person
{
	clear: both;	
	margin-top: 1.5em;
}

.person img
{
	vertical-align: top;
	float: left;
	border: 1px solid #666;
	padding: 3px;
	margin: 3px;
}

.person a
{
	color: white;
}

p.login
{
	clear: both;
	padding: 2em 1em;	
}

div.about_rightbox
{
	float: right;	
}

div.company
{
	vertical-align: top;
	padding: 0.7em;
	margin: 3px;
	border: 3px double #666;
}

p.company
{
	padding-left: 2em;
}

p.brochure
{
	padding: 3em 2em 2em 1em;
}

p.brochure img
{
	vertical-align: middle;
}

/* @end */



/* @group Sidebar */

div.sidepane
{
	line-height: 1.3;
	
	border-bottom: 1px solid #ccc;
	margin: 0 15px 0 15px;
	padding: 0 3px 0 3px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	clear: both;	

}

div#sidebar a:hover
{
	color: #999;
}

div.sidepane li.title
{
	margin-bottom: 0.5em;
}

ul ul
{
	padding-left: 1em;
}

/* @group Search Form */

form#search input.field
{
	border: 1px solid #ccc;
	width: 85px;
	margin-right: 1em;
}

/* @end */

/* @end */

/* @group Museum Panel */

.panel
{
	overflow: hidden;
	width: 162px;
	height: 167px;	
	border: 1px solid #666;
	font-size: small;
	text-align: center;
}

.panel div.address,
.panel div.museum
{
	height: 60px;
	cursor:pointer;
	cursor:hand;
}

.panel a:hover
{
	text-decoration: none;
}

.panel.hover
{
	background-color: #444;
}

.panel
{
	overflow: hidden;
	
}

.panel_list .panel
{
	float: left;	
	margin: 6px;
}

.panel div.panel_image
{
	padding: 6px;
	margin-left: auto;
	margin-right: auto;
}

.panel div.title
{
	clear: both;
}

.museum_panel div.title
{
	font-variant: small-caps;
}

.exhibition_panel_horizontal div.title
{
	margin: 1em;
}

.exhibition_panel div.date,
.exhibition_panel_horizontal div.date
{
	font-size: 80%;
}

.exhibition_panel div.museum,
.exhibition_panel_horizontal div.museum
{
	font-size: 10px;
	font-style: italic;
}

.museum_panel div.openinghours,
#museum_list div.openinghours
{
	text-align: left;
	padding: 0em 1em;
	font-variant: small-caps;
	margin-top: 0.5em;
}

.museum_panel div.address
{
	padding-top: 0.5em;
	text-align: center;
	font-size: 90%;
	font-style: italic;
}

.exhibition_panel_horizontal img
{
	vertical-align: top;
	float: left;
	border: 1px solid #666;
	margin: 3px;
	padding: 3px;
	margin-right: 0.5em;
}

.exhibition_panel_horizontal
{
	padding: 0.5em;
	clear: both;
}

.exhibition_panel_horizontal .summary
{
	margin: 0.5em;
	margin-bottom: 1em;
	clear: both;	
}

.title_single_line
{
	clear: both;
}

div.language
{
	padding: 0 2px;
}

/* @end */

/* @group Audioguide Panel */

.audioguide_panel
{
	border: 1px solid #666;
	padding: 0.5em;
	margin: 0.5em;
	clear: both;
}

.audioguide_panel .language,
.audioguide_panel .icons
{
	float: right;
}

.audioguide_panel .preview
{
	margin-bottom:0.5em;
	position: relative;
	top: 10px;
	width: 240px;
}

/* @end */




/* @group Development */

pre 
{
	clear: both;
	background-color: #bdff00;
	color: #000;
}

/* @end */

/* @group Posts */

div.post
{
	clear: both;
	padding-top: 3px;
	border-top: 1px dotted #666;
}

div.post .content img
{
	vertical-align: top;
	float: left;
	border: 1px solid #666;
	padding: 3px;
	margin: 3px;
}

div.post span.date
{
	float: right;
	margin-right: 0.5em;
	font-style: italic;
	font-size: 11px;
}

div.post > div.title
{
	color: #ccc;
}

/* @end */

/* @group Museum Information */

div.description img
{
	float: right;
	border: 1px solid #666;
	padding: 3px;
	margin: 3px;
}

.pane div.openinghours,
.pane div.address,
.pane div.website,
.pane div.description,
.pane div.openingclosing
{
	margin-bottom: 1em;
	text-indent: 1em;
}

.pane div.address
{
	font-style: italic;
}

.pane div.openinghours,
.pane div.openingclosing
{
	font-variant: small-caps;
	margin-left: 1em;
	text-indent: 0;
}

.pane div.text
{
	margin-top: 1em;;
}

.pane span.fieldtitle
{
	display: inline-block;;
	margin: 0em 1em;
	margin-bottom: 2px;
	width: 10em;
}

.pane div.text img
{
	vertical-align: top;
	border: 1px solid #666;
	padding: 3px;
	margin: 3px;
}

/* @end */

/* @group Interaction */

tr.clickable:hover, tr.clickable.hover,
div.clickable:hover, div.clickable.hover
{
	background-color: #444;
	cursor: pointer;
	cursor: hand;
}

.admin tr.clickable:hover,
.admin tr.clickable.hover,
.manage tr.clickable:hover,
.manage tr.clickable.hover
{
	background-color: #285bcb;
}

.hidden, .hidden_tab
{
	display: none;
}

.floatingicon
{
	float: right;
	cursor: pointer;
	cursor: hand;
}

.icon
{
	cursor: pointer;
	cursor: hand;
}

/* @end */

/* @group Map */

img.map
{
	position: absolute;
}

div#tab_map 
{
	margin: 0em 2em;
	height: 450px;
}

img.museum_dot
{
	position: absolute;
	z-index: 2;
}

div.floating_panel
{
	position: absolute;
	z-index: 3;
}

/* @end */

/* @group ul List */

.content ul ul
{
	margin-left: 2em;
}

div.content > ul > li:first-child
{
	margin-top: 1em;
}

div.content > ul > li
{
	margin-bottom: 0.3em;
}

/* @end */

/* @group table List */

td div.image
{
	float: left;
	border: 1px dashed #999;
	margin: 1em;
	padding: 0.5em;
	text-align: center;
}

td.languages img
{
	padding: 1px;
}

table
{
	width: 100%;
	margin-top: 1em;
	clear: both;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

table th
{
	font-variant: small-caps;
	font-weight: bold;
	padding: 0.3em 0.5em;
	background-color: #666;
}

table tr
{
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	margin: 0;
	padding: 0;
}

table tr.expanded
{
	background-color: #444;
}

table tr.sub
{
	border: none;
}


table tr.sub td
{
	padding: 0 0.2em;
}

td
{
	padding: 0 0.5em;
}

table table
{
	background-color: #444;
	width: 96%;
	font-size: 90%;
	margin: 0;
	margin-left: 18px;	
	margin-bottom: 1em;
	border: 1px solid #666;
	border-top: none;
}


table table td:first-child
{
	padding-left: 2%;	
}

td.buttons_one
{
	width: 36px;
	text-align: center;
}

td.buttons_two
{
	width: 72px;
	text-align: center;
}

td.buttons_three_large
{
	width: 144px;
	text-align: center;
}

#museum_list td
{
	padding: 0 1em;
}

#museum_list td.image
{
	width: 150px;
	padding: 0;
}

#museum_list td.date
{
	width: 10em;
	height: 2em;
}


/* @end */

/* @group Login */

div.login
{
	clear: both;
	width: 18.5em;
	margin: 4em auto;
}

div.login label
{
	position: absolute;
	width: 7em;
}

div.login div.fields input
{
	border: 1px solid #ccc;
	margin-bottom: 3px;
	margin-left: 8em;
}

div.login div.buttons
{
	margin: 0.7em;
	text-align: right;
}

/* @end */

/* @group Overlay */

div#overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
	margin: auto;
	/* for IE 6&7 to stop interaction with underlying page */
	background-image: url(../images/transparent.png);
}

/*hidden from IE6*/
body > div#overlay
{
	position: fixed;
}

div#overlay #dialog
{
	position: relative;
	top: 8em;
	width: 31em;
	margin: auto;
}

div#overlay #dialog #dialog_content
{
	background-color: #323231;
	padding: 2em;
	border: 1px solid #666;
}

div#overlay #dialog_content label
{
	position: absolute;
	width: 7em;
}

div#overlay #dialog_content .fields select
{
	width: 8em;	
	margin-left: 7em;
	font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#overlay #dialog_content .fields input,
div#overlay #dialog_content .fields textarea
{
	font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 18em;
	border: 1px solid #ccc;
	margin-bottom: 3px;
	margin-left: 7em;
}

div#overlay #dialog_content .fields img
{
	vertical-align: top;
}

/* Safari */
/*div#overlay #dialog_content .fields input.file
{
	color: #fff;
	border: 1px solid #ccc;
}*/

div#overlay #dialog_content .buttons
{
	clear: both;
	text-align: right;
	padding: 1em 0em 1em 0em;
}


div#overlay .dialog_title
{
	color: #f0b400;
	
	padding: 0.3em;
	margin-bottom: 1.5em;
	font-weight: bold;
	font-size: medium;
	border-bottom: 1px double #fff;
}

div#overlay #dialog_content .spinner
{
	clear: both;
	text-align: center;
	padding: 1em 0em 1em 0em;
}

/* @end */

/* @group IE Hacks */

*
{
}
/* @end */

/* @group Tabs */

.admin div#tab_nav,
.manage div#tab_nav
{
	padding: 0.5em 2em;
}

.admin div#tab_nav a,
.manage div#tab_nav a
{
	background-color: #444;
	padding: 5px;
}

.admin div#tab_nav a.selected_tab,
.manage div#tab_nav a.selected_tab
{
	background-color: #f0b400;	
	color: #222;
}

.admin div#tab_nav a:hover,
.manage div#tab_nav a:hover
{
	background-color: #f0b400;
	color: #fff;
	text-decoration: none;
}

.admin div.hidden_tab,
.manage div.hidden_tab
{
	border: 1px solid #ccc;
	margin: 0 1em;
	padding: 2em 1em;
}

.admin div.hidden_tab .pane,
.manage div.hidden_tab .pane
{
	border: none;
}

.browse div#tab_nav
{
	margin: 0.5em 0;	
}

.browse div#tab_nav a
{
	border: 1px solid #ccc;
	padding: 3px;
}

.browse div#tab_nav a:hover,
.browse div#tab_nav a.selected_tab
{
	background-color: #666;
	color: #fff;
	text-decoration: none;
}
/* @end */

/* @group Tree */

.tree span.text.selected
{
	color: black;
	background-color:#f0b400;
}
.tree a:hover span.text
{
	color: white;
	background-color:#f0b400;
}

/* @end */

/* @group Tell-A-Friend */

div.sample_email
{
	background-color: #fff;
	color: #000;
	border-style: dotted;
	border-width: 1px;
	padding: 2em 1em;
}

div.sample_email .title
{
	color: #000;
	text-decoration: underline;
	margin-bottom: 1em;
}

div.sample_email a, div.sample_email a:hover
{
	color: #1a00fa;
}

.add_friend
{
	float: right;
	margin: 1em 1em 0 1em;
}

.add_friend img
{
	position: relative;
	top: -10px;
	margin: 0 3px;
}

.add_friend a:hover
{
	text-decoration: none;
}
/* @end */