ul, li {
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* ----------- Navigation ----------- */
#navigationContainer {
    float: left;
    height: 35px !important;
    background-color: #F1F7FD;
    border-right: 1px solid #006666;
    border-bottom: 1px solid #006666;
    width: 99%;
    background-color: #D6DEE5;
    clear: both;
}

#navigation {
    vertical-align: top;
    float: left;
    height: 30px;
    margin: 0;
    padding: 0px 5px 5px 20px;
    width: 95%;
}

#navigation ul li {
    display: inline;
    list-style: none;
}

#navigation ul li a,
#navigation ul li a:visited {
    padding: 8px 15px;
    display: block;
    text-decoration: none;
    float: left;
    color: #4261df;
    font-weight: bold;
    text-shadow: #ffffff 2px 2px 2px;
    list-style: none;
}


#navigation ul li a:hover {
    color: #1532a5;
    list-style: none;
}

#navigation ul li.logout a {
    float: right;
    color: #220000;
}

#logout ul li a:hover {
    color: #dd0000;
    list-style: none;
}


/* ----------- Sub Menu ----------- */

#leftContainer {
    position: relative;
    float: left;
    width: 160px;
    amin-height: 98%;
    background-color: #F1F7FD;
    border-right: 1px solid #006666;
    border-bottom: 1px solid #006666;
    height: auto !important;
}


/* LEFTCOL */
#leftcol {
    padding: 10px 0 0 7px;
    float: left;
    min-height: 600px;
}


#leftcol ul li {
    display: block;
    list-style: none;
    padding: 15px 15px 0 5px;
    line-height: 20px;
}

#leftcol ul li a,
#leftcol ul li a:visited {
    font-size: 11px;
    text-decoration: none;
    color: #4261df;
    font-weight: bold;
    text-shadow: #ffffff 2px 2px 2px;
    list-style: none;
}

#leftcol ul li a:hover {
    color: #1532a5;
    list-style: none;
}


#leftContainer .logo {
    bottom: 0;
    margin: 0;
    padding-bottom: 50px;
}


/* ----------- Sub Menu ----------- */


/* ----------- Hide Sub menu ----------- */
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10 {
    display: none;
}


/*
	Colour list goes here
	#aaaaaa (dark grey for backgrounds)
	#dddddd (dark grey for backgrounds)
*/

body {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    margin: 0pt;
    padding: 0pt;
    background-color: #ffffff;
}

legend {
    color: #222;
    font-size: 16px;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

/*
 * a wrapper for all the pages within the mainframe 
 * This defines overall widths
 */

#wrapper {
    background-image: url('../images/page_bg.gif');
    background-repeat: repeat-y;
    border: 0px solid;
    width: 1000px;
}

#miniWrapper {
    background-color: #fff;
    border: 0px solid;
    width: 300px;
    height: auto;
}


#divLeftMenu {
    background-image: url('../images/iQLogo1.gif');
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
    width: 210px;
    background-color: #000000;
    margin: 0px;
    padding: 130px 0 0 0;
    height: auto !important;
    height: 420px;
    min-height: 420px;
}

#divMain {
    position: relative;
    float: left;
    width: 1200px;
    height: auto !important;
    height: 550px;
    min-height: 550px;
    padding: 5px;
    margin: 0;
}

#divMainCont {
    float: left;
    width: 815px;
    height: auto !important;
    height: 250px;
    min-height: 250px;
    padding: 5px;
    margin: 0;
}

#divMainMini {
    float: left;
    width: 390px;
    height: auto !important;
    height: 390px;
    min-height: 390px;
    padding: 5px;
    margin: 0;
    background-color: #fff;
}

#companyListDiv {
    float: left;
    width: 300px;
    float: left;
    height: 20px;
    font-size: 11pt;

}

#companyButtons {
    float: left;
    width: 200px;
    float: left;
    height: 20px;
    font-size: 11pt;
}

#companyDiv {
    float: left;
    width: 200px;
    height: 20px;
    font-size: 11pt;
}

