body, div, dl, dt, dd, /*ul, ol, li,*/ h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
/*address, caption, cite, code, dfn, em, strong, th, var, optgroup
{
    font-style: inherit;
    font-weight: inherit;
}*/
del, ins
{
    text-decoration: none;
}
/*li
{
    list-style: none;
}*/
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
    font-variant: normal;
}
sup
{
    vertical-align: baseline;
}
sub
{
    vertical-align: baseline;
}
legend
{
    color: #000;
}
input, button, textarea, select, optgroup, option
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button, textarea, select
{
    font-size: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
@font-face {
    font-family: 'simisnormal';
    src: url('/fonts/simismitra.eot');
    src: url('/fonts/simismitra.eot?#iefix') format('embedded-opentype'), url('/fonts/simismitra.woff') format('woff'), url('/fonts/simismitra.ttf') format('truetype');
}

@font-face {
    font-family: 'simisbold';
    src: url('/fonts/simistitr.eot');
    src: url('/fonts/simistitr.eot?#iefix') format('embedded-opentype'), url('/fonts/simistitr.woff') format('woff'), url('/fonts/simistitr.ttf') format('truetype');
    font-weight: bold;
}

body {
    direction: rtl;
    background: #b6b7bc;
    font-size: 14px;
    font-family: simisnormal, "Tahoma", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    background: #989898 url(/images/mainshaddow.png) repeat-y top center;
    color: #696969;
}

a:link, a:visited {
    /*color: #034af3;*/
    color: #2e6e9e;
    text-decoration: none;
}

a:hover {
    /*color: #1d60ff;*/
    color: #0c5e9b;
    text-decoration: none;
    /*border-bottom: 1px solid;*/
}

a:active {
    /*color: #034af3;*/
    color: #2e6e9e;
    text-decoration: none;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: simisbold, Tahoma;
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    margin-top: .6em;
    margin-bottom: .3em;
    padding-bottom: .1em;
    border-bottom: 1px solid #aaa;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
    font-weight: 600;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    width: 960px; /*width: 850px;*/
    background-color: #f8f8f8;
    margin: 0px auto 10em auto;
    /*border: 1px solid #496077;*/
}

.header {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.main {
    padding: 0px 0px; /*  margin: 109px 8px 8px 8px;     _margin: 12px 8px 8px 8px;*/
    margin: 7px 8px 8px 8px;
    min-height: 420px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

.form > div {
    margin: 10px 0;
}

.form label {
    min-width: 50px;
    text-align: left;
}

.formStyle {
    background-color: #e7e7ff;
    border: 1px solid #91A7B4;
    padding: 1em;
}

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
    height: 1.5em;
    line-height: 1.5em;
}

input.textEntryLtr {
    direction: ltr;
    width: 320px;
    border: 1px solid #ccc;
    height: 1.5em;
    line-height: 1.5em;
}

input.textEntryNoWidth {
    border: 1px solid #ccc;
    height: 1.5em;
    line-height: 1.5em;
}

input.textEntryNoWidthLtr {
    direction: ltr;
    border: 1px solid #ccc;
    height: 1.5em;
    line-height: 1.5em;
}

textarea.textEntry {
    overflow: auto;
    border: 1px solid #ccc;
    line-height: 1.5em;
}

textarea.textEntryLtr {
    overflow: auto;
    direction: ltr;
    border: 1px solid #ccc;
    line-height: 1.5em;
}

.labelTextLtr {
    direction: ltr;
    text-align: right;
}

select {
    font-family: simisnormal,Tahoma;
}

/*
.formTable
{
    width:100%; 
    table-layout:fixed;
}
*/

.formLabel {
    width: 15em;
    text-align: left;
    padding-bottom: .3em;
}

.formValue {
    padding: .4em 1em .4em 0;
}

.formRow {
    border-bottom: 1px solid #ccc;
}

.afterInputButton {
    vertical-align: text-bottom;
    cursor: pointer;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.emptyPattern {
    background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKtLYv/M8L4IE51TSwjWADGAbEZkTkgAQDI9w6wVYjqMgAAAABJRU5ErkJggg== ) repeat;
}

.pageTop {
    /*background-image: url("/Images/banner.jpg");*/
    background-repeat: no-repeat;
    width: 960px;
    height: 127px;
    display: block;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#banner {
    background: url(/local/images/banner.png);
    width: 958px;
    height: 53px;
    margin: 0 0 5px 0;
}

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.invalidControl {
    background-color: #FFEDED;
}

.error {
    background-image: url('/Images/error.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 40px;
    height: 32px;
    color: Red;
    font-size: 1.3em;
    line-height: 32px;
    margin-top: 7em;
}

.errorSystem {
    text-align: left;
    direction: ltr;
    color: #888;
}

.bold {
    font-weight: bold;
}

.submitButton {
    /*text-align: right;*/
    padding-right: 10px;
}

button, .button {
    padding: .1em .5em .1em .5em;
    border: 1px solid #77adff;
    cursor: pointer;
}

.ajaxWaitCentered {
    display: none;
    background-image: url('/Images/wait.gif');
    position: absolute;
    z-index: 5000;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    margin-left: -15px;
}

.ajaxWait {
    display: none;
    background-image: url('/Images/wait.gif');
    z-index: 5000;
    width: 31px;
    height: 31px;
    margin: 0 auto;
}

.clcWorking {
    background: url('/Images/waitsmall.gif') no-repeat right center;
    padding-right: 20px;
}

.clcOk {
    background: url('/Images/icon_select.png') no-repeat right center;
    padding-right: 20px;
}

.clcError {
    background: url('/Images/icon_cancel.png') no-repeat right center;
    padding-right: 20px;
}

.tdSeparator {
    width: 2em;
}

.trSeparator {
    height: .5em;
}

.goSection {
    margin-bottom: .4em;
}

.captcha {
    border: 1px solid #ccc;
}

.refresh {
    background-image: url('/Images/icon_refresh.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.omit {
    background-image: url('/Images/icon_omit.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline;
    float: right;
}

.omitText {
    font-size: 1.1em;
}

.htmlPreview {
    border: 1px solid #aaa;
    background-color: #e7e7e7;
    padding: 1em;
}

.breadcrumbs {
    background-color: #e5e5e5;
    position: relative;
    text-align: right;
    top: 0px;
    height: 1.4em;
}

.breadcrumbsIcon {
    position: relative;
    display: inline;
    top: 1px;
}

.breadcrumbsLinks {
    position: relative;
    bottom: 3px;
    display: inline;
    line-height: 1.9em;
}

.breadcrumbs .btnHistory {
    display: inline;
    cursor: pointer;
    position: relative;
    top: 1px;
}

.breadcrumbs .historyBody {
    position: absolute;
    padding: 5px;
    background: #e1edfe;
    border: 1px solid #979797;
    z-index: 1000;
}

.textHint {
    color: #888;
}

.tooltip {
    display: none;
    position: absolute;
    /*font-size: .7em;*/
    font-weight: normal;
    color: #666;
    width: 10em;
    word-wrap: break-word;
    padding: .2em;
    opacity: .95;
    border: 1px solid #5f5800;
    background: #f6ea4f;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

/*.toolTip
{
    position: absolute;
    display: none;
    background-color: #ffff9c;
    padding: 1em;
    border: 1px solid #87876a;
    width: 10em;
    margin-top: 1.2em;
}*/

.toolTipIconTop {
    background: url('images/darrowup.gif') no-repeat;
    width: 22px;
    height: 11px;
    position: absolute;
    margin-top: -24px;
}

.exitIcon {
    position: absolute;
    top: 58px;
    left: 5px;
    width: 50px;
    height: 20px;
    cursor: pointer;
    background: url('/images/exit.png') no-repeat;
    z-index: 10;
}

.firstPageButtons {
    font-family: simisbold;
    list-style: none;
    line-height: 64px;
    margin: 0;
    height: 210px;
}

    .firstPageButtons li {
        position: relative;
        height: 64px;
    }

        .firstPageButtons li span {
            position: absolute;
        }

.readOnlyText {
    text-align: center;
    border: 1px solid #ccc;
}

.controlHelp {
    display: inline-block;
    background: url(/images/icon_help.png);
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0 20px;
    vertical-align: middle;
}

.controlHelpContent {
    position: absolute;
    background-color: rgb(255, 250, 175);
    border: solid 1px rgb(146, 146, 146);
    width: 200px;
    padding: 10px;
}

.inlineLabel {
    display: inline-block;
    padding: 1px 4px;
    vertical-align: middle;
    border: solid 1px rgb(127, 127, 127);
    background: rgb(254, 255, 209);
    white-space: nowrap;
}

.searchEdit {
    padding: 5px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

    .searchEdit:focus,
    .searchEdit.focus {
        border: solid 1px #707070;
        box-shadow: 0 0 5px 1px #969696;
    }

/*******jqueryui**********/

.add-padding .ui-widget-content,
.add-padding .ui-widget-header {
    padding: 10px;
}

/*******jqplot**********/

.jqplot-title {
    font-family: simisbold;
    font-size: 8px;
}

.jqplot-point-label, .jqplot-yaxis-tick, .jqplot-xaxis-tick, .jqplot-table-legend-label {
    font-family: simisnormal;
}

/**********NORESET ****/

.noreset ul, .noreset ol {
    padding: .5em 1em .5em 1em;
    margin: 0 1em 0 1em;
}


/**************DATE     ********************/

.tdBody {
    position: absolute;
    display: block;
    text-align: center;
    background-color: #f2ffff;
    border: 1px solid #46a0a0;
    width: 300px;
    _width: 300px;
    z-index: 2000;
    left: 0;
    top: 0;
}

.tdText {
    text-align: center;
    border: 1px solid #ccc;
}

.tdLabel {
    direction: ltr;
    text-align: right;
    height: 1.5em;
    line-height: 1.5em;
}

.tdControl {
    font-family: simisnormal, Tahoma;
}

.tdwd {
    width: 14%;
}

.tdn {
    font-size: 1em;
}

.tdh {
    font-size: 1em;
    background-color: #fff2f2;
}

.tdt {
    font-size: 1em;
    background-color: #69e669;
}

.tdi {
    font-size: 1em;
    background-color: #eeeeee;
}

.tdo {
    font-size: 1em;
    cursor: pointer;
    background-color: #fffea5;
}

/*************************Grid  *****************************

/*GridViewCSS Soft Grey Style*/
.GridViewStyle {
    /*font-size: small;*/
    table-layout: auto;
    border-collapse: collapse;
    border: #91a7b4 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/ {
    background: #d1dbe0 url(/Images/YahooSprite.gif) top repeat-x;
}

    .HeaderStyle th {
        padding: 5px;
        color: #16387c;
        font-size: 90%;
    }

    .HeaderStyle a {
        text-decoration: none;
        color: #16387c;
        display: block;
        text-align: center;
        font-family: simisbold, Tahoma;
        font-size: .9em;
    }

    .PagerStyle table {
        text-align: center;
        margin: auto;
    }

        .PagerStyle table td {
            border: 0px;
            padding: 5px;
        }

    .PagerStyle td {
        border-top: #91a7b4 1px solid;
    }

    .PagerStyle a {
        color: #16387c;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
        border-top: solid 1px #fff;
        border-right: solid 1px #91a7b4;
        border-bottom: solid 1px #91a7b4;
        border-left: solid 1px #fff;
    }

    .PagerStyle span {
        font-weight: bold;
        color: #16387c;
        text-decoration: none;
        padding: 2px 10px 2px 10px;
    }
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/ {
    padding: 5px;
    border-right: solid 1px #91a7b4;
}

.RowStyle td {
    background-color: #f1f5f6;
}

.AltRowStyle td {
    /*background-color: #9ab2ca;
    background-image: url(/Images/YahooSprite.gif);
    background-position: 0 -80px;
    background-repeat: repeat-x;*/
}

.SelectedRowStyle td {
    background-color: #fcb814;
    color: black;
    /*background-color: #fcb814;
    background-image: url(/Images/YahooSprite.gif);
    background-position: center;
    background-repeat: repeat-x;*/
}

.GridFooter {
    background-image: url(/Images/YahooSprite.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #d1dbe0;
    color: #16387c;
    font-weight: bold;
    font-size: .9em;
}

/**************Generic context menu styles */

.contextMenu {
    position: absolute;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding: 0px;
    margin: 0px;
    width: 12em;
    margin-left: -12em;
    display: none;
}

    .contextMenu LI {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .contextMenu A {
        border: none;
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 20px;
        height: 20px;
        background-position: 10em center;
        background-repeat: no-repeat;
        outline: none;
        padding: 1px 5px;
        padding-right: 28px;
    }

    .contextMenu LI.hover A {
        color: #FFF;
        background-color: #3399FF;
    }

    .contextMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .contextMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .contextMenu LI.separator {
        border-top: solid 1px #CCC;
    }

    /*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

    .contextMenu LI.edit A {
        background-image: url(/Images/page_white_edit.png);
    }

    .contextMenu LI.cut A {
        background-image: url(/Images/cut.png);
    }

    .contextMenu LI.copy A {
        background-image: url(/Images/page_white_copy.png);
    }

    .contextMenu LI.paste A {
        background-image: url(/Images/page_white_paste.png);
    }

    .contextMenu LI.delete A {
        background-image: url(/Images/page_white_delete.png);
    }

    .contextMenu LI.quit A {
        background-image: url(/Images/door.png);
    }

    .contextMenu LI.list A {
        background-image: url(/Images/icon_list.png);
    }


/*TreeMenu******************************************************/

div.treeMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li.tmb /*treeBranch*/ {
    position: relative;
    padding: 0 20px 0 0px;
    cursor: default;
    zoom: 1;
    border-right: 1px dotted;
}

.branchHover {
    background-color: #eeeeee;
}

div.treeFolderIcon {
    background: url('/Images/Folder.png') no-repeat right;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    float: right;
}

img.tmbg /*branchToggle*/ {
    position: absolute;
    top: 3px;
    right: 0;
}

div.tmbt /*branchTitle*/ {
    padding: .1em 0 .1em 0;
}

div.tmbw /*treeBranchWrapper*/ {
    display: none;
}

.treeMenuToolbar {
    background-color: #eee;
    border: 1px solid #aaa;
    padding-top: 2px;
}

/*********Login Info*/

.liSection {
    display: inline;
}

.liToolbar {
    background-color: #fff0a8;
    float: right;
    padding: 2px 4px;
}

.liButton {
    cursor: pointer;
    color: #5f3601 !important;
    text-decoration: none !important;
    padding: 0px 4px 0px 4px;
}

    .liButton:hover {
        text-decoration: underline !important;
    }

.liLoginForm {
    position: absolute;
    display: none;
    z-index: 1000;
    background-color: #fff0a8;
    padding: 5px;
    right: 0;
}

.liPosts {
    position: absolute;
    display: none;
    z-index: 1000;
    background-color: #fff0a8;
    padding: 5px;
    right: 0;
    text-align: right;
}

/**********Drop Menu*/
.dropMenu {
    /*padding-top: 76px;*/
    position: absolute;
    top: 78px;
    right: 0;
    /*height: 50px;*/
    /*margin-bottom: 1em;*/
}

/************Dialogs */
.dlgTop {
    border: 1px solid #FFB300;
    background-color: #FFFDD1;
    color: #090059;
    font-size: 1.3em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

/**Comment******************************/

.comment {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 78px;
    height: 78px;
    background-image: url("/Images/comment.png");
    z-index: 100;
    cursor: pointer;
}

.commentBody {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 30%;
    background-color: #f00;
    border: 2px solid #f00;
    display: none;
    padding: 2px;
}

/*********Search**************/

.searchToggle {
    background: url("/Images/Left.gif") no-repeat right;
    padding-right: 20px;
    margin-top: 10px;
    border-top: 1px solid #aaa;
    cursor: pointer;
}

.searchSection {
    background-color: #eee;
    display: none;
}

/**************CodeInput***************/

.codeInputToolbar {
    background-color: #f8f8f8;
    border-bottom: 1px solid #aaa;
}

/*******SortInput********/

.SortInputUL {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 40%;
}

    .SortInputUL li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-right: 1.5em;
        height: 18px;
        cursor: move;
    }

        .SortInputUL li span {
            position: absolute;
            margin-right: -1.3em;
        }

/*******Valuation*************/

.valuationForm {
    font-size: 1.2em;
}

.valuationQuestion {
}

.valuationTitle {
}

.valuationStudentRemarks {
    margin: 1em;
    border: 2px dotted;
}

.valuationChoiceGroup {
}

.valuationChoice {
    margin-right: 3em;
}

.valuationTextaria {
    border: 1px solid #ccc;
}

.valuationResultTextQuestion {
}

.valuationResultText {
    background-color: #D9FAFA;
    padding-right: 1em;
}

/************Chat *******/

.chatPanel {
    height: 40em;
    overflow: auto;
    padding: .5em;
    border: 1px solid #c1f2ff;
    background: url('/Images/chatbar.png') repeat-x top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.chatArea {
    float: left;
    overflow: auto;
    width: 70%;
    height: 80%;
    background: white;
    border: 1px solid #c1f2ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.chatUserArea {
    float: right;
    overflow: auto;
    width: 29%;
    height: 80%;
    background: white;
    border: 1px solid #c1f2ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.chatCommandArea {
    margin-top: .5em;
    width: 100%;
    height: 18%;
    background: white;
    /*border: 1px solid #c1f2ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
*/
}

.chattxtMessage {
    float: right;
    width: 80%;
    height: 100%;
    /* margin: .3em;*/
}

.chatSendMessage {
    float: left;
    width: 19%;
    height: 100%;
    /* margin: .3em;*/
}

.chatMessage {
    background: white;
    border: 1px solid #c1f2ff;
    margin: .1em .1em 0 .1em;
    padding: .2em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.chatMessageSender {
}

.chatMessageText {
    padding-right: 3em;
}

.chatMemeber {
    margin: .2em .2em 0 .2em;
    position: relative;
    overflow: hidden;
    border: 1px solid #c1f2ff;
    background: #ccffc2;
    padding: .5em 2.6em .5em .5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.chatInvitee {
    margin: .2em .2em 0 .2em;
    position: relative;
    overflow: hidden;
    border: 1px solid red;
    background: #d9f7ff;
    padding: .5em 2.6em .5em .5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.chatActiveUser {
    margin: .2em .2em 0 .2em;
    position: relative;
    overflow: hidden;
    border: 1px solid #c1f2ff;
    background: #d9f7ff;
    padding: .5em 2.6em .5em .5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.chatInvite {
    position: absolute;
    top: .1em;
    left: .5em;
    vertical-align: middle;
    background-image: url('/Images/icon-chat.png');
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.chatFI {
    position: absolute;
    top: .1em;
    right: .2em;
    vertical-align: middle;
    background-image: url('/Images/icon-office-female.png');
    width: 24px;
    height: 24px;
}

.chatMI {
    position: absolute;
    top: .1em;
    right: .2em;
    vertical-align: middle;
    background-image: url('/Images/icon-office-male.png');
    width: 24px;
    height: 24px;
}

.chatSI {
    position: absolute;
    top: .1em;
    right: .2em;
    vertical-align: middle;
    background-image: url('/Images/icon-student.png');
    width: 24px;
    height: 24px;
}

.chatTI {
    position: absolute;
    top: .1em;
    right: .2em;
    vertical-align: middle;
    background-image: url('/Images/icon-teacher.png');
    width: 24px;
    height: 24px;
}

.chatAI {
    position: absolute;
    top: .1em;
    right: .2em;
    vertical-align: middle;
    background-image: url('/Images/icon-financial.png');
    width: 24px;
    height: 24px;
}

/**************Notifications ***********/

.notificationsArea {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    border: 1px solid #fffb9b;
    background: #fffdcc;
    padding: .5em 2.6em .5em .5em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.notificationButton {
    width: 5em;
    margin: 0 1em 0 1em;
}

.notificationAlert {
    position: absolute;
    right: 1em;
    bottom: 1em;
    height: 128px;
    width: 128px;
    background-image: url('/Images/notification_warning.png');
    cursor: pointer;
}

.notificationMessage {
    margin-bottom: .5em;
}

/***********ProgramClassInput ************/

.tchlistToggle {
    width: 16px;
    height: 16px;
    background-image: url(/images/left.gif);
    float: right;
    cursor: pointer;
}

.tchlistProgram {
    font-size: 15px;
    margin-bottom: 7px;
}

    .tchlistProgram a {
        color: inherit;
        text-decoration: none;
    }

.tchlistClasses {
    display: none;
    margin-bottom: 7px;
}

.tchlistClass {
    font-size: 15px;
    padding-right: 30px;
    margin-bottom: 3px;
}

    .tchlistClass a {
        color: inherit;
        text-decoration: none;
    }


/***********Widgets ************/

.simisWidget {
    padding: .5em;
    border: 1px solid #ccc;
    background: #f5f5f5; /*url('/Image/InfoBodyBar.gif') repeat-x top;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

.widgetTitle {
    font-family: simisbold;
    margin: 10px 0;
    color: #033;
}

.errors {
    margin: 5px 0;
    color: red;
    background-color: rgb(255, 193, 193);
    font-size: 14px;
    border: solid 1px rgb(131, 131, 131);
    padding: 4px;
}

.messages {
    margin: 5px 0;
    color: green;
    background-color: rgb(196, 255, 193);
    font-size: 14px;
    border: solid 1px rgb(131, 131, 131);
    padding: 4px;
}

/************FileBrowser ********************/

.fileBrowser {
    font-size: 11px;
    line-height: 1.5;
}

    .fileBrowser .secDirectory, .fileBrowser .secFile {
        float: right;
        min-height: 10em;
        margin: 5px;
        padding: .5em;
        border: 1px solid #c1f2ff;
        background: white url('/Images/chatbar.png') repeat-x top;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        vertical-align: middle;
    }

    .fileBrowser .toggle {
    }

    .fileBrowser .dir {
    }

    .fileBrowser .dirName {
        cursor: pointer;
    }

    .fileBrowser .fileName {
        cursor: pointer;
    }

    .fileBrowser .thumbnail {
        cursor: pointer;
        float: right;
        color: #797478;
        font: 10px/1.5 Verdana, Helvetica, sans-serif;
        width: 16%;
        margin: 2% 2% 50px 2%;
    }

        .fileBrowser .thumbnail img {
            max-width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

/*****************Trees */

.treeBody {
    font-size: 11px;
    line-height: 1.5;
    min-width: 20em;
    float: right;
    min-height: 10em;
    margin: 5px;
    padding: .5em;
    border: 1px solid #c1f2ff;
    background: white url('/Images/chatbar.png') repeat-x top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

    .treeBody .toggle {
        float: right;
        background: url(/images/down.gif);
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .treeBody .treeContextToggle {
        display: inline-block;
        background: url(/Image/DownArrow.gif);
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    .treeBody .node {
        padding-right: 16px;
    }

    .treeBody .nodeName {
        cursor: pointer;
    }

    .treeBody a {
        cursor: pointer;
    }

.treeBodyView {
    font-size: 11px;
    line-height: 1.5;
    min-width: 20em;
    float: right;
    min-height: 10em;
    margin: 5px;
    padding: .5em;
    border: 1px solid #c1f2ff;
    background: white url('/Images/chatbar.png') repeat-x top;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
}

    .treeBodyView .toggle {
        float: right;
        background: url(/images/down.gif);
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .treeBodyView .treeContextToggle {
        display: inline-block;
        background: url(/Image/DownArrow.gif);
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    .treeBodyView .nodeName {
        cursor: pointer;
    }

/*******************Ace Editor  *****/

.aceEditor {
    direction: ltr;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20em;
}

/**************Sprite     ********************/

.slider {
    position: relative;
    width: 957px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    /*border: 1px solid;*/
}

    .slider ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .slider .arrow {
        display: none;
        position: absolute;
        background: url('/image/slidersprite.png');
        width: 40px;
        height: 100px;
        top: 50%;
        margin-top: -50px;
        cursor: pointer;
        z-index: 10;
        opacity: .5;
    }

    .slider .leftarrow {
        left: 0;
        float: left;
    }

    .slider .rightarrow {
        background-position: -40px;
        right: 0;
        float: right;
    }

.slide {
    position: absolute;
    left: 0;
    width: 960px;
    height: 200px;
}

    .slide .description {
        position: absolute;
        z-index: 5;
        width: 200px;
        text-align: justify;
        text-justify: kashida;
    }

    .slide.start {
        left: 500px;
        display: none;
    }

    .slide.finish {
        left: -500px;
        display: none;
    }

/******************ProgramFinder*******************/


.searchWidget .group {
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}

.searchWidget .tree ul {
    list-style: none;
    margin: 0;
}

.searchWidget .tree li {
    white-space: nowrap;
}

.searchWidget .tree img {
    vertical-align: middle;
}

.searchWidget .button,
.searchWidget input[type=button] {
    font-size: 10px;
    margin: 1px;
}

.searchWidget .controls input[type=button] {
    margin-top: .4em;
}

.searchWidget .titleInput {
    width: 60%;
    font-size: 1em;
    margin: 0;
}

.searchResults {
    border: 1px solid #939393;
    background-color: #f4f4f4;
    margin: 5px 0;
    padding: 5px;
}

    .searchResults .rightInfo {
        float: right;
        min-width: 40%;
    }

    .searchResults .leftInfo {
        float: left;
        text-align: left;
    }

    .searchResults .resultTitle {
        font-family: simisbold;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .searchResults .resultInfo {
        font-size: 12px;
    }

    .searchResults .finderLabel {
        width: 60px;
        text-align: left;
        margin-left: 1em;
    }

    .searchResults .finderProgress {
        font-size: 9px;
        line-height: 16px;
    }

    .searchResults .progressBar {
        height: 10px;
        width: 100px;
        margin-top: 2px;
    }

/***********Lcd *****************/

.lcd {
    font-family: simisbold;
    font-size: 24px;
}

    .lcd .session {
        margin: 10px;
        border: solid 1px #afafaf;
        background: #e1e1e1;
        padding: 10px;
    }

    .lcd span {
        padding-right: 10px;
    }

    .lcd .course {
        color: rgb(129, 54, 0);
    }

    .lcd .teacher {
        color: rgb(43, 133, 255);
    }

    .lcd .room {
        color: rgb(235, 67, 67);
    }

    .lcd .time {
        color: rgb(48, 151, 72);
    }

/*********Sessions ***********************/

#sessionsPage {
    font-size: 18px;
}

    #sessionsPage .checkBox {
        display: inline-block;
    }

    #sessionsPage .row-number {
        width: 20px;
    }

    #sessionsPage .dayOfWeek {
        color: #157c5a;
        width: 100px;
    }

        #sessionsPage .dayOfWeek.holiday {
            color: #ec3b1f;
        }

    #sessionsPage .year {
        color: #a61d1d;
        width: 60px;
    }

    #sessionsPage .month {
        color: #482ea1;
        width: 30px;
        text-align: center;
    }

    #sessionsPage .day {
        color: #755600;
        width: 30px;
    }

    #sessionsPage .from {
        color: #25832a;
        width: 50px;
    }

    #sessionsPage .to {
        color: #35968d;
        width: 50px;
    }

    #sessionsPage .duration {
        color: #4b660b;
        width: 50px;
    }

    #sessionsPage .classRoom {
        min-width: 100px;
        font-size: 14px;
    }

    #sessionsPage .link {
        vertical-align: sub;
    }

    #sessionsPage .teacher {
        color: rgb(23, 96, 43);
        min-width: 90px;
        font-size: 14px;
    }

    #sessionsPage .remarks {
        color: rgb(32, 24, 146);
        min-width: 100px;
        font-size: 14px;
    }

    #sessionsPage .sums span {
        display: inline-block;
        font-weight: bold;
        width: 70px;
        text-align: center;
    }

    #sessionsPage .sums .sumTotal {
        color: #4b660b;
    }

    #sessionsPage .sums .sumBargozar {
        color: #2e8b25;
    }

    #sessionsPage .sums .sumLaghv {
        color: #be0000;
    }

    #sessionsPage .sums .sumBelataklif {
        color: #656565;
    }

    #sessionsPage #errors {
        margin: 5px 0;
        color: red;
        background-color: rgb(255, 193, 193);
        font-size: 14px;
        border: solid 1px rgb(131, 131, 131);
        padding: 4px;
    }

    #sessionsPage #messages {
        margin: 5px 0;
        color: green;
        background-color: rgb(196, 255, 193);
        font-size: 14px;
        border: solid 1px rgb(131, 131, 131);
        padding: 4px;
    }

    #sessionsPage .weekDays > div {
        width: 13%;
        display: inline-block;
    }

    #sessionsPage .state {
        width: 16px;
        height: 16px;
        vertical-align: sub;
    }

        #sessionsPage .state.red {
            background-color: #ffa1a1;
            border: solid 1px red;
        }

        #sessionsPage .state.green {
            background-color: #9bff8f;
            border: solid 1px green;
        }

        #sessionsPage .state.yellow {
            background-color: #fffc8f;
            border: solid 1px rgb(128, 126, 0);
        }

        #sessionsPage .state.blue {
            background-color: #8fdeff;
            border: solid 1px rgb(0, 88, 128);
        }

        #sessionsPage .state.gray {
            background-color: #e4e4e4;
            border: solid 1px gray;
        }

    #sessionsPage .row {
    }

        #sessionsPage .row div {
            display: inline-block;
            text-align: center;
        }

        #sessionsPage .row.relatedSession {
            background-color: rgb(223, 255, 223);
        }


        #sessionsPage .row.active {
            background-color: #e8e8e8;
        }

