/* @override 
	http://dev.mainememory.net/css/css-base.css
	http://dev.mainememory.net/static/css/css-base.css
*/

/*
CSS Created by: Jamie Peloquin <http://www.jamiepeloquin.com>
*********************************************************************
Language:       CSS 2.1
Web Site:       http://www.mainememory.net/
File Path:      /css/
Created by:     Jamie Peloquin
*********************************************************************
*********************************************************************
NOTES:
This document contains styles which are compatible with CSS-2
and higher compliant web browsers. These styles are specific to
Maine Memory Network http://www.mainememory.net/.
*********************************************************************
*/

/*
*********************************************************************
BASE PROPERTIES
*********************************************************************
*/
html {
	margin: 0;
	background-color: #666;
	}

body {
	background-color: #FFF;
	position: relative;
	width: 802px; /* includes border */
	margin: 10px auto;
	border: 1px solid #333;
	}

body, p, table * {
	color: #222;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	}


div {margin: 0;}

h2 {
	font-size: 20px;
	margin-top: 0;
	}
	h2 .source {font-size: 12px;}
h3 {
    font-size: 13px;
    padding-top: 1em;
}
h4 {
	font-size: 12px;
	margin-bottom: 0;
	}
h5 {
	font-size: 10px;
	margin-bottom: 0;
	}
td h3 {
    padding-top: 0;
}

p, li, dt, dd, table, blockquote, address {
	font-size: 11px;
	line-height: 1.4em;
	}

hr {
	height: 1px;
	border: 0 solid;
	color: #ccc;
	background-color: #ccc;
	margin: 2em 0;
	}

hr.dashed {
	color: white;
	background-color: white;
	border-top: 1px dashed grey;
    margin: 1.25em 0;
}

#content p, #content span, #content li, #content dt, #content dd, #content table, #content blockquote {font-size: 12px;}
#content h3 {font-size: 14px;}
#content h4 {
    font-size: 13px;
    margin-top: 0;
}
#content h5 {
    margin-top: 2.5em;
    margin-bottom: -.5em;
}
div.page_title {
    margin-bottom: 1em;
}
div.page_title * {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

/* Bibliography */
.book_title {font-style: italic;}

.inscription {
	font-style: italic;
	text-align: center;
	}

p.bibliography {
    margin-left: 3em;
    text-indent: -3em;
}

p.annotation {
    margin-left: 3em;
}



/* TABLES -------------------------------------------------------- */
caption {
	font-size: 10px;
	text-align: left;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	}

table.tools caption {
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	}

table.data, table.tools {
	border-width: 0px;
	border-style: solid;
	background-color: #CCC;
	}
table.tools {
    width: 100%;
    }
table.data *, table.tools * {font-size: 10px;}
table.data caption, table.data th, table.data td, table.tools caption, table.tools th, table.tools td {
	padding: 5px;
	background-color: #FFF;
	}
table.data th, table.tools th {background-color: #EDF3FE; /* Light Blue */}

table.sortable thead th.over {
    background-color: #CDE3EE;
    cursor: pointer;
}

td, th {vertical-align: top;}

tr.alt td {background-color: #EEE;}

td.price {text-align: right;}

td.button {
	text-align: center;
	vertical-align: middle;
	}

table.multicol_list td {
	border-left: 1px dashed #DDD;
	padding-top: 0;
	}
table.multicol_list td.first {
	border-left-width: 0;
	padding-left: 0;
	}
table.multicol_list td.last {
	padding-right: 0;
	}
table.multicol_list h3 {
	margin-bottom: 0;
	margin-top: 1.3em;
	}
table.multicol_list h3.first {margin-top: 0;}


/* LISTS --------------------------------------------------------- */
ol, ul, dl {
	margin-top: .25em;
	clear: left;
	}

li, dd {margin-bottom: .5em;}

ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-roman;}

ul.menu, ul.nomark, ul.staff_desc, ul.noindent {
	margin-top: 0;
	list-style-type: none;
	}
ul.menu {padding-left: .5em;}
ul.menu li:before {content: "\203A\A0";}
ul.noindent {
	margin-left: 0;
	padding-left: 0
	}
ul.album_tools, ul.details_listing {
	list-style-type: none;
	padding: 0;
	font-size: 10px;
	}


.sidebar_item ul, .sidebar_item ol, .sidebar_item li {
    margin-left: 0;
    padding-left: 0;
}

.sidebar_item li {
    margin-left: 10%;
}

dt {
	margin-left: 1em;
	font-style: italic;
	}
dt:before {content: "\B7\A0";}

dl.faq dt:before {content: "Q:\A0";}
dl.faq dt {
	margin-left: 0;
	font-weight: bold;
	font-style: normal;
	}
dl.faq dd:before {
	content: "A:\A0";
	margin-left: -1.6em;
	}
dl.faq dd {margin-bottom: 1.5em;}




/* FORMS --------------------------------------------------------- */
form {margin: 0 auto;}
form .left {margin-right: 20px;}
form .field, form .recaptcha,
form .field, form .nocaptcha {
    line-height: 1.3em;
    padding: .3em;
}

fieldset {
	margin-bottom: 2em;
	border: 1px dashed #888;
	}

legend {
	font-size: 14px;
	color: #888;
	padding: 0 .25em;
	background-color: #fff;
	}

/* IE 7 fix */
*:first-child+html fieldset {
	padding: auto 1em;
}

#content input, #content textarea {
	font-size: 11px;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
}

#content input[type='submit'], #content input[type='button'] {
	font: menu;
	font-weight: bold;
	font-size: 11px;
}
label, legend {font-weight: bold;}
label + br {margin-bottom: 2px;}

