html, body {
    height:99%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
}

#page {
    margin:0 auto;
    width:900px;
    font-size: 1em;
    min-height: 95%;
    position: relative;
    border-right:solid 1px #D8D8D8;
    border-left:solid 1px #D8D8D8;
    border-bottom:solid 1px #D8D8D8;
    top: 15px;
}

#menuarea {
    width: 100%;
    background-color: #000000;
}

table.info {
    border: thin solid #CCCCCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    text-align: left;
    width: 100%;
    table-layout: fixed;
}

table.info tr {
    vertical-align: top;
}

table.info th {
    text-align: left;
}

table.info th a {
    text-decoration: none;
}

table.info th a:hover {
    color: orange;
    text-decoration: underline;
}

table.info td a {
    text-decoration: none;
    color: black;
}

table.info td a:hover {
    color: orange;
    text-decoration: underline;
}


table.menu, table.menu a {
    font-size: 1em;
    font-weight: bold;
    color: white;
}

td.menu a {
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

td.menu a:hover {
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: underline;
}

table.menuManager, table.menuManager a {
    font-size: 1em;
    font-weight: bold;
    color: white;
}

td.menuManager a {
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

td.menuManager a:hover {
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: underline;
}

td.active a {
    color: orange;
    text-decoration: none;
}

td.active a:hover {
    color: orange;
    text-decoration: underline;
    font-weight: bold;
}

#contentarea {
    width:auto;
    height: auto;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 3em;
}

.page-heading {
    font-size: 1.3em;
}

#footer{
    padding-left: 2em;
    padding-right: 2em;
    position: absolute;
    bottom: 5px;
    width: 90%;
}

.footer {
    color: #808080;
    font-size: 0.8em;
}

.bottomContainer {
    min-height: 40%;
    position: relative;
    height: 40%;
}

form {
    display: block;
}

ul.formtype1 {
    list-style: none;
}

textarea.noteText {
    width: 300px;height: 70px;
}

.textfield-normal {
    width: 200px;
}
.textfield-clr {
    width: 50px;
}
.textfield-account {
    width: 133px;
}

ul.formtype1 li input {
    clear: right;
    padding: 2px 1px 1px;
    border: solid 1px #999999;
    float: left;
    margin-right: 5px;
    margin-left: 0px;
}

ul.formtype1 li input[type="radio"] {
    clear: right;
    padding: 2px 1px 1px;
    border: none;
    float: left;
    margin-right: 5px;
    margin-left: 0px;
}

