@charset "UTF-8";
/* CSS Document */
/*
------------------------------------------------------------------------------------------------------------------
1.	BODY
------------------------------------------------------------------------------------------------------------------
-	Defines entire sites width and main body background image if applicable
------------------------------------------------------------------------------------------------------------------*/
body {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
/*	Custom items */
	width: 950px;
	padding-left: 0px;
	padding-right: 10px;
/*	Font attributes for body/site located in client.css */ 
	}
	
body input,
body textarea {
	background-color: #F4F4F4;
	border: 1px solid #CCC;
	padding: 2px;
	}
body input :active,
body textarea :hover {
	background-color: #dae9ef;
	}	
/*
------------------------------------------------------------------------------------------------------------------
2.	WRAPPER
------------------------------------------------------------------------------------------------------------------
-	Contains all page items
-	Starts above Branding (top) DIV and ends after Footer (bottom)
------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	height: auto;
	clear: both;
	position: relative;
	}
/*
------------------------------------------------------------------------------------------------------------------
3.	BRANDING
------------------------------------------------------------------------------------------------------------------
-	Area contains the Company identity/brand
-	Contains any Utility navigation (smaller sub links IE. Home, Contact, Search, etc.)
------------------------------------------------------------------------------------------------------------------*/
#branding {
	width: 100%;
	clear: both;
	/* Custom items */
	height: 163px;
	background-image: url(images/branding-e2-top-bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #0F70C1;
	}
#branding-main {
	clear: both;
	}
#branding-main a:link,
#branding-main a:visited,
#branding-main a:hover {
	display: block;
	width: 439px;
	height: 100px; /* -5px top - was 105px high */
	text-decoration: none;
	}
#branding h1 {
	padding: 0px;
	margin: 0px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	}
#branding h1 a:link,
#branding h1 a:visited {	
	padding: 0px 2px 0px 0px;
	margin: 0px;
	color: #FFF;
	text-decoration: none;
	}
#branding h1 a:hover {
	color: #FFF;
	text-decoration: none;
	}

/*
------------------------------------------------------------------------------------------------------------------
4.	CONTENT
------------------------------------------------------------------------------------------------------------------
-	Contains everything between Main/Top Navigation and Footer
-	In most cases it contains any background image that is to flow from top to bottom (IE. left navigation strip)
-	If new backgrounds for the content area are needed the templates are set for the ID to be changed. 
	Simply duplicate the entire #content attributes below, rename and adjust the background-image attribute 
	to point to the new background image.

------------------------------------------------------------------------------------------------------------------
	DEFAULT CONTENT
------------------------------------------------------------------------------------------------------------------*/
#content {
	width: 100%;
	height: auto;
	clear: both;
	position: relative;
/* Custom items */
	float: left; /* NEEDED FOR IE 6 */
	}
/*
------------------------------------------------------------------------------------------------------------------
	CONTENT FULL FOR INFORMATION THAT USES THE ENTIRE PAGE SPACE (WITHOUT LEFTNAV)
------------------------------------------------------------------------------------------------------------------*/
#content-full {
	width: 100%;
	height: auto;
	clear: both;
/* Custom items */
	background-position: top right;
	background-repeat: repeat-y;
	}
/*
------------------------------------------------------------------------------------------------------------------
	CONTENT LOGIN FOR THE ADMIN LOGIN PAGE
------------------------------------------------------------------------------------------------------------------*/
#content-login {
	height: auto;
	clear: both;
	/* Custom items */
	background-position: right bottom;
	background-repeat: no-repeat;
	padding:80px 0px 60px 40px;
	background-image: url(images/admin-login-background.jpg);
	}
/*
------------------------------------------------------------------------------------------------------------------
5.	CONTENT LEFT
------------------------------------------------------------------------------------------------------------------
-	1st Column of any page not using Content-Full
-	Typically contains Left Nav/Secondary Navigation
-	If navigation background is needed it should be added to the containing Content DIV
------------------------------------------------------------------------------------------------------------------*/
#content-left {
	height: auto;
	float: left;
	position: relative;
	/* Custom Items */
	width: 190px;
	padding-bottom: 120px;
	padding-top: 33px;
	}
/*	Adjustments for Landing/AdWord pages */
/* Optional classes in Template Properties */
#content.pageImg-header #content-left {
	padding-top: 33px;
	margin-top: 0px;
	}
#content.landing-page #content-left {
	width: 629px;
	background-color: #FFF;
	padding-top: 13px;
	padding-bottom: 25px;
	height: auto;
	}
/*
------------------------------------------------------------------------------------------------------------------
6.	CONTENT RIGHT
------------------------------------------------------------------------------------------------------------------*/
#content-right {
	height: auto;
	float: left;
	/* Custom Items */
	width: 718px;
	padding: 38px 0px 25px 25px;
	position: relative;
	}