/*********News *******************/

.widjetTitle {
    font-family: simisbold;
    height: 30px;
    font-weight: bold;
    color: #003333;
}

.news {
    margin-bottom: 30px;
}

    .news .titr {
        font-family: simisbold;
        font-weight: bold;
        color: #00567d;
        cursor: pointer;
    }

    .news .body {
        margin-right: 15px;
    }

    .news .unit {
        color: #888;
        padding: 0;
        margin-right: 15px;
    }

/**********MultiUser ***************/

.multiUser {
}

    .multiUser .icon {
        cursor: pointer;
    }

/***********Mobile *******************/

.mobile .fulllink {
    font-family: simisbold;
    width: 100%;
}

/***********Old Froms *******************/

.formBody {
    color: #0a0a0a;
    background-color: #f8f8f8;
    vertical-align: top;
    border-width: thin;
    border-color: #a1a1a1;
    border-style: solid;
}

.formTitr {
    font-family: simisbold, Tahoma;
    height: 30px;
    font-weight: bold;
    color: #003333;
    padding-right: 25px;
    background-color: #a1a1a1;
    border-bottom: solid 1px #a1a1a1;
}

.formTitrSrch {
    background-color: #8b8fb3;
    font-weight: bolder;
    color: Black;
    padding-top: 3px;
    padding-bottom: 5px;
}


