/*
 * [License Block]
 *
 * $HeadURL: svn://mysvnserver/Parlinkie/VUR/Reef/trunk/www/Modules/Infrastructure/Home.aspx.cs $
 * $LastChangedBy: vibuli $
 * $LastChangedDate: 2008-10-03 18:01:17 +1000 (Fri, 03 Oct 2008) $
 * $LastChangedRevision: 24 $
 *
 */
 
/***************************
 * Default elements
 ***************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin:0px;
    padding:0px;
}
body
{
    background: #fafafa;
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 13px;
    line-height: 1.3em;
}
img
{
    border: none;
}
ul
{
    list-style-position:outside;
    list-style-image: none;
    list-style-type: none;
}
a
{
    color: #006dad;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}
a:hover
{
    color: #ffffff;
    background-color: #006dad;
}
textarea
{
    overflow: auto;
    font-family: Arial, Helvetica;
    font-size: 13px;
}
input, select, textarea {
  border-radius: 5px;  
}

input:focus {
	outline: 2px solid #48afe0;
}

textarea:focus {
	outline: 2px solid #48afe0;
}

select:focus {
	outline: 2px solid #48afe0;
}

h3 {
	color: #48afe0;
}

/***************************
 * Header Section
 ***************************/
#divHeaderSection
{
    background: #006dad; /* #00548C; #44749D; */
    overflow: hidden;
}
#divHeaderBox
{
    position: relative;
    width: 950px;
    left: 50%;
    margin-left: -475px;
}
#divHeaderGlobalLinks
{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    height: 15px;
}
#divHeaderGlobalLinks a
{
    color: #ffffff;
    text-decoration: none;
}
#divHeaderGlobalLinks a:hover
{
    color: #006dad;
    background-color: #ffffff;
    text-decoration: none;
}
#divHeaderLogo
{
    text-align: left;
    font-family: Arial, "Times New Roman", Helvetica;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    color: #ffffff;
    height: 45px;
}
#divHeaderTabs
{   
    position: absolute;
    top: 34px;
    right: 0px;
    text-align: right;
}
#divHeaderTabs ul
{  
}
#divHeaderTabs li
{  
    float:right;
    display: inline;
    list-style: none;
    margin: 0px 0px 0px 4px;
    border: none;
}
#divHeaderTabs a
{  
    background: #006dad none repeat scroll 0 0;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    display: block;
}
#divHeaderTabs a img
{
	display: none;
}
#divHeaderTabs a:hover
{  
    color: #48afe0;
}
#divHeaderTabs a.selected
{  
    background: #ffffff none repeat scroll 0 0;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
    color: #006dad;
    font-weight: bold;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    display: block;
}
#divHeaderTabs a.selected:hover
{  
    color: #006dad;
}

/***************************
 * Main Section
 ***************************/
#divMainSection
{
    padding: 15px 0px 0px 0px;
    overflow: hidden;
}
#divMainBox
{
    position: relative;
    width: 950px;
    left: 50%;
    margin-left: -475px;
}
#divBigBox
{
    width: 725px;
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #999999;
    vertical-align: top;
    float: left;
    min-height: 600px;
	border-radius: 5px;
}
#divSeparatorBox
{
    width: 12px; /* Should be 15px but this stops divSmallBox from wrapping to next line */
    float: left;
}
#divSmallBox
{
    width: 210px;
    vertical-align: top;
    float: left;
}
#divMainTitleBar
{
    padding: 10px 10px 8px 10px;
    vertical-align: bottom;
    background-color: #FFFFFF;
    position: relative;
	color: #006dad;
	border-radius: 5px;  }
