/***********************************************************************
	Common Styles
***********************************************************************/
html
{
	background: #FFF url(../images/common/bkgdBdyGray.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body
{
	width: 960px;
	margin: 0 auto;
}

body, td, input, select, textarea
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
}

h1
{
	background: transparent url(../images/icons/iconArrowDownWhite.png) no-repeat 7px center;
	font-size: 13px;
	color: #FFF;
	margin: 0;
	padding: 10px 10px 9px 20px;
}
h1 a
{
	color: #FFF;
	text-decoration: none;
}

h2
{
	font-size: 13px;
	margin: 0;
	padding: 5px 0;
}
h2 a
{
	color: #5D80A3;
	text-decoration: none;
}

h3
{
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0;
}

h4
{
	font-size: 13px;
	color: #999;
	margin: 0;
	padding: 20px 0 10px;
}

h5
{
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
}

p
{
	margin: 0;
	padding: 10px 0;	
}

a 
{ 
	outline: none; 
	color: #5D80A3;
}

img 
{ 
	border: none; 
}

em
{
	font-size: 10px;
	color: #999;
}

.smallText
{
    font-size:9px;
}

.hide
{
    display: none;
}

.show
{
    display: block;
}

.visible
{
    visibility: visible;
}

.invisible
{
    visibility: hidden;
}

/***********************************************************************
	Structure
***********************************************************************/
#header
{
	position: relative;
	height: 95px;
	margin-top: 10px;
}

#loginWelcome
{
	position: absolute;
	top: 70px;
	left: 0;
	color: #999;
}

#globalNavigation
{
	position: absolute;
	top: 70px;
	right: 0;
	color: #999;
}

#leftColumn
{
	width: 224px;
	float: left;
	margin-right: 10px;
}

#rightColumn
{
	width: 726px;
	float: left;
}

#footer
{
	margin: 20px 0;
	color: #999;
}

#updateProgress
{
	position: absolute;
	background: transparent url(../images/icons/iconAnimLoaderLrg.gif) no-repeat left top;
	height: 100px;
	width: 100px;
	z-index: 11000;
}

/***********************************************************************
	Main Menu
***********************************************************************/
#navMenu
{
	float: left;
	list-style-type: none;
    background: transparent url(../images/navigation/navBar.png) no-repeat top right;
    height: 40px;
    width: 726px;
    margin: 0;
    padding: 0;
}
#navMenu li
{
	float: left;
    background-image: url(../images/navigation/navLabels.png);
    background-repeat: no-repeat;
}
#navMenu li a
{
	display: block;
	text-indent: -10000px;
	height: 38px;
}

#navHome
{
	background-position: 0 0;
	width: 58px;
}
#navHome:hover { background-position: 0 -40px; }
#navHome:active { background-position: 0 -80px; }
#navHome.selected { background-position: 0 -120px; }

#navCompanies
{
	background-position: -58px 0;
	width: 137px;
}
#navCompanies:hover { background-position: -58px -40px; }
#navCompanies:active { background-position: -58px -80px; }
#navCompanies.selected { background-position: -58px -120px; }

#navProducts
{
	background-position: -195px 0;
	width: 142px;
}
#navProducts:hover { background-position: -195px -40px; }
#navProducts:active { background-position: -195px -80px; }
#navProducts.selected { background-position: -195px -120px; }

#navReports
{
	background-position: -337px 0;
	width: 68px;
}
#navReports:hover { background-position: -337px -40px; }
#navReports:active { background-position: -337px -80px; }
#navReports.selected { background-position: -337px -120px; }

#navRequests
{
	background-position: -405px 0;
	width: 76px;
}
#navRequests:hover { background-position: -405px -40px; }
#navRequests:active { background-position: -405px -80px; }
#navRequests.selected { background-position: -405px -120px; }

