/* CSS Document */
/*-------Clear Elements-------*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
   margin: 0;
   padding: 0;
   border: 0;
}

/*------Main Body Elements------*/
body {
   background: #FFFFFF url(../images/body_bg.jpg) top center repeat-x;
   color: #272727;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   line-height: 1.2em;
}
/*------Header Elements------*/
#header {
   background: url(../images/header_bg.gif) repeat-x;
   height: 80px;
   text-align: left;
}
#header-content {
   height: 80px;
   margin: 0 auto;
   width: 1020px;
}
#header-left {
   float: left;
   height: 80px;
   width: 620px;
}
#header-right {
   float: right;
   height: 80px;
   width: 300px;
}
#logo {
   float: left;
   margin: 20px 0px 20px 40px;
}

/*------Title Elements------*/
#title {
   background: url(../images/title_bg.gif) repeat-x;
   height: 40px;
   text-align: left;
}
#title-content {
   height: 40px;
   margin: 0 auto;
   width: 1020px;
}
#title-graphic {
   float: left;
   margin-left: 40px;
}
/*------Main Content Elements------*/
#main-area {
   background: url(../images/content_bg.gif) repeat-x bottom;
   text-align: left;
}
#main-area-content {
   background: url(../images/content_bg.gif) repeat-x bottom;
   margin: 0 auto;
   padding: 30px 0 30px 0;
   width: 1020px;
   border: none; /* solid 1px blue;*/
}
#main-content_box {
   background: #ffffff;
   margin: 0 auto;
   width: 960px;
   min-height: 100px;
   border: none; /*solid 1px green; */
}
#main-content-top {
   background: url(../images/lg_dialogue_top.gif) no-repeat;
   height: 10px;
   margin: 0 auto;
   width: 960px;
}
#main-content-bottom {
   background: url(../images/lg_dialogue_bottom.gif) no-repeat;
   height: 10px;
   margin: 0 auto; /*margin-bottom: 20px;*/
   border: none;
   width: 960px;
}
/*------Content Box------*/
#content_box {
   float: right;
   margin: 0 10px 0 0;
   width: 700px; /*border:solid 1px yellow; */
}
#content_box_top {
   background: url(../images/content_box_top.gif) no-repeat;
   height: 20px;
   width: 700px;
}
#content_box_bottom {
   background: url(../images/content_box_bottom.gif) no-repeat;
   height: 20px;
   width: 700px;
}
#content_box_middle {
   background: #fbeddd;
   padding: 0 20px 0 20px;
   width: 660px;
   min-height: 100px;
}
/*------Navigation Element------*/
#left-col {
   float: left;
   margin: 0 0px 0 10px;
   width: 220px;
}
#left-col-top {
   background: url(../images/left_col_top.gif) no-repeat;
   height: 20px;
   width: 220px;
}
#left-col-bottom {
   background: url(../images/left_col_bottom.gif) no-repeat;
   height: 20px;
   width: 220px;
}
#left-col-middle {
   background: #dce9fc;
   padding: 0 0px 0px 20px;
}
#left-col-middle ul {
   list-style: none;
   width: 180px;
}
#left-col-middle ul li {
   color: #012c6a;
   font-weight: bold;
   text-transform: uppercase;
   list-style: none;
   margin-bottom: 10px;
   padding: 0;
   height: 30px;
   width: 180px;
}
.navBar-normal {
   cursor: text;
}
.navBar-disabled {
   cursor: wait;
}

#left-col-middle ul li a.nav-normal {
   color: #012c6a;
   text-decoration: none;
   vertical-align: middle;
   display: block;
   width: 170px;
   height: 22px;
   padding: 8px 0 0 10px;
}
#left-col-middle ul li a.nav-normal:hover {
   color: #ffffff;
   background: url(../images/nav_select_item.gif);
   display: block;
   text-decoration: none;
   vertical-align: middle;
   width: 170px;
   height: 22px;
   padding: 8px 0 0 10px;
}
#left-col-middle ul li a.nav-disabled {
   color: #333333;
   background: url(../images/nav_disabled.gif);
   cursor: text;
   display: block;
   text-decoration: none;
   vertical-align: middle;
   width: 170px;
   height: 22px;
   padding: 8px 0 0 10px;
}
#left-col-middle ul li a.nav-disabled:hover {
   color: #333333;
   background: url(../images/nav_disabled.gif);
   cursor: text;
   display: block;
   text-decoration: none;
   vertical-align: middle;
   width: 170px;
   height: 22px;
   padding: 8px 0 0 10px;
}
#left-col-middle ul li a.nav-none {
   color: #333333;
   display: block;
   cursor: text;
   text-decoration: none;
   vertical-align: middle;
   width: 170px;
   height: 22px;
   padding: 8px 0 0 10px;
}
#left-col-middle ul li a.nav-none:hover {
   color: #333333;
   display: block;
   cursor: text;
   text-decoration: none;
   vertical-align: middle;
   width: 170px;
   height: 22px;
   padding: 8px 0 0 10px;
}
#left-col-middle ul li.last-nav {
   margin-bottom: 0px;
}
/*------Right Column------*/
#right_col {
   float: right;
   width: 720px;
   border: none; /* solid 1px red;*/
}
/*------Footer Elements------*/
#footer {
   background: url(../images/footer_bg.gif) repeat-x top #272727;
   color: #FFFFFF;
   height: 450px;
   text-align: left;
}
#footer-content {
   height: 125px;
   margin: 0 auto;
   width: 1020px;
}
#footer-left {
   float: left;
   padding-left: 40px;
   padding-top: 10px;
   text-align: left;
   width: 365px;
}
#footer-right {
   float: right;
   padding-right: 40px;
   padding-top: 10px;
   text-align: right;
   width: 575px;
}
#footer-right a {
   text-decoration: none;
   color: #f68f1e;
}
#footer-right a:hover {
   text-decoration: underline;
   color: #f68f1e;
}
a img {
   border: none;
}
.clearit {
   clear: both;
}
/*------User Bar------*/
#user-bar {
   float: right;
   font-weight: bold;
   margin: 0px 10px 5px 0;
   width: 700px;
}
#user-bar-left {
   float: left;
   text-align: left;
   margin-left: 5px;
   width: 245px;
}
#user-bar-right {
   float: right;
   text-align: right;
   width: 450px;
}
.label {
   color: #012c6a;
   font-weight: bold;
   text-transform: uppercase;
   padding-right: 10px;
}

