/* -----------------------------------
Site:      Default guidebooks (use as a template and for testing)
CSS author: Bruce Young
Updated:    14 July 2014
Updated by: Bruce Young
----------------------------------- */


/* -----------------------------------simple reset----------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
}

h3,
h4 {
    margin-bottom: 0;
    margin-top: 10px;
}

h3 a {
    text-decoration: none;
    color: #060467;
    background: url(images/LineNT/apArrow.gif) no-repeat 5px 9px;
    padding: 5px 0 0 3%;
    display: inline-block;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #cccccc;
    background-color: #cccccc;
    width: 97%;
    height: 25px;
    outline: none;
    border: none;
    font-size: .9em;
}

.accordion div {
    border: 1px solid #cccccc;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    padding: 10px;
}

.ExtraResources ul {
    list-style-type: none;
}

h3.ExtraResources {
    background: url(images/LineNT/template.gif) no-repeat 0px 0px;
    padding-left: 50px;
    height: 50px;
    padding-top: 10px;
}

.attention {
    border-bottom: 1px dotted #000;
}

h3 a:active {
    outline: none;
    border: none;
}

.tipBox h2 {
    border: none;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    color: #a0a0a0;
    padding: 10px 0px 0px 40px;
    margin-bottom: 10px;
}

fieldset,
img {
    border: 0;
}

legend {
    color: #000;
}

select,
button {
    font-size: 110%;
    line-height: 1.1;
    font-family: helvetica, arial, sans-serif;
    margin: 0px;
    padding: 0px;
}

button {
    width: auto;
    overflow: visible;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    vertical-align: top;
}

caption,
td {
    font-weight: normal;
}

abbr,
acronym {
    border-bottom: .1em dotted;
    cursor: help;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

pre,
code {
    font-family: "Courier New", monospace, serif;
    font-size: 100%;
    line-height: 1.2;
}


/* 
This hides the preloaded images to get around ie6 vanishing image issue
*/

.hiddenpic,
.emailButton {
    display: none;
}


/* 
   ---------------------------------------------------------------------------
   EMBEDDED CONTENT GENERAL PARAMETERS 
   Set the width of the content and menu and whether the menu is on the left 
   or the right of the content
   --------------------------------------------------------------------------- 
*/


/*
#TsbcEmbed
{
    width: 840px;
}
*/


/* use this for a left side menu
#TsbcEmbed .menu    {width: 200px; float: left;}
#TsbcEmbed .pageList   {margin-right: 10px;}
#TsbcEmbed .pageList .currentPage {margin-right: 10px; background-position: right -28px;}
#TsbcEmbed .content {width: 530px; float: right;} */


/* use this for a right side menu */

#TsbcEmbed .menu {
    width: 19%;
    float: right;
}

#TsbcEmbed .content {
    width: 80%;
}

.saveStatus,
.saveInfo {
    display: none;
}


/* rounded corners used in the content */

#TsbcEmbed .content,
.tipBox,
.question,
#TsbcEmbed .content .checkboxGroup,
.highlightBox {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*------------------------------------Images in content ------------------------*/


/*---------Set images to reside on the right side with content wrapping ------------------------------*/

#TsbcEmbed .content img {
    border: 1px solid #cbcbcb;
    margin: 0px 0px 10px 10px;
}

#TsbcEmbed .content #page0 img {
    float: none;
}


/* -----------------------------------elements----------------------------------- */

#TsbcEmbed .lessonTitle {
    display: none;
}

#TsbcEmbed .pageHeader {
    display: none;
}

body {}

#TsbcEmbed h1,
#TsbcEmbed h2,
#TsbcEmbed h3,
#TsbcEmbed h4,
#TsbcEmbed h5,
#TsbcEmbed h6 {}

#TsbcEmbed h1 {}

#TsbcEmbed h2 {}

#TsbcEmbed h3 {}

#TsbcEmbed h4 {}

#TsbcEmbed h5 {}

#TsbcEmbed h6 {}

#TsbcEmbed p {}

#TsbcEmbed a:link {}

#TsbcEmbed a:visited {}

#TsbcEmbed a:focus {}

#TsbcEmbed a:hover {}

#TsbcEmbed a:active {}

#TsbcEmbed ol {}