#navListings
{
	background-position: -481px 0;
	width: 101px;
}
#navListings:hover { background-position: -481px -40px; }
#navListings:active { background-position: -481px -80px; }
#navListings.selected { background-position: -481px -120px; }

#navMessages
{
	background-position: -582px 0;
	width: 116px;
}
#navMessages:hover { background-position: -582px -40px; }
#navMessages:active { background-position: -582px -80px; }
#navMessages.selected { background-position: -582px -120px; }

#navOrders
{
	background-position: -698px 0;
	width: 63px;
}
#navOrders:hover { background-position: -698px -40px; }
#navOrders:active { background-position: -698px -80px; }
#navOrders.selected { background-position: -698px -120px; }

#navProfile { display: none; }


/***********************************************************************
	Left Navigation
***********************************************************************/
#sideMenu, #sideMenu ul
{
	list-style-type: none;
	background-color: #FFF;
    margin: 0;
    padding: 0;
}
#sideMenu li a
{
	display: block;
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #A5A9AD;
	border-right: 1px solid #A5A9AD;
	color: #484848;
	text-decoration: none;
	padding: 8px 10px;
}
#sideMenu li:hover
{
	background: transparent url(../images/common/bkgdTransparentGray15.png) repeat left top;
}
#sideMenu li.selected
{
	background: #FFFED9 url(../images/common/bkgdYellow.gif) repeat-x left top;
}

/***********************************************************************
	Left Help Section
***********************************************************************/
.needHelp
{
	background: transparent url(../images/icons/iconHelp.png) no-repeat left 0;
	padding: 10px 0 10px 55px;
	height: 40px;
}

.helpList
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.helpList li
{
	padding-top: 5px;
}

.helpList a
{
	display: block;
}

.helpList p
{
	display: none;
	padding: 5px 0 5px 15px;
}

/***********************************************************************
	Footer & Static Nav elements
***********************************************************************/
#footer p
{
	padding: 5px 0;
}

#footer p span, #globalNavigation span
{ 
	padding: 0 5px;
}

#footer a
{ 
	color: #666;
}

/***********************************************************************
	Dynamic Buttons
***********************************************************************/
a.button
{
    background: transparent url(../images/buttons/btnsRight.png) no-repeat right 0;
	text-align: center;
	cursor: pointer;
    color: #FFF;
    display: inline-block;
    height: 19px;
    padding-right: 10px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
}
a.button:hover { background-position: right -20px; }
a.button:active { background-position: right -20px; }
a.button[disabled="disabled"],
a.button.disabled
{ 
	background-position: right -60px;
	cursor: default;
}

a.button span
{
    background: transparent url(../images/buttons/btnsLeft.png) no-repeat 0 0;
	text-align: center;
    padding: 1px 0 0 10px;
    height: 17px;
	display: block;
}
a.button:hover span { background-position: 0 -20px; }
a.button:active span { background-position: 0 -20px; }
a.button[disabled="disabled"] span,
a.button.disabled span
{ 
	background-position: 0 -60px;
	cursor: default;
}

a.actionbutton
{
    background: transparent url(../images/buttons/btnsRight.png) no-repeat right -80px;
	text-align: center;
	cursor: pointer;
    color: #FFF;
    display: inline-block;
    height: 19px;
    padding-right: 10px;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
}
a.actionbutton:hover { background-position: right -100px; }
a.actionbutton:active { background-position: right -120px; }

a.actionbutton span
{
    background: transparent url(../images/buttons/btnsLeft.png) no-repeat 0 -80px;
	text-align: center;
    padding: 1px 0 0 10px;
    height: 17px;
	display: block;
}
a.actionbutton:hover span { background-position: 0 -100px; }
a.actionbutton:active span { background-position: 0 -120px; }

