﻿body
{
    width: 967px; /* added 17 pixels for IE7 scrollbar */
    overflow: hidden;
    overflow-y: scroll;
    
    background-color: #EFF6FF;
    
    font-family: Verdana;
    font-size: 1em;
    font-weight:normal;
    font-style: normal;
}

/* WRAPPERS */

div.boxError
{    
    background-color: #FFD1D1;
    border-top: solid 1px #FF0000;
    border-bottom: solid 1px #FF0000;
    
    display: none;
}

div.boxError p
{
    margin: 5px 5px 5px 5px;
    
    font-size: 0.8em;
}

div.boxForm
{
}

div.boxForm div.boxFormCaption
{
    float: left;
}

div.boxForm div.boxFormCaption p
{
    margin: 0px 0px 0px 0px;
}

div.boxInputGroup
{
    float: left;
    
    margin-bottom: 10px;
}

div.boxInputGroup div.boxInputGroupHeader
{
    float: left;
    height: 19px;
    width: 948px;
    
    background-image: url('../Images/bg_h2.png');
    border-top: #add1ff 1px solid;
    border-bottom: #add1ff 1px solid;
        
    padding-left: 5px;
    margin: 0px 0px 10px 0px;
}

div.boxInputGroup div.boxInputGroupContent
{
    float: left;
}

div.boxInputGroup div.boxInputGroupHeader div.boxInputGroupMenu
{
    float: right;
    margin: 2px 5px 2px 5px;
    cursor: pointer;
}

div.boxInput
{
    font-size: 0.7em;
    margin-left: 5px;
}

div.boxInput-textarea
{
    overflow: hidden;
    font-size: 0.7em;
    width: 750px;
    margin-left: 5px;
}

div.boxInputCaption
{
    float: left;
    width: 150px;
}

div.boxInputText
{
    float: left;
    margin-bottom: 1px;
    width: 260px;
}

div.boxInputTextArea
{
    float: left;
    margin-bottom: 1px;
    width: 600px;
}

div.boxInputSelect
{
    float: left;
    margin-bottom: 1px;
}

div.boxInputButton
{
    height: 25px;
}

div.boxInput div.boxInputIcon
{
    padding-top: 2px;
    cursor: pointer;
    float: left;
}

div.boxInput-textarea div.boxInputIcon
{
    padding-top: 2px;
    cursor: pointer;
    float: left;
}

div.boxInput div.boxInputInfo
{
    padding-top: 2px;
    float: left;
}


p.inputCaption
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding-top: 2px;
}

p.inputCaptionButton
{
    margin: 0px 0px 0px 0px;
    padding-top: 2px;
    text-align: center;
}


input.inputButtonSubmit
{
}

input.inputButtonReset
{
}

input.inputText
{
    font-size: 1.1em;
    width: 250px;
}

select.inputSelect
{
    width: 255px;
}


/* MENU */
#menuMain
{
    float:left;
    width: 950px;
}

#menuMain div.menuItem
{
    float: left;
    height: 20px;
    
    background-color: #2E6AB0;
    font-size: 0.9em;
    
    margin-right: 1px;
    padding: 10px 10px 10px 10px;
    
    cursor: pointer;
}

#menuMain div.menuItem-active
{
    float: left;
    height: 20px;
    
    background-color: #E0EDFF;
    border-top: solid 1px #2E6AB0;
    border-left: solid 1px #2E6AB0;
    border-right: solid 1px #2E6AB0;
    font-size: 0.9em;
    
    margin-right: 1px;
    padding: 10px 10px 10px 10px;
    
    cursor: pointer;
}

#menuMain div.menuItem p
{
    margin: 0px 0px 0px 0px;
    
    color: #FFFFFF;
    font-weight: bold;
}

#menuMain div.menuItem-active p
{
    margin: 0px 0px 0px 0px;
    
    color: #000000;
    font-weight: bold;
}

#menuMainContent
{
    float: left;
    width: 948px;
    
    background-color: #E0EDFF;
    
    border: solid 1px #2E6AB0;
}

#menuSub
{
    float: left;
    width: 948px;
    
    margin-top: 2px;
    
    background-image: url('../Images/bg_menusub.png');
}

#menuSubContent
{
    float:left;
}

#menuSub
{
    float: left;
}

#menuSub div.menuItem
{
    float: left;
    height: 16px;
    
    font-size: 0.9em;
    
    margin-right: 2px;
    padding: 3px 10px 5px 10px;
    border-right: solid 1px #2E6AB0;
    
    cursor: pointer;
}

#menuSub div.menuItem-active
{
    float: left;
    height: 16px;
    
    font-size: 0.9em;
    
    margin-right: 2px;
    padding: 3px 10px 5px 10px;
    border-right: solid 1px #2E6AB0;
    
    cursor: pointer;
}

#menuSub div.menuItem p
{
    margin: 0px 0px 0px 0px;
}

#menuSub div.menuItem-active p
{
    margin: 0px 0px 0px 0px;
    
    text-decoration: underline;
}

#menuSubContent
{
    float: left;
    width: 948px;
    overflow: hidden;
}

#menuPage
{
    float: left;
    width: 948px;
    
    padding: 2px 2px 2px 2px;
    
    background-image: url('../Images/bg_menuPage.png');
    color: #FFFFFF;
}

#menuPage div.menuItem
{
    float: left;
}

