@charset 'UTF-8';

/*
	admin area style
*/

body {
	background: #ffffff url(contemporary_jp/background.png) repeat-x;
	color: #333;
	font-size:85%;
	font-family: "Bitstream Vera Sans", lucida, Arial,"Helvetica Neue",Helvetica,Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
}

td, th, textarea, input, select, option {
	font:inherit;
}
th {
	font-weight:bold;
}
input[type=submit], input[type=button], input[type=file], button, select {
	cursor:pointer;cursor:hand;
}

input#inputtitle {
	font-size:1.1em;
	padding:4px;
	line-height:1.6;
}

/* basic link appearance */
a:link, a:visited {
	color: #1D3565;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* textareas */
textarea {
  
	line-height:1.5;
	padding:5px;
  width: 95%;
}

/* textareas for skin/template editing have monospace fonts */
textarea.skinedit, textarea.templateedit {
	width:90%;
	font-family: 'Courier New','Courier', monospace;
}

textarea#inputbody,textarea#inputmore {
	width:93%;
	margin:5px 3px;
}

textarea.pluginoption {
	width:420px;
}

/* images */
img {
	border: none; 
}

img.skinpreview {
	border: 1px solid #ccc;
}

/* forms */
form {
	margin-bottom: 0px;
}

label {
	cursor: pointer; 
}

input.transparent {
	background-color: transparent;
}

/* preformatted text */
pre {
	margin-left: 10px;
}

/* a div that has an indent */
div.indent {
	margin-left: 40px;
}

.skip {
	display: none; 
}

.error {
	color: red;
	font-size: 14pt;
}

.ok {
	border-radius : 3px;
	background-color:#e7ffe7;
	border:1px solid #bfd7bf;
	color: #488d48;
	padding:8px;
	font-weight:bold;
}
.ng {
	border-radius : 3px;
	background-color:#fffaea;
	border:1px solid #d7bfbf;
	color: #8d4848;
	padding:8px;
	font-weight:bold;
}

/* header */
h1 {
	text-align: right;
	font-size:20pt;
	letter-spacing: 0.1em;
	color: #596d9d;
	margin: 0 0 5px 135px;
	height: 35px;

}

/* quick menu on left */
/* 
	It's a real pain getting this absolute positioning to work correctly
	in all browsers. IE in particular seems to have a lot of trouble, even
	when a valid doctype is present. Because of the way it is solved currently,
	the top of the quickmenu and the contents will not line up
*/
#quickmenu {
	position: fixed;
	overflow: hidden;
	
	top: 10px;
	left: 10px;

	width: 150px;
	margin: 0px;
	padding: 0px;
	
	font-size:9pt;
	color:#333;
	
	border-width: 1px;
	border-style: solid;
	border-color: #bbb;

	background: #ffffff url(contemporary_jp/quickb.jpg) top left fixed repeat-y; 
}

#quickmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#quickmenu li {
	padding: 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

#quickmenu p {
	padding: 5px;
	margin: 0px;
	text-align: justify;
}

#quickmenu a {
	display: block;
	padding: 5px;
	font-size: 9pt;
	line-height: 1.5em;
	text-decoration: none;
}

#quickmenu a:hover {
	background: #ffffff url(contemporary_jp/quickb-hover.jpg) top left fixed repeat-y; 
	color: #333;
	letter-spacing: 1px;
	white-space: nowrap; 
}

.settingsedit .settingsedit a,
.overview .overview a,
.editmembersettings .editmembersettings a,
.browseownitems .browseownitems a,
.browseowncomments .browseowncomments a,
.actionlog .actionlog a,
.settingsedit .settingsedit a,
.systemoverview .systemoverview a,
.usermanagement .usermanagement a,
.createnewlog .createnewlog a,
.backupoverview .backupoverview a,
.pluginlist .pluginlist a,
.skinoverview .skinoverview a,
.templateoverview .templateoverview a,
.skinieoverview .skinieoverview a {
	background: #ffffff url(quickb-hover.jpg) top left fixed repeat-y; 
}

#quickmenu h2 {
	font-size: 9pt;
	text-align: center;
	padding: 1px 0px 1px 0px;
	margin: 0px;
	border-bottom: 1px solid #bbb; 	
	background-color: #ddd;
	color: #333;
}

#quickmenu form {
	margin: 0;
	padding: 5px;
	text-align: center;
}

#quickmenu option {
	font-size: 8pt;
}

.loginname {
	float: right;
	font-size: 9pt;
	text-align: right;
	line-height: normal;
	padding: 5px;
	background-color: #fff;
	border:1px solid #e5e5e5;
	border-radius: 4px;
	margin-top:3px;
	margin-right:3px;
}

/* page content */
#content {
    margin-left:163px;
	font-style: normal;
	text-decoration: none;
	color: #333;
	text-align: justify;
	line-height: 1.3;

	border: 1px solid #bbb;
	border-radius: 10px;

	padding: 10px 10px 0 10px;

	background-color: white;

}

#content h2 {
	color: #596d9d; 
	border-style: dashed;
	border-width: 0px 0px 1px 0px;

	font-size: 1.1em;
	line-height: 1.6;

	text-decoration: none;
	font-weight: bold; 
	letter-spacing: 2px;
}

#content h3 {
	border-color: #596d9d;
	border-style: solid;
	border-width: 0px 0px 0px 5px;

	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.2;

	color: #596d9d;
	padding-left: 8px;
	letter-spacing: 2px;
	margin-left:5px;
}

#content ul {
	line-height:1.5em;
/*	list-style-type:square;*/
	margin:0 0 0.5em 30px;
	padding:0;
	list-style-image:url(contemporary_jp/bullet.gif);
}

#content .note, pre {
	background-color: #ddd;
	padding: 5px;
}

#content li a{
}

#content {
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>body #content {
}

/* tables */
table {
	border: none;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;	
}

th {
	background-color: #ddd;
	color: #333;
	letter-spacing:1px;
}

th, td {
	padding: 4px;
	empty-cells: show;	
	border: 1px solid #ddd; 
}

td {
	background-color: #fff;
	vertical-align: top;
	text-align: left;
}

td a:link, td a:visited { 
	text-decoration: underline;
	color: #333;
	font-weight: normal;
}

td a:hover {
	color: #1D3565;
	text-decoration: underline;
}
td.draft {
	background-color: #ffe;
}
td.future {
	background-color: #fff7f1;
}
tr.highlighted td {
	background-color: green;
}

table.navigation {
    margin-bottom:0;
}

table.navigation table {
	border: none;
	width: auto;
	margin:0;
    display:inline;
}
table.navigation form,
table.navigation input
{
	margin:0;
    display:inline;
}

table.navigation td, table.navigation th {
	border: none;
}

.batchoperations {
	background-color: #ebebf2;
	width: auto;
	padding: 5px;
	text-align: right;
}

/* plugin list */
#content table ul.list_comment_info,
#content table ul.list_item_info,
#content table ul.list_item_action,
#content table ul.plugin_info,
#content table ul.pluginlist_actions {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0.5em 5px;
	line-height:1.1em;
}

.plugin_name {
	font-weight: bold;
}

.plugin_desc h4 {
	margin: 0;
}

.plugin_desc p {
	margin-top: 0;
}

/* item list */
#content table label.list_item_title {
	font-size: 10pt;
	font-weight: bold;
}

.list_item_info_th {
	width: 130px;
}

/* footer */
.foot {
	padding: 2px 0px 2px 10px;
	margin:10px -10px 0 -10px;
	text-align: center;
}

table .availableSkinTypes ul li {
	list-style: none;
}