.customForm {
padding : 0 10px 10px;
}
.customForm label {
display : block;
color : #797979;
font-weight : 700;
line-height : 1.4em;
}
.customForm input[type="text"] {
padding : 3px;
color : #949494;
font-size : 11px;
border : #cecece solid 1px;
}
.customForm input.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm textarea {
padding : 2px;
color : #adaeae;
font-style : italic;
font-size : 12px;
border : #cecece solid 1px;
}
.customForm textarea.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm div {
margin-bottom : 15px;
}
.customForm div span {
margin-left : 10px;
color : #b1b1b1;
font-size : 11px;
font-style : italic;
}
.customForm div span.error {
color : #e46c6e;
}
.customForm #send {
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm #send:hover {
background : #79a7f1;
}
.customForm #btnCheck {
width : 80px;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm #btnCheck:hover {
background : #79a7f1;
}
.customForm .check {
width : 20px !important ;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
#error {
margin-bottom : 20px;
border : #efefef solid 1px;
}
#error ul {
list-style : square;
padding : 5px;
font-size : 11px;
}
#error ul li {
list-style-position : inside;
line-height : 1.6em;
}
#error ul li strong {
color : #e46c6d;
}
#error.valid ul li strong {
color : #93d72e;
}
.customForm2 label {
display : block;
color : #797979;
font-weight : 700;
line-height : 1.4em;
}
.customForm2 input {
padding : 6px;
color : #949494;
font-size : 11px;
border : #cecece solid 1px;
}
.customForm2 input.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm2 textarea {
width : 550px;
height : 80px;
padding : 6px;
color : #adaeae;
font-style : italic;
font-size : 12px;
border : #cecece solid 1px;
}
.customForm2 textarea.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm2 div {
margin-bottom : 15px;
}
.customForm2 div span {
margin-left : 10px;
color : #b1b1b1;
font-size : 11px;
font-style : italic;
}
.customForm2 div span.error {
color : #e46c6e;
}
.customForm2 #send {
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm2 #send:hover {
background : #79a7f1;
}
.customForm2 #btnCheck {
width : 80px;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm2 #btnCheck:hover {
background : #79a7f1;
}
.customForm2 .check {
width : 20px !important ;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm3 {
padding : 0 10px 10px;
}
.customForm3 label {
display : block;
color : #797979;
font-weight : 700;
line-height : 1.4em;
}
.customForm3 input {
padding : 6px;
color : #949494;
font-size : 11px;
border : #cecece solid 1px;
}
.customForm3 input.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm3 textarea {
width : 550px;
height : 80px;
padding : 6px;
color : #adaeae;
font-style : italic;
font-size : 12px;
border : #cecece solid 1px;
}
.customForm3 textarea.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm3 div {
margin-bottom : 15px;
}
.customForm3 div span {
margin-left : 10px;
color : #b1b1b1;
font-size : 11px;
font-style : italic;
}
.customForm3 div span.error {
color : #e46c6e;
}
.customForm3 #send {
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm3 #send:hover {
background : #79a7f1;
}
.customForm3 #btnCheck {
width : 80px;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm3 #btnCheck:hover {
background : #79a7f1;
}
.customForm3 .check {
width : 20px !important ;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm4 {
padding : 0 10px 10px;
}
.customForm4 label {
display : block;
color : #797979;
font-weight : 700;
line-height : 1.4em;
}
.customForm4 input {
padding : 6px;
color : #949494;
font-size : 11px;
border : #cecece solid 1px;
}
.customForm4 input.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm4 textarea {
width : 550px;
height : 80px;
padding : 6px;
color : #adaeae;
font-style : italic;
font-size : 12px;
border : #cecece solid 1px;
}
.customForm4 textarea.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm4 div {
margin-bottom : 15px;
}
.customForm4 div span {
margin-left : 10px;
color : #b1b1b1;
font-size : 11px;
font-style : italic;
}
.customForm4 div span.error {
color : #e46c6e;
}
.customForm4 #send {
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm4 #send:hover {
background : #79a7f1;
}
.customForm4 #btnCheck {
width : 80px;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm4 #btnCheck:hover {
background : #79a7f1;
}
.customForm4 .check {
width : 20px !important ;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm5 {
padding : 0 10px 10px;
}
.customForm5 label {
display : block;
color : #797979;
font-weight : 700;
line-height : 1.4em;
}
.customForm5 input {
padding : 6px;
color : #949494;
font-size : 11px;
border : #cecece solid 1px;
}
.customForm5 input.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm5 textarea {
width : 550px;
height : 80px;
padding : 6px;
color : #adaeae;
font-style : italic;
font-size : 12px;
border : #cecece solid 1px;
}
.customForm5 textarea.error {
background : #f8dbdb;
border-color : #e77776;
}
.customForm5 div {
margin-bottom : 15px;
}
.customForm5 div span {
margin-left : 10px;
color : #b1b1b1;
font-size : 11px;
font-style : italic;
}
.customForm5 div span.error {
color : #e46c6e;
}
.customForm5 #send {
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm5 #send:hover {
background : #79a7f1;
}
.customForm5 #btnCheck {
width : 80px;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.customForm5 #btnCheck:hover {
background : #79a7f1;
}
.customForm5 .check {
width : 20px !important ;
background : #6a9519;
color : #fff;
font-weight : 700;
font-style : normal;
border : 0;
cursor : pointer;
}
.formbutton {
cursor : pointer;
height : 23px;
line-height : 0;
font-size : 11px;
color : #fff;
background : #023f77;
border : #003466 solid 1px;
}
.formbutton:hover {
background : #003466;
border : #003466 solid 1px;
}
.cancelbutton {
cursor : pointer;
height : 23px;
line-height : 0;
font-size : 11px;
color : #fff !important ;
background : #fc896a;
border : #3079ed solid 1px;
}
.cancelbutton:hover {
background : #f27857;
border : #2f5bb7 solid 1px;
}
.cancelbuttonLink, .showdialog {
cursor : pointer;
height : 23px;
padding : 4px 3px 4px 3px;
line-height : 0;
font-weight : normal;
font-size : 11px;
color : #fff !important ;
background : #fc896a;
border : #3079ed solid 1px;
text-decoration : none;
}
.cancelbuttonLink:hover, .showdialog:hover {
background : #f27857;
border : #2f5bb7 solid 1px;
font-weight : normal;
}
.dataTables_paginate .ui-button {
margin-right : -0.1em !important ;
}
{
width : 350px !important ;
}
.dataTables_wrapper .ui-toolbar {
padding : 5px;
}
.dataTables_paginate {
width : auto;
}
.dataTables_info {
padding-top : 3px;
}
div.dataTables_wrapper .ui-widget-header {
font-weight : normal;
}
table.display thead th div.DataTables_sort_wrapper {
position : relative;
padding-right : 20px;
padding-right : 20px;
}
table.display thead th div.DataTables_sort_wrapper span {
position : absolute;
top : 50%;
margin-top : -8px;
right : 0;
}
.dataTables_wrapper {
position : relative;
min-height : 302px;
clear : both;
}
.dataTables_processing {
position : absolute;
top : 0;
left : 50%;
width : 250px;
margin-left : -125px;
border : #ddd solid 1px;
text-align : center;
color : #999;
font-size : 11px;
padding : 2px 0;
}
.dataTables_length {
width : 40%;
float : left;
}
.dataTables_filter {
width : 50%;
float : right;
text-align : right;
}
.dataTables_filter, .dataTables_length select {
width : 40%;
}
.dataTables_info {
width : 50%;
float : left;
}
.dataTables_paginate {
float : right;
text-align : right;
}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
height : 19px;
width : 19px;
margin-left : 3px;
float : left;
}
.paginate_disabled_previous {
background-image : url('../images/back_disabled.jpg');
}
.paginate_enabled_previous {
background-image : url('../images/back_enabled.jpg');
}
.paginate_disabled_next {
background-image : url('../images/forward_disabled.jpg');
}
.paginate_enabled_next {
background-image : url('../images/forward_enabled.jpg');
}
table.display {
margin : 0 auto;
width : 100%;
clear : both;
border-collapse : collapse;
}
table.display tfoot th {
padding : 3px 0 3px 10px;
font-weight : bold;
font-weight : normal;
}
table.display tr.heading2 td {
border-bottom : 1px solid #aaa;
}
table.display td {
padding : 3px 10px;
}
table.display td.center {
text-align : center;
}
.sorting_asc {
background : url('../images/sort_asc.png') center right no-repeat;
}
.sorting_desc {
background : url('../images/sort_desc.png') center right no-repeat;
}
.sorting {
background : url('../images/sort_both.png') center right no-repeat;
}
.sorting_asc_disabled {
background : url('../images/sort_asc_disabled.png') center right no-repeat;
}
.sorting_desc_disabled {
background : url('../images/sort_desc_disabled.png') center right no-repeat;
}
table.display tr.odd.gradeA {
background-color : #dfd;
}
table.display tr.even.gradeA {
background-color : #efe;
}
table.display tr.odd.gradeA {
background-color : #dfd;
}
table.display tr.even.gradeA {
background-color : #efe;
}
table.display tr.odd.gradeC {
background-color : #ddf;
}
table.display tr.even.gradeC {
background-color : #eef;
}
table.display tr.odd.gradeX {
background-color : #fdd;
}
table.display tr.even.gradeX {
background-color : #fee;
}
table.display tr.odd.gradeU {
background-color : #ddd;
}
table.display tr.even.gradeU {
background-color : #eee;
}
tr.odd {
background-color : #ebebeb;
}
tr.even {
background-color : white;
}
.dataTables_scroll {
clear : both;
}
.top, .bottom {
padding : 15px;
background-color : #f5f5f5;
border : #ccc solid 1px;
}
.top .dataTables_info {
float : none;
}






