/* 
    Document   : gtc_basic
    Created on : 28.02.2013, 08:25:04
    Author     : obretzke
    Description:
        Purpose of the stylesheet follows.
*/




/* #################################################### */
/* General definitions of tags ######################## */

body {
    font-family: 'Lato', sans-serif;
}



p, div, h3, h2, dl, dt, dd, ul, li, table, form, ul, li, dl, dd, dt, input {
    margin:0px;
    padding: 0px;
}

li {
    list-style: none;
}


hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}

/* General definitions of tags ######################## */
/* #################################################### */


#print {
    display: none;
}

#mainContentWrap {
    font-size: 15px;
}

/* #################################################### */
/* General definitions of classes ##################### */
.force-break {
    min-width: 450px;
    max-width: 450px;
    float:left;
    overflow: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    word-wrap: break-word;
} 

.vertical-center {
    height: 33px;
    line-height: 33px;
}

.display-none {
    display: none;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}

.clear-both {
    clear: both;
}

.clear-box{
    clear: both;
    overflow: hidden;
    height: 1px;
}


.font-style-italic {
    font-style: italic;
}

.grey-font {
    color: #666;
}

.small-font {
    font-size: 10px;
}

.bold-font {
    font-weight: bold;
}

.first-coloumn {
    width:300px;
}

.grey-bg {
    background-color: #333;
}

.grey-bg2 {
    background-color: #ccc;
}

.grey-border-bottom {
    border-bottom: 1px solid #ccc;
}

.grey-border-top {
    border-top: 1px solid #ccc;
}

.grey2-border-top {
    border-top: 3px solid #ccc;
}

.grey-border {
    border: 1px solid #ccc;
}
.white-bg {
    background-color: #fff;
}

.green-bg {
    background-color: #076a04;
}

.red-bg {
    background-color: #ed0505;
}

.yellow-bg {
    background-color: #FFE793 !important;
}

.icon-layer {
    width: 16px;
    height: 16px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 auto;
}

.in-progress-icon-bg {
    background: url('../../../core/images/icons001/arrow-circle-double-135.png') no-repeat 0px 0px;
}

.successful-icon-bg {
    background: url('../../../core/images/icons001/tick.png') no-repeat 0px 0px;
}

.failed-icon-bg {
    background: url('../../../core/images/icons001/exclamation-red.png') no-repeat 0px 0px;
}


.ok-icon-bg {
    background: url('../../../core/images/icons003/ok-green-20x20.png') no-repeat 0px 0px;
}

.add-icon-bg {
    background: url('/core/images/icons003/aktiv-20x20.png') no-repeat 0px -2px;
}

.active-icon-bg {
    background: url('/core/images/icons003/aktiv-20x20.png') no-repeat 0px 0px;
}

.error-icon-bg {
    background: url('/core/images/icons003/ausrufezeichen-kreis-20x20.png') no-repeat 0px 0px;
}

.delete-icon-bg {
    background: url('/core/images/icons003/inaktiv-grau-20x20.png') no-repeat 0px 0px;
}

.warning-icon-bg {
    background: url('../../../core/images/icons003/warnung-20x20.png') no-repeat 0px 0px;
}

.warning-icon-bg-redirect{
    background: url('../../../core/images/icons003/Schraubenschluessel_12x12.png') no-repeat 0px 0px;
    background-size: 100%;
}
.warning-icon-bg-redirect:hover{
    margin-top:2px;
    background: url('../../../core/images/icons003/element-down-right-16x16.png') no-repeat 0px 0px;
}
.wait-icon-bg {
    background: url('/core/images/icons003/inprogress-20x20.png') no-repeat 0px 0px;
}

.innermargin {
    margin: 10px;
}

.innermargin2 {
    margin: 20px;
}



.innerpadding {
    padding: 10px;
}

.innerpadding2 {
    padding: 20px;
}




