﻿/*** 2008 HellermannTyton - Dirk Watkins ***/
body, table, li
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000;
    font-size: 11px;
    line-height: 1.4em;
}
body
{
    margin: 0;
    padding: 0;
    border: 0;
    background: #999 url("../base/bodyGrad.gif") repeat-x;
}
input, select
{
    font-size: 95%;
}
h1, h2, h3, h4, h5, h6
{
    font-family: Arial,Verdana,sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
}
h1, h3
{
    color: #555;
}
h1
{
    font-size: 150%;
    padding: 0 0 .5em;
    letter-spacing: .05em;
    word-spacing: .1em;
}
h2
{
    font-size: 134%;
    color: #069;
}
h3
{
    font-size: 110%;
    padding-top: 10px;
	padding-bottom: 0;
    color: #C00;
    background: url(../base/arrowH.gif) left bottom no-repeat;
    padding-left: 14px;
}
h4, h5
{
    font-size: 110%;
    color: #333;
    font-weight: bold;
}
hr
{
    height: 0;
    border: 0;
    border-top: 1px dashed #CCC;
}
ul
{
    list-style-type: square;
}
li
{
    padding: .5em 0;
}
label
{
    font-size: 100%;
    font-weight: normal;
    color: #000;
}
small
{
    color: #999;
    font-size: 90%;
}
img, a img, a, table
{
    border: none;
}
tr, td, th
{
    vertical-align: top;
    text-align: left;
}
a
{
    text-decoration: none;
    color: #07519a;
}
/*00d 3971BD*/
a:visited
{
    color: #3971BD;
}
/*00C 536a8a*/
a:hover
{
    color: #C00;
    text-decoration: underline;
}

/* cstm */
#OuterTableCellOverlay
{
    top: 0px;
    left: 0px;
    width: 99%;
    height: 5000px;
    position: absolute;
    background-color: white;
    z-index: 999;
    filter: alpha(opacity=85);
    opacity: 0.85;
    padding-top: 20%;
}

#InnerTableCellOverlay
{
    margin: auto;
    text-align: center;
    width: 400px;
    border: 1px solid black;
    padding: 10px;
    background-color: #eee;
    z-index: 998;
    filter: alpha(opacity=100);
    opacity: 1.00;
}

#layout
{
    min-width: 750px;
    width: 930px;
    background-color: #FFF;
    margin: 1em auto;
    border: solid 1px #BBB;
}
#mh
{
    float: left;
    clear: both;
    border-bottom: 1px solid #999;
    background-color: #E5E5E5;
    width: 100%;
}
#mh .logo
{
    float: left;
    margin: 1.6em 1em 0;
    padding: 0;
}

#topnav
{
    float: right;
    padding: 1em 1em 0em;
}
#topnav ul, #topnav ul li, #f ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#topnav ul li
{
    margin: 0;
    float: left;
}
#topnav a
{
    display: block;
    color: #009;
    padding: 0 .6em;
    margin: 0.2em 0;
    font-size: 85%;
    border-left: 1px solid #999;
}
#topnav a:hover
{
    background-color: #f0f0f0;
}
#topnav li.n1 a
{
    border-left: 0;
}
#topnav input
{
    font-size: 80%;
    margin-left: 1em;
}

#c, #f
{
    margin: 0;
    padding: 1.5em 1em;
    clear: both;
}
#c p
{
    max-width: 60em;
    margin: 0 0 1.5em 0;
}

#c .rc, #c .lc
{
    margin: 0;
    background-color: #FFF;
}
#c .rc
{
    float: right;
    width: 79%;
    overflow: hidden;
}
#c .lc
{
    float: left;
    width: 20%;
}
.lc ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 190px;
}
.lc li
{
    width: 95%;
    padding: .3em 0;
    border-bottom: 1px dotted #ccc;
}
.lc li ul li
{
    padding-left: 2em;
    width: 85%;
}
.current
{
    font-weight: bold;
}