label.checkbox {
    display: block;
    font-weight: normal;
}

input.full_width, textarea.full_width {
    width: 96%;
}

input.half_width, textarea.half_width {
    width: 46%;
}

fieldset.radiogroup span span {
    display: block;
}
fieldset.checkboxgroup span span {
    display: block;
}

/* Toolbars and Pagination boxes */
.toolbar {
	border: 1px solid #DDD;
	padding: 8px;
	background-color: #F5F5F5;
	margin-bottom: 1.5em;
	}
#content .toolbar *, #content .paginationbar * {
	font-size: 10px;
	margin: 0;
	}
.toolbar form .field, .paginationbar  form .field {
	line-height: 3em;
	}
.toolbar form .field, .paginationbar  form .field,
.toolbar form .field *, .paginationbar  form .field *{
	font-size: 11px;
	}
.toolbar hr, .paginationbar hr {margin: 1em 0 !important;}
.toolbar h3, .paginationbar h3 {
	font-size: 12px;
	margin-bottom: .5em;
	}

.paginationbar {
	border: 1px solid #DDD;
	padding: 8px;
	margin-bottom: 2em;
	}
.paginationbar hr {margin: 5px 0 !important;}
.paginationbar .paging_buttons {
	font-size: 10px;
	}

form .error {
    color: black !important;
    border: 1px solid red;
}
form .error .error_message {
    color: red !important;
    display: block;
}

form .form_error_message {
    color: red !important;
    font-size: 13px;
    font-weight: bold;
    margin: 1em 0;
}

form p.text span.comment,
form p.textarea span.comment {
    display: block;
    font-size: 10px !important;
}

/* --------------------------------------------------------------- */

a {color: blue;}
a img, a object {border-width: 0 !important; border-color: inherit !important;}
img[usemap] {border-width: 0;}

acronym, abbr {
	font-style: normal;
	/* text-decoration: underline; */
	border-bottom: 1px solid #CCC;
	}

abbr:hover, acronym:hover {cursor: help;}

cite:hover, abbr:hover, acronym:hover {background-color: #FFE;}

quotation {font-style: italic;}
quotation:before {content: "\201C";}
quotation:after {content: "\201D";}

.note, .caption, .captiontitle {
	font-size: 10px !important;
	color: #444;
	}
.caption, .title {font-style: italic;}
.captiontitle {
    font-weight: bold;
    text-align: center;
}

.alert, .error, .required {color: red !important;}

.status_error      { color: red     !important; }
.status_incomplete { color: fuchsia !important; }
.status_active     { color: green   !important; }
.status_queued     { color: blue    !important; }

.noborder { border: none; }
.nobreak { white-space: nowrap; }

/*
*********************************************************************
MASTHEAD PROPERTIES
*********************************************************************
*/

#masthead {
	position: relative; /* Set up for internal positioning */
	height: 90px;
	padding: 10px;
	background-color: #555;
	}

