/*
-------------------------------------------------------
style.css   [C]mickeywebdesign.org ABN:71 486 977 819

Customised for nncHallHire
Standard Colour RGB(128,0,0) = #800000

-------------------------------------------------------
EditLog:	E:\My Documents\Webs\MickeyWeb\nncHallHire\log.doc
			E:\My Documents\Webs\MickeyWeb\nncHallHire\structure.xls
20Oct11:    Styled <label>
26Jun11:    table.cute styling, used by form0.php & ratecard.php
12May11:    div.invoice
04May11:    class manageHeading
10Aprl1:    td classes keepleft, keepright
08April:    Class calendarBox
14Mar11:    Reduced em of class red L141
15Jan11:    Modified .error
22Dec10:    Create
*/

body {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    width: 1000px;
}

body.manage {
    background-color: #D4CAE2;
}

label {
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align: right;
}

.error  {
    background-color: #FFFAB2 ; /* pale red */
    color: red;
    padding: 5px;
}

.center {
    text-align: center;
}

#progressBand   {
    background-color: black;
    color: white;
}

#progressBand  a  {
    margin: 10px;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
}

h1  {
    color: rgb(128,0,0);
}

p, li, td {
    margin: 15px 5px 5px 5px;
    padding: 0;
    font-size: 10pt;
}

ul.tight  li  {
    margin: 0;
    text-align: left;
}

fieldset {
    font-size: 0.8em;
    background-color: #ECECEC ; /* pale GREY */
    border: 2px outset;
    margin-bottom: 2em;
    margin-top: 2em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 1em;
}

fieldset legend {
    background: #800000;
    color: white;
    padding: .2em .3em;
    font-size: 1.2em;
    font-weight: bold;
    border: 2px outset #DED983;
    position: relative;
    margin-bottom: -1em;
    margin-left: 2em;
    margin-top: -2em;
}

/*
Button Styling
*/

input.agree    {
    color: #050;
    font: bold 87% 'trebuchet ms', helvetica, sans-serif;
    background-color: #eaf3da;
    border: 4px outset ButtonFace;
    border-color: #696 #363 #363 #696;
    cursor: pointer;
    height: 40px;
    margin: 5px;
}

input.agreehover  {
    color: #050;
    font: bold 87% 'trebuchet ms', helvetica, sans-serif;
    background-color: #eaf3da;
    border: 4px outset ButtonFace;
    border-color: #c63 #930 #930 #c63;
    cursor: pointer;
    height: 40px;
    margin: 5px;
}

input.agree[disabled]    {
    color: GrayText;
    font: bold 87% 'trebuchet ms', helvetica, sans-serif;
    background-color: #eaf3da;
    border: 4px outset ButtonFace;
    border-color: #696 #363 #363 #696;
    cursor: inherit;
    height: 40px;
    margin: 5px;
}

input.disagree, reset.disagree    {
    color: #050;
    font: 87% 'trebuchet ms', helvetica, sans-serif;
    background-color: #f9c7c2;
    border: 4px outset ButtonFace;
    border-color: #c63 #930 #930 #c63;
    cursor: pointer;
    height: 40px;
    margin: 5px;
}

input.disagreehover, reset.disagreehover    {
    color: #050;
    font: 87% 'trebuchet ms', helvetica, sans-serif;
    background-color: #f9c7c2;
    border: 4px outset ButtonFace;
    border-color: #696 #363 #363 #696;
    cursor: pointer;
    height: 40px;
    margin: 5px;
}

table {
    margin: 10px ;
    border: 2px outset black;
    /* background-color: #ECECEC ; /* pale GREY */
    background-color: white;
}

table.keepleft th, table.keepleft td{
    text-align: left;
}

th, td {
    border: 1px solid black;
    padding: 0 5px 0 5px;
    vertical-align: top;
    text-align: center;
}

table.manageHeading {
    background-color: #800000;
    color: white;
    border: 4px outset black;
    border-collapse: collapse;
}

table.manageHeading th, table.manageHeading td {
    border: 1px solid white;
    font-size: 1.2em;
    padding: 0px 15px;
}

table.cute  {
    background: #FDEDF2;
    border-collapse: collapse;
}

.red   {
    color:red;
    font-weight: bold;
    font-size:1.2em;
}

.letter {
    font: 87% Arial, helvetica, sans-serif;
    background-color: white;
    border: 2px solid black;
    padding: 5px;
    margin: 5px;
}

.emailView {
    font-family: monospace;
    font-size: smaller; 
    background-color: yellow;
    border: 2px solid black;
    padding: 5px;
    margin: 5px; 
}

.spaceButtons   {
    border: 2px outset black;
    margin-left: 25%;
    width: 50%;
}

.calendarBox    {
    text-align: center;
    border: 5px outset black;
    margin: 10px;
}

table.noborder, table.noborder td  {
    border: none;
    background-color: transparent;
}

table.spaced, table.spaced td {
    padding: 15px;
    margin: 15px;
}

td.keepleft, th.keepleft {
    text-align: left;
}

.keepright {
    text-align: right;
}

div.invoice {
    border: 2px outset black;
    margin: 25px;
    padding: 25px;
    background-color: white;
}

/*
    Absolute Positioning of NNC header images
*/
#toptitle {
    position: absolute;
    top: 10px;
    left: 200px;
}

#buildingicon {
    position: absolute;
    top: 10px;
    left: 770px;
}

#addressinfo {
    position: absolute;
    top: 220px;
    left: 770px;
}

#content {
    position: absolute;
    top: 105px;
    left: 0px;
    width: 800px;
}

#loginForm  {
    position: absolute;
    top: 300px;
    left: 800px;
    width: 200px;
}

/*
 ToolTip Styling
*/

b{  font: 9px Verdana, Arial, sans-serif;   }

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}