.formLabel {
    color: #0a0a0a;
    text-align: Left;
    height: 24px;
}

.formBoldLabel {
    font-weight: bold;
    color: #0a0a0a;
    text-align: Left;
    height: 24px;
}

.formTopic {
    font-weight: bold;
}

.formPart {
    background-color: #e8e8e8;
    direction: rtl;
}

.ToolbarButton {
    cursor: pointer;
    padding: 3px 25px 3px 5px;
    background-color: inherit;
}

.ToolbarOver {
    cursor: pointer;
    background-color: #f7ff7e;
    padding: 3px 25px 3px 5px;
}

.listBodyTbl {
    color: #0a0a0a;
    background-color: #a1a1a1;
    vertical-align: top;
    border: 1px solid #ccc;
}

.listToolbar {
    background-color: #ccc;
}

.listHeader {
    text-align: center;
    background-color: #e8e8e8;
}

.listTitr {
    text-align: center;
    font-family: simisbold;
    color: #003333;
    padding-right: 25px;
}

.listFixHeader {
    color: White;
    font-weight: bold;
    text-align: center;
}

.listOdd {
    background-color: #ffedff;
}

.listEven {
    background-color: #f7f7f7;
}

.listTopic {
    font-weight: bold;
    background-color: White;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    border-bottom-width: 2px;
}

