/* -------------------------------------------------------------------------------------------------------------------------------------
* Caprican Internet Solutions

* Main CSS Stylesheet

* Version: 2  Id: jdm-main.css 09-20-2008

* Author: Alvin Santa Clara

* @Copyright Caprican Internet Solutions 

* THIS VERSION APPLIED THE FOLLOWING UPDATES:

11-11-2008
- USE CAMELCASE TO CREATE SELECTORS
- CLEAN UP UNECCESSARY CLASSES
- PROPER SEMANTICS HAVE BEEN APPLIED

** INSTRUCTIONS **

1. Always have the Body first,
2. Followed by the CSS Reset
3. Followed by the HTML Selectors - Remove the Tags from the Reset that you would like to define.
4. Follow this with the General Classes.
5. Then the Container
6. Header
7. chassis
8. mainNav
9. HTML Tag Selector Body - to Handle Tabbed Navigation
10. subNav (Remove if not included)
11. mainContent - Include any necessary html selectors (if necessary -- you should define them on the HTML Selector Section)
12. and its sub containers - primeContent, centerContent, secondContent
13. and its respective Box Styles for left, center and right
14. Add borders if necessary.
15. Side Navigation - sideNav
16. mainContent Styles
17. categoryList and productList (COMBINE IF NECESSARY)


18. footer
19. ONCE YOU ARE DONE WITH THE PROJECT - DELETE ALL OF THE COMMENTS AND OPTIMIZE PAGE FOR SPEED - Use shorthand code if possible.
20. Use the Export with Table Markup for the final site!


--------------------------------------------------------------------------------------------------------------------------------------*/

/* CSS Reset and HTML Tag Selectors */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	/*	background-image:url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Background/Main-Bg.jpg);
	background-repeat:repeat-x;*/
	background-color: #CCCCCC;
	text-align: center;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}

/* Removed fieldset added it on html selector section 
fieldset,  */
img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* End CSS Reset and HTML Tag Selectors */

/* Main HTML Selectors */

p {
	font-size: 1em;
	line-height: 18px;
	margin-top: 10px;
	margin-left: 5px;
}

h1 {
	/* Main Category and Page Titles */
	font-size: 1.8em;
	padding: 0.5em 0.5em 0.2em 0.5em;
	letter-spacing: 1px;
}

h2 {
	/* Sub Level Category */
	font-size: 1.1em;
	margin-top: 12px;
	margin-left: 5px;
	font-weight: bold;
	color: #CC3300;
	border-bottom: 2px solid #F5DED6;
	margin-right: 10px;
	letter-spacing: 0.3em;
}

h3 {
	/* Low Level Category */
	font-size: 1.4em;
}

a:link, a:visited, a:active {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #CC3300;
}

strong, legend {
	font-weight: bold;
}

legend {
	padding: 5px;
}

fieldset {
	border: 1px solid #5D888A;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 12px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

input, select, textarea {
	margin-left: 5px;
}


input:focus, select:focus, textarea:focus {
	background-color: #F0F8FF;
}

th, td {
	padding: 5px;
}

/* End Main HTML Handlers */

/* General Classes */

.clearBoth {
	clear: both;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.debug {
	font-size: 12px;
}

/* End General Classes */

#container {
	position: relative;
	text-align: left;
	width: 875px;
	margin-top: 10px;
	/* NOTE: To Center a Container, give the container a width, and set margin-left and right to auto */
	margin-right: auto; 
	margin-left: auto;
	background-color: #000000;
	/* Padding Handles the Inner Container - It does not work otherwise for it to be cross broswer compatible */
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 0.8em;
}

/* Begin Masthead Header */
#header {
	z-index: 10;
	width: 831px;
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	float: inherit;
	background-color: #5D888A;
}

#logoWrapper {
	float: inherit;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 790px;
}

#logo {
	width: 130px;
	float: left;
}

#searchBar {
	width: 250px;
	float: right;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 20px;
}

/* End Masthead Header */

