/*


    CSS STYLES FOR MFORCE WEBSITE


*/

body{font-family: Arial !important; margin: 0px; padding: 0px; background-color: #b5b5b5; background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_grayBg.jpg); background-repeat: repeat-x;}


h1{color: #701924; margin: 0px; padding: 0px; font-size: 36px; line-height: 36px;}
h1 span{display: block; color: #8b8d90; font-weight: normal;}
h3 {color: #701924;}

h2 {color: #000000;}
h2 a:link { color: #701924; text-decoration: none; }
h2 a:visited { color: #701924; text-decoration: none; }
h2 a:hover { color: #701924; text-decoration: underline; }

table{margin: 0px 0px 15px 0px;}
td{vertical-align: top;}

.mfWrap{
    
    width: 1000px;
    padding: 0px 28px;
    background-color: transparent;
    margin: 0px auto;
    background-image: url(http://www.mforceresearch.com/themes/mforce/images/page_shadow_edge.png);
    background-repeat: repeat-y;
    
}


/* utility styles */

.clearBoth{clear: both;}
.clearLeft{clear: left;}
.clearRight{clear: right;}

.left{float: left; margin: 0px 20px 20px 0px; clear: left;}
.right{float: right; margin: 0px 0px 20px 20px; clear: right;}
.rightHome{float: right; margin: 25px 0px 20px 20px; clear: right;}
.rightCompany{float: right; margin: 25px 0px 20px 20px; clear: right;}
.rightParticipants{float: right; margin: 25px 0px 20px 20px; clear: right;}
.rightEmployee{float: right; margin: 25px 0px 20px 20px; clear: right;}
.rightFacility{float: right; margin: 25px 0px 20px 20px; clear: right;}
.rightFAQ{float: right; margin: 40px 0px 0px 20px; clear: right;}
.rightRecruiting{float: right; margin: 15px 0px 20px 20px; clear: right;}

.mfred{color: #701924;}

.noBackground{background-image: none;}

.tightVertical{line-height: 18px;}


.valid{background-color: #00CC33;}
.invalid{color: #ffffff; background-color: #CC3333; background-image: url(http://www.mforceresearch.com/themes/mforce/images/black_arrow.gif); background-repeat:  no-repeat; background-position: 207px 5px;}



/* header & footer */

.mfHeader, .mfFooter{ background-color: #751c26;}

.mfHeaderContact{height: 42px; background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_contactSlab.jpg); background-repeat: no-repeat; background-position: top right;}

.mfHeader{height: 154px; background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_header_blank.jpg); background-repeat: no-repeat;}

.mfFooter{height: 255px; width: 999px; clear: both; background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_footer.jpg); background-repeat: no-repeat; color: #ffffff;}

.logoLink{width: 323px; height: 112px; position: absolute; margin: 27px 0px 0px 13px; background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_logo.gif); background-repeat: no-repeat;}

.labbg{background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_lab_header.jpg);}

/* menu */
.mfMenuBar{
    width: 140px;
    float: left;
    
}


.mfMenuBar .homeNav, .mfMenuBar .nav-header, .mfMenuBar .nav{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    
}


.mfMenuBar .homeNav{margin: 0px 0px 25px 0px;}


.homeNav li a, .mfMenuBar .nav-header li a, .mfMenuBar .nav li a{
    display: block;
    text-decoration: none;
    color: #693030;   
    font-size: 20px; 
    height: 27px;
    padding: 2px 0px 0px 10px;
}

.mfMenuBar .homeNav li a, .mfMenuBar .nav li a{
    font-size: 18px;
	padding-top: 4px;
    height: 29px;

    
}


.homeNav li, .mfSection, .mfMenuBar .nav-header li, .mfMenuBar .nav li{
    width: 134px;
   /* height: 35px; */
    background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_horiz_home_btn.jpg);
    background-repeat: no-repeat;
    font-weight: bold;
    
}


.mfMenuBar .nav ul {
    list-style-type: none;
	position: relative;
    margin: 3px 0px 0px 0px;
    padding: 0px;
    
}

.mfMenuBar .nav li ul li{
    width: 134px;
   /* height: 29px; */
    background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_gray_btn.jpg);
    background-repeat: no-repeat;
    margin: 1px 0px;
    
}

.mfMenuBar .nav li ul li a{height: 27px; padding-top: 2px;}


.mfSection{
    width: 134px;
    height: 35px;
    background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_home_btn.jpg) !important;
    background-repeat: no-repeat;
}





.homeNav li a{
    display: block;
    height: 30px;
    padding:  5px 0px 0px 10px;

}


.mfSection a{
    
    display: block;
    height: 30px;
    padding:  5px 0px 0px 10px;    
    font-weight: normal;
}


.clientHomeBtn, .participantHomeBtn, .participantFaqBtn{display: block; width: 109px; height: 32px; background-repeat: no-repeat; background-image:  url(http://www.mforceresearch.com/themes/mforce/images/client_capsule.jpg); margin-top: 15px;}
.participantHomeBtn{background-image: url(http://www.mforceresearch.com/themes/mforce/images/participant_capsule.jpg); width: 110px; height: 33px;}
.participantFaqBtn{background-image: url(http://www.mforceresearch.com/themes/mforce/images/orange_faq_btn.jpg); height: 33px;}


.homeNav li:hover, .mfSection:hover{background-position: bottom;}
.homeNav li a:hover, .mfSection a:hover{color:#ffffff;}

.homeNav li.largeClient {background-color: #000000; height: 42px; background-image: url(http://www.mforceresearch.com/themes/mforce/images/home/client_horiz_sprite.jpg); background-repeat: no-repeat;}
.homeNav li.largeCiient:hover{background-position: -155px 0px;}
.homeNav li.largeClient a{display: block; height: 42px; position: absolute; margin: -2px 0px 0px 0px; padding-bottom: 2px; width: 126px;}
.homeNav li.largeClient a span{font-size: 10px;}

/* 'main' menu items */
.mfMenuBar .nav-header li:hover, .mfMenuBar .nav li:hover, .mfMenuBar .nav li.nav-selected{background-position: -155px 0px}



/* 'sub' menu items */
.mfMenuBar .nav li ul li:hover, .mfMenuBar .nav li ul li.nav-path-selected{background-position: bottom;}
.mfMenuBar .nav li a.nav-path-selected, .mfMenuBar .nav li ul li a.nav-path-selected {color: #ffffff}
.mfMenuBar .nav li.nav-path-selected{background-position: -155px 0px;}
.mfMenuBar .nav-header li a:hover, .mfMenuBar .nav li a:hover{color: #ffffff;}

/* for when client subs are selected - class applied via main js file */
.deselect a.nav-path-selected{color: #693030 !important}
.deselect:hover a.nav-path-selected{color: #ffffff !important;}

.mfMenuBar .nav li ul li a.nav-path-selected {color: #ffffff !important;}


/* content */
.mfContent{
   float: left;
   padding: 10px 20px 100px 50px;
   width: 770px;
   font-size: 12px;
   line-height: 25px;
    
}

.wideContent{width:  910px;}

.mfContent ul{padding: 15px 0px 15px 15px;}


.mfContent .larger{
    font-size: 18px;
    font-weight: normal;
    
}


a .signup{
    height: 130px;
    width: 39px;   
    border: none; 
    
}

a.signup img{border: none;}


.servicesBox{
    background-image: url(http://www.mforceresearch.com/themes/mforce/images/mforce_bullet.jpg);
    background-repeat: no-repeat;
    padding-left: 96px;
    width: 681px;
	height: 40px;
	
}


/* bid form */
#bidform table td{line-height: 16px;}
#bidform input{width: 200px;}
#bidform label{font-weight: bold; color: #701924;}
#bidform textarea{width: 686px; height: 70px; margin-bottom: 10px;}
#bidform .bidSubmit{width: 129px; height: 37px;}
#bidform .radiobtn{width: 15px;}

/* consumer forms */
.participantLink{color: #701924; position: relative; float: right; margin-top: -20px;}

.wFormTable{width: 890px;}
.wFormTable td label{width: 207px; color: #701924; font-weight: bold; font-size: 13px;}
.wFormTable td input, .wSelect{width: 202px;}
.wFormTable td input, .wFormTable td select, .wFormTable{margin-bottom: 3px;}
.wFormTable td.labelCell{width: 207px;}
.wFormTable td.inputCell{width: 270px;}
.wFormTable td textarea{width: 675px; height: 70px; margin-bottom: 35px;}

.consumerform .graybox {width: 417px; height: 178px; float: left; background-repeat: no-repeat; background-image: url(http://www.mforceresearch.com/themes/mforce/images/gray_box.gif); margin-bottom: 25px;}
.consumerform th{text-align: left;}
.consumerform .right{float: right;}
.graybox table{margin: 10px 0px 0px 28px;}
.graybox td.labelCell{width: 179px;}

.consumerform .resetbtn, .consumerform .resetbtnEspanol{ border: none; background-color: transparent; width: 130px; height: 38px; background-image: url(http://www.mforceresearch.com/themes/mforce/images/consumer_reset.jpg);}
.consumerform .resetbtnEspanol{background-image: url(http://www.mforceresearch.com/themes/mforce/images/consumer_reset_espanol.jpg);}
.consumerform .imgsubmit, .consumerform .imgsubmitEspanol{width: 130px; height: 38px; float: left; margin-right: 15px;}