html, body {
    margin: 0;
    padding: 5px 0px 0px 0px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
}

a {
    color: #023E84;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #023E84;
    font-weight: bolder;
}

a:link, a:visited {
    color: #023E84;
}

.right{
	float: right;
}

.left{
	float: left;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

#north {
    width: 1010px;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    font-family: Arial, Helvetica, sans-serif;
}

/* ****************************************  Header Styles  ****************************************  */
#weather {
    font-size: 10pt;
    height: 25px;
    margin-right: 3px;
}

#siteTitle {
    height: 35px;
    margin-top: 10px;
}

#datetime {
    color: rgba(155, 155, 155, 0.7); /*#656567;*/
    padding-right: 0px;
}

#cityState {
    padding-right: 20px;
}

#title {
    color: rgba(155, 155, 155, 0.7); /*#656567;*/
    font-size: 17pt;
    padding-left: 20px;
    margin-top: 10px;
}

#agentArea {
    width: 300px;
    height: 50px;
    clear: right;
}

#agentPic {
    width: 20px;
    padding-right: 10px;
}

#welcome {
    width: 260px;
    height: 35px;
    font-size: 9pt;
    border: 5px solid #FFFFFF;
    text-align: right;
}

/*************************************MENUS*****************************************/
#nav {
    position: relative;
    display: block;
    width: 1040px;
    margin: 0 auto;
    padding: 0;
    height: 80px;
    clear: both;
    z-index: 999;

}

#favMenu {
    width: 1040px;
    height: 35px;
    clear: both;
    float: left;
}

.favMenuItem {
    font-family: arial;
    margin-left: 1px;
    padding: 0px;
    text-align: center;
    width: 127px;
    font-size: 8pt;
    background-color: #FFFFFF;
    font-weight: normal;
    border: 1px solid #EDEDED;
    height: 34px;
}

#favMenu li a {
    padding   : 0px 2px;
    width     : 100px;
    font-size : 11px;
    height    : 100%;
}

#favMenu li a:first-child {
    padding   : 9px 2px;
    width     : 14px;
    height    : 16px;
    font-size : 16px;
    color     : #FF0000;
}

.favMenuItem a {
    padding-right:10px;
    float: left;
    font-size: 11pt;
    color: #FF0000;
}

li.favMenuItem a:link, li.favMenuItem a:visited {
    color : #023E84;
}

li.favMenuItem a:hover, li.favMenuItem a:focus {
    color: #F87313;
    text-decoration: underline;
    border: none;
    
}

#fullMenu {
    width: 1040px;
    height: 35px;
    clear: both;
}

li#fullMenuListItem {
    display: block;
    float:left;
    margin: 0;
}

ul#fullMenu a {
    display: inline-block;
    text-decoration: none;
}

ul#fullMenu .menuItem a {
    display: inline-block;
    text-decoration: none;
}

ul#fullMenu .menuItem ul.subMenu li a {
    width       : 210px;
    float       : left;
    line-height : 18px;
    height      : 18px;
}

ul#fullMenu .menuItem ul.subMenu li.subs a {
    line-height : 16px;
    height      : 18px;
    width       : 204px;
}

/* Plus sign for Favorites */
ul#fullMenu .menuItem ul.subMenu li a:first-child{
    color           : #00FF00;
    display         : inline-block;
    font-size       : 18px;
    font-weight     : bolder;
    text-decoration : none;
    width           : 20px;
    line-height     : 14px;
    float           : left;
}

ul#fullMenu .menuItem ul.subMenu li.subs a:first-child {
    line-height : 14px;
    width       : 20px;
}

.menuItem {
    font-family : 'arial black';
    font-size   : 0.97em;
    margin-left : 1px;
    padding     : 10px 5px;
    text-align  : center;
    width       : 248px;
    background-color : #EDEDED;
    font-weight : bolder;
}

.over {
    color: #000000;
    background-color: #FFFFFF;
}

ul#fullMenu a#fullMenuItemSubmenu {
	margin: 0;
	font-size: 10pt;
	cursor: default;
	color: #023E84;
	font-family: 'arial black', Arial, Helvetica, sans-serif;
    padding-left: 10px;
}

ul.subMenu {
    color: #FFF;
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
    margin: 0;
    text-align: left;
}

