/*! Reconected Communications Network - Reset V7.0
 *  Based on CSS Reset 1.0, CSS Reset 2.0 and HTML5 Doctor CSS Reset
 *
 *	Credits:
 *	- SXNTYXP7271
 *	- Richard Clark
 *	- Eric A. Meyer
 *
 *  Optimized for HTML5 & XHTML5
 *  Works for HTML 4.01 & XHTML 1.0
 *  Doesnt work for XHTML 1.1
 *
 *	Works on IE + Modern Browsers
 *	IE6+, Firefox 3.6+, Opera 11.1+, Chrome 4.0+, Safari 4.0+, Konqueror 4+, Android Browser 2.3+, iOS Safari 3.2+
 *
 *  See browser requirements on:
 *  2026 © Reconected Communications Network.
 */

/*! Global Reset 
 * ------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, dialog, summary { display: block; }

html, body { width: 100%; height: 100%; }

img, picture, audio, video, canvas, svg { display: block; width: auto; height: auto; max-width: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

template, [hidden] { display: none; }

blockquote, q { quotes:none; *zoom: 1; }

blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border: 0; outline: 0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }


/*! Reconected Communications Network - LegaCSS V2.0 (Responsive - Desktop, Console, Smartphone)
 *  Based on ZURB Foundation 2.0 and Twitter Bootstrap 2.0.4
 *
 *  Optimized for HTML 4.01 & HTML5
 *	Works on IE + Modern Browsers
 *	IE6+, Firefox 3.6+, Opera 11.1+, Chrome 4.0+, Safari 4.0+, Android Browser 2.3+, iOS Safari 3.2+
 *
 *  We recomend to use: jQuery 1.12.4, modernizr 2.8.3, html5shiv, Selectivizr,
 *
 *  See browser requirements on:
 *  2026 © Reconected Communications Network.
 */

/*! Global Standars 
 * ------------------------------------------------------------------------------------------------ */

