﻿body
{
    background: #bab8b9 url(../../images/bg.jpg) repeat-x;
    margin: 0 auto;
    font-family:  Arial;
    font-size: 11px;
    color: #686868;
    font-weight: 700;
}
p
{
    margin: 12px 0;
}
img
{
    border: 0;
}
a
{
    color: #306a96;
}
#page_con
{
    width: 900px;
    margin: 0 auto;
    background: #ffffff;
    border-left: 1px solid #8a8a8a;
    border-right: 1px solid #8a8a8a;
}

#header
{
    background: url(../../images/header_bg.jpg) repeat-x;
    height: 94px;
    padding: 1px 0 0 0;
}
#header h1
{
    float: left;
    color: #3e6810;
    font-size: 48px;
    font-family: veranda, sans-serif;
    padding: 0 0 0 50px;
    line-height: 80px;
    margin: 0;
    font-weight: normal;
    width: 30px;
}
#header h2
{
    float: left;
    color: #3e6810;
    font-size: 36px;
    font-family: veranda, sans-serif;
    padding: 4px 0 0 0;
    line-height: 80px;
    margin: 0;
    font-weight: normal;
    height: 70px;
    width: 28px;
}
#header h3
{
    float: left;
    color: #2824B3;
    font-size: 36px;
    font-family: veranda, sans-serif;
    padding: 4px 0 0 0;
    line-height: 80px;
    margin: 0;
    font-weight: normal;
    height: 70px;
}

#topnav
{
    float: right;
    color: #4b4b4b;
    padding: 60px 10px 0 0;
}
#topnav a
{
    text-decoration: none;
    color: #4b4b4b;
    font-size: 11px;
    padding: 0 10px;
}
#topnav a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
#content
{
    background: #ffffff url(../../images/content_bg.jpg) repeat-x;
    padding: 20px 7px 0px 7px;
}

#tightcontent
{
    background: #ffffff url(../../images/content_bg.jpg) repeat-x;
    padding: 0px 7px 0px 7px;
    margin: -10px auto;
}

/**floated left column**/
#leftColumnFixed
{
    float: left;
    width: 270px; /*adjust width of column in pixels, ems or percentages*/
    margin: 0;
    padding: 5px;
    height: 600px;
    border-right: solid 1px #3D680F;
}
/**floated right column**/
#rightColumnFixed
{
    float: right;
    width: 150px; /*adjust width of column in pixels, ems or percentages*/
    margin: 0;
    height: 600px;
    padding: 5px;
    border-left: solid 1px #3D680F;
}
/** Middle column container **/
#MiddleFixed
{
    padding: 5px 5px 5px 5px;
    height: 600px;
    width: 1%;
    margin: 0px 0px 0px 270px;
}
#filterStuff
{
    width: auto;
    border-top: solid 1px #3D680F;
}


#left_col
{
    float: left;
    width: 269px;
}

#task_box
{
    background: url(../../images/TaskBox.png);
    float: left;
    height: 237px;
    width: 267px;
}

#one_col
{
    font-size: 14px;
    float: left;
    width: 868px;
}

#map
{
    width: 600px;
    height: 500px;
    border: 1px solid #ccc;
}

#toplogo
{
    float: left;
    padding: 5px 0px 0px 20px;
}

