/*@font-face 
{
    font-family: "Stactto_222t";
    src: url("TT0610M.TTF") format("truetype"); 
    
}*/
@font-face {
    font-family: 'Stactto_222t';
    src: url('TT0610M.eot?') format('embedded-opentype'), url('TT0610M.TTF') format('truetype');
}

@media print {
    .noPrint {
        display: none;
    }
}

.c {
}

.r {
    text-align: right;
}

.l {
    text-align: left;
}
/* CSS SPIRIR */

/****Framework******/
.cal_DH {
    background-color: #3F7EB9;
    font-weight: normal;
    color: #FFF;
    height: 14px;
    font-size: 7pt;
}

.cal_D {
    background-color: #FFF;
    font-size: 7pt;
}

.cal_OD {
    color: #999999;
}

.fwkP {
    height: auto;
    min-height: 309px;
    width: 270px;
    display: none;
    position: absolute;
    right: 0px;
    top: 117px;
    border: solid 1px green;
    background-color: White;
}

a.atag {
    text-decoration: none;
    color: #0A317A;
}

    a.atag:hover {
        text-decoration: underline;
    }

div.overdiv {
    display: none;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    background-color: #c0c0c0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.listicon {
    background: url(images/listicon.gif) no-repeat;
}

.cursor {
    cursor: hand;
    cursor: pointer;
}

fieldset {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

legend {
    border: solid 1px black;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 6px;
    font-weight: bold;
    background-color: #F7F7F8;
}

.btn {
    display: inline-block;
    white-space: nowrap;
    background-color: #F1F1F2;
    border: 1px solid #777;
    padding: 0 1.5em;
    font-family: Arial, Helvetica;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    -moz-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    background-image: linear-gradient(top, #eee, #ccc);
    height: 25px;
}

    .btn:hover {
        background-color: #EBEBEB;
        background-image: linear-gradient(top, #fafafa, #ddd);
    }

.bm {
    margin: 5px;
}

a.btn {
    display: block;
    width: 80px;
    padding: 0.2em;
    line-height: 20px;
    height: 20px;
    background: transparent url(images/button.gif) repeat-x;
    border: 1px solid #9ADB57;
    color: #000;
    text-decoration: none;
    text-align: center;
}

.req {
    color: Red;
    font-weight: bold;
}

span.req {
    color: Red;
    font-weight: bold;
    margin-left: 3px;
}

.l {
    text-align: left;
}

.r {
    text-align: right;
}

.c {
    text-align: center;
}

/*div.message {
    width: 100%;
    background: url(images/message_top.gif) repeat-x;
    display: inline;
    float: left;
    margin: 0;
    text-align: center;
}*/

/*div.message_outer {
    width: 100%;
    background: url(images/message_left.gif) no-repeat;
    display: inline;
    float: left;
    margin-right: 100px;
}*/

/*div.message_inner {
    width: 100%;
    background: url(images/message_right.gif) no-repeat 100% 0;
    min-height: 150px;
    height: auto;
    padding-top: 5px;
}*/

a.fwk {
    color: #15c;
    font-weight: bold;
    margin-left: 2px;
}

.Panel {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-top: 1%;
}

.pHead {
    font-weight: bold;
    font-size: 10pt;
    line-height: 30px;
    text-align: left;
    /* background:url(images/pHead.gif) repeat-x;  */
    background: #F7F7F7 url(images/searchbg.png) repeat-x 0 bottom;
    color: #A72A2A;
    text-indent: 10px;
    margin-bottom: 5px;
    clear: both;
    border-bottom: solid 1px #EFF3F6;
    height: 35px;
}

.Panel ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .Panel ul li {
        line-height: 30px;
        float: left;
        min-height: 30px;
        height: auto;
        display: block;
        text-align: left;
        width: 60%;
    }

        .Panel ul li.l {
            text-align: left;
            width: 30%;
            color: #4A4A56;
        }

        .Panel ul li.r {
            text-align: right;
            padding-right: 2%;
            width: 30%;
            color: #4A4A56;
        }

        .Panel ul li.rq {
            text-align: right;
            width: 2%;
            color: Red;
        }

.tbl ul {
    width: 300px;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .tbl ul li {
        line-height: 25px;
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
        min-height: 20px;
        height: auto;
        display: block;
        text-align: left;
    }

.lbl {
    border: solid 1px #ccc;
    width: 95%;
    line-height: 20px;
    padding-left: 1%;
    font-weight: bold;
}



.field {
    width: 90%;
    padding: 3px;
    border: solid 1px #bdc7D8;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}

input, select, textarea {
    padding: 5px 8px;
    border: solid 1px #bdc7D8;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}



option {
    padding: 4px;
}

select.field {
    font-size: 12px;
    width: 90%;
    padding: 4px;
    border: solid 1px #bdc7D8;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#Panel input[type=text] {
    width: 95%;
    border: solid 1px #ccc;
    line-height: 18px;
    height: 18px; /*  padding-right:1%;*/
}

#Panel input[type=file] {
    margin-top: 5px;
    margin-bottom: 5px; /*  padding-right:1%;*/
}

.rq {
    color: Red;
}

.ListGrid {
    border-collapse: collapse;
    width: 100%;
    border-top: none;
    border: 0;
    /* margin:.5%;*/
    clear: both;
}

.adtnl {
    width: 99%;
    margin-left: .5%;
    margin-top: 3px;
}

.ListGrid th {
    background-color: #EFF1F9;
    height: 23px;
    font-weight: normal;
    color: #0B333C;
    text-align: center;
    cursor: hand;
    pointer: hand;
    border: solid 1px #e2e7ed;
}

.ListGrid td {
    text-indent: 2px;
    background-color: #FFF;
    height: 20px;
    vertical-align: middle;
    margin: 1%;
    text-align: center;
    border: solid 1px #e2e7ed;
}

.ListGrid tr.FwkM td {
    text-indent: 2px;
    background-color: #FFF;
    height: 28px;
    vertical-align: middle;
    margin: 1%;
    text-align: center;
    border: solid 1px #e2e7ed;
}

.ListGrid tr.b td {
    font-weight: bold;
}

.ListGrid tr:hover td {
    background-color: #FCFFAB;
}

.ListGrid td.alt {
    background-color: #fffef0;
    vertical-align: middle;
}

.ListGrid tr.alt td {
    background-color: #fffef0;
}

.ListGrid tr.movr td {
    background-color: #FCFFAB;
}

.ListGrid td.l {
    text-align: left;
}

.ListGrid td.r {
    text-align: right;
}

.ListGrid td.c {
    text-align: center;
}

.ListGrid tr.grn td {
    background-color: #C3FFB7;
}

.ListGrid td.grn {
    background-color: Green;
}

tr.total td {
    font-weight: bold;
}

tr.totalGrand td {
    font-weight: bold;
    font-size: 10pt;
}

tr.highLight td {
    background-color: Yellow;
}

.y_12 {
    margin: 0 4px 0 4px;
    color: #000;
}

.msg {
    /*background:url(images/msg.gif) 3px 2px no-repeat ;*/
    color: red;
    line-height: 23px;
    width: 90%;
    font-weight: bold;
    text-align: center;
    margin: auto;
}

#divMessage {
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    color: #1AB900;
}

    #divMessage.error {
        color: Red;
    }

    #divMessage.success {
        color: #1AB900;
    }

.topbar {
    border: solid 1px #9eb6cd;
    width: 100%;
    margin-bottom: 1px;
    padding: 2px;
}

#srcwin {
    background: #F7F7F7 url(images/searchbg.png) bottom repeat-x;
    border: solid 1px #D2DDE4;
    overflow: hidden;
    min-height: 30px;
    height: auto;
    display: none;
    padding-top: 4px;
    padding-bottom: 6px;
    margin-bottom: 4px;
    /* background-color:#EFF8FE;background-color:Blue; */
}

.srcwin {
    background: #F7F7F7 url(images/searchbg.png) bottom repeat-x;
    border: solid 1px #D2DDE4;
    overflow: hidden;
    min-height: 30px;
    height: auto;
    padding-top: 4px;
    padding-bottom: 6px;
    margin-bottom: 4px;
}

.btnAction {
    margin-top: 5px;
    width: 99%;
    text-align: right;
    margin-bottom: 5px;
}

.note {
    color: Green;
    text-align: left;
    font-size: 8pt;
    text-indent: 10px;
}

#option {
    height: 50px;
    width: 240px;
    position: absolute;
    right: 35px;
    top: 22px;
    border: solid 1px #ccc;
    border-top: 0;
    display: none;
    background-color: White;
    /*background:#fff url(images/searchbg.png)  repeat-x;*/ background-color: White;
    color: #4A4A56;
    border-bottom: solid 1px #EFF3F6;
    height: 25px;
    padding: 3px 0px 0px 5px;
    font-size: 8pt;
}

