/*==================================================================
umareru = 20110707
last update = 20110707
====================================================================
Editor:
1.recca
2.
3.
====================================================================
Content:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
====================================================================
*/




html {
	background-color: #8DC615;
}

body {
	margin: 0px;
	padding: 0px;
}

.nomp {
	margin: 0px;
	padding: 0px;
}
.nolst {
	list-style-type: none;
}



#root {
	width: 100%;
}





#header {
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
	height: 120px;
	position: relative;
	width: 100%;
	
}

#header h1 {
	margin: 0px 0px 32px 16px;
	padding: 0px;
	position: relative;
	top: 0px;
	width: 500px;
	height:80px;
}

#header #login {
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 32px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 350px;
	background: url("../images/bg_login.jpg") left top no-repeat;
	background-color:#DADC3C;
}
#header #login li {
	float: left;
	list-style-type: none;
}
#header #login #li2 {
	float: right;
	list-style-type: none;
	margin-right: 10px;
}


#header #nav {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
}
#header #nav li {
	float: left;
	list-style-type: none;
	margin: 0px 3px 0px 0px;
	padding: 0px;
}

#header #nav a {
	 background: url(../images/bg_btn_f1.jpg) left bottom;
	 border: 1px  #8DC615 solid;
	 border-bottom: none;
	 display: block;
	 height: 21px;
	 text-align: center;
	 text-decoration: none;
	 padding:0 10px;
	 padding-top:5px;
}
#header #nav a:hover {
	 background-image: url(../images/bg_btn_f3.jpg);
	 border: 1px  #336600 solid;
	 border-bottom: none;
	 color: #336600;
}
#header #nav #using {
	 background-image: url(../images/bg_btn_f3.jpg);
	 border: 1px #336600 solid;
	 border-bottom: none;
	 color: #336600;
}

#header #nav .using {
	 background-image: url(../images/bg_btn_f3.jpg);
	 border: 1px #336600 solid;
	 border-bottom: none;
	 color: #336600;
}


#header #tools {
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 10px;
	top: 93px;
}
#header #tools li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	width: 72px;
}
#header #tools li a {
	background-repeat: no-repeat;
    display : inline-block;
    height: 24px;
    overflow : hidden;
	padding-left: 72px;
	width : 0;
}
#header #tools li #tool1 {
	background-image: url(../images/btn_print.jpg);
	padding-left: 72px;
}
#header #tools li #tool2 {
	background-image: url(../images/btn_export.jpg);
	padding-left: 72px;
}





#contentarea {
	clear: both;
	margin-bottom: 20px;
	padding-top: 8px;
	position: relative;
	text-align: right;
}
#contentarea table {
	text-align: left;
}

#contentarea #option {
	margin: 0px;
	padding: 0px;
}
#contentarea #option li {
	float: left;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#contentarea #option li input, #contentarea #reg input  {
	height: 16px;
	border: 1px #7F9DB9 solid;
	width: 116px;
}
#contentarea #reg input {
	width: 216px;
}
#contentarea #reg .inputbox {
	border: none;
	height: 15px;
	width: 15px;
}
#contentarea #option #search {
	background-image: url(../images/btn_search.jpg);
	background-repeat: no-repeat;
    display : inline-block;
    height: 21px;
    overflow: hidden;
	padding-left: 60px;
	width: 0;
}

.submenu {
	margin: 0px;
	padding: 0px;
}
.submenu li a {
	/*background-image: url(../images/bg_sub.png);*/
	border-bottom:1px solid #ccc;
	border-right:2px solid #999;
	background-color:#EFF2CC;
	display: block;
	height: 22px;
	_margin-bottom: -10px;
	padding: 8px 0px 0px 20px;
	width: 150px;
}
.submenu li .using {
	background-image: url(../images/bg_sub_f2.png);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	padding: 8px 0px 0px 20px;
	width: 150px;
}


.submenu li .subsub, #subsub, #subsub li {
	margin: 0px;
	padding: 0px;
}
.submenu li .subsub li a {
	background-image: url(../images/bg_subsub.png);
	background-repeat: no-repeat;
	border-bottom: 1px #106794 solid;
	display: block;
	height: 17px;
	padding: 4px 0px 0px 40px;
	width: 130px;
}
.submenu li .subsub li .using {
	background-image: url(../images/bg_subsub.png);
	background-repeat: no-repeat;
	border-bottom: 1px #106794 solid;
	display: block;
	height: 17px;
	padding: 4px 0px 0px 40px;
	width: 130px;
}

#subsub {
	margin-bottom: 1px;
	background-color: #000;
}
#subsub li {
	float: left;
	list-style-type: none;
	margin-right: 2px;
	height: 26px;
}

#subsub li a {
	background-image: url(../images/bg_subtap_f1.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 26px;
	padding: 5px 10px 0px 9px;
	text-align: center;
}
.submenu li .using1 { background-color:#89A849; color:#0066A1; }
.submenu li .using1:hover { color:#fff; }
#subsub li a:hover {
	background-image: url(../images/bg_subtap_f2.jpg);
	background-repeat: repeat-x;
}
#subsub li #using {
	background-image: url(../images/bg_subtap_f2.jpg);
	background-repeat: repeat-x;
}

.login_area { width:250px; margin:0 auto; }

.table1 {
	border-top: #EAEAEA solid 1px;
}
.table1 th {
	background-image:url(../images/bg_content_title.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	font-weight:normal;
	

}
.table1 td {
	font-size:12px;
	color:#333;
	font-weight:normal;
}
.table1 tr.edit {
	background-color:#EFEFEF;
}
.table1 tr.approved {
	background-color:#FFFF79;
}
.table1 tr.reject{
	background-color:#FFBFBF;
}
.table1 tr.published {
	background-color:#C6F9D0;
}
.table1 tr.unpublish {
	background-color:#FBDE7D;
}
.table1 tr.approveing {
	background-color:#B0B7FF;
}

.tablink ul{
	
	margin:5px;
	padding:0;
	text-align:center;

}

.tablink_sel {	
	background-color:#660;
	padding:5px 5px 0px 5px;
	height:18px;
	width:80px;
	padding-left:3px;
	border:#999 dotted 1px;
	
}
.tablink ul li{
	list-style-type: none;
	display: inline;
	margin:0;
	float:left;

	color:#FFF; 
	padding-left:3px;
}

.tablink ul li  a{
	
	color:#FFF;
	background-color:#C2C2C2;
	text-decoration:none;
	display: block;
	padding:5px 5px 0px 5px;
	width:80px;
	height:18px;
	border:#999 dotted 1px;
}
.tablink ul li a:hover {
	
	color:#FFF;
	background-color:#660;
}