/*
  While it is not recommended that these settings be changed, you can experiment with different font settings.
  Changing settings may have an effect on the overall appearance of the pages.
*/

/* ==== All TEXT formatting definitions (how texts should look like)==================================== */

  /* biggest font size used-- usually as site title, e.g., "Tailwind Management Systems Shipment Tracking" */
.textSiteTitle
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: black;
}

 /* format used in most texts in table lists (for example, Shipment Tracking), drop-down list */
.textGeneral
{
	font-family: Verdana;
	font-size: 8pt;
	color: black;
}

 /* usually used as labels for fields in forms (examples: Username and Password on the login screen)  */
.textGeneralBold
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: black;
}

 /* for error messages */
.textError
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: Red;	
	text-align:center;
}

 /* headers in tables/lists */
.textHeader
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: black;
}

 /* menu items */
.textMenu
{
	font-style: normal;
	font-family: Verdana;
	font-weight:bold;
	font-size:7pt;
	color: black;
	text-decoration:none;	
}

 /* smallest font, not bold (usually used in "Powered By") */
.textSmallest
{
	font-family: Verdana;
	font-size:7pt;	
	color: black;	
}

 /* smallest font, bold (usually used in the "Logged in as", "forgot login") */
.textSmallestBold
{
	font-family: Verdana;
	font-weight: bold;
	font-size:7pt;
	color: black;
}

 /* the balloon tip that appears for ajax-based validations (e.g., try entering DateFrom > DateTo on Shipment Tracking's Filter Your Search) */
.textBalloon
{
	background-color: #FFFACD;
	color: black
}

 /* indicator that a field is required, usually "*" */
.textRequired
{
	font-family: Verdana;
	font-size: 8pt;
	color: Red;
	font-weight: bold;
	color: red;	
}

/* ==== All TABLE formatting definitions (how tables should look like)================================================== */
 /* used in tables that show report-like information such as Account Statement and Order/Invoice Details pages */
.tableReport
{
	border-style:none;
}

 /* used for the table inside the "Filter Your Search" panel */
.tableFilter
{
	border-width:1pt;
	border-color: black;
	width: 1000px;
	border-style:solid;
}

 /* table headers */
.tableHeader
{
	color:black;
	background-color:#D3D3D3;
	text-align:center;
}

/* table forms */
.tdLeftWithBackground
{
	font-weight: bold;
	background-color: #DCDCDC;
	font-family: Verdana;
	font-size: 8pt;
	width: 150px;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: Gray;
}

.tdLeftWithoutBackground
{
	font-weight: bold;
	font-family: Verdana;
	font-size: 8pt;
	width: 150px;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: Gray;	
}

.tdRightWithBackground
{
	background-color: #DCDCDC;
	width: 287px;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: Gray;	
}

.tdRightWithoutBackground
{
	width: 287px;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color: Gray;	
}

.tdDashboard
{
	background-color: white;
	height: 20px;
	border-style: solid;
	border-width: 1pt;
	border-color:black;
}

.tdDetailsHeader
{
	border-bottom-style: solid; 
	border-bottom-width: 0.50px; 
}



/* ==== OTHER elements ================================================================================ */
 /* textboxes */
.TextBoxSmall
{
	width: 70px;
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	border-style: solid;
	border-width: 1pt;
	border-color: #7D9DB9;
}
.TextBoxMedium
{
	width: 115px;
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	border-style: solid;
	border-width: 1pt;
	border-color: #7D9DB9;
}
.TextBoxLarge
{
	width: 230px;
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	border-style: solid;
	border-width: 1pt;
	border-color: #7D9DB9;
}

 /*-- text area */
.TextBoxNotes
{
	width: 500px;
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	border-style: solid;
	border-width: 1pt;
	border-color: #7D9DB9;
	height: 50px;
}
 
 /* -- rowStyle and altRowStyle for alternating row colours in grids ==== */
.rowStyle
{
	background-color: #FFFFFF;
	border-style: none;
	color: Navy;
}

.altRowStyle
{
	background-color: #EEEEEE;
	border-style: None;
	color: Navy;
}

 .TableHeadMain
{
	background-color: #404D56;
	color: #E2FFFF;
	height: 12px;
	text-align: center;
}

.TableMain
{
	table-layout: fixed;
	border-style: none;
	font-family: Arial;
	font-size: 10pt;
	width: 300px;
}

.TableDashboard
{
	border-color: black;
	border-style: solid;
	border-width: 1pt;
}

.TableDashboardHead
{
	background-color: black;
	color: white;
	height: 20px;
	text-align: center;
	border-color: black;
	border-style: solid;
	border-width: 1pt;	
	font-family: Verdana;
	font-size: 9pt;
}

.DropdownList
{
	width: 125px;
	font-family: Arial;
	font-size: 9pt;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-color: #7D9DB9;
	height: 18px;
}

.DropdownListMedium
{
	width: 180px;
	font-family: Arial;
	font-size: 9pt;
	color: Black;
	border-style: solid;
	border-width: 1px;
	border-color: #7D9DB9;
}

.DropdownListLarge
{
	width: 230px;
	font-family: Arial;
	font-size: 9pt;
	color: Black;
	border-style: solid;
	border-width: 1px;
	border-color: #7D9DB9;
}  

.scrolldiv
{
	height: 470px;
	width: 750px;
	top: 0px;
	left: 0px;
	overflow: scroll;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.50;
}

.a:hover
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;	
}


/*--- window formatting definitions ====================================================-*/

/* window: used in New Order and Rate Request  */
.winModalPopup
{
	width: 500px;
	height: 430px;
	position: absolute;
	background-color: #FFFFFF;
}

/* window: that appears when "processing..." or "loading..." (e.g., pressing "Search" on New Order page) */
.winProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 180px;
	height: 65px;
	padding: 10px;
}


/*==== to-do: CSS adapters for ASP.Net controls (to make .Net controls CSS-configurable) ====-*/