input[type="text"]:disabled {
    background-color: #FFEFE9;
    color: #000;
    border: solid 1px #ccc;
}

/***************** This is for showing iconed Action Button in the navigaion bar ********************/

#nav ul {
    list-style: none;
    margin: 3px 5px 0 0;
    padding: 0;
    float: right;
    color: #0B333C;
}

    #nav ul li button {
        background: none;
        border: none; /*padding-bottom:3px; */
        height: 24px;
        cursor: hand;
        pointer: hand;
        margin: 0;
        padding: 0;
    }

    #nav ul li span {
        text-decoration: underline;
        color: #0B333C; /*font-weight:bold;*/
        cursor: hand;
        pointer: hand;
    }

    #nav ul li {
        line-height: 23px;
        cursor: pointer;
        cursor: hand;
        padding: 0 2px 0 2px;
        margin-right: 3px;
        border-right: solid 1px #DADADA;
        float: left;
        min-width: 62px;
        width: auto;
        text-indent: 2px;
    }

        #nav ul li:hover {
            background-color: #92b6d7;
            display: block;
        }

#nav div.save {
    background: url(images/iconcss.png) -2px -22px;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 2px;
    display: block;
    float: left;
}

#nav div.exp {
    background: url(images/spirit.gif) -82px -1px;
    width: 18px;
    height: 18px;
    margin: 4px 0 0 2px;
    display: block;
    float: left;
}

#nav div.new {
    background: url(images/iconcss.png) -3px -3px;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 2px;
    display: block;
    float: left;
}

#nav div.edit {
    background: url(images/iconcss.png) -84px -1px;
    width: 16px;
    height: 16px;
    margin: 4px 0 2px 2px;
    display: block;
    float: left;
}

#nav div.del {
    background: url(images/iconcss.png) -62px -2px;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 2px;
    display: block;
    float: left;
}

#nav div.pnt {
    background: url(images/iconcss.png) 38px -23px;
    width: 18px;
    height: 16px;
    margin: 4px 0 0 2px;
    display: block;
    float: left;
}

#nav div.srch {
    background: url(images/iconcss.png) 98px -21px;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 2px;
    display: block;
    float: left;
}

#nav div.view {
    background: url(images/iconcss.png) 77px -21px;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 2px;
    display: block;
    float: left;
}

#nav div.export {
    background: url(images/iconcss.png) -1px -22px;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 2px;
    display: block;
    float: left;
}

#nav div.set {
    background: url(images/iconcss.png) 58px -21px;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 2px;
    display: block;
    float: left;
}

#nav div.ref {
    background: url(images/spirit.gif) -25px -104px;
    width: 18px;
    height: 16px;
    margin: 3px 0 0 2px;
    display: block;
    float: left;
}

#nav div.help {
    background: url(images/iconcss.gif);
    width: 16px;
    height: 16px;
    margin: 3px 0 0 2px;
    display: block;
    float: left;
}

#nav div.back {
    background: url(images/iconcss.png) -23px -22px;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 2px;
    display: block;
    float: left;
}