.subMenu li {
    display: block;
    font-weight: normal;
    padding:0;
    margin:0;
    border-top: none;
    border-right: none;
    border-left: none;
    list-style-type: none;
}

ul.subMenu a { 

}

/* Added for single column menus */
.popupMenuSingle {
    font-family: Verdana,Tahoma,Helvetica,sans-serif;
	font-size: 12px;
    color: #000000;
	width: 258px;
	background-color: #FFFFFF;
    z-index: 1000;
    margin: 0 auto;
    border: 0px 1px 1px 1px solid #EDEDED;
    border-top: 0px;
    list-style-type: none;
    left: 1px;
    position: absolute;
    top: 80px;
    behavior: url(/PIE.php);
    -webkit-box-shadow: #667667 0px 4px 5px;
    -moz-box-shadow: #667667 0px 4px 5px;
    -o-box-shadow: #667667 0px 4px 5px;
    -ms-box-shadow: #667667 0px 4px 5px;
    box-shadow: #667667 0px 4px 5px;
    background: d9a58f;
}

.popupMenu {
	font-family: Verdana,Tahoma,Helvetica,sans-serif;
	font-size: 12px;
    color: #000000;
	width: 1028px;
	background-color: #FFFFFF;
    z-index: 1000;
    margin: 0 auto;
    border: 0px 1px 1px 1px solid #EDEDED;
    border-top: 0px;
    list-style-type: none;
    left: 1px;
    position: absolute;
    top: 80px;
    behavior: url(/PIE.php);
    -webkit-box-shadow: #667667 0px 4px 5px;
    -moz-box-shadow: #667667 0px 4px 5px;
    -o-box-shadow: #667667 0px 4px 5px;
    -ms-box-shadow: #667667 0px 4px 5px;
    box-shadow: #667667 0px 4px 5px;
    background: d9a58f;
}

.popupMenu a {
    display: block;
    color: #023E84;
}

/* column class used for one column menu */
.column {
    float: left; 
    width: 258px;
    margin-top: 1px;
}

#menu_1 {
    margin-left : 0px;
}

#menu_2 {
    margin-left : 259px;
}

#menu_3 {
    margin-left : 517px;
}

#menu_4 {
    margin-left : 776px;
}

.column3_1 {
    float: left; 
    width: 295px; 
    margin-top: 1px;
}

.column3_2 {
    float: left; 
    width: 295px;
    margin-top: 1px;
}

.column3_3 {
    float: left; 
    width: 295px;
    margin-top: 1px;
}

.column .subMenu li  { 
    margin-top : 1px;
    width      : 100%;
    height     : 28px;
}

.column .subMenu li.grps {
    background-color : #ededed;
}

.column .subMenu li.grps div {
    padding          : 4px 0px 8px 32px;
    color            : #023e84;
    font-size        : 12px;
    font-weight      : bold;
    line-height      : 18px;
    cursor           : default;/* To stop "I" cursor from showing */
}

.column .subMenu li.grps a {
    color            : #023e84;
    font-size        : 12px;
    font-weight      : bold;
    line-height      : 18px;
}

.column .subMenu li.subs {
    padding-left : 20px;
    height       : 26px;
}

.column .subMenu li.subs a {
    font-weight : lighter;
    line-height : 16px;
    height      : 18px;
}

.column .subMenu li a { 
    font-size  : 11px; 
    padding    : 4px;
}

.column .subMenu li:hover { 
    color : #023E84;
}

.column3_1 .subMenu li, 
.column3_2 .subMenu li, 
.column3_3 .subMenu li  { 
    margin-top: 1px;
}

.column3_1 .subMenu li a,
.column3_2 .subMenu li a,
.column3_3 .subMenu li a { 
    font-size: 12px; 
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

ul.subMenu a:hover, ul.subMenu a:focus {
    color: #023E84;
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: #DCE5EE;
}

.column3_1 .subMenu li:hover,
.column3_2 .subMenu li:hover,
.column3_3 .subMenu li:hover { 
    color: #023E84;
}

.agMenuItem {
    font-family: 'arial black';
    width: 300px;
    border-left: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
}


.agpopupMenu {
	position: relative;
    left: 0px;
    top: -5px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
    color: #4056a7;
    background-color: #FFFFFF;
	width: 295px;
    z-index: 1010;
    border: 1px solid #EDEDED;
    border-top: 0px;
    list-style-type: none;
    display: inline-block;
    text-align: right;
    behavior: url(/PIE.php);
    -webkit-box-shadow: #667667 0px 4px 3px;
    -moz-box-shadow: #667667 0px 4px 3px;
    -o-box-shadow: #667667 0px 4px 3px;
    -ms-box-shadow: #667667 0px 4px 3px;
    box-shadow: #667667 0px 4px 3px;
    background: d9a58f;
}

.agpopupMenu a{
	width: 255px;
    display: inline-block;
}

.column1_1 {
    width: 285px;
}

.column1_1 .agsubMenu li:hover{ 
    color: #023E84;
}

ul.agsubMenu a:hover, ul.agsubMenu a:focus {
    color: #023E84;
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: #DCE5EE;
}

#menucol1 {
    background-color: #025594;
    clear: both;
}

