/* HotShed Corporate Website */
/* Common CSS File           */


/* Basic declarations */

body, p, td, li, select, input, textarea {
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    color:black;
}

body {
    margin:0px 0px 8px 0px;
    background:#d5e8fb;
}

A, A:link, A:visited, A:active {
    color:#336699;
}

A:hover {
    color:#000066;
    text-decoration:none;
}

.offsite:before {
    content:url('images/offsite.gif');
}

acronym {
    border-bottom:1px dotted #006600;
    cursor:help;
}

form {
    margin:0px;
}

input, select, textarea {
    border:1px solid #99ccff;
    border-top-color:#6699cc;
    border-left-color:#6699cc;
    background:#f3f9ff;
    color:#000066;
}

textarea {
    font-family:Lucida Sans Typewriter,Lucida Console,Monaco,Courier New,monospace;
}

.noshow {
    display:none;
}



/* Wrappers */

#page-wrapper {
    clear:both;
    margin:0px 10px 0px 10px;
}

#content-wrapper {
    width:764px;
    background:white;
    xborder:1px solid #336699;
    xborder-top:0px;
}



/* Header area */

#header {
    float:left;
    width:760px;
    height:85px;
    margin-bottom:5px;
    background:url('images/header_repeat.jpg');
    background-repeat:repeat-x;
    font-size:11px;
    font-weight:bold;
    color:white;
}

#hdr-logo {
    float:left;
    width:486px;
    height:60px;
    background:url('images/header_lines.jpg');
    background-repeat:no-repeat;
    background-position:right;
}

#hdr-ad {
    float:right;
    width:220px;
    height:40px;
    margin:12px 0px 0px 0px;
}

#hdr-edge-r {
    float:right;
    width:4px;
    height:85px;
    background:url('images/header_edge_right.gif');
    background-repeat:no-repeat;
}

#hdr-edge-b {
    clear:left;
    width:760px;
    height:3px;
    background:url('images/menubar_edge_bottom_repeat.gif');
    background-repeat:repeat-x;
}



/* Menu bar (also in header) */

#mnubar {
    clear:left;
    width:760px;
    height:22px;
    padding:0px;
    margin:0px;
    background:url('images/menubar_repeat.gif');
    background-repeat:repeat-x;
    background-color:#006699;
    text-transform:lowercase;
}

#mnu-phone {
    float:right;
    margin:4px 4px 0px 4px;
    width:314px;
    text-align:right;
    text-transform:none;
}

#mnu-phone span {
    visibility:hidden;
}

#mnuitems {
    position:relative;
    height:22px;
    margin:0px;
    padding:0px 0px 0px 4px;
}

.mnuitem-link {
    position:relative;
    height:22px;
    xvertical-align:10px;
    margin:0px;
    padding:0px;
    background:url('images/menubar_off_repeat.gif');
    background-repeat:repeat-x;
    xbackground-color:yellow;
}

#mnubar A, #mnubar A:link, #mnubar A:visited, #mnubar A:active {
    line-height:20px;
    padding:0px 4px 0px 4px;
    color:white;
    text-decoration:none;
}

#mnubar A:hover {
    color:yellow;
}

.mnuitem-edge-l {
    position:relative;
    display:inline;
    width:8px;
    height:22px;
    background:url('images/menubar_off_edge_left.gif');
    background-repeat:repeat-x;
}

.mnuitem-edge-r {
    position:relative;
    display:inline;
    width:8px;
    height:22px;
    background:url('images/menubar_off_edge_right.gif');
    background-repeat:repeat-x;
}



/* Sidebar panel primitives */

.pnl-heading {
    background:url('images/panel_header_repeat.gif');
    background-repeat:repeat-x;
    background-position:top left;
    margin:0px 0px 10px 0px;
    background-color:#f7fbff;
}

.pnl-header {
    height:26px;
    background:url('images/panel_header_edge_left.gif');
    background-repeat:no-repeat;
    background-position:top left;
}

.pnl-header h3 {
    height:26px;
    padding:9px 8px 0px 8px;
    font-size:10px;
    font-weight:bold;
    color:#003366;
    text-transform:uppercase;
    margin:0px;
    background:url('images/panel_header_edge_right.gif');
    background-repeat:no-repeat;
    background-position:top right;
}

.pnl-bdy-wrapper {
    border:0px;
    border-left:1px solid #99ccff;
    border-right:1px solid #99ccff;
    padding:2px 5px 0px 5px;
    background:#f7fbff;
}

.pnl-bdy {
    border:1px solid #99ccff;
    background:#d5e8fb;
    color:#006699;
}

.pnl-footer {
    height:5px;
    background-color:#f7fbff;
    border:1px solid #99ccff;
    border-top:0px;
}



/* Sidebar panel "next" button primitives */

.pnl-next {
    padding:2px 17px 0px 0px;
    height:19px;
    font-weight:bold;
    text-align:right;
    vertical-align:middle;
    text-transform:lowercase;
    background:url('images/panel_next_off.gif');
    background-repeat:no-repeat;
    background-position:right;
}

.pnl-next A, .pnl-next A:link, .pnl-next A:visited, .pnl-next A:active {
    color:#d5e8fb;
    text-decoration:none;
}

.pnl-next A:hover {
    color:yellow;
}



/* Left and right panels, and body area declarations */

#panels-l {
    position:relative;
    top:0px;
    width:209px;
    padding:0px;
    margin:0px;
    float:left;
    font-size:11px;
}

#panels-r {
    position:relative;
    top:0px;
    right:0px;
    width:173px;
    padding:0px;
    margin:0px;
    float:left;
    font-size:11px;
}

#panels-r .pnl-header h3 {
    text-align:right;
}

