html, body
{
	width: 100%;
	height: 100%;
}
body
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;		
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

h1
{
	font-size: 18px;
	font-weight: bold;
	color: #7a3716;
}
h2 
{
	font-size: 14px;
	font-weight: bold;
	color: #cc6600;
}
h3 { font-size: 12px; font-weight: bold; }
h4 { font-weight: bold; }

p { margin: 1em 0; }

strong { font-weight: bold;}
em { font-style: italic;}

a { color: #666; }



input, textarea {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333333;
	/*margin: .5em 0 .25em 0;*/
}
input.input-image-submit, input.input-submit { vertical-align: bottom; cursor: pointer; }
.editor_field, input.input-text, textarea.input-text, select.input-select
{
	border-top: solid 2px #999;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #eee;
	border-left: solid 1px #aaa;
	background: #efefef;
	font-size: 9pt;
	font-weight: bold;
	color: #999;
	padding: 1px 2px 0 2px;
	margin: 5px 0 0;
	width: 146px;
	vertical-align: middle;
}
select.input-select { margin-top: 0;}
input.input-radio, input.input-checkbox
{
	margin-right: 2px;
	padding: 0;
	position: relative;
	top: 3px;
}

label
{
	font-weight: bold;
	margin: 0 5px 0 0;
	position: relative;
  top: 3px;
}


div.fieldWithErrors { display: inline; }
div.fieldWithErrors input, div.fieldWithErrors select, div.fieldWithErrors textarea { background-color: #ffeeee; }
div#error
{
	background: #e1e4eb url(../images/bg-notice-top.png) no-repeat left top;
	color: #666;
	padding: 20px 0 0;
	margin: 0 0 2em 0;
	font-weight: bold;
}
div#error div
{
	background: transparent url(../images/bg-notice-bottom.png) no-repeat left bottom;
	padding: 0 20px 20px;
	margin: 0;
}
div#error h2, div#error h3
{
	color: #920;
	margin: 0;
}
div#notice h2, div#notice h3
{
  margin: 0;
}
div#error ul
{
  list-style: inside disc;
  margin: 0;
}
div#error ul li
{
  margin: 3px 0;
  list-style: inside disc;
}
p.error { color: #c00; font-size: 12px; }

div#notice
{
	background: #e1e4eb url(../images/bg-notice-top.png) no-repeat left top;
	color: #666;
	padding: 20px 0 0;
	margin: 0 0 2em 0;
	font-weight: bold;
}
div#notice div
{
	background: transparent url(../images/bg-notice-bottom.png) no-repeat left bottom;
	padding: 0 20px 20px;
	margin: 0;
}


#site_name
{
	background: url(/images/logo-main.png) no-repeat left top;
	overflow: hidden;
	padding: 50px 0 0 0;
	width: 162px;
	height: 0 !important;
	height /**/: 50px; /* for IE5/Win */
	margin: 45px 0 35px 0;
}

#main-content
{
	position: relative;
}


.thumbnail
{
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	display: table;
}
.thumbnail .inner
{
	vertical-align: middle;
	background: #ddd;
	display: table-cell;
	width: 100%;
	height: 100%;
}
.thumbnail span.overlay
{
  position: absolute;
  left: 7px;
  bottom: 7px;
  background: transparent url(/images/bg-overlay-video.png) no-repeat left center;
  padding-left: 20px;
  z-index: 1;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.thumbnail span.title
{
  display: block;
  margin: 0 auto;
}

.profile div a
{
  display: block;
  width: 80px;
  height: 60px;
  text-align: center;
}


/**************************************
 * Some common form styles
 */
.common-form 
{
    position: relative;
}
.common-form form
{
    border-top: dotted 1px #ccc;
    padding-top: 15px;
    font-size: 11px;
}
.common-form div.input
{
    position: relative;
    margin-bottom: 15px;
    padding-left: 102px;
}
.common-form label
{
    margin: 0;
    padding: 0;
    display: block;
    width: 100px;
    text-align: right;
    position: absolute;
    top: 4px;
    left: -5px;
    font-weight: normal;
}
.common-form .sublabel { position: absolute; top: 21px; font-size: 9px; color: #ccc;}
.common-form .input-text
{
    width: 203px;
    margin: 0;
}
.common-form input.input-cvv2, .common-form input.input-month { width: 30px;}
.common-form input.input-zip, .common-form input.input-year { width: 50px;}

.common-form .help
{
    display: block;
    color: #999;
    font-size: 9px;
    margin-top: 3px;
}


.box { position: relative; padding: 0; margin: 0 0 0 0; }
.box .top, .box .top span, .box .bottom, .box .bottom span { position: relative; display: block; background: transparent url(/images/bg-box-fff.png) no-repeat left top; font-size: 1px; height: 10px;}
.box .content { position: relative; padding: 0 10px; background: #fff; }
.box .top { height: 10px; margin-left: 10px; background-position: right top; }
.box .top span { width: 10px; margin-left: -10px; height: 0; padding-top: 10px;}
.box .bottom { margin-left: 10px; background: #fff; } /* Eachday's style is to have a non-rounded bottom right corner - otherwise this would just set the background-position: right bottom */
.box .bottom, .box .bottom span { height: 10px; font-size: 1px; }
.box .bottom span { width: 10px; margin-left: -10px; background-position: left bottom; height: 0; padding-top: 10px; }


/**************************************
 * Helpers
 */

/* Helpers to keep containers enclosing all elements */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear 
{
  display: block;
  min-height: 0;
}

/*

Actions

*/

#item-actions div
{
  float: left;
  padding: 4px;
}

#item-actions a
{
  color: #EF7A05;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 0pt !important;
  margin: 0pt 0pt 3px;
  overflow: hidden;
  padding: 30px 0pt 0pt;
  text-decoration: none;
  width: 207px;
}
#item-actions #action-collect a
{
  background: transparent url(/images/button-collect-this-memory.png) no-repeat top left;
}
#item-actions #action-share a
{
  background: transparent url(/images/button-share-this-memory.png) no-repeat top left;
}
#item-actions #action-prints a
{
  background: transparent url(/images/button-order-prints.png) no-repeat top left;
}

#item-action-collect,
#item-action-share,
#item-action-prints
{
  height: 318px;
  width: 621px;
  background: #DDDDDD;
  margin-left: 4px;
  padding: 8px;
}



#uploading-notification { background-color: #E2E5EA; padding: 2em; margin-bottom: 15px; }
#uploading-notification h1 { color: #fff; font-size: 13.5pt; font-weight: normal; }