*, body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.25; }
body { background-color: #ffffff; color: #303030; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.25; margin: 0; padding: 0;	}
@media (max-width: 614px) {
    body { font-size: 14px; }
}
/* Typography */
h1, h2, h3, h4, h5, h6, strong, b { font-weight: bold; font-size: 100%; }
h1.subheading, h2.subheading, h3.subheading, h4.subheading, h5.subheading, h6.subheading { font-weight: normal;}
h1, h2, h3, h4, h5, h6 { color: #101010; line-height: 1.5; }
h1 { font-size: 2.8em; margin-bottom: 12px; }
h2 { font-size: 1.8em; margin-bottom: 9px; }
h3 { font-size: 1.4em; margin-bottom: 9px; }
h4 { font-size: 1.2em; margin-bottom: 3px; }
h5 { font-size: 1.0em; margin-bottom: 3px; }
h6 { font-size: 0.8em; margin-bottom: 0; }

p { font-size: 1.0em; line-height: 1.25; margin-bottom: 5px; }
p img { margin: 0; }
em, i { font-style: italic; line-height: inherit; }
u { text-decoration: underline; } /* Returning this classic functionality from HTML3.2 */

small { font-size: 60%; line-height: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small { color: #6f6f6f; margin-bottom: -1.5em; }

hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

/* Links */
a { color: #6666df; text-decoration: none; outline: 0; cursor: hand; cursor: pointer; line-height: inherit; }
a:hover {   text-decoration: underline;	}
a:active {  color: #0000df; }
p a, p a:visited {	line-height: inherit; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

/* Lists */
ul, ol { margin-bottom: 18px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.list--square, ul.list--circle, ul.list--disc { margin-left: 30px; }
ul.list--square { list-style: square outside; }
ul.list--circle { list-style: circle outside; }
ul.list--disc { list-style: disc outside; }
ul ul, ol ol { margin: 4px 0 5px 30px; }
li { margin-bottom: 12px; }
ul.list-large li { line-height: 1.50; }

/* Tables */

table { background-color: #ffffff; width: 100%; margin: 0 0 18px; border: 1px solid #cccccc; margin-left: -1px; margin-right: -1px; }
table.table--rounded {	-moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;	}
table tr th, table tr td { font-size: 1.0em; line-height: 1.25; text-align: center; padding: 9px 10px; vertical-align: top; border: none; }
table thead tr th { background-color: #cccccc; font-weight: bold; font-size: 1.2em; }
table thead tr td { background-color: #dddddd; font-weight: bold; font-size: 1.2em; }
table tbody tr th { background-color: #eeeeee; }
table tbody tr td { background: none; }
table tr th { color: #222; }
table tr td { color: #333; }

/* Grid System */

.container { position: relative; display: block; width: auto; padding: 0 12px; margin: 0; text-align: center; font-size: 100%; }

.container--ext-plus { padding: 0 24px; }
.container--zero { padding: 0; }

.wrap, .warp-fluid { position: relative; margin: 0; margin-left: auto; margin-right: auto; padding: 0; text-align: left; font-size: 100%; }
.wrap { width: 900px; }
.wrap-fluid { width: 100%; }

.hide-1400, .hide-1000, .hide-900, .hide-700, .hide-lt-700 .hide-lt-600, .hide-ie9, .hide-ie8, .hide-ie7, .hide-ie6 { display: block; }
.hide-900 { display: none !important; }

.ie9 .hide-ie9, .ie8 .hide-ie8, .ie7 .hide-ie7, .ie6 .hide-ie6 { display: none; }
    /* Responsive Settings */

    @media (max-width: 614px) {
        .hide-1400, .hide-1000px, .hide-900, .hide-700, .hide-lt-700 .hide-lt-600, .hide-ie9, .hide-ie8, .hide-ie7, .hide-ie6 { display: block !important; }
        .hide-lt-700 { display: none !important; }
        .hide-lt-600 { display: none !important; }
    }
    @media (max-width: 724px) {
        .hide-1400, .hide-1000, .hide-900, .hide-700, .hide-lt-700 .hide-lt-600, .hide-ie9, .hide-ie8, .hide-ie7, .hide-ie6 { display: block !important; }
        .hide-700 { display: none !important; }
        .hide-lt-700 { display: none !important; }
        .wrap { width: 100%; max-width: 100%; }
    }
    @media (max-width: 944px) {
        .hide-700 { display: none; }
        .wrap { width: 700px; max-width: 100%; }
    }
    @media (max-width: 1024px) {
        .hide-900 { display: none; }
        .container { padding: 0 12px; }
        .wrap { width: 900px; max-width: 100%; }
    }
    @media (min-width: 1024px) {
        .hide-1000 { display: none; }
        .container--ext .wrap { width: 1000px; max-width: 100%; }
    }
    @media (min-width: 1248px) {
        .hide-1400 { display: none; }
        .container--ext-plus .wrap { width: 1200px; max-width: 100%; }
    }
    
.row { display: block; width: 100%; margin: 0; padding: 0; }
.row--spaced { width: 104%; margin: 0; margin-left: -4%;  }

.col, .row--spaced .col { font-size: 100%; display: block; width: auto; float: left; margin: 0; padding: 0; zoom: 1; }
.col { _margin-right: -1px; }
.row--spaced .col { margin-left: 4%; _margin-left: 2.6%; }

.col--w-100 { width: 100%; }
.col--w-90 { width: 90%; }
.col--w-85 { width: 85%; }
.col--w-80 { width: 80%; }
.col--w-75 { width: 75%; }
.col--w-66 { width: 66%; }
.col--w-50 { width: 50%; }
.col--w-33 { width: 33%; }
.col--w-25 { width: 25%; }
.col--w-20 { width: 20%; }
.col--w-15 { width: 15%; }
.col--w-10 { width: 10%; }

.row--spaced .col--w-100 { width: 96%; }
.row--spaced .col--w-90 { width: 86%; }
.row--spaced .col--w-85 { width: 81%; }
.row--spaced .col--w-80 { width: 76%; }
.row--spaced .col--w-75 { width: 71%; }
.row--spaced .col--w-66 { width: 62%; }
.row--spaced .col--w-50 { width: 46%; }
.row--spaced .col--w-33 { width: 29%; }
.row--spaced .col--w-25 { width: 21%; }
.row--spaced .col--w-20 { width: 16%; }
.row--spaced .col--w-15 { width: 11%; }
.row--spaced .col--w-10 { width: 6%; }

    /* Mobile Columns */

    @media (max-width: 614px) {
        .row--spaced { width: 100% !important; margin: 0 !important;}

        .row--spaced .col { width: 100% !important; margin: 0 !important;}

        .col--w-100, .col--w-90, .col--w-85, .col--w-80, .col--w-75, .col--w-66, .col--w-50, .col--w-33, .col--w-25, .col--w-20, .col--w-15, .col--w-10 { width: 100% !important; }

        .row--spaced .col--w-100, .row--spaced .col--w-90, .row--spaced .col--w-85, .row--spaced .col--w-80, .row--spaced .col--w-75, .row--spaced .col--w-66 .row--spaced .col--w-50,  .row--spaced .col--w-33, .row--spaced .col--w-25, .row--spaced .col--w-20, .row--spaced .col--w-15, .row--spaced .col--w-10 { width: 100% !important; }
    }

/* Padding Boxes */

.box { display: block; zoom: 1; }

.box--p-20 { padding: 20px; }
.box--p-18 { padding: 18px; }
.box--p-16 { padding: 16px; }
.box--p-14 { padding: 14px; }
.box--p-12 { padding: 12px; }
.box--p-10 { padding: 10px; }
.box--p-8 { padding: 8px; }
.box--p-6 { padding: 6px; }
.box--p-4 { padding: 4px; }
.box--p-2 { padding: 2px; }

/* Blocks */
.block { position: relative; display: block; width: 100%; margin: 0; margin-bottom: 18px; padding: 0; border: 0; zoom: 1; }

.block--txt-dark { color: #303030; }
.block--txt-clear { color: #8f8f8f; }
.block--txt-black { color: #000000; }
.block--txt-white { color: #ffffff; }

.block--outline { border-width: 1px; border-style: solid; margin-left: -1px; margin-right: -1px; }
.block--border-classic { border-width: 2px; border-style: outset; margin-left: -2px; margin-right: -2px;}

.block--clear { background-color: #ededed; border-color: #cdcdcd; }
.block--dark { background-color: #333333; border-color: #222222; }
.block--classic { background-color: #bfbfbf; border-color: #ffffff #010101 #010101 #ffffff; }
.block--classic-y2k { background-color: #d4d0c8; border-color: #ffffff #3f3f3f #3f3f3f #ffffff; }
.block--red { background-color: #ff8888; border-color: #dd6666; }
.block--green { background-color: #88ff88; border-color: #66dd66; }
.block--blue { background-color: #8888ff; border-color: #6666dd; }
.block--yellow { background-color: #ffff88; border-color: #dddd66; }

.block--nice { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.15) 100%); background-image: -khtml-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.15))); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.15))); background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#26000000',GradientType=0 )"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#26000000',GradientType=0 ); }

.block .b-heading { position: relative; display: block; z-index: 1; margin: 0; padding: 0; zoom: 1; }
.block .b-content { position: relative; display: block; margin: 0; padding: 0; zoom: 1; }

.block--outline .b-heading { border-width: 1px; border-style: solid; margin: -1px -1px 0 -1px; }
.block--outline .b-content { border: 0; border-top-width: 1px; border-style: solid; margin: 0; }
.block--border-classic .b-heading { border-width: 1px; border-style: inset; }
.block--border-classic .b-content { border: 0; }
.block--border-classic .b-content-bordered { border-width: 1px; border-style: inset; }

.b-heading--black { color: #fff; border-color: #000000; background-color: #121212; }
.b-heading--white { color: #333; border-color: #bebebe; background-color: #e9e9e9; }
.b-heading--classic { color: #fff; border-color: #bfbfbf; background-color: #000080;}
.b-heading--classic-y2k { color: #fff; border-color: #d4d0c8; background-color: #000080; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDA3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODg0Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(left,  #00007b 0%, #0884ce 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#00007b), color-stop(100%,#0884ce)); background-image: -webkit-linear-gradient(left,  #00007b 0%,#0884ce 100%); background-image: -o-linear-gradient(left,  #00007b 0%,#0884ce 100%); background-image: -ms-linear-gradient(left,  #00007b 0%,#0884ce 100%); background-image: linear-gradient(to right,  #00007b 0%,#0884ce 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007b', endColorstr='#0884ce',GradientType=1 )"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007b', endColorstr='#0884ce',GradientType=1 ); }
.b-heading--red { color: #fff; border-color: #bb0000; background-color: #ee2222; }
.b-heading--green { color: #fff; border-color: #00bb00; background-color: #22ee22; }
.b-heading--blue { color: #fff; border-color: #0000bb; background-color: #2222ee; }
.b-heading--l-blue { color: #fff; border-color: #6666dd; background-color: #8888ff; }
.b-heading--yellow { color: #333; border-color: #bbbb00; background-color: #eeee22; }

.block--clear .b-content { border-color: #cdcdcd; }
.block--dark .b-content { border-color: #222222; }
.block--classic .b-content { border-color: #bfbfbf; }
.block--classic-y2k .b-content { border-color: #d4d0c8; }
.block--red .b-content { border-color: #dd6666; }
.block--green .b-content { border-color: #66dd66; }
.block--blue .b-content { border-color: #6666dd; }
.block--yellow .b-content { border-color: #dddd66; }

.block--nice .b-heading, .b-heading--nice { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.15) 100%); background-image: -khtml-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.15))); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.15))); background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#26000000',GradientType=0 )"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#26000000',GradientType=0 ); }

.block--radius { -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.block--radius .b-heading { -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.block--radius .b-content { -khtml-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

/* 

    // Retro Clearfix

    .row:after, .cf:after, .box:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .row, .cf, .box { zoom: 1; }

*/

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

/* Buttons */

.btn { position: relative; *display: inline; display: inline-block; zoom: 1; font-size: 100%; border: inherit; padding: inherit; margin: inherit; background: inherit; float: inherit; font-size: 100%; line-height: 1.0; }
.btn:hover { text-decoration: none !important; }

.ie9 .btn { -ms-filter: none; filter: none; }
.lt-ie9 .btn { background-image: none; }

.btn--tiny { font-size: 0.8em; padding: 9px 18px; }
.btn--regular { font-size: 1.0em; padding: 10px 27px; }
.btn--huge { font-size: 1.4em; padding: 12px 36px; }

.btn--left { float: left; }
.btn--right { float: right; }
.btn--default { float: none; clear: both; }
.btn--default-full { float: none; display: block; text-align: center; width: 100%; padding-left: 0 !important; padding-right: 0 !important; zoom: 1; }

.btn--outline { border-width: 1px; border-style: solid; margin-left: -1px; margin-right: -1px;}

.btn--border-classic { border-width: 1px; border-style: outset; margin-left: -1px; margin-right: -1px;}
.btn--border-classic:active { border-style: inset; }

.btn--radius { -khtml-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.btn--round { -khtml-border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.btn--nice { -khtml-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.15) 100%); background-image: -khtml-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.15))); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.15))); background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); background-image: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.15) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#26000000',GradientType=0 )"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#26000000',GradientType=0 ); }
.btn--nice:active { -khtml-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); -ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(255,255,255,0.25) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(255,255,255,0.25))); background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.25) 100%); background-image: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.25) 100%); background-image: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.25) 100%); background-image: linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.25) 100%);  background-image: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.25) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#40ffffff',GradientType=0 )"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#40ffffff',GradientType=0 ); }

.btn--black { color: #fff !important; border-color: #000000; background-color: #121212; }
.btn--white { color: #333 !important; border-color: #bebebe; background-color: #e9e9e9; }
.btn--classic { color: #000 !important; border-color: #ffffff #010101 #010101 #ffffff; background-color: #bfbfbf; }
.btn--classic-y2k { color: #000 !important; border-color: #ffffff #3f3f3f #3f3f3f #ffffff; background-color: #d0cfc0; }
.btn--red { color: #fff !important; border-color: #bb0000; background-color: #ee2222; }
.btn--green { color: #fff !important; border-color: #00bb00; background-color: #22ee22; }
.btn--blue { color: #fff !important; border-color: #0000bb; background-color: #2222ee; }
.btn--l-blue { color: #fff !important; border-color: #6666dd; background-color: #8888ff; }
.btn--yellow { color: #333 !important; border-color: #bbbb00; background-color: #eeee22; }

.btn--black:hover { background-color: #444444; }
.btn--white:hover { background-color: #c9c9c9; }
.btn--red:hover { background-color: #cc2222; }
.btn--green:hover { background-color: #22cc22; }
.btn--blue:hover { background-color: #2222cc; }
.btn--l-blue:hover { background-color: #6666ff; }
.btn--yellow:hover { background-color: #dddd00; }

.btn--classic:hover { background-color: #bfbfbf; }
.btn--classic-y2k:hover { background-color: #d0cfc0; }

.btn--classic:active { background-color: #bfbfbf; border-color: #010101 #ffffff #ffffff #010101; }
.btn--classic-y2k:active { background-color: #d0cfc0; border-color: #3f3f3f #ffffff #ffffff #3f3f3f; }


.btn-gp { width: auto; display: block; zoom: 1; }

.btn-gp:before, .btn-group:after { content: ""; display: table; }
.btn-gp:after { clear: both; }

.btn-gp--radius .btn--outline { border-left-width: 0; margin-left: -1px; border-right-width: 0; margin-right: -1px; }
.btn-gp--radius .btn:first-child, .btn-gp--radius .btn.first-child { border-left-width: 1px; }
.btn-gp--radius .btn:last-child, .btn-gp--radius .btn.last-child { border-right-width: 1px; }

.btn-gp--radius .btn--radius, .btn-gp--round .btn--round { -moz-border-radius:0 !important; -kthml-border-radius:0 !important; -webkit-border-radius:0 !important; -ms-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; }
.btn-gp--radius .btn--radius:first-child, .btn-gp--radius .btn--radius.first-child  { -moz-border-radius: 4px 0 0 4px !important; -kthml-border-radius: 4px 0 0 4px !important; -webkit-border-radius: 4px 0 0 4px !important; -ms-border-radius: 4px 0 0 4px !important; -o-border-radius: 4px 0 0 4px !important; border-radius: 4px 0 0 4px !important; }
.btn-gp--radius .btn--radius:last-child, .btn-gp--radius .btn--radius.last-child  { -moz-border-radius: 0 4px 4px 0 !important; -kthml-border-radius: 0 4px 4px 0 !important; -webkit-border-radius: 0 4px 4px 0 !important; -ms-border-radius: 0 4px 4px 0 !important; -o-border-radius: 0 4px 4px 0 !important; border-radius: 0 4px 4px 0 !important; }

.btn-gp--round .btn--round:first-child, .btn-gp--round .btn--round.first-child  { -moz-border-radius: 20px 0 0 20px !important; -kthml-border-radius: 20px 0 0 20px !important; -webkit-border-radius: 20px 0 0 20px !important; -ms-border-radius: 20px 0 0 20px !important; -o-border-radius: 20px 0 0 20px !important; border-radius: 20px 0 0 20px !important; }
.btn-gp--round .btn--round:last-child, .btn-gp--round .btn--round.last-child  { -moz-border-radius: 0 20px 20px 0 !important; -kthml-border-radius: 0 20px 20px 0 !important; -webkit-border-radius: 0 20px 20px 0 !important; -ms-border-radius: 0 20px 20px 0 !important; -o-border-radius: 0 20px 20px 0 !important; border-radius: 0 20px 20px 0 !important; } 

/* Forms */

/* Text */
.txt-input { background-color: #ededed; position: relative; *display: inline; display: inline-block; zoom: 1; font-size: 100%; border: 1px inset #ededed; outline: 0; padding: inherit; margin: inherit; background: inherit; float: inherit; }
.txt-input:focus { background-color: #ebebeb; }

.txt--tiny { font-size: 0.8em; padding: 9px; }
.txt--regular { font-size: 1.0em; padding: 10px; }
.txt--huge { font-size: 1.4em; padding: 12px; }

.txt--radius { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.txt--round { -moz-border-radius: 50px; -khtml-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; }

.txt--nice { border: 1px solid #cccccc; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -khtml-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -ms-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); }


/* Global Classes */
center { text-align: center; }

.left { float: left; }
.right { float: right; }
.hide { display: none; }

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.highlight-clear { background-color: #ededed; }
.highlight-red { background-color: #ff8888; }
.highlight-green { background-color: #88ff88; }
.highlight-blue { background-color: #8888ff; }
.highlight-yellow { background-color: #ffff88; }