html
{
    font-family:normal,Helvetica,Verdana,Sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    /*line-height:1.25em;*/
    background-color:#f2f5fa;
}

h1
{
    font-size:16px;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    color: #7292cb;
}
h2
{
    font-size:12px;
    font-weight: bold;
    margin: 2px 0px 2px 0px;
    padding: 0px;
    color: #7292cb;
}
fieldset
{
    border: 2px solid #7292cb;
    padding:10px;
    background-color: #ffffff;
}

label
{
    float: left;
    width: 100px;
    font-weight: bold;
}

input, textarea
{
    margin-bottom: 5px;
}

select
{
    margin-bottom: 5px;
}
textarea
{
    width: 250px;
    height: 150px;
}

form
{
    margin:0px;
}

a
{
    color:#7292cb;
}

#banner
{
    width:68%;
    margin:auto;
    min-width: 775px;
}

.boxes
{
    width: 1em;
}

#submitbutton
{
    margin-left: 120px;
    margin-top: 5px;
    width: 90px;
}

br
{
    clear: left;
}
#body
{
    width: 68%;
    min-width: 850px;
    margin: 0px auto;
}

#dataConsole
{
    border: 1px solid #7292cb;
    padding:10px 0px 10px 10px;
    width: 35%;
    float: left;
    display: inline;
}
.horizontalDivs
{
    float:left;
    padding: 0px 6px 5px 0px;
}

.quickRun
{
    color:#000000;
	padding:2px 5px 2px 5px;
	margin-left: 10px;
	font-weight:bold;
    text-decoration: none;
    border: 1px solid #7292cb;
    width: 230px;
    min-width: 230px;
}

.box
{
    float:left;
    color:#000000;
	padding:2px;
	margin-left: 10px;
	font-weight:bold;
    text-decoration: none;
}
.box a
{
    color:#000000;
    text-decoration: none;
}
.box a div
{
    font-weight:bold;
    color:#7292cb;
}
.box div
{
    color:#000000;
    font-weight:normal;
}

.plus
{
    background: url(../images/plus.gif) no-repeat left top;
    cursor:pointer;
    text-decoration:none;
    border: none;
    padding-left:15px;
    width: 230px;
}

.minus
{
    background: url(../images/minus.gif) no-repeat left top;
    cursor:pointer;
    text-decoration:none;
    padding-left:15px;
    border: none;
}

ul#modelNav
{
    font-family:verdana,arial,sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    list-style-type:none;
    margin:0px 0px 1px 2px;
    padding:3px 0px;
    text-align:left;
}

ul#modelNav li
{
    display:inline;
    margin: 0px 1px 1px 0px;
}

ul#modelNav li a
{
    background-color:#d0d8ed;
    position:relative;
    top:1px;
    border-top: 1px solid #7292cb;
    border-right: 1px solid #7292cb;
    border-left: 1px solid #7292cb;
    margin-right:0;
    padding:3px 4px;
    text-decoration:none;
    color: #7292cb;
}

ul#modelNav li.selected a
{
    background-color:#ffffff;
    position:relative;
    top:1px;
    border-top: 1px solid #7292cb;
    border-left: 1px solid #7292cb;
    border-right: 1px solid #7292cb;
    border-bottom: 1px solid #ffffff;
    margin-right:0;
    padding:3px 4px;
    text-decoration:none;
    color: #7292cb;
    
}

ul#modelNav li.runall a
{
    background-color:#ffffff;
    position:relative;
    top:1px;
    border: none;
    padding:3px 0px 3px 20px;
    color: #7292cb;
    text-decoration:underline;
    font-size: 10px;

}

ul#mainNav
{
    font-family:verdana,arial,sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    list-style-type:none;
    margin:0px 0px 1px 2px;
    padding:3px 0px;
    text-align:left;
    width: 100%;
    min-width: 775px;
}

ul#mainNav li
{
    display:inline;
}

ul#mainNav li a
{
    background-color:#d0d8ed;
    border: 1px solid #7292cb;
    color:#7292cb;
    margin-right:1px;
    padding:3px 4px;
    text-decoration:none;
}

