@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(/fonts/quicksand.ttf) format('truetype');
//  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v8/6xKtdSZaM9iE8KbpRA_hK1QI.ttf) format('truetype');
}
html, body {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    font-family: 'Quicksand', sans-serif;
}
h1 {
    font-size: 2em;
}
h3 {
    color: #ACCBF3;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    min-height: 24px;
    padding: 5px 0;
}
h4 {
    color: #ACCBF3;
    font-size: 14px;
    font-weight: bold;
}
b.lbl {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    min-height: 24px;
    padding: 5px 0;
}
p, blockquote, ul, ol, dl, form, table, pre {
    display: block;
    line-height: inherit;
    margin: 0 0 1.5em;
    font-family: 'Quicksand', serif;
}
ul, ol, dl {
    padding: 0;
}
ul ul, ul ol, ol ol, ol ul, dd {
    margin: 0;
}
li {
    display: list-item;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}
#container, .inner {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 1000px;
    min-width: 100%;
    overflow-y: auto; overflow-x: hidden;
    padding-bottom: 40px;
}
.inner { overflow-y: hidden; }
#container {
    clear: both;
    padding-top: 50px;
}
.wrapper {
    min-height: 100%;
}
#header {
    position: relative;
}
#footer {
    clear: both;
    position: relative;
}
#print-aimpaas { display: none; }
body {
    background: #ebeff2;
    font-family: 'Quicksand', sans-serif;
}
.content {
    margin: 0 auto;
    width: 1000px;
}
a, a:visited {
    text-decoration: none;
}
header {
    background: url("../images/nav.png") repeat-x scroll 0 0 transparent;
    height: 50px;
    min-width: 1000px;
    width: 100%;
    z-index: 998;
    position: fixed;
    left: 0;
}
.invisible {
    display: none; padding: 0 !important;
}
h1.logo {
    float: left;
    margin-left: 10px;
}
.closebtn { float: left; line-height: 40px; font-size: 40px; width: 40px; text-align:center; color:white; }
#container h1.logo { float: right; }
.productlabel { color:white; font-size: 26px; line-height: 50px; width: 50%; text-align: center; display: inline-block; }
.sidenav {
    height: 100%;
    width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ebeff2;
  overflow: visible;
  padding-top: 50px;
  transition: 0.5s;
  background: white;
}
.fa { font-size: 32px !important; color:#444; float: left; margin: 4px 4px 4px 1px; width:32px; height:32px; text-align: center; }
#insidenav {
  transition: margin-left .5s;
  padding: 20px;
  margin-left: 200px;
}
.notransition { transition: none !important; }
.sidenav a { height: 40px; display: inline-block; margin: 5px 0; overflow: hidden; }
.sidenav span { height: 32px; line-height: 32px; margin:4px 5px; float: left; color: black; display: inline-block; }
.sidenav img {
  width:32px; height:32px; margin: 4px 4px 4px 1px; float: left;
}
.sidenav a.sidenavactive { border-left: 3px solid #ACCBF3; }
.sidenavactive .fa, .sidenav span:hover { color: #ACCBF3; }
.sidenav a.sidedivider { width: 100%; border-top: 1px solid black; padding-top: 10px; }
.sidenav a.sidebottom { width: 100%; border-bottom: 1px solid black; padding-bottom: 10px; margin-bottom: 0; }
.sidenav a.sidebottom i { color: red; }
.fa-question-circle { color: #6C8Bd3; }
.subnav { float: left; overflow: visible !important; min-width: 100px; }
.subnav-content { display: none; position: absolute; left: 40px; z-index:3000; width: 250px; background-color: white; border: 3px solid #ebeff2; }
.subnav-content div { min-width: 200px; display: inline-block; }
.subnav-content div span { font-size: 18px; font-family: 'Quicksand', sans-serif; }
a.subnav:hover .subnav-content { display: block; }
h1.logo a {
    display: block;
    font-size: 0;
    height: 50px;
    width: 166px;
    float: left;
}
h1.logo_aimpaas {
    float: right;
    margin: 0;
    margin-right: 20px;
    margin-top: -4px;
}
h1.logo_aimpaas a {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0;
    height: 50px;
    line-height: 0;
    width: 166px;
    float: right;
}
.label-print { display: none; }
img.logo-print { display: none; }
#header h1 {
    height: 3em;
    line-height: 3em;
    margin: 0;
}
#header h1 a {
}
#nav {
    float: right;
}
#nav, #nav ul, #nav li {
    margin: 0;
}
#nav ul {
}
#nav li {
    background: url("../images/divider.png") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    height: 20px;
    line-height: 32px;
    list-style: none outside none;
    padding: 8px 0 19px 20px;
    position: relative;
}
#nav li:first-child {
    background: none repeat scroll 0 0 transparent;
    padding: 8px 0 20px;
}
#nav a {
    font-size: 12px;
}
#nav ul li strong {
    margin: 0 5px;
}
#nav ul li p {
    color: #CECECE;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 0 15px 0 0;
}
#nav ul li .logout {
    background: url("../images/logout.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 25px;
    line-height: 0;
    margin: 3px 0 0;
    width: 70px;
}
#nav ul {
    z-index: 1000;
}
#nav ul li {
    display: block;
    float: left;
}
#nav ul li a {
    color: #FFFFFF;
}
footer {
    background: url("../images/footersprite.png") repeat-x scroll 0 0 transparent;
    bottom: 0;
    clear: both;
    height: 40px;
    margin-top: 40px;
    position: fixed;
    width: 100%;
    z-index: 998;
}
footer p {
    color: #CDCDCD;
    font-size: 11px;
    line-height: 40px;
    margin: 0;
    float: left;
}
footer p span {
    color: #8BA4C4;
}