#divMainTitleBarText
{
    text-align: left;
    vertical-align: top;
    width: 550px;
}
#divMainTitleBarText .Line1
{
    font-family: Arial, Georgia, "Times New Roman", Helvetica;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
	color: #006dad;
}
#divMainTitleBarText .Line2
{
    font-family: Arial, Georgia, "Times New Roman", Helvetica;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
}
#divMainTitleBarAction
{
    text-align: right;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    max-width: 50%;
}
#divMainData
{
    padding: 5px 10px 20px 10px;
    vertical-align: top;
    clear: both;
}
.main-logo-section:hover {
    background-color: transparent;
    display: inline-block;
    border-bottom: solid thin #006dad;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display:inherit;
    align-items: self-start;
    padding-top: 50px;
    justify-content: center;
}

.modal-dialog {
    background: white;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    width: 90%;
}

.modal-header {
    padding: 15px 20px;
    color: black;
    font-size: 18px;
    font-weight: normal;
}

.modal-body {
    padding: 20px;
}

.modal-footer {
    padding: 15px 20px;
    text-align: right;
}


/***************************
 * Footer Section
 ***************************/
#divFooterSection
{
    padding: 10px 0px 15px 0px;
    overflow: hidden;
}
#divFooterBox
{
    position: relative;
    width: 725px;
    left: 50%;
    margin-left: -475px;
    font-size: 11px;
    text-align: center;
}
#divFooterBox a
{  
    font-size: 11px;
}

/***************************
 * Sub Sections
 ***************************/
.divSubSection
{
    clear: both;
    padding: 0px 0px 30px 0px;
}
.divSubSectionTitle
{
    position: relative;
	color: #006dad;
}
.divSubSectionTitleLabel
{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    line-height: 25px;
}
.divSubSectionTitleAction
{
    text-align: right;
    vertical-align: bottom;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 4px;
}
.divSubSectionListContent
{
    padding: 3px 0px 0px 0px;
}
.divSubSectionViewContent
{
    padding: 8px 12px 8px 12px;
    border: none;
    background: #ffffff;
}
.divSubSectionEditContent
{
    padding: 8px 12px 8px 12px;
    border: none;
    background: #ffffff;
}
.divSubSectionIntraDivider
{
    height: 40px;
}

/***************************
 * Simple Filter Section
 ***************************/
.divSimpleFilterTitle
{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 3px;
}
.divSimpleFilterInput
{
    font-size: 13px;
    text-align: left;
    padding: 3px;
}

/***************************
 * Forms
 ***************************/
fieldset.fldHalfPage
{
    display: block;
    border: none;
    width: 330px;
}
fieldset.fldHalfPageLeftColumn
{
    display: inline;
    border: none;
    width: 320px;    
    vertical-align: top;
    padding-right: 13px;
    border-right: solid 1px #888888;
    padding-bottom: 8px;
}
fieldset.fldHalfPageRightColumn
{
    display: inline;
    border: none;
    width: 320px;
    padding-left: 19px;
    vertical-align: top;
    height: 100%;
}
fieldset.fldFullPage 
{
    display: block;
    border: none;
    width: 660px;
}
fieldset div.Header
{
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 10px;
	color: #006dad;
}
fieldset div.Header2
{    
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 10px;
    padding-top: 10px;
	color: #006dad;
}
fieldset ul
{
}
fieldset li
{
    margin: 0px 10px 6px 0px;
    float: left;
}
fieldset li.XSmall
{ width: 51px; }
fieldset li.XSmall input, fieldset li.XSmall select
{ width: 41px; }
fieldset li.Small
{ width: 102px; }
fieldset li.Small input, fieldset li.Small select
{ width: 92px; }
fieldset li.Regular
{ width: 150px; }
fieldset li.Regular input, fieldset li.Regular select
{ width: 140px; }
fieldset li.Regular .txtEditWithSelector, li.Regular .txtViewWithSelector
{ width: 110px; }
fieldset li.Large, fieldset li.Large table
{ width: 310px; }
fieldset li.Large input, fieldset li.Large select, fieldset li.Large textarea
{ width: 300px; }
fieldset li.Large .txtEditWithSelector, li.Large .txtViewWithSelector
{ width: 270px; }
fieldset li.XLarge, fieldset li.XLarge table
{ width: 470px; }
fieldset li.XLarge input, fieldset li.XLarge select, fieldset li.XLarge textarea
{ width: 460px; }
fieldset li.XXLarge
{ width: 680px; }
fieldset li.XXLarge input, fieldset li.XLarge select, fieldset li.XXLarge textarea
{ width: 665px; }
fieldset li.XXLarge table
{ width: 675px; }
fieldset li.XXLarge .txtEditWithSelector, li.XXLarge .txtViewWithSelector
{ width: 635px; }
fieldset li label
{
    display: block;
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
}

