/*
 * Generic properties
 */
	.bug li {
		margin-left: 30px;
	}

	#errorguy {
		float: left;
		margin-right: 20px;
		border: 1px solid #666;
	}

	
	.alignleft {
		text-align: left;
	}

 
    
    body {
        font-family: arial, verdana, helvetica, sans-serif;
        background-color: #d8d8d8;
        color: #bbb;
        width: 968px;
        text-align: center;
        margin: 0px auto 0px auto;
        background-image: url(../images/gradient.gif);
        background-position: top left;
        background-repeat: repeat-x;
    }

    /* Hack for IE margin float bug. */
    #floatingbody {
        margin-top: 4px;
        margin-bottom: 4px;
        width: 968px;
        position: relative;
    }    


    a img {
        border: 0px;
    }
    
    .hide {
        display: none;
    }
    
    .printonly {
        display: none;
    }
    
    .emailaddress {
        font-style: italic;
    }

    input.submit {
        background-color: #c90;
        margin: 4px;
    }
    

    input.submit:hover {
        background-color: #fc3;
    }
    
    
    input.submit-save {
        background-color: #E3E2D0;
        margin: 4px;
    }
    
    input.submit-save:hover {
        background-color: #ffe;
    }

    a, a:link, a:visited {
        color: #33c;
    }
        
    a:hover {
        color: #c90;
    }
    
    table {
        margin: 2px;
        text-align: left;
    }
    
    td {
        color: #000;
        font-size: 12px;
    }

    td.label {
        text-align: right;
        color: #666;
    }
    
    td.forminput {
        text-align: left;
    }
    
    .error {
        color: #f00;
        font-size: 12px;
        text-align: left;
        padding: 10px 15px 0px 15px;        
    }
        
 
    
    td.reset {
        text-align: left;
    }
    
    form {
        margin: 0px;
    }
        
        
    
                    
/*
 * #header box contains #headerlinks and #divider boxes.
 */

    
    #header {
        width: 968px;
        text-align: left;
        white-space: nowrap;
    }
    
    #header img {
        background-image: url(../images/logo.jpg);
        height: 85px;
        width: 229px;
        background-repeat: no-repeat;
        background-position: top left;
        margin-left: 7px;
    }

        
   #footerlinks {
        font-size: 11px;
        line-height:20px; /* needed for IE */
        white-space: nowrap;
        text-align: center;
        height: 20px;
    }

    #headerlinks a, #footerlinks a, #headerlinks a:link, #footerlinks a:link, #headerlinks a:visited, #footerlinks a:visited {
        color: #333;
        text-decoration: none;
    }
        
    #headerlinks a:hover, #footerlinks a:hover {
        color: #000;
        text-decoration: underline; 
    }

    /*
     * IE5 hack.  Without this div set with a height, 
     * IE5 gives the enclosing div a height that is shorter
     * than the height of the header img, causing the
     * header img to overlap the navbar.
     */
    #advisordivider {
        height: 30px;
        background-color: #ffae00;
    }

	#cobranding {
		display: none;
    }

/*
 * #navbar contains navigation links such as MPA Home Page, My Digital Camera Advisor
 */
    #navbar {
        white-space: nowrap;
        text-align: left;
        height: 20px;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    #navbar a:link, #navbar a:visited {
        color : #333;
        font-size : 11px;
        padding : 4px 4px 2px 4px;
        text-decoration : none;
    }
    
    
    
    #navbar a:hover {
        color: #000;
        text-decoration: underline;
    }
    
    
    #advisortabs a:link, #advisortabs a:visited {
        margin-right: 0px;
    }
    
    #advisortabs a:hover    {
    }
    
    #advisortabs .selectedProductArea {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        padding : 4px 4px 2px 4px;
    }   

/*
 * #content contains everything underneath the header and navbar
 */
    
    #content {
        background-color: #fff;
        color: #000;
        margin: 0px;
        padding: 0px;
        width: 968px;
    }


/*
 * For pages with buttonarea, #contentframe is an invisible child of the #content
 * box and just gives us a box to place the #buttonarea and #workarea inside.
 */
    #contentframe {
        margin-right: 7px;
        width: 954px;
    }
    
    #contentframeleft {
    	background-image: url(../images/left_edge.gif);
    	background-position: top left;
    	background-repeat: no-repeat;
    	background-color: #d8d8d8;
    	margin: 0px 0px 0px 0px;
    	width: 968px;
    }
    
    #contentframeright {
    	background-image: url(../images/right_edge.gif);
    	background-position: top right;
    	background-repeat: no-repeat;
    	background-color: #d8d8d8;
    	margin-left: 7px;
    	width: 961px;
    	
    }
    
    #bottomedge {
    	background-color: #d8d8d8;
        background-image: url(../images/bottom_edge.gif);
        background-position: top left;
        background-repeat: no-repeat;
        height: 11px;
        margin: 0px;
        padding: 0px;
        width: 968px;
    }
