/* import commonly used stylesheet    
 * this also hidden from old browsers */
@import url("common.css");

/** [Start] ----- class specification ----- */
.search{
	float : right;
	padding : 0;
	margin : 2px 2px 0 0;
}

.contents{
	clear: left;
	left : 0px;
}
	
.body {
	padding : 10px;
}

.main {
	padding : 10px;
}

.side {
	width : 200px;
} 

.right{
	width : 180px;
	padding : 10px;
}
	
.bottom{
 	clear : both;
	text-align : center;
}

.subfooter{
	margin: 2px 4px 0 4px;
	padding: 2px 0 0 0;
}

.info{
	background: #eee url(../img/info.gif) no-repeat 0 50%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-top: 2px;
	margin-left: 20px;
	width: 80%;
}

.errorfield{
	background-color: #FF00FF;
}

.main table{
	border-collapse: collapse;
}

.main th { 
	font-weight : bold;
	padding : 4px;
}

.main img{
	background : none;
	border : none;
}

.main a.imganchor:hover, a.imganchor:active{
	background : none;
	border : none;
}
	
.side h2, .right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	margin : 10px 10px 0 8px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 0;
   	width : 180px;
   	border: none;
}

.side h2{
	width : 164px;
	line-height: 20px;
	padding-left: 20px;
	padding-bottom: 1px;
}

.side ul, .right form {
	font-size: 80%;
	list-style-type : none;
	margin-left : 8px;
    margin-top : 0px;
	padding : 10px;
    width : 160px;
}

.side ul ul{
	font-size: 100%;
	border: none;
	margin: 2px;
	padding: 2px;
	width: 80%
}

.side li{
	line-height: 16px;
	margin-top: 1px;
	padding-left:18px;
}

.warningMsg{ 
	font-weight: bold;
}

.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}

.action {
	text-decoration : none;
	font-size : 0.8em;
}

.action2 {
	text-decoration : none;
	font-size : 1.3em;
}

/* ----- wiki previewedit ajax ----- */
.tabheader{
	margin : 0;
	padding : 0;
}

.tabheader table {
	border: none;
	border-collapse: collapse; /* for IE */
	border-spacing: 0; /* for N6 */
}

.tabheader table tr td {
	margin:0;
	padding:0;
	border-width:0;
}

.tabheader .close {
 	margin:0;
 	padding: 0.5em;
	white-space: nowrap;
}

.tabheader .open {
 	margin:0;
 	white-space: nowrap;
 	padding: 0.5em;
}

.tabheader .spc {
 	border-style: solid;
 	border-width: 1px 0 1px 0; 
 	margin:0;
 	padding: 0.5em;
 	white-space: nowrap;
}

.tabheader a {
	text-decoration: none;
}

.tabbody {
	border-top: none;
	margin:0;
	margin-top: -2px;
	padding : 0.5em;
}

.calendar{
	font-size: 90%;
	margin : 10px 10px 0 8px;
	border-collapse: collapse;
	text-align: center;	
	width: 182px;
}

.calendar th{
	font-weight : bold;
	padding : 4px;
}

.calendar .caltitle{
	font-weight: bold;
}

.calendar .calexist{
	font-weight: bold;
}

.calendar .current{
	font-weight: bold;
}

.calendar .today{
	font-size: 110%;
}

ul.navi {
	margin:0px;
	padding:0px;
	text-align:center;
}
li.navi_none {
	display:inline;
	float:none;
}
li.navi_left {
	display:inline;
	float:left;
	text-align:left;
}
li.navi_right {
	display:inline;
	float:right;
	text-align:right;
}

/* ----- tag associated class ----- */
a.note_super{
	font-size: xx-small;
	vertical-align: super;
}

hr.note_hr{
	width: 90%;
}

div.preview{
	width : 650px;
   	padding : 10px;
   	height : 300px;
	overflow: auto ;
}

#box1 img{
	border : 1px solid #ffffff;
}

#box2{
	width : 650px;
   	padding : 10px;
   	height : 300px;
	overflow: auto ;
}

legend.folder{
	padding-left: 22px;
}

legend.config{
	padding-left: 22px;
}

.highlight{
	font-weight : bold;
}

/** [End] ----- class specification ----- */

/** [Start] ----- id specification ----- */

/* ----- page header area related ----- */

#header {
	width : 100%;
	height : 60px;
}

#description{
	font-size:small;
	margin-top: 0;
	margin-left: 10px;
}

#logo{
	margin-left: 10px;
}

#subheader{
	font-size : 12px;
	text-indent : 20px;
	text-align : right;
	padding-top : 6px;
}

#login{
	font-size : 12px;
	text-align : right;
	padding-top : 6px;
}

#login a{
	padding : 4px;
}

/* ----- page top area related ----- */

#trail{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 4px 0 4px;
	padding: 0 0 4px 2px;
	text-align: right;
}

#trail a:active, #trail a:hover{
	padding-bottom: 2px;
}

/* ----- page body area related ----- */

#folderlist{
	margin : 4px 0 4px 0;
	padding: 10px;
}

#folderlist li{
	list-style-type: none;
	margin-top: 2px;
	margin-bottom: 2px;
}

#folderlist a{
	padding-left : 22px;
}

/* ----- page footer area related ----- */

.attachinfo{
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align: left;
	clear: both;	
}

.attachinfo li{
	line-height: 80%;
	list-style-type : none;
	display : inline;
	padding: 0 0 0 17px;
	margin: 0;
}

#utilities{
	text-align: right;
	margin:0;
	padding:0;
}

#utilities li{
	line-height: 18px;
	list-style-type : none;
	display : inline;
	padding: 0;
	margin: 0;
}

#pageinfo{
	width: 180px;
	margin: 10px 10px 10px 8px;
	font-size: x-small;
}

#pageassist{
	width: 250px;
}

#pageassist h2{
	font-size: 100%;
	text-align: left;
	padding: 0 0 0 4px;
	margin:2px 0 0 8px;
}

#pageassist form{
	font-size: 80%;
	list-style-type : none;
	margin: 0 0 12px 8px;
	padding : 10px;
	border : solid 1px #636363;
	background-color : #fff;   	
}

#accordion{
	padding-top : 12px;
}

.accordionTitle {
    font-size           : 12px;
	padding             : 4px 6px 4px 6px;
    border-style        : solid none solid none;
  	border-top-color    : #BDC7E7;
	border-bottom-color : #182052;
	border-width        : 1px 0px 1px 0px;
}
		
.accordionContent {
   font-size        : 11px;
   border           : 1px solid #1f669b;
   border-top-width : 0px;
   padding          : 10px 8px 0px 8px;
}

/** [End] ----- id specification ----- */