/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter,  Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.form-group-halfspace {
    margin-bottom: 4px;
}

.form-group-quarterspace {
    margin-bottom: 2px;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ""}
.clearfix:after {
    clear: both;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover, a:active {
    outline: 0;
}


textarea {
    overflow: auto;
    vertical-align: top;
}
@media print {
    * {
    color: #000!important;
    text-shadow: none!important;
    background: transparent!important;
    box-shadow: none!important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")"}
abbr[title]:after {
    content: " (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100%!important;
}
@page {
    margin: .5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
}body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
/*    line-height: 20px;*/
    color: #333;
    background-color: #fff;
}
a {
    color: #08c;
    text-decoration: none;
}
a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}
.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.row {
    margin-left: -20px;
    *zoom: 1;
}
.row:before, .row:after {
    display: table;
    line-height: 0;
    content: ""}
.row:after {
    clear: both;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px;
}
.span12 {
    width: 940px;
}
.span11 {
    width: 860px;
}
.span10 {
    width: 780px;
}
.span9 {
    width: 700px;
}
.span8 {
    width: 620px;
}
.span7 {
    width: 540px;
}
.span6 {
    width: 460px;
}
.span5 {
    width: 380px;
}
.span4 {
    width: 300px;
}
.span35 {
    width: 260px;
}
.span3 {
    width: 220px;
}
.span25 {
    width: 180px;
}
.span2 {
    width: 140px;
}
.span1 {
    width: 60px;
}
.span05 {
    width: 30px;
}
.span-20 {
    width: 20px;
}
.span-10 {
    width: 10px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}


/*  rms  20131030   removed while wotrking on delisting screen

.container:before, .container:after {
    display: table;
    line-height: 0;
    content: ""}
.container:after {
    clear: both;
}
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}
.container-fluid:before, .container-fluid:after {
    display: table;
    line-height: 0;
    content: ""}
.container-fluid:after {
    clear: both;
}

*/

p {
    margin: 0 0 10px;
}


small {
    font-size: 85%}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999;
}
h1, h2, h3 {
    line-height: 40px;
}
h1 {
    font-size: 38.5px;
}
h2 {
    font-size: 31.5px;
}
h3 {
    font-size: 24.5px;
}
h4 {
    font-size: 17.5px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 11.9px;
}
h1 small {
    font-size: 24.5px;
}
h2 small {
    font-size: 17.5px;
}
h3 small {
    font-size: 14px;
}
h4 small {
    font-size: 14px;
}
.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee;
}
ul, ol {
    padding: 0;
    margin: 0 0 10px 25px;
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}


input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


label {
    display: inline;
    margin-bottom: 5px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.table {
    width: 100%;
    margin-bottom: 20px;
}
.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table th {
    font-weight: bold;
}
.table thead th {
    vertical-align: bottom;
}
.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0;
}
.table tbody+tbody {
    border-top: 2px solid #ddd;
}
.table .table {
    background-color: #fff;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    color: #fff;
    min-width: 200px;
    text-decoration: none;
    background-color: #0081c2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #08c, #0077b3);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-repeat: repeat-x;
    outline: 0;
    background-image: linear-gradient(to bottom, #08c, #0077b3);
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    color: #999;
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open {
    *z-index: 1000;
}
.open>.dropdown-menu {
    display: block;
}
.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}
.dropdown-submenu>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " "}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}




/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* -----------------------------------                   ---------------------------------------- */
/* -----------------------------------                   ---------------------------------------- */
/* ----------------------------------- capitol light css ---------------------------------------- */
/* -----------------------------------                   ---------------------------------------- */
/* -----------------------------------                   ---------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* capitol light css */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover, a:active {
    outline: 0;
}

p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}
a {
    color: #08c;
    text-decoration: none;
}
a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}

.row {
    margin-left: -20px;
    zoom: 1;
}


.row:before, .row:after {
    display: table;
    line-height: 0;
    content: ""}

.row:after {
    clear: both;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}



/* font color for the 'products' menu bar text */
li.static a.static 
{
    padding-left: 0.1px;
    padding-right: 0.1em;
    color: white;
}

