/* HTML TAGS */
p, td { font-family: Arial; font-size: 11px; color: Black; }
textarea { font-size: 10px; color: black; font-family: Arial; }
legend { color: #990000; font-weight: bold; }
fieldset { border: solid 1px #CCCCCC; width: 1%; white-space: nowrap; padding: 5px; }
img { border-width: 0px; }
select { font-size: 11px; padding: 0px; }
input { font-size: 11px; padding: 0px; }
div { font-size: 11px; }
a:link, a:visited, a:active { color: Blue; text-decoration: none; }
a:hover { text-decoration: underline; }

/* LINKS */
a.lnkBold { font-weight: bold; color: Blue; }
a.topLog, a.topLog:active, a.topLog:visited, a.topLog:link { color: #666; text-decoration: none; }
a.topLog:hover { color: #1F72A8; text-decoration: underline; }

/* MAIN CONTAINERS */
table.Main { width: 100%; border: none; padding: 0px; margin: 0px; }
td.Main { padding-left: 10px; padding-right: 10px; }
table.MainContainer { border: none; background-color: #fff; border-right: solid 1px #000; border-left: solid 1px #000; width: 100%; }
table.PopUpContainer { border: solid 1px #000; padding: 2px; background-color: #FFF; width: 100%; margin: 0px auto; margin-top: 5px; }

/* HEADER ELEMENTS */
#tblHead { width: 100%; border: none; }
#tdHeadLeft { width: 592px; white-space: nowrap; height: 63px; }
#tdHeadCenter { width: 99%; height: 63px; }
#tdHeadRight { width: 362px; height: 63px; }

/* NAVBAR ELEMENTS */
#tblNav { width: 100%; }
.tdNavFlash { width: 330px; }
#divMenuStart { cursor: pointer; width: 330px; }
#tdNavHelp { width: 1%; cursor: pointer; }

/* HOMEPAGE FEATURES */
.tblHomeFeatures { height: 380px; width: 100%; border: none; }
.tdFeatureLeft table { width: 125px; border: none; margin: 0 0 0 auto; height: 100%; }
.tdFeatureRight { vertical-align: top; }
.tdFeatureRight table { width: 100%; border: none; }
.tblFeatureTitle { margin-bottom: 4px; }
.tdFeatureTitle { width: 99%; border-bottom: double 3px #CCC; vertical-align: middle; padding: 2px 0px; color: #333; font-weight: bold; font-size: 15px; line-height: 15px; }
.tdFeatureTitlePremium { width: 1%; white-space: nowrap; border-bottom: double 3px #CCC; vertical-align: middle; font-weight: bold; text-transform: uppercase; color: #e89d08; }
.imgPremium { vertical-align: middle; padding: 2px; }
hr.dashed { border: none 0; border-top: 1px dashed #CCC; height: 0px; }
hr.dashed3 { border: none 0; border-top: 3px dashed #CCC; height: 2px; }

/* HOMEPAGE RIGHT COLUMN */
#tdHomeRightCol { vertical-align: top; width: 1%; }
.tblCallOut { border: none; width: 192px; }
.tdCallOutTop div { padding-bottom: 4px; }
.tdCallOutTop div td { color: #993333; font-weight: bold; }

.tdCallOutMiddle { vertical-align: top; background-color: #CCC; }
.tdCallOutMiddle div { width: 188px; margin: 0 auto; border: none; background-color: #e8e8e8; }
.tblCallOutMiddle { width: 188px; border: none; margin: 0 auto; background-color: #e8e8e8; }

.tdCallOutBottom { height: 13px; background-image: url(/Marketgate/images/portals_bottom.gif); }

.tdNoWrapTop { width: 1%; white-space: nowrap; vertical-align: top; padding-top: 5px; }
.tdLeftTop { vertical-align: top; text-align: left; padding-top: 5px; }
.tdNoWrapRightTop { vertical-align: top; text-align: right; white-space: nowrap; padding-top: 5px; }
.td99Top { width: 99%; vertical-align: top; padding-top: 5px; }
.tdNoWrap1Left { width: 1%; white-space: nowrap; text-align: left; }
.tdNoWrap99Left { width: 99%; white-space: nowrap; text-align: left; }
td.label { width: 1%; white-space: nowrap; font-weight: bold; text-align: left; }
td.labelreq { width: 1%; white-space: nowrap; font-weight: bold; color: Red; text-align: left; }
td.labeltop { width: 1%; white-space: nowrap; font-weight: bold; text-align: left; vertical-align: top; padding-top: 8px; }
td.labelreqtop { width: 1%; white-space: nowrap; font-weight: bold; color: Red; text-align: left; vertical-align: top; padding-top: 8px; }

tr.FooterRow { background-color: #ffffcc; height: 20px; }
tr.FooterRow td { font-weight: bold; }
tr.FooterRow td img { padding-right: 3px; vertical-align: middle; }

td.featureSPACER { padding-right: 2px; text-align: right; height: 30px; border-right: solid 1px #999; }
td.featureOFF { cursor: pointer; padding-right: 2px; text-align: right; height: 30px; border-right: solid 1px #999; color: Black; }
td.featureOFF a { color: Black; text-decoration: none; }
td.featureON a { color: #B22222; text-decoration: none; }
td.featureON { cursor: pointer; padding-right: 2px; text-align: right; height: 30px; background-color: #fff; border-top: solid 1px #999; border-bottom: solid 1px #999; color: #B22222; }

/* ROUND TEXTBOXES */
.tdInput150 input, .tdInput150 textarea { width: 138px; padding-left: 2px; padding-right: 2px; background-color: Transparent; border: none; color: #666; }
.tdInput90 input, .tdInput90 textarea { width: 92px; padding-left: 2px; padding-right: 2px; background-color: Transparent; border: none; color: #666; }
.tdInputLabel { white-space: nowrap; padding-left: 2px; padding-right: 2px; text-transform: uppercase; color: #666; }

/* FOOTER */
#tblFooter { width: 100%; border: none; }
#tdFooterRight div { vertical-align: bottom; text-align: right; padding-right: 8px; padding-top: 35px; white-space: nowrap; }
#tdFooterRight a, #tdFooterRight a:link, #tdFooterRight a:visited, #tdFooterRight a:active { color: Blue; text-decoration: none; cursor: pointer; }

/* DIVS */
.divPopUp { position: absolute; height: 410px; width: 70%; padding: 8px; background-color: #fff; border: solid 1px #999; display: none; z-index: 99999999; }
.divLog1 { display: block; text-align: right; padding-right: 8px; padding-top: 40px; }
.divLog2 { display: block; text-align: right; padding-right: 8px; padding-top: 20px; }
.divLog3 { display: block; text-align: right; padding-right: 8px; padding-top: 0px; }

.tdDivHeadLeft { width: 1%; }
.tdDivHeadRight { width: 1%; cursor: pointer; }
.divDesc { padding-bottom: 5px; padding-left: 2px; padding-right: 2px; }

.tdDivFeatureRight { vertical-align: top; border-top: solid 1px #999; border-bottom: solid 1px #999; border-right: solid 1px #999; padding: 2px; }
.tdDivFeatureRight div { overflow: auto; width: 100%; height: 300px; margin: 0 auto; }
.tdDivFeatureTitle { width: 99%; vertical-align: middle; padding: 2px 0px; font-weight: bold; }
.tdDivFeatureTitlePremium { width: 1%; white-space: nowrap; vertical-align: middle; font-weight: bold; text-transform: uppercase; color: #e89d08; }

/* GRIDVIEW ELEMENTS */
table.Gridview { border-spacing: 1px; background-color: #CCC; empty-cells: show; }
table.Gridview td { padding: 2px 2px 2px 2px; }
table.GridviewNest { border-spacing: 1px; margin-left: -1px; margin-top: -1px; margin-right: -1px; background-color: #CCC; }
table.GridviewNest td { padding: 2px 2px 2px 2px; }
table.GridviewNest img { vertical-align: -3px; }
tr.item { background-color: #FFFFFF; }
tr.alternatingitem { background-color: #e8e8e8; }
tr.item:hover, tr.alternatingitem:hover { background-color: #FFFFCC; }
tr.selecteditem { background-color: #FFFFCC; }
tr.row { background-color: #FFFFFF; white-space: nowrap; }
tr.row td { white-space: nowrap; }
tr.alternatingrow { background-color: #e8e8e8; white-space: nowrap; }
tr.alternatingrow td { white-space: nowrap; }
tr.row:hover, tr.alternatingrow:hover { background-color: #FFFFCC; white-space: nowrap; }
tr.selectitem { background-color: #FFFFCC; }
tr.AltSubHeader { background-color: #DFECF7; font-weight: bold; height: 22px; padding-left: 2px; }
tr.disableditem { background-color: #D1DAE0; }

/* BORDERS */
.bottom { border-bottom: solid 1px #CCC; }
.top { border-top: solid 1px #CCC; }
.left { border-left: solid 1px #CCC; }
.right { border-right: solid 1px #CCC; }
.all { border: solid 1px #CCC; }

/* SEARCH STYLE */
tr.searchrow { background-color: #FFFFFF; white-space: nowrap; }
tr.searchrow td { white-space: nowrap; border: solid 1px #FFFFFF; }
tr.searchaltrow { background-color: #e8e8e8; white-space: nowrap; }
tr.searchaltrow td { white-space: nowrap; border: solid 1px #E8E8E8; }
tr.searchaltdesc { background-color: #e8e8e8; }
tr.searchrow:hover, tr.searchaltrow:hover, tr.searchhover { white-space: nowrap; background-image: url(/Marketgate/Images/ddarrow.png); background-position: right; background-repeat: no-repeat; border: solid 1px #FFFFCC; }
tr.searchrow td:hover, tr.searchaltrow td:hover, tr.searchhover td { border: solid 1px Yellow; }
tr.searchrow a, tr.searchaltrow a, tr.searchhover a { font-weight: bold; }
table.searchtip { border-spacing: 0px; width: 100%; border: solid 1px Gray; }
table.searchtip td { padding: 2px; font-weight: bold; }
table.searchtip tr { background-color: #FFFFFF; }
table.searchtip tr:hover { background-color: #FFFFCC; }
table.searchtip a { text-decoration: none; }
td.searchtip { background-color: #E8E8E8; width: 1%; white-space: nowrap; border-right: solid 1px Gray; vertical-align: middle; }
input.watermark { color: Gray; font-size: 10px; }

/* CUSTOM TABLE CELLS */
td.ToolTipText { font-weight: normal; font-size: 11px; text-transform: none; color: black; font-style: normal; font-family: Arial; font-variant: normal; text-decoration: none; }
td.small { width: 1%; white-space: nowrap; }
td.req { vertical-align: top; background-image: url(/Marketgate/Images/required.png); background-repeat: no-repeat; background-position: top right; }
td.fire { color: #990000; }
td.starleft { background-image: url(/Marketgate/Images/left_stars.jpg); background-position: left; background-repeat: no-repeat; width: 113px; height: 32px; }
td.starmiddle { background-image: url(/Marketgate/Images/background_stars.jpg); background-repeat: repeat-x; text-align: center; height: 32px; font-weight: bold; }
td.starright { background-image: url(/Marketgate/Images/right_stars.jpg); background-position: right; background-repeat: no-repeat; width: 113px; height: 32px; }

/* TABS */
table.Container, .Container { background-color: White; border: solid 1px #CCC; }
td.tabFiller { color: Black; border-bottom: solid 1px #ccc; }
table.tabBody { background-color: #fff; color: Black; border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; padding: 3px; margin-left: auto; margin-right: auto; }
td.tabFillerRev { background-color: White; color: White; border-top: solid 1px #CCC; }
td.tabFillerWhite { background-color: White; border-bottom: solid 1px #CCC; }

/* PAGING */
span.item, a.item { color: Blue; font-weight: bold; text-decoration: none; cursor: pointer; }
span.selecteditem, a.selecteditem { color: Red; font-weight: bold; text-decoration: none; }

/* CUSTOM CLASSES */
.spacer { font-size: 50%; }
.title { font-family: Trebuchet MS; font-weight: bold; font-size: 18px; text-transform: none; color: #000000; font-style: normal; font-variant: normal; text-decoration: none; }
.breadcrumbs { font-weight: normal; font-size: 11px; text-transform: none; color: black; font-style: normal; font-family: Arial; font-variant: normal; text-decoration: none; }
.subtitleCAPS { font-weight: bold; font-size: 14px; text-transform: uppercase; color: black; font-style: normal; font-family: Arial; font-variant: normal; text-decoration: none; }
img.button { cursor: pointer; }
div.leftmenu { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; overflow: auto; border-left: #cccccc 1px solid; width: 100%; border-bottom: #cccccc 1px solid; }
a.fakelink { cursor: pointer; color: Blue; }
.ToolbarButton tr td:hover { color: Black; }
*html .ToolbarButton tr td { color: Black; }
span.warning { font-weight: bold; color: Red; }
span.success { font-weight: bold; color: Green; }
span.bold { font-weight: bold; }
.submarket { color: Green; font-size: 14px; font-weight: bold; text-transform: uppercase; }
img.highlight { border: solid 2px white; }
img.highlight:hover { border: solid 2px black; }
.barcode { font-family: 'WASP 39 LC'; font-size: 12pt; }
.overflow { overflow-y: auto; overflow-x: hidden; overflow: auto; }

/* BUTTON LINKS */
a.Button:link, a.Button:active, a.Button:visited { text-align: center; font-size: 100%; color: #000000; text-decoration: none; width: 130px; border: solid 1px #aac2d7; padding: 1px 1px 1px 1px; margin: 1px; white-space: nowrap; background-color: #e8e8e8; background-image: url(/Marketgate/Images/btn_background_off.gif); background-repeat: repeat-x; }
a.Button:hover { background-color: #FFFFCC; color: #e12e29; cursor: pointer; background-image: url(/Marketgate/Images/btn_background_on.gif); background-repeat: repeat-x; }
input.Button { text-align: center; font-size: 100%; color: #000000; text-decoration: none; width: 130px; cursor: pointer; height: auto; border: solid 1px #aac2d7; padding: 1px; margin: 1px; white-space: nowrap; background-color: #e8e8e8; background-image: url(/Marketgate/Images/btn_background_off.gif); background-repeat: repeat-x; }
input.Button:hover { background-color: #FFFFCC; color: #e12e29; cursor: pointer; background-image: url(/Marketgate/Images/btn_background_on.gif); background-repeat: repeat-x; }
.buttonV2 { height: 26px; outline: none; background: url(/Marketgate/images/buttonV2.gif) no-repeat center top; color: White; width: 175px; padding: 3px; font-size: 13px; border: none; }
.buttonV2:hover { cursor: pointer; background: url(/Marketgate/images/buttonV2.gif) no-repeat center bottom; }

/* FILTER SEARCH BUTTON */
input.ButtonFilterSearch { text-align: center; font-size: 100%; color: #990000; text-decoration: none; height: auto; border: solid 1px #999999; padding: 1px; margin: 1px; white-space: nowrap; background-color: #FFFFCC; }
input.ButtonFilterSearch:hover { background-color: #FFFFCC; color: #e12e29; }

/* ACTION TOOLBAR */
fieldset.action { width: 99%; margin: 0px auto; padding: 2px; padding-top: 1px; border-color: #CCC; }

/* ATTENTION STAR TABLE */
table.attention { margin: 0 auto; padding: 5px; border: solid 1px #CCC; background-image: url(/Marketgate/images/attnBack.gif); }
td.attention { width: 48px; background-image: url(/IconLibrary/ENB/Soft/V2/48/Favorites.png); }

/* CENTER IMAGES */
.center16 { vertical-align: -3px; }
.center24 { vertical-align: -7px; }
.center32 { vertical-align: -12px; }
.center48 { vertical-align: -19px; }

/* TABS */
td.tabON { background-color: #FFFFFF; color: #000; background-image: url(/Marketgate/images/tabongrad.gif); background-repeat: repeat-x; background-position: top; font-weight: bold; padding: 5px; border-left: solid 1px #CCC; border-top: solid 1px #CCC; border-right: solid 1px #CCC; cursor: pointer; white-space: nowrap; }
td.tabOFF { background-color: #DFECF7; color: #333333; background-image: url(/Marketgate/images/taboffgrad.gif); background-repeat: repeat-x; background-position: bottom; font-weight: bold; padding: 5px; border-left: solid 1px #CCC; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; cursor: pointer; white-space: nowrap; }
td.tabOFF:hover { background-color: #FFFFCC; color: #01588D; background-image: url(/Marketgate/images/tabHovergrad.gif); background-repeat: repeat-x; background-position: bottom; font-weight: bold; padding: 5px; border-left: solid 1px #CCC; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; cursor: pointer; white-space: nowrap; }
td.tabONRev { background-color: #FFFFFF; color: #000; background-image: url(/Marketgate/images/reversetab_ON.gif); background-repeat: repeat-x; background-position: top; font-weight: bold; padding: 5px; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; cursor: pointer; white-space: nowrap; }
td.tabOFFRev { background-color: #DFECF7; color: #333333; background-image: url(/Marketgate/images/reversetab_OFF.gif); background-repeat: repeat-x; background-position: bottom; font-weight: bold; padding: 5px; border-left: solid 1px #CCC; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; cursor: pointer; white-space: nowrap; }
td.tabOFFRev:hover { background-color: #FFFFCC; color: #01588D; background-image: url(/Marketgate/images/tabHovergrad.gif); background-repeat: repeat-x; background-position: bottom; font-weight: bold; padding: 5px; border-left: solid 1px #CCC; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; cursor: pointer; white-space: nowrap; }

/* Main Nav */
.MGmenu { width: 850px; padding: 0px; margin: 0px; }
.MGmenu, .MGmenu ul { list-style: none; }
.MGmenu .MGmenuDivider { display: block; font-size: 1px; border-width: 0px; border-style: solid; position: relative; z-index: 1; }
.MGmenu .MGmenuDividerx { padding: 0px; margin: 0px; margin-bottom: -7px; background-image: url(/Marketgate/images/hrline.gif); background-repeat: repeat-x; }
.MGmenu .MGmenuDividery { float: left; width: 0px; border-left-width: 1px; height: 14px; margin: 6px 0px 2px 0px; border-color: #aaaaaa; padding: 0px; }
.MGmenu .MGmenuTitle { display: block; cursor: default; white-space: nowrap; position: relative; z-index: 1; }
.MGmenuClear { font-size: 1px; height: 0px; width: 0px; clear: left; line-height: 0px; display: block; float: none !important; }
.MGmenu { position: relative; zoom: 1; z-index: 10; }
.MGmenu a, .MGmenu li, .MGmenu span { float: left; display: block; white-space: nowrap; position: relative; z-index: 1; padding: 4px 4px 4px 4px; margin: -2px 0px 0px 0px; color: #000; font-family: Arial; font-size: 8pt; text-decoration: none; font-weight: bold; cursor: pointer; }
.MGmenu div a, .MGmenu ul a, .MGmenu ul li, .MGmenu ul span { float: none; background-color: transparent; font-size: 11px; border-width: 0px; border-style: none; }
.MGmenu div a:hover { background-color: #def2fe; color: #990000; }
.MGmenu div { visibility: hidden; position: absolute; }
.MGmenu li { z-index: auto; }
.MGmenu ul { left: -10000px; min-width: 120%; position: absolute; z-index: 10; top: 30px; white-space: nowrap; padding: 5px; margin: 0px 0px 0px 0px; background-color: White; border-width: 1px; border-style: solid; border-color: #dadada; border-top: none; }
.MGmenu ul li { padding: 3px; }
.MGmenu li a, .MGmenu li span { float: none; border: solid 1px transparent; border-bottom: none; }
.MGmenu li span { padding-top: 3px; }
.MGmenu li a:link, .MGmenu li a:visited, .MGmenu li a:active { text-decoration: none; color: Black; }

/* IE6 Hack */
/* Main Items */
*html .MGmenu li a, *html .MGmenu li span { border: none; margin: -2px 0px 0px 1px; padding-left: 5px; padding-right: 5px; }

/* Main Item Hover */
*html .MGmenu li.sfhover a, *html .MGmenu li.sfhover span { background-color: White; border-width: 1px; border-style: solid; border-color: #dadada; border-bottom: none; margin: -3px 0px 0px -1px; padding-left: 6px; padding-right: 4px; }

/* Sub Item Container */
*html .MGmenu li.sfhover ul, *html .MGmenu li.sfhover ul { left: 3px; top: 24px; border: solid 1px #CCC; border-top: none; }

/* Sub Item Hover */
*html .MGmenu ul li.sfhover a, *html .MGmenu ul li.sfhover span { background-color: #def2fe; color: #990000; padding: 3px; }
*html .MGmenu li ul li.sfhover a, *html .MGmenu li ul li.sfhover span { margin: -2px 0px 0px 0px; }

/* Sub Item Hover Text Color */
*html .MGmenu ul li.sfhover a:link, *html .MGmenu ul li.sfhover a:visited, *html .MGmenu ul li.sfhover a:active { color: #990000; }

/* Sub Item Hover Container */
*html .MGmenu li.sfhover ul li a, *html .MGmenu li.sfhover ul li span { border: none; padding: 3px; margin: -2px 0px 0px 0px; }
/* End IE6 Hack */

.MGmenu ul li:hover > a, .MGmenu ul li:hover > span { background-color: #def2fe; color: #990000; padding: 3px; }
.MGmenu ul li:hover > a, .MGmenu ul li > a, .MGmenu ul li:hover > span, .MGmenu ul li > span { font-weight: normal; }
.MGmenu li:hover > a, .MGmenu li:hover > span { background-color: White; border-width: 1px; border-style: solid; border-color: #dadada; }
.MGmenu li ul li:hover > a, .MGmenu li ul li:hover > span { margin: -1px 0px 0px 1px; }
.MGmenu li.parent:hover > a, .MGmenu li.parent:hover > span { height: 20px; border-width: 1px; border-style: solid; border-color: #dadada; border-bottom: none; }
.MGmenu li:hover > ul, .MGmenu li.sfhover > ul { left: auto; }

/* Fancy Drop Down Menu */
.dropHolder { width: 101px; float: left; height: 1px; margin-left: 30px; }
.dropHolder ol, .dropHolder ol ul { list-style: none; }
.dropdown-menu { width: 101px; position: absolute; font-size: 10px; color: #FFF; cursor: pointer; margin-left: 25px; z-index: 1000px; }
.dropdown-menu a:link, .dropdown-menu a:visited { color: #000 !important; display: block !important; text-decoration: none !important; margin: 0 !important; font-size: 110%; }
.dropdown-menu a:hover { color: #FFF !important; text-decoration: underline !important; }
.dropdown-menu .slide-down { background: url('/Marketgate/images/grey-dd-down-button.gif') no-repeat; }
.menu-first { background: url('/Marketgate/images/grey-dd-button.gif') no-repeat; line-height: 15px; padding-left: 12px; padding-right: 30px; padding-top: 3px; padding-bottom: 4px; }
.down-list { margin-left: 1px; padding-bottom: 5px; margin-top: 0px; }
.down-list li { background: #CCC; padding-left: 15px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; border-bottom: dashed 1px #FFF; }
.down-list .lastLI { background: #CCC; padding-bottom: 2px; border-bottom: double 3px #666; }

/* FANCY PAST/CURRENT/FUTURE STEPS */
.steps { margin: 9px 0 5px 45px; }
.steps ul { margin: 0; padding: 0; }
.steps ul li { background-repeat: no-repeat; float: left; margin: 0 0 0 -41px; display: inline; }
.steps ul li a { height: 26px; width: 200px; display: block; white-space: nowrap; padding: 6px 0 0 21px; font-size: 11px; color: #636363; font-weight: bold; }
.steps ul li a.past { background-image: url(/Marketgate/images/step_past.png); background-repeat: no-repeat; }
.steps ul li a.current { background-image: url(/Marketgate/images/step_current.png); background-repeat: no-repeat; color: Black; }
.steps ul li a.future { background-image: url(/Marketgate/images/step_future.png); background-repeat: no-repeat; text-decoration: none; cursor: default; color: #898989; }

/* TOP NOTCH */
.callout { position: relative; margin: 15px 0px 0px 0px; background-color: #ffffcc; }
.border-callout { border: 1px solid #CCC; padding: 10px 10px; }
.callout .notch /* left attribute this moves the notch left to right */ { position: absolute; top: -10px; margin: 0; border-top: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffcc; padding: 0; width: 0; height: 0; /* ie6 height fix */ font-size: 0; line-height: 0; /* ie6 transparent fix */ _border-right-color: pink; _border-left-color: pink; _filter: chroma(color=pink); }
.border-callout .border-notch { border-bottom-color: #CCC; top: -11px; }

/* BOTTOM NOTCH */
.calloutbottom { position: relative; margin: 0px 0px 12px 0px; background-color: #ffffcc; }
.border-calloutbottom { border: 1px solid #CCC; padding: 10px 10px; }
.calloutbottom .notchbottom /* left attribute this moves the notch left to right */ { position: absolute; bottom: -10px; margin: 0; border-top: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0; padding: 0; width: 0; height: 0; /* ie6 height fix */ font-size: 0; line-height: 0; /* ie6 transparent fix */ _border-right-color: pink; _border-left-color: pink; _filter: chroma(color=pink); }
.border-calloutbottom .border-notchbottom { border-bottom-color: #CCC; top: 11px; }