body { margin: 10px 0; background: url(../../images/body_bg.gif); font: 8pt Verdana; text-align: center; }
table, pre, select, input, textarea { font-size: 100%; }
input, textarea, select { font: 9pt Verdana; border: #b3b9c3 1px solid; padding: 2px; }
img, fieldset { border: 0; }
p, form, fieldset, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
a { color: #053799; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }
.ct { display: block; font-size: 0; line-height: 0; background: transparent url() no-repeat top right; margin: 0; height: 3px; width: 100%; position: relative; top: -1px; right: -1px; }
.ct .cl { display: block; font-size: 0; line-height: 0; background: transparent url() no-repeat top left; margin: 0; height: 3px; width: 3px; position: relative; left: -2px; }
.cb { display: block; clear: both; font-size: 0; line-height: 0; background: transparent url() no-repeat bottom right; margin: 0; height: 3px; width: 100%; position: relative; bottom: -1px; right: -1px; }
.cb .cl { display: block; font-size: 0; line-height: 0; background: transparent url() no-repeat bottom left; margin: 0; height: 3px; width: 3px; position: relative; left: -2px; }
#page { width: 960px; margin: 0 auto; }
#wrapper { padding: 0 10px; width: 940px; background: url(../../images/wrapper_bg.gif) repeat-y; }
#header { background: url(../../images/header_bg.gif) repeat-x; height: 103px; }
#sidebar { float: left; width: 180px; background-color: #275385; text-align: left; direction: ltr; }
#main { float: right; width: 750px; padding: 20px 5px 50px 5px; background-color: #fff; }
#footer { background: url(../../images/footer_bg.gif) #fff repeat-x top; height: 18px; width: 100%; clear: both; padding: 20px 0 10px 0; direction: ltr; }
#logo { background: url(../../images/logo.gif) no-repeat; height: 90px; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu ul li a { display: block; width: auto; height: 23px; border-bottom: #3888C8 1px solid; padding: 7px 2px 0 3px; background: url(../../images/bullet01.gif) #275385 no-repeat right; color: #fff; }
#menu ul li a:hover { display: block; width: auto; height: 23px; border-bottom: #3888C8 1px solid; padding: 7px 2px 0 3px; background: url(../../images/bullet02.gif) #2f3c4a no-repeat right; color: #fff; }
#weather { background-color: #fff; width:180px; height: 100px; padding: 30px 0; text-align:center; }
#navigation { float: right; width: 750px; text-align: left; direction: ltr; padding: 3px 5px; height: 24px; border-bottom: #3888C8 1px solid; color: #2f3c4a; background-color: #fff; }
.buttons { text-align: left; width: 100%; padding-bottom: 10px; }
.buttons input { padding: 0; }
#msgsysot { margin: 0 0 10px; width: 100%; text-align: center; padding: 0; }
#msgsysbx { width: 90%; text-align: left; direction: ltr; margin: 0 auto; border: #ffc407 1px solid; background-color: #fffbba; }
#msgsysbx .ct { background-image: url(../../images/cr_wrn_ne.gif); height: 3px; }
#msgsysbx .ct .cl { background-image: url(../../images/cr_wrn_nw.gif); height: 3px; }
#msgsysbx .cb { background-image: url(../../images/cr_wrn_se.gif); height: 3px; }
#msgsysbx .cb .cl { background-image: url(../../images/cr_wrn_sw.gif); height: 3px; }
#msgsysinscc { text-align: center; direction: ltr; color: #167d04; }
#msgsysinerr { text-align: center; direction: ltr; color: #f00; }
.radiolist td { border: 0px; padding: 0; margin: 0; }
.radiolist input { border-style: none; }
/* Data Web Control Styles */
.GridViewStyle { direction: ltr; width: 100%; text-align: left; }
.GridViewStyle td { padding: 4px; border-bottom: #c1cdd8 1px solid; }
.GridViewNumHeadStyle { width: 20px; }
.GridViewFuncHeadStyle { width: 60px; }
.GridViewDateHeadStyle { width: 100px; }
.DetailsViewStyle { direction: ltr; width: 100%; text-align: left; }
.DetailsViewStyle td { padding: 4px; border-bottom: #c1cdd8 1px solid; }
.HeaderStyle { background-color: #cde4ff; color: #053799; }
.EditRowStyle { background-color: #ffffcc; }
.HeaderStyle a { text-decoration: underline; }
.HeaderStyle th { border-bottom: #91c6ff 1px solid; padding: 6px; white-space: nowrap; font-weight: normal; vertical-align: top; }
.AlternatingRowStyle { background-color: #f4f4f4; }
.PagerStyle table td { background-color: #cde4ff; color: #053799; padding: 3px; margin: 0; color: #fff; }
.RowStyle { }
.FormViewStyle { margin: 20px; text-align: justify; line-height: 220%; width: 95%; }
.menuItem { text-align: left; display: block; width: 180px; height: 30px; border-bottom: #3888C8 1px solid; border-right: #fff 1px solid; padding: 0; background: url(../../images/bullet01.gif) #275385 no-repeat right; cursor: hand; cursor: pointer; }
.menuItem a { display: block; width: 170px; height: 20px; color: #fff; padding: 7px 2px 0 5px; }
.menuHover { text-align: left; display: block; width: 180px; height: 30px; border-bottom: #3888C8 1px solid; border-right: #fff 1px solid; padding: 0; background: url(../../images/bullet02.gif) #2f3c4a no-repeat right; }
.menuHover a { display: block; width: 170px; height: 20px; color: #fff; padding: 7px 2px 0 5px; }
.menuHover a:hover { color: #fff; }
.selectedMenu { text-align: left; display: block; width: 180px; height: 30px; border-bottom: #3888C8 1px solid; padding: 0; background: url(../../images/bullet02.gif) #2f3c4a no-repeat right; }
.selectedMenu a { display: block; width: 170px; height: 20px; color: #fff; padding: 7px 2px 0 5px; }
.ItemDetailStyle { font-weight: bold; color: #008080; font-size: 9pt; }
.DynamicMenuStyle { z-index: 1000; }