a, a:link, a:visited {
	color: #4b449d;
	text-decoration: underline;
}

a:hover {
	color: #7873b5;
}

/* sections */

.footerlogo 
{
    width: auto;
    height: 40px;
}

.dropdown-menu {
	background-color: #b7b3d6;          /* controls the background color of the dropdown in the menu bar */
}

.dropdown .caret {
    border-top: 4px solid #fff;
    margin-left: 4px;
}

.dropdown-menu>li>a {
	border-bottom: #7873b5;
}

div.footer {
	margin: 1em 0;
	padding-top: 1em;
	border-top: 1px solid #7873b5;
}


/*************************** forthe logo's and special instructions on the screen **********************/

div.head {
	padding: 1em 0px;
}



div.SpecialAccountMessage {
	padding: .5em 0;
	color: #e60000;
	font-weight: bold;
}


.BudgetBlack {
	color: black;
    display: table-cell;
	font-weight: normal;
}

.BudgetRed {
	color: red;
    display: table-cell;
	font-weight: bold;
}

.CapitolLight_logo
{
    height:108px; width:auto;
    width:Auto; width:150px;
}

.Client_logo
{
/*    height:108px;  */
    width:auto;
    display: block;
    padding-left: auto;
    padding-right: auto;
    }


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



div.rnd_c {
	border: 1px solid #7873b5;
	padding: .5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

label.in_label {
	display: inline;
	margin-right: 2px;
	text-align: right;
}

div.rect table {
	width: 100%;
	margin-top: .5em;
}

div.rect table td {
	border: 1px solid #7873b5;
}

div.rect table td {
	padding: 2px 15px; /* was 6px;  this controls the width of the 2nd column in the 'items in cart' table */
	text-align: right;
}

td.table_label {
	background-color: #e6e7e8;
	
}

select, input[type="file"] {
/*    height: 20px;
    line-height: 20px;
*/    margin-bottom: 4px;
    font-size: 12px;
    padding: 0;
}

/* product table */

table.table {
	font-size: .85em;
}

table.table, table.table td, table.table th {
	border: 1px solid #7873b5;
}

table.table th {
	background-color: #e6e7e8;
}

.footer .rexel_contact {
	margin-left: 1em;
}

.footer p.contact_link {
	text-align: right;
}


/* navbar */

.navbar .nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #b7b3d6;
    border-left: 6px solid transparent;
    content: '';
}

.navbar .navbar-inner
{
    height: 30px;
    line-height: 0px;
    margin-bottom: 10px; /* margin below the purple menu bar */
}

.level1 {
    	width: 85px;
    	width: 85px;
    	font-weight: bold;
    	text-align:center;
    	vertical-align: middle;
    	padding: -2px 0px 2px 0px;
    	line-height: 20px;
        padding-left: 0.05em;
        padding-right: 0.05em;
	}

.level2 {
    width: 90px;
    font-weight: bold;
    text-align: left;
    text-indent: 5px;
}

