a
{
    text-decoration: none;
    text-align: center;
}
/*
a:link
{
    color: #0060A6;
}
a:visited
{
    color: #0060A6;
}
a:hover
{
    color: #004171;
}
*/

#footer
{
    /*background-image: -webkit-linear-gradient( rgba(242, 242, 242, 0.9), rgba(222, 222, 222, 0.9));*/
    bottom: 0;
    color: #7F7F7F;
    font-size: 0.9em;
    font-weight: bold; /*overflow: hidden;*/
    position: fixed;
    width: 100%;
    z-index: 5;
}
.normalData
{
    font-weight: normal;
    color: #003366;
}
.readOnlyBlueBold
{
    font-weight: bold;
    color: #3B5998;
}
.textboxReadOnly
{
    font-weight: normal;
    color: #3B5998;
    border: 1px solid #666666;
    background-color: #EFEFEF;
}
.textboxDotted
{
    vertical-align: middle;
    border-bottom: #4F4F4F 1px dotted;
    border-left: none;
    border-right: none;
    border-top: none;
    color: blue;
    background-image: none;
    background-color: transparent;
}
.titleData
{
    font-size: 9pt;
}
.titleDataBlueAndLine
{
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #C0C0C0;
    padding: 2px;
}
.topTitleOrange
{
    color: #DD4B39;
    font-size: 34px;
    font-weight: bold;
    border-bottom: 1px dotted #2A5DB0;
    padding-bottom: 20px;
    height: 21px;
    margin-bottom: 20px;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.textBlackGray
{
    color: #383838;
}
.textBlack
{
    color: #333;
}
.textBlue
{
    color: #0072C6;
}
.textOrange
{
    color: #DD4B39;
}
.shadowOrange
{
    text-shadow: 0px 1px 1px #A4291C;
}
.textShadowBlack
{
    text-shadow: 0px 1px 1px #555;
}
.navigateBar
{
    font-size: 9pt;
    font-weight: bold;
}
.imgAlignMid
{
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.content
{
    background: #fff;
    border: 1px solid;
    border-color: #e5e5e5 #dbdbdb #d2d2d2;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}
.content:nth-child(1n)
{
    border: none;
}
/* #### update Content #### */
.updateMain
{
    text-align: center;
    min-height: 990px;
    background-color: #ececec;
    border: 0px;
    border-spacing: 0px;
    width: 100%;
}
.updateContent
{
    min-width: 900px;
    width: 900px;
    background-color: White;
    border-right: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
}
.updateSubContent
{
    margin: 0px 0px 10px 43px;
}
.updateSubContentTitleBlack
{
    color: #4F4F4F;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    height: 25px;
    margin-bottom: 10px;
}
/* #### end update Content #### */
/* #### nev bar #### */
.rfloat
{
    float: right;
}
.lfloat
{
    float: left;
}
ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pageNav
{
    margin-right: 1px;
    display: inline-block;
}
.pageNav .navItem
{
    float: left;
}
.pageNav .navItem a
{
    color: #E6E6E6;
    display: inline-block;
    font-weight: normal;
    height: 31px;
    position: relative;
    text-decoration: none !important;
    vertical-align: top !important;
}
.pageNav .firstItem a
{
    border-left: 0px;
    padding: 0px 8px;
}
.pageNav .middleItem a
{
    margin-left: -1px;
    padding: 0 8px;
}
.pageNav .lastItem a
{
    margin-left: -1px;
    border-right: 0px;
    padding: 0px 8px;
}
.pageNav .navItem a:hover, .pageNav .navItem a:focus, .pageNav .navItem a:active
{
    color: #FFF;
    outline: none;
    z-index: 1;
}
.pageNav .middleItem a:after
{
    background: #E6E6E6;
    content: " ";
    display: block;
    height: 14px;
    position: absolute;
    right: 0;
    top: 9px;
    width: 1px;
}

/* reset border for smart browsers */
.content, .rounded
{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
}

.content .clearBody
{
    background-color: #ffffff;
    border: 1px solid Transparent;
}

.content .clearBody .textboxOrange
{
    font-size: 16px;
    border: 1px solid #FF9900;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
}
/* ######### Button ######### */
.searchDiv
{
    float: left;
    height: 22px;
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 2px 2px;
    text-decoration: none;
    border: 1px solid #666666;
    background: #fff;
    position: relative;
}

.searchDivReadOnly
{
    float: left;
    height: 22px;
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 2px 2px;
    text-decoration: none;
    border: 1px solid #666666;
    background-color: #EFEFEF;
    position: relative;
}

.searchDivText
{
    width: 100%;
    text-decoration: none;
    font-weight: normal;
    font-size: 20px;
    border: none;
}

.searchDivButton
{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}

.orangeButton
{
    border: 1px solid #CC3300;
    font-weight: normal;
    margin: 3px 0px 0px 10px;
    text-align: center;
    background-color: #FF6600;
    color: #FFFFFF;
}
.searchButton
{
    padding: 0px 0px 0px 20px;
    border: none 0px Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/open.png' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.browseButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url('../images/view_options_details.png');
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.addButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/addd.jpg' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.deleteButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 0px;
    border: 0px none Transparent;
    background-position: left center;
    background-image: url( '../images/delete_16.gif' );
    background-repeat: no-repeat;
    background-color: Transparent;
    text-align: left;
    width: 21px;
    height: 21px;
}
.printButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 0px;
    border: 0px none Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/PrintHS.png' );
    background-repeat: no-repeat;
    text-align: left;
    width: 21px;
    height: 21px;
}
.equationButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 0px;
    border: 0px none Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/equation.gif' );
    background-repeat: no-repeat;
    text-align: left;
    width: 21px;
    height: 21px;
}
.evaluationButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 0px;
    border: 0px none Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/evaluation.png' );
    background-repeat: no-repeat;
    text-align: left;
    width: 21px;
    height: 21px;
}
.editButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 0px;
    border: 0px none Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/edit.png' );
    background-repeat: no-repeat;
    text-align: left;
    width: 21px;
    height: 21px;
}
.personButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/person1.gif' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.personButton2
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/person2.gif' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}

.departmentButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/table_report.jpg' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.departmentButton2
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/table_report.jpg' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}

.fileButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/file1.png' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.fileButton2
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/file2.png' );
    padding-left: 20px;
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.photoButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 0px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url( '../images/CanonDigitalCamera16.png' );
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 21px;
    height: 21px;
}
.findButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: none 0px Transparent;
    background-position: left center;
    background-image: url('../images/searchblack.png');
    background-repeat: no-repeat;
    background-color: Transparent;
    text-align: left;
    width: 21px;
    height: 21px;
}
.saveButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: 1px solid Transparent;
    background-position: left center;
    background-image: url( '../images/save.png' );
    background-repeat: no-repeat;
    text-align: left;
    width: 21px;
    height: 21px;
}
.cancelButton
{
    padding: 0px 0px 0px 20px;
    margin-left: 5px;
    border: 1px solid Transparent;
    background-color: Transparent;
    background-position: left center;
    background-image: url( '../images/cancel.png' );
    background-repeat: no-repeat;
    text-align: left;
    width: 21px;
    height: 21px;
}
/* ######### End Button ######### */

/* ######### Circle #############*/
.processColor1, .processColor1 div, .processColor1 span
{
    color: #ffffff !important;
    background-color: #999999 !important;
    border-color: #999999 !important;
}
.processColor2, .processColor2 div, .processColor2 span
{
    color: #000000 !important;
    background-color: #ffc70d !important;
    border-color: #ffc70d;
}
.processColor3, .processColor3 div, .processColor2 span
{
    color: #ffffff !important;
    background-color: #009c58 !important;
    border-color: #009c58 !important;
}
.processColor4, .processColor4 div, .processColor2 span
{
    color: #ffffff !important;
    background-color: #d5412c !important;
    border-color: #d5412c !important;
}

