/*
* MindTracker system
* (c) 2009 MJSM Consulting LTD
* Written by: Michael Johnson
* Designed by: Michael Johnson
*/
html, body, form
{
    margin:0;padding:0; 
    font-family:Arial;  
    font-size:12px; 
}
p
{
    margin:5px 0;
    padding:0;
}
h1
{
    font-size:18px;
    margin:0 0 10px 0;
    padding:0;
}
h2
{
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0 0;
    padding:0;
}
h3
{
    margin:14px 0 0 0;
}
a img
{
    border:none;
}
html, body, #wrap
{
    height: 100%;  
    background:url(/images/page/background_repeat_top.jpg) top repeat-x;  
}
#wrap
{
    background:url(/images/page/back_repeater.jpg) left repeat-y;    
    margin-left:auto;
    margin-right:auto;
    width:990px;
}   

body > #wrap {height: auto; min-height: 100%;}

#main 
{
    padding-bottom: 60px;           
}  
#banner
{
    background:url(/images/page/back_banner.jpg) top left no-repeat;
    height:100px;
}
#container
{
    padding-top:20px;   
}
#footer 
{
    width:990px;
    position: relative;
	margin: -60px auto 0 auto; /* negative value of footer height */
	height: 60px;
	clear:both;
	background:url(/images/page/back_footer.jpg) left 25px  no-repeat;
}
#footer p
{
    margin-left:40px;
}
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------ top banner */
#logo
{
    margin:15px 0 0 30px;
    float:left;
}
.topmenu 
{
    list-style:none;
    float:left;
    margin:70px 20px 0 0px;    
    width:auto;
}
html>body .topmenu
{
    margin-right:40px;    
}
    ul.topmenu
    {
	    list-style: none;
        list-style-image: none;
    }        
    ul.panel-client
    {
        float:right;
        margin-top:26px !important;  
    }
    ul.panel
    {
        float:right;
    }
    .topmenu li
    {
        float:left;    
        margin-left:10px;
    }
        .topmenu li a
        {
            background:url(/images/page/menu_blue_right.gif) top left no-repeat;
            
            display:block;
            text-decoration:none;
            color:#fff;
            font-size:15px;
            padding:5px 0 7px 8px;
            font-weight:bold;

        }
            .topmenu li a span
            {   
                display:inline;
                background:url(/images/page/menu_blue_left.gif) top right no-repeat;
                padding:5px 1px 7px 2px;                
            }
        .topmenu li a:hover, .topmenu li a.selected
        {
            background:url(/images/page/menu_white_right.gif) top left no-repeat;
            color:#000;
        }
            .topmenu li a:hover span, .topmenu li a.selected span
            {   
                background:url(/images/page/menu_white_left.gif) top right no-repeat;
            }
        .topmenu li.red
        {      
            float:right;
        }
        .topmenu li.red a
        {               
            background:url(/images/page/menu_darkred_right.gif) top left no-repeat;
            color:#fff;
        }
            .topmenu li.red a span
            {   
                background:url(/images/page/menu_darkred_left.gif) top right no-repeat;
            }
        .topmenu li.red a:hover, .topmenu li.red a.selected
        {               
            background:url(/images/page/menu_red_right.gif) top left no-repeat;
            color:#fff;
        }
            .topmenu li.red :hover span, .topmenu li.red a.selected span
            {   
                background:url(/images/page/menu_red_left.gif) top right no-repeat;
            }
            
        .topmenu li.panel a
        {
            background:url(/images/page/menu_darkred_right.gif) top left no-repeat;
        }
        .topmenu li.panel a span
        {   
                background:url(/images/page/menu_darkred_left.gif) top right no-repeat;
        }
        .topmenu li a:hover, .topmenu li a.selected
        {
            background:url(/images/page/menu_red_right.gif) top left no-repeat;
            color:#fff;
        }
            .topmenu li a:hover span, .topmenu li a.selected span
            {   
                background:url(/images/page/menu_red_left.gif) top right no-repeat;
            }
            
/* --- left nav*/        