#TsbcEmbed ul {}

#TsbcEmbed li {}

#TsbcEmbed ul li {}


/* -----------------------------------layout----------------------------------- */

#TsbcEmbed {
    margin: 20px auto;
    padding: 0px 0px 0px 0px;
    position: relative;
}

#TsbcEmbed .pageHolder {
    position: relative;
}

#TsbcEmbed .content .page {
    margin: 0px 0px 5px 0px;
    padding: 15px 15px 15px 15px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #b2b2b2;
    background-color: #f7f7f7;
}

#TsbcEmbed .menu {
    border: 1px solid #cccccc;
    padding: 30px 0px 0px 0px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin-top: 0px;
    filter: none;
    background: #ffffff url(images/LineNT/navTitle.gif) 0px -1px no-repeat;
}

.page {
    display: block;
    position: relative;
}


/* -----------------------------------header----------------------------------- */


/* -----------------------------------search-form----------------------------------- */


/* -----------------------------------page-nav----------------------------------- */

#TsbcEmbed .pageList {}

#TsbcEmbed .pageList .page,
#TsbcEmbed .pageList .currentPage,
#TsbcEmbed .pageList .currentapPage,
#TsbcEmbed .pageList .visitedPage,
#TsbcEmbed .pageList .apPage {
    border-top: 1px solid #cccccc;
}

#TsbcEmbed .pageList .currentPage,
#TsbcEmbed .pageList .currentapPage {
    background-image: url(images/LineNT/menuTick.gif);
    background-repeat: no-repeat;
    background-position: 5px 11px;
}

#TsbcEmbed .menu a {
    font-weight: normal;
    font-size: .9em;
    text-decoration: none;
    outline: none;
    color: #000;
    height: auto;
    line-height: 1.2em;
    text-shadow: none;
    border: none;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    display: block;
    padding-left: 10px;
}

#TsbcEmbed .menu a:hover {
    background-color: #dddddd;
    filter: none;
    background-image: none;
}

#TsbcEmbed .pageList .visitedPage {
    background-color: #EDEDED;
}

#TsbcEmbed .menu .currentPage a,
#TsbcEmbed .pageList .currentapPage a {
    font-weight: bold;
    padding-left: 25px;
}

.activeUnit,
.unit {
    padding: 3px 3px 3px 25px;
    color: #ffffff;
    border-bottom: 1px solid #cbcbcb;
    margin-top: 5px;
}

.unit {
    background-position: -5000px 0px;
}

.activeUnit {
    background-position: 0px 0px;
}

.activeUnit a {
    font-weight: bold;
}

#TsbcEmbed .pageList .visitedPage {}

.apPage,
.currentapPage,
.visitedapPage {}


/* -----------------------------------button-nav----------------------------------- */


/* ----- Position the buttons ----- */

.startButton {
    margin-right: 20px;
}

.navButtons,
.saveInfo {
    display: none !important;
}

.btmnavButtons {
    position: relative;
    margin: 0px 0px 0px 0px;
    height: 37px;
}

.backDiv,
.nextDiv,
#btmPrevUnitdiv,
#btmNextUnitdiv {
    text-align: center;
    position: absolute;
}

.backDiv,
#btmPrevUnitdiv {
    top: 0px;
    left: 2px;
}

.nextDiv,
#btmNextUnitdiv {
    top: 0px;
    right: 2px;
}


/* ----- Style the text for the buttons ----- */

.backDiv a,
.startButton a,
.nextDiv a,
.openButton a,
.restartButton a,
.btmapDiv a,
.apbutton a,
.emailButton a,
.downloadBtn a,
#btmNextUnitdiv a,
#btmPrevUnitdiv a {
    display: block;
    padding: 6px 12px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}


/* 
NARROW BUTTONS 
- Next button
- Back button
- Download button
- email button

*/

