@import("../stylesheets/autocomplete.css");

body {
    margin: 0px;
    padding: 0px;
    background-color: #ffffcc;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    text-align: left;
}

.generaltext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
}

.linknormal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #0000FF;
    text-decoration: underline !important;
}

.checkbox {
    font-style: italic;
}

.clineventstoptable {
    font-size: 8pt;
    font-family: Arial, helvetica, Sans-Serif;
    font-weight: bold;
    text-align: center;
}


h1 {
    color: #94C9A5;
    font-size: 30pt;
    font-weight: normal;
    font-family: Century, Georgia, Times New Roman, Serif;
    text-align: center;
}

h4 {
    font-size: 12pt;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: left;
}

td {
    font-size: 10pt;
    font-family: Arial, helvetica, Sans-Serif;
}

.tableheader {
    /*color: #94C9A5;*/
    font-size: 14pt;
    font-weight: normal;
    /*font-family: Century, Georgia, Times New Roman, Serif;*/
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-align: left;
}

.CssTitle {
    color: #94C9A5;
    font-size: 16pt;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

.overalltable {
    width: 1000px;
    border: 0;
    padding: 2px;
    margin: 1px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.maintable {
    border: thin solid #94C9A5;
    border-color: #94C9A5;
    background-color: #FFFFFF;
    font-size: 10pt;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    text-align: left;
}

.sidetable {
    padding: 0;
    border: none;
    /*	background-color: #FFCC66;*/
    text-align: left;
    background-image: url(images/ui-icons_8DC262_256x240.png);
}

.sidetext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
}

.navtable {
    background-color: #94C9A5;
    border: 0;
    width: 100%;
    font-weight: bold;
    color: White;
}

.CssLabel {
    font-size: 12px;
    color: Black;
    text-align: left;
}

.CssLabelRight {
    font-size: 12px;
    color: Black;
    text-align: right;
}

.CssLabelData {
    font-size: 12px;
    color: #804000;
    text-align: left;
    font-weight: bold;
}

.chkbxlistleft {
    margin-bottom: 10px;
    float: left;
    width: 30%;
}

.chkbxlistmiddle {
    margin-bottom: 10px;
    width: 30%;
}

.chkbxlistright {
    margin-bottom: 10px;
    width: 30%;
}

.clear {
    clear: both;
}

/*
    panel class definition
*/
.CssPanel {
    border-style: solid;
    border-width: 1px;
    border-color: green;
    /* margin-left is the space internal the panel */
    margin-left: 0px;
    /* left is the space external the panel */
    left: 0px;
    /*horizontal-align:left;*/
    border-style: solid;
    font-size: 12px;
}

/*
    datagrid class definition
    it includes general, selected, header, footer and pager.
    more will be coming.
*/
.CssDatagrid {
    /*background-color:lightsteelblue;*/
    font-size: x-small;
    border: none !important;
}

.CssDatagridSelected {
    background-color: #C0FFC0;
    font-size: 12px;
}

.CssDatagridFooter {
    background-color: #94C9A5;
    font-size: small;
    color: White;
    font-weight: bold;
    border: solid 1px #000;
}

.CssDatagridHeader, .CssDatagridHeader td {
    background-color: #94C9A5;
    font-size: 12px;
    color: White;
    font-weight: bold;
    border: solid 1px #94c9a5;
    padding: 2px;
}


.CssDatagridPager {
    background-color: #94C9A5;
    border: solid 1px #000;
    font-size: small;
    font-weight: bold;
    color: White;
}

.CssDatagridAlternative {
    background-color: #D8EBDE;
    font-size: small;
    height: 50px !important;
}


.CssDatagridItem {
    background-color: #fefefe;
    font-size: small;
    height: 50px !important;
    border: solid 1px #999;
}

.modalBackground {
    background-color: #ffffdd;
    /*	filter:alpha(opacity=70);
    opacity:0.7;  */ /*hpd coment out because causing error */
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 1.5px;
    border-style: solid;
    border-color: Gray;
    padding: 2px;
}

.wide {
    width: 600px;
    height: 400px;
}

.errorMessage {
    color: Red;
    font-weight: bold;
}

.timePickerPanel {
    background-color: #fff;
    font-size: 9pt;
    width: 225px;
    height: 300px;
    border: solid 1px gray;
}

.timePickerPanelInner {
    width: 220px;
    overflow: auto;
    position: relative;
    float: right;
    clear: both;
}

.timePickerItem,
a.timePickerItem,
a.timePickerItem:active,
a.timePickerItem:link,
a.timePickerItem:visited {
    font-size: 9pt;
    font-family: Geneva, Arial,sans-serif;
    color: #4a4a4d;
    border: solid 1px #fff;
}

    a.timePickerItem:hover {
        font-size: 9pt;
        font-family: Geneva, Arial,sans-serif;
        background-color: #ffffcc;
        border: solid 1px #4a4a4d;
        text-decoration: none;
    }

a.timePickerItemSelected,
a.timePickerItemSelected:active,
a.timePickerItemSelected:link,
a.timePickerItemSelected:visited {
    font-size: 9pt;
    font-family: Geneva, Arial,sans-serif;
    background-color: #ffffcc;
    border: solid 1px #4a4a4d;
    text-decoration: none;
}

    a.timePickerItemSelected:hover {
        font-size: 9pt;
        font-family: Geneva, Arial,sans-serif;
        background-color: #000;
        color: #fff;
        border: solid 1px #4a4a4d;
        text-decoration: none;
    }

.txtBoxContactTime {
    font-size: 9pt;
    font-family: Geneva, Arial,sans-serif;
}

.halfwide {
    width: 70%;
}

.navHeaderSteps,
a.navHeaderSteps,
a.navHeaderSteps:active,
a.navHeaderSteps:link,
a.navHeaderSteps:visited {
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: blue;
    margin: 5px;
    padding: 2px 5px;
    background-color: #ffcc66;
    height: 30px;
    width: 25px;
    border: solid 2px #ffcc99;
    text-align: center;
    vertical-align: middle;
}

    a.navHeaderSteps:hover {
        font-size: 9pt;
        font-weight: bold;
        text-decoration: none;
        color: blue;
        margin: 5px;
        padding: 2px 5px;
        background-color: #ffcc99;
        height: 30px;
        width: 25px;
        border: solid 2px #ffcc66;
        text-align: center;
        vertical-align: middle;
    }

.navHeaderStepsSelected,
a.navHeaderStepsSelected:active,
a.navHeaderStepsSelected:link,
a.navHeaderStepsSelected:visited,
a.navHeaderStepsSelected:hover {
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: blue;
    margin: 5px;
    padding: 2px 5px;
    background-color: #ffcc99;
    height: 30px;
    width: 25px;
    border: solid 2px #ffcc66;
    text-align: center;
    vertical-align: middle;
}

.borders td {
    border: solid 1px #94C9A5;
}

ul.mainMenu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    ul.mainMenu li {
        list-style-type: none;
        vertical-align: middle;
    }

    ul.mainMenu li {
        padding: 10px 0px;
    }

        ul.mainMenu li a,
        ul.mainMenu li a:active,
        ul.mainMenu li a:visited,
        ul.mainMenu li a:link {
            margin: 5px 0px 5px 0px;
            text-decoration: underline;
            vertical-align: middle;
        }

            ul.mainMenu li a:hover {
                vertical-align: middle;
            }


        ul.mainMenu li:hover, ul.mainMenu li:hover a {
            vertical-align: middle;
            margin: 0px;
            background-color: #aaa;
        }

#dAccreditationsOther {
    vertical-align: text-top;
}

