body {
    margin:0;
    background:url(../../med/img/body_bg.png) repeat #800080;
    font-family: Arial, Helvetica, sans-serif;
}

#container {
    width:950px; 
    margin:0 auto;
}

#header {
    height:75px;
}

#logo {
    float:left;
    padding:0px 0 0 45px;
    font-size:32px;
    font-family:"Comic Sans MS", cursive;
}

#logo a {
    color:#FFFFFF;
    text-decoration:none;
}

#slogan {
    float:right;
    padding:33px 45px 0 0;
    color:#FFFFFF;
    font-size:14px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#slogan a {
    color:#FFFFFF;
    text-decoration:none;
}

#slogan a:hover {
    color:#FFFFCC;
    text-decoration:underline;
}

#banner_ads {
    width: 468px; 
    border: #000000 1px solid;
    background-color: #FFFFCC;
    color: #800080;
    height: 60px;
    margin: 15px auto 0 auto;
}

#banner_ads img {
    border: none;
    width:468px; 
    height:60px;
}

#header_menu {
    text-align:center;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    height:36px;
    background:url(../../med/img/header_bg2.gif) no-repeat;
    padding-top:31px;
}

.menu a {
    border-left: 1px solid #aaa;
    color:#000000;
    text-decoration:none;
    padding: 0 3px 0 5px;
    margin: 0;
}

.menu a:first-child {
    border: none;
}

#login_panel {
    margin: 40px 20px 0 0;
    float: right;
    width: 200px;
    text-align: right;
    color: #FFEECA;
}

#login_panel>SPAN {
    letter-spacing: -1px;
}

#login_panel a {
    padding-left: 5px;
    border-left: 1px solid #FDF2EE;
    color: white; 
    font-weight: bold; 
    text-decoration: none;
}

#login_panel a:first-child {
    border: none;
}

#main {
    background:url(../../med/img/main_bg.png) repeat-y;
    font-size:13px;
    line-height:18px;
    color:#333333;
    width:100%;
    min-height: 600px;
}

#main a {
    color:#5B6610;
}

#main a:hover {
    color:#5B6610;
    text-decoration: none;
}

P.caption {
    font-style: italic; 
    font-weight: bold; 
    font-size: 12pt !important;
    text-transform: capitalize;
    margin: 18px 0 6px 0;
    padding: 0;
}

P.caption + P {
    margin-top: 0;
    padding: 0;
}

P.error, P.info {
    font-size: 110% !important;
    font-weight: bold;
    margin: 20px 0 20px 0;
}

P.error  { color: red !important; }
P.info   { color: blue !important; }

ul.list li {
    margin-bottom: 5px;
}

FORM { margin-top: 50px; }

FORM BR { clear: both; }

FORM>LABEL, FORM>DIV>LABEL:first-child, DIV.caption, DIV.input { margin: 0 15px 10px 0; }

FORM>LABEL, FORM>DIV>LABEL:first-child, DIV.caption {
    float: left;
    clear: left;
    font-weight: bold;
    width: 200px;
    text-align: right;
}

LABEL.s { height: 100px; }
LABEL.l, DIV.caption.l { height: 205px; } /* long (tall) caption */

FORM LABEL>SPAN, DIV.caption>SPAN { margin: 0 7px 0 7px; color: red; }

DIV.attributes {
    clear: both;
    height: 350px;
    padding: 15px;
}

DIV.attributes.f {
    margin-top: 25px;
}

DIV.attributes.error {
    background-color: #FFaaaa;
}

DIV.attributes DIV.attr-error {
    clear: both;
    width: 100%;
    font-weight: bold;
}

DIV.attributes>H1 {
    font-size: 14pt;
    color: purple;
    padding: 0;
    margin: 0;
}

DIV.attributes>DIV>H2 {
    font-size: 12pt;
    margin-right: 25px;
    
    padding: 0 0 0 2px;
    margin: 0 0 10px 0;
}

DIV.attributes>DIV {
    float: left;
    margin: 15px;
    height: 120px;
    width: 130px;
}

DIV.l_col
{
    float: left;
    clear: left;
    width: 30%;
}

DIV.r_col
{
    float: right;
    clear: right;
    width: 30%;
}

DIV.c_col {
    margin: 0 auto 0 auto;
    width: 30%;
}

DIV.l_col, DIV.r_col, DIV.c_col { min-height: 225px; }

UL.actions-list>LI {
    padding: 0;
    margin: 3px 0px 3px 0px;
}

UL.link-list {
    list-style-type: none;
    margin-bottom: 15px;
}

UL.link-list>LI {
    margin: 0;
}

INPUT#userid,
INPUT#user_name,
INPUT#name,
INPUT#email,
INPUT#password,
INPUT#password1,
INPUT#password2   { width: 150px; }

INPUT#title       { width: 150px; }
INPUT#expression,
INPUT#book_title,
INPUT#event,
INPUT#location,
INPUT#author      { width: 300px; }
INPUT#birthday    { width: 70px; }

INPUT#score,
INPUT#age,
INPUT#abv         { width: 36px !important; text-align: right; }
INPUT#cost        { width: 50px; text-align: right; }
INPUT#isbn        { width: 150px; }