fieldset li .help
{
    display: block;
    font-size: 11px;
    font-weight: normal;
    white-space: normal;
}

.txtEdit, .txtEditWithSelector
{
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    font-size: 13px;
    padding: 4px;
	border-radius: 5px;  
}
.txtView
{
    background-color: #e8e8e8;
    border: solid 1px #a5a5a5;
    font-size: 13px;
    padding: 4px;
	border-radius: 5px;  
}
.txtViewLink
{
    background-color: #e8e8e8;
    border: solid 1px #a5a5a5;
    font-size: 13px;
    padding: 4px;
    color: #006dad;
	border-radius: 5px;  
    text-decoration: underline;
}
.ddlEdit
{
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    font-size: 13px;
    padding: 3px;
	border-radius: 5px;  
}
.txtareaEditShort
{
    height: 60px;
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    padding: 5px;
	border-radius: 5px;  
}
.txtareaEdit
{
    height: 100px;
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    padding: 5px;
	border-radius: 5px;  
}
.txtareaEditTall
{
    height: 300px;
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    padding: 5px;
	border-radius: 5px;  
}
.txtareaViewShort
{
    height: 60px;
    background-color: #e8e8e8;
    border: solid 1px #a5a5a5;
    padding: 5px;
	border-radius: 5px;  
}
.txtareaView
{
    height: 100px;
    background-color: #e8e8e8;
    border: solid 1px #a5a5a5;
    padding: 5px;
	border-radius: 5px;  
}
.txtareaViewTall
{
    height: 300px;
    background-color: #e8e8e8;
    border: solid 1px #a5a5a5;
    padding: 5px;
	border-radius: 5px;  
}
fieldset span.rdoEdit {
    display: block;
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    font-size: 13px;
    padding: 3px 4px;
    margin: 1px 5px 1px 0px;
    border-radius: 5px;
}
fieldset span.rdoEdit label
{
    display: inline;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 20px 0px 2px;
}
fieldset span.rdoEdit input
{
    display: inline;
    width: auto; 
    vertical-align: middle;
}
fieldset span.chkEdit
{
    display: block;
    background-color: #ffffff;
    border: solid 1px #a5a5a5;
    font-size: 13px;
    padding: 4px;
}
fieldset span.chkEdit label
{
    display: inline;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 20px 0px 2px;
}
fieldset span.chkEdit input
{
    display: inline;
    width: auto; 
    vertical-align: middle;
}
fieldset table.chkEdit
{
    display: block;
    background-color: #ffffff;
    border: solid 1px #046EB7;
    font-size: 13px;
}
fieldset table.chkEdit td
{
    padding: 3px;
}
fieldset table.chkEdit label
{
    display: inline;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 25px 0px 2px;
}
fieldset table.chkEdit input
{
    display: inline;
    width: auto; 
    vertical-align: middle;
}

.HelpIcon
{
    cursor: pointer; 
    padding: 0; margin: 0; 
    vertical-align: bottom;
}
/***************************
 * Side Bar
 ***************************/
