/* 
    Document   : styles
    Created on : Nov 6, 2009, 9:39:19 PM
    Author     : Mario
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {
    overflow: auto;
    height: 100%;
}


body {
    background: url('../images/background-collage.jpg') repeat;
    background-attachment:fixed;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 100%;
    overflow: auto;
}

h1, h2 {
    color: #9d6937;
    margin-bottom: 10px;
}

h3 {
    color: #7d4510;
    font-size: 13px;
    font-weight: bold;
}

/* From scaffold.css */

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}



#mainMenu {
    margin-top: 10px;

}

fieldset {
    margin: 0 0 0 0;
    padding: 0;
    border-style: none;
}
legend {
    margin-left: 2em;
    color: #000000;
    font-weight: bold;
    text-align: center;
}
fieldset ol {
    padding: 1em 1em 0 1em;
    list-style: none;
}
fieldset li {
    padding-bottom: 1em;
}
fieldset.submit {
    border-style: none;
    text-align: center;
}

label {
    display: block;
    width: 10em;
    margin-right: 1em;
}

.form-box {
    padding: 5px;
}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/*demo page css*/
h2 { clear: both; padding-top:1.5em; margin-top:0; }
.strike { text-decoration: line-through; }


.footer {
    /*
    position: absolute;
    display: block;

    bottom: 10px;
    width: 960px;*/
    color: black;
    font-size: 10px;
    /*left: 40%;*/
    text-align: center;
    margin : auto;
}