.imageLink {
    display: block;
    text-indent: -999px;
    text-decoration: none;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.editLink {
    background: URL('/core/images/icons003/auftragbearbeiten-20x20.png') no-repeat;
}

.changejobparameterLink {
    background: URL('/core/images/icons001/ui-toolbar--pencil.png') no-repeat;
}

.detailLink {
    background: URL('/core/images/auftragsdetails-20x20.png') no-repeat;
}

.uploadhtmlLink {
    background: URL('/core/images/icons001/plus-circle.png') no-repeat;
}

.addLink {
    display: block;
    background-image: URL('/core/images/icons003/kb-plus-20x20.png');
    text-indent: -999px;
    text-decoration: none;
    overflow: hidden;
}

.deleteLink {
    display: block;
    background-image: URL('/core/images/icons003/kb-loeschen-20x20.png');
    text-indent: -999px;
    text-decoration: none;
    overflow: hidden;
}

.upLink {
    background-image: URL('/core/images/icons003/kb-dreieck-hoch20x20.png');
}

.downLink {
    background-image: URL('/core/images/icons003/kb-dreieck-runter20x20.png') ;
}

.viewLink {
    background-image: URL('/core/images/icons003/kb-download2-20x20.png') ;
}

.getTextLink {
    background-image: URL('/core/images/icons003/kb-textvorlage-20x20.png') ;
}

.sendLink {
    background-image: URL('../../../core/images/icons001/arrow-curve.png') ;
}

.detailsLink {
    background-image: URL('/core/images/icons003/auftragsdetails-20x20.png') ; /* magnifier-zoom-fit.png */
}

.detailsKbLink {
    background-image: URL('/core/images/icons003/kb-details-20x20.png') ; /* magnifier-zoom-fit.png */
}

.variantenLink {
    background-image: URL('/core/images/icons003/kb-varianten-20x20.png') ; /* magnifier-zoom-fit.png */
}

.viewFileButton {
    background-image: url("/core/images/icons003/kb-auge-20x20.png");
}

.smallIconLink {
    display: block;
    text-indent: -999px;
    text-decoration: none;
    overflow: hidden;
    width: 16px;
    height: 16px;
    cursor: pointer;
}


.button-td {
    width: 16px;
}

.text-top {
    vertical-align: top !important;
}

.text-right {
    text-align: right !important;
}

.blackColor {
    color: #666 !important;
}

.date-icon {
    margin-top: 3px;
    display: block;
    height: 20px;
    width: 20px;
    background: url('/core/images/buttonIcons/calendar.png') no-repeat 0px 0px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}
.name-icon {
    margin-top: 3px;
    display: block;
    height: 20px;
    width: 20px;
    background: url('/core/images/buttonIcons/sort.png') no-repeat 0px 0px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}
.refresh-icon {
    display: block;
    height: 20px;
    width: 20px;
    background: url('/core/images/icons003/neuladen-20x20.png') no-repeat 0px 0px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}


.close-icon {
    display: block;
    height: 20px;
    width: 20px;
    background: url('/core/images/icons003/schliessen-20x20.png') no-repeat 0px 0px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}



.top-padding {
    padding-top: 10px;
}

.left-padding {
    padding-left: 10px;
}
.right-padding {
    padding-right: 10px;
}

.top-bottom-padding {
    padding: 30px 0px 15px 0px;
}

.top-margin {
    margin-top: 10px;
}
.top-margin2 {
    margin-top: 30px;
}

.left-margin {
    margin-left: 10px;
}

.left-margin2 {
    margin-left: 20px;
}

.left-margin3 {
    margin-left: 30px;
}

.right-margin {
    margin-right: 10px;
}

.bottom-margin {
    margin-bottom: 10px;
}


.half-td {
    width: 50%;
}

.blueBorder {
    border: 3px solid #105fc1;
}

.yellowBorder {
    border: 3px solid #ffbc2d;
}


/* General definitions of classes ##################### */
/* #################################################### */





/* #################################################### */
/* General definitions of layerids #################### */

#main {
    width: 990px;
    background: url('../../../styles/gtc/images/header-dummy.png') no-repeat #fff;
    margin: 0 auto;
    padding-top: 170px;
}

