/*
+============================================================================+
|  SILQ.CSS - styles common to all pages on the silq site                    |
+============================================================================+
|  main selectors                                                            |
+----------------------------------------------------------------------------+
*/

body                { margin: 0px; }

td                  { font-family:  arial,verdana,sans-serif;
                      font-size: 9pt;
                      color:  #000000;
                      line-height: 1.4; }

td .nav,
td .sub-nav         { line-height:1;}

p,form              { margin: 12px 0px; }

a                   { color: #712B77;
                      background-color: transparent; }

a:hover             { color: #FF9900;
                      background-color: transparent; }

/*
+----------------------------------------------------------------------------+
|  generic styles                                                            |
+----------------------------------------------------------------------------+
*/

.date               { color: #CCCCCC;
                      background-color: transparent; }

                    /* silk background in header */
.pattern            { background-image: url(../images/silk_only.gif);
                      background-repeat: repeat-x; }

.bold               { font-weight: bold; }

.table1             { border: 1px solid #712B77;}

.cell1              { padding: 6px 5px;
                      text-align: left; 
                      vertical-align: top}

.cell2              { padding: 6px 5px;
                      text-align: center;
                      vertical-align: top}

.small-text         { font-size: 7pt;
                      color: #712B77; }

/*
+----------------------------------------------------------------------------+
|  navigation styles                                                |
+----------------------------------------------------------------------------+
*/

.nav                { padding: 6px 5px;
                      text-align: center }

.nav-width          { width: 75px }

.nav-thin           { width: 1px }

.nav-main           { text-decoration: none;
                      color: #FFFFFF;
                      background-color: #712B77;}

.nav-sub            { text-decoration: none;
                      color: #712B77;
                      background-color: transparent;
                      width: 75px}

.nav-sub-wide        { text-decoration: none;
                      color: #712B77;
                      background-color: transparent;
                      width: 100px}

.nav-over           { color: #FFFFFF;
                      background-color: #B895BB;}

.info-link          { text-decoration: none;
                      color: #712B77;
                      background-color: transparent;}

#quick-links        { margin: 20px 0px;}

#quick-links td     { padding: 5px 0px; }

/*
+----------------------------------------------------------------------------+
|  lt - styles with a light background (white)                             |
+----------------------------------------------------------------------------+
*/

.lt-bg              { background-color: #FFFFFF; }

.lt-line            { background-color: #712B77; }

.lt-heading         { font-size: 14pt;
                      color: #712B77; }

.lt-sub-heading     { font-size: 11pt;
                      color: #B895BB; }

.lt-link            { color: #712B77;
                      font-weight: bold;
                      text-decoration: none; }

.lt-copy            { font-size : 8pt;
                      color: #712B77;
                      background-color: transparent;
                      padding: 10px;}

.lt-line-dark       { background-color: #712B77; }

.lt-line-mid        { background-color: #CCCCCC; }

/*
+----------------------------------------------------------------------------+
|  dk - styles with a dark background (purple)                           |
+----------------------------------------------------------------------------+
*/

.dk-bg              { background-color: #712B77; }

.dk-line            { background-color: #CC99FF; }

.dk-heading-big     { color: #CC99FF;
                      font-weight: bold;
                      font-size: 14pt; }

.dk-heading         { color: #CC99FF;
                      font-weight: bold;
                      font-size: 11pt; }

.dk-sub-heading     { color: #CC99FF;
                      font-weight: bold;
                      font-size: 9pt; }

.dk-text            { color: #FFFFFF;
                      text-decoration: none; }

.dk-text-big        { color: #FFFFFF;
                      text-decoration: none; 
                      font-size: 14pt; }

.dk-link            { color: #FF9900;
                      background-color: transparent;
                      text-decoration: none; }

a.dk-link:hover     { color: #FF9900; }

.dk-copy            { font-size : 8pt;
                      color: #CC99FF;
                      background-color: transparent;
                      padding: 10px;}
/*
+----------------------------------------------------------------------------+
| info box                                                                   |
+----------------------------------------------------------------------------+
*/

#box                { border: 1px solid #712B77; }

.box-bg             { background-color: #EFEAF5; }

.box-heading        { background-color: #712B77;
                      color: #FFFFFF;
                      font-weight: bold; }

.box-text           { color: #712B77; }

.box-line           { background-color: #FFFFFF; }

#icon-box           { border: 1px solid #712B77;
                      position: absolute;
                      overflow: visible;
                      top: 155px;
                      left: 600px; }

/*
+----------------------------------------------------------------------------+
|  position, height and width                                                |
+----------------------------------------------------------------------------+
*/
.fh                 { height: 100%; }

.fw                 { width: 100%; }

.top                { vertical-align: top; }

.bottom             { vertical-align: bottom; }

.middle             { vertical-align: middle; }

.right              { text-align: right; }

.left               { text-align: left; }

.center             { text-align: center; }

.h-15               { height: 15px; }

.h-20               { height: 20px; }

.w-415              { width: 415px; }

.w-200              { width: 200px; }

.w-615              { width: 615px; }

.w-10               { width: 10px; }

.w-15               { width: 15px; }

.top-cont           { height: 145px; }

/*
+----------------------------------------------------------------------------+
|  padding and margins                                                       |
+----------------------------------------------------------------------------+
*/

.p-5                { padding: 5px; }

.p-15               { padding: 15px; }

.p-20               { padding: 20px; }

.p-10-15            { padding: 10px 15px; }

.p-15-20            { padding: 15px 20px; }

.p-0-15             { padding: 0px 15px; }

/*
+----------------------------------------------------------------------------+
|  forms                                                                     |
+----------------------------------------------------------------------------+
*/

.even               {
                      background-color: #EFEAF5; }

.odd                {  }

.required           { color: #CC0000; }

.textfield          { border: 1px solid #712B77; }

.button             { border: 1px solid #712B77;
                      background-color: #712B77;
                      color: #FFFFFF; 
                      width: 100px}

