/* --------------------------------------------------
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/
/*= Reset & Standards */
/*
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/
		v2.0 | 20110126
   		License: none (public domain)
	*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
    }
html {
    font-size: 62.5%
    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
body {
    line-height: 1
    }
ol, ul {
    list-style: none
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
body {
    background: #fff;
    position: relative;
    -webkit-font-smoothing: antialiased
    }
body, input, select, textarea, button {
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #555
    }
/* end of reset */
/*= Links */
a {
    color: #2a85e8;
    text-decoration: none;
    outline: 0;
    line-height: inherit
    }
a:hover {
    color: #11639d
    }
p a, p a:visited {
    line-height: inherit
    }
/* end of links */
img, object {
    max-width: 100%
    }
/* http://unstoppablerobotninja.com/entry/fluid-images/ */
/*= List */
ul, ol {
    margin-bottom: 18px
    }
ul {
    list-style: none outside
    }
ol {
    list-style: decimal
    }
ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px
    }
ul.square {
    list-style: square outside
    }
ul.circle {
    list-style: circle outside
    }
ul.disc {
    list-style: disc outside
    }
ul ul, ol ol {
    margin: 4px 0 5px 30px
    }
li {
    margin-bottom: 12px
    }
ul.horizontal li {
    float: left
    }
ul.inline li {
    display: inline
    }
ul.nm {
    margin: 0
    }
/*= SUBMENU */
.toggleSubmenu > li {
    position: relative
    }
.toggleSubmenu ul {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 5;
    margin: 0;
    width: 100%
    }
.toggleSubmenu li {
    margin: 0;
    display: block
    }
.toggleSubmenu li:hover ul {
    display: block
    }
.toggleSubmenu ul li {
    clear: both
    }
.toggleSubmenu ul a {
    padding: 5px 10px;
    display: block
    }
/* end of submenu */
/*= Tables */
table {
    background: #fff;
    width: 100%;
    margin: 0 0 18px;
    border: 1px solid #ddd
    }
table thead {
    background: #f5f5f5
    }
table thead tr th, table tbody tr td {
    text-align: left
    }
table thead tr th {
    padding: 8px 10px 9px;
    font-weight: bold
    }
table thead tr th:first-child {
    border-left: none
    }
table thead tr th:last-child {
    border-right: none
    }
table tbody tr.even, table tbody tr.alt, table tbody tr:nth-child(even) {
    background: #f9f9f9
    }
table tbody tr td {
    padding: 9px 10px;
    vertical-align: top;
    border: none
    }
/*= Typography */
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
    line-height: 1.25;
    clear: both
    }
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    font-weight: inherit
    }
.h1 {
    font-size: 46px;
    font-size: 4.6rem;
    margin-bottom: 12px
    }
.h2 {
    font-size: 35px;
    font-size: 3.5rem;
    margin-bottom: 9px
    }
.h3 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 9px
    }
.h4 {
    font-size: 21px;
    font-size: 2.1rem;
    margin-bottom: 3px
    }
.h5 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    margin-bottom: 3px
    }
.h6 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal
    }
.subheader {
    color: #777;
    font-weight: 300;
    margin-bottom: 24px
    }
p {
    line-height: 17px;
    margin: 0 0 18px
    }
p img {
    margin: 0
    }
p.lead {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px
    }
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
    body, p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.4
        }
    }
em {
    font-style: italic;
    line-height: inherit
    }
strong {
    font-weight: bold;
    line-height: inherit
    }
small {
    font-size: 60%;
    line-height: inherit
    }
h1 small, h2 small, h3 small, h4 small, h5 small {
    color: #777
    }
code, pre {
    background: #FCF8C4;
    font-family: Monaco, Andale Mono, Courier New, monospace;
    padding: 0 3px
    }
pre {
    overflow: auto
    }
pre {
    border: solid 1px #ccc;
    margin-bottom: 18px
    }
/*	Blockquotes  */
blockquote, blockquote p {
    line-height: 20px
    }
