/*NOTE - DELETE SLIM ITEMS HEADERS FOOTERS CSS */

/*  ALWAYS KEEP a FIRST */
a {text-decoration:none; color:#003A83;}
a:hover { color: #0000FF; text-decoration: underline; }
a.pages {text-decoration:underline;}

* { margin: 0; padding: 0; background-color: transparent; }   /* zeros out all default margins and padding which differ from browser to browser */

/*  begins with skeletal layout divs and matching classes, then alphabetical after footer, all a links at end  */
html {height: 100.01%; min-width: 900px; }
body {font: 1.2em/1.2 "Trebuchet MS", Arial, sans-serif; margin:0px; color: #333333; background-color: #ffffff;
background: url("../images/newRDPXbgColor.png"); background-repeat: repeat-x;}
p { margin-bottom: 15px; }

#container, #borderaroundall, #border { width: 900px; margin: 0px auto; margin-bottom: 10px; 
border-left: 1px solid #003A83; border-right: 1px solid #003A83; border-bottom: 1px solid #003A83; }
#header { margin: 0px; padding: 21px 0px 0px 10px; height: 60px; background-color: transparent; background: url("../images/RDPxBG.png"); background-repeat: no-repeat; }
#header h1 { display: none; } /* this gives Search engines the first important item in the outline layout, especially when graphics are used for text */
#menu {  position: absolute; top: 0px; right: 0px; text-align: right; font-size: 50%; text-transform: uppercase; display:inline; font-weight: 700; text-decoration: none; white-space: nowrap; border: 1px solid #cccccc; background-color: #eeeeee; padding: 1px 2px; }
#toolmenu {  position: relative; top: -15px; left: 105px; text-align:left; font-size: 65%; text-transform: uppercase; width: 900px; background-color: transparent; display:inline; font-weight: 700; text-decoration: none; white-space: nowrap; background-color: #ffffff;  }

#menu ul, #toolmenu ul  { list-style: none; margin: 0; padding: 0; border: 0; background-color: transparent; }

.welcome { font-size: 70%; font-weight:bold; width: 96%; margin: auto; margin-top: 5px; 
		border: 1px solid #cccccc; background-color: #eeeeee;    }
.submenu { font-size:130%; font-weight:bold; text-align:right;  }

#mainContent, #content { font-size: 70%; line-height: 1.2em; padding: 0px 30px 0px 30px /* 25px */;  background-color: #ffffff; }
fieldset  { width: 80%;  margin: 0px auto; padding: 10px; white-space: nowrap; line-height: 2.5; 
	background-color: #FFF0E7; 	background: url(../images/fieldsetBG.gif) left bottom repeat-x; border-width: 2px 2px 0px 2px; border-style: dotted; border-color: #cccccc;  }
.smaller { font-size: 70%; }
/* #pageEnd { background-color: #003366; width: 100%; height: 1px; font-size: 0%; margin: 10px 0px 10px 0px; } */

#footer { clear: both; width: 100%; background-color: #ffffff; padding: 20px 10px; text-align: right; /*overflow: hidden; */border-top: 1px solid #003366; height: 50px; }
.alert {color:#990000; padding:6px 0px 6px 0px;}

.bottom {border-color:#666666; 
  border-width:0px 0px 1px 0px;
  border-style:solid;}
/* above used for option table line bottom only */

.hilitepg {font-weight:bold; color:#8B0000} /* for hiliting page number - SK */
.hilitepgdir {font-size:85%; font-weight:bold;} /* for hiliting page Prev and Next link - SK */

.bright {border-color:#666666; 
  border-width:0px 1px 1px 0px;
  border-style:solid;}

.right {border-color:#666666; 
  border-width:0px 1px 0px 0px;
  border-style:solid;}

.cart {font-size:85%; font-weight:bold;}
.center {text-align: center;}
.clear {clear:both;} /* CSS HACK:only for NN4, so now use Caio hack to cleanse palette */


.data { font-size: 95%; }
.details {margin-left:25px;}
.help { font-size: 95%; width: 100%; }
.noprint { /*shows up on page, but will not print with print.css, so use for large logo images*/ }
.row { width: 100%; background-color: #FDDCC8/*FFD1B2*/; border: 4px solid #FDDCC8/*FFD1B2*/; padding: 0px; margin: 0px 0px 10px 0px; font-weight: bold; }

input { padding: 0px 3px; background-color: #FFFFFF; }
input.orange, textarea.orange, select.orange { float: left; width: 40%; text-align: left; vertical-align: bottom; margin-top: 0px; background-color: #FFFFFF; }
input.button { width: auto; background-color: #ececec; }
label.orange { float: left; width: 40%; text-align: right; margin-right: 2px; padding-right: 2px; vertical-align: bottom; text-transform: lowercase; line-height: 1em; }


/* remember, h tags are on a line all by themselves and have a paragraph separation unless noted diff. below */
h1	{font-size:130%; 
  color:#006633;  
  margin:15px 0px 0px 0px; 
  padding:6px 0px 6px 0px; 
  border-bottom:2px dotted #006633;}

h2	{font-size:110%; 
  color:#003A83;  
  font-weight:bold;  
  margin:25px 0px 10px 0px;  
  border-bottom:1px solid #003366;}	

h3 {font-size:100%;
  color:#333333;  
  font-weight:bold;  
  padding:10px 0px 0px 0px;}

/* used in a tags on dark backgrounds such as menus, see a tag rollover colors below. UNLIKE
regular h4 tag displays on a single paragraph item only, .h4 can be side-by-side and/or br between */
.h4 {color:#ffffff;}
 
h5 {font-size:70%;
  color:#333333; 
  background-color:#CAD0B8; 
  border-top:2px solid #CAD0B8;   
  border-right:2px solid #CAD0B8;  
  border-bottom:6px solid #CAD0B8; 
  border-left:2px solid #CAD0B8;  
  padding:0px 0px 0px 0px;}

/* large red alert if needed */
h6  {font-size:110%; 
  color:#990000;   
  padding:6px 0px 0px 0px;}

.headerbottom {color:#333333;   
  font-weight:bold; 
  background-color:#FDDCC8 /*CAD0B8 = lt. green */;
  border-color:#003366; 
  border-width:0px 0px 1px 0px;
  border-style:solid;}
/* above used in seq_match_hier */

/* used for data column headings, plain and hyperlinks */
.header  {color:#333333; 
  font-weight:bold;  
  background-color:#FDDCC8;    
  padding-top:2px;
  padding-right:2px;
  padding-bottom:0px;
  padding-left:2px;}

a.header {color:#003A83;   
  font-weight:bold;  
  background-color:#FDDCC8; 
  padding-top:2px;
  padding-right:2px;
  padding-bottom:0px;
  padding-left:2px;}

/* used in tr, td or paragraph for a light gray, green, orange background as in long lists */
.hilite  {color:#333333;   background-color:#D0D0D0;} /* #d0d0d0 - lt gray */
p.hilite  {color:#333333;   background-color:#DFE2D4;} /* ltgreen? */
.greenbg {background-color:#CAD0B8;}
.liteorange {color:#333333;  background-color:#FDDCC8/*FFD1B2*/; } /* ltorange */

/* since absmiddle is deprecated, this is only option; works in most browsers */
img.md {vertical-align:middle;}
img {border:0;}

table.dotty {border-top:1px dotted #647f7b;}
table.options { font-size: 80%; }
table.options td { padding: 2px; }
#options table { font-size: 80%; }
#options td { padding: 2px; }

td { padding: 1px 4px 1px 8px; }

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

ol { color: #333333; list-style: decimal; list-style-position: outside; margin-left: 35px; }

ul {color:#333333;   
  list-style:square;  
  list-style-position:inside; 
  text-indent:5px;  
  padding:0px 0px 0px 0px;}
ul.help {color:#333333;   
  list-style:circle;  
  list-style-position:inside; 
  text-indent:20px;  
  padding:0px 0px 0px 0px;}
li.help {color:#333333;   
  list-style:circle;  
  list-style-position:outside; 
  text-indent: 2px; 
  margin-left: 55px;  
  padding:0px 0px 0px 0px;}
li.square {list-style: square; margin-left: 25px; }
li.none {list-style:none; list-style-position:inside;   text-indent:15px; }
li.out { list-style-position:outside;   text-indent:0px;   }

/* first one places border around whole table, second and third used together
when all cells must have a border around them, table does top right and td
does left bottom DON'T USE WITH A BORDERALL or you'll get a 2px border here and there */
table.borderup {border-color:#666666; 
  border-width:1px 1px 0px 1px;
  border-style:solid;
  background-color:#FFFFFF;}

table.border {border-color:#003366; 
  border-width:1px 1px 0px 0px;
  border-style:solid;
  background-color:#FFFFFF;}

.border {border-color:#003366; 
  border-width:0px 0px 1px 1px;
  border-style:solid;}


/* gives mouseover effect and has no visited color clues */
a.menu:link  {color:#ffffff;    
  background-color:#003A83;}

a.menu:visited  {color:#ffffff;    
  background-color:#003A83;}

a.menu:hover  {color:#ff4500;    
  background-color:#003A83;}

a.menu:active  {color:#ffffff;    
  background-color:#003A83;}

a.h4:link  {color:#ffffff;    
  background-color:#003A83;}

a.h4:visited  {color:#ffffff;    
  background-color:#003A83;}

a.h4:hover  {color:#ff4500;    
  background-color:#003A83;}

a.h4:active  {color:#ffffff;    
  background-color:#003A83;}

a.h1:link  {color:#003A83;}
a.h1:visited  {color:#003A83;}
a.h1:hover  {color:#ff4500;}
a.h1:active  {color:#003A83;}

tt {font-size:100%;}

/* for mouseover to show FASTA or GenBank format choice */
.popup { position: absolute; left: 9px; visibility: hidden; background-color: #FDDCC8; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 3px solid black; border-right: 3px solid black; padding: 3px; z-index: 10; width: auto; }
.popupMenuLink { text-decoration: none; font-weight: bold; font-size: smaller; color: #000000; outline: none;  }
a:hover.popupMenuLink { text-decoration: none; font-weight: bold; font-size: smaller; color: #ffffff;  }


/* RDP SURVEY STUFF */
#surveyBox { position: absolute; left: 10%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;
  background: url("../survey/greenfade.gif"); background-position: bottom left; background-repeat: repeat-x;
  margin: 10px auto; border: 2px solid #003366; padding: 15px;
  color: #333333; background-color: #ffffff;
  max-width: 70%; z-index: 5000; display: none; }
#surveyBox input { float: left; width: auto; vertical-align: middle/*auto is an error here, Ryan, what did you want this to do? */; margin-top: 3px; }
form.survey { margin: 0px; }
p.survey  { text-align: right; margin: 0px; }
h1.survey { font-size: 120%; font-style: italic; color: #003366; margin: 0px; margin-bottom: 20px; padding-top: 0px; border-bottom: none; }
h2.survey { font-size: 100%; margin-bottom: 10px; color: #000000; font-style: normal; }
ul.survey { margin-bottom: 10px; }
li.survey { text-indent: 10px; margin-bottom: 5px; list-style-type: none; }
img.survey { margin: 0px; border: 0px; }


.alignedmismatch { color:#8B0000; }