.circleRed
{
    display: block;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    background: #FF0000; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#702404', endColorstr='#FF0000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#702404), to(#FF0000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #702404,  #FF0000); /* for firefox 3.6+ */
}
.circleGreen
{
    display: block;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    background: #4D8C3E; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#184C08', endColorstr='#4D8C3E'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#184C08), to(#4D8C3E)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #184C08,  #4D8C3E); /* for firefox 3.6+ */
}
.circleYellow
{
    display: block;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    background: #F3FF21; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAD707', endColorstr='#F3FF21'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#CAD707), to(#F3FF21)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #CAD707,  #F3FF21); /* for firefox 3.6+ */
}
.circleOrange
{
    display: block;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    background: #FF8D5E; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F84D27', endColorstr='#FF8D5E'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F84D27), to(#FF8D5E)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #F84D27,  #FF8D5E); /* for firefox 3.6+ */
}
.circleBlue
{
    /*font: bold 13px/21px Arial, Helvetica, sans-serif;*/
    display: inline-block;
    background-color: #7BA6BE;
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 14px;
    margin: 0 3px 0 0;
    position: static;
}
/* ######### DIV ######### */
.divLeftTextRight
{
    float: left;
    text-align: right;
    min-height: 24px;
    padding-right: 0px;
    padding-left: 7px;
    padding-bottom: 0px;
    padding-top: 7px;
    vertical-align: middle;
}
.divLeftTextLeft
{
    float: left;
    text-align: left;
    min-height: 24px;
    padding: 5px;
}
.divClear
{
    clear: both;
    float: none;
    height: 0px;
}
.divRow
{
    display: block;
    min-height: 32px;
}
/* ######### End DIV ######### */
.qty-bar
{
    left: 4px;
    right: 4px;
    height: 14px;
    position: relative;
    display: block;
}
.qty-labelLeft
{
    text-align: left;
    left: 5px;
    right: auto;
    font-size: 14px;
    position: absolute;
    display: block;
}
.qty-labelRight
{
    right: 5px;
    left: auto;
    font-size: 14px;
    position: absolute;
    display: block;
}

.uiSideNavCount
{
    background-color: #D8DFEA;
    -webkit-border-radius: 2px;
    color: #3B5998;
    font-weight: bold;
    left: -1px;
    padding: 0 4px;
    position: relative;
}
.uiSideFloatRight
{
    float: right;
}

/* ######### Gridview popup ######### */
.gridPopup
{
    border-style: none;
    border-collapse: collapse;
}
.gridPopup tbody td
{
    border: solid 0px #d0d7e5;
    padding: 2px 2px 2px 2px;
    text-align: left;
}
.gridPopup .tr
{
    background-color: #f0f0f0;
}
.gridPopup .tralt
{
    background-color: #fff;
}
.gridPopup .trheader
{
    color: #E6E6E6;
    background-color: #003300;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#005E00,EndColorStr=#003300);
    background-image: -moz-linear-gradient(top,#005E00 0,#003300 45px);
    background-image: -ms-linear-gradient(top,#005E00 0,#003300 45px);
    background-image: -o-linear-gradient(top,#005E00 0,#003300 45px);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#005E00),color-stop(45px,#003300));
    background-image: -webkit-linear-gradient(top,#005E00 0,#003300 45px);
    background-image: linear-gradient(to bottom,#005E00 0,#003300 45px);
    border-bottom: 1px solid #003300;
    cursor: default;
}
.gridPopup .emptyRowStyle
{
    width: 100%;
    height: 100px;
    background-color: #e6e5e5;
    font-size: 21px;
    text-align: center;
}

/* ######### End Gridview popup ######### */

/* ######### Task Style ######### */
#greenBar
{
    background-color: #7e0e03;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e1a004,EndColorStr=#7e0e03);
    background-image: -moz-linear-gradient(top,#e1a004 0,#7e0e03 45px);
    background-image: -ms-linear-gradient(top,#e1a004 0,#7e0e03 45px);
    background-image: -o-linear-gradient(top,#e1a004 0,#7e0e03 45px);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e1a004),color-stop(45px,#7e0e03));
    background-image: -webkit-linear-gradient(top,#e1a004 0,#7e0e03 45px);
    background-image: linear-gradient(to bottom,#e1a004 0,#7e0e03 45px);
    border-bottom: 1px solid #7e0e03;
}

.barShadow
{
    /*-moz-border-radius: 3px;     -webkit-border-radius: 3px;     border-radius: 3px;*/
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5),inset 0 0 1px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.5),inset 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5),inset 0 0 1px rgba(0, 0, 0, .2);
}
.sidebar
{
    background-image: url('../images/taskBG.png');
}
.separator
{
    position: absolute;
    background: #CACCCC;
    width: 1px;
    bottom: 10px;
    top: 10px;
}
.glossy span
{
    width: 170px;
    height: 84px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('../images/glossy-gradient.png');
}
/* ######### End Task Style ######### */