#footer {
    background: url('../../../styles/gtc/images/footer-dummy.png') no-repeat #fff bottom;
    height: 60px;
}

#content {
    margin: 0px 30px 40px 210px;
    min-height: 300px;
}



/* General definitions of layerids #################### */
/* #################################################### */




h3#content-header {
    color: #666666;
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    font-weight: 300;
    font-style: light;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: 0;
    margin-bottom: 20px;
    height: 35px;
    width: 1092px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 120px;
    z-index: 900;
}

h3#content-header span {
    display: block;
    padding: 8px 0px 0px 0px;
}



div#assistant-main-layer {
    position: relative;
    top:0px;
    left: 0px;
    position: relative;
    top: 0px;
    left: 0px;

}



div#assistant-main-layer a {
    color: #333;
}

.wrapTablePabeNavLink  a {
    color: #333;
}



div#assistant-main-layer input[type='radio'] {
    border: none;
    width: 16px;
    background-color: inherit;
    vertical-align: middle;
}


h3#assistant-main-header {
      /* background: #FFCB55; */
      /* border-top: 1px solid #ccc; */
     padding: 8px 0px 8px 0px;
     position: relative;
     font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    font-weight: 300 !important;
}

div.assistant-inner-wrap {
    padding: 5px 0px 15px 0px;

}

h3.cp-frame-header {
    padding-left: 10px;
}




/* #################################################### */
/* Form ############################################### */

div.formRow {
    clear: both;
    height: 55px;
    width: 1050px;
}

div.checkboxRow {
    height: 35px;
}

div.formLeft {
    width: 170px;
    float: left;
    font-size: 15px !important;
}

div.formRight {
    width: 850px;
    float: right;
}



div.formLeft_wide {
    width: 340px;
    float: left;
    font-size: 15px !important;
}

div.formRight_wide {
    width: 710px;
    float: right;
}
/* Form ############################################### */
/* #################################################### */






/* #################################################### */
/* Check settings ##################################### */

.dorpdownCheckbox {
    clear: both;
}

.checkboxlink-style{
    font-weight: bold;
    font-size: 14px;
    padding: 4px;
   height: 30px;
    clear: both;
    border-bottom: 1px solid #fff;
}




.dropdownlink {
    height: 20px;
    font-weight: bold;

}

.dropdownHeader {
    float: left;
    width: 300px;
    padding: 0px 0px 0px 0px;
    font-weight: 300;
}

.downupicon-padding {
    padding: 0px 0px 0px 3px;
}

.wrap-dropdown-content {
}

.inner-dropdown-content {
   padding: 20px 10px 0px 10px;
}

.checkboxlink {
    cursor:pointer;
}

.ckeckboxContent {
    margin-bottom: 20px;
}

.innerwrap-ckeckboxContent {

}


.checkboxIcon {
    float: left;
    width: 30px;
}

.checkboxIcon-padding {
    padding: 6px 0px 0px 3px;
}

.checkboxHeader {
    float: left;
    width: 300px;
    padding: 3px 0px 0px 3px;
    font-size: 21px;
    font-weight: 300;
}


.checkboxState {
    width: 22px;
    height: 20px;
    display: block;
}

.checkboxState.delete-icon-bg {
    position: relative;
    top: -2px;
}

.checkboxState img {
    display: none;
}

.wrap-checkboxState-text {
    margin-left: 10px;
}

.popupCheckboxState {
    position: relative;
    top:0px;
    left:4px;
    z-index: 2000;
    width: 20px;
}

.popupCheckboxState li ul li {
    padding-bottom: 15px;
}


.hideText {
    text-indent: -999px;
     z-index: 100;
     overflow: hidden;
}

.popupCheckboxState-left ul {
    right: 20px;
}

.popupCheckboxState-right ul {
    left: 20px;
}

