/* GENERAL TYPOGRAPHY AND STYLING */
html, body { margin: 0; height: 100%; }

body { background: #eeeeee; font-family: "Verdana", "Arial", "Helvetica"; color: #666666; text-align: left; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", "Helvetica Neue", "HelveticaNeue", "Arial"; color: #333333; font-weight: bold; padding-left: 0.1em; }
h1 .alt, h2 .alt, h3 .alt, h4 .alt, h5 .alt, h6 .alt { font-size: 70%; color: #aaaaaa; }

p, ul { padding-left: 0.1em; margin-bottom: 1.5em; }

.bottomspaced { margin-bottom: 1.5em; }

ul { margin-left: 0; }
ul li { list-style-type: none; margin-left: 0px; }
ul li { padding-left: 20px; background: transparent url(../images/icons/bullet_black.gif) top left no-repeat; }

ul.no_bullets li { padding-left: 0; background-image: none; }

a { color: #5785ed; text-decoration: none; outline: 0; }
a:visited { color: #5785ed; }
a:hover { color: #0088ff; text-decoration: underline; }
a:active { color: #0088ff; text-decoration: none; }
a.cancel { color: red; }
a.cancel:active { color: #0088ff; background: red; }

a img { border: 0; }

img.icon { vertical-align: middle; }

/* UTILITY CLASSES AND ELEMENTS */
.float_left { display: inline; float: left; }

.float_right { float: right; display: inline; }

.aligncenter { text-align: center; }

.alignleft { text-align: left; }

.alignright { text-align: right; }

br.clear { clear: both; }

.weak, .quiet, small { font-size: 90%; color: #aaaaaa; }

.strong, .loud, strong { font-weight: bold; color: #222222; }

.italic { font-style: italic; }

.hidden { display: none; }

small { font-size: 85%; }

.red { color: red; }

table { border-collapse: collapse; }

thead tr th { background-color: #769bf1; }

tbody { border-bottom: 1px solid #bbbbbb; }
tbody tr td { border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc; padding: 3px 0.5em; }

tfoot { font-style: normal; }

th { text-align: left; border: 1px solid #cccccc; border-bottom: 1px solid #bbbbbb; color: black; background-color: #769bf1; }

td { vertical-align: top; }

tr.odd td { background: #fafafa; }

tr.even td { background: #eeeeee; }

tr.total td { border-top: 1px solid #aaaaaa; font-weight: bold; line-height: 2; }

hr { color: #cccccc; background-color: #cccccc; border: 1px solid #cccccc; }

span.handle { cursor: move; }

.hide_container .hide_element { display: none; }

.hide_container:hover .hide_element { display: inline; }

table.google-visualization-table-table { border-collapse: separate; }

.subtotal { font-weight: bold; border-top: 1px solid #854242; text-align: right; }

.subtotal.bottom_separator { border-bottom: 2px solid #854242; }

.errors_block { margin-bottom: 1em; padding: 1em; border: 1px solid #a60000; color: #a60000; background-color: #feaaaa; }
.errors_block p { font-weight: bold; }
.errors_block li { margin-left: 1.5em; padding-left: 0.5em; background-image: none; list-style-type: disc; }

/* FORMS */
label { font-weight: bold; }

input { padding: 0.1em 0.2em; font-size: 160%; max-width: 300px; }

textarea { width: 99%; height: 150px; padding: 0.2em; font-family: courier; font-size: 14px; line-height: 18px; }

.help { padding: 0.8em 0.8em 0.8em 1.6em; margin-bottom: 1em; background: #fff6bf url(../images/help_triangle.gif) top left no-repeat; color: #514721; }

.required { font-size: 90%; color: #aaaaaa; }

p.buttons { overflow: hidden; display: inline-block; margin-bottom: 1.5em; }
p.buttons { display: block; }

a.button, .button { display: block; display: inline; float: left; margin: 0.7em 0.5em 0.7em 0; border-width: 1px; border-style: solid; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; cursor: pointer; padding: 5px 10px 5px 7px; background-color: #f5f5f5; border-color: #eeeeee #dedede #dedede #eeeeee; color: #565656; }
a.button img, .button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
a.button:hover, .button:hover { background-color: #dff4ff; border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff; color: #336699; }
a.button:active, .button:active { background-color: #6299c5; border-color: #72a9d5 #6299c5 #6299c5 #72a9d5; color: white; }

button { display: block; display: inline; float: left; margin: 0.7em 0.5em 0.7em 0; border-width: 1px; border-style: solid; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; cursor: pointer; width: auto; overflow: visible; padding: 4px 10px 3px 7px; background-color: #f5f5f5; border-color: #eeeeee #dedede #dedede #eeeeee; color: #565656; }
button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }
button[type] { padding: 4px 10px 4px 7px; line-height: 17px; }
*:first-child + html button[type] { padding: 4px 10px 3px 7px; }
button:hover { background-color: #dff4ff; border-color: #d2f1ff #c2e1ef #c2e1ef #d2f1ff; color: #336699; }
button:active { background-color: #6299c5; border-color: #72a9d5 #6299c5 #6299c5 #72a9d5; color: white; }

a.positive, button.positive, .button.positive { color: #529214; }
a.positive:hover, button.positive:hover, .button.positive:hover { background-color: #e6efc2; border-color: #d6e890 #c6d880 #c6d880 #d6e890; color: #529214; }
a.positive:active, button.positive:active, .button.positive:active { background-color: #529214; border-color: #62a224 #529214 #529214 #62a224; color: white; }

a.negative, button.negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background-color: #fbe3e4; border-color: #ffd2d4 #fbc2c4 #fbc2c4 #ffd2d4; color: #d12f19; }
a.negative:active, button.negative:active { background-color: #d12f19; border-color: #e13f29 #d12f19 #d12f19 #e13f29; color: white; }

/* LAYOUT ELEMENTS */
div#container { width: 50%; text-align: center; }

#wrap { min-width: 1000px; background: white; }
#wrap #header { overflow: hidden; display: inline-block; background: #1240ab; background: -moz-linear-gradient(top, #396eea 0%, #1240ab 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #396eea), color-stop(99%, #1240ab)); background: -webkit-linear-gradient(top, #396eea 0%, #1240ab 99%); background: -o-linear-gradient(top, #396eea 0%, #1240ab 99%); background: -ms-linear-gradient(top, #396eea 0%, #1240ab 99%); background: linear-gradient(top, #396eea 0%, #1240ab 99%); text-align: left; }
#wrap #header { display: block; }
#wrap #header #logo { width: 950px; margin: 0 auto; }
#wrap #header #logo h1 { margin-top: 0.3em; font-size: 2em; color: #ffaa00; font-family: "Helvetica", "Helvetica Neue", "HelveticaNeue", "Arial"; }
#wrap #header #logo h1 a { color: #ffaa00; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
#wrap #header #logo h1 a:hover { color: #ffbb00; }
#wrap #header #logo h1 .alt { margin-left: 0.5em; font-size: 60%; color: #ffbb00; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
#wrap #navbar { overflow: hidden; display: inline-block; padding: 5px 0; background-color: white; background-image: url(../images/navbar_bkg.gif); background-position: center center; background-repeat: repeat-x; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#wrap #navbar { display: block; }
#wrap #navbar #menu { width: 950px; margin: 0 auto; }
#wrap #navbar #menu ul { display: inline; float: right; margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; font-family: "Helvetica", "Helvetica Neue", "HelveticaNeue", "Arial"; border-left: 1px solid #cccccc; }
#wrap #navbar #menu ul { display: block; }
#wrap #navbar #menu ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 1em; padding-right: 1em; }
#wrap #navbar #menu ul li.first { padding-left: 0px; }
#wrap #navbar #menu ul li.last { padding-right: 0px; }
#wrap #navbar #menu ul li { background-image: none; border-left: 1px solid white; border-right: 1px solid #cccccc; text-shadow: 1px 1px 0px white; }
#wrap #navbar #menu ul li a { color: #464646; text-decoration: none; font-weight: bold; }
#wrap #navbar #menu ul li a:hover { color: black; }
#wrap #flash_box { left: 0; padding: 1em 0; position: absolute; width: 100%; z-index: 100; opacity: 0.8; background-color: #fcfcff; border-bottom: 1px solid #cccccc; cursor: pointer; }
#wrap #flash_box #notice, #wrap #flash_box #alert, #wrap #flash_box #error { font-weight: bold; text-align: center; }
#wrap #flash_box #notice { color: #264409; }
#wrap #flash_box #alert { color: #514721; }
#wrap #flash_box #error { color: #8a1f11; }
#wrap #content { overflow: hidden; display: inline-block; margin: 1.5em auto 0; padding: 0 0 1.5em; text-align: left; background: transparent; }
#wrap #content { display: block; }
#wrap #content #main { min-height: 500px; height: auto !important; height: 500px; }
#wrap #content #main .picked { background-color: #ffdd99; }
#wrap #content #main .picked td { background-color: #ffdd99; }
#wrap #content #main .filtering a { padding: 2px 0.5em; border: 1px solid #5785ed; margin: 0 2px 0 0; }
#wrap #content #main .filtering a:hover, #wrap #content #main .filtering a.selected { background-color: #5785ed; color: white; text-decoration: none; }
#wrap #content #main .infobox { padding: 1.5em; background-color: #eeeeee; border: 1px solid #cccccc; -moz-border-radius: 10px; border-radius: 10px; }
#wrap #content #main .dashedbox { padding: 1em; border: 2px dashed #cccccc; }
#wrap #content #main .charts div { margin: 0 0 1.5em 0; }
#wrap #footer { overflow: hidden; display: inline-block; border-top: 1px solid #cccccc; background: #eeeeee; }
#wrap #footer { display: block; }
#wrap #footer #footer_content { overflow: hidden; display: inline-block; margin: 0 auto; padding: 1.5em 0 1.5em; }
#wrap #footer #footer_content { display: block; }
#wrap #footer #footer_content h3 { margin-bottom: 0; text-shadow: 1px 1px 0px white; }
#wrap #footer #footer_content p, #wrap #footer #footer_content ul { color: #aaaaaa; margin: 0; text-shadow: 1px 1px 0px white; }
#wrap #footer #footer_content ul li { background-image: none; padding-left: 0; }
#wrap #footer #footer_content a, #wrap #footer #footer_content a:visited, #wrap #footer #footer_content a:focus, #wrap #footer #footer_content a:active { font-weight: bold; color: #aaaaaa; }
#wrap #footer #footer_content a:hover { color: #666666; }

/* CUSTOM STYLING */
.select_mgmt_tech { height: 70px; padding: 10px 0; background: #eeeeee; border: 2px dashed #dddddd; }
.select_mgmt_tech .select_mgmt_tech_prompt { text-align: center; font-weight: bold; }
.select_mgmt_tech table.fixed_qty_method_fields tbody, .select_mgmt_tech table.fixed_reviewed_interval_method_fields tbody { border: 0; }
.select_mgmt_tech table.fixed_qty_method_fields tbody td.label, .select_mgmt_tech table.fixed_reviewed_interval_method_fields tbody td.label { width: 60%; vertical-align: middle; text-align: right; }
.select_mgmt_tech table.fixed_qty_method_fields tbody td input, .select_mgmt_tech table.fixed_reviewed_interval_method_fields tbody td input { margin: 0; text-align: right; }

.article { margin-bottom: 1.4em; background: #eeeeee; border: 1px solid #dddddd; }
.article h3 { margin-bottom: 0; padding: 10px 15px 0; }
.article small { padding: 0 15px; }
.article table.article_details { margin-top: 10px; margin-bottom: 5px; }
.article table.article_details tbody { border-bottom: 0; }
.article table.article_details tbody tr td.label { width: 50%; font-weight: bold; text-align: right; }

.suppliers .supplier { margin-bottom: 1.4em; padding: 10px 15px; background: #eeeeee; border: 1px solid #dddddd; }
.suppliers .supplier .choose_supplier_link { float: right; }
.suppliers .supplier h3 { margin-bottom: 0; }
.suppliers .supplier table.supplier_details { margin-top: 10px; }
.suppliers .supplier table.supplier_details tr th { background: #dddddd; text-align: right; font-size: 80%; }
.suppliers .supplier table.supplier_details tr td { text-align: right; }
.suppliers .selected { background: #ffdd99; border: 4px solid #bbbbbb; }
.suppliers .selected h3:before { content: url(../images/icons/yes.gif); margin: 0 0.5em 0 0; }

.toggle_button { display: block; height: 19px; width: 63px; }
.toggle_button input { border: medium none; margin: 0; padding: 0; width: 63px; height: 19px; }

.anchor { float: right; }

.anchors_index { margin-left: 1em; }
.anchors_index a.anchor { float: left; margin-right: 0.5em; }

.game_introduction { clear: both; margin-bottom: 3em; }
.game_introduction .column_left { float: left; width: 66%; }
.game_introduction .column_left table { margin-top: 2em; margin-bottom: 2em; }
.game_introduction .column_left thead, .game_introduction .column_left tbody, .game_introduction .column_left tr, .game_introduction .column_left td { margin: 0; padding: 0; border: 0; }
.game_introduction .column_left .big { font-size: 150%; font-weight: bold; padding: 5px; }
.game_introduction .column_right { float: right; margin-right: 3%; padding-top: 3em; width: 30%; clear: right; text-align: right; }

.page_break { display: none; }

.boxed { padding: 10px; border: 1px solid #aaaaaa; background-color: #eeeeee; }