body {
}

.contentBody {
    padding:                0px;
    margin:                 0px;
    background-color:       #c0c0c0;
    text-align:             center;
    width:                  100%;
    height:                 100%;
    background-image:       url(images/backgrounds/backgroundSides.jpg);
    background-position:    top center;
    background-repeat:      repeat-y;
}

.controllerBody {
}

a:link, a:active, a:visited { 
    color :                 #125E94; 
    font-weight: bold;
    text-decoration:        none;
}

a:hover {
    color:                  Black; 
    text-decoration:        none;
}

form {
    margin: 0px;
}

input {
    font-family:Arial;
    font-size: 9pt;
    text-transform: uppercase;
}

select {
    font-family:Arial;
    font-size: 9pt;
}

textarea {
    font-family:Arial;
    font-size: 9pt;
    text-transform: none;
}

td {
    padding:                3px;
    vertical-align:         top;
}

th {
    vertical-align:         bottom;
    padding:                3px;
    color:                  White;
}    

p {
    padding:                0px 0px 10px 0px;
    margin:                 0px;
}

tr.HeaderRow {
    background-color:       #0073A6;
}

tr.PagerRow {
    background-color:       #E8ECF2;
}

tr.Row {
    background-color:       #F6F8FB;
}

tr.AlternateRow {
    background-color:       #CBDBE8;
}

tr.MouseOverRow {
    background-color:       #F9EECE;
}

.DataPanel {
    margin:10px;
    float:              left;
    width:962px;
}

.DataPanelBody {
    font-weight:        normal;
    font-size:          12px;
    background-color:   white;
    border-right:		solid 1px Black;
	border-left:		solid 1px Black;
}

.DataPanelTitle {
    background-color:   #0073A6;
    border-bottom:      solid #dfdfdf 1px;
    font-weight:        bold;
    font-size:          12px;
    padding:       		0px 0px 5px 5px;
	color:				white;
}

table.ListView {
    width:              960px;
}

th.ListViewFirst {
    padding-left:10px;
    color: White;
}

.FirstColumn {
    padding: 3px 3px 3px 10px;
}

.LastColumn {
    padding: 3px 10px 3px 3px;
}

th.ListView {
    color: White;
}

td.ListViewData {
    padding:            3px 3px 3px 10px;
    vertical-align:top;
}

td.DetailColumn {
    cursor:pointer;
    color:#125E94;
    font-weight:bold;
    padding:            3px 3px 3px 10px;    
}

.Details {
    font-family:        Verdana;
    font-size:          9pt;
    font-style:         normal;
    font-weight:        normal;
    visibility:         hidden; 
    position:           absolute; 
    top:                210px; 
    left:               10px;
    background-color:   #F9EECE;
    width:              600px;
    text-align:         left;
    z-index:            10;
    background-image:   url(images/backgrounds/headerDetail.jpg);
    background-repeat:  repeat-x;
    background-position: 0px 5px;
}

.DetailsBody {
    border-right:		solid 1px Black;
	border-left:		solid 1px Black;
	border-top:		    solid 1px Black;
	background-color:   #F9EECE;
	clear:              both;
    padding:            0px 5px 5px 5px;

}

.DetailsTitle {
    padding:            0px 0px 5px 5px;
    font-weight:        bold;
    font-size:          13px;
	background-color:   #F9EECE;
	border-left:		solid 1px Black;
    float:              left;

}

.DetailHeader {
    padding: 5px;
    font-weight: bold;
    font-size: 13px;
    border-bottom: solid 1px black;
}

.DetailsSubHeader {
    padding:            5px 0px 5px 5px;
    font-weight:        bold;
    font-size:          13px;
	background-color:   #F9EECE;
	position:           relative; 
	left:               -10px; 
	border-top:         solid 1px Black; 
	border-bottom:      solid 1px Black;
    width:              590px;
}
/* draggable */
div.popup {
    font-family:        Verdana;
    font-size:          9pt;
    font-style:         normal;
    background-color:   transparent;
    font-weight:        bold;
    position:           absolute;
    top:                250px;
    left:               160px;
    visibility:         hidden;
    width:              600px;
    padding:            0px 0px 0px 0px;
    z-index:            10;
    cursor:		        move;
    background-image:   url(images/backgrounds/header.jpg);
    background-repeat:  repeat-x;
    background-position: 0px 5px;
}

