﻿body {
    font-family: Arial, Verdana;
    font-size: 10pt;
    background-color: #e5e5e5;
    margin: 10px 10px;
}

td {
    vertical-align: top;
}

th {
    text-align: left;
}

img {
    border:0;
}



/* ---------------------------
 * Master page items
 * --------------------------- */

.mptop {
    padding: 4px 8px 0 8px;
}
.mpcompany {
    font-size: 16pt;
    font-weight: bold;
    height: 30px;
}
.mpdate {
    text-align: right;
}
.mpglink {
    text-align: right;
}
.mpglink a {
    text-decoration: none;
}
.mpglink a:hover {
    text-decoration: underline;
}
.mpmain {
    margin-top: 10px;
    vertical-align: top;
}
.mpleft {
    vertical-align: top;
    padding-right: 8px;
    min-height: 300px;
}
.mpleftb {
    height: 7px;
}
.mpright {
    vertical-align: top;
    margin-left: 15px;
}

.mptabs {
    margin-top: 6px;
    height: 20px;
}
.mptabs ul {
    margin: 0;
    padding: 0;
}
.mptabs li {
    margin-right: 2px;
    padding: 0;
    display: inline;
    list-style: none;
}
.mptabs a {
    padding: 4px 8px;
    text-decoration: none;
    height: 20px;
    position: relative;
}
.mptabs li.current a {
    font-weight: bold;
}
a.showhidesb {
    text-decoration: none;
    color: #fff;
}
a.showhidesb:hover {
    text-decoration: underline;
}



/* ---------------------------
 * Message classes
 * --------------------------- */

.msgError {
    margin-bottom: 10px;
    text-align: left;
    border: 1px solid #c99;
    padding: 5px 5px 5px 30px;
    font-size: 12px;
    color: #fff;
    background: url(../Images/alertbad_icon.gif) #c00 left no-repeat;
}

.msgInfo {
    margin-bottom: 10px;
    text-align: left;
    border: 1px solid #9c9;
    padding: 5px 5px 5px 30px;
    font-size: 12px;
    color: #060;
    background: url(../Images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}

.msgOnline {
    margin-bottom: 15px;
    text-align: left;
    border: 1px solid #9c9;
    padding: 5px;
    font-size: 12px;
    color: #060;
    background-color: #E2F9E3;
}

.msgTitle {
    color: #000;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12pt;
}


 
/* ---------------------------
 * Common items
 * --------------------------- */

.panelLeftTitle {
    font-weight: bold;
    padding: 6px 8px;
}
.panelLeftBody {
    padding: 10px;
}
.panelRightTitle {
    font-weight: bold;
    padding: 4px 6px;
}
.panelRightBody {
    margin-top: 6px;
}
.panelRightBody ul {
    padding: 0;
    margin: 5px 0 5px 20px;
}
.panelRightBody li {
    list-style-type: square;
    padding: 2px 0;
}


.buttonPane {
    margin-top: 15px;
}

.filterPane {
    margin-top: 5px;
    margin-bottom: 15px;
}

.tableList {
}

.t1 {
    padding: 4px;
    font-weight: bold;
}

.piclink {
    background: url(../Images/folder.png) no-repeat top left;
    padding: 3px 0 3px 60px;
    min-height: 40px;
}

.piclink a {
    font-weight: bold;
}


/* ---------------------------
 * Study index page
 * --------------------------- */

.idx-cat {
    padding: 10px 0 0 60px;
    min-height: 50px;
}
.idx-title {
    font-weight: bold;
    font-size: 12pt;
}
.idx-links {
}

.task { background: #fff url('../Images/Tasks.png') no-repeat; }
.design { background: #fff url('../Images/Design.png') no-repeat; }
.collect { background: #fff url('../Images/Collect.png') no-repeat; }
.coding { background: #fff url('../Images/Coding.png') no-repeat; }
.contact { background: #fff url('../Images/Contact.png') no-repeat; }
.docs { background: #fff url('../Images/Document.png') no-repeat; }
.payment { background: #fff url('../Images/Payment.png') no-repeat; }
.device { background: #fff url('../Images/Device.png') no-repeat; }
.report { background: #fff url('../Images/Report.png') no-repeat; }
.export { background: #fff url('../Images/Export.png') no-repeat; }
.imaging { background: #fff url('../Images/Imaging.png') no-repeat; }


/* ---------------------------
 * SubjectForm page
 * --------------------------- */

.entryMode {
    font-weight: normal;
    margin-left: 20px;
}

.formButtons {
    padding: 6px 10px 0 0;
    text-align: right;
}

.formAlert {
    margin-top: 15px;
    padding: 8px 12px;
    text-align: center;
    font-weight: bold;
}

.formSection {
}

.formSectionTable td.leader {
    border-bottom: 1px solid #ddd;
    padding-top: 3px;
}

.formSectionTitle {
    padding: 5px;
    font-weight: bold;
    margin-bottom: 3px;
}

.formItemSeparator {
    margin-top: 4px;
    height: 10px;
}

.rsWrapper {
    padding: 16px 10px;
}

.rsTable {
}

.rsHeader {
    padding: 2px 4px;
}

.rsData {
    padding: 2px 4px;
}

.rsActions {
    margin-top: 4px;
}

.m-section-toggle {
    text-decoration: none;
}

.m-repeat-toggle {
}

 
/* ---------------------------
 * Report page
 * --------------------------- */

.repPrompt {
    font-weight: bold;
}

.repControl {
    margin-bottom: 14px;
}


/* ---------------------------
 * Generic styles
 * --------------------------- */

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.note1 { font-size: 90%; font-style:italic; padding-bottom: 8px; }

.strikeout { text-decoration: line-through; }

.odd { background-color: #ddd; }
.even { background-color: #fff; }



/* ---------------------------
 * Subject form styles
 * --------------------------- */

.ind0 { padding-left: 0px; }
.ind1 { padding-left: 20px; }
.ind2 { padding-left: 40px; }
.ind3 { padding-left: 60px; }
.ind4 { padding-left: 80px; }

.note { font-style: italic; }
.directive { font-size: 90%; font-style: italic; display: block; }
.xlate { font-size: 90%; font-style: italic; display: block; }
.bold { font-weight: bold; }
.direction { padding: 6px 10px; margin: 12px 0; }
.formlabelNote { font-style: italic; }

img.xq {
  padding-right: 2px;
}

img.xmon {
  padding-right: 2px;
}



.wl td { vertical-align: top; }
.wlh { padding: 2px 4px; border-bottom: 1px solid #000; color: #000; }
.wld { padding: 2px 4px; }


.tooltip-content {
    display: none;
    position: absolute;
    width: 250px;
    padding: 6px;
    border: 1px solid #369;
    background-color: #69c;
    text-align: left;
    color: #fff;
    min-height: 50px;
}

ul.pmenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.pmenu li {
    margin: 1px 0;
}

ul.pmenu li a {
    display: block;
    padding: 4px 5px;
    color: #fff;
    text-decoration: none;
}
ul.pmenu li a:hover {
    background-color: #369;
}

#qryeError, #qryeError2 {
    background: #c00;
    padding: 2px 4px;
    color: #fff;
    margin-bottom: 6px;
}
#qryaError {
    background: #c00;
    padding: 2px 4px;
    color: #fff;
    margin-bottom: 6px;
}


.mdtr {
    background: #369;
}
.mdtd {
    color: #fff;
    padding:2px;
}