/* @override 
	http://junes2.local/css/cms.css
	http://signboard40.local/css/cms.css
*/

@import url(../../css/style.css);
@import url(lightbox.css);

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/*-------------- yay ----------------*/
body, html {
	margin: 0px;
	height: 100%;
}

input.fullwidth {
	width: auto;
}
textarea.fullwidth {
	width: 90%;
}

#flash {
	width: 90%;
	padding: 4px;
	border: 2px solid #adadad;
	background-color: #f3f3f3;
	margin: 1px auto 1px auto;
	text-align: center;
}

#admin-main_box {
	display:block;
	width: 700px;
	text-align: left;
	height: 100%;
	border-left: 3px solid gray;
	border-right: 3px solid gray;
}

#admin_table tr.even {
	background-color: #ffe4a5;
}

/* @group #admin_menu */

#admin-menu {
	display: block;
	clear:  both;
	background-color: #fff;
	background-image: url(/index_img/h_logo.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 45px;
}

#admin-menu span.title {
	display: block;
	float: right;
	position: relative;
	color: #c55;
	font-size: 12px;
	position: relative;
	top: 30px;
	right: 10px;
	font-weight: bold;
}

A.admin-menu-but {
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ddd;
	color: #333;
	font-weight: bold;
	border: 1px outset #777;
}
A.admin-menu-but:hover {
	background-color: #eee;
}

/* @end */

#admin-title {
	display: block;
	clear: both;
	background-color: #d6e0ff;
}

#admin-content {
	display: block;
	clear:  both;
	background-color: #fff;
	border: 1px solid gray;
	padding-left: 10px;
	padding-right: 10px;
}

span.picture_justmarried {
	float: left;
	width: 55px;
	height: 78px;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ddd;
	border-left:1px solid #ddd;
}

span.picture_dress {
	float: left;
	width: 48px;
	height: 76px;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ddd;
	border-left:1px solid #ddd;
}

span.picture_special_admin {
	float: left;
	width: 66px;
	height: 50px;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ddd;
	border-left:1px solid #ddd;
}

span.picture_special {
	float: left;
	width: 45px;
	height: 33px;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ddd;
	border-left:1px solid #ddd;
}

span.picture_special_desc, span.picture_special_desc_admin {
	float: left;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ddd;
	border-left:1px solid #ddd;
}

span.picture_album {
	float: left;
	width: 95px;
	height: 47px;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ddd;
	border-left:1px solid #ddd;
}

span.picture_content {
	display: block;
}
span.picture_delete {
	width: 16px;
	height: 16px;
	position: relative;
	top: -17px;
	left:-14px;
}
span.picture_delete_special {
	width: 16px;
	height: 16px;
	position: relative;
	top: -17px;
	left:0px;
}

#kiji_box2 img {
	border: 1px solid #bbb;
}

#kiji_thumbs {
	display:block;
	clear: both;
	height: 255px;
}
#kiji_thumbs_dress {
	display:block;
	clear: both;
}

#index_box {
	height: 130px;
	display:block;
	width: 100%;
	clear: both;
}

span.admin-subhead {
	display: block;
	width: 100%;
	background-color: #c7c8ff;
	clear: both;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-top:10px;
}

#admin-main_box td.footer {
	background-color: #9f9;
	text-align: center;
}

#admin-main_box td.alert {
	background-color: #f99;
	text-align: center;
}

span.admin-subfooter {
	display: block;
	width: 100%;
	background-color: #99F;
	clear: both;
	margin-top: 4px;
	margin-bottom: 4px;
}

a.admin-bigbutton {
	display: block;
	width:  400px;
	font-size: 18px;
	text-align: center;
	padding: 3px;
	background: #3c34b0;
	color: #ffffff;
	margin: 10px;
	border: 1px outset #29257e;
	text-decoration: none;
}

a.admin-bigbutton:hover {
	background: #534aff;
}
a.admin-bigbutton:active {
	background: #534aff;
	border: 1px inset #29257e;
}

span.tabs {
	display: block;
	width:  100%;
	height: 27px;
	border-bottom: 1px solid black;
}