.divSideBar
{
    width: 200px;
    border: solid 1px #bbbbbb;
    color: #000000;
    background-color: #FFFFFF;
    padding: 8px 4px 8px 4px;
    margin: 0px 0px 15px 0px;
	border-radius: 5px;  
}
.divSideBar div.Header
{
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: solid 1px #bbbbbb;
	color: #006dad;
}
.divSideBar div.Body
{
    overflow: hidden;
}
.divSideBar div.Footer
{
    padding: 12px 0px 0px 0px;
    text-align: right;
}
.divSideBar ul
{
}
.divSideBar li
{
    padding: 2px 0px;
}
.divSideBarCenter
{
    width: 200px;
    border: solid 1px #bbbbbb;
    color: #000000;
    background-color: #FFFFFF;
    padding: 8px 4px 8px 4px;
    margin: 0px 0px 15px 0px;
    text-align: center;
    border-radius: 5px;
}
.divSideBar.action {
    background-color: #ffffff;
}
.divSideBar ul li {
    padding: 0px;
}
.divSideBar ul li a {
    display: block;
    padding: 3px;
}
/********************************
 * Image Text Links and Buttons
 ********************************/
a.lnkImageText
{
    color: #006dad;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
    padding: 4px 4px 0px 4px;
    vertical-align: bottom;
}
a.lnkImageText:hover
{
    color: #ffffff;
    background-color: #006dad;
    text-decoration: none;
}
a.lnkImageText img
{
    padding-right: 6px;
    vertical-align: bottom;
	display: none;
}
a.lnkImageText .imgRight
{
    padding-right: 0px;
    padding-left: 6px;
    vertical-align: bottom
}

a.lnkImageTextButton
{
    background: #006dad;
    color: #ffffff;
    border: solid 1px #888888;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 8px 8px 8px;
    vertical-align: bottom;
    display: inline-block;
	border-radius: 5px;  
}
a.lnkImageTextButton:hover
{
    background: #3F4C6B;
    color: #ffffff;
    text-decoration: none;
}
a.lnkImageTextButton img
{
    padding-right: 6px;
    vertical-align: bottom;
	display: none;
}
a.lnkImageTextButton .imgRight
{
    padding-right: 0px;
    padding-left: 6px;
    vertical-align: bottom
}
a.lnkRevImageText {
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
    padding: 4px 4px 0px 4px;
    vertical-align: bottom;
}
a.lnkRevImageText:hover {
    color: #ffffff;
    background-color: #006dad;
    text-decoration: none;
}
a.lnkRevImageText img {
    padding-right: 6px;
    vertical-align: bottom;
    display: none;
}

a.lnkImageRevTextButton {
    background: #ffffff;
    color: #242424;
    border: solid 1px #006dad;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 8px 8px 8px;
    vertical-align: bottom;
    display: inline-block;
    border-radius: 5px;
}

    a.lnkImageRevTextButton:hover {
        background: #f5f5f3;
        color: #242424;
        text-decoration: none;
    }

    a.lnkImageRevTextButton img {
        padding-right: 6px;
        vertical-align: bottom;
        display: none;
    }

    a.lnkImageRevTextButton .imgRight {
        padding-right: 0px;
        padding-left: 6px;
        vertical-align: bottom
    }

/***************************
 * Message Box
 ***************************/
.divSuccessBox
{
    background-color: #d4f1ff;
    border: #d4f1ff;
    color: #000000;
    padding: 20px 10px;
    margin: 10px 0px 30px 0px;
    text-align: left;
}
.divErrorBox
{
    background-color: #FFFFFF;
    border: 1px solid #880000;
    color: #880000;
    padding: 10px 10px;
    margin: 0px 0px 10px 0px;
    text-align: left;
}
.divTitle
{
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    padding: 0px 0px 12px 0px;    
}
.divStaticContent
{
    font-size: 13px;
    font-weight: normal;
}
.divStaticContent a
{
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}
.divStaticContent a:hover
{
	text-decoration: underline;
}
.divDynamicToggle
{
    font-size: 12px;
    font-weight: normal;
    padding: 12px 0px 0px 0px;
    cursor: pointer;
}
.divDynamicContent
{
    font-size: 13px;
    font-weight: normal;
    height: 0px;        /* Stops CollapsiblePanelExtender from flickering */
    overflow: hidden;   /* Stops CollapsiblePanelExtender from flickering */
}
.divErrorBox textarea
{
    width: 100%;
    height: 300px;
    overflow: scroll;
    background-color: #FFFFFF;
    border: 1px solid #880000;
    color: #880000;
}
 

