﻿
.mainMenu {
	background-color: Black;
	}
	.mainMenu a {
		}
		
table.mainMenu {
	font-family: Verdana;
	font-size: 12px;
	margin: 0 auto;
	}
	table.mainMenu a {
		color: White;
		line-height: 32px;
		}
	table.mainMenu td table {
		border: 1px solid black;
		}
	table.mainMenu td table:hover {
		border: 1px solid white;
		}
		

.mainContent {
	margin: 0 auto;
	width: 800px;
	}
	
.arrow-white { background-image: url(../../Images/arrow-down-white.gif); background-repeat: no-repeat; background-position: right center; padding-right: 10px; }
.ddl-menu { background-color: white; color: Black; position: absolute; display: none; margin-left: -90px; _margin-left: -190px; *margin-top: 15px; _margin-top: 18px; padding: 3px; width: 182px; text-align: right; }	
.ddl-menu a { color: Black !important; }


.search-box { padding-bottom:3px; background-color: #FFF; }


.empty-datatable { line-height: 210px; text-align: center; background-color:#ffffcc; }

.divDisplay { background-color: #DCDCDC; border-top: 3px solid white; zoom: 1; overflow: hidden; }

#divTogglePanelContainer { background-color: #C3D5FD; border-left: 2px solid white; border-right: 5px solid white; border-bottom: 3px solid white; zoom: 1; overflow: hidden; }
#divTogglePanelLeft { background-color: #c3d5fd; border-top: 0px solid white; display: block; float: left; width: 200px; }
#divTogglePanelLeft b { margin: 5px; line-height: 30px; white-space: nowrap; }
#divTogglePanelRight { margin-left: 200px; zoom: 1; }
#divTogglePanelRight.alone { margin-left: 0px; }

#divRegularPanelContainer { background-color: #FFFFFF; border:3px solid white; zoom: 1; overflow: hidden;}

.toolbar-menu-devex { float: left !important; margin-left: 15px; }
.GridBlackBox {
	background-color: Black;
	color: White;
	margin-bottom: 5px;
	padding: 2px;		
	text-align: center;	
	}
.ToolbarMenu { float:left; padding-left:17px; }
.ToolbarMenu .lable { padding:0px; line-height:18px; margin:0px; }


.SiteNavLinkContainer { border: 2px solid #493E95; background-color: White; padding-bottom: 20px; clear:both; }
.SiteNavLinkContainer a { background-repeat: no-repeat; background-position: 5px center; font-family: verdana,geneva,sans-serif; font-size: 10px; font-weight: normal; color: #1946a3; display: block; line-height: 30px; padding-left: 30px; text-decoration: underline; white-space: nowrap; }
.SiteNavLinkContainer a:hover { background-image: url(../../Images/OpenEnvelope_Small.gif); }
.SiteNavLinkContainer a.active { background-color: #ffff00; background-image: url(../../Images/OpenEnvelope_Small.gif); }
.SiteNavLinkContainer a.orders-open { background-image: url(../../Images/18_Order.gif); }
.SiteNavLinkContainer a.orders-received { background-image: url(../../Images/18_lic.gif); }
.SiteNavLinkContainer a.orders-cancelled { background-image: url(../../Images/cancelTask18_Enabled.gif); }
.SiteNavLinkContainer a.active-quotes { background-image: url(../../Images/RFQx18.gif); }
.SiteNavLinkContainer a.awarded { background-image: url(../../Images/18_award.gif); }
.SiteNavLinkContainer a.cancelled { background-image: url(../../Images/cancelTask18_Enabled.gif); }
.SiteNavLinkContainer a.expired { background-image: url(../../Images/expiredCheckbox.gif); background-position: 7px center !important; }
.SiteNavLinkContainer a.expired:hover { background-image: url(../../Images/expiredCheckbox.gif); background-position: 7px center !important; }
.SiteNavLinkContainer a span { color: Black; font-weight: bold; text-decoration: none; }	
.SiteNavLinkContainer a span:hover { color: Black; font-weight: bold; text-decoration: none; }
.SiteNavLinkContainer a i { font-style: normal; font-size: 9px; text-decoration: none; }
.SiteNavLinkContainer a.quotes-opened { background-image: url(../../Images/RFQx18.gif); }
.SiteNavLinkContainer a.quotes-flagged { background-image: url(../../Images/flagIcon_18.gif); }
.SiteNavLinkContainer a.quotes-won { background-image: url(../../Images/Award_18.gif); }
.SiteNavLinkContainer a.quotes-lost { background-image: url(../../Images/RFQx18.gif); }
.SiteNavLinkContainer a.quotes-closed { background-image: url(../../Images/18_privacy.gif); }

.clear-both { clear: both; margin-bottom: 5px; }
.username { color: White; float: right; line-height: 20px; margin-right: 7px; text-transform: capitalize; }
.admin-links { float: right; margin-top: 7px; }
/*.admin-links a { color: White; text-decoration: none; }
.admin-links a:hover { text-decoration: underline; }*/

.DefaultPageContent {
	font-family: Verdana;
	min-height:500px;
	}
	.DefaultPageContent a {
		font-weight: normal;
		color: #00F;
		}
		.defaultContent a:hover {
			text-decoration: none;
			}
		.defaultContent a:visited {
			text-decoration: none;
			color: #00F;
			}
.DefaultPageContent .header 
{	
	width:100%;
}



.toggle-panel { width: 100%; margin: 3px 0px 3px 0px; }
.toggle-panel td.panel-left { width: 0px; vertical-align: top; background-color:#c3d5fd; }
.toggle-panel td.panel-splitter { width: 5px; vertical-align: top; background-color:White; }
.toggle-panel td.panel-right { width: 100%; vertical-align: top; background-color:White;  }
div.left-panel-container { white-space: nowrap; width: 250px; min-height: 400px; }
div.left-panel-container b { line-height: 25px; padding-left: 5px; }
div.right-panel-container { overflow-x: scroll; display:block; width:1px; }

.FolderNoResults {
    margin:40px;
    text-align:left;
    width:600px;
    border:2px solid #fe9900;      
    background-image: url(../../Images/noticeFlag18_Normal.png); 
    background-repeat: no-repeat;
    background-position:left;
    background-color:White;
    padding-left:30px;
    color:#fe9900;
    font-weight:bold;
    font-size:14px;
    line-height:18px;
}

.EmptyDataTable, .LoadingTable { 
    font-family: Arial; 
    font-weight: bold; 
    white-space: nowrap;  
    padding:2px;
    color:Black;
}

.EmptyDataTable .warning { 
    background-image: url(../../Images/glError_bak.png); 
    background-repeat: no-repeat;
	background-position: left;
    padding-left:40px;
	line-height: 40px;
    display: block;
    font-size:16px; 
}

.EmptyDataTable table li { text-align:left; }
.EmptyDataTable table { margin-left:100px; }

.LoadingTable table { 
    width:100%;
    color:black;   
}
.LoadingTable .loading { 
    background-image: url(../../Images/stopWatchIcon48_Normal.gif); 
    background-repeat: no-repeat;
    background-position:right;
    width:45%;
}
.LoadingTable .text { 
    width:55%;
	line-height: 50px;
    display:block;
    font-size: 16px;
    font-weight:bold;
}

.FlaggedMessageBox 
{
    margin:40px;
    border:2px solid #fe9900;      
    background-image: url(../../Images/noticeFlag18_Normal.png); 
    background-repeat: no-repeat;
    background-position:left top;
    padding-left:30px;
    line-height:18px;
    background-color: #ffffff;
}

.IMessageBox 
{
    margin:40px;
    border:2px solid #0a5ebe;      
    background-image: url(../../Images/InfoIcon20_normal.png); 
    background-repeat: no-repeat;
    background-position:left top;
    padding-left:30px;
    line-height:18px;
}

.BulbMessageBox 
{
    border:2px solid #4d4d4d;      
    background-image: url(../../Images/lightBulb18_Normal_filled.png); 
    background-repeat: no-repeat;
    background-position:left top;
    line-height:18px;
    padding-left:30px;
    color: #4d4d4d;
}

.ExMessageBox 
{
    border:2px solid #c60000;      
    background-image: url(../../Images/AnimatedExclamation_filled.gif); 
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position:left top;
    color: #c60000;
    font-weight:bold;
    padding-left:30px;
    line-height:18px;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.icon-remove { background-image: url(../../images/removeButton.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; line-height: 20px; }


.hint-bubble { background-image: url(../../Images/lightBulb18_Normal.png); background-repeat: no-repeat; background-position: 5px center; padding: 5px; padding-left: 25px; position: absolute; border: 1px solid grey; background-color: white; border-radius: 4px 4px 4px 4px; }

.img-middle { vertical-align: middle; }

a.more, a.more-error { background-image: url(../../images/downDouble_Blue.gif); background-repeat: no-repeat; background-position: right center; padding-right: 10px; }
a.more-error { background-image: url(../../images/downDouble_Red.gif); color: red; cursor: pointer; }
