/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 14, 2015, 1:36:54 PM
    Author     : kubi
*/

body { margin: 0; padding: 0; width: 100%; font: 12px/1.2 "Open Sans", Arial, sans-serif; color: #606569; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }

.page-wrap { width: 100%; height: auto; max-width: 1078px; margin: 0 auto 20px; }
.page-wrap:after { clear: both; content: ""; display: table; }

header #top-bar { width: 100%; height: 40px; background-color: #F2F2F2; border-top: 4px solid #FFA500; border-bottom: 1px solid #E7E7E7; }
header #logo { width: 100%; max-width: 1078px; overflow: hidden; margin: 0 auto; }
footer #bottom-bar { width: 100%; height: 40px; background-color: #121A21; color: #8d8e92; }
footer #bottom-bar a { color: #b6b7b9; }
/* top header and top footer floated elements*/
#form > footer div div, #form > header div div { position: relative; top: 7px; }
#form > footer div div div:nth-child(1), #form > header div div div:nth-child(1) { float: left; }
#form > footer div div div:nth-child(2), #form > header div div div:nth-child(2) { float: right; }


#top-bar ul li { list-style-type: none; float: left; margin-left: 15px; }
#top-bar-right li:last-child { margin-left: 5px; }


article { background-color: #F2F2F2; position: relative; margin-top: 20px; padding-bottom: 15px; }
article > header { width: auto; position: relative; z-index: 11; background-color: #FFA500; padding: 5px 10px 5px 10px; display: inline-block; text-transform: uppercase; color: #FFF; font-size: 12px; margin-left: 15px;  }
article > p { margin: 15px; text-align: justify; }
article > div.title-bg { width: 100%; height: 203px; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 10; }

article .marginate { margin: 15px; }
article table.login {  }

@media screen and (min-width: 1079px) {
    .main-content-floated { float: left; width: 40%; max-width: 1078px; margin-left: auto; margin-right: auto; }
}

@media screen and (max-width: 1078px) {
    /* top bar, menu */
    header #top-bar { height: auto; }
    #form > header ul li { float: none; }

    footer #bottom-bar, header #top-bar { height: auto; }
    footer #bottom-bar *, header #top-bar * { float: none !important; position: static !important; }

    .page-wrap { margin-bottom: 0px; }

    .main-content-floated { float: none; width: 100% !important; max-width: 1078px; }
}

a { color: #000; text-decoration: none;}
a:hover { text-decoration: underline; }
table { /*width: 90%;*/ border: 0; }
table td { /*padding-bottom: 10px;*/ }

h1 { border-left: 3px solid #FFA500; padding: 5px 0px 5px 14px; font-size: 14px; text-transform: uppercase; margin-bottom: 15px; }

.clear:after {
    clear: both;
    content: "";
    display: table;
}
/*
ul { margin: 0; padding: 0; }
ul li { margin-top: 5px; margin-left: 15px; list-style-type: square; text-align: justify; }
*/
/*ul li:hover { color: #000; }*/
/*
 * FORM elements
*/
input, textarea, select {
    width: 90%;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #D9D9D9;
    padding: 7px 14px;
    outline: 0px none;
    /*font-size: 13px;*/
    color: #A6A6A6;
    max-width: 100%;
}
button.submit-button, form#form .submit-button,
.submit-button, .ui-button {
    width: auto;
    /*height: 18px;*/
    box-sizing: content-box;
    min-width: 150px;
    /*font-size: 16px;*/
    border: 0;
    margin: 10px;
    margin-left: 0px;
    padding: 10px;
    background: 0;
    background-color: #3A3;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-weight: normal;
}
button.submit-button *, form#form .submit-button *,
.submit-button *, .ui-button * {
    margin: 0;
    padding: 0;
    position: static;
    background: 0;
}
button.cancel-button, form#form .cancel-button,
.cancel-button {
    background-color: #A33;
}
button.middle-button, form#form .middle-button,
.middle-button {
    background-color: #FFA500;
}

form#form .short-button {
    min-width: 0;
}
form#form .short-button span {
    margin: 0;
    padding: 0;
}


/*
    Primefaces overwrites
*/

form#form .ui-widget-header { background-image: none; background-color: #fff; }

.ui-widget
{
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
}

.ui-selectonemenu,
.ui-selectonemenu-label
.ui-widget
{
    width: 86% !important;
}
.pe-timepicker { width: 100%; }


.ui-selectonemenu { padding: 0px; margin: 0px; border: 1px solid #D9D9D9; box-shadow: none; border-radius: 0px; }
.ui-selectonemenu label { border: 0px; width: 95% !important; box-sizing: border-box; }
.ui-selectonemenu .ui-selectonemenu-trigger { width: 5%; }
.ui-inputfield,
.ui-button,
.ui-chkbox-box
{
    background-image: none;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #D9D9D9;
    border-radius: 0px;
    box-shadow: none;
    padding: 7px 14px;
    margin: 0px;
    outline: 0px none;
    /*font-size: 13px;*/
    color: #A6A6A6;
    max-width: 100%;
}

form#form .ui-button-icon-only,
form#form .ui-chkbox-box
{ padding: 2px; padding-bottom: 2px; min-width: 0; height: 25px; background-color: #FFF; min-width: 32px; }
form#form .ui-chkbox-box { width: 16px; height: 16px; min-width: 0; }
form#form .ui-button-icon-only * { background-color: #FFF; }
.double-column td.narrow-column .ui-chkbox { position: relative; top: 20px; }
.ui-icon-triangle-1-s { position: relative; top: 6px; left: 5px; }