#topright {
    display: block;
    border-bottom: solid 1px #E7E6E2;
    height: 28px;
    background-color: #F6F6F6;
}

.navpath {
    float: left;
    text-indent: 18px;
    line-height: 30px;
    height: 20px;
    color: #383838;
    background: url(images/home.gif) no-repeat 3px 10px;
}

.addrow {
    background: url(images/03.png) 3px 2px no-repeat;
    float: right;
    width: 100px;
    text-indent: 20px;
    margin-top: 5px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    font-size: 8pt;
    cursor: hand;
    cursor: pointer;
    border: solid 1px green;
    color: #800080;
    margin-bottom: 6px;
}

/***POPUP*/
.model {
    border: solid 1px #ACDD4A;
    min-width: 250px;
    width: auto;
    position: absolute;
    left: 100px;
    top: 50px;
    z-index: 2;
}

.mhdr {
    background: url(images/grnhdr.png) 0 repeat-x;
    height: 28px;
    width: 100%;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
}

.mCnt {
    width: 98%;
    min-height: 250px;
    height: auto;
    padding: 1%;
    background-color: #FFF;
}

.mhdr span {
    float: left;
    margin: 5px;
    margin-left: 2px;
}

.mhdr a {
    float: right;
    margin: 5px;
    cursor: hand;
    pointer: hand;
}

div.error {
    color: Red;
    font-weight: bold;
    width: 95%;
    clear: both;
}

    div.error div {
        color: #000;
        width: 95%;
        font-weight: normal;
        clear: both;
    }

#htmlFilterClause {
    font-weight: bold;
    padding: 5px;
    border-top: solid 2px #ccc;
}

    #htmlFilterClause div {
        float: left;
        width: 33%;
        line-height: 20px;
    }

/********/
.cal_D, .cal_OD {
    border-bottom: dotted 1px #EFEEEE;
    font-weight: normal;
    font-family: Calibri;
    padding: 1px 0px 1px 0px;
}

/************************************** CAlendader **************************/
/* Calendar Main Div Style */
/* Calendar Main Div Style */
.calendarTable_ {
    border-left: solid 1px #eeeeee;
}

    .calendarTable_ td {
        border-right: solid 1px #eeeeee;
        border-bottom: solid 1px #eeeeee;
    }

.mainDiv_ {
    position: absolute;
    z-index: 500;
}

/* Calendar Main Table Style */
.calendarTable_ {
    width: 148px;
    background-color: #C5C5C5;
}

/* Calendar Title Row Style */
.titleRow_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;
    color: #585858;
    filter: progID:DXImageTransform.Microsoft.Gradient(gradientType='0', startcolorStr='#DBDBDB', endcolorStr='#EDEDED');
    background-color: #E0E0E0;
    height: 16px;
}

/* Calendar Year Row Style */
.yearHeadingRow_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;
    color: #585858;
    filter: progID:DXImageTransform.Microsoft.Gradient(gradientType='0', startcolorStr='#BAE4F5', endcolorStr='#ECF9FF');
    background-color: #BAE4F5;
    height: 14px;
    cursor: hand;
    pointer: hand;
}

/* Calendar Month Row Style */
.monthHeadingRow_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: #585858;
    background-color: #FBFBD7;
    cursor: hand;
    pointer: hand;
}

/* Calendar Week Days Cells Style */
.daysHeadingCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    width: 20px;
    height: 14px;
    color: #000;
    background-color: #DEF3FF;
}

/* Calendar Blank Cells Style */
.blankCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    width: 20px;
    height: 14px;
    color: #000;
    background-color: #EEEEEE;
}

/* Calendar Disabled Cells Style for Expiry */
.disabledCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    width: 20px;
    height: 14px;
    color: #C2C2C2;
    background-color: #EEEEEE;
}

/* Calendar Normal Cells Style */
.normalDateCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    text-align: center;
    width: 25px;
    height: 19px;
    color: #000;
    background-color: #FFF;
}

/* Calendar Current Date Cell Style */
.todayDateCell_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 9px;
    text-align: center;
    width: 20px;
    height: 14px;
    color: #000;
    background-color: #FFFFE0;
}

/* Calendar Sunday Cells Style */
.sundayDateCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    text-align: center;
    width: 20px;
    height: 14px;
    color: #000;
    background-color: #DEF3FF;
}

/* Date Cells Style On Mouse Over */
.dateOver_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 9px;
    text-align: center;
    width: 20px;
    height: 14px;
    cursor: pointer;
    color: #000;
    background-color: #FFFFE0;
}

/* Calendar Months Cells Style */
.monthCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    text-align: center;
    width: 48px;
    height: 16px;
    color: #000;
    background-color: #FFF;
}

/* Months Cells Style On Mouse Over */
.monthOver_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 9px;
    text-align: center;
    width: 48px;
    height: 16px;
    cursor: pointer;
    color: #000;
    background-color: #FFFFE0;
}

/* Calendar Years Cells Style */
.yearCell_ {
    font-family: verdana;
    font-weight: normal;
    font-size: 9px;
    text-align: center;
    width: 48px;
    height: 16px;
    color: #000;
    background-color: #FFF;
}

/* Years Cells Style On Mouse Over */
.yearOver_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    width: 48px;
    height: 16px;
    cursor: pointer;
    color: #000;
    background-color: #FFFFE0;
}

/* Calendar Links Style */
A.linksCalendar_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    color: #585858;
    text-decoration: none;
}

    A.linksCalendar_:hover {
        color: #FF0000;
    }

/* Calendar Close & Clear Button Style */
A.linksButton_ {
    font-family: verdana;
    font-weight: bold;
    font-size: 9px;
    color: #585858;
    text-decoration: none;
    text-align: center;
    border: #C5C5C5 1px solid;
    background-color: #EDEDED;
    padding-left: 2px;
    display: block;
    width: 14px;
    height: 12px;
}

    A.linksButton_:hover {
        color: #FF0000;
        background-color: #FBFBD7;
    }




