@import url(font_calibri.css);
/*GENERAL*/
body {margin: 0px; padding: 0px;font: normal 12px "CalibriRegular","Trebuchet MS", Tahoma, Verdana, "Lucida Grande",Arial, sans-serif;background-color: #fcfcfc;}
input,select,textarea {font: normal 12px "CalibriRegular","Trebuchet MS", Tahoma, Verdana, "Lucida Grande",Arial, sans-serif;background-color: #fff;}
div, h1, h2, h3, h4, h5, h6, form, label, span, ul, li, p, a {
    margin:0; padding:0;
}
a, a:link, a:active {
    color: #009	;
    text-decoration: none;
}
a:hover {
    color: #263F6A;
    text-decoration: underline;
}
h1 {
    font-size: 1.5em;
    font-weight: bold;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
}
h3 {
    font-size: 1.1em;
    font-weight: bold;
}
input[readonly] {background: #ddd; text-shadow:1px 1px 1px #fff;}
input:focus[readonly] {background: #ddd; text-shadow:1px 1px 1px #fff;}
input:hover[readonly] {background: #ddd; text-shadow:1px 1px 1px #fff;}
input,select,textarea {
    padding: 2px 2px;
    border: 1px solid #aaa;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
input:hover,select:hover,textarea:hover {
    background: #fff;
    border: 1px solid #5bf;
}
input:focus,select:focus,textarea:focus {
    background: #fff;
    border: 1px solid #5bf;
}
ul {
    list-style:none;
}
li {
    list-style:none;
}
.body-form-title {
    font-weight: bold;
    color: #000;
    padding: 5px 5px;
    line-height: 1.4em;
    background: #ccc0c0;
    border-bottom: 1px solid #666;
    text-shadow:1px 1px 1px #fff;
}
.body-form-title span {
    height: 18px;
    font-size: 1em;font-weight: normal;
    background: #ccc; padding: 0px 5px;
    border: 1px solid #eee; margin: 1px 1px;
}
.body-form-title .caption {
    width: 150px; height: 18px;display: block; float: left;
    font-size: 1em;font-weight: normal;
    background: #ddd; padding: 0px 5px;
    border: 1px solid #eee; margin: 1px 1px;
}
.charts-container {
    background: #fff;
}
.chart-container {
    background: #fff;
}
.chart-canvas {
}
.requiredsign_small {
    font-weight: bold;
    color: #f00;
    padding: 0px 1px;
    background: #fcc;
    border: 1px solid #aaa;
    text-shadow:1px 1px 1px #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}
.requiredsign {
    font-weight: bold;
    font-size: .8em;
    color: #000;
    padding: 1px 3px;
    margin-left: 5px;
    background: #ccc;
    width: 50px;
    border: 1px solid #ccc;
    text-shadow:1px 1px 1px #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}
 
.checkbox-num {
    padding: 3px 5px;
    width: 25px;
    display: inline-block;
    border: 1px solid #aaa;
    text-shadow: 1px 1px 1px #fff;
    background: #eee;
 
}
.dgmaster_mastervalue {
    font-weight: bold;
    display: block;
    width: 250px;
    min-height: 16px;
    background: #ccc;
    text-shadow:1px 1px 1px #fff;
    padding: 3px 5px;
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.dgcol_redcolumn{
    background-color: #fdd;opacity: .8; filter:alpha(opacity=80);font-weight: bold;font-size: 1.1em;text-decoration: underline;text-shadow:1px 1px 1px #fff;}
.dgcol_yellowcolumn{
    background-color: #ffd;opacity: .8; filter:alpha(opacity=80);font-weight: bold;font-size: 1.1em;text-decoration: underline;text-shadow:1px 1px 1px #fff;}
.dgcol_greencolumn{
    background-color: #efd;opacity: .8; filter:alpha(opacity=80);font-weight: bold;font-size: 1.1em;text-decoration: underline;text-shadow:1px 1px 1px #fff;}
.h5px, .h5 { height: 5px;}
.h10px, .h10 { height: 5px;}
.h15px, .h15 { height: 5px;}
.hdashedline{ height: 1px; border-top:1px dashed #666;margin: 5px 0px;}
.checklistframe{ height: 22px;width: 50px; border:1px dashed #666;}
.hline { height: 1px; border-top:1px solid #666;margin: 5px 0px;}
.r3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.r5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
.r10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
.hwrapper {width: 1000px;display: block;height: 0px; background: #f00;overflow: hidden;}
.hwrapper150 {width: 150px;display: block;height: 0px; background: #f00;overflow: hidden;}
.hwrapper200 {width: 200px;display: block;height: 0px; background: #f00;overflow: hidden;}
.hwrapper250 {width: 250px;display: block;height: 0px; background: #f00;overflow: hidden;}
.hclearspace{clear:both;height: 0px;background: #f00;overflow: hidden;}
.bevel-up {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
.rounded-small{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
 
/*HTML BOX*/
.box {
    width:100%;  min-height: 100%; margin: 0px;
}
 
/*HEADER*/
.header-box {
    padding: 0px; width:100%; height: 67px;display: table;
}
.header-logo{
    position: absolute;   top: 0px; height: 68px;  width: 450px; 
    background: url(../images/logo-application-header.png) no-repeat;
    float:left; margin-left: 0px;
}
.header-box .header-systemmenu{
    font-family: Arial; font-size: .8em; text-transform: capitalize;
    margin-top: 1px; float: right; width: auto; background: #eee; width: 100%;height: 40px;
}
.header-box .header-systemmenu ul li{
    padding: 1px 0px;
    float: right; margin-left: 1px;
}
.header-box .header-systemmenu li a{
    color: #fff; padding:0px 5px 2px 5px; display: block; float: left; text-decoration: none;border: 1px solid #f00;
    background: #f00;min-width: 35px;text-align: center;
	font-weight : bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}
.header-box .header-systemmenu .header-systemmenu-current a {
    color: #000; font-weight: bold;height: 34px;
}
.header-box .header-systemmenu li a:hover{
    border: 1px solid #433;
    background: none;
    color:#fff; height: 35px;
}
.accounting:hover {background: url(../images/header-module-icon.png) 0px 0px no-repeat #895757;}
.admission:hover {background: url(../images/header-module-icon.png) 0px -50px no-repeat #895757; }
.students:hover {background: url(../images/header-module-icon.png) 0px -100px no-repeat #895757; }
.academic:hover {background: url(../images/header-module-icon.png) 0px -250px no-repeat #895757; }
.assets:hover {background: url(../images/header-module-icon.png) 0px -150px no-repeat #895757; }
.finance:hover {background: url(../images/header-module-icon.png) 0px -200px no-repeat #895757;  }
.employee:hover {background: url(../images/header-module-icon.png) 0px -300px no-repeat #895757; }
.administration:hover {background: url(../images/header-module-icon.png) 0px -350px no-repeat #895757; }
.dashboard:hover {background: url(../images/header-module-icon.png) 0px -400px no-repeat #895757; }
.portal:hover {background: url(../images/header-module-icon.png) 0px -450px no-repeat #895757; }
.library:hover {background: url(../images/header-module-icon.png) 0px -500px no-repeat #895757; }
 
.rhtmltag-span {
    display: block;
    height: 16px;
    background: #ffc;
    padding: 0px 10px;
    border: 1px solid #fff;
    float: right;
}
.checkbox-span {
    /* display: block; */
	display: inline-block;
    /* padding: 0px 10px; */
	padding: 3px 5px;
    border: 1px solid #aaa;
    width: 250px;
    /* float:left; */
    /* font-size: 1.5em; */
    background: #fcc;
    text-shadow: 1px 1px 0px #fff;
	margin: 0px 5px;
}
.checkbox-span:hover {
 
    background: #faa;
}
.checkbox-admissionprofile {
    height: 25px; width: 25px;
    float:left;
}
.header-menu{
    float: left; width:100%;
    background: #433; padding-top: 2px;
    height: 25px;
}
.header-path{
    top: 45px;  height: 22px;right: 0px; position: absolute;
    display: table;
    z-index:9996;
}
.header-path-login{
    margin-left: 10px;float:left; display:table; padding: 4px 5px; text-align: right;
}
.header-path-login a.userid {
    color: #222;
    font-family: tahoma;
    font-size: 11px;
    background-image:url("../images/toggle_down_light.png");
    background-color: #a99;
    background-repeat:no-repeat;
    background-position:95% 40%;
    padding:3px 18px 3px 8px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    -moz-border-radius: 2px 0px 2px 0px;
    -webkit-border-radius: 2px 0px 2px 0px;
    -khtml-border-radius: 2px 2px 0px 0px;
}.header-path-login a.userid:hover {
    background-color: #aaa;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.header-path-login a.useridopen {
    background-image:url("../images/toggle_up_dark.png");
    color:#000;
}
.header-path-login .ipaddress {
    color: #f00;
}
.header-path-title{
    float: left;padding: 4px 3px;
    font-family: tahoma;
    font-size: 11px;
    color: #f00;
    text-transform: capitalize;
}
#header-userprofile  {
    text-shadow: 1px 1px 1px #fff;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#a99;
    position:absolute;
    width:210px;
    border:1px transparent;
    text-align:left;
    padding:10px 5px;
    top: 62px;
    right: 0px;
    margin-top:5px;
    margin-right: 5px;
    color:#111;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #999;
    z-index: 9999;
    border-right: 1px solid #999;
}
.personalmenu{
    float: left;   
    font-size: 1em; 
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 5px;
}
.personalmenu ul{
    text-align: center;
}
.personalmenu ul li{
    float: left;margin: 0px;
}
.personalmenu-item{
    cursor:pointer; padding: 1px;
}
.personalmenu-item a{
    min-width: 50px;
    padding: 3px 0px;
    color: #000; text-decoration: none;  background: #ab9; 
    display: inline-block;padding: 3px 2px;  -moz-border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px;border: solid 1px #666;
}
.personalmenu-item a:hover{
    background: #aaa;
    text-decoration:none;    color: #000;
}
.profiletitle {
    display: inline-block;
    height: 16px;
    width: 70px;
    text-align: right;
    margin-top: 1px;
    font-weight: bold;
}
.profilevalue {
    display: inline-block;
    background: #bbb;
    width: 120px;
    text-align: right;
    margin-top: 1px;
    margin-left: 5px;
    border: 1px solid #988;
    padding: 5px 5px;
    font-size: 1em;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
}
.floating-shortcutmenu{
    position:absolute; top:150px; right:50px;  width:30px; z-index: 998;
    opacity: .95; filter:alpha(opacity=95);}
.floating-shortcutmenu ul { margin: 0px; width: 30px; display: table; float: right;
}
.floating-shortcutmenu ul.header{
    height: 20px;border: 0px;margin: 0px; padding: 0px;
}
.floating-shortcutmenu ul.header li{float: none;border: 0px;margin: 0px;
}
.floating-shortcutmenu ul.header li.header-caption{
    width: 30px; display: block; height: 25px;
    background: url(../images/floating-menu-icon.png) 0px -130px no-repeat #ccc;
    border-top: 10px solid #000;
    border-bottom: 1px solid #eee;
}
.floating-shortcutmenu ul.header li a.header-button{
    width: 30px;height: 30px; cursor: pointer; display: block;
    background: url(../images/floating-menu-icon.png) 0px -63px no-repeat #aaa;
    border-top: 1px solid #666;
}
.floating-shortcutmenu ul.header li a.header-toggle{
    width: 30px;  height: 30px; cursor: pointer; display: block;
    background: url(../images/floating-menu-icon.png) 0px -30px no-repeat #aaa;
    border-top: 1px solid #666;
    border-bottom: 1px solid #eee;
}
.floating-shortcutmenu ul.header li a.header-button:hover{
    background-color: #ddd;
}
.floating-shortcutmenu ul.header li a.header-button-active{
    background-color: #aaa;
}
.floating-shortcutmenu ul.header li a.header-toggle:hover{
    background-color: #ddd;
}
.floating-shortcutmenu ul.header li a.header-toggle-active{
    background-color: #999;
}
.floating-shortcutmenu .menu{
    width: 200px; background: #999; border-top: solid 1px #fff; border-left: solid 1px #fff; display: table;border-bottom: solid 1px #333;border-right: solid 1px #333;
}
.shortcut-menu-item {height: 25px; margin:1px 1px 1px 1px; float:left; padding-left: 20px;
                     background: url(../images/floating-menu-icon.png) 0px -62px no-repeat #999;
}
.shortcut-menu-item a{background: #bbb;padding: 5px 5px;margin: 0px;display: block;
                      border-top: 1px solid #bbb;
                      border-left: 1px solid #bbb;
                      border-bottom: 1px solid #777;
                      border-right: 1px solid #777;
}
.shortcut-menu-item a:hover{background: #ccc;
                            border-top: 1px solid #666;
                            border-left: 1px solid #666;
                            border-bottom: 1px solid #ddd;
                            border-right: 1px solid #ddd;
}
/*DROPDOWN MENU*/
ul.dropdownmenu{
    font-family: Tahoma,Arial,Verdana;
    font-size: 11px;
    height: 22px;
    line-height: 2em;
    list-style-position: outside;
    list-style-type: none;
    margin: 4px 0 0 3px;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    z-index: 999;
}
ul.dropdownmenu li{
    background: url("../images/mainmenu-spacer_bg.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left;
    height: 24px;
    margin: 0 3px 0 0;
    position: relative;
}
ul.dropdownmenu a:hover{
    color: #222; display: block; 
}
ul.dropdownmenu a:active{
    color: #000;
}
ul.dropdownmenu li a{
    display: block; padding: 0px 10px; color: #000; text-decoration: none;
}
ul.dropdownmenu li:last-child a{
    border-right: none;
} /* Doesn't work in IE */
ul.dropdownmenu li:hover{
    position: relative; background: #ccc;min-height: 24px; border-bottom: 2px solid #00A60D;color:#000;
}
ul.dropdownmenu li.hover a{
    min-height: 24px;
}
/*LEVEL TWO*/
ul.dropdownmenu ul {
    visibility: hidden; position: absolute; top: 100%;
}
ul.dropdownmenu ul li{
    font-size: 11px;
    text-transform: capitalize;
    font-weight: normal; background: #dfdfdf; border: none;
    border-bottom: 1px solid #aaa; float: none; min-height: 24px; width: 158px;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdownmenu ul li a{
    border-right: none; width: 130px; display: inline-block;  min-height: 24px;color:#000;font-weight: normal;
}
ul.dropdownmenu ul li a:hover{
    width: 130px; display: inline-block; min-height: 24px;
}
/*LEVEL THREE*/
ul.dropdownmenu ul ul{
    left: 100%; top: 0;
}
.dropdownmenu li ul li ul li{
    text-transform: capitalize;
    display: table; height: auto; border-bottom: 1px solid #aaa;background: #ddd;
}
.dropdownmenu li ul li ul li:hover{
    background: #ccc;color:#000;
}
ul.dropdownmenu li:hover ul{
    visibility: hidden; border-left: 1px #ccc;
}
 
 
/*popup container*/
#popup_container {
    font-size: 1em;
    min-width: 500px; /* Dialog will be no smaller than this */
    width: 500px;
    background: #fff;
    display: table;
    color: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}
 
#popup_title {
    font-size: 1.2em;
    font-weight: bold;
    color: #444;
    background: #aaa;
    cursor: default;
    padding: 5px 10px;
    margin: 0em;
    text-shadow: 1px 1px 1px #fff;
}
#popup_content {
    background: 16px 16px no-repeat url(../images/popup-info.gif);
    padding: 1em 1.75em;
    margin: 0em;
    font-size: 1.3em;
}
#popup_content.alert {
    background-image: url(../images/popup-info.gif);
}
#popup_content.confirm {
    background-image: url(../images/popup-important.gif);
}
#popup_content.prompt {
    background-image: url(../images/popup-help.gif);
}
#popup_message {
    margin-left: 40px;
}
#popup_message #content{
    clear: both;
    font-size: .8em;
    font-family: monospace;
}
#popup_message #content h1{
    font-size: 1.3em;
    padding: 0px;
    color: #f20;
}
#popup_panel {
    clear: both;
    text-align: center;
    margin: 1em 0em 0em 1em;
}
#popup_panel input{
    clear: both;
    margin-left: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    width: 75px;
    background: #7d6d68;
    color: #222;
}
#popup_panel  input:hover{
    margin-left: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    width: 75px;
    background: #999;
    color: #333;
}
#popup_prompt {
    margin: .5em 0em;
}
 
/*BODY-CONTENT*/
.body-box{
    background-color: #fafafa;  display:table; width:100%; padding: 0px;
}
.administration-leftbanner {
    border-right:5px solid #ccc;border-bottom:5px solid #ccc;height:650px;background: url(../images/administration_bg.png) top left no-repeat #ccc   ;
}
.admission-footerbanner {
    border-left:5px solid #eee;height:50px;background: url(../images/admission-footer_bg.png) top left no-repeat #7b8889;
}
.academic-footerbanner {
    border-left:5px solid #eee;height:50px;background: url(../images/academic-footer_bg.png) top left no-repeat #8c6e43;
}
.administration-footerbanner {
    border-left:5px solid #eee;height:50px;background: url(../images/administration-footer_bg.png) top left no-repeat #201b1b;
}
.asset-footerbanner {
    border-left:5px solid #eee;height:50px;background: url(../images/asset-footer_bg.png) top left no-repeat #091906;
}
.campus-rightbanner {
    height:200px;background: url(../images/campus-rightbanner.png) bottom left no-repeat;
}
 
.portalaccess-banner {
    height:50px;width: 200px;background: url(../images/banner-portal_bg.png) top left no-repeat;display: inline;float: left;margin-right: 15px;margin-top: 5px;border: 1px solid #fff;
}
.mobileaccess-banner {
    height:50px;width: 200px;background: url(../images/banner-mobile_bg.png) top left no-repeat;display: inline;float: left;margin-right: 15px;margin-top: 5px;border: 1px solid #fff;
}
.emailaccess-banner {
    height:50px;width: 200px;background: url(../images/banner-email_bg.png) top left no-repeat; display: inline;float: left;margin-right: 15px;margin-top: 5px;border: 1px solid #fff;
}
.support-rightbanner {
    height:100px;background: url(../images/support-rightbanner.png) bottom left no-repeat;
}

/*menu*/
.tooltip-pos{background: url(../images/pos.jpg) 0px 0px no-repeat #666666; }
.tooltip-inventory{background: url(../images/inv.jpg) 0px 0px no-repeat #666666; }
.tooltip-cashbank{background: url(../images/cb.jpg) 0px 0px no-repeat #666666; }
.tooltip-accounting{background: url(../images/acc.jpg) 0px 0px no-repeat #666666; }
.tooltip-fa{background: url(../images/FA.jpg) 0px 0px no-repeat #666666; }

.body-welcome-menu{
    display: table; width: 100%;background: #f1f1f1;
}
.body-welcome-menu ul {
	padding: 0px;margin:0px;
}
.body-welcome-menu ul li {
    list-style: none;float: left; display: table;
}
.body-welcome-menu ul li.leftside{
    width: 25%;min-height: 800px; background: #fafafa; display: table; 
}
#welcome-tabs-nav div {
    line-height: 3em;
    float: right;
}
.body-welcome-menu ul li.rightside{
    display:block; width: 74%;min-height: 800px;float:right;
}
.body-welcome-menu-item{
    float: left; margin: 0px 4px 0px 4px;   width: 244px;  height: 244px; font-size: 18px; text-align: center;display: block;
}
.body-welcome-menu-item a{
    width: 245px; height: 244px; display: block; color: #FFFFFF; font-weight:bold;
}
.body-welcome-menu-item a:hover{
    line-height: 8em;
    display: block; color: #000; text-shadow: 1px 1px 0px #fff; background: #fff; border-top: 30px solid #FF0000; border-bottom: 30px solid #FF0000; height: 195px;
    opacity: .80; filter:alpha(opacity=80); font-weight: bold;
}
.body-welcome-description{
    margin: 5px;height: 780px; top:0; background: #fff url(../images/welcome-banner-education.jpg) bottom left repeat-x; display: table;
}
.body-welcome-description h1{
    font-size: 3em; padding: 5px 10px;
    display: block;text-shadow: 1px 1px 1px #fff; color: #333;
    background: #ddc; border-bottom: 1px solid #aaa;margin-bottom: 5px; 
}
.body-welcome-description h2{
    padding: 2px 0px; font-weight: normal; background: #fff;
    font-size: 2em;
    display: block; color: #720;
}
.body-welcome-description p{
    font-size: 1em; padding:10px 5px;color: #232;  border: 1px dashed #dda; background: #ffe;margin: 5px 0px;
}
.body-welcome-description div {
    font-size: 1em;
    display: block; padding:10px 5px;border-bottom: 1px solid #ddd; text-shadow: 1px 0px 0px #999; color: #f00;
}
#welcome-tabs-nav-public {
    margin-left: 0px;
}
#welcome-tabs-nav-public div {
    line-height: 3em;
    float: left;
}
.body-welcome-description-public{
    margin: 5px;height: 780px; top:0; background: #fff url(../images/welcome-banner-education.jpg) bottom left repeat-x;
}
.body-welcome-description-public h1{
    font-size: 4em; padding: 5px 5px;
    display: block; color: #fff;
    background: #433;margin-bottom: 5px;
}
.body-welcome-description-public h2{
    padding: 5px 5px; font-weight: normal; background: #ddc;margin:1px 0px;
    font-size: 1.4em;
    display: block; color: #330;text-shadow:1px 1px 1px #fff;margin-bottom: 5px;
}
.body-welcome-description-public p{
    font-size: 1em; padding:10px 5px; 
    border-top: 1px slid #ccc;border: 1px dashed #aaa; color: #333; background: #ffe;margin-bottom: 5px;
}
.body-welcome-description-public div {
    font-size: 1em;
    display: block; padding:10px 5px;border-bottom: 1px solid #ddd; text-shadow: 1px 0px 0px #999; color: #f00;
}
.public-banner-box {
    background: url(../images/public-banner_bg.gif) top left no-repeat;
    height: 200px;
    width: 100%;
}
.public-banner-container {
    float: left;height:200px;width: 800px;
}
.login-container {
    float: right; 
	height: 191px;
	width: 25%;
    background: #EBEBEB;
	padding-left : 10px;
	padding-top : 10px;
}
#login-cms .floatleft {
    float: left;
}
.login-input {padding:3px 3px; border:1px solid #aaa; background-color:#fff; font-size: 1em;width: 150px;}
.login-button {
	height:25px;
	font-size: 1em;
    color: #000;
    border: solid 1px #fff;
    background: #C9BFA9; font-weight: bold;
    /* text-shadow: 1px 1px 1px #fff; */
    line-height: 1.8em; text-align: center;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    margin-top: -2px;
	min-width : 100px;
}
.login-button:hover {
    background: #aaa;cursor: pointer; color: #666;
    border: solid 1px #000;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
/**/
.body-welcome{
    padding: 5px 0px 5px 5px;
    height: 200px;
}
.body-welcome-content {
}
.body-welcome-content .slidecontents {
    width: 575px; height: 200px;
}
.body-welcome-content ul li.leftside{
    width: 575px;height: 200px;
    background: url(../images/body-welcome-slide-content.png);
    float: left;
}
.body-welcome-content ul li.rightside{
    width: 200px;
    float: right;
    height: 200px;
}.body-welcome-content ul li.thumbnailside {
    display: inline;
}
.body-welcome-content .slidecontents div {
    display: none;
    width: 575px; height: 200px;
}
.body-welcome-content .thumbnail {
    width: 40px; height: 40px; margin: 1px 0px 0px 1px; float: left; position: relative; 
}
.thumbnail-admission1 {
    background: url(../images/thumbnail-admission_bg.jpg) 0px 0px;
}
.thumbnail-admission2 {
    background: url(../images/thumbnail-admission_bg.jpg) -40px 0px;
}
.thumbnail-admission3 {
    background: url(../images/thumbnail-admission_bg.jpg) -80px 0px;
}
.thumbnail-admission4 {
    background: url(../images/thumbnail-admission_bg.jpg) -120px 0px;
}
.thumbnail-admission5 {
    background: url(../images/thumbnail-admission_bg.jpg) -160px 0px;
}
.thumbnail-admission6 {
    background: url(../images/thumbnail-admission_bg.jpg) 0px 40px;
}
.thumbnail-admission7 {
    background: url(../images/thumbnail-admission_bg.jpg) -40px 40px;
}
.thumbnail-admission8 {
    background: url(../images/thumbnail-admission_bg.jpg) -80px 40px;
}
.thumbnail-admission9 {
    background: url(../images/thumbnail-admission_bg.jpg) -120px 40px;
}
.thumbnail-admission10 {
    background: url(../images/thumbnail-admission_bg.jpg) -160px 40px;
}
.thumbnail-admission11 {
    background: url(../images/thumbnail-admission_bg.jpg) 0px 80px;
}
.thumbnail-admission12 {
    background: url(../images/thumbnail-admission_bg.jpg) -40px 80px;
}
.thumbnail-admission13 {
    background: url(../images/thumbnail-admission_bg.jpg) -80px 80px;
}
.thumbnail-admission14 {
    background: url(../images/thumbnail-admission_bg.jpg) -120px 80px;
}
.thumbnail-admission15 {
    background: url(../images/thumbnail-admission_bg.jpg) -160px 80px;
}
.thumbnail-admission16 {
    background: url(../images/thumbnail-admission_bg.jpg) 0px 120px;
}
.thumbnail-admission17 {
    background: url(../images/thumbnail-admission_bg.jpg) -40px 120px;
}
.thumbnail-admission18 {
    background: url(../images/thumbnail-admission_bg.jpg) -80px 120px;
}
.thumbnail-admission19 {
    background: url(../images/thumbnail-admission_bg.jpg) -120px 120px;
}
.thumbnail-admission20 {
    background: url(../images/thumbnail-admission_bg.jpg) -160px 120px;
}
.thumbnail-academic1 {
    background: url(../images/thumbnail-academic_bg.jpg) 0px 0px;
}
.thumbnail-academic2 {
    background: url(../images/thumbnail-academic_bg.jpg) -40px 0px;
}
.thumbnail-academic3 {
    background: url(../images/thumbnail-academic_bg.jpg) -80px 0px;
}
.thumbnail-academic4 {
    background: url(../images/thumbnail-academic_bg.jpg) -120px 0px;
}
.thumbnail-academic5 {
    background: url(../images/thumbnail-academic_bg.jpg) -160px 0px;
}
.thumbnail-academic6 {
    background: url(../images/thumbnail-academic_bg.jpg) 0px 40px;
}
.thumbnail-academic7 {
    background: url(../images/thumbnail-academic_bg.jpg) -40px 40px;
}
.thumbnail-academic8 {
    background: url(../images/thumbnail-academic_bg.jpg) -80px 40px;
}
.thumbnail-academic9 {
    background: url(../images/thumbnail-academic_bg.jpg) -120px 40px;
}
.thumbnail-academic10 {
    background: url(../images/thumbnail-academic_bg.jpg) -160px 40px;
}
.thumbnail-academic11 {
    background: url(../images/thumbnail-academic_bg.jpg) 0px 80px;
}
.thumbnail-academic12 {
    background: url(../images/thumbnail-academic_bg.jpg) -40px 80px;
}
.thumbnail-academic13 {
    background: url(../images/thumbnail-academic_bg.jpg) -80px 80px;
}
.thumbnail-academic14 {
    background: url(../images/thumbnail-academic_bg.jpg) -120px 80px;
}
.thumbnail-academic15 {
    background: url(../images/thumbnail-academic_bg.jpg) -160px 80px;
}
.thumbnail-academic16 {
    background: url(../images/thumbnail-academic_bg.jpg) 0px 120px;
}
.thumbnail-academic17 {
    background: url(../images/thumbnail-academic_bg.jpg) -40px 120px;
}
.thumbnail-academic18 {
    background: url(../images/thumbnail-academic_bg.jpg) -80px 120px;
}
.thumbnail-academic19 {
    background: url(../images/thumbnail-academic_bg.jpg) -120px 120px;
}
.thumbnail-academic20 {
    background: url(../images/thumbnail-academic_bg.jpg) -160px 120px;
}
.thumbnail-asset1 {
    background: url(../images/thumbnail-asset_bg.jpg) 0px 0px;
}
.thumbnail-asset2 {
    background: url(../images/thumbnail-asset_bg.jpg) -40px 0px;
}
.thumbnail-asset3 {
    background: url(../images/thumbnail-asset_bg.jpg) -80px 0px;
}
.thumbnail-asset4 {
    background: url(../images/thumbnail-asset_bg.jpg) -120px 0px;
}
.thumbnail-asset5 {
    background: url(../images/thumbnail-asset_bg.jpg) -160px 0px;
}
.thumbnail-asset6 {
    background: url(../images/thumbnail-asset_bg.jpg) 0px 40px;
}
.thumbnail-asset7 {
    background: url(../images/thumbnail-asset_bg.jpg) -40px 40px;
}
.thumbnail-asset8 {
    background: url(../images/thumbnail-asset_bg.jpg) -80px 40px;
}
.thumbnail-asset9 {
    background: url(../images/thumbnail-asset_bg.jpg) -120px 40px;
}
.thumbnail-asset10 {
    background: url(../images/thumbnail-asset_bg.jpg) -160px 40px;
}
.thumbnail-asset11 {
    background: url(../images/thumbnail-asset_bg.jpg) 0px 80px;
}
.thumbnail-asset12 {
    background: url(../images/thumbnail-asset_bg.jpg) -40px 80px;
}
.thumbnail-asset13 {
    background: url(../images/thumbnail-asset_bg.jpg) -80px 80px;
}
.thumbnail-asset14 {
    background: url(../images/thumbnail-asset_bg.jpg) -120px 80px;
}
.thumbnail-asset15 {
    background: url(../images/thumbnail-asset_bg.jpg) -160px 80px;
}
.thumbnail-asset16 {
    background: url(../images/thumbnail-asset_bg.jpg) 0px 120px;
}
.thumbnail-asset17 {
    background: url(../images/thumbnail-asset_bg.jpg) -40px 120px;
}
.thumbnail-asset18 {
    background: url(../images/thumbnail-asset_bg.jpg) -80px 120px;
}
.thumbnail-asset19 {
    background: url(../images/thumbnail-asset_bg.jpg) -120px 120px;
}
.thumbnail-asset20 {
    background: url(../images/thumbnail-asset_bg.jpg) -160px 120px;
}
.thumbnail-administration1 {
    background: url(../images/thumbnail-administration_bg.jpg) 0px 0px;
}
.thumbnail-administration2 {
    background: url(../images/thumbnail-administration_bg.jpg) -40px 0px;
}
.thumbnail-administration3 {
    background: url(../images/thumbnail-administration_bg.jpg) -80px 0px;
}
.thumbnail-administration4 {
    background: url(../images/thumbnail-administration_bg.jpg) -120px 0px;
}
.thumbnail-administration5 {
    background: url(../images/thumbnail-administration_bg.jpg) -160px 0px;
}
.thumbnail-administration6 {
    background: url(../images/thumbnail-administration_bg.jpg) 0px 40px;
}
.thumbnail-administration7 {
    background: url(../images/thumbnail-administration_bg.jpg) -40px 40px;
}
.thumbnail-administration8 {
    background: url(../images/thumbnail-administration_bg.jpg) -80px 40px;
}
.thumbnail-administration9 {
    background: url(../images/thumbnail-administration_bg.jpg) -120px 40px;
}
.thumbnail-administration10 {
    background: url(../images/thumbnail-administration_bg.jpg) -160px 40px;
}
.thumbnail-administration11 {
    background: url(../images/thumbnail-administration_bg.jpg) 0px 80px;
}
.thumbnail-administration12 {
    background: url(../images/thumbnail-administration_bg.jpg) -40px 80px;
}
.thumbnail-administration13 {
    background: url(../images/thumbnail-administration_bg.jpg) -80px 80px;
}
.thumbnail-administration14 {
    background: url(../images/thumbnail-administration_bg.jpg) -120px 80px;
}
.thumbnail-administration15 {
    background: url(../images/thumbnail-administration_bg.jpg) -160px 80px;
}
.thumbnail-administration16 {
    background: url(../images/thumbnail-administration_bg.jpg) 0px 120px;
}
.thumbnail-administration17 {
    background: url(../images/thumbnail-administration_bg.jpg) -40px 120px;
}
.thumbnail-administration18 {
    background: url(../images/thumbnail-administration_bg.jpg) -80px 120px;
}
.thumbnail-administration19 {
    background: url(../images/thumbnail-administration_bg.jpg) -120px 120px;
}
.thumbnail-administration20 {
    background: url(../images/thumbnail-administration_bg.jpg) -160px 120px;
}
 
.body-welcome-content .thumbnail a {
    width: 40px; height: 40px; display: block;
}
.body-welcome-content .thumbnail a:hover {
    background: #fff; opacity: .4; filter:alpha(opacity=40);
}
.admission-slide-1 {
    background:url(../images/slide-admission-people_bg.png) left center no-repeat;    
}
.admission-slide-2 {
    background:url(../images/slide-admission_bg.png) left center no-repeat;
 
}
.admission-slide-3 {
    background:url(../images/slide-admission_bg.png) left center no-repeat;
 
}
.admission-slide-4 {
    background:url(../images/slide-admission_bg.png) left center no-repeat;
 
}
.admission-slide-5 {
    background:url(../images/slide-admission_bg.png) left center no-repeat;
 
}
.admission-slide-6 {
    background:url(../images/slide-admission_bg.png) left center no-repeat;
 
}
.library-slide-1 {
    background:url(../images/slide-library_bg.png) left center no-repeat;    
}
.library-slide-2 {
    background:url(../images/slide-library_bg.png) left center no-repeat;    
}
.library-slide-3 {
    background:url(../images/slide-library_bg.png) left center no-repeat;    
}
.library-slide-4 {
    background:url(../images/slide-library_bg.png) left center no-repeat;    
}
.library-slide-5 {
    background:url(../images/slide-library_bg.png) left center no-repeat;    
}
.library-slide-6 {
    background:url(../images/slide-library_bg.png) left center no-repeat;    
}
.academic-slide-1 {
    background:url(../images/slide-academic_bg.png) left center no-repeat;    
}
.academic-slide-2 {
    background:url(../images/slide-academic_bg.png) left center no-repeat;
 
}
.academic-slide-3 {
    background:url(../images/slide-academic_bg.png) left center no-repeat;
 
}
.academic-slide-4 {
    background:url(../images/slide-academic_bg.png) left center no-repeat;
 
}
.academic-slide-5 {
    background:url(../images/slide-academic_bg.png) left center no-repeat;
 
}
.academic-slide-6 {
    background:url(../images/slide-academic_bg.png) left center no-repeat;
 
}
.employee-slide-1 {
    background:url(../images/slide-employee_bg.png) left center no-repeat;    
}
.employee-slide-2 {
    background:url(../images/slide-employee_bg.png) left center no-repeat;
}
.employee-slide-3 {
    background:url(../images/slide-employee_bg.png) left center no-repeat;
}
.employee-slide-4 {
    background:url(../images/slide-employee_bg.png) left center no-repeat;
}
.employee-slide-5 {
    background:url(../images/slide-employee_bg.png) left center no-repeat;
}
.employee-slide-6 {
    background:url(../images/slide-employee_bg.png) left center no-repeat;
}
.asset-slide-1 {
    background:url(../images/slide-asset_bg.png) left center no-repeat;    
}
.asset-slide-2 {
    background:url(../images/slide-asset_bg.png) left center no-repeat;
 
}
.asset-slide-3 {
    background:url(../images/slide-asset_bg.png) left center no-repeat;
 
}
.asset-slide-4 {
    background:url(../images/slide-asset_bg.png) left center no-repeat;
 
}
.asset-slide-5 {
    background:url(../images/slide-asset_bg.png) left center no-repeat;
 
}
.asset-slide-6 {
    background:url(../images/slide-asset_bg.png) left center no-repeat;
 
}
.portal-slide {
    height: 200px;
    background:url(../images/slide-portal_bg.png) left center no-repeat #080808;    
}
.dashboard-slide-1 {
    background:url(../images/slide-dashboard_bg.png) left center no-repeat;    
}
.dashboard-slide-2 {
    background:url(../images/slide-dashboard_bg.png) left center no-repeat;
 
}
.dashboard-slide-3 {
    background:url(../images/slide-dashboard_bg.png) left center no-repeat;
 
}
.dashboard-slide-4 {
    background:url(../images/slide-dashboard_bg.png) left center no-repeat;
 
}
.dashboard-slide-5 {
    background:url(../images/slide-dashboard_bg.png) left center no-repeat;
 
}
.dashboard-slide-6 {
    background:url(../images/slide-dashboard_bg.png) left center no-repeat;
 
}
.administration-slide-1 {
    background:url(../images/slide-administration_bg.png) left center no-repeat;    
}
.administration-slide-2 {
    background:url(../images/slide-administration_bg.png) left center no-repeat;
 
}
.administration-slide-3 {
    background:url(../images/slide-administration_bg.png) left center no-repeat;
 
}
.administration-slide-4 {
    background:url(../images/slide-administration_bg.png) left center no-repeat;
 
}
.administration-slide-5 {
    background:url(../images/slide-administration_bg.png) left center no-repeat;
 
}
.administration-slide-6 {
    background:url(../images/slide-administration_bg.png) left center no-repeat;
 
}
.body-welcome-content .slidetabs {
    height: 200px;
}
.body-welcome-content .slidetabs li{
    border-bottom: 1px solid #eee;
}
.body-welcome-content .slidetabs a {
    width:200px;
    height:31px;
    background-color: #ddd;
    float:left;
    margin-right:0px;
    display:block;	
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #eee;
    line-height: 2.3em;
    text-indent: 10px;
    text-decoration: none;
    font-size: 1em;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
}
.body-welcome-content .slidetabs a:hover {
    background-position:0 -8px;
    text-shadow: none;      
}
.body-welcome-content .slidetabs a.current {
    background-position:0 -16px;
    background-color: #77d7ff;
    font-size: 1.2em;
    color: #fff;
    text-shadow: none;      
}
.module-wrap {
    width: 25%; float: left;
}
.module-wrap-item {
    margin-top: 10px; margin-left:5px;
    border-bottom: 1px solid #fff;
}
.module-wrap-item .header {
    height:30px; 
    font-weight: bold;
    border-bottom: 1px solid #aa6;
    text-indent: 8px;
    color: #333; 
    line-height: 2.5em;
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.1em;
    text-transform:  uppercase;
    background: url(../images/module-wrap-hdr_bg.gif) no-repeat -5px 1px;
}
.module-wrap-item .description {
    background: url(../images/module-wrap-desc_bg.gif) left bottom no-repeat #e5e9cf; 
    font-size: 12px;font-family: arial;
    border-top: 1px solid #fff;
    height: 200px;  color: #333; overflow: hidden;
    text-shadow: 1px 1px 1px #fff;
    font-weight: normal;
}
.content-wrap {
    width: 50%; float: left;
}
.content-wrap-item {
    margin-top: 20px;  margin-left:5px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
 
.content-wrap-item .header {
    height:25px; border-bottom: 1px solid #aaa;
    text-indent: 15px;
    color: #333; 
    line-height: 1.8em;
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.1em;
    text-transform:  uppercase;
    background: url(../images/widget-top_bg.png) no-repeat #bbb;
}
 
.content-wrap-item .description {
    background-color:#e8eae2; border-top: 1px solid #fff;
    height: 200px;  color: #333; overflow: hidden;
    text-shadow: 1px 1px 1px #fff;
    text-align: justify;
}
.tooltip {
    display:none;
    background: left center no-repeat #ccc;
    opacity: .9; filter:alpha(opacity=90);
    text-shadow: 1px 1px 0px #fff;
    font-size:1em;
    height:50px;
    width:200px;
    margin-left: 100px;
    color:#003;
    padding-left: 5px;
    padding-top: 5px;
    border: 1px dashed #eee;
    z-index: 999999;
}
.body-process-status-box{
    padding: 5px 5px 5px 45px;
    background: url(../images/popup-info.gif) top left no-repeat #ccc;
    text-shadow: 1px 1px 1px #fff;
    border-top: 1px solid #fff; border-bottom: 1px solid #999;
}
.body-process-status-box p{
    color: #333;
}
.body-process-status-box strong{
    font-size: 1.1em;
    font-weight: bold;
}
.body-process-status-box h3{
    font-size: 1.2em;
}
 
.ajax-loader-overlay{
    background: #fff;
    opacity: .75; filter:alpha(opacity=75);
    padding: 50px 50px;
    margin: 0px;
}
.ajax-loader-caption{
    display: block;
    background: url(../images/ajax-loading.gif) 10px center no-repeat #ccc;
    padding: 10px 10px 10px 30px;    width: 100px;    margin: auto;
    text-shadow: 1px 1px 1px #fff; font-size: 1.2em;
}
.ajax-loader{
    background: url(../images/ajax-loading.gif) no-repeat center;
    width: 150px;
    height: 150px;
    margin: 2px 0px 0px 2px;
    display:  none;
    z-index: 9999;
}
.validationerror{
    color: #f00;
    font-size: .9em;
    display: inline-block;
    margin: 0px 2px;
    text-shadow: 1px 1px 1px #fff;
}
/*BODY WIDGET*/
.body-widget-box{width: 20%;float:right;}
._body-widget-box{width: 200px;right:25px;position:absolute; background: #311;
                  opacity: .85; filter:alpha(opacity=85);top: 125px; display:none;
}
.widget-box{
    margin-top:5px;
    margin-left: 5px; margin-right: 5px;margin-bottom: 30px;
    border-top: solid 1px #fff; 
    border-bottom: 1px solid #fff;   background: #ddd;
}
.widget-box .header{
    height: 25px;
    line-height: 2.5em;
    padding:0px 8px;min-width: 100px;border-bottom: 1px solid #666;color: #fff;
    font-size: 1em; text-transform: uppercase;
    background: url(../images/widget-hdr_bg.gif) no-repeat #fafafa bottom left;
}
.widget-box .content{padding:0px;border-top: 1px solid #fff;}
.widget-box .footer{height: 1px;border-bottom: 1px solid #999;}
.widget-float-header {
    margin: 2px 2px 0px 2px;display:block;
    text-shadow:1px 1px 1px #fff;padding: 3px 5px;
    border-top: 1px solid #fff;border-bottom: 1px solid #666;
    background:#dbb;border: 1px solid #aaa;
}
.widget-float-body {
    margin: 0px 2px 5px 2px;text-align:center;padding: 3px 5px;
    background:#afc1d2;display:block;font-size:1em;text-shadow:1px 1px 1px #fff;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff;
}
.widget-row-header {
    margin: 2px 2px 0px 2px;display:block;
    background:#ccc;text-shadow:1px 1px 1px #fff;padding: 3px 5px;
    border-top: 1px solid #fff;border-bottom: 1px solid #666;
    background:#ddd;border: 1px solid #bbb;
}
.widget-row-body {
    margin: 0px 2px 5px 2px;padding: 3px 5px;display:block;background:#dce2d4;font-size:1em;text-shadow:1px 1px 1px #fff;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff;
}
.widget-ajaxloader{
    background: url(../images/widget-loading.gif) no-repeat;
    width: 19px;
    height: 19px;
    margin: 2px 0px 0px 10px;
}
.body-content-box{width: 80%;float:left;display: table;padding:0px;}
.body-content-box-only{width: 100%;}
.body-content{padding: 0px;margin: 0px;}
/*body form*/
.body-form-overlay {
    margin: 0px;
    padding: 0px;
    background: #eee;
    border: 1px solid #aaa;
}
.body-form {
    margin: 0px;
    padding: 0px;
    background: #eee;
    border: 1px solid #eee;
    border-top: 5px solid #eee;
    border-left: 5px solid #eee;
    min-height: 800px;
}
.body-form-header {
    padding: 0px 0px;
    font-size: 1.1em;
    color: #fff;
    text-transform: capitalize;
    height:19px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aaa;
    background: #ddd;
}
.body-form-footer {
    padding: 3px 0px;
    background: #ccc;
    height: 16px;
    border-bottom: 1px solid #fff;border-top: 1px solid #aaa;
}
.body-form-header-caption{
    text-align: left;
    list-style: none;
    display: block;
    float: left;
    font-weight: bold;
    text-indent: 25px;
}
.body-form-header-menu {
    list-style: none;
    float: right;
}
.body-form-content {
    padding: 0px;
    margin: 0px;
}
.body-form-content div ul{
    display: table;
}
/*DATAGRID*/
.dg-container{
    margin: 0px;
    background: #fff;
}
.dg-title{
    margin-top: -21px; margin-left: 5px; min-width: 200px;
    text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #fff;line-height: 1.5em;
    height: 18px; position: absolute;display: block; color: #000; font-size: 1.1em; padding: 0px;
}
.dg-shortcut{
    width: auto;
    display: table;
    float: right;
    font-size: .9em;
    padding: 0px;
    margin: 0px;
    position: relative;
    right: 0px;
    margin-top: -20px;
}
.dg-shortcut-footer{
    display: table;
    font-size: .9em;
    padding: 0px;
    margin: 0px;
    position: absolute;
    margin-top: -3px;
    left: 32px;
}
.dg-shortcut ul li, .dg-shortcut-footer ul li{
    float: left;
    min-width: 45px;
    padding: 1px 0px;
    padding-left: 1px;
    text-align: center;
}
.dg-shortcut ul li a,.dg-shortcut-footer ul li a{
    color: #fff;
    display: block;
    background-color:#544;
    text-transform: lowercase;
    padding:3px 2px;
    cursor: pointer;
}
.dg-shortcut ul li a:hover,.dg-shortcut-footer ul li a:hover{
    color: #000;
    background-color:#f30;
    display: block;
}
.searchpanel {
    display: none;
    background: #ccc;
    padding: 5px;
    z-index: 9999;
    border-bottom: 18px solid #ccc;
}
.dg-table-search {
    background: #aaa;
}
.dg-table-search-caption{
    text-align: center;
    font-size: 1em;
    padding-right: 3px;
    padding-left: 10px;
    background: #ddd;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
}
.dg-table-search-oddrow {
    background: #ccc;
    padding: 1px 2px;
}
.dg-table-search-evenrow{
    background: #ccc;
    padding: 1px 2px;
}
.dg-table-search-transaction {
}
.dg-table {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.dg-table td, .dg-table th {
	padding: 5px;
	color: #000;
}
.dg-table thead {
	font-family: Arial, Helvetica, sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #000;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
.dg-table th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}

.dg-table td {
    border-bottom: 1px solid #aaa;
	padding : 3px 0px 3px 0px;
}

.dg-table-header th{ 
    background: #ccc;
    text-align: left;
    padding: 3px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-shadow: 1px 1px 1px #fff;
}
.dg-table-header-caption-left{
    text-align: right;
    font-size: 1em;
    padding-right: 5px;
    width: 175px;
    color: #2288ff;
}
.dg-table-header-caption{
    text-align: center;
    font-size: 1em;
    padding-right: 5px;
    width: 125px;
    color: #2288ff;
    background: #ddd;
}
.dg-table-header-value{
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    padding-right: 5px;
    width: 125px;
    background: #ddd;
}
.dg-table-header-action,.dg-table-action {
    font-size: x-small;
}
.dg-table-header-action ul li,.dg-table-action ul li{
    float: left;
    height: 14px;
    width: 14px;
    margin-right: 2px;
    display: inline;
}
.dg-table-header-action ul li a,.dg-table-action ul li a{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    height: 14px;
    width: 14px;
}
.dg-table-header-action ul li a:hover, .dg-table-action ul li a:hover{
    border: none;
    background-color: #ef1;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.dg-table-master-oddrow {
    background: #e0e0e0;
    padding: 1px 2px;
}
.dg-table-master-evenrow{
    background: #e3e3e3;
    padding: 1px 2px;
}
.dg-table-oddrow{
    background: #f0f0f0;
    padding: 1px 2px;
}
.dg-table-master-oddrow:hover,.dg-table-master-evenrow:hover{
    background: #eee;
}
.dg-table-evenrow{
    background: #f9f9f9;
    padding: 1px 2px;
}
.dg-table-oddrow:hover,.dg-table-evenrow:hover{
    /*background: #ffa;*/
}
.dg-table-master {
}
.dg-table-master tr {
    height: 20px;
}
.dg-table-master-header th{
    font-weight: bold;
    background: #888;
    text-align: left;
    height: 10px;
}
.dg-table-master-splitter {
    background: #ccc;
    height: 20px;
    border-bottom: solid 1px #eee;
}
.dg-table-master-splitter ul {
    width: 60px;
    height: 20px;
    float: right;
}
.dg-table-master-caption{
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    width: 175px;
    color: #1268ef;
    text-shadow: 1px 1px 1px #fff;
}
.dg-table-action-printreceipt a{
    display:block;
    text-transform: lowercase;
    background-color: #dddddd;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon-preview.gif);
}
.dg-table-action-edit a{
    display:block;
    text-transform: lowercase;
    background-color: #dddddd;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon.gif);
    background-position: 0px 0px;
}
.dg-table-action-delete a{
    display:block;
    text-transform: lowercase;
    background-color: #dddddd;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon.gif);
    background-position: 42px 0px;
}
.dg-table-action-browse a{
    display:block;
    text-transform: lowercase;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon.gif);
    background-position: 28px 0px;
}
.dg-table-action-add a{
    display:block;
    text-transform: lowercase;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon.gif);
    background-position: 14px 0px;
}
.dg-table-action-member a{
    display:block;
    text-transform: lowercase;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon-member.gif);
    background-position: 0px 0px;
}
.dg-table-action-process a{
    display:block;
    text-transform: lowercase;
    height: 14px;
    width: 14px;
    background-image: url(../images/datagrid-command-icon-process.gif);
    background-position: 0px 0px;
}
.dg-table-caption, .dg-table-caption-insertion {
    text-align: left ;
    font-size: 1em;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
}
.dg-table-flag-checkbox {
    background: #aaa;
}
.dg-table-flag-checkbox:hover {
    background: #ccc;
}
.dg-table-checkbox {
    background: #eee;
}
.dg-table-checkbox:hover {
    background: #ddd;
}
.dg-table-button {
    display: inline-block;
    text-align: center;
    width: 30px;
    padding: 2px 3px;
    background: #ab2;
    color: #fff;
    cursor: pointer;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    font-weight: bold;
}
.dg-table-button:hover {
    background: #999;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.dg-table-inlinelookup {
    display: inline-table;
    position: absolute;
    background: #666;
    padding: 5px;
    margin-left: 2px;
    width: 400px;
}
.dg-form-button,.popup_button{
    height: 22px;
    font-family: Tahoma;
    margin-left: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    width: 75px;
    color: #222;
    text-shadow: 1px 1px 1px #fff;
    border: none;
    border-top: 1px solid #cfc;
    border-left: 1px solid #cfc;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    cursor: pointer;
    font-weight: bold;  
    background: #999;
}
.dg-form-button:hover, .popup_button:hover{
    margin-left: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    width: 75px;
    background: #aaa;
    cursor: pointer;
    border: none;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.dg-form-button:focus, .popup_button:focus{
    margin-left: 2px;
    width: 75px;
    background: #666;
}
.dg-form-button-search{
    border: none;
    margin-left: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    width: 60px;
    background: #544;
    color: #ffffff;
    font-size: .9em;
    padding: 2px 0px;
    margin-top: 1px;
 
}
.dg-form-button-search:hover{
    border: none;
    margin-left: 2px;
    background: #6c5852;
    cursor: pointer;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.dg-form-button-search:focus{
    margin-left: 2px;
    background: #5d4d48;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
.dg-imagethumbnail{
    border:2px solid #333333
}
.dg-body{
    clear: both;
    color: black;
    padding: 0px;
    margin: 0px;
}
 
/*pagination*/
.pagination {
    margin: 2px auto 0 auto;
    height: 20px;
    text-align: center;
    font-size: .9em;
    float: right;
    width: 300px;
}
.pagination .page {
    width: 30px;
    float: left;
    margin-left:1px;
    background:#aaa;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}
.pagination .current {
    width: 30px;
    float: left;
    margin-left:1px;
    background:#f70;
    padding: 2px 0;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
}
.pagination a, .pagination a:active, .pagination a:visited {
    display:block;
    text-decoration:none;
    width:30px;
    color:#eee;
    padding: 2px 0;
}
.pagination li:hover {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.pagination a:hover {
    background-color:#d2f123;
    color:#000000;
    display: block;
    padding: 2px 0;
}
/*MODAL DIALOG*/
.window-modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}
 
.window-modal h2 {
    background:url(/img/global/info.png) 0 50% no-repeat;
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:20px;
}
/*FOOTER*/
.footer-box{
    display: table; width: 100%;     min-height: 50px;    background-color: #ddd;    border-top: solid 1px #999;
}
.footer-body{
    height: 50px;    width: 100%;    display: table;     border-top: solid 1px #fff;
}
.footer-body-left{
    height:50px;    width: 25%;    float:left;
}
.footer-body-center{
    height:50px;    width: 44%;    float:left;
}
.footer-body-right{
    height:50px;    width: 30%;    float:right;
}
.footer-menu{
    float: left;    margin-top: 5px;    font-size: .9em; color: #666;    text-shadow: 1px 1px 0px #fff;
}
.footer-menu ul{
    text-align: center;
}
.footer-menu ul li{
    float: left;    height: 10px;
}
.footer-menu-item{
    cursor:pointer;    padding: 2px 5px;
}
.footer-menu-item a{
    color: #f00;
}
.footer-menu-item a:hover{
    text-decoration:none;    color: #666;    padding-top: 1px;
}
.footer-menu-right{
    width:1px;    padding: 2px 0;    float: left;    background-color: #aaa;
}
.footer-owner, .footer-copyright {
    float: left;    margin: 5px 10px;    font-size: 1em;
    color: #666;    text-shadow: 1px 1px 1px #fff;
}
.footer-copyright {
    float: right;    margin: 5px 10px;    font-size: 1em;
    color: #666;    text-shadow: 1px 1px 1px #fff;
}
/*FOOTER STICKY/FLOATING PANEL*/
#footerpanel {
    position: fixed; 
    background:#dcc; bottom: 0; right: 0;
    border-bottom: none;z-index: 999;
    border: 2px dotted #fff;
}
 
*html #footerpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
    margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footerpanel--*/
    position: absolute;
    top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
 
#footerpanel ul {    padding: 0; margin: 0;    float: left;    width: 100%;  list-style: none;
                     font-size: 1em;
}
#footerpanel ul li{
    padding: 0; margin: 0; float: left; position: relative;
}
#footerpanel ul li a{
    padding:3px 5px; float: left; text-indent: -9999px; height: 18px; width: 25px; text-decoration: none;
    color: #333; position: relative;
}
html #footerpanel ul li a:hover{	background-color: #fff; }
html #footerpanel ul li a.active { /*--Active state when subpanel is open--*/
    background-color: #fff;
    height: 17px;
    margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
    border: 1px solid #555;
    border-top: none;
    z-index: 200; /*--Keeps the active area on top of the subpanel--*/
    position: relative;
}
#footerpanel a.home{
    background: url(../images/footer-panel-home.gif) no-repeat center center;
    border-right: 1px solid #ccc; padding-left: 10px;text-indent: 0; /*--Reset text indent--*/
}
#footerpanel a.hidewidget{	background: url(../images/footer-panel-hidewidget.gif) no-repeat center center;  }
#footerpanel a.config{	background: url(../images/footer-panel-config.gif) no-repeat center center; }
#footerpanel a.messages{	background: url(../images/footer-panel-mail.png) no-repeat center center; }
#footerpanel a.editprofile{	background: url(../images/footer-panel-setting.png) no-repeat center center; }
#footerpanel a.shortcutpanel{
    background: url(../images/footer-panel-shortcut.gif) no-repeat 15px center;
    width: 175px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding-left: 40px;
    text-indent: 0; /*--Reset text indent--*/
}
#footerpanel a.alerts{
    background: url(../images/footer-panel-alert.gif) no-repeat 15px center;
    width: 175px;
    border-left: 1px solid #aaa;
    padding-left: 40px;
    text-indent: 0; /*--Reset text indent--*/
}
#footerpanel li#shortcutpanel, li#footerpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/
#footerpanel a small {
    /*--panel tool tip styles--*/
    text-align: center;
    width: 70px;
    padding: 3px 3px 11px;
    display: none; /*--Hide by default--*/
    color: #aaa;
    font-size: .9em;
    text-indent: 0;
    background:  url(../images/footer-panel-popuparrow.gif) center center;
}
#footerpanel a:hover small{
    display: block; /*--Show on hover--*/
    position: absolute;
    top: -35px; /*--Position tooltip 35px above the list item--*/
    left: 50%;
    margin-left: -40px; /*--Center the tooltip--*/
    z-index: 999;
}
#footerpanel ul li div a {
    /*--Reset link style for subpanel links--*/
    text-indent: 0;
    width: auto;
    height: auto;
    padding: 0;
    float: none;
    color: #00629a;
    position: static;
}
#footerpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/
 
#footerpanel .subpanel {
    position: absolute;
    left: 0; bottom: 23px;
    display: none;	/*--Hide by default--*/
    width: 198px;
    border: 1px solid #555;
    background: #ccc;
    overflow: hidden;
    padding-bottom: 0px;
}
#footerpanel h3 {
    background: #777;
    padding: 5px 15px;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #666;
    text-transform: capitalize;
    font-size: 1em;
    font-weight: normal;
}
#footerpanel h3 span {
    float: right;
    line-height: 0.6em;
}
#footerpanel .subpanel ul{
    padding: 0; margin: 0;
    width: 100%;
    overflow: auto;
}
#footerpanel .subpanel li{
    float: none; /*--Reset float--*/
    display: block;
    padding: 0; margin: 0;
    overflow: hidden;
    clear: both;
    position: static;  /*--Reset relative positioning--*/
    font-size: 1em;
}
#acivitypanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#acivitypanel .subpanel li { background: url(../images/footer-panel-dash.gif) repeat-x left center; }
#acivitypanel .subpanel li span {
    padding: 5px 5px;
    background: #ccc;
    color: #322;
    text-shadow: 1px 1px 1px #fff;
    float: left;
    font-size: 1.2em;
    text-transform: capitalize;
    width: 100px;
}
#acivitypanel .subpanel li a{
    padding: 3px 0;	
    margin: 0;
    line-height: 18px;
    height: 18px;
    background: #eee;
    display: block;
    text-indent: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aaa;
}
#acivitypanel .subpanel li a:hover {
    background: #efa;
    color: #333;
    text-decoration: none;
}
.fileupload_button {
    margin-right: 5px;
    padding: 5px 5px;
    background: #f20;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-decoration:  blink;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 100px;
}
.fileupload_button:hover {
    background: #444;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.fileupload_container {
    min-height: 30px;
    width: 400px;
    margin: 5px 0px;
    display: block;
}
 
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
    border-top: 1px solid #ddd;
    display: block;
    text-shadow: 1px 1px 1px #fff
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
    background: url(../images/footer-panel-delete_x.gif) no-repeat #ccc;
    float: right;
    width: 13px; height: 14px;
    margin: 5px;
    text-indent: -9999px;
    z-index: 99999;
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footerpanel #alertpanel li.view {
    text-align: right;
    padding: 5px 10px 5px 0;
}
.qq-uploader { position:relative; width: 100%;}
 
.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}
 
.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#ffaa71;}
.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}
.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
 
 
.rg-title{
    margin-top: -20px; margin-left: 0px; width: 100%;
    text-transform: capitalize; font-weight: bold; text-shadow: 1px 1px 1px #fff;line-height: 1.5em;
    min-height: 18px; display: block; color: #000; font-size: 1.2em; padding: 0px;overflow: hidden;
}
.rg-shortcut {
    font-size: .8em;
    font-family: Tahoma;
    display: block;
    background: #ccc;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    line-height: 1.6em;
    height: 18px;
    position: absolute;
    margin-top: -20px;
    margin-left: 400px;
    border-left: 1px solid #fff;
}
.rg-shortcut ul li{
    float: left;
    width: 25px;
    display: table;
    text-align: center;
    height: 19px;
}
.rg-shortcut ul li input{
    text-align: center;
}
.rg-shortcut ul li span{
    display: block;
    padding: 2px 5px 0px 5px ;
    color: #000;
    width: 165px;
    font-weight: bold;
    float:left;
    font-size: 1em;
    border-right: 1px solid #fff;
    height: 19px;
    text-shadow: 1px 1px 0px #fff;
    text-transform: capitalize;
}
.rg-shortcut ul li a{
    text-decoration: underline;
    background: #ccc;
    display: block;
    font-weight: bold;
    height: 19px;
    border-right: 1px solid #fff;
    padding: 0px 5px 0px 5px ;
    color: #000;
    text-shadow: 1px 1px 0px #fff;
    text-transform: lowercase;
}
.rg-shortcut ul li a:hover{
    text-decoration: underline;
    background: #eee;
    color: #000;
    text-shadow: 1px 1px 0px #fff;
}
 
.apple_overlay {
 
    /* initially overlay is hidden */
    display:none;
 
    /* growing background image */
 
    /* 
		width after the growing animation finishes
		height is automatically calculated
	*/
    width:640px;		
    background-color: #fff;
    background-image:url(../images/bg-white.gif);
    /* some padding to layout nested elements nicely  */
    padding:35px;
 
    /* a little styling */	
    font-size:11px;
}
 
/* default close button positioned on upper right corner */
#page_overlay .close {
    background:url(../images/close.png) no-repeat;
    position: fixed; top:20px;
    cursor:pointer;
    height:32px;
    width:32px;
}
#page_overlay .close:hover {
    background-image:url(../images/close_hover.png);
    position: fixed; top:20px;
    cursor:pointer;
    height:32px;
    width:32px;
}
.apple_overlay .close {
    background:url(../images/close.png) no-repeat;
    position:absolute; right:10px; top:0px;
    cursor:pointer;
    height:32px;
    width:32px;
}
.apple_overlay .close:hover {
    background:url(../images/close_hover.png) no-repeat;
    position:absolute; right:10px; top:0px;
    cursor:pointer;
    height:32px;
    width:32px;
}
 
.about-title {
    padding: 5px 0px;
    color: #444;
    font-size: 24px;
}
.about-subtitle {
    padding: 5px 10px;
    background: #f20;color: #fff;
    font-size: 14px;
    margin-top: 10px;
}
.about-content {
    padding: 5px 10px;
    font-size: 12px;
    margin-bottom: 20px;
}
.dg-imagethumbnail{
    border:2px solid #333333
}
.imagethumbnail{
    border:2px solid #333333
	height : 90px;
	width : 100px;
}
.big-imagethumbnail{
    border:2px solid #333333
	height : 150px;
	width : 150px;
}
/*WELCOME*/
.body-box-overlay{
    width:100%; 
    margin: 0px;
    position: absolute;
    z-index: 9999;
    background: #000;
    opacity: .8; filter:alpha(opacity=80);
    display: none;
}
.body-box-absolute{
    width:100%; 
    margin: 0px;
    position: absolute;
    display: block;
    z-index: 9999;
}
.body-package, .body-termofservice, .body-contactus, .body-subscribe{
    width:1100px; 
    min-height: 700px; 
    margin: 0px auto;
    display: none;
}
.body-termofservice p {
    font-size: 12px;
    padding: 3px;
    padding-left: 30px;
}
.body-termofservice h1 {
    font-size: 16px;
    padding: 3px;
    padding-top: 10px;
    padding-left: 30px;
}
.body-package .header, .body-termofservice .header, .body-contactus .header, .body-subscribe .header{
    background: #423c3a;
    height: 50px;
}
.body-package .header .title, .body-termofservice .header .title, .body-contactus .header .title, .body-subscribe .header .title{
    display: block;
    width: 500px;
    color: #fff;
    font-size: 1.6em;
    padding: 10px;
}
.body-package .header .close, .body-termofservice .header .close, .body-contactus .header .close, .body-subscribe .header .close {
    display: block;
    margin-top: -35px;
    background:url(../images/close.png) center no-repeat;
    float: right;
    cursor:pointer;
    height:32px;
    width:32px;
}
.body-package .header .close:hover, .body-termofservice .header .close:hover, .body-contactus .header .close:hover, .body-subscribe .header .close:hover{
    background-image:url(../images/close_hover.png) right top  no-repeat;
    cursor:pointer;
    height:32px;
    width:32px;
}
.body-package .body,.body-termofservice .body ,.body-contactus .body, .body-subscribe .body {
    background: #166f7f;
    min-height: 500px;
    padding: 10px;
}
.body-subscribe textarea{
    margin-left : 0px;
}
.body-subscribe .title{
    font-weight : bold;
}
.body-package .body table tr th {
    font-size: 1.6em;
    background: #eee;
}
.body-termofservice .body table tr th {
    font-size: 1em;
    background: #eee;
    text-align: right;
}
.body-contactus .body table tr th {
    font-size: 1.4em;
    color: #004349;
    text-shadow: 1px 1px 1px #fff;
    background: #40a1aa;
    text-align: left;
}
.body-subscribe .body table tr th {
    font-size: 1.4em;
    color: #004349;
    text-shadow: 1px 1px 1px #fff;
    background: #40a1aa;
    text-align: left;
}
.body-package .body table tr td {
    font-size: 1em;
}
.body-termofservice .body table tr td ,.body-contactus .body table tr td{
    font-size: 14px;
    background: #eee;
}
.body-termofservice .body table tr td div{
    min-height: 600px;
}
.body-contactus .body table tr td .support-container{
    min-height: 600px;
    padding: 20px;
}
.body-subscribe .body table tr td .subscribe-container{
    min-height: 600px;
    padding: 20px;
}
.body-package .body table tr td.seq {
    text-align: center;
    background: #dfdfdf;
    vertical-align: top;
}
.body-package .body table tr td.feature {
    background: #dfdfdf;
}
.body-package .body table tr td.feature ul li {
    padding-left: 25px;
}
.body-package .body table tr td.business {
    background: #8bb2b9;/*#0089da;*/
    text-align: center;
    font-size: 1.2em;
}
.body-package .body table tr td.premium {
    background: #8cac7d;/*#859a00;*/
    text-align: center;
    font-size: 1.2em;
}
.body-package .body table tr td.custom {
    background: #ff9b59;/*#859a00;*/
    text-align: center;
    font-size: 1.2em;
}
.body-package .body table tr td.business_btn a{
    line-height: 2em;
    margin-top: 20px;
    display: block;
    height: 30px;
    background: #0089da;
    border: 2px solid #322;
    border-radius: 5px;
    color: #eee;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
}
.body-package .body table tr td.premium_btn a {
    line-height: 2em;
    margin-top: 20px;
    display: block;
    height: 30px;
    background: #859a00;
    border: 2px solid #322;
    border-radius: 5px;
    color: #eee;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
}
.body-package .body table tr td.custom_btn a{
    line-height: 2em;
    margin-top: 20px;
    display: block;
    height: 30px;
    background: #c95500;
    border: 2px solid #322;
    border-radius: 5px;
    color: #eee;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
}
.body-package .body table tr td.business_btn a:hover, .body-package .body table tr td.premium_btn a:hover , .body-package .body table tr td.custom_btn a:hover{
    color: #fff;
    background: #320;
}
.body-package .footer,.body-termofservice .footer,.body-contactus .footer{
    background: url(../images/bg_body_package_public.gif) bottom;
    height: 75px;
}
.login-container form{
}
.support-container {
    background: #a5d3d7;
}
.support-container ul {
    clear: both;
}
.support-container .title  {
    padding-top: 15px;
}
.subscribe-container {
    background: #a5d3d7;
}
.subscribe-container ul {
    clear: both;
}
.subscribe-container .title  {
    padding-top: 15px;
}
 
.a_button{
    color: #fff;
    padding:5px 15px;
    background: #433;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    text-decoration: none;
}
.a_button:hover{
    background: #655;
    color:#fff;
}
 
.login-container .title{
    clear: both;
    color : #c02f01;
    font-weight: bold;
    float: left;
    width: 130px;
    height: 29px;
    text-transform: capitalize;
    text-align: right;
    line-height: 30px;
    padding-right: 10px;
}
.login-container .title-email{
    /* background : url(../images/login-title-bg-1.png) no-repeat right; */
} 
.login-container .title-password, .login-container .title-captcha{
    /* background : url(../images/login-title-bg-3.png) no-repeat right; */
} 
.login-container .floatLeft {
    width: 175px;
    height: 29px;
    float: right;
}
.login-container .login_result {
    padding: 10px;
    color: #f00;
    font-weight: bold;
    background: #fff;
}
.login-input {
    padding:3px 3px;
    font-size: 1em;
    width: 150px;
}
.login-container .captcha {
    width: 150px;
    font-size: 1em;
    border: 1px solid #aaaaaa;
    background: #ffffff;
}
.login_menu {
    margin-top: 5px;
    float: right;
    color: #fff;
}
 
.login_menu ul{
    display: table;
}
 
.login_menu ul li{
    padding: 0px;
    float: left;
    margin-left: 1px;
}
.login_menu ul li a{
    color: #fff;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    color : #333;
}
.login_menu ul li a:hover{
    color : #f00;
}
.login-spacer{
    background : url(../images/login-button-bg.png) no-repeat left;
    width : 123px;
    height : 26px;
    float : left;
    margin-right : 3px;
    line-height: 25px;
    text-indent: 25px;
    opacity: .8; filter:alpha(opacity=80);
}
.login-socmedia{
    height : 25px;
    margin-left : 20px;
    margin-bottom : 5px;
    background-color : #e2e8ea;
}
.socmedialogin{
    min-width : 80px;
    line-height : 24px;
    float : left;
    font-size : 8pt;
    text-decoration : none;
    color : #555;
}
.socmedialogin:hover{
    color : #f00;
}
.fb-spacer{
    background : url(../images/small-fb.png) no-repeat;
    width : 82px;
    height : 25px;
    float : left;
    text-indent: 28px;
}
.tw-spacer{
    background : url(../images/small-tw.png) no-repeat;
    width : 76px;
    height : 25px;
    float : left;
    text-indent: 28px;
}
.gplus-spacer{
    background : url(../images/small-gplus.png) no-repeat;
    width : 76px;
    height : 25px;
    float : left;
    text-indent: 28px;
}
.login-button {
    margin-right: 10px;
    margin-top : 3px;
    height:25px;
    font-size: 10pt;
    color: #fff;
    background: #a92106;
    font-weight: bold;
    line-height: 1.8em; text-align: center;
    display: block;
    float: right;
    padding : 2px 10px 0px 10px;
    border-radius : 3px;
    -moz-border-radius : 3px;
    -khtml-border-radius : 3px;
    -webkit-border-radius : 3px;
}
.login-button:hover {
    background: #057;
    cursor: pointer;
}
.signinhere{
    width: 132px;
    margin-top: -3px;
    height:29px;
    font-size: 11pt;
    line-height: 26px;
    color: #fff;
    text-align: center;
    display: block;
    float: right;
    background : url(../images/login-here.png) no-repeat;
}
/* finance */
.journal-entry-header {
    padding: 10px 0px;
    margin: 0px;
    background: #fafafa;
    display: table;
    width: 100%;
    border-top: 1px solid #fff;
}
.journal-entry-header ul li {
    float: left;
    margin-right: 5px;
}
.journal-entry-header ul li .caption{
    padding: 3px 3px;
    margin: 0px 2px;
    display: inline-block;
    background: #ddd;
    border: 1px solid #aaa;
    width: 150px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
}
.journal-entry-body {
    background: #f0f0f0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
}
.journal-entry-table {
    width: 100%;
}
/*ACCOUNTING*/

.debitinput {
    text-align: right;
}
.creditinput {
 
    text-align: right;
}
.debittotal, .credittotal{
    text-align: right;
    font-weight: bold;
}
#f_DEBIT,#f_CREDIT, #f_AMOUNT {
    text-align: right;
}
.quicksetupinitiation,.generalledgerinitiation {
    font-size: 1.4em;
    width: 800px;
    min-height: 400px;
    margin-left: 1px;
    padding-top: 20px;
}
.quicksetupinitiation ul,.generalledgerinitiation ul {
    float: none;
    width: 100%;
    display: table-row;
}
.quicksetupinitiation ul li,.generalledgerinitiation ul li {
    float: left;
    padding: 10px;
    border-top: 1px solid #f0f0f0;
}
.quicksetupinitiation .seq,.generalledgerinitiation .seq{
    font-weight: bold;
    width: 25px;
}
.quicksetupinitiation .process,.generalledgerinitiation .process{
    font-weight: bold;
    width: 500px;
}
.quicksetupinitiation .description,.generalledgerinitiation .description{
    width: 200px;
    font-weight: bold;
}
.quicksetupbutton {
    margin-top: 10px;
    display: table;
    padding:5px 10px; 
    font-size: 1.2em;color: #fff;
    background: #554;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
}
.quicksetupbutton:hover {
    color: #fff;
    background: #f30;
}


.container {width: 960px; margin: 0 auto; overflow: hidden;}

#content {	float: left; width: 100%;}

.post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }

.btn-sign {
	width:460px;
	margin-bottom:20px;
	margin:0 auto;
	padding:20px;
	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.login-popup{
	display:none;
	background: #333;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin .textbox select { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

#table-2 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 5px;
	color: #000;
}
#table-2 thead {
	font-family: Arial, Helvetica, sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #000;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}
#table-2 th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-shadow: white 1px 1px 1px;
}
#table-2 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#table-2 tbody tr:hover {
	background-color: #fff;
}


#table-3 {
	background-color: #f2f2f2;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-3 {
	background-color: #f2f2f2;
    width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-3 td, #table-3 th {
	padding: 5px;
	color: #000;
}
#table-3 thead {
	font-family: Arial, Helvetica, sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #000;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: double 2px #999;
}
#table-3 th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	text-shadow: white 1px 1px 1px;
	border:1px dashed #999;
}
#table-3 td {
	line-height: 10px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right:1px dashed #999;
}
#table-3 tbody tr:hover {
	background-color: #fff;
}







#table-4 {
	background-color: #f2f2f2;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-4 td, #table-4 th {
	padding: 5px;
	color: #000;
}
#table-4 thead {
	font-family: Arial, Helvetica, sans-serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #000;
	border-bottom: double 2px #999;
}
#table-4 th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 20px;
	text-align: left;
	text-shadow: white 1px 1px 1px;
	border:1px solid #999;
}
#table-4 td {
	line-height: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right:1px dashed #999;
}
#table-4 tbody tr:hover {
	background-color: #fff;
}



a.tooltips {outline:none;} 
a.tooltips strong {line-height:30px;} 
a.tooltips:hover {text-decoration:none;} 
a.tooltips span { z-index:10;display:none; padding:14px 20px; margin-top:30px; margin-left:-100px; width:140px; line-height:16px; } 
a.tooltips:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(src/css-tooltips-gradient-bg.png) repeat-x 0 0; } 
.callout {z-index:20;position:absolute;border:0;top:-14px;left:72px;} /*CSS3 extras*/ 
a.tooltips span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }