body
{
	/*background: #D9D6CF;*/
	background: #D6E8F3;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
form { margin: 0px; padding: 0px; }
a { color: #241F8B; text-decoration: none; cursor: pointer; }
img { border: 0px; }

/* Common Items */

.f10 { font-size: 10px; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; }
.f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 28px; }
.f30 { font-size: 30px; } .f32 { font-size: 32px; } .f34 { font-size: 34px; } .f36 { font-size: 36px; } .f38 { font-size: 38px; }
.b { font-weight: bold; } .i { font-style: italic; } .u { text-decoration: underline; }
.c { text-align: center; }
.fl { float: left; } .fr { float: right; }
.pad { padding: 1px; } .pad2 { padding: 2px; } .pad3 { padding: 3px; } .pad4 { padding: 4px; }
.h20 { height: 20px; } .h22 { height: 22px; } .h24 { height: 24px; } .h26 { height: 26px; } .h28 { height: 28px; }
.clear { clear: both; }


/* Container */

.wrap
{
	border-left: 1px solid #5F6B88;
	border-right: 1px solid #5F6B88;
	border-bottom: 1px solid #5F6B88;
	width: 1000px;
	margin: 0 auto;
	background: #FFFFFF;
}

.header
{
	border-bottom: 1px solid #5F6B88;
	padding: 3px;
	font-size: 32px;
}

.bar
{
	border-bottom: 1px solid #5F6B88;
	background: #227FB5;
}

.menu span
{
	float: left;
	border: 1px solid #5F6B88;
	min-width: 70px;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: -1px;
	padding: 5px;
	/*background: #9FC6DF;*/
	background: #227FB5;
	font-family: arial;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}

.menu span:hover
{
	/*background: #5274A3;*/
	background: #3D6398;
}

.menu span a
{
	color: #FFFFFF;
}

.submenu span
{
	float: right;
	border: 1px solid #5F6B88;
	min-width: 70px;
	margin-top: -1px;
	margin-right: -1px;
	margin-bottom: -1px;
	padding: 5px;
	background: #3D6398;
	font-family: arial;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}

.submenu span:hover
{
	background: #227FB5;
}

.submenu span a
{
	color: #FFFFFF;
}

.search_box
{
	border-bottom: 1px solid #5F6B88;
	margin-bottom: 10px;
	padding: 1px;
}

.ad
{
	width: 728px;
	margin: 0 auto;
}

.main
{
	padding: 15px;
}

.description
{
	border: 1px solid #5F6B88;
	margin-bottom: 15px;
	padding: 3px;
}

/* Table Colors */

.color_border
{
	background: #5F6B88;
}

.color_header
{
	background: #227FB5;
	color: #FFFFFF;
}

.color_header a
{
	color: #EED202;
	font-weight: bold;
}

.color_column
{
	background: #FFFFFF;
}

.color_post
{
	background: #F3F3F3;
}

/* Border */

.border { border: 1px solid #5F6B88; }
.border_top { border-top: 1px solid #5F6B88; }
.border_left { border-left: 1px solid #5F6B88; }
.border_right { border-right: 1px solid #5F6B88; }
.border_bottom { border-bottom: 1px solid #5F6B88; }

/* Common Div Container */

.page
{
	border: 1px solid #5F6B88;
	margin-bottom: 15px;
}

.page .title
{
	border-bottom: 1px solid #5F6B88;
	margin-bottom: 1px;
	padding: 3px;
	background: #227FB5;
	color: #FFFFFF;
}

.page .title a
{
	color: #EED202;
	font-weight: bold;
}

.page .error_title
{
	border-bottom: 1px solid #5F6B88;
	margin-bottom: 1px;
	padding: 3px;
	background: #E91F30;
	color: #FFFFFF;
}

.page .content
{
	padding: 3px;
}

/* Image Result Boxes */

.result
{
	float: left;
	width: 183px;
	height: 220px;
	margin-left: 7px;
	text-align: center;
}

.result .box
{
	border: 1px solid #5F6B88;
	width: 180px;
	height: 180px;
}

/* Image View Page Layout */

.public_view_left
{
	float: left;
	width: 655px;
}

.public_view_right
{
	float: left;
	width: 300px;
	margin-left: 15px;
}

.image_favorite
{
	border: 0px;
	width: 16px;
	height: 16px;
	margin-top: -2px;
	background: transparent url('/images/star.gif') no-repeat scroll 0 0;
	cursor: pointer;
}

.image_favorite.false:hover
{
	background-position: 0 -32px;
}

.image_favorite.true
{
	background-position: 0 -32px;
}

/* Comments */

#comments_log_none
{
	padding: 4px;
}

.comment .who
{
	padding: 1px;
}

.comment .who .delete
{
	float: right;
	color: #FF0000;
	font-size: 12px;
}

.comment .text
{
	border-bottom: 1px solid #818382;
	padding: 4px;
}

#comment_viewmore
{
	padding: 4px;
	font-size: 15px;
	text-align: center;
	display: none;
}

/* Album Widget */

.album_widget
{
	border-top: 1px solid #5F6B88;
	border-bottom: 1px solid #5F6B88;
}

.album_widget .left
{
	float: left;
	width: 18px;
	height: 130px;
	padding-top: 125px;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
}

.album_widget .left:hover
{
	background: #227FB5;
	color: #FFFFFF;
}

.album_widget .middle
{
	float: left;
	border-left: 1px solid #5F6B88;
	border-right: 1px solid #5F6B88;
	width: 260px;
	height: 260px;
}

.album_widget .middle div
{
	float: left;
	width: 120px;
	padding: 5px;
}

.album_widget .right
{
	float: left;
	width: 18px;
	height: 130px;
	padding-top: 125px;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
}

.album_widget .right:hover
{
	background: #227FB5;
	color: #FFFFFF;
}

/* Me */

#me_layout_left
{
	float: left;
	width: 200px;
	margin-left: 15px;
}

#me_layout_right
{
	float: left;
	width: 785px;
}

#me_cp
{
	border: 1px solid #818382;
	padding: 4px;
	background: #FFFFFF;
}

#me_cp a
{
	color: #2429A3;
}

#me_albums_cp
{
	height: 200px;
	overflow: auto;
}

#me_image_cp
{
	border: 1px solid #818382;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 4px;
	background: #FFFFFF;
}

#me_image_cp a
{
	color: #2429A3;
}

.favorite_result
{
	float: left;
	width: 177px;
	height: 227px;
	margin-left: 7px;
	text-align: center;
}

.favorite_result .box
{
	border: 1px solid #5F6B88;
	width: 177px;
	height: 177px;
}

/* User Profile */

.user_album_result
{
	float: left;
	width: 228px;
	min-height: 100px;
	margin-top: 10px;
	margin-left: 11px;
	text-align: center;
}

.user_album_result .images
{
	margin-top: 5px;
}

.user_album_result .images .image
{
	float: left;
	width: 57px;
}

/* Abilities: Crop */

#visual_crop { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; cursor: move; }

#resize_tl { position: absolute; top: -1px; left: -1px; width: 3px; height: 3px; cursor: nw-resize; z-index: 100; }
#resize_tr { position: absolute; top: -1px; right: -1px; width: 3px; height: 3px; cursor: ne-resize; z-index: 100; }
#resize_bl { position: absolute; bottom: -1px; left: -1px; width: 3px; height: 3px; cursor: sw-resize; z-index: 100; }
#resize_br { position: absolute; bottom: -1px; right: -1px; width: 3px; height: 3px; cursor: se-resize; z-index: 100; }

#resize_t { position: absolute; top: -1px; left: 2px; width: 3px; height: 3px; cursor: n-resize; z-index: 100; }
#resize_l { position: absolute; top: 2px; left: -1px; width: 3px; height: 3px; cursor: w-resize; z-index: 100; }
#resize_r { position: absolute; top: 2px; right: -1px; width: 3px; height: 3px; cursor: e-resize; z-index: 100; }
#resize_b { position: absolute; bottom: -1px; left: 2px; width: 3px; height: 3px; cursor: s-resize; z-index: 100; }

#visual_fog_top { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background: #000000; opacity:0.7; filter:alpha(opacity=70); }
#visual_fog_left { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background: #000000; opacity:0.7; filter:alpha(opacity=70); }
#visual_fog_right { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background: #000000; opacity:0.7; filter:alpha(opacity=70); }
#visual_fog_bottom { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background: #000000; opacity:0.7; filter:alpha(opacity=70); }

/* Etc */

.footer
{
	border-top: 1px solid #5F6B88;
	padding: 2px;
	font-size: 12px;
}

.footer .float
{
	float: left;
	min-width: 100px;
	margin-right: 5px;
}

.footer .float .u
{
	text-decoration: underline;
	font-size: 13px;
}

.footer .float a
{
	display: block;
}

.help
{
	border: 1px dotted #5F6B88;
	padding: 1px 4px;
	background: #EDDA71;
	cursor: pointer;
}

.help_container
{
	position: fixed;
	border: 1px solid #5F6B88;
	width: 300px;
	min-height: 150px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -75px;
	background: #FFFFFF;
	z-index: 9999;
}

.help_container .title
{
	border-bottom: 1px solid #5F6B88;
	padding: 4px;
	background: #DEDAD0;
}

.help_container .body
{
	padding: 4px;
}

.zata_pagination
{
	border: 1px solid #5F6B88;
	width: 100%;
	margin: 0 auto;
	margin-top: -1px;
	margin-bottom: -1px;
	background: #227FB5;
	color: #FFFFFF;
}

.zata_pagination a
{
	color: #EED202;
	font-weight: bold;
}

.zata_table
{
}

.png
{
	border: 0px;
	cursor: pointer;
}

.message
{
	border: 1px solid #5F6B88;
	margin-bottom: 15px;
	padding: 4px;
	background: #38C33C;
}

.popup
{
	position: fixed;
	border: 1px solid #5F6B88;
	width: 300px;
	height: 150px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -75px;
	background: #FFFFFF;
	z-index: 10000;
}

.popup .title
{
	border-bottom: 1px solid #5F6B88;
	padding: 3px;
	background: #227FB5;
	color: #FFFFFF;
}

.popup .body
{
	padding: 4px;
}

.body_header
{
	padding: 0 0 5px 5px;
	font-size: 18px;
}

.sortable_nostyle
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sortable_nostyle li
{
	margin: 0px;
	padding: 0px;
}

/* Forum */

.forum_description
{
	margin-top: -3px;
	padding: 0 0 5px 7px;
	font-size: 12px;
}

.poll_background
{
	background: #227FB5;
}

.spoiler_openclose
{
	margin-top: 3px;
	margin-left: 10px;
	color: #0000F0;
	cursor: pointer;
}

.spoiler_div
{
	border: 1px solid #547573;
	margin-top: 3px;
	padding: 5px;
}

.quote
{
	border: 1px solid #547573;
	margin-left: 10px;
	padding: 5px;
}

.quote_by
{
	margin-left: 15px;
	margin-bottom: 2px;
}

.nav
{
	border: 1px solid #5F6B88;
	margin-top: -9px;
	margin-bottom: 8px;
	padding: 3px;
	background: #227FB5;
}

.nav a
{
	color: #FFFFFF;
}