/*-----------------------------------------------------
  Layout and Positioning
-----------------------------------------------------*/

div.Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
}

div.over-css-template-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background-color : #326D8F;
}

div.over-css-template-02 {
	position:absolute;
	left:0px;
	top:66px;
	width:100%;
}

div.over-css-template-03 {
	position:absolute;
	top:66px;
	width: 100%;
	margin : 0px;
}

div.over-css-template-04 {
	position:absolute;
	left:20px;
	top:110px;
	margin : 0px;
	width: 95%;
	padding-top: 20px;
}

div.ContentPaneOld {
	position:absolute;
	left:161px;
	top:125px;
	margin : 0px;
}

div.LeftPaneOld {
	position:absolute;
	left:20px;
	top:125px;
	width:141px;
	margin : 0px;
}

div.Header 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;	
	background-color: #326d8f;
	color:#ffffff;
	overflow: hidden;
	width: auto;	
	border: 1px solid #326d8f; 
	padding: 3px;
}

/*************************************
* Main Navigation Tabs
****************************************/
#header {
	background: #326d8f;
	height: 30px;
	text-align: left;
	/*width: 100%;*/ /*how wide the nav tabs control is */
	margin: 0 auto;
	margin-top: 0px; /* how far navigation sits from element above it */
}


#nav-tabs {
	margin-left: 1px; /* controls horizontal space on left of the nav tabs */
	margin-top: 1px; /* controls how tall the navigation tabs are */
	position: absolute;
	/*width: 680px;*/
}
#nav-tabs ul {
	margin: 0;
	padding: 0;
	width: 600px;
}

#nav-tabs ul a { width: auto; }

#nav-tabs li {
	float: left;
	clear: none;
	background: url(images/tab_left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 12px; /* left padding is width of image */
	margin-left: -1px;
	list-style-type:none;
}

#nav-tabs li.nav-tab-selected {
	background-position: 0% -29px;
	border-width: 0;
	margin-left: -1px;	/* this removes the gap between the highlighted tab*/
}

#nav-tabs li.nav-tab-selected span {
	background-position: 100% -29px;
	line-height: 13px;
	padding-bottom: 9px;
}
#nav-tabs li.nav-tab-selected a {
	color: #326D8F;
}
#nav-tabs li.nav-tab-selected a:hover {
	text-decoration: none;
	/*cursor: default;*/
}

#nav-tabs span {
	padding: 7px 0px 4px 0px;
	background: url(images/tab_right.gif) no-repeat right top; 
	display: block;
	float: left;
	line-height: 18px;
}

#nav-tabs a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	white-space: nowrap;
	padding: 4px 12px 4px 12px;
	margin-left: -12px;
	 float: none;
}
#nav-tabs a:hover {
	text-decoration: underline;
}

#nav-links a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	white-space: nowrap;
	padding: 4px 12px 4px 12px;
	margin-left: -12px;
	float: none;
}
#nav-links a:hover {
	text-decoration: underline;
}


/**********************************************
* Second Level Tabs 
************************************************/

#header-sub {
	background-image: url(images/navigtion_pane_top_fill.gif);
	background-position: 100% -30px;
	height: 29px;
	width: 100%;
}

#header-sub ul {
	margin: 0;
	padding: 0;
	width: 800px;
	
}

#header-sub ul a 
{
	color: #326D8F;
	text-decoration: none;
	width: auto; 
}

#header-sub ul a:hover
{
	color: #326D8F;
	text-decoration: underline;
	width: auto; 
}

#header-sub li {
	float: left;
	/*background: url(images/tab_left.gif) no-repeat left top;*/
	margin: 0px 0px 0px 0px;
	padding: 0 0px 0 12px;
	margin-left: -1px;
	list-style-type:none;

}

#header-sub span {
	margin: 7px 0 4 0;
	padding: 0px 12px 0px 0px;
	/*background: url(images/tab_right.gif) no-repeat right top; */
	display: block;
	float: left;
	line-height: 18px;
	border-right: solid 2px gray;
}

.subselected {
	text-decoration: underline !important;
}