INPUT#range       { width: 60px; }
INPUT#banner_url  { width: 200px; }
INPUT#subject     { width: 300px; }
TEXTAREA#message,
#comments         { width: 300px; height: 200px; font-family: arial; font-size: 12px; }
INPUT#btn-submit  { width: 100px; height: 40px; font-weight: bold; margin-right: 25px; }
INPUT#btn-r-submit  
{ width: 100px; height: 40px; font-weight: bold; margin: 30px 25px 0 0; }
INPUT#btn-l-submit  
{ width: 100px; height: 40px; font-weight: bold; margin: 30px 105px 30px 0; }

#whisky-colour { 
    width: 150px; 
    height: 18px; 
    position: relative; 
    top: 3px; 
    left: 15px; 
    background-colour: transparent; 
    display: inline-block; 
}

BR.clear-all, DIV.clear-all {
    height: 0px;
    padding: 0;
    margin: 0;
    clear: both;
}

DIV.submit {
    width: 530px;
    text-align: right;
}

.submitter { width: 100px; height: 40px; font-weight: bold; margin: 30px 25px 0 0; }

.contact-img {
    margin-top: 50px;
    width: 520px;
    text-align: center;
}

FORM .error INPUT, 
FORM .error SELECT,
FORM .error TEXTAREA { background-color: #FFaaaa; color: black; }
#__fv_msg { font-weight: bold; color: red; margin-bottom: 20px; }

DIV.dashboard>FORM>DIV { clear: both; height: 35px; }

DIV.dashboard div LABEL { margin: 0 8px 0 18px; width: auto; clear: none; float: left; }
DIV.dashboard LABEL:first-child { margin-left: 0; }
DIV.dashboard INPUT, DIV.dashboard SELECT { width: 100px !important; float: left; }
DIV.dashboard INPUT[type='submit'] { 
    height: 24px; 
    width: 60px !important; 
    float: right; 
    margin-left: 35px; 
}
DIV.dashboard INPUT[type='checkbox'] { width: auto !important; }

DIV.GridView {
    clear: both;
    float: left;
    padding: 45px 0 0 0;
    width: 100%;
    text-align: center;
}

DIV.GridView.no-cursor TD,
DIV.GridView TD.no-cursor {
    cursor: default !important;
    background: inherit !important;
}

DIV.GridView SPAN.disabled { color: silver; }

DIV.GridView A {
    color: navy !important;
    text-decoration: none;
}

DIV.GridView>UL {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

DIV.GridView>UL>LI {
    float: right;
    width: 120px;
    margin: 0 35px 0 0;
    padding: 0;
}

DIV.GridView>UL>LI:first-child {
    float: left;
    width: 120px;
    margin: 0 0 0 35px;
}

DIV.GridView>TABLE {
    clear: both;
    margin: 15px;
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

DIV.GridView>TABLE TH {
    font-weight: bold;
    text-align: left;
    border-bottom: 2px solid silver;
    padding-bottom: 5px !important;
}

DIV.GridView>TABLE TR.even TD {
    background-color: #F5F3B8;
}

DIV.GridView>TABLE TR:hover TD {
    background-color: #FFDC52;
    cursor: pointer;
}

DIV.GridView>TABLE TR TD.action,
DIV.GridView>TABLE TR:hover TD.action {
    background-color: inherit !important;
}

DIV.GridView .nil-rec { margin: 20px 150px 0 140px; }

DIV.GridView>TABLE TH.nb { border-bottom: none; }

DIV.GridView>TABLE TD, DIV.GridView>TABLE TH {
    padding: 3px 4px 3px 4px;
}

.text {
    padding: 10px 45px 30px 45px;
    color: #5B5B5B;
    text-align: justify;
}

.text h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:24px 0 8px 0;
    color:#333333;
}

.text h2 {
    font-size:24px;
    font-weight:normal;
    margin:24px 0 8px 0;
    color:#800080;
}

.text p {
    color:#5B5B5B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.text ol, #text ul {
    padding: 0; 
    margin: 10px 0;
}

.text li {
    margin-left:40px;
    color: #5B5B5B;
}

#footer_menu {
    height:41px; 
    background:url(../../med/img/footer_bg.png) no-repeat; 
    clear:both; 
    text-align:center; 
    color:#FFFFFF; 
    font-size:12px; 
    padding-top:16px;
}

#footer_menu a {
    color:#000000;
    text-decoration: none;
}

#footer_menu a:hover {
    color:#800080;
    text-decoration: underline;
}

#footer {
    color:#F1F7CF;
    text-align:center;
    font-size:12px;
    margin:2px 0 15px 0;
    padding: 5px 0 5px 0;
}

#footer a {
    color:#F1F7CF;
    text-decoration:none;
}

#footer a:hover {
    color:#DDED8D;
    text-decoration:underline;
}

#banners>DIV {
    margin-top: 15px !important;
    padding: 0 !important;
    clear: left;
}

#banners>DIV.header>DIV, #banners DIV>FORM>DIV {
    width: 300px;
    float: left;
}

#banners DIV>FORM>DIV>INPUT {
    width: 280px;
}

#banners DIV.col3 {
    width: 100px !important;
}

#banners DIV.col3>INPUT {
    width: auto;
}

#banners FORM {
    margin: 0;
    padding: 0;
}