#divA
#searchForm {
    margin: 0px;
    padding: 0px;
}

/* title for the page goes here */
#divHeader {
    height: 20px;
    padding: 5px 0 5px 5px;
    margin: 0;
    display: block;
    background: #aaa;
}

#divHeader h1 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

#divInfo {
    background-color: #ccc;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #999;
    height: 40px;
    height: auto !important;
    min-height: 40px;
}

#divDropDowns /* only for sites at the moment */
{
    margin: 5px;
    padding: 5px;
    border: 0px solid #000000;
    height: 20px;
}

#divSearch {
    margin: 5px;
    padding: 5px;
    border: 0px solid #000000;
    height: 20px;
    display: none;
}

#divBody {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 340px;
    height: auto !important;
    min-height: 420px;
}

#supercededDocumentPanel {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 340px;
    height: auto !important;
    min-height: 340px;
}

#divSampleResultsTable {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 340px;
    height: auto !important;
    min-height: 340px;
}


#flashcontent {
    width: 250px;
    height: 250px;
}

#divFlashQuoteWon {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 260px;
    height: auto !important;
    min-height: 260px;
    border: 2px solid #CCC;
}

#divFlashValueQuoteWon {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 260px;
    height: auto !important;
    min-height: 260px;
    border: 2px solid #CCC;
}

#divFlashValueCustomerQuote {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 260px;
    height: auto !important;
    min-height: 260px;
    border: 2px solid #CCC;
}

#divBodyUpper {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    /* height:150px; */
    height: auto !important;
    margin-top: 2px;
    /* min-height:150px; */
}

#divBodyLower {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 170px;
    height: auto !important;
    min-height: 170px;
}

#divBodyMin {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 240px;
    height: auto !important;
    min-height: 240px;
}

#divQuoteResults {
    float: left;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    height: 240px;
    height: auto !important;
    min-height: 240px;
    width: 98%;
}

#divBody a {
    text-decoration: underline;
    margin: 0;
    padding: 0;
}

/* message area */
#messageDisplay {
    padding: 5px;
    margin: 5px 0;
    color: #A20000;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid #ccc;
}

.message {
    color: #880000;
    text-decoration: none;
    text-align: center;
}


/* 
 * replaces the .border class
 * contains the search/select areas
 */

#divAlphabets {
    float: left;
    height: 20px;
    font-size: 10pt;
}

#companyListDiv {
    float: left;
    width: 300px;
    float: left;
    height: 20px;
    font-size: 11pt;

}

#companyButtons {
    float: left;
    width: 200px;
    float: left;
    height: 20px;
    font-size: 11pt;
}

#companyDiv {
    float: left;
    width: 200px;
    height: 20px;
    font-size: 11pt;
}

#divAlphabets a {
    font-size: 10pt;
    text-decoration: underline;
}

#searchField {
    height: 20px;

}

#divBodyLeft {
    float: left;
    width: 48%;
    margin: 6px 6px 0 6px;
    padding: 0px;
    height: 150px;
    height: auto !important;
    min-height: 150px;
}

#divBodyRight {
    float: left;
    width: 48%;
    margin: 6px 6px 0 6px;
    padding: 0px;
    height: 150px;
    height: auto !important;
    min-height: 150px;
}

#divBodyControls {
    margin: 0px;
    padding: 0px;
    border: 1px solid #000000;
}

#divPagination {
    background-color: #ddd;
    border: 1px solid #999;
    height: 25px;
    height: auto !important;
    min-height: 25px;
    margin: 10px 0 0 0;
    padding: 0px 10px;
}

#divPagination .prev {
    float: left;
    width: 80px;
    height: 20px;
    border: 0px solid #999;
    margin: 0;
    padding: 0;
}

#divPagination .next {
    float: right;
    width: 60px;
    height: 20px;
    border: 0px solid #999;
    margin: 0;
    padding: 0;
}

#divPagination .pages {
    float: left;
    width: 600px;
    height: 20px;
    border: 0px solid #999;
    margin: 0;
    padding: 0;
}

