/*-------------------------------- dsf-vdp.css ----------------------------------*/
/*BODY {
	font-family: Verdana, sans-serif;
	font-size: small;
}
As we have class for body in theme.css i think we can remove this class.
Sundaresh L N */

/*
.table-top {
	background-color: #E0E7EE;
	border-bottom-style: dotted;
	border-bottom-color: #888888;
	border-bottom-width: 1px;
	padding-left: 10px;
}
This class has not been used in any of the pages in entire solution, so We can remove this class. Sundaresh.L.N
*/

/*
font.table-rows-t {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
As we are going by branding or themening, I think we should remove this class. Sundaresh.L.N.
*/


.link {
	font-weight: bold;
	color: #8080C0;
	text-decoration: underline;
}
.vdp-section {
	background-color: #FFFFFF;
	width: 400px;
}
	
.vdp-section-actions-r {
	background-color: #E0E7EE;
	border-top-color: #8A8A8A;
	border-top-width: 1px;
	border-top-style: dotted;
	text-align: right;
	padding-right: 5px;
	height: 24px;
	vertical-align: middle;}

.vdp-section-actions-l {
	background-color: #E0E7EE;
	border-top-color: #8A8A8A;
	border-top-width: 1px;
	border-top-style: dotted;
	text-align: left;
	padding-left: 5px;
	height: 24px;
	vertical-align: middle;}

.vdp-section-actions {
	background-color: #E0E7EE;
	border-top-color: #8A8A8A;
	border-top-width: 1px;
	border-top-style: dotted;
	text-align: left;
	padding-left: 5px;
	height: 30px;
	vertical-align: middle;}

.vdp-section-actions-dotted {
	background-color: #FFFFFF;
	border-top-color: #8A8A8A;
	border-top-width: 1px;
	border-top-style: dotted;
	height: 1px;}

.vdp-section-title {
	border-bottom-style: solid;
	border-bottom-color: #BAC7DB;
	border-bottom-width: 1px;
	padding-left: 10px;
	width: 100%;
	height: 27px;
	text-align: left;
	vertical-align: middle;
	background-color: #E0E7EE;
}

.vdp-section-comment {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 240px;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 2px;
	height: 24px;
}

.vdp-section-title-t {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #2C4565;
}

.vdp-section-title-t-error {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: red;
}

.vdp-section-margin {
	width: 10px;
}

.vdp-section-solid-line {
	width: 100%;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BAC7DB;
	background-color: #E0E7EE;
}

.vdp-section-label {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	width: 140px;
	height: 24px;
	vertical-align: middle;
}

.vdp-section-label-multiline {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	width: 140px;
	height: 24px;
	vertical-align: top;
}

.vdp-section-field {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 240px;
	vertical-align: middle;
	height: 24px;
}

.vdp-section-prompt {
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: left;
	vertical-align: middle;}

.vdp-section-prompt-t {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #2C4565;}

.vdp-section-form {
	background-color: #FFFFFF;
}
.vdp-section-footer {
	width: 100%;
	height: 2px;
	background-color: #E0E7EE;
}
.vdp-section-space-row {
	height: 8px;
}
.vdp-section-dotted-line {
	width: 100%;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	background-color: #FFFFFF;
}
.vdp-section-outline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E0E7EE;
	border-right-color: #E0E7EE;
	border-bottom-color: #E0E7EE;
	border-left-color: #E0E7EE;
}

.vdp-section-required-t {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #EE0000;
	vertical-align: middle;
}

.vdp-section-field-required {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
}

.vdp-section-edit {
	background-color: #FFFFFF;
	width: 400px;
}
.vdp-section-title-edit {
	border-bottom-style: solid;
	border-bottom-color: #BAC7DB;
	border-bottom-width: 1px;
	padding-left: 10px;
	width: 100%;
	height: 27px;
	text-align: left;
	vertical-align: middle;
	background-color: #E0E7EE;
}
.vdp-section-title-t-edit {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #2C4565;
}

.vdp-section-margin-edit {
	width: 10px;
}
.vdp-section-label-edit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	width: 140px;
	height: 24px;
	vertical-align: middle;
}
.vdp-section-field-edit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 240px;
	vertical-align: middle;
	height: 24px;
}
.vdp-section-prompt-edit {
	border-bottom-style: dotted;
	border-bottom-color: #8A8A8A;
	border-bottom-width: 1px;
	padding-left: 1px;
	height: 29px;
	text-align: left;
	vertical-align: middle;
}
.vdp-section-prompt-t-edit {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #2C4565;
}
.vdp-section-form-edit {
	background-color: #FFFFFF;
}
.vdp-section-footer-edit {
	width: 100%;
	height: 2px;
	background-color: #E0E7EE;
}
.vdp-section-space-row-edit {
	height: 8px;
}
.vdp-section-outline-edit {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E0E7EE;
	border-right-color: #E0E7EE;
	border-bottom-color: #E0E7EE;
	border-left-color: #E0E7EE;
}
.vdp-section-required-t-edit {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #EE0000;
	vertical-align: middle;
}
.vdp-section-field-required-edit {
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
}

.vdp-section-field-association-title-right {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 240px;
	vertical-align: top;
	height: 12px;
	color: #000066;
}

.vdp-section-field-association-title-left {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	width: 140px;
	height: 12px;
	vertical-align: top;
	color: #000066;
}

/* ---------------- NEW STYLES IN DSF 2.5 ------------------------------ */

/*-------------------------------- begin dsf.css  ----------------------------------*/

.locationSelected {
	background-color : #E5EBF4;
}

.productBox {
	background-image : url(Images/fill/DSF_Icon_PS_ProductBox_Wht.gif);
	width : 117px;
	height : 175px;
}

