Style option group language switchers

@@ -86,9 +86,11 @@
     margin-top: 5px;
     margin-top: 5px;
     color:      #fff;
     color:      #fff;
 }
 }
+
 #user_info p a, #user_info a {
 #user_info p a, #user_info a {
     color: #fadfb3;
     color: #fadfb3;
 }
 }
+
 #favorite-actions {
 #favorite-actions {
     margin: 15px 12px 0;
     margin: 15px 12px 0;
 }
 }
@@ -131,6 +133,7 @@
     position:         relative;
     position:         relative;
     margin-top:       -28px;
     margin-top:       -28px;
 }
 }
+
 #TzBrandingFooter a {
 #TzBrandingFooter a {
     color:           #fff;
     color:           #fff;
     text-decoration: none;
     text-decoration: none;
@@ -140,16 +143,19 @@
 .cct-fields {
 .cct-fields {
     padding: 10px;
     padding: 10px;
 }
 }
+
 .cct-fields fieldset {
 .cct-fields fieldset {
     margin-top:       15px;
     margin-top:       15px;
     border:           1px solid #ccc;
     border:           1px solid #ccc;
     padding:          15px;
     padding:          15px;
     background-color: #f2f2f2;
     background-color: #f2f2f2;
 }
 }
+
 .cct-fields div {
 .cct-fields div {
     clear:      both;
     clear:      both;
     margin-top: 5px;
     margin-top: 5px;
 }
 }
+
 .cct-fields div span.label {
 .cct-fields div span.label {
     margin-top:    3px;
     margin-top:    3px;
     float:         left;
     float:         left;
@@ -157,23 +163,29 @@
     margin-right:  10px;
     margin-right:  10px;
     margin-bottom: 3px;
     margin-bottom: 3px;
 }
 }
+
 .cct-fields div input[type=text],
 .cct-fields div input[type=text],
 .cct-fields div textarea {
 .cct-fields div textarea {
     width: 300px;
     width: 300px;
 }
 }
+
 .cct-fields div textarea {
 .cct-fields div textarea {
     height: 80px;
     height: 80px;
 }
 }
 
 
 table.tabular-data {
 table.tabular-data {
 }
 }
+
 table.tabular-data thead td {
 table.tabular-data thead td {
 }
 }
+
 table.tabular-data thead th {
 table.tabular-data thead th {
     text-align: left;
     text-align: left;
 }
 }
+
 table.tabular-data tbody th {
 table.tabular-data tbody th {
 }
 }
+
 table.tabular-data tbody td {
 table.tabular-data tbody td {
 }
 }
 
 
@@ -252,36 +264,44 @@ table.tabular-data tbody td {
     z-index:  9999;
     z-index:  9999;
     overflow: hidden;
     overflow: hidden;
 }
 }
+
 #cboxOverlay {
 #cboxOverlay {
     position: fixed;
     position: fixed;
     width:    100%;
     width:    100%;
     height:   100%;
     height:   100%;
 }
 }
+
 #cboxMiddleLeft, #cboxBottomLeft {
 #cboxMiddleLeft, #cboxBottomLeft {
     clear: left;
     clear: left;
 }
 }
+
 #cboxContent {
 #cboxContent {
     position: relative;
     position: relative;
     overflow: visible;
     overflow: visible;
 }
 }
+
 #cboxLoadedContent {
 #cboxLoadedContent {
     overflow: auto;
     overflow: auto;
 }
 }
+
 #cboxLoadedContent iframe {
 #cboxLoadedContent iframe {
     display: block;
     display: block;
     width:   100%;
     width:   100%;
     height:  100%;
     height:  100%;
     border:  0;
     border:  0;
 }
 }
+
 #cboxTitle {
 #cboxTitle {
     margin: 0;
     margin: 0;
 }
 }
+
 #cboxLoadingOverlay, #cboxLoadingGraphic {
 #cboxLoadingOverlay, #cboxLoadingGraphic {
     position: absolute;
     position: absolute;
     top:      0;
     top:      0;
     left:     0;
     left:     0;
     width:    100%;
     width:    100%;
 }
 }
+
 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
     cursor: pointer;
     cursor: pointer;
 }
 }
@@ -297,76 +317,95 @@ table.tabular-data tbody td {
 
 
 #colorbox {
 #colorbox {
 }
 }
+
 #cboxContent {
 #cboxContent {
     margin-top: 32px;
     margin-top: 32px;
     background: #3b0d32;
     background: #3b0d32;
 }
 }
+
 #cboxLoadedContent {
 #cboxLoadedContent {
     background: #fff;
     background: #fff;
     padding:    1px;
     padding:    1px;
 }
 }
+
 #cboxLoadingGraphic {
 #cboxLoadingGraphic {
     background: url(../images/ajax-loader.gif) no-repeat center center;
     background: url(../images/ajax-loader.gif) no-repeat center center;
 }
 }
+
 #cboxLoadingOverlay {
 #cboxLoadingOverlay {
     background: #3b0d32;
     background: #3b0d32;
 }
 }
+
 #cboxTitle {
 #cboxTitle {
     position: absolute;
     position: absolute;
     top:      -22px;
     top:      -22px;
     left:     0;
     left:     0;
     color:    #fff;
     color:    #fff;
 }
 }