/***********************************************************************
	Main GridView
***********************************************************************/
.grid
{
	background: #FFF url(../images/common/bkgdBlueTall.gif) repeat-x left top;
}
.grid tbody
{
	border-left: 1px solid #A5A9AD;
	border-right: 1px solid #A5A9AD;
}
.grid tr
{
	border-bottom: 1px solid #D4D4D4;
}
.grid tr:hover
{
	background: transparent url(../images/common/bkgdTransparentGray15.png) repeat left top;
}
.grid td, .grid th
{
	text-align: left;
	padding: 2px 5px 3px;
}
.grid th
{
	background: transparent url(../images/common/bkgdHdrColumns.gif) repeat-x left 0px;
	font-weight: normal;
	border-bottom: 1px solid #969a9d;
}
.grid th:hover 
{
	background-position: left -40px;
	border-bottom: 1px solid #9d9fa2;
}
.grid th.asc, .grid th.desc 
{ 
	background-position: left -80px;
	color: #FFF;
	border-bottom: 1px solid #585c60;
}
.grid th.asc a
{ 
	color: #FFF;
	background: transparent url(../images/icons/iconArrowsSort.png) no-repeat right -15px;
	padding-right: 10px;
}
.grid th.desc a 
{ 
	color: #FFF;
	background: transparent url(../images/icons/iconArrowsSort.png) no-repeat right 5px;
	padding-right: 10px;
}
.grid th a
{
	color: #484848;
	text-decoration: none;
}
.grid input[type=checkbox]
{
	float: left;
	margin: 2px 3px 0 0;
	padding:0;
	height: 12px;
}
.grid div input[type=checkbox]
{
    margin-top:0px;
    
}
.grid .pager
{
	background: transparent url(../images/common/bkgdHdrLtGray.gif) repeat-x left top !important;
	border-bottom: 1px solid #A5A9AD;
}
.grid .pager td
{
	padding: 0px;
	text-align: center;
}
.grid .pager td > a
{
	margin-bottom: 7px;
}
.grid .pager a
{
    background: transparent url(../images/buttons/btnsRight.png) no-repeat right 0;
	text-align: center;
	cursor: pointer;
    color: #FFF;
    display: inline-block;
    height: 19px;
    padding-right: 10px;
    text-decoration: none;
}
.grid .pager a span
{
    background: transparent url(../images/buttons/btnsLeft.png) no-repeat 0 0;
	text-align: center;
    padding: 1px 0 0 10px;
    height: 19px;
	display: block;
}
.grid .pager a.selected
{
	background-position: right -40px;
	color: #ED1C24;
	font-weight: bold;
}
.grid .pager a.selected span
{
	background-position: 0 -40px;
}
.grid .pager a.disabled
{
	background-position: right -60px;
	cursor: default;
}
.grid .pager a.disabled span
{
	background-position: 0 -60px;
}
.grid .pager a.prev img
{
	margin: 0 4px 0 -2px
}
.grid .pager a.next img
{
	margin: 0 -2px 0 4px
}
.grid .pageNumbers
{
	display: inline-block;
    background: transparent url(../images/common/bkgdRecessLtGrayRight.gif) no-repeat right 0;
    padding: 10px 10px 7px 0;
    margin: 0 5px;
}
.grid .pageNumbers > span
{
    background: transparent url(../images/common/bkgdRecessLtGrayLeft.gif) no-repeat 0 0;
    padding: 11px 0 10px 10px;
}
.selectAll
{    
    min-width:55px;
    vertical-align:middle;
    text-align:center;
    max-width:70px;
}
/*******************************************************************************
	Detail GridView
*******************************************************************************/
.detailGrid
{
	padding-bottom: 5px;
}
.detailGrid th
{
	background: transparent url(../images/common/bkgdHdrLtGray.gif) repeat-x left top;
	color: #5D80A3;
	font-weight: bold;
	padding: 3px 5px;
}
.detailGrid th a
{
	color: #5D80A3;
	font-weight: bold;
	text-decoration: none;
}
.detailGrid td
{
	border-top: 1px solid #D4D4D4;
	padding: 3px 5px;
}