blockquote {
    margin: 0 0 18px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd
    }
blockquote cite {
    display: block;
    font-size: 12px;
    font-size: 1.2rem
    }
blockquote cite:before {
    content: "— "
    }
hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 12px 0 18px;
    height: 0
    }
abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    border-bottom: 1px solid #ddd;
    cursor: help
    }
abbr {
    text-transform: none
    }
/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
@media print {
    * {
        background: transparent !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
        }
    /* Black prints faster: sanbeiji.com/archives/953 */
    p a, p a:visited {
        text-decoration: underline
        }
    p a[href]:after {
        content: " (" attr(href) ")"
        }
    abbr[title]:after {
        content: " (" attr(title) ")"
        }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
        }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
        }
    thead {
        display: table-header-group
        }
    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img {
        page-break-inside: avoid
        }
    @page {
        margin: 0.5cm
        }
    p, h2, h3 {
        orphans: 3;
        widows: 3
        }
    h2, h3 {
        page-break-after: avoid
        }
    }
/* Arfully Masterminded by ZURB */
/*= Grid */
.container, .fixContainer {
    padding: 0 20px
    }
.row {
    width: 100%;
    margin: 0 auto
    }
/* To fix the grid into a certain size, set max-width to width */
.row .row {
    min-width: 0
    }
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
    margin-left: 4.4%;
    float: left;
    min-height: 1px;
    position: relative
    }
.g1:first-child, .g2:first-child, .g3:first-child, .g4:first-child, .g5:first-child, .g6:first-child, .g7:first-child, .g8:first-child, .g9:first-child, .g10:first-child, .g11:first-child, .g12:first-child {
    margin-left: 0
    }
.row .g1 {
    width: 4.3%
    }
.row .g2 {
    width: 13%
    }
.row .g3 {
    width: 21.68%
    }
.row .g4 {
    width: 30.4%
    }
.row .g5 {
    width: 39.1%
    }
.row .g6 {
    width: 47.8%
    }
.row .g7 {
    width: 56.5%
    }
.row .g8 {
    width: 65.2%
    }
.row .g9 {
    width: 73.9%
    }
.row .g10 {
    width: 82.6%
    }
.row .g11 {
    width: 91.3%
    }
.row .g12 {
    width: 100%
    }
.row .g1.centered {
    margin-left: 47.9%
    }
.row .g2.centered {
    margin-left: 43.5%
    }
.row .g3.centered {
    margin-left: 39.2%
    }
.row .g4.centered {
    margin-left: 34.8%
    }
.row .g5.centered {
    margin-left: 30.5%
    }
.row .g6.centered {
    margin-left: 26.1%
    }
.row .g7.centered {
    margin-left: 21.8%
    }
.row .g8.centered {
    margin-left: 17.4%
    }
.row .g9.centered {
    margin-left: 13.1%
    }
.row .g10.centered {
    margin-left: 8.7%
    }
.row .g11.centered {
    margin-left: 4.3%
    }
img, object, embed {
    max-width: 100%
    }
img {
    -ms-interpolation-mode: bicubic
    }
/* 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
    }
/* Fixed panels */
.pf:after, .pf_r:after {
    clear: both
    }
.pf > .pf_fix {
    float: left
    }
.pf_r > .pf_fix {
    float: right
    }
.pf_g55 > .pf_fix {
    width: 55px
    }
.pf_g55 > .pf_fluid {
    margin-left: 55px
    }
.pf_g100 > .pf_fix {
    width: 100px
    }
.pf_g100 > .pf_fluid {
    margin-left: 100px
    }
.pf_r.pf_g100 > .pf_fluid {
    margin-right: 100px;
    margin-left: 0
    }
.pf_g200 > .pf_fix {
    width: 200px
    }
.pf_g200 > .pf_fluid {
    margin-left: 200px
    }
.pf_r.pf_g200 > .pf_fluid {
    margin-right: 200px;
    margin-left: 0
    }
