/* -------------------------------------- */
/* STANDARD HTML TAG RESET                */
/* -------------------------------------- */
html, body, h1, h2, h3, h4, p, ul li, a, table, form
{
    border: 0px;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

#aspnetForm
{
    height: 100%;
}

/* -------------------------------------- */
/* STANDARD HTML TAG DEFINITION           */
/* -------------------------------------- */
html, body
{
    margin: 0;
    height: 100%;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
}

body
{
    font-family: verdana;
    font-size: 11px;
    color: #323232;
    background-color: #6BA2CC;
}

h1, h2, h3, h4, h5, h6
{
    color: #05669d;
}

h1
{
    font-size: 180%;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

h2
{
    font-size: 150%;
}
h3
{
    font-size: 140%;
}
h4
{
    font-size: 130%;
}
h5
{
    font-size: 120%;
}
h6
{
    font-size: 110%;
}

fieldset
{
    padding: 5px;
}

a
{
    color: #323232;
    text-decoration: none;
}

a:link
{
    color: #05669d;
    text-decoration: none;
}

a:visited
{
    color: #05669d;
}

a:hover
{
    color: #05669d;
    text-decoration: underline;
}

a.delete
{
    color: red;
    padding: 0px 0px 0px 33px;
}

input
{
    font-family: verdana;
    font-size: 11px;
}

select
{
    font-family: verdana;
    font-size: 11px;
}

textarea
{
    font-family: verdana;
    font-size: 11px;
    border-right: #05669D 1PX SOLID;
    border-top: #05669D 1PX SOLID;
    border-left: #05669D 1PX SOLID;
    border-bottom: #05669D 1PX SOLID;
}

/* -------------------------------------- */
/* STITE STRUCTURE DEFINITION             */
/* -------------------------------------- */

div#page
{
    height: 100%;
    width: 100%;
    background-color: #6ba2cc;
    overflow: hidden;
}

div#content
{
    background-color: #FFF;
    overflow: auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 10px;
}
div#content.SearchLogic
{
    background-image: none;
}

div#footer
{
    position: absolute;
    width: 100%;
    bottom: 0; /* stick to bottom */
    background-color: #6BA2CC;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}

.leftMenu
{
    background-color: #FFF;
}

/* -------------------------------------- */
/* HEADER DEFINITION                      */
/* -------------------------------------- */
#header
{
    z-index: 999;
    position: relative;
}
#header .logo
{
    padding: 4px 0px;
    float: left;
}

#header .logo img
{
    width: 170px;
    height: 52px;
}
.cdc_logo
{
    width: auto;
    position: absolute;
    border-width: 0px;
    bottom: 30px;
}

.cdc_logo img
{
    float: left;
}

.cdc_logo p
{
    width: 400px;
    margin: 0px 0px 0px 67px;
}

#header .logo_bw
{
    display: none;
}

#header div.header
{
    text-align: center;
}

#header .title
{
    font-family: Arial;
    font-size: 20px;
    color: #ffffff;
    white-space: nowrap;
    padding: 20px 0px 0px 0px;
    display: inline-block;
}
#header h1
{
    color: White;
}
#header h2
{
    color: White;
    font-weight: normal;
    font-size: 14px;
}
/* -------------------------------------- */
/* USER SERVICES DEFINITIONS (login/out)  */
/* -------------------------------------- */
#userServices
{
    background-color: #FFF;
    padding: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    z-index: 100;
}

#userServices ul
{
    padding: 0px;
    list-style: none;
    margin: 0px;
}

#userServices li
{
    display: inline;
    padding: 4px;
}
#userServices li.spacer:before
{
    content: "|";
}

/* -------------------------------------- */
/* TAB MENU DEFINITION                    */
/* -------------------------------------- */

#tabs
{
    border-left: solid 0px #05669d;
}

#tabs #nav li.level_1
{
    position: relative;
}

#nav li a
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#tabs #nav .secondLevelNav
{
    display: none;
    position: absolute;
    top: 34px;
    left: 0px;
    padding: 0px;
    width: 170px;
    text-align: left;
    background-color: #D4E2F0;
    border: 1px solid #1E7FB8;
    z-index: 99;
}
#tabs #nav .secondLevelNav li.level_2
{
    float: none;
    margin-right: 3px;
    text-align: left;
    color: #05669D;
    padding: 5px;
}
#tabs #nav .secondLevelNav li.tongueContainer
{
}
#tabs #nav .secondLevelNav li.tongueContainer .tongue
{
    display: inline-block;
    position: absolute;
    top: -10px;
    height: 9px;
    width: 33px;
    background-color: #D4E2F0;
    left: -1px;
    border-top: 1px solid #1E7FB8;
    border-left: 1px solid #1E7FB8;
    border-right: 1px solid #1E7FB8;
}
#tabs #nav #about-the-ecatalogue .secondLevelNav li.tongueContainer .tongue
{
    width: 130px;
}


/* -------------------------------------- */
/* BREAD CRUMB DEFINITION                 */
/* -------------------------------------- */

#breadcrumb
{
    padding: 20px 5px 5px;
    background-color: #FFF;
}

#breadcrumb span.siteMapPath
{
    padding: 5px 5px;
    display: block;
    background-color: #D4E2F0;
    border-bottom: 1px solid #1E7FB8;
    border-top: 1px solid #1E7FB8;
}

/* -------------------------------------- */
/* PAGE PART DEFINITIONS                  */
/* -------------------------------------- */
#content .pagePart
{
    border: 2px groove threedface;
    padding: 5px;
    margin: 5px;
}

#content .pagePart .innerBorder
{
    border: 1px solid #1E7FB8;
}

#content .pagePart .header
{
    background-color: #EEDDBA;
    border-bottom: 1px solid #C60;
    color: #C60;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

#content .pagePart .content
{
    padding: 5px;
}

#content .pagePartFull
{
    width: 98%;
}

#content .pagePartCentered
{
    margin: auto;
}

/* -------------------------------------- */
/* FORM DEFINITIONS                       */
/* -------------------------------------- */
div.form
{
    padding: 30px;
}
div.formRow
{
    padding: 5px;
    min-width: 300px;
}
div.formRow label
{
    width: 15%;
    color: #555;
    font-weight: bold;
    white-space: nowrap;
    display: inline-block;
    min-width: 120px;
    white-space: normal;
    vertical-align: top;
}
div.formRow span
{
    display: inline-block;
    width: 460px;
}
div.formRow span.input
{
    width: 75%;
    display: inline-block;
}

div.formRow span input[type=text], div.formRow span select, div.formRow span textarea
{
    min-width: 400px;
    border: 1px solid black;
    height: 31px;
    padding: 0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 3px;
    font-size: 13px;
    font-family: Arial;
    color: #666;
}
div.formRow span select[multiple=multiple]
{
    height: 100px;
}

div.formRow span.input button.ui-multiselect span
{
    width: auto;
    height: auto;
    display: inline;
}

div.formRow span textarea
{
    min-height: 100px;
}
/* -------------------------------------- */
/* LOGIN DIALOG DEFINITIONS               */
/* -------------------------------------- */
#loginBox
{
    width: 325px;
}

/* -------------------------------------- */
/* GENERIC DEFINITIONS                    */
/* -------------------------------------- */

div.clr
{
    clear: both;
}

a.tiny
{
    color: #05669d;
    text-decoration: none;
    font-size: 8px;
}

a.tiny:visited
{
    color: #05669d;
    font-size: 8px;
}

a.tiny:hover
{
    color: #05669d;
    text-decoration: underline;
    font-size: 8px;
}




.subTitleBlue
{
    font-size: 11px;
    color: #4F8CC1;
    font-weight: bold;
}

.subTitleOrange
{
    font-size: 11px;
    color: #CC6600;
    font-weight: bold;
}

.tabbutton
{
    padding-left: 1px;
    background-color: #FFFFFF;
    color: #134A81;
    font-weight: bold;
    border-bottom: solid 1px #05669d;
    border-top: solid 1px #05669d;
    border-right: solid 1px #05669d;
    border-left: 0px;
}

.tabbuttonselected
{
    background-color: #FFFFFF;
    color: #CC6600;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #05669d;
    border-right: solid 1px #05669d;
    border-left: 0px;
}

.tabline
{
    border-bottom: solid 1px #05669d;
}

.welcome, a.welcome
{
    color: #FFFFFF;
    font-weight: bold;
}

.textOrange
{
    color: #cc6600;
    font-size: 12px;
}

.orangeBar, .sectTitle
{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    background-color: #EEDDBA;
    vertical-align: top;
    display: block;
    font-weight: bold;
    color: #CC6600;
    text-decoration: none;
}

.sectTitle
{
    background-color: #DDD;
    width: 100%;
}

.textOrangeBigBold
{
    font-size: 12px;
    font-weight: bold;
    color: #CC6600;
}

.textGreyBold
{
    color: #666666;
    font-weight: bold;
}

.textBlueBoldBig
{
    font-size: 14px;
    color: #134A81;
    font-weight: bold;
}

.textBlueBold
{
    color: #134A81;
    font-weight: bold;
}

.textGrey
{
    color: #806742;
    font-weight: bold;
}

.tableHeader
{
    border: solid 1px #447DB5;
    color: #05669d;
    background-color: #E3E9EE;
    font-weight: normal;
}

.tableHeader th
{
    border: solid 1px #447DB5;
    color: #05669d;
    background-color: #E3E9EE;
    font-weight: normal;
}

.tableCell
{
    border: solid 1px #447DB5;
}

.tableCell td
{
    border: solid 1px #447DB5;
}

/*.tableCellAlt
{
    border: solid 1px #447DB5;
    background-color:  #FBFCFD;
}

.tableCellAlt td
{
    border: solid 1px #447DB5;
    background-color:  #FBFCFD;
}*/

.boxHeader
{
    border: solid 1px #cccccc; /*  background-color: #eeeeee; */
    white-space: nowrap;
}

.tableBlock
{
    border: solid 1px #05669d;
}

.tableEmpty
{
    background-color: #FFFFFF;
}

.rowAlternate
{
    background-color: #EEEEEE;
}

.detailsBlock
{
    margin-top: 5px;
}

.error
{
    color: red;
}
.noError
{
    color: Green;
}

.version
{
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    padding-right: 3px;
}

.hidden
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 100px;
    overflow: hidden;
}
.nowrap
{
    white-space: nowrap;
}

/* NiftyCube types */
div#menuTabs
{
    float: left;
    width: 100%;
    background: #6BA2CC;
}
ul#nav, ul#nav li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#nav
{
    margin-left: 0px;
    width: 800px;
}
ul#nav li
{
    float: left;
    margin-right: 3px;
    text-align: center;
}
ul#nav a.nav
{
    float: left;
    min-width: 6em;
    padding: 5px;
    background: #D4E2F0;
    text-decoration: none;
    color: #05669D;
}
ul#nav a.nav:hover
{
    background: #FFA826;
    color: #FFFFFF;
    font-weight: bold;
}
ul#nav li.activelink a.nav, ul#nav li.activelink a.nav:hover
{
    background: #FFFFFF;
    color: #FFA826;
    font-weight: bold;
}
ul#nav li#Login
{
    display: none;
}

/*
The following is used for the modal popup for sending emails
*/
.modalBackground
{
    background-color: InactiveCaptionText;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
/*
 website menu styles
*/
.navcurve
{
    background-color: #EEDDBA;
    width: 11px;
    vertical-align: top;
}
.subnavline
{
    background-color: #BBBBBB;
    width: 1px;
    vertical-align: top;
}
.navcurvebg
{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    background-color: #EEDDBA;
    vertical-align: top;
    width: 118px;
}
a.navhome:link
{
    font-weight: bold;
    color: #CC6600;
    text-decoration: none;
}
a.navhome:active
{
    font-weight: bold;
    color: #CC6600;
    text-decoration: none;
}
a.navhome:visited
{
    font-weight: bold;
    color: #CC6600;
    text-decoration: none;
}
a.navhome:hover
{
    font-weight: bold;
    color: #CC6600;
    text-decoration: underline;
}
.subpad
{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}
a.nav:link
{
    font-weight: bold;
    color: #134A81;
    text-decoration: none;
}
a.nav:active
{
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
a.nav:visited
{
    font-weight: bold;
    color: #134A81;
    text-decoration: none;
}
a.nav:hover
{
    font-weight: bold;
    color: #134A81;
    text-decoration: underline;
}

/* Left menu */
.leftMenuItem
{
    display: block;
    padding: 3px;
}

.leftMenuHead, a.leftMenuHead:hover
{
    background-color: #D4E2F0;
    color: #05669d;
    border-top: solid 1px #1E7FB8;
    border-bottom: solid 1px #1E7FB8;
    text-decoration: none;
}

.leftMenuSelected
{
    border: solid 2px #CC6600;
}
.leftMenuSelected td
{
    background-image: url(../images/icn_arrow_right.gif);
    background-repeat: no-repeat;
    background-position: right;
}

/*****************************************
** Simple Tables
*****************************************/
table.simpleTable
{
    width: 950px;
}

/******************************************
** Indicator list
******************************************/
#indicatorList
{
    padding: 0px;
}
#indicatorList table
{
    margin: 5px;
}
#indicatorList table td
{
    position: relative;
}
#indicatorList table td:first-child
{
    z-index: 9;
}
#indicatorList .templateList .actions
{
    min-width: 100px;
}
#indicatorList table td span.isNew.True
{
    background-image: url('../images/new.png');
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -10px;
}

#indicatorList table.templateList td.type
{
    background-repeat: no-repeat;
    background-position: right;
}

#indicatorList table.templateList.sortByTypeAsc td.type
{
    background-image: url('../images/sort_ascending.png');
}

#indicatorList table.templateList.sortByTypeDesc td.type
{
    background-image: url('../images/sort_descending.png');
}

/*
Search page styles
*/
.boxSearchPageContainer
{
    margin: auto;
    padding: 5px;
    width: auto;
}

.boxSearchPageContent
{
    border: solid 1px #1E7FB8;
}

/* space for the radio buttons */
#ctl00_C_ctlSearchType_1, #ctl00_C_ctlSearchType_2, #ctl00_C_ctlSearchType_3
{
    margin-left: 5px;
}

a.activelink, a.activelink:hover, a.activelink:visited, a.summaryNav, a.summaryNav:link, a.summaryNav:visited
{
    display: block;
    width: 150px;
    height: 25px;
    color: #fff;
    background: #6ba2cc;
    margin-top: 2px;
    margin-right: 4px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 25px;
    overflow: hidden;
    float: left;
}
a.summaryNav:hover
{
    color: Yellow;
}
a.activelink, a.activelink:hover, a.activelink:visited
{
    background: #bdd7ef;
    color: #000;
}
.disabled
{
    overflow: hidden; /*  background-color: #DDD; */
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

.searchImg
{
    float: right;
    vertical-align: top;
}
.searchLine
{
    color: #bbb;
    width: 75%;
    height: 1px;
}
/*
img.icon
{
    vertical-align: middle;
}
*/

/* -------------------------------------- */
/* DYNAMIC DATA CLASSES                   */
/* -------------------------------------- */

.filterLabel, .entityLabel
{
    text-align: right;
}

.filterField, .entityField
{
}

/* -------------------------------------- */
/* TREE CLASSES                           */
/* -------------------------------------- */
.treeNodeHeader
{
    background-color: #EEDDBA;
    border-bottom: solid 1px #CC6600;
}

.treeNodeMenu
{
    background-color: #D4E2F0;
    padding: 5px;
    border-top: solid 1px #1E7FB8;
    border-bottom: solid 1px #1E7FB8;
}

.treeNodeInfo
{
    background-color: #DDDDDD;
    padding: 5px;
    border-top: solid 1px #404040;
    border-bottom: solid 1px #404040;
}

.treeNode
{
}

.treeNodeEdit
{
    background-color: #EEEEEE;
    border: solid 2px #CC6600;
}

#templateView
{
}

#templateView .aspNetCheckboxHackValue
{
    display: none;
}

#templateView .controls
{
    width: 450px;
    margin: 0px 0px 0px 300px;
    border-image: initial;
}
/***************************************
**   Site Content
****************************************/
.siteContent
{
    position: relative;
    height: 100%;
}
.siteContent .controls
{
    position: absolute;
    right: 0px;
}
.siteContent.home
{
    background-image: url(../images/vmnis_logo.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
/***************************************
**   Site Content Editing
****************************************/
#siteContentEdit
{
}
/**************************************
**   Site content metadata box
**************************************/
.contentMetadata
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.metadata
{
    display: block;
    margin: 3px 0px;
}
.metadata.createdAt
{
    margin: 10px 0px 0px 0px;
}
.metadata.createdAt:before
{
    content: "Created At: ";
}
.metadata.updatedAt
{
    margin: 0px 0px 20px 0px;
}
.metadata.updatedAt:before
{
    content: "Updated At: ";
}

/***************************************
**   Site Content Editing
****************************************/
#downloads table td
{
    position: relative;
}

#downloads table td.title
{
    min-width: 150px;
}
#downloads table td.description
{
    min-width: 350px;
}

#downloads table td span.isNew.True
{
    background-image: url('../images/new.png');
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -10px;
}