/* Page Chassis - Body */
#chassis {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px; /* Padding Handles the Inner Container mainContent */
	width: 831px;
	background-color: #5D888A;
	z-index: 1;
}

/* Main Navigation Bar */
#mainNav {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	height: 30px;
	top: 98px;
	width: 670px;
	left: 185px;
	z-index: 90;
	background-repeat: repeat-x;
	letter-spacing: 2px;
	text-align: left;
	clear: both; /* Clear Must be Present for the Navigation to Appear on IE 6 */
}

#mainNav ul {
	list-style:none;
	margin-top: 0px;
	margin-bottom: 0px;

}

#mainNav li {
	display: inline;

}

/* NOTE: You got into a bind here in section again, figuring out how the background borders work on the main navigation.
Things to Check:
	1. make sure that if floats left (or right)
	2. the key on adjusting the links and the border navigation is to take a look at the margin and padding setting of 
	the #mainNav a:link, a:visited and the #mainNav a span settings.
	3. Your normally leave #mainNav li alone
	4. Use the clearBoth class if neccessary.
	5. #mainNav a:link, #mainNav a:visited margin-left or right settings handle the distance betwween borders.

 */
#mainNav a:link, #mainNav a:visited {
	color: #DBDBDB;
	text-decoration:none;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: -2px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(images/NavBar/tab-down-left.png);
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
	cursor: hand;
}

#mainNav a span {
	background-image: url(images/NavBar/tab-down-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 12px;
	float: left;
}

#mainNav a:hover {
	color: #000000;
	background-image: url(images/NavBar/tab-up-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#mainNav a:hover span {
	background-image: url(images/NavBar/tab-up-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/* End Main Navigation Bar */

/* This Section Controlls the Tab Navigation for the Main Navigation*/
body#link01 li.link01,
body#link02 li.link02,  
body#link03 li.link03,
body#link04 li.link04, 
body#link05 li.link05,
body#link06 li.link06,
body#link07 li.link07 {
	color: #FFFFFF;
}
body#link01 li.link01 a:link, body#link01 li.link01 a:visited, 
body#link02 li.link02 a:link, body#link02 li.link02 a:visited,
body#link03 li.link03 a:link, body#link03 li.link03 a:visited,
body#link04 li.link04 a:link, body#link04 li.link04 a:visited,
body#link05 li.link05 a:link, body#link05 li.link05 a:visited,
body#link06 li.link06 a:link, body#link06 li.link06 a:visited,
body#link07 li.link07 a:link, body#link07 li.link07 a:visited {
	color: #000000;
	background-image: url(images/NavBar/tab-up-left.png);
	background-position: left top;
	background-repeat: no-repeat;
}

body#link01 li.link01 a span, 
body#link02 li.link02 a span,
body#link03 li.link03 a span,
body#link04 li.link04 a span,
body#link05 li.link05 a span,
body#link06 li.link06 a span,
body#link07 li.link07 a span {
	background-image: url(images/NavBar/tab-up-right.png);
	background-position: right top;
	background-repeat: no-repeat;
}

/* End Tab Navigation */

/* Start Sub Navigation Bar -- This navigation falls under the top navigation bar*/
#subNav {
	color: #FFFFFF;
	position: absolute;
	height: 25px;
	top: 140px;
	font-weight: bold;
	width: 850px;
	left: 0px;
	background-color: #CCCCCC;
	font-size: 10px;
}
#subNav ul {
	list-style:none;
	margin:0;
	padding-left: 15px;
	padding-top:7px;
}
#subNav li {
	display: inline;
}
#subNav a:link, #subNav a:visited {
	padding: 2px 5px 6px;
	color: #000000;
	text-decoration:none;
	margin-right: 20px;
	margin-left: 20px;
}
#subNav a:hover {
	color: #993300;
}
#subNav_link01 a.link01, 
#subNav_link02 a.link02, 
#subNav_link03 a.link03, 
#subNav_link04 a.link04,
#subNav_link05 a.link05 {
	color: #993300;
}
#subNav_link01 li.link01 a:link, #subNav_link01 li.link01 a:visited, 
#subNav_link02 li.link02 a:link, #subNav_link02 li.link02 a:visited, 
#subNav_link03 li.link03 a:link, #subNav_link03 li.link03 a:visited,
#subNav_link04 li.link04 a:link, #subNav_link04 li.link04 a:visited,
#subNav_link05 li.link05 a:link, #subNav_link05 li.link05 a:visited {
	color: #993300;
}
/* End Sub Navigation Bar */