.productBoxContent {
	background-color : #FFFFFF;
}

.productBoxTop {
	background-image : url(Images/fill/product_grid_top.gif);
	width : 117px;
	height : 10px;
}

.productBoxBottom {
	background-image : url(Images/fill/product_grid_bottom.gif);
	width : 117px;
	height : 10px;
}

.orderBox {
	background-color : #CC9900;
	border-top : 1px solid #FFCC33;
	border-bottom : 1px solid #FFCC33;
	border-left : 1px solid #FFCC33;
	border-right : 1px solid #FFCC33;
	width : 100px;
	height : 22px;
}

.alertsBox {
	background-color : #FFFFFF;
	border-top : 1px solid #B9C2C6;
	border-bottom : 1px solid #B9C2C6;
	border-left : 1px solid #B9C2C6;
	border-right : 1px solid #B9C2C6;
}

.alertsTitle {
	font-family : Verdana;
	font-weight : bold;
	font-size : 10pt;
	color : #4A8CBD;
}

.sectionText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

.componentHeader {
	background-image : url(Images/fill/DSF_GrayHeaderBar.gif);
	width : 500px;
	height : 25px;
}

.componentHeaderBig {
	background-image : url(Images/fill/DSF_A_GrayHeaderBar.gif);
	width : 630px;
	height : 25px;
}

.cookieCrumbLink {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-transform : uppercase;
}

A.cookieCrumbLink:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-transform : uppercase;
	text-decoration : underline;
}

A.cookieCrumbLink:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-transform : uppercase;
	text-decoration : underline;
}

A.cookieCrumbLink:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-transform : uppercase;
	text-decoration : underline;
}

A.cookieCrumbLink:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-transform : uppercase;
	text-decoration : underline;
}

.cookieCrumbSeperator {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

.cookieCrumb {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
	text-transform : uppercase;
}

.sectionTitle {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	line-height : 24px;	
	margin-bottom : 5px;
	padding-bottom : 0;
}

.componentBg {
	background-image : url(Images/fill/DSF_DottedLInes_10pixh.gif);
	height : 10px;
	width : 500px;
}

.componentBgBig {
	background-image : url(Images/fill/DSF_A_DottedLines.gif);
	height : 10px;
	width : 630px;
}

.contentBox {
	background-color : #FFFFFF;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.contentBox1 {
	background-color : #FFFFFF;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
	width : 478px;
	height : 422px;
}

.contentBox2 {
	background-color : #FFFFFF;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
	width : 478px;
	height : 422px;
}

.contentBoxBig {
	background-color : #FFFFFF;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
	width : 610px;
	height : 501px;
}

.contentBoxBig2 {
	background-color : #FFFFFF;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
	width : 610px;
	height : 501px;
}

.componentFooter {
	background-image : url(Images/fill/DSF_DottedLInes_Bottom.gif);
	height : 10px;
	width : 500px;
}

.componentFooterBig {
	background-image : url(Images/fill/DSF_A_DottedLInes_Btm.gif);
	height : 10px;
	width : 630px;
}

.formButton,A.formButton,A.formButton:link,A.formButton:visited,A.formButton:hover,A.formButton:active {
	border-right: #676767 1px solid;
	border-top: #bbbbbb 1px solid;
	font-size: 11px;
	background-image: url(Images/btn/btn_bg2.jpg);
	padding-bottom: 2px;
	vertical-align: middle;
	border-left: #bbbbbb 1px solid;
	color: #000000;
	padding-top: 3px;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration: none;
}

.formButtonSmall,A.formButtonSmall,A.formButtonSmall:link,A.formButtonSmall:visited,A.formButtonSmall:hover,A.formButtonSmall:active{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	border-right: #676767 1px solid;
	border-top: #bbbbbb 1px solid;
	background-image: url(Images/btn/btn_bg2.jpg);
	vertical-align: middle;
	border-left: #bbbbbb 1px solid;
	color: #000000;
	border-bottom: #000000 1px solid;
	padding: 0px 2px 0px 2px;
}

.navigationTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : bold;
	color: #333333;
}

.componentTabOff {
	background-image : url(Images/fill/DSF_3rdLevel_Tab_Off.gif);
	width : 106px;
	height : 23px;
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
}

A.tabOffLink:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

A.tabOffLink:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

A.tabOffLink:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

A.tabOffLink:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : none;
}

/* Same styles names, different styles */
.formFields {
	border-top : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #999999;
	font-family : Verdana;
	font-size : 8pt;
	font-weight : normal;
	color : #333333;
	height : 18px;
}

.formFields {
	border-top : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-left : 1px solid #999999;
	border-right : 1px solid #999999;
	font-family : Verdana;
	font-size : 8pt;
	font-weight : normal;
	color : #333333;
	height : 18px;
	padding-left : 5px;
	/*padding-top : 3px;*/
}

.fileLink {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #333333;
}

.textBold8pt {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #333333;
}

.textBold7pt {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
}

.textNormal8pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
}

.textNormal7pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

.textLink7pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

A.textLink7pt:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink7pt:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink7pt:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink7pt:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