.network0 {
    border-bottom: 3px solid #4CBF13;
}
.network1 {
    border-bottom: 3px solid #F00;
}
.network2 {
    border-bottom: 3px solid #0FF;
}

.border1 {
    background: url("../images/border1.png") repeat-x scroll center 0 #030303;
    display: block;
    height: 2px;
    width: 100%;
}
.border2 {
    background: url("../images/border2.png") repeat-x scroll center 0 #030303;
    display: block;
    height: 2px;
    width: 100%;
}
.border3 {
    background: url("../images/border3.png") repeat-x scroll center 0 #030303;
    display: block;
    height: 2px;
    width: 100%;
}

.boxfull {
    margin: 0 0 30px 0;
    width: 100%;
    overflow: hidden;
    float: none;
    background: white;
}
.boxhalf {
    float: left;
    margin: 0;
    width: 49%;
}
.boxthird:first-child {
    margin-left: 0;
}
.boxthird {
    float: left;
    margin-left: 0.5%;
    width: 33%;
}
.boxmany {
    float: left;
    margin: 0;
    width: 333px;
}
.right { float:right !important; }

.tablebox {
    height:310px;
    background: white;
    position: relative;
    margin: 0 15px 15px 15px;
}
.ui-datepicker th, select.ui-datepicker-month, select.ui-datepicker-year {
    background-color: #ACCBF3;
}
select.ui-datepicker-month, select.ui-datepicker-year{
    max-width: 30% !important;
    width: 30% !important;
}
.ui-datepicker tr td .ui-state-active {
    color: #ACCBF3 !important;
}
.ui-datepicker-calendar, .ui-timepicker-div {
    background: gray;
}
.ui-datepicker-header {
    background-image: none !important;
    background-color: #ACCBF3 !important; 
    opacity: .8;
}