/*
 * #buttonarea is a table that holds the question buttons.
 */         
    #buttonarea {
        font-size: 11px;
        color: #333;
        margin: 0px;
        text-align: center;
        width: 100%;
        background-color: #fff;
    }



    
    #buttonarea #buttons {
        vertical-align: top;
        font-weight: bold;
        background-color: #DCD9DB;
        padding: 15px 10px 15px 10px;
        background-image: url(../images/round_top.gif);
        background-position: top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #949193;
    }
    
    /*
     * Default button image properties.
     */
    #buttonarea #buttons img {
        height: 48px;
        width: 94px;
        vertical-align: top;
    }
    
	#buttonarea #buttons h1 {
		margin: 0px;
		font-size: 32px;
		color: #213991;
		font-weight: normal;
	}
    
    

    
    

/*
 * Hack to create a little space between the top and right edges of the work area.
 */
    #workarea-padding {
        padding: 5px 5px 0px 0px;
        vertical-align: top;
    }
    
/*
 * #workarea is the container that holds the various questions, 
 * recommendations, etc.  It is basically a wrapper that lets us 
 * set common properties for all pages with the concept of a work area. 
 */
    #workarea {
        font-size: 12px;
        vertical-align: top;
        text-align: center; /* Hack to get IE to center content.
                             * Child sections must explicitly set
                             * text-align to compensate.
                             */
    }



    
    /**
     * The following two styles set display to inline
     * and block respectively in order to force IE
     * to align the question area name with the 
     * floated help icon on Question Area Pages. IE appears
     * to not align floated elements with block level elements
     * and insists on adding extra spacing above the element
     * even when setting padding and margin to 0;
     */
    #workarea h1 {
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #fff;
        display: inline;
    }

    #workarea .questiontext {
        font-size: 13px;
        display: block;
        color: #fff;
        font-weight: bold;
    }
    
/*
 * #workarea subsections for usage
 */
	#workareacontent {
		background-color: #ffffff;
		padding: 15px;
	}

	.workareaheader {
		text-align: left; /* Needed to counteract the IE center hack */
		background-color: #565656;
		border-top: 1px solid #565656;
        padding: 5px 15px 5px 15px;
	}
	
	
	
	/*
	 * Table that holds the sliders.
	 */
	#ratings {
		margin: 0px auto 0px auto;
		border-style: none;
		border-collapse: collapse; 
		border-spacing: 0px;
	}

	#ratings td {
		padding: 4px;
		background-color: #EDEAEC;
		color: #333;
	}
	
	#ratings tr.rowheader td.right {
		padding-right: 20px;
	}
	
	#ratings td.levellabel {
		padding-left: 14px;
	}
	
	#ratings tr.submitbuttons td, #select-attribute tr.submitbuttons td, .combo-attributes-rating tr.submitbuttons td, #demographicQuestionTable tr.submitbuttons td, #recfeedback-table tr.submitbuttons td, #emailform tr.submitbuttons td {
		background-color: #fff;
	}
	
	tr.roundedtop td.topleft {
		background-image: url(../images/top_left_corner.gif);
		height: 17px;
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	tr.roundedtop td.topright {
		background-image: url(../images/top_right_corner.gif);
		height: 17px;
		background-position: top right;
		background-repeat: no-repeat;
	}
	
	tr.roundedbottom td.bottomleft {
		background-image: url(../images/bottom_left_corner.gif);
		height: 17px;
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	tr.roundedbottom td.bottomright {
		background-image: url(../images/bottom_right_corner.gif);
		height: 17px;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	

	.submit, .submitDisableable {
		background-color: #4D6FD1;
		color: #fff;
		float: right;
	}
	
	.submitEnclosed {
		background-color: #4D6FD1;
		color: #fff;
		margin: 2px;
	}
	
	#ratings .submit, .combo-attributes-rating .submit, #recfeedback-table .submit {
		background-color: #4D6FD1;
	}
		
	.submit:hover, .submitEnclosed:hover, #ratings .submit:hover, .submitDisableable:hover, #recfeedback-table .submit:hover {
		background-color: #F6B637;
		color: #000;
	}
	


    
	#bigwarning {
		color: #f00;
		font-size: 28px;
		font-weight: bold;
		background-color: #fff;
		text-align: left;
		padding: 10px;
	}
	
	#minmaxsliders {
        padding: 10px 15px 15px 15px;
        height: 60px;
        width: 460px;
        vertical-align: top;
    }
        
    .minmaxdisplay {
        text-align: center;
    }