/**
 * @file        mobile.css
 * @brief       Overrides for mobile browsers
 * @since       27 Mar 11
 * @version     0.01
 *
 * @details
 *      - Syntax recommendation http://www.w3.org/TR/REC-CSS2/
 *      - Dealing with mobile frustration: http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
 *
 */

body    {
     width:             95%;    /* active page area */
     margin:            auto;   /* centers the active page area in the screen */
     font-size:         2.5em !important;  /* mobile: make the fonts twice as big */
     background-color:  white;
}

.main   {
    background-color:   white;
    border:             none;
    width:              100%;
}

.login  {
    width:  95%;
    margin: auto;
}

.login h1   {
    width:          100%;
    margin-left:    0;
}

.login dd   {
    margin-left:    0px;
    padding-left:   0px;
    text-indent:    0px;
}

/* use to have a different logo for mobile */
.customerLogo   {
    background: transparent  url("/img/fabricator-logo-web.jpg") no-repeat center;
    height:     150px;
    /*height:     auto;*/
    /*background: none;*/
}

.toolbar    {
    margin:         0  auto;
    padding-bottom: 0;
    border-bottom:  2px  #E0E0E0  solid;    /* light gray */
}

.filter-form,
.warningMessages,
.errorMessages, 
.messages   {
    width:              100%;
}


/* ------------------- TABLES --------------------- */
table   {
    /*margin-top:         2.25em;	--Adrian - these seemed to cause way too much white-space
    margin-bottom:      2.25em;*/
    min-width:          95%;
    max-width:          95%;
	position:			relative;
}

td,
th  {
    padding:        15px;
    border-color:   #A0A0A0;
}

.hiddenCell_DIV {
    display:    none;
	padding:	15px
}



/* ----------------- FORMS ---------------------- */

input[type="file"]  {
    display:    none;   /* iphone doesn't support this */
}

textarea,
input[type="text"],
input[type="password"],
input[type="image"],
input[type="hidden"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
    /*display:        block;	--Adrian - this caused the inputs to always show on a new line, very odd looking for length inputs feet-inches-fractions*/
    /*min-width:      95%;		--Adrian - this caused the inputs to ignore the Size property and go all the way across the screen, again very odd looking for length inputs*/
    /*max-width:      95%;*/
    font-size:      1em;
    margin:         1em auto;
    /*margin-left:    2.5%; */
    /*margin-right:   2.5%; */
}

button  {
    font-weight:    bold;
}

select,
input[type="checkbox"],
input[type="radio"],
input[type="image"],
input[type="file"],
input[type="hidden"],
input[type="button"],
input[type="submit"],
input[type="reset"]     {  
    font-size:      1em;
    font-weight:    bold;
}

input[type="checkbox"],
input[type="radio"] {
    padding:        0.65em;
}

.float-left,
.float-right    {
    float: none;
    clear:  both;
    text-align: left;
    margin: auto;
}

.filter-form    {
    margin: .25em auto;
}