#dLicensesOther {
    vertical-align: text-top;
}

.gridview {
    border: solid 1px #ddd;
}

.gridview2 {
    border: solid 1px #000;
}

.gvHeader, .gvHeader th {
    font-size: 12pt;
    font-weight: bold;
    background-color: #94C9A5;
    color: #fff;
}

.gvHeader2, .gvHeader2 th {
    font-size: 10pt;
    font-weight: bold;
    background-color: #999;
    color: #fff;
    border: solid 1px #ddd;
    padding: 2px;
    vertical-align: bottom;
}

.gvHeader3, .gvHeader3 th {
    font-size: 10pt;
    font-weight: bold;
    background-color: #999;
    color: #fff;
    padding: 10px 5px;
}

.gvFooter, .gvPager {
    font-size: 12pt;
    font-weight: bold;
    background-color: #94C9A5;
    color: #fff;
}

.gvHeader2 {
    font-size: 11pt;
    font-weight: bold;
    background-color: #aaa;
    color: #fff;
}

.gvPager span {
    font-size: 9pt;
    color: #ddd;
    font-weight: bold;
}

.gvPager a, .gvPager a:visited, .gvPager a:link, .gvPager a:active {
    color: #fff;
    font-size: 9pt;
    font-weight: bold;
}

    .gvPager a:hover {
        color: #fff;
        font-size: 9pt;
        font-weight: #ccc;
    }