+
 #cboxCurrent {
 #cboxCurrent {
     position:    absolute;
     position:    absolute;
     top:         -22px;
     top:         -22px;
     right:       205px;
     right:       205px;
     text-indent: -9999px;
     text-indent: -9999px;
 }
 }
+
 #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
 #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
     height:   20px;
     height:   20px;
     position: absolute;
     position: absolute;
     top:      -20px; /* background:url(../images/controls.png) no-repeat 0 0; */
     top:      -20px; /* background:url(../images/controls.png) no-repeat 0 0; */
 }
 }
+
 #cboxClose {
 #cboxClose {
     display: none;
     display: none;
     color:   #fff;
     color:   #fff;
 }
 }
+
 #cboxPrevious {
 #cboxPrevious {
     background-position: 0px 0px;
     background-position: 0px 0px;
     right:               44px;
     right:               44px;
 }
 }
+
 #cboxPrevious.hover {
 #cboxPrevious.hover {
     background-position: 0px -25px;
     background-position: 0px -25px;
 }
 }
+
 #cboxNext {
 #cboxNext {
     background-position: -25px 0px;
     background-position: -25px 0px;
     right:               22px;
     right:               22px;
 }
 }
+
 #cboxNext.hover {
 #cboxNext.hover {
     background-position: -25px -25px;
     background-position: -25px -25px;
 }
 }
+
 #cboxClose {
 #cboxClose {
     background-position: -50px 0px;
     background-position: -50px 0px;
     right:               0;
     right:               0;
 }
 }
+
 #cboxClose.hover {
 #cboxClose.hover {
     background-position: -50px -25px;
     background-position: -50px -25px;
 }
 }
+
 .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
 .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
     right: 66px;
     right: 66px;
 }
 }
+
 .cboxSlideshow_on #cboxSlideshow {
 .cboxSlideshow_on #cboxSlideshow {
     background-position: -75px -25px;
     background-position: -75px -25px;
     right:               44px;
     right:               44px;
 }
 }
+
 .cboxSlideshow_on #cboxSlideshow.hover {
 .cboxSlideshow_on #cboxSlideshow.hover {
     background-position: -100px -25px;
     background-position: -100px -25px;
 }
 }
+
 .cboxSlideshow_off #cboxSlideshow {
 .cboxSlideshow_off #cboxSlideshow {
     background-position: -100px 0px;
     background-position: -100px 0px;
     right:               44px;
     right:               44px;
 }
 }
+
 .cboxSlideshow_off #cboxSlideshow.hover {
 .cboxSlideshow_off #cboxSlideshow.hover {
     background-position: -75px -25px;
     background-position: -75px -25px;
 }
 }
@@ -400,6 +439,7 @@ table.tabular-data tbody td {
 .error-wrap {
 .error-wrap {
     padding: 10px;
     padding: 10px;
 }
 }
+
 .validation-errors h6 {
 .validation-errors h6 {
     padding:        0px;
     padding:        0px;
     margin:         0px 0px 10px 0px;
     margin:         0px 0px 10px 0px;
@@ -412,6 +452,7 @@ table.tabular-data tbody td {
     margin:  0;
     margin:  0;
     padding: 0;
     padding: 0;
 }
 }
+
 .validation-errors ul li {
 .validation-errors ul li {
     margin:     0px 0px 3px 0px;
     margin:     0px 0px 3px 0px;
     padding:    0px;
     padding:    0px;
@@ -423,11 +464,13 @@ table.tabular-data tbody td {
     margin-top:  0px;
     margin-top:  0px;
     padding-top: 0px;
     padding-top: 0px;
 }
 }
+
 .my-profile-table tbody th {
 .my-profile-table tbody th {
     text-align:  left;
     text-align:  left;
     font-size:   11px;
     font-size:   11px;
     font-weight: normal;
     font-weight: normal;
 }
 }
+
 .my-profile-edit h4 {
 .my-profile-edit h4 {
     border-bottom:  1px solid #ccc;
     border-bottom:  1px solid #ccc;
     margin-bottom:  8px;
     margin-bottom:  8px;
@@ -442,6 +485,7 @@ table.jCalendar {
     border-collapse: separate;
     border-collapse: separate;
     border-spacing:  2px;
     border-spacing:  2px;
 }
 }
+
 table.jCalendar th {
 table.jCalendar th {
     background:  #333;
     background:  #333;
     color:       #fff;
     color:       #fff;
@@ -457,37 +501,45 @@ table.jCalendar td {
     text-align: center;
     text-align: center;
     font-size:  10px;
     font-size:  10px;
 }
 }
+
 table.jCalendar td.other-month {
 table.jCalendar td.other-month {
     background: #ddd;
     background: #ddd;
     color:      #aaa;
     color:      #aaa;
 }
 }
+
 table.jCalendar td.today {
 table.jCalendar td.today {
     background: #666;
     background: #666;
     color:      #fff;
     color:      #fff;
 }
 }
+
 table.jCalendar td.selected {
 table.jCalendar td.selected {
     background: #f66;
     background: #f66;
     color:      #fff;
     color:      #fff;
 }
 }
+
 table.jCalendar td.selected.dp-hover {
 table.jCalendar td.selected.dp-hover {
     background: #f33;
     background: #f33;
     color:      #fff;
     color:      #fff;
 }
 }
+
 table.jCalendar td.dp-hover,
 table.jCalendar td.dp-hover,
 table.jCalendar tr.activeWeekHover td {
 table.jCalendar tr.activeWeekHover td {
     background: #fff;
     background: #fff;
     color:      #000;
     color:      #000;
     font-size:  10px;
     font-size:  10px;
 }
 }
+
 table.jCalendar tr.selectedWeek td {
 table.jCalendar tr.selectedWeek td {
     background: #f66;
     background: #f66;
     color:      #fff;
     color:      #fff;
     font-size:  10px;
     font-size:  10px;
 }
 }
+
 table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
 table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
     background: #bbb;
     background: #bbb;
     color:      #888;
     color:      #888;
 }
 }
+
 table.jCalendar td.unselectable,
 table.jCalendar td.unselectable,
 table.jCalendar td.unselectable:hover,
 table.jCalendar td.unselectable:hover,
 table.jCalendar td.unselectable.dp-hover {
 table.jCalendar td.unselectable.dp-hover {
@@ -517,26 +569,31 @@ div#dp-popup {
     width:       176px;
     width:       176px;
     line-height: 1.2em;
     line-height: 1.2em;
 }
 }
+
 div.dp-popup h2 {
 div.dp-popup h2 {
     font-size:  12px;
     font-size:  12px;
     text-align: center;
     text-align: center;
     margin:     2px 0;
     margin:     2px 0;
     padding:    0;
     padding:    0;
 }
 }
+
 a#dp-close {
 a#dp-close {
     font-size:  11px;
     font-size:  11px;
     padding:    4px 0;
     padding:    4px 0;
     text-align: center;
     text-align: center;
     display:    block;
     display:    block;
 }
 }
+
 a#dp-close:hover {
 a#dp-close:hover {
     text-decoration: underline;
     text-decoration: underline;
 }
 }