#menucol2 {
    background-color: #0272CA;
}

#menucol3 {
    background-color: #1893F2;
}

#menucol4 {
    background-color: #18BCF2;
}

#menucol5 {
    background-color: #6EDAFD;
}

#menucol6 {
    background-color: #85F1FE;
}

.menuCols {
    height: 10px;
    display: block;
    width: 258px;
    margin-left: 1px;
    float: left;
}

.bullet {
    line-height: 14px;
	font-size: 16px;
	margin: 0 3px 0 0;
    padding: 0;
	position: relative;
    list-style-type: none
}

#remove0, #remove1, #remove2, #remove3, #remove4, #remove5, #remove6, #remove7 {
    padding-right:10px;
    float: left;
    font-size: 11pt;
    color: #FF0000;
}
/*  END  Top Menu Horizontal Bar Navigation */
/* ----------------------------------------  Header Styles  ----------------------------------------  */

.middle {
    height: 280px;
}

#rankings {
    width: 290px;
    clear: both;
}

#slide {
    width: 610px;
}

.centered-container{
	width: 730px;
	margin: 0px auto;
	padding-top: 25px;
	color: #585858;
	background-repeat: repeat-x;
	background-position: top;
}

#footer{
	height: 100%;
	color: #585858;
	background-color: #EDEDED;
	background-repeat: repeat-x;
	background-position: center top;
	height: 160px;
}

#footer a{
	color: #585858;
}

#footer div.centered-container div{
	float: left;
	width: 26%;
	font-size: 9pt;
}

#footer div.centered-container div h3{
	font-weight: bold;
	font-size: 11pt;
	margin: 0px;

}
#footer div.centered-container div span{
	color: #CCCCCC;
	font-size:8pt;
}

.gadgetHeaderLine1 {
    color       : #295ea6;
    font-size   : 12pt;
    font-weight : bolder;
    display     : block;
    text-align  : center;
}

.gadgetHeaderLine2 {
    color       : #919191;
    font-size   : 9pt;
    font-weight : bolder;
    display     : block;
    text-align  : center;
}

h2 {
    line-height: 10.5pt;
    color: #1C417C;
    letter-spacing: 0.4pt;
    text-transform: none;
    font-family: "Trebuchet MS",Verdana,Sans-Serif;
    font-size: 100%;
}

#south {
    padding: 2px 0px 2px 0px;
    font-family: tahoma,arial,verdana,sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #000000;
    text-align: center;
}