/*********DTEE******/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-size: 9pt;
    color: #000;
    white-space: nowrap;
}

    .dtree img {
        border: 0;
        vertical-align: middle;
    }

    .dtree a {
        color: #000;
        text-decoration: none;
    }
        /*
.dtree a span{
		 background-color:white; font-size:9.5pt; border:0;  line-height:25px;
}*/
        .dtree a.node, .dtree a.nodeSel {
            white-space: nowrap;
            padding: 1px 2px 1px 3px;
        }

            .dtree a.node:hover, .dtree a.nodeSel:hover {
                color: #000;
                text-decoration: underline;
            }

        .dtree a.nodeSel {
            background-color: #c0d2ec;
        }

    .dtree .clip {
        overflow: hidden;
    }
/********************************/
/*****  Application                  ********/

.mbody {
    background: #E9F1F9 url(images/Bottom_texture.jpg) repeat top left;
}

body {
    margin: 0;
    padding: 0;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    /*font-family:Open Sans; /*
Oswald*/
    font-size: 9pt;
    font-weight: inherit;
    /*
overflow-y:scroll;*/
}

.ajax-loader-outer {
    background: #fff url(images/loading_animation.gif) no-repeat 5px 5px;
    width: 68px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px 0 12px 46px;
    font-size: 13px;
    color: #000;
    height: 15px;
    -moz-box-shadow: 2px 2px 3px #C2C2C2;
    -webkit-box-shadow: 2px 2px 3px #C2C2C2;
    box-shadow: 2px 2px 3px #C2C2C2;
}

/*Customer Padding for NiceEditory becuase of Framework */
.nicEdit-selectTxt {
    line-height: 15px;
}

.hicon {
    vertical-align: middle;
    margin-right: 3px;
    border: 0px;
}

::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 13px;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
}

    ::-webkit-scrollbar-track:horizontal {
        border-width: 4px 0 0;
    }

    ::-webkit-scrollbar-track:hover {
        background-color: rgba(0,0,0,.05);
        box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    }

    ::-webkit-scrollbar-track:horizontal:hover {
        box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    }

    ::-webkit-scrollbar-track:active {
        background-color: rgba(0,0,0,.05);
        box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
    }

    ::-webkit-scrollbar-track:horizontal:active {
        box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

    ::-webkit-scrollbar-thumb:horizontal {
        border-width: 6px 1px 1px;
        padding: 0 0 0 100px;
        box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.07);
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,.4);
        box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0,0,0,0.5);
        box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    }

::-webkit-scrollbar-corner {
    background: transparent;
}

body::-webkit-scrollbar-track-piece {
    background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 0 0 0 3px;
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07);
}

    body::-webkit-scrollbar-track-piece:horizontal {
        border-width: 3px 0 0;
        box-shadow: inset 0 1px 0 rgba(0,0,0,.14),inset 0 -1px 0 rgba(0,0,0,.07);
    }

body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px;
}

    body::-webkit-scrollbar-thumb:horizontal {
        border-width: 5px 1px 1px;
    }

body::-webkit-scrollbar-corner {
    background-clip: padding-box;
    background-color: #f5f5f5;
    border: solid #fff;
    border-width: 3px 0 0 3px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}

.cursor {
    cursor: hand;
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#topsection {
    height: 117px;
}

#maincontainer {
    width: 1000px;
    width: 94%;
    margin: auto;
    min-width: 1000px;
    /*height:400px;   */
    min-height: 600px;
    height: auto;
    margin-top: 10px;
    background: #e2e7ed url(images/topsection.gif) repeat-x top;
    margin-bottom: 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*behavior: url(border-radius.htc);*/
    border: solid 1px #CCCCCE;
    /*
box-shadow:0 2px 3px rgba(0,0,0,0.1) inset, 0 0 8px #ffffff;
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1) inset, 0 0 8px #ffffff;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1) inset, 0 0 8px #ffffff;
 */
    /*
 box-shadow: 0 0 8px #C9CED4;*/
    box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
}

#contentwrapper {
    float: right;
    width: 100%;
    margin-left: -212px;
    /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

#contentcolumn {
    margin-left: 212px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
    border-left: solid 1px #DEE3E9;
    background-color: White;
}

#leftcolumn {
    float: left;
    width: 194px; /* Width of left column in pixels */
}

#footer {
    clear: both;
    width: 100%;
    text-align: left;
    border-top: solid 1px #ccc;
    font-size: 9pt;
    padding-bottom: 2px;
    height: 30px;
    line-height: 26px;
    bottom: 0px;
    position: absolute;
}

    #footer a {
        color: #000;
        text-decoration: none;
    }
/*My Page Right column fix*/
#mypagewrapper {
    float: left;
    wi_hlpdth: 100%;
}

#mypagecontentcolumn {
    margin-right: 240px; /*Set right margin to RightColumnWidth*/
}

#mypagerightcolumn {
    float: left;
    width: 240px; /*Width of right column in pixels*/
    margin-left: -240px; /*Set left margin to -(RightColumnWidth) */
}

.icn {
    height: 16px;
    width: 16px;
    float: left;
    margin-top: 5px;
    margin-right: 4px;
}

.i_hm {
    background: url(images/iconcss.png) 0px 60px;
}

.i_ac {
    background: url(images/iconcss.png) -20px 60px;
}

.i_ad {
    background: url(images/iconcss.png) -40px 60px;
}

.i_fee {
    background: url(images/iconcss.png) -62px 59px;
}

.i_lib {
    background: url(images/iconcss.png) -104px 59px;
}

.i_gen {
    background: url(images/iconcss.png) -80px 60px;
}

.i_set {
    background: url(images/iconcss.png) -80px -21px;
}

.i_rpt {
    background: url(images/iconcss.png) -1px 39px;
}

.i_hr {
    background: url(images/iconcss.png) -104px 59px;
}

.i_exm {
    background: url(images/iconcss.png) -120px 60px;
}

.i_srch {
    background: url(images/iconcss.png) -42px -22px;
}

