﻿/* Default font settings */
html {
    font-size:100%; 
}
body {
    background: #eae8ea;
    color: #555;
    font-family: Tahoma, Helvetica, Trebuchet MS, Verdana, Sans-Serif;
    font-size: 13px;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
    color: #386ba0; 
    font-weight: bold; 
}

h1 {
    color: #386ba0;
    font-family: arial, helvetica, clean, sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}
h2 {
    color: #386ba0;
    font-size: 15px;
    margin:5px 0 0;
}
.footer h2 {
    color:#fff;
    font-size:14px;
    margin-bottom:0;
    padding:5px 9px;
    border-bottom:1px solid #fff;
}
h3 {
    color: #6B9BCF;
    font-size: 14px;
    font-weight: normal;
} 
h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}
h5 { 
    font-size: 1em; 
    font-weight: bold; 
    margin-bottom: 1.5em; 
}
h6 { 
    font-size: 1em; 
    font-weight: bold; 
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
}

.question_summary h3 span {
    font-weight: normal;
    font-size: 12px;
    color: #999;
}
    
.question_summary h3 {
    font-weight: bold;
    font-size: 16px;
    width:480px;
}


/* Text elements
-------------------------------------------------------------- */
/*paragraphs*/
p { 
    color: #555; 
    font-size: 13px; 
    margin: 0 0 15px; 
}
.footer p {
    color:#fff;
    font-size:11px;
    margin-bottom:0;
}
p.nomargin {
    margin:0;
}

/*links*/
a { 
    text-decoration:none; 
    color: #0b5180; 
}
a:hover, a:focus, a:active { 
    text-decoration: underline; 
}
.footer a {
    color:#fff;
    font-weight:normal;
}
.footer a:hover, .footer a:active, .footer a:focus {
    text-decoration:underline;
}
.login_welcome a {
    background: #e0f5ff;
    /* Non-standard CSS */
    -moz-border-radius: 4px;
    border: 2px solid #27588e;
    color: #555;
    font-size: 13px;
    margin-left: 7px !important;
    padding: 1px 5px 2px;
}
.login_welcome a:hover {
    text-decoration: underline;
}
.mark_reply_button {
    float:right;
    width:auto;
}
.mark_reply_button * {
    float:left;
}
.mark_reply_button a {
    height:24px;
    width:24px;
}
.mark_reply_button span {
    margin-right:5px;
    margin-top:2px;
}
a.unmarked_reply {
    background:transparent url(../images/icons/star_off_24x24.png) no-repeat top left;
}
a.marked_reply {
    background:transparent url(../images/icons/star_on_24x24.png) no-repeat top left;
    margin-left:5px;
    margin-top:-3px;
}


/*other text*/
blockquote { 
    margin: 1.5em; 
    color: #666; 
    font-style: italic; 
}
strong { 
    font-weight: bold; 
}
em { 
    font-style: italic; 
}
sup, sub { 
    line-height: 0; 
}


/* Lists
-------------------------------------------------------------- */
li ul, li ol { 
    margin-left: 15px; 
}
ul, ol { 
    margin: 0 0 15px 0; 
    list-style-position:inside; 
    font-size:12px;
}
ul {
    list-style-type: disc; 
}
ul ul { 
    list-style-type: circle;
}
ol { 
    list-style-type: decimal;
}

ul.relatedList {
    list-style:none;
    margin:0;
}
.footer ul {
    list-style:none;
    margin:0;
    padding:0;
    font-size:12px;
    color:#fff;
}
.footer ul li {
    border-bottom:1px solid #426a95;
    float:left;
    clear:both;
    margin:0;
    padding:5px 9px 6px;
    width:220px;
}
.footer ul li a {
    float: left;
    width: 240px;
}

ul.inlineList {
    list-style:none;
    clear: both;
    float: left;
    margin: 0;
    padding:5px 0;
    width: 100%;
}
ul.inlineList li 
{
    border-right: 1px solid #999;
    display: inline;
    float: left;
    padding: 0 20px;
}
ul.inlineList li.last {
    border: none;
}
ul.inlineList li.selected {
    background: none;
    color: #386ba0!important;
    font-size: 14px;
    font-weight: bold;
}

/*definition lists*/
dl { 
    margin: 0 0 1.5em 0;
}
dl dt { 
    font-weight: bold;
}
dd { 
    margin-left: 1.5em;
}


/* Tables
-------------------------------------------------------------- */
table { 
    width:100%;
}
th { 
    font-weight: bold;
}
thead th { 
    background: #c3d9ff;
    text-align:center;
}
th, td, caption { 
    padding: 4px 10px 4px 5px; 
}
tr.even td { 
    background: #e5ecf9; 
}
tfoot { 
    font-style: italic; 
}
caption { 
    background: #eee; 
}
.align_center
{
    text-align:center;
}

/*basket*/
table.basket_table {
    text-align: right;
    width: 95%;
}
table.basket_table .remove {
    text-align: center;        
    width: 25%;
}
table.basket_table .thumbnail {
    text-align: left;
    width: 12%;
}
table.basket_table .details {
    text-align: left;
    width: 43%;
}
table.basket_table .price {
    width: 20%;
}


/* Misc classes
-------------------------------------------------------------- */
.small { 
    font-size:10px; 
}
.smalltext {
    font-size: 11px;
}
.medium { 
    font-size:12px; 
}
.large { 
    font-size:15px; 
}
.hide, .hidden { 
    display: none!important; 
}
.visible {
    visibility:visible;
}

/*colors*/
.colour1 {               /* blue */
    color: #386BA0 !important;
}
.colour2 {               /* dark blue */
    color: #07324f !important;
}
.colour3 {               /* orange */
    color: #ec8c3d !important;
}
.colour4 {               /* Green */
    color: #00a550 !important;
}
.shade1 {                /* black */
    color: black !important;
}
.shade2 {                /* Grey */
    color: gray !important;
}
.border_dashed_shade1 {
    border: 1px dashed #000;
}
.border_solid_shade1 {
    border: 1px solid #000;
}
.translation_incomplete {
    color: red ! important;
}
/* Member profile summary  */
#member_profile_panel .feedback dt,
#member_profile_panel .feedback dd {
    font-size:12px;
    font-weight:normal;
}
