/*

		Pallete:	Cream		#fff9e9
					Brown		#331a00
					Dark Gray	#383838

*/


/* @group Structure */
body, th, td {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #331a00;
	font-size: 12px;
	}
	
body {
	background: #fff url(/images/admin/header_back.gif) repeat-x;
	margin: 0; padding: 0;
	text-align: center;
	}

h1 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 2.7em;
	}
	
a {
	color: #3875d7;
	font-weight: bold;
	}
	
a:hover {
	color: #6e6e6a;
	}

a img {
	border: none;
	vertical-align: middle;
	margin-left: 2px;
	}

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	}
	
.notice {
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 10px 2px 8px;
	background-color: maroon;
	margin-bottom: 10px;
	}

.soft-notice {
	text-align: center;
	color: maroon;
	
	}

	
table {
	margin-top: 10px;
	width: 100%;
	}		
	
.alt {
	background-color: #fff9e9;
	}	
	
td, th {
	margin: 0;
	padding: 4px 5px;
	}
	
	th {
		border-bottom: 1px solid #6d3600;
		text-align: left;
	}
	
table.inquiry {
	width: 300px;
	}
	
	table.inquiry th {
		border-bottom: none;		
		}

	
table#reservations-edit th {
	border-bottom: none;
	}

	
div#container {
	text-align: left;
	margin: 0 auto;
	width: 920px;
	}

div#flash {
	background-color: #fff;
	margin-top: 12px;
	}
	
div#header {
	height: 172px;
	vertical-align: middle;
	}
	
	div#header img.cms {
		float: left;
		margin-top: 40px;
		margin-left :20px;
		}

	div#header img.logo {
		float: left;
		margin-left: 240px;
		margin-top: 10px;
		}
		
	div#header img.chimp {
		margin-left: 250px;
		}

div#logout {
	float: left;
	width: 200px;
	margin-top: 100px;
	margin-left: 200px;
	text-align: right;
	}
	
	div#logout a {
		color: #383838;
		text-decoration: none;
		font-weight: bold;
		}
		
	div#logout a:hover {
		color: #FFC420;
		}

ul#nav {
	float: left;
	margin: 0; padding: 0;
	list-style-type: none;
	}
	
ul#nav li	{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	height: 53px;
	padding: 0;
	}

ul#order_list {
	padding: 0px 20px 20px 50px;
	list-style-type: none;
	background-color: #E7E6E6;
	border: 2px solid #9B9C95;
	color: #737373;
	font-style: italic;
	}
	
	ul#order_list.service {
		padding: 0px 0px 20px 10px;
	}


ul#order_list li {
	float: left;
	margin: 20px 10px;
	}

	ul#order_list li img {
		border: 1px solid #CDCAC9;
	}
	
	ul#order_list li {
		width: 167px;
		height: 108px;
		}
	
	/*ul#order_list.project li {
		width: 148px;
		height: 162px;
		}*/
	
ul.order_list {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border: 2px solid #6E3600;
	}
	
	ul.order_list p {
		margin-left: 10px;
		font-style: italic;
		color: #6E3600;
	}
	
	ul.order_list li {
		padding: 5px;
		margin: 10px;
		background-color: #FFF9E8;
		border: 1px solid #6E3600;
	}
		
	ul.order_list li.boards {
		background-color: #fffbf1;
		border: 1px solid #a38d78;
	}
		
.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	}

div#admin-login {
	text-align: center;
	}

/* @end */

div#image_variants div {
  float: left;
  margin-right: 25px;
}

td.converting {
	font-style: italic;
	color: red;
	}

td.converted {
	font-weight: bold;
	color: green;
	}

td.error {
	font-weight: bold;
	color: red;
	}

.border {
	border: 1px solid #6E3600;
}

.spinner {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

#uploading_message {
	color: red;
}

/* @group Nav */


a.nav {
	display: block;
	float: left;
	outline: none;
	height: 53px;
	padding-left: 8px;
	background: #fff url(/images/admin/b_back.gif) no-repeat;
	color: #383838;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	    
a.nav:hover, a.selected { background-position: 0 -53px; color: #fff; }

a.action {
	display: block;
	float: left;
	outline: none;
	height: 24px;
	width: 24px;
	margin-left: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	color: #383838;
	text-indent: -9999px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

	a.view { background-image: url(/images/admin/icon/view.gif);}
	a.edit { background-image: url(/images/admin/icon/edit.gif);}
	a.delete { background-image: url(/images/admin/icon/delete.gif);}
	a.new { background-image: url(/images/admin/icon/new.gif); width: 200px; text-indent: 29px; float: right; line-height: 23px; }
	a.upload { background-image: url(/images/admin/icon/upload.gif); width: 130px; text-indent: 29px; }
	a.export { background-image: url(/images/admin/icon/export.gif); width: 130px; text-indent: 29px; }
	

a.action:hover { background-position: 0 -24px; }

/* @end */


a.nav {
	display: block;
	float: left;
	outline: none;
	height: 53px;
	padding-left: 8px;
	background: #fff url(/images/admin/b_back.gif) no-repeat;
	color: #383838;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	    
a.nav:hover, a.selected { background-position: 0 -53px; color: #fff; }

a.action {
	display: block;
	float: left;
	outline: none;
	height: 24px;
	width: 24px;
	margin-left: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	color: #383838;
	text-indent: -9999px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

	a.view { background-image: url(/images/admin/icon/view.gif);}
	a.edit { background-image: url(/images/admin/icon/edit.gif);}
	a.crop { background-image: url(/images/admin/icon/crop.gif);}
	a.arrange { background-image: url(/images/admin/icon/arrange.gif);}
	a.delete { background-image: url(/images/admin/icon/delete.gif);}
	a.new { background-image: url(/images/admin/icon/new.gif); width: 200px; text-indent: 29px; float: right; line-height: 23px; }
	a.upload { background-image: url(/images/admin/icon/upload.gif); width: 130px; text-indent: 29px; }
	a.export { background-image: url(/images/admin/icon/export.gif); width: 130px; text-indent: 29px; }
	a.text {
		text-indent: 24px;
		width: 100px;
	}

a.action:hover { background-position: 0 -24px; }

/* @end */

/* @group Pagination */

div.pagination {
	float: right;
    padding: 3px;
    margin: 3px;
  }
div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #47547f;
  }
div.pagination a:hover, .pagination a:active {
    border: 1px solid #47547f;
    color: #000;
  }
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #47547f;
    font-weight: bold;
    background-color: #47547f;
    color: #FFF;
  }
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  }

/* @end */

select#anniversary_assets {
	width: 300px;
}

.video-icon {
	position: absolute;
	margin-top: 0;
	margin-right: 0;
	width: 167px;
	height: 108px;
	background: url(/images/admin/icon/video.png) bottom right no-repeat;
}