span.tabs a {
	color: black;
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 1px;
	border: 1px outset gray;
}

span.tabs a.active {
	background-color: #ffee5a;
}

span.tabs a.passive {
	background-color: #ccc;
}

#loadWheel {
	display: block;	
	width: 32px;
	height:32px;
	border: none;
	position: absolute;
	top: -50px;
	left: -50px;
}

#index_nav {
	display:block;
	clear: both;
}
#index_nav a img {
	border: none;
}


span.kiji-fair * {
	font-size: 12px;
	margin: 4px;
}
span.kiji-fair ul {
	list-style:none;
	margin: 0px;
	padding:0px;
}
span.kiji-fair ul li {
	list-style:none;
	background-image: url(/fea/NEW_IMAGE/01.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	padding: 0px 8px 5px 22px;
	vertical-align: top;
	display: block;
	background-position: 8px 5px;
	margin-left: 0px;
}

span.kiji-voice * {

	margin: 4px;
}
span.kiji-voice ul {
	list-style:none;
	margin: 0px;
	padding:0px;
}
span.kiji-voice ul li {
	list-style:none;
	background-image: url(/voice/NEW_IMAGE/01.gif);
	background-repeat: no-repeat;

	padding: 0px 8px 5px 22px;
	vertical-align: top;
	display: block;
	background-position: 8px 5px;
	margin-left: 0px;
}


a.category_menu {
	display: block;
	width:  200px;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	background: #3c34b0;
	color: #ffffff;
	margin-bottom: 3px;
	border: 1px outset #29257e;
	text-decoration: none;
}
a.category_menu_on {
	display: block;
	width:  200px;
	font-size: 12px;
	text-align: center;
	padding: 3px;
	background: #fffc73;
	color: #000;
	margin-bottom: 3px;
	border: 1px outset #29257e;
	text-decoration: none;	
}

a.category_menu:hover {
	background: #534aff;
}
a.category_menu:active {
	background: #534aff;
	border: 1px inset #29257e;
}

span.div10 {
	display:block;
	width: auto;
	height: 10px;
	clear:both;
}

span.admin-head1 {
	display:block;
	width: auto;
	text-align:center;
	font-weight:bold;
	background-color:#ddd;
	border:1px solid #444;
}

span.admin-head2 {
	display:block;
	width: auto;
	text-align:center;
	background-color:#eee;
	border:1px solid #444;
}

#kiji-voice-nav{
	margin-top:0px;
	padding:0px;
	background-color: #ffffff;
	text-align: right;
	display: block;
	float:right;
	height:24px;
}

#kiji-voice-nav .active{
	margin: 0px;
	padding: 2px;
	background-color: #f6629a;
	color: #ffffff;
	border-left: 1px dotted #A0BFE2;
}

#kiji-voice-nav a:link, #kiji-voice-nav a:visited {
	margin: 0px;
	padding: 2px;
	background-color: #ffffff;
	color: #f6629a;
	border-left: 1px dotted #A0BFE2;
	list-style:none;
}

#kiji-voice-nav a:hover, #kiji-voice-nav a:active {
	margin: 0px;
	padding: 2px;
	background-color: #ffffff;
	color: #f6629a;	
	border-left: 1px dotted #A0BFE2;
	list-style:none;
}

table.dm_userlist {
	width: 100%;
	border-collapse: collapse;
	margin-top:  10px;
	margin-bottom: 10px;
	font-size: 11px;
}
table.dm_userlist input {
	font-size: 11px;
}
table.dm_userlist th {
	background-color:  #ddd;
	border: 1px solid #666;
}
table.dm_userlist td {
	border: 1px solid #666;
}

table.admin_catTable {
	border: 1px solid blue;
	width: 100%;
}
table.admin_catTable .level_0 {
	background-color: #ffe8be;
}
table.admin_catTable .level_1 {
	background-color: #eeeeee;
}

.admin_sidemenu {
	margin-right: 5px;
}
.admin_sidemenu ul {
	padding-left: 10px;
	list-style: none;
	margin: 0px;
}