#leftnav
{
    margin:0 0 0 40px;
    list-style: none;
    list-style-image: none;
    float:left;
}
#leftnav a
{
    display:block;
    width:140px;
    height:20px;
}
#leftnav a
{
    font-size:15px;    
    font-weight:bold;
    background-color:#7BA6BA;
    border-bottom:solid 1px #fff;
    color:#fff;
    text-decoration:none;
    padding:3px 0 0 10px;   
}
#leftnav .top a
{   
    background:url(/images/page/leftnav_off_top.gif) top left no-repeat;    
}
#leftnav .bottom a
{
    background:url(/images/page/leftnav_off_bottom.gif) top left no-repeat;    
    border-bottom:none;
}
#leftnav a:hover, #leftnav a.selected
{
    background-color:#ff0000;    
}
#leftnav .top a:hover, #leftnav .top a.selected
{
    background:url(/images/page/leftnav_on_top.gif) top left no-repeat;    
}
#leftnav .bottom a:hover, #leftnav .bottom a.selected
{
    background:url(/images/page/leftnav_on_bottom.gif) top left no-repeat;    
}
a.client-access
{
    float:right;
    display:block;
    width:98px;
    height:21px;
    padding:3px 0 0 12px;
    margin-right:40px;
    margin-top:20px;
    text-decoration:none;
    font-size:14px;
    background:url(/images/page/btn_client_off.gif);
    color:#fff;
}
a.client-access:hover
{
    background:url(/images/page/btn_client_on.gif);
}

a.panel-access
{
    float:right;
    display:block;
    width:98px;
    height:21px;
    padding:3px 0 0 12px;
    margin-right:5px;
    margin-top:20px;
    text-decoration:none;
    font-size:14px;
    background:url(/images/page/btn_client_off.gif);
    color:#fff;
}
a.panel-access:hover
{
    background:url(/images/page/btn_client_on.gif);
}
            
/* --- content area */      
#body
{
    width:590px;
    margin-left:20px;
    float:left;
}
#casestudy
{
    width:740px;
    margin-left:20px;
    float:left;
}
#widebody
{
    width:900px;
    margin-left:20px;
    padding-left:20px;
    float:left;
}
html>body #body
{
    margin-left:40px;
}
#rightcol
{
    width:300px;
    float:left;
    margin-left:20px;
}

#benefits
{
    margin-top:10px;
    width:590px;
    height:96px;
    background:url(/images/page/benefit_panel.jpg) top left no-repeat;
}
    #benefits .benefit
    {
        margin:5px 0 0 5px;
        width:189px;
        height:96px;
        float:left;
    }
    html>body #benefits .benefit
    {
        margin-left:7px;
    }
    #benefits h5 
    {
        font-size:18px;
        font-weight:normal;
        margin:0;
        padding:0;
    }
    #benefits p
    {
        margin:0;padding:0;
    }

.bodypanel
{
    width:290px;
    background-color:#E5E5E5;
    float:left;
    margin-top:10px;
}
.panelleft
{
    margin-right:10px;
}
    .bodypanel h4
    {
        display:block;
        background-color:#A9E4FF;
        width:284px;
        height:20px;
        font-size:15px;
        padding:3px 0 0 6px;
        border-bottom:solid 1px #fff;
        margin:0;
    }
    /* Client profile*/
    .bodypanel .profile
    {
        margin:5px 2.5px;
        float:left;
        width:280px;
        padding-bottom:5px;        
    }
    html>body .bodypanel .profile
    {
        margin:5px 5px;
    }
        .bodypanel .mid
        {
            border-bottom:solid 1px #fff;
        }
        .bodypanel .profile img, .bodypanel .profile P
        {
            float:left;
            margin-right:5px;
        }
        .bodypanel .info P 
        {
            width:130px !important;
            margin-top:0px;
        }
        .bodypanel .profile P 
        {
            width:200px;
            margin-top:0px;
        }
    /* Contact form*/
    #contactform
    {
        padding:5px 10px 10px 10px;
    }
        #contactform p
        {
            margin:0;
        }
        #contactform label
        {
            margin-top:3px;
            float:left;
        }
        .small
        {
            font-size:10px;
        }
        #contactform .contact
        {
            border:solid 1px #666;
            width:265px;
            height:18px;
        }
        .message
        {
            height:42px !important;
        }
        #contactform .send-message
        {            
            float:right;
            margin:10px 0;
        }