ul#mainNav li a
{
    background-color:#d0d8ed;
    color:#7292cb;
    padding-top:4px;
    position:relative;
    top:1px;
}
ul#mainNav li.line
{
    display:inline;
    border-bottom:none;
    margin:0px;
    padding:0px;
}


ul#mainNav li#visited a
{
    padding-right:20px;
    background-image: url(../images/check.gif);
    background-repeat:no-repeat;
    background-position:right;
}

ul#mainNav li.selected a
{
    background-color:#ffffff;
    border-top: 2px solid #7292cb;
    border-right: 2px solid #7292cb;
    border-left: 2px solid #7292cb;
    border-bottom: 2px solid #ffffff;
    color: #7292cb;
}

#advancedDiv
{
    z-index:5;
    position:absolute;
    top:150px;
    left:290px;
    background-color: #ffffff;
    font-weight: bold;
    border: 1px solid #7292cb;
    width: 160px;
}

#advancedDiv span
{
    padding: 2px;
    display: block;
    background-color: #7292cb;
    color: #d0d8ed;
}
#advancedDiv span a
{
    text-decoration:none;
}
#advancedDiv span img
{
    float:right;
    border:none;
}
#advancedDiv label
{
    width: 70px;
    font-weight: bold;
    padding: 2px 2px 0px 5px;
    margin:3px 0px 0px 5px;
    text-align:right;
}

#advancedDiv input
{
    margin-top:3px;
}

fieldset #spinner
{
    border: 1px solid #7292cb;
    padding:10px;
    width:35%;
    float:left;
    display:none;
}

#display_0, #display_1,
#display_2, #display_3,
#display_4, #display_5,
#display_6, #display_7,
#display_8, #display_9
{
    float:right;
    margin-right:10px;
}

.editableTable
{
    width:253px;
}
.editableTable th
{
    width:33%;
    text-align:center;
    border-right: 1px solid #7292cb;
    background-color: #d0d8ed;
    color: #7292cb;
    padding:1px;
}

.editableTable td
{
    padding:1px;
    width:33%;
    text-align:center;
    border-top: 1px solid #7292cb;
    border-right: 1px solid #7292cb;
}

.scrollBars
{
    border: 1px solid #7292cb;
    overflow:auto;
    height:200px;
    width:250px;
}

p
{
    margin:0px;
    padding:0px;
}

.editor_field
{
    vertical-align: top;
    width:50%;
}

.upperNav
{
    width:68%;
    margin:auto;
    min-width:790px;
}

.lowerNav
{
    width:68%;
    margin:auto;
    min-width:775px;
}

#graphDiv
{
    float:left;
    border: 1px solid #7292cb;
    margin:0px 0px 0px 10px;
    width: 500px;
    min-width: 440px;
}
#graphDiv2
{
    float:right;
    border: 1px solid #7292cb;
    margin:0px 40px 0px 5px;
    width: 500px;
    min-width: 440px;
    display: none;
}

.inplaceeditor-saving { background: url(../images/mozilla_blu.gif) bottom right no-repeat; }


.loginDiv fieldset
{
	background:transparent url(../images/bggradient2.gif) repeat-x scroll right bottom;
	padding:10px;
	position:relative;
    border: 1px solid #7292cb;
}

.loginDiv fieldset p
{
    margin:0px 0px 5px 0px;
    padding:0;
}

.loginDiv fieldset p input
{
	border:1px solid #666666;
	float:left;
	width:180px;
}

.loginDiv fieldset label
{
	clear:left;
	float:left;
	font-size:12px;
	width:80px;
}

.loginDiv fieldset span
{
	clear:left;
	display:block;
	height:2em;
}
.loginDiv fieldset span input
{
	margin:2px;
	position:absolute;
	right:15px;
	width:50px;
}

.success
{
    width: 98%;
    background-color:#B8FE42;
    opacity: 0.75;
    color: #88C327;
    font-weight: bold;
    text-align:center;
    border: 1px solid #88C327;
    margin: 3px 0px 0px 3px;
}
.failure
{
    width: 98%;
    background-color:#FF3159;
    opacity: 0.75;
    color: #C32758;
    font-weight: bold;
    text-align:center;
    border: 1px solid #C32758;
    margin: 3px 0px 0px 3px;
}
.success div
{
    border: 2px solid white;
    padding:3px;
}
.failure div
{
    border: 2px solid white;
    padding:3px;
}