#panels-l input, #panels-l select, #panels-l textarea {
    width:186px;
    padding-left:4px;
    margin-top:2px;
    margin-bottom:4px;
    border:1px solid #99ccff;
    border-top-color:#6699cc;
    border-left-color:#6699cc;
    background:#f3f9ff;
    color:#000066;
}

#panels-r input, #panels-r select, #panels-r textarea {
    width:150px;
    padding-left:4px;
    margin-top:2px;
    margin-bottom:4px;
    border:1px solid #99ccff;
    border-top-color:#6699cc;
    border-left-color:#6699cc;
    background:#f3f9ff;
    color:#000066;
}

#bodyarea {
    position:relative;
    top:0px;
    padding:0px;
    margin:0px 10px 20px 10px;
    width:340px;
    float:left;
    font-size:12px;
    line-height:133%;
}

#bodyarea h1 {
    font-size:18px;
    font-weight:bold;
    color:#336699;
    line-height:21px;
    border:0px;
    border-bottom:2px solid #fead0f;
    margin:0px;
    margin-bottom:5px;
}

#bodyarea h2 {
    font-size:14px;
    font-weight:bold;
    color:#336699;
    line-height:16px;
    border:0px;
    border-left:5px solid #fead0f;
    margin:0px;
    margin-left:2px;
    padding:0px;
    padding-left:2px;
    xmargin-right:5px;
}

#bodyarea ul, #bodyarea ol {
    list-style-type:none;
    margin:0px;
    margin-left:14px;
    padding:0px;
    padding-left:14px;
    list-style-image:url('images/list_bullet_off.gif');
}



/* Left-hand sidebar panels specifics */

.pnl-suite-title {
    padding:1px;
    padding-left:3px;
    font-weight:bold;
    background:white;
}

.pnl-suite-info {
    margin:3px;
}

.pnl-bdy-on {
    border:1px solid #99ccff;
}

.pnl-bdy-on .pnl-suite-title {
    padding:1px;
    padding-left:3px;
    font-weight:bold;
    background:#99ccff;
    color:#003366;
}

.pnl-bdy-on .pnl-suite-info {
    margin:3px;
    color:#000033;
}

.pnl-bdy-on .pnl-next {
    color:white;
}

#services-body ul {
    list-style-type:none;
    margin:3px 1px 3px 1px;
    padding:0px;
}

#services-body li {
    margin:2px 5px 2px 5px;
    color:#006699;
}

#services-body A, #services-body A:link, #services-body A:visited, #services-body A:active {
    padding-left:14px;
    background:url('images/list_bullet_off.gif');
    background-repeat:no-repeat;
    color:#006699;
    text-decoration:none;
}

#services-body A:hover {
    padding-left:14px;
    background:url('images/list_bullet_over.gif');
    background-repeat:no-repeat;
    color:#000099;
}

.pnl-services-on {
    padding-left:14px;
    background:url('images/list_bullet_on.gif');
    background-repeat:no-repeat;
    font-weight:bold;
    color:#cc3333;
}

#signup-body {
    padding:4px;
    text-transform:lowercase;
}



/* Right-hand sidebar panels specifics */

#login-wrapper {
    display:none;
}

#login-tip {
    padding:3px;
    background:#ffffcc;
    border:1px solid #d5e8fb;
    border-left-color:white;
    border-bottom-color:#99ccff;
}

#login-tip-action {
    font-size:9px;
    text-align:right;
}

#login-body {
    padding:4px;
    text-transform:lowercase;
}

input#login-submit {
    width:auto;
    background:transparent;
    border:0px;
    margin:0px;
    padding:0px;
    font-weight:bold;
    color:#d5e8fb;
    text-transform:lowercase;
    cursor:hand;
}

.pnl-info-item {
    margin:4px;
    text-align:right;
}

.pnl-info-item A, .pnl-info-item A:link, .pnl-info-item A:visited, .pnl-info-item A:active {
    color:#006699;
    text-decoration:none;
}

.pnl-info-item A:hover {
    color:#000099;
}

.pnl-info-on {
    font-weight:bold;
    color:#cc3333;
}
.pnl-news-item {
    margin:4px;
    text-align:right;
}

.pnl-news-item A, .pnl-news-item A:link, .pnl-news-item A:visited, .pnl-news-item A:active {
    color:#006699;
    text-decoration:none;
}

.pnl-news-item A:hover {
    color:#000099;
}

.pnl-news-on {
    font-weight:bold;
    color:#cc3333;
}



/* Separators, spacers and images */

.pnl-spacer {
    height:4px;
}

.pnl-sep {
    border:0px;
    margin:0px 4px 0px 4px;
    height:5px;
    background:url('images/panel_separator.gif');
    background-repeat:repeat-x;
}

.bdy-sep {
    width:342px;
    height:25px;
    background:url('images/body_separator.gif');
    background-repeat:repeat-x;
}

.bdy-sep-clear {
    width:342px;
    height:25px;
}

.img-inline-l {
    float:left;
    background:#d5e8fb;
    border:1px solid #99ccff;
    font-size:9px;
    color:#333333;
}

.img-inline-r {
    float:right;
    background:#d5e8fb;
    border:1px solid #99ccff;
    font-size:9px;
    color:#333333;
}

.img-inline-clear {
    clear:both;
}



/* Page footer */

#footer {
    clear:both;
    width:620px;
    height:auto;
    border:1px solid #d5e8fb;
    border-top-color:#cccccd;
    border-right-color:#cccccd;
    padding:4px;
    font-size:10px;
    color:#013266;
    background-color:#d5e8fb;
}

#footer A, #footer A:link, #footer A:visited {
    color:#013266;
    text-decoration:underline;
    text-transform:lowercase;
}

#footer A:active, #footer A:hover {
    color:#000099;
    text-decoration:none;
}

#footer span {
    visibility:hidden;
}