/* Main Content Styles */
#mainContent {
	width: 790px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	float: inherit;
	background-color: #FFFFFF;
	background-image: url(images/Backgrounds/main-content-bg.jpg);
	background-repeat: repeat-x;
	background-repeat: repeat-x;
	background-position: left top;

}

#primeContent {
	/* Width is set on the templates */
/*	width: 160px;*/
	float: left;
	margin-top: 25px;
	border-right: 1px solid #DBDBDB;
}

#secondContent {
	/* Width is set on the templates */
/*	width: 620px;*/
	float: right;
	margin-top: 25px;
}

#centerContent {
	width: 750px;
	float: left;
	margin-top: 25px;
	margin-left: 15px;
}


/* BOX STYLES */

/* Main Box Selectors - Box that is on the largest column on the page */
.mainBoxWrapper {
	width: 100%;
	margin: 0px;
}

.mainBoxHeader {

}

.mainBoxContent {
	padding-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/* Main Box Offset Id's */

#homePageBox {
	background-position: right top;
	background-image: url(images/Backgrounds/welcome-bg.png);
	background-repeat: repeat-y;
}

#homePageBox p {
	width: 400px;
	z-index: 30;
}

/* Main Box Offset Id's */

#furnitureBox {
	font-size: 12px;
	letter-spacing: 1px;
	height: 1%; /* Holly Hack for the Float Drop and 3 Pixel text jog bug in IE 6 */
	text-align: right;
/*	border-top: 2px solid #F2F2F2;
	border-bottom: 2px solid #FFFFFF;*/
}

#furnitureBox ul {
/*	list-style: none;*/
	margin: 0;
	padding: 0;
}
#furnitureBox li {
/*	border-bottom: 3px solid #CCCFFF;*/
}
#furnitureBox li a {
	display: block;
	/*	border-left: 1px solid #CCCFFF;
	border-right: 1px solid #CCCFFF;*/
	border-bottom: 2px solid #FFFFFF;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	/*	background-image: url(/images/Bars/SideNav/GreyGradient.jpg);
	background-repeat: repeat-x;*/
	background-color: #F2F2F2;
	padding: 1px 7px 4px 0px;
	height: 40px;
	cursor: hand;
}
#furnitureBox li a:hover {
	background-color: #F2F2F2;
	color: #D13B16;
}

#furnitureBox .contemporary {
	background-image: url(images/Icons/btn-contemporary.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	padding: 14px 43px 14px 0px;
}

#furnitureBox .traditional {
	background-image: url(images/Icons/btn-traditional.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	padding: 14px 43px 14px 0px;
}

#furnitureBox .pdf {
	background-image: url(images/Icons/btn-pdf.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	padding: 14px 43px 14px 0px;
}

#furnitureBox .hospitality {
	background-image: url(images/Icons/btn-hospitality.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	float: right;
	padding: 14px 43px 14px 0px;
}

#furnitureBox .fbIcon {
	top: 5px;
/*	float: right;*/
/*	margin-top: 4px;*/
}

#furnitureBox .fbText {
	top: 5px;
	/*	margin-right: 4px;
	float: right;
	margin-top: 9px;
	margin-left: 5px;*/
	padding: 0px 0px 50px 0px;
}

/* Side Box Selectors */
.leftBoxWrapper {
	width: 100%;
	margin: 0px;
}

.leftBoxHeader {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #D13B16;
	padding-left: 8px;
	padding-top: 7px;
	padding-bottom: 7px;
	letter-spacing: 2px;
	background-color: #EEEEEE;
}