.popupCheckboxState .error-icon-bg ul {
    display: none;
    position: absolute;
    bottom: 20px;
    width: 300px;
    background-color: #d64f4f;
    padding: 20px;
    z-index: 200;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    letter-spacing: 0.6px;
}

.popupCheckboxState .warning-icon-bg ul {
    display: none;
    position: absolute;
    
    bottom: 30px;
    width: 300px;
    background-color: #ffbb2c;
    padding: 20px;
    z-index: 200;
    border-radius: 3px;
    letter-spacing: 0.6px;
    color: #474747;
}

.popupCheckboxState .wait-icon-bg ul {
    display: none;
    position: absolute;
    top: -20px;
    width: 300px;
    background-color: #FFE793;
    padding: 20px;
    z-index: 200;
    border-radius: 3px;
}


.popupCheckboxState:hover ul {
    display: block;
    box-shadow:4px 4px 10px 1px gray;
    cursor: pointer;
}

/* Check settings ##################################### */
/* #################################################### */


/* #################################################### */
/* Message Box ######################################## */

div#alertOverlay {
    position: fixed;

    left:0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #ddd;
    width: 100%;
    height: 100%;
    z-index: 4000;
    opacity: 0.8;

    display: none;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url(../../../styles/gtc/images/wait_09.gif);

}



div#alertLayer {
    position: fixed;
    left:0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 4000 !important;

}

div#alertBox {
    box-shadow:4px 4px 4px 4px #666;
    width: 500px;
    margin: 0 auto;
    background: #fff;
    border: 4px solid #b1b1b1;
    margin-top: 200px;
    z-index: 4000;
    
    
}

div#alertButtonBox {
    height: 45px;

    background-color: #b1b1b1;
}

#inner_alertButtonBox {
    padding: 7px 0px 0px 10px;
    height: 28px;
}

div#alertText {
    padding: 15px 15px 25px 15px;
    text-align: left;
    max-height: 270px;
    overflow: auto;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 18px;
    
}

div#additionalAlertText {
    font-style: italic;
    padding-top: 5px;
}

.alert_ok {
    padding: 15px 10px 15px 45px !important;
    background: url('../../../core/images/icons003/ok-green-20x20.png') no-repeat 15px 14px;
}

.alert_info {
    padding: 15px 0px 15px 45px !important;
    
}

.alert_error {
    padding: 15px 10px 15px 45px!important;
    background: url('/core/images/icons003/ausrufezeichen-kreis-20x20.png') no-repeat 15px 14px;
}

.alert_warning {
    padding: 15px 10px 15px 45px!important;
    background: url('../../../core/images/icons003/warnung-20x20.png') no-repeat 15px 14px;
}

#alertButton {
    margin-right: 5px;
}

#alertButton img {

}

.alert_error_list li {
    display: block;
    background: url('../../../core/images/icons001/exclamation-red.png') no-repeat 0px 4px;
    padding: 5px 0px 5px 25px;
}

.infoBox {
    background-color: #6699cc;
    border-radius: 3px;
    color: #fff;
    padding: 20px;
    font-weight: 400;
}

/* Message Box ######################################## */
/* #################################################### */


/* #################################################### */
/* Fade Message ####################################### */
div#wrapfadeBox {
    display: block;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 2000;
    width: 400px;
}

div#fadeBox {
     margin: 0 auto;
    text-align: left;
    width: 400px;
    display: none;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #fff;
}

div.fadeBoxOK {
    background-color: #6bd592;
    border-radius: 0px 0px 5px 5px;
}

div.fadeBoxError {
    background-color: #d64f4f;
  border-radius: 0px 0px 5px 5px;
}

.fadeBox-innerWrap {
    clear: both;
    padding: 0px 15px 15px 15px;
}

.hide-fade-box {
    height: 20px;
    width: 20px;
    float: right;
    overflow: hidden;
    background-image: url(/core/images/icons003/schliessen-weiss-20x20.png);
    text-indent: -999px;
    cursor: pointer;
}

#fadeBoxContentOK,
#fadeBoxContentError{
    padding-top: 5px;
}

