/**************************
* 
* NorthStar Genetics
* Copyright 2005 - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
*
* Name: NorthStar Genetics Ordering/Inventory System CSSS
* Description: Global CSS file for the OIS application. 
* Created On: 9 AUG 2005
* Modified On: 9 AUG 2005
* Developer: BITZEGAIO
*
**************************/

/* 
*  Importing any other CSS files that I ended up cutting out of
*  the main CSS file to keep the CSS cleaner for readablitity. 
*/

	@import url( tabnav.css ); /* The CSS for the Main Tab Navigation */

/* ######-----|  Page Styles  |-----###### */
html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:#FFFFFF;
	/* Setting the background gradient. (IE Only) */
		filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#C4D6C6, EndColorStr=#FFFFFF, GradientType=0); 
}
td { /* Using td to fix the default font issues with some browsers. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
table { /* Takes all the borders, and cell spacing off the tables by default. */
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	padding:0px;
	margin:0px;
	border:0px;
}
#container { /* The main container for the bulk of the page. Used to set the boundry for other areas*/
	padding:0;
	margin:0;
	vertical-align:top;
	height:100%;
}
#content { /* The class that holds the main body (guts) of the page. Used to set the padding mainly. */
	width:100%;
	border:0px solid red;
	padding:5px;
}
/* ######-----| / Page Styles  |-----###### */

/* ######-----|  Header/Footer Styles  |-----###### */
#header { /* Sets up the look/feel of the page headers. */
	
	height:63px;
	vertical-align:baseline;
	border-bottom:1px inset #999999;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 5px 0px 5px;
        background:#FFFFFF;
        filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#2B8D3F, GradientType=1); 
}
#header a:hover { /* Gives the roll over effect to the tabbed navigation. */
  color:#fff;
}
#footer { /* Sets up the look/feel of the page footers. */
	color:#FFFFFF;
	bottom:0;
	padding:5px;
	border-top:1px inset #ffffff;
	font-weight:bold;
	width:100%;
	height:25px;
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#389249, EndColorStr=#FFFFFF, GradientType=1);
}
/* ######-----| / Header/Footer Styles  |-----###### */

/* ######-----|  Link Styles  |-----###### */

/* 
*  Make sure that the link styles stay in the same order (l,a,v,h) or they
*  will not work correctly under specific browsers, such as IE. 
*/

a:link {
	text-decoration: underline;
	color:#000000;
	}
a:active {
	text-decoration: underline;
	color:#000000;
	}
a:visited {
	text-decoration: underline;
	color:#000000;
	}
a:hover {
	text-decoration: underline;
	color:#000000;
	}
a img {
	border-width:0;
	}

/* ######-----| / Link Styles  |-----###### */

/* ######-----|  Sidebar Classes  |-----###### */
#sidebar { /* Sets the size and look of the sidebar. */
	height:100%;
	width:200px;
	float:left;
	border-right:2px solid #2D6136; 
	background:#ffffff;
}
#sidebar .sidebarTitle { /* Sets the size and look of the sidebar titles. */
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#CCCCCC, GradientType=0);
	color:#000000;
	width:100%;
	height:20px; 
	padding-top:2px;
	text-align:center;
	font-weight:bold; 
	border-bottom:1px solid #666666;
	border-top:0px solid #666666;
	text-decoration:none;
	text-transform:uppercase;
}
#sidebar .sidebarContainer { /* */
	width:100%;
	height:100%;
}
#sidebar .sidebarInfo { /* Puts a scroll bar on the information area of the sidebar. */
	overflow-y:scroll;
}
/* ######-----|  / Sidebar Classes  |-----###### */

/* ######-----|  subNav Classes  |-----###### */
#subNav { /* The subNav takes care of the main look of the subNav span. */
	filter:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=0,finishOpacity=100,startX=0,finishX=10,startY=10,finishY=0);
	height:24px;
	width:100%;
	border-bottom:1px inset #999999;
	padding:4px 0px 0px 70px; 
	background:#FFFFFF;
	white-space:nowrap;
}
#subNav-L { /* Takes care of the left side subNav fade. */
	padding-top:5px;
	vertical-align:middle;
	float:left;
	position:relative;
	top:0;
	left:0;
	height:24px;
	width:50px;
	font-weight:bold;
}
#subNav a { /* Sets the look of the subNav links. */
	border-bottom:1px dashed black; 
	color:#000000; 
	text-decoration:none;
}
/* ######-----| / subNav Classes  |-----###### */