.leftBoxHeader a:link, .leftBoxHeader a:visited {
	color: #000000;
	text-decoration: none;
}
.leftBoxHeader a:hover {
	color: #FF0000;
	text-decoration: none;
}

.leftBoxContent {
	font-size: 12px;
/*	width: 116px;*/
	padding: 5px;
	margin: 5px;
/*	padding-bottom: 5px;*/
}

.leftBoxContent a:link, .leftBoxContent a:visited {
	color: #000000;
	text-decoration: none;
}

.leftBoxContent a:hover {
	color: #FF0000;
	text-decoration: none;
}

.rightBoxWrapper {
	width: 180px;
	margin: 0px;
}

.rightBoxHeader {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #D13B16;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 10px;

}

.rightBoxContent {
	font-size: 12px;
	width: 179px;
	margin: 0px;
	padding: 0px;
/*	padding-bottom: 5px;*/
}

.rightBoxContent a:link, .rightBoxContent a:visited {
	color: #000000;
	text-decoration: none;
}
.rightBoxContent a:hover {
	color: #FF0000;
	text-decoration: none;
}

/* End Side Box Selectors */

/* End Box Styles */


/* Start Side Navigation */
/* NOTE: Use the BOX CLASSES to wrap the Boxes and Name Side Navigation Styles according to their usage. */
/* e.g. categoryNav, infoNav, etc. */

/* sideNav styles offsets the SpryAccordion.css */

.sideNavHeader {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 5px;
	letter-spacing: 2px;
	background-color: #F5DED6;
	border-bottom: 1px solid #F2F2F2;
}

.sideNav {
	font-size: 11px;
	letter-spacing: 2px;
	height: 1%; /* Holly Hack for the Float Drop and 3 Pixel text jog bug in IE 6 */
/*	width: 116px;
	padding: 5px;
	margin: 5px;*/
/*	padding-bottom: 5px;*/
}
.sideNav ul {
/*	list-style: none;*/
	margin: 0;
	padding: 0;
}
.sideNav li {
/*	border-bottom: 3px solid #CCCFFF;*/
}
.sideNav li a {
	display: block;
	/*	border-left: 1px solid #CCCFFF;
	border-right: 1px solid #CCCFFF;*/
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	/*	background-image: url(/images/Bars/SideNav/GreyGradient.jpg);
	background-repeat: repeat-x;*/
	background-color: #F2F2F2;
	padding: 5px 0px 5px 23px;
	height: 1%; /* Holly Hack for the Float Drop and 3 Pixel text jog bug in IE 6 */
}
.sideNav li a:hover {
	background-color: #F2F2F2;
	color: #D13B16;
}
/* Highlights the selected category */
.categoryNavLink01 a.catNavLink01, 
.categoryNavLink02 a.catNavLink02, 
.categoryNavLink03 a.catNavLink03, 
.categoryNavLink04 a.catNavLink04,
.categoryNavLink05 a.catNavLink05,
.categoryNavLink06 a.catNavLink06 {
	background-image: url(/images/SideNav/button-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000000;
}
.categoryNavLink01 li.catNavLink01 a:link, .categoryNavLink01 li.catNavLink01 a:visited, 
.categoryNavLink02 li.catNavLink02 a:link, .categoryNavLink02 li.catNavLink02 a:visited, 
.categoryNavLink03 li.catNavLink03 a:link, .categoryNavLink03 li.catNavLink03 a:visited,
.categoryNavLink04 li.catNavLink04 a:link, .categoryNavLink04 li.catNavLink04 a:visited,
.categoryNavLink05 li.catNavLink05 a:link, .categoryNavLink05 li.catNavLink05 a:visited,
.categoryNavLink06 li.catNavLink06 a:link, .categoryNavLink06 li.catNavLink06 a:visited {
	background-image: url(images/SideNav/button-bg.png);
	background-repeat: no-repeat;
	background-position: right -38px;
	color: #000000;
}
/* End Side Navigation */

/* Breadcrumbs Navigation */

.breadCrumbs {
	font-size: 0.5em;
	font-weight: bold;	
}

/* Table Styles for Category and Product Listings */
.categoryList-Table, .productList-Table {
	margin-top: 8px;
	margin-bottom: 5px;
/*    font-size: 11px;
    letter-spacing: 1px;*/
}

.categoryList-Table a:link, .categoryList-Table a:visited, .productList-Table a:link, .productList-Table a:visited {
	color: #000000;
	text-decoration: none;
}

.categoryList-Table a:hover, .productList-Table a:hover {
	color: #0099CC;
}

.categoryList-rowHeader, .productList-rowHeader {
	border: thin dotted #999999;
}

.categoryList-rowOdd, .productList-rowOdd {
/* For alternating color rows */
}

.categoryList-rowEven, .productList-rowEven {
/* For alternating color rows */

}

.categoryList-Header {
	border: thin dotted #999999;
	font-size: 12px;
}

.categoryList-Data, .productList-Data {
/*	border-bottom: thin dotted #999999;*/
}

.categoryList-Data a:link, .categoryList-Data a:visited, .productList-Data a:link, .productList-Data a:visited  {
/*	color: #000000;
	text-decoration: none;*/
}

.categoryList-Data a:hover, .productList-Data a:hover  {
/*	color: #FF0000;
	text-decoration: none;*/
	
}

/* Category, Product, Product Detail Styles */
.pageDesc {
	font-size: 0.85em;
	letter-spacing: 1px;
	padding: 0px 25px 15px 0px;
}

#prDetailHeader {
	border-bottom: 2px solid #F5DED6;
	margin: 0px 15px 20px 10px;
}

