@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('fonts/MonoSocialIconsFont-1.10.eot');
    src: url('fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h.fw-relative{
    position: relative;
}

.nc-hidden{
    display: none !important;
}

#TB_overlay{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100;
    opacity:0.6;
    filter:alpha(opacity=60)
}

#TB_window{
    z-index: 101;

}

#nc-wrap{
    margin: 20px 20px 20px 0;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 10pt;
    position: relative;
}

#nc-wrap a{
    text-decoration: none;
    color: #368ee0;
    font-weight: bold;
}

#nc-wrap table{
    border-bottom: 0px;
}

#nc-wrap table td{
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
}

#nc-wrap table td{
    padding: 15px 15px;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 10pt;
    vertical-align: top;
}

#nc-wrap table td.label{
    width: 150px;
}

#nc-wrap table td.label img{
    vertical-align: -15%;
}

#nc-wrap table td.label span{
    display: block;
    padding-top: 5px;
	font-weight: 600;
}

.fw-desc{
    display: block;
    color: #444;
    padding-top: 5px;
    padding-left: 2px;
    font-size: 9pt;
}

.fw-info-white td{
    background: #FFF !important;
}

.fw-info-panel{
    display: block;
    padding-top: 5px;
    font-size: 10pt;

}
.fw-info-panel p{
    margin: 0px 0 5px 0;
    font-size: 10pt;
}

.fw-heading td{
    font-size: 14pt !important;
    color: #FFF;
    background: #000 url(images/heading-bg.png) repeat-x !important;
    padding: 11px 15px !important;
    text-shadow: none !important;
    margin: 0px;
}

.fw-heading-2 td{
    font-size: 12pt !important;
    color: #FFF;
    background: #ccc;
    padding: 5px 15px !important;
    text-shadow: none !important;
    margin: 0px;
}

#nc-wrap td input[type=text],
#nc-wrap td input[type=file],
#nc-wrap td textarea,
#nc-wrap td select{
    padding: 7px 7px;
    width: 60%;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    border: 1px solid #ddd;
    font-size: 10pt;
    color: #000;
}

#nc-wrap td textarea{
    width: 80%;
    height: 100px;
}
#nc-wrap td select{
    height: 34px;
}
#nc-wrap td select.fw-multiselect{
    height: 96px;
}

#nc-wrap td.fw-checkboxes label,
#nc-wrap td.fw-radiobuttons label{
    display: inline-block;
    margin: 0px  20px  0px  0px;
}

.fw-message-success{
    display: block;
    background: #e2f2cc;
    border: 1px solid #bfe193;
    color: #45684e;
    padding: 10px;
    margin-bottom: 20px;
}

.fw-message-info{
    display: block;
    background: #d7e7f6;
    border: 1px solid #a8cde7;
    color: #596480;
    padding: 10px;
    margin-bottom: 20px;
}
.fw-message-info a.button-secondary{
    border: 1px solid #a8cde7;
    margin-left: 5px;
}

#nc-wrap td input.button-secondary,
#nc-wrap td input.button-primary{
    padding: 8px 12px !important;
    height: auto !important;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 10pt;
    font-weight: 600;
    border-radius: 0px !important;
    background-color: #5d5d5d !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none !important;
    color: #FFFFFF !important;
}

#nc-wrap td input.button-secondary:hover,
#nc-wrap td input.button-primary:hover{
    background-color: #7d7d7d !important;
}

.fw_preview_color{
    display: inline-block;
    background: #ccc;
    width: 34px;
    height: 24px;
    box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    margin-left: 5px;
}
.fw-colorpicker-input{
    text-transform: uppercase;
}

.red{
    color: #cc0000;
}

.export-emails{
	float: left;
	margin-top: 20px;
}

.export-emails input.button-secondary{
	padding: 8px 12px !important;
    height: auto !important;
    font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;
    font-size: 10pt;
    font-weight: 600;
    border-radius: 0px !important;
    background-color: #CCC !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none !important;
    color: #5D5D5D !important;
}

.export-emails input.button-secondary:hover{
	background-color: #DDD !important;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 30px;
    color: #12c28a;
    float: left;
    margin-top: -17px;
    margin-right: 10px;
    padding-top: 0px;
}

a.symbol:before {
    content: attr(title);
}