.gvRed {
    font-size: 10pt;
    background-color: red;
    color: #fff;
    font-weight: bold;
}

.gvYellow {
    font-size: 10pt;
    background-color: Yellow;
    color: #000;
    font-weight: bold;
}

.gvGreen {
    font-size: 10pt;
    background-color: green;
    color: #fff;
    font-weight: bold;
}


.gvItem, .gvItem td {
    font-size: 10pt;
    background-color: #ffffcc;
    color: #000;
}

.gvItem2, .gvItem2 td {
    font-size: 11pt;
    background-color: #ddd;
    color: #000;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    padding: 2px;
}


.gvItem3, .gvItem3 td {
    font-size: 10pt;
    background-color: #efefef;
    padding: 2px;
}

.gvAltItem, .gvAltItem td {
    font-size: 10pt;
    background-color: #ffdb91;
}

.gvAltItem2, .gvAltItem2 td {
    font-size: 10pt;
    background-color: #efefef;
    color: #000;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
}

.gvAltItem3, .gvAltItem3 td {
    font-size: 10pt;
    background-color: #bcbcbc;
    padding: 2px;
}



.knToolbar, .knToolbar td {
    background-color: #ccc;
    font-family: Arial, Verdana, Sans-serif;
    font-size: 12px;
    height: 25px;
}


td.knToolBarItem a,
td.knToolBarItem a:link,
td.knToolBarItem a:active,
td.knToolBarItem a:visited {
    color: #5a9d1a !important;
    font-weight: bold;
    font-size: 8pt;
}

    td.knToolBarItem a:hover {
        text-decoration: underline;
    }


.knToolbarControl {
    background-color: #fff;
    color: #000;
    font-family: Geneva, Arial, sans-serif;
    font-size: 9px;
}

/*Popup Messages*/

.alert {
    height: 300px;
    width: 400px;
    color: red;
    overflow: auto;
}

.longAlert {
    height: 400px;
    width: 600px;
    color: red;
    overflow: auto;
}

.mediumAlert {
    height: 300px;
    width: 600px;
    color: red;
    overflow: auto;
}

.message {
    height: 500px;
    width: 600px;
    overflow: auto;
}

a.lbCansPager, a.lbCansPager:active, a.lbCansPager:link, a.lbCansPager:visited {
    padding: 0px 5px 0px 5px;
    font-size: 10pt;
    font-weight: bold;
    font-family: Geneva, Arial, Sans-serif;
    color: #000;
    text-decoration: none;
}

    a.lbCansPager:hover {
        padding: 0px 5px 0px 5px;
        font-size: 10pt;
        font-weight: bold;
        font-family: Geneva, Arial, Sans-serif;
        background-color: 94c9a5;
        color: #000;
        text-decoration: none;
    }

a.lbCansPagerBtn, a.lbCansPagerBtn:active, a.lbCansPagerBtn:link, a.lbCansPagerBtn:visited {
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    font-size: 9pt;
    font-weight: bold;
    font-family: Geneva, Arial, Sans-serif;
    border: solid 1px #94c9a5;
}

    a.lbCansPagerBtn:hover {
        padding: 1px;
        text-align: center;
        vertical-align: middle;
        font-size: 9pt;
        font-weight: bold;
        font-family: Geneva, Arial, Sans-serif;
        background-color: 94c9a5;
        color: #000;
        border: solid 1px #94c9a5;
    }

tr.rowItem {
    background-color: #94c9a5;
}

tr.altItem {
    background: #fff;
}

a.lbNextPrevious, a.lbNextPrevious:active, a.lbNextPrevious:visited, a.lbNextPrevious:link {
    margin: 0px 10px;
    font-weight: bold;
    color: black;
    padding: 2px;
}

    a.lbNextPrevious:hover {
        background-color: #94c9a5;
        text-decoration: none;
    }