#fadeBoxContentOK li,
#fadeBoxContentError li{
    list-style: disc !important;
    margin-left: 20px !important;
}


.fadeBoxContentError-hashresponse {
    display: none;
}
/* Fade Message ####################################### */
/* #################################################### */


/* #################################################### */
/* Uploadbutton ####################################### */
.uploadButton {
  overflow: hidden;
  position: relative;
  cursor:   pointer;
}


input#fileobjectInput {
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 100px;
  z-index: 2;

  opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=0); /* IE lt 8 */
  -ms-filter: "alpha(opacity=0)"; /* IE 8 */
  -khtml-opacity: 0.0; /* Safari 1.x */
  -moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

.uploadInput {
    cursor: pointer;
}


/* Uploadbutton ####################################### */
/* #################################################### */


/* #################################################### */
/* Uploadprogress ##################################### */

div#allOverlay {
    position: fixed;

    left:0px;
    top: 0px;
    background-color: #ddd;
    width: 100%;
    height: 100%;
    z-index: 3000;
    opacity: 0.8;

    display: block;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url(../../../styles/gtc/images/wait_09.gif);
}

#wrapUploadFrame {
    position: fixed;
    z-index: 4000;
    width: 600px;
    min-height: 100px;
    text-align: center;
    left: 50%;
    right: 50%;
   
    transform: translate(-50%, -40%);
    top: 40%;
}

#uploadFrame {
    position: relative;
    border: 1px solid #666666;
    background-color: #ffffff;
    width: 600px;
    min-height: 100px;
    top: 50px;
    z-index: 4000;
}


#wrap-upload-progress {
    margin: 20px;

}

#upload-progress {
    border: 1px solid #cccccc;
    height: 20px;
    text-align: left;
    font-family: 'Lato', sans-serif;
}

#upload-progress-bar {
    background-color: #F4D569;
    width: 1px;
    height: 20px;
    overflow: hidden;
}

#uploadCount {
    padding: 5px;
    font-size: 15px;
    font-weight: 300;

}

#uploadHeader {
    text-align: left;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    font-size: 15px;
    font-weight: 400;
}

#uploadResult {
    text-align: left;
}


/* Uploadprogress ##################################### */
/* #################################################### */


a.tab-nav-active {
    background-color: #fff !important;
    border-bottom-color: #fff !important;
    background-image: none !important;
}


.tablePageNavigationBox {
    height: 35px;
    clear: both;
    padding: 10px 0px 10px 20px;
    font-weight: bold;
}



.tablePageNavigationList li {
    display: inline;
}

.wrapTablePabeNavLink {

    float: left;
    font-weight: bold;

    text-align: center;
}

.wrapTablePabeNavLink a{
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 5px;
    margin: 2px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius:4px; /* CSS3 */
}

.currentPageLink {
    color: blue !important;
}








.assistant-grey-bg {
    
}

.assistant-white-bg {
    background-color: #fff;
}



ul.assistant-tab-nav {
    position: relative;
    top: 1px;
}

ul.assistant-tab-nav li {
    display: inline;
}

ul.assistant-tab-nav li a {
    display: block;
    float: left;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-decoration: none;
    font-weight:  bold;
    background: url('../images/tab_bg.png') repeat-x 0px 7px ;
    background-color: #fff;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px; /* CSS3 */
    font-size: 15px;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 15px;
    color: #333;
}

ul.assistant-tab-nav li a span {
    display: block;
    margin: 8px 18px 8px 18px !important;
}

.assistant-grey-border {
    border: 1px solid #ccc;
}

table.assistant-table {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

table.assistant-table  th {
    text-align: left;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #ffc555;
}

table.assistant-table  td {
    text-align: left;
    padding: 3px 5px 3px 5px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f9f9f9;
}


div#assistant-test-layer {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 11px;
}

div#assistant-test-layer input[type='text']  {
    height: 12px;
    width: 120px;
    border: none;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: #fff;
    font-size: 11px;
}