.detailGrid .moveUp,
.detailGrid .moveDown
{
	float: left;
	margin: 2px;
}

/*******************************************************************************
	Login Page Styling
*******************************************************************************/
#loginMain
{
	background: transparent url(../images/homepage/bkgdLogin.jpg) no-repeat left top;
	height: 294px;
	padding-top: 86px;
}

#loginBody
{
	padding: 10px 20px;
	width: 392px;
}

.loginSection td
{
	vertical-align: text-bottom;
}
.loginSection h5 a
{
	font-weight: normal;
	text-decoration: none;
}
.loginSection input
{
	width: 150px;
	margin-right: 10px;
}

#loginNav
{
	margin: 0;
	padding: 0;
}

#loginNav li
{
	list-style-type: none;
	float: left;
	height: 70px;
}

#loginNav li a
{
	white-space: nowrap;
}

#loginContact 
{ 
	background: transparent url(../images/homepage/bkgdCallouts.jpg) no-repeat 0 0;
	padding: 30px 20px 0 92px;
	width: 213px;
}
#loginContact:hover { background-position: 0 -100px; }

#loginEmail
{ 
	background: transparent url(../images/homepage/bkgdCallouts.jpg) no-repeat -325px 0;
	padding: 30px 20px 0 72px;
	width: 215px;
}
#loginEmail:hover { background-position: -325px -100px; }

#loginComment
{ 
	background: transparent url(../images/homepage/bkgdCallouts.jpg) no-repeat -632px 0;
	padding: 30px 40px 0 72px;
	width: 215px;
}
#loginComment:hover { background-position: -632px -100px; }

/*******************************************************************************
	Home Page Content Styling
*******************************************************************************/
.portalList
{
	margin-top: -10px;
}

.portalList td
{
	width: 323px;
	padding: 0 20px 0 0;
}
.portalList td.col2
{
	border-left: 1px solid #D4D4D4;
	padding: 0 0 0 20px;
}

.portalList td > img
{
	float: left;
	height: 70px;
	width: 70px;
	padding: 5px 10px 0 0;
}

.portalList div
{
	display: inline-block;
	width: 241px;
	padding-bottom: 10px;
}

.portalList h2 a
{
	padding-right: 5px;
}

/*******************************************************************************
	Questionnaire Page Styling
*******************************************************************************/
#questionList
{
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0;
}

#questionList li
{
	padding: 0 0 5px;
}

.expandCollapseContent .answerDetails
{
	display: none;
	padding-top: 10px;
}

/*******************************************************************************
	Lightbox Styling
*******************************************************************************/
.lightBox
{
	position: absolute;
	display: none;
	z-index: 10000;
}
.lightBox .bodyHeader
{
	width: 726px;
}
.lightBox .bodyInfo
{
	width: 714px;
}
.lightBox .bodyContent
{
	width: 684px;
}

.lightBoxCapper
{
	background: transparent url(../images/lightbox/bkgdLightboxLargeTop.png) no-repeat 0 0;
	height: 10px;
	width: 746px;
}

.lightBoxBody
{
	background: transparent url(../images/lightbox/bkgdLightboxLargeMid.png) repeat-y 0 0;
	padding: 0 10px;
}

.lightBoxFooter
{
	background: transparent url(../images/lightbox/bkgdLightboxLargeBtm.png) no-repeat 0 0;
	height: 10px;
	width: 746px;
}

.lightBoxCloseButton
{
	position: absolute;
	background: transparent url(../images/buttons/btnClose.png) no-repeat 0 0;
	display: block;
	top: -1px;
	left: -2px;
	height: 24px;
	width: 24px;
	text-indent: -10000px;
	cursor: pointer;
}
.lightBoxCloseButton:hover { background-position: 0 -30px; }

.lightBoxBackground, .progressLightBoxBackground
{
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
}

