@charset "UTF-8";

.optionsbox
{
	font-size: 11px;
	font-family: Tahoma, arial, sans-serif;

	width: 550px; /* width of all the possible tab images plus a little extra */
	border: 1px solid rgb(236, 148, 49);
	border-top-width: 6px;
    overflow: hidden;
}

.tabstrip
{
	background-color: rgb(255, 224, 167);
	border-bottom: 1px solid rgb(236, 148, 49);
	height: 25px;
}

	.tabstrip .tab
	{
		float:left;
		border-style: none;
	}

		.tabstrip .tab img
		{
			border-style: none;
		}

	.tabstrip img.divider
	{
		text-align: left;
		float: left;
	}

.viewoptions
{
	padding-top: 0.5em;
    padding-bottom: 1em;
	min-height: 5em;
    overflow: hidden;
    width: 100%;
    float: left;
}

.viewoptions img.divider
{
	text-align: left;
	margin-top: 1.5em;
}

.optionselector
{
	padding-left: 1em;
	padding-right: 1em;
	display: inline;
	float: left;
}

	.optionselector h2
	{
		font-size: 1.2em;
		font-weight: bold;
		color: rgb(199, 79, 0);
		margin-bottom: 0.5em;
	}

	.optionselector span.optionvalue a
	{
		text-decoration: none;
		border-style: none;
	}

	.optionselector span.optionvalue img
	{
		border-style: none;
	}

	.optionselector span.optionvalue input
	{
		vertical-align: middle;
	}

	.optionselector span.optionvalue label
	{
		vertical-align: middle;
	}

    .optionselector h3
    {
        font-size: 1.2em;
        font-weight: bold;
    }

.lonely
{
    display: block !important;
    float: none !important;
    padding-bottom: 0.5em;
}

.optionboxnotes
{
	padding-left: 1em;
	padding-top: 1em;
	font-style: italic;
}

#selectDifferentRegionsLightBox
{
    display: none;
    position: relative;
    z-index: 100;
}

			.lightBox .top {
				background-image:url(../images/optionbox/results_lightbox_top.gif);
				background-repeat:no-repeat;
				height:20px;
				line-height:20px;
				color:white;
				font-size:11px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				padding-left:10px;
			}
			.lightBox .middle {
				background-image:url(../images/optionbox/results_lightbox_middle.gif);
				background-repeat:repeat-y;
				overflow:hidden;
				/*padding-bottom:25px;*/
				/*border-left:1px solid #183966;*/
			}
				.lightBox .middle .nav {
					height:26px;
					margin:0 0 0 1px;
					background-image:url(../images/optionbox/results_lightbox_menu_background.gif);
					background-repeat:repeat-x;
                    width: 666px;
				}
					#mainArea .ContentBlock .lightBox .middle .nav img {
						height:26px;
					}
				.lightBox .middle #statesByMap {
					overflow:hidden;
					display:block;
				}
					.lightBox .middle #statesByMap .mapArea {
						margin-left:20px;
                        float: left;
					}

.lightBox .middle #statesByList table {
    font-size: 12px;
    margin:20px;
    width:604px;
}

.lightBox .middle #statesByList table tr th {
    font-weight:bold;
    padding:0 0 3px 0;
    text-align:left;
    vertical-align:bottom;
}

.lightBox .middle #statesByList table tr th.col1,
.lightBox .middle #statesByList table tr th.col3 {
    width:250px;
}

.lightBox .middle #statesByList table tr th.col2 {
    width:100px;
    text-align:center;
}

.lightBox .middle #statesByList table tr td {
    vertical-align:top;
}

.lightBox .middle #statesByList table tr td.container {
    padding:1px;
    border: 1px solid #7f9db9;
}

.lightBox .middle #statesByList table tr td.col2 {
    width:100px;
    text-align:center;
    border:none;
}

.lightBox .middle #statesByList table tr td select {
    width:250px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.95em;
}

.lightBox .middle #statesByList table tr td img {
    clear:both;
    margin-bottom:3px;
}

.lightBox .middle #statesByList table tr td.goRow {
    padding: 10px 0 0 0;
    border:none;
}
			.lightBox .bottom {
				background-image:url(../images/optionbox/results_lightbox_bottom.gif);
				background-repeat:no-repeat;
				height:9px;
				overflow:hidden;
			}

#statesByMapInstructions {
    font-weight: bold;
    position: absolute;
    top: 150px;
    left: 475px;
    width: 125px;
}
