﻿HTML
{
    margin: 0;
    padding: 0;                  
}

BODY 
{
    
    font-family:  Arial, Sans-Serif;
    font-size: 10pt;       
    margin: 0;
    padding: 0;    
    color: #d2d2d3;
    background: #000;
}

P
{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;    
    line-height: 1.3em;    
}

IMG
{
    border: 0;
}



H1
{
    color: #000;      
}


H2
{
    /* font-family: Helvetica 55 Roman; */
    font-size: 16pt;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 22pt;
    
}



H3
{
    font-size: 12pt;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 10px 0 5px 0;
    line-height: 18pt;
}

H4
{
	color: #fff;
}

A
{
    color: #fff;
    text-decoration: none;
    
}

A:hover
{
    text-decoration: underline;
}


.highLight
{
    font-weight: bold;
    color: #fff;
}

.clear
{
    clear: both;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* HEADER BAR */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageHeader
{
    background: #fff;
}

#pageHeader .innerHeader
{
    width: 956px;
    margin-left: auto;
    margin-right: auto;
}

#pageHeader .logo
{
    width: 50%;
    float: left;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* HEADER BAR: User Info */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





#pageHeader .userInfo
{
    padding-top: 30px;    
    float: right;
    font-size: 10pt;
    text-align: left;
    color: #fff; /* #a5a5a5;     */
    padding-bottom: 20px;
}

#pageHeader .userInfo .pfSelect
{
    font-size: 7pt;
}

#pageHeader .userInfo .pfSelect
{
    padding: 0;
    margin: 0;
}



#pageHeader .userInfo #user
{
    font-size: 10pt;
    font-weight: bold;
}

#pageHeader .userInfo #user #options
{
    font-weight: normal;
    padding-left: 20px;
}

#pageHeader .userInfo #user #options .spacer
{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

#pageHeader .userInfo #messages
{
    padding-top: 20px;
    font-size: 8pt;
    font-weight: bold;
}

#pageHeader .userInfo #messages .closedMessage
{
    background: transparent url('../Images/iconMailClosed.png') top left no-repeat;
    padding-left: 25px;
    padding-bottom: 10px;
}

#pageHeader .userInfo #messages .closedMessage SPAN
{
    display: inline-block;
    padding-top: 4px;
}




#pageHeader .userInfo A
{
	text-decoration: none;
}

#pageHeader .userInfo A:hover
{
	text-decoration: underline;
}


#pageHeader .userInfo H2
{
    font-size: 12pt;
    padding: 0;
}



#pageHeader .userInfo UL
{
    
    margin: 0;
    padding: 0;
    list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#pageHeader .userInfo UL LI
{        


}



#pageHeader .contact
{
    margin-top: 50px;
    width: 190px;
    float: right;
    font-size: 12pt;
    
    color: #fff; /* #a5a5a5;     */
}

#pageHeader .contact A
{
	text-decoration: none;
}

#pageHeader .contact A:hover
{
	text-decoration: underline;
}


#pageHeader .contact H2
{
    font-size: 12pt;
}


#pageHeader .contact .highLight
{
    font-weight: bold;
    color: #fff;
}



#pageHeader .contact UL
{
    
    margin: 0;
    padding: 0;
    list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#pageHeader .contact UL LI
{        
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MENU BAR */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageMenu
{
    clear: both;
    background: #000 url('../Images/headerBG.png') top left repeat;
    height: 40px;    
    font-size: 11pt;
}

#pageMenu .innerMenu
{
    border-top: solid 1px #a5a5a5;
    width: 956px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;    
}

#pageMenu .innerMenu .mainMenu
{
    float: left;
    color: #d2d2d3;
}

#pageMenu .innerMenu .mainMenu A
{    
    color: #d2d2d3;
    text-decoration: none;
}


#pageMenu .innerMenu .mainMenu A:hover
{        
    color: #fff;
}

#pageMenu .innerMenu .contactMenu
{
    text-align: right;
    color: #d2d2d3;
}

#pageMenu .innerMenu .contactMenu A
{
    color: #d2d2d3;
	text-decoration: none;
}


#pageMenu .innerMenu .contactMenu A:hover
{
    color: #fff;
    text-decoration: none;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE CONTENT */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent
{  

    clear: both; 
    background: #4a4b4f url('../Images/bodyBG.png') top left repeat;  
    border: solid 1px black;
}


#pageContent .innerContent
{    
    width: 956px;  
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px; 
}

#pageContent .innerContent .error
{
    height: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: bold;
    color: Yellow;
    margin-top: 10px;
}

#pageContent .innerContent .section
{    
    padding-top: 20px;
    padding-bottom: 0px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE CONTENT: AJAX LOADING PANEL */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#ajaxLoadingPanel P
{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 40px;    
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE CONTENT:FORM */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .form
{
    clear: both;   
    padding: 10px 0;
}

#pageContent .form .item
{
    clear: both;
    padding: 3px 0;
}


#pageContent .form .item .label
{
    float: left;
    width: 200px;
}

#pageContent .form .item .marker
{    
    padding: 0 4px;
    color: Yellow;
}

#pageContent .form .item .warning
{
    color: Yellow;
}

#pageContent .form .item .readonly
{
    background: transparent;
    border: none;
    color: #fff;
}


#pageContent .form .buttonPanel
{
    text-align: right;
    padding: 20px 0;
    width: 500px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE CONTENT: SECTION */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .section
{
    padding-top: 10px;
    padding-bottom: 10px;    
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE CONTENT: GRID */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .grid
{
		
}

#pageContent .grid .item
{
    padding-top: 0;
    padding-bottom: 10px;
}

#pageContent .grid .item .mainText
{
    font-size: 11pt;
    font-weight: bold;
    color: White;
}

#pageContent .grid .item .subText
{
    padding-top: 3px;
}

#pageContent .grid .CommandLink
{
    text-decoration: none;
    display: block;
    width: 100%;
}

#pageContent .grid .CommandLink:hover
{
    text-decoration: underline;
}


#pageContent .grid  .highLightLine
{
    color: #ff3333;
}

#pageContent .gridWindow .item
{
    padding-top: 0;
    padding-bottom: 10px;
}

#pageContent .gridWindow .item .mainText
{
    font-size: 11pt;
    font-weight: bold;
    color: Black;
}

#pageContent .gridWindow .item .subText
{
    padding-top: 3px;
}

#pageContent .gridWindow .item .subTextSmall
{
    padding-top: 3px;
    font-size: 10px;
}

#pageContent .gridWindow .CommandLink
{
    text-decoration: none;
    display: block;
    width: 100%;
}

#pageContent .gridWindow .CommandLink:hover
{
    text-decoration: underline;
}


#pageContent .gridWindow  .highLightLine
{
    color: #ff3333;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* BUTTONS                                                                                         */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .buttonSmall
{
    background:  transparent url('../Images/buttonSmallBlack.png') top left no-repeat;
    width: 100px;
    height: 30px; 
    border: 0;
    padding: 0 0 0 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

#pageContent .innerContent .buttonSmall:hover
{
    cursor: pointer;
    text-decoration: none;
}


#pageContent .innerContent .buttonTiny
{
    background:  transparent url('../Images/buttonTinyBlack.png') top left no-repeat;
    width: 70px;
    height: 21px; 
    border: 0;
    padding: 0 0 0 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    font-size: 9pt;
}


#pageContent .innerContent .buttonTiny:hover
{
    cursor: pointer;
}



#pageContent .innerContent .silver
{
    background:  transparent url('../Images/buttonSmallSilver.png') top left no-repeat;    
}

#pageContent .innerContent .linkButton
{    
    background: transparent url('../Images/iconLink.png') right center no-repeat;    
    border: 0;
    color: white;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;    
}


#pageContent .innerContent .linkButton:hover
{    
    color: #d2d2d3;
    cursor: pointer;
    text-decoration: underline;
}


#pageContent .innerContent .listLink
{    
    background: transparent url('../Images/iconLink.png') left center no-repeat;    
    border: 0;
    color: white;    
    margin: 0;
    padding: 0;
    padding-left: 18px;    
    font-weight: bold;
    text-decoration: none;
}


#pageContent .innerContent .listLink:hover
{    
    color: #d2d2d3;
    cursor: pointer;
    text-decoration: underline;
}


#pageContent .innerContent .linkButtonSmall
{    
    background: transparent url('../Images/iconLink.png') right center no-repeat;    
    border: 0;
    color: white;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}


#pageContent .innerContent .linkButtonSmall:hover
{    
    color: #d2d2d3;
    cursor: pointer;
    text-decoration: underline;
}

#pageContent .innerContent .linkButtonSmallBlack
{    
    background: transparent url('../Images/iconLink2.png') right center no-repeat;    
    border: 0;
    color: black;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}


#pageContent .innerContent .linkButtonSmallBlack:hover
{    
    color: Black;
    cursor: pointer;
    text-decoration: underline;
}


#pageContent .innerContent .linkButtonDownSmall
{    
    background: transparent url('../Images/iconLinkDown.png') right center no-repeat;    
    border: 0;
    color: white;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}


#pageContent .innerContent .linkButtonDownSmall:hover
{    
    color: #d2d2d3;
    cursor: pointer;
    text-decoration: underline;
}




#pageContent .buttonPanel
{
    text-align: right;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* LAYOUT: WITH RIGHT PODS */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .withRightPods .mainPart
{
    width: 710px;
    float: left;
}

#pageContent .innerContent .withRightPods .podsPart
{       
    margin-left: 727px;    
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* LAYOUT: WITH RIGHT PODS ::> BASE POD */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .withRightPods .podsPart .pod
{
    padding-bottom: 10px;   
    font-size: 9pt; 
}

#pageContent .innerContent .withRightPods .podsPart .pod .inner
{
    padding: 15px; 
}

#pageContent .innerContent .withRightPods .podsPart .pod H3
{
    display: block;
    border-bottom: solid 1px #fff;
    padding: 0;
    margin: 0;  
    
    padding-bottom: 8px; 
    margin-bottom: 12px; 

    font-size: 11pt;
}

#pageContent .innerContent .withRightPods .podsPart .pod P.highLight
{  
    font-weight: bold;
    font-size: 1em;
}

#pageContent .innerContent .withRightPods .podsPart .pod P.highLight SPAN.highLight
{  
    font-size: 1.3em;    
}


#pageContent .innerContent .withRightPods .podsPart .pod .options
{
    padding-top: 10px;
    text-align: right;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* LAYOUT: WITH RIGHT PODS ::> BASE POD */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .withRightPods .podsPart .pod
{
    padding-bottom: 10px;   
    font-size: 9pt; 
}

#pageContent .innerContent .withRightPods .podsPart .pod .inner
{
    padding: 15px; 
}

#pageContent .innerContent .withRightPods .podsPart .pod H3
{
    display: block;
    border-bottom: solid 1px #fff;
    padding: 0;
    margin: 0;  
    
    padding-bottom: 8px; 
    margin-bottom: 12px; 

    font-size: 11pt;
}

#pageContent .innerContent .withRightPods .podsPart .pod P.highLight
{  
    font-weight: bold;
    font-size: 1em;
}

#pageContent .innerContent .withRightPods .podsPart .pod P.highLight SPAN.highLight
{  
    font-size: 1.3em;    
}


#pageContent .innerContent .withRightPods .podsPart .pod .options
{
    padding-top: 10px;
    text-align: right;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* LAYOUT: WITH RIGHT PODS ::> DYNAMIC HEIGHT POD POD */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .withRightPods .podsPart .dynpod
{
    padding-bottom: 10px;   
    font-size: 9pt; 
}

#pageContent .innerContent .withRightPods .podsPart .dynpod .top
{
    background: black url('../Images/podDynTop.png') top left no-repeat;
}

#pageContent .innerContent .withRightPods .podsPart .dynpod .inner
{
    padding: 15px;     
    background: transparent url('../Images/podDynBottom.png') bottom left no-repeat;
}

#pageContent .innerContent .withRightPods .podsPart .dynpod H3
{
    display: block;
    border-bottom: solid 1px #fff;
    padding: 0;
    margin: 0;  
    
    padding-bottom: 8px; 
    margin-bottom: 12px; 

    font-size: 11pt;
}

#pageContent .innerContent .withRightPods .podsPart .dynpod P.highLight
{  
    font-weight: bold;
    font-size: 1em;
}

#pageContent .innerContent .withRightPods .podsPart .dynpod P.highLight SPAN.highLight
{  
    font-size: 1.3em;    
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* LAYOUT: WITH RIGHT PODS ::> POD TYPE 1 */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#pageContent .innerContent .withRightPods .podsPart .type1
{   
    height: 190px;
    background: transparent url('../Images/podT1BG.png') top left no-repeat;    
}



#pageContent .innerContent .withRightPods .podsPart .type2
{   
    height: 190px;
    background: transparent url('../Images/podT2BG.png') top left no-repeat;    
    color: Black;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PROGRESS BAR: */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .QuestProgressBar
{
    text-align: center;
    font-size: 8pt;
}
#pageContent .innerContent .QuestProgressBar .label
{
    display: inline-block
}

#pageContent .innerContent .QuestProgressBar .box
{
    height: 12px; 
    text-align: left; 
    background-color: Gray; 
    display: inline-block;
    width: 100px;
}

#pageContent .innerContent .QuestProgressBar .box .bar
{
    width: 80px; 
    height: 100%; 
    text-align: left; 
    background-color: Green; 
    display: inline-block;
}

#pageContent .innerContent .QuestProgressBar .box .bar .percLabel
{
    width: 100%; 
    text-align: center; 
    color: #fff; 
    font-size: 7pt;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ DIRECTORY  ++++++++++++++++++++++++++++++++++++++++++++++++ */

.directorylink
{
	display:block;
	text-decoration: none;
	color: Black;
	width: 100%;
	height: 18px;
	padding-top: 5px;
}

.directorylink:hover
{
	background: #000;
	color: #fff;
	text-decoration: none;
}

.directorytag
{
	font-size: 12px; 	
	text-align: center;
	height: 23px;
	width: 23px; 
	border: solid silver 1px; 
	background-color: transparent;
	margin: 2px;
	color: Black;
}

.directorytagOther
{
    font-size: 12px;
	height: 23px;
	width: 35px; 
    text-align: center;
	border: solid silver 1px; 
	background-color: transparent;
	margin: 2px;
	color: Black;
}

.directorytagSelected
{
	font-size: 12px;
	height: 23px;
	width: 23px; 
	text-align: center;
	border: solid black 2px; 
	background-color: transparent;
	margin: 2px;
	color: Black;
}


.directorytagOtherSelected
{
	font-size: 12px; 
	height: 23px;
	width: 35px; 
	text-align: center;
	border: solid black 2px; 
	background-color: transparent;
	margin: 2px;
	color: Black;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ PRODUCT CATALOGUE LIST ++++++++++++++++++++++++++++++++++++++++++++++++ */


.productCatalogueList
{
    padding-bottom: 20px;   
    text-align: left;   
}

.productCatalogueList H3
{
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    margin: 0; 
    padding-bottom: 15px;
}

.productCatalogueList H4
{
    font-weight: bold;    
    color: silver;     
    padding: 0;
    margin: 0;
    font-size: 9pt;
    padding-bottom: 5px;
}

.productCatalogueList .subCatLinks
{
}


.productCatalogueList .parentCatLink
{
    display: block;    
}

.productCatalogueList .subCatLinks .linkItem
{
    padding-bottom: 3px;
}

.productCatalogueList .subCatLinks a
{
    font-size: 10pt;
    font-weight: bold;
    background: url('../Images/iconLinkSmall.png') top left no-repeat;
    padding-left: 14px;
    color: White;
    padding-top: 0;
    padding-bottom: 0;
}

.productCatalogueList .empty
{
    color: White;
    font-weight: bold;
}


.productCatalogueList .productServiceLinks
{
    padding-bottom: 20px;     
}

.productCatalogueList .productServiceLinks .linkItem
{
    padding-bottom: 3px;
}


.productCatalogueList .productServiceLinks .linkItem a
{    
    background: url('../Images/iconLink.png') top left no-repeat;
    padding-left: 18px;
    color: white;
    font-weight: bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ PRODUCT CATALOGUE LIST - CATEGORY PATH ++++++++++++++++++++++++++++++++++++++++++++++++ */

.categoryPath
{
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: Silver;
    padding-bottom: 10px;
}

.categoryPath .activeFirstLink
{
    padding-right: 8px; 
}

.categoryPath .activeFirstLink:hover
{
    
}

.categoryPath .activeLink
{
    background: url('../Images/iconCataloguePathSeparator.png') top left no-repeat;
    color: White;
    padding-right: 10px;
    padding-left: 18px;
}

.categoryPath .activeLink:hover
{
    
}


.categoryPath .inactiveLink
{
    background: url('../Images/iconCataloguePathSeparator.png') top left no-repeat;
    color: Silver;    
    padding-right: 10px;    
    padding-left: 18px;
    text-decoration: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ PRODUCT CATALOGUE LIST - CATEGORY PATH FOR GRID INFO ++++++++++++++++++++++++++++++++++++++++++++++++ */

.categoryPathForGrid
{
    font-size: 10px;
    font-weight: bold;
    color: Silver;
    padding-bottom: 10px;
}

.categoryPathForGrid .activeFirstLink
{
    color: Red;    
    padding-right: 0px; 
}

.categoryPathForGrid .activeFirstLink:hover
{
    text-decoration: none;
}



.categoryPathForGrid .activeLink
{
    background: url('../Images/iconCataloguePathSeparatorSmall.png') top left no-repeat;
    color: Red;
    padding-right: 0px;
    padding-left: 13px;
}

.categoryPathForGrid .activeLink:hover
{
    text-decoration: none;
}


.categoryPathForGrid .inactiveLink
{
    background: url('../Images/iconCataloguePathSeparatorSmall.png') top left no-repeat;
    color: Silver;    
    padding-right: 0px;    
    padding-left: 13px;
    text-decoration: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ VENDOR PROFILE ++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent #vendorProfile
{
}

#pageContent .innerContent #vendorProfile h4
{
    color: White;
    padding: 0;
    margin: 0 0 5px 0;   
    padding-bottom: 5px;
    font-size: 11pt;
}

#pageContent .innerContent #vendorProfile .section
{
    padding: 10px 0 40px 0;
    padding-bottom: 20px;
}

#pageContent .innerContent #vendorProfile .tableCellLabel
{
    color: #000;
    font-weight: bold;
    width: 120px;
    padding-bottom: 3px;
}

#pageContent .innerContent #vendorProfile .tableCellData
{
    padding-bottom: 5px;
}

#pageContent .innerContent #vendorProfile .tableCellLine
{
    border: solid 1px red;
}



#pageContent .innerContent #vendorProfile .quote
{
    background: url('../Images/quoteLeft.png') top left no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    margin-bottom: 20px;
}

#pageContent .innerContent #vendorProfile .quote .inner
{
    background: url('../Images/quoteRight.png') bottom right no-repeat;
    padding-right: 30px;
    padding-bottom: 10px;

    font-style: italic; 
    font-family: Calibri;  
    font-size: 15px; 

    color: #999999;
}

#pageContent .innerContent #vendorProfile .quote .inner A:link
{
    color: Gray;
    font-size: 0.8em;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* PAGE POD */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent  .pagePodTop
{
    background: black url('../images/pagePodTop.png') top left no-repeat; 
    height: 18px; 
}


#pageContent .innerContent  .pagePodContent
{
    background: white;
    padding: 0 10px;
    color: #4a4b4f;
}

#pageContent .innerContent  .pagePodContent H3
{
    color: #000;
    padding-top: 0;
    margin-top: 0;
}

#pageContent .innerContent  .pagePodContent P
{
    color: #4a4b4f;
}

#pageContent .innerContent  .pagePodBottom
{
    background: black url('../images/pagePodBottom.png') bottom left no-repeat; 
    height: 18px; 
}

#pageContent .innerContent  .pagePodContent .Grid
{
    color: Black;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SECTION POD */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent  .sectionPodTop
{
    background: black url('../images/sectionPodTop.png') top left no-repeat; 
    height: 18px; 
}


#pageContent .innerContent  .sectionPodContent
{
    background: white;
    padding: 0 10px;
    color: #4a4b4f;

}

#pageContent .innerContent  .sectionPodContent H3
{
    color: #000;
    padding-top: 0;
    margin-top: 0;
}

#pageContent .innerContent  .sectionPodContent H4
{
    color: #000;
    padding-top: 0;
    margin-top: 0;
}

#pageContent .innerContent  .sectionPodContent P
{
    color: #4a4b4f;
}


#pageContent .innerContent  .sectionPodContent .highLight
{
    color: #000;
}

#pageContent .innerContent  .sectionPodContent A
{
    color: #666699;
    font-weight: bold;
}


#pageContent .innerContent  .sectionPodContent .linkButtonSmallBlack
{
    color: #000;
    font-weight: bold;
}



#pageContent .innerContent  .sectionPodBottom
{
    background: black url('../images/sectionPodBottom.png') bottom left no-repeat; 
    height: 18px; 
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CONTENT PANEL: */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pageContent .innerContent .contentPanel
{

}

#pageContent .innerContent .contentPanel .header
{ 
    background: #efeaea; 
    border-bottom: solid 1px #efeaea; 
}

#pageContent .innerContent .contentPanel .header .inner
{ 
    background: black url('../images/questionnaireHeaderBG2.png') top left no-repeat; 
    height: 28px; 
    padding-top: 6px; 
    padding-left: 10px;
}


#pageContent .innerContent .contentPanel .footer
{ 
    background: #fff; 
    border-top: solid 1px #fff; 
}

#pageContent .innerContent .contentPanel .footer .inner
{ 
    background: black url('../images/questionnaireFooterBG2.png') bottom left no-repeat; 
    height: 28px; 
}

#pageContent .innerContent .contentPanel .header .inner H3
{ 
    padding: 0; 
    margin:0; 
    font-size: 12pt;
}

#pageContent .innerContent .contentPanel .info
{ 
    padding: 5px 10px 0; 
    color: black;
    background: white;
}

#pageContent .innerContent .contentPanel .info .options
{ 
    text-align: right;
    font-size: 8pt; 
    font-weight: bold;
    padding: 5px 0 10px;
}


#pageContent .innerContent .contentPanel .info .highLight
{ 
    color: Black;
}

#pageContent .innerContent .contentPanel .linkButton
{    
    background: transparent url('../Images/iconLink2.png') right center no-repeat;    
    border: 0;
    color: #000;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
}


#pageContent .innerContent .contentPanel .linkButton:hover
{    
    color: #d2d2d3;
    cursor: pointer;
    text-decoration: underline;
}

#pageContent .innerContent .contentPanel .panelContent
{
	background: white;
	padding: 0px 5px 10px 10px;
	color: Black;
}




.toolTip 
{
    padding: 5px;
    color: Black;
}

.toolTip .buttonPanel
{
    text-align: right;
    color: Black;
}

.toolTip .buttonTiny
{
    background:  transparent url('../Images/buttonTinyLongBlack.png') top left no-repeat;
    width: 125px;
    height: 21px; 
    border: 0;
    padding: 0 0 0 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    font-size: 9pt;
}

.toolTip .buttonTiny:hover
{
    cursor: pointer;
}

.toolTip  .linkButton
{    
    background: transparent url('../Images/iconLink.png') right center no-repeat;    
    border: 0;
    color: black;    
    margin: 0;
    padding: 0;
    padding-right: 18px;    
    font-weight: bold;
    text-decoration: none;
}


.toolTip  .linkButton:hover
{    
    color: #d2d2d3;
    cursor: pointer;
    text-decoration: underline;
}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* DATA FORM: */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#pageContent .innerContent .dataForm
{
}

#pageContent .innerContent .dataForm DIV.item
{
    padding-bottom: 5px;
}

#pageContent .innerContent .dataForm DIV.item SPAN.label
{
    font-weight: bold;
    width: 120px;
    display: inline-block;
}

#pageContent .innerContent .dataForm DIV.item .field
{
}

.eventSep
{
    border-bottom: solid 1px #555;

}