.pf_g250 > .pf_fix {
    width: 250px
    }
.pf_g250 > .pf_fluid {
    margin-left: 250px
    }
.pf_r.pf_g250 > .pf_fluid {
    margin-right: 250px;
    margin-left: 0
    }
.pf_g300 > .pf_fix {
    width: 300px
    }
.pf_g300 > .pf_fluid {
    margin-left: 300px
    }
.pf_r.pf_g300 > .pf_fluid {
    margin-right: 300px;
    margin-left: 0
    }
@media only screen and (max-width: 767px) {
    .break-on-mobile.pf .pf_fix, .break-on-mobile.pf_r .pf_fix {
        float: none
        }
    .break-on-mobile.pf .pf_fluid, .break-on-mobile.pf_r .pf_fluid {
        clear: both;
        margin-left: 0 !important;
        margin-right: 0 !important
        }
    }
/*= Block Messages */
.msg {
    border: solid 1px #ccc;
    margin-bottom: 18px;
    background-color: #FDF5D9;
    padding: 5px
    }
.pf.msg {
    min-height: 55px
    }
.msg_error {
    background-color: #FDDFDE
    }
.msg_info {
    background-color: #DDF4FB
    }
.msg_success {
    background-color: #D1EED1
    }
.msg .close {
    float: right
    }
.msg_title {
    font-weight: bold
    }
.msg_content {
    margin-bottom: 0
    }
.msg_big .pf_fix {
    height: 50px;
    width: 55px;
    background: url(../images/icons/msg_warning.png) no-repeat 2px 2px
    }
.msg_big .pf_fluid {
    margin-left: 60px
    }
.msg_error .pf_fix {
    background-image: url(../images/icons/msg_error.png)
    }
.msg_info .pf_fix {
    background-image: url(../images/icons/msg_info.png)
    }
.msg_success .pf_fix {
    background-image: url(../images/icons/msg_success.png)
    }
/* end of block messages */
/*= Block grids */
/*	--------------------------------------------------
	They always display as columns, even on mobile devices
	-------------------------------------------------- */
.bg2, .bg3, .bg4, .bg5 {
    display: block
    }
.bg2 > *, .bg3 > *, .bg4 > *, .bg5 > * {
    display: block;
    height: auto;
    float: left;
    margin-bottom: 20px
    }
.bg2 > *:nth-child(2n+1), .bg3 > *:nth-child(3n+1), .bg4 > *:nth-child(4n+1), .bg5 > *:nth-child(5n+1) {
    clear: both
    }
.bg2 > * {
    width: 50%
    }
.bg3 > * {
    width: 33%
    }
.bg4 > * {
    width: 25%
    }
.bg5 > * {
    width: 20%
    }
@media only screen and (max-width: 767px) {
    .bg2.mobile > *, .bg3.mobile > *, .bg4.mobile > *, .bg5.mobile > * {
        width: 100%
        }
    }
/*= DIALOGS */
.ui-widget-overlay {
    background-color: #fff;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    opacity: 0.7;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
    }
.ui-dialog {
    background-color: #ccc;
    padding: 20px
    }
.dialogWrap {
    background-color: #fff;
    border: solid 1px #333
    }
.ui-dialog-titlebar {
    height: 30px;
    position: relative
    }
.ui-dialog-titlebar-close {
    position: absolute;
    top: 5px;
    right: 5px
    }
.dialogContent {
    padding: 10px
    }
.dialogFooter {
    padding: 10px;
    background: #eee
    }
/* end of dialog */
/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Buttons
:: Alerts
:: Notices/Alerts
:: Tabs
:: Pagination
:: Lists
:: Panels
*/
/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */
.bt, .bt.disabled:hover {
    background: #00a6fc;
    display: inline-block;
    text-align: center;
    padding: 9px 34px 11px;
    margin: 0 0 9px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    position: relative;
    cursor: pointer;
    border-width: 0
    }
