/**
 * Global stylesheet
 *
 * @copyright 2009,2010 Hyphen Technology
 * @version $Id
 * @package Foyer
 */

/**
 * Global stylesheet
 *
 * @copyright 2009,2010 Hyphen Technology
 * @version $Id
 * @package Foyer
 */

#print_header, #print_footer, .printonly {
    display:none;
}

/** GLOBAL RESETS **/
:link,:visited {
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6,pre,code {
    font-weight: 200;
}

ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input  {
    margin: 0px;
    padding: 0px;
}

a img,:link img,:visited img {
    border: none
}

/** GLOBAL SETS **/

html {
    height:100%;
}

body {
    margin: 10px 0px 50px 0px;
    font-size: 9pt;
    color: #333;
    font-family: arial, lucida, tahoma, helvetica, verdana;
    background-color: #ffffff;
    text-align: left;
    padding-bottom: 10px;
    border:0px solid red;
}

a:link,a:visited {
    color: #662D80;
    font-weight: normal;
    text-decoration: underline;
}

a:hover,a:focus {
    color: #333;
    text-decoration: underline;
}

/* general lists */

ul {
    list-style-type: none;
    padding: 0px;
    margin: 12px 0px 13px 10px;
}

ul li {
    background-repeat: no-repeat;
    background-image: url(/tq/images/default/chevron-small.png);
    background-position: 0px 4px;
    padding-left: 25px;
    margin-left: 0px;
    margin-bottom: 1px;
}

ol {
    margin: 12px 0px 13px 10px;
    padding: 0 0 0 25px; /*--Distance between the order numbers--*/
    list-style-type: decimal;
}

ol li {
    padding: 0px 15px 1px 2px;
    margin-left: 0px;
}

/* ******** unordered list INSIDE ordered list ******** */

ol li ul {
    list-style-type: none;
    padding: 0px;
    margin: 12px 0px 13px 10px;
}
ol li ul li {
    background-repeat: no-repeat;
    background-image: url(/tq/images/default/chevron-small.png);
    background-position: 0px 4px;
    padding-left: 25px;
    margin-left: 0px;
    margin-bottom: 1px;
}

/* ******** ordered list INSIDE unordered list ******** */

ul li ol {
    margin: 12px 0px 13px 10px;
    padding: 0 0 0 25px; /*--Distance between the order numbers--*/
    list-style-type: decimal;
}
ul li ol li {
    padding: 0px 15px 1px 2px;
    margin-left: 0px;
    background-image:none;
}

/* **************** PAGING NAVIGATION */

.paginationControl {
    clear:both;
    float:left;
    width:100%;
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin-top:25px;
    margin-bottom:25px;
    white-space: nowrap;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size:9pt;
    color: #333;
    text-align: left;
    border:0px solid green;
}

.paginationControl .pg-links {
    border:0px solid blue;
    float:right;
}

.paginationControl .pg-total {
    clear:both;
    float:left;
    width:100%;
    border:0px solid red;
    padding-right:5px;
    text-align:right;
    font-weight: normal;
    font-size:9pt;
    color:#555;
}

.paginationControl .pg-page {
    float:left;
    height: 25px;
    /* background: url(/tq/images/default/page.png) no-repeat 3px 5px; */
    /* padding: 3px 0px 0px 3px; */
    /* background: url(/tq/images/default/page2.png) no-repeat -3px 0px; */
    padding: 3px 3px 0px 3px;
    text-align:center;
    border:0px solid blue;
}
.paginationControl .pg-page-active {
    float:left;
    width: 18px;
    height: 25px;
    padding: 3px 3px 0px 3px;
    text-align:center;
    color:#333;
    font-size:9pt;
    background-image:none;
    font-weight: bold;
    border:0px solid blue;
}
.pg-page a, .pg-page a:link, .pg-page a:visited   {
    color:#662D80;
    font-weight: normal;
}
.pg-page a:hover {
    color: #333;
    font-weight: bold;
}

.paginationControl .pg-start {
    float:left;
    width: 27px;
    height: 27px;
    /* background: url(/tq/images/default/start.png) no-repeat 2px -2px; */
}

.paginationControl .pg-end {
    float:left;
    width: 27px;
    height: 27px;
    /* background: url(/tq/images/default/end.png) no-repeat 2px -2px; */
}

.paginationControl .pg-previous {
    float:left;
    width: 25px;
    height: 25px;
    padding-right:5px;
    /* background: url(/tq/images/default/previous.png) no-repeat left -2px; */
    border:0px solid green;
}

.paginationControl .pg-next {
    float:left;
    width: 25px;
    height: 25px;
    padding-left:5px;
    /* background: url(/tq/images/default/next.png) no-repeat right -2px; */
    border:0px solid green;
}

/* end: paging navigation */

span.newRecord {
    display: block; /* for Moz 2.0.0.... */
    text-align:right;
    clear:left;
    height:25px;
    text-align: right;
    border:0px solid red;
    font-size: 8pt;
    font-family:arial;
    margin-top:2px;
}

span.newRecord .newRecordDetail {
    display: inline;
    text-align:right;
    height:25px;
    line-height:25px;
    background: url(/tq/images/default/index_new3.png) no-repeat left -2px;
    padding: 3px 0px 5px 28px;
    font-size: 8pt;
    font-family:arial;
    margin-left:5px;
    text-transform:capitalize;
    border:0px solid blue;
}

span.favorites {
    width:250px;
    height:25px;
    float:right;
    border:0px solid red;
}
span.favorites .favorites-text {
    float:right;
    height:25px;
    line-height:25px;
    padding: 0px 10px 0px 0px;
    font-size: 8pt;
    font-family:arial;
    color: #E3A225;
    margin-left:5px;
    border:0px solid green;
}
span.favorites .favorites-text a:link, span.favorites .favorites-text a:visited, span.favorites .favorites-text a:hover{
    font-size: 8pt;
    color: #E3A225;
    text-decoration:underline;
}
span.favorites .favorites-ico {
    float:right;
    width:25px;
    border:0px solid pink;
}

/* **************** TABLES */

table.outerTable {
    clear:left;
    width: auto;
    margin-top: 0px;
    border-spacing: 0pt 0pt;
    border-collapse: collapse;
    border: outset 0pt;
    border: none;
}

table.outerTable td.table-topNav-Row {
    text-align: right;
    border-spacing: 0px;
}
table.outerTable td.table-content-Row {
    border-spacing: 0px;
}
table.outerTable div.table-content-Container {
    display:inline;
    float:left;
    text-align:right;
    border:0px solid purple;
}
table.outerTable td.table-bottomNav-Row {
    text-align: right;
    border-spacing: 0px;
}

/* *** */

.ieRightBorderFix {
    border-right:1px solid #e6e6e6; 
    float:left; 
    clear:left; 
    margin-top:10px;
}

table.recordList {
    width: auto;
    /* margin: auto auto; */
    margin-top: 0px;
    border: none;
    padding: 2px;
    border: outset 0pt;
    border-right: 0px solid #e6e6e6; /* to fix IE issue, now in tecordList templates (div) as ieRightBorderFix */
    border-bottom: 0px solid #e6e6e6;
    border-spacing: 0pt 0pt;
    border-collapse: collapse;
    line-height:16px;
    clear:left;
    text-align:left;
    float:left;
}

.td-last {
    border-right: 1px solid #e6e6e6;
}

table.pda {
    border-right: 0px solid #e6e6e6;
}

table.recordList tr,table.recordList th {
    border: inset 0pt;
}
 
table.recordList tr.table-top-line {
    height: 4px;
    line-height: 3px;
    background :url(/tq/images/default/table-top-piece3.png) repeat-x top;
    border-left: 1px solid #e6e6e6;
}
table.recordList tr.table-bottom-line {
    height: 4px;
    line-height: 3px;
    background :url(/tq/images/default/table-top-piece3.png) repeat-x top;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

table.recordList td {
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
    color: #333;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 3px 3px 3px 3px;
    vertical-align:top;
}

table.recordList thead th.colA {
    background-color: #999;
    padding: 2px;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #fff;
    border: inset 0pt;
    border-left: 1px solid #999;
    border-top: 1px solid #e6e6e6;
    white-space: nowrap;
    text-transform:capitalize;
    text-align:center;
    height: 18px;
    line-height:18px;
}

table.recordList thead th.colB {
    background-color: #fff;
    padding: 2px;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #555;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    white-space: nowrap;
    text-transform:capitalize;
    text-align:center;
    height: 18px;
    line-height:18px;
}

table.recordList thead th.colC1 {
    background-color: #dcdcdc;
    padding: 2px;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #111;
    letter-spacing:1pt;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    white-space: nowrap;
    text-transform:capitalize;
    text-align:center;
    height: 18px;
    line-height:18px;
}

table.recordList thead th.colC2 {
    background-color: #dcdcdc;
    padding: 2px;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    color: #111;
    letter-spacing:1pt;
    border: inset 0pt;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #e6e6e6;
    white-space: nowrap;
    text-transform:capitalize;
    text-align:center;
    height: 18px;
    line-height:18px;
}

table.recordList thead th.collD {
    background-color: #fff;
    padding: 2px;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    white-space: nowrap;
    height: 18px;
    line-height:18px;
}

table.recordList thead th.colEmpty {
    background-color: #fff;
    border: inset 0pt;
    border:none;
    height: 18px;
    line-height:18px;
}

table.recordList thead th.last {
    border-right: 1px solid #e6e6e6;
}

table.recordList tbody td.noRecords {
    text-align: center;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    height:60px;
    vertical-align:middle;
}

table.recordList tbody td.rowAcolA {
    background-color: #fff;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 3px 3px 3px 3px;
}

table.recordList tbody td.rowAcolGroup {
    background-color: #fff;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid  #e6e6e6;
    padding: 10px 3px 10px 3px;
    font-weight:bold;
    letter-spacing:1px;
    color: #555;
    background :url(/tq/images/default/arrow-group2.png) no-repeat 2px 5px; 
    padding-left: 35px;
}

table.recordList tbody td.rowBcolGroup {
    background-color: #fff;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 3px 10px 3px;
    font-weight:bold;
    letter-spacing:1px;
    color: #555;
    background :url(/tq/images/default/arrow-group2.png) no-repeat 2px 5px; 
    padding-left: 35px;
}

table.recordList tbody td.rowAcolGroupAction {
    background-color: #fff;
    border: inset 0pt;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid  #e6e6e6;
}

table.recordList tbody td.rowBcolGroupAction {
    background-color: #fff;
    border: inset 0pt;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid  #e6e6e6;
}

table.recordList tbody td span.totals {
    font-weight:bold;
}

table.recordList tbody td span.right {
    display:block;
    text-align:right;
}

table.recordList tbody td span.center {
    display:block;
    text-align:center;
}

table.recordList tbody td.rowAcolB {
    background-color: #fff;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 3px 3px 3px 3px;
}

table.recordList tbody td.rowBcolA {
    background-color: #e6e6e6;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 3px 3px 3px 3px;
}

table.recordList tbody td.rowBcolB {
    background-color: #f2f2f2;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 3px 3px 3px 3px;
}

table.recordList tbody td.last {
    border-right: 1px solid #e6e6e6;
}

table.recordList tbody td.centerText {
    text-align: center;
    border: inset 0pt;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 3px 3px 3px 3px;
}

table.recordList tbody td .recordList-Menu {
    list-style: none;
    border:0px solid black;
    padding: 0px 0px 0px 6px;
    white-space: nowrap;
    display:inline-block;
    width:auto;
    height:15px;
    font-size: 8pt;
    font-family:arial;
}

table.recordList tbody td .recordList-Menu .recordList-Menu-Item {
    list-style: none;
    padding: 0px 3px 0px 0px;
    border:0px solid grey;
    white-space: nowrap;
    display:inline;
    width:auto;
    height:15px;
    font-size: 8pt;
    font-family:arial;
    text-transform:capitalize;
}

table.recordList tbody td .recordList-Menu .recordList-Menu-Item a:link {
    font-size: 8pt;
    font-family:arial;
}

.colCenter {
    text-align:center;
}
.colNowrap{
    white-space: nowrap;
}

/* **************** SITE LAYOUT */

#wrapper {
    width: 920px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0px solid blue;
    background-color: #fff;
    padding-left: 7px;
    padding-right: 7px;
    height:100%;
}

/* HEADER 1 (TOP) */
#header1 {
    position: relative;
    height: 117px;
    width: 100%;
    top: 0px;
    padding-bottom: 0px;
    border: 0px solid blue;
    overflow:hidden;
}

