body { font-family: arial; } a {text-decoration:none; white-space:nowrap} a {color: #004d80} a:hover {text-decoration:underline} a.button {text-decoration:none} h1,h2,h3,h4,h5,h6 {margin:0.2em 0 0.25em 0; display:block; font-family: Arial} h1 {font-size:4.00em} h2 {font-size:3.00em} h3 {font-size:2.10em} h4 {font-size:1.60em} h5 {font-size:1.25em} h6 {font-size:1.12em} th,label {font-weight:bold; white-space:nowrap;} td,th {text-align:left; padding:2px 5px 2px 5px} form table tr td label {text-align:left} p,table,ol,ul {padding:0; margin: 0.75em 0} p {text-align:justify} ol, ul {list-style-position:outside; margin-left:2em} li {margin-bottom:0.5em} span,input,select,textarea,button,label,a {display:inline} img {border:0} div {font: arial; vertical-align:top;} @font-face{ font-family: open sans; src: url('OpenSans-Regular.ttf'); } div.main { width: 97%; margin: auto; overflow: hidden; float: none; } div.scrolled{ background: #FCFCF8; padding: 5px 5px 5px 5px; border: 1px solid #b2a7a7; width: 95%; overflow: scroll; } div.monospace { margin: 5px; padding: 5px 5px 5px 5px; font-size: 12px; font-family: monospace; font-style: bold; background: #f7f7ed; border: 1px solid #b2a7a7; width: 95%; word-wrap: break-word; } b.monospace{ font-family: monospace; } div.warning{ background: #F7DDD8; padding: 5px 5px 5px 5px; font-size: 18px; } div.scrollableContainer { position: relative; width: 1124px; padding-top: 1.7em; margin: 10px; border: 1px solid #999; background: #D8F6CE; } div.scrollingArea { border:1px solid #b2a7a7; height: 400px; overflow: auto; margin: 10px; } .scrollingArea h5 { font-size:14px; font-family:monospace; background-color: #A9E2F3; padding: 2px; } .highlight { background-color: #D0D0B9; } div.floatleft { float:left; margin: 4px; padding: 2px; width: 58%; } .floatleft h5 { font-size:14px; font-family:monospace; background-color: #A9E2F3; padding: 2px; } div.floatright { float:right; margin: 2px; padding: 2px; width: 38%; } .floatright h5 { font-size:14px; padding: 2px; } .tinytable { font-family:monospace; font-size:12px; } .tinytable table{ margin:1px; padding:2; }.tinytable td{ border-spacing: 0; border:0px solid #b2a7a7; border-width:0px 0px 0px 0px; width: 80px; white-space: nowrap; } .tinytable th{ background-color: #F1F1F1; border-width:0px 0px 0px 0px; } .tinytable tr:nth-child(even){ background-color:#F7F7F7; } .seqtable { margin:0px;padding:2px; border:1px solid #b2a7a7; font-family: monospace; font-style: bold; font-size:9px; white-space: nowrap; } .seqtable table{ margin:2px; } .seqtable td{ width:100%; border:0px solid #b2a7a7; border-width:0px 0px 0px 0px; margin:0px; padding:1px 4px 0px 4px; } .seqtable th{ padding:1px 4px 0px 4px; /*background-color: #E0ECF8;*/ } .seqtable tr:nth-child(even){ background-color:#F7F7F7; } .gridtable{ border: 1px solid #b2a7a7; font-size: 11px; font-family: monospace; background-color: white; } .gridtable td{ font-size: 11px; min-width: 16px; text-align: center; width: 100%; border: 1px solid #b2a7a7; margin: 0px; padding: 1px 2px 1px 2px; } .gridtable th{ font-size: 11px; padding: 2px 4px 2px 4px; border:1px; } .test {} body{ background-color: white; } /* Sortable tables */ .sortable { margin:0px;padding:0px; width:100%; border:1px solid #b2a7a7; font-family: monospace; font-size:11px; } .sortable table{ table-layout: fixed; border-collapse: collapse; border-spacing: 0; height: 400px; margin:0px;padding:2px; overflow:scroll; } .sortable td{ font-size: 11px; border-width: 0px 0px 0px 0px; margin: 1px; padding: 2px 3px; width: 100%; } .sortable th{ background-color: #ECF0F1; border-width: 0px 0px 0px 0px; max-width: 300px; min-width: 40px; word-wrap: break-word; } .sortable tr:nth-child(even){ background-color:#F7F7F7; } .genometable { font-family: monospace; font-size: 13px; }.genometable td{ border-spacing: 0; border-width:0px 0px 0px 0px; border:0px; max-width: 500px; word-wrap: break-word; } .genometable th{ background-color: #F1F1F1; border-width:0px 0px 0px 0px; width: 150px; } .genometable tr:nth-child(even){ background-color:#F7F7F7; } .col-submit { text-align: center; padding: 20px; } .divheader { font-family: "open sans"; font-style: bold; font-size: 16px; background-color: #F1F1F1; padding: 4px; border-spacing: 1; margin-bottom: 3px; background-image:url('pattern1.png'); } .divheader h3{ font-size:2.00em; font-family: "open sans"; } .divheader h2{ font-size:1.80em; font-family: "open sans"; } .divheader img { float: right; } .divheader span { margin: 0 3px; } div.help-page{ font-family: "Droid Sans", Arial, sans-serif; font-size: 1.2em; line-height: 1.48em; } div.footer { background-color: #F1F1F1; padding: 4px; bottom: 0; margin: 4px; width: 98%; } form { width: 800px; } input[type=text],input[type=password]{ font-size: 14px; width: 100px; height: 25px; -webkit-border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; -moz-border-radius: 0px 4px 4px 0px/0px 0px 4px 4px; border-radius: 0px 4px 4px 0px/5px 5px 4px 4px; background-color: #fff; -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09); -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09); box-shadow: 1px 2px 5px rgba(0,0,0,.09); border: solid 1px #cbc9c9; margin-left: 2px; margin-right: 4px; margin-top: 5px; padding-left: 5px; } input.button { font-size: 14px; font-weight: 600; display: inline-block; text-decoration: none; width: 100px; height: 22px; transition: all 0.1s linear 0s; top: 0px; margin: 10px; } select { font-size: 14px; height: 22px; } .form label { display: inline-block; width: 150px; } .tabs { position: relative; min-height: 450px; min-width: 480px; width: 100%; clear: both; margin: 35px 0 25px; background: white; } .tab { float: left; } .tab label { font-size: 13px; background: #E0EBF1; padding: 6px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; top: -29px; -webkit-transition: background-color .17s linear; } .tab [type=radio] { display: none; } .content { position: absolute; top: -1px; left: 0; background: white; right: 0; bottom: 0; padding: 5px; border: 1px solid #ccc; -webkit-transition: opacity .6s linear; opacity: 0; height:450px; overflow:auto; } [type=radio]:checked ~ label { background: lightblue; border-bottom: 1px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; opacity: 1; } .largebtn { background: #336699; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: "open sans" Arial; color: #f5f5f5; font-size: 24px; padding: 10px 20px 10px 20px; text-decoration: none; } .largebtn:hover { background: #3cb0fd; text-decoration: none; } .largebtn span { font-family: "open sans" Arial; display: inline-block; padding: 20px 30px 20px 30px; width: 120px; text-align: center; } .largetable{ font-size: 20px; cellspacing: 20px; max-width: 70%; } .largetable td{ font-family: "open sans" Arial; padding: 0 0 0 20px ; } .combobox { height: 100px; width: 150px; } .textbox select { width: 250px; } .configform table{ background: #F1F1F1; padding: 10px; } .configform td{ valign: top; } .configform input{ background: #F1F1F1; width: 200px; } .widget-box { background: #f0f0f0; border-radius: 5px; border: 1px black solid; }