body
{
    background-color: #D7E6F5;
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #2C5E8F;
    text-decoration: none;
}
a:visited
{
    color: #2C5E8F;
}
a:hover
{
    color: #2C5E8F;
    text-decoration: underline;
}
a:active
{
    color: #2C5E8F;
}

a img
{
    text-decoration: none;
    border: 0;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

hr
{
    border: 0px;
    background-color: #ACC9E6;
    height: 1px;
}

div.clear
{
    clear: both;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* LOGON LAYOUT ELEMENTS   
----------------------------------------------------------*/

.mainlogon
{
    width: 400px;
    margin: auto;
    margin-top: 100px;
    padding: 30px 30px 30px 30px;
    background-color: #fff;
    color: #2C5E8F;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    min-height: 100px;
    border: 1px solid #ACC9E6;
}

.logonlogo
{
    width: 400px;
    height: 128px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #2C5E8F;
    background-color: #FFF;
    position: relative;
    text-align: center;
    left: -1px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    height: 85px;
    padding: 0px 4px 0px 4px;
    color: #000;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#headeruserinfo
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 2px;
    color: #2C5E8F;
    background-color:transparent;
}

#headerlogo_TEMP
{
    position: absolute;
    top: 0px;
    right: 2px;
    margin-top: 2px;
    border: 1px solid #ACC9E6;
    font-size: 20px;
    font-weight: bold;
    color: #2C5E8F;
    background-color: #FFF;
}

#headerlogo
{
    position: absolute;
    top: 0px;
    right: 2px;
    margin-top: 2px;
    font-size: 20px;
    font-weight: bold;
}

#headerlogo img
{
}

#headermenu
{
    position: absolute;
    bottom: 0px;
    margin-left: 0px;
}

#main
{
    padding: 15px 30px 15px 30px;
    background-color: #fff;
    color: #2C5E8F;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    min-height: 400px;
    border-top: 1px solid #ACC9E6;
    border-bottom: 1px solid #ACC9E6;
}

#footer
{
    padding: 0;
    color: #2C5E8F;
    font-weight: bold;
}

#footerinfo
{
    text-align: center;
    padding: 2px;
}

/* NAVIBAR   
----------------------------------------------------------*/

#navibar
{
    height: 26px;
    padding: 2px 5px 2px 5px;
    width: 100%;
    background-color: #ACC9E6;
    border-bottom: 1px solid #185694;
    color: #2C5E8F;
}

#navibar A
{
    color: inherit;
}

#navibar A:hover
{
    text-decoration: none;
}

A.navibutton
{
    height: 16px;
    width: 16px;
    background-color: #D7E6F5;
    border: 1px solid #185694;
    display: inline-block;
    margin-right: 5px;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}

A.navibutton:hover
{
    background-color: #FFF;
}

A.navibuttonhighlight
{
    background-color: #FFF;
}

DIV.navimenuwrapper
{
    z-index: 9990;
    position: absolute;
    display: none;
    padding-top: 3px;
    *width:300px;
}

DIV.navimenu
{
    min-width: 100px;
    padding: 10px 10px 20px 10px;
    background-color: #E6EDF5;
    border: 1px solid #185694;
    border-top: none;
    color: #2C5E8F;
}

A.navimenuitem
{
    display: block;
    width: 200px;
    padding: 10px 10px 10px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #2C5E8F;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
}

A.navimenuitem:hover
{
    background-color: #FFF;
    border: 1px solid #ACC9E6;
}

/* HEADER MENU   
----------------------------------------------------------*/

A.TabButton
{
    position: relative;
    top: 1px;
    display: inline-block;
    padding: 9px 9px 9px 28px;
    color: #2C5E8F;
    text-decoration: none;
    font-weight: bold;
    background-color: #ACC9E6;
    background-repeat: no-repeat;
    background-position: 6px center;
}

A.TabButtonSelected
{
    position: relative;
    top: 1px;
    display: inline-block;
    padding: 10px 10px 10px 28px;
    color: #2C5E8F;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ACC9E6;
    border-bottom: 0px;
    cursor: default;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 6px center;
}

/* PAGE HEADER  
----------------------------------------------------------*/

DIV.PageHeader
{
    border-bottom: 1px solid #ACC9E6;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

/* GENERAL BUTTONS  
----------------------------------------------------------*/

input.Submit
{
    display: block;
    cursor: pointer;
    color: inherit;
    background-image: url(../../Content/Images/icon_true.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 2px;
    border: 1px solid #5AB551;
    background-color: #D5FFD1;
}

input.Submit:hover
{
    background-color: #EFFFED;
}

A.ConfirmButton
{
    color: inherit;
    background-image: url(../../Content/Images/icon_true.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 2px;
    border: 1px solid #5AB551;
    background-color: #D5FFD1;
    cursor: pointer;
}

A.ConfirmButton:hover
{
    background-color: #EFFFED;
}

A.CancelButton
{
    color: inherit;
    background-image: url(../../Content/Images/icon_false.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 2px;
    border: 1px solid #B5515A;
    background-color: #FFD1D5;
    cursor: pointer;
}

A.CancelButton:hover
{
    background-color: #FFEDEF;
}

/* Styled Links 
----------------------------------------------------------*/

A.Create
{
    color: inherit;
    background-image: url(../../Content/Images/icon_add.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

A.Calendar
{
    color: inherit;
    background-image: url(../../Content/Images/icon_calendar.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

A.Save
{
    color: inherit;
    background-image: url(../../Content/Images/icon_save.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

A.Cancel
{
    color: inherit;
    background-image: url(../../Content/Images/icon_cancel.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

A.Export
{
    color: inherit;
    background-image: url(../../Content/Images/icon_export.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

A.LinkButton
{
    display: inline-block;
    color: inherit;
    background-repeat: no-repeat;
    background-position: 6px center;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
}

/* PAGE MENU   
----------------------------------------------------------*/

DIV.PageMenu
{
}

DIV.PageMenuMain
{
    border: 1px solid #ACC9E6;
    width: 180px;
    padding: 5px;
    margin-bottom: 10px;
}

DIV.PageMenuHeader
{
    border: 1px solid #ACC9E6;
    background-color: #D7E6F5;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

DIV.PageMenuBody
{
    position: relative;
    padding: 5px 0px 5px 0px;
}

DIV.PageMenu A.MenuItem
{
    color: inherit;
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    display: block;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    vertical-align: middle;
    margin-bottom: 2px;
}

DIV.PageMenu A.MenuItem:hover
{
    background-color: #F5E6FC;
    font-weight: bold;
}

DIV.PageMenu INPUT.MenuItem
{
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border-width: 0px;
    border-style: none;
    background-repeat: no-repeat;
    background-position: 6px center;
    position: relative;
    display: block;
    padding: 5px 10px 5px 28px;
    font-family: inherit;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    margin: 0px 0px 2px 0px;
    width: 100%;
}

DIV.PageMenu INPUT.MenuItem:hover
{
    background-color: #F5E6FC;
    font-weight: bold;
}

DIV.PageMenu A.MenuItemSelected
{
    background-color: #E6F5D7;
    color: inherit;
    font-weight: bold;
}

DIV.PageMenu A.TabButton
{
    position: relative;
    border: 1px solid #D7E6F5;
    background-color: #D7E6F5;
    padding: 2px 10px 2px 10px;
    display: inline-block;
}

DIV.PageMenu A.TabButton:hover
{
    background-color: #F5E6FC;
    border-color: #F5E6FC;
}

DIV.PageMenu A.TabButtonSelected
{
    position: relative;
    top: 1px;
    border: 1px solid #ACC9E6;
    border-bottom: 0px;
    background-color: #FFF;
    padding: 3px 10px 3px 10px;
    display: inline-block;
    cursor: default;
}

/* PAGE CONTENT   
----------------------------------------------------------*/

DIV.PageLeft
{
    float: left;
}

DIV.PageContent
{
    margin-left: 200px;
}

DIV.PageContentForm
{
    position: relative;
    margin-left: 200px;
    margin-bottom: 20px;
}

DIV.Breadcrumbs
{
    position: absolute;
    left:0px;
    bottom: 5px;
    color: #ACC9E6;
}

DIV.Breadcrumbs A
{
    text-decoration: none;
    color: inherit;
    color: #ACC9E6;
}

DIV.Breadcrumbs A:hover
{
    color: #2C5E8F;
}

DIV.Section
{
    margin-bottom: 20px;
    border: 1px solid #ACC9E6;
    padding: 5px;
}

DIV.SectionHeader
{
    background-color: #D7E6F5;
    border: 1px solid #ACC9E6;
    padding: 5px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ACC9E6;
    margin: 0px;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

SPAN.Required
{
    font-size: smaller;
    color: #AAA;
}

.FormControlError
{
    border: 1px solid #F00 !important;
}

.FormControlDateBox
{
    width:100px;
}

TEXTAREA.FormControlTextArea
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 100%;
    resize: none;
}

TEXTAREA.FormControlEmailArea
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 100%;
    resize: none;
    height: 200px;
}

A.ClearField
{
    position: relative;
    text-decoration: none;
    display: inline-block;
    top: 3px;
    left: -18px;
    width: 16px;
    height: 16px;
    background-image: url(../../Content/Images/icon_clearinactive.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

A.ClearField:hover
{
    background-image: url(../../Content/Images/icon_clear.png);
}

/* TABLE
----------------------------------------------------------*/

table
{
}

table td
{
}

table th
{
}

A.ColumnHeaderSortNone
{
    text-decoration: none;
    color: #2C5E8F;
    cursor: pointer;
}
A.ColumnHeaderSortAscending
{
    background: transparent url(images/icon_sortup.png) no-repeat scroll 16px center;
    background-position: right;
    padding-right: 20px;
    text-decoration: none;
    color: #2C5E8F;
    cursor: pointer;
}
A.ColumnHeaderSortDescending
{
    background: transparent url(images/icon_sortdown.png) no-repeat scroll 16px center;
    background-position: right;
    padding-right: 20px;
    text-decoration: none;
    color: #2C5E8F;
    cursor: pointer;
}

/* SEARCH BAR
----------------------------------------------------------*/

DIV.SearchBar
{
    padding: 5px;
    text-align: right;
    vertical-align: middle;
}

DIV.SearchBar Input
{
    color: #AAA;
}


/* PAGINATION
----------------------------------------------------------*/

DIV.Pagination
{
    text-align: center;
}

DIV.Pagination A
{
    display: inline-block;
    padding: 5px;
    text-decoration: none;
}

DIV.Pagination A.Page
{
    border: 1px solid #ACC9E6;
}

DIV.Pagination A.Page:hover
{
    background-color: #F5E6FC;
    color: inherit;
}

DIV.Pagination A.PageDisabled
{
    border: 1px solid #DDD;
    color: #DDD;
    cursor: default;
}

DIV.Pagination A.PageSelected
{
    border: 1px solid #ACC9E6;
    background-color: #D7E6F5;
    font-weight: bold;
    cursor: default;
}

DIV.ShowingResults
{
    float: left;
    margin-left: 10px;
}

DIV.ItemsPerPage
{
    float: right;
    margin-right: 10px;
}

A.ResultPerPage
{
    color: #AAA;
    text-decoration: none;
}

A.ResultPerPageSelected
{
    color: #2C5E8F;
    text-decoration: none;
    cursor: default;
}

DIV.TotalResults
{
    float: left;
    margin-left: 10px;
    display: none;
}

/* FORMS
----------------------------------------------------------*/

DIV.OverviewContainer
{
    display: inline-block;
    zoom:1;
    *display:inline;
    vertical-align:top;
    margin-right: 10px;
    margin-bottom: 10px;
}

DIV.FormDetailMain
{
    position: relative;
    border: 1px solid #ACC9E6;
    display: inline-block;
    zoom:1;
    *display:inline;
    min-width: 200px;
    min-height: 100px;
    vertical-align: top;
    padding: 5px;
    text-align: left;
}

DIV.FormDetailMain A.Favourite
{
    position: absolute;
    top: 60px;
    left: 0px;
}

DIV.FormDetailMain IMG.Favourite
{
    width: 48px;
    height: 48px;
}

DIV.FormDetailSide
{
    display: inline-block;
    zoom:1;
    *display:inline;
    margin-left: -4px;
    width: 30px;
    vertical-align: top;
    position: relative;
    text-align: center;
}

DIV.FormDetailSide A
{
    position: relative;
    display: block;
    padding: 3px 0px 3px 0px;
    text-decoration: none;
    vertical-align: middle;
    background-color: #D7E6F5;
    margin-top: 2px;
}

DIV.FormDetailSide A:hover
{
    background-color: #F5E6FC;
}

DIV.FormDetailLayoutFooter
{
    margin: 10px;
    padding: 5px;
    border-bottom: 1px solid #ACC9E6;
    text-align: right;
}

DIV.FormDetailHeader
{
    border: 1px solid #ACC9E6;
    background-color: #D7E6F5;
    padding: 2px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

DIV.FormDetailIcon
{
    float: left;
    margin-right: 5px;
}

DIV.FormDetailLayout
{
    padding-top: 20px;
    padding-bottom: 20px;
}

table.FormDetailLayout
{
    width: 100%;
}

table.FormDetailLayout tr
{
}

table.FormDetailLayout td
{
    vertical-align: top;
    text-align: center;
    padding-bottom: 20px;
}

/* FORM LAYOUT
----------------------------------------------------------*/
.ControlCheckBox
{
}

.ControlDatePicker
{
}

.ControlTimePicker
{
}

.ControlDateTimePicker
{
}

.ControlLabel
{
}

.ControlDropDown
{
}

.ControlSlider
{
}

DIV.ControlSpinner
{
    display: block;
    position: absolute;
}

.ControlSpinner
{
}

.ControlSpinner A.Up
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    border: 1px solid #CCC;
    background-image: url(../../Content/Images/icon_spinnerup.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #EEE;
}

.ControlSpinner A.Up:hover
{
    background-color: #FFF;
}

.ControlSpinner A.Down
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-decoration: none;
    border: 1px solid #CCC;
    background-image: url(../../Content/Images/icon_spinnerdown.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #EEE;
}

.ControlSpinner A.Down:hover
{
    background-color: #FFF;
}

.ControlTextBox
{
}

.ControlTextArea
{
    resize: none;
}

.ControlAnnotatedImage
{
    background-color: #EEE;
}

.ControlAnnotatedImageEditTag
{
    display: none;
    position: absolute;
    padding: 5px 10px 5px 10px;
    background-color: #F00;
    color: #FFF;
    border: 1px solid #F00;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: bold;
}

.ControlStyleBlur
{
    color: #AAA;
    font-style: italic;
}

.ControlInvalid
{
    border: 1px solid #F88 !important;
}

/* GRID TABLE
----------------------------------------------------------*/
div.GridTable
{
    margin-bottom: 20px;
    border: 1px solid #ACC9E6;
}

div.GridTable div.GridHeader
{
    position: relative;
    background-color: #D7E6F5;
    border: 1px solid #ACC9E6;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    padding: 5px;
}

div.GridTable div.GridHeader A.GridFilterButton
{
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    color: inherit;
    background-image: url(../../Content/Images/icon_filter.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
}

div.GridTable div.GridHeader A.GridFilterApplied
{
    color: #F00;
}

div.GridTable div.GridHeader A.GridRefreshButton
{
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    color: inherit;
    background-image: url(../../Content/Images/icon_refresh.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
}

div.GridTable div.GridFilter
{
    display: none;
    margin: 5px;
    border-bottom: 1px solid #ACC9E6;
}

div.GridTable div.GridFilter A.ApplyButton
{
    display: inline-block;
    color: inherit;
    background-image: url(../../Content/Images/icon_filter.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
}
div.GridTable div.GridFilter A.ClearButton
{
    display: inline-block;
    color: inherit;
    background-image: url(../../Content/Images/icon_removefilter.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    padding: 5px 10px 5px 28px;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
}

table.GridTable
{
}

table.GridTable th.GridHeader
{
    position: relative;
    background-color: #D7E6F5;
    border: 1px solid #ACC9E6;
    padding: 5px;
}

table.GridTable th.GridHeader A.ViewAll
{
    position: absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
    color: inherit;
}

table.GridTable tr
{
}

table.GridTable tr:nth-child(even)
{
    background-color: #EEE;
}

table.GridTable th
{
    background-color: #E6F5D7;
    text-align: left;
}

table.GridTable td
{
    text-align: left;
}

DIV.NoRowsFilterMessage
{
    color: #F00;
    padding: 5px;
}

/* LAYOUT TABLE
----------------------------------------------------------*/

table.LayoutTable
{
}

table.LayoutTable th.LayoutHeader
{
}

table.LayoutTable tr
{
}

table.LayoutTable th
{
}

table.LayoutTable td
{
    padding: 5px;
    text-align: left;
}

/* CUSTOM THEME  
----------------------------------------------------------*/

INPUT.FormControlColourBox
{
    width: 75px;
}

A.FormControlColourSample
{
    border: 1px solid #CCC;
    height: 20px;
    width: 20px;
    cursor: default;
    display: block;
}

A.CustomThemeQuickStyle
{
    white-space: nowrap;
    background-position: 10px;
    padding: 5px 16px 5px 40px;
    text-decoration: none;
    font-family: Helvetica,Arial,sans-serif;
    vertical-align: middle;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor: pointer;
}

A.DefaultBlue
{
    background: transparent url(images/icon_paint.png) no-repeat scroll 16px center;
    color: #2C5E8F;
}

A.DefaultBlue:hover
{
    background-color: #ACC9E6;
    color: #FFF;
}

A.CherryRed
{
    background: transparent url(images/icon_paint.png) no-repeat scroll 16px center;
    color: #C31230;
}

A.CherryRed:hover
{
    background-color: #C31230;
    color: #FFF;
}

A.EasyOrange
{
    background: transparent url(images/icon_paint.png) no-repeat scroll 16px center;
    color: #FF9900;
}

A.EasyOrange:hover
{
    background-color: #FF9900;
    color: #FFF;
}

A.EmeraldGreen
{
    background: transparent url(images/icon_paint.png) no-repeat scroll 16px center;
    color: #6AA84F;
}

A.EmeraldGreen:hover
{
    background-color: #6AA84F;
    color: #FFF;
}

A.Titanium
{
    background: transparent url(images/icon_paint.png) no-repeat scroll 16px center;
    color: #9DA0A9;
}

A.Titanium:hover
{
    background-color: #9DA0A9;
    color: #FFF;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.True
{
    background: transparent url(images/icon_true.png) no-repeat scroll 5px center;
    background-position: center;
}
.False
{
    background: transparent url(images/icon_false.png) no-repeat scroll 5px center;
    background-position: center;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* AUTO COMPLETE STYLES
----------------------------------------------------------*/

DIV.ControlAutoComplete
{
    position: absolute;
    display: none;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #AAA;
    z-index: 9999;
}