.prName {
	font-size: 0.9em;
	font-weight: bold;	
}

.prPartNum {
	font-size: 0.9em;

}

.prShortDesc {
	font-size: 0.8em;
}

.prPrice {

}

.prDetail-Col01 {
	width: 450px;
	text-align: center;
	float: left;
	margin: 0px 0px 0px 80px

}

.prDetail-Col02 {
	float: left;
	width: 400px;
	margin: 5px 0px 80px 100px;
}

.prDetail-Col02 p {
	margin: 0;
	padding: 0;
}

.prDetailPartNum {
	width: 100%;
	height: 20px;
	background-color: #F5DED6;
	padding: 2px 2px 2px 10px;
	line-height: 20px;
	float: left;

}

.prDetailName {

}

.prDetailPrice {

}

.prDetailShortDesc {
	width: 100%;
	height: 20px;
	padding: 2px 2px 2px 10px;
	background-color: #F5DED6;
	margin-top: 1px;
	line-height: 20px;
	float: left;
}

.prDetailDesc {
	width: 100%;
	padding: 2px 2px 2px 10px;
	background-color: #F5DED6;
	margin-top: 1px;
	float: left;
}

.prDetailButton {
	float: left;
	width: 100%;
	height: 30px;
	padding: 5px;
	margin-top: 5px;
	line-height: 30px;
	text-align: center;
}

/* Table Styles for Sales Rep Page */

#repList {
	font-size: 0.9em;
	letter-spacing: 1px;
	margin-top: 10px;
}

.repList-Table {
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;

}

.repList-Data {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;

}

.repListSub-Table {
	border: 1px solid #D6D6D6;
	margin-top: 2px;
}

.repListSub-Data {
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
}

/* Search Result Styles */

#searchResults {
	font-size: 1.3em;
	width: 650px;
	margin: 10px 10px 10px 35px;
}
.searchResults-rowHeader, .searchResults-rowFooter {
	font-size: 0.8em;
	border: thin dotted #999999;

}

.searchResults-rowOdd {
/* For alternating color rows */
}

.searchResults-rowEven {
/* For alternating color rows */

}

.searchResults-Name a:link, .searchResults-Name a:visited {
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
}

.searchResults-Name a:hover {
	color: #009900;
}

.searchResults-Description {
	font-size: 0.8em;
}

