#BUTTONS {color: Black;}

/* BE CAREFULL WHEN MAKING ANY CHANGES TO THE STRUCTURAL STUFF */

/* outer wrapper link tag */
.b-Wrp,
.b-Wrp:link,
.b-Wrp:visited,
.b-Wrp:hover,
.b-Wrp:active { text-decoration: none }
.b-Wrp:hover { cursor: pointer; }

/***************************************************************/
/**              BUTTONS RENDERED WITH FLOATS                 **/
/***************************************************************/

/* outer wrapper */
.b-Wrp { width: auto; display: inline-block; border: 0px; float: left;}

/* inner wrapper */
.b-Out { display: block; height: 24px; float: left; }

/* common properties for button elements */
.b-l,
.b-r,
.b-j,
.b-i,
.b-t { float: left; display: inline-block; }

/* caps */
.b-l { width: 7px; height: 24px;}
.b-r { width: 9px; height: 24px;}

/* icon wrapper */
.b-j { height: 24px; width: 16px; }

/* Icon */
.b-i {display: none;}
.b-HI .b-i {display: block; }
.b-i { height: 16px; width: 16px; margin-top: 4px;}
.w-h .b-i { margin-top: 5px }

/* text */
.b-t { border: 0px; color: Black; text-decoration: none; background-color: Transparent; white-space: nowrap; height: 24px; line-height: 22px; font-size: 12px; padding: 0 5px 0 5px; text-decoration: none; font-weight: normal;}

/* the font list for buttons */
.b-Hy,
.b-t { font-family: "Lucida Sans Unicode", "Trebuchet MS", Calibri, Helvetica Neue, "Microsoft Sans Serif", Arial, Sans-Serif;}
.w-h .b-t { line-height: 22px}

/***************************************************************/
/**                 BUTTONS RENDERED INLINE                   **/
/***************************************************************/

/* ---- COMMON ---- */
.b-IN .b-Out,
.b-IN .b-l,
.b-IN .b-r,
.b-IN .b-j,
.b-IN .b-i,
.b-IN .b-t
{ display: inline; border: 0px; vertical-align: middle; font-size: 21px; line-height: 24px; white-space: nowrap; height: inherit; width: inherit; float: none; margin: 0px; padding: 0px;font-family: "Lucida Sans Unicode", "Trebuchet MS", Calibri, Helvetica Neue, "Microsoft Sans Serif", Arial, Sans-Serif; }
/* overrides for properties defined for floating buttons */
.b-IN .b-Wrp { display: inline; float: none}
.b-IN .b-HI .b-i { display: inline; width: inherit; height: inherit}
.b-IN .w-h .b-i { margin: 0px;}
.b-IN .w-h .b-t { line-height: 24px}                   
/* letter spacing */
body .b-IN .b-l {letter-spacing: 0px}
body .b-IN .b-r {letter-spacing: 1px;}
body .b-IN .b-i {letter-spacing: 5px;}
.b-IN .b-Hy .b-i {letter-spacing: 6px;}
/* line height */
body .b-IN .b-r {line-height: 5px;}
body .b-IN .b-t {line-height: 18px;}
/* vertical-align */
body .b-IN .b-i {vertical-align: 30%;}
body .b-IN .b-Inn-t {vertical-align: 30%;}
/* font-size */
body .b-IN .b-i { font-size: 14px; }
body .b-IN .b-Inn-t { font-size: 12px; }

/* ---- IE ---- */
.IE .b-DA .b-r {border-right: 1px solid transparent;}

/* ---- IE6 ---- */
/* letter spacing */
.IE6 .b-IN .b-l {letter-spacing: -2px}
.IE6 .b-IN .b-r {letter-spacing: -2px}
.IE6 .b-IN .b-i {letter-spacing: 4px}
.IE6 .b-IN .b-t {letter-spacing: -10px; }
.IE6 .b-IN .b-Inn-t {letter-spacing: 0px;}
/* font-size */
.IE6 .b-IN .b-j {font-size: 20px;}
/* line height */
.IE6 .b-IN .b-j,
.IE6 .b-IN .b-i{line-height: 10px;}
/* vertical align */
.IE6 .b-IN .b-i{ vertical-align: 0%;}

