body
{
	font-family: Lucida Grande,Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	background-color: #cfcfcf;
	margin: 0px;
	padding: 0px;
	border: none;
}

h1, h2, h3, h4, h5
{
	/*font-family: sans-serif;*/
	color: gray;
	display: inline;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 14px;
}


table, p {
	font-size: 12px;
}


a:link, a:visited {
	color: black;
	background-color: transparent;
	text-decoration: underline;
	border: none;
}

a:hover {
	color: #ac6500;
	text-decoration: underline;
	padding: 0px;
}

a:active {
	color: #FF0000;
	text-decoration: none;
	background-color: transparent;
}

.w{ 
	width:90%; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#fff;
}

.text-indent
{
	text-indent:10px;
}

.text-indent5
{
	text-indent:5px;
}


.header {
	background-color:#057b08;
	color:#fff;
	margin-top:5px;
}
	.header-box{padding:18px 10px 15px 10px;}
	.header-left {
		width:50%;
		display:inline-block;
		font-size:36px;
		color: #f1f1f1;
		font-weight: bold;
	}
	.header-right{ 
		width:50%;
		display:inline-block;
		text-align:right;
		font-size:12px;
		font-weight:bold;
	}
	
.footer
{
	background-color:#000;
	color:#fff;
	padding:10px;
	margin-top:5px;
	font-size:12px;
}


.error
{
	background-color:#ffeda4;
	border:1px dashed #dc6d00;
	padding:5px 10px;
	margin-top:5px;
}

.notification
{
	background-color:#c7e8ed;
	border:1px dashed #374893;
	padding:5px 10px;
	margin-top:5px;
}

.fill
{
	padding:10px;
	margin-top:5px;
}

.item-header
{
	background-color: #057b08;
	color: #ffffff;
	padding: 4px 10px;
	display:block;
	line-height:1.6em;
}

.listitem
{
	font-size:12px;
	padding-bottom:10px;
}
	.listitem-left
	{
		width:30%;
		display:inline-block;
		text-indent:10px;
		padding-bottom:5px;
	}
	.listitem-right
	{
		width:70%;
		display:inline-block;
	}
	
	.listitem-right-textarea
	{
		min-width: 250px;width: 50%;line-height: 1.5em;
	}	
	.listitem input[type="text"],
	.listitem input[type="password"]
	{
		min-width:		250px;
		width:			50%;
		line-height: 1.5em;
	}
	.listitem input[type="checkbox"],
	.listitem input[type="radio"]
	{
		vertical-align:middle;
		margin:0px;
		border:0px;
	}
	.listitem-row
	{
		padding-bottom:10px;
	}
	.listitem-top
	{
		vertical-align: top;
	}
	.listitem-remark
	{
		background-color:#ECECEC;
		margin-top:0px;
		padding:20px 0px;
		/*font-weight:bold;*/
		text-indent:10px;
	}

.table-header
{
}

	.table-column
	{
		background-color:#ECECEC;
		display:inline-block;
		line-height:1.6em;
		text-indent:5px;
		padding:5px 0px;
		font-size:12px;
		border-bottom: 1px dashed #ccc;
	}

	.table-header .table-column
	{	
		background-color:#057b08;
		color:#fff;
		font-weight:bold;
		border-bottom: none;
	}
	
	.table-green .table-column
	{
		background-color:#057b08;
	}
	
	.table-row:hover .table-column
	{
		background-color:#c1d8be;
	}
	
	.table-tag
	{
		display:none;
	}
	
	.table-row
	{
		padding-bottom:0px;
	}
	
	.table-row-group
	{
		background-color: #ECECEC;
	}
	
	.table-control
	{
		text-align:right;
	}
	
	.table-control a
	{
		margin-right:5px;
	}

.table-record-name
{
	width:30%;
}
	.table-record-type
	{
		width:10%;
	}
	.table-record-ttl
	{
		width:10%;
	}
	.table-record-value
	{
		width:35%;
		word-break: break-all;
	}
	.table-record-control
	{
		width:15%;
	}
	
.table-record-name2
{
	width:20%;
}
	.table-record-priority
	{
		width:10%;
	}

.w10 { width:10%;}
.w15 { width:15%;}
.w20 { width:20%;}
.w25 { width:25%;}
.w30 { width:30%;}
.w35 { width:35%;}
.w40 { width:40%;}
.w45 { width:45%;}
.w50 { width:50%;}
.w55 { width:55%;}
.w60 { width:60%;}
.w65 { width:65%;}
.w70 { width:70%;}
.w75 { width:75%;}
.w80 { width:80%;}
.w85 { width:85%;}
	