/*******************************************************************************
	Confirmation LightBox Styling
*******************************************************************************/
.dialog
{
	position: absolute;
	display: none;
	z-index: 10000;
}
.dialog .bodyHeader
{
	width: 353px;
}
.dialog .bodyInfo
{
	width: 351px;
}
.dialog .bodyContent
{
	width: 311px;
}

.dialogCapper
{
	background: transparent url(../images/lightbox/bkgdLightboxSmallTop.png) no-repeat 0 0;
	height: 10px;
	width: 373px;
}

.dialogBody
{
	background: transparent url(../images/lightbox/bkgdLightboxSmallMid.png) repeat-y 0 0;
	padding: 0 10px;
}

.dialogFooter
{
	background: transparent url(../images/lightbox/bkgdLightboxSmallBtm.png) no-repeat 0 0;
	height: 10px;
	width: 373px;
}

/*******************************************************************************
	ToolTip Styling
*******************************************************************************/
.toolTipTarget
{
	display: inline-block;
	background: transparent url(../images/icons/iconTooltip.png) no-repeat 0 0;
	height: 16px;
	width: 16px;
	text-indent: -10000px;
	cursor: help;
}
.toolTip
{
	position: absolute;
	display: none;
	z-index: 10000;
	width: 210px;
	padding: 0;
	margin: 0;
}
.toolTipCapper
{
	background: transparent url(../images/tooltip/tooltipTop.png) no-repeat 0 0;
	height: 15px;
}
.toolTipBody
{
	background: transparent url(../images/tooltip/tooltipMid.png) repeat-y 0 0;
	padding: 0 15px;
}
.toolTipFooter
{
	background: transparent url(../images/tooltip/tooltipBtm.png) no-repeat 0 0;
	height: 25px;
}

/*******************************************************************************
	Accordion Styling
*******************************************************************************/
.accordion > h2
{
	background: transparent url(../images/common/bkgdHdrLtGray.gif) repeat-x left top;
	padding: 5px;
	color: #5D80A3;
	cursor: pointer;
}

.accordion > div
{
	display: none;
	border: 1px solid #E4E4E4;
	padding: 10px;
}

/*******************************************************************************
	Order Progress Styling
*******************************************************************************/
#progress
{
	float: left;
	list-style-type: none;
    height: 36px;
    width: 415px;
    margin: 0;
    padding: 0;
}

#progress li
{
	float: left;
    background-image: url(../images/progress/hdrProgress.gif);
    background-repeat: no-repeat;
}

#progress li a,
#progress li span
{
	display: block;
	text-align: left;
	text-indent: -10000px;
	height: 36px;
	margin: 0 !important;
}

#progressOrder
{
	background-position: 0 0;
	width: 69px;
}
#progressOrder.active { background-position: 0 -36px; }
#progressOrder.inactive { background-position: 0 -72px; }

#progressQuote
{
	background-position: -69px 0;
	width: 74px;
}
#progressQuote.active { background-position: -69px -36px; }
#progressQuote.inactive { background-position: -69px -72px; }

#progressProof
{
	background-position: -143px 0;
	width: 70px;
}
#progressProof.active { background-position: -143px -36px; }
#progressProof.inactive { background-position: -143px -72px; }

#progressInProgress
{
	background-position: -213px 0;
	width: 107px;
}
#progressInProgress.active { background-position: -213px -36px; }
#progressInProgress.inactive { background-position: -213px -72px; }

#progressComplete
{
	background-position: -320px 0;
	width: 95px;
}
#progressComplete.active { background-position: -320px -36px; }
#progressComplete.inactive { background-position: -320px -72px; }

ul.addressList
{
    list-style-type: none;
}
.addressList li
{
    width: 400px;
    padding-bottom: 10px;
}
.addressList .buttonWrapper
{
    float: right;
}