+
 div.dp-popup a {
 div.dp-popup a {
     color:           #000;
     color:           #000;
     text-decoration: none;
     text-decoration: none;
     padding:         3px 2px 0;
     padding:         3px 2px 0;
 }
 }
+
 div.dp-popup div.dp-nav-prev {
 div.dp-popup div.dp-nav-prev {
     position: absolute;
     position: absolute;
     z-index:  9999;
     z-index:  9999;
@@ -544,35 +601,44 @@ div.dp-popup div.dp-nav-prev {
     left:     4px;
     left:     4px;
     width:    100px;
     width:    100px;
 }
 }
+
 div.dp-popup div.dp-nav-prev a {
 div.dp-popup div.dp-nav-prev a {
     float: left;
     float: left;
 }
 }
+
 /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
 /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
 div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
 div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
     cursor: pointer;
     cursor: pointer;
 }
 }
+
 div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
 div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
     cursor: default;
     cursor: default;
 }
 }
+
 div.dp-popup div.dp-nav-next {
 div.dp-popup div.dp-nav-next {
     position: absolute;
     position: absolute;
     top:      2px;
     top:      2px;
     right:    4px;
     right:    4px;
     width:    100px;
     width:    100px;
 }
 }
+
 div.dp-popup div.dp-nav-next a {
 div.dp-popup div.dp-nav-next a {
     float: right;
     float: right;
 }
 }
+
 div.dp-popup a.disabled {
 div.dp-popup a.disabled {
     cursor: default;
     cursor: default;
     color:  #aaa;
     color:  #aaa;
 }
 }
+
 div.dp-popup td {
 div.dp-popup td {
     cursor: pointer;
     cursor: pointer;
 }
 }
+
 div.dp-popup td.disabled {
 div.dp-popup td.disabled {
     cursor: default;
     cursor: default;
 }
 }
+
 a.dp-choose-date {
 a.dp-choose-date {
     float:       left;
     float:       left;
     width:       16px;
     width:       16px;
@@ -584,10 +650,12 @@ a.dp-choose-date {
     overflow:    hidden;
     overflow:    hidden;
     background:  url(../images/calendar.png) no-repeat;
     background:  url(../images/calendar.png) no-repeat;
 }
 }
+
 a.dp-choose-date.dp-disabled {
 a.dp-choose-date.dp-disabled {
     background-position: 0 -20px;
     background-position: 0 -20px;
     cursor:              default;
     cursor:              default;
 }
 }
+
 /* makes the input field shorter once the date picker code
 /* makes the input field shorter once the date picker code
  * has run (to allow space for the calendar icon
  * has run (to allow space for the calendar icon
  */
  */
@@ -608,13 +676,16 @@ input.dp-applied {
     float:         left;
     float:         left;
     margin-bottom: 5px;
     margin-bottom: 5px;
 }
 }
+
 .users-role-bar a {
 .users-role-bar a {
     text-decoration: none;
     text-decoration: none;
 }
 }
+
 .users-role-bar a.active {
 .users-role-bar a.active {
     color:       #000;
     color:       #000;
     font-weight: bold;
     font-weight: bold;
 }
 }
