body {
    font-family:Verdana; /*apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”;*/
    /* default is 1rem or 16px */
    font-size: .775rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: .01428571rem;
    color: #495057; /*#3c4043; #545454;*/
}
select, input[type="text"], input[type="password"], textarea {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
		border: solid 1px #ccc;
	font-size: 10px;*/
    margin-top: 1px;
    outline: none;
    padding: 0.375rem 0.375rem;
    /*font-size: 0.8rem;*/
    font-size:100%;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.userData #txtsearch {
    height: 20px;
    width: auto;
    background-clip: unset;
    display: inline-block;
    line-height: 20px;
    color: #161414;
    border: solid 1px #fc8d05;
    font-size: 12px;
    padding: 3px 5px;
    /*font-family: Verdana;*/
    background-color: transparent;
    width: 50% !important;
}

.userData #btnSearch {
    /*font-family: Verdana;*/
    line-height: 20px;
    background-color: #fc8d05;
    color: White;
    border-radius: 5px;
    cursor: pointer;
    border: solid 1px #dd7f0b;
    padding: 3px 5px;
    font-size: 11px
}

    .userData #btnSearch:hover {
        background-color: #dc851b;
        border: solid 1px #c77919;
    }
/*input[type="text"] {
		border-radius: 3px;
		padding: 6px;
	}

	input[type="password"] {
		border-radius: 5px;
		padding: 5px;
	}*/
/*select {
	padding: 6px 12px;*/
/*font-size: 14px;*/
/*line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}*/
#ui-datepicker-div select {
    background-color: transparent;
    border: 0px;
    padding: 2px 2px;
}
/*
textarea {
	border-radius: 3px;
	padding: 3px;
}*/


a {
    color: #0f16e6;  /*#676660*/ /*#328bff*/
    text-decoration: none;
    /*font-weight:bold ;*/
}

    a:hover {
        color: #ffa02c;        
        text-decoration: none;
    }

    a.menuLink {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0.02rem;
        font-size: 100%;
        color: #0f16e6;
        /*background-color:#efeff0;*/
    }
    span.menuLink {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0.02rem;
        font-size: 100%;
        color: #0f16e6;
        /*background-color:#efeff0;*/
    }
        a.menuLink:hover {
            text-decoration: none;
            color: #003399;
        }

        a.menuLink.active {
            color: #ffb65d; /*#ffb65d;*/
        }
/*
h1 {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #E6851C;
}
*/