.positiveLine {
    color: #FFFFFF;
    width: 100%;
    height: 20px;
    font-family: Helvetica;
    font-size: 11pt;
    font-weight: bolder;
    padding-right: 5px;
    padding-top: 5px;
    position: relative;
    border: 1px solid #3b5941;
    background: #a7c56a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c56a), color-stop(51%,#73b242), color-stop(52%,#749c00), color-stop(62%,#4a9300), color-stop(100%,#316300));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a7c56a 0%, #73b242 51%,#749c00 52%, #4a9300 62%,#316300 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #a7c56a 0%, #73b242 51%,#749c00 52%, #4a9300 62%,#316300 100%);/* FF3.6+ */
    background: -ms-linear-gradient(top, #a7c56a 0%, #73b242 51%,#749c00 52%, #4a9300 62%,#316300 100%);/* IE10+ */
    background: -o-linear-gradient(top, #a7c56a 0%, #73b242 51%,#749c00 52%, #4a9300 62%,#316300 100%);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #a7c56a 0%, #73b242 51%,#749c00 52%, #4a9300 62%,#316300 100%); /* W3C */
    -pie-background: linear-gradient(#a7c56a 0%, #73b242 51%,#749c00 52%, #4a9300 62%, #316300 100%);
    behavior: url(/PIE.php);
}

.negativeLine {
    color: #FFFFFF;
    width: 100%;
    height: 20px;
    font-family: Helvetica;
    font-size: 11pt;
    font-weight: bolder;
    padding-right: 5px;
    padding-top: 5px;
    border: 1px solid #3b5941;
    background: #d9a58f;
    position: relative;
    behavior: url(/PIE.php);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9a58f), color-stop(51%,#d06265), color-stop(52%,#a44447), color-stop(62%,#a03033), color-stop(100%,#892b11));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d9a58f 0%,#d06265 51%,#a44447 52%,#a03033 62%,#892b11 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #d9a58f 0%,#d06265 51%,#a44447 52%,#a03033 62%,#892b11 100%);/* FF3.6+ */
    background: -ms-linear-gradient(top, #d9a58f 0%,#d06265 51%,#a44447 52%,#a03033 62%,#892b11 100%);/* IE10+ */
    background: -o-linear-gradient(top, #d9a58f 0%,#d06265 51%,#a44447 52%,#a03033 62%,#892b11 100%);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #d9a58f 0%,#d06265 51%,#a44447 52%,#a03033 62%,#892b11 100%); /* W3C */
    -pie-background: linear-gradient(#d9a58f 0%,#d06265 51%,#a44447 52%,#a03033 62%,#892b11 100%);
    
}

.questionLine {
    color: #FF0000;
    width: 100%;
    height: 20px;
    background-color: #3180C3;
    font-family: Helvetica;
    font-size: 11pt;
    font-weight: bolder;
    padding-right: 5px;
    padding-top: 5px;
}

.redText {
    color : #ff0000;
}

/* EXTJS OVERRIDERS */
.x-panel-header {
    color: #295ea6;
    font-size: 12pt;
    font-weight: bolder;
    font-family: tahoma,arial,verdana,sans-serif;
    background-image: none;
    border: 0 none;
}

.x-panel-noborder .x-panel-header-noborder {
    border: 0 none;
}

.x-toolbar, .x-grid3-header {
    background-color: #FFFFFF;
    background-image: none;
    border-style: none;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar, .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-style: dashed;
    border-color: #EFEFEF;
}

.x-grid3-cell-inner {
    
    padding: 5px 0px 0px 0;
}

.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu {
    min-width : 180px;
}

.linkButton {
    background-color: #0000FF;
    border: 1px solid #0074B3;
    behavior: url(/PIE.htc);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#027fc5), color-stop(100%,#0073B8));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #027fc5 0%, #0073B8 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(#027fc5, #0073B8);/* FF3.6+ */
    background: -ms-linear-gradient(#027fc5, #0073B8);/* IE10+ */
    background: -o-linear-gradient(#027fc5, #0073B8);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #027fc5 0%, #0073B8 100%);/* W3C */
    -pie-background: linear-gradient(#027fc5 0%, #0073B8 100%);
}

div.linkButton:hover {
    color: #FFFFFF;
    behavior: url(/PIE.htc);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0073B8),  color-stop(100%,#027fc5));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0073B8 0%, #027fc5 100%);/*Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(#0073B8, #027fc5);/* FF3.6+ */
    background: -ms-linear-gradient(#0073B8, #027fc5);/* IE10+ */
    background: -o-linear-gradient(#0073B8, #027fc5);/* Opera 11.10+ */
    background: linear-gradient(to bottom, #0073B8 0%, #027fc5 100%);/* W3C */
    -pie-background: linear-gradient(#0073B8 0%, #027fc5 100%);
}

div.linkButton {
    display: block;
    font-size: 14px;
    height: 100%;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
}

#locIsVirtual {
    background-color : #d8f981;
    padding          : 8px 80px;
    width            : 230px;
    text-align       : center;
}

#locIsVirtual-inputEl {
    font-weight : bold;
    color       : #000000;
}

.x-tool-shareable { background-image: url(../images/blue_share_box.png) !important; }

.x-window-tl .x-window-header {
    text-align : left;
    min-width  : 93%;
    z-index    : 2;
    padding-left: 10px !important;
}

.x-window-tc {
    min-height: 20px;
}