﻿body
{
    font-family: "Trebuchet MS";
    color: #444;
    background: #ccc;
}

/* STYLE OVERRIDES */

body .MyMorrisby #header-logo
{
    float: left;
    background: url(../images/morrisby-orig-wide-cutout.gif) left top no-repeat;   
    height: 45px;
}

body .Prefinio #masthead
{
    height: 100px;
}

body .Prefinio #header-logo
{
    float: left;
    background: url(http://www.prefinio.com/App_Themes/PrefinioDefault/Img/logo-reflection.gif) left top no-repeat;   
    height: 100px;
}

body .MyMorrisby #header{background: #D0464D;color: White;}
body .MyMorrisby .primaryNav{background-color: #D0464D;color: White;border-top: 1px solid #D0464D; border-bottom: 1px solid #D0464D;}
body .MyMorrisby #navigation_tier1 .primaryNav .tab a.navlink{}

body .Prefinio #header{background: #000;color: White;}
body .Prefinio .darkRedBox{background-color: #C8DA2C; color: #444;}
body .Prefinio p.darkRed{color: #444 !important; font-weight: bold;}
body .Prefinio .primaryNav{background: url("http://www.prefinio.com/App_Themes/PrefinioDefault/Img/menu_strip_green.png") repeat-x scroll 0 4px #000000; border-top: 1px solid #000; border-bottom: 1px solid #C8DA2C;}
body .Prefinio #navigation_tier1 .primaryNav .tab a.navlink{ color: #444; border-color: #aaa;}

/*
body.Individuals #header{background: #C0B012;color: White;}
body.Individuals #navigation_tier1{background-color: #C0B012;color: White;border: 1px solid #C0B012;}
body.Individuals #navigation_tier1 .primaryNav .tab a.navlink{border-top: 1px solid #9A8D0E !important; border-left: 1px solid #9A8D0E !important; border-right: 1px solid #9A8D0E !important}
*/

/*
body.Professional #header{background: #2A368A;color: White;}
body.Professional #navigation_tier1{background-color: #2A368A;color: White;border-left: 1px solid #2A368A;}
body.Professional #navigation_tier1 .primaryNav .tab a.navlink{}
*/

/*
body.Default #header{background: #6d6d6d;color: White;}
body.Default #navigation_tier1{background-color: #6d6d6d;color: White;border: 1px solid #D0464D;}
*/

/*
body.Individuals #header_container
{
    background-color: #B8AC1F;
    color: White;
}

body.Professional #header_container
{
    background-color: #2A368A;
    color: White;
}


body.MyMorrisby,body.MyMorrisby #footer{background-color: #de9191;}
body.MyMorrisby #canvas{background-color: #eab8b8;}
body.Individuals,body.Individuals #footer{background-color: #e0db9e;}
body.Individuals #canvas{background-color: #ebe8c1;}
body.Professional,body.Professional #footer{background-color: #a8acd3;}
body.Professional #canvas{background-color: #c7c9e3;}
*/

img
{
    border: 0px;
}

hr.dashed{height: 0px; overflow: hidden; border-top: 1px dashed #ccc; border-bottom: 1px dashed #fff; color: #fff; background: #fff;}
hr.dotted{height: 0px; overflow: hidden; border-top: 1px dotted #ccc; border-bottom: 1px dotted #fff; color: #fff; background: #fff;}

.white,
.whiteText
{
    color: White !important;
}

.darkRed
{
    color: #D0464D !important;
}

.heavy
{
    font-weight: bold;
}

vertical .indent
{
    padding-left: 20px !important;
}

.hidden
{
    display: none !important;
}

p,
ul
{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 0.9em;
}

.justify
{
    text-align: justify !important;
}

.align-right
{
    text-align: right !important;
}

.align-right p
{
    text-align: right !important;
}

.align-left
{
    text-align: left !important;
}

.align-center
{
    text-align: center !important;
}

.column
{
    width: 335px;
}

.oneColumn .column /* Planner */
{
    width: 900px;
}

.column .headerimage
{
    background: #414141;
    text-align: right;
    margin: 1px 0 1px 0;
}

.column .headerimage img
{
    width: 335px;
    height: 170px;
}

.column .inner
{
    margin: 0px;
    border: 1px solid #ccc;
    background:#FFFFFF url(../images/columnheader-fade25.png) repeat-x scroll center bottom;
}

p.listdescription
{
    padding: 5px 10px 5px 10px;
    font-size: 0.75em;
    background: #eee url(../images/columnheader-fade50.png) repeat-x scroll center bottom;
}

#LinkList .column .inner ul li
{
    border-top: 1px solid #ddd;
}

.column .inner .linkcontainer
{

}

.margin-bottom
{
    margin-bottom: 10px;
}

.no-margin-top
{
    margin-top: 0px !important;
}

.no-margin-bottom
{
    margin-bottom: 0px !important;
}

.no-padding-top
{
    padding-top: 0px !important;
}

.no-padding-bottom
{
    padding-bottom: 0px !important;
}

.clickable
{
    cursor: pointer;
}

.titlebubble
{
    background: url(../images/headings/bubble-heading2col.gif);
    padding: 11px 20px 19px 20px;
}

.address
{
    display: block;
}

.loginStatus
{
    /*font-family: Cambria,Georgia,"Times New Roman",Times,serif;*/
    font-style: italic;
    font-size: 1.4em;
}

#LoginArea
{
    
    font-size: 0.9em;
}

#loggedIn
{
    text-align: right;
}

#LoginArea  a.smallLink
{
    font-size:10px;
    text-transform: uppercase;
}

#LoginArea .login-username
{
    float: left;
    width: 35%;
    text-align: left;
}

#LoginArea .login-password
{
    float: left;
    width: 35%;
    text-align: left;    
}

#LoginArea .login-buttons
{
    float: left;
    width: 30%;
    margin-top: 18px;
    text-align: right;        
}

#LoginArea .login-username label,
#LoginArea .login-password label
{
    width: 90%;
    height: 18px;
    display: block;
}

#LoginArea .login-username input,
#LoginArea .login-password input
{
    width: 92%;
    height: 16px;
}


#LoginArea .login-buttons input
{
    width: 45%;
    margin-bottom: 1px;
}

.loginBox
{
    padding: 40px 40px 0 40px;     
    width: 170px; 
    height: 210px; 
    display: block;
}

#LoginPage .login-username,
#LoginPage .login-password
{
    display: block;
    width: 100%;
}


#LoginPage .login-username label,
#LoginPage .login-password label
{
    display: block;
    width: 100%;
    padding: 5px 0 0 0;
    height: 20px;
    overflow: hidden;
    font-size: 12px !important; 
    text-transform:uppercase;
}

#LoginPage .login-username input,
#LoginPage .login-password input
{
    display: block;
    height: 24px; 
    width: 157px; 
    padding: 14px 4px 10px 4px;   
    font-size: 0.9em;
    background: #fff url(../images/columnheader-fade50-top.png) repeat-x scroll center top;     
}

#LoginPage .login-username span a,
#LoginPage .login-password span a
{
    display: none;  
}

#LoginPage .login-buttons
{
    display: block;
    width: 100%;
    text-align: center;
}

#LoginPage .login-buttons input
{
    width: 40%;
    background:#444 url(../images/columnheader-fade-top.png) repeat-x scroll center 11px;
    border: 1px solid white;
}

#LoginPage .login-buttons input:hover
{
    width: 40%;
    background:#2A368A url(../images/columnheader-fade-top.png) repeat-x scroll center 11px;
}

#LoginPage .RegisterButton
{
    display: none;
}


/* POSITIONAL STYLES */

.clearfix
{
    float: none;
    clear: both;
}

.floatright
{
    float: right;
}

.column
{
    float: left;
    display: block;
}


/* PAGE ELEMENTS */

.Resources
{
    margin-top: 10px;
    float: left;
}

.chunkyWhiteBorder
{
    border: 10px solid white;
}

.nopadding
{
    padding: 0px !important;
}

.nomargin
{
    margin: 0px !important;
}


.transparentBox
{
    background: url(../images/90percent.png) repeat;
    padding: 5px 10px 5px 10px;
    border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;
    border-style:solid;
    border-width:1px;
    float: left;
}

.imagewrapper
{
    border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;
    border-style:solid;
    border-width:1px;
    background:#FFFFFF url(../images/columnheader-fade50.png) repeat-x scroll center bottom;
    padding: 5px;
    margin: 10px;
}


#versionInfo
{
    padding: 10px 0 40px 0;
    font-size: 0.8em;     
    color: #444;
}

#versionInfo span
{
    vertical-align: middle;
}

#footer-links
{

}

#footer-links .column
{
    text-align: left;
}

#footer-links .column h3
{
    border: 0px solid white !important;
    border-bottom: 1px solid white !important;
}

#footer-links .column h3 img
{
    margin-right: 5px;
}


#breadcrumb .breadcrumbIntro
{
    font-weight: bold;
}

#fontsizer
{
    text-align: right; 
    color: White !important;     
    margin: 2px 5px 5px 25px;
}

.map
{
    margin-top: 10px;
}

.quotebox
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;    
    overflow: hidden;  
}

#professionalQuotes
{
    background: #eee url(../images/headings/asian-lady-at-computer.jpg) right top no-repeat;
}

#individualQuotes
{
    background: #eee url(../images/headings/man-with-backpack.jpg) right top no-repeat;
}

.ukcfHeader
{
    width: 333px;
    height: 120px;
    overflow: hidden;  
    display: block;
}

.warningIcon
{
    padding: 3px 0 5px 42px !important;
    background: url(../images/icons/error.png) left top no-repeat;
}

.warningIconSmall
{
    padding: 3px 0 5px 32px !important;
    background: url(../images/icons/error-small.png) left top no-repeat;
}

.loadingIcon
{
    padding: 4px 0 5px 42px !important;
    background: url(../images/icons/green-spinner.gif) left top no-repeat;
}

.morrisbyIcon
{
    padding: 5px 0 10px 40px;
    background: url(../images/icons/morrisby.png) left top no-repeat;
}

.itemRow { padding: 5px 10px;border-bottom: solid 1px #DDDDDD; color: #666666; background: #FFFFFF;}

#feedback-tray { position: fixed; z-index: 999; bottom: 10px; left: -251px; vertical-align: bottom; width: 286px; }
#feedback-tray-tab { position: relative; margin-top: 10px; margin-left: 0px; border-left: 0px; }
#feedback-tray-content { width: 230px; position: relative; overflow: hidden; }
#feedback-tray-image { margin-bottom: -75px; }
#feedback-tray-text { margin-top: -75px; display: none;}
* html #feedback-tray { position: absolute; }