#menuPage div.menuItem-image
{
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 2px 2px 2px;
    
    cursor: pointer;
}

#menuPage div.menuItem-image img
{
}

#menuPage div.menuItem p
{
    margin: 0px 0px 0px 0px;
}

#menuPage div.boxForm
{
    float: left;
    width: 946px;
    margin-top: 5px;
    border-top: solid 1px #FFFFFF;
}

#menuPage div.boxForm div.boxFormCaption
{
    width: 946px;
    margin-top: 5px;
    margin-bottom: 10px;
    
    font-weight: bold;
}

#menuPage div.boxForm div.boxInput
{
    width: 255px;
    height: 25px;
    float: left;
    
    font-size: 0.6em;
}

#menuPage div.boxForm div.boxInputButton
{
    float: left;
    width: 946px;
}

#menuPage div.boxForm div.boxInputButton div
{
    margin-left: 5px;
    margin-right: 5px;
}

#menuPage div.boxForm div.boxInputButton input.inputButtonSubmit
{
    float: right;
    cursor: pointer;
}

#menuPage div.boxForm div.boxInput div.boxInputCaption
{
    width: 100px;
    height: 25px;
}

#menuPage div.boxForm div.boxInput div.boxInputCaption p
{
    margin: 0px 0px 0px 0px;
    padding-top: 2px;
}

#menuPage div.boxForm div.boxInput div.boxInputText
{
    width: 150px;
    height: 25px;
}

#menuPage div.boxForm div.boxInput div.boxInputText input.inputText
{
    width: 125px;
}

#menuPage div.boxForm div.boxInput div.boxInputSelect
{
    width: 150px;
    height: 25px;
}

#menuPage div.boxForm div.boxInput div.boxInputSelect select.inputSelect
{
    width: 132px;
}

#pageContent
{
    float: left;
    width: 948px;
}

#pageContent div.itemMenu
{
    float: left;
    width: 950px;
    
    padding: 2px 2px 2px 2px;
    
    background-image: url('../Images/bg_menuPage.png');
    color: #FFFFFF;
}

#pageContent div.itemMenu div.menuItem
{
    float: left;
}

#pageContent div.itemMenu div.menuItem-image
{
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px 2px 2px 2px;
    
    cursor: pointer;
}

#pageContent div.boxForm div.boxInput
{
    float: left;
    width: 750px;
}


/* TABLE */
table.tblResults
{
    width: 948px;
    background-color: #FFFFFF;
    
    border-collapse: collapse;
    table-layout: fixed;
    
    font-size: 0.8em;    
}

table.tblResults th
{
    color: #15428b;
    background-image: url('../Images/bg_th.png');
    
    padding-left: 5px;
    
    font-weight: bold;
    font-style: italic;
    text-align: left;
    
    border-top: solid 1px #000000;
    border-right: solid 1px #9AC6FF;
}

table.tblResults tfoot tr
{
    background-image: url('../Images/bg_th.png');
}

table.tblResults tbody tr.selected
{
    background-color: #74B0EE;
}

table.tblResults tbody tr.hover
{
    background-color: #B8D3ED;
    cursor: pointer;
}

table.tblResults td
{
    padding-left: 5px;
}

table.tblResults tbody tr
{
    border-bottom: solid 1px #E5E5E5;
}

table.tblResults tbody tr td
{
    white-space: pre;
}

table.tblResults tbody tr td.colImg
{
    white-space: normal;
}

div.ctrlNavigation
{
    float: left;
    width: 948px;
    
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    
    font-size: 0.6em;
}

div.ctrlNavigation div.pageNavigator
{
    float: right;
    
    margin-top: 3px;
    margin-right: 10px;
}

div.ctrlNavigation div.pageNavigator img
{
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    
    cursor: pointer;
}

div.ctrlNavigation div.pageNavigator div.pageIndicator
{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

div.ctrlNavigation div.pageNavigator div.pageIndicator p
{
    margin: 0px 0px 0px 0px;
}

div.ctrlNavigation div.boxInput
{
    float: right;
    width: 200px;
    
    margin-right: 5px;
    
    font-size: 1em;
}

div.ctrlNavigation div.boxInput div.boxInputCaption
{
    float: left;
    width: 135px;
}

div.ctrlNavigation div.boxInput div.boxInputCaption p
{
    margin: 0px 0px 0px 0px;
    padding-top: 3px;
}

div.ctrlNavigation div.boxInput div.boxInputSelect
{
    float: right;
    width: 65px;
}

div.ctrlNavigation div.boxInput div.boxInputSelect select.inputSelect
{
    width: 65px;
}

/* HEADER */

h1
{
    height: 26px;
    width: 948px;
    
    background-image: url('../Images/bg_h1.png');
    color: #15428b;
    border-top: solid 1px #2E6AB0;
    border-bottom: solid 1px #2E6AB0;
    
    font-size: 1.2em;
    font-weight: bold;
    
    padding-left: 5px;
    margin: 0px 0px 10px 0px;
}

h2
{
    color: #15428b;    
    font-size: 0.8em;
    font-weight: bold;
    
    margin: 0px 0px 0px 0px;
    
    float: left;
}

/* POPUP */

#popupBackground
{
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background-color: #000000;
}

#popupContainer
{
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

#popupContainer #popupContent
{
    float: left;
    margin: 10px 10px 10px 10px;
}

#popupContainer #popupContent #popupIframe
{
}