.i_topC {
    height: 17px;
    width: 16px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}

.i_add {
    background: url(images/iconcss.png) -81px -42px;
}

.i_hlp {
    background: url(images/iconcss.png) -122px -42px;
}

.i_switch {
    background: url(/images/Switch.jpg) 383px -6px;
}

.i_log {
    background: url(images/iconcss.png) -102px -42px;
}

.toplink {
    background: transparent url(images/toplinksbg1.png) no-repeat center top;
    height: 24px;
    width:288px; /*348px;*/
    float: right;
    margin-right: 12px;
    text-align: center;
    color: white;
    font-size: 8pt;
    line-height: 18px;
    padding-top: 2px;
}

    .toplink div {
        float: left;
        margin-right: 5px;
    }

    .toplink a {
        color: #ffffff;
        float: left;
        text-decoration: none;
    }
/*Mypage*/
.i_mp {
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 3px;
}

.i_circle {
    background: url(images/mypage.png) -25px 0px;
}

.i_clsfld {
    background: url(images/mypage.png) -50px 25px;
}

.i_poll {
    background: url(images/mypage.png) 0px 25px;
}

.i_fw {
    background: url(images/mypage.png) -50px 0px;
}

.i_ann {
    background: url(images/mypage.png) -25px 25px;
}

.i_pGal {
    background: url(images/mypage.png) -75px 0px;
}
/*endmypage*/
.inst {
    font-weight: bold;
    font-size: 13pt;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-shadow: 0 2px 0 #CCC;
}

.instadd {
    font-size: 8pt;
}

/*Navigaiton*/
/*http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/*/
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */




/* Menu Begining  */
.menu {
    width: 100%;
    height: 42px;
    padding-top: 0px;
    background: #7A1111 url(images/menur_bg.gif) repeat-x;
    z-index: 1;
}
/*15577A   9A0000*/

.nocurrent {
    z-index: 30;
}

.homecurrent {
    z-index: 20;
}

.menu ul {
    padding: 0;
    margin: 0;
    list-style: none; /* overflow-x:hidden; overflow-y:auto;*/
    margin-left: 4px;
}

.menu > ul {
    float: left;
}

    .menu > ul > li {
        float: left;
        padding-top: 11px;
        position: relative;
    }

        .menu > ul > li > a {
            display: block;
            color: #333;
            line-height: 26px;
            background: transparent;
            text-decoration: none;
            padding: 0 0px 0 19px;
            font-size: 13px;
            margin-top: -11px;
            height: 39px;
        }

            .menu > ul > li > a b {
                display: block;
                background: transparent;
                padding: 9px 20px 0 1px;
                font-weight: normal;
                height: 39px;
                cursor: hand;
                cursor: pointer;
            }
        /*  Commented to avoid mouseover type chnage 
    .menu > ul > li > a:hover {color:#fff;}
.menu > ul > li:hover > a {background:url(images/border-left.gif) no-repeat left top; color:#fff; text-shadow:1px 1px #000000; margin-top:-11px;}
.menu > ul > li:hover > a b {background:url(images/border-right.gif) no-repeat right top; color:#fff; text-shadow:1px #000000; padding-top:11px;}
*/



        .menu > ul > li.current > a {
            background: url(images/menur_hover_left.gif) no-repeat left top;
            color: #fff;
            text-shadow: 1px 1px #000000;
            margin-top: -11px;
        }

            .menu > ul > li.current > a b {
                background: url(images/menur_hover_right.gif) no-repeat right top;
                color: #fff;
                text-shadow: 1px #000000;
                padding-top: 9px;
            }

        .menu > ul > li > a:hover {
            background: url(images/menur_hover_left.gif) no-repeat left top;
            color: #fff;
            text-shadow: 1px 1px #000000;
            margin-top: -11px;
        }

            .menu > ul > li > a:hover b {
                background: url(images/menur_hover_right.gif) no-repeat right top;
                color: #fff;
                text-shadow: 1px #000000;
                padding-top: 9px;
            }

/*  .menu > ul > li > div > ul {
     margin-left:10px; margin-top:5px;
    }*/
.menu a {
    margin: 0px 0px 3px 0px;
    display: inline-block;
}

.dropdown_1columns,
.dropdown_2columns,
.dropdown_3columns {
    background: #fff url(images/divmenubg.gif);
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 5px 5px 10px 5px;
    border: 1px solid #7A1111;
    border-top: 5px solid #7A1111;
    z-index: 1000;
    margin-top: -2px;
    top: 39px;
    /* Gradient background
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 */
    /* Rounded Corners */
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    /*Box shado*/
    -moz-box-shadow: -3px 3px 5px #B2B2B2, 3px 3px 5px #B2B2B2;
    -webkit-box-shadow: -3px 3px 5px #B2B2B2, 3px 3px 5px #B2B2B2;
    box-shadow: -3px 3px 5px #B2B2B2, 3px 3px 5px #B2B2B2;
}

.dropdown_1columns {
    width: 220px;
    padding-top: 10px;
    z-index: 2000;
}

.dropdown_2columns {
    width: 440px;
    padding-top: 10px;
}

.dropdown_3columns {
    width: 660px;
    padding-top: 10px;
}

.dropdown_1columns a.hidden {
    display: none;
}

.dropdown_2columns a.hidden {
    display: none;
}

.dropdown_3columns a.hidden {
    display: none;
}

.menu li.current:hover .dropdown_1columns,
.menu li.current:hover .dropdown_2columns,
.menu li.current:hover .dropdown_3columns {
    left: -6px;
}

.hideifnochild {
    border: 0px;
    height: 0px;
    padding: 0px;
}


.col_1,
.col_2,
.col_3 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 0px;
    margin-right: 5px;
}

.col_1 {
    width: 200px;
    margin-right: 10px;
}

.col_2 {
    width: 270px;
}

.col_3 {
    width: 410px;
}

    /*.dropdown_1columns a,
.dropdown_2columns a,
.dropdown_3columns a { margin-left:10px !important; 
}*/
    .col_1 b,
    .col_2 b,
    .col_3 b {
        line-height: 20px;
    }