/* ---- Mozilla ---- */
.FF .b-IN .b-i {vertical-align: 10%;}

/* ---- Mac Safari ---- */
/* line-height */
.MacSaf .b-IN .b-ELS { line-height: 21px;}
/* vertical align */
.MacSaf .b-IN .b-i { vertical-align: 15%;}
.MacSaf .b-IN .b-Inn-t { vertical-align: 20%;}

/***************************************************************/
/**                 DISABLED AND READ-ONLY                    **/
/***************************************************************/

/* disabled or read-only buttons */
.b-DA,
.b-DA.b-Hy .b-i { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
.b-DA .b-t,
.b-DA:link { color: #777777 !important}
.b-DA .b-t
.rgCommandRow .b-DA .b-Inn-Hy { color: #555555 }

/***************************************************************/
/**                  BACKGROUND IMAGES ONLY                   **/
/***************************************************************/

/* normal size */
.b-B { background-image: url(../../Global/Images/BlkButton/PushNormalBg.png)}
.b-DA .b-B,
.IE6 .b-B { background-image: url(../../Global/Images/BlkButton/PushNormalBg-noalpha.png)}
.b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsSprite.png)}
.b-DA .b-Bl .b-B-i,
.IE6 .b-Bl .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsOnBlue-noalpha.png)}
.b-DA .b-Gr .b-B-i,
.IE6 .b-Gr .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsOnGreen-noalpha.png)}
.b-DA .b-Rd .b-B-i,
.IE6 .b-Rd .b-B-i { background-image: url(../../Global/Images/BlkButton/PushNormalIconsOnRed-noalpha.png)}

/* large size */
.b-Lg .b-B { background-image: url(../../Global/Images/BlkButton/PushLargeBg.png)}
.b-DA.b-Lg .b-B,
.IE6 .b-Lg .b-B { background-image: url(../../Global/Images/BlkButton/PushLargeBg-noalpha.png)}
.b-Lg .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsSprite.png)}
.b-DA.b-Lg .b-Bl .b-B-i,
.IE6 .b-Lg .b-Bl .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsOnBlue-noalpha.png)}
.b-DA.b-Lg .b-Gr .b-B-i,
.IE6 .b-Lg .b-Gr .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsOnGreen-noalpha.png)}
.b-DA.b-Lg .b-Rd .b-B-i,
.IE6 .b-Lg .b-Rd .b-B-i { background-image: url(../../Global/Images/BlkButton/PushLargeIconsOnRed-noalpha.png)}

/* hyperlink on light background */
.b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnLight.png)}
.b-DA.b-Hy .b-i,
.IE6 .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnLight-noalpha.png)}

/* hyperlink on dark background */
.rgCommandRow .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnDark.png)}
.b-DA.rgCommandRow .b-Hy .b-i,
.IE6 .rgCommandRow .b-Hy .b-i { background-image: url(../../Global/Images/BlkButton/HyperlinkOnDark-noalpha.png)}

/***************************************************************/
/**                BACKGROUND IMAGE POSITIONS                 **/
/***************************************************************/

/* blue button caps and text */
.b-Bl .b-j,
.b-Bl .b-t { background-position: -50px 0px; }
.w-h .b-Bl .b-j,
.w-h .b-Bl .b-t { background-position: -50px -300px; }

/* green button caps and text */
.b-Gr .b-j,
.b-Gr .b-t { background-position: -50px -100px; }
.w-h .b-Gr .b-j,
.w-h .b-Gr .b-t { background-position: -50px -400px; }

/* red button caps and text */
.b-Rd .b-j,
.b-Rd .b-t { background-position: -50px -200px; }
.w-h .b-Rd .b-j,
.w-h .b-Rd .b-t { background-position: -50px -500px; }

/* left cap */
.b-Bl .b-l { background-position: -0px 0px; }
.w-h .b-Bl .b-l { background-position: -0px -300px; }
.b-Gr .b-l { background-position: -0px -100px; }
.w-h .b-Gr .b-l { background-position: -0px -400px; }
.b-Rd .b-l { background-position: -0px -200px; }
.w-h .b-Rd .b-l { background-position: -0px -500px; }