h1 {
	margin: 35px 0 0 150px;
	color: #FFF;
	font-family: Georgia, "Bitstream Vera Serif", serif;
	font-size: 36px;
	font-weight: normal;
	line-height: .75em;
	white-space: nowrap;
	}
h1 #masthead_tagline {
	font-size: 18px;
	font-style: italic;
	}

#masthead_bar {
	font-size: 8px;
	line-height: 1em;
	border-width: 1px 0 1px 0;
	border-style: solid;
	}

/*#masthead_login {
	position: absolute;
	right: 10px;
	top: 10px;
}*/

#masthead_login {
	position: absolute;
	right: 10px;
	top: 0px;
	line-height: 1.5;
	}

#masthead_login, #masthead_login a {
	color: #FFF;
	font-size: 11px;
	}
#masthead_login a {
	font-weight: bold;
	text-decoration: underline;
	}

#masthead_quicksearch {
	position: absolute;
	right: 10px;  /* WinIE does not position absolute from parent */
	top: 50px;    /* WinIE does not position absolute from parent */
	width: 160px;
	padding: 0 6px 6px 6px;
	border: 1px solid #888;
	background-color: #EEE;
	margin-bottom: 0;
	}
#masthead_quicksearch p {
	margin: 0;
	font-size: 10px;
}
#masthead_quicksearch input {font-size: 10px;}
#masthead > #masthead_quicksearch {
	top: auto;
	bottom: 10px; /* Correct position absolute from parent */
	}

#masthead_login > #tools_menu {
    font-size: 11px;
    width: 128px;
}

/*
*********************************************************************
NAVIGATION PROPERTIES
*********************************************************************
*/

#navigation {
	position: absolute;
	left: 0;
	width: 145px;
	border-right: 1px solid #CCC;
	}

#navigation ul{
	margin: 0;
	list-style: none;
	padding: 0;
	}
#navigation ul li  {
	position: relative;
	/*line-height: 1em;*/
	margin: 0;
	margin-bottom: -1px;
	border: 0 solid #ccc;
	border-width: 1px 0;
	}

#navigation a {
	display: block;
	margin: 0;
	padding: 4px 6px 5px 0;
	background-color: #FFF;
	color: #222;
	text-decoration: none;
	line-height: 1.1em;
	}
#navigation ul.primary li a {
	padding-left: 10px;
	font-weight: bold;
	}
#navigation ul.primary li a:hover, #navigation ul.primary li a:focus {
	background-color: #FEFAF9;
	}
#navigation ul.primary li a.on {
	background-color: #F3E7D5;
	border-bottom: 1px solid #CCC;
	}
#navigation ul.secondary li, #navigation ul.tertiary li {
	border-width: 0px;
	margin: 0;
	position: static;
	height: auto;
	padding: .1em 0;
	}
#navigation ul.secondary, #navigation ul.secondary li a, #navigation ul.tertiary li a,
#navigation ul.secondary li a.on, #navigation ul.tertiary,  #navigation ul.tertiary li a.on {
	background-color: #FEF7EF;
}

#navigation ul.secondary li a, #navigation ul.tertiary li a,
#navigation ul.secondary li a.on, #navigation ul.tertiary li a.on {
	font-size: 10px;
	font-weight: normal;
	line-height: 1.1;
	background-color: #FEF7EF;
	border-width: 0;
	}
#navigation ul.secondary li a {
	padding-left: 18px;
	}
#navigation ul.tertiary li a {
	padding-left: 26px;
	}
#navigation ul.secondary li a.on, #navigation ul.tertiary li a.on { font-weight: bold; }
#navigation ul li#navigation_mhs a {
	font-size: 10px;
	font-weight: normal;
	background-color: #EEE;
	}
#navigation_mhs a {
	padding: 7px 10px !important;
	text-align: center;
	}

#navigation ul li#navigation_mhs_sites ul.secondary a {
	background-color: #FFF;
	}





/*
*********************************************************************
CONTENT-SPECIFIC PROPERTIES
*********************************************************************
*/
#content {
	position: relative;
	margin: 0px 0px 0px 145px;
	padding: 15px 15px 2em 15px;
	border-left: 1px solid #CCC;
	/*width: 600px;*/
	min-height: 580px;
	height: auto !important;
	height: 580px;
	}

div#mycart + div#content,
div#myalbum + div#content {
    margin-right: 240px;
}

