/* 
Document   : default
Created on : 22-Jul-2008, 16:08:28
Author     : nabil
Description:
Purpose of the stylesheet follows.
*/

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

h1.pageTitle {
    color: #A93031;
    text-align: left;
    font-family:Trebuchet MS;
}
h3.pageTitle {
    color: #A93031;
    text-align: left;
    font-family:Trebuchet MS;
}
h2.pageTitle {
    color: #A93031;
    text-align: left;
    font-family:Trebuchet MS;
}

table.selecttable {
    width: 100%;
    background-color: #ddddee;
    border: 2px solid #ddddee;
}
li {
    list-style:none;
    display: inline ;
    list-style-type:disc;
    outline-width:medium;
    font-size:0.75em;
    line-height:normal;
    padding:4px;
    background-color:#A93031;
    font-family:Trebuchet MS;
    font-size:12px;
}

li.resultsLi {
    background-color: #A93031;
    color: #F5DBDB;
    font-style: italic;
}

a {
    text-decoration: none;
    color: #FFFFFF;
}
ul{
    margin:0px;
    padding:0px;
    white-space:nowrap;
    display:block;
}
ul.norm {
    white-space:normal;
    margin-left:15px;
    max-width:630px;
}
li.normal{
    font-family:Trebuchet MS;
    font-size:11px;
    display: list-item ;
    list-style: disc inside;
    background-color:white;
    color:black;

}

li.normal a{
    color:#A93031;
}
p{
    font-family:Trebuchet MS;
    font-size: x-small;
    color:#2F2F2F;
}
ul.ajaxLinkList{
    margin:0px;
    padding:0px;
    display:inline;
}
ul.ajaxLinkList li{
    text-decoration:underline;
    display:inline;
    cursor:pointer;
}

li.secondMenu{
    background-color:white;
    color:#A93031;
    display: list-item ;
    list-style: disc inside;
    margin-left:50px;
    /*float:left;*/
    width:100%
}
li.secondMenu a{
    background-color:#F5DBDB;
    color:#A93031;
    padding:5px;

}
a:hover {
    text-decoration: underline;
    background-color:#FFFFFF;
    color:#A93031;
}
th.selectTableHeader {
    background-color: #ddddee;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}

th.selectTableHeader.refine {
    text-align: center;
    width: 30px;

}
.refine {
    text-align: center;
    width: 30px;
}

th.selectTableHeader a {
    font-weight: bold;
    color: #A93031;
}

th.selectTableHeader a:hover {
    text-decoration: none;
}

td.selectTableBodyEven {
    background-color: #eeeeee;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}

td.selectTableBodyEven a{
    color:#A93031;
 }

td.selectTableBodyOdd {
    background-color: #e7e7e7;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top;
}

td.selectTableBodyOdd a{
    color:#A93031;
 }


tr.informationTr {
    text-align: center;
    background-color: #ffffdd;
    color: #A93031;
}

ul.listConcept li {
    top: 10px;
    float: right;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    border: 2px solid #A93031;
}

ul.listConcept {
    display: block;
    height: 29px;
    background-color: #F5DBDB;
    list-style: none;
    border: none;
    border-bottom: 2px solid #A93031;

    margin: 0px;

    margin-bottom: 20px;
    width: 700px;
}

ul.listConcept a {
    color: #A93031;
    border: 0px solid red;
    text-decoration: underline;
    background-color:#FFFFFF;
}

ul.listConcept a:hover {
    text-decoration: none;
}

ul.listConcept a img {
    border: none;
}
.middleColumn {
    margin-left: 0px;
    margin-right: 0px;
    margin-top:0px;
    width: 730px;
    padding:0px;
    background-color: white;
    /*padding: 25px;*/
    /*border: solid 2px black;*/
}
body {
    /*background-color: gray;*/
    font-family: serif;
    font-size: 16px;
}

.divClass {
    display: block;
    clear: both;
    margin-top: 5px;
}

.divLabel {
    width: 100px;
    background-color: #ddddee;
    text-align: right;
    display: block;
    padding: 5px;
    float: left;
    border: 2px solid #ddddee;
    border-right: none;
    color: #A93031;
}

.divValue {
    text-align: left;
    padding: 5px;
    width: 612px;
    margin-left: 114px;
    background-color: #ddddee;
    border: 2px solid #ddddee;

    display: block;
}

.divValue input{
    display: block;
    text-align: left;
    padding: 5px;
    width: 612px;
    background-color: #F5DBDB;
    border: 2px solid #ddddee;
    height: 34px;

    vertical-align: middle;

    color: black;

    font-family: serif;
    font-size: 16px;
}

.divValue textarea{
    display: block;
    text-align: left;
    padding: 3px;
    width: 612px;
    background-color: #F5DBDB;
    border: 2px solid #ddddee;
    height: 250px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-top: 2px;
    color: black;
    font-family: serif;
    font-size: 16px;
}
.divValue.textareabox{
    padding: 3px;
    width: 612px;
    height: 250px;
    vertical-align: middle;
    color: black;
    font-family: serif;

}
select.divValue {
    background-color: #F5DBDB;
    border: 2px solid #ddddee;
    height: 32px;
    margin-top: 2px;
}

.divValue.dateBox {
    width: 150px;
    float: left;
    margin-left: 2px;
}

.divValue.hours {
    width: 50px;
    margin-left: 25px;
}

.divValue.minutes {
    width: 50px;
    margin-left: 5px;
}

.divValue.calendarButton {
    width: 100px;
    text-align: center;
    background-color: #eeeeff;
    border-left: 0px;
    margin-left: 0px;
    color: #A93031;
    font-family: serif;
}
.divValue.calendarButton:hover {
    background-color: #ddddee
}

.dataIncludeWidget {
    display: block;
    clear: both;
    margin-top: 5px;
}

input.number {
    width: 250px;
}

.number {
    text-align: right;
}


.formButtonsBottom {
    width: 100%;
    margin-top: 20px;
    padding-top: 0px;
    border-top: 2px solid #A93031;
    text-align: right;
}

.formButton {
    border: 2px solid #A93031;
    background-color: #A93031;
    color: #ccccdd;
    padding: 5px;
    font-size: 16;
    text-align: center;
    width: 150px;
    font-weight: bold;
}

.formButton:hover {
    color: #F5DBDB;
}

.refineTd {
    text-align: right;
}

.refineButton {
    border: 2px solid #A93031;
    background-color: #A93031;
    color: #ccccdd;
    padding: 1px;
    font-size: 14;
    text-align: center;
    width: 75px;
    font-weight: bold;
}

.refineButton:hover {
    color: #F5DBDB;
}

.divNavigation {
    margin-bottom: 10px;
}

.divNavigation a {
    color: #F5DBDB;
}

.divNavigation a:hover {
    color: #F5DBDB;
    text-decoration: none;
}

.divNavigation #linkBack {
    background-color: #A93031;
    display: inline-block;
    float: left;
    text-align: left;
    padding-left: 10px;
    width: 365px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
}

.divNavigation #linkNext {
    background-color: #A93031;
    width: 50%;
    display: block;
    float: right;
    text-align: right;
    width: 365px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
}