/* right cap */
.b-Bl .b-r { background-position: 100% 0px; }
.w-h .b-Bl .b-r { background-position: 100% -300px; }
.b-Gr .b-r { background-position: 100% -100px; }
.w-h .b-Gr .b-r { background-position: 100% -400px; }
.b-Rd .b-r { background-position: 100% -200px; }
.w-h .b-Rd .b-r { background-position: 100% -500px; }

/***************************************************************/
/**          MOUSE OVER BACKGROUND IMAGE POSITIONS            **/
/***************************************************************/

/* blue button caps and text */
.b-EN:hover .b-Bl .b-j,
.b-EN:hover .b-Bl .b-t { background-position: -50px -50px; }
.w-h .b-EN:hover .b-Bl .b-j,
.w-h .b-EN:hover .b-Bl .b-t { background-position: -50px -350px; }

/* green button caps and text */
.b-EN:hover .b-Gr .b-j,
.b-EN:hover .b-Gr .b-t { background-position: -50px -150px; }
.w-h .b-EN:hover .b-Gr .b-j,
.w-h .b-EN:hover .b-Gr .b-t { background-position: -50px -450px; }

/* red button caps and text*/
.b-EN:hover .b-Rd .b-j,
.b-EN:hover .b-Rd .b-t { background-position: -50px -250px; }
.w-h .b-EN:hover .b-Rd .b-j,
.w-h .b-EN:hover .b-Rd .b-t { background-position: -50px -550px; }

/* left cap */
.b-EN:hover .b-Bl .b-l { background-position: -0px -50px; }
.w-h .b-EN:hover .b-Bl .b-l { background-position: -0px -350px; }
.b-EN:hover .b-Gr .b-l { background-position: -0px -150px; }
.w-h .b-EN:hover .b-Gr .b-l { background-position: -0px -450px; }
.b-EN:hover .b-Rd .b-l { background-position: -0px -250px; }
.w-h .b-EN:hover .b-Rd .b-l { background-position: -0px -550px; }

/* right caps */
.b-EN:hover .b-Bl .b-r { background-position: 100% -50px; }
.w-h .b-EN:hover .b-Bl .b-r { background-position: 100% -350px; }
.b-EN:hover .b-Gr .b-r { background-position: 100% -150px; }
.w-h .b-EN:hover .b-Gr .b-r { background-position: 100% -450px; }
.b-EN:hover .b-Rd .b-r { background-position: 100% -250px; }
.w-h .b-EN:hover .b-Rd .b-r { background-position: 100% -550px; }

/***************************************************************/
/**                    ICON IMAGE POSITIONS                   **/
/***************************************************************/

