/*  Copyright (c) 2008 ARK-Web Co.,Ltd. */


/* ============== common elements ============== */

h3{
	margin-bottom: 0.5em;
}

input[type=checkbox],
input[type=radio]{
	margin-right:5px;
	vertical-align:middle;
}

.dialog-close{
	color: #666;
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 2px 4px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	text-align: center;
	border-radius: 50%;
	line-height: 1;
	vertical-align: middle;
}
.dialog-close:before{
	font-family: FontAwesome;
	font-size: 120%;
	content: "\f00d";
}
.dialog-close:hover{
	color: #000;
	background-color: #ccc;
}

.ui-draggable{
	cursor: move;
}

#main {
    padding: 1em;
}
.has-related-content #main-content {margin-top: 20px;}
.title.page {margin-bottom: 20px;}
#entry-nav ul {float: right;}
#previous-link a,#previous-link span{padding-left:14px;background:url(images/arrow-left-gray.gif) no-repeat left center;}
#previous-link a{background-image:url(images/arrow-left-blue.gif);}
#previous-link a:hover{background-image:url(images/arrow-left-green.gif);}
#next-link a,#next-link span{padding-right:14px;background:url(images/arrow-right-gray.gif) no-repeat right center;}
#next-link a{background-image:url(images/arrow-right-blue.gif);}
#next-link a:hover{background-image:url(images/arrow-right-green.gif);}

.notice li{
	margin-left: 1em;
	text-indent: -1em;
}

fieldset{
	clear:both;
}
.clear{
	clear:both;
}
.listing-filter{
	display:none;
}
span.aform-field-value-label{
	margin-right:1em;
}

#entry-nav{
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}
#entry-nav ul li{
	float:left;
	margin-left:1em;
}

#aform-field-editor-header{
	margin-bottom:15px;
	border-bottom:2px solid #fff;
}
#aform-field-editor-header ul{
	margin-bottom:0;
}
#aform-field-editor-header .ui-tabs-nav li{
	font-size:110%;
}
#aform-field-editor-header ul li.selected-tab{
	font-weight:bold;
}

/* ============== edit_aform_field ============== */

#field-edit-field{
	margin-top:-17px;
	margin-bottom: 20px;
	min-height:100px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-right:1px solid #C8C2BE;
	border-left:1px solid #C8C2BE;
	border-bottom:1px solid #C8C2BE;
}

.aform-field-block-active {
    clear: both;
    background: #ecf19d;
    margin: 0px 0 30px 0;
    padding: 10px;
    border:1px solid #fff;
	zoom:1;
}

.aform-field-block {
    clear: both;
    background: #eeeeee;
    margin: 0px 0 30px 0;
    padding: 10px;
    border:1px solid #e0e0e0;
	zoom:1;
}

.aform-field-necessary {
    margin: 10px;
}

.aform-field-copy {
    margin: 10px;
}

.aform-field-delete {
    margin: 10px;
}

.aform-field-move-up {
    margin: 10px;
}

.aform-field-move-down {
    margin: 10px;
}

.aform-field-edit-value-label {
    margin: 5px;
}

.aform-field-delete-value {
    margin: 5px;
}

.field-edit-field {
	padding:35px;
/*	background-color:#EFF5DB;*/
	background-color:#fff;
}

#aform-field-editor{
	margin-bottom: 15px;
	overflow:hidden;
	zoom:1;
}

#aform-config-form fieldset{
/*	border:1px solid #C1C790;*/
}

/* ============== list_aform ============== */

/* create_aform */

#create_aform_body #container,
#create_aform_body #container #content{
	height: auto;
}
#create_aform_body .actions-bar{
	height: auto;
	position: relative;
}
#create_aform_body #container fieldset{
	margin-bottom:0;
}

/* ============== edit_aform_field ============== */

.aform-field-block{
/*	background: #eee url(images/24-tool-a.png) 99% 5px no-repeat;
	background: #eee url(../../images/action-bullet.gif) 99% 5px no-repeat;*/
	background: #eee;
}
.aform-field-block:after,
.aform-field-block-active:after{
	clear:both;
	content:".";
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin-top:-1px;
}

#field-edit-field .aform-field-block *:last-child{
	margin-bottom: 0;
}

#field-edit-field ul li{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
#field-edit-field ul.labelEdit{
	margin-bottom:0.5em;
	float: left;
	width: 55%;
}
#field-edit-field ul.blockPartsId li{
	display:inline-block;
	float: none;
}
#field-edit-field ul.blockUploadSize,
ul.blockMaxLength,
ul.blockParameterName,
ul.blockShowParameter{
	padding-top: 5px;
	clear: both;

}