/* Highlight pullout */
.highlight_story {
	margin-top: 0;
	padding: 7px;
	border: 1px solid #000;
	margin-bottom: 1.5em;
	}
.highlight_story * {
	margin: 0;
	line-height: 1.5em;
	}
h3.highlight_story a {
	display: block;
	font-size: 11px;
	font-weight: normal;
	}

/* Highlight Box pullout */
.highlight_box {
	margin-top: 0;
	padding: 7px;
	border: 1px solid #000;
	margin-bottom: 1.5em;
	}
.highlight_box * {
	margin: 0;
	line-height: 1.5em;
	}

/* For use to add right-margin to the content objects to allow for a sidebar */
#content.sb_right .highlight_story,
#content.sb_right .toolbar,
#content.sb_right .parent {margin-right: 230px;}
#content.sb_right {max-width: 52em;}
/* Sidebar column and its items */
#content_sidebar {
	position: relative;
	float: right;
	width: 215px;
	margin-top: 0;
	margin-left: 10px;
	}

.sidebar_item {
	width: 199px;
	margin: 0 0 14px 0;
	padding: 7px;
	border: 1px solid #000;
	clear: left;
	}
#content .sidebar_item * {
	margin-top: 0;
	font-size: 10px;
	}
#content.sb_right .sidebar_item h3,
#content.sb_right .sidebar_item h3 * {font-size: medium;}
#content.sb_right .sidebar_item h4,
#content.sb_right .sidebar_item h4 * {
	font-size: small;
	margin-bottom: .5em;
	}
.sidebar_item img {
	border-color: #600;
	float: left;
	margin: 1em 1em .5em 0;
	}

/* Related Exhibits (non-sidebar) */
.related_exhibit {
	width: 202px;
	margin-right: 10px;
	border: 1px solid #CCC;
	padding: 6px;
	font-size: 10px;
	}
.related_exhibit * {margin-top: 0;}
.related_exhibit img {
	float: left;
	margin: .5em .5em .5em 0px;
	}

#ImageDetailLarge {
	width: 642px;
	border: 1px solid #CCC;
	background-color: #FFF;
	}
#ImageDetailLarge img {
	display: block;
	margin: 0;
	}
#ImageDetailLarge .toolbar {
	margin: 0;
	padding: 0 6px 4px 6px;
	}
#ImageDetailLarge .toolbar * {margin: 0;}

/* Photo boxes */
.photo_box {
	border: 1px solid #888;
	margin-bottom: .5em;
	padding: 6px;
	background-color: #F6F6F6;
	text-align: center;
	}
#content .photo_box * {
	text-align: left;
	font-size: 10px;
	}
#content .photo_box .captiontitle {
    text-align: center;
}
.photo_box a img {border: 1px solid blue;}
.photo_box a:hover img, .photo_box a:focus img {border: 1px solid red;}
.photo_box .caption, .photo_box .captiontitle {
	margin-bottom: 0;
	font-style: normal;
	}
#content .photo_box {width: 252px;}

#sect_ImageDetail #content .photo_box .caption a {
	padding: 0 2px 0 5px;
	border: 1px solid #888;
	border-width: 0 0 0 1px;
	white-space: nowrap;
	cursor: pointer;
}

#content #ImageDetailMed {
	width: 452px;
	padding: 0;
	}
#content #ImageDetailMed p {
	padding: 0 6px 6px 6px;
	}

.scanned_by_student {
	background-color: #FF9;
	font-size: 10px;
	padding: 4px 6px;
	width: auto;
	min-height: 27px;
	border-top: 1px solid #FC0;
	position: relative;
}
.scanned_by_student img {
	float: left;
	top: 6px;
	margin-right: 1em;
	}


/* Multiple Columns */
.multicol {
	float: left;
	padding: 0 15px;
	border-right: 1px dashed #DDD;
	}
.col_first {
	padding-left: 0;
	border-left-width: 0;
	}
.col_last {
	padding-right: 0;
	border-right-style: none;
	}

/* Search Results */
body#sect_search h3 {margin-bottom: 3em;}

.result_detail {
	width: 100%;
	border: 1px solid #DDD;
	position: relative;
	margin-bottom: 4em;
	}
