/*-------------------------------- dsf-vdp.css ----------------------------------*/
/*BODY {
	font-family: Trebuchet MS, 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 Trebuchet MS, 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: none;
}
.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 Trebuchet MS, 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 Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #2C4565;
}

.vdp-section-title-t-error {
	font: bold 11px Trebuchet MS, 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 Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	width: 140px;
	height: 24px;
	vertical-align: middle;
}

.vdp-section-label-multiline {
	font: 10px Trebuchet MS, 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 Trebuchet MS, 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 Trebuchet MS, 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 Trebuchet MS, 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 Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #2C4565;
}

.vdp-section-margin-edit {
	width: 10px;
}
.vdp-section-label-edit {
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	width: 140px;
	height: 24px;
	vertical-align: middle;
}
.vdp-section-field-edit {
	font: 10px Trebuchet MS, 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 Trebuchet MS, 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 Trebuchet MS, 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 Trebuchet MS, 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 Trebuchet MS, 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 : Trebuchet MS;
	font-weight : bold;
	font-size : 10pt;
	color : #4A8CBD;
}

.sectionText {
	font-family: Trebuchet MS, 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 : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
	text-transform : uppercase;
}

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

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

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

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

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

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

.sectionTitle {
	font-family: Trebuchet MS;
	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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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 : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
}

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

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

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

A.tabOffLink:hover {
	font-family : Trebuchet MS;
	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 : Trebuchet MS;
	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 : Trebuchet MS;
	font-size : 8pt;
	font-weight : normal;
	color : #333333;
	height : 18px;
	padding-left : 5px;
	/*padding-top : 3px;*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.textLink8pt {
	font-family : Trebuchet MS;
	font-weight : normal;
	font-size : 8pt;
	color : #333333;
	text-decoration : none;
}

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

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

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

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

.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 : Trebuchet MS;
	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 : Trebuchet MS;
	font-weight : bold;
	font-size : 7pt;
	color : #666666;
}

.level4SelectionText {
	font-family : Trebuchet MS;
	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 : Trebuchet MS;
	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 : Trebuchet MS;
	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 : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #666666;
	text-decoration : none;
}

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

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

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

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

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

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

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

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

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

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

.fieldLabel {
	font-family : Trebuchet MS;
	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 : Trebuchet MS;
	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 : Trebuchet MS;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
}

.navigationLink {
	font-family: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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 : Trebuchet MS;
	font-size :7pt;
	font-weight : bold;
	color : #333333;
}

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

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

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

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

.jobNumber {
	font-family : Trebuchet MS;
	font-size : 7pt;
	font-weight : normal;
	color : #333333;
	text-decoration : none;
}

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

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

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

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

.jobStatus {
	font-family : Trebuchet MS;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
	text-decoration : none;
}

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

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

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

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

.outputSelection {
	font-family : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : none;
}

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

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

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

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

.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 : Trebuchet MS;
	font-weight : bold;
	font-size : 7pt;
	color : #333333;
}

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

.keyWordHighlight {
	font-family : Trebuchet MS;
	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 : Trebuchet MS;
	font-size : 7pt;
	font-weight : bold;
	color : #990033;
}

.jobNumberAlert {
	font-family : Trebuchet MS;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : none;
}

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

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

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

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

.jobStatusAlert {
	font-family : Trebuchet MS;
	font-weight : bold;
	font-size : 7pt;
	color : #990033;
	text-decoration : none;
}

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

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

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

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

.outputSelectionAlert {
	font-family : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #990033;
	text-decoration : none;
}

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

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

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

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

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

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

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

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

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

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

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

.alertsLinksRed {
	font-family : Trebuchet MS;
	font-size : 7pt;
	font-weight : normal;
	color : #990033;
	text-decoration : none;
}

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

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

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

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

.grayDataGrid {
	background-color : #999999;
}

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

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

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

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

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

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

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

/* 
	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 : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #333333;
}

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

.textNormalBlue8pt {
	font-family : Trebuchet MS;
	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 : Trebuchet MS;
	font-weight : normal;
	font-size : 7pt;
	color : #003798;
	text-decoration : none;
}

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

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

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

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

.textLinkBlue8pt {
	font-family : Trebuchet MS;
	font-weight : normal;
	font-size : 8pt;
	color : #003798;
	text-decoration : none;
}

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

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

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

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

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

.textBoldBlue10pt {
	font-family : Trebuchet MS;
	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 : Trebuchet MS;
	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 : Trebuchet MS;
	font-size : 8pt;
	font-weight : bold;
	color : #003798;
	text-decoration : none;
}

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

.grayLineSeperator {
	background-color : #E5E5E5;
}

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

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

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

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

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

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

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

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

.textBoldBlue9pt {
	font-family : Trebuchet MS;
	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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
/* use textWhite for the pipe character between the login/logout and help links in the header */
.textWhite {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

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

/* use textOrange for highlighted text, i.e., order status */
.textOrange {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #BC5504;
}
/* use textLtGrey for checkout progress icons */
.textLtGrey {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #C1C1C1;
}
.textDkGrey {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3F464D;
}
/* use textRed for error messages */
.textRed {
	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
}
/* use textHdr2 for the silvery blue page titles (most) */
.textHdr2 {
	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #CC0000;
}
/* use this for important info on forms pages, i.e., job number */
.textHdrOrange {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #BC5504;
}

.textSubHdr {
	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding-right: 20px;	
}

/* LINK STYLES */

a {
	font-family: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
A.linkWhite:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
A.linkWhite:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
A.linkWhite:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}

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

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

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

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

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

/* use linkCart for the cart links in the header */
A.linkCart:link {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkCart:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkCart:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkCart:hover {
	font-family: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration: none;
}
.button3_align_top
{
	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: top;
	border-left: #bbbbbb 1px solid;
	color: #000000;
	padding-top: 3px;
	border-bottom: #000000 1px solid;
	font-family: Trebuchet MS, 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: Trebuchet MS, 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 -------------*/
.textSBnavOn {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-image: url(Images/btn/sb_nav_clear.gif);
}

/* 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: Trebuchet MS, 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;
}

.SBnavOnShdw {
	background-image:  url(Images/fill/sb_nav_shade_10x10.gif);
}

/*-------- 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: Trebuchet MS, 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: none;
}
/* 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, 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
}

.TextStyleButton 
{
	background-color: inherit;
	border-style: none;
    color: #000066;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/* 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: Trebuchet MS, 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: Trebuchet MS, 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:    none;
    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: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}   

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

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

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

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

/* 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: none;
}

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: Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
}

p.Menu {
	color : White;
	display: block;
	background-color : #DCDCDC;
	border : 1px solid #000066;
	font-family : Trebuchet MS, 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: none;
}

p.SubMenu {
	background-color : #FFFFFF;
	color : #000066;	
	display : block;	
	font-family : Trebuchet MS, 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 : none;
}

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

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

.OutlinedAccentBox {
	font-family:Trebuchet MS, 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;
}
.HeaderRowText {
	font-family: Arial, Helvetica, san-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: White;
	TEXT-ALIGN: left;
}
.HeaderRowSubHeadingText {
	font-family: Arial, Helvetica, san-serif;
	font-size: 15px;
	font-weight: bold;
	COLOR: White;
	TEXT-ALIGN: left;
}

/* 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: Trebuchet MS, 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 */
/*
This class is commented as the default class will be applied from styles.css
.Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}*/

/* 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: Trebuchet MS, 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;
}
.NormalBluenoned
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000066;
	line-height : 16px;
	text-decoration: none;
}
.NormalBlueOverlined
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000066;
	line-height : 16px;
	text-decoration: overline;
}
.NormalBoldBlue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	line-height : 16px;
}
.NormalBoldBluenoned
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	line-height : 16px;
	text-decoration: none;
}
.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: Trebuchet MS, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: red
}

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

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

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

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

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

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

A.SmallCommandButton:hover    {
    text-decoration:    none;
    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: Trebuchet MS, Helvetica, sans-serif;
}
 
A.DSFLink:link  {
    color: #000066;
    font-weight: normal;
	font-size: 11px;
	text-decoration: none;    
}

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

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

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

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

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

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

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

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

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

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

TH  {
    vertical-align: baseline;
    font-family: Trebuchet MS, 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;
}

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

.DataGridAlternatingRow
{
	background-color: #F0F8FF;
	color: #00008B;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
}
.DataGridAlternatingRowBlackText
{
	background-color: #F0F8FF;
	font-family: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.labelsbold {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.helplabel {
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #7D7D7D
}
.helplabelhyper {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #7D7D7D;
	text-decoration: none;
}

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

}

.textmedgray {
	font-size: 11px;
	color: #0066CC;
	font-family: Trebuchet MS, 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: Trebuchet MS, 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: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

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

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

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

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