#header1 .logo {
    position: absolute;
    top: 30px;
    left: 0px;
    border: 0px solid yellow
}

#header1 .search {
    position: absolute;
    top: 35px;
    right: 2px;
    height: 18px;
    width: 400px;
    border: 0px solid green;
    text-align: right;
}

#header1 .search input.search_input {
    background: url(/tq/images/default/icon-search.gif) no-repeat left;
    border: 1px solid #ccc;
    height: 16px;
    line-height:16px;
    width: 150px;
    margin-right: 4px;
    position: relative;
    top: 0px;
    padding-left: 20px;
    color: #444;
    float: right;
    color:#656365;
}

#header1 .search_button {
    float: right;
}
.search_button2 {
    padding: 0px 0px 0px 6px;
    float: right;
}
.clear_button {
    padding: 0px 0px 0px 6px;
    float: right;
}

.add_button2 {
    padding: 0px 0px 0px 15px;
    float: left;
}

#header1 #main_nav {
    position: absolute;
    top: 85px;
    left: 0px;
    list-style: none;
    border: 0px solid red;
    margin:0px;
    background: url(/tq/images/default/main-nav-divider-last.gif) no-repeat right 8px; /* **MAIN CHG**  */
}
#header1 #main_nav li {
    background:none;
    float: left;
    padding-left: 0px;
    margin: 0px 2px 0px 0px;
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

#header1 #main_nav li a {
    display: block;
    width: 120px;
    line-height: 34px;
    color: #999;
    text-decoration: none;
    background: url(/tq/images/default/main-nav-divider.gif) no-repeat left 8px; /* **MAIN CHG**  */
    /* background: url(/tq/images/default/blue-button-invert.gif) no-repeat left top; */
    border: 0px solid blue;
    font-weight: bold
}

#header1 #main_nav li a:link {
    color: #999;
    text-decoration: none;
    font-weight: bold
}

#header1 #main_nav li a:hover {
    color: #FFCC00;
    text-decoration: none;
    font-weight: bold
}

#header1 #main_nav li.active a {
    background: url(/tq/images/default/yellow-button.gif) no-repeat left top; /* **MAIN CHG**  */
    /* background: url(/tq/images/default/yellow-button2.gif) no-repeat left top; */
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: 0px solid red;
}

/* #header1 #main_nav li.home.active a {background: url(/tq/images/default/button-home.gif) no-repeat top center;color:#fff;text-decoration:none;}  */
/* #header1 #main_nav li.about.active a {background: url(/tq/images/default/button-home.gif) no-repeat top center;color:#fff;text-decoration:none;}  */
/* #header1 #main_nav li.solutions.active a {background: url(/tq/images/default/button-solutions.gif) no-repeat top center;color:#fff;text-decoration:none;}  */
/* #header1 #main_nav li.products.active a {background: url(/tq/images/default/button-solutions.gif) no-repeat top center;color:#fff;text-decoration:none;}  */
/* #header1 #main_nav li.contact.active a {background: url(/tq/images/default/button-home.gif) no-repeat top center;color:#fff;text-decoration:none;}  */

#header1 #top_right_nav {
    position: absolute;
    top: 0px;
    right: 2px;
    list-style: none;
    border: 0px solid red;
    text-transform:capitalize;
    margin:0px;
}
#header1 #top_right_nav li {
    background:none;
    padding-left: 0px;
    float: left;
    margin: 0 0 0 2px;
    font-size: 8pt;
    font-weight: bold;
    border: 0px solid blue;
}

#header1 #top_right_nav li a {
    display: block;
    line-height: 20px;
    padding: 0 0 0 20px;
    color: #999;
    text-decoration: none;
    font-weight: bold;
    background: url(/tq/images/default/top-nav-divider.jpg) no-repeat 2px 3px;
}

#header1 #top_right_nav li.first a {
    display: block;
    line-height: 20px;
    padding: 0 0 0 20px;
    color: #999;
    text-decoration: none;
    font-weight: bold;
    background: url(/tq/images/default/no-divider.jpg) no-repeat 2px 3px;
}

#header1 #top_right_nav li a:link {
    color: #999;
    text-decoration: none;
    font-weight: bold;
}

#header1 #top_right_nav li a:hover {
    color: #FFCC00;
    text-decoration: none;
    font-weight: bold;
}

/* **************** HEADER2 (HOMEPAGE NAVIGATION & SLIDESHOW) */

#header2 {
    height: 212px;
    width: 100%;
    margin-top:10px;
    margin-bottom:10px;
}

#header2 #slideshow {
    display: block;
    border: 1px solid #ccc;
    float: left;
    height: 209px;
    width: 620px;
    background: url(/tq/images/default/no-flash.jpg) no-repeat top left;
}

#header2 #slideshow p {
    margin-top: 20px;
}

.getFlash {
    position:relative;
    width:297px;
    height:37px;
    top:172px;
    left:323px;
    border:0px solid red;
}

#header2 .quicklinks .q-link .q-option {
    float: right;
    clear: right;
    font-size: 14pt;
    color: #fff;
    letter-spacing: 0.01em;
    text-decoration: none;
    text-align: right;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 20px;
    background: url(/tq/images/default/arrow-white2.gif) no-repeat 5px 7px;
    overflow: hidden;
    white-space: nowrap;
}

#header2 .quicklinks .q-link .q-readmore {
    float: right;
    clear: right;
    font-size: 8pt;
    color: #fff;
    text-decoration: none;
    text-align: right;
    padding-right: 20px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#header2 .quicklinks {
    float: right;
    height: 212px;
    list-style: none;
}

#header2 .quicklinks ul {
    margin: 0px;
    display: block;
    list-style: none;
}

#header2 .quicklinks li {
    background:none;
    padding:0px;
    width: 289px;
}

#header2 .quicklinks .q-link {
    background: url(/tq/images/default/QuickLinkBlank.jpg) no-repeat;
}

#header2 .quicklinks .q-link a {
    display: block;
    width: 289px;
    height: 68px;
    font-size: 14pt;
    color: #fff;
    text-decoration: none;
    text-align: right;
}

#header2 .quicklinks .q-link a:hover {
    background: url(/tq/images/default/QuickLinkOver2.jpg) no-repeat;
    width: 289px;
    height: 68px;
    font-size: 14pt;
    color: #fff;
    text-decoration: none;
    text-align: right;
}

#page_image {
    border: 1px solid #ccc;
    display: block;
    height: 222px;
    margin-top:10px;
    margin-bottom:10px;
    width: 100%;
}

/* **************** BREADCRUMB NAVIGATION */

#breadcrumb-nav {
    background-color: #E0E0E0;
    border: 1px solid #ccc;
    width: 920px;
    height: 25px;
    margin-top: 5px;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-transform:capitalize;
}
#breadcrumb-nav ul {
    margin:0px;
}
#breadcrumb-nav li {    
    padding-left:0px;
    background:none;
    float: left;
    display: block;
    font-size: 8pt;
    line-height: 25px;
}

#breadcrumb-nav li a {
    background: url(/tq/images/default/bread-arrow.png) no-repeat 0px 3px;
    text-decoration: none;
    font-weight: normal;
    padding: 0 4px 0 10px;
    color: #555;
}
#breadcrumb-nav li.first a {
    background-image:none;
    text-decoration: none;
    font-weight: normal;
    padding: 0 8px;
    color: #555;
}