.RightMenuLink {
    background: url("/Image/GTopBar.gif");
    cursor: pointer;
    height: 30px;
    padding: 0px 4px 0px 2px;
}

.RightMenuOver {
    background-color: #fbff81;
    cursor: pointer;
    height: 30px;
    padding: 0px 4px 0px 2px;
}

.RightMenuTitr {
    background: url("/Image/GTopBar.gif");
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
    padding: 4px 0px 4px 0px;
    height: 30px;
}

/**************Tree ***************************/

.tree ul {
    list-style: none;
}

.tree img {
    vertical-align: middle;
}

.tree input {
    vertical-align: middle;
}

.tree .title.selected {
    background-color: #ccc;
}

.tree .link {
}

/*******Validation **************/

.validatingForm {
}

    .validatingForm .validatingInput {
        background-color: rgb(255, 226, 226);
    }

    .validatingForm .validationMessage {
        margin-right: 10px;
        color: rgb(238, 0, 0);
    }

/**********MemberImage ************************/

.memberImage {
    position: relative;
}

    .memberImage .border {
        position: absolute;
        width: 300px;
        height: 400px;
        border: 1px red;
        background: red;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        cursor: move;
    }

/****OAuth*******/

.oauthButton {
    width: 197px;
    height: 42px;
    cursor: pointer;
    border: none;
    text-indent: -9999px;
    font-size: 0;
    display: block;
    line-height: 0;
}