span.popup_title {
    color:              white;
    padding:            0px 0px 5px 5px;
    border-left:        solid 1px Black;
    float:              left;
    cursor:default;
}

span.popup_title_spacer {
    float:              right;
    border-right:       solid 1px Black;
    padding-bottom:     5px;
}

div.popup_content {
    background-color:	white;
    width:              588px;
    text-align:         left;
    padding:            5px 5px 5px 5px;
    border-top:	        solid 1px Black;
    border-right:		solid 1px Black;
	border-left:		solid 1px Black;
    font-weight:        normal;
    cursor:		        default;
    float:              left;
}

div.popup_buttons {
    background-color:   white;
    width:              598px;
    border-right:		solid 1px Black;
	border-left:		solid 1px Black;
    text-align:         center; 
    padding:            10px 0px 7px 0px;
    font-weight:        normal;
    display:            block;
    cursor:             default;
    clear: both;
}

.Prompt {
    font-style:italic;
    text-align:right;
    vertical-align:top;
    width: auto;
}

.Data {
    width: 200px;
    vertical-align:top;
}

#contents {
    width:              996px;
    height:             100%;
    background-color:   white;
    margin-left:        auto;
    margin-right:       auto;
    text-align:         left;
}

#header {
    color:              White;
    width:              100%;
    border-bottom:      solid 1px #dfdfdf;
    height:             85px;
    padding-bottom:     10px;
    _padding-bottom:    0px; /* ie 6 only */
    background-image:   url(images/backgrounds/headerPage.jpg);
    background-repeat:  no-repeat;
}

.headerLinks a 
{
    color:              black;
    text-align:         right;
    font-size:          10pt; 
    font-family:        Arial; 
    padding-left:       15px;
    text-decoration:    none;
}

.headerLinks a:hover {
    color:              #FFF;
    cursor:             pointer;
    text-decoration:    underline;
}

#page {
    padding:            8px;
    background-color:   white;
    color:              black;
    font-family:        Arial;
    font-size:          9pt;
    font-style:         normal;
    font-weight:        normal;
    margin:             0px;
  	height: auto !important;
    height: 100%;
    min-height: 398px;
}

#bannerAd {
    padding:            3px 3px 3px 11px; 
    float:              left; 
}

#copyright {
    color:              black; 
    font-family:        Verdana;
    font-size:          8pt;
    position:           relative; 
    left:               0px; 
    top:                5px; 
    width:              300px;
    padding-left:       10px;
}

#footerLinks ul {
    margin:             0;
    padding:            10px 10px 0 10px;
    list-style:         none;
}

#footerLinks li {
    display:            inline;
    margin:             0;
    padding:            0px 3px 0px 3px;
}

#footerLinks a {
    color :             #125E94; 
    font-family:        arial;
    font-size:          8pt;
    font-style:         normal;
    font-weight:        normal;
    text-decoration:    none;
}

#footerLinks a:hover {
    color:              black; 
    font-family:        Arial;
    font-size:          8pt;
}

.widgetCorner1, .widgetCorner2, .widgetCorner3, .widgetCorner4 {
	background:         #0073A6;
	font-size:          1px; 
	overflow:           hidden; 
	display:            block;
}

.widgetCornerBottom1, .widgetCornerBottom2, .widgetCornerBottom3, .widgetCornerBottom4 {
	background:         #E8ECF2;
	font-size:          1px; 
	overflow:           hidden; 
	display:            block;
}

.widgetCorner1, .widgetCornerBottom1 {
	height:             1px; 
	margin:             0 5px;
	background-color:   Black;	
}

.widgetCorner2, .widgetCornerBottom2 {
	height:             1px;  
	margin:             0 3px;
	border-left:        solid 2px Black;
	border-right:       solid 2px Black;
}

.widgetCorner3, .widgetCornerBottom3 {
	height:             1px;
	margin:             0 2px;
	border-left:        solid 1px Black;
	border-right:       solid 1px Black;
}

.widgetCorner4, .widgetCornerBottom4 {
	height:             2px; 
	margin:             0 1px;
	border-left:        solid 1px Black;
	border-right:       solid 1px Black;
}

.widgetSingleWide {
    background-color:   #ffffff;
    float:              left;
    margin:             0px 10px 10px 0px;
    padding:            0px;
    width:              310px;
}

.widgetDoubleWide {
    background-color:   #ffffff;
    float:              left;
    margin:             0px 10px 10px 0px;
    padding:            0px;
    width:              630px;
}

.widgetTripleWide {
    background-color:   #ffffff;
    float:              left;
    margin:             0px 10px 10px 0px;
    padding:            0px;
    width:              955px;
}

.widgetTitle {
    background-color:   #0073A6;
    border-bottom:      solid #dfdfdf 1px;
    font-weight:        bold;
    font-size:          12px;
    padding:       		0px 0px 5px 5px;
	color:				white;
}

.widgetBody {
    font-weight:        normal;
    font-size:          12px;
    background-color:   #E8ECF2;
    height:             189px;
    padding:            5px;
    overflow:           auto;
	border-right:		solid 1px Black;
	border-left:		solid 1px Black;
}

.widgetBodyTall {
    font-weight:        normal;
	font-size:          12px;
    background-color:   #E8ECF2;
    height:             445px;
    padding:            5px;
    overflow:           auto;
	border-right:		solid 1px Black;
	border-left:		solid 1px Black;
}

.scrollingWidget {
    padding: 0px;
}


/* button definitions */
div.toolbar {
    padding:            10px 5px;
}

a.textButton:link, a.textButton:active, a.textButton:visited { 
    background-color:   #CBDBE8;
    color:              black;
    border:             solid #dfdfdf 1px;
    text-decoration:    none;
    font-size:          9pt;
    font-family:        Verdana;
    font-weight:        normal;
    padding:            4px;
    margin:             0px 1px;
}

a.textButton:hover {
    background-color:   #b1cae9;
    border:             solid black 1px;
}

a.viewButton:link, a.viewButton:active, a.viewButton:visited { 
    background-color:   White;
    color:              black;
    border:             solid 1px black;
    text-decoration:    none;
    font-size:          8pt;
    font-family:        Verdana;
    font-weight:        bold;
    padding:            4px 1px 4px 8px;
    margin:             0px;
}

a.viewButton:hover {
    background-color:   #C3AFB3;
}

a.giantButton:link, a.giantButton:active, a.giantButton:visited { 
    background-color:   #C1D1E0;
    background-image:   url(images/buttons/adminContacts.gif);
    background-repeat:  no-repeat;
    background-position: 3% 50%;
    color:              black;
    border:             solid #0073A6 1px;
    text-decoration:    none;
    font-size:          9pt;
    font-family:        Arial;
    font-weight:        normal;
    padding:            13px 14px 13px 55px;
    margin:             0px 1px;
}

a.giantButton:hover {
    background-color:   #F6F8FB;
    border:             solid black 1px;
}

a.documentAdd:link, a.documentAdd:active, a.documentAdd:visited, a.documentAdd:hover {
    background-image:   url(images/buttons/documentAdd.gif)
}

a.fourLoop:link, a.fourLoop:active, a.fourLoop:visited, a.fourLoop:hover {
    background-image:   url(images/buttons/fourLoop.gif)
}

a.reactorStatus:link, a.reactorStatus:active, a.reactorStatus:visited, a.reactorStatus:hover {
    background-image:   url(images/buttons/reactorStatus.gif)
}