/*******************************************************************************
	Status Styling
*******************************************************************************/
.statusRed
{
	color: #ED1C24;
	background: transparent url(../images/icons/iconBullets.png) no-repeat left 5px;
	padding-left: 15px;
}
.statusYellow
{
	color: #999400;
	background: transparent url(../images/icons/iconBullets.png) no-repeat left -15px;
	padding-left: 15px;
}
.statusGreen
{
	color: #5FA300;
	background: transparent url(../images/icons/iconBullets.png) no-repeat left -35px;
	padding-left: 15px;
}
.statusBlue
{
	color: #5D80A3;
	background: transparent url(../images/icons/iconBullets.png) no-repeat left -55px;
	padding-left: 15px;
}
.statusBlack
{
	color: #484848;
	background: transparent url(../images/icons/iconBullets.png) no-repeat left -75px;
	padding-left: 15px;
}
.statusGray
{
	color: #999;
	background: transparent url(../images/icons/iconBullets.png) no-repeat left -95px;
	padding-left: 15px;
}


/*******************************************************************************
	General Styling
*******************************************************************************/
.clear
{
    clear: both;
}

.error
{
	color: #ED1C24 !important;
}
.error ul
{
	display: none;
}

.navHeader
{
	background: #FFF url(../images/common/bkgdHdrDrkGray.gif) repeat-x left top;
}
.navContent
{
	background: #FFF url(../images/common/bkgdBlueShort.gif) repeat-x left top;
	border: 1px solid #A5A9AD;
	padding: 10px;
}

.bodyHeader
{
	background: transparent url(../images/common/bkgdHdrMedGray.gif) repeat-x left top;
	text-align: right;
	height: 36px;
}
.bodyHeader h2
{
	float: left;
	padding: 10px;
}
.bodyHeader h3
{
	float: left;
    background: transparent url(../images/common/bkgdRecessMedGrayRight.gif) no-repeat right 0;
    padding: 10px 12px 9px 0;
}
.bodyHeader h3 span
{
    background: transparent url(../images/common/bkgdRecessMedGrayLeft.gif) no-repeat 0 0;
    padding: 10px 0 9px 12px;
}
.bodyHeader a
{
	margin: 10px 10px 0 0;
}
.bodyHeader .progress {
    font-size: 13px;
	float: left;
    background: transparent url(../images/progress/progressRight.jpg) no-repeat right -36px;
    padding: 10px 14px 9px 0;
}
.bodyHeader .progress.complete {
    color: #FFF;
    background-position: right 0;
}
.bodyHeader .progress.error {
    background-position: right -72px;
}

.bodyHeader .progress span {
    background: transparent url(../images/progress/progressLeft.jpg) no-repeat 0 -36px;
    padding: 10px 0 9px 14px;
}
.bodyHeader .progress.complete span {
    background-position: 0 0;
}
.bodyHeader .progress.error span {
    background-position: 0 -72px;
}

.bodyInfo
{
	background: #FFFED9 url(../images/common/bkgdYellow.gif) repeat-x left top;
	border-left: 1px solid #A5A9AD;
	border-right: 1px solid #A5A9AD;
	border-bottom: 1px solid #A5A9AD;
	padding: 5px;
}
.bodyContent
{
	background: #FFF url(../images/common/bkgdBlueTall.gif) repeat-x left top;
	border-left: 1px solid #A5A9AD;
	border-right: 1px solid #A5A9AD;
	border-bottom: 1px solid #A5A9AD;
	padding: 20px;
}

td.labelCell
{
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	width: 156px;
	padding-right: 20px;
}

td.contentCell
{
	vertical-align: top;
	width: 332px;
	padding: 0 20px 15px 0;
}
td.contentCell input[type="text"],
td.contentCell textarea,
.inputField
{
	width: 332px;
}
td.narrowContentCell
{
    vertical-align: top;
	padding: 0 20px 15px 0;
}
td.bodyCell
{
	vertical-align: top;
	width: 332px;
	padding-right: 20px;
}