.tesiSectionHead {
    border: solid 1px #ccc;
    background-color: #efefef;
    font-family: Tahoma, helvetica, Sans-Serif;
}

.subhead {
    font-weight: bold;
    font-size: 1.7em;
    color: #000;
}

.gvItemLite {
    background-color: #fff;
    font-size: 9pt;
}

    .gvItemLite td {
        border: solid 1px #060;
        font-size: 9pt;
        padding: 2px;
    }

.gvItemDark {
    background-color: #efefef;
}

    .gvItemDark td {
        border: solid 1px #060;
        font-size: 9pt;
        color: #666;
        padding: 2px;
    }

.gvClass {
    margin-top: 10px;
    border: solid 1px #060;
    background-color: #bbb;
}

.highlightError {
    background-color: #ffcc66;
    font-weight: bold;
}

.youthHPHeader {
    font-family: Geneva, Arial, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    background-color: #BACDEB;
    position: relative;
    float: left;
    clear: both;
    color: #fff;
    height: 25px;
    width: inherit;
    margin: 0px auto;
    width: 834px;
    padding: 1px 2px;
}

.youthHPContentMain {
    padding: 2px 2px 2px 2px;
    font-family: Geneva, Arial, sans-serif;
    font-size: 10pt;
    border: solid 1px #BACDEB;
    background-color: #fff;
    position: relative;
    float: left;
    clear: both;
    color: #000;
    width: 838px;
    height: 600px;
}

.youthHPContentCenter {
    font-family: Geneva, Arial, sans-serif;
    font-size: 11pt;
    position: relative;
    float: left;
    clear: both;
    color: #000;
    margin: 0px auto;
    width: 834px;
    padding: 10px 2px;
    height: 600px;
}

.youthprofilenav {
    width: 200px;
    position: relative;
    float: left;
    clear: none;
}

.youthprofiledetails {
    width: 638px;
    position: relative;
    float: left;
    clear: none;
}

.yptab {
    border: solid 1px #bacdeb;
    color: #bacdeb;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    width: 130px;
    height: 35px;
}

    .yptab:hover {
        border: solid 1px #bacdeb;
        color: #4a4a4d;
        background-color: #bacdeb;
        font-size: 8pt;
        font-weight: bold;
        vertical-align: middle;
        text-align: center;
    }

    .yptab a {
        text-decoration: none;
        color: #bacdeb;
        height: 35px;
        width: 130px;
    }

        .yptab a:hover {
            color: #4a4a4d;
            height: 35px;
            width: 130px;
        }

.yptabselected, .yptabselected a {
    border: solid 1px #bacdeb;
    color: #4a4a4d;
    background-color: #bacdeb;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.noForms {
    font-weight: bold;
    color: #000;
}

/* IDs */
#available {
    padding: 5px;
    background-color: #F2F3F5;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
}

#draft {
    padding: 5px;
    background-color: #F2F3F5;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
}

#completed {
    padding: 5px;
    background-color: #F2F3F5;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
}

.goalToolBar {
    width: 800px;
    height: 25px;
    background-color: #F2F3F5;
    position: relative;
    float: left;
    clear: both;
    vertical-align: middle;
    padding-top: 4px;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
}

.ajax__calendar_container {
    z-index: 100000;
}

.zLayer {
    z-index: -80;
}

.scrollcontainer {
    overflow: auto;
    position: relative;
}

    .scrollcontainer table th {
        position: relative;
        top: expression(this.offsetParent.scrollTop);
        height: 18px;
        background-color: #94c9a5;
        color: #fff;
        font-size: small;
    }

    .scrollcontainer table tbody {
        overflow: hidden;
    }

    .scrollcontainer table {
        border: none;
    }

.cssTextBox {
    font-size: 10px;
    font-family: Arial, Verdana, sans-serif;
    border: solid 1px #bbb;
    height: 20px;
}

/* Youth Searc*/
.youthSearchDirections {
    margin: 0px 0px 15px 0px;
}

    .youthSearchDirections #details {
    }

.youthSearchDirectionsLegend {
    font-size: 11pt;
    font-weight: bold;
    color: #666;
    padding-right: 2px;
}