+
 .sm_count {
 .sm_count {
     font-size:   11px;
     font-size:   11px;
     color:       #999;
     color:       #999;
@@ -629,11 +700,13 @@ input.dp-applied {
     margin-bottom: 5px;
     margin-bottom: 5px;
     float:         right;
     float:         right;
 }
 }
+
 .TzPaginateResults a {
 .TzPaginateResults a {
     text-decoration: none;
     text-decoration: none;
     padding:         1px 0px;
     padding:         1px 0px;
     border:          1px solid transparent;
     border:          1px solid transparent;
 }
 }
+
 .TzPaginateResults a.active {
 .TzPaginateResults a.active {
     color:       #000;
     color:       #000;
     font-weight: bold;
     font-weight: bold;
@@ -649,11 +722,13 @@ input.dp-applied {
     border:          none;
     border:          none;
     border-collapse: collapse;
     border-collapse: collapse;
 }
 }
+
 .attendance-admin-table thead td {
 .attendance-admin-table thead td {
     font-weight:   bold;
     font-weight:   bold;
     border-bottom: 2px solid #e8e8e8;
     border-bottom: 2px solid #e8e8e8;
     padding:       0 0 8px 0;
     padding:       0 0 8px 0;
 }
 }
+
 .attendance-admin-table tbody td {
 .attendance-admin-table tbody td {
     border-bottom: 1px solid #e8e8e8;
     border-bottom: 1px solid #e8e8e8;
     padding:       4px 0;
     padding:       4px 0;
@@ -668,6 +743,7 @@ input.dp-applied {
     border:          1px solid #ccc;
     border:          1px solid #ccc;
     margin:          8px 0px 4px 0px;
     margin:          8px 0px 4px 0px;
 }
 }
+
 #invoice-table thead th {
 #invoice-table thead th {
     margin:        0;
     margin:        0;
     padding:       5px 2px 5px 10px;
     padding:       5px 2px 5px 10px;
@@ -675,22 +751,26 @@ input.dp-applied {
     border-bottom: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     border-right:  1px solid #ccc;
     border-right:  1px solid #ccc;
 }
 }
+
 #invoice-table thead td {
 #invoice-table thead td {
     margin:     0;
     margin:     0;
     padding:    4px 2px 4px 10px;
     padding:    4px 2px 4px 10px;
     text-align: left;
     text-align: left;
 }
 }
+
 #invoice-table tbody th {
 #invoice-table tbody th {
     margin:     0;
     margin:     0;
     padding:    4px 2px 4px 10px;
     padding:    4px 2px 4px 10px;
     text-align: left;
     text-align: left;
 }
 }
+
 #invoice-table tbody td {
 #invoice-table tbody td {
     margin:       0;
     margin:       0;
     padding:      4px 2px 4px 10px;
     padding:      4px 2px 4px 10px;
     text-align:   left;
     text-align:   left;
     border-right: 1px solid #ccc;
     border-right: 1px solid #ccc;
 }
 }
+
 #invoice-table tbody tr.odd td {
 #invoice-table tbody tr.odd td {
     background-color: #f5f5f5;
     background-color: #f5f5f5;
 }
 }
@@ -699,12 +779,15 @@ input.dp-applied {
     background-color: #efd5d5;
     background-color: #efd5d5;
     color:            #c17575;
     color:            #c17575;
 }
 }
+
 #invoice-table tbody tr.unpaid td a {
 #invoice-table tbody tr.unpaid td a {
     color: #c17575;
     color: #c17575;
 }
 }
+
 #invoice-table tbody tr.unpaid td a:hover {
 #invoice-table tbody tr.unpaid td a:hover {
     color: #CC4433;
     color: #CC4433;
 }
 }
+
 #invoice-table tfoot td {
 #invoice-table tfoot td {
     margin:       0;
     margin:       0;
     padding:      4px 2px 4px 10px;
     padding:      4px 2px 4px 10px;
@@ -712,6 +795,7 @@ input.dp-applied {
     border-top:   1px solid #ccc;
     border-top:   1px solid #ccc;
     border-right: 1px solid #ccc;
     border-right: 1px solid #ccc;
 }
 }
+
 #invoice-table caption {
 #invoice-table caption {
     text-align:     left;
     text-align:     left;
     font-size:      11px;
     font-size:      11px;
@@ -729,6 +813,7 @@ input.dp-applied {
     border:          1px solid #ccc;
     border:          1px solid #ccc;
     margin:          8px 0px 4px 0px;
     margin:          8px 0px 4px 0px;
 }
 }
+
 .invoice-table thead th {
 .invoice-table thead th {
     margin:        0;
     margin:        0;
     padding:       5px 2px 5px 10px;
     padding:       5px 2px 5px 10px;
@@ -736,22 +821,26 @@ input.dp-applied {
     border-bottom: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     border-right:  1px solid #ccc;
     border-right:  1px solid #ccc;
 }
 }
+
 .invoice-table thead td {
 .invoice-table thead td {
     margin:     0;
     margin:     0;
     padding:    4px 2px 4px 10px;
     padding:    4px 2px 4px 10px;
     text-align: left;
     text-align: left;
 }
 }
+
 .invoice-table tbody th {
 .invoice-table tbody th {
     margin:     0;
     margin:     0;
     padding:    4px 2px 4px 10px;
     padding:    4px 2px 4px 10px;
     text-align: left;
     text-align: left;
 }
 }
+
 .invoice-table tbody td {
 .invoice-table tbody td {
     margin:       0;
     margin:       0;
     padding:      4px 2px 4px 10px;
     padding:      4px 2px 4px 10px;
     text-align:   left;
     text-align:   left;
     border-right: 1px solid #ccc;
     border-right: 1px solid #ccc;
 }
 }
+
 .invoice-table tbody tr.odd td {
 .invoice-table tbody tr.odd td {
     background-color: #f5f5f5;
     background-color: #f5f5f5;
 }
 }
@@ -760,12 +849,15 @@ input.dp-applied {
     background-color: #efd5d5;
     background-color: #efd5d5;
     color:            #c17575;
     color:            #c17575;
 }
 }