.assistant-half-right {
    float: right;
    display: inline;
    width: 360px;
    padding: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.assistant-half-left {
    float: left;
    display: inline;
    width: 360px;
    padding: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.assistant-bottom-margin {
    margin-bottom: 5px;
}

.assistant-check-table {
   margin-bottom: 5px;
   border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.assistant-check-table th {
    text-align: left;
    padding: 3px 3px 3px 3px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fddb7d;
}

.assistant-check-table td {
    text-align: left;
    padding: 3px 3px 3px 3px;
    background-color: #fff;
   border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.assistant-inner-wrap2 {
    padding: 30px 10px 15px 10px;
   
}



.assistant-pos-relative {
    position: relative;
    top: 0px;
    left: 0px;
}

.assistant-button-bottom {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.assistant-line-top {
    border-top:  1px solid #ccc;
}

.assistant-line-bottom {
    border-bottom:  1px solid #ccc;
}

.assistant-result-table td {
    padding: 3px 3px 3px 0px;
    width: 100%;
}





div#assistant-main-layer input[type='text'] {
    border: none;
    padding: 10px;
    width: 220px;
    background-color: #fff5e8;
    vertical-align: baseline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; /* CSS3 */
    font-size: 14px;
    color: #666666;
    border: 1px solid #ccc;
    height: 34px;
    box-sizing: border-box;
}

div#assistant-main-layer textarea{
    border: none;
    padding: 10px;
    vertical-align: baseline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; /* CSS3 */
    font-size: 14px;
    color: #666666;
    border: 1px solid #ccc;
    background-color: #fff5e8;
}

.errorBorder {
    border: 1px solid red !important;
}

.assistant-header-line {
    margin-bottom: 2px;
    padding-bottom: 3px;
    padding-left: 10px !important
}

.checkboxTitle {
    font-weight: bold;
}

input[type='checkbox'] {
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; /* CSS3 */
}



/* **************************************************************************** */

.frame-content-header {
    padding-bottom: 25px;
}

.frame-content-bg {
background-color: #fff;
}

.frame-content-table td {
    height: 30px;
}

.center-layer {
    width: 1092px; margin: 0 auto;
    position: relative;
    top: 0px;
    lef: 0px;
}




/* ************************************************************************* */
input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url(/core/images/icons003/radiobutton-20x40.png) 0px 0px no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(/core/images/icons003/radiobutton-20x40.png) 0px -20px no-repeat;
}


input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    font-weight: bold;
    position: relative;
    top: 0px;
    left: 0px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url(/core/images/icons003/checkbox-20x80.png) 0px 0px no-repeat;
    cursor:pointer;
    margin-right: 5px;
}

.checked-disabled-checkbox-bg {
    background:url(/core/images/icons003/checkbox-20x80.png) 0px -60px no-repeat;
}

.not-checked-disabled-checkbox-bg {
    background:url(/core/images/icons003/checkbox-20x80.png) 0px -40px no-repeat;
}

input[type="checkbox"]:checked + label span {
    background:url(/core/images/icons003/checkbox-20x80.png) 0px -20px no-repeat;
}

.right-checkbox {
    position: relative;
    top: 0px;
    left: 0px;
}

.right-checkbox label {
    position: relative;
    top: 0px;
    left: 0px;
    width: 200px;
    display: block;
}

.right-checkbox label span {
    display: block;
    position: absolute;
    right: -25px;
    top: 0px;
}

.right-checkbox-error {
    position: absolute;
    left: 240px;
    top: 0px;
    width: 20px;
    height: 20px;
}

.left-checkbox-error {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: -30px;
}

/* *************************************************************************** */
.wrap-formRow_twoCol {
    float: left;
    width: 520px;
    min-height: 60px;
    position: relative;
}

.formLeft_twoCol {
    float: left;
    
    width: 200px;
    
}

.formRight_twoCol {
    float: left;
    
    width: 200px;
    
}
/* *************************************************************************** */