/** Ergotools **/

#header
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: #FFFFFF;
    height: 136px; /*height: 217px;*/
}

#strip
{
    background: #4E6779 url(images/strip.png) no-repeat right center;
    position: absolute;
    height: 60px; /*169px;*/
    width: 980px;
    margin-top: 22px;
}

#logo
{
    background-image: url("../../images/nrlogo.png");
    background-position: right top;
    background-repeat: no-repeat;
    height: 73px;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: -31px;
    width: 175px;
}

#cutoff
{
    background-image: url("images/cutoff_white.png");
    height: 127px;
    margin-top: 42px;
    position: absolute;
    right: 0px;
    top: -30px;
    width: 40px;
}

#headline
{
    position: absolute;
    top: 2px; /*40px;*/
    left: 10px;
    color: #FFFFFF;
    padding: 10px 0 10px 10px;
}

#headline h1
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
    font-size: 26px;
}

#headline h1 a
{
    color: #FFFFFF;
    text-decoration: none;
}

#headline h1 a:hover
{
    text-decoration: underline;
}

#navbar
{
    position: absolute;
    left: 0px;
    top: 139px;
    height: 30px;
    overflow: hidden;
}

/****************************************   Basics */
*
{
    margin: 0;
    padding: 0;
}

p
{
    margin: 1em 0em;
}

body
{
    color: #000000;
    background-color: #FFFFFF;
    font-family: 'Helvetica Narrow' , 'Helvetica' , 'Gill Sans' , Sans-Serif;
    font-size: 14px;
}

a
{
    color: #ED5103;
    background-color: Transparent;
}

a:hover
{
    color: #ED5103;
}

h1
{
    font-size: 26px;
}

h1, h3
{
    margin-top: 3px;
    margin-bottom: 3px;
    color: #5D85A0;
}

.commandsTop input, .commandsBottom input, button, input[type="button"], input[type="submit"], .commands input, .button
{
    background: transparent url(../../images/buttonbgmiddle.gif) repeat-x 0 0;
    height: 24px;
    color: #FFFFFF;
    padding: 2px 5px;
    font-size: small;
}

.commandsTop #ExportCommandTop, .commandsBottom #ExportCommandBottom
{
    background: transparent url(../../images/exportExcelBgd.gif) no-repeat 0 0;
    padding-left: 30px;
    width: 130px;
}

#NavigationContent h3
{
    margin-top: 0px;
}



/******************************************* Master page ********************/

/********************   Wrappers  *****************/
#FormWrapper
{
    padding: 0px;
    width: 980px;
    margin: auto;
}

#HeaderWrapper
{
    margin: 0px;
}

#NavigationWrapper
{
    margin: 0 0 2px;
    padding: 0;
    position: absolute;
    top: 60px; /*top: 142px;*/ /* 217-48-27 */
}

#MainContentWrapper
{
    position: absolute;
    top: 138px; /*top: 247px;*/
    width: 960px;
    background-color: #CEDAE2;
    margin: 0px;
    padding: 10px;
    clear: both;
}

/************************   Contents   ******************/


#HeaderContent
{
    padding: 0px; /*15px 0px 0px 10px;*/
    background: transparent url(../../images/ODEC-header.jpg) no-repeat;
    width: 100%;
    height: 71px;
    margin: 0px 0px 2px 0px;
}

#TitleText h1
{
    padding: 15px 0px 0px 10px;
}

#TitleText h1, #TitleText h1 a
{
    color: #FFFFFF;
    text-decoration: none;
}

#FeedbackMessageWrapper
{
    display: none;
    position: fixed;
    top: 10px;
    width: 980px;
    margin: auto;
    height: 60px;
    z-index: 1000;
}

.ErrorMessage, .InformationMessage
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}



.InformationMessage
{
    background-color: #FBF9EE;
    color: #363636;
}

#NavigationContent
{
    background-color: #000000;
    width: 980px;
}

#MainContent
{
    /* position: relative; /* width: 940px; */
    padding: 0px;
    background-color: #FFFFFF;
    width: 940px;
    padding: 10px;
}

#FooterContent
{
    clear: both;
    text-align: center;
    height: 20px;
    background-color: transparent;
    color: #999999;
    margin: 10px 0px 10px 0px;
}

/*
#ItemTemplate
{
	width: 940px;
	padding: 10px;
}
*/
.largeColumn
{
    float: left;
    width: 500px;
    margin: 0px 0px 5px 0px;
}

.smallColumn
{
    float: left;
    width: 410px;
    margin: 0px 0px 5px 0px;
    padding-left: 10px;
}

#LeftContent
{
    float: left;
    width: 610px;
    margin: 0px;
}

#RightContent
{
    float: left;
    width: 340px;
    margin-left: 10px;
}
/***************************************     buttons  ****************/

.commandsTop, .commandsBottom
{
    padding: 3px;
    border: 0px;
    text-align: right;
}

.commandsTop a, .commandsBottom a
{
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    height: 24px;
    line-height: 24px;
    font-size: smaller;
    font-weight: bold;
}

.commandsTop
{
    margin-bottom: 10px;
}

