/*******************************************************************************
 *
 * LOVD STYLESHEET
 *
 * Created     : 2002-11-26
 * Modified    : 2010-06-24
 * For LOVD    : 2.0-27
 *
 * Access      : Public
 *
 * Copyright   : 2004-2010 Leiden University Medical Center; http://www.LUMC.nl/
 * Programmer  : Ing. Ivo F.A.C. Fokkema <I.F.A.C.Fokkema@LUMC.nl>
 * Last edited : Ing. Ivo F.A.C. Fokkema <I.F.A.C.Fokkema@LUMC.nl>
 *
 *
 * This file is part of LOVD.
 *
 * LOVD is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * LOVD is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with LOVD; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 *************/

/* Standard styles */
body                            {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; text-align : justify;}
table                           {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; text-align : justify;}
input, button                   {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px; padding-left : 2px; padding-right : 2px;}
input:hover, input:focus        {background : #F0F3FF; border : 1px solid #112244;}
input[type="submit"]:hover      {background : #F0F3FF;}
button:hover                    {background : #F0F3FF;}
select                          {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px;}
select:hover, select:focus      {background : #F0F3FF; border : 1px solid #112244;}
textarea                        {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px; padding-left : 2px; padding-right : 2px;}
textarea:hover, textarea:focus  {background : #F0F3FF; border : 1px solid #112244;}



/* Headings */
H1             {font-size : 24px; font-weight : bold; margin-top : 0px; margin-bottom : 10px;}
H2             {font-size : 20px; font-weight : bold; font-style : italic; margin-top : 0px; margin-bottom : 5px;}
H3             {font-size : 18px; font-weight : bold; margin-top : 0px; margin-bottom : 2px;}
H4             {font-size : 16px; font-weight : bold; font-style : italic; margin-top : 0px; margin-bottom : 0px;}
H5             {font-size : 15px; font-weight : bold; margin-top : 0px; margin-bottom : 0px;}
H6             {font-size : 14px; font-weight : bold; margin-top : 0px; margin-bottom : 0px;}

.S18           {font-size : 18px;}
.S16           {font-size : 16px;}
.S15           {font-size : 15px;}
.S13           {font-size : 13px;}
.S11           {font-size : 11px;}
.S09           {font-size : 9px;}



/* Links */
a              {color : #0000FF}
a:active       {color : #0000FF}
a:visited      {color : #0000FF}



/* Top table with the logo */
table.logo           {font-size : 11px; background : #224488; color : #FFFFFF;}
table.logo a         {color : #FFFFFF;}
table.logo a:visited {color : #FFFFFF;}
table.logo a:active  {color : #FFFFFF;}



/* Top table with the submenu */
table.submenu           {font-size : 11px; background : #F0F3FF; border : 1px solid #224488;}
table.submenu table     {font-size : 11px;}
table.submenu table td  {padding : 5px;}
table.submenu a         {color : #000000; text-decoration : none;}
table.submenu a:visited {color : #000000;}
table.submenu a:active  {color : #000000;}



/* Footer message: Powered by LOVD ... */
table.footer           {font-size : 11px; background : #224488; color : #FFFFFF; border-top : 2px solid #000000; border-bottom : 2px solid #000000;}
table.footer a         {color : #FFFFFF;}
table.footer a:visited {color : #FFFFFF;}
table.footer a:active  {color : #FFFFFF;}



/* For Richard Heyes' AutoComplete library: */
.autocomplete                  {font-family: Verdana; font-size: 11px; background-color: white; border: 1px solid black; position: absolute; cursor: default; overflow: auto; overflow-x: hidden;}
.autocomplete_item             {padding: 1px; padding-left: 5px; color: black; width: 100%;}
.autocomplete_item_highlighted {padding: 1px; padding-left: 5px; color: white; background-color: #0A246A;}

/* For : Tim Taylor's ToolMan DHTML Library */
ul.sortable             {list-style-type: none; padding-left : 0px; width : 500px; border : 1px solid #AFC8FA;}
ul.sortable li          {margin : 1px; background : #F0F3FF; padding-left : 4px; padding-right : 4px;}
ul.sortable img.handle  {cursor : move;}
ul.sortable input       {border : 0px;}



/* Default aligning in tables used on forms has been changed from justified to left. */
form table             {text-align : left;}



/* For lovd_showInfoTable() */
table.info     {border : 1px solid #224488; background : #F0F3FF;}



/* Error table required by lovd_displayError(); */
table.error                     {font-size : 11px; border: 1px solid #000000; background : #F0F3FF; margin-left : auto; margin-right : auto;}
table.error th                  {font-size : 13px; border-bottom : 1px dotted #000000; background : #224488; color : #FFFFFF; padding : 0px 4px;}
table.error td                  {padding : 0px 4px;}



/* For lovd_viewNavigation() */
table.navigation                {font-size : 11px; border-top : 3px double #000000; border-bottom : 3px double #000000;}
table.navigation a              {font-weight : bold; text-decoration : none; color : #000000;}
table.navigation td             {padding-left : 5px; padding-right : 5px;}



/* Error messages on forms, required by lovd_errorPrint() */
div.err        {font-size : 11px; border : 1px solid #FF0000; background : #F3F3F3; padding : 5px;}



/* Lines and notes on the forms */
img.form_hr    {background : #CCCCCC;}
span.form_note {font-size : 11px; color : #666666;}



/* For tables on the setup page */
table.setup                     {border : 1px solid #224488; background : #F0F3FF; padding : 5px;}
table.setup tr.setup            {font-size : 11px; cursor : pointer; cursor : hand;}
table.setup tr.setup:hover      {background : #E0E9FF;}



/* Table for LOVD gene homepage and variant detail view. */
table.gene                      {border : 1px solid #AFC8FA;}
table.gene th                   {background : #AFC8FA; padding-left : 4px; padding-right : 4px;}
table.gene td                   {background : #F0F3FF; padding-left : 4px; padding-right : 4px;}



/* Often used table for views of lists and entries. */
table.data                      {font-size : 11px; border : 1px solid #AFC8FA; text-align : left;}
table.data a                    {color : #0000FF;}
table.data a.data               {color : #000000; text-decoration : none;}
table.data th                   {background : #AFC8FA; padding-left : 4px; padding-right : 4px;}
table.data td                   {background : #F0F3FF; padding-left : 4px; padding-right : 4px;}
table.data tr.hover td          {background : #C8DCFA;}
table.data tr.del a             {color : #AAAAAA;}
table.data tr.del td            {background : #F8FAFF; color : #AAAAAA;}
table.data tr.del_hover a       {color : #AAAAAA;}
table.data tr.del_hover td      {background : #C8DCFA; color : #AAAAAA;}
table.data tr.marked td         {background : #FFF0F0;}
table.data tr.marked_hover td   {background : #FAD5D5;}

/* Used for ordering the data tables per column. */
table.data th.order             {cursor : pointer; cursor : hand;}
table.data th.order th          {padding : 0px;}
table.data th.order td          {background : #AFC8FA; padding : 0px;} /* background = inherit; is fine but unsupported by IE */
table.data th.ordered           {background : #8CAFF0; color : #FFFFFF; cursor : pointer; cursor : hand;}
table.data th.ordered th        {background : #8CAFF0; padding : 0px;} /* background = inherit; is fine but unsupported by IE */
table.data th.ordered td        {background : #8CAFF0; padding : 0px;} /* background = inherit; is fine but unsupported by IE */
table.data td.ordered           {background : #C8DCFA;}
table.data tr.del td.ordered    {background : #F0F3FF;}
table.data tr.del_hover td.ordered    {background : #AFC8FA;}
table.data tr.marked td.ordered {background : #FFD5D5;}
table.data tr.marked_hover td.ordered {background : #FFC0C0;}
table.data tr.hover td.ordered  {background : #AFC8FA;}

/* Searching styles... */
table.data input                {font-size : 11px;}
table.data select               {font-size : 11px;}
table.data textarea             {font-size : 11px;}



/* setup_logs uses an alternative for the data table. */
table.data_red                  {font-size : 11px; border : 1px solid rgb(255, 100, 100);}
table.data_red a                {color : #000000;}
table.data_red th               {background : rgb(255, 100, 100); padding-left : 4px; padding-right : 4px;}
table.data_red td               {background : rgb(255, 230, 230); padding-left : 4px; padding-right : 4px;}
table.data_red tr.hover td      {background : rgb(255, 210, 210);}

/* Searching styles for the alternative data table... */
table.data_red input            {font-size : 11px;}
table.data_red select           {font-size : 11px;}
table.data_red textarea         {font-size : 11px;}
