/* Exhibits Icons */
.add-exhibit, .browse-exhibits {
    background-position:top left; 
    background-repeat:no-repeat; 
    padding:2px 4px 2px 20px; 
    text-decoration:none;
}

dd.exhibits ul li {
    padding-left:12px;
}

.add-exhibit {
    background-image:url("../images/picture_add.gif");
}

.browse-exhibits {
    background-image:url("../images/pictures.gif");
}

/* Exhibits Browse */
#add-exhibit a.add {
    background-image:url("../images/picture_add.gif");
}

#no-exhibits {
	clear:both;
}

table#exhibits {
	width:774px;
}


/* Exhibit Breadcrumb Navigation */
#exhibits-breadcrumb {
	float:right;
}


/* Exhibit Metadata */
#section-list-container {
	clear:both;
}

#section-list, #page-list {
	float:left; 
	width: 512px;
}

#section-list li, #page-list li {
	display:block; 
	overflow:hidden; 
	float:left; 
	clear:both; 
	height:2em;
	width:512px; 
	margin:0 0 2px 0; 
	padding:0; 
	background:#e9f6da;
}

#section-list li .left, #page-list li .left {
	display:block; 
	float:left; 
	width: 65%;
}
	
#section-list img, #page-list img {
	background:#fff; 
	padding:4px; 
	float:left;
}
	
#section-list input, #page-list input {
	padding:4px 0; 
	width:1em;
}

#section-list li .right, #page-list li .right {
	display:block; 
	float:right; 
	width:28%; 
	padding:4px 0;
} 

#new-section-link {
	float:right; 
	width:390px; 
	font-size:1.2em;
}

#new-section {
	float:right; 
	width: 390px;
}

#new-section-link a {
	background-color:#d4ecb5; 
	float:left; 
	padding:12px; 
	text-decoration:none; 
	color:#060; 
	display:block;
}

#new-section-link a:hover {
	background-color:#e9f6da;
}

#exhibit-form #new-section .field input.textinput {
	width: 380px !important;
}

#exhibit-form #new-section .field label {
	text-align:left; 
	width:auto; 
	display:block;
}

#add_section {
	background-color:#d4ecb5; 
	padding:6px; 
	text-decoration:none; 
	color:#060;
}

#add_section:hover {
	background-color:#e9f6da;
}


/* Section Metadata */
#add-new-section-form {
	background: #fff09e; 
	overflow:hidden; 
	width:342px; 
	padding:18px;
}

#add-new-section-form .field {}

.section-delete a, .page-delete a {
	text-decoration:none; 
	color:red;
}

.section-edit a, .page-edit a {
	text-decoration:none; 
	color:#38c;
}

.exhibit-button {
    display:inline;
} 

#exhibit-form #exhibit-save {
	clear:both;
}

table#exhibits {
	clear:both;
}


/* Page Metadata */
#layouts .layout {
	display:block; 
    float:left; 
	text-align:center; 
	border:1px solid #ccc; 
	margin-right:18px; 
	margin-bottom:18px; 
	padding:6px 0;
	width:100px;
}

#page-builder {
	width:785px;
	margin:18px;
	clear:both;
}

#item-select {
	float:left; 
	width: 780px; 
	background:#DAE9F6;
    margin: 15px 0;
	padding: 0 0 18px;
}

#page-form {
    clear: both;
}

#layout-all {
	width: auto;
	clear:both;
}

#layout-form .item {
	clear:both; 
	border-bottom:1px solid #ccc; 
	margin-bottom:1.8em; 
	padding-bottom:1.8em;
}

.item-drop {
    float:left; 
	border:1px solid #A2C9E8; 
	margin-right:2px; 
	margin-bottom:2px;
	display:block;
}

.item-drop img {width: 130px; height:130px; }
.item-drop .handle img {width:auto; height: auto;}

#item-select .item-drop {
    width: 130px;
    height: 130px;
}

#layout-form .item-drop {
	width:130px; 
	height:130px; 
}

#item-list .item-drop {
	top:0; left:0;
}

.item-drag .handle, .item-drop .handle {
    position:absolute; 
    top:0; 
    left:0;
    cursor:move;
    } 

.handle {
    background-color:#fff; 
} 

#item-list {
	margin-left:18px;
}

.remove_item {
	position:absolute; 
	top:0; right:0; 
	width: 20px; 
	padding:20px 0 0; 
	background:#fff 50% 50% no-repeat; 
	z-index:10000; 
	overflow:hidden; 
	height:0 !important; 
	height /**/:20px; 
	border:1px solid #A2C9E8; 
	border-width:0 0 1px 1px;
}

#layout-form .textfield {
	float:right;
}

#item-select .item-drag .title {
	float:right;padding: 10px;
}

#search {
	background:#B5D4EC;
	border-bottom:1px solid #fff;
}

#layout-form label {
	display:none;
}

#page-search-form {
    clear:both;
}

#page-search-form .textinput {
	clear: both;
	overflow: hidden;
}
	
#page-submits {
	clear:both;
}

/* choose layout */
#layouts {}

#layouts #layout-thumbs {
	width:512px; 
}

#layouts .layout {
	cursor:pointer;
}

#layouts .layout input {
	display:none;
}

#layout-thumbs .layout-name {
	display:none;
}

#chosen_layout {
    float:right;
}
			
#chosen_layout div.current-layout{
	width:295px; 
	float:right;
}

#chosen_layout img {
	float:right;
}

#chosen_layout div.layout-name {
    font-family: Georgia,Times,"Times New Roman",serif;
    color: #446677;
    font-size: 1.8em;
    margin-bottom: 1.2em;
}

.current-layout {
	margin-bottom:18px; 
	background:#fff;
	padding:15px;
	float:right; 
	background:#A2C9E8;
	border:1px solid #6BA8DA;
}

#layout-submits {
	margin-top:18px;
}

#layout-form .primary, #layout-form .secondary {
	float:none; 
	display:block; 
	width:100%;
	overflow:hidden; 
	clear:both;
}

#section-meta {
	display:block;
	float:left; 
	width: 450px;
}

#section-description {
	display:block; 
	float:right;
	width:450px;
}

#section-pages {
	clear:both;
}

#page-links input {
	background:#fff; 
	color:#555; 
	border:none;
}

#page-list .layout-name {
	display:none;
}

button.cancel {
	background:#fff; 
	border:none; 
	color:#38c; 
	display:inline; 
	text-align:left;
	cursor:pointer;
	margin:0; 
	padding:0; 
	font-size:1em; 
	text-indent:0;
}

a.cancel {
	text-decoration:none; 
	color:#38c;
}

a.cancel:visited {
	color:#38c;
}

div.field {
    padding: 18px;
}

#layout-form .section {
    overflow: hidden;
    margin:20px;
    zoom: 1;
}

#show-or-hide-search {
    font-size: 1.5em;
    display: block;
    padding:20px;
}

/* Pagination */
.pagination_list {margin-left: 18px;}
.pagination_list li {display:inline;padding: 3px 6px;}
.pagination_list li.pagination_current {display:inline;background:#389; color:#fff;}
.pagination_list li.pagination_range, 
.pagination_list li.pagination_previous, 
.pagination_list li.pagination_first, 
.pagination_list li.pagination_next, 
.pagination_list li.pagination_last {padding:0;display:inline;}
	.pagination_list a {text-decoration:none; color:#333;background: #eee; padding: 3px 6px;}
	.pagination_list a:hover {background: #38c; color: #fff;}