.b-i-OK{ background-position: 0px 0px;}
.b-i-Cancel { background-position: -25px 0px;}
.b-i-Add { background-position: -50px 0px;}
.b-i-Delete { background-position: -75px 0px;}
.b-i-Edit { background-position: -100px 0px;}
.b-i-Save { background-position: -125px 0px;}
.b-i-Back { background-position: -150px 0px;}
.b-i-Forward { background-position: -175px 0px;}
.b-i-Search { background-position: -200px 0px;}
.b-i-Print { background-position: -225px 0px;}
.b-i-View { background-position: -250px 0px;}
.b-i-SelectAll { background-position: -275px 0px;}
.b-i-ClearAll { background-position: -300px 0px;}
.b-i-AddPerson { background-position: -325px 0px;}
.b-i-AddBuilding { background-position: -350px 0px;}
.b-i-Copy { background-position: -375px 0px;}
.b-i-AddComment { background-position: -400px 0px;}
.b-i-User { background-position: -425px 0px;}
.b-i-Document { background-position: -450px 0px;}
.b-i-Send { background-position: -475px 0px;}
.b-i-SendMultiple { background-position: 0px -25px;}
.b-i-Survey { background-position: -25px -25px;}
.b-i-DeleteAll { background-position: -50px -25px;}
.b-i-BulletinPost { background-position: -75px -25px;}
.b-i-SendToChecked { background-position: -100px -25px;}
.b-i-Grid { background-position: -125px -25px;}
.b-i-ReturnArrow { background-position: -150px -25px;}
.b-i-Refresh { background-position: -175px -25px;}
.b-i-ExportToCsv { background-position: -200px -25px;}
.b-i-ExportToExcel { background-position: -225px -25px;}
.b-i-ExportToPdf { background-position: -250px -25px;}
.b-i-ExportToWord { background-position: -275px -25px;}
.b-i-Expand { background-position: -300px -25px;}
.b-i-Collapse { background-position: -325px -25px;}
.b-i-Close { background-position: -350px -25px;}
.b-i-Upload { background-position: -375px -25px;}
.b-i-Time { background-position: -400px -25px;}
.b-i-Unlock { background-position: -425px -25px;}
.b-i-Lock { background-position: -450px -25px;}
.b-i-Navigate { background-position: -475px -25px;}
.b-i-ZoomIn { background-position: -0px -50px;}
.b-i-ZoomOut { background-position: -25px -50px;}
.b-i-Calendar { background-position: -50px -50px;}
.b-i-Cogs { background-position: -75px -50px;}
.b-i-ToolsSettings { background-position: -100px -50px;}
.b-i-Info { background-position: -125px -50px;}
.b-i-AddToFavorites { background-position: -150px -50px;}
.b-i-BarGraph { background-position: -175px -50px;}
.b-i-PieChart{ background-position: -200px -50px;}
.b-i-Sort { background-position: -225px -50px;}
.b-i-Email { background-position: -250px -50px;}   
.b-i-Help { background-position: -275px -50px;}  
.b-i-InsertRight { background-position: -300px -50px;} 
.b-i-InsertLeft { background-position: -325px -50px;} 
.b-i-InsertBottomRight { background-position: -350px -50px;} 
.b-i-InsertBottomLeft { background-position: -375px -50px;} 
.b-i-SpellCheck { background-position: -400px -50px;} 

/***************************************************************/
/**     BUTTON SPACING, ONLY APPLIED TO FLOATING BUTTONS      **/
/***************************************************************/

/* some extra classes for buttons */
.b-05L{ padding-left: 3px }
.b-10L{ padding-left: 7px }
.b-20L{ padding-left: 14px }
.b-30L{ padding-left: 21px }
.b-40L{ padding-left: 28px }
.b-05R{ padding-right: 3px }
.b-10R{ padding-right: 7px }
.b-20R{ padding-right: 14px }
.b-30R{ padding-right: 21px }
.b-40R{ padding-right: 28px }

/***************************************************************/
/**               LARGE BUTTONS RENDERED AS FLOATS            **/
/***************************************************************/

.b-Lg { height: 32px }
.b-Lg .b-l { width: 12px; height: 32px;}
.b-Lg .b-r { width: 15px; height: 32px;}
.b-Lg .b-j { height: 32px; width: 18px; }
.b-Lg .b-i { height: 18px; width: 18px; margin: 5px 0px 0px 0px}
.b-Lg .b-t { height: 32px; line-height: 29px; font-size: 14px; padding: 0 5px 0 5px;}

/***************************************************************/
/**               LARGE BUTTONS RENDERED INLINE               **/
/***************************************************************/

/* ---- COMMON ---- */
.b-IN .b-Lg .b-Out,
.b-IN .b-Lg .b-l,
.b-IN .b-Lg .b-r,
.b-IN .b-Lg .b-j,
.b-IN .b-Lg .b-i,
.b-IN .b-Lg .b-t{ font-size: 30px; line-height: 32px; margin: 0px; padding: 0px;}
/* letter spacing */
.b-IN .b-Lg .b-l,
.b-IN .b-Lg .b-r {letter-spacing: 4px}
.b-IN .b-Lg .b-i { letter-spacing: 7px; }
/* vertical-align */
.b-IN .b-Lg .b-i {vertical-align: 50%}
.b-IN .b-Lg .b-Inn-t {vertical-align: 35%;}
/* font-size */
.b-IN .b-Lg .b-i {font-size: 16px;}
.b-IN .b-Lg .b-Inn-t { font-size: 14px;}