#field-edit-field ul.labelEdit li.aform-field-label{
/*	padding-left: 15px;
	background: url(images/icons/arrow_vertical.gif) 0 0.3em no-repeat;
*/
	font-size: 110%;
}
#field-edit-field ul.labelEdit li.aform-field-label:before{
	font-family: FontAwesome;
	font-size: 120%;
	content: "\f047";
	display: inline-block;
	margin-right: 5px;
}

#field-edit-field ul.blockEdit{
	float:right;
	width: auto;
}
#field-edit-field ul.blockInputExample{
	clear:both;
	width:100%;
	overflow:auto;
}
#field-edit-field p{
	margin:0.5em 0;
	float:none;
	clear:both;
}
#field-edit-field a{
	background-repeat: no-repeat;
}

.field-edit-field input[type="text"], 
.field-edit-field input[type="password"]{
	width: 28em;
	margin: 5px 0;
}
#field-edit-field textarea{
	width: 28em;
	min-height: 5em;
}
#field-edit-field select{
	height: auto;
}
#field-edit-field input.aform-field-name-last,
#field-edit-field input.aform-field-name-first,
#field-edit-field input.aform-field-kana-last,
#field-edit-field input.aform-field-kana-first{
	width: 120px;
	margin-right:10px;
	margin-left:5px;
}



/* labelEdit */
ul.labelEdit li a{
	display:block;
	white-space:nowrap;
	line-break:break-all;
}
li.aform-field-label{
	font-weight: bold;
	float:none;
	display:block;
}
li.aform-field-edit-label a{
/*	background-image: url(images/icons/tag.gif);*/
}

li.aform-field-necessary a{
	color: #fff !important;
	padding: 0 2px;
	background:#900;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
li.aform-field-necessary a:hover{
	background:#600;
}
li.aform-field-not-necessary a{
	color: #fff !important;
	padding: 0 2px;
	background:#999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
li.aform-field-not-necessary a:hover{
	background:#666;
}
li.aform-field-necessary-fix a{
	color: #fff !important;
	padding: 0 14px 0 2px;
	background:#900 url(images/icons/lock_y.gif) 98% 50%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
li.aform-field-necessary-fix a:hover{
	background-color:#600;
}

span.aform-field-add-value a{
	padding-left:15px;
	background: url(images/icons/plus.gif) 0 30%;
}

.blockMaxLength input.aform-field-edit-max-length-text{
	width: 5em;
}
.blockMaxLength input.aform-field-edit-min-length-text{
	width: 5em;
}
label.aform-field-email-is-replyed{
	margin-top:5px;
	margin-left:2px;
	display:block;
}
label.aform-field-require-twice{
	margin-top:5px;
	margin-left:2px;
	display:block;
}
label.aform-field-is-amember-user-id-field{
	margin-top:5px;
	margin-left:2px;
	display:block;
}


/* blockEdit */

.blockEdit ul li{
	white-space:nowrap;
	margin:0 0 0 0.8em;
}
/*
#field-edit-field li.aform-field-copy a{
	padding-left: 12px;
	background: url(images/icons/copy.gif) no-repeat;
}
#field-edit-field li.aform-field-move-up a{
	padding-left: 12px;
	background: url(images/icons/arrow_fat_up.gif) no-repeat;
}
#field-edit-field li.aform-field-move-down a{
	padding-left: 12px;
	background: url(images/icons/arrow_fat_down.gif) no-repeat;
}
#field-edit-field li.aform-field-delete a{
	padding-left: 12px;
	background: url(images/icons/trash.gif) no-repeat;
}
*/

.blockEdit a{
	text-decoration: none;
	font-size: 145%;
	color: #666;
	padding: 0 5px;
}
.blockEdit a:hover{
	color: #52A437;
}
.blockEdit li.aform-field-copy a:before{
	font-family: FontAwesome;
	content: "\f0c5";
}
.blockEdit li.aform-field-move-top a:before{
	font-family: FontAwesome;
	content: "\f102";
}
.blockEdit li.aform-field-move-up a:before{
	font-family: FontAwesome;
	content: "\f106";
}
.blockEdit li.aform-field-move-down a:before{
	font-family: FontAwesome;
	content: "\f107";
}
.blockEdit li.aform-field-move-bottom a:before{
	font-family: FontAwesome;
	content: "\f103";
}
.blockEdit li.aform-field-delete a:before{
	font-family: FontAwesome;
	content: "\f014";
}



p.aform-field-privacy-link{
	margin-top: -1.2em;
	margin-left: 9em;
}
span.aform-field-edit-privacy-link img{
	vertical-align: middle;
	margin-right: 3px;
}

span.aform-field-input-example-not-display{
	color: #fff !important;
	padding: 0 2px;
	background:#999;
}

li.aform-field-type{
/*	padding-left: 15px;
	background:url(images/arrow_left.gif) 0 0 no-repeat;*/
}

li.aform-field-type a{
	padding-left: 15px;
	background-position: 0 0.3em;
	background-repeat: no-repeat;
}
li.aform-field-type a:hover{
	background:url(images/arrow_left.gif) -3px 0 no-repeat !important;
}



/* widget common */
li#aformFieldType-email a{
	background-image: url(images/icons/mail_back.gif);
}
li#aformFieldType-tel a{
	background-image: url(images/icons/mobile.gif);
}
li#aformFieldType-url a{
	background-image: url(images/icons/field_url.gif);
}
li#aformFieldType-zipcode a{
	background-image: url(images/icons/field_zipcode.gif);
}
li#aformFieldType-prefecture a{
	background-image: url(images/icons/field_pref.gif);
}
li#aformFieldType-privacy a{
	background-image: url(images/icons/person.gif);
}
li#aformFieldType-calendar a{
	background-image: url(images/icons/calendar.gif);
}
li#aformFieldType-name a{
	background-image: url(images/icons/field_name.gif);
}
li#aformFieldType-kana a{
	background-image: url(images/icons/field_name_kana.gif);
}
li#aformFieldType-payment a{
	background-image: url(images/icons/payment.gif);
}