#content.listview_full .result_detail {width: auto;}
.result_detail * {position: relative;}
#content.sb_search_related .result_detail {width: 398px;}
#content .result_detail .text p, #content .result_detail li {font-size: 10px;}
.result_detail .item_number { /* Paragraph containing the Item Number tab */
	width: 118px;
	height: 2em;
	margin: 0 0 -24px 0;
	position: relative;
	top: -26px;
	left: -1px;
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	border-bottom-color: #F5F5F5;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
	}
.result_detail .image, .result_detail .text {margin: 0;}
.result_detail .image { /* Container for the Image/Tools */
	text-align: center; /* Centers image */
	border-right: 1px solid #DDD;
	width: 212px;
	padding: 10px 6px;
	margin-right: 0px;
	}
.result_detail .image ul, .result_detail .image p {text-align: left; /* Negates centered text */}
.result_detail .image ul.album_tools {width: 60px;}
.result_detail .text { /* Container for the Details Text */
	border-left: 1px solid #DDD;
	margin-left: 224px;
	padding: 10px 6px;
	}
.result_detail .text h4 { margin-top: 0;}
.result_detail .text,
.result_detail .text p,
.result_detail .text li { font-size: small !important;}
.result_detail .text *:first-child { margin-top: 0;}
.result_detail .text textarea {width: 90%;}
.result_detail .text textarea,
.result_detail .album_tools input {font-size: small !important;}

.result_detail .text,
.result_detail .text p {position: relative;}

.result_detail .text textarea.exhibit_edit_comments {
	display: block;
	width: 90%;
	height: 15em;
	}

.result_detail .left { margin-right: 0px !important; }

#content_sidebar a img,
.result_detail a img,
.related_exhibit a img {border-width: 1px;}

.result_detail .album_tools img { border-width: 0px; }

.textcenter {text-align: center;}
.center {
	margin-left: auto;
	margin-right: auto;
	}

/* Floats and Clears */
#content .left {margin-right: 10px;}
#content .right {margin-left: 10px;}
.float_left, .left {float: left;}
.clear_left {clear: left;}
.left_last {margin-right: 0}
.float_right, .right {float: right;}
.right_last {margin-left: 0}
.clear_right {clear: right;}
.clear_both, .clear {clear: both;}
div.clear_both, div.clear_left, div.clear_right,
br.clear_both, br.clear_left, br.clear_right {
	margin: 0;
	line-height: 0px;
	height: 0px;
	}


/* Add .clearfloats class to Parent of floating elements */

/* Clear floats for browsers supporting :after */
.clearfloats:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* self-clearing floats for IE 6 */
* html .clearfloats {
	height: 1%;
}

/* self-clearing floats for IE 7 */
*:first-child+html .clearfloats {
	min-height: 1px;
}


/* FAUX TABLES --------------------------------------------------- */
div.faux_table {
	position: relative;
	width: 99%;
	}

div.faux_td {
	float: left;
	width: 188px;
	height: 268px;
	padding: 8px;
	margin: -2px 0 0 -2px;
	border: 2px solid #CCC;
	text-align: center;
	}

div.faux_td p {
	text-align: left;
	font-size: x-small !important;
	margin-top: 0;
	}

div.faux_td p.tools {
	font-size: xx-small !important;
	margin-top: 1em;
	}

div.faux_td img {
	border: 1px solid;
	}

/* POLICIES/DISCLAIMER ---------------------------------------------------- */
textarea.policies {
    border: 0px none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    width: 100%;
    height: 5350px;
    overflow: auto;
    margin-left: 0px;
    padding-left: 0px;
    left: 0px;
}

.headspace {margin-top: 2em;}

.spacer { /* Use for adding vertical space between sections */
	height: 0;
	margin: 1.5em 0;
	}

/*
*********************************************************************
MY ALBUM PROPERTIES
*********************************************************************
*/
#myalbum, #mycart {
	display: block;
	float: right;
	position: relative;
	right: 1em;
	top: 0;
	width: 200px;
	z-index: 200;
	margin: 1.5em 0;
	background-color: #eee;
	border: 1px #ccc solid;
	color: #000;
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 10px;
}

#myalbum h2, #mycart h2 {
	font-size: 13px;
	margin: 0;
}

#myalbum_navigation, #mycart_navigation {
	margin: 0;
	padding: 0;
}