.bt.full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
    }
.bt.left-align {
    text-align: left;
    text-indent: 12px
    }
.bt.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed
    }
.bt.disabled:hover {
    cursor: default
    }
/* Sizes ---------- */
.bt_small.bt {
    font-size: 11px;
    padding: 8px 20px 10px
    }
.bt_large.bt {
    font-size: 18px;
    padding: 11px 48px 13px
    }
.bt_sub, .bt_sub.disabled:hover {
    background-color: #eee;
    color: #333
    }
.bt_sub:hover {
    color: #333
    }
.bt_success, .bt_success.disabled:hover {
    background-color: #57A957
    }
.bt_success:hover {
    color: #fff
    }
.bt_danger, .bt_danger.disabled:hover {
    background-color: #C43C35
    }
.bt_danger:hover {
    color: #fff
    }
.bt + .bt.fr {
    margin-right: 10px
    }
/* gap between buttons */
.bt + .bt.fl {
    margin-left: 10px
    }
/* gap between buttons */
.bt_icon .icon {
    float: left;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    background-color: pink
    }
/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
dl.tabs {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    height: 30px;
    border-bottom: solid 1px #ddd
    }
dl.tabs dt {
    display: block;
    width: auto;
    height: 30px;
    padding: 0 9px 0 20px;
    line-height: 30px;
    float: left;
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    cursor: default
    }
dl.tabs dt:first-child {
    padding: 0 9px 0 0
    }
dl.tabs dd {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left
    }
dl.tabs dd a {
    display: block;
    width: auto;
    height: 29px;
    padding: 0 9px;
    line-height: 30px;
    border: solid 1px #ddd;
    margin: 0 -1px 0 0;
    color: #555;
    background: #eee
    }
dl.tabs dd a.active {
    background: #fff;
    border-width: 1px 1px 0 1px;
    height: 30px
    }
.nice.tabs {
    border-bottom: solid 1px #eee;
    margin: 0 0 30px 0;
    height: 43px
    }
.nice.tabs dd a {
    padding: 7px 18px 9px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #555;
    background: none;
    border: none
    }
.nice.tabs dd a.active {
    font-weight: bold;
    color: #333;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 3px solid #00a6fc;
    margin: 0 10px;
    position: relative;
    top: -5px
    }
.nice.tabs dd:first-child a.active {
    margin-left: 0
    }
ul.tabs-content {
    margin: 0;
    display: block
    }
ul.tabs-content > li {
    display: none
    }
ul.tabs-content > li.active {
    display: block
    }
dl.contained, dl.nice.contained {
    margin-bottom: 0
    }
dl.contained.tabs dd a {
    padding: 0 14px
    }
dl.nice.contained.tabs dd a {
    padding: 7px 18px 9px
    }
ul.contained.tabs-content {
    padding: 0
    }
ul.contained.tabs-content li {
    padding: 20px;
    border: solid 0 #ddd;
    border-width: 0 1px 1px 1px
    }
ul.nice.contained.tabs-content li {
    border-color: #eee
    }
/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */
ul.pagination {
    display: block;
    height: 24px;
    margin-left: -5px
    }
ul.pagination li {
    float: left;
    display: block;
    height: 24px;
    color: #999;
    font-size: 15px;
    margin-left: 5px
    }
ul.pagination li a {
    display: block;
    padding: 6px 7px 4px;
    color: #555
    }
ul.pagination li.current a, ul.pagination li:hover a {
    border-bottom: solid 2px #00a6fc;
    color: #141414
    }
ul.pagination li.unavailable a {
    cursor: default;
    color: #999
    }
ul.pagination li.unavailable:hover a {
    border-bottom: none
    }
/*  --------------------------------------------------
    Lists
    -------------------------------------------------- */
ul.nice, ol.nice {
    list-style: none;
    margin: 0
    }
ul.nice li, ol.nice li {
    padding-left: 30px;
    position: relative
    }