/* widget basic */

li#aformFieldType-label a{
	background-image: url(images/icons/heading2.gif);
}
li#aformFieldType-note a{
	background-image: url(images/icons/note.gif);
}
li#aformFieldType-text a{
	background-image: url(images/icons/field_text.gif);
}
li#aformFieldType-textarea a{
	background-image: url(images/icons/field_textarea.gif);
}
li#aformFieldType-select a{
	background-image: url(images/icons/pulldown.gif);
}
li#aformFieldType-checkbox a{
	background-image: url(images/icons/checkbox.gif);
}
li#aformFieldType-radio a{
	background-image: url(images/icons/radio.gif);
}
li#aformFieldType-upload a{
	background-image: url(images/icons/up_box.gif);
}
li#aformFieldType-parameter a{
	background-image: url(images/icons/var.gif);
}
li#aformFieldType-password a{
	background-image: url(images/icons/field_password.gif);
}


/* list_aform window */

.dialog-screen #content-header{
	float:left; /*temporary*/
}
.dialog-screen #content{
	margin: 10px 15px;
}

.aform-date-picker {
  height: 15px;
  margin: 0 10px 0 5px;
  width: 15px;
}

.dialog #container {
  height: auto;
}

.dialog #content {
  height: auto;
  padding: 15px 15px 0;
}

.dialog .actions-bar {
  position: static;
}

.system .calendar-month a{
	color:#fff;
}

html>/**/body#edit-aform textarea.full-width{
	width /*\**/: 760px\9;	/* for IE8 */
}

#field-edit-field input.aform-field-edit-parts-id-text, 
#field-edit-field input.aform-field-edit-input-example-text, 
#field-edit-field input.aform-field-edit-label-text,
#field-edit-field input.aform-field-edit-dropdown-option-label-text,
#field-edit-field input.aform-field-edit-value-label-text,
#field-edit-field input.aform-field-edit-upload-type-text,
#field-edit-field input.aform-field-edit-upload-size-text,
#field-edit-field input.aform-field-other-value-text,
#field-edit-field input.aform-field-edit-parameter-name-text {
  width: 200px;
}

/* ============== manage_aform_data ============== */

#aform_data-listing .actions-bar {
	padding:8px 0;
}
#aform_data-listing .actions-bar-bottom {
	margin-top:0;
}

/* display-window */

#dialog #disp_aform_data_body #content{
	padding-bottom:0;
}
#dialog #disp_aform_data_body .listing{
	margin-bottom:0;
}
#dialog #disp_aform_data_body .actions-bar{
	margin:0 auto;
	width:95%;
	height:1.5em;
	padding:8px 0;
	position:relative;
	line-height: 1;
	}
#disp_aform_data_body .actions-bar span{
	font-weight:bold;
	}
	
#disp_aform_data_body .actions-bar em{
	display:block;
	width:12px;
	height:12px;
	overflow:hidden;
	visibility:hidden;
	}
#dialog #disp_aform_data_body .settings-actions-bar{
	margin-top:35px;
	margin-bottom:0.75em;
}