a.supplierInfo:link, a.supplierInfo:active, a.supplierInfo:visited, a.supplierInfo:hover {
    background-image:   url(images/buttons/supplierInfo.gif)
}

a.admin:link, a.admin:active, a.admin:visited, a.admin:hover {
    background-image:   url(images/buttons/admin.gif)
}

a.success:link, a.success:active, a.success:visited, a.success:hover {
    background-image:   url(images/buttons/success.gif)
}

a.info:link, a.info:active, a.info:visited, a.info:hover {
    background-image:   url(images/buttons/info.gif)
}

a.warning:link, a.warning:active, a.warning:visited, a.warning:hover {
    background-image:   url(images/buttons/warning.gif)
}

a.error:link, a.error:active, a.error:visited, a.error:hover {
    background-image:   url(images/buttons/error.gif)
}


a.applyFilters:link, a.applyFilters:active, a.applyFilters:visited, a.applyFilters:hover {
    background-image:   url(images/buttons/applyFilters.gif);
    background-color:   #9F8085;
    margin:0px;
    font-weight:bold;
    color:White;
}

a.applyFilters:hover {
    background-color: White;
    color: #7B5057;
}

a.button:link, a.button:active, a.button:visited { 
    background-color:   #CBDBE8;
    background-image:   url(images/buttons/paperclip.gif);
    background-repeat:  no-repeat;
    background-position: 6% 50%;
    color:              black;
    border:             solid #0073A6 1px;
    text-decoration:    none;
    font-size:          9pt;
    font-family:        Arial;
    font-weight:        normal;
    padding:            4px 4px 4px 22px;
    margin:             0px 1px;
}

a.button:hover {
    background-color:   white;
    border:             solid black 1px;
}

a.accept:link, a.accept:active, a.accept:visited {
    background-image:   url(images/buttons/accept.gif)
}

a.add:link, a.add:active, a.add:visited {
    background-image:   url(images/buttons/add.gif)
}

a.attachments:link, a.attachments:active, a.attachments:visited {
    background-image:   url(images/buttons/attachments.gif)
}

a.cancel:link, a.cancel:active, a.cancel:visited {
    background-image:   url(images/buttons/cancel.gif)
}

a.close:link, a.close:active, a.close:visited {
    background-image:   url(images/buttons/close.gif)
}

a.decline:link, a.decline:active, a.decline:visited {
    background-image:   url(images/buttons/decline.gif)
}

a.delete:link, a.delete:active, a.delete:visited {
    background-image:   url(images/buttons/delete.gif)
}

a.edit:link, a.edit:active, a.edit:visited {
    background-image:   url(images/buttons/edit.gif)
}

a.ezbuy:link, a.ezbuy:active, a.ezbuy:visited {
    background-image:   url(images/buttons/ezBuy.gif)
}

a.go:link, a.go:active, a.go:visited {
    background-image:   url(images/buttons/go.gif)
}

a.help:link, a.help:active, a.help:visited {
    background-image:   url(images/buttons/help.gif)
}

a.mail:link, a.mail:active, a.mail:visited {
    background-image:   url(images/buttons/mail.gif)
}

a.next:link, a.next:active, a.next:visited {
    background-image:   url(images/buttons/next.gif)
}

a.no:link, a.no:active, a.no:visited {
    background-image:   url(images/buttons/no.gif)
}

a.ok:link, a.ok:active, a.ok:visited {
    background-image:   url(images/buttons/ok.gif)
}

a.options:link, a.options:active, a.options:visited {
    background-image:   url(images/buttons/options.gif)
}

a.previous:link, a.previous:active, a.previous:visited {
    background-image:   url(images/buttons/previous.gif)
}

a.poms:link, a.poms:active, a.poms:visited {
    background-image:   url(images/buttons/pomsSmall.gif)
}

a.print:link, a.print:active, a.print:visited {
    background-image:   url(images/buttons/print.gif)
}

a.reset:link, a.reset:active, a.reset:visited {
    background-image:   url(images/buttons/reset.gif)
}