.realHeader {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -25px;
    height: 100px;
    color: #F5DBDB;
    background-color: #A93031;
    text-align: center;
    font-size: 48px;
    line-height: 100px;
}

.realFooter {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 50px;
    margin-bottom: -25px;
    color: #F5DBDB;
    background-color: #A93031;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

ul.navBar1 {
    text-align: center;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #ddddee;
    height: 35px;
    color: #A93031;
    padding: 0px;
}

ul.navBar1 li {
    list-style-type: none;
    width: auto;
    float: left;
}

ul.navBar1 li a {
    height: 25px;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 3px;
    color: #A93031;
}

ul.navBar1 li a:hover {
    background-color: #eeeeff;
}

ul.navBar1 li a.selected {
    background-color: #eeeeff;
}

.navBar2 {
    text-align: center;
    padding-top: 5px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 0px;
    margin-bottom: 40px;
    background-color: #eeeeff;
    height: 25px;
    color: #A93031;
    padding: 0px;
    clear: both;
    font-size: 14px;
}

ul.navBar2 li {
    display: inline-block;
    list-style-type: none;
    width: auto;
    height: 25px;
    float: left;
}

ul.navBar2 li a {
    display: inline-block;
    list-style-type: none;
    width: auto;
    height: 22px;
    float: left;
    padding-top: 3px;
    color: #A93031;
    padding-left: 10px;
    padding-right: 10px;
}

ul.navBar2 li a:hover {
    background-color: #F5DBDB;
}

ul.navBar2 li a.selected {
    background-color: #F5DBDB;
}

#subFormDiv {
    position: absolute;
}

.ajaxInlinePopup {
    cursor: hand;
    cursor: pointer;
    width: 500px;
    background: grey;
}

table.photos {
    width: 100%;

}

table.photos th.radioTh {
    width: 75px;
    text-align: center;
}

table.photos th.filenameTh {
    width: 100%;
    text-align: left;
}

table.photos input.filenameInput {
    width: 450px;
}

table.photos td.radioTd {
    text-align: center;
}