img{
    vertical-align:middle !important;
}
#fragment
{
    overflow-x:hidden;
    overflow-y:hidden;
}
.menu{
    margin:0px;
    background-color:#629DD4;
    width:190px;
}
.content{
    margin:0px;
    background-color:#E0E0F8;
    width:900px;
}

.toggle {
    width: 110px !important; height: 30px !important;
}
.form-horizontal .control-label {
    color: #000 !important;
}
.portalHeader
{
    box-shadow: 0 5px 10px #333333;
    position: fixed;
    background-color: #226da4;
    z-index:99;
}

.portalPageHeader{
    background-color:#3399FF;
    padding:8px;
    font-weight: bold;
    font-size: large !important;
    FONT-FAMILY: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

input
{
    background: none repeat scroll 0 0 white;
    padding-left:5px;
    height:19px;
    border: 1px solid #c7daf3;
    font-size: 11px;
    line-height: 16px;
    margin: 2px 2px;
    FONT-FAMILY: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    width:178px;
}

select
{
    background: none repeat scroll 0 0 white;
    padding: 1px;
    height:21px;
    border: 1px solid #c7daf3;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 2px 2px;
    FONT-FAMILY: Segoe UI, Verdana, Arial, Helvetica, sans-serif;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
select[multiple]{
    height:auto;
}
select[size]{
    height:auto;
}

select [width]{
    width:auto;
}
input[size] {
    width:auto;
}
input[type="checkbox"],input[type="radio"]{
    width:auto;
    height:auto;
    margin-top:3px;
    padding:1px;
}
input[type="submit"],input[type="button"],input[type="reset"]{
    width:auto;
    height:auto;
    color:#FFF;
    background-color:#b30537 !important;
    /*padding:3px 10px 4px 10px;*/
    /*margin-top:3px;
    padding:1px;*/
}
input[type="submit"][disabled="disabled"],input[type="button"][disabled="disabled"],input[type="reset"][disabled="disabled"]
{
    width:auto;
    height:auto;
    color:#FFF;
    background-color:#b30537 !important;
    border: 1px solid #888;
}

input[type="textarea"]{
    width:auto;
    height:auto;
    background:#629DD4;
    padding:1px;
    color:white;
}

TABLE.test_panel {
    font-size:12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    padding:5px;
    padding: 5px;
    width:100%;
    overflow:hidden;
}
.noofquestions {
    font-size:15px;
    font-family: "Century Gothic","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    padding:4px;
    color: White;
    font-style: normal;
    background:#545454;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036EC0', endColorstr='#629DD4'); *//* for IE *//*
	background: -webkit-gradient(linear, left top, left bottom, from(#036EC0), to(#629DD4)); *//* for webkit browsers *//*
	background: -moz-linear-gradient(top,  #036EC0,  #629DD4); *//* for firefox 3.6+ *//**/
}
.noofquestions1 {
    font-size:14px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    padding:3px;
    background:#545454;
    color: white;
    /* width:100%;
     -moz-border-radius: 6px;
     border-radius:6px;
     outline: none;
     -moz-box-shadow: 3px 3px 5px #999;
     -webkit-box-shadow: 3px 3px 5px #999;
     box-shadow: 3px 3px 5px #999;
     filter: progid:DXImageTransform.Microsoft.DropShadow(
       offx=3, offy=3,color=#DDDDDD,direction=45);*/
}

.abcStyleClass { background:#545454; }
.questionhead { color:white; font-family:Century Gothic; font-size:15px; font-weight:bold; padding:13px; }


TABLE.questioncontext {
    width:50%;
}
.clscontent {
    vertical-align: top;
    text-align:left;
}

.txtBottom
{
    vertical-align: bottom;
}

.noesisblueth { background:#036EC0; font-size:20px; font-family:Helvetica; color:#fff; padding:5px;  }

.clscontent td {
    vertical-align: top;
    font-size:12px;
    font-family: "lucida grande", tahoma, arial, sans-serif;
}
input.bigbutton1 { background:#4477a1; color:#fff; width:176px; padding-top:7px; padding-bottom:7px; font-weight:bold;height:auto; -webkit-border-radius: .2em;-moz-border-radius: .2em;	border-radius: .2em;}
input.bigbutton1:hover { background:#EAEFF6; color:#4477a1; width:176px; font-weight:bold; padding-top:7px; padding-bottom:7px;}
input.bigbutton1:active { background:#EAEFF6; color:#4477a1; width:176px; font-weight:bold; padding-top:7px; padding-bottom:7px;}
.bigbutton { background:#4477a1; color:#fff; width:130px; font-weight:bold; padding:3px 0;-webkit-border-radius: .2em;-moz-border-radius: .2em;	border-radius: .2em;height:auto; }
.bigbutton:hover { background:#EAEFF6; color:#4477a1; width:130px; font-weight:bold; padding:3px 0;}
.mediumbuttonlite { background: #6699c1; color:#fff; width:100px; font-weight:bold; padding:3px 0; height:auto;-webkit-border-radius: .2em;-moz-border-radius: .2em;	border-radius: .2em;}
.mediumbutton {background: #4477a1; color:#FFF; width:100px; font-weight:bold;  padding:3px 0; height:auto;-webkit-border-radius: .2em;-moz-border-radius: .2em;	border-radius: .2em;}
.smallbutton { background:#4477a1; color:#fff; width:40px; font-weight:bold; padding:3px 0;  height:auto;-webkit-border-radius: .2em;-moz-border-radius: .2em;	border-radius: .2em;}
.buttons { text-align:center; padding-top:10px; padding-bottom:10px; }
.button { background:#A6CE39; color:#fff; height:auto; padding:inherit;margin:auto;}
.buttonRed { background:#ff5050; color:#fff; height:auto;padding:inherit;margin:auto; }
.buttonYellow { background:#FFCC99; color:#fff; height:auto;padding:inherit;margin:auto; }
.minheight { min-height:470px; }
.alginCls { min-height:470px; }

table.tests_list_panel {
    background-color:#FFF;
    color:#000000;
    padding: 5px;
    width:100%;
    border:2px solid #036EC0;
    border-collapse:collapse;
    font-family:verdana;
}
table.tests_list_panel td { padding-left:7px; padding-right:7px; font-size:12px; }
.trwhite { background: #fff; border:none; }
.field_label_noesis { background: #EEE; padding:5px; font-weight:bold; text-align:center; font-size:12px;  }

/*
.prevbuttongrey {background: #036EC0; color:#999; height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.nextbuttongrey {background: #036EC0; color:#999; height:30px; width:100px;  font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.prevbutton {background: #036EC0; color:#FFF;height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.nextbutton {background: #036EC0; color:#FFF; height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.mark { background: #036EC0; color:#FFF; height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.unmark { background: #036EC0; color:#FFF; height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.saveandquit { background: #036EC0; color:#FFF; height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.review { background: #036EC0; color:#FFF; height:30px; width:100px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.finish { background: #036EC0; color:#FFF; height:30px; width:100px; font-weight:bold;  border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.reviewall { background: #036EC0; color:#FFF; height:30px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.reviewunmark { background: #036EC0; color:#FFF; height:30px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
.reviewincomplete { background: #036EC0; color:#FFF; height:30px; font-weight:bold; border-top:2px solid #FFF; border-left:2px solid #FFF; border-right:2px solid #9C9C9C; border-bottom:2px solid #9C9C9C; }
*/

.prevbuttongrey {background: #4477a1; color:#999; width:100px; font-weight:bold; padding:3px 0; height:auto; }
.nextbuttongrey {background: #4477a1; color:#999; width:100px;  font-weight:bold; padding:3px 0;height:auto;}
.prevbutton {background: #4477a1; color:#FFF; width:100px; font-weight:bold; padding:3px 0;height:auto;}
.nextbutton {background: #4477a1; color:#FFF; width:100px; font-weight:bold; padding:3px 0;height:auto;}
.mark { background: #4477a1; color:#FFF; width:100px; font-weight:bold; padding:3px 0;height:auto;}
.unmark { background: #4477a1; color:#FFF; width:100px; font-weight:bold; padding:3px 0;height:auto;}
.saveandquit { background: #4477a1; color:#FFF; width:100px; font-weight:bold; padding:3px 0;height:auto;}
.review { background: #4477a1; color:#FFF; width:100px; font-weight:bold; padding:3px 0;height:auto;}
.finish { background: #4477a1; color:#FFF; width:100px; font-weight:bold;  padding:3px 0;height:auto;}
.reviewall { background: #4477a1; color:#FFF; width:150px; font-weight:bold; padding:3px 0;height:auto;}
.reviewunmark { background: #4477a1; color:#FFF;width:150px;  font-weight:bold; padding:3px 0;height:auto;}
.reviewincomplete {  background: #4477a1; color:#FFF;width:150px;  font-weight:bold; padding:3px 0;height:auto;}
.reviewunmarkgrey { background: #4477a1; color:#999;width:150px;  font-weight:bold; padding:3px 0;height:auto;}
.reviewincompletegrey { background: #4477a1; color:#999; width:150px; font-weight:bold; padding:3px 0;height:auto;}

BODY {
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    MARGIN: 0px;
    margin:0px;
    /*Margin-left:10px;*/
    /*Margin-right:10px;*/
    /*background-color: #E4E1DA;*/
    /*094B87*/

    SCROLLBAR-FACE-COLOR: #dddddd;
    SCROLLBAR-HIGHLIGHT-COLOR: #8f8f8f;
    SCROLLBAR-SHADOW-COLOR: #8f8f8f;
    SCROLLBAR-3DLIGHT-COLOR: #cccccc;
    SCROLLBAR-ARROW-COLOR: #333333;
    SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
    SCROLLBAR-BASE-COLOR: #333333;
}




.popupwidth { width: 200px; }
.white_bg {
    BACKGROUND-COLOR: #ffffff
}
.submit {
    border-left:solid #999999 1px;
    border-top:solid #999999 1px;
    border-right:solid #666666 1px;
    border-bottom:solid #666666 1px;
    font-size:11px;
    font-weight:bold;
    text-transform:capitalize;
    color:#000000;
    padding: 0px;
    background:#DDDDDD; width:180px;
    h: expression(onmouseover=new Function("this.style.backgroundColor='#00AACC'; this.style.color='#000000';"), onmouseout=new Function("this.style.backgroundColor='#DDDDDD';this.style.color='#000000';"));
    overflow:visible;
}

.tr0 {
    BACKGROUND-COLOR: #8FB2C0;
    font-size:11px;
    color:#000000;
    text-align:center;
    font-weight:bold;
    font-variant:small-caps;
    white-space:nowrap;

}

.tr1C {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#000000;
    text-align:center;
    white-space:nowrap;
}
.tr1L {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
}
.tr2C {
    BACKGROUND-COLOR: #F3F5F7;
    font-size:11px;
    color:#000000;
    text-align:center;
    white-space:nowrap;
}
.tr3C {
    BACKGROUND-COLOR: #CCCCCC;
    font-size:11px;
    color:#228822;
    text-align:center;
    white-space:nowrap;
}
.tr4C {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#BB2222;
    text-align:center;
    white-space:nowrap;
}
.tr2L {
    BACKGROUND-COLOR: #F3F5F7;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
}
.vertical
{
    writing-mode:tb-rl;
    filter:flipv fliph;
    white-space:nowrap;
}

.dropout
{
    BACKGROUND-COLOR:#FFA07A;
    font-size:11px;
    color:#000000;
    text-align:left;
}

LI {
    TEXT-ALIGN: left
}
H2 {
    FONT-SIZE: 17px; COLOR: white; TEXT-ALIGN: left
}
TD {
    FONT-SIZE: 14px;
}
TR.alert_row {
    BACKGROUND-COLOR: #ff0000
}
H3 {
    /*FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: white*/
    FONT-WEIGHT: bold; FONT-SIZE: 12px; color:#8E2606; padding-bottom: 4px;
}
.headtxt {
    FONT-WEIGHT: bold; FONT-SIZE: 15px; color:#444444; text-align: left; padding:2px;
}
.subtxt{
    FONT-WEIGHT: bold; FONT-SIZE: 13px; color:#3065B5; text-align: left; padding:3px; width:100%;
    border-bottom: 1px solid #D5D5D6;
}
.table1 {
    BACKGROUND-COLOR: #c5c7c5
}
.tr1Light {
    BACKGROUND-COLOR: #EAEFF9;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.tr1White{
    BACKGROUND-COLOR: #629DD4;
    FONT-WEIGHT: bold;
    font-size:13px;
    color:#FFFFFF;
    text-align:center;
    white-space:nowrap;
    padding:4px;
}
.tr1 {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#000000;
    /*height:25px;*/
    text-align:right;
    /*white-space:nowrap;*/
}
.tr111 {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
}
.tr1left {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#000000;
    text-align:left;
}

.tr1ta {
    BACKGROUND-COLOR: #CDD7DB;
    font-size:11px;
    color:#000000;
    vertical-align:top;
    text-align:right;
}

.tr2 {
    BACKGROUND-COLOR: #F3F5F7;
    font-size:11px;
    color:#000000;
    text-align:right;
    /*white-space:nowrap;*/
}
.tr222 {
    BACKGROUND-COLOR: #F0F5F7;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
}
.tr2left {
    BACKGROUND-COLOR: #F0F5F7;
    font-size:11px;
    color:#000000;
    text-align:left;
}

.rowcolour1 {
    BACKGROUND-COLOR: #8FB2C0;
    font-size:11px;
    color:#000000;
    text-align:right;
}
.rowcolour2 {
    BACKGROUND-COLOR: #8FB2C0;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;

}

.tr2ta  {
    BACKGROUND-COLOR: #F0F5F7;
    font-size:11px;
    color:#000000;
    vertical-align:top;
    text-align:right;
}

.tr3 {
    BACKGROUND-COLOR: #CCCCCC;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

.tr3nowrap{
    BACKGROUND-COLOR: #CCCCCC;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;

}

.tr3nowrapNew{
    BACKGROUND-COLOR: #82C96E;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;

}

.tr16{
    BACKGROUND-COLOR: #F4AAF3;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

.stateOne_font
{

    font-size:11px;
    color:#11ae36;
    text-align:left;
}
.stateTwo_font
{

    font-size:11px;
    color:#fd0107;
    text-align:left;
}



.stateThree_font
{

    font-size:11px;
    color:#c02ae5;
    text-align:left;
}


/*
.tr3nowrapWithBorder{
    BACKGROUND-COLOR: #8FB2C0;
	font-size:11px;
	color:#000000;
	text-align:left;
    white-space:nowrap;
    border-left:solid #999999 1px;
	border-top:solid #999999 1px;
	border-right:solid #666666 1px;
	border-bottom:solid #666666 1px;
  }*/

.tr3nowrapWithBorder{
    BACKGROUND-COLOR: #AFCCEF;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
    border-left:solid #999999 1px;
    border-top:solid #999999 1px;
    border-right:solid #666666 1px;
    border-bottom:solid #666666 1px;
}


.tr3nowrapWithBorderNew{
    BACKGROUND-COLOR: #629DD4;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
    border-left:solid #999999 1px;
    border-top:solid #999999 1px;
    border-right:solid #666666 1px;
    border-bottom:solid #666666 1px;
}

.tr3nowrapWithBorderNew1{
    BACKGROUND-COLOR: #64CBE5;
    font-size:11px;
    color:#000000;
    text-align:left;
    white-space:nowrap;
    border-left:solid #999999 1px;
    border-top:solid #999999 1px;
    border-right:solid #666666 1px;
    border-bottom:solid #666666 1px;
}

/*.tr3nowrapWithBorder td{
    BACKGROUND-COLOR: #8FB2C0;
	font-size:11px;
	color:#000000;
	text-align:left;
    white-space:nowrap;
    border-left:solid #999999 1px;
	border-top:solid #999999 1px;
	border-right:solid #666666 1px;
	border-bottom:solid #666666 1px;
  }*/

.tr4 {
    BACKGROUND-COLOR: #a4cada;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4cada', endColorstr='#8FB2C0'); *//* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a4cada), to(#8FB2C0)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a4cada,  #8FB2C0); /*for firefox 3.6+*/
    font-size:11px;
    color:#000000;
    text-align:right;

}
.tr5 {
    BACKGROUND-COLOR: #8FB2C0;
    font-size:11px;
    color:#000000;
    text-align:right;
}

.tr6 {
    BACKGROUND-COLOR: #E3ECF3;
    font-size:11px;
    color:#000000;
    text-align:right;
    padding: 5px;
}

.tr7 {
    BACKGROUND-COLOR: #CED7DE;
    font-size:11px;
    color:#000000;
    text-align:right;
    padding: 5px;
}

.tr8 {
    BACKGROUND-COLOR: #EDEDED;
    font-size:11px;
    color:#000000;
    text-align:right;
    padding: 5px;
}

.tr9 {
    BACKGROUND-COLOR: #DBDBDB;
    font-size:11px;
    color:#000000;
    text-align:right;
    padding: 5px;
}
/*Dark Red*/
.tr10 {

    BACKGROUND-COLOR: #FF3300;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

/*Light Orange Red*/
.tr11 {
    BACKGROUND-COLOR: #FF6633;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}


.tr12 {
    BACKGROUND-COLOR: #33FF66;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

.tr13 {
    BACKGROUND-COLOR: #66FF99;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}


.tr14 {
    BACKGROUND-COLOR: #a6cbda;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6cbda', endColorstr='#8FB2C0'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a6cbda), to(#8FB2C0)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a6cbda,  #8FB2C0); /*for firefox 3.6+*/
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

.tr17 {
    BACKGROUND-COLOR: #75a2d1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75a2d1', endColorstr='#587DA3'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#75a2d1), to(#587DA3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #75a2d1,  #587DA3); /*for firefox 3.6+*/
    font-size:11px;
    color:#FFFFFF;
    white-space:nowrap;
}

.tr18 {
    BACKGROUND-COLOR: #ff3333;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3333', endColorstr='#587DA3'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff3333), to(#587DA3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ff3333,  #587DA3); /*for firefox 3.6+*/
    font-size:11px;
    color:#FFFFFF;
    white-space:nowrap;
}

.fortextcolor1 {
    font-size:11px;
    color:#8FB2C0;
    text-align:left;
    white-space:nowrap;
}

.fortextcolor2 {
    font-size:11px;
    color:#8FB2C9;
    text-align:left;
    white-space:nowrap;
}

.tr15 {
    BACKGROUND-COLOR: #184FCB;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.stateTwo
{   /*pink*/

    BACKGROUND-COLOR: #ffc0ff;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.stateOne
{   /*green*/
    BACKGROUND-COLOR: #a0ffc0;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.stateThree
{   /*yellow*/
    BACKGROUND-COLOR: #ffffc0;
    font-size:13px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.stateTwo_Alternate
{   /*pink*/
    BACKGROUND-COLOR: #ffa0ff;
    font-size:13px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.stateOne_Alternate
{   /*green*/
    BACKGROUND-COLOR: #a0ffa0;
    font-size:13px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}
.stateThree_Alternate
{   /*yellow*/
    BACKGROUND-COLOR: #ffffa0;
    font-size:13px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

.disabled {
    BACKGROUND-COLOR: #3366a3;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
}
.titlerow {
    COLOR: #ffffff; BACKGROUND-COLOR: #000000
}


TABLE.border_panelForRow {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#EAEFF9;
    color:#000000;
    padding: 5px;
    width:100%;
    text-align:left;
}

TABLE.panel_no_border {
    background-color:#EAEFF9;
    color:#000000;
    padding: 5px;
    width:100%;
    text-align:left;
}

TABLE.border_panelRightAlign {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#EAEFF9;
    color:#000000;
    padding: 5px;
    width:100%;
    text-align:right;
}

TABLE.border_panel {
    color:#00006E;
    padding: 5px;
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0px, #DDD), color-stop(100px, white), color-stop(100%, white));
    background-image: -webkit-linear-gradient(#DDD 0px,white 100px,white 100%);
    background-image: -moz-linear-gradient(#DDD 0px,white 100px,white 100%);
    background-image: -o-linear-gradient(#DDD 0px,white 100px,white 100%);
    background-image: linear-gradient(#DDD 0px,white 100px,white 100%);
    outline: none;
    width:100%;
    border-radius: 5px 5px 5px 5px;
    border-top: medium none;
    border-bottom: medium none;
    box-shadow: 0px 0px 2px 1px  #DDD;
    margin-top: 15px;
    text-shadow: none;

}

TABLE.border_panel_white {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color: #FFFFFF;
    color:#000000;
    padding: 5px;
    width:100%;
}

TABLE.border_panel_curved_dark {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color: #629DD4;
    color:#FFFFFF;
    padding: 5px;
    width:100%;
    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    display: block;
    outline: none;
    /* -moz-box-shadow: 3px 3px 5px #999;
     -webkit-box-shadow: 3px 3px 5px #999;
     box-shadow: 3px 3px 5px #999;*/
}

TABLE.border_panel_curved_lite {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color: #EAEFF6;
    color:#000000;
    padding: 5px;
    width:100%;
    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
}

.tr50
{
    background:#B9C9FE;
    font-size:11px;
    color: #2f3f6f;
}

.tr51
{
    background:#E8EDFF;
    font-size:11px;
    color: #2f3f6f;
}

.tr52
{
    background: #8aa5ff;
    font-size:11px;
    color: #2f3f6f;
}

.absentStyle
{
    color:darkmagenta;
    font-size:13px;
    white-space:nowrap;
    font-weight:bold;
}

.lowMark
{
    BACKGROUND-COLOR:inherit;
    font-size:13px;
    color:red;
    white-space:nowrap;
}

.midlowMark
{
    color:chocolate;
    font-size:13px;
    white-space:nowrap;
}

.midMark
{
    color:darkcyan;
    font-size:13px;
    white-space:nowrap;
    background-color:inherit;
}

.highMark
{
    background-color:inherit;
    color:green;
    font-size:13px;
    white-space:nowrap;
}

.topMark
{
    color:blue;
    font-size:13px;
    white-space:nowrap;
}

TABLE.border_panel_variable_width {
    BORDER-RIGHT: #B1B1D1 1px solid;
    BORDER-TOP: #B1B1D1 1px solid;
    BORDER-LEFT: #B1B1D1 1px solid;
    BORDER-BOTTOM: #B1B1D1 1px solid;

    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;

    /*background-color:#EAEFF6;*/
    color:#000000;
    padding: 5px;
}

TABLE.border_panel_variable_width_top_curved {
    BORDER-RIGHT: #C1C1D1 1px solid;
    BORDER-TOP: #C1C1D1 1px solid;
    BORDER-LEFT: #C1C1D1 1px solid;
    BORDER-BOTTOM: #C1C1D1 1px solid;

    border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    color:#000000;
    padding: 5px;
}

TABLE.border_panel_variable_width_bottom_curved {
    border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    color:#000000;
    padding: 5px;
}



TABLE.border_panel_preview_sms {
    BORDER-RIGHT: #CCDDCC 1px solid;
    BORDER-TOP: #CCDDCC 1px solid;
    BORDER-LEFT: #CCDDCC 1px solid;
    BORDER-BOTTOM: #CCDDCC 1px solid;
    background-color:#FEFFFE;
    color:#000000;
    padding: 5px;
    width:100%;
}

TABLE.border_panel_light_deepish_green {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#CDF8A9;
    color:#000000;
    padding: 5px;
    width:100%;
}

TABLE.border_panel_light_blue {
    BORDER-RIGHT: #A1B1C1 1px solid;
    BORDER-TOP: #A1B1C1 1px solid;
    BORDER-LEFT: #A1B1C1 1px solid;
    BORDER-BOTTOM: #A1B1C1 1px solid;
    background-color:#D9DFE1;
    color:#000000;
    padding: 5px;
    width:100%;
}

TABLE.border_panel_light_deep_blue {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    /*background-color: rgb(145,179,217);*/
    background-color: rgb(174,175,180);
    color:#000000;
    padding: 5px;
    width:100%;
}


TABLE.border_panel_print {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#EAEFF6;
    color:#000000;
    padding: 0px;
    width:100%;
}

TABLE.border_panel_print tr
{
    page-break-inside: avoid;
    width:100%;
}

TABLE.border_panel_print thead {

    display:table-header-group;
}

TABLE.border_panel_print tbody {

    display:table-row-group;
}

TABLE.border_panel_print td {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#EAEFF6;
    color:#000000;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width:33%;
    height:220px;
    font-size:13px;
    page-break-inside: avoid;
}


TABLE.border_panel_print th {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#CDD7DB;
    color:#000000;
    padding: 0px;
    padding-left: 30px;
    text-transform:capitalize;
    width:33%;
    font-size:12px;
}

TABLE.border_panel_white {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#FFFFFF;
    color:#000000;
    padding: 5px;

    width:100%;
}

TABLE.panel_fixed {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#EAEFF6;
    color:#000000;
    padding: 5px;
    width:200px;
    height:400px;
    position:relative;
}

TABLE.border_panelInner {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:#c7daf3;
    color:#000000;
    padding: 5px;
    width:95%;
    text-align:right;
}

TH {
    font-weight:bold;
    font-size:11px;
    color:#444444;
    text-align:left;
    padding-top:1px;
    padding-left:2px;
    padding-right:2px;
    font-family: Segoe UI,sans-serif;
    vertical-align: middle;
    white-space:nowrap;
    /*width:100px;*/
}

.field_labelLogin {
    font-weight:bold;
    font-size:11px;
    color:#000000;
    text-align:left;
}

.field_label {
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    white-space:nowrap;
    background-color:#64686A;
    text-align:left;
    height: 19px;
    vertical-align: middle !important;
}

.field_label_center {
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    background-color:#64686A;
    text-align:center;
    height: 19px;
}
.field_label_top {
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    background-color:#EAEFF6;
    vertical-align: top;
}

.field_label_right_align {
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    background-color:#629DD4;
    text-align:left;
    height: 19px;
}

.field_label_with_bottom_line {
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    background-color:#629DD4;
    text-align:left;
    height: 19px;
    border-bottom: 1px solid #ffffff;
}

.table {
    BORDER-RIGHT: black 10px; BORDER-TOP: black 10px; BORDER-LEFT: black 10px; BORDER-BOTTOM: black 10px; padding:2px;
}
TABLE.field {
    BORDER-RIGHT: black 10px; BORDER-TOP: black 10px; BORDER-LEFT: black 10px; BORDER-BOTTOM: black 10px; padding:2px;
}
.td {
    BORDER-RIGHT: black 10px; BORDER-TOP: black 10px; BORDER-LEFT: black 10px; BORDER-BOTTOM: black 10px; padding:2px;
}
.th {
    BORDER-RIGHT: black 10px; BORDER-TOP: black 10px; BORDER-LEFT: black 10px; BORDER-BOTTOM: black 10px; padding:2px;
}

.field {
    WIDTH: 160px;
}

.field_long select {
    WIDTH: 335px;
}
.field_medium select{
    WIDTH: 230px;
}
/*A:link {
	COLOR: #014895; TEXT-DECORATION: underline;
	font-size:11px;
}*/
/*A:visited {
	COLOR: #014895; TEXT-DECORATION: underline;
	font-size:11px;
}
A:hover {
	COLOR: #0044AA; TEXT-DECORATION: none;
	font-size:11px;
}
A:active {
	COLOR: #0044AA; TEXT-DECORATION: underline;
	font-size:11px;
}*/

.tr14 {
    BACKGROUND-COLOR: #8FB2C0;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

.star {
    COLOR: #990000
}
.txt {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    color:#8E2606;
    padding-bottom: 8px;
    white-space:nowrap;
}
.txtWhite {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    color:#FFFFFF;
    white-space:normal;
}
.txtOrange {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    color:#FF8000;
    white-space:nowrap;
}
.formButtonSmall {
    background:#4477a1;
    width:60px;
    float:left;
    height:19px;
    font-weight:bold;
    font-family:Tahoma;
    text-transform:capitalize;
    font-size:11px;
    color:#FFFFFF;
    padding-bottom:2px;
    border:none;
    cursor:pointer;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.formButton {
    background:#666;
    width:124px;
    float:left;
    height:24px;
    font-weight:bold;
    font-family:Tahoma;
    text-transform:capitalize;
    font-size:11px;
    color:#FFFFFF;
    padding:3px 10px 4px 10px;
    border:none;
    cursor:pointer;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}

.formButtonDisabled {
    background:#999;
    width:124px;
    float:left;
    height:23px;
    font-weight:bold;
    font-family:Tahoma;
    text-transform:capitalize;
    font-size:11px;
    color:#FFFFFF;
    padding-bottom:2px;
    border:none;
    cursor:pointer;
    /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#ffffff,endColorstr=#cccccc);*/
}

.formButtonBig {
    background:#4477a1;
    float:left;
    height:24px;
    font-weight:bold;
    font-family:Tahoma;
    text-transform:capitalize;
    font-size:11px;
    color:#FFFFFF;
    padding-bottom:2px;
    border:none;
    cursor:pointer;
    width:200px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.formButtonBigFixed {
    background:#4477a1;
    float:left;
    height:24px;
    font-weight:bold;
    font-family:Tahoma;
    text-transform:capitalize;
    font-size:11px;
    color:#FFFFFF;
    padding-bottom:2px;
    border:none;
    cursor:pointer;
    width:200px;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.formButton:hover {
    background:#444;
    cursor:pointer;
}
.links_second {
    COLOR: #000000
}


/* Added by Sunil G after [05-07-2006] */

.contentWhiteSmall {
    font-size:10px;
    color:#ffffff;
    padding-bottom:5px;
    padding-right:30px;
    text-align:right;
}

.footerBg {
    background-color: #eee;
    box-shadow: 0 -1px 2px 2px #666;
    position: fixed;
    z-index:99;
    width:100%;
    text-align:right;
    text-decoration:none;
    padding-bottom:2px;
    padding-top:2px;
    color:#fff;
    vertical-align:bottom;
    bottom:0px;
    left:0px;
    height:15px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

h2 {
    color:#880000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.error{
    color:#ff0000;
}

.ERROR{
    color:#ff0000;
}

.scheduleError {
    BACKGROUND-COLOR: #ff0000;
    font-size:11px;
    color:#000000;
    text-align:right;
    white-space:nowrap;
}

/**
 * Calendar classes
 */

TD.CALENDRIER {
    background-color: #C2C2C2;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
}

A.CALENDRIER {
    text-decoration: none;
    color: #000000;
}

.CALENDARBORDER {
    background-color: #336699; /*#000000;*/
}

.CALENDARTITLE {
    background-color: #336699; /*#C9252C;*/
}

.CALENDARWEEK {
    background-color: #FFFFFF;
}

.CALENDARWEEKEND {
    background-color: #FFF4E5;
}

.CALENDARSELECTED {
    background-color: #FF8F01;
}

.logoDetail{
    color: #3165A7;
    font-size: 13px;
    font-weight: bold;
}

.PANEL {
    width:100%;
    vertical-align:top;
    text-align:left;
}

.Form {
    padding:5px;
    height: 100px;
}

.nowrap {
    white-space:nowrap;
}
.nowrap.txt { color: #444; font-family: tahoma, arial, sans-serif; font-weight:bold; font-size:16px; }

.wrap {
    white-space:pre-wrap;
}

.tablePadding {
    padding: 5px;
    border: 1px solid #cccccc;
}

/* for tabs */

.ongletMain {
    BORDER-RIGHT: #eeeeee 1px solid;
    BORDER-LEFT: #eeeeee 1px solid;
    BORDER-BOTTOM: #e2e2e2 1px solid;
    BORDER-TOP: #eeeeee 1px solid;
    background: #fff;
    padding: 20px 20px 10px 20px;
    -webkit-box-shadow:  0 0 8px 0 #DDD;
    -moz-box-shadow: 0 0 8px 0 #DDD;
    box-shadow:  0 0 8px 0 #DDD;
    z-index:2;
    margin-top:2px;
    top:2px;
}

.clsAction {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #053c6d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
}

.ongletTextEna {
    font-weight:bold;
    text-align: center;
    white-space:nowrap;
    height: 30px;
    line-height:28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    color: white;
    padding-bottom:10px;
    background:  url(tabSelected.png) repeat-x bottom ;
}

.ongletTextDis {
    font-weight:bold;
    text-align: center;
    white-space:nowrap;
    height: 30px;
    line-height:28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    padding-bottom:10px;
    background:  url(tabDisabled.png) repeat-x bottom ;
    cursor:pointer;
}
.ongletTextDis:hover{
    color:#444;
    background: url(tabNormal.png) repeat-x bottom ;
}

.ongletTextErr {
    font-weight:bold;
    text-align: center;
    white-space:nowrap;
    height: 30px;
    line-height:28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #222;
    padding-bottom:10px;
    background:  url(tabError.png) repeat-x bottom ;
    cursor:pointer;
}

.ongletMiddle {
    position:absolute;
}

.ongletSpace {

}
.reportHeader {

    font-size:11px;
    font-weight:bold;
    text-transform:capitalize;
    color:#000000;
    padding: 1px;
    BORDER-RIGHT: #A1A1A1 1px solid;
    width:325px;
    text-align:left;
}
.reportHeaderSmall {
    font-size:11px;
    font-weight:bold;
    text-transform:capitalize;
    color:#000000;
    padding: 1px;
    BORDER-RIGHT: #A1A1A1 1px solid;
    width:325px;
    text-align:left;
    background-color:lightslategray;
}

.tableHeaderFix {
    position:relative;
    background-color:lightslategray;
    TOP: expression(document.getElementById("listHeader").scrollTop - 3);
}

.tableLeftColumnFix {
    position:relative;
    Left: expression(document.getElementById("listHeader").scrollLeft - 1);
}

.reportInner0 {
    background-color:gainsboro;
    font-size:11px;

    text-transform:capitalize;
    color:#000000;
    padding: 1px;
    text-align:right;
    BORDER-RIGHT: lightsteelblue 1px solid;
    width:325px;
}

.reportInner1 {
    background-color:lightsteelblue;
    font-size:11px;

    text-transform:capitalize;
    color:#000000;
    padding: 1px;
    text-align:right;
    BORDER-RIGHT: lightsteelblue 1px solid;
    width:325px;
}

.reportColumn0 {
    background-color:gainsboro;
    font-size:11px;
    font-weight:bold;
    text-transform:capitalize;
    color:#000000;
    padding: 1px;
    text-align:left;
    BORDER-RIGHT: lightsteelblue 1px solid;
    white-space:nowrap;
    width:325px;
}


.reportColumn1 {
    background-color:lightsteelblue;
    font-size:11px;
    font-weight:bold;
    text-transform:capitalize;
    color:#000000;
    padding: 1px;
    text-align:left;
    BORDER-RIGHT: lightsteelblue 1px solid;
    white-space:nowrap;
    width:325px;
}

.alignRight{
    text-align:right;
    white-space:normal;
}

.alignLeft{
    text-align:left;
    white-space:normal;
}

.report_width{
    width:55px;
    text-align:left;
}

.report_width_big
{
    width:180px;
    text-align:left;

}

TABLE.report_table {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:lightslategray;
    color:#000000;
    padding: 0px;
    text-align:left;
}

.Chart_Panel {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    background-color:rgb(208,232,249);
    color:#000000;
    padding: 5px;
    width:100%;
}
.registration {
    BORDER-RIGHT: #A1A1A1 1px solid;
    BORDER-TOP: #A1A1A1 1px solid;
    BORDER-LEFT: #A1A1A1 1px solid;
    BORDER-BOTTOM: #A1A1A1 1px solid;
    color:#000000;
    padding: 5px;
    width:100%;
}
/*TABLE .report_table td {
	BORDER-RIGHT: #A1A1A1 1px solid;
	BORDER-TOP: #A1A1A1 1px solid;
	BORDER-LEFT: #A1A1A1 1px solid;
	BORDER-BOTTOM: #A1A1A1 1px solid;
	background-color:#EAEFF6;
	color:#000000;
	padding: 0px;
	width:100%;
	text-align:left;
}*/

/* for ajax */

div.suggestionList {
    z-index:500;
    position:absolute;
    width:150px;
    border:1px solid #333333;
    background-color:#ffffff;
    font-family:Tahoma;
    font-size:11px;
    cursor:default;
    visibility:hidden;
}
div.suggestionList_element_off {
    width: 148px;
    background: #ffffff;
    color: #333333;
    padding-left: 2px;
}
div.suggestionList_element_on {
    width: 148px;
    background: #6D99C6;
    color: #ffffff;
    padding-left: 2px;
}


/*for vAlign*/

.valignCls {
    vertical-align: top;
    text-align:left;
}

.valignCls td
{
    vertical-align: top;
}

.smfont
{

    font-size:11px;
    font-weight:normal;

    color:#000000;
    padding: 1px;


    white-space:nowrap;
}

.popup
{
    position:absolute;
    visibility:hidden;
    background-color:#EAEFF6;
    padding:3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    margin-top:15px;
    /*width:150px;*/
    text-align:center;
    padding-bottom:4px;
    padding-top:4px;
    z-index:99;
}

.scrollpopup
{
    position:absolute;
    visibility:hidden;
    background-color:#EAEFF6;
    height:400px;
    overflow-y:auto;
    padding:3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    margin-top:5px;
    width:300px;
    text-align:center;
    padding-bottom:4px;
    padding-top:4px;
    z-index:99;
}

.logpopup
{
    position:absolute;
    visibility:hidden;
    background-color:#EAEFF6;
    padding:3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    margin-top:5px;
    width:350px;
    text-align:center;
    padding-bottom:4px;
    padding-top:4px;
    z-index:99;
    left:expression(700);
}

.remarkpopup
{
    position:absolute;
    visibility:hidden;
    background-color:#EAEFF6;
    padding:3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    margin-top:5px;
    width:350px;
    height:100px;
    text-align:center;
    padding-bottom:4px;
    padding-top:4px;
    z-index:99;
    left:600px;

    overflow-x:auto;
    overflow-y:auto;
}

/*.remarkpopup
{
    position:absolute;
	visibility:hidden;
	background-color:#EAEFF6;
	padding:3px;
	border-style:solid;
	border-color:black;
	border-width:1px;
	margin-top:5px;
	width:350px;
    height:100px;
    text-align:justify;
    padding-bottom:4px;
    padding-top:4px;
    z-index:5000;
    left:550px;

    white-space:nowrap;
    overflow-x:visible;
    overflow-y:auto;
 }*/

.txtRight
{
    text-align:right;
}
.txtLeft
{
    text-align:left;
}
.txtCenter
{
    text-align:center;
}
.txtRed
{
    color:red;
}
.txtBlue
{
    color:blue;
}
.txtGreen
{
    color:green;
}
.txtBold
{
    font-size:11px;
    font-weight:bold;
    font-family: Segoe UI,sans-serif;
}
.txtBold2
{
    font-size:10px;
    font-weight:bold;
}
.txtBrown
{
    color:brown;
}

.noShow
{
    visibility:hidden;
    position:absolute;
}

.whiteBG
{
    background-color:white;
}
.showValue
{
    position:relative;
}

.red
{
    color:red;
    font-size:13px;
    white-space:nowrap;
}

.special
{
    color:#444444;
    white-space:nowrap;
}

.yellow
{
    color:black;
    font-size:13px;
    white-space:nowrap;
}

.green
{
    color:green;
    font-size:13px;
    white-space:nowrap;

}
.blue
{
    color:blue;
    font-size:13px;
    white-space:nowrap;
}
.green2
{
    color:green;
    font-size:10px;
    font-weight:bold;

}
.blue2
{
    color:blue;
    font-size:10px;
    font-weight:bold;
}
.red2
{
    color:red;
    font-size:10px;
    font-weight:bold;
}
.magenta2
{
    color:magenta;
    font-size:10px;
    font-weight:bold;
}
.orange2
{
    color:orange;
    font-size:10px;
    font-weight:bold;
}

.reserved
{
    background-color:yellowgreen;
    white-space:nowrap;
}

.batchTopper
{
    background-color:greenyellow;
    white-space:nowrap;
}

a.button, a.buttonDis {
    display: block;
    background-color: transparent;
    background-image: url(/images/buttonBackground.gif);
    background-repeat: no-repeat;
    width: 132px;
    height: 28px;
    color:#000000;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    h: expression(onmouseover=new Function("this.style.backgroundColor='#00AACC'; this.style.color='#000000';"), onmouseout=new Function("this.style.backgroundColor='#DDDDDD';this.style.color='#000000';"));
}

a.button:link, a.button:visited {
    color: #002577;
}
a.button:hover, a.button:active {
    background-position: 0 -36px;
    color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
    background-position: 0 -72px;
    color: #5F5F5F;
    cursor: default;
}
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
    background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
    background-position: 0 -56px;
}

a.notUnderline
{
    cursor:pointer;
}

.GRID_ON {
    width:100%;
    text-align: left;
    background-image : url(../../images/bottom.gif);
    background-repeat : no-repeat;
    background-position:right;
    padding-right : 20px;
    cursor : pointer;
    white-space:nowrap;
}

.GRID_OFF {
    width:100%;
    text-align: left;
    background-image : url(../../images/next.gif);
    background-repeat : no-repeat;
    background-position:right;
    padding-right : 20px;
    cursor : pointer;
    white-space:nowrap;
}

.hiddenField
{
    display:none;
}

.paragraph-text
{
    text-align:justify;
    text-indent:20px;
}



/* alternative styles */

th.sortable a {
    background-image: url(../../images/displaytags/arrow_off.png);
    background-position: right;
    background-repeat:no-repeat;
    display: block;

}

th.order1 a {
    background-image: url(../../images/displaytags/arrow_down.png);
    background-position: right;
    background-repeat:no-repeat;
    display: block;

}

th.order2 a {
    background-image: url(../../images/displaytags/arrow_up.png);
    background-position: right;
    display: block;
    background-repeat:no-repeat;

}



/*mars*/

table.mars {
    border: 1px solid #666;
    width: 100%;
    margin: 20px 0 20px 0 !important;
}

th.mars,td.mars{
    padding: 2px 4px 2px 4px !important;
    text-align: left;
    vertical-align: top;
    width:30px;
}

table.mars thead tr {
    background-color: #9c9;
}

table.mars tr.even {
    background-color: #ccb;
}

table.mars tr.odd {
    background-color: #eec;
}



/*ITS*/
table.its {
    border: 1px solid #666;
    width: 100%;
    margin: 20px 0 20px 0 !important;
}

th.its,td.its {
    padding: 2px 4px 2px 4px !important;
    text-align: left;
    vertical-align: top;
    width:30px;
    white-space:nowrap;
}


table.its thead tr
{
    background-color: #69c;

}

table.its tr.even {
    background-color: #CDD7DB;
}

table.its tr.odd {
    background-color: #8FB2C0;
}

/*TFS*/

table.tfs {
    border: 1px solid #666;
    width: 100%;
    margin: 20px 0 20px 0 !important;
}

th.tfs,td.tfs {
    padding: 2px 4px 2px 4px !important;
    text-align: left;
    vertical-align: top;
    width:30px;
}


table.tfs thead tr th
{
    COLOR: #000000;
    background-color:#629DD4;
    text-shadow:gray;
    white-space:nowrap;
    height:25px;
    text-align:center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C9AC2', endColorstr='#4975BA'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4C9AC2), to(#4975BA)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4C9AC2,  #4975BA); /*for firefox 3.6+*/

}

table.tfs tr.even {
    background-color: #CDD7DB;
}

table.tfs tr.odd {
    background-color: #F0F5F7;
}

table.tfs a:link {
    COLOR: #000000; TEXT-DECORATION: none;
    font-size:11px;
}
table.tfs a:visited {
    COLOR: #000000; TEXT-DECORATION: none;
    font-size:11px;
}
table.tfs a:hover {
    COLOR: #999999; TEXT-DECORATION: none;
    font-size:11px;
}
table.tfs a:active
{
    COLOR: #000000; TEXT-DECORATION: none;
    font-size:11px;
}

/**TFS_new*/

table.tfs_new {
    /*border: 1px solid #666;*/
    width: 100%;
    margin: 20px 0 20px 0 !important;
}

th.tfs_new,td.tfs_new {
    padding: 2px 4px 2px 4px !important;
    text-align: left;
    vertical-align: top;
    width:30px;
}


table.tfs_new thead tr th
{
    COLOR: #000000;
    border-bottom: 2px solid #8c8c8c;
    height: 30px;
    font-size: 12px;
    text-shadow:gray;
    white-space:nowrap;
    text-align:left;
}

table.tfs_new tr.even td{
    /*background-color: #CDD7DB;*/
    /*border-bottom: 1px solid #000000;*/
    white-space: nowrap;
    border-bottom: 1px solid #111111;

}

table.tfs_new tr:hover {
    background-color: #cce3ff;
}

table.tfs_new tr.odd td{
    /*background-color: #F0F5F7;
     border-left: 1px solid #333333;*/
    white-space: nowrap;
    border-bottom: 1px solid #000000;
}

table.tfs_new a:link {
    COLOR: #000000; TEXT-DECORATION: none;
    font-size:11px;
}
table.tfs_new a:visited {
    COLOR: #000000; TEXT-DECORATION: none;
    font-size:11px;
}
table.tfs_new a:hover {
    COLOR: #999999; TEXT-DECORATION: none;
    font-size:11px;
}
table.tfs_new a:active
{
    COLOR: #000000; TEXT-DECORATION: none;
    font-size:11px;
}



/*For Export*/

div.exportlinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    margin: 2px 0 10px 0;
    width: 79%;
}

span.export {
    padding: 0 4px 1px 20px;
    display: inline;
    display: inline-block;
    cursor: pointer;
}

span.excel {
    background-image: url(../../images/displaytags/ico_file_excel.png);
    background-repeat:no-repeat;
}

span.csv {
    background-image: url(../../images/displaytags/ico_file_csv.png);
    background-repeat:no-repeat;
}

span.xml {
    background-image: url(../../images/displaytags/ico_file_xml.png);
    background-repeat:no-repeat;
}

span.pdf {
    background-image: url(../../images/displaytags/ico_file_pdf.png);
    background-repeat:no-repeat;
}

span.rtf {
    background-image: url(../../images/displaytags/ico_file_rtf.png);
    background-repeat:no-repeat;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.gr0 { font-weight:bold;font-size:11px;color: black;background-color:#DF7401;text-align: center;height:10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#DF7401');}
.gr1 { font-weight:bold;font-size:11px;color: black;background-color:#FF0000;text-align: center;height:10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#FF0000');}
.gr2 { font-weight:bold;font-size:11px;color: black;background-color:#A06dAF;text-align: center;height:10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#A06dAF'); }
.gr3 { font-weight:bold;font-size:11px;color: black;background-color:#0174DF;text-align: center;height:10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#0174DF');}
.gr4 { font-weight:bold;font-size:11px;color: black;background-color:#00FF00;text-align: center;height:10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#00FF00'); }
.gr5 { font-weight:bold;font-size:11px;color: black;background-color:#FE2EF7;text-align: center;height:10px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#FE2EF7');}

.top{background-color:#FFFFFF; horizontal-align:center; vertical-align:top;}
.txtpadding
{
    padding:8px;
    padding-top:6px;
    padding-bottom:6px;
    margin:6px;
}
.app_title{
    color:#fff;
    font-size:46px;
    font-weight:500;
}
.form-control {
    height: 35px !important;
    font-size: 15px !important;
}

.ui-datepicker {
    width: 250px !important;
    z-index: 2000 !important;
}

.panel-primary {
    border-color: #d4bdbd !important;
}
.panel-title{
    color: #ffffff !important;
}
.panel-group > .panel-heading, .panel-primary > .panel-heading {
    margin-bottom: 0;
    border: 1px solid #555;
    border-top: 0;
    padding: 15px 15px 10px;
    font-size: 14px !important;
    font-weight: bold;
    text-align: left;
    background-color: #b30537 !important;
    /*font-size: 120%;*/
    text-shadow: 0 1px #000000;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #EEE4DF inset;
    -moz-box-shadow: 0 1px 0 #eee4df inset;
    box-shadow: 0 1px 0 #EEE4DF inset;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #FFFFFF;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
    height: 47px !important;
}
.pageHeader, .card-header, .panel-heading, .panel > .panel-heading, .panel > .panel-primary > .panel-heading, .panel-group > .panel > .panel-primary > .panel-heading
{

    margin-bottom: 0;
    border: 1px solid #555;
    border-top: 0;
    padding: 15px 15px 10px;
    font-size: 18px !important;
    font-weight: bold;
    text-align: left;
    background-color: #b30537 !important;
    /*font-size: 120%;*/
    text-shadow: 0 1px #000000;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #EEE4DF inset;
    -moz-box-shadow: 0 1px 0 #eee4df inset;
    box-shadow: 0 1px 0 #EEE4DF inset;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #FFFFFF;
}
.bg-info{
    background-color: #b30537 !important;
    color: #fff !important;
}

.card-header.bg-info {
    /* Your custom styles here */
    background-color: #b30537 !important;
}


.boxContainer {
    border-radius: 5px 5px 5px 5px;
    border-top: medium none;
    box-shadow: 0 5px 10px #555555;
    margin-top: 15px;
    text-shadow: none;
}

.boxBody
{
    /*position: relative;*/
    padding: 15px;
    padding-top: 8px;
    line-height: 1.3em;
    border-top: 1px solid white;
    /*height: 230px;*/
    background: white;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');  /*for IE*/
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0px, #DDD), color-stop(100px, white), color-stop(100%, white));
    background-image: -webkit-linear-gradient(#FBFBFB 0px,white 100px,white 100%);
    background-image: -moz-linear-gradient(#FBFBFB 0px,white 100px,white 100%);
    background-image: -o-linear-gradient(#FBFBFB 0px,white 100px,white 100%);
    background-image: linear-gradient(#FBFBFB 0px,white 100px,white 100%);
    overflow: hidden;
}

.boxBodyWhite
{
    /*position: relative;*/
    padding: 15px;
    padding-top: 8px;
    line-height: 1.3em;
    border-top: 1px solid white;
    text-align: center !important;
    height: 300px;
    background: white;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');  /*for IE*/
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0px, #FFF), color-stop(100px, white), color-stop(100%, white));
    background-image: -webkit-linear-gradient(#FFF 0px,white 100px,white 100%);
    background-image: -moz-linear-gradient(#FFF 0px,white 100px,white 100%);
    background-image: -o-linear-gradient(#FFF 0px,white 100px,white 100%);
    background-image: linear-gradient(#FFF 0px,white 100px,white 100%);
    overflow: hidden;
}

.boxBodyAllCircle
{
    /*position: relative;*/
    /*padding: 15px;*/
    /*padding-top: 8px;*/
    line-height: 1.3em;
    border-top: 1px solid white;
    /*height: 230px;*/
    background: white;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;

    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;

    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;

    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); *//* for IE */
    overflow: hidden;
}

.line-separator
{
    height:1px;
    background: #8c8c8c;
    vertical-align: top;
}

.abc
{

}

.abc:hover
{
    opacity: .5;
}

.deemImage
{
    opacity: .5;
}

.tableBorder
{
    border: 1px solid #8c8c8c;
    border-radius: 5px 5px 5px 5px;
    border-top: medium none;
    box-shadow: 0 5px 10px #555555;
    margin-top: 15px;
    text-shadow: none;
}
.cellBorderThick
{
    border-bottom: 2px solid #8c8c8c;
    height: 30px;
    font-size: 12px
}
.cellBorder
{
    border-bottom: 1px solid #c0c3be;
}
.cellBorderLite
{
    border-bottom: 1px solid #DFDFDF;
}
.cellLeftBorder
{
    border-left: 1px solid #c0c3be;
}

.button123 {
    font-size:13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-shadow:0 1px 1px rgba(0,0,0,0.20);
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    padding: 6px 36px 6px 17px;
    background:rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.4);
    box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 2px rgba(0,0,0,0.4);
    -webkit-background-clip: padding-box; /* fixes chrome border radius background bleed through */
    text-decoration: none;
    color:#FFFFFF;
}
.button123:hover {
    cursor:pointer;
}
.button123:active {
    border:1px solid rgba(255,255,255,0);
    outline:none;
}
*{
    box-sizing: border-box !important;
}

/*Download Button*/
.darkDownload {
    background:#585858 url(../../images/arrow_dark.png) no-repeat 94% 55%;/* for browsers that don't support multiple backgrounds */
    background: url(../../images/arrow_dark.png) no-repeat 94% 55%, -moz-linear-gradient(center top , #585858, #3a3a3a);
    background: url(../../images/arrow_dark.png) no-repeat 94% 55%, -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3a3a3a));
    border-top:1px solid rgb(102,102,102);
    border-bottom:1px solid rgb(32,32,32);
    border-left:1px solid rgb(58,58,58);
    border-right:1px solid rgb(58,58,58);
}
.darkDownload:hover {
    background:#6a6a6a url(../../images/arrow_dark.png) no-repeat 94% 55%;/* for browsers that don't support multiple backgrounds */
    background: url(../../images/arrow_dark.png) no-repeat 94% 55%, -moz-linear-gradient(center top , #6a6a6a, #464646);
    background: url(../../images/arrow_dark.png) no-repeat 94% 55%, -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#464646));
}
.darkDownload:active {
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    background: url(../../images/arrow_dark.png) no-repeat 94% 55%, rgb(63,63,63);
}
/*Create Button*/
.darkCreate {
    background:#585858 url(../../images/create.png) no-repeat 94% 55%;/* for browsers that don't support multiple backgrounds */
    background: url(../../images/create.png) no-repeat 94% 55%, -moz-linear-gradient(center top , #585858, #3a3a3a);
    background: url(../../images/create.png) no-repeat 94% 55%, -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3a3a3a));
    border-top:1px solid rgb(102,102,102);
    border-bottom:1px solid rgb(32,32,32);
    border-left:1px solid rgb(58,58,58);
    border-right:1px solid rgb(58,58,58);
}
.darkCreate:hover {
    background:#6a6a6a url(../../images/create.png) no-repeat 94% 55%;/* for browsers that don't support multiple backgrounds */
    background: url(../../images/create.png) no-repeat 94% 55%, -moz-linear-gradient(center top , #6a6a6a, #464646);
    background: url(../../images/create.png) no-repeat 94% 55%, -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#464646));
}
.darkCreate:active {
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    background: url(../../images/create.png) no-repeat 94% 55%, rgb(63,63,63);
}

/*Normal Button*/

.normalButton {
    background: #585858;/* for browsers that don't support multiple backgrounds */
    background: -moz-linear-gradient(center top , #585858, #3a3a3a);
    background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3a3a3a));
    border-top:1px solid rgb(102,102,102);
    border-bottom:1px solid rgb(32,32,32);
    border-left:1px solid rgb(58,58,58);
    border-right:1px solid rgb(58,58,58);
    padding: 8px 17px 8px 17px;
}
.normalButton:hover {
    background:#6a6a6a; /* for browsers that don't support multiple backgrounds */
    background: -moz-linear-gradient(center top , #6a6a6a, #464646);
    background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#464646));
    padding: 8px 17px 8px 17px;
}
.normalButton:active {
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    box-shadow:0 1px 4px rgba(0,0,0,0.8) inset, 0 1px 0 rgb(255,255,255);
    background: rgb(63,63,63);
    padding: 8px 17px 8px 17px;
}

#cssmenu {
    background: #333;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 185px;
    float: left;
    text-align: left;
    font-size: 11px;
}
#cssmenu li {
    font: 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#cssmenu a {
    background: #333;
    border-bottom: 1px solid #696969;
    color: #ccc;
    display: block;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#cssmenu a:hover {
    background: #FF8000 url('../../images/create.png') right center no-repeat;
    color: #fff;
    padding-bottom: 8px;
}

/*PAYMENT BLOCK*/
/**********************************************************************************************************************/

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}


.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    padding: 10px;
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.searchButton {
    background: #FFFFFF url('../../images/search5.png') right center no-repeat;
    height:62px;
    width:62px;
    border:none;
    background-color: transparent;
    cursor: pointer;
}
.searchButton:hover{
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.excelButton {
    background: #FFFFFF url('../../images/excel5.png') right center no-repeat;
    height:62px;
    width:62px;
    border:none;
    background-color: transparent;
    cursor: pointer;
}
.excelButton:hover{
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}


/*Enrollment Menu Start*/

#fl_menu
{
    position:absolute;
    top:100px;
    left:0px;
    z-index:9999;
    width:150px;
    height:35px;
    box-shadow: 0 5px 10px #333333;
}
#fl_menu .label
{
    padding-left:20px;
    line-height:35px;
    font-family:"Arial Black", "Times New Roman", sans-serif;
    font-size:14px;
    font-weight:bold;
    background-color: #226da4;
    color:#fff;
    letter-spacing:5px;
    opacity: .5;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #279EE1), color-stop(50%, #226da4), color-stop(100%, #214a7d));
    background-image: -webkit-linear-gradient(#279EE1 0%,#226da4 50%,#214a7d 100%);
    background-image: -moz-linear-gradient(#279EE1 0%,#226da4 50%,#214a7d 100%);
    background-image: -o-linear-gradient(#279EE1 0%,#226da4 50%,#214a7d 100%);
    background-image: linear-gradient(#279EE1 0%,#226da4 50%,#214a7d 100%);
}
#fl_menu .menu1
{
    display:none;
}
#fl_menu .menu1 .menu_item
{
    display:block;
    background:#EEEEEE;
    color:#444444;
    border-bottom:1px solid #666;
    padding:10px 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    box-shadow: 0 5px 10px #333333;
}
#fl_menu .menu1 a.menu_item:hover
{
    background:#333;
    color:#fff;
}
.content{width:520px; margin:50px auto;}

/*Enrollment Menu End*/

.table_header
{
    background-color: #E0E9EF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E9EF), to(#D2DEE6));
    background-image: -webkit-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:    -moz-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:     -ms-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:      -o-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:         linear-gradient(top, #E0E9EF, #D2DEE6);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    padding: 5px;
    vertical-align: middle !important;
    text-align: left;
    font-weight: bold;
    text-shadow: 0 1px #FFFFFF;
    color: #444444;
}

.filterHeader
{
    padding: 3px 11px 2px;
    height: 30px;
    font-weight: bold;
    text-shadow: 0 1px #FFFFFF;
    color: #444444;
    border: 1px solid #c0c0c0;
    background-color: #E0E9EF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E9EF), to(#D2DEE6));
    background-image: -webkit-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:    -moz-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:     -ms-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:      -o-linear-gradient(top, #E0E9EF, #D2DEE6);
    background-image:         linear-gradient(top, #E0E9EF, #D2DEE6);
}
.btn-brand{
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #b30537 !important;
    --bs-btn-border-color: #b30537 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b30537 !important;
    --bs-btn-hover-border-color: #b30537;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b30537 !important;
    --bs-btn-active-border-color: #b30537 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b30537;
    --bs-btn-disabled-border-color: #b30537;
    color: #fff;
    background-color: #c30937 !important;
    border-color: #c30937 !important;
    color: #fff !important;
    text-wrap: nowrap !important;
}

.btn-brand:hover {
    color: #fff !important;
    background-color: #c30937 !important;
    border-color: #c30937 !important;
}
.btn-brand-outline{
    background: transparent;
    color:#b30537 !important;
    border-radius: 10px;
    border:1px solid #b30537 !important;
    font-sze:16px;
    font-weight: 400;
    /*	line-height: 20px;*/
}
.btn-brand-outline:hover{
    background: #b30537 !important;
    color: #fff !important;

}
.btn-primary-outline{
    background: transparent;
    color:#0d6efd !important;
    border-radius: 10px;
    border:1px solid #0d6efd !important;
    font-sze:16px;
    font-weight: 400;
    /*	line-height: 20px;*/
}
.btn-primary-outline:hover{
    background: #0d6efd !important;
    color: #fff !important;

}
.btn-success-outline{
    background: transparent;
    color:#5cb85c !important;
    border-radius: 10px;
    border:1px solid #5cb85c !important;
    font-sze:16px;
    font-weight: 400;
    /*	line-height: 20px;*/
}
.btn-success-outline:hover{
    background: #5cb85c !important;
    color: #fff !important;

}

.btn-secondary {
    color: #fff !important;
    background-color: #606770 !important;
    border-color: #606770;
}
.btn-secondary:hover {
    color: #fff;
}

.btn-style{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
}
/*modal box styles*/
.modal-header{
    margin-bottom: 0;
    border: 1px solid #555;
    border-top: 0;
    padding: 15px 15px 10px;
    font-size: 14px !important;
    font-weight: bold;
    text-align: left;
    background-color: #b30537 !important;
    /*font-size: 120%;*/
    text-shadow: 0 1px #000000;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-shadow: 0 1px 0 #EEE4DF inset;
    -moz-box-shadow: 0 1px 0 #eee4df inset;
    box-shadow: 0 1px 0 #EEE4DF inset;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #FFFFFF;

}
.alert-info{
    background-color: #b3053733 !important;
    border-color: #b3053733 !important;
}
.label-info{
    background-color: #b30537 !important;
}