ul.nice li span.bullet, ol.nice li span.number {
    position: absolute;
    left: 8px;
    top: 2px;
    color: #ccc;
    width: 12px;
    height: 12px;
    background-color: pink
    }
ul.nice_right li span.bullet, ol.nice_right li span.number {
    left: auto;
    right: 8px
    }
ul.nice_right li, ol.nice_right li {
    padding-left: 0;
    padding-right: 30px;
    text-align: right
    }
dl dt {
    font-weight: bold
    }
dd {
    margin-left: 1.5em
    }
/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
div.panel {
    padding: 20px 20px 2px 20px;
    border: solid 1px #ccc;
    margin: 0 0 20px 0
    }
/* -----------------------------------------
   Standard Forms
----------------------------------------- */
.fg label {
    display: block;
    cursor: pointer
    }
.fg {
    margin-bottom: 9px
    }
input.text, textarea {
    border: solid 1px #ccc;
    padding: 0.41%
    }
select {
    padding: 0.41%
    }
input.text, textarea, select {
    display: block
    }
/* Text input and textarea font and padding */
input.text, textarea {
    font-size: 13px;
    padding: 3px 3px 2px;
    outline: none !important;
    background: #fff
    }
input.text.oversize, textarea.oversize {
    font-size: 18px !important;
    padding: 4px 5px !important
    }
input.text:focus, textarea:focus {
    background: #f9f9f9
    }
input[type=file] {
    background-color: #fff;
    padding: initial;
    border: initial;
    line-height: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 20px;
    line-height: 20px
    }
input.text:focus, textarea:focus {
    outline: 0;
    border-color: #73B8EF;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)
    }
input[type=file]:focus, input.checkbox:focus, select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 1px dotted #666
    }
input[disabled], input.text.disabled, select[disabled], select.text.disabled, textarea[disabled], textarea.text.disabled {
    cursor: not-allowed;
    background-color: #F5F5F5;
    border-color: #DDD;
    cursor: not-allowed
    }
.fg_error input:focus, .fg_error textarea:focus {
    border-color: #b9554d;
    -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
    -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
    box-shadow: 0 0 6px rgba(171, 41, 32, 0.5)
    }
/* Inlined Label Style */
input.placeholder, textarea.placeholder {
    color: #8e8e8e;
    font-style: italic
    }
input::-webkit-input-placeholder {
    color: #8e8e8e;
    font-style: italic
    }
input:-moz-placeholder {
    color: #8e8e8e;
    font-style: italic
    }
/* Text input and textarea sizes */
input.text, textarea {
    width: 51.5%
    }
input.small, textarea.small {
    width: 25%
    }
input.large, textarea.large {
    width: 96%
    }
select {
    width: 52.8%
    }
select.small {
    width: 26.5%
    }
select.large {
    width: 97.2%
    }
/* Fieldsets */
form fieldset {
    padding: 9px 9px 2px 9px;
    border: solid 1px #ddd;
    margin: 18px 0
    }
/* Inlined Radio & Checkbox */
.fg input.radio, .fg input.checkbox {
    display: inline;
    width: auto;
    margin-bottom: 0;
    cursor: pointer
    }
.fg small {
    display: block;
    font-size: 11px
    }
/* Errors */
div.fg_error input, div.fg_error textarea {
    border-color: red;
    background-color: #FFD9D9
    }
div.fg_error select {
    background-color: #FFD9D9
    }
div.fg_error label {
    color: #9D261D
    }
div.fg_error.radioGroup .options, div.fg_error.checkboxGroup .options {
    border: solid 1px #c87872
    }
div.fg_error.radioGroup .option label, div.fg_error.checkboxGroup .option label {
    color: #000
    }
div.fg_error small {
    color: #9D261D
    }
.small + small.error {
    width: 140px
    }
.medium + small.error {
    width: 260px
    }
.large + small.error {
    width: 440px
    }