.menu .menu_right {
    float: right;
    margin-right: 0px;
}

.menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

.menu li.current:hover .align_right {
    left: auto;
    right: -1px;
}

.menu li:hover div a {
    font-size: 12px;
    color: #1B1B1B;
}

    .menu li:hover div a:hover {
        color: #004FD2;
    }

.menu h1 {
    margin: 5px 0px 6px 0px;
    font-size: 10pt;
    color: #7A1111;
    height: 20px;
    border-bottom: dotted 1px orange;
}

.menu > ul > li > div > div > ul {
    margin-bottom: 10px;
}

li.menu a {
    margin-left: 10px;
}

.menu > ul > li > div a {
    text-decoration: none;
}

    .menu > ul > li > div a:hover {
        text-decoration: underline;
    }




.round {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*behavior: url(../border-radius.htc);  */
}

.logindet {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*behavior: url(border-radius.htc);*/
    border: solid 1px rgba(0,0,0,.07);
    background: #ffffff;
}

.crnr {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*behavior: url(border-radius.htc);*/
    border: solid 1px #efd6a3;
    background: #ffffff;
}

.crnr2 {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*behavior: url(border-radius.htc);*/
    border: solid 1px #efd6a3;
    background: #ffffff;
}

#Menulink {
    min-height: 230px;
    height: auto;
    width: 200px;
    margin-left: 5px;
    border: solid 1px #DBCDA3;
    padding-top: 3px;
}

#Nav_1 {
    background: url(images/base.gif) no-repeat 1px 2px; /*left tab image path*/
}

#Nav_2 {
    background: url(images/index.jpg) no-repeat 1px 2px; /*left tab image path*/
}

#Nav_3 {
    background: url(images/icon-chat.gif) no-repeat 1px 3px; /*left tab image path*/
}

#Nav_4 {
    background: url(images/calendar.jpg) no-repeat 1px 2px;
}

.leftTab {
    margin-top: 5px;
    text-align: left;
    margin-left: 5px;
    clear: both;
    height: 25px;
    width: 190px;
    border-bottom: solid 1px #E9DBDB;
    line-height: 25px;
    cursor: hand;
    pointer: hand;
    background-color: Red;
    color: #0a317a;
    font-weight: bold;
}

    .leftTab span {
        margin-left: 25px;
        float: left;
    }

    .leftTab .img {
        float: right;
        margin-top: 9px;
        margin-right: 5px;
        cursor: hand;
        pointer: hand;
    }

.leftTabC {
    text-align: left;
    clear: both;
    width: 189px;
    padding-left: 5px;
    margin-top: 3px; /* height:100px;  display:none;  */
    display: block;
}

.menuHead {
    border-bottom: solid 1px #EFEEEE;
    height: 27px;
    margin-bottom: 4px;
}

.calendar a {
    text-decoration: none;
}
/**** My page Tab  */

.cogr ul.cotb.coc1 li.tabsel span.tabsel, .cogr ul.cotb.coc1 {
    border-color: #009ad9;
}

.cogr ul.cotb {
    font-weight: bold;
    line-height: normal;
    list-style-type: none;
    margin: 0 0 .833em 0;
    padding: 0;
    width: 100%;
}

.cogr ul.cotb {
    border-bottom: solid 1px;
    background-color: #f1f1f1;
}

    .cogr ul.cotb li {
        float: left;
        height: auto;
        list-style-type: none;
        padding: 0;
        margin: 0;
        cursor: hand;
        cursor: pointer;
    }

        .cogr ul.cotb li span, .cogr ul.cotb li span.tabsel {
            float: left;
            cursor: hand;
            pointer: hand;
        }

        .cogr ul.cotb li span {
            background-color: #f1f1f1;
            border-width: 0 1px;
            border-color: #fff;
            border-style: solid;
            padding: .417em 1.333em .167em 1.333em;
            text-decoration: none;
        }

        .cogr ul.cotb li span {
            color: #666;
        }

        .cogr ul.cotb li.tabsel span.tabsel {
            background-color: #fff;
            border-style: solid;
            border-width: 3px 1px 0 1px;
            color: #333;
            cursor: default;
            height: 22px;
            margin-bottom: -1px;
            margin-left: -1px;
            margin-top: -4px;
            padding: .417em 1.333em .25em 1.333em;
            position: relative;
        }

.tblehdr {
    border-bottom: solid 1px #009ad9;
    height: 28px;
    font-size: 10pt;
    text-align: left;
    line-height: 28px;
    color: #ac003d;
    font-weight: bold;
}

.news {
    min-height: 150px;
    width: 100%;
    border: solid 0spx #ccc;
    margin-top: 10px;
    height: auto;
    /*	-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		behavior: url(border-radius.htc);
	 border:solid 1px #D7E0E9; 
	 background:#d7e0e9 url(images/blueshade.gif) repeat-x bottom;*/
}

#mychat {
    height: 30px;
    width: 219px;
    margin-left: 5px;
    margin-top: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(border-radius.htc);
    border: solid 1px #DBCDA3;
    background: #fff;
}

.activity {
    margin: 5px 0 5px 0px;
    border-bottom: solid 1px #F1F2F2;
    line-height: 18px;
    height: 40px;
}

.warn, .W {
    background: url(images/warning.png) no-repeat;
}

.info, .I {
    background: url(images/information.gif) no-repeat;
}

.infored, .R {
    background: url(images/info_red.png) no-repeat;
}

.succmsg, .S {
    background: url(images/success.png) no-repeat;
}

.directMsg {
    background: url(images/news_arrow.jpg) no-repeat;
}


div.head {
    width: 99%;
    color: #0D393E;
    text-indent: 22px;
}

div.data {
    color: #858585;
    font-size: 8pt;
}

.assign {
    margin: 5px 0 5px 0px;
    border-bottom: solid 1px #F1F2F2;
    line-height: 18px;
    height: 40px;
    background: url(images/assignment.gif) no-repeat;
}