input.hasDatepicker
{
	width: 75px !important;
	margin-right: 2px;
}
.ui-datepicker
{
	z-index: 15000;
}

.offsetContent
{
	margin-left: 176px;
}

.radioList label
{
	display: inline-block;
	margin: -14px 0 0 22px;
}

.textCounter
{
	position: absolute;
	width: 332px;
	text-align: right;
}

.indent
{
	padding-left: 15px;
}

.expandLeft
{
	background: transparent url(../images/icons/iconExpandCollapse.png) no-repeat left 5px;
	padding-left: 15px;
}
.expandRight
{
	background: transparent url(../images/icons/iconExpandCollapse.png) no-repeat right 5px;
	padding-right: 15px;
}
.collapseLeft
{
	background: transparent url(../images/icons/iconExpandCollapse.png) no-repeat left -25px;
	padding-left: 15px;
}
.collapseRight
{
	background: transparent url(../images/icons/iconExpandCollapse.png) no-repeat right -25px;
	padding-right: 15px;
}

.expandCollapseHeader
{
	background:  transparent url(../images/common/bkgdHdrLtGray.gif) repeat-x scroll left top;
	height: 36px;
	text-align: right;
}

.expandCollapseHeader h2
{
	float: left;
	padding: 9px 10px;
}

.expandCollapseHeader a
{
	margin: 10px 10px 0 0;
}

.expandCollapseCapper
{
	background: transparent url(../images/common/bkgdExpandCollapseTop.gif) no-repeat scroll left top;
	height: 20px;
}

.expandCollapseContent
{
	background: transparent url(../images/common/bkgdExpandCollapseMid.gif) repeat-y scroll left top;
	padding: 0 20px;
}
.expandCollapseContent .labelCell
{
	width: 136px;
}

.expandCollapseFooter
{
	background: transparent url(../images/common/bkgdExpandCollapseBtm.gif) no-repeat scroll left top;
	height: 20px;
	padding-bottom: 5px;
}

.moveUp,
.moveDown
{
	display: inline-block;
	background: transparent url(../images/icons/iconArrowsMove.png) no-repeat;
	height: 8px;
	width: 8px;
	text-align: left;
	text-indent: -10000px;
}
.moveUp
{
	background-position: left top;
}
.moveUp:disabled,
.moveUp.disabled
{
	background-position: left -40px;
}
.moveDown
{
	background-position: left -20px;
}
.moveDown:disabled,
.moveDown.disabled
{
	background-position: left -60px;
}
.remove
{
	display: inline-block;
	background: transparent url(../images/icons/iconDelete.png) no-repeat;
	height: 14px;
	width: 14px;
	text-align: left;
	text-indent: -10000px;
}

.ListItemScaledImage, .ListingImage,.LargeScaledImage,.MediumScaledImage,.SmallScaledImage,.VerySmallScaledImage
{
    /* image will be shown when scaled */
     visibility:hidden;
}

.PreviewImage
{
    margin-top:3px;
}

.confirm
{
	display: none;
}

/*******************************************************************************
	vendor company media/submedia
*******************************************************************************/
div.scroll
{
	border: 1px solid #A5A9AD;
	background-color: #D4D4D4;
	padding: 5px;
	height: 300px;
	width: 600px;
	overflow: auto;
}


/*******************************************************************************
	view oreder cancellation
*******************************************************************************/

.pnlCancel 
{
    /*border:1px solid red;*/
    /*padding:10px;*/
    margin-bottom:10px;
}
.pnlCancel h4 {color:red;}
.pnlCancel table {margin-top:10px;}
.pnlCancelButtons, .pnlCancel {display: none;}


/*******************************************************************************
	pricing schedule
*******************************************************************************/


.RecurringPanel td.labelCell
{
	width: 275px;
}

.RecurringPanel input
{
	text-align: right;
}

.Recurring .summary
{
	padding-left: 10px;
}