/* DEFAULTS
----------------------------------------------------------*/
html
{
    background: #F6F8FC url(Images/topbkgnd.jpg) repeat-x top left;
    height: 100%;
    overflow-y: scroll;
}
body
{
    background: url(Images/botbkgnd.jpg) repeat-x bottom left;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, "Segoe UI" , "Trebuchet MS" , sans-serif;
    font-size: 0.75em;
    color: #000000;
}
html > body
{
    min-height: 100%;
    height: auto;
}
/* CSS hack for FF2 */

/* common elements */
.ie8fix
{
    z-index: 1000;
}
.fullheight
{
    height: 100%;
}
.fullwidth
{
    width: inherit;
    display: block;
}
.autowidth
{
    width: auto !important;
}
.autoheight
{
    height: auto !important;
}
.inheritheight
{
    height: inherit !important;
}
.scroll
{
    overflow-y: scroll;
    width: 100%;
    height: 0;
}
.verticalscroll
{
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.noscroll
{
    overflow: hidden;
}
.error
{
    color: #FF0000;
}
.leftalign
{
    text-align: left !important;
}
.rightalign
{
    text-align: right !important;
}
.centeralign
{
    text-align: center !important;
}
.topalign
{
    vertical-align: top !important;
}
.middlealign
{
    vertical-align: middle !important;
}
.bottomalign
{
    vertical-align: bottom !important;
}
.clear
{
    clear: both !important;
}
.bold
{
    font-weight: bold !important;
}
.disabled, .watermark
{
    color: #B6B6B6;
}
.visible
{
    display: inline !important;
}
.hidden
{
    display: none !important;
}
.spacer
{
    background-image: url('Images/spacer.gif');
    height: 12px;
}
.mousepointer
{
    cursor: pointer !important;
}
.border
{
    border: solid 1px #000000;
}
.noborder
{
    border: none !important;
}
.underline
{
    text-decoration: underline !important;
}
.nounderline
{
    text-decoration: none !important;
}
.nowraptext
{
    white-space: nowrap !important;
}
.highlight
{
    background-color: #FF9933;
    color: #000000;
    font-weight: normal;
}
.legend
{
    font-size: .8em;
}
.deletedback
{
    background: url(Images/sqr_deleted.gif) no-repeat center;
}
.deletedbackground
{
    background: url(Images/deletedbkg.gif) repeat top right;
}
.pad4
{
    padding: 4px;
}
.footer
{
    background-image: url(Images/bg-line.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 8px 0px 0px 0px; /*margin: 0px auto;*/
    position: relative;
    line-height: normal;
}

button
{
    border: none !important;
    background: none;
}

/* page container elements */
#contents-wrapper-table
{
    vertical-align: top;
    height: 100%;
    width: 100%;
    border: none;
}
.contentTL, .contentTR, .contentBL, .contentBR
{
    width: 9px;
}
.contentTS
{
    background: url(Images/midsqrts.gif) repeat-x top left;
    height: 9px;
}
.contentBS
{
    background: url(Images/midsqrbs.gif) repeat-x top left;
    height: 9px;
}
.contentLS
{
    background: url(Images/midsqrls.gif) repeat-y top left;
    width: 9px;
}
.contentRS
{
    background: url(Images/midsqrrs.gif) repeat-y top left;
    width: 9px;
}
.contentM
{
    vertical-align: top;
    background-color: #FFFFFF;
    height: 100%;
}
.contentBox
{
    padding: 4px;
}
.contentCopyrightBox
{
    padding: 0px 4px 4px 4px;
    color: #000000;
    font: normal bold 0.95em Arial;
}

/* link element */
a.pagelink:link, a.pagelink:visited, a.pagelink:active
{
    font-family: "Trebuchet MS" , "Segoe UI" , "Helvetica Neue" , Arial, Helvetica, Verdana, "Lucida Grande" , sans-serif;
    color: #0000FF;
    cursor: pointer;
    text-decoration: none;
}
a.pagelink:hover
{
    color: #FF0000;
    text-decoration: underline;
}

/* form fields */
input.textbox, select, textarea
{
    background: #FFFFFF url(Images/text.jpg) repeat-x bottom left;
    font-family: "Segoe UI" , Arial;
    font-size: 1em;
    border: solid 1px #c2c2c2;
    text-align: left;
    padding: 1px 4px 1px 4px;
}
label
{
    font-family: "Trebuchet MS" , "Helvetica Neue" , "Segoe UI" , Arial, Helvetica, Verdana, "Lucida Grande" , sans-serif;
    color: #000000;
}
.buttonwrapper
{
}
input.button
{
    /* min-width: 80px; color: #FFFFFF; font: normal bold 0.8em "Segoe UI" , "Helvetica Neue" , Arial; height: 20px; border: none; cursor: pointer; text-align: center !important; background: url(Images/buttonbkgnd.jpg) repeat-x top left; */
}

/* breadcrum */
.breadcrum-wrapper
{
    width: auto;
    height: 24px;
    clear: both;
    font-size: inherit;
}
.breadcrum-links
{
    width: auto;
    margin: 4px 0px 0px 4px;
    float: left;
}
.breadcrum-pagelabel
{
    margin: 4px 4px 0px 0px;
    float: right;
    font-size: inherit;
}
.breadcrum-divider
{
    clear: both;
    height: 16px;
    background: url(Images/hdots.gif) repeat-x left;
}

/* fieldset */
div.item-container
{
    border: solid 1px #c2c2c2;
    padding: 0.6em;
    text-align: justify;
    z-index: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}
div.item-legend
{
    background-color: #FFFFFF;
    height: 18px;
    position: relative;
    top: -1.4em;
    float: left;
}
div.item-legend span.item-legend-title
{
    position: relative;
    font-weight: bold;
    top: 0.2em;
    margin: auto 0.4em auto 0.4em;
}
div.item-data
{
    text-align: left;
    vertical-align: top;
    width: auto;
    top: -0.6em;
    z-index: 0;
}

/* menubar */

.menubar
{
   
    
    background: url(Images/navbkgnd.jpg) repeat-x top left; height: 26px;
}
.menuItem
{
    color: #FFFFFF;
    padding: 4px 2px 4px 2px;
    font: normal bold 0.9em Arial;
}
.menuItem:Hover
{
    background: url(Images/navactbkgnd.jpg) repeat-x top left;
}
.subMenuItem
{
    color: #FFFFFF;
    font: normal bold 0.9em Arial;
    text-decoration: none;
}
.subMenuDivider
{
    display: block;
    background: url(Images/subnavdvd.jpg) repeat-x top left;
    height: 2;
}
a.rootnode, a.rootnode:hover, a.rootnode:visited
{
    color: #009933;
    font: normal bold 0.95em Arial;
    text-decoration: none;
}
a.linknode, A.linknode:hover, a.linknode:visited
{
    color: #000000;
    font: normal bold 0.95em Arial;
    text-decoration: none;
}
.menubar .currentNode
{
    color: #3366CC;
    font: normal bold 0.95em Arial;
    text-decoration: none;
}

/* table */
table.tableFixedLayout
{
    table-layout: fixed;
}
table td, table th
{
    word-wrap: break-word;
}
table th
{
    font-weight: normal;
    text-align: left;
}
table
{
    _width: 99%;
}
.tableHeader
{
    text-align: left;
    background: url(Images/gridheaderl.jpg) repeat-x left top;
    font: normal bold 1em Arial;
    color: #003399;
    vertical-align: top;
    height: 22px;
    min-height: 22px;
    padding-top: 6px;
}
.tableItem
{
    background-color: #F6F5F5;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #DDDCDC;
    font-weight: normal;
    color: #000000;
    vertical-align: top;
    clear: both;
}

/* tr.gridItem, td.gridItem { background-color: #E5EBF8; font-weight: normal; color: #000000; vertical-align: top; clear: both; }
tr.gridAlternateItem, td.gridAlternateItem { background-color: #CDDCFF; font-weight: normal; color: #000000; vertical-align: top; clear: both; } */

/* topbar styles */
#Logo-Panel
{
    height: 62px;
    background: #E5EBF6 url(Images/topspliter.jpg) no-repeat top right;
    text-align: center;
}
#Userdetails-Panel
{
    width: auto;
    height: 50px;
    background-color: #3366CC;
    text-align: right;
    vertical-align: bottom;
}
a.topbarlink, a.topbarlink:visited, a.topbarlink:hover
{
    text-decoration: none;
    color: #FFFFFF;
    font: normal bold 0.95em Arial;
}
.userName
{
    color: #FFFFFF;
    font: normal bold 1.1em Arial;
}
.todayDate
{
    color: #FFFFFF;
    font: normal normal 0.95em Arial;
    font-weight: bold;
}

/* login box */
.loginbox
{
    width: 50%;
}
.box-wrapper
{
    margin: 0 auto;
    border: solid 1px #C7C7C7;
    border-top: none;
}

/* modal popup */
.modalbackground
{
    background-color: #9D9D9D;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalpopup
{
    background-color: #FFFFFF;
    border: 3px solid #9D9D9D;
    padding: 10px;
    width: 100%;
    height: auto;
}

/* list styles */
ul, ol
{
    width: 100%;
    margin: 0em;
    padding-left: 1em;
}

/* autocomplete */
.autocompleteList
{
    background-color: #FFF;
    margin: 0px !important;
    border: 1px solid #999;
    cursor: pointer;
    overflow: auto;
    text-align: left;
    max-height: 200px;
}
.autocompleteListItem
{
    color: #666;
    padding: 4px;
    border-bottom: 1px solid #ddd;
}
.autocompleteListItemHighlight
{
    background-color: #E5E5E5;
    color: #000;
    padding: 4px;
    border-bottom: 1px solid #ddd;
}

/* page loading contents */
.loading
{
    border: solid 1px #CF4342;
    padding: 1px;
    margin: 1px;
    left: 0px;
    bottom: 0%;
    position: absolute;
    z-index: 100015;
}
.loading-content
{
    padding: 2px;
    margin: 2px;
    background-color: #CF4342;
    white-space: nowrap;
    height: 30px;
    top: 2px;
    left: 6px;
}
.loading-text
{
    color: #FFFFFF;
}

/* MODAL POPUP ELEMENTS   
----------------------------------------------------------*/
.modalbackground
{
    background-color: #9D9D9D;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 100% !important;
    height: 100% !important;
}
.modalpopup
{
    background-color: #FFFFFF;
    border: 3px solid #9D9D9D;
    padding: 6px;
    width: 100%;
    height: auto;
    -moz-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
    -webkit-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
    -o-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
    -ms-box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
    box-shadow: 8px 8px 12px #888, 8px 8px 12px #888;
}

.popup-wrapper
{
    width: auto;
    height: 30px;
    clear: both;
    font-size: inherit;
}
.popup-links
{
    width: auto;
    margin: 4px 0px 0px 4px;
    float: left;
}
.popup-pagelabel
{
    margin: 4px 4px 0px 0px;
    float: right;
    font-size: inherit;
}
.popup-divider
{
    clear: both;
    height: 16px;
    background: url(Images/hdots.gif) repeat-x left;
}

/* calendar control */
.ccdayheader
{
    background-color: #CCCCCC;
    font-weight: bold;
    font-size: 0.9em;
    color: #333333;
    border: solid 1px #999999;
    height: 14pt;
}
.ccday
{
    text-align: left;
    vertical-align: top;
    border: solid 1px #999999;
    width: 14%;
}
.ccotherday
{
    color: #555555;
    background-color: #E9E9E9;
}
.whiteback
{
    background-color: #FFFFFF;
    height: 100% !important;
}
.calendarLabel
{
    font-size: x-small;
    color: #333333;
}
/* Style sheet for Freezing the headers and columns */
.sBase
{
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
}
.sHeader
{
    z-index: 3;
    position: absolute;
    background-color: #ffffff;
}
.sHeaderInner
{
    position: relative;
}
.sHeaderInner TABLE
{
    table-layout: fixed !important;
    width: 1px !important;
    border-collapse: collapse !important;
    background-color: #ffffff;
    border-spacing: 0px 0px;
}
.sFHeader
{
    z-index: 4;
    overflow: hidden;
    position: absolute;
}
.sFHeader TABLE
{
    table-layout: fixed !important;
    width: 1px !important;
    border-collapse: collapse !important;
    background-color: #ffffff;
    border-spacing: 0px 0px;
}
.sData
{
    z-index: 2;
    overflow: auto;
    position: absolute;
    background-color: #ffffff;
}
.sData TABLE
{
    table-layout: fixed !important;
    width: 1px !important;
    border-collapse: collapse !important;
    border-spacing: 0px 0px;
}
.sFData
{
    z-index: 1;
    position: absolute;
    background-color: #ffffff;
}
.sFDataInner
{
    position: relative;
}
.sFData TABLE
{
    table-layout: fixed !important;
    width: 1px !important;
    border-collapse: collapse !important;
    border-spacing: 0px 0px;
}
.sDefault
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0.8em;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    font-family: Verdana, Arial, sans serif;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.sDefault TH
{
    border-right: #cccccc 1px solid;
    padding-right: 6px;
    border-top: #cccccc 1px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #cccccc 1px solid;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
    white-space: nowrap;
}
.sDefault TD
{
    border-right: #cccccc 0px solid;
    padding-right: 6px;
    border-top: #cccccc 0px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #cccccc 0px solid;
    padding-top: 3px;
    border-bottom: #cccccc 0px solid;
    white-space: nowrap;
}
.sDefault TH
{
    border-left-color: #c5c5c5;
    border-bottom-color: #c5c5c5;
    border-top-color: #c5c5c5;
    background-color: #e5e5e5;
    border-right-color: #c5c5c5;
}
.sDefault-Fixed
{
    border-left-color: #c5c5c5;
    border-bottom-color: #c5c5c5;
    border-top-color: #c5c5c5;
    background-color: #eeeeee;
    border-right-color: #c5c5c5;
}
.sSky
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0.8em;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    font-family: Verdana, Arial, sans serif;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.sSky TH
{
    border-right: #89BCCC 1px solid;
    padding-right: 6px;
    border-top: #89BCCC 0px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #89BCCC 0px solid;
    padding-top: 3px;
    border-bottom: #89BCCC 1px solid;
    white-space: nowrap;
}
.sSky TD
{
    border-right: #89BCCC 1px solid;
    padding-right: 6px;
    border-top: #89BCCC 0px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #89BCCC 0px solid;
    padding-top: 3px;
    border-bottom: #89BCCC 1px solid;
    white-space: nowrap;
}
.sSky TH
{
    background-color: #B9D8E2;
}
.sSky-Fixed
{
    background-color: #C8E0E8;
}
.sOrange
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0.8em;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    font-family: Verdana, Arial, sans serif;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.sOrange TH
{
    border-right: #cebb9e 1px solid;
    padding-right: 6px;
    border-top: #cebb9e 1px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #cebb9e 1px solid;
    padding-top: 3px;
    border-bottom: #cebb9e 1px solid;
    white-space: nowrap;
}
.sOrange TD
{
    border-right: #cebb9e 1px solid;
    padding-right: 6px;
    border-top: #cebb9e 0px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #cebb9e 1px solid;
    padding-top: 3px;
    border-bottom: #cebb9e 1px solid;
    white-space: nowrap;
}
.sOrange TH
{
    background-color: #ecd8c7;
}
.sOrange-Fixed
{
    background-color: #f7ede4;
}
.sDark
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 0.8em;
    padding-bottom: 0px;
    margin: 0px;
    color: #ffffff;
    border-top-style: none;
    padding-top: 0px;
    font-family: Verdana, Arial, sans serif;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
.sDark TH
{
    border-right: #555555 1px solid;
    padding-right: 6px;
    border-top: #555555 1px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #555555 1px solid;
    padding-top: 3px;
    border-bottom: #555555 1px solid;
    white-space: nowrap;
}
.sDark TD
{
    border-right: #555555 1px solid;
    padding-right: 6px;
    border-top: #555555 0px solid;
    padding-left: 4px;
    padding-bottom: 3px;
    border-left: #555555 1px solid;
    padding-top: 3px;
    border-bottom: #555555 1px solid;
    white-space: nowrap;
}
.sDark TH
{
    background-color: #000000;
}
.sDark-Fixed
{
    background-color: #222222;
}
.sDark-Main
{
    background-color: #333333;
}
.fakeContainer
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    overflow: hidden; /*width: 965px; 	height: 520px;*/
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border: 1px solid #8DBFCF;
}
.originalTextareaInfo
{
    font-size: 10px;
    color: red;
}

.warningTextareaInfo
{
    font-size: 10px;
    color: red;
}

/* liScroll styles */

.tickeroverlay-left
{
    /*background-image: url('Images/left.png');*/
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 30;
    height: 12px;
    width: 150px;
    top: 0;
    left: -2px;
}

.tickeroverlay-right
{
    /*background-image: url('Images/right.png');*/
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 30;
    height: 12px;
    width: 150px;
    top: 0;
    right: -2px;
}
.tickercontainer
{
    /* the outer div */
    color: red;
    background-color: #D1E1FA;
    width: 1000px;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    top: 8px;
    height: 18px; /*width: 718px;*/
    overflow: hidden;
}
ul.newsticker
{
    /* that's your list */ /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    position: relative;
    margin-left: 20px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li
{
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding-right: 15px; /*background: #fff;*/
}
ul.newsticker a
{
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    margin: 0 50px 0 0;
}
ul.newsticker span
{
    margin: 0 10px 0 0;
}