/* Minification failed. Returning unminified contents.
(11,4): run-time error CSS1033: Expected closing bracket, found ':'
(11,10): run-time error CSS1031: Expected selector, found ']'
(11,10): run-time error CSS1025: Expected comma or open brace, found ']'
(205,269): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: footer
(205,269): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: ignoreMe
 */
body {
    font-weight: 400;
    font-size:  13px;
    font-family: 'Open Sans', tahoma, arial, sans-serif;
    color: #444444;
    background-color: #f4f4f4;
    padding: 30px 0 0 0;
    min-width: 450px;
}

[ng:cloak], 
[ng-cloak], 
[data-ng-cloak], 
[x-ng-cloak], 
.ng-cloak, 
.x-ng-cloak {
  display: none !important;
}

.fadingGiftWarning {
   background-image:none !important;
    -webkit-animation: fadeInOut 5s ease-in-out; 
       -moz-animation: fadeInOut 5s ease-in-out; 
         -o-animation: fadeInOut 5s ease-in-out; 
            animation: fadeInOut 5s ease-in-out; 
}

@-webkit-keyframes fadeInOut {
    0% {background-color: white;}
    30% {background-color: pink;}
    90% {background-color: white;}
    95% {background-color: pink;}
    100% {background-color: white;}
}
@-moz-keyframes fadeInOut {
    0% {background-color: white;}
    30% {background-color: pink;}
    90% {background-color: white;}
    95% {background-color: pink;}
    100% {background-color: white;}
}
@-o-keyframes fadeInOut {
    0% {background-color: white;}
    30% {background-color: pink;}
    90% {background-color: white;}
    95% {background-color: pink;}
    100% {background-color: white;}
}
@keyframes fadeInOut {
    0% {background-color: white;}
    30% {background-color: pink;}
    90% {background-color: white;}
    95% {background-color: pink;}
    100% {background-color: white;}
}

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.float-left { float:left; }
.float-right { float: right; }

.whiteblock {
    margin-bottom: 10px;
    background-color: white; 
    border: 1px solid #cccccc; 
    border-top: 0px;
    box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.3);
}



.verticalText {
    transform: rotate(-90deg);
}

.suggestionContainer {
    background: #fff;
    position: absolute;
    top: 0;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.suggestion-hide {
    visibility: hidden;
    opacity: 0 !important;
}

button.suggestButton {
    color: white;
    font: 400 12px 'Open Sans', helvetica, verdana, arial, sans-serif;
    border: 0px;
    text-decoration: none;
    width: 55px; 
    height: 24px;
    text-align: center; 
    margin: 5px;
    display: inline-block; 
    background-color: #2e9ce8;
    cursor: pointer; 
}
button.suggestButton:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
button.suggestButton:active {
    background-color: black;
}

button.suggestButton:disabled {
    background-color: #dddddd;
    cursor: default; 
}









img {
    border-width: 0;
}

.dropshadow {
    z-index: 300; 
    box-shadow:0px 2px 5px rgba(0,0,0,.5);
}

header {   
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height: 40px;
    background-color: #383838;
}

.headerPublic {   
    position:fixed;
    left:0;
    top:0;
    width:100%;
    min-width: 688px;
    height: 56px;
    background-color: #383838;
}

footer {   
    margin: 0 auto;
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    min-width: 688px;
    height: 35px;
    background-color: #383838;
    font-size: 12px; 
    color: #b7b7b7; 
    display: inline-block;
    text-align: center;
    z-index: 300;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

h1 {
    color: #555555;
}
    h1.shaded {
        padding: 5px;
        padding-left: 10px;
        background-color: #eeeeee;
        border-radius: 2px;
    }


a {
    color: #2e9ce8;
    text-decoration: none;
}

div.centerblock { 
    margin: 0 auto; 
    position:relative; 
}

div.centercontents { 
    text-align: center; 
}

.topborder { 
    border-top-width: 1px;  
    border-top-color: #cacaca;
    border-top-style: solid;
}

.emaillink {
    display:block; 
    margin: 6px; 
    font: 600 16px 'Open Sans', helvetica, verdana, arial, sans-serif; 
    color: blue;
}

.validation-summary-errors {
    background-color: #cdeaff;
    border:1px solid #2e9ce8;
    margin: 10px 10px 10px 5px;
    width: 326px;
    }
span.validation-summary-errors {
    border-bottom-color: #D9FFB2;
    display:block;
    }
ul.validation-summary-errors {
    margin:0;
    padding:0;
    border-top:none;
    }

li {
    text-align: -webkit-match-parent;
}

/* #region account dropdown */
.dropdown  {
    color: #424242;
    margin: -19px -8px 0 0;
    width: 140px;
    position: relative;
    height: 17px;
    text-align:left;
}
.submenu {
    background: #fff;
    position: absolute;
    top: -12px;
    left: -20px;
    z-index: 100;
    width: 135px;
    display: none;
    margin-left: 10px;
    padding: 40px 0 5px;
    border: 2px solid #ccc;
    
}
.dropdown li a  {
    color: #424242;
    display: block;
    font-weight: 400;
    font-size: 15px;
    padding: 2px 10px;
    cursor: pointer;
    text-decoration:none;
}

.dropdown li a:hover {
    background:#f1f1f1;
    color: #0091e1;
    text-decoration: none;
}
a.account  {
    font-weight: 800;
    font-size: 15px;
    line-height: 16px;
    color: #b7b7b7;
    position: absolute;
    z-index: 110;
    display: block;
    padding: 4px 0 0 16px;
    height: 28px;
    width: 121px;
    margin: -11px 0 0 -13px;
    text-decoration: none;
    cursor:pointer;
}
.root {
    list-style:none;
    margin:0px;
    padding:0px;
    font-size: 11px;
    padding: 11px 0 0 0px;
    border-top:1px solid #dedede;
}
/* #endregion */

/* #region menu */

ul#menu {
    font-size: 15px;
    font-weight: 800;
    margin: 10px 0 0 160px;
    padding: 0;
    text-align: left;
}

    ul#menu li {

        display: inline;
        list-style: none;
        padding-left: 15px;
        margin-top: 50px;
    }

        ul#menu li a {
            background: none;
            color: #b7b7b7;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #fbee24;
            text-decoration: none;
        }