#breadcrumb-nav li a:hover {
    color: #333;
}

#breadcrumb-nav .home1 {
    float:left;
    background-image:none;
    margin-left: 5px;
    margin-top:6px;
    width: 26px;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid red;
    text-align:left;
    line-height: 5px;
}

#breadcrumb-nav .home2 {
    width: 565px;
    background-image:none;
    padding: 0px 15px 0px 8px;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid red;
}

#breadcrumb-nav .home3 {
    background: url(/tq/images/default/list-img.gif) no-repeat left;
    padding: 0px 12px 0px 17px;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid blue;
}

#breadcrumb-nav .home1 a {
    background-image:none;
    padding: 0px;
    border:0px solid red;
}
#breadcrumb-nav .home2 a {
    background-image:none;
    padding: 0px;
}


/* **************** CONTENT */

#WORKAREA {
    float:left;
    clear:left;
    text-align: left;
    width: 920px;
    margin-top: 5px;
    min-height:250px; 
    height:auto;
    border: 0px solid green;
    background: url(/tq/images/default/vertical-back.gif) repeat-y left;
}

#WORKAREA.home-page {
    background: none;
}

/* used for inside login */
h1 {
    font-size: 14pt;
    font-family: arial;
    color: #330066;
    /*line-height: 37px; */
    letter-spacing: 0.2px;
    margin: 2px 0 4px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-transform:capitalize;
}

h1.fileDownload {
    background-image: url(/tq/images/default/downloadInitiated.png);
    background-repeat: no-repeat;
    background-position: left;
    height:40px;
    line-height:40px;
    float:left;
    padding-left:50px;
}

#WORKAREA h2 {
    font-size: 16pt;
    font-family: arial;
    color: #330066;
    line-height: 37px;
    letter-spacing: 0.2px;
    margin: 10px 0 10px 5px;
    overflow: hidden;
    white-space: nowrap;
}

#WORKAREA h3 {
    font-family: arial;
    font-size: 11pt;
    font-weight: bold;
    color: #662D80;
    margin: 5px 0 5px 0;
    overflow: hidden;
    white-space: nowrap;
}

#WORKAREA h4 {
    font-family: arial;
    font-size: 11pt;
    color: #333;
    margin: 0px 0 10px 0;
    padding:0px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
}

#WORKAREA h5 {
    font-family: arial;
    font-size: 10pt;
    color: #333;
    margin: 5px 0 10px 4px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
}

#WORKAREA h5 a, #WORKAREA h5 a:link, #WORKAREA h5 a:visited, #WORKAREA h5 a:hover {
    font-family: arial;
    font-size: 10pt;
    color: #333;
    font-weight: bold;
    text-decoration:none;
}

h6 {
    font-family: arial;
    font-weight:normal;
    font-size: 9pt;
    color: #330066;
    margin: 15px 0 6px 0;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom:13px;
    border-bottom:1px solid #cecece;
}

/*  ********* used only for T&C's **********  */
.h7 {
    font-family: arial;
    font-size: 10pt;
    color: #555;
    margin: 0px 0 0px 4px;
    font-weight: bold;
}

a.h7,  a:link.h7,  a:visited.h7,  a:hover.h7  {
    display:inline-block;
    text-decoration:none;
    font-family: arial;
    font-size: 10pt;
    color: #555;
    font-weight: bold;
    background: url(/tq/images/default/t_expand2.gif) no-repeat left;    /* MUST CHANGE BACK!! */
    padding-left:20px;
    padding-bottom:0px;
    margin:0px;
    border:0px solid red;
}

.content_heading {
    padding-bottom:0px;
    margin-bottom:5px;
    margin-top:5px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom:1px solid #dcdcdc;
}
.content_holder {
    margin:10px 0px 0px 20px;
    padding:0px;
    border:0px solid green;
}

.term {
    margin: 2px 0px 0px 0px;
    border:0px solid pink;
    font-weight:bold;
    color:#111;
}

#WORKAREA .page-text {
    font-size: 9pt;
    line-height: 22px;
    height:100%;
    border:0px solid red;
    padding-right:2px;
    padding-left:13px;
    vertical-align:top;
}
#WORKAREA .page-text-home {
    font-size: 9pt;
    line-height: 22px;
    height:100%;
    border:0px solid pink;
    padding-right:2px;
    padding-left:5px;
    vertical-align:top;
}

#WORKAREA .page-text p {
    margin: 0px 0px 17px 5px;
    text-align: justify;
    border:0px solid green;
    line-height: 20px;
}

#WORKAREA .page-text-home p {
    margin: 0px 0px 17px 5px;
    text-align: justify;
    border:0px solid yellow;
    line-height: 20px;
}

#WORKAREA .content_holder p {
    margin: 0px 0px 8px 0px;
    text-align: justify;
    border:0px solid pink;
    line-height: 20px;
}

#WORKAREA #left-homepage-content {
    border-right: 1px solid #ccc;
    float: left;
    width: 590px;
    padding: 0px 20px 10px 10px;
    margin-bottom: 10px;
}

#WORKAREA #general-page-content {
    /* border-left: 1px solid #ccc; */
    float: left;
    height:100%;
    width: 720px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
    min-height:250px; 
}

#WORKAREA .latest-news-head {
    float: left;
    width: 590px;
    font-family: arial;
    font-weight: bold;
    font-size: 8pt;
    height: 28px;
    color: #fff;
    padding: 7px 0px 0 15px;
    background: url(/tq/images/default/Latest-News.png) no-repeat top left;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid green;
}

#WORKAREA .news-box {
    float: left;
    width: 275px;
    padding: 10px 7px 0 7px;
    border: 0px solid red;
}

#WORKAREA .news-box h3 {
    width: 245px;
    float: left;
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #662D80;
    margin: 0px 0 5px 0;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid pink;
    text-transform:capitalize;
}


#WORKAREA .news-box img {
    float: left;
    clear:left;
    margin-right: 5px;
    border:0px solid purple;
}

#WORKAREA .news-box p {
    float: left;
    font-family: lucida, arial;
    font-size: 8pt;
    line-height: 16px;
    height: 62px;
    width: 195px;
    border: 0px solid yellow;
    overflow: hidden;
    text-align: justify;
}

/* **************** HOME RIGHT SIDEBAR */

#right-homepage-sidebar {
    width: 282px;
    float: right;
    margin-bottom: 10px;
    color: #662D80;
    font-size: 8pt;
    font-family: arial;
    border: 0px solid red;
}

#right-homepage-sidebar .login {
    background: url(/tq/images/default/Login2.png) no-repeat top right;
    height: 112px;
    width: 280px;
}

#right-homepage-sidebar .help {
    background: url(/tq/images/default/HelpDesk.png) no-repeat top right;
    height: 112px;
    width: 280px;
}

#right-homepage-sidebar .events {
    background: url(/tq/images/default/Events.png) no-repeat top right;
    height: 121px;
    width: 280px;
}

.login .heading {
    float: left;
    clear: left;
    margin-top: 12px;
    padding-left: 35px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
}

.help .heading {
    float: left;
    clear: left;
    margin-top: 11px;
    padding-left: 35px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
}

.events .heading {
    float: left;
    clear: left;
    margin-top: 13px;
    padding-left: 35px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.login .login-topright {
    float: left;
    margin-top: 11px;
    padding-left: 130px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
}

#right-homepage-sidebar .login .login-item {
    float: left;
    clear: left;
    margin-top: 17px;
    padding-left: 35px;
    background: url(/tq/images/default/chevron-small.png) no-repeat 10px 0px;
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
}

#right-homepage-sidebar .help .help1 {
    float: left;
    clear: left;
    height:18px;
    margin-top: 20px;
    padding-left: 35px;
    padding-top:3px;
    background: url(/tq/images/default/ico-mobile.png) no-repeat 10px 0px;
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    color:#333;
    border:0px solid green;
}

#right-homepage-sidebar .help .help2 {
    float: left;
    clear: left;
    height:18px;
    margin-top: 14px;
    padding-left: 35px;
    background: url(/tq/images/default/ico-mail.png) no-repeat 10px -1px;
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid green;
}

#right-homepage-sidebar .events .event1a {
    float: left;
    clear: left;
    margin-left: 8px;
    width: 60px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
}

#right-homepage-sidebar .events .event1b {
    float: left;
    margin-left:4px;
    width: 200px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
}

#right-homepage-sidebar a {
    color: #662D80;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
}

#right-homepage-sidebar a:link {
    color: #662D80;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
}

#right-homepage-sidebar a:visited {
    color: #662D80;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
}

#right-homepage-sidebar a:hover {
    color: #333;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
}

#right-homepage-sidebar .login .login-topright a {
    color: #fff;
}

#right-homepage-sidebar .login .login-topright a:link {
    color: #fff;
}

#right-homepage-sidebar .login .login-topright a:visited {
    color: #fff;
}

#right-homepage-sidebar .login .login-topright a:hover {
    color: #dcdcdc;
}

/* **************** GENERAL LEFT NAV SIDEBAR */

#left-nav-sidebar {
    width: 188px;
    height:100%;
    float: left;
    margin: 5px 8px 10px 1px;
    padding:0px;
    border-top:0px solid red;
    text-transform:capitalize;
}

#left-nav-sidebar ul {
    border:0px solid green;
    margin: 0px;
    display: block;
    list-style: none;
}

#left-nav-sidebar li {
    background:none;
    padding:0px;
}
#left-nav-sidebar .nav-item {
    background:none;
    padding:0px;
    display: block;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    height: 24px;
    width: 183px;
    margin-top: 3px;
    margin-bottom:0px;
    color: #555;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
}

#left-nav-sidebar .nav-item a {
    display: block;
    height: 24px;
    width: 163px;
    padding-left: 20px;
    background: url(/tq/images/default/triangle-main.gif) no-repeat 5px 8px;
    font-size: 8pt;
    font-weight: bold;
    border:0px solid green;
}

