/**
 * @file        default.css
 * @brief       The default stylesheet for browsers; the basis for all styles
 * @since       18 Mar 11
 * @version     0.01
 *
 * SETUP NOTES:
 *	- if this is not run from the root of the web server, then you will need to edit the paths
 *	  to the image directories.
 *	- Search for '/img' and replace it with the path to images directory on the site.
 *	  Example:
 *		- RL is stored in 'fabsuite-remote-link' directory at foobar.com
 *		  ( http://www.foobar.com/fabsuite-remote-link/ )
 *		- Change '/img' to read '/fabsuite-remote-link/img' for the image files
 *		  at the places marked below.
 *		- if the folder name has s p a c e s or CAPS (they shouldn't -- its just a pain to deal with!)
 *		  then be sure to get the CASE corRECt and use %20 in place of all space chars.
 *		  Example:
 *			- the site: "http://www.foobar.com/FabSuite Remote Link/" 
 *			  would have it's /img directory edited below to be:
 *			  '/FabSuite%20Remote%20Link/img'
 *			- However, you SHOULD SERIOUSLY CONSIDER USING HYPHENS IN PLACE OF SPACES
 *			  AND ONLY USE LOWER CASE CHARS!!!!!
 */

 html, body {
     height:    100%;
}

/* ---------------- FONTS ------------------------- */