#programTabs {
    font-size: 80%;
}

    #programTabs ul li {
        width: 85px;
        height: 55px;
    }

.normalDDL {
    font-size: 10px;
    font-family: Geneva, Arial, verdana, sans-serif;
}

.normalButton {
    font-size: 10px;
    font-family: Geneva, Arial, verdana, sans-serif;
}

/*
    These two classes are used on the Program Forms page
*/
.formAlert {
    color: Red;
    font-size: 11pt;
    font-weight: bold;
}

.formNormal {
    color: blue;
    font-size: 11pt;
    font-weight: bold;
}

.hypSpacer {
    padding-top: 3px;
    position: relative;
    float: left;
    clear: both;
}

.adminGridView {
    border: solid 1px #000;
}

.adminGridViewHeader, .adminGridViewHeader th {
    background-color: #999999;
    color: #000;
    font-weight: bold;
    font-size: 12pt;
    border: solid 1px #000;
}

.adminGridViewItem td {
    color: #000;
    font-size: 10pt;
    border: solid 1px #000;
}

.adminGridViewAlt td {
    background-color: #bcbcbc;
    font-size: 10pt;
    color: #000;
    border: solid 1px #000;
}

.adminGridViewHeader_Small, .adminGridViewHeader_Small th {
    background-color: #999999;
    color: #000;
    font-weight: bold;
    font-size: 10pt;
    border: solid 1px #000;
}

.adminGridViewItem_Small td {
    color: #000;
    font-size: 9pt;
    border: solid 1px #000;
}

.adminGridViewAlt_Small td {
    background-color: #bcbcbc;
    font-size: 9pt;
    color: #000;
    border: solid 1px #000;
}

a.toolbar, a.toolbar:active, a.toolbar:visited, a.toolbar:link {
    color: #ffcc99;
    font-weight: bold;
}

a.toolbar:hover {
    background-color: #f2f3f5;
    color: #000;
    text-decoration: none;
}

/* Sign In Button */

a.btnSignIn, a.btnSignIn:visited, a.btnSignIn:active, a.btnSignIn:link {
    color: #fff;
    font-size: 11pt;
    font-weight: bold;
}

    a.btnSignIn:hover {
        color: #efefef;
        text-decoration: none;
        cursor: pointer;
    }

a.linkSignOut, a.linkSignOut:visited, a.linkSignOut:active, a.linkSignOut:link {
    font-size: 12pt;
    font-weight: bold;
    color: #5a9d1a !important;
}

    a.linkSignOut:hover {
        text-decoration: underline;
    }

.ui-state-default th {
    border: 1px solid #000;
}

a.tButton,
a.tButton:link,
a.tButton:visited,
a.tButton:active {
    font-weight: bold;
    color: #000;
    padding: 3px;
}

    a.tButton:hover {
        padding: 3px;
        background-color: #000;
        color: #efefef;
    }

.greenlink,
a.greenlink,
a.greenlink:link,
a.greenlink:active,
a.greenlink:visited {
    color: green;
    font-weight: normal;
    text-decoration: none;
}

    a.greenlink:hover {
        color: #ccc;
        font-weight: normal;
        text-decoration: underline;
    }

.datLstItem {
    font-family: Verdana, Arial, sans-serif;
    padding: 3px;
}

.datLstAltItem {
    font-family: Verdana, Arial, sans-serif;
    padding: 3px;
}

.importMsg_Item {
    border-top: solid 1px #bbb;
    color: #000;
    font-size: 9pt;
    font-family: Geneva, Arial, Verdana, sans-serif;
    padding: 3px;
    position: relative;
    float: left;
    clear: both;
    width: 99%;
}

.importMsg_AltItem {
    border-top: solid 1px #bbb;
    background-color: transparent;
    color: #000;
    font-size: 9pt;
    font-family: Geneva, Arial, Verdana, sans-serif;
    padding: 1px;
    position: relative;
    float: left;
    clear: both;
}

td.head, .head {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12pt;
    color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:active {
    color: #006600;
    text-decoration: underline;
}

.mainHead {
    font-size: 22pt;
    color: #006600;
    font-family: Arial, Verdana, sans-serif;
    text-align: center;
    width: 100%;
    margin: 15px;
}

.rowItem1, .rowItem1 td {
    font-size: 9pt !important;
    font-weight: normal;
    background-color: #ddd;
}

.altItem1, .altItem1 td {
    font-size: 9pt !important;
    font-weight: normal;
    background-color: #fff;
}

#jqMasterHelp p {
    font-size: 10pt !important;
}