.searchResults-Image {

}

.searchResults-breadCrumbs {
	font-size: 0.68em;
	font-weight: bold;
	line-height: 20px;
}

.searchResults-breadCrumbs a:link, .searchResults-breadCrumbs a:visited {
	color: #5D888A;
	font-weight: bold;
	text-decoration: none;
}

.searchResults-breadCrumbs a:hover {
	color: #CC3300;
}

/* Recordset / Dataset / List Paging Navigation Styles */
.listPageNav-Container {
	float: right;
	width: 140px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	margin: 0px 5px 0px 0px;
	text-align: center;
}

.listPageNav-Container a:link, .listPageNav-Container a:visited {
	background-color: #CC3300;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 2px 0px 2px;
	padding: 0px;
}

.listPageNav-Container a:hover {
	background-color: #5D888A;
}

.listPageNav-Navigation {
	width: 28px;
	float: left;
}

.listPageNav-recordDisplay {
	float: left;
	width: 200px;
	line-height: 25px;
	margin: 0px 0px 0px 5px;
}

.compare {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: none;
}
.compare a:link, .compare a:visited {
    color: #0000FF;
	text-decoration: underline;
}
.compare a:hover {
    color: #FF0000;
	text-decoration: underline;
}

/* Form and Input Styles */
#frmQuery {

}

.form-row, .form-rowOdd, .form-rowEven {
	/* For alternating color rows. Seperate If Defining Alternate Colors */
	padding: 5px;
	background-color: #F2F2F2;
}

.form-col01 {
	width: 200px;
	float: left;
/*	float: left;*/
}

.form-col02 {
	width: 200px;
	float: right;
/*	float: left;*/
}

.inputLabel {
	width: 170px;
	float: left;
	line-height: 20px;
	text-align: right;
}

.inputLabel02 {
	float: left;
	width: 170px;
	height: 100px;
	text-align: right;
}

.inputLabel03 {
	width: 170px;
	float: left;
	line-height: 20px;
	text-align: right;
}

.inputField {
	width: 275px;
	float: left;
	line-height: 20px;
}

.inputRequired {
	background-color: #FFFFCE;
}

.inputValidate {
    margin-top: 2px;
	margin-left: 5px;
}

.inputErrorMsg {
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* Alert Messages, Notes, Error Messages */
.pageMsgContainer {
	border: 1px solid #F2F2F2;
	background-color: #F8F8F8;
	width: 550px;
	margin: 25px auto 0px auto;
	padding: 10px;
}

.pageMsg {
	font-size: 1.5em;
	font-weight: bold;
	color: #CC3300;
}

.errorMsg {
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px;
	color: #FF0000;
}

.alert {
	font-size: 0.8em;
	color: #FF0000;
}

.note {
	font-size: 0.8em;
}

/* Footer */
#footer {
	clear:both;
	font-size: 0.8em;
	text-align: center;
	letter-spacing: 2px;
	padding: 8px;
	color: #DBDBDB;
	font-weight: bold;
	/*	background-image: url(images/Borders/Main/bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;*/
}

/* Rounded Borders */
/* Container Borders - Not Used */
.main_border_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/top.gif) repeat-x 0 0; }
.main_border_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/bottom.gif) repeat-x 0 100%}
.main_border_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/left.gif) repeat-y 0 0}
.main_border_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/right.gif) repeat-y 100% 0}
.main_border_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/bottom-left.gif) no-repeat 0 100%}
.main_border_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/bottom-right.gif) no-repeat 100% 100%}
.main_border_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/top-left.gif) no-repeat 0 0}
.main_border_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Black/top-right.gif) no-repeat 100% 0;}

/* Chassis Borders - RichSoil */
.chassis_border_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/top.gif) repeat-x 0 0; }
.chassis_border_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/bottom.gif) repeat-x 0 100%}
.chassis_border_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/left.gif) repeat-y 0 0}
.chassis_border_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/right.gif) repeat-y 100% 0}
.chassis_border_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/bottom-left.gif) no-repeat 0 100%}
.chassis_border_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/bottom-right.gif) no-repeat 100% 100%}
.chassis_border_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/top-left.gif) no-repeat 0 0}
.chassis_border_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RichSoil/top-right.gif) no-repeat 100% 0;}