.sbox_y
{
    background: url(../../images/sidebox_y.gif) repeat-y;
    padding: 1px 3px;
    margin-bottom: 17px;
}
.sbox_x
{
    background: url(../../images/sidebox_x.gif) repeat-x left bottom;
    padding: 1px 0;
    position: relative;
}
.sbox_top
{
    position: absolute;
    left: -3px;
    top: -7px;
    background: url(../../images/sidebox_top.gif) no-repeat;
    font-size: 1px;
    line-height: 1px;
    height: 6px;
    width: 269px;
}
.sbox_bottom
{
    position: absolute;
    left: -3px;
    bottom: 0;
    background: url(../../images/sidebox_bottom.gif) no-repeat left bottom;
    font-size: 1px;
    line-height: 1px;
    height: 7px;
    width: 269px;
}
.sbox_content
{
    padding: 1px 3px 6px 3px;
}
* html .sbox_bottom
{
    position: relative;
    left: 0;
    bottom: -2px;
    margin: -7px -3px 0 -3px;
}
* html .sbox_content
{
    padding: 1px 3px 0 3px;
}
#slogan
{
    background: url(../../images/avwatchEarth.png) no-repeat;
    height: 183px;
    color: #000000;
    font-size: 20px;
    text-align: center;
}
.title
{
    line-height: 29px;
    height: 29px;
    color: #FFFFFF;
    background: url(../../images/title_bg.jpg) repeat-x;
    font-size: 19px;
    padding: 0 0 0 15px;
}
#leftnav
{
    margin: 5px 10px;
    padding: 0;
    list-style: none;
}
#leftnav li
{
    width: 100%;
    float: left;
    height: 22px;
    position: relative;
    border-bottom: 1px solid #a8a8a8;
}
#leftnav li.last
{
    border-bottom: 0;
}
#leftnav a
{
    display: block;
    color: #5f5f5f;
    background: url(../../images/arrow.gif) no-repeat 3px center;
    padding: 0 0 0 20px;
    line-height: 22px;
    text-decoration: none;
}
#leftnav a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
.entry
{
    border-bottom: 1px solid #a8a8a8;
    padding: 8px 10px;
}
.last_entry
{
    padding: 5px 10px;
}
#right_col
{
    float: right;
    width: 599px;
}

#taskback
{
    background: url(../../images/taskbox.png) no-repeat;
    height: 295px;
    color: #000000;
}

.wbox_y
{
    background: url(../../images/wbox_y.gif) repeat-y;
    padding: 1px 2px;
    margin-bottom: 15px;
}
.wbox_x
{
    background: url(../../images/wbox_x.gif) repeat-x left bottom;
    padding: 1px 0;
    position: relative;
}
.wbox_top
{
    position: absolute;
    left: -2px;
    top: -7px;
    background: url(../../images/wbox_top.gif) no-repeat;
    font-size: 1px;
    line-height: 1px;
    height: 6px;
    width: 599px;
}
.wbox_bottom
{
    position: absolute;
    left: -2px;
    bottom: 0;
    background: url(../../images/wbox_bottom.gif) no-repeat left bottom;
    font-size: 1px;
    line-height: 1px;
    height: 7px;
    width: 599px;
}
.wbox_content
{
    padding: 1px 3px 6px 3px;
    text-align: center;
}
* html .wbox_bottom
{
    position: relative;
    left: 0;
    bottom: -2px;
    margin: -7px -2px 0 -2px;
}
* html .wbox_content
{
    padding: 1px 3px 0 3px;
}
#main_left, #main_right
{
    width: 273px;
    height: 147px;
    margin-bottom: 10px;
    padding: 6px 12px;
    color: #ffffff;
}
#main_left a, #main_right a
{
    color: #ffffff;
}
#main_left
{
    float: left;
    background: url(../../images/main_left_bg.jpg) no-repeat;
}
#main_right
{
    float: right;
    background: url(../../images/main_right_bg.jpg) no-repeat;
}
.main_title
{
    line-height: 36px;
    color: #FFFFFF;
    font-size: 18px;
}
#footer
{
    background: #ffffff url(../../images/footer_bg.jpg) repeat-x;
    padding: 0 20px;
    line-height: 44px;
    height: 47px;
    color: #eeeeee;
}
#footer a
{
    color: #eeeeee;
    text-decoration: none;
}
#footer_left
{
    float: left;
}
#footer_right
{
    float: right;
}

.statustitles 
{
    font: Courier New;
    font-size: 12px;
    color: #0077C0;
    font-weight:bold;
}
.statustext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #686868;
    font-weight: 700;
}

.smalltext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #3e6810;
}

.panellarge
{
    font: Courier New;
    font-size: 24px;
    color: #3e6810;
    font-weight:bold;
}

.paneltitles
{
    font: Courier New;
    font-size: 16px;
    color: #3e6810;
    font-weight:bold;
}

