/*
	Copyright@2004 All rights reserved.
*/
/*
	Copyright@2004 All rights reserved.
*/
/*======================= HTML Element ======================*/
body,td{
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
}

body{
    background-color: #FFFFFF;
}

pre{
    /*auto wrap*/
    white-space: pre-wrap;       /* css-3 */


}

.paramGroup{
    background-color: #F0ECF0;
    padding: 0px 10px 0px 10px;
}

.sideL{
    background-color: #FFFFFF;
    border-right: 1px dashed #4A0A63;
}

p{
    font-family: arial, sans-serif;
/* text-indent: 2em;*/
}

div{
    font-family:verdana, arial, sans-serif;
}

hr {
    border: 1px solid #824297;
}

img{
    border:0;
}
/*em{*/
/*color:#CC0000;*/
/*font-size:12px;*/
/*font-weight:bold;*/
/*letter-spacing:.2em;*/
/*line-height:140%;*/
/*text-transform:uppercase;*/
/*}*/
/*======================= Specfic Function ======================*/

.spacer{
}

.head_bg{
    font-size:12px;	background-color:#d8bfd8;
}

.bottom{
    color:#FFFFFF;
}

.footer{
    font-weight:bold;
    color: #4A0A63;
}

.content{
    background-color: #F0ECF0; padding:5px;
}

.utilityContent{
    background-color: #F9F9D9; padding:5px;
}

.literatureContent{
    background-color: #EFE5FB; padding:5px;
}

.mydata{
/*background-color: #F0ECF0;*/
}

.myliterature{
    background-color: #EFE5FB;
}

.shared{
    background-color: #dfbedf;
}

.group_shared{
    background-color: salmon;
/*border:1px dashed crimson;*/
}

.mix_shared{
    background-color: mediumpurple;
/*border:1px dashed crimson;*/
}

.distributed{
    background-color: #dfbedf;
}

.group_distributed{
    background-color: salmon;
}

.mix_distributed{
    background-color: mediumpurple;
}

.imported{
    background-color: #B1CF9B;
}

.group_imported{
    background-color: #B0C4DE;
/*border:1px dashed blue;*/
}

.imported_readonly{
    background-color: #DFDFC3;
}

.group_imported_readonly{
    background-color: #ADD8E6;
/*border:1px dashed cadetblue;*/
}

/*.code{
    PADDING-RIGHT: 0.5em; MARGIN-TOP: 1em; PADDING-LEFT: 0.5em; FONT-SIZE: 12px;
    MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 0pt; PADDING-TOP: 0.5em;
    FONT-FAMILY: courier new ,monospace; BACKGROUND-COLOR: #eeeeee; width: 980px;
    overflow:scroll; border: 1px solid #888888;
}*/

.code{
    PADDING-RIGHT: 0.5em; MARGIN-TOP: 1em; PADDING-LEFT: 0.5em; FONT-SIZE: 12px;
    MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 0pt; PADDING-TOP: 0.5em;
    FONT-FAMILY: courier new ,monospace; BACKGROUND-COLOR: #eeeeee;
    border: 1px solid #888888;
}

.litFunctions{
    font-size: 9px;
    color: black;
}

.seq{
    font-family: courier, monospace;
    font-size:12px;
}

.label{
    font-size:12px;
    color: #000063;
}

.title{
    font-weight:bold;
    font-size:12px;
    color: #5D0C7B;
}
.title1{
    font-weight:bold;
    font-size:14px;
    color: #5D0C7B;
}
.title2{
    font-weight:bold;
    font-size:16px;
    color: #5D0C7B;
}
.title3{
    font-weight:bold;
    font-size:18px;
    color: #5D0C7B;
}

.title4{
    font-size:16px;
    color: #5D0C7B;
}

.title5{
    font-family: arial, verdana, sans-serif;
/*font-weight:bold;*/
    font-size:16px;
    color: #5D0C7B;
    padding-left: 5px;
}

.weblabColor{
    color: #5D0C7B;
}

.groupName{
    font-size:16px;
    color: #5D0C7B;
}

.introduce{
    font-family: "Gill Sans","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-left: 5px;
}

.warn{
    font-size:12px;
    color: red;
}

.indexed{

}

/*.a{*/
/*font-family: courier new, monospace;*/
/*font-size: 12px;*/
/*}*/

.unindexed{
    color: red;
}
.hidden{
    display:none;
}

.help{
    font-family: courier new, monospace;
    display:none;
    background-color: #DFBEDF;
    padding:  5px;
}

.program{
    padding: 0px 0px 5px 0px;

}

.alarm{
    font-weight:bold;
    font-size:12px;
    color: #E24259;
}

.unavailable{
    font-weight:bold;
    font-size:12px;
    color: #cccccc;
}

.alarm1{
    font-weight:bold;
    font-size:12px;
    color: #1ABFD3;
}

.preview{
    font-family: courier new, monospace;
    font-size: 12px;
}

.success{
    font-weight:bold;
    font-size:12px;
    color: #14F123;
}

.tag{
    font-weight:bold;
    font-size:10px;
    color: #08D38E;
    border: 1px solid #08D38E;
}

.bigTag{
    font-weight:bold;
    font-size:12px;
    color: #08D38E;
    border: 1px solid #08D38E;
}

.highlight{
    background-color: #E8EF36;
}

.serviceHighlight{
    background-color: lightpink;
}

.serviceName{
    font-family: verdana, arial, sans-serif;
    color:#3C2846;
    font-size:14px;
    font-weight:bold;
}

.directory{
    font-weight:bold;
    font-size:12px;
    color: #3636DD;
}

.queryExpression{
    font-weight:bold;
    font-size:12px;
    color: #DD3DAE;
}

.notCompatible{
    background-color: lightpink;
}

.htmlView{
    font-size:10px;
    color:#0c9fb9
}

.helpTips{
    font-size: 10px;
    color: skyblue;
}

.resourceTitle{
    font-family: verdana, arial, sans-serif;
    color:#3C2846;
    font-size:14px;
}
/*======================= Side Bar ======================*/
.cursor{
    cursor: pointer;
}

.menuHead {
    font-size:    12px;
    font-weight:  bold;
    padding:  5px 3px 5px 5px;
    background-color: #FFFFFF;
    color:#4A0A63;
}

.menuItem a, .menuItem a:visited{
    display:  block; padding:    3px 5px 3px 10px;
    font-size: 11px;  font-weight:  bold;
    border-bottom: 1px solid #8C63A4;
    background-color:#FFFFFF;
    color: #3C2846;
    text-decoration: none;

}

.menuItemSelected a, .menuItemSelected a:visited{
    display:  block;
    font-size:    11px;
    font-weight:  bold;
    padding:    3px 5px 3px 4px;
    border-bottom: 1px solid #8C63A4;
    border-left: 6px solid #C7C300;
    background-color: #F0ECF0;    color: #00349c;    text-decoration: none;
/* background-color:#bddbf7; */
    color:#3C2846;
    text-decoration: none;

}

.menuItem a:hover {
    display:  block;    padding:    3px 5px 3px 4px;
    font-size:    11px;    font-weight:  bold;
    color:#3C2846; text-decoration: none;
    background-color: #bddbf7;
    border-left: 6px solid #C7C300;
    border-bottom: 1px solid #8C63A4;
}




.li{
    list-style-type: none ;
    color: #4A0A63;
    margin:0;
}

.vmiddle{
    vertical-align: 80%;
}
/*======================= Table ======================*/
.colBorder{
    background-color: #959595;
}

.border{
    border-width: 1px;
    border-style: solid;
}

/* for one column use */
.col{
    background-color:#ffffff;
    color: #000000;
}

.colHead{
    font-family: verdana, arial;
    font-size:small;
    text-transform:uppercase;
    padding: 2px 8px 2px 8px;
    background-color: #8C63A4;
    color:#FFFFFF;
}

.col1{
    padding: 3px 6px 3px 6px;
    background-color: #ead5ea;
    color: #000000;
}

.col2{
    padding: 3px 6px 3px 6px;
    background-color:#F0F0F0;
    color: #000000;
}

.colBottom{
    font-family:verdana, arial;
    font-size:small;
    padding: 5px 8px 5px 8px;
}

.row0{
    padding: 3px 6px 3px 6px;
    background-color: #FFFFFF;
    color: #000000;
}

.row1{
    padding: 3px 6px 3px 6px;
    background-color:#F0F0F0;
    color: #000000;
}

.row2{
    padding: 3px 6px 3px 6px;
    background-color: #ead5ea;
    color: #000000;
}

.table{
    border:1px solid #8C63A4;
}

.tagTable{
    border:2px solid #08D38E;
}

.commentTable{
    border:2px solid #F8E831;
}

.searchTable{
    border:2px solid #FF0042;
}
/*======================= FORM ======================*/

.box, .box_textArea {
    font-family: courier new, monospace;
    font-size: 12px ;
    background-color:#F0F0F0;
    color: #476176;
    border-width: 1px;
    border-style: solid;
    border-color: #D8BFD8;
    text-indent: 0;
}

.box {
    height: 20px;
    width:  300px;
}

.literatureBox {
    font-family: courier new,monospace;
    height: 20px;
    width:  200px;
}

.tagBox {
    font-family: courier new,monospace;
    height: 20px;
    width:  110px;
}

textarea{
    font-family: verdana, arial, sans-serif;
    font-size:12px;
    line-height: 15px;
}

select{
    font-family: verdana, arial, sans-serif;
    font-size:12px;
}

.dirCheckbox{
    border:1px solid #B70000;
}

/*======================= Border ======================*/
.borderLR{
    border-left:  1px solid #824297;
    border-right:  1px solid #824297;
}

.borderT{
    border-top:  1px solid #824297;
}

.borderB{
    border-bottom:  1px solid #824297;
}

.borderAll{
    border:  1px solid #824297;
}

.dataBorder{
    border:2px solid #69A8EC;
    padding:6px;
}