.rightpanel
{
    width:300px;
    background-color:#E5E5E5;
    float:left;  
    margin-bottom:10px;         
}
    .rightpanel h4
    {
        display:block;
        background-color:#A9E4FF;
        width:294px;
        height:20px;
        font-size:15px;
        padding:3px 0 0 6px;
        border-bottom:solid 1px #fff;
        margin:0;
    }
    .rightpanel p
    {
        margin-left:10px;
    }
    a.join-panel
    {
        margin:0 0 10px 7px;
    }
    .rightpanel ul
    {
        list-style-image:url(/images/page/green_tick.gif);        
        padding:0 0 0 25px;
        margin:5px 0;
    }
    .rightpanel label
        {   
            margin-top:3px;
            margin-left:10px;
            width:280px;
            float:left;
        }        
        .rightpanel .login
        {
            border:solid 1px #666;
            margin-left:10px;
            width:277px;
            height:18px;
        }        
        .rightpanel .send-message
        {            
            float:right;
            margin:10px 10px;
        }
        
/* ---- what we do */     
.thing-we-do
{
    width:178px;
    height:100px;
    float:left;    
    padding-left:110px;
    margin-bottom:10px;
}
    .thing-we-do h4
    {
        margin:5px 0 0 0;padding:0;
        font-size:18px;
        font-weight:normal;
    }
    .middle
    {
        margin-right:10px;
    }
.speech
{
    background:url(/images/page/panel_speech.jpg) top left no-repeat;
}
.viral
{
    background:url(/images/page/panel_viral.jpg) top left no-repeat;
}
.tvad
{
    background:url(/images/page/panel_tvad.jpg) top left no-repeat;
}
.political
{
    background:url(/images/page/panel_politics.jpg) top left no-repeat;
}
.media
{
    background:url(/images/page/panel_mediatraining.jpg) top left no-repeat;
}
.music
{
    background:url(/images/page/panel_music.jpg) top left no-repeat;
}
/* ---- contact us page */
.contact
{
    width:230px;
    float:left;
    margin-top:10px;
}
    .contact img
    {
        float:left;    
        margin-right:10px;
    }
    .contact h4
    {
        font-size:14px;
        margin:4px 0 0 0; padding:0;
    }

.office
{
    float:left;
    width:290px;
}
/* ----- join us / form stuff */    
.text-input 
{
    border:solid 1px #666;
    width:405px;
    height:18px;
    margin-bottom:10px;
}
.mand
{
    font-size:9px;
    color:Red;
}
.input-background
{
    width:581px;
    background:url(/images/page/input-background.jpg) top left no-repeat;
    float:left;
}
.input-panel
{
    width:425px;
    float:left;
    margin-right:0px;
}
.info-panel
{
    width:290px;
    float:left;
}
.error
{
    color:#ff0000;
}
.panel-text
{
    padding:10px;
    width:400px;
    height:169px;
}
.terms
{
    width:425px;
    height:200px;
    border:solid 1px #ccc;
}

/* --- results table*/
.results-table
{
    border:solid 1px #A9E4FF;    
    margin:5px 0;
}
.results-table td
{
    padding:3px;
    border:none;
}
.results-head
{
    background-color:#A9E4FF;
}
    .results-head td
    {
        font-weight:bold;
    }   
.results-alt
{
    background-color:#DFF6FF;
}
.results-cell
{
    padding:3px;
}
.problem
{
    border:solid 2px #ff0000;
}

/*---------- survey elements */

.MatrixHeading
{
    float:left;
    width:43px;
    text-align:center;
}
.SubQuestionHeading
{
    float:left;
    width:300px;
    text-align:right;
}
.MatrixHeadingSpacer
{
    float:left;
    width:300px;
}

.MatrixOptions label
{
    display:none;   
}
.MatrixOptions input
{
    margin:5px 5px;    
}
.TextboxNumber
{
    width:20px;
}


.dtlQuestions .TextboxNormal
{
    width:400px;
    border:solid 1px #ccc;
    background-color:#fff !important;
}
.dtlQuestions .TextboxEssay
{
    width:400px;
    height:100px;
    border:solid 1px #ccc;
    background-color:#fff !important;
}

.read-report
{
    float:right;
    width:364px;    
    clear:right;
    margin:5px 0 0px 5px;
    background:#D1F0FF url(/reports/report_top.gif) top left no-repeat;
}
.read-report-inner
{
    float:right;
    width:354px;    
    padding:5px;
    background:url(/reports/report_bottom.gif) bottom left no-repeat;
}
.read-report h3
{
    margin-top:3px;
}
.read-report img
{
    float:left;
    margin-right:5px;
}
.report-summary
{
    float:left;
    width:155px;
}
.client-logo 
{
    float:left;
    margin:0 5px 5px 0;
}   

.clear
{
    clear:left;
}
ol
{
    margin-left:20px;
}