/***************************
 * List Table
 ***************************/
/* STANDARD VIEW */
.tblListTable
{
    background-color: #ffffff;
    width: 100%;
    font-size: 13px;
    border-top: 1px solid #888888;
}
.tblListTable .trListTableHeader
{
    font-size: 14px;
    color: #ffffff;            /* #333333; */
    background-color: #006dad; /* #D1E4FF; */
}
.tblListTable .trListTableHeader td
{
    font-weight: bold;
    padding: 4px 4px 4px 4px;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
}
.tblListTable .tdListTableHeaderFirst
{
    border-left: 1px solid #888888;
    border-bottom: 1px solid #888888;
    border-right: none;
}
.tblListTable .tdListTableHeader
{
    border-left: none;
    border-bottom: 1px solid #888888;
    border-right: none;
}
.tblListTable .tdListTableHeaderLast
{
    border-left: none;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    width: 1%;
}
.tblListTable .trListTableData
{
    color: #333333;
    background: #e8e8e8; /* #F9F7ED; */
}
.tblListTable .trListTableDataAlt
{
    color: #333333;
    background: #ffffff;
}
.tblListTable .trListTableDataHover
{
    color: #333333;
    background: #D6EFFF;
}
.tblListTable a.trListTableData, .tblListTable a.trListTableDataAlt
{
	text-decoration: underline;
}
.tblListTable .tdListTableDataFirst
{
    font-weight: normal;
    padding: 4px 4px 4px 4px;
    text-align: left;
    border-top: none;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: none;
}
.tblListTable .tdListTableData
{
    font-weight: normal;
    padding: 4px 4px 4px 4px;
    text-align: left;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #cccccc;
    border-right: none;
}
.tblListTable .tdListTableDataLast
{
    font-weight: normal;
    padding: 4px 4px 4px 4px;
    text-align: left;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    width: 1%;
    white-space: nowrap;
}
.tblListTable .tdListTableDataNoRowsFound
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 4px 4px 4px 4px;
    text-align: left;
    line-height: 20px;
}
/* EXTENDED VIEW */
.tblListTableEx
{
    background-color: #ffffff;
    width: 100%;
    font-size: 13px;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
}
.tblListTableEx .trListTableHeader
{
    font-size: 14px;
    color: #333333;
    background-color: #dddddd;
}
.tblListTableEx .trListTableHeader td
{
    font-weight: bold;
    padding: 4px 4px 4px 4px;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
}
.tblListTableEx .tdListTableHeaderFirst, .tblListTableEx .tdListTableHeader, .tblListTableEx .tdListTableHeaderLast
{
    border-top: 1px solid #888888;
    border-left: none;
    border-bottom: none;
    border-right: none;
}
.tblListTableEx .tdListTableHeaderLast
{
    width: 1px;
}
.tblListTableEx .trListTableData
{
    color: #333333;
    background: #ffffff;
}
.tblListTableEx .trListTableDataAlt
{
    color: #333333;
    background: #ffffff;
}
.tblListTableEx .trListTableDataHover
{
    color: #333333;
    background: #D6EFFF;
}
.tblListTableEx a.trListTableData, .tblListTableEx a.trListTableDataAlt
{
	text-decoration: underline;
}
.tblListTableEx .tdListTableDataFirst, .tblListTableEx .tdListTableData, .tblListTableEx .tdListTableDataLast
{
    font-weight: normal;
    padding: 4px 4px 4px 4px;
    text-align: left;
    border-top: 1px solid #888888;
    border-left: none;
    border-bottom: none;
    border-right: none;
}
.tblListTableEx .tdListTableDataLast
{
    vertical-align: text-top;
    width: 1px;    
}
.tblListTableEx .tdListTableDataNoRowsFound
{
    border-top: 1px solid #888888;
    border-left: none;
    border-bottom: none;
    border-right: none;
    padding: 4px 4px 4px 4px;
    text-align: left;
    line-height: 20px;
}
/* PAGER */
.tblListTablePager {
    font-size: 13px;
    font-weight: normal;
    margin-top: 8px;
    width: 100%;
}
a.tblListTablePager
{
	text-decoration: none;
}
/* POPUP MENU */
.ulListTablePopup
{
    position: relative;
}
.ulListTablePopup li
{
    text-decoration: underline;
}
.ulListTablePopup li img
{
    border: none;
    vertical-align: middle;
}
.ulListTablePopup2
{
    display: none; 
    position: absolute; 
    top: 8px; 
    left: 8px; 
    background: #ffffff; 
    padding: 8px; 
    border: solid 1px #888888;
    white-space: nowrap;
}
.ulListTablePopup2 li
{
    padding: 2px;
}
.ulListTablePopup2 li a
{
    padding: 0px 6px 0px 6px;
    vertical-align: bottom;
    display: block;
    text-decoration: none;
}
.ulListTablePopup2 li img
{
    vertical-align: text-bottom;
	display:none;
}
.imgListTable
{
    padding: 0px 0px 0px 0px;
}
.chkListTable
{
    margin: 0px 4px 0px 4px;
}


