@charset 'UTF-8';
/*
 * Copyright 2012 Nicosys Co. Ltd.
 */

body {
}

/*
 * Header
 */
 
 .page-header {
 	margin-bottom: 20px;
 }

/* fixed top */

#view {
	padding-top: 50px;
}
@media (max-width: 979px) {
	#view {
		padding-top: 0;
	}
}

.navbar {
	box-shadow: 0 5px 10px 0px gray;
}

/* brand logo image */
.navbar .brand-logo {
	padding-top: 0; /* original: 10px */
	padding-bottom: 0; /* original: 10px */
}

/* brand text */
.navbar .brand-text {
	float: right;
}
.navbar .brand .brand-text {
	display: none;
}

@media (max-width: 979px) {
	.navbar .brand .brand-text {
		display: inline;
	}
}

/*
 * Footer
 */
 
html, body {
	height: 100%;
}

/* push down footer */
#client {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -40px;
}
#view {
	padding-bottom: 40px;
}
#view-filler, #footer {
	height: 40px;
}

/* respond layout changes */
@media (max-width: 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}


#footer {
	color: #cccccc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #3b3b3b;
	background-image: -moz-linear-gradient(top, #444444, #333333);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#333333));
	background-image: -webkit-linear-gradient(top, #444444, #333333);
	background-image: -o-linear-gradient(top, #444444, #333333);
	background-image: linear-gradient(to bottom, #444444, #333333);
	box-shadow: 0 -5px 10px 0px gray;
}

#footer address {
	text-align: right;
	margin: 10px 0;
}

/*
 * Headings
 */
 
h2 {
	padding-bottom: 4px;
	border-bottom: 1px solid rgb(90%, 90%, 90%);
}

h3 {
	padding-bottom: 4px;
	border-bottom: 1px solid rgb(90%, 90%, 90%);
}

/* exclude dialog */
.modal-header h3 {
	padding-bottom: 0;
	border-bottom: 0;
}

ul.auto-complete-list {
	z-index: 9999;
}

/*
 * Misc
 */
 
 
.cream-breadcrumb, .cream-breadcrumb li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cream-breadcrumb > ul {
	list-style: none;
	margin: 0;
}

.cream-breadcrumb ul li {
	margin-top: 2px;
}

.cream-breadcrumb li + li > h1 {
	margin-top: 0;
}

.cream-breadcrumb li + li {
	margin-left: 20px;
}
.cream-breadcrumb li + li + li {
	margin-left: 40px;
}
.cream-breadcrumb li + li + li + li {
	margin-left: 60px;
}

@media (max-width: 480px) {
	.cream-breadcrumb ul li {
		margin-top: 0;
	}
	.cream-breadcrumb li + li {
		margin-left: 0;
	}
	.cream-breadcrumb li + li + li {
		margin-left: 0;
	}
	.cream-breadcrumb li + li + li + li {
		margin-left: 0;
	}
}



/* float command panel to right for small devices */
@media (max-width: 480px) {

	table.table td, table.table th {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	table.table td.action-cell {
		float: right;
		margin-top: -30px; /* line-height 20px + (button-size 30px - line-height 20px) */
		overflow: visible;
		padding-right: 8px;
	}

}

input[type=email] {
	ime-mode: disabled; /* Internet Explorer */
}


table.table td.action-cell {
	vertical-align: middle;
}

/* table form */

.margin-bottom-condensed .control-group {
	margin-bottom: 0 !important;
}
.margin-bottom-condensed input {
	margin-bottom: 0 !important;
}

/*
 * Anchor jump scroll position adjustment for fixed navbar
 */

h1, h2, h3, h4, h5, h6, hgroup {
	position: relative;
	z-index: 1;	
}

/* dialog close button */
.close {
	position: relative;
	z-index: 2;	
}

div.anchor:before {
	display: block; 
	content: ""; 
	height: 60px; 
	margin: -60px 0 0; 
}

@media (max-width: 979px) {
	div.anchor:before {
		height: 20px; 
		margin: -20px 0 0; 
	}
}

/*
 * Framework
 */

/* Validation error for input controls */
.form-error {
	border-color: #B94A48;
}

/* Validation error message */
.error-message {
	color: #B94A48;
}

/* setFlash() 'flash' key (default) */
#flashMessage {
	border: 1px solid #eec;
	background-color: #ffe;
	padding: 8px;
	margin: 10px 0;
	font-style: normal;
}

/* setFlash() 'error' key */
#errorMessage {
	border: 1px solid #e88;
	background-color: #fdd;
	padding: 8px;
	margin: 10px 0;
	font-style: normal;
	color: #800;
}

/*
 * Miscellaneous
 */

.required-field {
	color: #c00;
}

.required-field:after {
	content: ' *';
}

.list-header {
	background-color: #F1F1F1;
}

.alternating-row {
	background-color: #F1F1FF;
}

.note {
	font-size: x-small;
	color: grey;
}

.number, td.number, th.number {
	text-align: right;
} 

/*
 * Base
 */

li {
	list-style: none;
}

/* Action button panel */
.actions {
	text-align: right;
	padding: 0.5em;
}

.actions-global {
	text-align: center;
	padding: 0.5em;
}

/* Limit table column width */
.limited-width {
	max-width: 15em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* auto complete */

.ui-autocomplete {
	padding: .2em .4em;
}
@media (max-width: 767px) {
	.ui-autocomplete {
		max-width: 700px;
	}
}
@media (max-width: 480px) {
	.ui-autocomplete {
		width: 400px;
	}
}

.ui-autocomplete-loading {
	background: transparent url('../img/loading.gif') 98% 50% no-repeat;
}

.ui-autocomplete .ui-autocomplete-category {
	text-align: right;
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(227, 227, 227);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
	font-weight: bold;
	padding: .2em 0;
}

.ui-autocomplete .ui-menu-item .ui-corner-all {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*
 * Login 
 */

.login {
	color: #cccccc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #3b3b3b;
	background-image: -moz-linear-gradient(top, #555555, #333333);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
	background-image: -webkit-linear-gradient(top, #555555, #333333);
	background-image: -o-linear-gradient(top, #555555, #333333);
	background-image: linear-gradient(to bottom, #555555, #333333);
}

.login legend {
	color: #ffffff;
	border-bottom-color: gray;
}

.login .logo {
	text-align: center;
}

.login .logo img {
	padding-top: 20%;
	width: 90%;
	vertical-align: middle;
}


/* ここ以下、古いスタイル */