.googleButton {
    background: url(/Images/oauth/googlenormal.png);
}

    .googleButton:hover {
        background: url(/Images/oauth/googlehover.png);
    }

    .googleButton:active {
        background: url(/Images/oauth/googleactive.png);
    }

.linkedInButton {
    background: url(/Images/oauth/linkedinnormal.png);
}

    .linkedInButton:hover {
        background: url(/Images/oauth/linkedinhover.png);
    }

    .linkedInButton:active {
        background: url(/Images/oauth/linkedinactive.png);
    }

/******Calendar **********************/

#calendar {
}

    #calendar .dayMain {
        float: right;
        width: 120px;
        text-align: center;
        vertical-align: middle;
        margin: 5px;
        border: 1px solid rgb(248, 248, 248);
        overflow: auto;
        height: 50px;
    }

        #calendar .dayMain .day {
            font-family: simisbold;
        }

        #calendar .dayMain .note {
            font-family: simisnormal;
            font-size: 10px;
            direction: rtl;
        }

        #calendar .dayMain.normal {
            border: 1px solid #ffdc46;
            background: #fff2bb;
        }

        #calendar .dayMain.holiday {
            border: 1px solid #ff4646;
            background: #ffbbbb;
        }

        #calendar .dayMain.today {
            border: 1px solid #46ff54;
            background: #bbffc1;
        }

.calendarDiv .monthButton {
    width: 71px;
}

.calendarDiv .dayOfWeek {
    font-family: simisnormal;
    float: right;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    border: 1px solid rgb(248, 248, 248);
}

/******ClassroomSchedule **********************/

#classroomSchedule {
    width: 900px;
    overflow-x: auto;
    position: relative;
}

    #classroomSchedule .label {
    }

    #classroomSchedule .labelLine {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 0px;
        border-right: 1px dotted rgb(81, 90, 219);
        border-right: 1px dotted rgba(81, 90, 219, .5);
    }

    #classroomSchedule .row {
        white-space: nowrap;
        font-size: 0;
    }

        #classroomSchedule .row .cell {
            display: inline-block;
            overflow: hidden;
            font-size: 1rem;
            height: 25px;
        }

        #classroomSchedule .row .classroom {
        }

        #classroomSchedule .row .time {
        }

/**Commentaries******************************/

.commentaries {
}

    .commentaries .block {
        border: 1px solid rgb(255, 209, 0);
        margin: 10px;
        height: 200px;
        overflow: hidden;
    }

        .commentaries .block .info {
            display: inline-block;
            padding: 10px;
            float: right;
        }

        .commentaries .block .text {
            overflow: auto;
            background: rgb(255, 244, 194);
            width: 80%;
            height: 100%;
            float: left;
        }

            .commentaries .block .text > div {
                padding: 10px;
            }

.normal-table {
    border-color: gray;
}

    .normal-table th {
    }

    .normal-table td {
        padding: 5px;
    }
.toolbarSep
{
    background-image: url(/Image/ToolbarSep.gif);
    background-repeat: repeat-x;
    width: 8px;
    height: 29px;
}

.banner
{
    background: url(/local/images/sprite.png) no-repeat;
    width: 850px;
    height: 125px;
    margin-left: auto;
    margin-right:auto;
}

.bannerButton
{
    background: url(/local/images/sprite.png) no-repeat;
    background-repeat: no-repeat;
    width: 84px;
    height: 29px;
    cursor: pointer;
}

#btnBanHome
{
    background-position: 0 -126px;
}

#btnBanBack
{
    background-position: -85px -126px;
}

#btnBanOk
{
    background-position: -170px -126px;
}

#btnBanRC
{
    background-position: -255px -126px;
}

#btnBanStudent
{
    background-position: -340px -126px;
}

#btnBanExit
{
    background-position: -425px -126px;
}

.btnSingleReg
{
    width: 201px;
    height: 71px;
    background: url(/local/images/sprite.png) no-repeat -511px -126px;
    cursor: pointer;
}

.bArrow
{
    width: 13px;
    height: 16px;
    background: url(/local/images/sprite.png) no-repeat -713px -126px;
}