#left-nav-sidebar .nav-item a:link {
    color: #555;
    text-decoration: none;
    font-weight: bold;
}

#left-nav-sidebar .nav-item a:visited {
    color: #555;
    text-decoration: none;
    font-weight: bold;
}

#left-nav-sidebar .nav-item a:hover {
    color:#fff;
    background-color:#1E1977;
    background-image:url('/tq/images/default/triangle-hover-main.png');
    background-repeat:no-repeat;
    background-position:5px 8px;
    text-decoration:none;
    font-weight:bold;
}

#left-nav-sidebar li.active a, #left-nav-sidebar li.active a:link, #left-nav-sidebar li.active a:visited  { 
    color: #fff;
    background-color:#1E1977;
    background-image:url('/tq/images/default/triangle-hover-main.png');
    background-repeat:no-repeat;
    background-position:5px 8px;
} 

/* **** THIRD INDENTED MENU * ***/

#left-nav-sidebar .sub-third {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    display: block;
    margin:0px 0px 0px 11px;
    padding:0px;
    text-align:left;
    width: 163px;
    overflow: hidden;
    white-space: nowrap;
}

#left-nav-sidebar .sub-third a {
    display: block;
    width: 163px;
    background: url(/tq/images/default/triangle-sub.png) no-repeat 5px 8px;
    padding: 0px 0px 0px 18px;
    height:22px;
    line-height:22px;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
    text-decoration:none;
    color:#66639D;
}

#left-nav-sidebar .sub-third a:hover {
    background: url(/tq/images/default/triangle-hover-sub.png) no-repeat 5px 8px;
    display: block;
    width: 163px;
    background-color:#66639D;
    color:#ffffff;
}

/* **************** FAVORITES LEFT NAV SIDEBAR */

#favorites-list {
    width: 189px;
    float: left;
    margin: 5px 8px 10px 1px;
    border:0px solid red;
    text-transform:capitalize;
    padding-bottom:20px;
}

#favorites-list .fav-head {
    margin:0px;
    text-align:center;
    width: 183px;
    font-family: arial;
    font-size: 8pt;
    letter-spacing:1px;
    height:22px;
    line-height:20px;
    font-weight: bold;
    color: #555;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    border:0px solid purple;
}

#favorites-list ul {
    border:0px solid green;
    margin: 0px;
    display: block;
    list-style: none;
}

#favorites-list li {
    background:none;
    padding:0px;
}
#favorites-list .fav-item {
    background:none;
    padding:0px;
    display: block;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    height: 24px;
    width: 183px;
    margin-bottom: 3px;
    color: #555;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
}

#favorites-list .fav-item a {
    display: block;
    height: 24px;
    width: 163px;
    padding-left: 20px;
    background: url(/tq/images/default/favourite_unset_smll2.png) no-repeat 3px 6px;
    font-size: 8pt;
    font-weight: normal;
}

#favorites-list .fav-item a:link {
    color: #555;
    text-decoration: none;
    font-weight: normal;
}

#favorites-list .fav-item a:visited {
    color: #555;
    text-decoration: none;
    font-weight: normal;
}

#favorites-list .fav-item a:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    font-weight: normal;
/*  background: url(/tq/images/default/favourite_set_smll2.png) no-repeat 3px 6px; */
    background: url(/tq/images/default/fav-star-blue.png) no-repeat 3px 6px;
}

#favorites-list li.active a, #favorites-list li.active a:link, #favorites-list li.active a:visited {
    background-color: #e6e6e6;
    color:#555;
}

/* **************** MORE MENU ITEMS LIST DISPLAYED IF TOO MANY ITEMS ON MENU */

#MORE_ITEMS_MENU {
    width: 189px;
    margin: 5px 8px 10px 1px;
    border:0px solid red;
    text-transform:capitalize;
}

#MORE_ITEMS_MENU ul {
    border:0px solid green;
    margin: 0px;
    display: block;
    list-style: none;
}

#MORE_ITEMS_MENU li {
    background:none;
    padding:0px;
}
#MORE_ITEMS_MENU .nav-item {
    background:none;
    padding:0px;
    display: block;
    background-color: #F2F2F2;
    border: 1px solid #ccc;
    height: 24px;
    width: 183px;
    margin-bottom: 3px;
    color: #555;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
}

#MORE_ITEMS_MENU .nav-item a {
    display: block;
    height: 24px;
    width: 163px;
    padding-left: 20px;
    background: url(/tq/images/default/triangle-main.gif) no-repeat 5px 8px;
    font-size: 8pt;
    font-weight: bold;
}

#MORE_ITEMS_MENU .nav-item a:link {
    color: #555;
    text-decoration: none;
    font-weight: bold;
}

#MORE_ITEMS_MENU .nav-item a:visited {
    color: #555;
    text-decoration: none;
    font-weight: bold;
}

#MORE_ITEMS_MENU .nav-item a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1E1977;
    background-image:url('/tq/images/default/triangle-hover-main.png');
    font-weight: bold;
}

#MORE_ITEMS_MENU li.active a, #MORE_ITEMS_MENU li.active a:link, #MORE_ITEMS_MENU li.active a:visited {
    background-color: #1E1977;
    color:#ffffff;
}

/* **************** FOOTER */

#footer-top {
    background: url(/tq/images/default/bot-nav-back2.gif) repeat-x top left;
    float:left;
    clear:left;
    height: 115px;
    text-align: left;
    line-height: 15px;
    color: #666;
    border: 1px solid #ccc;
    padding: 0px 0px 5px 0px;
    width: 920px;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 8pt;
}

#footer-top ul {
    border:0px solid blue;
    margin: 0px;
    display: block;
    list-style: none;
}
#footer-top li {
    background:none;
    padding:0px;
    display:inline;
}

#footer-top .bottom-nav {
    float: left;
    display:block;
    list-style: none;
    margin: 4px 35px 2px 20px;
    overflow: hidden;
    white-space: nowrap;
    border: 0px solid yellow;
}


#footer-top .bottom-nav li {
    color: #666;
    font-size: 8pt;
    font-weight: normal; 
    border: 0px solid pink;
    float: left;
    clear:left;
    padding: 2px 0px 0px 0;
}
#footer-top .bottom-nav li.heading {
    padding: 7px 0px 11px 0;
    border: 0px solid red;
}

#footer-top .bottom-nav li a {
    color: #666;
    font-weight: normal;
    border: 0px solid green;
    margin:0px;
}

#footer-top .bottom-nav li a:link, #footer-top .bottom-nav li a:visited {
    color: #666;
    text-decoration: none;
}

#footer-top .bottom-nav li a:hover, #footer-top .bottom-nav li a:focus {
    color: #333;
    text-decoration: underline;
}



#footer-top .bottom-nav li.heading a:link, #footer-top .bottom-nav li.heading a:visited, #footer-top .bottom-nav li.heading a:focus {
    color: #666;
    text-decoration: none;
}
#footer-top .bottom-nav li.heading a:hover {
    color: #333;
    text-decoration: underline;
}

#footer-bottom {
    float: left;
    text-align: left;
    line-height: 18px;
    font-size: 8pt;
    color: #666;
    font-weight: normal;
    padding: 8px 0 5px 0px;
    width: 920px;
    border:0px solid green;
}

#footer-bottom .left-footer {
    text-align: left;
    float: left;
    width: 200px;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#footer-bottom .center-footer {
    text-align: center;
    float: left;
    width: 510px;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#footer-bottom .right-footer {
    text-align: right;
    float: right;
    width: 200px;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#footer-bottom a:link,#footer-bottom a:visited {
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

#footer-bottom a:hover {
    color: #333;
    text-decoration: underline;
    font-weight: normal;
}

/* ************* LOGGED IN FOOTER */

#footer-bottom.loggedin {
    width: 920px;
    height: 31px;
    background: url(/tq/images/default/bot-nav-back3.gif) repeat-x top left;
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #ccc;
}

#footer-bottom.loggedin .left-footer {
    text-align: left;
    float: left;
    width: 200px;
    padding-top: 8px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#footer-bottom.loggedin .center-footer {
    text-align: center;
    float: left;
    width: 510px;
    padding-top: 8px;
    overflow: hidden;
    white-space: nowrap;
}

#footer-bottom.loggedin .right-footer {
    text-align: right;
    float: right;
    width: 200px;
    padding-top: 8px;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
}

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

#exception {
    border: 1px solid #D32627;
    overflow: auto;
    padding: 10px;
    width:660px;
}

#exception h3 {
    color:#D32627;
    font-size: 9pt;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform:capitalize;
}

#exception pre {
    white-space: pre-wrap;
}

.bold {
    font-weight:bold;
}
.blue {
    color:#0C0069;
}
.red {
    color:#DF383F;
}
.center {
    text-align:center;
}
.float-left {
    float:left;
}
.min-width80 {
    min-width:80px;
}
.min-width50 {
    min-width:50px;
}
.min-width36 {
    min-width:36px;
}
.spacerx {
    position:relative;
    height:1px;
    top: -1px;
    left: -1px;
}
.spacer-head {
    position:relative;
    top: -1px;
    left: -1px;
}
.t-and-cs {
    font-weight:bold;
    font-size:9pt;
    margin: 1px 0px 20px 3px;
    line-height:16px;
    letter-spacing:0px;
    background: url(/tq/images/default/big-note.png) no-repeat top left;
    padding-left:37px;
    padding-right:10px;
    color:#333;
}

.displaynone {
    display:none;
}
.hr-line1 {
    text-align: left; /* this will align it for IE */
    margin: 10px auto 10px 0;  /* this will align it left for Mozilla */
    border: 0px solid #E6D47E;
    color: #E6D47E;
    background-color: #E6D47E;
    width:183px;
    height:1px;
    /* darker yellow #E6C316 */
}

.graph {
    padding-top:10px;
}