.admin_sidemenu a {
	display: block;
	padding: 3px 5px 3px 10px;
	background: url(/img/icons/menuitem.gif) 0% 50% no-repeat;	
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	color: #222;
	font-size: 11px;
	font-weight: bold;
}
.admin_sidemenu a:hover {
	background-color: #eee;
}
.admin_sidemenu a.current {
	background-color: #fcffc1;
}

tr.row1 {
	background-color: #fff;
}
tr.row2 {
	background-color: #eee;
}

.mini-header {
	background-color: #feebaf;
	font-size: 1.2em;
	font-family: sans-serif;
	font-weight: bold;
	border: 1px solid #de8d17;
	padding: 5px;
}

.upload-header {
	background-color: #eee;
	border: 1px solid #999;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

.save_area {
	padding: 5px;
	background-color: #cfc;
	border: 1px solid #aaa;
}

.admin_photobook {
	clear: both;
	width: 700px;
}
.admin_photobook .item {
	float: left;
	width: 90px;
	height: 120px;
	position: relative;
	margin: 2px;
	border: 1px solid #555;
}
.admin_photobook .item img {
	position:absolute;
}
.admin_photobook .item span {
	position: absolute;
	bottom: 18px;
	right: 18px;
}
.admin_photobook .drag {
	background: url(../images/order.gif);
	width: 39px;
	height: 20px;
	position: absolute;
	text-indent: -9000px;
	right: 0px;
	top: 0px;
	cursor: move;
}
.admin_photobook a.remove {
	width: 64px;
	height: 27px;
	display: block;
	background: url(/images/prof_remove.png);
	text-indent: -9000px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.admin_photobook a.add {
	width: 64px;
	height: 27px;
	display: block;
	background: url(/images/prof_add.png);
	text-indent: -9000px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}


/* @group popup calendar */
	input.TESTcpYearNavigation {
		background-color: #fff;
		color: #000;
	}
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation
			{
			background-color: #001fdb;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.TESTcpDayColumnHeader,
	.TESTcpYearNavigation,
	.TESTcpMonthNavigation,
	.TESTcpCurrentMonthDate,
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDate,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDate,
	.TESTcpCurrentDateDisabled,
	.TESTcpTodayText,
	.TESTcpTodayTextDisabled,
	.TESTcpText
			{
			font-family:arial;
			font-size:8pt;
			}
	TD.TESTcpDayColumnHeader
			{
			text-align:right;
			border:solid thin #6677DD;
			border-width:0px 0px 1px 0px;
			}
	.TESTcpCurrentMonthDate,
	.TESTcpOtherMonthDate,
	.TESTcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.TESTcpCurrentMonthDateDisabled,
	.TESTcpOtherMonthDateDisabled,
	.TESTcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.TESTcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			background: #FFFFFF;
}
	.TESTcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.TESTcpOtherMonthDate
			{
			color:#808080;
			}
	TD.TESTcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #001fdb;
			border-width:1px;
			border:solid thin #000000;
			}
	TD.TESTcpCurrentDateDisabled
			{
			border-width:1px;
			border:solid thin #FFAAAA;
			}
	TD.TESTcpTodayText,
	TD.TESTcpTodayTextDisabled
			{
			border:solid thin #6677DD;
			border-width:1px 0px 0px 0px;
			}
	A.TESTcpTodayText,
	SPAN.TESTcpTodayTextDisabled
			{
			height:20px;
			}
	A.TESTcpTodayText
			{
			color: #001fdb;
			font-weight: bold;
}
	SPAN.TESTcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.TESTcpBorder
			{
			border:solid thin #6677DD;
			}
/* @end */

/* @group #admin_table */

#admin_table, .admin_table {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: separate;
	border-spacing: 4px;
	margin-bottom: 20px;
}
#admin_table th, .admin_table th {
	text-align: left;
	font-weight: bold;
	background-color: #ffe7e1;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border: 1px solid #fc6;
}
#admin_table tr, .admin_table tr {
	border-bottom: 1px solid #eee;	
}
#admin_table th.bighead,
.admin_table th.bighead {
	font-size: 1.4em;
	text-align: center;
	background-color: #ffaa23;
	color: #fff;
	border: 1px solid #ff9600;
}