.panellink
{
    font: Courier New;
    font-size: 12px;
    color: #3e6810;
    font-weight:bold;
}

.panellinktext
{
    font: Courier New;
    font-size: 12px;
    color: #5f5f5f;
}

.bigstatustitle
{
    font: Courier New;
    font-size: 16px;
    color: #3e6810;
    font-weight:bold;
}
.bigstatustext
{
    font: Courier New;
    font-size: 16px;
    color: red;
    font-weight:bold;
}

.imagehighlight 
{
    border: solid 2px #FF5500;
}

.imagenormal 
{
    border: solid 0px #3e6810;
}

.clear
{
    font-size: 1px;
    line-height: 1px;
    clear: both;
    height: 1px;
}
.sp
{
    border-top: 1px solid #9e9e9e;
    float: right;
    width: 425px;
    position: relative;
}
.float_left
{
    float: left;
    margin: 0 10px 10px 0;
}
.float_right
{
    float: right;
    margin: 0 0 10px 10px;
}

.right
{
    text-align: right;
}
.readmore
{
    color: #ab5d01;
    font-weight: bold;
    padding: 0 5px;
}
.arrow_list
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.arrow_list li
{
    background: url(../../images/arrow_2.gif) no-repeat 15px 7px;
    line-height: 20px;
    padding: 0 0 0 25px;
}
.date
{
    color: #97653c;
    font-weight: bold;
}
.mapborder
{
    border-bottom: solid 2px #3D680F;
    border-top: solid 2px #3D680F;
}

.simplebox 
{
    text-align:center;
    border:solid 1px #3D680F;
    margin: 0px 0px 5px 0px;
}

.table-sortable 
{
    background-color: #3D680F;
}

table.example {
	border:1px solid #E7E7FF;
	border-collapse:collapse;
}
table.example th, table.example td {
	border:1px solid #aaaaaa;
	padding: 2px 10px 2px 10px;
    color: #4A3C8C;
}
table.example thead th {
	background-color:#3D680F;
	color: #F4F2F3;
}
table.example tfoot td {
	background-color:#3D680F;
	color: #F4F2F3;
}

table.example tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.example a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:1px solid #666666;
	margin:0px 5px 0px 5px;
}
table.example a.currentpage {
	background-color:yellow;
}
/* Striping */
tr.alternate {
	background-color:#C3D69B;
}

