/* 
    Document   : sbmlstyle
    Created on : 03.11.2011, 16:26:26
    Author     : wetschea
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*OPERA FIXES*/

  x:-o-prefocus,#write{
        margin-top:2px;
    }
  x:-o-prefocus,#spreadsheet{
        margin-top:2px;
    }
 x:-o-prefocus, #writeBio{
        margin-top:-20px;
    }
 x:-o-prefocus,#backToResults {  
        margin-bottom:20px;  
    } 
.error{
    color: red;
}


*{
    font-size:1em;
}

*{
     font-family:'Tahoma', 'Helvetica',sans-serif;
      background-color:#FAFAFA;
}

html, body {
   
    height: 100%;
    margin:0 10px;
}

body{
    font-size: 85%;
}

#content{
    width: 630px;
margin: 0 0 0 10px;
}

h1{
    color: #0181D8;
    font-size: 1.2em;
    margin: 0 1px;
}

.odd{background-color: white;}
.even{background-color: #ebebeb;}

h2{
    color: #0181D8;
    font-size: 1.2em;
    margin: 0 1px;
}
h3{
    color: #0181D8;
    font-size: 1em;
    margin: 0 1px;
}

table{
    width: 100%;
}
#kinlawTable{
     width:100%;
    text-align: left; 
      
}
#reactionTable{
    width:100%;
    text-align: left;
     
    
}
#reactionTable th, #kinlawTable th {
     border: 1px solid #0181D8;
}
 #kinlawTable td, #reactionTable td {
     border: 1px solid #EBEBEB;
}
th{
     background-color: #0181D8;
     color:white;
}
#kinlawTable td{
    background-color: #ebebeb;
}
#btns{
    float: right;
/*    width: 332px;*/
}

#buttonsSbml{
    background-color: #FAFAFA;
}

.btn{
      float: left;
/*    height: 34px;*/
/*    width: 332px;*/
}

#removeReaction{
    float: right;
    cursor: pointer;
    width: 245px;
    height: 34px;
    border:none;
    background: url("../../images/removeReaction.png") no-repeat scroll center top transparent;
}

#removeReaction:hover{
     background: url("../../images/removeReactionHOVER.png") no-repeat scroll center top transparent;
}

#removeReaction input{
     background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: transparent;
    width:240px;
    height:34px;
}

#clear{
    float: left;
    cursor: pointer;
    width: 70px;
    height: 34px;
    border:none;
     background: url("../../images/clear.png") no-repeat scroll center top transparent;
}

#clear:hover{
     background: url("../../images/clearHOVER.png") no-repeat scroll center top transparent;
}

#sendToSycamore{
    float: left;
    cursor: pointer;
    width: 226px;
    height: 34px;
    border:none;
     background: url("../../images/sendToSycamore.png") no-repeat scroll center top transparent;
}

#sendToSycamore:hover{
	background: url("../../images/sendToSycamoreHOVER.png") no-repeat scroll center top transparent;
}

:root #write{
    margin-top:20px \ ;
}
#write{
    float: left;
    margin-top /*\**/: 20px\9 ;
    margin-top: -13px;
    cursor: pointer;
    width: 119px;
    height: 34px;
    border:none;
     background: url("../../images/writeSbml.png") no-repeat scroll center top transparent;
}

#spreadsheet{
    float: left;
    margin-top /*\**/: 20px\9 ;
    cursor: pointer;
    width: 178px;
    height: 34px;
    border:none;
     background: url("../../images/spreadsheet.png") no-repeat scroll center top transparent;
}

#spreadsheet:hover{
     background: url("../../images/spreadsheetHOVER.png") no-repeat scroll center top transparent;
     background /*\**/: url("../../images/spreadsheetHOVER.png") no-repeat scroll center bottom transparent\9;
     background: url("../../images/spreadsheetHOVER.png") no-repeat scroll center bottom transparent\9;
}
    
/*#writeBio{
    float: left;
    cursor: pointer;
    width: 140px;
    height: 34px;
    border:none;
     background: url("../../images/writeBioPax.png") no-repeat scroll center top transparent;
}*/

#exportBTNS tr{ height: 100px;
    
}
/*
#exportBTNS3 table{
    width:30%;
}*/

#writeBio{
    float: left;
    cursor: pointer;
    width: 160px;
    z-index:100;
    height: 75px;
    border:none;
    background /*\**/: url("../../images/writeBioPax.png") no-repeat center bottom transparent\9;
    background: url("../../images/writeBioPax.png") no-repeat center top transparent;
    margin-top: -36px;
    margin-top /*\**/: -22px\9 ;
    background: url("../../images/writeBioPax.png") no-repeat center bottom transparent\9;
    margin-top: -23px\0/;
     
}

#write:hover{
     background: url("../../images/writeSbmlHOVER.png") no-repeat scroll center top transparent;
     background /*\**/: url("../../images/writeSbmlHOVER.png") no-repeat scroll center bottom transparent\9;
     background: url("../../images/writeSbmlHOVER.png") no-repeat scroll center bottom transparent\9;
}
/*#writeBio:hover{
     background: url("../../images/writeBioPaxHOVER.png") no-repeat scroll center top transparent;
}*/
#writeBio:hover{
     background: url("../../images/writeBioPaxHOVER.png") no-repeat transparent;
}
#backToResults{
    margin-bottom: 18px; /*was 5*/
    margin-bottom /*\**/: -19px\9 ;
    float: right;
    cursor: pointer;
    width: 147px;
    height: 34px;
    border:none;
     background: url("../../images/backResults.png") no-repeat scroll center top transparent;
}


#backToResults:hover{
     background: url("../../images/backResultsHOVER.png") no-repeat scroll center top transparent;
}

#backtoresult{
    float: left;
}

#name{
    width: 200px;
}
#saveSBML{
    margin:5px;
    float: left;
    cursor: pointer;
    width: 241px;
    height: 34px;
    border:none;
     background: url("../../images/saveSBML.png") no-repeat scroll center top transparent;
}

#saveSBML:hover{
     background: url("../../images/saveSBMLHOVER.png") no-repeat scroll center top transparent;
}

#savePDF{
/*    display: none;*/
margin:5px;
    float: left;
    cursor: pointer;
    width: 227px;
    height: 34px;
    border:none;
     background: url("../../images/savePDF.png") no-repeat scroll center top transparent;
}

#savePDF:hover{
     background: url("../../images/savePDFHOVER.png") no-repeat scroll center top transparent;
}

a[href^="http:"]  {
   background:url("../../images/icons/externalLink.png")no-repeat scroll right center transparent;
     padding-right: 19px;
}
a[href^="https:"]  {
   background:url("../../images/icons/externalLink.png")no-repeat scroll right center transparent;
     padding-right: 19px;
}

a[href^="http://sabio"]  {
   background-image:none;
   
}
A {color: #0181D8;}


A:HOVER {color:#059aff;}