html, body { height:100%; font-weight:400; line-height:1.6; color:#cccccc; background-color:#375f6e; }

.wrap {
background: #003246; /* Old browsers */
background: -moz-linear-gradient(top, #003246 0%, #375f6e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003246), color-stop(100%,#375f6e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #003246 0%,#375f6e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #003246 0%,#375f6e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #003246 0%,#375f6e 100%); /* IE10+ */
background: linear-gradient(to bottom, #003246 0%,#375f6e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003246', endColorstr='#375f6e',GradientType=0 ); /* IE6-9 */
}

a { -webkit-tap-highlight-color:rgba(0,0,0,0.5); }
a img { border: none; }
:focus { moz-outline-style: none; }
a, a:focus { outline: none; text-decoration:none; }
a:hover { outline: none; text-decoration:none; }
a:active { outline: none; text-decoration:none; }

h1 { font-size:26px; font-weight:normal; }

.link a { color:#00a1e4; text-decoration:underline; }
.link.red a { color:#f00; text-decoration:underline; }
.link a:hover { color:#fff; background-color:#213d64; text-decoration:underline; }
.link-btn a { color:#213d64; text-decoration:underline; line-height: 1.42857; margin-bottom:0; padding: 6px 0; display: inline-block; }
.link-btn a:hover { color:#000; text-decoration:underline; }
.no-mg { margin-bottom:0; margin-top:0; }
.grey { color:#999; }
.box-20 { padding:20px; }
.pad60 { padding-top:60px; padding-bottom:60px; }
.pad40 { padding-top:40px; padding-bottom:40px; }
.pad20 { padding-top:20px; padding-bottom:20px; }
.pad10 { padding-top:10px; padding-bottom:10px; }
.top120 { padding-top:120px; }
.top100 { padding-top:100px; }
.top90 { padding-top:90px; }
.top80 { padding-top:80px; }
.top70 { padding-top:70px; }
.top60 { padding-top:60px; }
.top50 { padding-top:50px; }
.top40 { padding-top:40px; }
.top30 { padding-top:30px; }
.top20 { padding-top:20px; }
.top10 { padding-top:10px; }

/* Top and Tail */

.footer {  color:#fff;  font-size:11px; }
.footer a { color:#fff; border-bottom:#909eb2 solid 1px; }
.footer a:hover { color:#fff; text-decoration:none; border-bottom:#fff solid 1px; }
.footer .right { text-align:right; }

/* Navigation */

.nav-main { margin:10px 0 0 0; }
.nav-main ul { list-style-type:none; padding:0; }
.nav-main ul li { padding:0; margin:0; }
.nav-main ul li a { display:block; padding:10px; color:#cccccc; font-size:14px; border-top:#bababa solid 1px; text-transform:uppercase; }
.nav-main ul ul { margin-bottom:10px; }
.nav-main ul ul li { padding-left:10px; padding-right:10px; }
.nav-main ul li .fa { display:none; float:right; font-size:18px;  }
.nav-main ul ul .selected a { color:#fff; font-weight:bold; }

.navbar-bars {-webkit-tap-highlight-color:rgba(0,0,0,0.5);background-color:transparent;background-image:none;border:none; border-radius:0;margin:0;padding:0;font-size:30px;color:#fff; line-height:1;}
.navbar-bars:focus {outline:0 none}

.navbar-bars {
  position: relative;
  padding-left: 1.25em;
}
.navbar-bars:before {
  background: white none repeat scroll 0 0;
    box-shadow: 0 0.3em 0 0 white, 0 0.6em 0 0 white;
    content: "";
    height: 0.15em;
    left: 0;
    position: absolute;
    top: 0.1em;
    width: 1em;
}

/* Forms */

.form-bg { background-color:#003246 }
form .form-error { color:#F00; }
form ol.form-error { margin-bottom:20px; }
form .form-success { color:#6bd186; }
form .form-control { color:#000; box-shadow:none; border-radius:0;  }
form .form-control:focus { box-shadow:none; }
form .control-label { font-weight:400; text-align:left; font-size:12px; }
form .control-label span { color:#999; }
form .form-control-static { font-size:18px; padding-top:0; padding-bottom:0; }
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; }
.form-group p.small { color:#666; }

.btn-bg { background-color:#003246; padding:15px; }

.btn { -webkit-tap-highlight-color:rgba(0,0,0,0.5); border-radius:0; box-shadow: none; text-shadow: none; text-transform:uppercase; font-size:12px; }
.btn:focus, .btn:active, .btn:active:focus { outline:none; }
.btn .fa-fw { text-align:right; }
.btn-primary { background-color:#00a1e4; border-color:#00a1e4; color:#fff; }
.btn-primary:focus { background-color:#00a1e4; border-color:#00a1e4; color:#fff; }
.btn-primary:hover { background-color:#000; border-color: #000; color:#fff; }

.btn-default { background-color:#999; border-color:#999; color:#fff; }
.btn-default:focus { background-color:#999; border-color:#999; color:#fff; }
.btn-default:hover { background-color:#000; border-color: #000; color:#fff; }

.btn-link { color:#213d64; }

.success { background-color:#6bd186; color:#FFF; font-size:16px; padding:15px; margin-bottom:20px; }



/* >>>> Account >>>> */

ul.taskList{list-style-type:none; margin:0; padding:0}
ul.taskList li{margin:5px 0 0 0}
ul.taskList li { background:#003246 url(/images/icon_arrow_2.png); background-repeat:no-repeat; background-position:center right; }
ul.taskList li a { border:#CCC solid 2px; color:#999; display:block; width:auto; padding:10px 30px 10px 65px; text-decoration:none; margin:0 0 2px 0; }
ul.taskList li a:hover{ color:#FFF; border:#FFF solid 2px; text-decoration:none; }
ul.taskList li a em { font-size:17px; font-weight:bold; line-height:22px; margin:0; padding:0; display:block; font-style:normal; }

ul.taskList .red a {background:url(/images/icon_red_cross.png)  no-repeat 18px center; border:#F00 solid 2px; color:#fff;}
ul.taskList .amber a {background:url(/images/icon_warning.png)  no-repeat 18px center; border:#F90 solid 2px; color:#fff;}
ul.taskList .green a {background:url(/images/icon_green_tick.png)  no-repeat 18px center; border:#63ad3c solid 2px; color:#fff;}

ul.taskList li.info{padding:5px 0px 5px 35px; color:#999}

table .right { text-align:right; }
table .white { color:#fff; }
table .grey { color:#999; }
table .grey-span span { color:#999; }
table .small { font-size:10px; }
table .nowrap { white-space:nowrap; }

.table-report { width:100%; font-size:12px; }
.table-report th { text-transform:uppercase; color:#fff; padding:8px 0; border-bottom:#CCC solid 1px; }
.table-report td { padding: 8px 0; border-bottom:#CCC solid 1px; }

.table-expense td { padding:4px 2px 4px 0; color:#fff; vertical-align:top; border-bottom:#CCC solid 1px }
.table-expense td em { color:#999; font-style:normal; }
.table-expense .col1 { font-weight:bold;  }

.tablesorter-default{background-color:#fff;border-spacing:0}
.tablesorter-default th,.tablesorter-default thead td{border-collapse:collapse;border-bottom:#ccc 2px solid}
.tablesorter-default tfoot th,.tablesorter-default tfoot td{border:0}
.tablesorter-default .header,.tablesorter-default .tablesorter-header{background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);background-position:center right;background-repeat:no-repeat;cursor:pointer;white-space:normal;padding:8px 20px 8px 8px}
.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerSortUp,.tablesorter-default thead .tablesorter-headerAsc{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);border-bottom:#000 2px solid}
.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerSortDown,.tablesorter-default thead .tablesorter-headerDesc{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);border-bottom:#000 2px solid}
.tablesorter-default thead .sorter-false{background-image:none;cursor:default;padding:8px}

.box-right { background-color:#003246; border-top:#375f6e solid 3px; padding:15px;  }
.box-right h3 { margin-top:10px; }

.messageBlock { border:#FFF solid 1px; padding:15px 15px 10px 15px; margin:20px 0 0 0; color:#FFF; }
.messageBlock h3 { margin-top:0; }
.messageUnRead { background-color:#003245; }

.calendarBlank { display:block; float:left; width:14%; height:140px; }
.calenderDayOuter { display:block; float:left; width:14%; height:140px; margin:0; display:block; overflow:hidden; }
.calenderDay { display:block; height:60px; border:#fff solid 1px;  margin:0 1px 1px 0; font-size:10px; padding:5px; color:#FFF; }

.calenderParty {  background-color:#c90; }
.calenderGreen { background-color:#345b21; }
.calenderPast { color:#999; border:#486c7a solid 1px; }
.calenderPastParty { color:#999; border:#486c7a solid 1px; background-color:#6b6a27; }
.calenderPastGreen { color:#999; border:#486c7a solid 1px; background-color:#154343; }

.calenderToggle, .calenderParty, .calenderPastParty { cursor:pointer; }


/* Mobile Only */
@media screen and (max-width: 767px) {

h1 { font-size: 31px; }
h2 { font-size: 26px; }
h3 { font-size: 21px; }

.top60-xs { padding-top:60px; }
.top40-xs { padding-top:40px; }
.top20-xs { padding-top:20px; }
.top0-xs { padding-top:0px; }

.form-bg { margin-right: -15px; margin-left: -15px; padding-left:15px; padding-right:15px; }
.btn-bg { margin-right: -15px; margin-left: -15px; padding-left:15px; padding-right:15px; }

.nav-main a.sub .fa-chevron-right { display:inline-block; margin-top:2px;  }
.nav-main a.sub.open .fa-chevron-right { display:none; }
.nav-main a.sub.open .fa-chevron-down { display:inline-block;}
.nav-main ul .selected-top > .no-sub { color:#fff; font-weight:bold }
.nav-main ul ul { display:none; }
.nav-main .selected-top ul { display:block; }

.container-xs-full { padding-left:0; padding-right:0; }

}



/* SMALL */
@media screen and (min-width: 768px) {

.wrap {min-height:100%;height:auto!important;margin:0 auto -80px}
.push, .footer {height:80px}
.wrap-inner { background-image:url(/images/bg_shark.png); background-repeat:no-repeat; background-position:top left; }

.pad60-sm { padding-top:60px; padding-bottom:60px; }
.pad40-sm { padding-top:40px; padding-bottom:40px; }
.pad20-sm { padding-top:20px; padding-bottom:20px; }
.pad10-sm { padding-top:10px; padding-bottom:10px; }
.pad0-sm { padding-top:0px; padding-bottom:0px; }

.top200-sm { padding-top:200px; }
.top120-sm { padding-top:120px; }
.top100-sm { padding-top:100px; }
.top90-sm { padding-top:90px; }
.top80-sm { padding-top:80px; }
.top70-sm { padding-top:70px; }
.top60-sm { padding-top:60px; }
.top50-sm { padding-top:50px; }
.top40-sm { padding-top:40px; }
.top30-sm { padding-top:30px; }
.top20-sm { padding-top:20px; }
.top10-sm { padding-top:10px; }
.top0-sm { padding-top:0px; }

html, body { line-height:1.8; }

.nav-main { float:left;width:100%;overflow:hidden;position:relative; margin-top:30px; }
.nav-main ul{clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center}
.nav-main ul li{display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%}
.nav-main ul li a{display:block; margin:0 3px;padding:5px 3px 3px 3px; color:#cccccc;text-decoration:none;border:0;  font-size:12px; }
.nav-main ul li a:hover{background:#00a1e4; color:#fff;  }
.nav-main ul .selected-top a { border-bottom:#fff solid 2px; color:#fff; font-weight:bold; }
.nav-main ul ul { display:none !important; }
.nav-main .menu-contact, .nav-main .menu-log-out { display:none !important; }


.nav-top ul {margin:20px 0 0 0; padding:0; width:220px; height:25px; list-style-type:none; overflow:hidden; float:right;}
.nav-top ul li{float:right; margin:0; padding:0}
.nav-top a {text-align:center; display:block; font:11px Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold; color:#fff; line-height:22px; padding:0 5px 0 5px}
.nav-top li a:hover{text-decoration:underline}
.nav-top .breakli{border-left:#CCC solid 1px}
.nav-top a em{font-style:normal; color:#007ac3;}

.nav-left ul {list-style-type:none; margin:75px 0 0 0; padding:0; }
.nav-left ul li a { border-bottom:#ccc solid 1px; color:#ccc; display:block; padding:12px 15px 9px 15px; text-decoration:none; margin:0; line-height:1.4 }
.nav-left ul li a:hover{background:#00a1e4;color:#fff}
.nav-left ul li em { font-style:normal; }
.nav-left ul li span { color:#CCC; }
.nav-left ul .selected a { border-bottom:#fff solid 2px; color:#fff; font-weight:bold; text-decoration:none;  margin:0 0 2px 0; }
.nav-left ul ul {margin:10px 10px 20px 10px}

.body-block-right { float:right; margin-left:20px; width:220px; }

.table-report th, .table-report td { padding:8px 4px;  }
.table-expense td { padding:4px 8px 4px 0; }

}

/* MEDIUM */
@media screen and (min-width: 992px) {

.pad60-md { padding-top:60px; padding-bottom:60px; }
.pad40-md { padding-top:40px; padding-bottom:40px; }
.pad20-md { padding-top:20px; padding-bottom:20px; }
.pad10-md { padding-top:10px; padding-bottom:10px; }
.pad0-md { padding-top:0px; padding-bottom:0px; }

.top120-md { padding-top:120px; }
.top100-md { padding-top:100px; }
.top90-md { padding-top:90px; }
.top80-md { padding-top:80px; }
.top70-md { padding-top:70px; }
.top60-md { padding-top:60px; }
.top50-md { padding-top:50px; }
.top40-md { padding-top:40px; }
.top30-md { padding-top:30px; }
.top20-md { padding-top:20px; }
.top10-md { padding-top:10px; }
.top0-md { padding-top:0px; }

.nav-main ul li a{ margin:0 10px; font-size:13px; }


.body-block-right { width:293px; }

}

/* LARGE */
@media screen and (min-width: 1200px) {

.pad60-lg { padding-top:60px; padding-bottom:60px; }
.pad40-lg { padding-top:40px; padding-bottom:40px; }
.pad20-lg { padding-top:20px; padding-bottom:20px; }
.pad10-lg { padding-top:10px; padding-bottom:10px; }
.pad0-lg { padding-top:0px; padding-bottom:0px; }

.top120-lg { padding-top:120px; }
.top100-lg { padding-top:100px; }
.top90-lg { padding-top:90px; }
.top80-lg { padding-top:80px; }
.top70-lg { padding-top:70px; }
.top60-lg { padding-top:60px; }
.top50-lg { padding-top:50px; }
.top40-lg { padding-top:40px; }
.top30-lg { padding-top:30px; }
.top20-lg { padding-top:20px; }
.top10-lg { padding-top:10px; }
.top0-lg { padding-top:0px; }

blockquote { font-size:18px; }

.nav-main ul li a{ margin:0 10px; font-size:14px; }

.body-block-right { width:360px }

.table-report th, .table-report td { padding:8px;  }

}





/*Retina graphics!*/
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), (min-resolution: 192dpi) and (min-width: 768px) {

}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

}