.userLocation {
   color: #012c6a;
   font-weight: bold;
   text-transform: uppercase;
}

/*----------------------------------------------*/

/*---- Classes for Error Elements ------*/

.errorImage {
   width: 14px;
   height: 14px;
   visibility:hidden;
   margin: auto 0;
}
.errorImage-visible {
   width: 14px;
   height: 14px;
   visibility:visible;
   margin: auto 0;
}
.errImgDiv{
   padding-top:8px;
}

.errorDiv2 {
   margin: 3px 10px 5px 0px;
   padding-left: 5px;
   min-height: 30px;
   height: 30px;
   display: block;
   float: right;
   width: 695px;
   overflow: hidden;
   color: #800000;
}

/*----------------------------------------------*/

.modalPopup {
   height: 200px;
   width: 300px;
   font-family: MS Sans Serif;
   background-color: InfoBackground;
   position: relative;
}

.modalBackground {
   background:url(../images/popup_background.png)  repeat ;
   cursor: progress;
}

.disabledBackground {
   background:url(../images/disabled_background.png)  repeat ;
   cursor: progress;
}

.modalTitle {
   width: 100%;
   height: 28px;
   font-family: Verdana;
   font-size: smaller;
   text-align: center;
   vertical-align: middle;
   background-color: ActiveCaption;
   color: CaptionText;
   position: absolute;
   top: 0px;
}

.modalTitle b {
   text-align: center;
   position: relative;
   top: 4px;
}

.modalContent {
   height: auto;
   min-height: 40px;
   max-width: 90%;
   width: 90%;
   margin: 5%;
   position: absolute;
   bottom: 65px;
   background-color: Transparent; 
   border:solid 1px red;  /**/
   font-family: Arial;
   font-size: small;
   text-align: center;
   vertical-align: middle;
}

.modalOptions {
   height: 30px;
   width: 90%; /*border-top:solid 1px Silver; */
   margin-left: 5%;
   padding: 0px 0px 0px 0px;
}

.modalOptions b {
   color: Teal;
   width: 90%;
   font-weight: normal;
   font-size: smaller;
}

.modalFooter {
   width: 100%;
   height: 33px;
   border-top: solid 1px Silver; /*vertical-align:middle;     border:solid 1px red;  */
   text-align: center;
   position: absolute;
   bottom: 0px;
   padding-top: 8px;
}

.modalButton {
   width: 100px;
}

.modalNormalTxt {
   color: Black;
   text-align: center;
   vertical-align: top;
   white-space: pre-wrap;
   overflow: visible;
}

.modalErrorTxt {
   color: Maroon;
   text-align: left;
   vertical-align: top;
   white-space: pre-wrap;
   overflow: visible;
}

/************ Ajax Classes ******************************/
.ajaxNormal {
   cursor: auto; /*   border: dashed 1px #000000;   background-color: #FFFFFF;   padding: 10px;   width: 200px;   text-align: center;*/
}


.ajaxProgress {
   background-image: url(../images/ajax-spin.gif);
   background-position: center center;
   background-repeat: no-repeat;
   cursor: wait; /*   border: dashed 1px #000000;   background-color: #EEEEEE;   padding: 10px;   width: 200px;   text-align: center;*/
}

/************** Error Tracing Div ****************/

.jTraceOn {
   clear: both;
   overflow: auto;
   display: block;
   height: 130px;
   border: solid 1px Olive;
}

.jTraceOff {
   clear: both;
   overflow: hidden;
   display: none;
   height: 0px;
   border: none;
}

#_jTrace {
   clear: both;
   overflow: auto;
   display: block;
   height: 130px;
   border: solid 1px Olive;
}

.tConsole{
   border:solid 1px Olive;
   height: 100px;
   width: 500px;
   display: block;
   clear:both ;
}

.pnlDisabled {
   cursor: url(../images/ajax-spin.gif);
}
.pnlEnabled {
   cursor: auto;
}