/*! jQuery UI - v1.10.1 - 2013-03-11
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: simisnormal,Tahoma,Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: simisnormal,Tahoma,Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #a6c9e2;
	background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #4297d7;
	background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #c5dbec;
	background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #2e6e9e;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #79b7e7;
	background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #1d5987;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #79b7e7;
	background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #e17009;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fad42e;
	background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_469bdd_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_d8e7f3_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_6da8d5_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_217bc0_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_f9bd01_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}
.jPicker .Icon {
  display: inline-block;
  height: 24px; /* change this value if using a different sized color picker icon */
  position: relative; /* make this element an absolute positioning container */
  text-align: left; /* make the zero width children position to the left of container */
  width: 25px; /* change this value if using a different sized color picker icon */
  direction: ltr;
}
.jPicker .Icon span.Color, .jPicker .Icon span.Alpha {
  background-position: 2px 2px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker .Icon span.Image {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker.Container {
  color: #000;
  z-index: 10;
}
table.jPicker {
  background-color: #efefef;
  border: 1px outset #666;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px !important;
  margin: 0px;
  padding: 5px;
  width: 545px;
  z-index: 20;
}
.jPicker .Move {
  background-color: #dddddd;
  border-color: #fff #666 #666 #fff;
  border-style: solid;
  border-width: 1px;
  cursor: move;
  height: 12px;
  padding: 0px;
}
.jPicker .Title {
  font-size: 11px !important;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  width: 100%;
}
.jPicker div.Map {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: crosshair;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 0px 10px 10px 10px;
  overflow: hidden; /* hide the overdraw of the Color Map icon when at edge of viewing box */
  padding: 0px;
  position: relative; /* make this element an absolute positioning container */
  width: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
}
.jPicker div[class="Map"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker div.Bar {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #9a9a9a;
  border-right: 2px solid #fff;
  border-top: 2px solid #9a9a9a;
  cursor: n-resize;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 12px 10px 0px 5px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: 24px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 20px later */
}
.jPicker div[class="Bar"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 20px; /* correct to 20px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3, .jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4, .jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  background-color: transparent;
  background-image: none;
  display: block;
  left: 0px;
  position: absolute;
  top: 0px;
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3 {
  height: 2596px;
  width: 256px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                   would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  height: 3896px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                  would not be drawn if its overflow is set to hidden. */
}
.jPicker .Bar .Map5, .jPicker .Bar .Map6 {
  height: 256px;
  width: 20px; /* must specify pixel width. IE7/8 Quirks mode ignores opacity for an absolutely positioned item in a relative container with "overflow: visible". The marker in the colorBar
                  would not be drawn if its overflow is set to hidden. */
}
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Bar .Map6 {
  background-repeat: no-repeat;
}
.jPicker .Map .Map3, .jPicker .Bar .Map5 {
  background-repeat: repeat;
}
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 {
  background-repeat: repeat-x;
}
.jPicker .Map .Arrow {
  display: block;
  position: absolute;
}
.jPicker .Bar .Arrow {
  display: block;
  left: 0px; /* (arrow width / 2) - (element width / 2) - position arrows' center in elements' center */
  position: absolute;
}
.jPicker .Preview {
  font-size: 9px;
  padding: 5px 0px 0px 0px;
  text-align: center;
}
.jPicker .Preview div {
  border: 2px inset #eee;
  height: 62px;
  margin: 0px auto;
  padding: 0px;
  width: 62px;
}
.jPicker .Preview div span {
  border: 1px solid #000;
  display: block;
  height: 30px;
  margin: 0px auto;
  padding: 0px;
  width: 60px;
}
.jPicker .Preview .Active {
  border-bottom-width: 0px;
}
.jPicker .Preview .Current {
  border-top-width: 0px;
  cursor: pointer;
}
.jPicker input {
  font-size: 13px;
}
.jPicker .Button {
  text-align: center;
  padding: 0px 4px;
  width: 115px;
}
.jPicker .Button input {
  padding: 2px 0px;
  width: 100px;
}
.jPicker .Button .Ok {
  margin: 12px 0px 5px 0px;
}
.jPicker td {
  margin: 0px;
  padding: 0px;
}
.jPicker td.Radio {
  margin: 0px;
  padding: 0px;
  width: 31px;
}
.jPicker td.Radio input {
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
.jPicker td.Text {
  font-size: 12px !important;
  height: 22px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 70px;
}
.jPicker tr.Hex td.Text {
  width: 100px;
}
.jPicker td.Text input {
  background-color: #fff;
  border: 1px inset #aaa;
  height: 19px;
  margin: 0px 0px 0px 5px;
  text-align: left;
  width: 30px;
}
.jPicker td[class="Text"] input {
  height: 15px;
}
.jPicker tr.Hex td.Text input.Hex {
  width: 50px;
}
.jPicker tr.Hex td.Text input.AHex {
  width: 20px;
}
.jPicker .Grid {
  text-align: center;
  width: 114px;
}
.jPicker .Grid span.QuickColor {
  border: 1px inset #aaa;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
  width: 19px;
}
.jPicker .Grid span[class="QuickColor"] {
  width: 17px;
}.CodeMirror {
  line-height: 1em;
  font-family: monospace;
  background-color: #fff;
  width: 100%;
}

.CodeMirror-scroll {
  overflow: auto;
  height: 300px;
  /* This is needed to prevent an IE[67] bug where the scrolled content
     is visible outside of the scrolling box. */
  position: relative;
  outline: none;
/*  height:auto; */
  min-width:30em;
 /* min-height:10em;*/
}

.CodeMirror-gutter {
  position: absolute; left: 0; top: 0;
  z-index: 10;
  background-color: #f7f7f7;
  border-right: 1px solid #eee;
  min-width: 2em;
  height: 100%;
}
.CodeMirror-gutter-text {
  color: #aaa;
  text-align: right;
  padding: .4em .2em .4em .4em;
  white-space: pre !important;
}
.CodeMirror-lines {
  padding: .4em;
  white-space: pre;
}

.CodeMirror pre {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-width: 0; margin: 0; padding: 0; background: transparent;
  font-family: inherit;
  font-size: inherit;
  padding: 0; margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
}

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}

.CodeMirror textarea {
  outline: none !important;
}

.CodeMirror pre.CodeMirror-cursor {
  z-index: 10;
  position: absolute;
  visibility: hidden;
  border-left: 1px solid black;
  border-right:none;
  width:0;
}
.CodeMirror pre.CodeMirror-cursor.CodeMirror-overwrite {}
.CodeMirror-focused pre.CodeMirror-cursor {
  visibility: visible;
}

div.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused div.CodeMirror-selected { background: #d7d4f0; }

.CodeMirror-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* Default theme */

.cm-s-default span.cm-keyword {color: #708;}
.cm-s-default span.cm-atom {color: #219;}
.cm-s-default span.cm-number {color: #164;}
.cm-s-default span.cm-def {color: #00f;}
.cm-s-default span.cm-variable {color: black;}
.cm-s-default span.cm-variable-2 {color: #05a;}
.cm-s-default span.cm-variable-3 {color: #085;}
.cm-s-default span.cm-property {color: black;}
.cm-s-default span.cm-operator {color: black;}
.cm-s-default span.cm-comment {color: #a50;}
.cm-s-default span.cm-string {color: #a11;}
.cm-s-default span.cm-string-2 {color: #f50;}
.cm-s-default span.cm-meta {color: #555;}
.cm-s-default span.cm-error {color: #f00;}
.cm-s-default span.cm-qualifier {color: #555;}
.cm-s-default span.cm-builtin {color: #30a;}
.cm-s-default span.cm-bracket {color: #cc7;}
.cm-s-default span.cm-tag {color: #170;}
.cm-s-default span.cm-attribute {color: #00c;}
.cm-s-default span.cm-header {color: #a0a;}
.cm-s-default span.cm-quote {color: #090;}
.cm-s-default span.cm-hr {color: #999;}
.cm-s-default span.cm-link {color: #00c;}

span.cm-header, span.cm-strong {font-weight: bold;}
span.cm-em {font-style: italic;}
span.cm-emstrong {font-style: italic; font-weight: bold;}
span.cm-link {text-decoration: underline;}

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}

.fullscreen {
            display: block;
            position: absolute;
            top: 33px;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 9999;
            margin: 0;
            padding: 0;
            border: 0px solid #BBBBBB;
            opacity: 1;
            background-color: #fff;
        }
        
.fullscreenToolbar {
            display: block;
            position: absolute;
            top: 0px;
            left: 0;
            width: 100%;
            height: 32px;
            z-index: 9999;
            margin: 0;
            padding: 0;
              opacity: 1;
            background-color: #fff;
        }        
        
        .CodeMirror-completions 
{
    direction: ltr;
  position: absolute;
  z-index: 10000;
  overflow: hidden;
  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
}
.CodeMirror-completions select {
  direction: ltr;
  background: #fafafa;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: monospace;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			right;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	right:			0em;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	right:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	right:			11.3em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			right;
	margin-bottom:	1em;
    text-align:     right;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.sf-menu a {
	border-right:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-left: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	left:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	999em;
	overflow:		hidden;
	background:		url('/Styles/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}


.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0px;
    padding:1px 5px 1px 5px;
    /*background-color: white;*/
    z-index: 2;
    font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    vertical-align:middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
      
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
/*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em;
/*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(96%, 96%, 96%, 0.3);
}

.valuationResults .textQuestions
{
    margin-top: 1em;
}

    .valuationResults .textQuestions .answers
    {
        padding: 0 2em;
    }

    .valuationResults .textQuestions .question
    {
        margin-top: 1em;
        font-size: .9em;
        font-weight: bold;
    }
.body {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    direction: rtl;
    /*background-color: #f7f7f7;*/
    /*font-family: simisnormal, Tahoma;*/
    margin-bottom: 200px;
    background: #989898 url(/images/mainshaddow.png) repeat-y top center;
}

.mainTbl {
    color: #0a0a0a;
    background-color: #f8f8f8;
    direction: inherit;
    /*width: 780px;*/
    width: 957px;
    vertical-align: top;
}

.mainDlg {
    color: #0a0a0a;
    background-color: #f8f8f8;
    direction: rtl;
    vertical-align: top;
}

#loginBanner {
    background: url(/Image/bannerlogin.png);
    width: 960px;
    height: 200px;
    margin: 0 0 20px 0;
}

.textEdit {
    border-right: #dddddb 1px solid;
    border-bottom: #dddddb 1px solid;
    border-top: #60605e 1px solid;
    border-left: #60605e 1px solid;
    margin: 1px 1px 1px 1px;
    color: navy;
    background-color: white;
    color: #40403e;
}

.divBorder {
    border: thin ridge #FFCCFF;
    background-color: White;
}

.titrBlue {
    font-weight: 800;
    color: #36707c;
    padding-top: 4px;
    padding-bottom: 4px;
}

.titrOrang {
    font-weight: 800;
    color: #ffcc00;
    padding-top: 4px;
    padding-bottom: 4px;
}

.titrBlack {
    font-weight: 800;
    color: #00493e;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dropIn {
    background-color: white;
    color: #40403e;
}

.buttonBlue1 {
    border-color: #bbbbbb;
    border-width: 2px;
    color: #28004f;
    background-image: url("/Image/BtnMainBar.gif");
    background-repeat: repeat-x;
    height: 23;
    text-align: center;
}


.buttonYellow {
    border-color: #FFFF99;
    border-style: outset;
    color: #000000;
    background-color: #fbe694;
    height: 20;
    text-align: center;
}

.buttonBlue2 {
    border-color: #dddddd;
    border-style: outset;
    color: #000000;
    background-color: #b7dbff;
    height: 2;
    text-align: center;
}

.titrBlackTD {
    color: #00493e;
    background-color: #d0d0d0;
    border-bottom-style: solid;
    border-bottom-color: #FF6600;
    border-bottom-width: thin;
    padding-top: 4px;
    padding-bottom: 4px;
}

.calendCell {
    border-right: #a1abb3 1px solid;
    border-top: #a1abb3 1px solid;
    border-left: #a1abb3 1px solid;
    border-bottom: #a1abb3 1px solid;
    color: #2e3133;
}

.text {
    color: #0a0a0a;
}

.bgGray {
    background-color: #e8e8e8;
}

.bgYellow {
    background-color: #ffffcc;
    padding-top: 3px;
    padding-bottom: 3px;
}

.link {
    text-decoration: none;
    cursor: pointer;
}

.link2 {
    text-decoration: none underline;
    color: Blue;
    text-decoration: underline;
    cursor: pointer;
}

.MenuBtmRight {
    background: url("/Image/MenuBottomRight.gif" );
    width: 32px;
    height: 9px;
    background-position: right;
    background-repeat: no-repeat;
}

.MenuBtmRight1 {
    background: url("/Image/GBottomRight.gif" );
    width: 9px;
    height: 9px;
    background-position: right;
    background-repeat: no-repeat;
}

.MenuBtmLeft {
    background: url("/Image/GBottomLeft.gif" );
    width: 4px;
    height: 9px;
    background-position: left;
    background-repeat: no-repeat;
}

.MenuBtmLeft1 {
    background: url("/Image/GBottomLeft.gif" );
    width: 9px;
    height: 9px;
    background-position: left;
    background-repeat: no-repeat;
}

.MenuTopRight {
    background: url("/Image/MenuTopRightP.gif" );
    width: 32px;
    height: 30px;
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

.MenuTopRight1 {
    background: url("/Image/MenuTopRight.gif" );
    width: 9px;
    height: 30px;
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.MenuTopPlus {
    background: url("/Image/MenuTopPlus.gif" );
    width: 23px;
    height: 30px;
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.MenuTopMinus {
    background: url("/Image/MenuTopMinus.gif" );
    width: 23px;
    height: 30px;
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
}

.MenuTopLeft {
    background: url("/Image/GTopLeft.gif" );
    width: 9px;
    height: 30px;
    background-position: left;
    background-repeat: no-repeat;
}

.MenuTopMid {
    background: url("/Image/GTopBar.gif" );
    direction: rtl;
    /*width: 167px;*/
    width: 200px;
}

.MenuTopMid1 {
    background: url("/Image/GTopBar.gif" );
    direction: rtl;
}

.MenuBtmMid {
    background: url("/Image/GBottomBar.gif" );
}

.MenuRight {
    background-image: url("/Image/GBottomBar.gif" );
    width: 32px;
}

.menuItemOdd {
    background-color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    height: 20px;
}

.menuItemEven {
    background-color: #f0f0f0;
    text-decoration: none;
    cursor: pointer;
    height: 20px;
}

.menuOver {
    text-decoration: none;
    cursor: pointer;
    background-color: #fbff81;
    height: 20px;
}

.listOdd {
    background-color: #ffedff;
}

.listEven {
    background-color: #f7f7f7;
}

.listTopic {
    font-weight: bold;
    background-color: White;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    border-bottom-width: 2px;
}


.richButton {
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-color: transparent;
}

.listTitrBlue {
    background-color: #b7dbff;
    color: #000048;
    height: 22px;
}

.formBody {
    color: #0a0a0a;
    background-color: #f8f8f8;
    vertical-align: top;
    border-width: thin;
    border-color: #a1a1a1;
    border-style: solid;
}

.formTitr {
    font-family: simisbold, Tahoma;
    height: 30px;
    font-weight: bold;
    color: #003333;
    padding-right: 25px;
    background-color: #a1a1a1;
    border-bottom: solid 1px #a1a1a1;
}

.formTitrSrch {
    background-color: #8b8fb3;
    font-weight: bolder;
    color: Black;
    padding-top: 3px;
    padding-bottom: 5px;
}


.formLabel {
    color: #0a0a0a;
    text-align: Left;
    height: 24px;
}

.formBoldLabel {
    font-weight: bold;
    color: #0a0a0a;
    text-align: Left;
    height: 24px;
}

.formTopic {
    font-weight: bold;
}

.formPart {
    background-color: #e8e8e8;
    direction: rtl;
}

.listBodyTbl {
    color: #0a0a0a;
    background-color: #a1a1a1;
    vertical-align: top;
}

.listHeader {
    text-align: center;
    background-color: #e8e8e8;
}

.listTitr {
    text-align: center;
    font-weight: bold;
    color: #003333;
    padding-right: 25px;
    background-color: #a1a1a1;
    border-bottom: solid 1px #a1a1a1;
    border-right: solid 1px #a1a1a1;
}


.listFixHeader {
    background-color: #a1a1a1;
    color: White;
    font-weight: bold;
    text-align: center;
}

.colorTable {
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    height: 12%;
    width: 12%;
}

.RightMenuLink {
    background: url("/Image/GTopBar.gif");
    cursor: pointer;
    height: 30px;
    padding: 0px 4px 0px 2px;
}

.RightMenuOver {
    background-color: #fbff81;
    cursor: pointer;
    height: 30px;
    padding: 0px 4px 0px 2px;
}

.RightMenuTitr {
    background: url("/Image/GTopBar.gif");
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
    padding: 4px 0px 4px 0px;
    height: 30px;
}

.NewsTitle {
    font-family: simisbold;
    font-weight: bold;
    color: #00567d;
    padding: 0;
    cursor: pointer;
}

.NewsImage {
    background: url("/Image/News.gif" );
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    width: 30px;
    cursor: pointer;
}

.NewsUnit {
    color: #888;
    padding: 0;
    cursor: pointer;
}

.NewsBody {
    color: #0a0a0a;
    padding: 0 5px 0 5px;
    cursor: pointer;
}

.newsTitr {
    font-family: simisbold;
    height: 30px;
    font-weight: bold;
    color: #003333;
}

.newsBodyTotal {
    background-image: url('/Image/InfoBodyBar.gif');
    background-repeat: repeat-x;
    background-position: top;
    border: solid 1px #d8d9da;
}

.PageNumber {
    color: #0a0a0a;
    cursor: pointer;
    text-decoration: underline;
    padding-right: 3px;
    padding-left: 3px;
}

.PageNumberCurrent {
    font-weight: bolder;
    color: #0000ff;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
}

.PageNumberLabel {
    color: #0a0a0a;
    cursor: pointer;
    padding-right: 3px;
    padding-left: 3px;
}

.ToolbarButton {
    cursor: pointer;
    padding: 3px 25px 3px 5px;
    background-color: inherit;
}

.ToolbarOver {
    cursor: pointer;
    background-color: #f7ff7e;
    padding: 3px 25px 3px 5px;
}

.GMenuTopRight {
    width: 9px;
    height: 30px;
    background: url('/Image/GTopRight.gif' );
    background-repeat: no-repeat;
}

.GMenuTopLeft {
    width: 9px;
    height: 30px;
    background: url('/Image/GTopLeft.gif' );
    background-repeat: no-repeat;
}

.GMenuTopMiddle {
    direction: rtl;
    background: url('/Image/GTopBar.gif' );
    font-weight: bold;
}

.GMenuRight {
    width: 32px;
    background-image: url('/Image/GMenuRight.gif');
    background-repeat: repeat-y;
    background-position: right;
}

.GMenuLeft {
    background-image: url('/Image/GMenuRight.gif');
    background-repeat: repeat-y;
    background-position: left;
}

.GMenuBody {
    color: #0a0a0a;
    text-align: center;
    background-color: #ffffff;
}

.CalendarRight {
    background: url("/Image/GCalendarRight.gif" );
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
    cursor: pointer;
}

.menuFixBottomLeft {
    width: 9px;
    height: 9px;
    background: url('/Image/GBottomLeft.gif');
    background-repeat: no-repeat;
}

.menuFixBottomRight {
    width: 9px;
    height: 9px;
    background: url('/Image/GBottomRight.gif');
    background-repeat: no-repeat;
}

.menuFixBottomMid {
    background: url("/Image/GBottomBar.gif" );
    background-repeat: repeat-x;
    height: 9px;
}

.menuFixRight {
    background-image: url('/Image/GMenuRight.gif');
    background-repeat: repeat-y;
    background-position: right;
    width: 2px;
}

.menuFixLeft {
    background-image: url('/Image/GMenuLeft.gif');
    background-repeat: repeat-y;
    background-position: left;
    width: 2px;
}

.menuFixBottomBody {
    background-color: #ffffff;
}

.CalendarRight {
    background: url("/Image/GCalendarRight.gif" );
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
    cursor: pointer;
}

.CalendarLeft {
    background: url("/Image/GCalendarLeft.gif" );
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
    cursor: pointer;
}

.CalendarCell {
    background: url("/Image/GCalendarCell.gif" );
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    text-align: center;
    background-position: center center;
    padding: 2px 1px 2px 1px;
}

.CalendarCellNoBg {
    background-color: #ffffff;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    text-align: center;
    background-position: center center;
    padding: 1px 0px 1px 0px;
}

.CalendarWeek {
    text-align: center;
    width: 17px;
    height: 17px;
    font-weight: bold;
    background-color: #ffffff;
}

.Form2Body {
    background: url(/image/Form2BG.gif) #e7edee repeat-x left top;
    clear: both;
    border: silver 1px solid;
    margin: auto auto 5px;
    color: #555;
    line-height: 16px;
    text-align: justify;
}

table.Form2Body td {
    padding: 10px;
}

.Form2Heading {
    font-family: simisbold, Tahoma;
    color: #248391;
}

.Form2Topic {
    /*background: url(/image/Form2Topic.gif) repeat-x left top;*/
    color: #ca6206;
    text-align: center;
    font-family: simisbold;
}

.Form2Label {
    color: #555;
    text-align: left;
}

.Form2Info {
    color: #555;
    text-align: right;
}

.Form2Button {
    background: url(/image/Form2Btn.gif) repeat-x;
    border: solid 1px #d2964d;
    color: #6e491c;
    height: 18px;
    width: 60px;
}

.subTotal {
    font-weight: bold;
    background-color: #cccccc;
}

.lcdBg {
    direction: rtl;
    background-image: url('/Image/LcdBg.gif');
    background-repeat: repeat;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
}

.lcdTR {
    background-image: url('/Image/LcdTR.gif');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdTL {
    background-image: url('/Image/LcdTL.gif');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdBR {
    background-image: url('/Image/LcdBR.gif');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdBL {
    background-image: url('/Image/LcdBL.gif');
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdTop {
    background-image: url('/Image/LcdTB.gif');
    background-repeat: repeat-x;
    height: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdBottom {
    background-image: url('/Image/LcdBB.gif');
    background-repeat: repeat-x;
    height: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdRight {
    background-image: url('/Image/LcdRB.gif');
    background-repeat: repeat-y;
    width: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdLeft {
    background-image: url('/Image/LcdLB.gif');
    background-repeat: repeat-y;
    width: 14px;
    padding: 0px 0px 0px 0px;
}

.lcdTitle {
    font-family: simisbold;
    font-size: 36px;
    font-weight: bold;
    color: #fdffbf;
    padding: 0px 0px 0px 0px;
}

.lcdMiddle {
    background-color: #fdffbf;
    padding: 0px 0px 0px 0px;
}

.lcdTopic {
    font-family: simisnormal;
    font-weight: bold;
    color: #026200;
    padding: 5px 0px 5px 0px;
    text-align: center;
}

.lcdLabel {
    font-family: simisnormal;
    color: #000086;
    padding: 0px 0px 5px 5px;
    text-align: left;
}

.lcdText {
    color: #202020;
    padding: 0px 0px 5px 0px;
}

.lcdNote {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #730088;
    background-color: #fdffbf;
    border: solid 4px #9d9b00;
    padding: 2px 5px 12px 5px;
    position: absolute;
}

.lcdDate {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #006c0a;
    background-color: #fdffbf;
    border-bottom: solid 3px #9d9b00;
    padding: 2px 2px 5px 2px;
}

.lcdBrief {
    text-align: right;
    background-color: #fdffbf;
    color: #750000;
    padding:: 0px 0px 0px 0px;
    vertical-align: top;
    height: 1px;
}

.lcdBriefCell {
    border-bottom: solid 1px #9d9b00;
    padding: 2px 1px 4px 1px;
}

.LightColor {
    background-color: #b5d7de;
}

.WholeCellFill {
    background-color: #afff8c;
    text-align: center;
    width: 50px;
    height: 30px;
}

.WholeCellFree {
    width: 50px;
    height: 30px;
}

.EvenCellFill {
    background-color: #a2eeee;
    text-align: center;
    width: 50px;
    height: 15px;
}

.EvenCellFree {
    width: 50px;
    height: 15px;
}

.OddCellFill {
    background-color: #ffff80;
    text-align: center;
    width: 50px;
    height: 15px;
}

.OddCellFree {
    width: 50px;
    height: 15px;
}

.Important {
    color: red;
    font-weight: bold;
}