.normal {
    font-weight: normal !important;
    font-size: 9pt !important;
}

#helpForm {
    font-family: Verdana, Arial, sans-serif;
}

    #helpForm h1 {
        font-size: 1.5em;
        font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
        text-align: left;
        color: #006600;
    }

    #helpForm .helpLinks a,
    #helpForm .helpLinks a:active,
    #helpForm .helpLinks a:link,
    #helpForm .helpLinks a:visited {
        font-family: Verdana, Arial, sans-serif;
        text-align: left;
        color: #006600;
        text-decoration: underline;
        font-weight: bold;
    }

#helpForm {
}

    #helpForm td.helpLinks {
        border: solid 1px #006600;
        background-color: #efefef;
        width: 100px;
    }

    #helpForm td.helpContent {
        font-size: 10pt;
        background-color: #efefef;
        border: solid 1px #bbb;
    }



    #helpForm .helpLinks a:hover {
        font-family: Verdana, Arial, sans-serif;
        text-align: left;
        color: #666;
        font-weight: bold;
        text-decoration: underline;
    }

#ui-datepicker-div {
    z-index: 9999999;
}

/* hpd stuff for Allegany cans */
div.rows div.row {
    clear: both;
    border-bottom: 1px;
    width: 100%;
}

div.rows div.column {
    float: left;
}

div.rows div.clear-row {
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

.w-50-percent {
    width: 50%;
}

.w-40-percent {
    width: 40%;
}

.w-30-percent {
    width: 30%;
}

.w-10-percent {
    width: 10%;
}

.myaltitem {
    background: #fff;
}

.myrowItem {
    background-color: #94c9a5;
}

.canstable {
    border-collapse: collapse;
    border-spacing: 0;
}


#AGcontainer {
    margin: auto;
    width: 100%;
    border: 2px solid black;
}

.panelwhole {
    width: 80%;
    border-top: 1px solid #c29900;
    border-bottom: 1px solid gray;
    margin-bottom: 15px;
    padding-top: 10px;
}

.paneldim {
    background-color: #b6b7bc;
}

.pagetitle {
    border-top: 2px solid #c29900;
    border-bottom: 2px solid #c29900;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.floatleft {
    float: left;
}

h4, .h4 {
    font-size: 1.3em;
}

.clearleft {
    clear: left;
}

.lowestop {
    width: 90%;
    border: 2px solid #c29900;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-top: 5px;
    height: 100%
}

.bxitem {
    margin-bottom: 20px;
    padding-left: 3px;
    border-top: 2px solid #c29900;
}

.bxitemnotop {
    margin-bottom: 20px;
    padding-left: 3px;
}

.bxitempadtop {
    border-top: 2px solid #c29900;
    padding-left: 5px;
    margin-top: 20px;
}

.bxitemleftbord {
    padding-left: 3px;
    border-top: 2px solid #c29900;
    border-left: 2px solid #c29900;
}

.leftscreen {
    float: left;
    width: 45%;
}

.rightscreen {
    margin-left: 55%;
}

.padtop {
    padding-top: 3px;
}

.padbottom {
    padding-bottom: 3px;
}

.padright {
    padding-right: 3px;
}

.marbottom {
    margin-bottom: 3px;
}

.maxwide {
    width: 97%;
}

.boldtxt {
    font-weight: bold;
    text-align: right;
}

.kyheading {
    font-weight: bold;
}

.despace {
    border-style: solid;
    margin-top: 10px;
    background-color: #DCDCDC;
    float: left;
    width: 98%;
    padding: 5px;
}

.cp_label {
    position: relative;
    float: left;
    width: 175px;
}

.cp_data {
    position: relative;
    float: left;
    width: 175px;
}

.cp_error {
    position: relative;
    float: left;
    width: 275px;
}

.row {
    width: 100%;
    padding: 5px;
    clear: both;
    margin-bottom: 5px;
}

.hidden {display: none;}

.kipsHeader {font-weight: bold; font-size: 14pt; border-bottom: solid 1px #000;}