#header-sub .sub-bottom {
	display: block;
	background: url(images/bg_hdr_sub_nav.gif) #EEEEEE repeat-x top left;
	/*width: 660px;*/
	height: 5px;
	/*border: solid 1px;*/
	/* IE fix for height issue */
	font-size: 3px;
	line-height: 3px;
}

/*******************************************
*** Link style. This is meant to be as close
*** to a normal hyperlink as possible
********************************************/
.StandardLink 
{
	font-family: Verdana;
	font-size: 12px;
	color: Blue;
	font-weight: normal
}
A.StandardLink:link	
{
	text-decoration: underline;
    color:Blue;
}
A.StandardLink:visited	
{
	text-decoration: underline;
    color:Blue;
}
A.StandardLink:active  {
	text-decoration: underline;
    color:Blue;
}
A.StandardLink:hover
{
	color: purple;
	text-decoration: underline;
}    

/***********************************
*** Tables 
**************************************/

TABLE.StandardTable 
{
	border-top:1px solid #326d8f;
	border-bottom: 1px solid #326d8f; 
	border-left: 1px solid #326d8f; 
	border-right: 1px solid #326d8f;
}

TD.StandardTableTitle {
	font-weight: bold;
	font-size: 12px;
	background-color: #326d8f;
	color:#ffffff;
}

TH.StandardTableHeader, td.StandardTableHeader {
	font-weight: bold;
	font-size: 12px;
	color: Black;
}

TABLE.GridTable 
{
	border: 1px solid #326d8f; 
	border-collapse:collapse;
	padding:0;
}

TABLE.GridTable td
{
   font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #326d8f; 
	padding: 3px;
}

TR.GridTableTitle 
{
	background-color: #326d8f;	
	font-weight: bold;	
	color:#ffffff;
}

TR.GridTableHeader {
	font-weight: bold;
	font-size: 14px;	
}


/**************************
*** Fonts and such
**************************/

.Standard
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; 
}

.StandardFaded
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; 
	color: gray;
}

.StandardError
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
	color:Red;
}

.StandardTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.StandardOrderBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    width: 55;
}

.StandardButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    width:auto;
    overflow:visible;
    padding:2;
}

.PageHeaderLarge
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight: bold;
}

.PageHeader {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    bold;
    
}

.PageHeaderSmall {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
}

.UnavailableLink
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; 
    color:Gray;
    text-decoration:underline;
    
}

/****************************************************************
Item Administration Preview
***********************************************************************/

	.LeftPane_Preview
{
	Width : 250px; 
	height : 465px;
	overflow : auto; 
	 
/*
	border-right-color: black;
	border-right-style:groove; 
	border-right-width:thin;
	border-left-color: black;
	border-left-style:groove; 
	border-left-width:thin;
	border-bottom-color: black;
	border-bottom-style:groove; 
	border-bottom-width:thin;
	border-top-color: black;
	border-top-style:groove; 
	border-top-width:thin;
*/

}
.ContentPane_Preview
{
	left:205px;
	width:800px;
	height : 465px;
	text-align:center;
	
	border-right-color: black;
	border-right-style:groove; 
	border-right-width:thin;
	border-left-color: black;
	border-left-style:groove; 
	border-left-width:thin;
	border-bottom-color: black;
	border-bottom-style:groove; 
	border-bottom-width:thin;
	border-top-color: black;
	border-top-style:groove; 
	border-top-width:thin;
	
	
}
.CAT_Settings
{
	left:0px;
	width:760px;
	height : 65px;
	text-align:center;
	/*
	border-right-color: black;
	border-right-style:groove; 
	border-right-width:thin;
	border-left-color: black;
	border-left-style:groove; 
	border-left-width:thin;
	border-bottom-color: black;
	border-bottom-style:groove; 
	border-bottom-width:thin;
	border-top-color: black;
	border-top-style:groove; 
	border-top-width:thin;
	*/
	
	
}
.CAT_Settings_Header
{
    font-family:Verdana,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    vertical-align:bottom;
}


/****************************************************************
Breadcrumbs
***********************************************************************/

.BreadcrumbSeparator
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold; 
    color:Navy;
}

/********************************************
Project List Specific styling
************************************************/

.CurrentProject
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; 
    color: Green;
}

/***********************************************
Registration errors
************************************************/
.RegistrationError
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal; 
    color:Red;
}