#indexInfo
{
     width:25%;
     float:right;
}

.map_canvas
{
    width: 460px;
    height: 330px;
    border: 1px solid black;
    padding:10px 0px 0px 0px;
}
.small_map_canvas
{
    float:right;
    width: 180px;
    height: 160px;
    border: 1px solid black;
    margin: 10px 50px 10px 0px;
}
.reportBox div.small_map_canvas div
{
    margin: 0px;
}
.reportBox div.small_map_canvas div span
{
    display: none;
}

#emissionsDataConsole
{
    width: 100%;
}
#emissionsDataConsole tr td label
{
    width: 50px;
}
#imageTools
{
  width: 100%;
}
#imageTools tr td
{
    background-color:#7292cb;
    color:#d0d8ed;
    width: 18%;
}

#userInfoBar
{
    width: 92%;
    border: 1px solid #7292cb;
    clear:both;
    margin:20px 0px 0px 0px;
    padding:5px;
}

.legend
{
    width: 100px;
    border-top: 1px solid #7292cb;
    border-left: 1px solid #7292cb;
    border-right: 1px solid #7292cb;
    font-family:normal,Helvetica,Verdana,Sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}
.legend tr th
{
    color: #b4d8ed;
    border-bottom: 1px solid #7292cb;
    background-color: #7292cb;
    padding: 2px 0px 2px 0px;
}
.legend tr td
{
    width: 70px;
    padding: 2px 2px 2px 5px;
    border-bottom: 1px solid #7292cb;
}
.legend tr td#colors
{
    width: 30px;
    border-right: 1px solid #7292cb;
}
.reportBox
{
    border: 1px solid #7292CB;
    margin-bottom: 10px;
}
.reportBox span
{
    border-bottom: 1px solid #7292CB;
    background-color:#D0D8ED;
    display: block;
    font-weight: bold;
    color:#7292CB;
    padding: 2px;
}

.reportTable
{
    margin: 5px;
    font-family:normal,Helvetica,Verdana,Sans-serif;
    font-size:11px;
    width: 98%;
    text-align: left;
    border-top:1px solid #7292CB;
    border-bottom:1px solid #7292CB;
    border-left:1px solid #7292CB;
}
.reportTable tr th
{
    padding: 2px;
    background-color:#D0D8ED;
    border-bottom:1px solid #7292CB;
    border-right:1px solid #7292CB;
    color:#7292CB;
}
.reportTable tr td
{
    border-right:1px solid #7292CB;
    padding: 5px;
    width: 50%;
}

.highlighted
{
    background-color: #FFEBE8;
    padding: 2px;
    border: 1px solid #DD3C10;
    margin:1px 0px 1px 0px;
    color: #DD3C10;
}
.default
{
    background-color: #ffffff;
    padding: 2px;
}

.reportImageTable
{
    margin: 10px;
    padding: 2px;
    font-family:normal,Helvetica,Verdana,Sans-serif;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    border: 1px solid #7292CB;
    background-color: #D0D8ED;
    color: #7292CB;
}

a.info {
    position:relative;
    text-decoration:none;
    cursor:help;
}
a.info:hover {
	z-index:25;
	background-color:#ffffff;
    cursor:help;
    border: none;
}

a.info span {
	display: none;
	background-color:#f5f5f5;
}

a.info:hover span p span
{
    display: inline;
    position:relative;
    border: none;
    cursor: pointer;
    text-decoration: underline;
}

a.info:hover span {
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:10px; right:-225px; width:300px;
    border:1px solid #7292CB;
    background-color:white;
    color:#7292CB;
    font-weight:normal;
    text-align: left;
    text-decoration:none;
}
a.info:hover span h4
{
    text-align:center;
    padding: 2px 0px 2px 0px;
    background-color:#9a9a9a;
    color:#ffffff;
}
a.info:hover span p
{
    padding: 10px;
}