.sidenewshdr {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

.navbar {
    color: White;
    background-color: #6d9add;
    font-size: 10px;
    /*font-family: Verdana;*/
    background-color: #abd3f9;
}

.searchlink, .searchlink:hover {
    color: #545454;
    text-decoration: none;
    font-size: 10px;
    /*font-family: Verdana;*/
}

.linkHighlight {
    color: #663300;
    font-weight: bold;
}

a.welcomeLink {
    color: #003399;
    /*font-family: Arial;*/
    font-size: 12px;
}
    a.welcomeLink:hover {
        color: lightgoldenrodyellow;        
        /*font-family: Arial;*/
        font-size: 12px;
        text-decoration: underline;
        cursor: pointer;
    }


.welcomeMsg {
    color: #003399;
    /*font-family: Arial;*/
    font-size: 12px;
}


.userData {
    background-color: #99ccff;
    height: 25px;
    color: #003399;
}

.style23 {
    FONT-SIZE: 9px;
    COLOR: #990000;
    /*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
}

.style24 {
    FONT-SIZE: 12px;
    COLOR: blue;
    /*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;*/
    /*font-weight:bold;*/
}

.myBorderBottom {
    border-bottom-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.gvHeaderStyleSmall {
    font-weight: bold;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 9px;    
    height: 15px;
    text-transform: uppercase;
    /*background-image:url(../NewImages/tdhead.gif);*/
    background-color: #83c2fd;
    color: White;
    /*background-color:#E1E1E1;
	background:url(../Images/bg.gif);		*/
}

.gvHeaderStyle1 {
    font-weight: bold;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 11px;    
    height: 15px;
    /*background-image:url(../NewImages/tdhead.gif);*/
    background-color: #83c2fd;
    color: White;
    /*background-color:#E1E1E1;
	background:url(../Images/bg.gif);		*/
}

.gvHeaderStyleSmall {
    font-weight: bold;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 9px;    
    text-transform: uppercase;
    background-color: #83c2fd;
    color: White;
}

.MainHead {
    border-bottom-color: #666666;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    font-weight: bolder;
    /*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    height: 20px;
    text-transform: uppercase;
    color: #539ce0;
    font-weight: bold;
    padding-top: 10px;    
    margin-bottom:20px;
}

.LeftMenu {
    border: solid 1px #52a3ef;
    background-color: #fff;
    width: auto;
}

.LeftMenuHead {
    /*background-image:url(../NewImages/navbg_dn.gif);*/
    background-color: #4d82d2;
    font-weight: bold;
    padding: 10px 2px;
    text-transform: uppercase;
    color: White;
    text-align: center;
}

.LeftMenu a {
    display: block;
    padding: 4px 2px;
    font-size: 10px;
}

    .LeftMenu a:hover {
        background-color: #99ccff;
    }

.gvStyle {
    border-style: solid;
    border-width: 0px;
    border-collapse: collapse;
    /*font-size: 13px;*/
    /*    font-family: verdana;*/
    font-size: 100%;
    padding: 2px;
}

.hideBoundColumn {
    display: none;
}

.gvItemStyle {
    vertical-align: middle;
}

.txtStyle1 {
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

a.Download {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #330033;
    text-decoration: none;
}

    a.Download:hover {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: Black;
    }

.selected {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333366;
    text-decoration: none;
}

    .selected:hover {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: uppercase;
        color: #663399;
        text-decoration: underline;
    }


.myAquo {
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-family:Arial;*/
    font-size: 155%;
    line-height:normal;
    color: #f86128;
    font-weight: 500;
}

a.management {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    text-decoration: underline;
    color: #000099;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

    a.management:hover {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-size: 11px;
        text-decoration: underline;
        color: #FF0099;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
    }

.style11 {
    font-size: 16px;
    color: #000033;
    font-weight: bold;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

.style12 {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    text-align: justify;
    line-height: 18px
}

.style12withBg {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    text-align: justify;
    line-height: 18px;
    background-color: #cccccc;
    font-weight: bold;
}

.style20 {
    font-size: 12px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #000000;
}

.style6 {
/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 9px;
    color: #CCCCCC;
}

.style7 {
    color: #000000
}

#Layer1 {
    position: absolute;
    left: 521px;
    top: 226px;
    width: 240px;
    height: 20px;
    z-index: 1;
}

.style8 {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 9px;
    color: #000000;
    font-weight: bold;
}

.style1 {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 14px;
    font-weight: bold;
    color: #993300;
}

.tdHead {
    background-color: #cccccc;
    font-weight: bold;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}

.libTable {
    border-color: White;
    border-collapse: collapse;
}


a.leftMenu {
    /*font-family: Verdana, Helvetica, sans-serif;*/
    font-size: 10px;
    line-height: 18px;
    color: Maroon;
    font-weight: bold;
    text-decoration: none;
}

    a.leftMenu:hover {
        /*font-family: Verdana, Helvetica, sans-serif;*/
        font-size: 10px;
        line-height: 18px;
        font-weight: bold;
        color: #CC3300;
    }
/*
.buttonStyle
{
	background-color:#83c2fd;
	border-color:White;
	border-width:1px;
	color:Maroon;
	font-weight:bold;
	border-style:outset;
}*/
.buttonStyle {
    border: 1px solid #15aeec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 100%;
    /*font-family: arial, helvetica, sans-serif;*/
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: inline-block;
    /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
    font-weight: 500;
    color: #e9f9ff;
    background-color: #49c0f0;
    background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
    margin: 3px;
}

    .buttonStyle:hover {
        border: 1px solid #1090c3;
        background-color: #1ab0ec;
        background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
    }

.newbuttonStyle {
    border: 1px solid #d95700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    /*font-family: arial, helvetica, sans-serif;*/
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: inline-block;
    /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
    font-weight: bold;
    color: #fff;
    background-color: #ff6600;
    background-image: linear-gradient(top bottom, #ff6600, #2CAFE3);
    cursor: pointer;
    /*letter-spacing: 0.03rem;*/
}

    .newbuttonStyle:hover {
        border: 1px solid #1090c3;
        background-color: #1ab0ec;
        background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
    }

/*
 .newbuttonStyle{
border-color:#3A4C7D;border-width: 0px 0px 2px 0px;border-style: solid; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #ff6600; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#7089b3));
 background-image: -webkit-linear-gradient(top, #ff6600, #7089b3);
 background-image: -moz-linear-gradient(top, #ff6600, #7089b3);
 background-image: -ms-linear-gradient(top, #ff6600, #7089b3);
 background-image: -o-linear-gradient(top, #ff6600, #7089b3);
 background-image: linear-gradient(to bottom, #ff6600, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6600, endColorstr=#7089b3);
}

.newbuttonStyle:hover{
 border-color:#3A4C7D;border-width: 0px 0px 2px 0px;border-style: solid;
 background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}
*/
.spanLink {
    color: Blue;
    /*font-family: Verdana;*/
    font-size: 12px;
    cursor: pointer;
}

.subMainHead {
    /*old coding
	/*border-bottom-color:#b7dbee; border-bottom-style:dashed; border-bottom-width:1px;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	text-transform:uppercase;
	color:#E6851C;	*/
    /*font-family: Arial;*/
    font-size: 13px;
    font-weight: bold;
    color: Maroon;
}

.innerTable {
    background-color: #e0f7fd;
    border-width: 1px;
    border-style: solid;
    border-color: #D7E7F4;
}

.frameStyle {
    padding: 0px;
    margin: 0px;
    background-image: url(../NewImages/bg.gif);
}

hr {
    height: 1px;
    border-collapse: collapse;
    /*color:#ec9f37;*/
    color: #eccccc;
}

.profileSubHead {
    /*font-family: Arial;*/
    font-size: 13px;
    font-weight: bold;
    color: Maroon;
}

.imageHeading {
    /*font-family: Arial;*/
    font-size: 16px;
    font-weight: bold;
    color: Yellow;
}

.divHeaderStyle {
    background-color: #83c2fd;
    color: #f5faff;
    font-size: 12px;
    /*letter-spacing: 0.03rem;*/
    padding: 10px 15px !important;
}




.popupTable {
    /*background-color:#ecf8fb;*/
    /*font-family: Verdana;*/
    font-size: 100%;
    border: solid 1px #83c2fd;
}

    .popupTable td {
        padding: 6px 10px !important;        
    }
   /* .popupTable tr{
        border-bottom:solid 1px #e8f0fe;
    }

        .popupTable tr:hover {
            background-color: #e8f0fe;
        }*/
    /*.popupTable tr:nth-child(even):not(:first-child) {
        background-color: #e8f0fe;*/ /*e8f0fe;*/
    /*}*/
.popupTableSmall {
    background-color: #ecf8fb;
    border-width: 1px;
    border-style: solid;
    border-color: #6FB6F2;
    /*font-family: Verdana;*/
    /*font-size: 9px;*/
    font-size: 80%;
}

popupTableSmall td {
    padding: 5px;
}


.gvHeaderStyle {
    /*text-transform:uppercase;
	/*background-image:url(../NewImages/tdhead.gif);*/
    background-color: #83c2fd;
    color: #f5faff;
    /*background-color:#E1E1E1;
	background:url(../Images/bg.gif);		*/
}
.gvHeaderStyle td {
    /*font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        */
    font-size: 12px;
    /*letter-spacing: 0.03rem;*/
    padding: 10px 15px !important;
}

.bodyStyle {
    background-color: #D1DCEB;
    margin: 0;
}

.popupDiv {
    background-color: #e0f7fd;
    border-width: 1px;
    border-color: #7AA520;
    border-style: solid;
    z-index: 999;
    position: absolute;
}

#divDisableWindow {
    z-index: 99;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: Gray;
    color: #aaa;
    opacity: .5;
    filter: alpha(opacity=50);
}

.linksBG {
    background-color: #ffffff; /*#83c2fd;*/
    color: #52a3ef;
    /*font-family: Verdana;*/
    font-size: 80%;
    /*background-color:#ffffff;
	color:Black;*/
}

.setBGColor {
    background-color: Green;
    color: White;
}

.evenRow {
    background-color: #e8f0fe;
}

.bgLine {
    background-image: url(../CollegeImages/linebg.jpg);
    background-repeat: repeat-x;
}

.menuLinkBG {
    /*background-color:#efeff0;*/
}

.newsBG {
    background-image: url(../CollegeImages/mainbg.jpg);
    background-repeat: repeat-x;
    color: White;
    line-height: 26px;
    /*letter-spacing: 0.5px;*/
    font-size: 11px;
}

.iframeBorder {
    border: solid 1px #52a3ef;
    padding-left: 3px;
    padding-right: 3px;
}

.menuArrow {
    background-image: url(../CollegeImages/arrowButton2.gif);
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.bulletArrow {
    background-image: url(../CollegeImages/bullet.png);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    border: 0;
    background-position: center;
}

.exitLink {
    color: Blue;
    /*font-family: Arial;*/
    font-size: 16px;
    font-weight: bold;
    cursor: hand;
}

.dataLink {
    color: Blue;
    /*font-family: Arial;*/
    font-weight: bold;
    cursor: hand;
    text-decoration: underline;
}

.datePicker {
    width: 100px;
}

.changebg {
    background-color: #ffcccc;
    color: Black;
}

.alertColor {
    background-color: #ffcccc;
    color: Black;
}

.dummy {
}

.optionBackground {
    background-color: #ecf8fb;
}

.floatingStyle {
    position: relative;
    background-color: #829DC0;
    top: 0px;
}

.dataTable {
    background-color: #ecf8fb;
    border-width: 1px;
    border-style: solid;
    border-color: #6FB6F2;
    /*font-family: Verdana;*/
    font-size: 12px;
    width: 750px;
}

.tbl {
    width: 98%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #60a8ec;
    border-collapse: collapse;
    /*font-family: Verdana;*/
    font-size: 12px;
}

    .tbl td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #003366;
    }

    .tbl th {
        padding: 4px 2px;
        color: #000000;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#99CCFF'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#9CF)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #FFF, #9CF); /* for firefox 3.6+ */
        background: #99CCFF;
        font-size: 0.9em;
        border: solid 2px #c1c1c1;
    }

.tblGray {
    width: 98%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    /*font-family: Verdana;*/
    font-size: 12px;
}

    .tblGray td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #003366;
    }

    .tblGray th {
        padding: 4px 2px;
        color: #000000;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #FFF, #9CF); /* for firefox 3.6+ */
        background: #99CCFF;
        font-size: 0.9em;
        border: solid 2px #c1c1c1;
    }

/*
.dataTable td, .dataTable th 
{
	border: 1px solid #999999;
	padding: 3px 5px; margin:0px;
}
.dataTable thead th 
{
	 background-color:#cccccc;
	 color:#444444;
	 font-weight:bold;
	 text-align:left;
}
.dataTable thead a 
{
	text-decoration:none; color:#444444; 
}
.dataTable thead a:hover 
{
	 text-decoration: underline;
}*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.editimage {
    /*content:url("../images/edit_small.png");*/
    background-image: url("../images/edit_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 3px 15px;
}

.deleteimage {
    /*content:url("../images/edit_small.png");*/
    background-image: url("../images/delete_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 3px 15px;
}

.viewimage {
    background-image: url("../images/view_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 3px 12px;
}

.cancelimage {
    background-image: url("../images/cancel.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}

.updateimage {
    background-image: url("../images/update_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.freezeimage {
    background-image: url("../images/freeze_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.saveimage {
    background-image: url("../images/save_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}

.tickimage {
    background-image: url("../images/tick.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.crossimage {
    background-image: url("../images/cross.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.printimage {
    background-image: url("../images/print_small.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}

.downloadimage {
    background-image: url("../images/download.jpg");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}
.bundleissue {
    background-image: url("../images/bundleissue.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}
.bundlereturn {
    background-image: url("../images/bundlereturn.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}
.ui-accordion .ui-accordion-header {
    margin-top: 3px;
    text-align: left;
    padding-left: 20px;
    line-height: 25px;
}

.ui-helper-reset {
    line-height: 25px;
}
/*
#ff6666
#ffa64d
#00cc99
#cc66ff
*/
.lightred {
    background-color: #ff6666;
}

.lightorange {
    background-color: #ffa64d;
}

.lightgreen {
    background-color: #00cc99;
}

.lightpurple {
    background-color: #cc66ff;
}
/*
#FDDCDC
#FCEEE0
#E2F2EE
#F2E0FB*/
.lightred_1 {
    background-color: #FDDCDC;
}

.lightorange_1 {
    background-color: #FCEEE0;
}

.lightgreen_1 {
    background-color: #E2F2EE;
}

.lightpurple_1 {
    background-color: #F2E0FB;
}
.lightblue_1 {
    background-color: #cbdbf7;
}
.libcirborder {
    border-top: solid 2px #4da0ec;
    border-left: solid 1px #4da0ec;
    border-right: solid 1px #4da0ec;
    border-bottom: solid 1px #4da0ec;
}

.buttonStyleSel {
    background-color: rgb(77, 160, 236);
    border-top: solid 1px rgb(243, 93, 66);
    border-left: solid 1px rgb(77, 160, 236);
    border-right: solid 1px rgb(77, 160, 236);
    color: #f7f2f2;
    font-weight: bold;
    font-size: 80%;
}

.libcirbuttonStyle {
    /*background-color:#83c2fd;
	border-color:White;
	border-width:1px;
	color:Maroon;
	font-weight:bold;
	border-style:outset;
	cursor:pointer;*/
    background-color: #83c2fd;
    border-color: White;
    border-width: 1px;
    color: #211515;
    font-weight: bold;
    font-size: 80%;
    cursor: pointer;
    padding: 5px 5px 5px 7px;
    line-height: 25px;
}

    .libcirbuttonStyle:hover {
        background-color: #74b8f7;
        cursor: pointer;
    }



.tabStyleDis {
    border: 1px solid #CB4814;
    border-bottom: none;
    font-size: 13px;
    /*font-family: arial, helvetica, sans-serif;*/
    padding: 5px 15px 15px 15px;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #FCBB67;
    background-image: linear-gradient(to bottom, #FCBB67, #CB4814);
    height: 32px;
}

.tabStyle {
    border: 1px solid #257A9C;
    font-size: 13px;
    /*font-family: arial, helvetica, sans-serif;*/
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #3DB6E4;
    background-image: linear-gradient(to bottom, #3DB6E4, #257A9C);
    height: 30px;
}

    .tabStyle:hover {
        border: 1px solid #1090c3;
        background-color: #1ab0ec;
        background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
        height: 30px;
    }


.tabStyleDel {
    border: 1px solid #257A9C;
    font-size: 13px;
    /*font-family: arial, helvetica, sans-serif;*/
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #f75f23;
    background-image: linear-gradient(to bottom, #f75f23, #d54f1a);
    height: 30px;
}

    .tabStyleDel:hover {
        border: 1px solid #1090c3;
        background-color: #1ab0ec;
        background-image: linear-gradient(to bottom, #f77643, #d86437);
        height: 30px;
    }



input.tabStyle[type="button"]:disabled {
    border: 1px solid #15aeec;
    font-size: 100%;
    /*font-family: arial, helvetica, sans-serif;*/
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    display: inline-block;
    color: #FFFFFF;
    background-color: #BCD8E4;
    background-image: linear-gradient(to bottom, #BCD8E4, #2CAFE3);
}

.tabCont {
    /*background-color:#ecf8fb;	*/
    border-left: solid 1px #CB4814;
    border-right: solid 1px #CB4814;
    border-bottom: solid 1px #CB4814;
    border-top: solid 3px #CB4814;
    /*font-family: Verdana;*/
    font-size: 12px;
    padding: 5px;
}



.ui-widget-content {
    /*border: 2px solid #a6c9e2 !important;*/
}

.ui-widget {
    /*font-size: .60em !important;*/
    font-size: 12px !important;
    border: 1px solid #a6c9e2 !important;
}

.bgVLine {
    background-image: url(../CollegeImages/linebg.jpg);
    background-repeat: repeat-y;
    background-position: left;
    /*border-left: solid 1px #4d82d2;*/
}

.card-header {
    padding: 0.45rem 1.05rem;
    background-color: #83c2fd;
    color: #121212;
}

.card-footer {
    padding: 0.45rem 1.05rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.16rem 0.4rem;
    font-size: 0.775rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.modal {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 128px;
        width: 128px;
    }
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.nav-cust-menu {
    border: solid 1px #78baf7;
}

    .nav-cust-menu div {
        display: block;
        padding: 12px 6px;
        max-height: 600px;
        transition: all 0.3s ease;
        font-size: 11px;
        user-select: none;
    }

        .nav-cust-menu div:hover {
            display: block;
            background-color: #83c2fd;
            cursor: pointer;
        }

        .nav-cust-menu div.active {
            background-color: lightsteelblue;
        }

.watermark {
    background-image: url('images/logo.jpg');
    repeat: no-repeat;
    opacity: 50;
    position: relative;
    bottom: 0;
    float: left;
}