#f
{
    border-top: 1px dashed #CCC;
    padding: 1em 10px;
    margin-top: 2em;
    background-color: #F0F0F0;
}
/**/
#f li
{
    display: inline;
    color: #555;
}
#f ul
{
    margin: .2em 0;
    padding: 0;
}
#f li
{
    padding: 0 .5em;
    border-left: 1px solid #CCC;
}
#f .n1
{
    padding-left: 0;
    border: 0;
}

/* son of Suckerfish */
#nav
{
    clear: right;
}
#nav, #nav ul
{
    float: right;
    width: auto;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;
    margin: 1em 1em -1px 0;
}
#nav a
{
    display: block;
    color: #555;
    text-decoration: none;
    padding: 0.25em 1em;
    border: solid #999;
    border-width: 3px 0 0;
    background-image: url("../base/navGrad.gif");
}
#nav .n1 a
{
    border-top-color: #F06A27;
}
#nav .n2 a
{
    border-top-color: #A8BE44;
}
#nav .n3 a
{
    border-top-color: #536A8A;
}
#nav .n4 a
{
    border-top-color: #E82227;
}
#nav .n5 a
{
    border-top-color: #3D4346;
}
#nav ul a
{
    margin: 0;
    border: none;
}
#nav li
{
    float: left;
    padding: 0;
    margin: 0 .1em;
    border: solid #999;
    border-width: 0 1px 1px;
}
#nav li ul
{
    position: absolute;
    left: -999em;
    height: auto;
    width: 17em;
    font-weight: normal;
    margin: 1px -1px 0;
    border: 1px solid #999;
    border-top: 0;
    background: #EEE;
}
#nav li ul ul
{
    margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
    left: auto;
}
#nav li.hasChildren:hover, #nav li.hasChildren .sfhover
{
    background-color: #EEE;
    border-bottom: 1px solid #EEE;
}
#nav li:hover, #nav li.sfhover, #nav li:hover a, #nav li.sfhover a
{
    color: #000;
    background: #EEE;
}
#nav li ul li
{
    width: 100%;
    border: 0;
    margin: 1px 0 0;
    padding: 0;
}
#nav li ul li:hover, #nav li ul li.sfhover, #nav li ul li:hover a, #nav li ul li.sfhover a
{
    color: #000;
    background-color: #FFF;
}
/* end nav */

.RNRCheck
{
    font-size: 134%;
    color: #069;
}

.ag
{
    border-bottom: 1px dashed #CCC;
    margin-bottom: .7em;
}
.g
{
    background-color: #FFF;
}
.g, .g tr
{
    color: #000;
    width: 100%;
    text-align: left;
    vertical-align: top;
    border: 0;
}
.g td, .g th
{
    padding: 5px;
}
.g a
{
    text-decoration: none;
}
.gh
{
    background-color: #DFEAF4;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: bottom;
}
.gf, .gp
{
    background-color: #C2D6EB;
}
.gp
{
    font-weight: bold;
}
.gp a
{
    color: #00F;
    text-decoration: underline;
    margin: 0 .1em;
}
.grhv, .dwnld:hover
{
    background-color: #DAE3F4;
}
.gr td, .gra td, .grs td, .gre td
{
    margin: 6px 0;
}
.gr
{
    background-color: #FFF;
}
.gra
{
    background-color: #F3F7FB;
}
.grs, .gre
{
    background-color: #C6DAFB;
    color: #006;
}
.gbx
{
    height: 120px;
    width: 240px;
    overflow: auto;
}

.t
{
    width: 95%;
    cursor: default;
    padding: 0;
    margin: 0;
    max-width: 190px;
}
.tn, .tsn
{
    cursor: pointer;
}
.tsnr, .tnr, .thnr, .ttc, .tstc, .thtc
{
    padding: .3em 0;
    border-bottom: 1px dotted #CCC;
    color: #009;
}
.thnr, .thtc
{
    color: #C00;
    cursor: pointer;
}
.tsnr
{
    cursor: default;
}
.tsn
{
    font-weight: bold;
}