/* Sorting */
th.table-sortable {
	cursor:pointer;
	background-image:url("sortable.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}
th.table-sorted-asc {
	background-image:url("sorted_up.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("sorted_down.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-filtered {
	background-image:url("filter.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
select.table-autofilter {
	font-size:smaller;
}

/* Examples which stray from the default */
table.altstripe tr.alternate2 {
	background-color:#ccffff;
}

/* Sort Icon Styles */
table.sort01 th.table-sortable { background-image:url("icons/01_unsorted.gif"); }
table.sort01 th.table-sorted-asc { background-image:url("icons/01_ascending.gif"); }
table.sort01 th.table-sorted-desc { background-image:url("icons/01_descending.gif"); }

table.sort02 th.table-sortable { background-image:none; padding-left:16px; }
table.sort02 th.table-sorted-asc { background-image:url("icons/02_ascending.gif"); }
table.sort02 th.table-sorted-desc { background-image:url("icons/02_descending.gif"); }

table.sort03 th.table-sortable { background-image:none; }
table.sort03 th.table-sorted-asc { background-image:url("icons/03_ascending.gif"); }
table.sort03 th.table-sorted-desc { background-image:url("icons/03_descending.gif"); }

table.sort04 th.table-sortable { background-image:none; }
table.sort04 th.table-sorted-asc { background-image:url("icons/04_ascending.gif"); }
table.sort04 th.table-sorted-desc { background-image:url("icons/04_descending.gif"); }

table.sort05 th.table-sortable { background-image:url("icons/05_unsorted.gif"); padding-left:16px;}
table.sort05 th.table-sorted-asc { background-image:url("icons/05_ascending.gif"); }
table.sort05 th.table-sorted-desc { background-image:url("icons/05_descending.gif"); }

table.sort06 th.table-sortable { background-image:none; padding-left:16px;}
table.sort06 th.table-sorted-asc { background-image:url("icons/06_ascending.gif"); }
table.sort06 th.table-sorted-desc { background-image:url("icons/06_descending.gif"); }

table.sort07 th.table-sortable { background-image:none; }
table.sort07 th.table-sorted-asc { background-image:url("icons/07_ascending.gif"); }
table.sort07 th.table-sorted-desc { background-image:url("icons/07_descending.gif"); }

table.sort08 th.table-sortable { background-image:none; }
table.sort08 th.table-sorted-asc { background-image:url("icons/08_ascending.gif"); }
table.sort08 th.table-sorted-desc { background-image:url("icons/08_descending.gif"); }

table.sort09 th.table-sortable { background-image:none; padding-left:30px;}
table.sort09 th.table-sorted-asc { background-image:url("icons/09_ascending.gif"); }
table.sort09 th.table-sorted-desc { background-image:url("icons/09_descending.gif"); }

table.sort10 th.table-sortable { background-image:url("icons/10_unsorted.gif"); }
table.sort10 th.table-sorted-asc { background-image:url("icons/10_ascending.gif"); }
table.sort10 th.table-sorted-desc { background-image:url("icons/10_descending.gif"); }

table.sort11 th.table-sortable { background-image:url("icons/11_unsorted.gif");padding-left:24px; }
table.sort11 th.table-sorted-asc { background-image:url("icons/11_ascending.gif"); }
table.sort11 th.table-sorted-desc { background-image:url("icons/11_descending.gif"); }

table.sort12 th.table-sortable { background-image:none; }
table.sort12 th.table-sorted-asc { background-image:url("icons/12_ascending.gif"); }
table.sort12 th.table-sorted-desc { background-image:url("icons/12_descending.gif"); }

table.sort13 th.table-sortable { background-image:none; }
table.sort13 th.table-sorted-asc { background-image:url("icons/13_ascending.gif"); }
table.sort13 th.table-sorted-desc { background-image:url("icons/13_descending.gif"); }

table.sort14 th.table-sortable { background-image:none; }
table.sort14 th.table-sorted-asc { background-image:url("icons/14_ascending.gif"); }
table.sort14 th.table-sorted-desc { background-image:url("icons/14_descending.gif"); }

table.sort15 th.table-sortable { background-image:none; }
table.sort15 th.table-sorted-asc { background-image:url("icons/15_ascending.gif"); }
table.sort15 th.table-sorted-desc { background-image:url("icons/15_descending.gif"); }

table.sort16 th.table-sortable { background-image:none; }
table.sort16 th.table-sorted-asc { background-image:url("icons/16_ascending.gif"); }
table.sort16 th.table-sorted-desc { background-image:url("icons/16_descending.gif"); }

table.sort17 th.table-sortable { background-image:none; }
table.sort17 th.table-sorted-asc { background-image:url("icons/17_ascending.gif"); }
table.sort17 th.table-sorted-desc { background-image:url("icons/17_descending.gif"); }

table.sort18 th.table-sortable { background-image:url("icons/18_unsorted.gif"); }
table.sort18 th.table-sorted-asc { background-image:url("icons/18_ascending.gif"); }
table.sort18 th.table-sorted-desc { background-image:url("icons/18_descending.gif"); }

table.sort19 th.table-sortable { background-image:url("icons/19_unsorted.gif");padding-left:24px; }
table.sort19 th.table-sorted-asc { background-image:url("icons/19_ascending.gif"); }
table.sort19 th.table-sorted-desc { background-image:url("icons/19_descending.gif"); }

/* Icons box */
.iconset {
	margin:5px;
	border:1px solid #cccccc;
	border-color:#cccccc #666666 #666666 #cccccc;
	text-align:center;
	cursor:pointer;
	width:100px;
}
.iconset img {
	margin:3px;
}

/* Documentation */
tr.doc_section {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

.slider_rail     
{
    position: relative;    
    height: 15px;    
    width: 500px;    
}

/* The following styles are used to overload the virtual earth popup stuff */

.ero .ero-body {width: 800px;}