+
 .invoice-table tbody tr.unpaid td a {
 .invoice-table tbody tr.unpaid td a {
     color: #c17575;
     color: #c17575;
 }
 }
+
 .invoice-table tbody tr.unpaid td a:hover {
 .invoice-table tbody tr.unpaid td a:hover {
     color: #CC4433;
     color: #CC4433;
 }
 }
+
 .invoice-table tfoot td {
 .invoice-table tfoot td {
     margin:       0;
     margin:       0;
     padding:      4px 2px 4px 10px;
     padding:      4px 2px 4px 10px;
@@ -773,6 +865,7 @@ input.dp-applied {
     border-top:   1px solid #ccc;
     border-top:   1px solid #ccc;
     border-right: 1px solid #ccc;
     border-right: 1px solid #ccc;
 }
 }
+
 .invoice-table caption {
 .invoice-table caption {
     text-align:     left;
     text-align:     left;
     font-size:      11px;
     font-size:      11px;
@@ -800,9 +893,11 @@ input.dp-applied {
     font-size:     11px;
     font-size:     11px;
     margin:        5px 0;
     margin:        5px 0;
 }
 }
+
 .TzAdminPagination span {
 .TzAdminPagination span {
     margin-right: 5px;
     margin-right: 5px;
 }
 }
+
 .TzAdminPagination a {
 .TzAdminPagination a {
     margin-right: 5px;
     margin-right: 5px;
 }
 }
@@ -819,14 +914,17 @@ input.dp-applied {
     word-wrap:  normal;
     word-wrap:  normal;
     padding:    3px 5px;
     padding:    3px 5px;
 }
 }
+
 .cbv-report-list tbody tr.odd td,
 .cbv-report-list tbody tr.odd td,
 #report-list tbody tr.odd td {
 #report-list tbody tr.odd td {
     background-color: #f5f5f5;
     background-color: #f5f5f5;
 }
 }
+
 .cbv-report-list thead th {
 .cbv-report-list thead th {
     background-color: #e1e1e1;
     background-color: #e1e1e1;
     border-bottom:    1px solid #e8e8e8;
     border-bottom:    1px solid #e8e8e8;
 }
 }
+
 .cbv-report-list tbody td {
 .cbv-report-list tbody td {
     border-bottom:    1px solid #e8e8e8;
     border-bottom:    1px solid #e8e8e8;
     min-width:        120px;
     min-width:        120px;
@@ -842,6 +940,7 @@ input.dp-applied {
     margin:          0;
     margin:          0;
     padding:         0;
     padding:         0;
 }
 }
+
 .edit-option-table tbody th {
 .edit-option-table tbody th {
     padding:        5px 5px 3px 5px;
     padding:        5px 5px 3px 5px;
     text-align:     left;
     text-align:     left;
@@ -849,12 +948,14 @@ input.dp-applied {
     font-size:      11px;
     font-size:      11px;
     vertical-align: top;
     vertical-align: top;
 }
 }
+
 .edit-option-table tbody td {
 .edit-option-table tbody td {
     padding:     3px 5px;
     padding:     3px 5px;
     text-align:  left;
     text-align:  left;
     font-weight: bold;
     font-weight: bold;
     font-size:   11px;
     font-size:   11px;
 }
 }
+
 .edit-option-table tbody td textarea,
 .edit-option-table tbody td textarea,
 .edit-option-table tbody td input {
 .edit-option-table tbody td input {
     font-size: 11px;
     font-size: 11px;
@@ -877,6 +978,7 @@ font-family:arial;
 */
 */
     text-align: left;
     text-align: left;
 }
 }
+
 table.tablesorter thead tr th, table.tablesorter tfoot tr th {
 table.tablesorter thead tr th, table.tablesorter tfoot tr th {
     /*
     /*
 background-color: #e6EEEE;
 background-color: #e6EEEE;
@@ -885,12 +987,14 @@ background-color: #e6EEEE;
     padding: 4px;
     padding: 4px;
 */
 */
 }
 }
+
 table.tablesorter thead tr .header {
 table.tablesorter thead tr .header {
     background-image:    url(/wp-content/themes/cbv/assets/images/bg.gif);
     background-image:    url(/wp-content/themes/cbv/assets/images/bg.gif);
     background-repeat:   no-repeat;
     background-repeat:   no-repeat;
     background-position: center right;
     background-position: center right;
     cursor:              pointer;
     cursor:              pointer;
 }
 }
+
 table.tablesorter tbody td {
 table.tablesorter tbody td {
     /*
     /*
 color: #3D3D3D;
 color: #3D3D3D;
@@ -899,15 +1003,19 @@ color: #3D3D3D;
     vertical-align: top;
     vertical-align: top;
 */
 */
 }
 }
+
 table.tablesorter tbody tr.odd td {
 table.tablesorter tbody tr.odd td {
     background-color: #f5f5f5;
     background-color: #f5f5f5;
 }
 }
+
 table.tablesorter thead tr .headerSortUp {
 table.tablesorter thead tr .headerSortUp {
     background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
     background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
 }
 }
+
 table.tablesorter thead tr .headerSortDown {
 table.tablesorter thead tr .headerSortDown {
     background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
     background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
 }
 }
+
 table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
 table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
     color: #DF3224;
     color: #DF3224;
 }
 }