.quicklist {
    border:0px solid red;
}
.quicklist-item {
    border:0px solid blue;
    padding-left: 20px;
    background-image: url(/tq/images/default/chevron-small.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    line-height:22px;
}
.no-bullet {
    background-image: none;
    padding-left: 2px;
}

#siteseal {
    float:right;
    width:70px;
    height:70px;
    border:0px solid green;
    color:#555;
}
#digicertsitesealcode {
    color:#555;
}
.dc-text {
    padding-top:5px;
    color:#555;
    font-size:7pt;
}


/* ************************************************************** IMAGES */

.img-no2 {
    background-image: url(/tq/images/default/no2.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.img-yes2 {
    background-image: url(/tq/images/default/yes2.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.img-published_yes2 {
    background-image: url(/tq/images/default/published_yes2.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.downloadIco {
    top:2px;
    margin-right:5px;
    border:1px solid green;
}


/**
 * Form stylesheet
 *
 * @copyright 2009,2010 Hyphen Technology
 * @version $Id
 * @package Foyer
 */

img .graph {
    margin-top:10px;
}

#FOYER_CONTENT {
    float:left;
    text-align:left;
    margin: 0;
    padding: 0;
    border:0px solid blue;
    min-width:300px;
}

form {
    width:auto;
    float:left; /* for Saf and Chr not to stretch automatically, but size with content */
    padding: 0;
    border:0px solid yellow;
    float:left;
    clear:left;
}

#OUTER {
    float:left;
    padding-top: 0px;
    border: 0px solid green;
    width:100%;
}

#INNER {
    float:left;
    padding: 0px;
    text-align: left;
    color: #333;
    border: 0px solid red;
    width:auto;
    min-width:300px;
}

#INNER .inner-list {
    float: left;
    clear: left;
}

/* **** option above OR use legend below **** */

.result-page {
    font-family: arial;
    color: #333;
    padding:1px 0px 20px 0px;
    border:0px solid green;
}

legend.lrp-heading {
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
    color: #333;
    margin: 5px 0 5px 0px;
    padding: 10px 8px 10px 30px;
    border:0px solid red;
    text-transform:capitalize;
}
legend.lrp-heading.success {
    background: url('/tq/images/default/success2.png') no-repeat left;
}
legend.lrp-heading.failure {
    background: url('/tq/images/default/failure2.png') no-repeat left;
}
legend.lrp-heading.home {
    background: url('/tq/images/default/house-big.png') no-repeat left;
}
legend.lrp-heading.warning {
    background: url('/tq/images/default/warning-yel.png') no-repeat left;
}
legend.lrp-heading.app-error {
    background: url('/tq/images/default/warning-red.png') no-repeat left;
}
.result-page .rp-head {
    clear:left;
    line-height: 17px;
    padding: 10px 10px 0px 10px;
    font-size: 9pt;
    font-weight:bold;
    color:#1E1977;
}
.result-page .rp-sub-head {
    line-height: 17px;
    padding: 13px 10px 0px 10px;
    font-size: 9pt;
    font-weight:bold;
    color:#333;
}
.result-page .rp-text {
    padding: 0px 10px 0px 10px;
    font-size: 9pt;
    line-height: 17px;
    color:#333;
    border:0px solid blue;
}
.result-page .rp-text-line1 {
    padding: 10px 10px 0px 10px;
    font-size: 9pt;
    line-height: 17px;
    color:#333;
    border:0px solid blue;
}

#INNER .form_description, .form_description {
    line-height: 17px;
    font-size: 9pt;
    font-weight: bold;
    margin: 0px 5px 10px 0px;
    padding-top:5px;
    color: #656365;
    /* float:left; IE7 ISSUE */ 
    clear:left;
    min-width:400px;
    text-align:justify;
    border:0px solid green;
    width:650px; /* added for Moz 2.0.0... */
    font-weight: normal;
}

#INNER .form_description_success, .form_description_success {
    background: url('/tq/images/default/success-small2.png') no-repeat left;
    width:650px; /* for IE7 removed 650 fixed width */
    padding: 0px 0px 0px 25px;
    line-height: 17px;
    font-size: 9pt;
    font-weight: bold;
    letter-spacing:1px;
    text-align: justify;
    border: 0px solid purple;
    margin: 10px 5px 1px 0px;
    color: #555;
    float: left;
    clear: left;
}

#INNER .form_description_failure, .form_description_failure {
    background: url('/tq/images/default/failure-small2.png') no-repeat left;
    width:650px;
    padding: 1px 0px 0px 25px;
    line-height: 17px;
    font-size: 9pt;
    font-weight: bold;
    letter-spacing:1px;
    text-align: justify;
    border: 0px solid purple;
    margin: 10px 5px 1px 0px;
    color: #DF383F;
    float: left;
    clear: left;
}

#INNER .form_description_info, .form_description_info {
    background: url('/tq/images/default/info-small.png') no-repeat left;
    width:650px;
    padding: 0px 0px 0px 25px;
    line-height: 17px;
    font-size: 9pt;
    font-weight: bold;
    letter-spacing:1px;
    text-align: justify;
    border: 0px solid purple;
    margin: 10px 5px 1px 0px;
    color: #555;
    float: left;
    clear: left;
}

#INNER .form_description_warning, .form_description_warning {
    background: url('/tq/images/default/warning-small.png') no-repeat left;
    width:650px;
    padding: 0px 0px 0px 25px;
    line-height: 17px;
    font-size: 9pt;
    font-weight: bold;
    letter-spacing:1px;
    text-align: justify;
    border: 0px solid purple;
    margin: 10px 5px 1px 0px;
    color: #DF383F;
    float: left;
    clear: left;
}

/* just on Email Confirmation screen - after registration */
#INNER .form_description2, .form_description2 {
    font-size: 9pt;
    font-weight: bold;
    text-align: justify;
    border: 0px solid purple;
    margin: 7px 5px 17px 1px;
    color: #333;
    float: left;
    clear: left;
    width:100%;
}

#INNER .form_description3, .form_description3 {
    line-height: 17px;
    font-size: 9pt;
    font-weight: bold;
    border: 0px solid purple;
    margin: 8px 5px 3px 0px;
    color: #333;
    float:left;
    clear:left;
    width:100%;
    text-align:justify;
}

#INNER .required {
    float: left;
    width: 20px;
    height: 20px;
    border: 0px solid blue;
    background: url('/tq/images/default/required3.png') no-repeat left;
    text-indent: -9999px;
}

#INNER .required_right {
   float:left;
    width: 20px;
    height: 20px;
    border: 0px solid blue;
    background: url('/tq/images/default/required3.png') no-repeat left;
    text-indent: -9999px;
}

#INNER .conditional {
    float: left;
    width: 20px;
    height: 20px;
    border: 0px solid blue;
    background: url('/tq/images/default/conditional3.png') no-repeat left;
    text-indent: -9999px;
}

fieldset .form_description {
    width:620px;
    border:0px solid purple;
}
#INNER fieldset .form_description {
    width:620px;
    border:0px solid pink;
}

fieldset {
    border: 1px solid #e6e6e6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0px 10px 10px 10px;
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
    color: #0C0069;
    clear:both;
}


/* *** IE 7 ONLY *** */
/* *** to stretch fieldsets to the same length *** */

*:first-child+html fieldset {
    width:680px;
}
/* *** END IE7 *** */


/* to reset the width above that is neccessary for IE(7) */
fieldset.filter_sort {
    width:auto;
}

/* *** FOR FIREFOX 2 ONLY...... ** */
/* *** top border dissappearing */
fieldset, x:-moz-any-link {
    -moz-border-radius: 0px;
}
/* reset above for older versions */
fieldset, x:-moz-any-link, x:default {
    -moz-border-radius: 7px;
}
/* *** END *** */

legend {
    text-align:left; /* must be added for Safari and Chrome */
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
    color: #0C0069;
    padding: 10px 5px 10px 5px;
    text-transform:capitalize;
}

legend.leg-req {
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
    color: #0C0069;
    padding: 10px 20px 10px 5px;
    background: url('/tq/images/default/required-legend.png') no-repeat right;
}

legend.leg-cond {
    font-family: arial;
    font-size: 11pt;
    font-weight: normal;
    color: #0C0069;
    padding: 10px 20px 10px 5px;
    background: url('/tq/images/default/conditional-legend.png') no-repeat right;
}

.field_description {
    margin: 2px 0px 5px 154px;
    width: 250px;
    display: block;
    font-size: 8pt;
    font-weight: normal;
    background-color: #ececec;
    text-align: justify;
    margin-bottom: 10px;
    padding: 5px;
    color: #333;
    text-align:justify;
}

/* ************* mouse over more info  */
.mouse-over-back  {
    width:256px;
    height:auto; 
}
.mouse-over-back .m-top {
    width: 256px;
    height: 12px; 
    border:0px solid yellow;
    margin:0px;
    background: url('/tq/images/default/shade-top.gif') no-repeat top right;
    font-size:1pt;
}
.mouse-over-back .m-mid {
    width: 256px;
    height:auto; 
    border:0px solid blue;
    margin:0px;
    background: url('/tq/images/default/shade-mid.gif') repeat-y top right;
    font-size:1pt;
}
.mouse-over-back .m-bot {
    width: 256px;
    height:17px; 
    border:0px solid red;
    margin:0px;
    background: url('/tq/images/default/shade-bot.gif') no-repeat top right;
    font-size:1pt;
}

.form_field_description {
    font-family:arial;
    font-size:8pt;
    letter-spacing:0.5pt;
    color:#222222;
    padding: 10px 10px 15px 10px;
    text-align:left;
    width: 231px;
}

