html, body, form{ font-size: 0.9em; font-family:psysosl; color: #000000; margin: 0; padding: 0; height: 100%; font-weight:100; }
/* ----------------------------------------------------
FORMS/TAGS
------------------------------------------------------- */
th, td{ padding: 2px; border-collapse:collapse;}
table{ border-collapse:collapse;}
/* all form elements common */
input, textarea{ font-family: psyscalibri; font-size: 11pt; position: relative; outline: none; padding: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #000; background: #fff; border: 1px solid #98151c; -webkit-box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px;}
select{ font-family: psyscalibri; font-size: 11pt; position: relative; outline: none; padding: 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #000; background: #fff; border: 1px solid #98151c; -webkit-box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px;}
input.login{ width:300px !important; font-family: psyscalibri; font-size: 12pt; position: relative; outline: none; padding: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent; border: 0 solid #fff; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%; color:#000; font-weight:bold; border-bottom:1px dotted #fff; text-align:center;}
input.adminlogin{ font-family: psysosl; font-size: 12pt; position: relative; outline: none; padding: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent; border: 0 solid #fff; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; color:#000; border-bottom:1px dotted #ccc; text-align:center;}
input.search, textarea.search{ font-family: psyscalibri; font-size: 11pt; position: relative; outline: none; padding: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background: #fff; border: 1px solid #98151c; -webkit-box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px;}
select.search{ font-family: psyscalibri; font-size: 11pt; position: relative; outline: none; padding: 4px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background: #fff; border: 1px solid #98151c; -webkit-box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px;}
select.login{ width:300px !important; font-family: psyscalibri; font-size: 12pt; position: relative; outline: none; padding: 9px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent; border: 0 solid #fff; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%; color:#000; font-weight:bold; border-bottom:1px dotted #fff; text-align:center;text-align-last: center;}
select.noborder{ font-family: psysosl; font-size: 1.3em; position: relative; outline: none; padding: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent ; border: 0; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%}
/*select.partborder{ font-family: psysosl; font-size: 1.3em; position: relative; outline: none; border-top:0; border-right:0; border-left:1px solid #999; border-bottom:1px solid #999; padding: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent ; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%}*/
select.partborder{ font-family: psysosl; font-size: 1.3em; position: relative; outline: none; border:1px solid #999; padding: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent ; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%}
select.themebg{ font-family: psysosl; font-size: 1.3em; position: relative; outline: none; padding: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:rgba(59, 138, 17, 0.75) ; border: 0; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%}
/* image buttons, checkbox and radio */
input[type="image"], input[type="checkbox"], input[type="radio"]{ width: auto; border: 0; padding: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
fieldset{ border:1px dotted #98151c; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
table tr td div.rowOption{filter:alpha(opacity=100);opacity:0;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;}
table tr:hover td div.rowOption{filter:alpha(opacity=100);opacity:1;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;}
input.invalid, textarea.invalid{font-family: psyscalibri; font-size: 11pt; position: relative; padding:7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #000; background: #efe0e0; border: 1px solid #ff0000; -webkit-box-shadow: inset 1px 1px 1px #F4F4F4, inset 1px 1px 1px #F4F4F4; box-shadow: inset 1px 1px 1px #F4F4F4, inset 1px 1px 1px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
select.invalid{font-family: psyscalibri; font-size: 11pt; position: relative; font-size: 1em; position: relative; outline: none; padding: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #000; background: #efe0e0; border: 1px solid #ff0000; -webkit-box-shadow: inset 1px 5px 5px #F4F4F4, inset 1px 5px 5px #F4F4F4; box-shadow: inset 1px 5px 5px #F4F4F4, inset 1px 5px 5px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.lbl{font-family: psyscalibri; font-size: 11pt; position: relative; outline: none; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #000; background: #fff; border: 1px solid #98151c; -webkit-box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; box-shadow: inset 0 1px 1px #fff, inset 0 5px 5px #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px;}
.radioButtonList input[type="radio"] {
width: auto;
float: left;
}
.radioButtonList label {
width: auto;
display: inline;
float: left;
font-size: 1.1rem;
color: #0367B2 !important;
font-style: italic;
}
/* ----------------------------------------------------
IDS
------------------------------------------------------- */
#index-bg{ background: #960b16 url(../img/bg/accra-night.jpg) center center no-repeat fixed; background-size: cover;}
/*#index-header{ background-color:rgba(134, 189, 36, 0.50); padding:0 0 0 0; border-bottom:1px solid #fff; z-index:50; width:100%; position:fixed; float:left; overflow:hidden;}*/
#index-header{ background: #960b16 url(../img/tp-bg.png) repeat; opacity:0.92; padding:0 0 0 0; border-bottom:1px solid #fff; z-index:50; width:100%; position:fixed; float:left; overflow:hidden;}
#logo{ width:216px; height:75px; background:transparent url(../img/axis-logo.jpg) center center no-repeat; left:0; position:relative;}
#applogo{ width:216px; height:75px; background:transparent url(../img/axis-logo.jpg) center center no-repeat; margin-left:0; display:inline-block;}
#statements {background:transparent url(../img/statements.png) center center no-repeat; width:60px; height:60px; background-size: cover; cursor:pointer;}
#publications {background:transparent url(../img/publications.png) center center no-repeat; width:60px; height:60px; background-size: cover; cursor:pointer;}
#profile {background:transparent url(../img/profile.png) center center no-repeat; width:60px; height:60px; background-size: cover; cursor:pointer;}
#payments {background:transparent url(../img/payments.png) center center no-repeat; width:60px; height:60px; background-size: cover; cursor:pointer;}
#contenttxt{max-width:50%; margin:auto;}
#login{ display:inline-table; padding:40px 30px 40px 40px; margin-right:auto; margin-left:auto; background-color:rgba(229, 143, 150, 0.36); border-radius:8px; }
#clock1{width:80px; display:table-cell; text-align:center; font-family:psyscentury-gothic; }
#apptitle { background: #960b16 url(../img/tp-bg.png) repeat; height:75px; color:#fff; font-family:psyscalibri; font-weight:lighter; font-size:11pt; overflow:hidden; width:100%;}
#titleholder{ background: #141414; height:25px; color:#ccc; font-family:psysosl; font-weight:lighter; font-size:1em; overflow:hidden; width:100%;}
#idrootmenu{display:table; margin:auto;}
#content{display:inline-block; width: calc(100% - 231px);transition: left 400ms; position:absolute; left:231px; overflow:auto;}
#content.is-active { width: calc(100%); left: 0; transition: 400ms; }
#footer{text-align:center; padding:2px 0 2px 0; font-family:psyscalibri; font-size:10pt; bottom:0; position:fixed; width:100%; color:#fff; background-color:rgba(0, 0, 0, 0.30);}
#errorbanner{ width: 100%; height: 50px; background: #ff0000 url(../images/header-banner.png) no-repeat center left; position: fixed; top :0; left: 0; z-index:100; text-indent:300px; min-width:1024px; color:white; font: normal 10pt arial;}
#filenotfound{ background: url(../img/404page.png) no-repeat center center;}
#forbidden{ background: url(../img/forbidden.jpg) no-repeat center center;}
#servererror{ background: url(../img/dialog_warning.png) no-repeat center left; padding-left:150px; padding-top:25px; margin-top:150px; width:300px; font-family:Arial; font-size:18px; color:red; margin-left:auto; margin-right:auto; height:150px;}
#maincontent{display:inline-table; width:calc(100% - 205px); transition: width 400ms;}
#quicklinks{display:inline-table; width:200px; float:right;}
#clearance{clear:both; height:100px;}
#menuslide{width:25px; height:25px; background:transparent url(../img/menu-white.png) no-repeat center center; left:10px !important; cursor:pointer;}
#smenu{left:0; width:230px; display:inline-table; vertical-align:top; transition: 400ms; position:fixed; background-color:#141414; color:#fff; overflow-y:auto !important;}
#smenu.is-active { left:-230px; }
#dboard-sortable { list-style-type: none; padding: 0; width:100%; margin:auto;}
#dboard-sortable li {display:inline-table; width:calc(33.3% - 23px); margin:10px; cursor: pointer; }
#trust-dboard-sortable { list-style-type: none; padding: 0; width:100%; margin:auto;}
#trust-dboard-sortable li {display:inline-table; width:calc(50% - 23px); margin:10px; cursor: pointer; }
#trust-dboard-sortable li.long {display:table; width:calc(100% - 20px); margin:10px; cursor: pointer; }
#contact{display:inline-block; margin-top:15px; vertical-align:top; }
#contactmail{background:transparent url(../img/email.png) no-repeat left+10px center; height:20px; padding:0 0 0 0; text-indent:30px; font-size:0.9em;}
#contactphone{background:transparent url(../img/phone.png) no-repeat left+10px center; height:20px; padding:0 0 0 0; text-indent:30px; font-size:0.9em;}
#header{position:fixed; width:100%; }
#spad{width:410px; height:410px; margin:auto;}
/*admin*/
#adminlogin{margin:150px auto; width:350px; -webkit-box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; padding:10px; background-image: linear-gradient(top, #960b16, #960b16 50px, transparent 50px, transparent 100%); background-image: -webkit-linear-gradient(top, #960b16, #960b16 50px, transparent 50px, transparent 100%);}
#helpdeskmenu{background-color: #960b16; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:95%; margin:auto; padding:0 0 0 10px; min-width:600px;}
#helpdeskitems{width:95%; margin:auto; padding:0 0 0 0;}
#helpdeskitemlist {
width: 95%;
margin: auto;
padding: 0 0 0;
}
#idvideo{background:url(../img/ctbnupload.png) no-repeat; background-size:cover;}
/* ----------------------------------------------------
CLASSES
------------------------------------------------------- */
.lblmm{width:15%; color:#ff0000; text-align:right; display:inline-table;}
.lblmm30{width:30%; color:#ff0000; text-align:right; display:inline-table;}
.lblmmalt{width:15%; color:#ff0000; text-align:right; vertical-align:top; margin-top:10px; display:inline-table;}
.lblmmalt30{width:30%; color:#ff0000; text-align:right; vertical-align:top; margin-top:10px; display:inline-table;}
.lblnm{width:15%; color:#000; text-align:right; display:inline-table;}
.lblnm30{width:30%; color:#000; text-align:right; display:inline-table;}
.lblnmalt{width:15%; color:#000; text-align:right; vertical-align:top; margin-top:10px; display:inline-table;}
.lblnmalt30{width:30%; color:#000; text-align:right; vertical-align:top; margin-top:10px; display:inline-table;}
.fieldhold{display:inline-table;}
.fieldhold_30{display:inline-table; width:30%;}
.fieldhold_90{display:inline-table; width:calc(90% - 15%);}
.odd{ background: transparent url(../img/odd.png) center center no-repeat; background-size: cover;}
.cmdbtnpxn{display:inline-table; padding: 0 10px 0 0; float:right;}
.contentwidth{width:75%}
.customerrortitle{color:#000; font-size:3.0em}
.customerrortitlered{color:#ff0000; font-size:3.0em}
.fontcalibri{font-family:psyscalibri;}
.cursorhand{cursor:pointer;}
.cursormove{cursor:move;}
.floatleft{float:left;}
.floatright{float:right;}
.valignmiddle{vertical-align:middle !important;}
.valigntop{vertical-align:top !important;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.titlecaption { font-size:3.5vw; font-weight:100; color:#fff; font-family:psysosl; font-weight:100;}
.memlaunchpad{ width:86px; height:70px; margin-bottom:10px; background:url(../img/member.png) no-repeat center center; cursor:pointer; margin:auto}
.emplaunchpad{ width:86px; height:70px; margin-bottom:10px; background:url(../img/employer.png) no-repeat center center; cursor:pointer; margin:auto}
.trustlaunchpad{ width:86px; height:70px; margin-bottom:10px; background:url(../img/trustee.png) no-repeat center center; cursor:pointer; margin:auto}
.launchbtn{ padding:12px 45px 12px 45px; border:2px solid rgba(255, 255, 255, 0.30); display:inline-table; font-size:2vw; color:#fff; cursor:pointer; background-color: rgba(134, 189, 36, 0.50); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.launchbtn:hover{border-color:#fff; font-size:2.1vw; background-color: #960b16;}
.savecalcbutton{ background:#05409c url(../img/calculator.png) no-repeat left+10px center; text-align: center; display: inline-block !important;font-size: 1.3vw;line-height: 100%; position: relative; text-decoration: none; border:2px solid rgba(255, 255, 255, 0.30); padding: 6px; margin:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;cursor: pointer; color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; width:80%; height:60px; font-weight:lighter;}
.savecalcbutton:hover{border-color:#fff;background-color: #05409c;}
.ssnitcalcbutton{ background:#d87225 url(../img/calculator.png) no-repeat left+10px center; text-align: center; display: inline-block !important;font-size: 1.3vw;line-height: 100%; position: relative; text-decoration: none; border:2px solid rgba(255, 255, 255, 0.30); padding: 6px; margin:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;cursor: pointer; color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; width:80%; height:60px; font-weight:lighter;}
.ssnitcalcbutton:hover{border-color:#fff;background-color: #d87225;}
.cmdbutton{ text-align: center; outline:none; display: inline-block !important; font-size: 1.3em; line-height: 100%; position: relative; text-decoration: none; border:2px solid #960b16; padding: 10px; margin:1px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px;cursor: pointer;background: #960b16; background: -webkit-gradient(linear, left top, left bottom, from(#960b16), to(#960b16)); background: -moz-linear-gradient(top, #960b16, #960b16); color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; min-width:80px; font-weight:lighter;}
.cmdbutton:hover{color: #000 !important;}
.cmdbtn{ text-align: center; outline:none; display: inline-block !important;font-size: 1.3em;line-height: 100%; position: relative; text-decoration: none; border:2px solid #960b16; padding: 7px; margin:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 2px;cursor: pointer;background: #960b16; background: -webkit-gradient(linear, left top, left bottom, from(#960b16), to(#960b16)); background: -moz-linear-gradient(top, #960b16, #960b16); color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; min-width:30px; font-weight:lighter;}
.cmdbtn:hover{background-color: rgba(255, 255, 255, 0.30);}
.closebutton{ vertical-align:middle; background: transparent url(../img/close.png) no-repeat center center; text-decoration: none; border: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important; color: #ffffff !important; width:16px !important; height:16px !important; float:right; }
.closebutton:hover{background-color:#ff0000; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important;}
.closedialog{ vertical-align:middle; background: #ccc url(../img/close.png) no-repeat center center; text-decoration: none; border: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important; color: #ffffff !important; width:20px !important; height:20px !important; float:right; right:10px; top:5px; }
.closedialog:hover{background-color:#ff0000; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important;}
.linkbutton{ vertical-align:middle; background: transparent url(../img/link.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;box-shadow: 0 0 0 #fff, inset 0 0 0 #fff !important; color: #ffffff !important; width:20px !important; height:20px !important; }
.linkbutton:hover{background-color:#960b16; -webkit-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;box-shadow: 0 0 0 #fff, inset 0 0 0 #fff !important;}
.editcase{ vertical-align:middle; background: transparent url(../img/edit.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; box-shadow: 0 0 0 transparent, inset 0 0 0 transparent !important; color: #fff !important; width:26px !important; height:26px !important; }
.cancelcase{ vertical-align:middle; background: transparent url(../img/trash.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; box-shadow: 0 0 0 transparent, inset 0 0 0 transparent !important; color: #fff !important; width:26px !important; height:26px !important; }
.expandcase{ vertical-align:middle; background: transparent url(../img/expand.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; box-shadow: 0 0 0 transparent, inset 0 0 0 transparent !important; color: #fff !important; width:26px !important; height:26px !important; }
.listcase{ vertical-align:middle; background: transparent url(../img/list.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent, inset 0 0 0 transparent; box-shadow: 0 0 0 transparent, inset 0 0 0 transparent !important; color: #fff !important; width:26px !important; height:26px !important; }
.searchbutton{ vertical-align:middle; background: transparent url(../img/search.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important; color: #ffffff !important; width:30px !important; height:30px !important; }
.expandbutton{ vertical-align:middle; background: transparent url(../img/expand-sm.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important; color: #ffffff !important; width:30px !important; height:30px !important; }
.filterbutton{ vertical-align:middle; background: transparent url(../img/filter.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;box-shadow: 0 0 0 #fff, inset 0 0 0 #fff !important; color: #ffffff !important; }
.gridbutton{ font-family:psysosl; text-align: center; outline:none; display: inline-block !important;font-size: 1.1em;line-height: 100%; position: relative; text-decoration: none; border: 0; padding: 5px; margin:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;cursor: pointer; background: #960b16; background: -webkit-gradient(linear, left top, left bottom, from(#960b16), to(#960b16)); background: -moz-linear-gradient(top, #960b16, #960b16); color: #ffffff !important; -webkit-box-shadow: 0 0 0 #960b16, inset 0 0 0 #960b16; -moz-box-shadow: 0 0 0 #960b16, inset 0 0 0 #960b16; box-shadow: 0 0 0 #960b16, inset 0 0 0 #960b16 !important; min-width:50px; font-weight:lighter;}
.graphbtn{ background: rgba(134, 189, 36, 0.75) url(../img/chart.png) no-repeat center center; text-align: center; display: inline-block !important;font-size: 1.3vw;line-height: 100%; position: relative; text-decoration: none; border:2px solid rgba(255, 255, 255, 0.30); padding: 6px; margin:1px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; width:50px !important; height:50px !important;}
.graphbtn:hover{background-color: #960b16;}
.backbutton{ background:#960b16 url(../img/back-arrow.png) no-repeat center center; position: relative; text-decoration: none; border: 1px solid #960b16; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px;cursor: pointer; color: #fff; -webkit-box-shadow: 0 0 0 #960b16, inset 0 0 0 #960b16; -moz-box-shadow: 0 0 0 #960b16, inset 0 0 0#960b16;box-shadow: 0 0 0 #960b16, inset 0 0 0 #960b16; width:30px; }
.exitviewer{ vertical-align:middle; background: #960b16 url(../img/exit.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0 !important; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff, inset 0 0 0 #fff;box-shadow: 0 0 0 #fff, inset 0 0 0 #fff !important; color: #ffffff !important; width:55px !important; height:55px !important; z-index:15000; }
.right10{right:10px;}
.pad-top-bot35{ padding:35px 0 35px 0;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad_right10{padding-right:10px}
.inlinetabledisplay{display:inline-table;}
.inlineblockdisplay{display:inline-block;}
.tabledisplay{display:table;}
.displaynone{display:none;}
.celldisplay{display:table-cell;}
.margin-left-right40{margin:0 40px 0 40px;}
.margin-left-right30{margin:0 30px 0 30px;}
.marginauto{margin:auto;}
.txtbold{font-weight:bold;}
.txtred{color:#ff0000;}
.txtgreen{color:#006600;}
.txtwhite{color:#fff;}
.txtlemon{color:#960b16;}
.txtgray{color:#999;}
.helpdesktxt{color:#666666; font-weight:bold; font-size:1.1em;}
.txttoupper{text-transform:uppercase;}
.font1_5{ font-size:1.5vw;}
.font1_3{ font-size:1.3vw;}
.font1_8em{ font-size:1.8em;}
.font1_5em{ font-size:1.5em;}
.font1_3em{ font-size:1.3em;}
.font1_2em{ font-size:1.2em;}
.font1_1em{ font-size:1.1em;}
.font1em{ font-size:1em;}
.clearfix{clear:both;}
.clearfix1{clear:both; height:1px;}
.clearfix5{clear:both; height:5px;}
.clearfix10{clear:both; height:10px;}
.clearfix20{clear:both; height:20px;}
.clearfix100{clear:both; height:100px;}
.width10p{width:10%;}
.width15p{width:15%;}
.width20{width:20px;}
.width20p{width:20%;}
.width25p{width:25%;}
.width30p{width:30%;}
.width45p{width:45%;}
.width50p{width:50%;}
.width80p{width:80%;}
.width85p{width:85%;}
.width100p{width:100%;}
.width100p55px{width: calc(100% - 55px);}
.width480{width:480px;}
.width6{width:6px;}
.panel_l40{width:40%; display:inline-table; margin:0 -4px 0 0; vertical-align:top;}
.panel_l60{width:60%; display:inline-table; margin:0 -4px 0 0; vertical-align:top;}
.panel_r40{width:calc(100% - 60%); display:inline-table; margin:0 -4px 0 0; vertical-align:top;}
.panel_r60{width:calc(100% - 40%); display:inline-table; margin:0 -4px 0 0; vertical-align:top;}
.wrapReady { float: left; padding: 10px; }
.content{font-family:psyscentury-gothic; font-size:1.5vw;}
.noappearance{-webkit-appearance: none; -moz-appearance: none;}
.csInfo{padding:5px 10px 5px 10px; max-width:50%; text-align:justify; margin:auto; background-color:rgba(255, 255, 255, 0.65); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.usericon{width:38px; height:38px; background: #ccc url(../img/default-user.png) no-repeat center center ; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor:pointer; background-size: cover;}
.dropdown-content { display: none; position:fixed; background-color: #f2f2f2; min-width: 120px; overflow: auto; z-index: 10012; right:10px; top:75px;}
.dropdown-content a { border-bottom:2px solid #fff; color: #960b16; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {border-bottom:2px solid #960b16; background-color: #fff;}
.height75{height:75px;}
.menu-home{ background: url(../App_Sprites/sprite0.png) no-repeat 0 0; width:55px; height:50px; background-size:cover;}
.menu-message-board{ background: url(../App_Sprites/sprite0.png) no-repeat -56px 0px ; width:55px; height:50px; background-size:cover;}
.menu-payments{ background: url(../App_Sprites/sprite0.png) no-repeat -112px 0px ; width:55px; height:50px; background-size:cover;}
.menu-profile{ background: url(../App_Sprites/sprite0.png) no-repeat -168px 0px ; width:55px; height:50px; background-size:cover;}
.menu-publications{ background: url(../App_Sprites/sprite0.png) no-repeat -224px 0px ; width:55px; height:50px; background-size:cover;}
.menu-statements{ background: url(../App_Sprites/sprite0.png) no-repeat -280px 0px ; width:55px; height:50px; background-size:cover;}
.blanklink{text-decoration:none;}
.dashboardpholder{width :100%; min-width:200px; height:250px; -webkit-box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; padding:0; overflow-y:auto}
.dashboardpholderalt{width :100%; min-width:200px; min-height:250px; max-height:300px; -webkit-box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; padding:2px; overflow-y:auto}
.watermark{background: #ccc url(../img/logo-watermark.png) center center no-repeat;}
.watermark-large{background: transparent url(../img/logo-watermark-large.png) center center no-repeat; background-size:cover}
.savingscalc{background: transparent url(../img/savings_calc.png) center top+35px no-repeat;}
.tabtitle{font-size: 1.2em; font-weight:900; font-family:psysosl; background-color:#fff; color: #960b16; text-transform:uppercase; text-align:center; padding:5px 0 5px 0;}
.phline{border-bottom:dotted 1px #ccc; line-height:25px;}/*place holder line*/
.cpanelcaption{font-family:psysosl; text-align:center; font-size:2em; color:#fff;padding:5px;}
.min-menu{ z-index:50; position: fixed; float:right;}
.disablebtn { display: none; width:21px; height:21px;}
.delrecbtn { display: none; width:21px; height:21px;}
.docbutton{ vertical-align:middle; background: transparent url(../img/document.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0; cursor: pointer; -webkit-box-shadow: 0 0 0 #7fa3d4, inset 0 0 0 #7fa3d4; -moz-box-shadow: 0 0 0 #7fa3d4, inset 0 0 0 #7fa3d4;box-shadow: 0 0 0 #7fa3d4, inset 0 0 0 #7fa3d4 !important; color: #ffffff !important; width:24px !important; height:24px !important; }
.divbutton:hover .disablebtn, .divbutton:hover .delrecbtn{ display: inline-block; background-color:rgba(153, 153, 153, 0.60); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.divbutton:hover .disablebtn:hover {background-color: rgba(59, 138, 17, 0.75);}
.divbutton:hover .delrecbtn:hover {background-color: rgba(254, 3, 3, 0.75);}
.lblmmfield{color:#ff0000; width:15%; text-align:right; padding:2px; display:inline-table; }
.lblmmfieldalt{color:#ff0000; width:15%; text-align:right; padding:10px 2px 2px 2px; vertical-align:top; display:inline-table;}
.lblnmfield{color:#000; width:15%; text-align:right; padding:2px; display:inline-table; }
.lblnmfieldalt{color:#000; width:15%; text-align:right; padding:10px 2px 2px 2px; vertical-align:top; display:inline-table;}
.lblfield{color:#000; width:15%; padding:2px; display:inline-table; }
.paybyvisa{background: transparent url(../img/visacard.jpg) center center no-repeat; width:150px; height:45px; margin:auto;}
.paybymaster{background: transparent url(../img/mastercard.jpg) center center no-repeat; width:150px; height:45px; margin:auto;}
.paybymtntigo{background: transparent url(../img/mtn_tigo.png) center center no-repeat; width:150px; height:45px; margin:auto;}
.paybyvodafonairtel{background: transparent url(../img/vodafone_airtel.png) center center no-repeat; width:150px; height:45px; margin:auto;}
.calclbl{ display:inline-table; width:55%; font-size:1.1em}
.divgridheader{color:#ebebeb; background-color:rgba(152, 21, 28, 0.75); font-family:psyscentury-gothic; font-size:1.1em; padding:10px 0 10px 3px; font-weight:100;}
.gridheader{color:#ebebeb; background-color:rgba(152, 21, 28, 0.75); font-family:psyscentury-gothic; font-size:1.1em; height:35px; font-weight:100;}
.gridheaderbl{color:#ebebeb; background-color:rgba(8, 18, 81, 0.75); font-family:psyscentury-gothic; font-size:1.1em; height:35px; font-weight:100;}
.formsubtitle{color:#000; background-color:rgba(152, 21, 28, 0.50); font-family:psyscentury-gothic; font-size:1.1em; padding:10px 0 10px 5px; font-weight:100; text-transform:uppercase;}
.breadcrmbs { position: relative; font-family: psysosl; font-size: 1.8em; padding:5px 0 5px 10px; width:50% }
.breadcrmbs:before, .breadcrmbs:after { content: ""; position: absolute; bottom: -1px; left: 0;}
.breadcrmbs:before { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#960b16), to(transparent)); background-image: -webkit-linear-gradient(transparent, #960b16); background-image: -moz-linear-gradient(transparent, #960b16); background-image: -o-linear-gradient(transparent, #960b16);}
.breadcrmbs:after { right: 0; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#960b16), to(transparent)); background-image: -webkit-linear-gradient(left, #960b16, transparent); background-image: -moz-linear-gradient(left, #960b16, transparent); background-image: -o-linear-gradient(left, #960b16, transparent);}
.subtitile { position: relative; font-family: psysosl; font-size: 1.4em; padding:5px 0 5px 10px; width:50% }
.subtitile:before, .subtitile:after { content: ""; position: absolute; bottom: -1px; left: 0;}
.subtitile:before { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#960b16), to(transparent)); background-image: -webkit-linear-gradient(transparent, #960b16); background-image: -moz-linear-gradient(transparent, #960b16); background-image: -o-linear-gradient(transparent, #960b16);}
.subtitile:after { right: 0; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#960b16), to(transparent)); background-image: -webkit-linear-gradient(left, #960b16, transparent); background-image: -moz-linear-gradient(left, #960b16, transparent); background-image: -o-linear-gradient(left, #960b16, transparent);}
.passwordrest{width:400px; margin:40px auto; padding:3px;}
.floatmenu{display:table; padding:10px 20px 20px 0; position:absolute; bottom:0; right:0; position:fixed; z-index:15010; border:0;}
.infobox{ font-family:psysosl; color:#960b16; font-size: 1.1em; min-height:45px; border:1px dotted silver; padding:5px 10px 5px 60px; background: transparent url(../img/info.png) no-repeat top left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width:80%; margin:15px auto 10px auto;}
.successbox{ font-family:psysosl; color:#960b16; font-size: 1.1em; min-height:45px; border:1px dotted silver; padding:15px 10px 5px 60px; background: transparent url(../img/success.png) no-repeat top+10px left+10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width:40%; margin:50px auto;}
.datalbl{padding:5px; color:#960b16; border:1px dotted #960b16; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:1.2em}
.newticket{text-indent:26px; color:#fff; font-size:1.2em; background:#86db24 url(../img/new-ticket.png) no-repeat left center;width:120px; padding:10px; margin:auto;}
.tracknew{background-color:#ff6a00; color:#fff; padding:3px 0 3px 0; width:100%; text-transform:uppercase; text-align:center; font-weight:bold; font-size:1.2em}
.trackopen{background-color:#05409c; color:#fff; padding:5px 0 5px 0; width:100%; text-transform:uppercase; text-align:center; font-weight:bold; font-size:1.2em}
.trackonhold{background-color:#752719; color:#fff; padding:5px 0 5px 0; width:100%; text-transform:uppercase; text-align:center; font-weight:bold; font-size:1.2em}
.trackclosed{background-color:#999; color:#fff; padding:5px 0 5px 0; width:100%; text-transform:uppercase; text-align:center; font-weight:bold; font-size:1.2em}
.gridrow{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:2px 2px 1px #ccc; height:40px; }
.ballontooltip{ background:transparent url(../img/tooltip.png) center center no-repeat; display:inline-table; width:18px; height:18px; vertical-align:middle; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; cursor:pointer;}
.repborder{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:2px 2px 1px #ccc; padding:2px;}
.captionbbgw{background-color:#4391be; color: #fff; border-bottom:1px dotted #fff;}
.dddottedgray{border-bottom:1px dotted gray;}
.dottedbottom{border-bottom:1px dotted #ccc;}
.graylinebottom{border-bottom:1px solid #ccc;}
.whitebottom{border-bottom:2px solid #fff;}
.gridbg{background-color:#8ea384;}
.altgridbg{background-color:#e6f6df;}
.beneficiarynotice{background-color:#e2b867; color:#fff; padding:10px; width:90%; margin:auto; top:20px;}
/*links and buttons*/
a.linkmm{text-decoration:none; height:25px; display:table-cell; vertical-align:middle; font-size:15px; font-weight:lighter; text-indent:10px; color:#00acee;}
a.linkmm:hover{background-color:#1a2435; color:#fff;}
a.linkmm.selected{background-color:#1a2435; color:#fff;}
a.linknm{text-decoration:none; vertical-align:middle; font-size:1.1em; font-weight:800; color:#00acee;}
a.linknm:hover{color:#006600;}
a.policy{text-decoration:dashed; font-weight:lighter; color:#98151c;}
a.tablink{text-decoration:none; padding:10px 20px 10px 20px; display:table-cell; vertical-align:middle; font-size:1.2em; font-weight:100; color:#fff; font-family:psysosl; border-bottom:1px dotted #960b16;}
a.tablink:hover{ color:#ebebeb; border-bottom:1px dotted #fff;}
a.tablink.sel{ color:#ebebeb; border-bottom:1px dotted #fff;}
.delbutton-sm-r{ vertical-align:middle; background: transparent url(../img/close-sm-inactive.png) no-repeat center center; display: inline-block !important; text-decoration: none; border: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; cursor: pointer; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important; color: #ffffff !important; width:14px !important; height:14px !important; }
.delbutton-sm-r:hover{background:#ff0000 url(../img/close-sm.png) no-repeat center center; -webkit-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000; -moz-box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000;box-shadow: 0 0 0 #ff0000, inset 0 0 0 #ff0000 !important;}
.filter{ background:transparent url(../img/filter.png) no-repeat center center; position: relative; text-decoration: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0;cursor: pointer; color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(0, 172, 238, 0.65), inset 0 0 0 rgba(0, 172, 238, 0.65); -moz-box-shadow: 0 0 0 #05409c, inset 0 0 0 rgba(0, 172, 238, 0.65);box-shadow: 0 0 0 rgba(0, 172, 238, 0.65), inset 0 0 0 rgba(0, 172, 238, 0.65) !important; width:30px; margin-left:-1px;}
.gridpager a, .gridpager span { display: block; font-weight: bold; text-align: center; text-decoration: none; padding:5px 10px 5px 10px; }
.gridpager a { background-color: #d3fc88; color: #969696; border: 1px solid #969696; }
.gridpager a:hover { background-color: #960b16; color: #000; border: 1px solid rgba(134, 189, 36, 0.50); }
.gridpager span { background-color: #960b16; color: #000; border: 1px solid rgba(134, 189, 36, 0.50); }
a.btnpager{display:inline-table; padding:5px; min-width:20px; background-color:#d3fc88; text-align:center;}
.txtTextBox{display:none;}
.redalert{background-color: #ff0000; color:#fff; font-family:psysosl; font-size:1.3em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin:auto; padding:10px; min-width:600px;}
.GVFixedHeader {position:relative; top: expression(this.parentNode.parentNode.parentNode.scrollTop - 100);}
.headerfreez{position:relative; top:expression(this.offsetParent.scroll.Top-100); z-index:10;}
.divscroll268{height:calc(100vh - 268px); overflow-y:auto;}
.divscroll226{height:calc(100vh - 226px); overflow-y:auto;}
.starico{background:transparent url(../img/star.png) no-repeat center center}
.preload{background: transparent url(../img/preloader.gif) no-repeat center center;}
#idpreload{background: transparent url(../img/preloader.gif) center center no-repeat; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.divstar{background:transparent url(../img/star.png) no-repeat left center; text-indent:20px; padding:5px 0 5px 0;}
.validatebullet { padding: 2px 0 2px 20px; background-image:url(../img/exclamation.png); background-position:center left; background-repeat: no-repeat;}
/*end*/
@media only screen and (max-width: 1024px) {
/* -------------------------IDS---------------------------*/
#apptitle { background: #960b16 url(../img/tp-bg.png) repeat; height:46px; color:#fff; font-family:psyscalibri; font-weight:lighter; font-size:11pt; overflow:hidden; width:100%;}
#logo{ width:164px; height:46px; background:transparent url(../img/axis-logo-min.jpg) center center no-repeat; left:0; position:relative; background-size: cover;}
#applogo{ width:164px; height:46px; background:transparent url(../img/axis-logo-min.jpg) center center no-repeat; margin-left:0; display:inline-block;}
#statements {background:transparent url(../img/statements.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#publications {background:transparent url(../img/publications.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#profile {background:transparent url(../img/profile.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#payments {background:transparent url(../img/payments.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#dboard-sortable li {display:inline-table; width:48%; margin:5px; cursor: pointer; }
#content{display:inline-block; width: calc(100% - 231px);transition: left 500ms; position:absolute; left:231px; overflow:auto;}
#content.is-active { width: 100%; left: 0; }
/* -------------------------CLASSES---------------------------*/
.launchbtn{ padding:12px 45px 12px 45px; border:2px solid rgba(255, 255, 255, 0.30); display:inline-table; font-size:3vw; color:#fff; cursor:pointer; background-color: rgba(134, 189, 36, 0.50); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.launchbtn:hover{border-color:#fff; font-size:3.1vw; background-color: #960b16;}
.cmdbutton{ text-align: center; display: inline-block !important;font-size: 2.3vw;line-height: 100%; position: relative; text-decoration: none; border:2px solid rgba(255, 255, 255, 0.30); padding: 6px; margin:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;cursor: pointer;background: rgba(134, 189, 36, 0.50); background: -webkit-gradient(linear, left top, left bottom, from(rgba(134, 189, 36, 0.50)), to(rgba(134, 189, 36, 0.50))); background: -moz-linear-gradient(top, rgba(134, 189, 36, 0.50), rgba(134, 189, 36, 0.50)); color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; min-width:80px; font-weight:lighter;}
.passwordrest{width:300px; margin:40px auto; padding:3px;}
.lblfield{color:#000; width:100%; padding:2px; display:inline-table; }
}
@media only screen and (max-width: 800px) {
input.login{ width:200px !important; font-family: psyscalibri; font-size: 12pt; position: relative; outline: none; padding: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent; border: 0 solid #fff; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%; color:#000; font-weight:bold; border-bottom:1px dotted #fff; text-align:center;}
select.login{ width:200px !important; font-family: psyscalibri; font-size: 12pt; position: relative; outline: none; padding: 9px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent; border: 0 solid #fff; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; width:100%; color:#000; font-weight:bold; border-bottom:1px dotted #fff; text-align:center;text-align-last: center;}
input.adminlogin{ font-family: psysosl; font-size: 10pt; position: relative; outline: none; padding: 7px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #000; background-color:transparent; border: 0 solid #fff; -webkit-box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; box-shadow: inset 0 0 0 #fff, inset 0 0 0 #F4F4F4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top: 1px; color:#000; border-bottom:1px dotted #ccc; text-align:center;}
/* -------------------------IDS---------------------------*/
#apptitle { background: #960b16 url(../img/tp-bg.png); background-size:cover; height:46px; color:#fff; font-family:psyscalibri; font-weight:lighter; font-size:11pt; overflow:hidden; width:100%;}
#logo{ width:164px; height:46px; background:transparent url(../img/axis-logo-min.jpg) center center no-repeat; left:0; position:relative; background-size: cover;}
#applogo{ width:164px; height:46px; background:transparent url(../img/axis-logo-min.jpg) center center no-repeat; margin-left:0; display:inline-block;}
#statements {background:transparent url(../img/statements.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#publications {background:transparent url(../img/publications.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#profile {background:transparent url(../img/profile.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#payments {background:transparent url(../img/payments.png) center center no-repeat; width:40px; height:40px; background-size: cover;}
#footer{display:none; text-align:center; padding:2px 0 2px 0; font-family:psyscalibri; font-size:10pt; width:100%; color:#fff; background-color:rgba(0, 0, 0, 0.30);}
#clearance{clear:both; height:80px;}
#dboard-sortable li {width:calc(100% - 23px); margin:10px; cursor: pointer; }
#trust-dboard-sortable { list-style-type: none; padding: 0; width:100%; margin:auto;}
#trust-dboard-sortable li {width:calc(100% - 23px); margin:10px; cursor: pointer; }
#trust-dboard-sortable li.long {display:table; width:calc(100% - 20px); margin:10px; cursor: pointer; }
#content{display:inline-block; width: 100%; transition: left 500ms; position:absolute; left:0; overflow:auto;}
#content.is-active { width: calc(100% - 231px); left: 231px; }
#smenu { left:-230px; }
#smenu.is-active { left:0; }
#contact{display:none;}
/*admin*/
#adminlogin{margin:70px auto; width:250px; -webkit-box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc, inset 0 1px 1px #ccc; padding:10px; background-image: linear-gradient(top, #960b16, #960b16 50px, transparent 50px, transparent 100%); background-image: -webkit-linear-gradient(top, #960b16, #960b16 50px, transparent 50px, transparent 100%);}
/* -------------------------CLASSES---------------------------*/
.subtitile { position: relative; font-family: psysosl; font-size: 1.4em; padding:5px 0 5px 10px; width:90% }
.subtitile:before, .subtitile:after { content: ""; position: absolute; bottom: -1px; left: 0;}
.subtitile:before { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#960b16), to(transparent)); background-image: -webkit-linear-gradient(transparent, #960b16); background-image: -moz-linear-gradient(transparent, #960b16); background-image: -o-linear-gradient(transparent, #960b16);}
.subtitile:after { right: 0; height: 1px; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#960b16), to(transparent)); background-image: -webkit-linear-gradient(left, #960b16, transparent); background-image: -moz-linear-gradient(left, #960b16, transparent); background-image: -o-linear-gradient(left, #960b16, transparent);}
.titlecaption { font-size:6vw; font-weight:100; color:#fff; font-family:psysosl; font-weight:100;}
.calclbl{ display:block; width:100%; font-weight:bold;}
.launchbtn{ padding:12px 45px 12px 45px; border:2px solid rgba(255, 255, 255, 0.30); display:inline-table; font-size:3vw; color:#fff; cursor:pointer; background-color: rgba(134, 189, 36, 0.70); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.launchbtn:hover{border-color:#fff; font-size:3.1vw; background-color: #960b16;}
.menu-home{ background: url(../App_Sprites/sprite0.png) no-repeat 0 0; width:25px; height:25px; background-size:cover;}
.menu-message-board{ background: url(../App_Sprites/sprite0.png) no-repeat -25px 0px ; width:25px; height:25px; background-size:cover;}
.menu-payments{ background: url(../App_Sprites/sprite0.png) no-repeat -56px 0px ; width:25px; height:25px; background-size:cover;}
.menu-profile{ background: url(../App_Sprites/sprite0.png) no-repeat -85px 0px ; width:25px; height:25px; background-size:cover;}
.menu-publications{ background: url(../App_Sprites/sprite0.png) no-repeat -115px 0px ; width:25px; height:25px; background-size:cover;}
.menu-statements{ background: url(../App_Sprites/sprite0.png) no-repeat -140px 0px ; width:25px; height:25px; background-size:cover;}
.font1_5{ font-size:2.8vw;}
.font1_3{ font-size:2.5vw;}
.usericon{display:none;}
.lblmmfield{color:#ff0000; width:100%; text-align:left; padding:2px; }
.lblmmfieldalt{color:#ff0000; width:100%; text-align:left; padding:2px; }
.lblnmfield{color:#000; width:100%; text-align:left; padding:2px; }
.lblnmfieldalt{color:#000; width:100%; text-align:left; padding:2px; }
.lblfield{color:#000; width:100%; padding:2px; display:inline-table; }
.passwordrest{width:200px; margin:20px auto; padding:2px;}
.breadcrmbs { position: relative; font-family: psysosl; font-size: 1.2em; padding:5px 0 5px 10px; width:50%; }
.cmdbutton{ text-align: center; display: inline-block !important;font-size: 1em;line-height: 100%; position: relative; text-decoration: none; border:2px solid rgba(255, 255, 255, 0.30); padding: 6px; margin:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;cursor: pointer;background: rgba(134, 189, 36, 0.70); background: -webkit-gradient(linear, left top, left bottom, from(rgba(134, 189, 36, 0.70)), to(rgba(134, 189, 36, 0.70))); background: -moz-linear-gradient(top, rgba(134, 189, 36, 0.70), rgba(134, 189, 36, 0.70)); color: #ffffff !important; -webkit-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); -moz-box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50); box-shadow: 0 0 0 rgba(5, 64, 156, 0.50), inset 0 0 0 rgba(5, 64, 156, 0.50) !important; min-width:80px; font-weight:lighter;}
.cmdbutton:hover{border-color:#fff;background-color: #960b16;}
.preload{background: transparent url(../img/preloader.gif) no-repeat center center;}
}
@media only screen and (max-width: 400px) {
#clearance{clear:both; height:60px;}
.font1_5{ font-size:4vw;}
.font1_3{ font-size:3.3vw;}
}
/* ----------------------------------------------------
FONTS
------------------------------------------------------- */
@font-face {
font-family: psyscentury-gothic;
src: url('../fonts/Gothic.ttf');
}
@font-face {
font-family: psyscalibri;
src: url('../fonts/Calibril.ttf');
}
@font-face {
font-family: psysosl;
src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
font-family: psyseugl;
src: url('../fonts/EuropeUnderground_light.ttf');
}
/* Accordion Customizations
--------------------------------------------- */
#accordion div{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border:0; max-height:250px; overflow-y:auto;}
#accordion h3 {
text-transform: uppercase;
color: #000;
font-family: psysosl ;-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border:0;
background: rgba(134, 189, 36, 0.50) url(../img/library.png) no-repeat left center; text-indent:30px; padding:10px 0 10px 0;
}
ul{
list-style:circle;
}
a.doclink {text-decoration:none; border-bottom:1px dotted #960b16; font-size:0.9em; padding:15px 0 15px 0}