.literatureBorder{
    border:2px solid #C5EC69;
    padding:6px;
}

.toolboxBorder{
    border:2px solid #F46C89;
    padding:6px;
}

.metaBorder{
    border:2px solid #94B0AF;
    padding:6px;
}

.tipsBorder{
    border:1px dashed blueviolet;
}

.purpleBorder{
    border: 2px solid #5D0C7B;
    padding:6px;
}

.datasetBorder{
    border:2px solid #F46C89;
    padding:6px;
}

.attributeBorder{
    border:2px solid #69A8EC;
    padding:6px;
}

.filterBorder{
    border:2px solid #C5EC69;
    padding:6px;
}

.resultOption{
    border:2px solid #94B0AF;
    padding:6px;

}

.createdGroupBorder{
    border:2px solid #F6CAED;
    padding:6px;
}

.attendedGroupBorder{
    border:2px solid #DBF6B4;
    padding: 6px;
}

.workflowBorder{
    border:2px solid black;
    padding: 6px
}

.naiveBorder{
    border:2px solid black;
    padding: 6px;
}

/*======================= Space ======================*/
.left{
    float:left;
}

.right{
    text-align:right;
}

.center{
    text-align:center
}

.space2{
    padding: 2px 2px 2px 2px;
}

.space2BT{
    padding: 2px 0px 2px 0px;
}

.space2LR{
    padding: 0px 2px 0px 2px;
}

.space5{
    padding: 5px 5px 5px 5px;
}

.space5BT{
    padding:  5px 0px 5px 0px;
}

.space5LR{
    padding: 0px 5px 0px 5px;
}

.space10{
    padding: 10px 10px 10px 10px;
}

.space10LR{
    padding: 0px 10px 0px 10px;
}

.space10BT{
    padding: 10px 0px 10px 0px;
}

.space20{
    padding: 20px 20px 20px 20px;
}

.space20LR{
    padding: 0px 20px 0px 20px;
}

.space20BT{
    padding: 20px 0px 20px 0px;
}

/*======================= Link ======================*/
a:link {
    text-decoration: none;
    color:#134A81;
}
a:visited {
    text-decoration: none;
    color:#134A81;
}
a:hover {
    text-decoration: underline;
    color:#880b00;
}

a.white:link{
    text-decoration:none;
    color:#FFFFFF
}
a.white:hover {
    text-decoration: underline;
    color:#FFFFFF
}
a.white:visited{
    text-decoration:none;
    color:#FFFFFF
}
a.white:active{
    text-decoration: underline;
    color:#FFFFFF
}

a.purple:link{
    text-decoration:none;
    color:#5D0C7B
}
a.purple:hover {
    text-decoration: underline;
    color:#5D0C7B
}
a.purple:visited{
    text-decoration:none;
    color:#5D0C7B
}
a.purple:active{
    text-decoration: underline;
    color:#5D0C7B
}

/*======================= from kongl SX ======================*/
div.hidable {
    position:absolute;
    visibility:hidden;
    z-index: 3;
    background-color: #F0F0F0;
    border-width: 1px;
    border-color: #AFD3FC;
    border-style:dashed;
    padding: 5px 10px 5px 10px;
}

/*======================= for document======================*/
li.level1 {list-style: upper-roman outside;}
li.level2{ list-style:  decimal outside; }
li.level3{ list-style: lower-latin outside; }
li.levalForTag{list-style: decimal-leading-zero outside}
.helpTitle{
    font-family: verdana, arial, sans-serif;
    color:#3C2846;
    font-size:14px;
}

.subTitle{
    font-family: verdana, arial, sans-serif;
    color:#3C2846;
    font-size:12px;
}

.emphasize{
    color:red;
    font-size:12px;
}

.note{
    color:deepskyblue;
    font-size:12px;
}

.finished{
    background-color:#82409F;
    font-size:12px;
}
.running{
    background-color:#CCCC99;
    font-size:12px;
}
.fail{
    background-color:#CC0000;
    font-size:12px;
}

         
/*====for new mydata===*/
.tagged{
    background-image:url("/images/for_mydata/tagged.png");
}

.untagged{
    background-image:url("/images/for_mydata/untagged.png");
}

.singleUserIdentity{
    background-image:url("/images/for_mydata/singleUser.png");
}

.groupIdentity{
    background-image:url("/images/for_mydata/group.png");
}

.x-action-col-cell img {
  height: 16px;
  width: 48px;
}

.readP{
   background-image:url("/images/for_mydata/read.png");
    width:16px !important;
}

.writeP{
   background-image:url("/images/for_mydata/write.png");
     width:16px !important;
}


/*====for upload====*/

.canPause{
   background-image:url("/images/for_upload/pause.png");
   height: 16px !important;
   width: 16px !important;
}

.hasPaused{
    background-image:url("/images/for_upload/resume.png");
      height: 16px !important;
  width: 16px !important;
}

.canStop{
    background-image:url("/images/for_upload/stop.png");
      height: 16px !important;
  width: 16px !important;
}