/* ******************* top of page error message *** */
#WORKAREA .pageError {
    /* float:left; IE7 ISSUE */ 
    background: url('/tq/images/default/warning-small.png') no-repeat left 0px;
    clear:left;
    margin: 6px 10px 1px 2px;
    padding: 3px 0px 0px 25px;
    width:auto;
    text-align:justify;
    line-height:15px;
    border:0px solid green;
}
#WORKAREA .pageErrorLine {
    width:auto;
    font-family:arial;
    font-size: 9pt;
    font-weight: bold;
    color: #DF383F;
    line-height:15px;
    vertical-align:middle;
    margin: 0px;
    padding: 0px 5px 0px 1px;
    white-space: wrap;
}

/* ******************* full length error message ***  */
#INNER .errors_full {
    margin: 5px 10px 1px 0px;
    /* float: left; */
    clear: left;
    width:auto;
    text-align:justify;
}

#INNER .errors_full ul {
    width:auto;
    list-style: none;
    padding: 3px 5px 4px 2px;
    float: left;
    clear: left;
    margin: 0px;
    border:1px solid #EDBBBB;
    background: rgb(245, 220, 220);
}

#INNER .errors_full ul li {
    width:auto;
    font-size: 8pt;
    letter-spacing:0.5pt;
    font-weight: normal;
    color: #333;
    list-style: none;
    background:none;
    vertical-align:middle;
    line-height:13px;
    white-space: normal;
    float: left;
    clear: left;
    margin: 0px;
    padding: 0px 0px 0px 3px;
    text-align:justify;
}

/* ******************* right col error message ***  */
#INNER .errors {
    width:220px;
    float: left;
    margin: 0px 0px 0px 5px;
    white-space: normal;
}

#INNER .errors ul {
    width:100%;
    list-style: none;
    margin: 0px;
    padding: 3px 0px 4px 0px;
    background: rgb(245, 220, 220);
    text-align: left;
    white-space: normal;
    border:1px solid #EDBBBB;
}

#INNER .errors ul li {
    list-style: none;
    margin: 0px;
    padding:0px 0px 0px 3px;
    font-size: 8pt;
    letter-spacing:0.5pt;
    font-weight: normal;
    color: #333;
    background:none;
    white-space: normal;
    text-align: left;
    line-height:13px;
}

#INNER .viewonly {
    border: none;
    background: transparent;
    color: #000000;
    font-size: 8pt;
}

#INNER .viewonly[disabled] {
    border: none;
    background: transparent;
    color: #000000;
    font-size: 8pt;
}

/* *************** CAPTCHA */

#INNER .captcha {
    float:left;
    clear:left;
    display: inline-block;
    font-size: 8pt;
    font-weight: normal;
    padding: 5px;
    width: 100%;
    text-align: center;
    border: 0px solid green;
}

#INNER .captcha img {
    float: left;
    clear:left;
    border:0px solid blue;
}

#INNER .captcha input {
    float: left;
    margin: 15px 0px 0px 10px;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #333;
}

#INNER .captcha .errors ul {
    background-image:none;
    list-style: none;
    margin: 14px 0px 0px 5px;
    background: rgb(245, 220, 220);
    border:none;
    vertical-align:middle;
    line-height:17px;
    white-space: normal;
    border:1px solid #EDBBBB;
}

#INNER .captcha .errors ul li {
    background:none;
    list-style: none;
    margin: 0px;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    padding: 0px 3px 0px 3px;
    color: #333;
    text-align:justify;
}

#INNER .captcha .required {
    float: left;
    width: 20px;
    height: 20px;
    margin: 15px 0px 0px 0px;
    border: 0px solid blue;
    background: url('/tq/images/default/required3.png') no-repeat left;
    text-indent: -9999px;
}

#INNER .captcha .label_description {
    float: left;
    width: 25px;
    height: 18px;
    margin: 15px 0px 0px 0px;
    border: 0px solid red;
    background: url('/tq/images/default/info.png') no-repeat 4px 2px;
    text-indent: -9999px;
}


#INNER .checkBoxRow {
    cursor: default;
}

#INNER .normal {
    font-size: 10pt;
    font-weight: normal;
}

/* ************************* KARIN STUFF ************************ */
/* ******************************************************************* */

.input-line {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 5px;
    border:0px solid yellow;
    white-space: nowrap;
}

.input-line2 {
    float: left;
    clear: left;
    width: 650px;
    margin-top: 5px;
    border:0px solid green;
    white-space: nowrap;
}

.input-line3 {
    float: left;
    width: auto;
    margin-top: 5px;
    margin-right:5px;
    border:0px solid green;
    white-space: nowrap;
}

.filter-line {
    float: left;
    clear: left;
    width:660px;
    margin-top: 3px;
    border:0px solid green;
}

.filter-line-result {
    float: left;
    clear: left;
    width:660px;
    margin:0px;
    border:0px solid red;
}

.button-line {
    float: left;
    clear:left;
    width: 100%;
    margin-top: 13px;
    border: 0px solid blue;
    text-align:right;
}

.button-line2 {
    float: left;
    clear:left;
    width: 680px;
    margin-top: 13px;
    border: 0px solid blue;
    text-align:right;
}

.more-detail-line {
    float: left;
    clear: left;
    margin:10px 0px 0px 0px;
}

/* *********************************** labels */
#INNER label, #WORKAREA label {
    float: left;
    width: 130px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 5px;
    font-weight: normal;
    font-size: 9pt;
    color: #333;
    font-family: Arial;
    text-decoration: none;
    border: 0px solid green;
    text-transform:capitalize;
    overflow: hidden;
    white-space: nowrap;
}

.label2 {
    float: left;
    width: 120px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 5px;
    font-weight: normal;
    font-size: 9pt;
    color: #330066;
    font-family: Arial;
    text-decoration: none;
    border: 0px solid green;
    text-transform:capitalize;
    overflow: hidden;
    white-space: nowrap;
}
.label3 {
    float: left;
    width: 130px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 5px;
    font-weight: normal;
    font-size: 9pt;
    color: #330066;
    font-family: Arial;
    text-decoration: none;
    border: 0px solid green;
    text-transform:capitalize;
    overflow: hidden;
    white-space: nowrap;
}
#INNER label.no-width, #WORKAREA label.no-width {
    width: auto;
    padding: 0px 5px 0px 0px
}
#INNER label.width1, #WORKAREA label.width1 {
    width: 50px;
    padding: 0px 5px 0px 0px
}
#INNER label.width2, #WORKAREA label.width2 {
    width: 60px;
    padding: 0px 5px 0px 0px
}
#INNER label.pad-left, #WORKAREA label.pad-left {
    padding: 0px 5px 0px 10px;
    border:0px solid yellow;
}
#INNER label.long {
    float: left;
    width: auto;
    height: 20px;
    line-height: 20px;
    text-align: left;
    margin-right: 5px;
    font-weight: normal;
    font-size: 9pt;
    color: #333;
    font-family: Arial;
    text-decoration: none;
    border: 0px solid green;
    text-transform:capitalize;
}

#INNER label.after {
    width:auto;
    min-width:80px;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    color: #333;
    border: 0px solid red;
    text-transform:none;
}
.label_description {
    float: left;
    width: 25px;
    height: 18px;
    border: 0px solid blue;
    background: url('/tq/images/default/info.png') no-repeat 4px 2px;
    text-indent: -9999px;
}
.label_description2 {
    display: inline-block;
    width: 25px;
    height: 18px;
    border: 0px solid blue;
    background: url('/tq/images/default/info.png') no-repeat 4px 2px;
    text-indent: -9999px;
    position:relative;
    left:-236px;
}

.moreInfo {
    width:16px;
    height:16px;
    background: url('/tq/images/default/info.png') no-repeat 0px 0px;
}

#INNER label.who{
    float: left;
    width:auto;
    padding-right:15px;
    font-weight: bold;
    border:0px solid green;
}


/* *********************************** buttons */
input[type="submit"], #INNER button, #INNER input.button, #INNER input[type="submit"].button, button {
    border: 0px solid #ccc;
    height: 23px;
    margin: 10px 5px 15px 0px;
    width: 81px;
    background-image: url('/tq/images/default/button-active.png');
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #fff;
    background-repeat: no-repeat;
    padding: 0px 3px 1px 3px;
    text-align: center;
    text-transform:capitalize;
}

#INNER input[type="submit"].fts {
    margin: 0px 5px 15px 0px;
    float:left;
}

/* *** IE 7 ONLY *** */
/* *** to align buttons to right *** */

*:first-child+html input[type="submit"] {
    float:right;
}
*:first-child+html #INNER button {
    float:right;
}
*:first-child+html #INNER input.button {
    float:right;
}
/* *** END IE7 *** */

input[type="submit"]:hover, #INNER button:hover, #INNER input.button:hover, button:hover {
    background-image: url('/tq/images/default/button-disabled.png');
}
#INNER button.disabled, #INNER button[disabled], button[disabled], input[type="submit"][disabled], #INNER input.disabled,  #INNER input[disabled="disabled"].button, #INNER input[disabled="disabled"].fts {
    background-image: url('/tq/images/default/button-disabled.png');
}

/* ***************** ALL DISABLED OPTIONS... */

#INNER button.disabled {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid orange;
}
#INNER button[disabled] {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid pink;
}
button[disabled] {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid red;
}
input[type="submit"][disabled] {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid blue;
}
#INNER input.disabled {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid black;
}
#INNER input[disabled="disabled"].button {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid purple;
}
#INNER input[disabled].button {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid green;
}
#INNER input[disabled="disabled"].fts {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid #ccc;
}
#INNER input[disabled].fts {
    background-image: url('/tq/images/default/button-disabled.png'); border:0px solid yellow;
}

/* ***************** disabled & hover ? */

#INNER button.disabled:hover, #INNER button[disabled]:hover, button[disabled]:hover, input[type="submit"][disabled]:hover {
    background-image: url('/tq/images/default/button-disabled.png');
}

/* ***************** text inputs *** */
input[type="text"], input.text, input.password {
    float: left;
    width: 256px;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #333;
    height:16px;
    padding: 1px 1px 1px 1px;
}