.TobBarData {
    margin-left: 2px;
    min-height: 100px;
    height: auto;
    display: none;
}

    .TobBarData a {
        color: #3b5998;
        text-decoration: none;
        width: 100%;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
    }

        .TobBarData a:hover {
            color: #3b5998;
            text-decoration: underline;
        }

.link {
    font-size: 9pt;
    font-weight: normal;
    color: #2B3AA9;
}

.dLink {
    float: left;
    margin-top: 2px;
    color: #4B4A4A;
}

.pdf {
    background: url("images/iconcss.png") -62px 78px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.word {
    background: url("images/iconcss.png") -42px 78px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.ppt {
    background: url("images/iconcss.png") -1px 79px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.excel {
    background: url("images/iconcss.png") -22px 78px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.txt {
    background: url("images/iconcss.png") -82px 78px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.media {
    background: url("images/iconcss.png") -102px 78px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

.unknown {
    background: url("images/iconcss.png") -122px 78px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 4px;
}

a.heading {
    width: 100%;
    display: block;
    color: #3B5998;
    font-size: 11px;
    margin-bottom: 3px;
    font-weight: bold;
    line-height: 13px;
    text-decoration: none;
}

.news a:hover {
    text-decoration: underline;
}

.hmnews {
    border-bottom: solid 1px #009ad9;
    height: 27px;
    font-weight: bold;
    font-size: 10pt;
    color: #AC003D;
    line-height: 20px;
    margin-bottom: 4px;
}

.hcircular {
    font-size: 8pt;
    margin-top: 3px;
    width: 98%;
}

.hAnnouncement {
    border-bottom: solid 1px #F1F2F2;
    margin: 2px 0 2px 0;
    padding-bottom: 2px;
    line-height: 17px;
}

    .hAnnouncement a {
        color: #3B5998;
        font-size: 11px;
        margin-bottom: 6px;
        font-weight: bold;
        line-height: 13px;
        text-decoration: none;
    }

.pimg {
    border: solid 2px #DCDDDE;
    padding: 2px;
}

.photoGallery a {
    color: #031270;
    cursor: hand;
    pointer: hand;
}

.photoGallery img {
    cursor: hand;
    pointer: hand;
}

table.timetable {
    /*border:solid 1px #f1f2f2;*/
}

    table.timetable td {
        border: solid 1px white;
    }

        table.timetable td.nb {
            /*border-right:solid 2px #f1f2f2;*/
        }

.ttMB {
    margin: 2px;
    height: auto;
    min-height: 36px;
    font-size: 7pt;
    cursor: hand;
    pointer: hand;
}

.tB {
    border: solid 1px #E6E8E8;
    margin-bottom: 2px;
}

.mailToolbar {
    width: 97%;
    text-align: left;
    border-bottom: solid 1px #EBE9E8;
    margin-left: 1.5%;
}

    .mailToolbar a {
        text-decoration: none;
        color: Black;
        margin-left: 5px;
    }

    .mailToolbar img {
        border: 0;
    }

.bubble {
    border: solid 1px #D2E1FC;
    margin: 2px;
    min-width: 50px;
    width: auto;
    float: left;
}

.darkrow, .darkrow TD {
    background-color: #ffffa1;
    font-weight: bold;
    height: 25px;
    color: #000;
}

.calendar a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.imgleft {
    float: left;
    padding: 6px 10px 6px 0px;
}

.genContent {
    width: 96%;
    text-align: left;
    margin: auto;
    margin-top: 10px;
}

.user {
    background: url(images/user.png) no-repeat 0px 2px;
    width: 98%;
    height: 16px;
    line-height: 18px;
    text-align: left;
    text-indent: 16px;
    margin-left: 1%;
    font-size: 8pt;
}

    .user a {
        text-decoration: none;
        color: #000000;
    }

        .user a:hover {
            text-decoration: underline;
            color: #5a5a5a;
        }

.chatHead {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 3px;
    padding: 3px;
    border-bottom: solid 1px green;
    background: url(images/icon-chat.gif) no-repeat 5px;
    text-indent: 19px;
}

tr.timetablebreak td {
    background-color: #FED6CF;
}

tr.tthead th {
    height: 30px;
    font-weight: bold;
    font-size: 9pt;
}

.ttsub {
    background: url(images/subject.gif) no-repeat;
    text-align: left;
    text-indent: 18px;
    margin: 4px 0 1px 4px;
    font-weight: bold;
    font-size: 8pt;
}

.ttfac {
    background: url(images/faculty.png) no-repeat;
    color: #797A7B;
    text-align: left;
    text-indent: 18px;
    margin: 0px 0px 1px 4px;
    font-size: 8pt;
}

.ttrm {
    background: url(images/room.gif) no-repeat;
    color: green;
    text-align: left;
    text-indent: 18px;
    margin: 0px 0px 4px 4px;
    font-size: 8pt;
}

.cstmh1 {
    font-size: 11pt;
    margin: 0px 0px 5px 4px;
    font-weight: bold;
    color: #1F4894;
    line-height: 30px;
    border-bottom: solid 1px #ccc;
}

tr.duefee td {
    background-color: #F7F7CD;
}

.divMyCircles img {
    cursor: hand;
    pointer: hand;
}

.ContextMenu {
    border: solid 3px #ccc;
    width: 100px;
}

    .ContextMenu div {
        height: 20px;
        border-bottom: solid 1px #ccc;
        vertical-align: middle;
        line-height: 20px;
        padding: 3px 0px 0px 3px;
        cursor: hand;
        pointer: hand;
    }
/** Content Management System */
.RA {
    clear: both;
    float: left;
    width: 100%;
    text-align: left;
    border: solid 1px blue;
}

.RA2 {
    clear: both;
    float: left;
    width: 80%;
    text-align: right;
    border: solid 1px blue;
}

.subject {
    border-bottom: solid 1px #ccc;
    background: url('images/book.jpg') no-repeat;
    width: 99.5%;
    font-weight: bold;
    margin: 4px 0px 4px 0px;
    padding-bottom: 5px;
    min-height: 20px;
    height: auto;
    text-align: left;
    margin-left: 5px;
}

.subdetails {
    margin-left: 10px;
    width: 95%;
}

.t {
    border-bottom: dotted 1px #ccc;
    padding-bottom: 2px;
}

p {
    margin: 0;
    padding: 0;
}

.TP {
    margin-bottom: 10px;
    border: solid 1px #ccc;
    background-color: White;
}

.c1 {
    text-align: left;
    clear: both;
    width: 99%;
    min-height: 10px;
    height: auto;
    padding: 0.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.c2 {
    text-align: left;
    clear: both;
    width: 97%;
    min-height: 10px;
    height: auto;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2%;
}

.contentCtl {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #F6F4F4;
    height: 31px;
}

.LN {
    background: url('images/folder.gif') no-repeat;
}

.SLD {
    background: url('images/folder.gif') no-repeat;
    text-indent: 18px;
    line-height: 20px;
}

.SLF {
    line-height: 20px;
}

.LB {
    text-align: left;
    text-indent: 16px;
    background: url('images/label.gif') no-repeat;
}

.WP {
    background: url('images/link_file.gif') no-repeat -1px 4px;
    text-align: left;
    text-indent: 16px;
}

.SV {
    background: url('images/icon_survey2.gif') no-repeat 0px 0px;
    text-align: left;
    text-indent: 16px;
}

.QZ {
    background: #FFEDED url('images/quiz.jpg') no-repeat 4px 4px;
    text-align: left;
    text-indent: 16px;
    height: 35px;
    padding: 4px;
}

.ASM {
    background: #DFFDD3 url('images/asmnt.gif') no-repeat 4px 4px;
    text-align: left;
    text-indent: 16px;
    height: 35px;
    padding: 4px;
}

.FRM {
    background: url('images/icon_forum.gif') no-repeat 0px 1px;
    text-align: left;
    text-indent: 16px;
}

.NT {
    background: #F3F9E6 url('images/notes.gif') no-repeat 4px 4px;
    text-align: left;
    text-indent: 18px;
    height: 35px;
    padding: 4px;
}

.LP {
    background: url('images/page.gif') no-repeat 0px 1px;
    text-align: left;
    text-indent: 16px;
}

.subHeading {
    color: #3B5998;
    font-weight: bold;
    font-size: 9pt;
    line-height: 30px;
    margin: 10px 0px 0px 0px;
}

.time {
    text-indent: 18px;
    color: #717070;
}

.author {
    background: url('images/author.png') no-repeat;
    text-indent: 20px;
    color: #3B5998;
    margin-top: 5px;
    font-size: 8pt;
}

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

/*CHAT CSS*/
/**/

.chatbox {
    position: fixed;
    position: expression("absolute");
    width: 225px;
    display: none;
}

.chatboxhead {
    background-color: #3D3242;
    padding: 7px;
    color: #ffffff;
    border-right: 1px solid #f99d39;
    border-left: 1px solid #f99d39;
}

.chatboxblink {
    background-color: #176689;
    border-right: 1px solid #176689;
    border-left: 1px solid #176689;
}

.chatboxcontent {
    font-family: arial,sans-serif;
    font-size: 13px;
    color: #333333;
    height: 200px;
    width: 209px;
    overflow-y: auto;
    overflow-x: auto;
    padding: 7px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
    line-height: 1.3em;
}

.chatboxinput {
    padding: 5px;
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.chatboxtextarea {
    width: 206px;
    height: 44px;
    padding: 3px 0pt 3px 3px;
    border: 1px solid #eeeeee;
    margin: 1px;
    overflow: hidden;
}

.chatboxtextareaselected {
    border: 2px solid #f99d39;
    margin: 0;
}

.chatboxmessage {
    margin-left: 1em;
}

.chatboxinfo {
    margin-left: -1em;
    color: #666666;
}

.chatboxmessagefrom {
    margin-left: -1em;
    font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
    float: right;
}

    .chatboxoptions a {
        text-decoration: none;
        color: white;
        font-weight: bold;
        font-family: Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    }

.chatboxtitle {
    float: left;
}

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder {
    text-align: left;
}

.jcrop-vline, .jcrop-hline {
    font-size: 0px;
    position: absolute;
    background: white url('Jcrop.gif') top left repeat;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-hline {
    width: 100%;
    height: 1px !important;
}

.jcrop-vline.right {
    right: 0px;
}

.jcrop-hline.bottom {
    bottom: 0px;
}

.jcrop-handle {
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
}

.jcrop-tracker {
    width: 100%;
    height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline {
    background: yellow;
}

.custom .jcrop-handle {
    border-color: black;
    background-color: #C7BB00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.bluetop {
    background: url('images/bluetop.gif') repeat-x;
}

.yes {
    height: 18px;
    width: 18px;
    background: url('images/tic_yes.gif') no-repeat;
}

.no {
    height: 18px;
    width: 18px;
    background: url('images/tic-no.png') no-repeat;
}
/*-- Used In Home Page Calendar Day PopUp */
#bubble_tooltip {
    width: 147px;
    position: absolute;
    display: none;
}

    #bubble_tooltip .bubble_top {
        background-image: url('images/bubble_top.gif');
        background-repeat: no-repeat;
        height: 16px;
    }

    #bubble_tooltip .bubble_middle {
        background-image: url('images/bubble_middle.gif');
        background-repeat: repeat-y;
        background-position: bottom left;
        padding-left: 7px;
        padding-right: 7px;
    }

        #bubble_tooltip .bubble_middle span {
            position: relative;
            top: -8px;
            font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
            font-size: 11px;
        }

    #bubble_tooltip .bubble_bottom {
        background-image: url('images/bubble_bottom.gif');
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        height: 44px;
        position: relative;
        top: -6px;
    }
/******************************************/