/*generic css for all prupose*/
body {text-align: center;}

#tabs     { background:#FFFFFF url(); border-width:0px; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; }
#tabs>div { padding:0px;    margin: 30px 2px 0px 2px; }
#tabs>ul { font-size:11px; padding-left:7px;}
.mytooltips { font-size:11px; color:blue; text-align:left;}

.rowend { height:0px;width:0px;clear:both; }
.maintb, .maintb2 { background-color:#FFFFFF; border-width:2px; border-color:#FFFFFF;  width: 100%; padding:2px;}  

a.myalink:link, a.myalink:visited, a.myalink:active  { text-decoration:none;color:#0000FF; }  
a.myalink:hover                                      { text-decoration:none;color:#FF0000; }

.clickabletext       {color:blue; text-decoration:underline; cursor:auto} 
.clickabletext:hover {color:blue; text-decoration:underline; cursor:pointer} 

.helpmark       {color:blue; cursor:auto} 
.helpmark:hover {color:blue; cursor:pointer} 
.helpcss        {width:300px;font-size:10px;color:blue;text-align:left;}

.mainframe {clear:both; width:1350px; margin:0 auto;  text-align:left; font-size:14px; background:#FFFFFF; font-family:Times New Roman,Times,serif;}

.layoutcontainer {margin:0; padding:0; border-bottom:1px solid #BBB; overflow:hidden; }

.layoutcontainer_c11  {
     width:1348px;
     padding:0px;
     margin:0px;
     border:1px dotted #BBB;
}


.layoutcontainer .c21  {
     float:left;  width:180px; 
     padding:0;   margin:0px;
     margin-bottom:-3000px; padding-bottom:3000px;
     background:#fff url("box-bg-tile.png") repeat-x scroll 0 0;
     border:1px solid #BBB;
}

.layoutcontainer .c22  {
     padding:0; margin:0 0 0 190px;  
     margin-bottom:-3000px; padding-bottom:3000px;
     background:#fff url("box-bg-tile.png") repeat-x scroll 0 0;
     border:1px solid #BBB;
}

.layoutcontainer_c11 p,  .c22 p   { padding:5px 10px 5px 10px; border:0px; margin:0px; text-align:justify; }
.layoutcontainer_c11 h3, .c22 h3  { padding:10px;              border:0px; margin:0px; text-align:justify; font-size:14px; font-weight:bold;  }

/*below is cytoscape and jQuery specific css*/
  #cytoscapeweb { width:1068px; height:901px; background-color: #FFFFFF; float:left; /*text-align:center;*/ vertical-align:middle; 
                  font-size:18px; font-weight:bolder; 
                  border-width:0px;border-style:solid;border-color:#BBB;
                  padding:0px; margin:0px 2px 0px 0px;
                }
  #panel        { width:272px; height:901px; background-color: #fafafa; float:left; 
                  border-width:0px; border-style:solid; border-color:#BBB;
                  padding:0px; margin:0px;
                  font-size:11px;
                }
  #searchpanel  { font-size:11px; line-height:2.5; margin:0px 0px 10px 0px;padding:0px;}


  .smallPanelTitle { text-align:center;font-weight:bold; line-height:18px; background-color:#E0E0E0; font-size:11px;}
  .smallPanelContent { text-align:left;line-height:18px; background-color:#E0E0E0; font-size:11px;}

  .tinyPanelTitle { color:black; font-size:11px; }
  .tinyPanelTitle_disabled { color:#bbbbbb; font-size:11px; }

  .ui-autocomplete {
     background: #EEEEEE;
     border-radius: 0px;
     font-size:12px;
     text-align: left
  }
  .ui-autocomplete.source:hover {
    background: #454545;
  }

  #cytocontextmenu { width:250px; text-align:left; font-size:12px;}

  /*  tmpnode/tmprel were designed to display node-to-node path string*/
  a:link.tmpnode, a:active.tmpnode, a:visited.tmpnode  { color:#0000FF; TEXT-DECORATION:none;font-size:14px;}
  a:hover.tmpnode                                      { color:#000080; TEXT-DECORATION:underline;font-size:14px;}
  a:link.tmprel, a:active.tmprel, a:visited.tmprel    { color:#FF0000; TEXT-DECORATION:none;font-size:14px;}
  a:hover.tmprel                                      { color:#800000; TEXT-DECORATION:underline;font-size:14px;}


  a:link.panellink, a:active.panellink, a:visited.panellink  { color:#0000FF; TEXT-DECORATION:none;font-size:11px;}
  a:hover.panellink                                          { color:#000080; TEXT-DECORATION:underline;font-size:11px;}

  table.maintb td, table.maintb2 td{ font-size:100%; padding:2px;}

  .opacityElement { /* 60% opacity */
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
   }