/***************************
 * Popup Page
 ***************************/
#divPopupMainSection
{
    padding: 15px 0px 15px 0px;
    overflow: hidden;
}
#divPopupMainBox
{
    position: relative;
    width: 730px;
    left: 50%;
    margin-left: -365px;
    min-height: 500px;
    
    vertical-align: top;
    border: solid 1px #999999;
    background-color: #ffffff;
    color: #000000;
}
#divPopupMainTitleBar
{
    padding: 10px 10px 8px 10px;
    border-bottom: solid 1px #bbbbbb;
    vertical-align: bottom;
    background-color: #006dad;
    color: #ffffff;
    position: relative;
}
#divPopupMainTitleBarText
{
    text-align: left;
    vertical-align: top;
}
#divPopupMainTitleBarText .Line1
{
    font-family: Arial, Georgia, "Times New Roman", Helvetica;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
}
#divPopupMainTitleBarText .Line2
{
    font-family: Arial, Georgia, "Times New Roman", Helvetica;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
}
#divPopupMainTitleBarAction
{
    text-align: right;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    max-width: 50%;
}
#divPopupMainData
{
    padding: 20px 10px 20px 10px;
    vertical-align: top;
    clear: both;
}

/***************************
 * AutoComplete
 ***************************/
.ulAutoCompleteList
{  
    visibility : hidden;
    margin : 0px!important;
    background-color : #ffffff;
    border : solid 1px #000000;
    cursor : 'default';
    overflow : auto;
    height : 200px;
    text-align : left; 
    list-style-type : none;
    z-index: 100;
}
.liAutoCompleteHighlightedListItem
{
    background-color: #046EB7;
    color: #ffffff;
    margin: 0px;
    padding: 2px;
    display: block;
    white-space: nowrap;
    float: none;
    z-index: 100;
}
.liAutoCompleteListItem 
{
    margin: 0px;
    padding : 2px;
    display: block;
    white-space: nowrap;
    float: none;
    z-index: 100;
}

/***************************
 * Error
 ***************************/
.bodyError
{
    background-color: #ffffff;
    height: 100%;
}
.divError
{
    padding: 8px;
}
.divErrorHeader
{
    font-family: Arial, Georgia, "Times New Roman", Helvetica;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    color: #880000;
    height: 45px;
}
.divErrorText
{
    padding-top: 20px;
}
.divErrorStackTrace
{
    padding-top: 20px;
}
.divErrorButtons
{
    padding-top: 20px;
}

/***************************
 * Logout
 ***************************/
.divLogout {
    text-align: center;
}

    .divLogout h1 {
        margin-bottom: 10px;
    }