#divFooter {
    background-color: #eeeeee;
    border: 1px solid #000000;
    margin: 0px;
    padding: 0px;
    height: 50px;
    height: auto !important;
    min-height: 50px;
}

#divFooterControlsLeft {
    float: left;
    width: 48%;
    margin: 6px;
    padding: 0px;
    border: 1px solid #000000;
}

#divFooterControlsRight {
    float: left;
    width: 48%;
    margin: 6px;
    padding: 0px;
    border: 1px solid #000000;
}

#hideManager {
    display: none;
}

#hideInvoice {
    display: none;
}


/*
 * menus section
 */


/*The Link style for top-level menuitems and is read by all browsers*/
/*
#divLeftMenu a {
	color: #fff;
	font-size: 10pt;	
	text-decoration:none; 
	
}

#divLeftMenu a:hover {
	font-size: 10pt;	
	color: #ddd;
	text-decoration:underline; 	
}

*/
/*The Link style for second-level menuitems*/

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: divMenu div div div div a {declaration}*/
#divMenu div div div a {
    font-size: 10pt;
}

.open {
    display: block;
}

.divBodyLeft {
    float: left;
    width: 48%;
    margin: 2px;
    padding: 0px;
    height: 150px;
    height: auto !important;
    min-height: 150px;
}

.divBodyRight {
    float: left;
    width: 48%;
    margin: 2px;
    padding: 0px;
    height: 150px;
    height: auto !important;
    min-height: 150px;
}

.divBodyLeftFlash {
    float: left;
    width: 260px;
    margin: 0;
    padding: 0px;
    height: 260px;
    height: auto !important;
    min-height: 260px;
    background-color: #FFF;
}

.divBodyReports {
    float: left;
    width: 400px;
    margin: 0;
    padding: 0px;
    height: 260px;
    height: auto !important;
    min-height: 260px;
    background-color: #FFF;
}

.divBodyRightFlash {
    float: left;
    width: 500px;
    margin: 0 0 0 5px;
    padding: 0 10px;
    height: 240px;
    height: auto !important;
    min-height: 240px;
    background-color: #fff;
    border: 1px solid #333;
}

.squarebox {
    border: 1px solid #000000;
    width: 10px;
    height: 10px;
    color: #ccc;
}

.menutitle {
    background-image: url(../images/p7t_plus.gif);
    background-position: 6px 50%;
    background-repeat: no-repeat;
    font-size: 10pt;
    background-color: #e85825;
    border: 1px solid #4e4e4e;
    color: #fff;
    cursor: pointer;
    margin: 0 2px 0 2px;
    padding: 1px 0pt 1px 20px !important;
    text-align: left;
    width: 140px;
}


.menutitleo {
    background-image: url(../images/p7t_minus.gif);
    background-position: 6px 50%;
    background-repeat: no-repeat;
    padding: 1px 0pt 1px 20px !important;
    background-color: #2A2A2A;
    border: 1px solid #4E4E4E;
    color: #ffffff;
    cursor: pointer;
    margin: 0 2px 0 2px;
    padding: 0;
    text-align: left;
    width: 140px;
}

.menutitle a {
    font-size: 10pt;
    color: #fff;
}

.menutitleo a {
    font-size: 10pt;
    color: #fff;
}

.menutitleo a:hover {
    #font-size: 10pt;
    color: #fff;
}

#aShowSearch {
    display: inline;
}

#aHideSearch {
    display: none;
}

#whiteBoardCell {
    display: none;
}

/* sub menu div rollovers */
.menuspan {
    font-size: 10pt;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 100%;
}

.menuspaneo {
    background-color: #2A2A2A;
    color: #ffffff;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 90%;
}

