/**
 * Default css document
 *
 * It contains site stylesheets
 *
 * LICENSE: This code is licenced to telekod.com
 *
 * @package    TELEKOD-CMS
 * @subpackage ERP and Finance
 * @copyright  2014 telekod.com
 * @license    http://www.telekod.com
 * @author     Slavisa Miljanovic <slavisa@telekod.com>
 * @version    $Id: styles.css 74 2016-02-18 11:09:18Z slavisa $
 * @link       http://www.telekod.com
 * @since      File available since Release 0
 */

@font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Serif'), local('DroidSerif'), url('../fonts/Droid Serif.woff') format('woff');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu'), url('../fonts/Ubuntu.woff') format('woff');
}

/* Typography */
body {
    color: #666;
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif; 
    font-size: 1em;
    line-height: 1.4em; 
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 { 
    font-weight: normal;
    font-family: 'Droid Serif', Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin: .45em 0;
    padding: 0;
} 

/* Links */
a, a:visited, a:active, a:hover { color: #0099ff; }
a:hover { text-decoration: none; }

/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
* { 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Structure */
.wrapper { /*width: 94%;*/margin: 0 auto; }

.header-container {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
    z-index: 99;
}
.header-container header { margin: 0 auto; padding: 5px 0; }

.page-header-container {
    display: block;
    position: fixed;
    width: 100%;
    padding-top: 90px;
}
.page-header-container h1 { 
    display: block; 
    float: left; 
    margin: 0; 
    font-size: 1.5em; 
    line-height: 0.75em;
}
.page-header-container .cash-total {
    display: block;
    float: right;
    width: 350px;
    font-weight: bold;
    font-family: 'Droid Serif', Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 0.75em;
}
.page-header-container .cash-total span.label { display: block; float: left; }
.page-header-container .cash-total span.value { display: block; float: right; color: #ff0000; }

.logo-container { text-align: center; }
.working-year-container { 
    display: block; 
    float: left;
    padding-left: 40px;
}
.working-year-container div.title { display: block; float: left; }
.working-year-container div.content { font-weight: bold; }
.working-year-container #current_working_year-label { display: none; }
.working-year-container #current_working_year { 
    display: block; 
    float: left; 
    width: 172px;
}
#submit_current_working_year-label label { display: none; }
#submit_current_working_year {
    float: left; 
    display: block;
    margin: 0; 
    padding: 5px;
    color: #fff;
    border-radius: 2px; 
    text-decoration: none;
    background: #0099ff; 
}
#submit_current_working_year:hover { background: #8dbc01; }


#hero, #page-header {
    background: #f3f3f3;
    border-top: 1px solid #e2e2e2;
    border-bottom: 2px solid #e2e2e2;
    padding: 0;
}
#hero h1 {
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 10px;
}
#content { margin: 40px 0; }
aside { margin: 40px 0; }
p { margin: 0 0 1.5em; }

/* Responsive images */
img { max-width: 100%; height: auto; }

.main-container { margin: 0 auto; padding: 135px 0 25px 0; }

/* Main menu */
.menu-toggle {
    display: block;
    padding: 10px;
    margin: 20px 0 0;
    background: #666;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 20px;
}
.menu-toggle.toggled-on { background: #0099ff; }
.srt-menu { display: none; }	
.srt-menu.toggled-on {
    display: block;
    position: relative;
    z-index: 10;
}
.srt-menu {
    clear: both;
    margin-bottom: 60px;
}
.srt-menu li a {
    background: #dadada;
    display: block;
    margin: 1px 0; 
    padding: 5px;
    text-decoration: none;
}
.srt-menu li a:hover {
    color: #fff;
    background: #0099ff;
}
.srt-menu li li a {
    background: #e8e8e8;
    padding-left: 40px;
}
.srt-menu li li li a {
    background: #efefef;
    padding-left: 80px;
}

/*SECONDARY MENU*/
#secondary-navigation { margin-bottom: 60px; }
#secondary-navigation ul { margin: 0; padding: 0; }
#secondary-navigation ul li a{ 
    display: block;
    margin: 2px 0; 
    padding: 5px;
    text-decoration:none;
    background: #e6e6e6;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
    background:#0099ff;
    color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:40px;
}