/*	Adjustments for Landing/AdWord pages */
/* Optional classes in Template Properties */
#content.pageImg #content-right {
	padding-top: 20px;
	margin-top: 0px;
	}
#content.landing-page #content-right {
	width: 286px;
	padding-top: 39px;
	padding-bottom: 25px;
	padding-left: 35px;
	}
/*
------------------------------------------------------------------------------------------------------------------
	These Two Divs are used in place of Content-Right if the page calls for a 3 Column layout
------------------------------------------------------------------------------------------------------------------*/
#content-right-column-header {
	width:714px;
	float: left;
	padding-left: 26px;	/*padding: 0px 16px 0px 25px;*/
	}
#content-right-column-A {
	height: auto;
	float: left;
	/* Custom Items */
	width: 470px;
	padding: 39px 25px 25px 25px;
	}
#content-right-column-B {
	height: auto;
	float: left;
	/* Custom Items */
	width: 230px;
	padding-left: 0px;
	padding-top: 39px;
	padding-bottom: 25px;
	}

/*
------------------------------------------------------------------------------------------------------------------
	This Div is in place of Content-Right-Header if the page calls for a 3 Column layout with header
------------------------------------------------------------------------------------------------------------------*/
#content.pageImg-header #content-right-column-header {
	padding-top: 24px;
	margin-top: 0px;
	}
#content.pageImg-header #content-right-column-A {
	height: auto;
	float: left;
	/* Custom Items */
	width: 470px;
	padding: 0px 25px 25px 25px;
	margin-top: 0px;
	}
#content.pageImg-header #content-right-column-B {
	height: auto;
	float: left;
	/* Custom Items */
	width: 230px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 25px;
	}

/*
------------------------------------------------------------------------------------------------------------------
7.	FOOTER
------------------------------------------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	height: auto;
	clear: both;
/* Custom items */
	text-align: center;
	padding-bottom: 20px;
	background-color: #FFF;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #666;
	}
#footer a:link,
#footer a:visited {
	color: #0073d3;
	text-decoration: none;
	}
#footer a:hover {
	color: #0073d3;
	text-decoration: underline;
	}
#footer h1 {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #333;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}	
#footer h1 a:link,
#footer h1 a:visited {
	color: #333;
	text-decoration: none;
	}
#footer h1 a:hover {
	color: #333;
	text-decoration: underline;
	}
#content-header {
	width: 100%;
	clear: both;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	float: left;
 	}
/*
------------------------------------------------------------------------------------------------------------------
8.	CUSTOM HOME PAGE 
------------------------------------------------------------------------------------------------------------------*/
#home-content-left {
	float: left;	
	}
#home-content-right {
	float: left;	
	}

/*
------------------------------------------------------------------------------------------------------------------
	Home Quick Links
------------------------------------------------------------------------------------------------------------------*/
#quick-links {
	float: left;
	width: 173px;
	padding: 25px;
	}
#quick-links ul {
	padding-bottom: 20px;
	}
#quick-links li {
	margin-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/arrow_small_blue.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	}
#quick-links li a:link,
#quick-links li a:visited {
	text-decoration: none;
	}
#quick-links li a:hover {
	text-decoration: none;
	color: #0e1f41;
	}
/*
------------------------------------------------------------------------------------------------------------------
	RSS Icon and Link
------------------------------------------------------------------------------------------------------------------*/
/*#rss {
	margin-top: 6px;
	margin-bottom: 10px;
	} */
/*
------------------------------------------------------------------------------------------------------------------
	Home Page Features & Visit Campus (Middle column/page)
------------------------------------------------------------------------------------------------------------------*/
/*
#features {
	float: left;
	width: 387px;
	margin-right: 1px; 
	padding-top:25px;
	}
#visit-campus p,
#features p,
#features h1,
#features h2 {
	padding-left: 30px;
	padding-right: 30px;
	}
#visit-campus {
	height: 162px;
	background-color: #f4daa1;
	padding-bottom: 15px;
	margin-top: 30px;
	background-image: url(images/home-school-bg.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
#visit-campus h1 {
	background-color: #bb7f43;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	}
#visit-campus p {
	padding-top:16px;
	margin-right: 130px;
	}*/
/*
------------------------------------------------------------------------------------------------------------------
	Home Page
------------------------------------------------------------------------------------------------------------------*/
#main-home-rotating {
	background-repeat:no-repeat;
	background-position:left top;
	}
#main-home-rotating h1 {
	line-height: 32px;
	margin-bottom:6px;
	}