body,
blockquote,
cite    {
    font-family:   'Times New Roman', Times, serif
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
th,
td  {
    font-family:    Arial, Helvetica, sans-serif;
}

pre,
tt,
code,
kbd,
samp,
var,
address {
    font-family:    'Courier New', Courier, monospace;
}



/* ------------------ COLORS -------------------- */

body    {
    color:              black;
/*    background-color:   #EDEDED;    /* medium gray */
}

.main   {
    background-color:   white;
    border-top:         none;

/*    border-left:        2px  #E0E0E0  solid;    /* light gray */
/*    border-right:       2px  #E0E0E0  solid;    /* light gray */
/*    border-bottom:      2px  #E0E0E0  solid;    /* light gray */

    width:              100%;
    /*height:             100%;*/
    background-attachment: scroll;
}


a   {
    color:  blue;
}


/* ------------------ TEXT DECORATIONS, WEIGHTS, STYLES ------------ */
/*
    color names:        http://www.computerhope.com/htmcolor.htm
    color generator:    http://www.colorschemer.com/online.html
*/

h1,
h2,
h3,
h4,
h5,
h6,
th  {
    background-color:   #F9F9F9;    /* really light gray */
}

a   {
    text-decoration:    none;
    padding:            5px 10px;
    border:      1px  solid  transparent;  /* substituted in place of underline */
}

a:hover { 
    background-color:   #0e8b3d;    /* green */
    color:              #ffffff;
    /*background-color:   #FAF8CC;            /* Light Goldenrod Yellow */
    border:      1px  solid  #FFFFFF;   /* substituted in place of underline */
}

h5  {
    font-weight:    bold;
}

h6  {
    font-weight:    bold;
    font-style:     italic;
}

dt  {
    font-weight:    bold;
}


/* ------------------- FONT SIZES ------------------- */

h1      {   font-size:  180%;   }
h2      {   font-size:  160%;   }
h3      {   font-size:  145%;   }
h4      {   font-size:  135%;   }
h5      {   font-size:  120%;   }
h6      {   font-size:  110%;   }
legend  {   font-size:  75%;    }




/* ------------------- BORDERS, MARGINS, PADDING --------------------- */

h1,
h2,
h3,
h4,
h5,
h6  {
    margin-bottom:      0px;
    padding-bottom:     0px;
    border-left:        2px  #F9F9F9  solid;
    border-right:       2px  #F9F9F9  solid;
    border-bottom:      2px  #E0E0E0  solid;    /* light gray */
}

table   {
    /* table-layout:       fixed; */    /* IE 7 will render tables at 100% width */
    border-collapse:    collapse;
    margin-top:         0.5em;
    margin-bottom:      0.5em;
    margin-left:        auto;   /* centers the table in the screen */
    margin-right:       auto;
    position:	        relative;
}

tr  {
    position:			relative;
}

th,
td  {
    padding:    5px;
    border:     1px  solid  #E0E0E0;    /* light gray */
    position:	relative;
}

th  {
    vertical-align: bottom;
}

td  {
    vertical-align: middle;
}

/*
 *	Apparently, the Motorola Xoom and IPod Touch don't handle when:
 *		1. You have a TR that is hidden
 *		2. In that TR is a TD with a colspan>1
 *
 *	When the TR is shown IE correctly displays the TD with the colspan it was set with.
 *	The Motorola Xoom and IPod Touch display the TD as if the colspan=1 even though an alert on the colspan
 *		value shows that it has the correct value.  It just doesn't render properly.
 *
 *	It is useful to have a hidden row (1 cell with a colspan of all columns) on, for example, the CutListDetails.php
 *		page so that the details are expanded in the row beneath.  It works fine just having an empty (but not hidden)
 *		row but then the padding of 5px results in a 10px empty box.
 *
 *	The following two classes, hiddenCell_TD and hiddenCell_DIV, attempt to handle this situation.
 *		The TD (with colspan of all columns) is set to hiddenCell_TD.  The padding of 0px makes it essentially disappear.
 *		A DIV is set to hiddenCell_DIV and should be the only thing _directly_ under the TD.
 *			The DIV is initially hidden and has a padding of 10px, making the contents padded relative to the cell border.
 */

.hiddenCell_TD {
	padding:	0px
}

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

.customerLogo   {   
    height:                 150px;
    background-color:       transparent;
    background-image:       url("/img/fabricator-logo-web.jpg") ;  /* <<<< edit the path to the img dir if RL is not run from webserver root */
    background-repeat:      no-repeat;
    background-position:    right;
}

.logoCenter {
    background-position:    center;
}

.logoLeft   {
    background-position:    left;
}

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

.footer{
    border-top:     2px  #E0E0E0  solid;    /* light gray */
    font-size:      75%;
    text-align:     center;
    margin-left:    auto;
    margin-right:   auto;
    height:         2em;
    padding:        0.5em 0;
}

.warningMessages,
.errorMessages,
.messages   {
    font-family:        Arial, Helvetica, sans-serif;
    font-weight:        bold;
    color:              #FFFFFF;
    padding:            0.5em 0em;
    text-align:         center;
    width:              50%;
    margin:             1em auto;
}

.warningMessages    {
    border:             orange solid medium;
    background-color:   orange;
}
.errorMessages  {
    border:             red solid medium;
    background-color:   red;
}

.messages   {
    border:             #00993E solid medium;
    background-color:   #00993E;
}

dl  {
    margin:     0px;
    padding:    0px;
}

dt  {
    margin-top: 0.5em;
}

dd  {
    margin-bottom:  0.5em;
}

button  {
    font-size:      0.65em;
    margin:         5px;
}


/* -------------------- FORMS -------------------------- */
form{
    font-family:    Arial, Helvetica, sans-serif;
    font-size:      85%;
}

form dt {
    font-weight:    normal;
}

form dd {
    margin-left:    1em;
}

textarea    {
    display:    block;
    min-width:  100%;
    max-width:  100%;
}


option{
    font-family:    "Droid Sans Mono", Courier, "Courier New", "Lucida Console", Monaco, monospace;
}

/* -------------------- CLASS OVERRIDES ---------------- */

/* forms */
.login  {
    width:  30%;
    margin: auto;
    text-align: center;
}

.login h1   {
    width:  150%;
    margin-left:    -25%;
}


.login label,
.login p    {
    text-align: left;
}

.login input    {
    display:    block;
    min-width:  95%;
}

.normal {
    display:    inline;
    min-width:  0%;
}

.filter-form {
    border:   0px solid #444444;
}

/* floating elements */
.float-left {
    float:  left;
}

.float-right    {
    float:  right;
}

/* .noborder: use with tables where you don't want a border (forms)' */
.noborder   {
    margin-top:     0px;
    margin-bottom:  0px;
    border:         1px  solid  transparent;
    vertical-align: top;
}



/* Alignment classes */
.alignTop       {   vertical-align: top;    }
.alignMiddle    {   vertical-align: middle; }
.alignBottom    {   vertical-align: bottom; }
.alignLeft      {   text-align: left;   }
.allignCenter   {   text-align: center; }
.alignRight     {   text-align: right;  }



/* Hidden elements and the switches for them */
.displaySwitch  {
    /* empty class to use as a search tag for jQuery */
}

.hideMe {
    display:            none;
}

.ajaxLoadingProxy    {
    /*font-family:        Arial, Helvetica, sans-serif;*/
    /*color:              #FFFFFF;*/
    /*font-weight:        bold; */
    /*font-style:         italic;*/
    /*font-size:          120%; */
    /*border:             #009 solid medium; */
    padding:            0.5em 0em;
    /*background-color:   #00993E;*/
    text-align:         center;
    /*width:              60%;*/
    height:             30px;
    margin:             0.5em auto;
    background:         transparent  url("/img/fs-progress-bar.gif")  no-repeat  center;  /* <<<< edit the path to the img dir if RL is not run from webserver root */
}

.showMeInline   {
    display:    inline;
}

.showMeBlock   {
    display:    block
}

.showMeInlineBlock  {
    display:    inline-block
}

.noBorder   {
    border-style: none;
    border-color: transparent
}

/* makes dumping vars pretty */
.debug  {
    border:         black dotted thin;
    font-family:    monospace;
    font-size:      100%;
}


/* used for hiding certain elements when printing */
.dontPrintMe {

}

/* used to stylize on-order material */
.on-order   {
    font-style:         italic;
    background-color:   #F9F9F9;    /* really light gray */
    color:              #444444;
    /*border:     1px  solid  #E0E0E0;    /* light gray */
}

.on-order-data {
    padding-left:   20px;
    font-size:      92%;
    text-align:     right;
    /*border:         1px  solid  #E0E0E0;    /* light gray */
}


/* used to stylize on-order material */
.on-hand {
    background-color:   #FFFFFF;    
    color:              #000000;
    padding:    5px;
    /*border:     1px  solid  #E0E0E0;    /* light gray */
}

.on-hand-data {
    border:     1px  solid  #E0E0E0;    /* light gray */
    text-align: center;
    font-size:  92%;
}

/* -------------------- ID OVERRIDES ---------------- */
#fsResponseFilters{
    font-family:    "Droid Sans Mono", Courier, "Courier New", "Lucida Console", Monaco, monospace;
    font-size:      85%;
}