/* --- ( Header ) ------------------------------------------------------------ */

#header
{
    position: relative;
    margin: 0;
    padding: 10px;
    height: 45px;
    background-image: url(../images/header/bg-header.gif);
    background-repeat: repeat-x;
    background-position: top left;
}
#header form
{
    margin: 0;
    padding: 0;
}
#header #logo
{
    position: absolute;
    top: 10px;
    left: 10px;
}
#header #siteSelect
{
    position: absolute;
    top: 20px;
    left: 140px;
}
#header #tools
{
    position: absolute;
    top: 8px;
    right: 10px;
    text-align: right;
    margin: 0px;
    padding: 0px;
    color: #fff;
}
#header #tools p
{
    margin: 0;
    padding: 0 0 3px 0;
}
#header #tools a
{
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
}

/* --- ( Footer ) ------------------------------------------------------------ */

#instructions
{
    margin: 0;
    padding: 0;
}


/* --- ( Search Box ) ------------------------------------------------------------ */

div.searchBox
{
    margin: 0px;
    padding: 15px;
    /*background-image: url(../images/backgrounds/bg_search.gif);
    background-repeat: repeat-x;
    background-position: top left;*/
    background-color: #E6E6E6;
}



/* --- ( Content ) ------------------------------------------------------------ */

body
{
    margin: 0;
    padding: 0;
    font-size: 75%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-align: left;
}
#content
{
    margin: 0;
    padding: 10px 20px;
}
#content div, #content ul, #content td, #content li, #content th, #content span, #content p, #content select, #content input, #content form, #content textarea, #content label, #content table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

h1
{
    color: #3FB500;
}
h2, h3, h4, h5
{
    color: #002964;
}
h1
{
    font-size: 1.8em;
    margin: 0 0 10px 0;
}
h2
{
    font-size: 1.6em;
}
h3
{
    font-size: 1.4em;
    margin: 0 0 4px 0;
}

a:link
{
    color: #002964;
    text-decoration: underline;
}
a:visited
{
    color: #002964;
    text-decoration: underline;
}
a:hover, a.focus
{
    color: #3FB500;
    text-decoration: underline;
}
a:active
{
    color: #002964;
    text-decoration: underline;
}

img.help
{
    float: right;
}

table
{
    border-style: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    display: block;
    margin: 0;
    visibility: hidden;
    padding: 0;
}