.left
{
    float: left;
}
.right
{
    float: right;
}

.fb
{
    border: #999 1px solid;
    background-color: #c2d6eb;
    padding: 10px;
    margin: 1em 0;
}
.bx, .fbx, .erbx
{
    background-color: #EEE;
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}
.fbx h5
{
    margin: -5px -10px 0;
    padding: 3px 10px;
    border-bottom: 1px dashed #999;
}
.fbx ul, .fb li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.fbx a
{
    background: url(../base/arrowB.gif) left no-repeat;
    padding-left: 10px;
}
.fbx
{
    width: 155px; /*9/4/07 too ady */
    background-color: #FaFaFa;
    border: 1px dashed #CCC;
    border-width: 1px 0 0 1px;
}
.dl
{
    list-style-type: none;
}
.nw
{
    white-space: nowrap;
}
.icon
{
    margin-right: 1em;
}
.bang
{
    color: #D00;
    font-weight: bold;
    font-style: italic;
}
.error
{
    color: #F00;
}
.erbx
{
    background-color: #FFDEAD;
}

/*hacks*/
/*IE5-6*/
* html #nav li ul
{
    margin-top: -2px !important;
}
* html #layout
{
    width: 950px;
}
* html #mh
{
    border: none;
}
* html #nav li.hasChildren:hover, #nav li.hasChildren .sfhover
{
    border-bottom: 1px solid #EEE;
}
* html #c .rc
{
    width: 74%;
}
* html #c .lc
{
    width: 21%;
}

/*opera @media all and (min-width:0px){#topnav{width:400px;}}*/

/*jcarousel*/
.jcarousel-skin-htcorp a, .jcarousel-skin-htcorp a:link, .jcarousel-skin-htcorp a:visited, .jcarousel-skin-htcorp a:active
{
    text-decoration: none;
}

.jcarousel-skin-htcorp img
{
    border: 0;
}

.jcarousel-skin-htcorp .jcarousel-container
{
	margin: 5px 0 0 0;
}

.jcarousel-skin-htcorp .jcarousel-container-vertical
{
    width: 230px;
    height: 180px;
    padding: 20px 5px 20px 5px;
}

.jcarousel-skin-htcorp .jcarousel-clip-vertical
{
    width: 230px;
    height: 180px;
}

.jcarousel-skin-htcorp .jcarousel-item-vertical
{
}


.jcarousel-skin-htcorp .jcarousel-item
{
    width: 230px;
    height: 50px;
    border: 0;
}

.jcarousel-skin-htcorp .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

/* Vertical Buttons */
.jcarousel-skin-htcorp .jcarousel-next-vertical
{
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 230px;
    height: 24px;
    cursor: pointer;
    background: transparent url("../base/next-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-htcorp .jcarousel-next-vertical:hover
{
   /* background-position: 0 -32px;*/
}

.jcarousel-skin-htcorp .jcarousel-next-vertical:active
{
    /*background-position: 0 -64px;*/
}

.jcarousel-skin-htcorp .jcarousel-next-disabled-vertical, .jcarousel-skin-htcorp .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-htcorp .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-htcorp .jcarousel-prev-vertical
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 230px;
    height: 24px;
    cursor: pointer;
    background: transparent url("../base/prev-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-htcorp .jcarousel-prev-vertical:hover
{
    /*background-position: 0 -32px;*/
}

.jcarousel-skin-htcorp .jcarousel-prev-vertical:active
{
    /*background-position: 0 -64px;*/
}

.jcarousel-skin-htcorp .jcarousel-prev-disabled-vertical, .jcarousel-skin-htcorp .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-htcorp .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}
/*jcarousel end*/