@@ -917,17 +1025,21 @@ div.tablesorterPager {
     background-color: #D6D2C2;
     background-color: #D6D2C2;
     text-align:       center;
     text-align:       center;
 }
 }
+
 div.tablesorterPager span {
 div.tablesorterPager span {
     padding: 0 5px 0 5px;
     padding: 0 5px 0 5px;
 }
 }
+
 div.tablesorterPager input.prev {
 div.tablesorterPager input.prev {
     width:        auto;
     width:        auto;
     margin-right: 10px;
     margin-right: 10px;
 }
 }
+
 div.tablesorterPager input.next {
 div.tablesorterPager input.next {
     width:       auto;
     width:       auto;
     margin-left: 10px;
     margin-left: 10px;
 }
 }
+
 div.tablesorterPager input {
 div.tablesorterPager input {
     font-size:  8px;
     font-size:  8px;
     width:      50px;
     width:      50px;
@@ -941,11 +1053,13 @@ div.tablesorterPager input {
     float: left;
     float: left;
     width: 200px;
     width: 200px;
 }
 }
+
 #mytable_filter, .dataTables_filter {
 #mytable_filter, .dataTables_filter {
     float:      right;
     float:      right;
     text-align: right;
     text-align: right;
     width:      400px;
     width:      400px;
 }
 }
+
 #mytable_info, .dataTables_info {
 #mytable_info, .dataTables_info {
     font-size: 12px;
     font-size: 12px;
     color:     #bbb;
     color:     #bbb;
@@ -962,10 +1076,12 @@ div.tablesorterPager input {
     background-image:    url(/wp-content/themes/cbv/assets/images/bg.gif);
     background-image:    url(/wp-content/themes/cbv/assets/images/bg.gif);
     cursor:              pointer;
     cursor:              pointer;
 }
 }
+
 .sorting_asc {
 .sorting_asc {
     background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
     background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
     color:            #DF3224;
     color:            #DF3224;
 }
 }