.results
{
    color: #3FB500;
    background-image: url(../images/icons/confirm_16.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 0 20px;
}

.resultsSuccess
{
    color: #3FB500;
    background-image: url(../images/icons/confirm_16.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 0 20px;
}

.resultsFailure
{
    color: #C00000;
    background-image: url(../images/icons/alert_16.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 0 20px;
}

.instructions
{
    margin: 4px 0 10px 0;
}

/* --- ( Step Navigation Code ) ------------------------------------------------------------ */

#stepnav
{
    width: 1024px;
    position: relative;
    margin: 0;
    padding: 0;
    background-image: url(../images/stepnav/step_bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    margin-bottom:10px;
}
#stepnav .stepOne, #stepnav .stepTwo, #stepnav .stepThree, #stepnav .stepFour, #stepnav .stepFive, #stepnav .stepSix, #stepnav .stepSeven, #stepnav .stepEight, #stepnav .stepNine
{
    vertical-align: bottom;
    height: 45px;
    float: left;
    width: 110px;
    text-align: center;
    font-weight: bold;
    margin: 10px;
    padding: 0;
}
#stepnav .complete
{
    color: #002964;
}
#stepnav .selected
{
    color: #3FB500;
}
#stepnav .unfinished
{
    color: #CCC;
}
#stepnav a
{
    margin: 0;
    padding: 28px 0 0 0;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
}

#stepnav .stepOne
{
}
#stepnav .stepOne a.complete
{
    background-image: url(../images/stepnav/step1a.gif);
}
#stepnav .stepOne a.selected
{
    background-image: url(../images/stepnav/step1b.gif);
}
#stepnav .stepOne a.unfinished
{
    background-image: url(../images/stepnav/step1c.gif);
}
#stepnav .stepTwo
{
}
#stepnav .stepTwo a.complete
{
    background-image: url(../images/stepnav/step2a.gif);
}
#stepnav .stepTwo a.selected
{
    background-image: url(../images/stepnav/step2b.gif);
}
#stepnav .stepTwo a.unfinished
{
    background-image: url(../images/stepnav/step2c.gif);
}
#stepnav .stepThree
{
}
#stepnav .stepThree a.complete
{
    background-image: url(../images/stepnav/step3a.gif);
}
#stepnav .stepThree a.selected
{
    background-image: url(../images/stepnav/step3b.gif);
}
#stepnav .stepThree a.unfinished
{
    background-image: url(../images/stepnav/step3c.gif);
}
#stepnav .stepFour
{
}
#stepnav .stepFour a.complete
{
    background-image: url(../images/stepnav/step4a.gif);
}
#stepnav .stepFour a.selected
{
    background-image: url(../images/stepnav/step4b.gif);
}
#stepnav .stepFour a.unfinished
{
    background-image: url(../images/stepnav/step4c.gif);
}
#stepnav .stepFive
{
}
#stepnav .stepFive a.complete
{
    background-image: url(../images/stepnav/step5a.gif);
}
#stepnav .stepFive a.selected
{
    background-image: url(../images/stepnav/step5b.gif);
}
#stepnav .stepFive a.unfinished
{
    background-image: url(../images/stepnav/step5c.gif);
}
#stepnav .stepSix
{
}
#stepnav .stepSix a.complete
{
    background-image: url(../images/stepnav/step6a.gif);
}
#stepnav .stepSix a.selected
{
    background-image: url(../images/stepnav/step6b.gif);
}
#stepnav .stepSix a.unfinished
{
    background-image: url(../images/stepnav/step6c.gif);
}
#stepnav .stepSeven
{
}
#stepnav .stepSeven a.complete
{
    background-image: url(../images/stepnav/step7a.gif);
}
#stepnav .stepSeven a.selected
{
    background-image: url(../images/stepnav/step7b.gif);
}
#stepnav .stepSeven a.unfinished
{
    background-image: url(../images/stepnav/step7c.gif);
}
#stepnav .stepEight
{
}
#stepnav .stepEight a.complete
{
    background-image: url(../images/stepnav/step8a.gif);
}
#stepnav .stepEight a.selected
{
    background-image: url(../images/stepnav/step8b.gif);
}
#stepnav .stepEight a.unfinished
{
    background-image: url(../images/stepnav/step8c.gif);
}
#stepnav .stepNine
{
}
#stepnav .stepNine a.complete
{
    background-image: url(../images/stepnav/step9a.gif);
}
#stepnav .stepNine a.selected
{
    background-image: url(../images/stepnav/step9b.gif);
}
#stepnav .stepNine a.unfinished
{
    background-image: url(../images/stepnav/step9c.gif);
}


/* --- ( Forms and Form Tables ) ------------------------------------------------------------ */

select
{
    font-size: 10px;
}
input
{
    font-size: 1.25em;
}
input#textfield, input#textarea
{
    font-size: 10px;
}
textarea
{
    resize: none;
}
.buttons
{
    margin: 5px 0 0 0;
}
.stopbutton
{
    font-size: 1.25em;
    background-color: #800000;
    color: #ffffff;
}

table.form
{
}
table.form td
{
    border-style: none;
    vertical-align: top;
    margin: 0;
    padding: 10px;
}
table.form td.field
{
    margin: 0;
    border-left: 1px solid #999;
}

.instruction
{
    font-size: 0.8em;
    color: #999;
}
.fieldNames
{
    color: #999;
    font-weight: bold;
    width: 100px;
    text-align: right;
}
.error
{
    height: 16px;
    color: #800000;
    font-weight: bold;
    background-image: url(../images/icons/alert_16.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
}
.errorName
{
    color: #800000;
    font-weight: bold;
}
.required
{
    color: #000;
    font-weight: bold;
}
.errorfield
{
    font-size: 0.8em;
    color: #800000;
}

/* --- ( List Tables ) ------------------------------------------------------------ */

div.pageControls
{
    height: 30px;
    margin: 0;
    padding: 10px;
    border: 1px solid #C9DAEA;
}
div.pageControls p
{
    margin: 0;
    padding: 0;
}
div.pageControls .showing
{
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    width: 50%;
}
div.pageControls .sort
{
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
    width: 50%;
}
div.pageControls .sort a.current
{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
div.pageControls .paginate
{
    margin: 0;
    padding: 0;
    float: right;
    text-align: right;
    width: 70%;
    margin-top: .4em;
}
div.pageControls .paginate a
{
    padding: 2px;
}
div.pageControls .paginate a.current
{
    font-weight: bold;
    background-color: #EAEAEA;
    color: #000;
    text-decoration: none;
}

table#list
{
    width: 100%;
    margin: 0;
    padding: 0;
}
table#list th
{
    border-style: none;
    border-spacing: 0;
    background-color: #C9DAEA;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}
table#list tr.odd
{
    background-color: #EAEAEA;
}
table#list td
{
    border-style: none;
    border-spacing: 0;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}


/* Control styles */
.gvTable
{
    width: 100%;
    margin: 0;
    padding: 0;
}
.gvTable th
{
    border-style: none;
    border-spacing: 0;
    background-color: #C9DAEA;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}
.gvTableTH
{
    border-style: none;
    border-spacing: 0;
    background-color: #C9DAEA;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}
.gvTableTROdd
{
    background-color: #EAEAEA;
}

.gvTable td
{
    border-style: none;
    border-spacing: 0;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}
.gvTableAnchor a
{
    padding: 0 10px 0 0;
}
.gvTableTD
{
    border-style: none;
    border-spacing: 0;
    vertical-align: top;
    margin: 0;
    padding: 5px;
}
.pagerControls
{
    height: 30px;
    margin: 0;
    padding: 10px;
    border: 1px solid #C9DAEA;
}

.emptyGridRow
{
    background-color: #FFF;
    border: 1px solid;
    font-style: italic;
}


/* --- ( PST Tool ) ------------------------------------------------------------ */

#SpotlightTool table#bodyTable
{
    margin: 20px 0;
}
#SpotlightTool table#bodyTable div.textEntry
{
    margin: 10px 0;
    padding: 0 0 10px 0;
    background-color: #C9DAEA;
}

#SpotlightTool table#bodyTable td
{
    margin: 0;
    padding: 0 10px;
}
#SpotlightTool table#bodyTable td h2
{
    margin: 0;
    padding: 0;
}
#SpotlightTool table#bodyTable td.firstCol
{
    width: 50%;
    vertical-align: top;
}
#SpotlightTool table#bodyTable td#meta
{
    background-color: #eaeaea;
}
#SpotlightTool table#bodyTable td.firstCol div.buttonBar
{
    margin: 10px 0;
}
#SpotlightTool table#bodyTable td.secondCol
{
    width: 50%;
    vertical-align: top;
}
#SpotlightTool table#bodyTable td.secondCol #preview
{
    padding: 10px;
    border: 1px solid #999;
}

.CommandButtonStyleSmall
{
    height: 25px;
    width: 65px;
}
.CommandButtonStyleMedium
{
    height: 25px;
    width: 85px;
}
.CommandButtonStyleLarge
{
    height: 25px;
    width: 150px;
}

/* --- ( Check Box Lists ) ------------------------------------------------------------ */

table.form table.checkBoxList td
{
    padding: 5px 10px 0 0;
}

div.fileinputs
{
    position: relative;
}

div.fakefile
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    vertical-align: middle;
    width:325px;
}

input.file
{
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:325px;
}

input.fakeupload
{
    width:285px;
}

.standard
{
    margin-bottom:10px;
    width:100%;
}

/* --- ( USER MESSAGE HANDLING ) ------------------------------------------------------------ */
.InformationError
{
    border: solid 2px #800000;
    background-color: #CC9999;
    position: relative;
}
.InformationErrorText
{
    color: #5A0000;
    font-weight: bold;
    height:25px;
    line-height:25px;
    padding-left:5px;
    vertical-align:middle;
}
.InformationMessage
{
    border: solid 2px #3FB500;
    background-color: #9FDA80;
    position: relative;
}
.InformationMessageText
{
    color: #2C7F00 !important;
    font-weight: bold;
    height:25px;
    line-height:25px;
    padding-left:5px;
    vertical-align:middle;
}

/* --- ( FINE UPLOADER ) ------------------------------------------------------------ */
.qq-upload-success
{
    display: none;
}