.startButton a,
.btmapDiv a,
.apbutton a,
.downloadBtn a,
.backDiv a,
.nextDiv a,
#btmNextUnitdiv a,
#btmPrevUnitdiv a,
.TSBC_button a {
    background: #ffffff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dadada));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #dadada 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #dadada 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #dadada 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #dadada 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada', GradientType=0);
    /* IE6-8 */
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.TSBC_button a {
    text-decoration: none;
    font-weight: bold;
    padding: 5px 10px;
}

.backDiv a,
.nextDiv a,
#btmNextUnitdiv a,
#btmPrevUnitdiv a {}

.backDiv a:hover,
.nextDiv a:hover,
.downloadBtn a:hover,
#btmNextUnitdiv a:hover,
#btmPrevUnitdiv a:hover,
.startButton a:hover,
.btmapDiv a:hover,
.apbutton a:hover,
.TSBC_button a:hover {
    background-color: #DADADA;
}


/* 
WIDE BUTTONS 
- Start button
- Action plan buttons

*/

.btmapDiv {
    position: absolute;
    right: 80px;
    top: 0px;
}

.startButton a,
.btmapDiv a,
.apbutton a,
.downloadBtn a {
    width: 120px;
    text-align: center;
}

.pageNo {
    margin-top: 4px;
    font-size: 11px;
    text-align: center;
}


/* -----------------------------------footer----------------------------------- */


/* -----------------------------------box----------------------------------- */


/* Set all boxed content to the same width */

.checkboxGroup,
.question,
.tipBox,
.highlightBox {
    position: relative;
    margin-bottom: 10px;
    padding: 10px;
}

.tipBox .clear,
.download .clear,
.checkboxGroup .clear,
.highlightBox .clear,
.question .clear {
    clear: none;
    font-size: 1px;
    height: 1px;
}

.tipBox .Text,
.download .Text {
    padding: 10px 10px 0px 10px;
}

.highlightBox .Text {
    padding: 10px 10px 0px 10px;
}

.question,
.tipBox,
#TsbcEmbed .content .checkboxGroup,
.highlightBox {
    border: solid 1px #b2b2b2;
    background-color: #ffffff;
}


/* the new downloads are inside the tabs area so have a new markup. */

.ExtraResources li,
.highlightBox li {
    padding: 0px 20px 10px 0px;
    margin-bottom: 5px;
    border-bottom: 1px #cccccc solid;
    position: relative;
    display: inline-block;
    width: 100%;
}

.ExtraResources li:last-child,
.highlightBox li:last-child {
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ExtraResources .download {}

.ExtraResources li .icon,
.highlightBox li .icon {
    background-image: url(images/LineNT/fileTypes.gif);
    background-repeat: no-repeat;
    height: 33px;
    width: 33px;
    float: left
}

.excel .icon {
    background-position: 0px 0px;
}

.article .icon {
    background-position: 0px -135px;
}

.pdf .icon {
    background-position: 0px -103px;
}

.word .icon {
    background-position: 0px -35px;
}

.resourceTitle {
    width: 360px;
    float: left;
    font-weight: bold;
}

.resourceInfo {
    padding: 0px 0px 0px 0px;
    width: 355px;
    float: left;
}

.download .TSBC_button {
    position: absolute;
    right: 5px;
    top: 10px;
}

.tipBox {
    background-image: url(images/LineNT/lightbulb_48.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    width: 180px;
    float: right;
    margin: 10px;
}

.highlightBox {
    margin: 5px 0px 10px 0px;
}

.question .textareaSingle,
.question .textareaMulti {
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    position: relative;
    width: 95%;
    margin: 10px 0px 5px 2%;
    background-color: Transparent;
    border: none;
    padding: 4px 5px 4px 5px;
    opacity: 0.9;
    outline-width: medium;
    resize: none;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
}

.question .textareaMulti {
    height: 160px;
}

.question .textareaSingle {
    height: 31px;
}

.questionText {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    line-height: 1.8em;
    display: inline-block;
    padding: 0px 0px 5px 10px;
}

.questionSubText {
    color: #444444;
    margin-left: 10px;
    display: block;
    font-style: italic;
    font-size: .9em;
    padding: 0px 0px 3px 0px;
    line-height: 1.2em;
}

#TsbcEmbed .content .checkboxGroup {
    padding: 10px 0px 5px 0px;
    margin: 5px 0px 20px 0px;
    text-align: left;
    position: relative;
    padding: 10px 0px 0px 0px;
}

#TsbcEmbed .checkBox {
    clear: left;
    padding: 3px 20px 5px 0px;
    margin-left: 20px;
}

.checkboxText {
    font-size: .9em;
    font-weight: bold;
    line-height: 1.2em;
    padding-bottom: 5px;
    margin-left: 20px;
}

#TsbcEmbed .content .checkBox input {
    margin: 0px 5px 0px 0px;
    padding: 3px 0px 0px 0px !important;
    display: inline-block;
    width: 20px !important;
    vertical-align: top;
    float: left;
}