ul.formtype1 li {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

ul.formtype1 li.odd {
    background: #E4E4E4;
}

ul.formtype1 li.even {
    background: #F0F0F0;
}

.buttonstyle {
    border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius:2px;
    color: #000000;
    cursor: default;
    font-size: 0.9em;
    /*font-variant: normal;*/
    font-weight: bold;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 2px 4px;
    text-decoration: none;
    clear: right;
    float: none;
    margin-left: 1px;
    outline: medium none;
    list-style-type: none;
    width: 120px;
}

li.submitbuttype1 {
    padding: 0px 0 0 230px;
    list-style-type: none;
}

.submitbuttype1{
    text-align: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

li.odd {
    background: white;
}

li.even {
    background: #E4E4E4;
}

li.selected {
    font-weight: bold;
}

ul.formtype1 li label {
    width: 220px;
    float: left;
    margin-right: 8px;
    text-align: left;
    color: #000000;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 20px;
}

ul.formtype1 li label.unitbooleans {
    width: 300px;
}

ul.formtype1 li label.chooseunit {
    width: 600px;
    margin-right: 1px;
    text-align: left;
    font-weight: normal;
}

ul.formtype1 li input[type="submit"] {
    border: solid 1px #999999;
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-size: 12px;*/
    color: #000000;
    font-weight: bold;
    /*font-variant: normal;*/
    text-decoration: none;
    padding: 2px 4px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: default;
}

.tab {
    /*font-family: Tahoma;*/
    /*font-size: 12px;*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*font-variant: normal;*/
    color: #333333;
    /*border: thin solid #CCCCCC;*/
    text-align: right;
    width: 80px;
    height: 27px;
    padding-top:3px;
    border-spacing:0;
    border-collapse:collapse;
}

.error {
    color: #D8000C;
    background-color: #FFD8D8;
}

span.error{
    display:block;
    border: thin solid #D8000C;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.alert {
    color: black;
    background-color: #ffa5001c;
    font-weight: bold;
}

span.alert{
    display:block;
    border: thin solid orange;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.success {
    color: #306754;
    background-color: #D2FFD2;
}

span.success{
    display:block;
    border: thin solid #306754;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* edit for company form work area */
.outputtext {
    font-size: 1.0em;
    float:left;
    width:auto;
}



span.pagebanner , span.pagelinks {
    color:#606060;
    margin-left: 5px;
}

span.pagelinks a {
    color:#606060;
}

span.pagelinks a:hover {
    font-weight:bold;
    color:#000000;
}

.edittable tr.odd {
    background: #E4E4E4;
    color: #000000;
}

.edittable tr.odd a {
    color: #000000;
}

.edittable tr.even {
    background: #F0F0F0;
    color: #000000;
}

.edittable tr.even a {
    color: #000000;
}

.edittable th {
    padding: 3px;
    text-align: left;
    color: #000000;
}

.edittable tr.notActive{
    /*background: #81DAF5;*/
    background: #FFFFEE;
    color: #000000;
}

.edittable tr.activeNow{
    /*background: #81DAF5;*/
    background: #D2FFD2;
    color: #000000;
}

.edittable tr.expired{
    /*background: #81DAF5;*/
    background: #FFC4C4;
    color: #000000;
}

.edittable th.propertyname {
    padding: 3px;
    text-align: left;
    color: #000000;
    background: #C4C4C4;
}

.edittable {
    border: thin solid #CCCCCC;
    border-radius: 5px;
    width: 100%;
    font-size: 0.8em;
    padding: 3px;
}

.edittable tbody tr {

}

.edittable tbody tr a {
    /*font-weight:normal;*/
    text-decoration:none;
}


.edittable td {
    text-align:left;
    padding-left: 3px;
    padding-right: 3px;
}

.edittable td.oldvalue {
    color: #606060;
}

.edittable td.propertyname {
    background: #C4C4C4;
}

.edittable td.rightaligned {
    text-align:right;
    padding-left: 3px;
}

.edittable thead {
    font-weight: bold;
    text-align:left;
    background: #C4C4C4;
    color: #000000;
}

.edittable tfoot {
    font-weight: bold;
    text-align:left;
    background: #C4C4C4;
    color: #000000;
}

.edittable thead a {
    /*font-family: Tahoma;*/
    /*font-size: 11px;*/
    font-weight: bold;
    text-align:left;
    background: #C4C4C4;
    color: #000000;
    text-decoration:none;
}

.edittable thead a:hover {
    /*font-family: Tahoma;*/
    /*font-size: 11px;*/
    font-weight: bold;
    text-align:left;
    background: #000000;
    color: #C4C4C4;
    text-decoration:underline;
}

.edittable td a:hover {
    /*font-family: Tahoma;*/
    /*font-size: 11px;*/
    /*font-weight: bold;*/
    text-align:left;
    background: #000000;
    color: #C4C4C4;
    text-decoration:underline;
}

.edittable-frame {
    border: solid 2px #c4c4c4;
    border-radius: 5px;
    width: 100%;
    font-size: 1em;
    padding: 3px;
}

/*-------------End-------------display tags-----------------------------------------*/

th.sorted {
    background-color: #E3E3E3;
}

th.sorted a {
    background: #E3E3E3;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
}

th.sortable a {
    background-image: url(/images/arrow_off.png);
    background-repeat:no-repeat;
}
th.order1 a {
    background-image: url(/images/arrow_down.png);
    background-repeat:no-repeat;
}
th.order2 a {
    background-image: url(/images/arrow_up.png);
    background-repeat:no-repeat;
}


/*-------------Start-------------edit table tags-----------------------------------------*/