/* #endregion */


/*#region welcome page */

.welcomesignintext { 
    text-align: left; 
    font-size: 15px;
    font-weight: 400;
    color: gray;
    padding: 20px 10px 3px 6px;
}

button.oauthbutton {
    border: 0px;
    font-size: 18px;
    width: 157px;
    color: #336699;
    background-color: #eaeaea;
    display: inline-block;
    padding: 5px 5px 5px 15px;
    margin: 5px 5px 2px 5px;
    text-align: left;
}
button.oauthbutton:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
button.oauthbutton:active {
    background-color: black;
}

table {
  border-collapse: collapse;
}

td.topborder { border-top: 1px solid #86cbfa; }
tr.alt {
    background-color: #eaeaea;
}

img.grid {
    border: 1px solid #dcdcdc;
    margin: 3px 8px 0px 8px;
}

button.buttonbluegrid {
    color: white;
    font: 400 12px 'Open Sans', helvetica, verdana, arial, sans-serif;
    border: 0px;
    text-decoration: none;
    width: 55px; 
    height: 24px;
    text-align: center; 
    margin: 5px;
    display: inline-block; 
    background-color: #2e9ce8;
    border-radius: 2px;
}
button.buttonbluegrid:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
button.buttonbluegrid:active {
    background-color: black;
}

button.buttonbluegrid:disabled {
    background-color: gray;
}

button.Main {
    color: white;
    font: 400 12px 'Open Sans', helvetica, verdana, arial, sans-serif;
    border: 0px;
    text-decoration: none;
    width: 55px; 
    height: 24px;
    text-align: center; 
    margin: 5px;
    display: inline-block; 
    border-radius: 2px;
}
button.Main:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
button.Main:active {
    background-color: black;
}

button.Main:disabled {
    background-color: gray;
}
button.MainBlue {
    background-color: #2e9ce8;
}
button.MainGreen {
    background-color: #00CA23;
}
button.DimGreen {
    background-color: #66e07a;
}
button.MainOrange {
    background-color: #E5A200;
}
button.DimOrange {
    background-color: #f4d58c;
}
button.MainGray {
    background-color: #BBBBBB;
}

.introText {
    font: 400 19px 'Open Sans', helvetica, verdana, arial, sans-serif;
}

select.griddate {
    font: 400 13px 'Open Sans', helvetica, verdana, arial, sans-serif;
    width: 315px;
    margin: 0px;
    border: 1px solid #dcdcdc;
    padding: 2px;
}

select.gridtextbox,
input[type=text].gridtextbox,
input[type=email].gridtextbox,
input[type=password].gridtextbox {
    font: 400 13px 'Open Sans', helvetica, verdana, arial, sans-serif;
    width: 315px;
    margin: 0px 3px;
    border: 1px solid #dcdcdc;
    padding: 2px;
}

input[type=text].gridnamebox {
    font: 600 13px 'Open Sans', helvetica, verdana, arial, sans-serif;
    width: 85px;
    margin: 0px 3px;
    border: 1px solid #dcdcdc;
    padding: 2px;
}

select.welcometextbox,
input[type=text].welcometextbox,
input[type=email].welcometextbox,
input[type=password].welcometextbox {
    font-size: 15px;
    width: 315px;
    margin: 1px 5px 5px 5px;
    border: 1px solid #dcdcdc;
    padding: 6px;
}

input[type=checkbox].welcomecheckbox {
    vertical-align: -10%;
    margin: 6px;
}

.hiddenAutoSize {
    display: block;
    width: auto;
    border: none;
    font-family: 'Open Sans', helvetica, verdana, arial, sans-serif;
}

input[type=submit].buttonblue {
    color: white;
    font: 400 14px 'Open Sans', helvetica, verdana, arial, sans-serif;
    border: 0px;
    text-decoration: none;
    width: 130px; 
    height: 31px;
    text-align: center; 
    margin: 5px;
    display: inline-block; 
    background-color: #2e9ce8;
    border-radius: 2px;
}

input[type=submit].buttonblue:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

input[type=submit].buttonblue:active {
    background-color: black;
}

input[type=submit].buttonblue:disabled {
    background-color: gray;
}

.inputLabel {
    padding-left: 6px; 
    text-align: left;
}

a.buttongrey, a.buttonblue {
    text-decoration: none;
    font-size: 14px;
    width: 130px; 
    height: 26px;
    text-align: center; 
    padding-top: 5px;
    margin: 5px;
    display: inline-block; 
    border-radius: 2px;
}
a.buttongrey {
    background-color: white;
    color: #424242;
}
a.buttonblue {
    margin-top: 20px;
    background-color: #2e9ce8;
    color: white;
}
a.buttongrey:hover,a.buttonblue:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
a.buttongrey:active,a.buttonblue:active {
    background-color: black;
}
a.buttongrey:disabled,a.buttonblue:disabled {
    background-color: gray;
}



a.buttonCTA {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    width: 130px; 
    height: 26px;
    text-align: center; 
    padding-top: 5px;
    margin: 5px;
    display: inline-block; 
    margin-top: 20px;
    background-color: #5ea749;
    color: white;
    border-radius: 2px;
}
a.buttonCTA:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
a.buttonCTA:active {
    background-color: black;
}
a.buttonCTA:disabled {
    background-color: gray;
}

a.buttonCTALarge {
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    width: 225px; 
    height: 37px;
    text-align: center; 
    padding: 9px;
    margin: 5px;
    display: inline-block; 
    margin-top: 20px;
    background-color: #5ea749;
    color: white;
    border-radius: 2px;
}
a.buttonCTALarge:hover:not([disabled]) {
    opacity: 0.75;
    filter: alpha(opacity=75);
}
a.buttonCTALarge:active {
    background-color: black;
}
a.buttonCTALarge:disabled {
    background-color: gray;
}



.welcomedisplayblock {
    font-size: 14px;
    margin-top: 460px;
    padding: 20px 10px 20px 10px;
    background-color: #818181;
    color: white;
    vertical-align: bottom;
}

.welcomeloginblock {
    font-size: 18px;
    width: 140px;
    color: #336699;
    background-color: #eaeaea;
    display: inline-block;
    padding: 5px 5px 5px 15px;
    margin: 5px 5px 2px 5px;
}

.welcomeloginimage {
    vertical-align: -10%;
    padding-right: 7px;
}

/*#endregion */

.corner {
    position: absolute;
    height: 10px;
    width: 10px;
    border: 2px solid #2e9ce8;
    background-color: #fff;
}

.topright_arc {
    top: -1px;
    left: -1px;
    border-radius: 100% 0 0 0;
    border-width:  2px 0 0 2px;
}