a.save:link, a.save:active, a.save:visited {
    background-image:   url(images/buttons/save.gif)
}

a.search:link, a.search:active, a.search:visited {
    background-image:   url(images/buttons/search.gif)
}

a.solution:link, a.solution:active, a.solution:visited {
    background-image:   url(images/buttons/lightBulbSmall.gif)
}

a.upload:link, a.upload:active, a.upload:visited {
    background-image:   url(images/buttons/upload.gif)
}

a.watchList:link, a.watchList:active, a.watchList:visited {
    background-image:   url(images/buttons/watchList.gif)
}

a.yes:link, a.yes:active, a.yes:visited {
    background-image:   url(images/buttons/yes.gif)
}

.iconButton {
    background-color: #CBDBE8;
    border: solid black 1px; 
    cursor: pointer;
}

.iconButtonHot {
    background-color: White;
    border: solid black 1px; 
    cursor: pointer;
}


/* end button definitions */

/* Auto Complete  Definitions */
.CompletionListCssClass {
    font-size: 12px;
    border: 1px solid #597DFA;
    float: left;
    z-index: 1;
    position:absolute;
    margin-left:0px;
}

/* End Auto Complete  Definitions */

.blank {
    visibility:         hidden; 
    background:         gray;
    z-index:            5; 
    position:           absolute; 
    top:                0px; 
    left:               0px; 
    width:              100%; 
    height:             100%;
    opacity:            .50; /* Firefox/standard browsers */
    filter:             progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
}

.blank_deeper {
    z-index:            15;
}

.FormPrompt {
    text-align:     right;
    font-style:     italic;
    vertical-align: top;
    width:          100px;
    position:       relative;
    top:            4px;
}

.StrongPrompt {
    font-weight:bold;
    }

.SearchTerm {
    font-weight: bold;
}

.CheckBox {
    font-style: italic;
}

        div.TabContainer {

            float:left;
            padding:0px;
            }
            
        td.TabContainer {
            padding: 0px 0px 2px 0px;
            vertical-align: bottom;
            border-right:solid 1px Black;
            border-top:solid 1px Black;
            background-color: orange;
            }
            
        a.Tab:link, a.Tab:active, a.Tab:visited, a.Tab:hover {
            background-color: #C7E4D2;
            padding:2px 10px 2px 10px;
            font-weight:bold;
            font-size:9pt; 
            color:Black;
            }

        a.TabSelected:link, a.TabSelected:active, a.TabSelected:visited, a.TabSelected:hover {
            padding:3px 10px 7px 10px;
            background-color: #CBDBE8;
            background-image:none;
            position:relative;
            top: 2px;
            }
        /*  
        Sticky Footer Solution
        by Steve Hatcher 
        http://stever.ca
        http://www.cssstickyfooter.com
        */
        
        * {margin:0;padding:0;} 
        
        /* must declare 0 margins on everything, also for main layout components use padding, not 
        vertical margins (top and bottom) to add spacing, else those margins get added to total height 
        and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
        
        html, body, #wrap {height: 100%;}
        
        body > #wrap {height: auto; min-height: 100%;}
        
        #main {padding: 5px 0px 70px 0px;  /* must be same height as the footer */
            background-color:   white;
            color:              black;
            font-family:        Arial;
            font-size:          9pt;
            font-style:         normal;
            font-weight:        normal;
            margin:             0px;
        }  

        #wrap {
            width: 995px;
            text-align:         left;
            margin-left:        auto;
            margin-right:       auto;
            }
        
        #footer {position: relative;
            margin-top: -70px; /* negative value of footer height */
            height: 70px;
            clear:both;
            width: 996px;
            margin-left:        auto;
            margin-right:       auto;
        } 
        
        /* CLEAR FIX*/
        .clearfix:after {content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;}
        .clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix { height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */
 
#Filters {
    padding-top: 10px;
    width: 180px;
    float: left;
}