.menuspan a {
    font-size: 10pt;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.menuspaneo a:hover {
    font-size: 10pt;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.submenu {
    margin: 0px;
    padding: 0;
    background-color: #000000;
    border: 1px solid #2A2A2A;
    width: 160px;
    cursor: pointer;
    display: none;
    border: 0px solid #fff;
}

.listBox {
    width: 500px;
    height: 200px;

}

/*
 * end menus section
 */


.split {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;

}

.break {
    width: 100%;
    background-color: #ccc;
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;

}


.border {
    border: 1px solid #000000;
}

.leftCell {
    float: left;
    font-size: 10pt;
    width: 45%;
    margin: 1px 0;
    padding: 1px;
}

.rightCell {
    float: left;
    font-size: 10pt;
    width: 45%;
    margin: 1px 0;
    padding: 1px;
}

.leftCellSmall {
    float: left;
    font-size: 10pt;
    width: 30%;
    margin: 1px 0;
    padding: 1px;
}

.rightCellLarge {
    float: left;
    font-size: 10pt;
    width: 60%;
    margin: 1px 0;
    padding: 1px;
}

.subhead {
    padding: 5pt;
    font-size: 10pt;
    font-weight: bold;
    background: #ddd;
    width: 100%;
}


.description {
    padding-left: 20px;
    font-weight: bold;
}


.inner {
    font-size: 8pt;
    width: 100%;
    font-family: serif
}

.error {
    padding-right: 10pt;
    padding-left: 10pt;
    font-weight: bolder;
    background: #ddd;
    padding-bottom: 10pt;
    padding-top: 10pt
}

.errorTextRed {
    font-weight: bolder;
    color: red;
}

.success {
    padding-right: 10pt;
    padding-left: 10pt;
    font-weight: bolder;
    background: #ddd;
    padding-bottom: 10pt;
    padding-top: 10pt
}

.error {
    font-size: larger;
    color: red
}

.success {
    color: #008800;
}

.header {

}

.tbl_result {
    border-right: #000000 1px solid;
    font-size: 10pt;
    border-bottom: #000000 1px solid;
    font-family: verdana
}

.cell_result_head {
    border-top: #000000 1px solid;
    font-weight: bold;
    font-size: 10pt;
    border-left: #000000 1px solid;
    font-family: verdana;
    background-color: #95bdee
}

.reconcile_head {
    border-top: #000000 1px solid;
    font-size: 10pt;
    border-left: #000000 1px solid;
    font-family: verdana;
    background-color: #95bdee
}

.cell_result {
    border-top: #000000 1px solid;
    font-size: 10pt;
    border-left: #000000 1px solid;
    font-family: verdana
}

.cell_tail {
    font-size: 10pt;
    border-left: #000000 1px solid;
    font-family: verdana;
    background-color: #95bdee;
}


.tbl_border {
    border-top: #000000 1px solid;
    border-bottom: #000000 1px solid;
    border-left: #000000 1px solid;
    border-right: #000000 1px solid;
}

.description {
    padding-left: 20px;
}

.mandatory {
    font-weight: bold;
    text-decoration: underline;
}

.dataField {
    width: 50%;
    height: 22px
}

.inner {
    font-size: 8pt;
    width: 100%;
}

.leftColumn {
    width: 50%
}

.rightColumn {
    width: 50%
}

.hidden {
    visibility: hidden
}

.error, .success {
    padding: 10pt;
    font-weight: bolder;
    background: #ddd;
}

.error {
    font-size: larger;
    color: red
}

.success {
    color: #008800;
}

.modDetails {
    font-size: 8pt;
    text-decoration: italic;
}

.boldHeading10 {
    font-size: 10pt;
    font-weight: bold;
}

.instructions {
    padding: 5pt;
    display: block;
    background: #aaa;
    color: white;
    border: 1px solid #999
}

.links {
    font-size: 10pt;
    color: #000000;
    text-decoration: underline;
}

.links:hover {
    font-size: 10pt;
    color: #000000;
    text-decoration: underline;
}

label {
    font-size: 10pt;
}

label.hidden {
    font-size: 1pt;
    line-height: 1px;
    height: 1px;
    width: 1px;
}

input.longfield {

    width: 250px;
}


input.quoteemail {
    width: 200px;
}

select.eqsearch {
    width: 145px;
}

table.quoteBorder {
    border: outset 2px;
}

table.defectNoteTable {
    vertical-align: center;
    margin-bottom: 10px;
}


textarea {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 190px;
    height: 230px;

}

textarea.smaller {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 190px;
    height: 100px;
}

textarea.medium {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 490px;
    height: 100px;
}


textarea.categories {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 190px;
    height: 140px;
}

textarea.quoteComments {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 180px;
    height: 105px;
}

textarea.quoteAdHoc {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 500px;
    height: 150px;
}


textarea.question {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 600px;
    height: 80px;
}

textarea.editor {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 800px;
    height: 200px;
}


textarea.answer {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 190px;
    height: 40px;
}

textarea.reconcilePO {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 280px;
    height: 50px;
}

textarea.desc {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 300px;
    height: 400px;
}

textarea.full {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 100%;
    height: 100px;
}


textarea.defectNote {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 10pt;
    width: 310px;
    height: 230px;

}


.sampleedit {
    height: 475px !important;
    min-height: 475px !important;
}

.sampleadd {
    height: 400px !important;
    min-height: 400px !important;
}

.sampleview {
    height: 425px !important;
    min-height: 425px !important;
}

.sampleresults {
    height: 100px !important;
    min-height: 100px !important;
}

.documentsections {
    height: 75px !important;
    min-height: 75px !important;
}

.documentsectiondetails {
    height: 575px !important;
    min-height: 575px !important;
}

.senddocumentcovernotedetails {
    height: 375px !important;
    min-height: 375px !important;
}

textarea.covernote {
    width: 350px;
    height: 300px;
}

textarea.quoteCovernote {
    width: 700px;
    height: 250px;
}


textarea.documentsection {
    width: 350px;
    height: 200px;
}

a {
    font-size: 10pt;
    color: #000000;
    text-decoration: underline;
}

a:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

h1 {
    color: #fff;
    font-size: 16pt;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

h2 {
    color: #fff;
    font-size: 15pt;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

h3 {
    color: #333;
    font-size: 14pt;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

h4 {
    color: #333;
    font-size: 12pt;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

h5 {
    color: #333;
    font-size: 11pt;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

h6 {
    color: #333;
    font-size: 10pt;
    font-weight: bold;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
}

td {
    text-align: left;
    vertical-align: top;
    font-size: 10pt;
}

td.middle {
    text-align: center;
    vertical-align: top;
}

td.middleMiddle {
    text-align: center;
    vertical-align: middle;
}

td.quotealign {
    text-align: center;
    vertical-align: top;
}

td.quoteReportSectionHeader {
    color: #ffffff;
    background-color: #000000;
    font-weight: bold;
}

.jobplannerInput {
    width: 20px;
}

.addPaymentInput {
    width: 60px;
}

.AddtoPOprice {
    BORDER-RIGHT: white 0px solid;
    BORDER-TOP: grey 0px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: white 0px solid;
    COLOR: black;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: right;
}

.itemprice {
    BORDER-RIGHT: white 0px solid;
    BORDER-TOP: grey 0px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: white 0px solid;
    COLOR: black;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: #EDEDED;
    TEXT-ALIGN: right;
}

.POitems {
    BORDER-RIGHT: white 0px solid;
    BORDER-TOP: grey 0px solid;
    BORDER-LEFT: white 0px solid;
    COLOR: black;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: #EDEDED;
    TEXT-ALIGN: left;
}

.itempriceNew {
    BORDER-RIGHT: white 0px solid;
    BORDER-TOP: grey 0px solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: white 0px solid;
    COLOR: black;
    BORDER-BOTTOM: white 0px solid;
    BACKGROUND-COLOR: #EDEDED;
    TEXT-ALIGN: left;
}


/*
 *  Risk Assessment
 */
.LowRating {
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: #ffffff;
}

.MediumRating {
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: yellow;
}

.HighRating {
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: red;
}

/*
*  Part Tracker
*/
th {
    background-color: #aaaaaa;
    color: #000000;
}

.HRSummarySectionTable {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    margin: 1px;
    padding: 1px;
    width: 405px;
    text-align: right;
    vertical-align: middle;
}

.HRApprovalCommentsTable {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    margin: 1px;
    padding: 1px;
    text-align: right;
    vertical-align: middle;
}

.HRSummaryInnerTable {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    margin: 0px 0;
    padding: 0px;
    width: 135px;
    height: 45px;
    text-align: right;
    vertical-align: middle;
}

.HRIconLink {
    font-size: 8pt;
}

.output-div-container {
    border: 1px solid silver;
    background-color: #F8F8F8;
    padding: 10px;
}

.input-div {
    text-align: center;
    background-color: #FEFFF0;
    border: 1px solid #868A15;
    padding: 5px;
}

.ajax-div {
    margin: 50px;
    border: 1px solid #3333CC;
    background-color: #6699FF;
    padding: 3px;
    width: 500px;
}

.box {
    width: 400px;
    height: auto;
    overflow: auto;
    background: #000000;
    position: absolute;
    border-top: none;
    COLOR: white;
    text-align: left;
}

.wideAJAXList {
    width: 400px;
    height: auto;
    overflow: auto;
    position: absolute;
    border-top: none;
    text-align: left;
    z-index: 10000 !important;
}

.boxtr {
    cursor: pointer;
    margin: 3px;
    padding: 3px;
}

input.btn {
    width: 155px;
}

input.btnWide {
    width: 185px;
}

input.scan {
    width: 55px;
    height: 20px;
}


input.board {
    background-color: #444444;
    color: #cccccc;
    border: 1px solid black;
}

select.board {
    background-color: #444444;
    color: #cccccc;
    border: #000000;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}


.highlightFull {
    background-color: #FFFFFF;
    color: #000000;
    float: left;
    width: 96%;
    height: auto;
    padding: 3px;
}


.highlightHighFull {
    background-color: #FFFFFF;
    color: #000000;
    float: left;
    width: 96%;
    min-height: 120px;
    padding: 3px;
}


/* PAGINATION BAR
   ========================================================================== */
.paginationBar {
    display: table;
    width: 100%; /* testing- remove if .panel is width=100% */
    background: none;
}

.paginationBarResults,
.paginationBarContent {
    display: table-cell;
    vertical-align: middle;
}

.paginationBarContent {
    padding-right: 300px;
    text-align: center;
}

.paginationBarResults {
    width: 300px;
    padding-left: 60px;
}

.paginationBarResults div,
.paginationBarContent div {
    display: inline-block;
}

/* Pagination Results */
.paginationBarTotalLabel {
    color: #2C3742;
    margin-right: 4px;
}

.paginationBarTotalValue {
    color: #2C3742;
    font-weight: bold;
}

/* Pagination Page-Links */
.paginationBarPageLinks a {
    text-decoration: none;
}

.paginationBarPageLinks div a,
.paginationActivePage {
    min-width: 27px;
    padding: 0 6px;
    margin-right: 7px;
    background-color: #abb5c1;
    text-align: center;
}

.paginationActivePage {
    background-color: #999;
}

.paginationBarPageLinks div a:hover {
    background-color: #F29D00;
}

/* Pagination Next & Prev image links */
.paginationPreviousPage,
.paginationPreviousTenPages,
.paginationNextPage,
.paginationNextTenPages {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/v4/buttons/sprite_icons.png) no-repeat 0 -60px;
}

.paginationPreviousPage {
    background-position: -20px -60px;
}

.paginationPreviousPage:hover {
    background-position: -20px -80px;
}

.paginationPreviousTenPages {
    background-position: 0 -60px;
}

.paginationPreviousTenPages:hover {
    background-position: 0 -80px;
}

.paginationNextPage {
    background-position: -40px -60px;
}

.paginationNextPage:hover {
    background-position: -40px -80px;
}

.paginationNextTenPages {
    background-position: -60px -60px;
}

.paginationNextTenPages:hover {
    background-position: -60px -80px;
}

/* END - Pagination */