#TsbcEmbed .checkboxLabel {
    padding: 0px 0px 0px 0px;
    margin-left: 25px;
    display: block;
    font-size: .9em;
    line-height: 1.38em;
    vertical-align: middle;
    font-weight: normal;
}


/* -----------------------------------colors----------------------------------- */


/* -----------------------------------classes----------------------------------- */


/* Tabs jQuery styles */


/*! jQuery UI - v1.9.1 - 2012-10-25
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    /* #8656 */
    cursor: default;
}


/* workarounds */

* html .ui-autocomplete {
    width: 1px;
}


/* without this, the menu expands to 100% in IE6 */

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}


/* the overflow property removes extra width in IE */

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2.2em;
}


/* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only {
    width: 2.4em;
}


/* button elements seem to need a little more width */

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}


/*button text element */

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}


/* no icon support for input elements, provide padding by default */

input.ui-button {
    padding: .4em 1em;
}


/*button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}


/*button sets*/

.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}


/* workarounds */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* reset extra padding in Firefox */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
    position: absolute;
    /*must have*/
    z-index: -1;
    /*must have*/
    filter: mask();
    /*must have*/
    top: -4px;
    /*must have*/
    left: -4px;
    /*must have*/
    width: 200px;
    /*must have*/
    height: 200px;
    /*must have*/
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%;
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom: 1;
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}


/* icon support */

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}


/* left-aligned */

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}


/* right-aligned */

.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}


/* more specificity required here to overide default borders */

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}


/* vertical centre icon */

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}


/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    zoom: 1;
}


/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav {
    margin: 0;
    /* padding: .2em .2em 0; */
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    background-color: #ffffff;
    float: left;
    padding: 1em 2em;
    text-decoration: none;
    border-top: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    border-right: 1px #cccccc solid;
    -moz-border-radius: 4px 4px 0 0/*{cornerRadiusShadow}*/
    ;
    -khtml-border-radius : 4px 4px 0 0/*{cornerRadiusShadow}*/
    ;
    -webkit-border-radius : 4px 4px 0 0/*{cornerRadiusShadow}*/
    ;
    border-radius : 4px 4px 0 0/*{cornerRadiusShadow}*/
    ;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}


/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    display: block;
    padding: 1em 0px .5em 0px;
    background-color: #ffffff;
}

.ui-tabs .ui-tabs-panel.mainText {
    padding: 10px 20px;
}

.ui-tabs .ui-tabs-panel.exampleText {
    background-image: url(images/LineNT/quote.gif);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    padding: 20px 20px 0px 60px;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}


/* Fades and background-images don't work well together in IE6, drop the image */

* html .ui-tooltip {
    background-image: none;
}

body .ui-tooltip {
    border-width: 2px;
}


/* Component containers
----------------------------------*/

.ui-widget {
    /* font-family: Verdana,Arial,sans-serif{ffDefault}; font-size: 1.1em{fsDefault};*/
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana,
    Arial,
    sans-serif/*{ffDefault}*/
    ;
    font-size: 1em;
}

.ui-widget-content {
    color: #222222/*{fcContent}*/
    ;
}

.ui-widget-content a {
    color: #222222/*{fcContent}*/
    ;
}

.ui-widget-header {
    height: 3.5em;
    /*border: 1px solid #aaaaaa{borderColorHeader}*/
    color: #222222/*{fcHeader}*/
    ;
    font-weight: normal;
    border-bottom: 1px #cccccc solid;
}

