/* 
-----------------------------------------------
	Global CSS
	Project: LeadingQuality.com
	Version: 1.0
	Date: January 2008
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headers
		- Structure
		- Navigation
		- Forms
		- Standard + Misc
 ----------------------------------------------- */


/* =BASE
----------------------------------------------- */
*
{
    margin: 0;
    padding: 0;
	outline:none;
}
/* removes default padding/margins */

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(../_img/bkgd.gif) repeat-x center top;
}

a 
{
    color:#000;
    text-decoration:underline;
}

a:link    { text-decoration: underline; color:#000; }
a:visited { text-decoration: underline; color:#000; }
a:active  { text-decoration: underline; color:#000;	}
a:hover   { text-decoration: underline; color:#961B1E; }  

/* =HEADERS
----------------------------------------------- */


/* =STRUCTURE
----------------------------------------------- */
#wrapper
{
    margin: 0 auto;
    width: 987px;
    background: url(../_img/bkgdContent_public.gif) repeat-y;
    position: relative;
    z-index: 1;
}

/* Structure - Header Area (login, etc)
----------------------------------------------- */

/* Newsletter specific css */
.newsletter p { padding: 6px 0 3px 0 }

.newsletter ul { padding: 0 0 6px 0 }

.floatright { float: right; margin: 5px 10px 5px 8px }

.padImg { margin: 6px 0 }

.articleBox { border: 1px solid #000; padding: 0 10px 10px 10px; width:636px; }

.articleIntro { border-bottom: 1px solid #ECECEC; padding: 0 0 12px 0; width:630px; margin: 0 0 -6px 0 }

.top { border-bottom: 1px solid #ECECEC; width:635px; height: 25px }

.top a { font-size: 10px;  }

#header
{
    background: transparent url(../_img/bkgd.gif) repeat-x;
    width: auto;
    height: 142px;
}

h1#logo
{
    background: transparent url(../_img/lqa-logo.gif) no-repeat scroll 0%;
    display: block;
    height: 140px;
    width: 259px;
    margin: 0pt;
    position: relative;
}

h1#logo a
{
    background: transparent none repeat scroll 0%;
    display: block;
    height: 140px;
    width: 259px;
}

h1 span
{
    font-size: small;
    left: -9999px;
    position: absolute;
}

#login
{
    float: right;
    background-image: url(../_img/login.gif);
    background-repeat: no-repeat;
    background-position: top;
    width: 517px;
    height: 40px;
}

#clientLogin
{
    float: right;
    background-image: url(../_img/client-login.gif);
    background-repeat: no-repeat;
    background-position: top;
    width: 517px;
    height: 40px;
}

#userPassFields { margin:6px 0 0 116px; }

.loginField
{
    color: black;
    font:11px Arial,Verdana,Helvetica,sans-serif;
    margin: 0pt;
    padding: 1px;
    width: 105px;
}

#manageAcctInput { position: absolute; margin: 9px 0 0 97px; }

#changePassInput { position: absolute; margin: 9px 0 0 253px; }

#logoutInput { position: absolute; margin: 9px 0 0 428px; }

.image { margin-bottom: -7px; } 

img.loginButton { border-style: none; margin:0 0 -5px 10px; }

h2.pageTitle { background: transparent repeat scroll 0%; display: block; width: 660px; height: 26px; margin: 0; }

span.hidden { font-size: small; left: -9999px; position: absolute; }

h2 { margin: 23px 0 12px 0; padding: 0; font-size: medium; font-family: Sans-Serif; }

h3 { margin-top: 28px; padding: 0; font-size: small; font-family: Sans-Serif; }

h4 { margin-top: 28px; font-size: 11px; font-weight: bold; }

#content
{
    background: url(../_img/topContent_public.gif) no-repeat top;
				width: 987px;
    height:auto!important;
    min-height: 361px;
    height:361px;
    position: relative;
    margin-bottom:20px;
}

#contentMap{
    background: url(../_img/topMapBkgd.gif) no-repeat top;
				width: 987px;
    height:auto!important;
    min-height: 376px;
    height:376px;
    position: relative;
    margin-bottom:20px;
}


#contentTop { float: right; width: 673px; margin: 39px 30px 25px 11px; padding: 0; display: inline; position:relative; }
#contentTop p { margin-bottom: 5px; padding-right: 25px; font-family: Sans-Serif; font-size: small; line-height: 18px; }
#contentTop ul { margin: 17px 0 0 32px; padding-right:25px; font: Sans-Serif small; }
#contentTop ul li { list-style: url(../_img/list-bullet.gif) outside; font-size:small; }
#contentTop ul.blank { margin-left: 16px; }
#contentTop ul.blank li { list-style: none none outside; }

/* #flashMap { position:relative; width:948px; height:349px; padding:0; margin: -9px 0px 20px -133px; z-index: 10;}  /* -12px -6px 20px -25px; } */
#flashMap { position:absolute; width:948px; height:349px; padding:0; top:-15px; left:-264px; z-index:10; }

table tr td.maintenance, table tr th.maintenance
{
    padding: 5px 6px 3px 6px;
}

table tr td.groupCompAnalysis
{
    padding-left:7px;
    padding-top:5px;
    padding-bottom:3px;
}

table tr td.bottom
{
    border-bottom:solid 1px #B7B7B7;
}

table.contactInfo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

table tr td.phoneEmail
{
    padding-left:13px;
}

table tr td.address
{
    padding-left:55px;
}

#mapSidebar
{
    float:left;
    /*margin:400px 0 0 15px;*/
    padding:0;
    background:url(../_img/sidebar_bkgd.gif) repeat-y;   
    width:240px;
    display:block;
    border-top:solid 1px #3A3A3A;
    border-bottom:solid 1px #3A3A3A;
}


#mapSidebar p
{
    margin-left:13px;
    font-size:11px;
}

#mapSidebar h3
{
    margin-left:13px;
    margin-top:0px;
    margin-bottom:10px;
    font-size:11px;
    color:#981B1F;
}

.sidebarLegend
{
    float:left;
    margin-top:380px;
    margin-left:25px;    
}

#sidebar
{
    float: left;
    width: 260px;
    margin: 39px 0 0 0;
    padding: 0;
}

#sidebar img
{
    margin-left: 20px;
    border: solid 1px #0D0D0D;
    z-index: 6;
}

#sidebar p
{
    margin-left: 37px;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right:18px;
    line-height:16px;
}

#sidebarHotelScores
{
    float:left;
    background-image:url(../_img/hotel-scores.gif);
    width:240px;
    height:58px;   
    background-repeat:no-repeat;
    margin-top:39px;
    margin-left:20px;
    display:inline;
    z-index: 4;    
}

#sidebarMiddleScores
{
    float:left;
    width: 242px;
    height:auto!important;
    min-height:267px;
    height:267px;
    padding:0; 
    position: relative;
				z-index:0;
				overflow:visible;
    margin-left:17px;	
    background-image: url(../_img/sidebar_border_bkgd_short.gif); 
				background-color: #F2F2F2;
    background-repeat:no-repeat;
    border-right:solid 1px #323232;
				display:inline;
}

#sidebarBottomScores
{
    float:left;
    width: 243px;
    /*height: 15px;*/
    height:auto!important;
    min-height:40px;
    height:40px;
				margin-bottom: 25px;
				margin-left:17px;
    background:url(../_img/hotel-scores-bottom-big.gif) no-repeat scroll 0%;			
    /*background-image: url(../_img/hotel-scores-bottom.gif);*/
    background-repeat: no-repeat;
    background-position:bottom;
    display:inline;
    z-index: 6;    
}

#sidebarMiddleScores table.avgScorePerCity
{
    margin-left:4px;
    color:#ECECEC;    
    font-family:Arial;
    font-size:12px;
}

#sidebarMiddleScores table.avgScorePerCity th.heading
{
    background:url(../_img/avg-scores.gif) no-repeat scroll 0%;
    width:240px;
    height:27px;
}

#sidebarMiddleScores table.avgScorePerCity td.sampleCities
{
    background:url(../_img/sample-cities.gif) no-repeat scroll 0%;
    width:119px;
    height:31px;
}

#sidebarMiddleScores table.avgScorePerCity td.currentScore
{
    background:url(../_img/current-score.gif) no-repeat scroll 0%;
    width:119px;
    height:31px;
}

#sidebarMiddleScores table.avgScorePerCity td.sampleCitiesBlack
{
    background:url(../_img/sample-cities-black.gif) no-repeat scroll 0%;
    width:121px;
    height:21px;
}

#sidebarMiddleScores table.avgScorePerCity td.currentScoreBlack
{
    background:url(../_img/current-score-black.gif) no-repeat scroll 0%;
    width:119px;
    height:21px;
}

#sidebarMiddleScores table.avgScorePerCity td.sampleCitiesGrey
{
    background:url(../_img/sample-cities-grey.gif) no-repeat scroll 0%;
    width:121px;
    height:23px;
}

#sidebarMiddleScores table.avgScorePerCity td.currentScoreGrey
{
    background:url(../_img/current-score-grey.gif) no-repeat scroll 0%;
    width:119px;
    height:23px;
}

#sidebarMiddleScores table.avgScorePerCity td.sampleCitiesBlackBottom
{
    background:url(../_img/sample-cities-black-bottom.gif) no-repeat scroll 0%;
    width:121px;
    height:23px;
}

#sidebarMiddleScores table.avgScorePerCity td.currentScoreBlackBottom
{
    background:url(../_img/current-score-black-bottom.gif) no-repeat scroll 0%;
    width:119px;
    height:23px;
}

#sidebarMiddleScores div.sampleCity
{
    margin-left:11px; font-size:10px;
}

#sidebarMiddleScores div.currentScore
{
    margin-left:10px; font-size:10px;
}

#sidebarLearnMore
{
    /*background-color:#323232;*/
    margin-left:3px;
    /*background:url(../_img/avg-scores-bottom.gif) no-repeat scroll 0%;*/
    width:240px;
    height:40px;
    z-index:1;
}

#learnMoreInput
{
    background:url(../_img/btn_learnMore.gif) no-repeat scroll 0%;
    width:166px;
    height:26px;
    margin-left:10px;
    margin-top:7px;
    border-width:0px
}

#sidebarWrap
{
    float:left;
    width:242px;
}

#sidebarTop
{
    float:left;
    width:259px;
    height:41px;
    background-image:url(../_img/sidebar-top.gif);
    background-repeat:no-repeat;
    margin-top:36px;
				padding: 4px 0 0 0;
    z-index: 4;
}

#sidebarBottom
{
    float:left;
    width: 260px;
    height: 15px;
				margin-bottom: 35px;
    background-image: url(../_img/sidebar-bottom.gif);
    background-repeat: no-repeat;
    z-index: 6;
}

* html#sidebarBottom
{
    clear:both;
}

#sidebarBottomMap
{
    float:left;
    width: 260px;
    height: 15px;
				margin-bottom: 25px;
    background-image: url(../_img/sidebar-bottom.gif);
    background-repeat: no-repeat;
    z-index: 6;
}

#sidebarMiddle
{
    float:left;
    width: 242px;
    height:auto!important;
    min-height:267px;
    height:267px;
    padding:0; 
    position: relative;
				z-index:0;
				overflow:visible;
    background-image: url(../_img/sidebar_border_bkgd.gif); 
				background-color: #F2F2F2;
    background-repeat:no-repeat;
    border-right:solid 1px #323232;
				margin: 0 0 0 17px;
				display:inline;
}

#sidebarMiddle p
{
    /*margin-left: 37px;*/
    margin-left:20px;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right:18px;
    line-height:16px;
    font-size:11px;
}

#sidebarMiddle h3
{
    margin: 5px 0 0 20px;
    padding:0;
    font-family:Arial;
    font-size:12px;
    color:#961B1E;

}

#sidebarMiddle ul
{
    margin-left:37px;
    margin-top:5px;
}

#sidebarMiddle .runNewReportInput
{
    margin: 55px 0 0 105px;
}

#sidebar ul
{
    margin-left:55px;
    margin-top:5px;
}

#sidebarMiddle ul li, #sidebar ul li
{
    list-style-image: url(../_img/list-bullet.gif);
    list-style-position: outside;    
}

h2.sideTitle_newsArchive
{
    background: transparent url(../_img/sideTitle_newsArchive.gif) repeat scroll 0%;
    display: block;
    width: 218px;
    height: 26px;
    margin: 10px 0 0 30px;
}

h2.sideTitle_criteria
{
    background: transparent url(../_img/sideTitle_criteria.gif) repeat scroll 0%;
    display: block;
    width: 218px;
    height: 26px;
    margin: 10px 0 0 30px;
}

h2.sideTitle_instructions
{
    background: transparent url(../_img/sideTitle_instructions.gif) repeat scroll 0%;
    display: block;
    width: 218px;
    height: 26px;
    margin: 10px 0 0 30px;
}

h2.sideTitle_instructionsMap
{
    background: transparent url(../_img/sideTitle_instructions.gif) repeat scroll 0%;
    display: block;
    width: 218px;
    height: 26px;
    margin: 10px 0 10px 10px;
}

/* IE hack for correct margin */
* html h2.sideTitle_instructions
{
    margin-top:13px;
}

#sidebar h3
{
    margin: 14px 0 0 37px;
    padding:0;
    font-family:Arial;
    font-size:12px;
    color:#961B1E;
}


p
{
    margin: 0;
    padding: 0;
}

.mapLegend
{
    float:left;
    margin-top:380px;
    margin-left:25px;
}

* html .mapLegend
{
    margin-left:12px;
}

#blurb
{
    background: transparent url(../_img/top-blurb.gif) no-repeat scroll 0%;
    display: block;
    height: 67px;
    width: 527px;
    margin-left: 259px;
    margin-top: -101px;
    position: relative;
}

#blurb span
{
    font-size: small;
    left: -9999px;
    position: absolute;
}

#footer_bkgd { margin: 0 auto; min-width: 987px; background: url(../_img/footer-bkgd.gif) repeat-x #BFBFBF; height:229px; }
#footer_wrap { margin: 0 auto; width: 987px; }
#footer { width: 708px; color: #606060; padding: 20px 0 0 259px; }
#footer ul { margin: 0 0 15px 10px; line-height: normal; white-space: nowrap; }
#footer li { list-style-type: none; display: inline; }
#footer a { text-decoration: none; color: #606060; }
#footer a:hover { text-decoration: underline; }
#footer img.spacer { margin: 0 8px 0 10px; }
#footer img.copy_spacer { margin: 0 8px 0 8px; }
#footer hr { border: 0; background-color: #ACACAC; color: #ACACAC; height: 1px; }
#footer p { margin: 18px 0 0 9px; }

#contactSubmit
{
    float:right;
    margin-right:149px;
    margin-top:9px;
    display:inline;
    height:20px;
}

/* =NAVIGATION
----------------------------------------------- */
#navbar {
    float: right;
    width: 410px;
    height: 42px;
    margin-right: 0;
    margin-top: -7px;
    display: inline;
}

ul#nav
{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul#nav li
{
    float: left;
    position: relative;
    overflow: visible;
}

li.mnu
{
    height: 42px;
    font-family: Arial, Helvetica, Sans-Serif;
    overflow: visible;
    z-index:99;    
}

li.mnu span
{
    position: absolute;
    left: -9999px;
    font-size: small;
}

li.mnu a
{
    display: block;
    height: 41px;
    border: 0;
    background-image: url(../_img/siteNav.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    color: #303435;
}

li.mnu a:link
{
    color: #303435;
}

li.mnu a:visited
{
    color: #303435;
}

li.mnu a:hover
{
    color: #cc0000;
}

li.mnu a:active
{
    color: #cc0000;
}

	li.mnu ul	{ display: none; position: absolute;
					border: solid 1px #000; margin: 0; padding: 2px 6px 7px 6px; width: 130px; height: auto; top: 42px; left: 1px;
					background-color: #404040; list-style: none; z-index:99; } /* second-level lists */
	li.mnu>ul	{ top: 42px; left: 1px; z-index:99; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

	li.mnu ul li { display: block; float: none; position: relative;
					border-bottom: solid 1px #555; padding: 3px 0 4px 0; width: 100%; z-index:99; }
	li.mnu ul li a { background-image: none; background-color: transparent; 
					display: block; float: none; padding: 2px 4px 1px 4px; margin: 0; height: auto;
					text-decoration: none; text-align: left; z-index:99; }
		li.mnu ul li a:link		{ color:#ccc; z-index:99; }
		li.mnu ul li a:visited	{ color:#ccc; z-index:99; }
		li.mnu ul li a:hover	{ background-color: #981b1e; color: #fff; z-index:99;  }
		li.mnu ul li a:active	{ color:#ccc; z-index:99; }

li:hover ul, li.over ul { display: block; z-index:99; }

li#li1
{
    width: 64px;
}
li#li2
{
    width: 82px;
}
li#li3
{
    width: 63px;
}
li#li4
{
    width: 102px;
}
li#li5
{
    width: 84px;
}
li#li6
{
    width: 96px;
}

li#li1 a:link, li#li1 a:visited
{
    background-position: -0px 0px;
}
li#li2 a:link, li#li2 a:visited
{
    background-position: -64px 0px;
}
li#li3 a:link, li#li3 a:visited
{
    background-position: -146px 0px;
}
li#li4 a:link, li#li4 a:visited
{
    background-position: -209px 0px;
}
li#li5 a:link, li#li5 a:visited
{
    background-position: -311px 0px;
}
li#li6 a:link, li#li6 a:visited
{
    background-position: -395px 0px;
}

li#li1 a:hover, li#li1 a:active
{
    background-position: -0px -41px;
}
li#li2 a:hover, li#li2 a:active
{
    background-position: -64px -41px;
}
li#li3 a:hover, li#li3 a:active
{
    background-position: -146px -41px;
}
li#li4 a:hover, li#li4 a:active
{
    background-position: -209px -41px;
}
li#li5 a:hover, li#li5 a:active
{
    background-position: -311px -41px;
}
li#li6 a:hover, li#li6 a:active
{
    background-position: -395px -41px;
}

li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited
{
    background-position: -0px -82px;
}
li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited
{
    background-position: -64px -82px;
}
li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited
{
    background-position: -146px -82px;
}
li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited
{
    background-position: -209px -82px;
}
li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited
{
    background-position: -311px -82px;
}
li#li6 a.mnu-set:link, li#li6 a.mnu-set:visited
{
    background-position: -395px -82px;
}


/* =FORMS
-------------------------*/
fieldset.report
{
    margin: 0 13px 20px 0;
    border:1px solid #B7B7B7;
    padding:6px 12px 12px 12px;
    font-family:Arial;
    font-size:12px;
}

legend.report
{
    padding:0pt 4px 5px;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    line-height:13px;
    color:#333333;
}

label.report
{
    font-family:Arial, Helvetica, Verdana;
    font-size:11px;
    color:#961B1E;
    font-weight:normal;
}    

input.report
{
    font-family:Arial;
    font-size:10px;
}

input.report-checkboxes
{
    padding:0;
    margin:0;
}

select.report
{
    font-family:Arial;
    font-size:11px;
    width:200px;
    text-transform: uppercase;
}

div.reportFieldLabel
{
    float:left;
    width:150px;
}

div.reportFieldInput
{
    float:left;
    font-family:Arial;
    font-size:11px;
    margin-bottom:4px;
}

table tr td.contactLeftCol
{
    width:110px;
    vertical-align:top;
}

table tr td.contactTextInput
{
    padding-bottom:3px;
}

input.contact
{
    width:235px;
    height:15px;
    background-color:#eee;
    border:solid 1px #C9C9C9;
}

textarea.comments
{
    width:413px;
    height:146px;
    background-color:#eee;
    border:solid 1px #C9C9C9;
    margin-bottom:15px;
}

select.howDidYouHear
{
    width:185px;
    height:16px;
    border:solid 1px #C9C9C9;
    font-size:x-small;
}

hr.contactForm
{
    width:524px;
    height:1px;
    border:0;
    background-color:#C9C9C9;
    margin-top:10px;
}

/* =MISC
----------------------------------------------- */

.newsletterIcon { position: absolute; z-index: 10; top: 6px; left: 295px }

span.requiredField { color:#971A1E; }

.reset { display: block; clear: both; }


    /** Site credit table **/
    .creditTable
    {
        border:0;
    }		

    .creditTable td
    {
        vertical-align:middle;
    }
    
    .creditTable td a , .creditTable td a:link , .creditTable td a:hover ,
    .creditTable td a:visited, .creditTable img
    {
        border:0;
        background:none;
    }