#admin_table tr.row1 {
	background-color: #ffe598;
}

#admin_table tr.row2 {
	background-color: #f1ffe3;
}

#admin_table td {
	vertical-align: top;
	text-align: left;
	padding: 2px;
}
#admin_table input.large {
	font-size: 1.4em;
	width: 99%;
}

#admin_table textarea {
	width: 80%;
	height: 500px;
}
#admin_table textarea.normal {
	width: auto;
	height: auto;
}

#admin_table textarea.bigger {
	width: 99%;
	height: 200px;
}
#admin_table textarea.profilemce {
	width: 99%;
	height: 200px;
}
#admin_table .submit, #admin_table .submit a {
	padding: 3px;
	background-color: #fff0da;
	text-align: center;
	color: #c00;
}
#admin_table label {
	font-size: 12px;
	font-weight: bold;
	
	padding: 1px 1px 1px 14px;
	background: url(/images/admin/labelarrow.gif) 0% 50% no-repeat;
	color: #cf0e0d;
}
#admin_table span.dot {
	color: #cf0e0d;
	background: url(/images/admin/itemdot.gif) 0% 50% no-repeat;
	padding-left: 12px;
	margin-left: 2px;
}

#admin_table .redback {
	background-color: #fcc;
}

#admin_table a img {
	border: none;
}

#admin_table td.centered {
	text-align: center;
}


span.admin-header {
	display: block;
	text-align: right;
	font-size: 16px;
	border-bottom: 2px solid black;
	background-color: #eee;
	height: 30px;
}

span.admin-save {
	display: block;
	margin-top: 10px;
	padding: 4px;
	background-color: #9fffb0;
	border: 1px solid darkgreen;
	text-align: center;
	margin-bottom: 10px;
}

span.admin-delete {
	display: block;
	margin-top: 10px;
	padding: 4px;
	background-color: #ffb3b3;
	border: 1px solid darkred;
}

#admin-profile-menu {
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	font-color: #444;
	height: 22px;
	padding: 0px;
	border-bottom: 5px solid #e6ab00;
}
#admin-profile-menu li {
	float: left;
	margin: 1px;
}
#admin-profile-menu li.list {
	float: right;
}
#admin-profile-menu li.list a {
	background-color: #4a22ff;
	color: #fff;
}

#admin-profile-menu a {
	color: #444;
	text-decoration: none;
	padding: 6px 10px;
	background-color: #cfd5ff;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #888;
}
#admin-profile-menu li a:hover {
	background-color: #fffc9e;
	color: #444;
}
.a-profile #admin-profile-menu a.profile,
.a-schedule #admin-profile-menu a.schedule,
.a-photobook #admin-profile-menu a.photobook {
	background-color: #ffd246;
}


/* @end */



#pagenav {
	width: 90%;
	margin: auto;
	font-size: 14px;
	text-align: center;
	overflow: auto;
}
#pagenav a,
#pagenav span {
	padding: 3px 5px;
	border: 1px solid #393;
	margin: 2px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
}

#pagenav span, #pagenav a:hover {
	background-color: #262;
	color: #fff;
}
#pagenav a {
	background-color: #cfc;
}


body#blogadmin {
	background: #fffbdd url(../img/sb2009/shared/bg.gif) 50% 0% repeat-x;
}