.radioGroup .option, .checkboxGroup, .checkboxGroup .option {
    clear: both;
    min-height: 20px
    }
.radioGroup .options input.radio {
    clear: both;
    float: left;
    margin-top: 2px
    }
.radioGroup .options label {
    padding-left: 5px;
    float: left
    }
.checkboxGroup input.checkbox {
    float: left;
    margin-top: 2px
    }
.checkboxGroup label {
    padding-right: 5px;
    float: left
    }
.checkboxGroup input.checkbox + label {
    padding-left: 5px;
    padding-right: 0
    }
/* Inline/Horizontal forms */
.fh .fg {
    float: left;
    padding-right: 5px
    }
.fh label {
    float: left;
    padding-right: 5px;
    padding-top: 4px
    }
.fh input.text, .fh select, .fh textarea {
    float: left;
    width: 100px
    }
.fh select {
    margin-top: 4px
    }
/* to render select in ff/windows */
.fh .options {
    float: left
    }
.fh .options.cb {
    float: none
    }
.fh .option {
    float: left;
    clear: none;
    margin-right: 20px
    }
.fh .option input.checkbox, .fh .option input.radio {
    margin-top: 6px;
    float: left
    }
@media only screen and (max-width: 767px) {
    div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.text, input.text.oversize, textarea, select {
        display: block;
        width: 96%;
        padding: 6px 2% 4px;
        font-size: 18px
        }
    select, select.large, select.small {
        width: 100%;
        padding-left: 0.41%
        }
    /* Buttons */
    .bt {
        display: block
        }
    button.bt {
        width: 100%;
        padding-left: 0;
        padding-right: 0
        }
    }
/* --------------------------------------------------
	:: Grid
	-------------------------------------------------- */
.row {
    max-width: 980px;
    min-width: 727px
    }
.fixContainer {
    width: 980px
    }
/* Tablet screens */
@media only screen and (device-width: 768px), (device-width: 800px) {
    /* Currently unused */
    }
/* Mobile */
@media only screen and (max-width: 767px) {
    body {
        -webkit-text-size-adjust: none
        }
    .container .row, body, .container {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
        }
    .container .row .row .g1, .container .row .row .g2, .container .row .row .g3, .container .row .row .g4, .container .row .row .g5, .container .row .row .g6, .container .row .row .g7, .container .row .row .g8, .container .row .row .g9, .container .row .row .g10, .container .row .row .g11, .container .row .row .g12 {
        padding: 0
        }
    .container .row .g1.centered, .container .row .g2.centered, .container .row .g3.centered, .container .row .g4.centered, .container .row .g5.centered, .container .row .g6.centered, .container .row .g7.centered, .container .row .g8.centered, .container .row .g9.centered, .container .row .g10.centered, .container .row .g11.centered, .container .row .g12.centered {
        margin: 0
        }
    .container .g1, .container .g2, .container .g3, .container .g4, .container .g5, .container .g6, .container .g7, .container .g8, .container .g9, .container .g10, .container .g11, .container .g12 {
        width: auto !important;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px
        }
    .container .g1:last-child, .container .g2:last-child, .container .g3:last-child, .container .g4:last-child, .container .g5:last-child, .container .g6:last-child, .container .g7:last-child, .container .g8:last-child, .container .g9:last-child, .container .g10:last-child, .container .g11:last-child, .container .g12:last-child {
        margin-right: 0
        }
    }
/* --------------------------------------------------
	:: Mobile Visibility Affordances
---------------------------------------------------*/
.show-on-phones {
    display: none !important
    }
.show-on-tablets {
    display: none !important
    }
.show-on-desktops {
    display: block
    }
.hide-on-phones {
    display: block !important
    }
.hide-on-tablets {
    display: block !important
    }
.hide-on-desktops {
    display: none
    }
@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
    .hide-on-phones {
        display: block !important
        }
    .hide-on-tablets {
        display: none !important
        }
    .hide-on-desktops {
        display: block !important
        }
    .show-on-phones {
        display: none !important
        }
    .show-on-tablets {
        display: block !important
        }
    .show-on-desktops {
        display: none !important
        }
    }