/* ######-----|  Form & Input Table Styles  |-----###### */

input { /* Sets default font size for all input items. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}
input.inputText { /* Class for text fields, set by loadInputClasses (global.js) automatically.*/
	border:1px solid #185184;
}
input.inputButtons { /* Class for the input buttons, set by loadInputClasses (global.js) automatically.*/
	border:3px double #999999;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	padding:0px;
	background:url(/images/system/form-btn-bkgd.gif) #2B8D3E repeat-x;
	color:#333333;
	font-weight:bold;
	width:85px;
}
input.inputButtons:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}
select { /* Setting the default look for select boxes. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #185184;
}
label img {
	display:none;
}
label.error {
	color:#FF6600;
	font-weight:bold;
}
label.error img {
	display:inline;
}
textbox { /* Setting the default look for text boxes. */
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #185184;
}
.inputTable {
	border:1px solid #666666;
	width:100%;
	/*background-color:edf3fe;*/
}
.inputTable td { /* Settings the padding and border for each cell. */
	padding:2px 8px;
	height:23px;
	border-bottom: 1px solid #D9D9D9;
}
.inputTable th { /* Sets the look of the table headers. */
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#CCCCCC, GradientType=0);
	font-size:10px;
	padding:3px 8px;
	height:28px;
	border-bottom:1px solid #666666;
	text-align:left;
}
.inputTable tfoot tr td { /* Table footer formatting. */
	padding:3px 8px;
	height:28px;
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#CCCCCC, GradientType=0);
	border-top:1px solid #D9D9D9;
	text-align:right;
}
.inputTable caption { /* Sets the formating for the caption on tables. */
	font-weight:bold;
	font-size:9px;
	text-align:right;
	padding:2px 2px 5px 2px;
	text-decoration:none;
}
.inputTable tr.rowHighlight td { /* Class that sets the row highlight items for the input fields. */
	background-color:#2B8D3E !important;
	color:#FFFFFF !important;
	font-weight:bold;
}
/* ######-----| / Form & Input Table Styles  |-----###### */

/* ######-----|  Output Styles  |-----###### */

.outputTable { /* Sets a border around the output table. */
	width:100%;
	border:1px solid #666666;
}
.outputTable th { /* Sets the look of the table headers. */
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#CCCCCC, GradientType=0);
	font-size:10px;
	height:28px;
	padding:3px 8px;
	border-bottom:1px solid #666666;
	border-right: 1px solid #CCCCCC;
}
.outputTable .sortedBy{ /* Sets the color of the sorted header in a table. */
	color:FF6600 !important;
}
.outputTable a { /* Shuts off text decoration for links in an output table. */
	text-decoration:none !important;
}
.outputTable td { /* Settings the padding and border for each cell. */
	padding: 3px 8px;
	height:23px;
	border-right: 0px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}
.outputTable tbody tr.selected td { /* Class for formating the selected rows. */
	background-color: #2B8D3E;
	color: #ffffff;
	font-weight: bold;
	border-left: 0px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
}
.outputTable tbody tr.ruled td { /* Class that setups the table ruler. */
	background-color:#2B8D3E !important;
	color:#fff;
	font-weight:bold;
}
.outputTable tfoot tr td { /* Table footer formatting. */
	padding: 3px 8px;
	filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#CCCCCC, GradientType=0);
	border-top:1px solid #D9D9D9;
	height:28px;
}
.outputTable caption { /* Sets the formating for the caption on tables, used mainly for the pager nav. */
	font-weight:bold;
	font-size:9px;
	text-align:right;
	padding:2px 2px 5px 2px;
	text-decoration:none;
}

.outputTable.recordCount { /* */
	float:left;
	clear:right;
}

.navActive { 
    color:#000000;
    text-decoration:underline;
    font-weight:bold;
}

.navInactive { 
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}

.navCurrent { 
    color:#FF0000;
    text-decoration:none;
    font-weight:bold;
}

.navSep { 
    color:#FF0000;
    text-decoration:none;
    font-weight:bold;
}



/* ######-----| / Output Styles  |-----###### */

/* ######-----|  Specific Classes  |-----###### */

/* ######-----|  / Specific Classes  |-----###### */