#blogadmin .blogheader {
	width: 600px;
	margin: auto;
	margin-top: 20px;
	height: 80px;
	position: relative;
}
#blogadmin .blogheader .person {
	color: #c4321b;
	font-size: 28px;
	font-weight: bold;
	text-align: right;
}
#blogadmin .blogheader .person span {
	font-size: 16px;
	color: #777;
}
#blogadmin .blogheader .nav {
	position: absolute;
	bottom: 0px;
	border-bottom: 1px solid #c4321b;
	width: 100%;
}
.nav a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	text-align: center;
	float: left;
	margin-right: 10px;
	color: #c4321b;
	text-decoration: none;
	font-weight: bold;
	background: #ffe6af;
}
.nav a:hover {
	background: #ffca56;
}
#blogadmin .content {
	width: 600px;
	margin: auto;
	background: #fffefd url(../img/sb2009/shared/main_bg.gif) no-repeat 0 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#blogadmin .content h2 {
	margin: 20px 30px;
	color: #c4321b;
	font-weight: normal;
	font-size: 30px;
	text-align: center;
}
#blogadmin .content .footer {
	font-size: 10px;
	text-align: center;
	line-height: 1.5em;
	margin-top: 40px;
	color: #777;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}

#blogadmin #admin-content {
	border: none;
	background: none;
}

#blogadmin .caption {
	margin-left: 40px;
	margin-top: 5px;
	padding: 5px;
	background: #eee;
	border: 1px solid #ccc;
	font-size: 11px;
}

div.div10 {
	height:10px;
	line-height:10px;
	clear:both;
}

.selector_box {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0px;
	text-align: center;
}




a.twitter_auth {
	display: block;
	width: 400px;
	margin: 10px auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #fff 1px 1px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 2px outset #6f0;
	background-color: #7dfd7b;
  color:#555;
  text-decoration: none;
}
a.twitter_auth:hover {
	background-color: #bbfcba;
}
a.twitter_auth:active {
	border-style: inset;
}


.profile_items_holder {
	width: 300px;
	margin: auto;
	margin-bottom: 40px;
}

.profile_items_holder .item {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	height: 25px;
}
.profile_items_holder .drag {
	float: left;
	width: 39px;
	height: 20px;
	margin-right: 10px;
	background: url(../images/order.gif);
	text-indent: -9000px;
	cursor: move;
}
.profile_items_holder form {
	float: left;
	margin-right: 10px;
}
.profile_items_holder .del {
	float: right;
	padding-top: 2px;
}
.profile_items_holder .del a {
	display: block;
	height: 18px;
	border: 1px outset #f60;
	padding: 0px 10px;
	border-radius: 4px;
	line-height: 20px;
	background: #fc0;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	
}


#admin_table .pbook_application .banner {
	background: #777;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}
#admin_table .pbook_application td {
	text-align: center;
}


/* 2012 addition */

#jpro_order_list {
	width: 530px;
	margin: auto;
	overflow: auto;
	padding-left: 20px;;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 10px solid #eee;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
#jpro_order_list.ok {
	border: 10px solid #2f2;
	background: #afa;
}
#jpro_order_list .item {
	width: 165px;
	height: 202px;
	margin-right: 6px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	background: url(../img/sb2012/jpro_list_frame.png);
}

#jpro_order_list .item img {
	margin-left: 6px;
	margin-top: 6px;
}
#jpro_order_list .item .name {
	position: absolute;
	left: 10px;
	top: 158px;
}
#jpro_order_list .item b {
	color: #000;
	display: block;
	font-size: 13px;;
}
#jpro_order_list .item i {
	font-style:  normal;
	font-weight: normal;
}
#jpro_order_list .item .personlink {
	width: 165px;
	height: 202px;
	z-index: 10;
	display: block;
	text-indent: -9000px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
}
#jpro_order_list .item .personlink:hover {
	background: url(../img/sb2012/white10.png);
}

.links_list {
	width: 650px;
	margin: auto;
}
.links_list .item > div {
	float: left;
	margin-left: 6px;
}

.links_list .item {
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;;
	clear: both;
	width: 650px;
	height: auto;
	overflow: auto;
}
.links_list .item .handle {
	background: url(/images/order.gif) no-repeat;
	cursor: move;
}

table#links_side,
table#links_bottom {
	border-spacing: 5;
}

#links_side, #links_bottom {
	border: 10px solid #eee;
	-webkit-transition: all 0.5s ease-in-out 0s;
}

#links_side.ok, #links_bottom.ok {
	border: 10px solid #2f2;
	background: #afa;
}