#main-home-rotating h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	}
#main-home-rotating.fingertip,
.fingertip {
	background-image: url(/images/manufacturing-rotation/fingertip-control.jpg);
	padding-left: 30px;
	padding-top: 80px;
	width:599px;
	height:153px;
	}
#main-home-rotating.your-shop,
.your-shop {
	background-image: url(/images/manufacturing-rotation/it-is-your-shop.jpg);
	padding-left: 260px;
	padding-top: 60px;
	padding-right: 30px;
	width:339px;
	height:173px;
	}
#main-home-rotating.manage,
.manage {
	background-image: url(/images/manufacturing-rotation/manage-your-shop.jpg);
	padding-left: 30px;
	padding-top: 80px;
	width:599px;
	height:153px;
	}
#main-home-rotating.realcontrol,
.realcontrol {
	background-image: url(/images/manufacturing-rotation/real-control.jpg);
	padding-left: 30px;
	padding-top: 80px;
	width:599px;
	height:153px;
	}
#main-home-rotating.liketheview,
.liketheview {
	background-image: url(/images/manufacturing-rotation/like-the-view.jpg);
	padding-left: 30px;
	padding-top: 80px;
	width:599px;
	height:153px;
	}
#main-home-feature {
	background-image: url(images/home-main-panel-bottom.jpg);
	background-repeat: no-repeat;
	padding: 26px 25px 0px 200px;
	height: 192px;
	background-position: left bottom;
	}
#home-bottom-features {
	/*background-image: url(/css/default/images/home-bottom-features.jpg);*/
	background-image: url(/css/default/images/home-bottom-features-2.jpg);
	height: 295px;
	margin-top:10px;
	background-repeat: no-repeat;
	}
#home-bottom-features table#home-features td {
	width:50%;
	padding-top: 30px;
	padding-left:30px;
	padding-right:30px;
	vertical-align: top;
	}
#home-bottom-features table#home-features td.testimonial {
	width: 25%;
	padding: 0;
	margin: 0;
	text-align: center;
	}
#home-bottom-features table#home-features td.testimonial-more {
	width: auto;
	padding-top: 8px;
	}
#home-bottom-features table#home-features td.testimonial img {
	padding: 2px;
	border: 1px solid #f2ca8d;
	margin-bottom: 8px;
	}
	
/*	Video Testimonial Insert
	Secondary pages
	Consitent with home page video testimonial styles */
		
img.video-testimonial-insert {
	padding: 2px;
	border: 1px solid #f2ca8d;
	margin-left: 8px;
	float: right; }
	
	
#home-news {
	background-color:#F8EED5;
	float: left;
	width: 189px;
	padding-bottom: 25px;
	padding-left: 30px;
	padding-top:25px;
	padding-right:30px;
	}
#home-news h1 {
	border-bottom: 1px solid #efddbf;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
#home-news li {
	padding-bottom: 6px;
	margin-top: 5px;
	border-bottom: 1px solid #efddbf;
	background-image: url(images/list-bullet-home.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	}
#home-news li a:link,
#home-news li a:visited {
 	color: #333333;
	text-decoration: none;
	}
#home-news li a:hover {
	color: #bb7f43;
	text-decoration: underline;
	}
	
/*
------------------------------------------------------------------------------------------------------------------
	Company Page
------------------------------------------------------------------------------------------------------------------*/
#company-top-feature {
	background-image: url(images/company-top-feature.jpg);
	padding: 35px 50px 0px 33px;
	height: 340px;
	background-repeat: no-repeat;
	color: #000000;
	}
#company-lower-features {
	background-image: url(images/company-lower-features.jpg);
	background-repeat: no-repeat;
	padding: 0px 20px 0px 33px;
	}
/*
------------------------------------------------------------------------------------------------------------------
	Customer Login Page
------------------------------------------------------------------------------------------------------------------*/
#customer-log-in {
	background-image: url(images/customer-login-feature.jpg);
	padding: 61px 280px 0px 33px;
	height: 340px;
	background-repeat: no-repeat;
	color: #000000;
	}
table#client-login-table td {
	padding:0px 0px 8px 0px;
	}

/*
------------------------------------------------------------------------------------------------------------------
	Partner Page
------------------------------------------------------------------------------------------------------------------*/
#partners-top-feature {
	background-image: url(images/partners-top-feature-2.jpg);
	padding: 35px 178px 0px 33px;
	height: 456px;
	background-repeat: no-repeat;
	color: #000000;
	}
#partners-lower-features {
	background-image: url(images/patrners-lower-features.jpg);
	background-repeat: no-repeat;
	padding: 0px 20px 0px 33px;
	background-position: left bottom;
	}
#partners-middle-header {
	background-position: left top;
	background-image: url(images/patrners-lower-features.jpg);
	background-repeat: no-repeat;
	padding: 0px 3px 0px 33px;
	}