#myalbum_navigation a {
	float: none;
	display: block;
	font-size: inherit;
	width: auto;
	padding: 0;
	border: 1px solid #008dff;
	color: #008dff;
	text-decoration: none;
	line-height: 1em;
	text-align: center;
}

#myalbum_navigation a.left {
	width: auto;
	clear: left;
	border-width: 1px;
}

#myalbum_navigation a.last {
	border-width: 1px;
}

#myalbum_navigation a.make_feature {
	width: auto;
	border-width: 1px;
}

#myalbum_albumslist, #mycart_albumslist {
	margin: 0 4px 4px 4px;
	border: 1px solid #999;
	}
#myalbum_albumslist *, #mycart_albumslist * {font-size: 10px;}
#myalbum_albumslist #album_title {
	margin: 0;
	padding: 0 4px 4px 4px;
	color: #FFF;
	background-color: #999 !important;
	}
#myalbum_albumslist #album_title label {
	display: block;
	background-color: #999 !important;
	}
#myalbum_albumslist select {width: 128px;}
#myalbum_albumslist #lightbox, #mycart_albumslist #mycart_lightbox {
	height: 400px;
	padding: 6px 4px;
	overflow: auto;
	}

#myalbum_albumslist {
	margin: 0;
	border: 1px solid #ac00ff;
}

#myalbum_albumslist * {
	font-size: inherit;
}

#myalbum_albumslist #album_title {
	margin: 0;
	padding: 0;
	color: #200099;
	background-color: #fff;
}

#myalbum_albumslist #album_title label {
	display: block;
	background-color: #fff;
}

#myalbum_albumslist select {
	width: auto;
}

#myalbum_albumslist #lightbox {
	height: 200px;
	padding: 0;
	overflow: auto;
}

#lightbox .slide, #mycart_lightbox .slide {
	padding: 6px 0 6px 4px;
	border: 1px solid #CCC;
	border-width: 1px 0;
	margin-top: -1px;
	}
#lightbox .photo, #mycart_lightbox .photo {
    width: 60px;
    text-align: center;
    float: left;
}
#lightbox .slide ul, #mycart_lightbox .slide ul {
	clear: none;
	margin: 0;
	margin-left: 70px;
	list-style: none;
	padding: 0;
	}
#lightbox .slide li, #mycart_lightbox .slide li {
	text-align: center;
	margin: 0;
	}



#myalbum a.control {
	display: block;
	background-color: #ccc !important;
	color: #fff;
	text-decoration: none;
	text-align: right;
	padding: .25em;
	padding-right: 24px;
	line-height: 20px;
}

#myalbum a.close {
	background: url(/static/graphics/album_toolbar/cross.png) no-repeat right center;
}

#myalbum dl, #myalbum dt, #myalbum dd {
	padding: 0;
	margin: 0;
	float: none;
}

#myalbum dl.tools {
	background-color: #ddd;
	overflow: hidden;
	/*height: 26px;*/
}

#myalbum .tools dt {
	height: 24px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #600;
	line-height: 24px;
}

#myalbum .tools dt:before {
	content: '';
}

#myalbum .tools dt, #myalbum .tools dd a{
	display: block;
	text-decoration: none;
	text-align: center;
}

#myalbum dd.tool a {
	padding: .5em;
	margin: 1px;
	background-color: #eee;
	color: #666;
}


#myalbum dd.tool {
	float: left;
	width: 50%;
}

#myalbum .tools dt:hover, #myalbum dd.tool a:hover {
	background-color: #fffced;
	cursor: pointer !important;
}



/* @group Slider */

#mycollection_drawer {
	position: absolute;
	min-height: 420px;
	height: auto;
	overflow: hidden;
}

/* for IE 6 */
* html #mycollection_drawer {
	height: 420px;
	overflow: hidden;
}

#mycollection_drawer, #mycollection_drawer.drawer_closed {
	width: 31px;
	left: -31px;
}

#mycollection_drawer.drawer_open {
	width: 401px;
	left: -402px;
}

h3.album_tab {
	cursor: pointer !important;
	float: left;
	position: relative;
	margin-top: 32px;
	padding: 0;
	background-color: #ddd;
}

h3.album_tab a, h3.album_tab img {
	display: block;
	width: 31px;
	height: 100px;
}

.album_drawer_content {
	position: absolute;
	left: 31px;
	top: 0;
	min-height: 380px;
	height: auto;
	width: 369px;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #eee;
}