/* Footer */
.footer-container {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
}
.footer-container .wrapper { margin: 0.1em auto; }
footer {
    clear: both;
    font-size: 80%;
    padding: 5px 0;
}
footer ul {
    margin: 0;
    padding: 0;
}
footer #attribution { display: none; }

/*colors and backgrounds*/
body{
	background:#fff;
}
h1, h2, h3, h4, h5, h6{
	color:#333; 
}

footer{ 
	background:#333;
	color:#ccc;
}
footer h1, footer h2, footer h3, footer h4{ 
	color:#CCC; 
	margin-bottom:10px;
}
footer ul {
	margin:0 0 0 8%;
}

a.button-link {
    float: left; 
    display: block;
    margin: 5px 0; 
    padding: 7px 10px;
    color: #fff;
    border-radius: 4px; 
    text-decoration: none;
    background: #0099ff; 
}
a.button-link:hover { background: #8dbc01; }
a.button-link.small {
    float: right;
    margin: 2px; 
    padding: 3px;
    border-radius: 4px; 
}
a.button-link.small img { vertical-align: middle; }
a.button-link.left-margin { margin-left: 5px; }

a.button-link.total { margin-left: 118px; background: #ff0000;  }
a.button-link.total:hover { background: #8dbc01; }

a.button-link.book { margin-left: 5px; background: #ff0000;  }
a.button-link.book:hover { background: #8dbc01; }

a.button-link.disabled { background: #ccc; }

.greenelement{
	background:#5ec79e;
	color:#fff;
}
.violetelement{
	background:#887dc2;
	color:#fff;
}



/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.leftfloat { float: left !important; }
.rightfloat { float: right !important; }

.margin-left-10 { margin-left: 10px; }

.pagination {
    display: block;
    float: right;
    margin: 5px 0;
    padding: 5px 0 5px 5px;
    font-size: .8em;
}

/**************************** Table styles  ***********************************/
table td.align-left { text-align: left; }
table td.align-center { text-align: center; }
table td.align-right { text-align: right; }

table.table-style-1 {
    width: 100%;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
table.table-style-1 tr th {
    padding: 4px;
    font-size: .7em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px #333;
    line-height: 1.3em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #0099ff;
}
table.table-style-1 tr td {
    padding: 4px;
    color: #333;
    font-size: .7em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
table.table-style-1 tr.odd td { background: #d8d8d8; }
table.table-style-1 tr.even td { background: #cacaca; }
table.table-style-1 tr.over td { background: #b7e2ff; }

table.table-style-2 {
    width: 100%;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
}
table.table-style-2 tr th {
    padding: 4px;
    font-size: .7em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px #333;
    line-height: 1.3em;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    background: #0099ff;
}
table.table-style-2 tr td {
    padding: 4px;
    color: #333;
    font-size: .7em;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}
table.table-style-2 tr.odd td { background: #ffffff; }
table.table-style-2 tr.even td { background: #d8d8d8; }
table.table-style-2 tr.over td { background: #b7e2ff; }
/******************************************************************************/

/* Form elements */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    vertical-align: middle;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
       -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
         -o-transition: border linear 0.2s, box-shadow linear 0.2s;
            transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input,
button,
select,
textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
input, textarea, .uneditable-input {
    margin-left: 0;
}
label, .form-container ul.errors li {
    font-size: 0.8em;
}

#submit-label { display: none; }
.submit-login { 
    float: left; 
    display: block;
    margin: 10px 15px 10px 0; 
    padding: 7px 10px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #cccccc;
    background: #0099ff; 
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.submit-login:hover { background: #8dbc01; }

/****************************** Form container ********************************/
.form-container select {
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.form-container select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.form-container div.element { /*margin-bottom: 5px;*/ }
.form-container ul.errors {
    list-style: none;
    padding: 0;
    margin: 0;
}
.form-container label.error, .form-container ul.errors li {
    color: #c03;
    text-shadow: 1px 1px #fff;
}
.form-container ul.errors li {
    display: block;
    float: left;
    margin: -10px 0 10px 0;
    padding: 2px 5px 1px 5px;
}
.form-container label.error img { vertical-align: top; }
.form-container .error-message, .form-container .info-message {
    float: left;
    display: block;
    margin: 0 0 10px 0;
    padding: 5px;
    color: #c03;
    font-size: 0.8em;
    background: #fcd8dc;
    text-shadow: 1px 1px #fff;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(00, 00, 00, .1);
       -moz-box-shadow: inset 0 1px 1px rgba(00, 00, 00, .1);
            box-shadow: inset 0 1px 1px rgba(00, 00, 00, .1);
}
.form-container .info-message {
    color: #5da62f;
    background: #e0f2cb;
}
.form-container .error-message a, .form-container .info-message a {
    float: right;
    display: block;
    padding: 0 0 0 5px;
    outline: none;
}
.form-container .error-message a img, .form-container .info-message a img { vertical-align: middle; }

.form-container div.cell, .form-container div.row {
    float: left;
    display: block;
    margin-right: 5px;
}
.form-container div.cell-right { float: right; display: block; }
.form-container div.cell-right label { color: #ff0000; }

.form-container div.cell-right #driver_vehicle-label label { color: #666; }

.non-editable { background-color: #ccc !important; }

.line-break {
    display: block;
    height: 9px;
    margin-bottom: 9px;
    border-bottom: 1px #ccc solid;
}

.form-container.filter { display: block; }
#filter_submit-label { height: 20px; }
#filter_submit-label label { display: none; }
#filter_submit {
    float: left; 
    display: block;
    margin: 0; 
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px; 
    text-decoration: none;
    background: #0099ff; 
}
#filter_submit:hover { background: #8dbc01; }

.admin-login-form { /*width: 200px;*/ }

.suppliers, .articles, .invoices {
    display: block;
    max-width: 1200px;
}
.admin-profile input, .unit-of-issue input, .article-group input { width: 190px; }
.suppliers input, .suppliers select { width: 190px; }
.articles.pop-up { width: 880px; }
.suppliers.pop-up { width: 810px; }

.articles span.item-title, .suppliers span.item-title {
    display: block;
    padding: 2px 0;
    font-size: .8em;
    font-weight: bold;
}
.articles span.item-mandatory-info, .suppliers span.item-mandatory-info {
    display: block;
    padding: 2px 0;
    font-size: .7em;
    color: #ff0000;
}

.articles input, .articles select { width: 136px; }
.articles input.error { border-color: #ff0000; }
.articles input.internal-id,
.articles input.unit-of-issue { width: 85px; }
.articles input.short-name { width: 186px; }
.articles input.long-name { width: 225px; }
.articles input.article-group { width: 160px; }
.articles input.amount { width: 75px; }

.suppliers textarea.bank-status { width: 790px; height: 70px; resize: none; }

.invoices input.id { width: 80px; }
.invoices input.suffix { width: 50px; }
.invoices input.buyer-id { width: 60px; }
.invoices input.buyer-name { width: 350px; }
.invoices input.date { width: 90px; }
.invoices textarea.notes { width: 840px; height: 70px; resize: none; }

.invoices input.delivery-place,
.invoices input.driver,
.invoices input.driver-id-card,
.invoices input.driver-vehicle { width: 295px; }



.invoices textarea.buyer-status { width: 350px; height: 70px; resize: none; }
.invoices input.fiscal-receipt-number { width: 314px; }
.invoices input.price-total { 
      width: 350px;
      color: #ff0000;
      font-weight: bold; 
      text-align: right;
}
.invoices input.parent-invoice-number { width: 95px; }
.invoices input.parent-invoice-price-total { width: 110px; }
.invoices input.parent-invoice-buyer-name { width: 480px; }
.invoices input.parent-invoice-price-total-2 { width: 110px; text-align: right; }
.invoices input.parent-invoice-price-remainder { width: 110px; text-align: right; }
.invoices input.use-parent-invoice { 
    float: right;
    margin: 8px 8px 0 0;
    padding: 10px;    
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
}

.invoices .headline { 
    display: block;
    padding-left: 10px; 
    font-size: 0.7em;
    font-weight: bold;
}
.invoices .headline .id, .invoices .headline .name, .invoices .headline .description,
.invoices .headline .quantity, .invoices .headline .price-per-unit, 
.invoices .headline .vat, .invoices .headline .rebate {
    display: block;
    float: left;
    margin-right: 3px;
}
.invoices .id { width: 80px; }
.invoices .name { width: 350px; }
.invoices .description { width: 30px; }
.invoices .quantity { width: 70px; }
.invoices .price-per-unit { width: 125px; }
.invoices .vat { width: 85px; }
.invoices .rebate { width: 65px; }
.invoices .total-price { display: block; float: left; width: 140px; margin-right: 0; text-align: right; }

.invoices div.quantity, .invoices div.price-per-unit, .invoices div.vat,
.invoices div.rebate { padding-right: 4px; text-align: right; }

.invoices div.total-price { padding-right: 4px; }

.invoices input.quantity, .invoices input.price-per-unit, .invoices input.vat,
.invoices input.rebate { text-align: right; }

.invoices .invoice-items {
    width: 1200px;
    height: 155px;
    padding: 5px;
    overflow-y: scroll;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
       -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
         -o-transition: border linear 0.2s, box-shadow linear 0.2s;
            transition: border linear 0.2s, box-shadow linear 0.2s;
}
.invoices .invoice-items div.row { margin-right: 0; }
.invoices .invoice-items div.cell { margin-right: 3px; }
.invoices .invoice-items div.element { margin-bottom: 2px; }

#adminFiscalReceiptForm { float: left; width: 260px; margin-top: 5px; }

.fiscal-receipts input.fiscal-receipt-number { width: 155px; }

#paid_in_cash-label, #paid_in_check-label, #paid_in_card-label, #change-label { margin-top: 13px; }

#paid_in_cash-label label, #paid_in_check-label label, #paid_in_card-label label, #change-label label { font-weight: bold; font-size: 2em; }

.fiscal-receipts input.paid-in-cash, .fiscal-receipts input.paid-in-check,
.fiscal-receipts input.paid-in-card, .fiscal-receipts input.change { width: 217px; height: 36px; text-align: right; font-size: 20px; font-weight: bold; }

.fiscal-receipts .id { width: 70px; }
.fiscal-receipts .name { width: 250px; }
.fiscal-receipts .quantity { width: 60px; }
.fiscal-receipts .price-per-unit { width: 115px; }

.fiscal-receipts input.id { width: 70px; }
.fiscal-receipts input.name { width: 250px; }
.fiscal-receipts input.quantity { width: 60px; }
.fiscal-receipts input.price-per-unit { width: 115px; }

.invoices .headline.fiscal-receipt-items { float: right; width: 915px; }
.invoices .invoice-items.fiscal-receipt-items { float: right; width: 915px; height: 355px; }

.produced input.production-item-id { width: 55px; }
.produced input.production-item-name { width: 250px; }
.produced input.production-item-name { width: 250px; }
.produced input.production-item-overmeasure { width: 112px; text-align: right; }
.produced .cell-right label { color: #666 !important; }

.produced .headline .length, .produced .headline .width, 
.produced .headline .pallet-number, .produced .headline .pieces-number,
.produced .headline .amount {
    display: block;
    float: left;
    margin-right: 3px;
}
.produced .length, .produced .width { width: 120px; }
.produced .pallet-number, .produced .pieces-number, .produced .amount { width: 80px; }

.produced input.length, .produced input.width, .produced input.pallet-number,
.produced input.pieces-number, .produced input.amount { text-align: right; }

.btn-article-description, .btn-remove-row, .btn-add-row,
.btn-import-parent-invoice, .btn-import-fiscal-receipt {
    float: left; 
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 1px;
    color: #fff;
    text-decoration: none;
    border: 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.btn-article-description { background: #0099ff url('./../images/icons/icon-edit.png') no-repeat center center; }
.btn-article-description:hover { background: #8dbc01 url('./../images/icons/icon-edit.png') no-repeat center center; }

.btn-remove-row { background: #0099ff url('./../images/icons/icon-minus.png') no-repeat center center; }
.btn-remove-row:hover { background: #8dbc01 url('./../images/icons/icon-minus.png') no-repeat center center; }

.btn-add-row { background: #0099ff url('./../images/icons/icon-plus.png') no-repeat center center; }
.btn-add-row:hover { background: #8dbc01 url('./../images/icons/icon-plus.png') no-repeat center center; }

.btn-import-parent-invoice { margin: 22px 0 0 6px; background: #0099ff url('./../images/icons/icon-import.png') no-repeat center center; }
.btn-import-parent-invoice:hover { background: #8dbc01 url('./../images/icons/icon-import.png') no-repeat center center; }

.btn-import-fiscal-receipt { margin: 22px 0 0 6px; background: #0099ff url('./../images/icons/icon-import.png') no-repeat center center; }
.btn-import-fiscal-receipt:hover { background: #8dbc01 url('./../images/icons/icon-import.png') no-repeat center center; }

.admin-login-form input.error, .invoices input.error { border-color: #ff0000; }

.articles label, .form-container.articles ul.errors li,
.suppliers label, .form-container.suppliers ul.errors li,
.invoices label, .form-container.invoices ul.errors li { font-size: 0.7em; }

label.required { color: #ff0000; }

.admin-login-form label { color: #666; }

.hidden { display: none; }

.ajax-loader-small-left { 
    background-color: inherit;
    background-image: url('./../images/ajax-loader-small-2.gif');
    background-repeat: no-repeat;
    background-position: center left 5px;
}
.ajax-loader-small-right { background: transparent url('./../images/ajax-loader-small.gif') no-repeat center right 5px; }

.ui-menu .ui-menu-item a { font-size: 0.8em; }
.no-close .ui-dialog-titlebar-close { display: none }

.ajax-loader-medium { margin-top: 7px; }

/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
    .logo-container {
        float: left;
        text-align: left;
        margin-bottom: -20px; /* this depends on the height of the logo */
    }
    .menu-toggle{/*make menu float right, instead of sitting under the logo*/
      margin-top:10px; /*this depends on the height of the logo*/
      float:right;
    }
} 

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {
.wrapper{
    max-width: 1200px; 
    margin: .75em auto;
}

.logo-container {
    float: left; 
    text-align: left;
    margin-bottom: 0;
}
header{
  padding:0;
}
#content {  
  float:left;
  width:65%;
}
#content.wide-content{
  float:none;
  width:100%;
}

.flexslider{
display:block;
/*demo 1 slider theme*/	
margin: 0 0 60px; 
background: #fff; 
border: 4px solid #fff; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px; 
border-radius: 4px; 
box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}


aside { 
  float:right;
  width:30%;
}

/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none;}
#menu-main-navigation{display:block;}

.srt-menu, .srt-menu * {
  margin:			0;
  padding:		0;
  list-style:		none;
}
.srt-menu ul {
  position:		absolute;
  display:none;
  width:			13em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
  width:			100%;
}
.srt-menu li:hover {
  visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
  float:			left;
  position:		relative;
  margin-left:1px;
}
.srt-menu li li {
  margin-left:0px;
}
.srt-menu a {
  display:		block;
  position:		relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
  display:block;
  left:			0;
  top:			32px; /* match top ul list item height */
  z-index:		99;
  -webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
  top:			-999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
  left:			13em; /* match ul width */
  top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
  top:			-999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
  left:			10em; /* match ul width */
  top:			0;
}

/*** DEMO1 SKIN ***/
#topnav, .srt-menu { float: right; margin: .35em 0 0 0; }
.srt-menu a { text-decoration:none; }
.srt-menu li a {
    margin: 0; 
    padding: 5px 10px;
    background: #fff;
}
.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #0099ff;	
}
.srt-menu li li a {
    border-top:		1px solid rgba(255,255,255,.2);
    background:		#333; /*fallback for old IE*/
    background:rgba(0,0,0,.8);
    color:	#fff;
    padding-left: 20px;
    height: auto;
}
.srt-menu li li a:visited { color:#fff; }
.srt-menu li li li a,
.srt-menu li.current * li a { padding-left: 10px; background: rgba(0,0,0,.8); }
.srt-menu li:hover > a,
.srt-menu li.current a { color: #fff; background: #0099ff; }
.srt-menu li li:hover > a { color: #fff; background: #0099ff; }

/*GRID*/
/*
 & Columns : 12 

 */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 96.666666666667%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  margin-left: 1.6666666666667%;
  margin-right: 1.6666666666667%;
  float: left;
  display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}
.rightfloat{float:right;}
/* @
 * tinyfluidgrid.com
 & girlfriendnyc.com
 */

}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {

} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {

} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  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; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}