.commandsBottom
{
    margin-top: 10px;
}

.roundedLink
{
    height: 24px;
    position: relative;
    display: inline-block;
}

.roundedLinkLeft
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 8px;
    height: 24px;
    line-height: 24px;
    background: transparent url(../../images/buttonbgleft.gif) no-repeat 0 0;
    display: inline-block;
}

.roundedLinkMiddle
{
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 24px;
    line-height: 24px;
    background: transparent url(../../images/buttonbgmiddle.gif) repeat-x 0 0;
    display: inline-block;
}

.roundedLinkRight
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 8px;
    height: 24px;
    line-height: 24px;
    background: transparent url(../../images/buttonbgright.gif) no-repeat 0 0;
    display: inline-block;
}

/***************************************** General forms */
label.formlabel
{
    float: left;
    width: 200px;
    font-weight: bold;
    margin-right: 5px;
}

label.formlabel.over, input.forminput.over, textarea.forminput.over
{
    background-color: #C0CBD5; /* #DFDFDF; */
}

input.forminput, textarea.forminput, select.forminput
{
    width: 250px;
    margin-bottom: 5px;
}

select.forminput
{
    width: 255px;
}

textarea.forminput
{
    width: 250px;
    height: 150px;
}

.br
{
    clear: left;
}

/************************************************ edit form */

.editform
{
    /* width: 900px; */ /* padding: 10px;   border: dotted 1px #000000;*/
}

.editform .fieldset
{
    padding-left: 5px;
    margin-left: -6px;
}


.editform .commands
{
    width: 460px;
    text-align: right;
    margin-bottom: 5px;
}

.editform .commands.withHelper
{
    width: 480px;
}


tr.selectedrow
{
    border: solid 1px #00DDAA;
    background-color: #D4FFBF;
}




/*********************************  tables   ***/
table
{
    width: 100%; /* padding: 3px; */
    border-spacing: 2px;
    border-collapse: separate; /* table-layout: fixed; */
}

table td
{
    /* padding: 2px 20px; */
    padding: 2px 5px;
}

table tr
{
    padding: 3px;
    border: solid 1px #12076F;
    background-color: #D9E2E9;
}

table tr.selectedrow
{
    border: solid 1px #00DDAA;
    background-color: #D4FFBF;
}

table th
{
    padding: 3px 20px;
    color: #FFFFFF;
    background-color: #6a97d3; /* #3b78ca;/* #ed5103; */
    text-align: left;
}

table th a, table th a:hover
{
    color: #FFFFFF;
    background-color: #6a97d3; /* #3b78ca;/* #ed5103; */
}