.album_drawer_content .inner_wrapper {
	width: 90%;
	height: 360px;
	padding: .75em;
	background-color: #e3e3e3;
	border: 2px solid #eee;
	border-color: #d4d4d4 #fff #fff #d4d4d4;
	overflow: auto;
}

/* for IE 6 */
* html .album_drawer_content {
	height: 380px !important;
	overflow: visible;
}

/* for IE 6 */
* html .album_drawer_content .inner_wrapper {
	height: 360px !important;
}

.album_drawer_content dl {
	margin-bottom: .75em !important;
	padding-right: 1em !important;
}

.album_drawer_content dt {
	font-weight: bold;
	font-style: normal;
	margin-bottom: .3em !important;
}

.album_drawer_content dt:before {
	content: '';
}

.album_drawer_content dd {
	padding-left: 1.4em !important;
	margin-bottom: .5em !important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* for IE 6 */
* html .album_drawer_content dd {
	overflow: visible;
	white-space: normal;
}

#title_myalbum {
	background-color: #999;
	color: #fff;
	padding: .75em .5em;
	font-size: 1.2em;
}

/* @end */


#myalbum #lightbox {
	height: 500px;
	padding: 0;
	overflow: auto;
	margin: 6px;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* Highlight the active Slide */
#lightbox .slide:hover, #lightbox .on {
	background-color: #FFF8F0;
}

#myalbum .tool a:hover, #myalbum .tool a:focus {
	background-color: #ddd;
}

/*
*********************************************************************
FOOTER PROPERTIES
*********************************************************************
*/
#footer {padding-bottom: 2em;}
#footer p {
	margin-left: 145px;
	padding: 0 20px 0 20px;
	}
#footer p#footer_navigation {
	margin-left: 0px;
	padding: 4px 20px 5px 165px;
	border: 1px solid #000;
	border-width: 1px 0 1px 0;
	font-size: xx-small;
	}
#footer p#all_access {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD;
	}

/*
*********************************************************************
CONTACT LIST
*********************************************************************
*/
.contact_list div {
    float: left;
    margin-left: 15px;
    width: 45%;
}
.contact_list h3 {
    clear: both;
    padding-top: 15px;
    margin-bottom: 0;
}

/*
*********************************************************************
SPECIAL PROPERTIES
*********************************************************************
*/

.hide, .hide-css2-block, .hide-css2-inline {display: none;}
.hide-css1-block {display: block;}
.hide-css1-inline {display: inline;}
label.hide {display: none;}

/*
*********************************************************************
SLIDESHOW
*********************************************************************
*/
.slideshow_wrapper {
    position: relative;
    max-width: 100%;
}
.slideshow_wrapper .slideshow_slide {
    width: 100%;
}
.slideshow_wrapper #slideshow_prev,
.slideshow_wrapper #slideshow_next {
    position: absolute;;
    display: inline-block;
    top: 45%;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: #000;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    border-radius: 50%;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 36px;
}
.slideshow_wrapper #slideshow_prev { left: 0; }
.slideshow_wrapper #slideshow_next { right: 0; }
.slideshow_wrapper #slideshow_prev:hover,
.slideshow_wrapper #slideshow_next:hover {
    background-color: #777;
}

/*
*********************************************************************
ACCORDION
*********************************************************************
Ref: http://inspirationalpixels.com/tutorials/creating-an-accordion-with-html-css-jquery
*/

.accordion-section-title {
    padding:5px;
    display:inline-block;
    text-decoration:none;
    color:#222;
    font-size:14px;
}
.accordion-section > .accordion-section-title::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent transparent transparent #9D9D9D;
    margin-right: .5em;
}
.accordion-section > .active::before {
    border-color: #9D9D9D transparent transparent transparent;
}
.accordion-section-content {
    padding:5px;
    display:none;
}
.accordion-section-content p {
    margin-top:0;
}

/*
*********************************************************************
LOADING SCREEN
*********************************************************************
*/
#loading_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    background: rgba(128, 128, 128, 0.7);
    text-align: center;
}
#loading_wrapper #loading_box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 170px;
    margin-left: -150px;
    margin-top: -85px;
    padding: 0 1em;
    border: 1px solid black;
    background: white;
}
#loading_wrapper .loading_icon {
    display: block;
    margin: 0 auto;
}