+
 .sorting_desc {
 .sorting_desc {
     background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
     background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
     color:            #DF3224;
     color:            #DF3224;
@@ -990,6 +1106,7 @@ div.tablesorterPager input {
 .dataTables_info {
 .dataTables_info {
     float: left;
     float: left;
 }
 }
+
 .dataTables_paginate {
 .dataTables_paginate {
     float:      right;
     float:      right;
     width:      400px;
     width:      400px;
@@ -1002,9 +1119,11 @@ div.tablesorterPager input {
 .paginate_active {
 .paginate_active {
     padding: 0px 4px;
     padding: 0px 4px;
 }
 }
+
 .paginate_button {
 .paginate_button {
     cursor: pointer;
     cursor: pointer;
 }
 }
+
 .paginate_button:hover {
 .paginate_button:hover {
     color: #DF3224;
     color: #DF3224;
 }
 }
@@ -1015,6 +1134,7 @@ div.dataTables_paginate span.paginate_active {
 
 
 .small-table {
 .small-table {
 }
 }
+
 .small-table td {
 .small-table td {
     font-size: 11px;
     font-size: 11px;
     padding:   3px;
     padding:   3px;
@@ -1035,6 +1155,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-attending {
 .label-black-attending {
     background-position: 0px 0px;
     background-position: 0px 0px;
 }
 }
+
 .label-black-attending:hover {
 .label-black-attending:hover {
     background-position: -43px 0px;
     background-position: -43px 0px;
 }
 }
@@ -1042,6 +1163,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-register {
 .label-black-register {
     background-position: 0px -14px;
     background-position: 0px -14px;
 }
 }
+
 .label-black-register:hover {
 .label-black-register:hover {
     background-position: -43px -14px;
     background-position: -43px -14px;
 }
 }
@@ -1049,6 +1171,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-taken {
 .label-black-taken {
     background-position: 0px -28px;
     background-position: 0px -28px;
 }
 }
+
 .label-black-taken:hover {
 .label-black-taken:hover {
     background-position: -43px -28px;
     background-position: -43px -28px;
 }
 }
@@ -1056,6 +1179,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-enrol {
 .label-black-enrol {
     background-position: 0px -42px;
     background-position: 0px -42px;
 }
 }
+
 .label-black-enrol:hover {
 .label-black-enrol:hover {
     background-position: -43px -42px;
     background-position: -43px -42px;
 }
 }
@@ -1063,6 +1187,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-attending {
 .label-red-attending {
     background-position: -43px 0px;
     background-position: -43px 0px;
 }
 }
+
 .label-red-attending:hover {
 .label-red-attending:hover {
     background-position: -86px 0px;
     background-position: -86px 0px;
 }
 }
@@ -1070,6 +1195,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-register {
 .label-red-register {
     background-position: -43px -14px;
     background-position: -43px -14px;
 }
 }
+
 .label-red-register:hover {
 .label-red-register:hover {
     background-position: -86px -14px;
     background-position: -86px -14px;
 }
 }
@@ -1077,6 +1203,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-taken {
 .label-red-taken {
     background-position: -43px -28px;
     background-position: -43px -28px;
 }
 }
+
 .label-red-taken:hover {
 .label-red-taken:hover {
     background-position: -86px -28px;
     background-position: -86px -28px;
 }
 }
@@ -1084,6 +1211,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-enrol {
 .label-red-enrol {
     background-position: -43px -42px;
     background-position: -43px -42px;
 }
 }
+
 .label-red-enrol:hover {
 .label-red-enrol:hover {
     background-position: -86px -42px;
     background-position: -86px -42px;
 }
 }
@@ -1091,6 +1219,7 @@ div.dataTables_paginate span.paginate_active {
 .label-grey-closed {
 .label-grey-closed {
     background-position: -86px -56px;
     background-position: -86px -56px;
 }
 }
+
 .label-grey-closed:hover {
 .label-grey-closed:hover {
     background-position: -86px -56px;
     background-position: -86px -56px;
 }
 }
@@ -1098,6 +1227,7 @@ div.dataTables_paginate span.paginate_active {
 .label-grey-fail {
 .label-grey-fail {
     background-position: -86px -70px;
     background-position: -86px -70px;
 }
 }
+
 .label-grey-fail:hover {
 .label-grey-fail:hover {
     background-position: -86px -70px;
     background-position: -86px -70px;
 }
 }
@@ -1105,6 +1235,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-fail {
 .label-black-fail {
     background-position: 0px -70px;
     background-position: 0px -70px;
 }
 }
+
 .label-black-fail:hover {
 .label-black-fail:hover {
     background-position: 0px -70px;
     background-position: 0px -70px;
 }
 }
@@ -1112,6 +1243,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-fail {
 .label-red-fail {
     background-position: -43px -70px;
     background-position: -43px -70px;
 }
 }
+
 .label-red-fail:hover {
 .label-red-fail:hover {
     background-position: -43px -70px;
     background-position: -43px -70px;
 }
 }
@@ -1119,6 +1251,7 @@ div.dataTables_paginate span.paginate_active {
 .label-grey-pass {
 .label-grey-pass {
     background-position: -86px -84px;
     background-position: -86px -84px;
 }
 }
+
 .label-grey-pass:hover {
 .label-grey-pass:hover {
     background-position: -86px -84px;
     background-position: -86px -84px;
 }
 }
@@ -1126,6 +1259,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-pass {
 .label-black-pass {
     background-position: 0px -84px;
     background-position: 0px -84px;
 }
 }
+
 .label-black-pass:hover {
 .label-black-pass:hover {
     background-position: 0px -84px;
     background-position: 0px -84px;
 }
 }
@@ -1133,6 +1267,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-pass {
 .label-red-pass {
     background-position: -43px -84px;
     background-position: -43px -84px;
 }
 }
+
 .label-red-pass:hover {
 .label-red-pass:hover {
     background-position: -43px -84px;
     background-position: -43px -84px;
 }
 }
@@ -1140,6 +1275,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-print {
 .label-black-print {
     background-position: 0px -98px;
     background-position: 0px -98px;
 }
 }
+
 .label-black-print:hover {
 .label-black-print:hover {
     background-position: -86px -98px;
     background-position: -86px -98px;
 }
 }
@@ -1147,6 +1283,7 @@ div.dataTables_paginate span.paginate_active {
 .label-grey-print {
 .label-grey-print {
     background-position: -86px -98px;
     background-position: -86px -98px;
 }
 }
+
 .label-grey-print:hover {
 .label-grey-print:hover {
     background-position: 0px -98px;
     background-position: 0px -98px;
 }
 }
@@ -1154,6 +1291,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-print {
 .label-red-print {
     background-position: -43px -98px;
     background-position: -43px -98px;
 }
 }
+
 .label-red-print:hover {
 .label-red-print:hover {
     background-position: -86px -98px;
     background-position: -86px -98px;
 }
 }
@@ -1162,6 +1300,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-view {
 .label-black-view {
     background-position: 0px -112px;
     background-position: 0px -112px;
 }
 }
+
 .label-black-view:hover {
 .label-black-view:hover {
     background-position: -86px -112px;
     background-position: -86px -112px;
 }
 }
@@ -1169,6 +1308,7 @@ div.dataTables_paginate span.paginate_active {
 .label-grey-view {
 .label-grey-view {
     background-position: -86px -112px;
     background-position: -86px -112px;
 }
 }
+
 .label-grey-view:hover {
 .label-grey-view:hover {
     background-position: 0px -112px;
     background-position: 0px -112px;
 }
 }
@@ -1176,6 +1316,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-view {
 .label-red-view {
     background-position: -43px -112px;
     background-position: -43px -112px;
 }
 }
+
 .label-red-view:hover {
 .label-red-view:hover {
     background-position: -86px -112px;
     background-position: -86px -112px;
 }
 }
@@ -1184,6 +1325,7 @@ div.dataTables_paginate span.paginate_active {
 .label-black-coming {
 .label-black-coming {
     background-position: 0px -126px;
     background-position: 0px -126px;
 }
 }
+
 .label-black-coming:hover {
 .label-black-coming:hover {
     background-position: -86px -126px;
     background-position: -86px -126px;
 }
 }
@@ -1191,6 +1333,7 @@ div.dataTables_paginate span.paginate_active {
 .label-grey-coming {
 .label-grey-coming {
     background-position: -86px -126px;
     background-position: -86px -126px;
 }
 }
+
 .label-grey-coming:hover {
 .label-grey-coming:hover {
     background-position: 0px -126px;
     background-position: 0px -126px;
 }
 }
@@ -1198,6 +1341,7 @@ div.dataTables_paginate span.paginate_active {
 .label-red-coming {
 .label-red-coming {
     background-position: -43px -126px;
     background-position: -43px -126px;
 }
 }
+
 .label-red-coming:hover {
 .label-red-coming:hover {
     background-position: -86px -126px;
     background-position: -86px -126px;
 }
 }
@@ -1206,15 +1350,18 @@ div.dataTables_paginate span.paginate_active {
     padding:    4px 5px;
     padding:    4px 5px;
     border-top: 1px solid #e8e8e8;
     border-top: 1px solid #e8e8e8;
 }
 }
+
 .filter-table tr.odd td {
 .filter-table tr.odd td {
     background-color: #f5f5f5;
     background-color: #f5f5f5;
 }
 }
+
 .filter-table tr:first-child {
 .filter-table tr:first-child {
     border-top: none;
     border-top: none;
 }
 }
 
 
 ul.action-class {
 ul.action-class {
 }
 }
+
 ul.action-class li {
 ul.action-class li {
     margin: 0px 0px 10px 0px;
     margin: 0px 0px 10px 0px;
 }
 }
@@ -1315,10 +1462,6 @@ h6.fieldset-heading {
     float: right;
     float: right;
 }
 }
 
 
-.option-groups-region .remove-group {
-    margin-top: 3px;
-}
-
 .option-groups-region .remove-option {
 .option-groups-region .remove-option {
     margin-top: 4px;
     margin-top: 4px;
 }
 }
@@ -1374,7 +1517,7 @@ h6.fieldset-heading {
 
 
 .option-groups-region .group-title,
 .option-groups-region .group-title,
 .option-groups-region .editable-group-title {
 .option-groups-region .editable-group-title {
-    max-width:  76%;
+    max-width:  66%;
     min-width:  50px;
     min-width:  50px;
     min-height: 15px;
     min-height: 15px;
     position:   relative;
     position:   relative;
@@ -1415,6 +1558,16 @@ h6.fieldset-heading {
     margin-right: 10px;
     margin-right: 10px;
 }
 }
 
 
+.option-groups-region .toggle-lang-container {
+    display:    inline-block;
+    float:      right;
+    margin-top: -10px;
+}
+
+.field-option .toggle-lang-container {
+    margin-top: 0;
+}
+
 .dragged {
 .dragged {
     position: absolute;
     position: absolute;
     opacity:  0.5;
     opacity:  0.5;
@@ -1437,10 +1590,12 @@ li.placeholder:before {
     padding:         0;
     padding:         0;
     width:           100%;
     width:           100%;
 }
 }
+
 #sortable ul {
 #sortable ul {
     margin-left: 20px;
     margin-left: 20px;
     list-style:  none;
     list-style:  none;
 }
 }
+
 #sortable li {
 #sortable li {
     padding:            2px 0px;
     padding:            2px 0px;
     margin:             4px 0px;
     margin:             4px 0px;
@@ -1448,6 +1603,7 @@ li.placeholder:before {
     cursor:             move;
     cursor:             move;
     -moz-border-radius: 6px
     -moz-border-radius: 6px
 }
 }
+
 #sortable li span {
 #sortable li span {
     display:     block;
     display:     block;
     background:  #f7f7f7;
     background:  #f7f7f7;
@@ -1456,6 +1612,7 @@ li.placeholder:before {
     font-size:   14px;
     font-size:   14px;
     font-weight: bold;
     font-weight: bold;
 }
 }
+
 #sortable li.placeholder {
 #sortable li.placeholder {
     border:           dashed 2px #ccc;
     border:           dashed 2px #ccc;
     background-color: #FFF;
     background-color: #FFF;
@@ -1465,9 +1622,11 @@ li.placeholder:before {
 .diff-accept {
 .diff-accept {
     background-color: #68be2e;
     background-color: #68be2e;
 }
 }
+
 .diff-reject {
 .diff-reject {
     background-color: #ed1f24;
     background-color: #ed1f24;
 }
 }
+
 td.diff-left:hover, td.diff-right:hover {
 td.diff-left:hover, td.diff-right:hover {
     cursor: pointer;
     cursor: pointer;
 }
 }
@@ -1495,11 +1654,10 @@ a, input, textarea, select {
     transition:         color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
     transition:         color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
 }
 }
 
 
-
-
 .left, .float-left {
 .left, .float-left {
     float: left;
     float: left;
 }
 }
+
 .right, .float-right {
 .right, .float-right {
     float: right;
     float: right;
 }
 }