.clear {
clear : both;
}
.dataTables_empty {
text-align : center;
}
tfoot input {
margin : 0.5em 0;
width : 100%;
color : #444;
}
tfoot input.search_init {
color : #999;
}
td.group {
background-color : #d1cfd0;
border-bottom : 2px solid #a19b9e;
border-top : 2px solid #a19b9e;
}
td.details {
background-color : #d1cfd0;
border : #a19b9e solid 2px;
}
.example_alt_pagination div.dataTables_info {
width : 40%;
}
span.paginate_button {
background-color : #ddd;
}
span.paginate_button:hover {
background-color : #ccc;
}
span.paginate_active {
background-color : #99b3ff;
}
table.display tr.even.row_selected td {
background-color : #b0bed9;
}
table.display tr.odd.row_selected td {
background-color : #9fafd1;
}



.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
background-color : #ecffb3;
}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
background-color : #e6ff99;
}
.csize {
width : 5% !important ;
}
.csizePrice {
width : 15% !important ;
}
legend {
font-weight : bold;
padding : 0 13px 0 13px;
}
.email_confirm {
display : none;
}
.star {
color : #f00 !important ;
vertical-align : top;
}
.formwidth {
width : 750px;
}
.comm {
text-decoration : none;
padding : 0 0 2px 0;
}
.cform {
width : 750px;
padding : 2px;
margin : 5px 5px 1px 0;
}
.commentform input[type="text"], input[type="password"] {
padding : 2px;
margin : 5px 5px 1px 0;
}
.commentform textarea {
width : 294px;
padding : 2px;
}
.commentform label {
width : 200px;
padding : 5px 0 0 0;
float : left;
text-align : left;
}
.commentform input[type="text"], input[type="password"], .commentform textarea {
border : #dbd8d3 solid 1px;
}
.commentform .submit {
border : 0;
}
.commentform form, .commentform radio {
padding : 2px;
width : 0;
margin : 5px 5px 1px 0;
}
.commentform label.error {
margin : 0 0 0 200px;
font-size : 0.8em;
background : url("<dtml-var ZBASE>/images/unchecked.gif") 0 0 no-repeat;
padding : 0 0 0 16px;
font-weight : normal;
color : #ea5200;
}
.commentform label.checked {
background : url("<dtml-var ZBASE>/images/checked.gif") 0 0 no-repeat;
}
.commentform p {
clear : both;
}
label {
color : #003466;
font-size : 0.9em;
font-weight : bold;
}
header nav {
text-align : left;
background : transparent;
}
header nav ul {
margin : 0;
padding : 0.01em;
list-style-type : none;
}
header nav ul li {
display : inline;
margin-left : 0;
}
header nav ul li:first-child {
margin-left : 0;
}
header nav ul li ul {
display : none;
}
header {
display : block;
float : left;
width : 100%;
}