A.textBold8pt:link {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textBold8pt:visited {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textBold8pt:active {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textBold8pt:hover {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #003798;
	text-decoration : underline;
}

.textLink8pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink8pt:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink8pt:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink8pt:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
	text-decoration : underline;
}

A.textLink8pt:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #003798;
	text-decoration : underline;
}

.level4Nav
{
	border-bottom : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.level4NavOff {
	background-image : url(Images/fill/DSF_4thNavTab_Avail.gif);	
	width : 110px;
	height : 25px;
}

.level4NavText {
	font-family : Verdana;
	font-weight : bold;
	font-size : 8pt;
	color : #003798;
}

.level4NavNoSides {
}

.level4NavRightSideLine {
	border-right : 1px solid #CECECE;
}

.level4NavBottomSideLine {
	border-bottom : 1px solid #CECECE;
}

.level4NavBottomAndRightSideLine {
	border-right : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
}

.level4NavBg {
	background-image: url(Images/fill/DSF_GrayLine_Vertical.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

.level4SelectionTitle {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #666666;
}

.level4SelectionText {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
}

.sectionTabOff {
	background-image : url(Images/fill/1x80_SectionTab_Background_Gray.gif);
	width : 80px;
	height : 20px;
	background-repeat : repeat-y;
	padding-bottom : 2px;
}

.sectionTabBg {
	background-image : url(Images/fill/DSF_TabLine_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width : 110px;
	height : 23px;
}

.sectionTabOn {
	background-image : url(Images/fill/1x80_SectionTab_Background_White.gif);
	width : 80px;
	height : 20px;
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #003798;
	padding-bottom : 2px;
}

.sectionTabHorFiller
{
	background-image:url(images/fill/DSF_TabLine_1.gif);
	background-repeat:repeat-x;
	width:10px;
	height:1px;
	background-position:bottom;
}

.Tab1px
{
	background-image:url(images/fill/1x1.gif);
	background-repeat:no-repeat;
	width:1px;
	height:1px;
	background-position:bottom;
}

.sectionTabHorFullLength
{
	background-image:url(images/fill/DSF_TabLine_2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.sectionTabLink {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
}

.whiteSectionTabTop {
	background-image : url(images/fill/DSF_Tab_Top_Wht.gif);
	width : 80px;
	height : 4px;
}

.graySectionTabTop {
	background-image : url(images/fill/DSF_Tab_Top_Gray.gif);
	width : 80px;
	height : 4px;
}

.graySectionTabBottom {
	background-image : url(Images/fill/DSF_TabLine_1.gif);
	width : 80px;
	height : 1px;
}

.whiteSectionTabBottom {
	background : #FFFFFF;
	width : 80px;
	height : 1px;
}

/* These 4 styles are for the files selection tab navigator*/
.filesTabTopOn {
	background-image : url(images/fill/filesTabTopOn.gif);
	width : 106px;
	height : 1px;
}

.filesTabOn {
	background-image : url(images/fill/filesTabOn.gif);
	width : 106px;
	height : 23px;
}

.filesTabTopOff {
	background-image : url(images/fill/filesTabTopOff.gif);
	width : 106px;
	height : 1px;
}

.filesTabOff {
	background-image : url(images/fill/filesTabOff.gif);
	width : 106px;
	height : 23px;
}

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

A.sectionTabLink:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

A.sectionTabLink:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

A.sectionTabLink:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

A.sectionTabLink:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : none;
}

.paperName {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
}

.navLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

A.navLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration : underline;
}

A.navLink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration : underline;
}

A.navLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration : underline;
}

A.navLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFCC33;
	text-decoration : underline;
}

.bodyStyle {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.fieldLabel {
	font-family : Verdana;
	font-size : 7pt;
	font-style : normal;
	font-weight : normal;
	color : #333333;
}

.selectScroll {
	height : 219px;	
	width : 164px;	
	overflow : auto;	
	border : 1px solid #999999;	
	background-color : #FFFFFF;	
}

.selectType {
	font-family : Verdana;
	font-size : 8pt;
	font-weight : normal;
	color : #333333;
	background-color : #FFFFFF;
	padding-left : 7px;
	height : 21px;
	cursor : default;
}

.errorBox {
	background-color : #FFFFCC;
	border : 1px solid #CECECE;
}

.errorText {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
}

.navigationLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

A.navigationLink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

A.navigationLink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

A.navigationLink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

A.navigationLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #003798;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

.blueContentBox {
	background-color : #F2F5F7;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.lightBlueContentBox {
	background-color : #E5EBF4;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.tradeMark {
	font-size : 5pt;
}

.jobName {
	font-family : Verdana;
	font-size :7pt;
	font-weight : bold;
	color : #333333;
}

A.jobName:link {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #333333;
	text-decoration : underline;
}

A.jobName:visited {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #333333;
	text-decoration : underline;
}

A.jobName:active {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #333333;
	text-decoration : underline;
}

A.jobName:hover {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #003798;
	text-decoration : underline;
}

.jobNumber {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #333333;
	text-decoration : underline;
}

A.jobNumber:link {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #333333;
	text-decoration : underline;
}

A.jobNumber:visited {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #333333;
	text-decoration : underline;
}

A.jobNumber:active {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #333333;
	text-decoration : underline;
}

A.jobNumber:hover {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #003798;
	text-decoration : underline;
}

.jobStatus {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.jobStatus:link {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.jobStatus:visited {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.jobStatus:active {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.jobStatus:hover {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

.outputSelection {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

A.outputSelection:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.outputSelection:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.outputSelection:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-decoration : underline;
}

A.outputSelection:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

.yellowContentBox {
	background-color : #F7F7F2;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.contentBox3 {
	background-color : #FFFFFF;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.contentBox4 {
	background-color : #FFFFFF;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.jobDetailLabel {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
}

.jobDetail {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

.keyWordHighlight {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
}

.yellowContentBox2 {
	background-color : #FFFFCC;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.jobNameAlert {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #990033;
}

.jobNumberAlert {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.jobNumberAlert:link {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.jobNumberAlert:visited {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.jobNumberAlert:active {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.jobNumberAlert:hover {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #003798;
	text-decoration : underline;
}

.jobStatusAlert {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.jobStatusAlert:link {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.jobStatusAlert:visited {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.jobStatusAlert:active {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.jobStatusAlert:hover {
	font-family : Verdana;
	font-weight : bold;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

.outputSelectionAlert {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.outputSelectionAlert:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.outputSelectionAlert:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.outputSelectionAlert:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #990033;
	text-decoration : underline;
}

A.outputSelectionAlert:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

.jobAlertText {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #990033;
}

.textSmallItalic {
	font-family : Verdana;
	font-weight : normal;
	font-style : italic;
	font-size : 7pt;
	color : #333333;
}

.textSmallBoldItalic {
	font-family : Verdana;
	font-weight : bold;
	font-style : italic;
	font-size : 7pt;
	color : #333333;
}

.textSmallWhiteItalic {
	font-family : Verdana;
	font-weight : normal;
	font-style : italic;
	font-size : 7pt;
	color : #FFFFFF;
}

.textRedItalic {
	font-family : Verdana;
	font-weight : normal;
	font-style : italic;
	font-size : 7pt;
	color : #990033;
}

.popupFooterText {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
}

.textNormalItalic {
	font-family : Verdana;
	font-weight : normal;
	font-style : italic;
	font-size : 8pt;
	color : #333333;
}

.alertsLinksRed {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.alertsLinksRed:link {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.alertsLinksRed:visited {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.alertsLinksRed:active {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : underline;
}

A.alertsLinksRed:hover {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #003798;
	text-decoration : underline;
}

.grayDataGrid {
	background-color : #999999;
}

.grayDataGridHeader {
	background-color : #CCCCCC;
	height : 20px;
}

.grayDataGridHeaderHighlight {
	background-color : #999999;
	height : 20px;
}

.textBoldWhite7pt {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

A.textBoldWhite7pt:link {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

A.textBoldWhite7pt:visited {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

A.textBoldWhite7pt:active {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
}

A.textBoldWhite7pt:hover {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : underline;
}

/* 
	Added for datagrids with Bound Columns, combines textNormal7pt and grayDataGridRows
	Do not alter this stlye.
*/

.yellowDataGridRows {
	background-color : #F7F7F2;
	height : 21px;
}

/* 
	Added for datagrids with Bound Columns, combines textNormal7pt and yellowDataGridRows
	Do not alter this stlye.
*/
.yellowDataGridRowsEx {
	background-color : #F7F7F2;
	height : 21px;
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

.textNormalBlue7pt {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #003798;
}

.textNormalBlue8pt {
	font-family : Verdana;
	font-size : 8pt;
	font-weight : normal;
	color : #003798;
}

.grayContentBox {
	background-color : #E5E5E5;
	border : 1px solid #999999;
}

.grayContentBox1 {
	background-color : #E5E5E5;
	border-right : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-left : 1px solid #999999;
}

.grayContentBox2 {
	background-color : #E5E5E5;
	border-right : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-left : 1px solid #CECECE;
}

.contentBox6 {
	background-color : #FFFFFF;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.yellowContentBox3 {
	background-color : #FFFFCC;
	border-top : 1px solid #CECECE;
	border-bottom : 1px solid #CECECE;
	border-right : 1px solid #CECECE;
}

.textLinkBlue7pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

A.textLinkBlue7pt:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : underline;
}

A.textLinkBlue7pt:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #FF9900;
	text-decoration : underline;
}

A.textLinkBlue7pt:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #0092DD;
	text-decoration : underline;
}

A.textLinkBlue7pt:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #FF9900;
	text-decoration : underline;
}

.textLinkBlue8pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #003798;
	text-decoration : underline;
}

A.textLinkBlue8pt:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #003798;
	text-decoration : underline;
}

A.textLinkBlue8pt:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #FF9900;
	text-decoration : underline;
}

A.textLinkBlue8pt:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #0092DD;
	text-decoration : underline;
}

A.textLinkBlue8pt:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #FF9900;
	text-decoration : underline;
}

.textWhite7pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #FFFFFF;
}

.textBoldBlue10pt {
	font-family : Verdana;
	font-weight : bold;
	font-size : 10pt;
	color : #003798;
}

.printMessenger {
	background-image: url(Images/DSF_PM_Bkground.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width : 200px;
	height : 130px;
}

/* Duplicate styles with different attributes  */

.textBoldBlue8pt {
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold;
	color : #003798;
}

/* 
	Added for datagrids with Bound Columns, combines textNormal7pt and yellowDataGridRows
	Do not alter this stlye.
*/
.textBoldBlue8pt {
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold;
	color : #003798;
	text-decoration : underline;
}

.textNormal10pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 10pt;
	color : #333333;
}

.grayLineSeperator {
	background-color : #E5E5E5;
}

.textBold9pt {
	font-family : Verdana;
	font-weight : bold;
	font-size : 9pt;
	color : #333333;
}

.textNormal9pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 9pt;
	color : #333333;
}

.textBlue9pt {
	font-family : Verdana;
	font-weight : normal;
	font-size : 9pt;
	color : #003798;
}

.textBoldRed8pt {
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold;
	color : #990033;
}

.textNormalRed7pt {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
}

.textBoldBlue7pt {
	font-family : Verdana;
	font-size : 7pt;
	font-weight : bold;
	color : #003798;
}

.formFieldsNoBorder {
	border-top : 0px;
	border-bottom : 0px;
	border-left : 0px;
	border-right : 0px;
	font-family : Verdana;
	font-size : 8pt;
	font-weight : normal;
	color : #333333;
	height : 18px;
	/*padding-left : 5px;
	padding-top : 3px;*/
}

.textBold10pt {
	font-family : Verdana;
	font-weight : bold;
	font-size : 10pt;
	color : #333333;
}

.textBoldBlue9pt {
	font-family : Verdana;
	font-weight : Bold;
	font-size : 9pt;
	color : #003798;
}

.regFieldSpacing {
	padding-top: 5px;
	padding-bottom: 5px;
}
/*-------------------------------- end dsf.css  ----------------------------------*/

/*-------------------------------- begin global.css  ----------------------------------*/
/*  The following are the new styles created by Paul Ruxton for the DSF2.0 release */

/* Author: Paul Ruxton */
/* Date: March 8, 2004 */
/* Updated: March 22, 2004 */



/* BODY STYLES */

/* this is the standard body format and should be placed in every body tag */
body.standard {
	background-color: #B9C2C6;
	margin: 0px;
	padding: 0px;

}

/* TEXT STYLES */

/* textNorm is the default for all text and copy */
.textNorm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
/* use textWhite for the pipe character between the login/logout and help links in the header */
.textWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

/* use textBlack for shopping cart items total */
.textBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

/* use textOrange for highlighted text, i.e., order status */
.textOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #BC5504;
}
/* use textLtGrey for checkout progress icons */
.textLtGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #C1C1C1;
}
.textDkGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3F464D;
}
/* use textRed for error messages */
.textRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CC0000;
}
/* use textHdr for black sidebar headers, i.e., My Account and Print Sevices */
.textHdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
/* use textHdr2 for the silvery blue page titles (most) */
.textHdr2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #678595;
	font-weight: bold;
}
/* use this for important info on forms pages, i.e., job number */
.textHdrRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #CC0000;
}
/* use this for important info on forms pages, i.e., job number */
.textHdrOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #BC5504;
}

.textSubHdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
}

/* Used to line up pager control on OrderStatus and OrderHistory Pages */
.textPager {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding-right: 20px;	
}

/* LINK STYLES */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #004B8D;
}
/* use linkWhite for the login/logout and help links in the header */
A.linkWhite:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
A.linkWhite:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
A.linkWhite:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
A.linkWhite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

/* use linkNorm for normal links */
linkNorm
{
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #003798;
	text-decoration : underline;
}

A.linkNorm:link {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #003798;
	text-decoration : underline;
}

A.linkNorm:active {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #FF9900;
	text-decoration : underline;
}

A.linkNorm:visited {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #0092DD;
	text-decoration : underline;
}

A.linkNorm:hover {
	font-family : Verdana;
	font-weight : normal;
	font-size : 8pt;
	color : #FF9900;
	text-decoration : underline;
}

/* use linkCart for the cart links in the header */
A.linkCart:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkCart:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkCart:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkCart:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}

/* TABLE CELL FORMAT, BACKGROUND STYLES AND SHADING */

/* use contentBG in the bacckground of the main content table cell */
td.contentBG {
	background-color: #FFFFFF;
}

td.sidebarBG {
	background-color: #F2F5F7;
}
/* use sidebarBG2 for the 'white' portion of the shadow effect between sidebar buttons */
td.sidebarBG2 {
	background-color: #FFFFFF;
}
td.sidebarBG3 {
	background-color: #B9C2C6;
}
td.footerBG {
	background-color: #888888;
}
/* shadeLt is used for all light gray horizontal rules */
td.shadeLt {
	background-color: #D7D7D7;
}
/* shadeLt is used for all light gray horizontal rules */
.shadeLt {
	background-color: #D7D7D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;

}
.shadeLtYellow {
	background-color: #F0EEC2;
}
.shadeLtWeakYellow
{
	background-color: #FFFFCC;
}
.shadeOrange {
	background-color: #E8A811;
}
.shadeMedBlue {
	background-color: #4678AE;
}
/* shadeRed is used to frame error messages */
.shadeRed {
	background-color: #CC0000;
}
/* formBG1 is a light blue color used for background shading on forms, like nickname on edit profile */
td.formBG1 {
	background-color: #D5E1EA;
}
td.formBG2 {
	background-color: #F2F2F2;
}
td.formBG3 {
	background-color: #B2C4D1;
}
/* formBG4 is used for the light blue shading on the as=ddress book cards */
td.formBG4 {
	background-color: #D5E1EA;
}
/* formBG5 is light blue and used on submit job online */
td.formBG5 {
	background-color: #B9C8D9;
}
td.formBG6 {
	background-color: #D4D6D7;
}
/* use formBG7 for billing info - light green */
td.formBG7 {
	background-color: #BFDFBE;
}
/* hdrHorzBG1-4 are used for the horizontal color bars under the main nav tabs */
td.hdrHorzBG1 {
	background-color: #BECCE0;
}
td.hdrHorzBG2 {
	background-color: #99B9E2;
}
td.hdrHorzBG3 {
	background-color: #99B4D0;
}
td.hdrHorzBG4 {
	background-color: #4678AE;
}
/* bg5 and bg6 are used on the shopping cart header */
td.hdrHorzBG5 {
	background-color: #FCFF00;
}
td.hdrHorzBG6 {
	background-color: #FAAE00;
}
/* main background color for top header */
td.hdrTopBG1 {
	background-color: #112786;
}

td.hdrBG {
	background-color: #003697;
	background-image: url(Images/nav/hdr_bg_img.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.cart-outline {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFBA00;
	border-right-color: #FFBA00;
	border-left-color: #FFBA00;
	height: 22px;
}

div.dsfLogo {
	background-image: url(Images/nav/mainnav_logo_01.gif);
}

div.dsfTitle {
	background-image: url(Images/nav/mainnav_hdr_dsf_01.gif);
}

td.cartImage {
	background-image:url(Images/nav/hdr_cart.gif);
	background-repeat:no-repeat;
	background-position: left;
}

td.cart-count {
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D0D0D0;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
}
.cart-label {
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CC9933;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 7px;
}

td.cartTabActive {
	background-image: url(Images/nav/hdr_cart_01.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
td.cartTabInactive {
	background-image: url(Images/nav/hdr_cart_02.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
td.cartCount {
	background-image: url(Images/nav/hdr_count.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

/*------------  Button Styles ------------*/
.button3
{
	border-right: #676767 1px solid;
	border-top: #bbbbbb 1px solid;
	font-size: 11px;
	background-image: url(Images/btn/btn_bg2.jpg);
	padding-bottom: 2px;
	vertical-align: middle;
	border-left: #bbbbbb 1px solid;
	color: #000000;
	padding-top: 3px;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration: none;
}
/*---------- End Button Styles -----------*/

/*------------ Link Styles -------------*/
A.linkButton3
{
	border-right: #676767 1px solid;
	border-top: #bbbbbb 1px solid;
	font-size: 11px;
	background-image: url(Images/btn/btn_bg2.jpg);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	border-left: #bbbbbb 1px solid;
	color: #000000;
	padding-top: 3px;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration: none;
	color: #000000;
}
/* style for hyperlinks that look like buttons */
A.linkButton3:link {
	color: #000000;
}

/* style for hyperlinks that look like buttons */
A.linkButton3:visited  {
    color: #000000;
}

/* style for hyperlinks that look like buttons */
A.linkButton3:active   {
    color: #000000;
}

/* style for hyperlinks that look like buttons */
A.linkButton3:hover    {
    color: #000000;
}

/*---------- End Link Styles -----------*/

/*----------- Form Backgrounds ---------*/
/* formBG1 is a light blue color used for background shading on forms, like nickname on edit profile */
td.formBG3 {
	background-color: #91A9BC;
}

/*--------- End Form Backgrounds --------*/

/*---------- Sidebar Styles -------------*/
/* SBnavOffShdw is used to achieve the rounded edge effect on the sidebar navigation buttons in the OFF position */
td.SBnavOff {
	background-color: #DDE7EF;
	background-image: url(Images/fill/sb_nav_shade_10x10.gif);
	background-repeat: repeat-y;
	background-position: right;
}

/* background format for sidebar nav buttons in the ON position */
td.SBnavOn {
	background-image: url(Images/btn/sb_nav_bg_on.gif);
}

A.linkSBnavOff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

A.linkSBnavOff:visited
{
	color: #000000;
}

/* use sidebarBGshdw2 to achieve the shadow for the basic sidebar background */
.sidebarBGshdw2 {
	background-image: url(Images/fill/sb_shade_10x10.gif);
	background-color: #F2F5F7;
	background-repeat: repeat-y;
	background-position: right;
}

/*-------- End Sidebar Styles -----------*/

div.sidebarContextMenu {
	display:block;
	background-color: #F2F5F7;
	line-height: 12px;
}

/* style for the sidebar where the context menu resides */
td.sidebarContextMenuBG {
	background-color: #F2F5F7;
	line-height: 16px;
}

/* style for sidebar menu links -----------------------*/
A.sidebarLink {
	border-style: none;
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

/* style for sidebar menu links, cont. */
A.sidebarLink:link {
    color: #000066;
}

/* style for sidebar menu links, cont. */
A.sidebarLink:visited  {
    color: #000066;
}

/* style for sidebar menu links, cont. */
A.sidebarLink:active   {
    color: #000066;
}

/* style for sidebar menu links, cont. */
A.sidebarLink:hover    {
    color: #000066;
    text-decoration: underline;
}
/* end of style for sidebar menu links ---------------*/

/*---------------  Menu Styles ---------------*/
td.mnTabOff {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_bg_off.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
td.mnTabOn {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_bg_on.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

td.mnLeftOff {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_left_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
td.mnLeftOn {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_left_on.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.mnRightOff {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_right_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
td.mnRightOn {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_right_on.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.mnDivOnOff {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_tween_on_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.mnDivOffOff {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_tween_off_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
td.mnDivOffOn {
	vertical-align: middle;
	white-space: nowrap;
	background-image:  url(Images/nav/tab_tween_off_on.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.mnTabOff A, td.mnTabOff A:link, td.mnTabOff A:hover, td.mnTabOff A:visited, td.mnTabOff A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

td.mnTabOn A, td.mnTabOn A:link, td.mnTabOn A:hover, td.mnTabOn A:visited, td.mnTabOn A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/*------------- End Menu Styles --------------*/
/*---------------  Sub Menu Styles ---------------*/
/* This is for menus inside the page not the one  */
/* on top                                         */
/*------------------------------------------------*/

td.submnTabOff {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_bg_off.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
td.submnTabOn {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_bg_on.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

td.submnLeftOff {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_left_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
td.submnLeftOn {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_left_on.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.submnRightOff {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_right_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
td.submnRightOn {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_right_on.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.submnDivOnOff {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_tween_on_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.submnDivOffOff {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_tween_off_off.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
td.submnDivOffOn {
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_tab_tween_off_on.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

td.submnTrailer
{    
	vertical-align: bottom;
	white-space: nowrap;
	background-image:  url(Images/nav/sub_trailer.gif); 
	background-repeat: repeat;
	background-position: bottom;
}

/* style for main menu links, cont. */
A.submnTabText:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align:middle;
	text-decoration: none;
}

/* style for main menu links, cont. */
A.submnTabText:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align:middle;
	text-decoration: none;
}

/* style for main menu links, cont. */
A.submnTabText:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align:middle;
	text-decoration: none;
}

/* style for main menu links, cont. */
A.submnTabText:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align:middle;
	text-decoration: none;
}

/*------------- End Sub Menu Styles --------------*/

/* ---------------------------------- End of DSF2.0 styles by Paul Ruxton */
/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:white
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: black;
}

/* background/border colors for the selected tab */
.TableBg {
	background-color: #F7F7F7;
	border: solid 1px Gainsboro;
}

/* background/border colors for the selected tab */
.SubTableBg {
	background-color: #DCDCDC;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : #000066;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}

/* background/border colors for the unselected tabs */
.SelectedTabBg {
	background-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	color : White;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}

/* text style for the selected tab */
.SelectedTab 
{
	background-color: #FFFFFF;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000066;
	border: solid 1px #000066;
}

/* text style for the unselected tabs */
.OtherTabs {
	background-color: #DCDCDC;
    color:#000066;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration:none;
	padding-bottom : 3px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 2px; 
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link
{
	color: #000066;
	text-decoration: none;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#000066;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#000066;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:#000066;
}

A.SelectedTab:link {
	color: #000066;
	text-decoration: none;
}

A.SelectedTab:visited {
    text-decoration:    none;
    color:#000066;
}

A.SelectedTab:active  {
    text-decoration:    none;
    color:#000066;
}

A.SelectedTab:hover   {
    text-decoration:    none;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
	color: black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    color:#00008B;
    text-decoration: underline;
}

A.SiteLink:visited  {
    color:#00008B;
    text-decoration: underline;
}

A.SiteLink:active   {
    color:#00008B;
    text-decoration: underline;
}

A.SiteLink:hover    {
    color:#00008B;
    text-decoration: underline;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	font : Arial, Helvetica, sans-serif;
}

A.MenuUnselected:hover {
	color: Gray;
	text-decoration: underline;
}

A.MenuSelected {
	color: Gray;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

A.MenuSelected:hover {
	color: Gray;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

p.Menu {
	color : White;
	display: block;
	background-color : #DCDCDC;
	border : 1px solid #000066;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight: bold;
	margin-bottom : 4px;
	margin-top : 4px;
	width: 150px;
	padding : 2px 4px 3px 0px;
}

.Menu a {
	color : #000066;
	font-weight : bold;
	font : normal normal bold 12 Arial, Helvetica, sans-serif;
	font-family : Arial, Helvetica, sans-serif;
	padding-left : 4px;
}

.Menu a:link {
	color : #000066;
}

.Menu a:visited {
	color : #000066;
}

.Menu a:hover {
	font-weight: bold;
	text-decoration: underline;
}

p.SubMenu {
	background-color : #FFFFFF;
	color : #000066;	
	display : block;	
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	font : bold;
	width : 150px;	
	padding : 2px 4px 2px 2px;	
}

.SubMenu a {
	color : #000066;
	padding-left : 6px;
	text-decoration : none;
	font : bold 11px Arial, Helvetica, sans-serif;
}

.SubMenu a:link {
	background-color : #FFFFFF;
	color : #000066;
}

.SubMenu a:visited {
	background-color : #FFFFFF;
	color : #000066;
}
.SubMenu a:hover {
	background-color : White;
	color : #000066;
	text-decoration : underline;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}

.OutlinedMessage {
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #eeeeee;
	border: solid 1px #000066;
	padding: 2px 2px 2px 2px;
}

.OutlinedAccentBox {
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #eeeeee;
	border : 1px solid #000066;
	padding: 4px 4px 4px 4px;
}
/* style of item titles by Announcements and events */
.ItemTitle    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.HeaderRow {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #DCDCDC;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bolder;
	font-size : 16px;
	border-bottom : 1px solid #000066;
}

/* GENERAL */
/* style for module titles */
.Head   {
	font-family: Arial, Helvetica, san-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000066;
	line-height : 24px;	
	margin-bottom : 5px;
	padding-bottom : 0;
}

/* Style of item titles on edit and administrative pages */

.SubHead {
	font-family: Arial, Helvetica, san-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	margin-bottom : 5px;
	padding-bottom : 0;
}

/* module title style used instead of Head for compact rendering by Quicks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}
/* Style of item Satic Banners */
.Banner {
	font-family: Arial, Helvetica, sans-serif;
	background: Silver;
	font-size: 20px;
	font-weight:bold;
	color: Black;
	Height:126px;
	text-align: left;
	padding : 5px;
	vertical-align : baseline;
}

/* text style used for most text rendered by modules */
.NormalBullet
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	list-style-type : square;
	list-style-position : outside;
	text-align: left;
	margin: 4px;
	padding: 4px;
	height: auto;
	width: 400px;
	border: 1px groove #000064;
	background-color : #DCDCDC;
}

.NormalEditBox
{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
}

.NormalRev
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: Black;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	border: 1px solid #7F9DB9;
}

.NumericTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	text-align: right;
}

.NormalRed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: red;
	line-height : 16px;
}

.NormalBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold
}
.NormalBlue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000066;
	line-height : 16px;
}
.NormalBoldBlue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	line-height : 16px;
}
.NormalBoldBlueUnderlined
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	line-height : 16px;
	text-decoration: underline;
}
.Small
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.SmallTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.SmallRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: red
}

.SmallBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}

/* text style for buttons and  buttons used in the portal admin pages */
.CommandButton{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

A.CommandButton:link  {
    color: #000066;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;    
}
    
A.CommandButton:visited  {
    color: #000066;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

A.CommandButton:active   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #000066;
}

A.CommandButton:hover    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    color: #CC0000;
}
    
/* text style for buttons and  buttons used in the portal admin pages */
.SmallCommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: normal;
    text-decoration: underline;
}
    
A.SmallCommandButton:visited  {
    text-decoration:    underline;
    color: #8B0000;
}

A.SmallCommandButton:active   {
    text-decoration:    underline;
    color: #8B0000;
}

A.SmallCommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
 
/*	text style for hyperlinks in the site (as opposed to command buttons which perform an action!) */
.DSFLink
{
	color: #00FF66;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
}
 
A.DSFLink:link  {
    color: #000066;
    font-weight: normal;
	font-size: 11px;
	text-decoration: underline;    
}

A.DSFLink:visited  {
    color: #000066;
    font-weight: normal;
	font-size: 11px;
  	text-decoration: underline;
}

A.DSFLink:active   {
    text-decoration:    underline;
    font-weight: normal;
	font-size: 11px;
    color: #000066;
}

A.DSFLink:hover    {
    text-decoration:    underline;
    font-weight: normal;
	font-size: 11px;
    color: blue;
}

/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #8B0000;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #8B0000;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8B0000;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8B0000;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #8B0000;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #8B0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR 
{
    color: #000066;
    height: 1px;
    text-align: left;
}

HR.SeparatorHR
{
    color: #DCDCDC;
    height: 1px;
}

.DataGridHeader{
	background-color: #000066;
	font-size: x-small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: White;	
}

.DataGridRow
{
	background-color: White;
	color: #000066;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
}
.DataGridRowNumeric 
{
	text-align: right;
	vertical-align: middle;
}

.DataGridRowBold
{
	background-color: White;
	color: #000066;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 20px;
}

.DataGridRowBoldUnderlined
{
	background-color: White;
	color: #000066;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 20px;
	text-decoration: underline;
	
}
.DataGridRowUnderlined
{
	background-color: White;
	color: #000066;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	text-decoration: underline;
}

.DataGridAlternatingRow
{
	background-color: #F0F8FF;
	color: #00008B;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
}
.DataGridAlternatingRowBlackText
{
	background-color: #F0F8FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.DataGridSummaryAlternatingRow
{
	background-color: #DCDCDC;
	color: black;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
}

.AlignButtonLeft
{
	TEXT-ALIGN: left;
}
.AlignButtonLeftSelected
{
	TEXT-ALIGN: left;
	color:Red;
}
/* TABLE CELL FORMAT, BACKGROUND STYLES AND SHADING */

.listheader {
	background-color: #E9E9E9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C5C5C5;
	border-bottom-color: #D7D7D7;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7D7D7D;
	text-decoration: none;
}
.listfooter {
	background-color: #E0E7EE;
	height: 38px;
	padding: 6px;
}
.boxheader {
	background-color: #518EBE;
	font-weight: normal;
	text-decoration: none;
	height: 3px;
}
.boxheader2 {
	background-color: #DDE7EF;
	font-weight: normal;
	text-decoration: none;
}
.boxbody {
	background-color: #FBFBFB;
	font-weight: normal;
	text-decoration: none;
	height: 3px;
}
.boxseparators {
	background-color: #F2F2F2;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7;
	height: 27px;
	padding: 3px 3px 3px 10px;
}
.labels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.labelsbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.helplabel {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #7D7D7D
}
.helplabelhyper {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7D7D7D;
	text-decoration: underline;
}

.psheader {
	font-size: 12px;
	font-weight: bold;
	color: #9A5969;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.textmedgray {
	font-size: 11px;
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #7D7D7D;
}

.dottedline {
	background-image: url(images/ps_line.gif);
}

/*Contact Styles */

/* This is used for setting the style of a text field that we validate
If the field is valid then this style is always used. See also "FOK"
The name of these 2 styles is short to save some bandwidth since these
styles are used extensively
*/
.FOK {
	background-color: white;
	border: 1px solid #000000;
}

/*
    This is used when a text field is required and is not present. It gives 
a clue to the user that data need to be input. This is used all across DSF.
You do NOT need to assign this style to elements in DSF when designing forms.
This style is controlled by the DSF framework and assigned on the fly to provide
consistency.
*/
.FRQ 
{
    background-color: #FFFFCC;
	border: 1px solid #000000;
}

.SelectedLanguage
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
    background-color: #B0C4DE;
}
/*-------------------------------- end global.css  ----------------------------------*/


/*-------------------------------- begin digitalstorefront.css  ----------------------------------*/
/*  The following are the new styles created by Paul Ruxton for the DSF2.0 release */

/* TEXT STYLES */

/* TABLE CELL FORMAT, BACKGROUND STYLES AND SHADING */
td.formBG3 {
	background-color: #B2C4D1;
}
/*----------- Form Backgrounds ---------*/
td.formBG3 {
	background-color: #91A9BC;
}

/*--------- End Form Backgrounds --------*/

/* ---------------------------------- End of DSF2.0 styles by Paul Ruxton */

/* PAGE BANNER */
/* background/border colors for the unselected tabs */
.OtherTabsBg {
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13;
	font-weight : bold;
	color : #000066;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	border : 2px solid Gainsboro;
}

/* background/border colors for the unselected tabs */
.SelectedTabBg {
	background-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13;
	font-weight : bold;
	color : White;
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	border : 2px solid Gainsboro;
}

/* GENERAL */
/* text style for buttons and  buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

A.CommandButton:link  {
    color: #000066;
    text-decoration: underline;    
}
    
A.CommandButton:visited  {
    color: #000066;
    text-decoration: underline;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #000066;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: blue;
}
    
/* Styles added from the DSF 2.5 style sheet (dsf.css) */
.grayDataGridHeader {
	background-color : #CCCCCC;
	height : 20px;
	font-family : Verdana;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

/* Styles added from the DSF 2.5 style sheet (dsf.css) */
/*-------------------------------- end digitalstorefront.css  ----------------------------------*/