/**
 * 2009 Restaurant Awards Website Primary CSS
 **/

    /**
     * Classes
     **/

        .textCenter {
            text-align: center;
        }

        .textRight {
            text-align: right;
        }

        .textLeft {
            text-align: left;
        }

        .floatLeft {
            float: left !important;
        }

        .floatRight {
            float: right !important;
        }

        .clear {
            height: 0pt !important;
            clear: both;
        }

            .clear hr {
                display: none;
            }

        .centered {
            margin-left: auto;
            margin-right: auto;
            display: table; /* Allows Variable Width Dynamic Centering */
        }

        .hidden {
            display: none;
        }

		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
	    }

    /**
     * Headers
     **/

        h1 {
            margin: 0px;
            font-size: 2.0em;
            font-weight: normal;
            line-height: 1.2em;
        }

            .orange,
            label {
                color: #FEBE5A;
            }

                label.white {
                    color: #fff;
                }

            div#mainContent h1 {
                margin-bottom: 10px;
            }

        h2 {
            font-size: 1em;
            font-weight: normal;
            margin: 0px;
        }

			h2.form {
				font-size: 1.09375em;
				font-weight: bold;
				padding: 0 0 10px;
				margin: 18px 0 12px;
	           	border-bottom: 1px solid #2A2B2D;
			}
		
			h2#steps {
				position: absolute;
				right: 0;
				bottom: 7px;
				border-bottom: none;
				padding: 0;
				margin: 0;
				font-weight: normal;
			}

            div#sidebar h2 {
                font-size: 1.2em;
            }

    /**
     * Links
     **/

        a {
            text-decoration: none;
            color: #A7E6FF;
        }

            a:hover,
            a:hover label {
                text-decoration: underline;
                cursor: pointer;
            }

        a img {
            border: none;
        }

    /**
     * Primary Layout
     **/

        body {
            margin: 0 0 0 0;
            font-size: 100%;
            background-color: #EBEBEB;
        }
        
        body,
        input,
        textarea,
        select {
            font-family: Verdana, Tahoma, Arial, Sans-Serif;
        }
        
            input,
            textarea,
            select {
                font-size: 12px;
            }

        p {
            margin: 0 0 15px;
        }

        div#wrapper {
            width: 989px;
            padding-bottom: 25px;
        }

        div#contentRegion {
            font-size: 0.8em;
            line-height: 1.6em;
            color: #fff;
            background: #212427 url(/restaurantawards/_images/layout/bgContentGradient.gif) repeat-x top left;
            border: 1px solid #fff;
            border-top: none;
            margin: 0 3px;
            text-align: left;
        }

        div#banner {
            height: 141px;
            background: transparent url(/restaurantawards/_images/layout/bgHeader.gif);
        }

            div#banner img {
                margin: 37px 50px;
            }

        div#billboard {
            height: 297px;
            background: transparent url(/restaurantawards/_images/layout/bgBillboard.jpg) no-repeat top left;
            overflow: hidden;
        }

            div#billboard div#billboardText {
                margin: 50px;
                width: 500px;
            }

                div#billboard div#billboardText h1 {
                    margin-bottom: 15px;
                }

            div#billboard div.sponsorList {
                position: absolute;
                bottom: 10px;
                right: 20px;
            }

        div#navigation,
        div#footer {
            padding: 0 25px;
        }

        div#navigation {
            height: 55px;
            line-height: 55px;
        }

            div#navigation a {
                color: #fff;
                font-size: 1.2em;
                display: block;
                float: left;
                padding: 0 24px;
                position: relative;
            }

                div#navigation a div.prism {
                    height: 1px;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    display: none;
                    width: 100%;
                }

                    div#navigation a div.prism img {
                        width: 100%;
                    }

                div#navigation a.on,
                div#navigation a:hover {
                    color: #A7E6FF;
                    text-decoration: none;
                }

                div#navigation a:hover div.prism,
                div#navigation a.on div.prism {
                    display: block;
                }

        div#shadowLeft {
            background: transparent url(/restaurantawards/_images/layout/shadowLeft.gif) repeat-y top left;
        }

        div#shadowRight {
            background: transparent url(/restaurantawards/_images/layout/shadowRight.gif) repeat-y top right;
        }

        div#shadowBottom {
            height: 3px;
            position: relative;
            background: transparent url(/restaurantawards/_images/layout/shadowBottom.gif) repeat-x top left;
        }

            div#shadowBottom img {
                top: 0px;
                position: absolute;
            }

                div#shadowBottom img.leftCap {
                    left: 0px;
                }

                div#shadowBottom img.rightCap {
                    right: 0px;
                }

        div#mainContentWrapper,
        div#billboardWrapper {
            width: 885px;
        }

            div#mainContentWrapper.small {
                width: 700px;
            }

        div#mainContent {
            padding: 50px;
            min-height: 300px;
        }

        div#sidebar {
            width: 224px;
            padding: 23px 25px 0px;
            font-size: 0.8em;
            line-height: 1.5em;
        }

        div#mainContent,
        div#billboardWrapper div.shadowBoxBottom {
            background-color: #1B1D1F;
        }

        div.shadowBox {
            background: transparent url(/restaurantawards/_images/layout/transShadowRight.png) repeat-y top right;
            padding-right: 7px;
            position: relative;
        }

            div.moreInfoTooltip div.shadowBox {
                background-image: url(/restaurantawards/_images/layout/tooltip/transShadowRight.png);
            }

            div.shadowBox img#bottomRightCap {
                position: absolute;
                right: 0px;
                bottom: 0px;
            }

        div.shadowBoxBottom {
            height: 7px;
            background: transparent url(/restaurantawards/_images/layout/transShadowBottom.png) repeat-x top left;
        }

            div.moreInfoTooltip div.shadowBoxBottom {
                position: relative;
                margin-left: 9px;
                margin-right: 7px;
                background: transparent url(/restaurantawards/_images/layout/tooltip/transShadowBottom.png) repeat-x top left;
            }

                div.moreInfoTooltip div.shadowBoxBottom div.bottomLeftCap {
                    width: 9px;
                    height: 7px;
                    position: absolute;
                    left: -9px;
                    background: transparent url(/restaurantawards/_images/layout/tooltip/transShadowBottomLeft.png) no-repeat top left;
                }

                div.moreInfoTooltip div.shadowBoxBottom div.bottomRightCap {
                    width: 7px;
                    height: 7px;
                    position: absolute;
                    right: -7px;
                    background: transparent url(/restaurantawards/_images/layout/tooltip/transShadowBottomRight.png) no-repeat top right;
                }

        div.moreInfoTooltip {
            z-index: 99 !important;
        }

            div.moreInfoTooltip div.tooltipContent {
                background-color: #AAAAAA;
                padding: 10px;
                width: 245px;
                line-height: 1.4em;
                color: #fff !important;
                font-size: 0.7em;
                text-align: left;
            }

            div.moreInfoTooltip div.pointer {
                position: absolute;
                left: -119px;
                top: 0px;
                height: 39px;
                width: 119px;
                background: transparent url(/restaurantawards/_images/layout/tooltip/tooltipPointer.png) no-repeat top left;
            }

        div#footer {
            height: 50px;
            line-height: 50px;
            padding-right: 15px;
        }

            div#footer div#sitemap a {
                display: block;
                float: left;
                padding: 0 10px;
                font-size: 0.9em;
            }

        div.sponsorList {
            height: 50px;
        }

            div.sponsorList div.sponsor {
                display: block;
                float: left !important;
                margin: 0 7px;
            }

        .header {
            margin: 20px 0;
        }

        ul {
            padding-left: 0px;
        }

            #mainContent ul {
                margin: 15px 0px;
            }

            ul li {
                list-style-type: none;
                background: transparent url(/restaurantawards/_images/layout/bullet.gif) no-repeat 0px 9px;
                padding-left: 10px;
            }

                #sidebar ul li {
                    background-position: 0px 7px;
                    margin-bottom: 5px;
                }

            ul.spaced li {
                margin-bottom: 15px;
            }

        div#sidebar div.row {
            margin: 10px 0 25px;
        }


	    div#sidebar div.award {
	        margin: 10px 0px;
	    }

		#lnkEnterNow,
		#lnkUpload {
			width: 233px;
			height: 57px;
			display: block;
			overflow: hidden;
			background: transparent url(/restaurantawards/_images/sprites/btn-sprite.png) no-repeat scroll left top;
			text-indent: -1000em;
		}
		
			#lnkUpload {
				width: 150px;
				height: 49px;
				background-position: left -212px;
			}
		
			#lnkEnterNow:hover {
				background-position: left -57px;
			}
			
			#sidebar #lnkEnterNow {
				margin-bottom: 15px;
				margin-left: -6px;
			}
			
		.highlightBox {
	        margin-left: 12px;
	        margin-bottom: 8px;
	        padding-bottom: 18px;
	        border-bottom: 1px solid #2A2B2D;
	    }        
	        .topRule {
	            padding-bottom: 0px;
	            padding-top: 18px;
	            border-bottom: none;
	            border-top: 1px solid #2A2B2D;
	        }
	
	    .lightText {
	        font-style: italic;
	        color: #828282;
	    }

    /**
     * sIFR
     **/

        @media screen {
            .sIFR-flash {
                visibility: visible !important;
                margin: 0;
                padding: 0;
            }

            .sIFR-replaced, .sIFR-ignore {
                visibility: visible !important;
            }

            .sIFR-alternate {
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 0;
                display: block;
                overflow: hidden;
            }

            .sIFR-replaced div.sIFR-fixfocus {
                margin: 0pt;
                padding: 0pt;
                overflow: auto;
                letter-spacing: 0px;
                float: none;
            }
        }

        @media print {
	
            .sIFR-flash {
                display    : none !important;
                height     : 0;
                width      : 0;
                position   : absolute;
                overflow   : hidden;
            }

            .sIFR-alternate {
                visibility : visible !important;
                display    : block   !important;
                position   : static  !important;
                left       : auto    !important;
                top        : auto    !important;
                width      : auto    !important;
                height     : auto    !important;
            }
        }

    /**
     * Safari Custom Styles
     **/

        @media screen and (-webkit-min-device-pixel-ratio:0) {
	
			.labelContainer {
				line-height: 22px !important;
			}

			input.city {
				width: 140px !important;
			}
			
			input.zip {
				width: 43px !important;
			}
			
			select.state {
				min-width: 50px !important;
			}

            input[type="file"] {
                color: #fff;
            }
            
            .highlightBox {
                margin-bottom: 15px;
            }

        }