.navbar-inner /* this is the class for the menu bar */
{
	color: #7873b5;
	background-color: #7873b5;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7873b5', EndColorStr='#4b449d');
    background-image: linear-gradient(top, #7873b5, #4b449d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7873b5), to(#4b449d));
    background-image: -webkit-linear-gradient(top, #7873b5, #4b449d);
    background-image: -moz-linear-gradient(top, #7873b5, #4b449d);
    background-image: -o-linear-gradient(top, #7873b5, #4b449d);
    background-image: -ms-linear-gradient(top, #7873b5, #4b449d);
    background-image: linear-gradient(top, #7873b5, #4b449d);

    }



.navbar-text {
    margin-bottom: 0;
    line-height: 10px;
    color: #777;
}

.navbar .nav>li>a
{
	color: #000;
	background-color: #7873b5;
	line-height: 20px;
}

    .navbar .nav > li > a:hover,
    .navbar .nav > li > a:focus {
        color: #000000;
    }

.navbar .nav a:hover, .navbar .nav a:focus {
	color: #fff;
	background-color: #4b449d;
	background-image: linear-gradient(top, #4b449d, #7873b5);
	}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
	color: #fff;
	background-color: #4b449d;
	background-image: linear-gradient(top, #4b449d, #7873b5);
	}



/***************** Product Grid View Column Headers ******************/


.gvGridEclipseIDHeader
{
	background-color: #e6e7e8;
}

.gvGridBallastTextHeader
{
	background-color: #e6e7e8;
}

.gvGridServiceProviderPartNumberHeader
{
	background-color: #e6e7e8;
}

.gvGridThumbnailImageIDURLHeader
{
	background-color: #e6e7e8;
}

.gvGridFixtureImageIDURLHeader
{
	background-color: #e6e7e8;
}

.gvGridFixtureDescriptionHeader
{
	background-color: #e6e7e8;
}

.gvGridLifeExpectancyHeader
{
	background-color: #e6e7e8;
}

.gvGridLocationInStoreTextHeader
{
	background-color: #e6e7e8;
}

.gvGridPriceOfOneUnitHeader
{
	background-color: #e6e7e8;
}

.gvGridReplacementProductNotesHeader
{
	background-color: #e6e7e8;
}

.gvGridDescriptionProductGridHeader
{
	background-color: #e6e7e8;
}

.gvGridDescriptionShortHeader
{
	background-color: #e6e7e8;
}

.gvGridLocationColorHeader
{
	background-color: #e6e7e8;
}

.gvGridMaxOrderQuantityHeader
{
	background-color: #e6e7e8;
}

.gvGridOrderQuantityHeader
{
	background-color: #e6e7e8;
}

.gvGridVendorPartNumberHeader
{
	background-color: #e6e7e8;
}

.gvGridCustomerPartNumberHeader
{
	background-color: #e6e7e8;
}
.gvGridQuantityInCaseHeader
{
	background-color: #e6e7e8;
}

.gvGridQuantityToOrderHeader
{
	background-color: #e6e7e8;
}

.gvGridVendorPartNumberHeader
{
	background-color: #e6e7e8;
}

.gvGridUnitOfMeasureHeader
{
	background-color: #e6e7e8;
}

.gvGridExtendedPriceHeader
{
	background-color: #e6e7e8;
}


/********************* Grid View Data Columns ***********************/

.gvGridMaintHelpDataleft
{
    text-align: left;
    width: 100%;
}

.gvGridQuantityToOrder
{
    text-align: center;
}

.gvGridEclipseID
{
    text-align: center;
}

.gvGridBallastText
{
}

.gvGridServiceProviderPartNumber
{
    text-align: center;
}

.gvGridControlThumbnailImageIDURL
{
    height:50px; width:auto;
    width:Auto; width:50px;
}

.gvGridItemThumbnailImageIDURL
{
    text-align: center;
}

.gvGridControlFixtureImageIDURL
{
    height:50px; width:auto;
    width:Auto; width:50px;
}

.gvGridItemFixtureImageIDURL
{
    text-align: center;
}

.gvGridFixtureDescription
{
}

.gvGridLifeExpectancy
{
    text-align: center;
}

.gvGridLocationInStoreText
{
    text-align: center;
}

.gvGridPriceOfOneUnit
{
    text-align: right;
}

.gvGridReplacementProductNotes
{
}

.gvGridDesscriptionProductGrid
{
}

.gvGridDescriptionShort
{
}

.gvGridLocationColor
{
    text-align: center;
}

.gvGridMaxOrderQuantity
{
    text-align: center;
}

.gvGridOrderQuantity
{
    text-align: center;
}

.gvGridVendorPartNumber
{
    text-align: center;
}

.gvGridCustomerPartNumber
{
    text-align: center;
}

.gvGridQuantityInCase
{
    text-align: center;
}

.gvGridHelpScreenDescriptionText
{
    text-align: left;
    border: 5px solid red;
}

.gvGridUnitOfMeasure
{
    text-align: center;
}

.gvGridExtendedPrice
{
    text-align: right;
}






/********************************************* Grid View CSS for help screen *************************************/

.gvGridMaintHelp
{
    text-align: left;
    width: 100%;
}

.gvGridMaintHelpHeader
{
    text-align: left;
    width: 100%;
    background-color: #e6e7e8;
	height: 20px;
	line-height: 20px;
}

.gvGridMaintHelpData
{
    text-align: left;
    width: 100%;
	border: 0px none;
	height: 20px;
	line-height: 20px;
    margin-left: 2%;
}

.gvGridOpenOrders
{
	overflow:scroll;
}

.gvGridOpenOrderHeader
{
    text-align: left;
    width: 100%;
    background-color: #e6e7e8;
	height: 20px;
	line-height: 20px;
}

.gvGridOpenOrderDetail
{
    text-align: left;
    width: 100%;
	border: 1px solid;
    margin-left: 2px;
	height: 15px;
	line-height: 15px;
}

.gvGridOpenOrderDetilRight
{
    text-align: right;
    width: 100%;
	border: 1px solid;
	height: 15px;
	line-height: 15px;
}

.gvGridOpenOrderDetailRight
{
    text-align: right;
    width: 100%;
	border: 1px solid;
	height: 15px;
	line-height: 15px;
}


/********************* used by cart inquiry *****************************************************/

.gvGridInvoiceHistory
{
	overflow:scroll;
}

.gvGridInvoiceHeaderLeft
{
    text-align: left;
    width: 100%;
    background-color: #e6e7e8;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

.gvGridInvoiceHeaderCenter
{
    text-align: center;
    width: 100%;
    background-color: #e6e7e8;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

.gvGridInvoiceHeaderRight
{
    text-align: right;
    width: 100%;
    background-color: #e6e7e8;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

.gvGridInvoiceDetailLeft
{
    text-align: left;
    width: 100%;
	border: 1px solid;
    margin-left: 2px;
	height: 15px;
	line-height: 15px;
}

.gvGridInvoiceDetailCenter
{
    text-align: center;
    width: 100%;
	border: 1px solid;
    margin-left: 2px;
	height: 15px;
	line-height: 15px;
}

.gvGridInvoiceDetailRight
{
    text-align: right;
    width: 100%;
	border: 1px solid;
	height: 15px;
	line-height: 15px;
}



/********************************************* Grid View Add/Udate Cart Button *************************************/

/*
.gvGridCartButton {
	background-color: #7873b5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7873b5), to(#4b449d));
    background-image: -webkit-linear-gradient(top, #7873b5, #4b449d);
    background-image: -moz-linear-gradient(top, #7873b5, #4b449d);
    background-image: -o-linear-gradient(top, #7873b5, #4b449d);
    background-image: -ms-linear-gradient(top, #7873b5, #4b449d);
    background-image: linear-gradient(top, #7873b5, #4b449d);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7873b5', EndColorStr='#4b449d');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	border:1px solid #dcdcdc;
	padding:2px 2px 2px 2px;
}
a.gvGridCartButton
{
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
	font-size:12px;
}
a.gvGridCartButton:hover 
{
    color: #ffff00;
}
*/


/********************************************************** general text btn class *************************************/

.btn {
	background-color: #7873b5;    
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    padding: 3px;
    background-image: linear-gradient(top, #7873b5, #4b449d);
    color:#ffffff;
}

.btnCenter {
	background-color: #7873b5;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    background-image: linear-gradient(top, #7873b5, #4b449d);
    color:#ffffff;
}

.btn:hover,
.btn:focus {
    cursor:pointer;
}

.btn_InForm {
	background-color: #7873b5;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    background-image: linear-gradient(top, #7873b5, #4b449d);
    color:#ffffff;
    vertical-align: bottom;
}

    
    
a.btn
{
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
	font-size:12px;
}
.btn:focus {
    color: #ffffff;
}


.SystemMessageSuccessText
{
    text-align: left;
    vertical-align:top;
    vertical-align:text-top;
    color: Green;
    font-size: 12px;
    font-weight:bold;
    font-style: italic;
}
.SystemMessageFailureText
{
    text-align: left;
    vertical-align:top;
    vertical-align:text-top;
    color: Red;
    font-size: 12px;
    font-weight:bold;
    font-style: italic;
}




/*buttons  - old btn stuff to keep around for a bit till we're sure we don't need it */
/*
.btn {
	background-color: #7873b5;
    color: #fff;
    text-shadow: none;
    white-space: nowrap;
    background-image: linear-gradient(top, #7873b5, #4b449d);
}

.btn:hover,
.btn:focus {
    background-color: #7873b5;
    color: #fff;
    text-shadow: none;
    background-image: linear-gradient(top, #7873b5, #4b449d);
}

*/
.span12
{
    width:940px;
    text-align: center;
}

/******************************************* css for grid on the grid maintenance page *****************************/

.mGrid {   
    float: left;
    overflow:scroll;
    width: 100%;
    background-color: #fff;   
    margin: 0px 0 0px 0;   
    border: solid 1px #7873b5;   
    border-collapse:collapse;   
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #7873b5;   
    color: #717171;   
}  
.mGrid th {   
    padding: 2px 2px;
    color: #fff;   
    background: #4b449d;   
    border-left: solid 1px #4b449d;   
    font-size: 12px;
    font-weight: bold;   
}  
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 4px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  

/*********************************** experiment on forms ***********************************************/

._02 {
    width: 2%;
    display: inline;
    float: left;
}
._05 {
    width: 1%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._10 {
    width: 6%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._10L {
    width: 9%;
    display: block;
    text-align:left;
    margin-left: 1%;
    margin-right: 0%;
}
._10R {
    width: 9%;
    display: block;
    text-align:right;
    margin-right: 1%;
}
._10Center {
    width: 6%;
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
}
._15 {
    width: 11%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._15Border {
    width: 12%;
    display: inline;
    float: left;
    margin-left: 2px;
    border: 1px solid #000000;
}
._20 {
    width: 16%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._20L {
    width: 19%;
    display: inline;
    text-align: left;
    margin-left: 1%;
    margin-right: 0%;
}
._20R {
    width: 19%;
    display: inline;
    text-align: right;
    margin-left: 0%;
    margin-right: 1%;
}
._20Right {
    width: 20%;
    display: block;
    float: right;
    text-align: right;
    margin-right: 0%;
}
._20Center {
    width: 20%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
._25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._25LeftBox {
    width: 19%;
    display: inline;
    float: left;
    margin-left: 4%;
    margin-right: 2%;
}
._25NoPad {
    width: 25%;
    display: inline;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
._25Bottom {
    width: 21%;
    display: inline;
    float: left;
    vertical-align:center; 
    margin-left: 2%;
    margin-right: 2%;
}
._25Center {
    width: 25%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
._25L {
    width: 21%;
    display: block;
    text-align:left;
    margin-left: 2%;
}
._25R {
    width: 21%;
    display: block;
    text-align:right;
    margin-right: 2%;
}
._30 {
    width: 26%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._30L {
    width: 28%;
    display: block;
    text-align:left;
    margin-left: 2%;
}
._30Border {
    width: 29%;
    display: inline;
    float: left;
    border-collapse:collapse;
    border: 1px solid #000000;
}
    
._33 {
    width: 29%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._34 {
    width: 30%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._34Center {
    width: 34%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
._35 {
    width:35%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._40 {
    width: 36%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._40Center {
    width: 36%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    }
._45 {
    width: 41%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._45Center {
    width: 41%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    }
._50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._50NoBorder {
    box-sizing:border-box;
    width: 49%;
    display: inline;
    float: left;
    border-collapse:collapse;
    border: 0px solid #000000;
}
._50Border {
    box-sizing:border-box;
    width: 49%;
    display: inline;
    float: left;
    border-collapse:collapse;
    border: 1px solid #000000;
}
    
._50Center {
    width: 46%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    }

._51 {
    width: 51%;
    display: inline;
    float: left;
}

._55 {
    width: 51%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._60 {
    width: 66%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._60Center {
    width: 56%;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    }
._61 {
    width: 56%;
    display: block;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    }
._66 {
    width: 62%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._66Center {
    width: 66%;
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
._67 {
    width: 63%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._70 
{
    width: 66%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._80 {
    width: 76%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._85 {
    width: 81%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._100NoMargin {
    width: 100%;
    display: inline;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
}
._100Center {
    width: 96%;
    display: block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
._100SmallWindow {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    overflow: scroll;
    height: 200px;
}
._100MediumWindow {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    overflow: scroll;
    height: 300px;
}
._100LargeWindow {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    overflow: scroll;
    height: 400px;
}
label {
    width: 100%;
}

div.ScrRow_5 {
    line-height: 5px;
}
div.ScrRow_10 {
    line-height: 10px;
}
div.ScrRow_15 {
    line-height: 15px;
}
div.ScrRow_17 {
    line-height: 17px;
}
div.ScrRow_20 {
    line-height: 20px;
}
div.ScrRow_25 {
    line-height: 25px;
}
div.ScrRow_35 {
    line-height: 35px;
}
div.ScrRow_35Box {
    line-height: 35px;
    border: 1px solid #7873b5;
}
div.ScrRow_40Box {
    line-height: 40px;
    border: 1px solid #7873b5;
    width: 100%;
    display: inline;
    float: right;
}
div.ScrRow_50 {
    line-height: 50px;
}
div.ScrRow_50Box {
    line-height: 50px;
    border: 1px solid #7873b5;
    width: 100%;
    display: inline;
    float: right;
}
div.ScrRow_60 {
    line-height: 60px;
}
div.ScrRow_75 {
    line-height: 75px;
}
div.ScrRow_80 {
    line-height: 80px;
}
div.ScrRow_85 {
    line-height: 85px;
}
div.ScrRow_90 {
    line-height: 90px;
}
div.ScrRow_100 {
    line-height: 100px;
}
div.ScrRow_150 {
    line-height: 150px;
}
div.ScrRow_100Box {
    line-height: 100px;
    border: 1px solid #7873b5;
}

.fixedHeader
{
  font-weight:bold;
  position:relative;
  height: 20px;
  top: 20px;
  
/*  top: expression(Sys.UI.DomElement.getBounds(document.getElementById("pnlDelisSearchResults")).y-25); */
}


/*.MaintPageTitle {
    width: 300px;
    color: #ffffff;
	background-color: #7873b5;
    font-weight: bold;
	font-size:14px;
	border-style: none;
	text-align: center;
}*/

.MaintPageTitle
{
    color: #7873b5;
	background-color: Yellow;
	font-weight: normal;
	font-size:18px;
	border-style: none;
}

.MaintPage
{
    vertical-align:top;
}
.MaintPageHeader
{
    color: #ffffff;
	background-color: #7873b5;
    font-weight: bold;
	font-size:14px;
	border-style: none;
}
.MaintPageHeaderCenter
{
    color: #ffffff;
	background-color: #7873b5;
    font-weight: bold;
	font-size:14px;
	border-style: none;
	text-align:center;
}
.MaintPageName
{
    color: #7873b5;
/*	background-color: Yellow;  */
	font-weight: normal;
	font-size:20px;
	border-style: none;
}
.MaintPageName
{
    color: #7873b5;
	font-weight:bold;
    font-style: italic;
    text-decoration: underline;
	font-size:16px;
	border-style: none;
}
.LoginTitle
{
    color: #7873b5;
	font-weight:bold;
	font-style:inherit;
	font-size:20px;
	border-style: none;
}
.MaintPageText
{
    color: #7873b5;
	background-color: #ffffff;
	width: 100%;
    font-weight:bold;
	font-size:12px;
	border-style: none;
}

.MaintPageTextRed
{
    color: Red;
	background-color: #ffffff;
	width: 100%;
    font-weight:bold;
	font-size:12px;
	border-style: none;
}

.MaintPageTextYellow
{
    color: #7873b5;
	background-color: Yellow;
	width: 100%;
    font-weight:bold;
	font-size:12px;
	border-style: none;
}


.Hlink
{
cursor: hand;
}

.MaintPageText:hover
{
	cursor:pointer;
}

.MaintScreenText
{
    color: #7873b5;
    width: 100%;
    font-weight:bold;
    font-style:italic;
	font-size:12px;
	border-style: none;
}

.MaintTextBoxLabel
{
    color: #7873b5;
    width: 100%;
    font-weight:bold;
	font-size:12px;
	border-style: none;
}

.MaintTextBoxLabelNoWidth
{
    color: #7873b5;
    font-weight:bold;
	font-size:12px;
	border-style: none;
}

.MaintTextBoxInput
{ 
    background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px auto 1px auto;
    font-weight:normal;
	font-size:12px;
	height: 16px;
    width:100%;
}

.MaintTextBoxInputFixedLength
{ 
    background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px auto 1px auto;
    font-weight:normal;
	font-size:12px;
	height: 16px;
}

.MaintTextBoxReadOnly
{ 
    background-color: #cccccc;
    border: 1px solid #7873b5;
    padding: 1px auto 1px auto;
    font-weight:normal;
	font-size:12px;
	height: 16px;
    width:100%;
}

.MaintTextBoxReadOnlyNoBorder
{ 
    background-color: #cccccc;
    border: 0px solid #7873b5;
    padding: 1px auto 1px auto;
    font-weight:normal;
	font-size:12px;
	height: 16px;
    width:100%;
}

.MaintListBox
{ 
    background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px auto 1px auto;
    font-weight:normal;
    overflow:auto;
	font-size:12px;
	height: 16px;
    width:100%;
}

.MaintTextBoxInputCentered
{ 
    background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px 0px 1px 0px;
    display:inline;
    font-weight:normal;
	font-size:12px;
	height: 16px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.MaintDropDownListInput
{ 
	background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px 0px 1px 0px;
    display:inline;
    font-weight:normal;
	font-size:12px;
	height: 20px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }

.MaintDropDownListInput_25Pct
{ 
	background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px 0px 1px 0px;
    display:inline;
    font-weight:normal;
	font-size:12px;
	height: 20px;
    width:75%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }

.MainDropDownListInput
{ 
	background-color: #ffffff;
    border: 1px solid #7873b5;
    border: 1px solid #ccc;
    padding: 1px 0px 1px 0px;
    display:inline;
    font-weight:normal;
	font-size:12px;
	height: 20px;
    width:220px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }

.MaintDropDownListInputCentered
{ 
	background-color: #ffffff;
    border: 1px solid #7873b5;
    padding: 1px 0px 1px 0px;
    font-weight:normal;
	font-size:12px;
	height: 20px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    }

.MaintTextBoxInput:focus
{ 
	background-color: Yellow;
}

.MaintTextBoxInputFixedLength:focus
{ 
	background-color: Yellow;
}

.MaintImageRight
{
    float: right;
}
.MaintImageLeft
{
    float: left;
}
.MaintImageLeft
{
    padding-left:auto;
    padding-right:auto;
}

.MaintCheckBoxInput
{ 
    padding: 0px 0px 0px 0px;
    width:40px;
    height: 40px;
    }
.MaintCheckBoxLabel
{
    color: #7873b5;
    font-weight:bold;
	font-size:12px;
	border-style: none;
}

.Maint50x50ImageIDURL
{
    height:50px; width:auto;
    height:Auto; width:50px;
    border: 2px solid #dcdcdc;
    vertical-align:middle;
    padding: 3px;
}

.Maint150x150ImageIDURL
{
    height:150px; width:auto;
    height:Auto; width:150px;
    border: 2px solid #dcdcdc;
    padding: 3px;
}



/******************************************* css for confirmation page *****************************/



.cnfTextCLcolorSize_18Strong
{
    color: #7873b5;
	font-weight:bold;
	font-size:18px;
    padding: 1px auto 1px auto;
	border-style: none;
}

.cnfTextCLcolorSize_12Normal
{
    color: #7873b5;
	background-color: #ffffff;
	width: 100%;
    font-weight:normal;
    padding: 1px auto 1px auto;
	font-size:12px;
	border-style: none;
}

.cnfTextCLcolorSize_12Strong
{
    color: #7873b5;
	background-color: #ffffff;
	width: 100%;
    font-weight:bold;
    padding: 1px auto 1px auto;
	font-size:12px;
	border-style: none;
}

@media print {
    .noPrint
    {
        display:none;
    }
}

.checkBoxList {
  max-height:250px !important;
  height:250px;
}