input:focus {
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}
input[type=submit], input[type=reset], input[type=button], button, .button {
    color: #fff; font-size: 11px; font-weight: normal; padding: 3px 14px; cursor: pointer; font-family: 'Quicksand', sans-serif; line-height: 12px; border: 1px solid #292d2f;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    height: 32px;
    position: relative;
    top: 3px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .button:hover {
    opacity: 0.75; filter: alpha(opacity=75); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
}

div.selector {
        background: #25292b;
        border: 1px solid #888888;
        line-height: 28px;
        height: 28px;
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        -ms-box-sizing: content-box;
        display: -moz-inline-box;
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        margin: 3px 0 0 0;
        padding: 0 0 0 8px;
        cursor: pointer;
        width: auto;
        max-width: 200px;
        min-width: 60px;
        font-size: 12px;
        position: relative;
        float: left;
}
div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; padding: 0px 26px 0px 2px; background: url(../images/forms/dropdown_arrows.png) no-repeat 100%; cursor: pointer; font-size: 11px; height: 28px; line-height: 28px; }
div.selector select { color: #aaa; position: absolute; opacity: 0; filter: alpha(opacity:0); height: 28px; border: none; background: none; font-size: 12px; border: solid 1px white; width: 100%; top: 0px; left: 0px; }


ul.centerUL {
    display: block;
    left: 12%;
    list-style: none outside none;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.centerUL li {
    float: left;
    position: relative;
    margin: 0px 0px;
}

a.bluebtnactive, .bluebtnactive, a.bluebtn:hover, .bluebtn:hover {
    background: url(../images/Grey-Button@2x.png) !important;
}

a.bluebtn, .bluebtn {
    background: url(../images/Blue-Button@2x.png);
    width: 54px;
    height: 25px;
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: medium;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#777777', endColorstr='#f3f3f3');/*For IE7-8-9*/
    color: #FFFFFF;
    padding: 9px 10px;
    line-height: 22px;
    text-decoration: none;
}

.toptabs {
    text-align: left;
    overflow: visible;
    top: 28px;
    height: 50px;
}

.spinner-button {
    background: url("../images/spinner-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 13px;
    clear: none;
    margin: 0px;
}
.spinner-button .up{
    width:100%;
    height:13px;
    cursor:pointer;
    clear: none;
    margin: 0px;
}

.spinner-button .down{
    width:100%;
    height:14px;
    cursor:pointer;
     clear: none;
    margin: 0px;
}
.greyishBtn {
    background: #36454f;
    background: -moz-linear-gradient(top,  #495d6b 0%, #36454f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#495d6b), color-stop(100%,#36454f));
    background: -webkit-linear-gradient(top,  #495d6b 0%,#36454f 100%);
    background: -o-linear-gradient(top,  #495d6b 0%,#36454f 100%);
    background: -ms-linear-gradient(top,  #495d6b 0%,#36454f 100%);
    background: linear-gradient(top,  #495d6b 0%,#36454f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#495d6b', endColorstr='#36454f',GradientType=0 );
}
.greyishBtn:active { background: #3e4f5b; }
.greenBtn {
    width: 100px;
    background: #00B000;
    background: -moz-linear-gradient(top,  #006000 0%, #00B000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006000), color-stop(100%,#00B000));
    background: -webkit-linear-gradient(top,  #006000 0%,#00B000 100%);
    background: -o-linear-gradient(top,  #006000 0%,#00B000 100%);
    background: -ms-linear-gradient(top,  #006000 0%,#00B000 100%);
    background: linear-gradient(top,  #006000 0%,#00B000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006000', endColorstr='#00B000',GradientType=0 );
}
.redBtn {
    width: 100px;
    background: #B00000;
    background: -moz-linear-gradient(top,  #600000 0%, #B00000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#600000), color-stop(100%,#B00000));
    background: -webkit-linear-gradient(top,  #600000 0%,#B00000 100%);
    background: -o-linear-gradient(top,  #600000 0%,#B00000 100%);
    background: -ms-linear-gradient(top,  #600000 0%,#B00000 100%);
    background: linear-gradient(top,  #600000 0%,#B00000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600000', endColorstr='#B00000',GradientType=0 );
}
.blueBtn {
    margin-bottom: 10px;
    width: 100px;
    background: #ACCBF3;
    background: -moz-linear-gradient(top,  #5C7BA3 0%, #ACCBF3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5C7BA3), color-stop(100%,#ACCBF3));
    background: -webkit-linear-gradient(top,  #5C7BA3 0%,#ACCBF3 100%);
    background: -o-linear-gradient(top,  #5C7BA3 0%,#ACCBF3 100%);
    background: -ms-linear-gradient(top,  #5C7BA3 0%,#ACCBF3 100%);
    background: linear-gradient(top,  #5C7BA3 0%,#ACCBF3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5C7BA3', endColorstr='#ACCBF3',GradientType=0 );
}
/*
.activeBtn {
    border: 3px solid #ACCBF3;
}
.activeBlueBtn {
    border: 3px solid #ACCBF3;
}*/
.inactiveBtn {
    opacity:0.3; filter: alpha(opacity:30);
}

div.checker { width: 15px; height: 15px; position: relative; display: block; float: left; margin-top: 6px; margin-top: 10px; clear: none;  overflow: visible; }
div.checker input { width: 15px; height: 15px; opacity: 0; filter: alpha(opacity:0); display: block; float: left; background: none; vertical-align: top; padding:0; }
div.checker span {
    background: transparent url(../images/forms/checkbox.png) no-repeat 0 0px ; border: 1px solid #AAAAAA; height: 15px; width: 15px; display: -moz-inline-box; display: block; float: left; text-align: center;
}
div.checker span.checked { background-position: center -16px; }
.checklabel { font-size: 12px; color: #444; height: 20px; line-height: 20px; display: block; margin-left: 2px; }

.boxtabs ul {
    clear: both;
    height: 30px;
    list-style: none outside none;
    margin: 0;
}
.boxtabs ul li { float:left; margin:0 5px 0 0;}
.boxtabs ul li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
}
.boxtabs ul li.active { background:#333;}
.boxtabs ul li:hover { border-bottom: 1px solid #ACCBF3; background: black; }

.postbtn {
    cursor:pointer;
    border:0;
    font-size: 18px;
    background: #3474ab;
        background: -moz-linear-gradient(top,  #469dc4 0%, #3474ab 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#469dc4), color-stop(100%,#3474ab));
        background: -webkit-linear-gradient(top,  #469dc4 0%,#3474ab 100%);
        background: -o-linear-gradient(top,  #469dc4 0%,#3474ab 100%);
        background: -ms-linear-gradient(top,  #469dc4 0%,#3474ab 100%);
        background: linear-gradient(top,  #469dc4 0%,#3a5765 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469dc4', endColorstr='#3474ab',GradientType=0 );
    position: absolute !important;
    top: auto !important;
    bottom: 0px !important;
    width: 20%;
    right: 10px;
}

.postinput {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    min-height: 15px;
    height: 70%;
    width: 98%;
    margin: 10px;
}

dl { color: white; }
#sticker.stick {
  position: fixed;
  top: 50px;
  z-index: 9998;
}
#sticker_table.stick {
  position: fixed;
  margin-left: 15px;
  top: 50px;
  z-index: 9999;
}
#sticker2.stick {
  position: fixed;
  top: 50px;
  z-index: 9998;
}
#sticker_table2.stick {
  position: fixed;
  margin-left: 15px;
  top: 50px;
  z-index: 9999;
}
.no-close .ui-dialog-titlebar-close {
  display: none !important;
}
/*.ui-dialog button { margin: 0 !important; }*/
#newfeatures p, #newfeatures li { color: white !important; }
#tabs { border: 0; margin-top: 10px; }
#tabs ul { display: none; }
.ui-corner-top { border-top-right-radius: 10px !important; }
.ui-tabs-panel { padding: 0 !important; margin-top: -5px !important; }
.ui-tabs-nav { display: inline-block !important; border-top-right-radius: 10px !important;}
.ui-tabs-nav li { padding-right: 5px !important; margin-left: 0 !important; }
.shline a { color: #44a !important; }
iframe { border: none; }
#portletabout .blueborder { font-size: 14px; }
#portletabout .blueborder a, #portlet-about .blueborder a:visited { color: #6C8Bd3; }
.iframecontainer { -webkit-overflow-scrolling: touch; overflow-y: scroll; }
.data { padding-bottom: 40px; }

.pulse {
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse:hover
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

.confirmdlg { z-index: 7000 !important; }

.validateError {
    color: red;
}