/* ============== list_aform_input_error ============== */

#aform_input_error-listing .actions-bar {
	padding:13px 0;
}
#aform_input_error-listing .actions-bar-bottom {
	margin-top:0;
}
table.access-summary{
	float: left;
	width:30%;
	border:1px solid #ccc;
	margin: 3px 30px 15px 3px;
	border-radius: 5px;
}
table.access-summary td,table.access-summary th{
	padding: 7px 10px;
}
table.access-summary th{
	font-size:100%;
	font-weight:normal;
	width:50%;
	background: none;
}
table.access-summary thead th{
	font-weight:bold;
	width:auto;
}
html*table.access-summary{/* for IE */
	border-collapse:collapse;
}
html*table.access-summary tr.odd th{/* for IE */
	background: #F8FBF8;
}
table.access-summary td{
	text-align:right;
}
table.access-summary tr.last-child th{
	border-bottom:none;
}

.col-label {
	word-wrap: break-word;
	}

table.aform_input_error-listing-table{
	width: 100%;
}
table.aform_input_error-listing-table th#bt-date{
	width: 9em;
}
#field-edit-field ul.blockPartsId{
	clear:both;
	width:100%;
}



.listing th.first-child, th.move-col {
    border-left: 0 none;
}

.listing table thead th {
    border-bottom: 1px solid #C8C2BE;
    width: auto;
}

thead th.first-child, thead th.move-col {
    -moz-border-radius: 5px 0 0 0;
}

.dialog th {
    width: 15%;
}

.listing th {
    background: url("../images/widget/widget-header.png") repeat-x scroll left top #DCDDDD;
    border-left: 1px solid #C8C2BE;
    color: #2B2B2B;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 1px 0 #F8FBF8;
    
}

.listing th, .listing td {
    font-family: "Lucida Grande",Verdana,sans-serif;
    padding: 7px 8px;
    text-align: left;
}

.listing td, .listing .expanded tr.slave td {
    border-bottom: 1px solid #F3F3F3;
    border-color: #F3F3F3;
    vertical-align: top;
}

.listing th, .listing td {
    font-family: "Lucida Grande",Verdana,sans-serif;
    padding: 7px 8px;
    text-align: left;
}

.listing tr.even {
    background-color: #F3F3F3;
}

.listing table * {
    word-wrap: break-word;
}

.listing table {
    -moz-border-radius: 5px 5px 5px 5px;
}

.listing table {
    border: 1px solid #C8C2BE;
    margin: 0;
    table-layout: fixed;
    width: 100%;
}


.actions-bar {
    margin: 0;
    position: relative;
}

.actions-bar-bottom {
    margin-bottom: 0.75em;
    margin-top: 50px;
}

.dialog .actions-bar {
    margin: 0 auto;
    position: relative;
    width: 95%;
}



.dialog .actions-bar button {
    float: right;
    margin: 0 0 0 8px;
    min-width: 8em;
}

select {
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid #C8C2BE;
    font-size: 12px;
    padding: 3px;
}

select, input, textarea {
    font-size: 14px;
}

input[type="text"], input[type="password"], textarea {
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #C8C2BE;
    padding: 3px;
    width: 28em;
}

textarea {
    font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
    min-height: 5em;
    width: 28em;
}

input, label, select, button {
    margin: 0;
    vertical-align: baseline;
}

button.action {
    -moz-border-radius: 5px 5px 5px 5px;
    background: url("images/buttons/button.gif") no-repeat scroll 0 center #2B2B2B;
    border: 0 none;
    color: #F3F3F3;
    cursor: pointer;
    font-size: 13px;
    min-width: 7em;
    margin-top: 1em;
    padding: 3px 8px;
    text-align: center;
    text-shadow: 0 -1px 0 #2B2B2B;
}

button.primary-button {
    background-image: url("images/buttons/button-primary.gif");
}

.actions-bar button {
    margin-right: 5px;
}

.col.cb, .col.si {
	width: auto;
	}
	
.col.head {
background: -moz-linear-gradient(top, #F3F3F3, #DCDDDD);
background: -webkit-gradient(linear,left top, left bottom, from(#F3F3F3), to(#DCDDDD));
background: linear-gradient(top , #F3F3F3, #DCDDDD);
border-color: #C0C6C9;
border-width: 0 0 1px 1px;
text-shadow: 0 1px 0 #F8FBF8;
vertical-align: middle;
word-wrap: normal;
}
.listing th.col.head {
	border-bottom: 1px solid #C0C6C9;
	}

	
table td {
	padding: 7px 8px;
	}