#partners-middle-header h2 {
	font-size: 12px;
	background-color: #91BAE1;
	padding: 4px 0px 4px 8px;
	color: #FFFFFF;
	}
	
/*
------------------------------------------------------------------------------------------------------------------
	Services Page
------------------------------------------------------------------------------------------------------------------*/
#services-top-feature {
	background-image: url(images/services-top-feature.jpg);
	padding: 35px 40px 0px 33px;
	background-repeat: no-repeat;
	color: #000000;
	}
#services-top-feature-bottom {
	background-image: url(images/services-top-feature-bottom.jpg);
	height: 40px;
	background-repeat: no-repeat;
	}
#services-bottom-features {
	padding:0px 33px 0px 26px;
	}
#services-bottom-features img {
	padding:1px;
	border: solid #DBDBDB 1px;
	margin-bottom: 20px;
	}
#services-bottom-features td {
	padding-right: 33px;
	width: 202px;
	}
#services-bottom-features th {
	}
/*

------------------------------------------------------------------------------------------------------------------
	Services Page
------------------------------------------------------------------------------------------------------------------*/
#products-top-feature {
	background-image: url(images/products-top-feature.jpg);
	padding: 48px 310px 0px 33px;
	background-repeat: no-repeat;
	color: #000000;
	height: 305px;
	}
#products-bottom-features {
	padding:0px 33px 0px 26px;
	background-image: url(images/products-bottom-features.jpg);
	background-repeat: no-repeat;
	}	
#success-top-feature {
	background-image: url(images/success-top-feature.jpg);
	padding: 35px 40px 0px 33px;
	height: 650px;
	background-repeat: no-repeat;
	color: #000000;
	}
#success-bottom-features {
	background-image: url(images/company-lower-features.jpg);
	background-repeat: no-repeat;
	padding: 0px 20px 0px 33px;
	}


/*
------------------------------------------------------------------------------------------------------------------
9.CLEARFIX
------------------------------------------------------------------------------------------------------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
/*
------------------------------------------------------------------------------------------------------------------
	Clearfix class used for two floating DIVS, one inside of the other
------------------------------------------------------------------------------------------------------------------*/
.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 */

/* 
------------------------------------------------------------------------
PAGINATION STYLE - Jason added 2-5-08
------------------------------------------------------------------------*/
#paginationNavBar {
	width: 100%;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	clear: both;
	font-size: 95%;
	line-height: 18px;
	}
#paginationNavBar td,
#paginationNavBar th {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	}
.leftNavBar { float: left; }
.rightNavBar { float: right;}
#paginationPages {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}
#paginationPages li {
	float: left;
	list-style-type: none;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	}
#paginationPages li.navbarimg {
	vertical-align: middle;
	padding: 0px 3px 0px 3px;
	margin: 0px;
	}
#paginationPages li a:link,
#paginationPages li a:visited {
	color: #365CAA;;
	text-decoration: none;
	}
#paginationPages li a:hover {
	color: #CC9933;
	}
#paginationPages li.on a:link,
#paginationPages li.on a:visited {
	font-weight: bold;
	color: #173b84;
	}
#paginationPages select {
	font-size: 95%;
	display: block;
	margin: 0px;
	border: 1px solid #b4b4b4;
	}

/*REGULAR TABLES... FOR EXAMPLE 'ADD NEW DEPARTMENT' -jcm */

.tablegrid {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 15px 0px 0px;
	font-size: 12px;
	line-height: 15px;
	clear: both;
}

.tablegrid h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-bottom: 2px;
	padding-top: 3px;
	font-weight: bold;
}

.tablegrid th {
	text-align: left;
	border-bottom: solid #E6E6E6 1px;
	border-top: solid #E6E6E6 1px;
	padding: 5px 2px 5px 4px;
	background-color:#F1F1F1;
	font-weight: bold;
	color: #666666;
	vertical-align: top;
	margin: 0px;
}

.tablegrid td {
	text-align: left;
	padding: 6px 2px 2px 4px;
	vertical-align: top;
}

.tablegrid table {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 15px;
}

.tablegrid td.tablegridFooter {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #EFEFEF;
	padding: 6px 6px 4px;
}

.tablegrid td.staged {
	color: #E48801;
}

.tablegrid tr.highlited {
	background-color: #FFFFCC;
}

.tablegrid td.archived {
	color: #999999;
}

.tablegrid p.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	font-weight: bold;
}

.tablegrid td.shared {
	background-image: url(images/cs_shared.gif);
	background-repeat: no-repeat;
	width: 20px;
	background-position: center top;
	padding-top: 4px;
	color: #FF9900;
}

.tablegrid td.yearbar {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00579c;
	margin: 0px;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}