@media only screen and (max-width: 767px) {
    .hide-on-phones {
        display: none !important
        }
    .hide-on-tablets {
        display: block !important
        }
    .hide-on-desktops {
        display: block !important
        }
    .show-on-phones {
        display: block !important
        }
    .show-on-tablets {
        display: none !important
        }
    .show-on-desktops {
        display: none !important
        }
    }
/* --------------------------------------------------
	:: UI
---------------------------------------------------*/
/*= Tabs */
@media only screen and (max-width: 767px) {
    dl.tabs.mobile {
        width: auto;
        margin: 20px -20px 40px;
        height: auto
        }
    dl.tabs.mobile dt, dl.tabs.mobile dd {
        float: none;
        height: auto
        }
    dl.tabs.mobile dd a {
        display: block;
        width: auto;
        height: auto;
        padding: 18px 20px;
        line-height: 1;
        border: solid 0 #ccc;
        border-width: 1px 0 0;
        margin: 0;
        color: #555;
        background: #eee;
        font-size: 15px;
        font-size: 1.5rem
        }
    dl.tabs.mobile dd a.active {
        height: auto;
        margin: 0;
        border-width: 1px 0 0
        }
    dl.contained.mobile, dl.nice.contained.mobile {
        margin-bottom: 0
        }
    dl.contained.tabs.mobile dd a {
        padding: 18px 20px
        }
    }
/*= BreadCrumbs */
#breadcrumb div, #breadcrumb span {
    float: left;
    margin-right: 5px
    }
/*= Pagination */
.pagination li {
    float: left;
    border: solid 1px #ccc;
    margin-right: 3px
    }
.pagination .active {
    background-color: #ccc
    }
.pagination .active a {
    color: #333;
    cursor: default
    }
.pagination .disabled a {
    color: #ccc;
    cursor: default
    }
.pagination a {
    display: block;
    padding: 0 15px;
    line-height: 35px
    }
.pagination .next {
    margin-right: 0
    }
/*= Tooltips */
.tooltip {
    display: none;
    z-index: 99
    }
.tooltip.right {
    margin-left: -20px
    }
.tooltip.left {
    margin-left: 20px
    }
.tooltip_content {
    background: #555;
    color: #fff;
    margin-bottom: 5px;
    padding: 5px 8px;
    border-radius: 3px;
    box-shadow: 0 0 5px #fff
    }
.tooltip .arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #555;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    height: 0;
    width: 0;
    position: absolute
    }
.tooltip.bottom .tooltip_content {
    margin-bottom: 0;
    margin-top: 5px
    }
.tooltip.bottom .arrow {
    top: 0;
    bottom: auto;
    border-top-width: 0;
    border-bottom: 5px solid #555
    }
.tooltip.right .arrow {
    left: 10px
    }
.tooltip.left .arrow {
    right: 10px;
    left: auto
    }
.tooltip .close {
    float: right
    }
/* end of tooltips */
/*= Misc */
.fl {
    float: left
    }
.fr {
    float: right
    }
.hidden {
    display: none
    }
.nm {
    margin: 0
    }
.cb {
    clear: both
    }
.db {
    display: block
    }
.oh {
    overflow: hidden
    }
.i {
    font-style: italic
    }
.u {
    text-decoration: underline
    }
.ac {
    text-align: center
    }
.al {
    text-align: left
    }
.ar {
    text-align: right
    }
.pr {
    position: relative
    }
.pa {
    position: absolute
    }
.upper {
    text-transform: uppercase
    }
.strong {
    font-weight: bold
    }
.fwn {
    font-weight: normal
    }
.justify {
    text-align: justify
    }
/*= Todo panels: to show pendint tasks */
.todo {
    background: pink;
    border: dotted 1px red;
    padding: 10px;
    margin: 10px 0
    }