input.L100 {
    width: 100px;
}
input.L150 {
    width: 150px;
}
input.L200 {
    width: 200px;
}
input.phoneNumberCode {
    float: left;
    width: 50px;
}
input.textSearch {
    float: left;
    width: 212px;
}
span.textSearchButton {
    padding-left:4px;
    padding-right:4px;
    float:left;
}
input.phoneNumberNumber {
    float: left;
    width: 202px;
}
input.shorttext {
    float: left;
    width: 160px;
}
input.search_filter, input[type='text'].search_filter {
    width: 195px;
    margin-left:0px;
}

/* for when date pick in FILTER */

input.datepick, input[type='text'].datepick  {
    height:18px;
    line-height:18px;
    border:1px solid #CCCCCC;
    font-family: Arial;
    font-size: 8pt;
    color: #656365;
    width: 195px;
    margin-left:0px;
    background:#FEFCF2 url('/resource/image/[REVISION]/arrow_down.png') no-repeat right center;
    cursor:pointer;
}

input.clear_left {
    clear:left;
}
input[type="text"][disabled], input[type="text"].combobox[disabled], input[type="text"].readonly {
    font-weight:normal;
    font-family: Arial;
    font-size: 9pt;
    color: #666;
    border: 1px solid #eee;
}

input[type="text"].combobox[disabled] {
    border:none;
}
#INNER input[type="text"].viewonly {
    font-weight:normal;
    font-family: Arial;
    font-size: 9pt;
    color: #666;
    border:none;
}
#INNER input[type="text"].NA {
    font-weight:normal;
    font-family: Arial;
    font-size: 9pt;
    color:#666;
    border:none;
}
#INNER input[type="text"].who {
    font-weight: bold;
    color:#0C0069;
    float: left;
}

/* ***************** file upload input *** */
input[type="file"], input.file, input .file {
    float: left;
    width: auto;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #1E1977;
    height:20px;
    line-height:20px;
    padding: 2px 0px 2px 0px;
    background-color: none;
}

/* ***************** textareas *** */
textarea,.textarea {
    float:left;
    width:600px; /* need for Moz 2.0.0.... (no %) */
    height:150px;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #333;
    padding: 1px 1px 1px 1px;
}
#INNER textarea.viewonly[disabled], #INNER textarea[disabled] {
    font-weight:normal;
    color: #656365;
}

/* ***************** dropdowns / select *** */
select,.select {
    float: left;
    width: 261px;
    height: 21px;
    background-color: #FEFCF2;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #333;
    padding: 1px 2px 1px 2px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

select.multiple {
    height: 105px;
}

select.L100 {
    width: 100px;
}
select.L120 {
    width: 120px;
}
select.L150 {
    width: 150px;
}
select.L200 {
    width: 200px;
}
select.expiryMonth {
    float: left;
    width: 150px;
}
select.expiryYear {
    float: left;
    width: 110px;
}


input.combobox {
    border:none;
    position:relative;
    left:-258px;
    top:1px;
    width:236px;
}

span.spinedit {
    float:left;
    border:0px solid red;
    display:block;
    width:50px;
}
span.minute-separator {
    width:9px;
    text-align:left;
    float:left;
    border:0px solid blue;
}
input.spinedit {
    border:none;
    border:1px solid #CCCCCC;
    width:25px;
    margin-right:2px;
    float:left;
    height:18px;
    line-height:18px;
    margin-top:0px;
}
#INNER button.spinedit_up {
    float:left;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border:bottom:#fff;
    height:11px;
    width:11px;
    text-indent:-88888px;
    background-image:url('/tq/images/default/calendar-up.png');
    margin:0px;
    padding:0px;
    background-color:#fff;
}
#INNER button.spinedit_down {
    float:left;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    height:11px;
    width:11px;
    text-indent:-88888px;
    background-image:url('/tq/images/default/calendar-down.png');
    margin:0px;
    padding:0px;
    background-color:#fff;
}

/* *** Spin Edits - IE 7 ONLY *** */
*:first-child+html input.spinedit {
    border:none;
    border:1px solid #CCCCCC;
    width:25px;
    margin-right:2px;
    float:left;
}
*:first-child+html #INNER button.spinedit_up {
    height:11px;
    width:13px;
    background-image:url('/tq/images/default/ie6/calendar-up.gif');
}
*:first-child+html #INNER button.spinedit_down {
    height:11px;
    width:13px;
    background-image:url('/tq/images/default/ie6/calendar-down.gif');
}
/* *** END IE7 *** */

select option {
    height: 21px;
    background-color: #FEFCF2;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #333;
    text-transform:capitalize;
}
select option[value="-1"] {
    text-transform:none;
}
select optgroup {
    font-style:normal;
    font-weight:bold;
    color: #111;
    font-family: Arial;
    font-size: 8pt;
    text-transform:capitalize;
    padding:5px 0px 5px 5px;
    line-height: 21px;
}

select[id="lstActionBottom"] {
    margin:0px 0px 0px 0px;
}
select[id="lstActionTop"] {
    margin:0px 0px 5px 0px;
}

select.search_filter {
    width: 200px;
}
#INNER select.viewonly[disabled], select.combobox[disabled], #INNER select[disabled] {
     border:1px solid #eeeeee;
     color: #656365;
}

/* ***************** date/time picker *** */
div.datetimepicker {
    float:left;
    width: 300px;   
     border:0px solid blue;
}
div.datetimepicker select.date {
    float:left;
    width: 100px;
    background-color: #FEFCF2;
    margin-right:15px;
}
div.datetimepicker select.date option {
    font-size:0px;
    height:0px;
}
div.datetimepicker select.time {
    float:none;
    width: 40px;
    background-color: #FEFCF2;
}
#INNER .datetimepicker select.viewonly, #INNER .datetimepicker select[disabled] {
     border:1px solid #ECECEC;
     color: #656365;
}

/* select with down arrow for date */

#INNER .datetimepicker input.date {
    height:18px;
    line-height:18px;
    border:1px solid #CCCCCC;
    font-family: Arial;
    font-size: 8pt;
    color: #656365;
    background:#FEFCF2 url('/resource/image/[REVISION]/arrow_down.png') no-repeat right center;
    cursor:pointer;
}
div.datetimepicker input.date {
    float:left;
    width: 100px;
    background:#FEFCF2 url('/resource/image/[REVISION]/arrow_down.png') no-repeat right center;
    margin-right:15px;
}


/* ***************** radio buttons *** */
input[type="radio"],.radio {
    float: left;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin: 1px 1px 1px 0px;
    /* display: block; */ /* -khtml-appearance: none; */
}
table.recordList tbody td input[type="radio"] {
    float: none;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin: auto;
    margin-top:2px;
}

/* DISABLED radio buttons */

input[type="radio"][disabled], .radio[disabled] {
    background-color: #ffffff;
    border: none;
}
table.recordList tbody td input[type="radio"][disabled] {
    background-color: #ffffff;
    border: none;
}

/* ***************** checkboxes *** */
input[type="checkbox"], .checkbox, .multicheckbox {
    float: left;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin: 3px 1px 1px 0px;
    /* display:block; */ /* -khtml-appearance: none; */
}

table.recordList tbody td input[type="checkbox"] {
    float: none;
    background-color: #FEFCF2;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    margin: auto;
}

/* DISABLED checkboxes */

input[type="checkbox"][disabled], .checkbox[disabled] {
    background-color: #ffffff;
    border: none;
}
table.recordList tbody td input[type="checkbox"][disabled] {
    background-color: #ffffff;
    border: none;
}

.legend {
    float:left;
    clear:left;
    margin-top:6px;
    margin-bottom:5px;
    border:0px solid pink;
    min-width:660px;
    color: #656365;
    letter-spacing:0.5pt;
}
.legend-line1 {
    float:left;
    clear:left;
    line-height:16px;
    white-space: nowrap;
}
.legend-line2 {
    float:left;
    clear:left;
    line-height:16px;
    white-space: nowrap;
}

.pwd-strength-placeholder {
    clear:both;
    display:none;
    font-family:arial;
    font-size:8pt;
    font-weight:bold;
    height:16px;
    line-height:16px;
    margin-top:3px;
    margin-left:138px;
    background:url('/tq/images/default/passwordstrength.png');
    border:none;
    padding:0px;
    float:left;
    width:0px;
    height:0px;
}

.pwd-strength {
    clear:both;
    display:normal;
    font-family:arial;
    font-size:8pt;
    font-weight:bold;
    height:16px;
    line-height:16px;
    margin-top:3px;
    margin-left:138px;
    background:url('/tq/images/default/passwordstrength.png');
    border:none;
    padding:0px;
    float:left;
    color:#fff;
    text-align:center;
}

.clearfloatboth {
    clear:both;
}

/* ***************** filter and sorting *** */

#DIV_FILTER_FIELDS {
    background-color: #fff;
    width: 650px;
    height: auto;
    margin: 4px 0px 4px 0px;
    color: #555;
}
#DIV_FILTER_FIELDS ul {
    margin:0px;
}
#DIV_FILTER_FIELDS li {    
    padding-left:0px;
    padding-right:5px;
    background:none;
    float: left;
    font-size: 8pt;
    line-height: 18px;
    border:0px solid green;
}
#DIV_FILTER_FIELDS li a {
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
    color: #555;
    background:url('/tq/images/default/remove-blue2.png') no-repeat right 0px;
    padding-right:17px;
    white-space:nowrap;
}
#DIV_FILTER_FIELDS li a:hover {
    color: #333;
    background:url('/tq/images/default/remove-red2.png') no-repeat right 0px;
    padding-right:17px;
}
#DIV_FILTER_FIELDS li a.highlight {
    color: #333;
    background:url('/tq/images/default/remove-red2.png') no-repeat right 0px;
    padding-right:17px;
}
#DIV_FILTER_FIELDS li.resultLabel {
    width: 58px;
    padding-right:0px;
    text-align:left;
}

/* *** */