/* ---- IE6 ---- */
/* letter spacing */
.IE6 .b-IN .b-Lg .b-l {letter-spacing: -2px}
.IE6 .b-IN .b-Lg .b-r {letter-spacing: -2px}
.IE6 .b-IN .b-Lg .b-i {letter-spacing: 4px}
.IE6 .b-IN .b-Lg .b-t {letter-spacing: -10px; }
.IE6 .b-IN .b-Lg .b-Inn-t {letter-spacing: 0px;}
/* font-size */
.IE6 .b-IN .b-Lg .b-j {font-size: 27px;}
/* line height */
.IE6 .b-IN .b-Lg .b-j,
.IE6 .b-IN .b-Lg .b-i{line-height: 10px;}
/* vertical align */
.IE6 .b-IN .b-Lg .b-i{ vertical-align: 25%;}

/* ---- Mozilla ---- */
.FF .b-IN .b-Lg .b-i {vertical-align: 25%;}

/* ---- MacSafari ---- */
.MacSaf .b-IN .b-Lg .b-i {vertical-align: 25%;}

/***************************************************************/
/**               HYPERLINK BUTTON OVERRIDES                  **/
/***************************************************************/

/* Hyperlink Buttons */
.b-Hy { display: inline; white-space: nowrap;cursor: pointer; text-decoration: none }
.b-Hy:link,
.b-Hy:visited,
.b-Hy:hover,
.b-Hy:active { text-decoration: none }
.b-Hy .b-i { display: inline; float: none; width: 17px; height: 17px; border: 0px; position: static; vertical-align: middle; margin: 0px 2px 0px 2px;cursor: pointer; }
.b-Inn-Hy { display: inline; float: none; text-decoration: none }
.FF .b-Hy .b-i { display: inline-block; } 

/* Hyperlinks on the GridCommandRow */
html body .rgCommandRow .b-Hy:link { color: #9a9a9a}
html body .rgCommandRow .b-Hy:visited { color: #9a9a9a}
html body .rgCommandRow .b-Hy:hover { color: #d3ebff}
html body .rgCommandRow .b-Hy:active { color: #d3ebff}

/***************************************************************/
/**                     ICON ONLY BUTTONS                     **/
/***************************************************************/

/* Icon-Only Buttons */
html body .b-Ic .b-t { padding: 0px !important}
html body .b-Ic .b-j { padding-left: 2px }

/***************************************************************/
/**                       ICON BUTTONS                        **/
/***************************************************************/

.b-Ib { display: block; width: 128px; padding: 4px; border: 1px solid #cccccc; text-align: center; overflow: hidden; }
.b-Ib .b-i { height: 32px; display: block; width: 100%; background: url(../../Global/Images/BlkButton/IconButtonSprite.png) no-repeat 50% 0%;}
.IE6 .b-Ib .b-i {background-image: url(../../Global/Images/BlkButton/IconButtonSprite-noalpha.png)}
.b-Ib .b-t { white-space: normal; display: inline; height: auto; width: 100%; text-align: center; line-height: normal; padding: 0px; color: inherit; }
.w-o .b-Ib { border-top: 1px solid #f0f9ff; border-left: 1px solid #cfebff; border-right: 1px solid #96b5cb; border-bottom: 1px solid #7f99ac;}
.w-o .b-Ib:hover { border-bottom: 1px solid #f0f9ff; border-right: 1px solid #cfebff; border-left: 1px solid #96b5cb; border-top: 1px solid #7f99ac;}

/***************************************************************/
/**         WHEN IN HEADER/FOOTER ( DO NOT CHANGE!!!)         **/
/***************************************************************/

.w-f .Right div,
.w-h .Right div {display: inline !important}
/*
.b-IN .w-f .Right,
.b-IN .w-h .Right {padding-right: 10px; padding-top: 2px;}
.b-IN .w-h .b-i,
.b-IN .w-f .b-i { vertical-align: 10%}
.b-IN .w-f .Left {padding-right: 10px;}
.b-IN .w-f .b-r {letter-spacing: 2px;}*/

/* these overrides work on FF */
.FF .b-IN .w-h .b-ELS { vertical-align: baseline; }
.FF .b-IN .w-h .Right { padding-top: 5px;}
.FF .b-IN .w-h .b-i { vertical-align: 10%;}