/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

/*table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul {
    list-style: none;
}
ul.list li {
    margin-left: 10px;
}*/
/*FONTS Icon*/

@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot');
    src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
a[class^="icon-"], a[class*=" icon-"] {
    display: inline-block;
    text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */

.icon-large:before {
    vertical-align: top;
    font-size: 1.3333333333333333em;
}
li[class^="icon-"], li[class*=" icon-"] {
    display: inline-block;
    width: 1.5em;
    text-align: left;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
    /* 1.5 increased font size for icon-large * 1.25 width */
    width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
    margin-left: 0;
    list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
    text-indent: -2em;
    text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
    text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */

.icon-glass:before {
    content: "\f000";
}
.icon-music:before {
    content: "\f001";
}
.icon-search:before {
    content: "\f002";
}
.icon-envelope:before {
    content: "\f003";
}
.icon-heart:before {
    content: "\f004";
}
.icon-star:before {
    content: "\f005";
}
.icon-star-empty:before {
    content: "\f006";
}
.icon-user:before {
    content: "\f007";
}
.icon-film:before {
    content: "\f008";
}
.icon-th-large:before {
    content: "\f009";
}
.icon-th:before {
    content: "\f00a";
}
.icon-th-list:before {
    content: "\f00b";
}
.icon-ok:before {
    content: "\f00c";
}
.icon-remove:before {
    content: "\f00d";
}
.icon-zoom-in:before {
    content: "\f00e";
}
.icon-zoom-out:before {
    content: "\f010";
}
.icon-off:before {
    content: "\f011";
}
.icon-signal:before {
    content: "\f012";
}
.icon-cog:before {
    content: "\f013";
}
.icon-trash:before {
    content: "\f014";
}
.icon-home:before {
    content: "\f015";
}
.icon-file:before {
    content: "\f016";
}
.icon-time:before {
    content: "\f017";
}
.icon-road:before {
    content: "\f018";
}
.icon-download-alt:before {
    content: "\f019";
}
.icon-download:before {
    content: "\f01a";
}
.icon-upload:before {
    content: "\f01b";
}
.icon-inbox:before {
    content: "\f01c";
}
.icon-play-circle:before {
    content: "\f01d";
}
.icon-repeat:before {
    content: "\f01e";
}
/* \f020 doesn't work in Safari. all shifted one down */

.icon-refresh:before {
    content: "\f021";
}
.icon-list-alt:before {
    content: "\f022";
}
.icon-lock:before {
    content: "\f023";
}
.icon-flag:before {
    content: "\f024";
}
.icon-headphones:before {
    content: "\f025";
}
.icon-volume-off:before {
    content: "\f026";
}
.icon-volume-down:before {
    content: "\f027";
}
.icon-volume-up:before {
    content: "\f028";
}
.icon-qrcode:before {
    content: "\f029";
}
.icon-barcode:before {
    content: "\f02a";
}
.icon-tag:before {
    content: "\f02b";
}
.icon-tags:before {
    content: "\f02c";
}
.icon-book:before {
    content: "\f02d";
}
.icon-bookmark:before {
    content: "\f02e";
}
.icon-print:before {
    content: "\f02f";
}
.icon-camera:before {
    content: "\f030";
}
.icon-font:before {
    content: "\f031";
}
.icon-bold:before {
    content: "\f032";
}
.icon-italic:before {
    content: "\f033";
}
.icon-text-height:before {
    content: "\f034";
}
.icon-text-width:before {
    content: "\f035";
}
.icon-align-left:before {
    content: "\f036";
}
.icon-align-center:before {
    content: "\f037";
}
.icon-align-right:before {
    content: "\f038";
}
.icon-align-justify:before {
    content: "\f039";
}
.icon-list:before {
    content: "\f03a";
}
.icon-indent-left:before {
    content: "\f03b";
}
.icon-indent-right:before {
    content: "\f03c";
}
.icon-facetime-video:before {
    content: "\f03d";
}
.icon-picture:before {
    content: "\f03e";
}
.icon-pencil:before {
    content: "\f040";
}
.icon-map-marker:before {
    content: "\f041";
}
.icon-adjust:before {
    content: "\f042";
}
.icon-tint:before {
    content: "\f043";
}
.icon-edit:before {
    content: "\f044";
}
.icon-share:before {
    content: "\f045";
}
.icon-check:before {
    content: "\f046";
}
.icon-move:before {
    content: "\f047";
}
.icon-step-backward:before {
    content: "\f048";
}
.icon-fast-backward:before {
    content: "\f049";
}
.icon-backward:before {
    content: "\f04a";
}
.icon-play:before {
    content: "\f04b";
}
.icon-pause:before {
    content: "\f04c";
}
.icon-stop:before {
    content: "\f04d";
}
.icon-forward:before {
    content: "\f04e";
}
.icon-fast-forward:before {
    content: "\f050";
}
.icon-step-forward:before {
    content: "\f051";
}
.icon-eject:before {
    content: "\f052";
}
.icon-chevron-left:before {
    content: "\f053";
}
.icon-chevron-right:before {
    content: "\f054";
}
.icon-plus-sign:before {
    content: "\f055";
}
.icon-minus-sign:before {
    content: "\f056";
}
.icon-remove-sign:before {
    content: "\f057";
}
.icon-ok-sign:before {
    content: "\f058";
}
.icon-question-sign:before {
    content: "\f059";
}
.icon-info-sign:before {
    content: "\f05a";
}
.icon-screenshot:before {
    content: "\f05b";
}
.icon-remove-circle:before {
    content: "\f05c";
}
.icon-ok-circle:before {
    content: "\f05d";
}
.icon-ban-circle:before {
    content: "\f05e";
}
.icon-arrow-left:before {
    content: "\f060";
}
.icon-arrow-right:before {
    content: "\f061";
}
.icon-arrow-up:before {
    content: "\f062";
}
.icon-arrow-down:before {
    content: "\f063";
}
.icon-share-alt:before {
    content: "\f064";
}
.icon-resize-full:before {
    content: "\f065";
}
.icon-resize-small:before {
    content: "\f066";
}
.icon-plus:before {
    content: "\f067";
}
.icon-minus:before {
    content: "\f068";
}
.icon-asterisk:before {
    content: "\f069";
}
.icon-exclamation-sign:before {
    content: "\f06a";
}
.icon-gift:before {
    content: "\f06b";
}
.icon-leaf:before {
    content: "\f06c";
}
.icon-fire:before {
    content: "\f06d";
}
.icon-eye-open:before {
    content: "\f06e";
}
.icon-eye-close:before {
    content: "\f070";
}
.icon-warning-sign:before {
    content: "\f071";
}
.icon-plane:before {
    content: "\f072";
}
.icon-calendar:before {
    content: "\f073";
}
.icon-random:before {
    content: "\f074";
}
.icon-comment:before {
    content: "\f075";
}
.icon-magnet:before {
    content: "\f076";
}
.icon-chevron-up:before {
    content: "\f077";
}
.icon-chevron-down:before {
    content: "\f078";
}
.icon-retweet:before {
    content: "\f079";
}
.icon-shopping-cart:before {
    content: "\f07a";
}
.icon-folder-close:before {
    content: "\f07b";
}
.icon-folder-open:before {
    content: "\f07c";
}
.icon-resize-vertical:before {
    content: "\f07d";
}
.icon-resize-horizontal:before {
    content: "\f07e";
}
.icon-bar-chart:before {
    content: "\f080";
}
.icon-twitter-sign:before {
    content: "\f081";
}
.icon-facebook-sign:before {
    content: "\f082";
}
.icon-camera-retro:before {
    content: "\f083";
}
.icon-key:before {
    content: "\f084";
}
.icon-cogs:before {
    content: "\f085";
}
.icon-comments:before {
    content: "\f086";
}
.icon-thumbs-up:before {
    content: "\f087";
}
.icon-thumbs-down:before {
    content: "\f088";
}
.icon-star-half:before {
    content: "\f089";
}
.icon-heart-empty:before {
    content: "\f08a";
}
.icon-signout:before {
    content: "\f08b";
}
.icon-linkedin-sign:before {
    content: "\f08c";
}
.icon-pushpin:before {
    content: "\f08d";
}
.icon-external-link:before {
    content: "\f08e";
}
.icon-signin:before {
    content: "\f090";
}
.icon-trophy:before {
    content: "\f091";
}
.icon-github-sign:before {
    content: "\f092";
}
.icon-upload-alt:before {
    content: "\f093";
}
.icon-lemon:before {
    content: "\f094";
}
.icon-phone:before {
    content: "\f095";
}
.icon-check-empty:before {
    content: "\f096";
}
.icon-bookmark-empty:before {
    content: "\f097";
}
.icon-phone-sign:before {
    content: "\f098";
}
.icon-twitter:before {
    content: "\f099";
}
.icon-facebook:before {
    content: "\f09a";
}
.icon-github:before {
    content: "\f09b";
}
.icon-unlock:before {
    content: "\f09c";
}
.icon-credit-card:before {
    content: "\f09d";
}
.icon-rss:before {
    content: "\f09e";
}
.icon-hdd:before {
    content: "\f0a0";
}
.icon-bullhorn:before {
    content: "\f0a1";
}
.icon-bell:before {
    content: "\f0a2";
}
.icon-certificate:before {
    content: "\f0a3";
}
.icon-hand-right:before {
    content: "\f0a4";
}
.icon-hand-left:before {
    content: "\f0a5";
}
.icon-hand-up:before {
    content: "\f0a6";
}
.icon-hand-down:before {
    content: "\f0a7";
}
.icon-circle-arrow-left:before {
    content: "\f0a8";
}
.icon-circle-arrow-right:before {
    content: "\f0a9";
}
.icon-circle-arrow-up:before {
    content: "\f0aa";
}
.icon-circle-arrow-down:before {
    content: "\f0ab";
}
.icon-globe:before {
    content: "\f0ac";
}
.icon-wrench:before {
    content: "\f0ad";
}
.icon-tasks:before {
    content: "\f0ae";
}
.icon-filter:before {
    content: "\f0b0";
}
.icon-briefcase:before {
    content: "\f0b1";
}
.icon-fullscreen:before {
    content: "\f0b2";
}
.icon-group:before {
    content: "\f0c0";
}
.icon-link:before {
    content: "\f0c1";
}
.icon-cloud:before {
    content: "\f0c2";
}
.icon-beaker:before {
    content: "\f0c3";
}
.icon-cut:before {
    content: "\f0c4";
}
.icon-copy:before {
    content: "\f0c5";
}
.icon-paper-clip:before {
    content: "\f0c6";
}
.icon-save:before {
    content: "\f0c7";
}
.icon-sign-blank:before {
    content: "\f0c8";
}
.icon-reorder:before {
    content: "\f0c9";
}
.icon-list-ul:before {
    content: "\f0ca";
}
.icon-list-ol:before {
    content: "\f0cb";
}
.icon-strikethrough:before {
    content: "\f0cc";
}
.icon-underline:before {
    content: "\f0cd";
}
.icon-table:before {
    content: "\f0ce";
}
.icon-magic:before {
    content: "\f0d0";
}
.icon-truck:before {
    content: "\f0d1";
}
.icon-pinterest:before {
    content: "\f0d2";
}
.icon-pinterest-sign:before {
    content: "\f0d3";
}
.icon-google-plus-sign:before {
    content: "\f0d4";
}
.icon-google-plus:before {
    content: "\f0d5";
}
.icon-money:before {
    content: "\f0d6";
}
.icon-caret-down:before {
    content: "\f0d7";
}
.icon-caret-up:before {
    content: "\f0d8";
}
.icon-caret-left:before {
    content: "\f0d9";
}
.icon-caret-right:before {
    content: "\f0da";
}
.icon-columns:before {
    content: "\f0db";
}
.icon-sort:before {
    content: "\f0dc";
}
.icon-sort-down:before {
    content: "\f0dd";
}
.icon-sort-up:before {
    content: "\f0de";
}
.icon-envelope-alt:before {
    content: "\f0e0";
}
.icon-linkedin:before {
    content: "\f0e1";
}
.icon-undo:before {
    content: "\f0e2";
}
.icon-legal:before {
    content: "\f0e3";
}
.icon-dashboard:before {
    content: "\f0e4";
}
.icon-comment-alt:before {
    content: "\f0e5";
}
.icon-comments-alt:before {
    content: "\f0e6";
}
.icon-bolt:before {
    content: "\f0e7";
}
.icon-sitemap:before {
    content: "\f0e8";
}
.icon-umbrella:before {
    content: "\f0e9";
}
.icon-paste:before {
    content: "\f0ea";
}
.icon-user-md:before {
    content: "\f200";
}
/*===========================================================================*/

/*      BUTTONS - BY Nick La with some modifications             */

/*  http://webdesignerwall.com/tutorials/css3-gradient-buttons           */

/*===========================================================================*/

.button {
    display: inline-block;
    zoom: 1;
    /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    line-height: 1.5em;
}
.rounded {
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.oval {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.large {
    font-size: 24px;
    font-weight: 900;
}
.medium {
    font-size: 12px;
    padding: .5em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .4em 1em .275em;
}
/*GROUPS*/

.buttons-group {
    margin: 4px;
}
.buttons-group .button {
    margin: -2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.buttons-group .button:first-child {
    -webkit-border-radius: .3em 0 0 0.3em;
    -moz-border-radius: .3em 0 0 0.3em;
    border-radius: .3em 0 0 0.3em;
}
.buttons-group .button:last-child {
    -webkit-border-radius: 0 .3em .3em 0;
    -moz-border-radius: 0 .3em .3em 0;
    border-radius: 0 .3em .3em 0;
}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {
    /* keeps button heights with and without icons the same */
    line-height: 0.9em;
    margin-right: .3em;
}
.button:not([class^="icon-"]), .button:not([class*=" icon-"]) {
    /* keeps button heights with and without icons the same */
    display: inline-block;
}
/* color styles
---------------------------------------------- */

/* black */

.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top, #666, #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top, #444, #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top, #000, #444);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
/* gray */

.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top, #575757, #888);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* white */

.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* orange */

.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* red */

.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top, #c9151b, #a11115);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top, #aa1317, #ed1c24);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* blue */

.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* green */

.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    background: -o-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top, #6b9d28, #436b0c);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
/*===========================================================================*/

/*              UI COMPONENTS                    */

/*===========================================================================*/

/*TOOLTIP DIV*/

.tooltip {
    opacity: 1;
    background-color: #222;
    color: #fff;
    padding: .5em;
    line-height: 1em;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.tooltip p {
    font-size: 12px;
    opacity: 1;
}
/*Modal*/

.modal {
    width: 500px;
    max-width: 90%;
    height: 250px;
    max-height: 50%;
    background: #fff;
    display: none;
    z-index: 9999999;
    background: #fff;
    padding: 10px;
    border: 5px solid #000;
    box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
}
/*TABS*/

.tabs {
    width: 100%;
    background: inherit;
    overflow: hidden;
}
.tabs ul {
    display: inline-block;
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.tabs ul li {
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 0 5px -1px 5px;
    cursor: pointer;
}
.tabs ul li.active {
    background: #efefef;
    /*border-bottom:none;*/
}
.tabs > div {
    padding: 10px;
}
/*NAV MENU
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul.nav {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
ul.nav ul {
    min-width: 200px;
    /* Sub Menu Width */
    margin: 0;
    list-style: none;
    display: none;
    position: absolute;
    top: 100%;
}
ul.nav ul ul, ul.nav ul ul ul {
    top: 0;
    left: 100%;
    position: absolute;
}
ul.nav li {
    float: left;
    display: inline;
    position: relative;
}
ul.nav ul li {
    width: 100%;
    display: block;
}
ul.nav.right ul {
    right: 0;
}
ul.nav.right ul ul, ul.nav.right ul ul ul {
    left: -100%;
    right: 100%;
}
/* Root Menu */

/*Adding right chvron icon to lists with nested drop down lists*/

/*\0000a0 is a space HTML entity = so we have three spaces befor right chevron icon*/

ul.nav .dir:before {
    font-family: 'FontAwesome';
    margin-left: 10px;
    content: "\f054";
}
ul.nav a:hover .dir:before {
    color: rgba(255, 255, 255, .5);
}
ul.nav a {
    padding: 8px;
    float: left;
    display: block;
    background: rgba(0, 0, 0, .3);
    border: 1px solid rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    height: 1%;
    margin: 1px;
}
/* Root Menu Hover Persistence */

ul.nav a:hover, ul.nav li:hover a, ul.nav li.iehover a {
    background: rgba(0, 0, 0, .5);
    color: #FFF;
}
/* 2nd Menu */

ul.nav li:hover li a, ul.nav li.iehover li a {
    float: none;
    background: rgba(0, 0, 0, .5);
}
/* 2nd Menu Hover Persistence */

ul.nav li:hover li a:hover, ul.nav li:hover li:hover a, ul.nav li.iehover li a:hover, ul.nav li.iehover li.iehover a {
    background: rgba(0, 0, 0, .7);
}
/* 3rd Menu */

ul.nav li:hover li:hover li a, ul.nav li.iehover li.iehover li a {
    background: rgba(0, 0, 0, .7);
}
/* 3rd Menu Hover Persistence */

ul.nav li:hover li:hover li a:hover, ul.nav li:hover li:hover li:hover a, ul.nav li.iehover li.iehover li a:hover, ul.nav li.iehover li.iehover li.iehover a {
    background: rgba(0, 0, 0, .9);
}
/* 4th Menu */

/*ul.nav li:hover li:hover li:hover li a,ul.nav li.iehover li.iehover li.iehover li a {*/

/*  background: #666;*/

/*}*/

/* 4th Menu Hover */

/*ul.nav li:hover li:hover li:hover li a:hover,ul.nav li.iehover li.iehover li.iehover li a:hover {*/

/*  background: #333;*/

/*}*/

/* Hover Function - Do Not Move */

ul.nav li:hover ul ul, ul.nav li:hover ul ul ul, ul.nav li.iehover ul ul, ul.nav li.iehover ul ul ul {
    display: none;
}
ul.nav li:hover ul, ul.nav ul li:hover ul, ul.nav ul ul li:hover ul, ul.nav li.iehover ul, ul.nav ul li.iehover ul, ul.nav ul ul li.iehover ul {
    display: block;
}
/*Small device select menu*/

select.selectMenu {
    min-width: 200px;
    width: 100%;
    padding: 10px;
    border: none;
    font-size: 16px;
}
/*PRETTY SELECT*/

.prettySelect {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*overflow:hidden;*/
}
div.prettyMenu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 50px;
    background: #ccc;
    background: rgba(0, 0, 0, .3);
    cursor: default;
    padding: 8px;
    z-index: 1;
    -webkit-border-radius: .2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    color: #fff;
}
div.prettyMenu span {
    position: relative;
    padding: 10px;
    margin: 0;
}
div.prettyMenu span.prettyTitle {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    margin-left: -40px;
    padding-left: 50px;
    width: 100%;
}
div.prettyMenu span.pointer {
    float: right;
    background: rgba(0, 0, 0, .2);
}
div.prettyMenu span.pointer:before {
    font-family: 'FontAwesome';
    content: "\f078";
}
.prettySelect select.selectMenu {
    position: relative;
    z-index: 10;
    padding: 15px;
}
/*FORMS*/

form {
    overflow: hidden;
}
.column input {
    margin-bottom: 15px;
    padding: 8px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    font-size: 14px;
}
form input[type=text]:focus {
    background: #efefef;
}
form label {
    display: block;
    cursor: pointer;
}
form span.prefix, form span.postfix {
    display: block;
    text-align: center;
    line-height: 32px;
    background: #eee;
    border: 1px solid #ccc;
    border-right: none;
    color: #555;
    height: 34px;
    overflow: hidden;
    font-size: 14px;
    margin: 0;
}
form .row {
    margin-bottom: 10px;
}
form button.postfix, form button.prefix {
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    height: 34px;
    padding: 0;
}
form span.postfix {
    border: 1px solid #ccc;
    border-left: none;
}
form label span.small {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #888;
    margin-bottom: 2px;
}
form ul.list {
    list-style: none;
}
form ul.list li {
    display: block;
    width: 100%;
}
form ul.list li:after, form ul.list li:before {
    /*content:""; display:table;*/
    /*clear:both;*/
}
form ul.list li input, form ul.list li label {
    display: block;
    float: left;
}
form ul.list li input {
    margin-top: 4px;
    margin-right: 10px;
    display: block;
    padding: 0;
    border: 0;
    /*padding:6px;*/
}
form ul.list li, form ul.list li label {
    width: 100%;
}
form ul.list li {}
/*TABLES*/

table {
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */

tr:nth-of-type(odd) {
    background: #eee;
}
th {
    background: #666;
    color: white;
}
td, th {
    padding: 6px;
    border: 1px solid #333;
    text-align: left;
}
/*===========================================================================*/

/*              Videos                       */

/*===========================================================================*/

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*===========================================================================*/

/*              Images                       */

/*===========================================================================*/

img {
    max-width: 100%;
    height: auto;
}
@media \0screen {
    img {
        width: auto;
        /* for ie 8 */
    }
}
/*===========================================================================*/

/*              SHORT CUTS                   */

/*===========================================================================*/

.left {
    display: block;
    position: relative;
    float: left;
}
.right {
    display: block;
    position: relative;
    float: right
}
.fullWidth {
    width: 100%;
}
.align_center {
    text-align: center;
}
.align_left {
    text-align: left;
}
.align_right {
    text-align: right;
}
* {
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
}
/*===========================================================================*/

/*              Responsive Grid                  */

/*===========================================================================*/

.row {
    width: 100%;
    /*overflow: hidden;*/
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.row .column {
    margin: 0;
    float: left;
    /*overflow: hidden;*/
    /*position:relative;*/
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    float: left;
    margin: 0;
    min-height: 1px;
}
.row .row {
    width: 100%;
    margin: 0;
    overflow: hidden;
    float: left;
}
.row .center {
    float: none;
    margin: 0 auto;
    /*padding-right:4%;*/
}
/*===========================================================================*/

/*              12 Grid system                   */

/*===========================================================================*/

.grid_1 {
    width: 8.33333%;
}
.grid_2 {
    width: 16.66667%;
}
.grid_3 {
    width: 25%;
}
.grid_4 {
    width: 33.33333%;
}
.grid_5 {
    width: 41.66667%;
}
.grid_6 {
    width: 49.99999%;
}
.grid_7 {
    width: 58.33333%;
}
.grid_8 {
    width: 66.66667%;
}
.grid_9 {
    width: 75%;
}
.grid_10 {
    width: 83.33333%;
}
.grid_11 {
    width: 91.66667%;
}
.grid_12 {
    width: 100%;
}
.push_1 {
    margin-left: 8.33333% !important;
}
.push_2 {
    margin-left: 16.66667% !important;
}
.push_3 {
    margin-left: 25% !important;
}
.push_4 {
    margin-left: 33.33333% !important;
}
.push_5 {
    margin-left: 41.66667% !important;
}
.push_6 {
    margin-left: 49.99999% !important;
}
.push_7 {
    margin-left: 58.33333% !important;
}
.push_8 {
    margin-left: 66.66667% !important;
}
.push_9 {
    margin-left: 75% !important;
}
.push_10 {
    margin-left: 83.33333% !important;
}
.push_11 {
    margin-left: 91.66667% !important;
}
.push_12 {
    margin-left: 100% !important;
}
/*===========================================================================*/

/*              16 Grid system                   */

/*===========================================================================*/

.g16 .grid_1 {
    width: 6.25%;
}
.g16 .grid_2 {
    width: 12.5%;
}
.g16 .grid_3 {
    width: 18.75%;
}
.g16 .grid_4 {
    width: 25%;
}
.g16 .grid_5 {
    width: 31.25%;
}
.g16 .grid_6 {
    width: 37.5%;
}
.g16 .grid_7 {
    width: 43.75%;
}
.g16 .grid_8 {
    width: 50%;
}
.g16 .grid_9 {
    width: 56.25%;
}
.g16 .grid_10 {
    width: 62.5%;
}
.g16 .grid_11 {
    width: 68.75%;
}
.g16 .grid_12 {
    width: 75%;
}
.g16 .grid_13 {
    width: 81.25%;
}
.g16 .grid_14 {
    width: 87.5%;
}
.g16 .grid_15 {
    width: 93.75%;
}
.g16 .grid_16 {
    width: 100%;
}
.g16 .push_1 {
    margin-left: 6.25% !important;
}
.g16 .push_2 {
    margin-left: 12.5% !important;
}
.g16 .push_3 {
    margin-left: 18.75% !important;
}
.g16 .push_4 {
    margin-left: 25% !important;
}
.g16 .push_5 {
    margin-left: 31.25% !important;
}
.g16 .push_6 {
    margin-left: 37.5% !important;
}
.g16 .push_7 {
    margin-left: 43.75% !important;
}
.g16 .push_8 {
    margin-left: 50% !important;
}
.g16 .push_9 {
    margin-left: 56.25% !important;
}
.g16 .push_10 {
    margin-left: 62.5% !important;
}
.g16 .push_11 {
    margin-left: 68.75% !important;
}
.g16 .push_12 {
    margin-left: 75% !important;
}
.g16 .push_13 {
    margin-left: 81.25% !important;
}
.g16 .push_14 {
    margin-left: 88.5% !important;
}
.g16 .push_15 {
    margin-left: 93.75% !important;
}
.g16 .push_16 {
    margin-left: 100% !important;
}
/*===========================================================================*/

/*                               MEDIAQUERIES                    */

/*===========================================================================*/

/*               walking down from biggest to smallest                   */

/*===========================================================================*/

/*===========================================================================*/

/*                 Screens <= 960px                  */

/*===========================================================================*/

#SW_hidden_element {
    width: 1px;
}
.show-phone {
    display: none !important;
}
.show-tablet {
    display: none !important;
}
.show-screen {
    display: inherit;
}
.hide-phone {
    display: inherit !important;
}
.hide-tablet {
    display: inherit !important;
}
.hide-screen {
    display: none !important;
}
/*===========================================================================*/

/*                  Screens > 960px                  */

/*===========================================================================*/

@media only screen and (min-width: 1200px) {
    .show-phone {
        display: none !important;
    }
    .show-tablet {
        display: none !important;
    }
    .show-screen {
        display: inherit;
    }
    .hide-phone {
        display: inherit !important;
    }
    .hide-tablet {
        display: inherit !important;
    }
    .hide-screen {
        display: none !important;
    }
    #SW_hidden_element {
        width: 2px;
    }
}
/*===========================================================================*/

/*                  Tablets < 959px                  */

/*===========================================================================*/

/***** Tablet (Smaller than 959px) *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .show-phone {
        display: none !important;
    }
    .show-tablet {
        display: inherit !important;
    }
    .show-screen {
        display: none !important;
    }
    .hide-phone {
        display: inherit !important;
    }
    .hide-tablet {
        display: none !important;
    }
    .hide-screen {
        display: inherit !important;
    }
    #SW_hidden_element {
        width: 3px;
    }
}
/*===========================================================================*/

/*          Phone (landscape 420px)                  */

/*===========================================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .row {
        width: 100%;
        margin: 0 0;
        display: inline;
    }
    .row .column {
        width: 50%;
    }
    .row .push_1, .row .push_2, .row .push_3, .row .push_4, .row .push_5, .row .push_6, .row .push_7, .row .push_8, .row .push_9, .row .push_10, .row .push_11, .row .push_12, .row .push_13, .row .push_14, .row .push_15, .row .push_16 {
        margin-left: 0 !important;
    }
    .row .column.center {
        padding-right: 0;
    }
    #SW_hidden_element {
        width: 4px;
    }
}
/*===========================================================================*/

/*             Phones (300px)                    */

/*===========================================================================*/

@media only screen and (max-width: 767px) {
    .row {
        width: 100%;
        margin: 0 0;
        display: inline;
    }
    .row .column {
        width: 100%;
    }
    .row.scroll {
        display: block;
        overflow: hidden;
    }
    .row.scroll > .column {
        position: relative;
        display: none;
    }
    .row.scroll > .column:first-child {
        display: block;
    }
    .row .push_1, .row .push_2, .row .push_3, .row .push_4, .row .push_5, .row .push_6, .row .push_7, .row .push_8, .row .push_9, .row .push_10, .row .push_11, .row .push_12, .row .push_13, .row .push_14, .row .push_15, .row .push_16 {
        margin-left: 0 !important;
    }
    .row .column.center {
        padding-right: 0;
    }
    .show-phone {
        display: inherit !important;
    }
    .show-tablet {
        display: none !important;
    }
    .show-screen {
        display: none !important;
    }
    .hide-phone {
        display: none !important;
    }
    .hide-tablet {
        display: inherit !important;
    }
    .hide-screen {
        display: inherit !important;
    }
    #SW_hidden_element {
        width: 5px;
    }
}
.clear {
    clear: both;
}
/* Nicolas Gallagher's micro clearfix */

.row:before, .row:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}