#DIV_SORT_FIELDS {
    background-color: #fff;
    width: 650px;
    height: auto;
    margin: 4px 0px 4px 0px;
    color: #555;
}
#DIV_SORT_FIELDS ul {
    margin:0px;
}
#DIV_SORT_FIELDS li {    
    padding-left:0px;
    padding-right:5px;
    background:none;
    float: left;
    font-size: 8pt;
    line-height: 18px;
    border:0px solid green;
}
#DIV_SORT_FIELDS li a {
    text-decoration: none;
    font-weight: normal;
    padding: 0px;
    color: #555;
    background:url('/tq/images/default/remove-blue2.png') no-repeat right 0px;
    padding-right:17px;
    white-space:nowrap;
}
#DIV_SORT_FIELDS li a:hover {
    color: #333;
    background:url('/tq/images/default/remove-red2.png') no-repeat right 0px;
    padding-right:17px;
}
#DIV_SORT_FIELDS li a.highlight {
    color: #333;
    background:url('/tq/images/default/remove-red2.png') no-repeat right 0px;
    padding-right:17px;
}
#DIV_SORT_FIELDS li.resultLabel {
    width: 58px;
    padding-right:0px;
    text-align:left;
}

/* *** */

img .graph {
    margin-top:10px;
}

.email_image {
    position:relative;
    background:url('/tq/images/default/mailto.png') no-repeat left 3px;
    top:2px;
    padding-left: 17px;
}

.back1 {
    border:0px solid blue;
    height:18px;
    display:block;
    text-align:right;
    margin-top:7px;
    margin-bottom:2px;
    padding: 0px;
    clear:both;
}
.back {
    height:27px;
    line-height:18px;
    background:url('/tq/images/default/back2.png') no-repeat -1px -1px;
    padding-left: 28px;
    border:0px solid red;
    float:right;
}
.authLandingAlert {
    display:inline-block;
    float:left;
    background:url('/tq/images/default/warning-small.png') no-repeat left 1px;
    padding-left: 24px;
    height:22px;
    line-height:22px;
    border:0px solid green;
    font-weight:bold;
}
.authLandingAlert-continue {
    display:inline-block;
    float:left;
    padding-left:7px;
    height:22px;
    line-height:22px;
}
.fieldsetNoOptions {
    float:left;
    background:url('/tq/images/default/info-small.png') no-repeat left 1px;
    padding-left: 27px;
    height:22px;
    line-height:22px;
    font-size: 9pt;
    font-weight: normal;
    color: #555;
    border:0px solid green;
}

#lyrFormSubmitContainer {    
    background-color: #F2F2F2;
    filter: alpha(opacity=50);
    opacity:.5;
}

/**
 * AVD 20100124 - Not quite sure why this is here. Removed to allow PDA surnames to display
#edtLastName_box {
    display:none;
}
*/

.pointer {
    float:left;
}


h1 {
    font-size: 15pt;
    font-family: arial;
    color: #555;
    letter-spacing: 1px;
    margin: 0px 0 5px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-transform:capitalize;
    float:left;
    clear:left;
    width:300px;
}

h2 {
    font-size: 10pt;
    font-family: arial;
    color: #016257;
    letter-spacing: 1px;
    margin: 0px 0 5px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-transform:capitalize;
    font-weight:bold;
    float:left;
    clear:left;
}

#srl_wrapper_inside {
    width:710px;
    float:left;
    margin-top:10px;
    padding: 10px 10px 10px 10px;
    border:1px solid #666;
}

#srl_logo_left {
    float:left;
    margin-top:0px;
    margin-bottom:25px;
}

.srl_logo_right {
    float:right;
}

#srl_header1 {
    margin-top:10px;
    height:119px;
    width:700px;
    float:left;
    clear:left;
}

#srl_footer {
    float:left;
    width:700px;
    margin-top:5px;
}

.srl_logo_footer {
    float:left;
    clear:left;
}

.srl_text_footer {
    float:left;
    margin-left:10px;
    color: #666;
    font-size: 8pt;
    font-weight: normal; 
    height:20px;
    line-height:20px;
}

.srl_client_info {
    float:left;
    clear:left;
    padding: 5px 0px 5px 5px;
}

.button-line {
    margin-top: 25px;
}

.srl_label {
    width:120px;
    letter-spacing: 1px;
    font-family: arial;
    font-size:9pt;
    color:#555;
    font-weight:bold;
    line-height:16px;
}

.srl_value {
    width:120px;
    letter-spacing: 1px;
    font-family: arial;
    font-size:9pt;
    color:#333;
    font-weight:normal;
    line-height:16px;
}

.legend {
    float:left;
    clear:left;
    margin-top:5px;
    margin-bottom:9px;
    min-width:660px;
    color: #656365;
    letter-spacing:0.5pt;
}
.legend-line1 {
    float:left;
    clear:left;
    line-height:16px;
    white-space: nowrap;
}
.legend-line2 {
    float:left;
    clear:left;
    line-height:16px;
    white-space: nowrap;
}

input[type="text"], input.text, input.password {
    background-color: #FAF4F4;
}

#INNER label.after {
    width:auto;
    min-width:80px;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 15px;
    margin-right: 5px;
    text-align: left;
    text-transform:none;
}

.label_description {
    background: url('/tq/images/default/info.png') no-repeat 4px 2px;
}

.moreInfo {
    width:16px;
    height:16px;
    background: url('/tq/images/default/info.png') no-repeat 0px 0px;
}

.mouse-over-back .m-top {
    background: url('/tq/images/default/shade-top.gif') no-repeat top right;
}
.mouse-over-back .m-mid {
    background: url('/tq/images/default/shade-mid.gif') repeat-y top right;
}
.mouse-over-back .m-bot {
    background: url('/tq/images/default/shade-bot.gif') no-repeat top right;
}

input[type="submit"], #INNER button, #INNER input.button, button {
    background-image: url('/tq/images/default/srl_button.png');
}

fieldset {
    width:680px;
    position:relative;
    top:20px;
    margin-bottom:10px;
    padding: 5px 10px 10px 15px;
}

legend.leg-req {
    font-family: arial;
    font-size: 10pt;
    font-weight: bold;
    color: #016257;
    padding: 10px 20px 10px 5px;
    background: url('/tq/images/default/required-legend.png') no-repeat right;
}

input[type="checkbox"], .checkbox, .multicheckbox {
    margin: 10px 5px 1px 0px;
}

table.recordList {
    width: auto;
    /* margin: auto auto; */
    margin-top: 0px;
    border: none;
    border-spacing: 0px;
    padding: 2px;
    border: outset 0pt;
    border-right: 1px solid #e6e6e6;
    border-bottom: 0px solid #e6e6e6;
    border-spacing: 0pt 0pt;
    border-collapse: collapse;
    line-height:16px;
    clear:left;
    text-align:left;
    float:left;
}

table.recordList tr.table-top-line {
    height: 4px;
    line-height: 3px;
    background :url(/tq/images/default/table-top-piece3.png) repeat-x top;
    border-left: 1px solid #e6e6e6;
}
table.recordList tr.table-bottom-line {
    height: 4px;
    line-height: 3px;
    background :url(/tq/images/default/table-top-piece3.png) repeat-x top;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
}

.allupper {
    text-transform: uppercase;
}

#c_box input[type="text"], #c_box input.text {
    width: 230px;
}    

#c_box .label_description {
    background: url('/tq/images/default/info-cvv.png') no-repeat 0px 0px;
    width: 50px;
}


 /* payment page styles */
body .clear-float {clear: both;}
#wrapper #payment-page-container {padding: 0; margin: 0;}
#wrapper #payment-page-container  h1, h2, h3, h4, h5, h6, p {color: #656365; font-family: Arial, Lucida,Tahoma, Helvetica, Verdana;  padding: 0; margin: 0; font-size: 16px;}
#wrapper #payment-page-container  p.header-text {color: #FFFFFF; font-size: 17px; font-weight: normal; padding-right: 14px; padding-top: 11px; text-align: right;}


#wrapper #payment-page-container {outline: 0px solid #000000; width: 920px; margin: 0 auto;}
#payment-header {height: 46px; outline: 0px solid #f212f6; background: url('/tq/images/default/payment-page-header.jpg') no-repeat;}
#wrapper #payment-page-container  h3.header-text {font-weight: normal; text-align: right; padding-right: 10px;}


#payment-header #left-side  {padding-left: 30px; width: 430px;  float: left; outline: 0px solid red;}
#payment-header #right-side  {width: 460px; float: left; outline: 0px solid green;}


#payment-page-container #purchase-details {border-bottom: 2px solid #053450;}
#payment-page-container #purchase-details p {text-align: left;}
#purchase-details #purchase-header {padding: 10px; background: #b4bdc1;}

#purchase-details .row1 {background: #F1F1F1; }
#purchase-details .row2 {bacground: #E4E8EA;}
#purchase-details .data-cell {width: 225px; float: left; padding: 7px; outline: 0px solid pink;}
#purchase-details .detail-cell {width: 666px; float: left; padding: 7px; outline: 0px solid blue;}


/****** Overides ******/
body #payment-page-container #INNER label.after {height: 46px;}
body #payment-page-container #INNER .label_description {background: url('/tq/images/default/hyphen-payment-page-info-icon.jpg') no-repeat 4px 2px;}
body #payment-page-container #INNER #c_box .label_description{background: url('/tq/images/default/hyphen-payment-page-date-icons.jpg') no-repeat 0px 0px; width: 50px;}
body #payment-page-container #INNER .moreInfo {background: url('/tq/images/default/hyphen-payment-page-info-icon.jpg') no-repeat scroll 1px 0px transparent}
body #payment-page-container #INNER legend.leg-req {color: #1E1977;}
body #payment-page-container #INNER input[type="submit"], #INNER button, #INNER input.button, button {background-image: url('/tq/images/default/button-active.png'); }
body #payment-page-container #INNER fieldset {margin-bottom: 30px;}

#INNER #Note-element p {font-size: 12px;}