/* CSS Document */

body {
	text-align: left;
	padding:0;
	margin: 0;
	}

.formWidth {
    margin: 0 0%;
    min-width: 675px;
    /*max-width: 900px;*/
    width: 100%;
    }

.plotWidth {
    margin: 0;
    min-width: 1000px;
    max-width: 1000px;
    width: 100%;
    }

#header {
	padding:5px 10px 10px 10px;
	height: 30px;
	}


#titleText {
    float: left;
	text-align: left;
    }

#versionLinks {
	text-align: right;
	float: right;
	}

#content {
    padding: 10px;
	}

#footer {
    clear: both;
	}

#errorMessage {
    padding: 1em 5em 1em 1em;
    }

.clear {
	clear: both;
	}


/* Select style form fields */

fieldset.select div.row {
	clear: both;
	padding-top: 5px;
	}

fieldset div.rowCentered {
        width: 600px;
        text-align: center;
        }

fieldset div.row span.label, fieldset.select div.row span.label {
	margin-top: .25em;
	float: left;
	width: 140px;
	text-align: right;
	}

fieldset.select div.row span.superscript {
	margin-top: -.25em;
	}

fieldset div.row span.formw, fieldset.select div.row span.formw {
	margin-left: 10px;
	width: 110px;
	text-align: left;
	}

fieldset.select div.row span.formw select {
	width: 110px;
	}

/* Checkbox style form fieldsets */

fieldset.checkbox div.row, fieldset.columnAcheckbox div.row, fieldset.columnBcheckbox div.row {
	clear: both;
	}

fieldset.checkbox div.row span.label, fieldset.columnAcheckbox div.row span.label, fieldset.columnBcheckbox div.row span.label {
	margin-top: -.4em;
	float: left;
	width: 140px;
	text-align: right;
    white-space: nowrap;
	}

fieldset.checkbox div.row span.formw, fieldset.columnAcheckbox div.row span.formw, fieldset.columnBcheckbox div.row span.formw {
	margin-left: 10px;
	width: 100px;
	text-align: left;
	}

.label input[type=checkbox] {
    margin-top: 6px;
    }

/* -- IE hack to adjust the formatting of checkboxes. */
*:first-child+html .label input[type=checkbox] {
    margin-top: 2px;
    }

/* Column A of a 2 column checkbox fieldset overrides */

fieldset.columnAcheckbox {
	float: left;
	width: 40%;
	min-width: 275px;
	}

fieldset.columnAcheckbox div.row span.label, fieldset.columnBcheckbox div.row span.label {
    padding-top: 1px;
	width: 20px;
	}

/* Column B of a 2 column checkbox fieldset overrides */

fieldset.columnBcheckbox {
	width: 50%;
	min-width: 340px;
	}

fieldset div.row span.formw select.yesno {
    width: 80px;
    }

.instruction {
    padding: 0 10px 0 10px;
    }

#content > p.instruction:first-child {
    margin-top: 0;
    }

.checkboxFunctions {
    text-align: center;
    margin-bottom: 5px;
    }

.buttonStyle {
    padding: 5px;
    margin: 5px;
    }

input[type=checkbox] {
    vertical-align: middle;
    }

#copyright {
	padding: 1em;
	}

#content .subhead {
    margin: 5px;
	height: 20px;
	padding: 5px 0 0 10px;
    }

#content .subhead img {
    padding-right: 5px;
    margin-top: -4px;
    }

#content .chipSelect li {
    margin-top: .5em;
    }

/* Plotting pages */

table.plotLayout, table.plotLayout tbody, table.plotLayout tr, table.plotLayout td {
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
    vertical-align: top;
    }

#statusDiv {
    padding-bottom: 8px;
    }

.plotStatus {
    font-weight: bold;
    white-space: nowrap;
    }

.snpListHeader span {
    padding-right: 6px;
    font-weight: bold;
    }

.snpListHeader img {
    border: none;
    }

span.snpNav {
    margin: 0 5px;
    }

#plotOptionsDiv {
    text-align: center;
    }

#plotOptionsRow {
    margin: 0 auto;
    text-align: center;
    }

#plotOptionsDiv label {
    margin-left: 1%;
    margin-right: 6px;
    font-weight: bold;
    }

#plotOptionsDiv .plotOption {
    margin-right: 1%;
    width: 110px;
    }

#plotActionsDiv {
    text-align: right;
    padding: 10px 15px 15px 0;
    }