.ui-widget-header a {
    color: #222222/*{fcHeader}*/
    ;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    /* border: 1px solid #d3d3d3 {borderColorDefault}; */
    /* background: #e6e6e6{bgColorDefault} url(images/ui-bg_glass_75_e6e6e6_1x400.png)*/
    /*{bgImgUrlDefault}*/
    /*50%{bgDefaultXPos}*/
    /*50%{bgDefaultYPos}*/
    /*repeat-x{bgDefaultRepeat};*/
    font-weight: normal/*{fwDefault}*/
    ;
    color: #555555/*{fcDefault}*/
    ;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555/*{fcDefault}*/
    ;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    outline: none;
    font-weight: normal/*{fwDefault}*/
    ;
    color: #212121/*{fcHover}*/
    ;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    font-weight: bold;
    color: #212121/*{fcHover}*/
    ;
    text-decoration: none;
    outline: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #ffffff;
    font-weight: bold/*{fwDefault}*/
    ;
    color: #212121/*{fcActive}*/
    ;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px #ffffff solid;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    font-weight: bold;
    color: #212121/*{fcActive}*/
    ;
    text-decoration: none;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px #ffffff solid;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1/*{borderColorHighlight}*/
    ;
    background: #fbf9ee/*{bgColorHighlight}*/
    url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/
    50%/*{bgHighlightXPos}*/
    50%/*{bgHighlightYPos}*/
    repeat-x/*{bgHighlightRepeat}*/
    ;
    color: #363636/*{fcHighlight}*/
    ;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636/*{fcHighlight}*/
    ;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a/*{borderColorError}*/
    ;
    background: #fef1ec/*{bgColorError}*/
    url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/
    50%/*{bgErrorXPos}*/
    50%/*{bgErrorYPos}*/
    repeat-x/*{bgErrorRepeat}*/
    ;
    color: #cd0a0a/*{fcError}*/
    ;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a/*{fcError}*/
    ;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a/*{fcError}*/
    ;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}


/* For IE8 - See #6059 */


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/
    ;
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/
    ;
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/
    ;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/
    ;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/
    ;
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/
    ;
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/
    ;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/
    ;
}


/* positioning */

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa/*{bgColorOverlay}*/
    url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/
    50%/*{bgOverlayXPos}*/
    50%/*{bgOverlayYPos}*/
    repeat-x/*{bgOverlayRepeat}*/
    ;
    opacity: .3;
    filter: Alpha(Opacity=30)/*{opacityOverlay}*/
    ;
}

.ui-widget-shadow {
    margin: -8px/*{offsetTopShadow}*/
    0 0 -8px/*{offsetLeftShadow}*/
    ;
    padding: 8px/*{thicknessShadow}*/
    ;
    background: #aaaaaa/*{bgColorShadow}*/
    url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/
    50%/*{bgShadowXPos}*/
    50%/*{bgShadowYPos}*/
    repeat-x/*{bgShadowRepeat}*/
    ;
    opacity: .3;
    filter: Alpha(Opacity=30)/*{opacityShadow}*/
    ;
    -moz-border-radius: 8px/*{cornerRadiusShadow}*/
    ;
    -khtml-border-radius: 8px/*{cornerRadiusShadow}*/
    ;
    -webkit-border-radius: 8px/*{cornerRadiusShadow}*/
    ;
    border-radius: 8px/*{cornerRadiusShadow}*/
    ;
}


/* root element for tabs  */

ul.css-tabs {
    margin: 0 !important;
    padding: 0;
    height: 30px;
    border-bottom: 1px solid #666;
}


/* single tab */

ul.css-tabs li {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}


/* link inside the tab. uses a background image */

ul.css-tabs a {
    float: left;
    font-size: 13px;
    display: block;
    padding: 5px 30px;
    text-decoration: none;
    border: 1px solid #666;
    border-bottom: 0px;
    height: 18px;
    background-color: #efefef;
    color: #777;
    margin-right: 2px;
    position: relative;
    top: 1px;
    outline: 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul.css-tabs a:hover {
    background-color: #F7F7F7;
    color: #333;
}


/* selected tab */

ul.css-tabs a.current {
    background-color: #ddd;
    border-bottom: 1px solid #ddd;
    color: #000;
    cursor: default;
}


/* tab pane */

.css-panes div {
    display: none;
    border: 1px solid #666;
    border-width: 0 1px 1px 1px;
    min-height: 150px;
    padding: 15px 20px;
    background-color: #ddd;
}

@media all and (max-width: 993px) {
    #TsbcEmbed .menu,
    #pageNo {
        display: none !important;
    }
    #TsbcEmbed .content {
        width: 100%;
    }
}