body
{
	color: #333333;
	background-color: white;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: center;
}


/**
 * Plain Seenly Page
 */
#page
{
	width: 720px;
	margin: auto;
	text-align: left;
}

#page .content
{
	font-size: smaller;
	margin-left: 20px;
}

/**
 * FAQ
 */
li
{
	margin-bottom: 15px;
}

div.question
{
	font-weight: 700;
}

div.answer
{
	margin: 10px;
	font-size: smaller;
}


/**
 * Page Elements
 */
#seenly_top
{
	width: 790px;
	height: 80px;
	background-image: url("../img/seenly_top.png");
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#seenly_top #right_top
{
	position: relative;
	top: 20px;
	right: 70px;
	height: 25px;
	float: right;
	text-align: right;
	line-height: 1.4em;
}

#seenly_top #right_bottom
{
	position: relative;
	top: 50px;
}

#seenly_bottom
{
	color: #AAAAAA;
	font-size: smaller;
}

#seenly_bottom a
{
	color: #AAAAAA;
	margin-bottom: 10px;
}

#seenly_seenly
{
	margin: 0 auto;
}

#seenly_seenly .error
{
	color: #333333;
	width: 506px;
	height: 426px;
	margin: auto;
	background-image: url(http://fb.seenly.com/img/independent_error.png);
	background-repeat: no-repeat;
	padding-top: 140px;
}

#seenly_seenly .error a
{
	color: #000000;
}

#seenly_display
{
	background-image: url("../img/shadow_display.png");
	background-repeat: no-repeat;
	width: 500px;
	height: 380px;
	padding: 10px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;

}


#seenly_gallery
{
	background-image: url("../img/shadow_gallery.png");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height: 140px;
	padding-top: 10px;
}

.button
{
	background-image: url("../img/shadow_button.png");
	background-repeat: no-repeat;
/*	margin-left: auto;
	margin-right: auto;*/
	padding-top: 5px;
	width: 130px;
	height: 40px;
	float: left;
}

#seenly_buttonOr
{
	padding-top: 7px;
	float: left;
}


/**
 * Form Elements
 */

label
{
	font-size: 20px;
}

label.editbox_small
{
	font-size: 16px;
	color: #333;
}

input.editbox
{
	border-top: none;
	border-right: solid 1px #D0D0D0;
	border-bottom: solid 1px #D0D0D0;
	border-left: none;
	
	background: url("../img/inputbox_bg.gif");
	
	font-size: 20px;
	vertical-align: middle;
	margin: 0px 10px 25px 0px;
	padding: 4px 0px 3px 7px;
	width: 310px;
}

input.editbox_small
{
	border: 1px solid #CCCCCC;	
	font-size: 16px;
	vertical-align: middle;
	margin: 0px 5px 12px 0px;
	padding: 4px 0px 3px 7px;
	width: 200px;
}


textarea
{
	border: solid 1px #D0D0D0;
	font-size: 20px;
	width: 310px;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

textarea.editbox_small
{
	font-size: 16px;
	margin: 0px 5px 12px 0px;
	padding: 4px 0px 3px 7px;
}

a
{
	color: #000000;
	text-decoration: underline;
}


a.submitForm
{
	color: #FFFFFF;
	background-image: url("../img/bt_bg_up.gif");
	background-repeat: repeat-x;
	line-height: 20px;
	display: block;
	border: solid 1px #FF9900;
	float: right;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	position: relative;
	bottom: 20px;
}

a.submitForm:hover
{
	text-decoration: underline;
}

.error
{
	color: #DD2222;
}


/**
 * Stuff for underneath the snaps
 */

.lowfi_button
{
	margin: 10px auto;
	width: 100px;
	text-align: center;
	display: block;
	cursor: hand; cursor: pointer;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.lowfi_button:hover
{
	background-color: #CCCCCC;
}

#send_share_mail
{
	border: 1px solid #CCCCCC;
	padding: 5px 20px;
	margin: 5px 0px;
}

#send_share_mail:hover
{
	background-color: #CCCCCC;
}

.notify
{
	display: block;
	margin: auto;
	text-align: center;
	width: 400px;
	padding: 20px;
}

.copy_span
{
	text-decoration: underline;
	cursor: hand; cursor: pointer;
}

.code_box
{
	width: 350px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

#do_tabs
{
	width: 450px;
	margin: 15px auto;
	border-top: 1px solid #CCCCCC;
}

#do_tabs .tab
{
	text-decoration: none;
	margin: 5px;
	padding: 3px 6px;
	position: relative;
	top: 3px;
	border: 1px solid #CCC;
}

#do_tabs .selected
{
	text-decoration: none;
	margin: 5px;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
	padding: 3px 6px;
	position: relative;
	top: 3px;
}

#do_tabs .tab:hover
{
	cursor: hand; cursor: pointer;
	background-color: #DDDDDD;
}




/**
 *  Regular Stuff
 */
.show_photo
{
	background-image: url("../img/shadow_display.png");
	padding: 10px;
	width: 480px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
}

/**
 * Gallery
 */
#gallery
{
	width: 654px;
	margin: 0px auto auto;
}

* html #gallery
{
	wid\th:660px;		/* IE6 ONLY */
}

#gallery .preview_photo 
{
	height: 200px;
	float: left;
	margin: 5px;
}

#gallery .loader_small
{
	margin-top: 10px;
}

#gallery a
{
}

#gallery .photo
{
	background-image: url("../img/shadow_medium.png");
	padding: 4px;
	border: none;
}

#gallery .photo_delete
{
	text-decoration: underline;
	cursor: hand; cursor: pointer;
}



#gallery .yes
{
	cursor: hand; cursor: pointer;
	text-decoration: underline;
	background-color: red;
}

#gallery .no
{
	cursor: hand; cursor: pointer;
	text-decoration: underline;
	background-color: #ffe88c;
}