#FiltersTitle {
    border: solid 1px black;
    background-color: #7B5057;
    color: White;
    padding:5px;
    font-weight: bold;
}

#FiltersBody {
    padding: 0px 0px;
    border: solid 1px black;
    border-left: none;
    background-color: #F6F8FB;
}

.FilterSectionTitle {
    font-weight: bold;
    border-bottom: solid black 1px;
    padding-top: 10px;
}

.FilterSectionBody {
    padding: 5px 0px 0px 5px;
    overflow: auto;
    overflow-x: hidden;
    height: 75px;
}

tr.FilterRow {
    background-color:       White;
}

td.FilterCheckbox {
    padding: 0px;
}

td.FilterRow {
    padding: 3px 3px 0px 0px;
}

.FilterRadioButton {
    padding: 0px;
    font-style: italic;
    position: relative;
    left: -5px;
} 

.CategorySelector {
    padding: 0px;
    font-style: italic;
} 

.AccordionPaneHeader {
    cursor: pointer;
    background-color:  #7B5057;
    font-weight: bold;
    color: White;
    padding: 3px 5px 3px 5px;
    border: solid 1px black;
}  

.AccordionPaneContent {
    padding-left: 5px;
    background-color: White;
}          

#Contacts {
    float: left;
}

#ContactsTitle {
    background-color: #1C588C;
    border-right: solid Black 1px;
    border-left: solid Black 1px;
}

#ContactsBody {
    background-color: #F9EECE;
}

.ContactsRow {
    background-color:       #F9EECE;
}

.ContactsAlternateRow {
    background-color:       #F9EECE;
}
 
.ContactsMouseoverRow {
    background-color:       #F0CAAE;
}

.ContactsHeaderRow {
    background-color:       #1C588C;
}

td.ContactsColumn {
    cursor:pointer;
    color: #DE8A4D;
    font-weight: bold;
}      

#RecentSearchesTitle {
    background-color: #1C588C;
    color: White;
    border-right: solid Black 1px;
    border-left: solid Black 1px;
}

#RecentSearchesHeader {
    background-color: #1C588C;
    border-right: solid Black 1px;
    border-left: solid Black 1px;            
}

#RecentSearchesSizing {
    padding:0px 0px 0px 0px;
    height: 177px;
}

#RecentSearchesScrolling {
    height: 189px; 
    overflow: auto;
}

td.recentSearches {
    padding:            3px 3px 3px 10px;
}

.SearchRow {
    background-color:       #CBDBE8;
}

.SearchAlternateRow {
    background-color:       #CBDBE8;
}

.SearchMouseoverRow {
    background-color:       #F9EECE;
}

.DetailPrompt {
    font-style:italic;
    text-align:right;
    vertical-align:top;
    padding: 1px;
    width: 100px;
}

.DetailData {
    width: 200px;
    padding: 1px;
    vertical-align:top;
}

.DetailDataLong {
    width: 450px;
    padding: 1px;
    vertical-align:top;
}

.DetailDataNoWidth {
    padding: 1px;
    vertical-align:top;
}

.DetailColumnHeader {
    color: Black;
    font-weight: normal;
    font-style:italic;
}

.DetailManufacturer {
    padding-left: 0px;
    padding-bottom:0px;
    padding-top: 1px;
} 

.DetailPartNumber {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 1px;
}    

 
#working {
    background-color: White;
    color: #1C588C;
    border: solid 2px #1C588C;
    padding: 5px;
    position: absolute;
    top: 100px;
    left: 600px;
    visibility:hidden;
    z-index:30;
    }

#workingLabel {
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
    padding-left: 5px;
    position: relative;
    top: -3px;
}

#workingImage {
}

.ValidationHighlight {
    background-color: #B7A0A3;
}

.ValidationMessage {
    font-weight: bold;
    font-size: 14px;
}

.CommentBox {
    padding: 3px;
}

.HintTopRightArrow {
    padding-left: 30px; 
    padding-right: 30px; 
    float: right;
    position: relative; 
    top: 1px;
    *top: 4px;
}