.nav{
	background: #333333;
	width: 100%;
	margin-top:5px;
	font-size:14px;
}

	.nav a {
		background: #333333;
		color: #cccccc;
		display: inline-block;
		padding:10px;
		margin: 0;
		text-decoration: none;
	}

	.nav a.nav-current ,.nav a:hover {
		background: #057b08;
		color: #ffffff;
	}

.record-dialog
{
	position: fixed;
	width:600px;
	left:50%;
    top: 15%;
	margin-left:-300px;
    border: 2px solid #7b7b7b;
    background-color: #fff;
}
	.record-dialog-background
	{
		position: absolute;
		width:100%;
		height:100%;
		top:0px;
		background-color: rgba(165, 165, 165, 0.3);
	}

.tablelist
{
	display:inline-block;
	width:25%;
	padding:5px 10px;
}

.form_error {
	background: #ffeda4;	
}

/*
	Buttons
*/
input[type="submit"]:hover, a.submit:hover
{
	/*background-color:	#239E27;
	color:			#000000;
	background-color:	#74d465;
	color:			#000000;*/
	background-color:#25af0f;
	color:#ffffff;
}
input[type="button"]:hover, a.button:hover
{
	background-color:	#504f4f;
	color:			#ffffff;
}

input[type="submit"], a.submit
{
	background-color:	#128300;
	color:			#ffffff;
}

input[type="button"], a.button
{
	/*background-color:#000;*/
	background-color:#057b08;
	color:#ffffff;
}

input[type="button"], input[type="submit"], a.button, a.submit
{
	text-decoration:	none;
	font-size:		10px !important;
	line-height:		12px;
	padding: 		5px 10px;
	cursor:			pointer;

	font-style:		normal;
	font-weight:		bold;

	border-width:		0px;
	border-style:		solid;
}


.button_small:hover, .button_small:hover
{
	background-color:	#74D465;
	color:			#000000;
}

a.button_small
{
	background-color:	#057b08;

	text-decoration:	none;
	font-size:		10px !important;
	line-height:		10px;
	padding: 		2px 10px;
	cursor:			pointer;

	color:			#ffffff;
	font-style:		normal;
	font-weight:		normal;

	border-width:		0px;
	border-style:		solid;

	-moz-border-radius:	5px;
	-khtml-border-radius:	5px;
	-webkit-border-radius:	5px;
	border-radius:		5px;
	-moz-box-sizing:	content-box;
	-webkit-box-sizing:	content-box;
	-khtml-box-sizing:	content-box;
	box-sizing:		content-box;
}

a.button_small_disabled
{
	background-color:	#949494;

	text-decoration:	none;
	font-size:		10px !important;
	line-height:		10px;
	padding: 		2px 10px;
	cursor:			pointer;

	color:			#ffffff;
	font-style:		normal;
	font-weight:		normal;

	border-width:		0px;
	border-style:		solid;

	-moz-border-radius:	5px;
	-khtml-border-radius:	5px;
	-webkit-border-radius:	5px;
	border-radius:		5px;
	-moz-box-sizing:	content-box;
	-webkit-box-sizing:	content-box;
	-khtml-box-sizing:	content-box;
	box-sizing:		content-box;
}

#warn{ margin-top:5px; }


@media screen and (max-width:720px) {
	.w{ width:100%; }
	.listitem-left
	{
		width:100%;
		display:block;
		text-indent:10px;
	}
	.listitem-right
	{
		width:100%;
		display:block;
		text-indent:10px;
	}
		
	.listitem input[type="text"],
	.listitem input[type="password"]
	{
	}
	.listitem-right label
	{
		font-size:11px;
		display:block;
		font-style:italic;
		padding-top:5px;
	}
	.listitem-row label
	{
		display:inline;
	}
	
	.header-left
	{
		width:100%;
	}
	.header-right 
	{
		display:none;
	}
	
	.table-row
	{
		padding-bottom:10px;
		width:100%;
		display:block;
	}
	.table-row-group
	{
		background-color: inherit;
	}
	.table-tag
	{
		display:inline;
	}
	.table-header
	{
		display:none;
	}
	.table-column
	{
		display:block;
		width:100%;
	}
	.tablelist
	{
		width:auto;
		display:block;
	}
	
	.listitem-left
	{
	    font-weight: bold;
	}
	.record-dialog
	{
		position: absolute;
		width:100%;
		top: 0px;
		left:0px;
		right:0px;
		margin-left:0px;
		background-color: #fff;
		border: none;
	}
	.record-dialog-background
	{
		background-color: #fff;
	}
}