table th.ASC
{
    background-image: url(../../Images/ASC.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 20px;
}

table th.DESC
{
    background-image: url(../../Images/DESC.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 20px;
}

table tr.alternativeRow
{
    background-color: #FFFFFF;
}
/*********************************  Observation list ******/

table.observationlist tr
{
    cursor: pointer;
    cursor: hand;
}

table.observationlist tr.selectedrow, table.observationlist tr.selectedrow.alternativeRow
{
    border: solid 5px #ed5103;
    background-color: #FF9944;
    cursor: default;
}


/******************************/

.fileupload
{
    border: solid 2px #FFA200;
    margin: 5px;
    padding: 5px;
    background-color: #EFEFEF;
}


.shortinput
{
    width: 30px;
}

.filterbox
{
    padding: 3px;
    background-color: #CEDAE2;
    margin: 2px 0px;
    border: dashed 1px #23445F;
}

.filter
{
    margin: 2px;
    padding: 3px;
    background-color: #CEDAE2;
}

div.filter div.label
{
    width: 270px;
    display: inline-block;
}

div.filter div.reportinput
{
    width: 170px;
    display: inline-block;
}

div.filter div.reportinput select option
{
    padding: 0px 5px;
}

.filterhead
{
    padding: 2px 5px;
    background-color: #23445F;
    color: #FFFFFF;
}

.filterhead div.ui-icon
{
    float: right;
    background-color: #FFFFFF;
}
.filter, .filter a
{
    /* color: #ED5103; */
}

.invisible
{
    display: none;
}

.instructions
{
    font-weight: bold;
    color: #FF1111;
}

/***************************** round corners ****************/
.rounded
{
    display: block;
}
.rounded *
{
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #ffffff;
}
.rounded1
{
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #e3e9ee;
    border-right: 1px solid #e3e9ee;
    background: #f2f5f7;
}
.rounded2
{
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #d2dde4;
    border-right: 1px solid #d2dde4;
    background: #f5f7f9;
}
.rounded3
{
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #f5f7f9;
    border-right: 1px solid #f5f7f9;
}
.rounded4
{
    border-left: 1px solid #e3e9ee;
    border-right: 1px solid #e3e9ee;
}
.rounded5
{
    border-left: 1px solid #f2f5f7;
    border-right: 1px solid #f2f5f7;
}
.roundedfg
{
    background: #ffffff;
}

/**************** */

.listtable
{
    width: 100%;
}

.PageTitle
{
    float: left; /*  margin-left: 10px; */
    margin-bottom: 10px;
}


.wrapper
{
    padding: 10px;
}

.CaptchaImageWrapper
{
    margin: 5px 100px 5px 0px;
    float: left;
    border: 1px solid #cacaca;
}
.right
{
    float: right;
}

ul.padded
{
    margin: 5px 15px;
}
ul.padded li
{
    padding: 5px;
}
ul.nodisc
{
    list-style-type: none;
}

/*
ul.linklist
{
    list-style-type: none;
    margin: 10px 5px;
    padding: 5px;
}
*/

/***  Photo Gallery **************************/

.photoPage.inactive, .photoPage.inactive div.largeColumn
{
    margin: 8px 3px;
    padding: 2px;
    float: left;
    overflow: hidden;
}

.photoPage.inactive p, div.photoPage.inactive div.smallColumn
{
    display: none;
}

.photoPage.inactive img, div.photoPage.inactive div.largeColumn, div.photoPage.inactive div.smallColumn
{
    height: 72px;
    width: 72px;
}

.photoPage.inactive img
{
    width: 70px;
    height: 70px;
    cursor: pointer;
    cursor: hand;
    border: 1px solid #FFFFFF;
}

.photoPage.inactive img:hover
{
    border: 1px solid #ED5103;
}

.photoPage.active
{
    margin: 10px 0xp;
    display: block;
    width: 100%;
    height: 100%;
}
.photoPage.active img
{
    margin: 10px 0xp;
}
.photoPage.active p
{
    display: block;
}

.photogallery div.thumbnails
{
    color: #FFFFFF;
    background-color: #5D85A0;
    position: relative;
}


table tr.DataEntryHelp td
{
    border: 0px;
    margin: 0px;
    background-color: #6A97D3;
    color: #000000; /* float: left; */
}


.leftHelper
{
    float: left;
    margin-right: 5px;
    width: 13px;
}

.doclink
{
    display: block;
    margin: 3px;
}


.action
{
    margin: 5px;
    padding: 5px;
    border: 1px solid #66AA99;
}

#accordion h4
{
    margin: 5px;
    padding: 5px 5px 5px 30px;
    background: #66AA99 none;
    color: #FFFFFF;
}

.action textarea.editablecommentbox
{
    color: #000000;
    background-color: #EFFFFB;
    margin: 5px;
    width: 850px;
}

.action div.commentboxwrapper
{
    background-color: #EEEEEE;
    margin: 5px;
}

.existingcomment
{
    margin: 2px;
    background-color: #DDDDDD;
}

.action .roundedLinkMiddle a
{
    color: #FFFFFF;
}

/* dialog title bar */
.ui-state-error div.ui-dialog-titlebar
{
    background-image: none;
    background-color: #F1D6CB;
    color: #CD0A0A;
}

#ExportCommandTop, #ExportCommandBottom
{
}

#ExportCommandTop:hover, #ExportCommandBottom:hover
{
}

.DataCaptureList
{
}

.DataCaptureList ul
{
    margin-left: 16px;
}

.DataCaptureList ul li
{
    list-style-type: circle;
    margin-top: 3px;
}

.shortNewsContainer
{
    padding: 10px;
}

.shortNewsContainer .newsMainTitle
{
    color: #5D85A0;
    display: inline;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

.shortNewsContainer .newsLink
{
    display: inline;
    text-align: right;
    margin-left: 150px;
}

.shortNewsContainer .shortListNews .newsDate
{
    display: inline-block;
    font-weight: bold;
}

.shortNewsContainer .shortListNews .newsTitle
{
    display: inline-block;
    text-decoration: underline;
    width: 65%;
}

.shortNewsContainer .shortListNews .newsContent
{
    font-style: italic;
    margin: 3px 0px 10px 0px;
    padding: 0 10px;
    text-align: justify;
}

.newsContainer
{
    padding: 10px;
}

.newsContainer .newsItem
{
    margin-bottom: 10px;
}

.newsContainer .newsItem .newsDate
{
    font-weight: bold;
}

.newsContainer .newsItem .newsTitle
{
    margin-left: 10px;
    text-decoration: underline;
}

.newsContainer .newsItem .newsContent
{
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 0px 10px;
    text-align: justify;
}

.insertNewsTips
{
    padding: 10px;
}

.insertNewsTips p
{
    margin-right: 50px;
}

.insertNewsContainer
{
    padding: 10px;
}

.insertNewsContainer .newsLabel
{
    display: inline-block;
    margin-bottom: 5px;
    width: 90px;
}

.insertNewsContainer #txtTitle
{
    width: 480px;
}

.insertNewsContainer #txtContent
{
    margin-top: -5px;
    width: 575px;
}

.newsSendEmail
{
    margin-top: 10px;
    background-color: transparent;
}

.newsSendEmail tr
{
    background-color: transparent;
}

.newsSendEmail tr td
{
    background-color: transparent;
    padding: 2px 0px;
}

.buttonBar
{
    margin-top: 10px;
}

.buttonBar .leftButtonBar
{
    float: left;
    text-align: left;
    width: 47%;
}

.buttonBar .rightButtonBar
{
    float: left;
    text-align: right;
    width: 50%;
}