/* Content Borders - Right Content - Richsoil White */
.rc_border_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/top.gif) repeat-x 0 0; }
.rc_border_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/bottom.gif) repeat-x 0 100%}
.rc_border_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/left.gif) repeat-y 0 0}
.rc_border_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/right.gif) repeat-y 100% 0}
.rc_border_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/bottom-left.gif) no-repeat 0 100%}
.rc_border_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/bottom-right.gif) no-repeat 100% 100%}
.rc_border_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/top-left.gif) no-repeat 0 0}
.rc_border_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/RightContent/top-right.gif) no-repeat 100% 0;}

/* Orange */
.orange_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/top.gif) repeat-x 0 0; }
.orange_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/bottom.gif) repeat-x 0 100%}
.orange_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/left.gif) repeat-y 0 0}
.orange_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/right.gif) repeat-y 100% 0}
.orange_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/bottom-left.gif) no-repeat 0 100%}
.orange_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/bottom-right.gif) no-repeat 100% 100%}
.orange_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/top-left.gif) no-repeat 0 0}
.orange_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/Orange/top-right.gif) no-repeat 100% 0; }

/* Box Rounded Borders */
/* Side Nav Box */
.side_nav_box_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/top.gif) repeat-x 0 0; }
.side_nav_box_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/bottom.gif) repeat-x 0 100%}
.side_nav_box_left {background: #CCCFFF url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/left.gif) repeat-y 0 0;}
.side_nav_box_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/right.gif) repeat-y 100% 0}
.side_nav_box_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/bottom-left.gif) no-repeat 0 100%}
.side_nav_box_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/bottom-right.gif) no-repeat 100% 100%}
.side_nav_box_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/top-left.gif) no-repeat 0 0}
.side_nav_box_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBoxSolid/top-right.gif) no-repeat 100% 0;}

/* Purple Box */
.purple_box_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/top.gif) repeat-x 0 0; }
.purple_box_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/bottom.gif) repeat-x 0 100%}
.purple_box_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/left.gif) repeat-y 0 0}
.purple_box_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/right.gif) repeat-y 100% 0}
.purple_box_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/bottom-left.gif) no-repeat 0 100%}
.purple_box_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/bottom-right.gif) no-repeat 100% 100%}
.purple_box_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/top-left.gif) no-repeat 0 0}
.purple_box_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/PurpleBox/top-right.gif) no-repeat 100% 0;}

/* Orange Box */
.orange_box_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/top.gif) repeat-x 0 0; }
.orange_box_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/bottom.gif) repeat-x 0 100%}
.orange_box_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/left.gif) repeat-y 0 0}
.orange_box_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/right.gif) repeat-y 100% 0}
.orange_box_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/bottom-left.gif) no-repeat 0 100%}
.orange_box_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/bottom-right.gif) no-repeat 100% 100%}
.orange_box_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/top-left.gif) no-repeat 0 0}
.orange_box_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/OrangeBox/top-right.gif) no-repeat 100% 0;}

/* Green Box */
.green_box_top {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/top.gif) repeat-x 0 0; }
.green_box_bottom  {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/bottom.gif) repeat-x 0 100%}
.green_box_left {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/left.gif) repeat-y 0 0}
.green_box_right {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/right.gif) repeat-y 100% 0}
.green_box_bottomleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/bottom-left.gif) no-repeat 0 100%}
.green_box_bottomright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/bottom-right.gif) no-repeat 100% 100%}
.green_box_topleft {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/top-left.gif) no-repeat 0 0}
.green_box_topright {background: url(file:///C|/Documents%20and%20Settings/Alvin%20SC/My%20Documents/My%20Webs/CAPRICAN/images/Borders/Flexible/GreenBox/top-right.gif) no-repeat 100% 0;}