/* basic elements */
body{color:#224B8B;font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;font-size:8pt;background-color:#7790C4;margin:0;}
img{border:0}
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{font-family:Verdana, Arial, Helvetica, Geneva, sans-serif}

p{font-size:8pt;line-height:145%; text-align: left;margin-top:0;margin-bottom:15px}
h1{font-size:12pt;margin:10px 0 5px 0}
h2{font-size:10pt;margin:10px 0 5px 0}
h3{font-size:8pt;margin:5px 0 5px 0}

a:link {color:#3E64DB; text-decoration: none; font-weight:bold; font-size:8pt;}
a:visited {color:#3E64DB; text-decoration: none; font-weight:bold; font-size:8pt;}
a:hover, a:active {text-decoration: underline; font-weight:bold; font-size:8pt;}

/*Box style navigation*/
.sideNavBoxBlue {margin: 0px 5px 0px 0px; padding: 0px 5px 0px 5px;font-size: 8pt;font-weight:Bold;text-decoration:none;color:#FFF;}
.sideNavBoxBlue li{color:#FFF;margin: 0px 0 0px 0;list-style: none;}
.sideNavBoxBlue li a{font-size: 8pt;color:#FFF;background: #8CA2D3;width:100%;padding:3px;display: block;border-bottom: 1px solid #FFF;}
.sideNavBoxBlue li a:link{color:#FFF;}
.sideNavBoxBlue li a:visited{color:#FFF;background: #8CA2D3;}
.sideNavBoxBlue li a:hover {color:#FFF;background: #4F6491;text-decoration:none}
.sideNavBoxBlue li a:active {color:#FFF;background: #4F6491;text-decoration:none}
.sideNavBoxBlue li p{font-size: 9pt;color:#FFE5E5;background: #F04;width:100%;padding:3px;display: block;border-bottom: 1px solid #FFF; margin:0;}

#footer{font-size:7pt;color:#3E64DB;text-align:center; background:#fff ;display:block;margin:0;padding:0;position:relative;z-index:400;width:100%;}
#footer p{margin:0; text-align:center;color:#3E64DB;font-size:7pt;}
#footer ul{font-size:7pt;line-height:1.5em;margin:0 15px;padding:0.4em 0 0}
#footer ul li{font-size:7pt;background-image:none;display:inline;margin:0;padding:0}
#footer ul li a{font-size:7pt;border-left:1px #3E64DB solid;text-decoration:none;padding:0 .5em;margin:0 0 5px;float:left;voice-family:"\"}\"";voice-family:inherit;float:none}
#footer ul li a:link{color:#3E64DB}
#footer ul li a:visited{color:#3E64DB}
#footer ul li a:hover{color:#3E64DB;text-decoration:underline}
#footer ul li a:active{color:#3E64DB}
#footer ul li.ffirstlink a{padding-left:0;clear:left;border:0}

#header{ text-align:right; font-weight:bold; background:#fff ;display:block;margin:0 0 5px 0;padding:0;position:relative;z-index:400;width:100%;height:1.5em}
#header p{margin:0; text-align:right;color:#3E64DB}
#header ul{line-height:1.5em;margin:0 10px;padding:0.4em 0 0}
#header ul li{background-image:none;display:inline;margin:0;padding:0}
#header ul li a{border-left:1px #fff solid;text-decoration:none;padding:0 .5em;margin:0 0 0;float:left;voice-family:"\"}\"";voice-family:inherit;float:none}
#header ul li a:link{color:#3E64DB}
#header ul li a:visited{color:#3E64DB}
#header ul li a:hover{color:#3E64DB;text-decoration:underline}
#header ul li a:active{color:#3E64DB}
#header ul li#firstlink a{padding-left:0;clear:left;border:0}

.bodyBg {background: #7790C4 url(../Images/Common/CloudBg.jpg)}
.horzdashes{background:url(../Images/Common/hor_dashes_blue.gif) repeat-x left top;margin:0 0 0 0;padding: 0}
.vertdashes{background:url(../Images/Common/vert_dashes_blue.gif) repeat-y left top;margin:0 0 0 0;padding: 0}

.copyright {font-size:7pt;color:#224A8E; text-align: center;margin-top:10px;margin-left:180px}

/*ul.listSalusBullet {font-size: 9pt;font-weight:bold; list-style-image: url(../Images/Common/salus_bullet_small.gif);padding:0 0 0 0px;list-style: none;margin:0 0 5px 20px; }*/
ul.listSalusBullet li{font-size: 8pt;font-weight:bold; background: url(../Images/Common/salus_bullet_small.gif) no-repeat left center;padding:0 0 0 10px;list-style: none;margin:0 0 5px -20px; }

ul.listSalusBulletInline {padding:0;margin: 0 0 0 -10px;}
ul.listSalusBulletInline li{font-size: 8pt;font-weight:bold; background: url(../Images/Common/salus_bullet_small.gif) no-repeat left center;padding:0 0 0 10px;display:inline; margin:0 0 5px 15px; }
ul.listSalusBulletInline li a{text-decoration:none;}
ul.listSalusBulletInline li a:link{color:#3E64DB}
ul.listSalusBulletInline li a:visited{color:#3E64DB}
ul.listSalusBulletInline li a:hover{color:#3E64DB;text-decoration:underline}
ul.listSalusBulletInline li a:active{color:#3E64DB}


p.medBullet { padding-left: 16px; margin:0; background: url(../Images/Common/salus_bullet_med.gif) no-repeat left top;}
p.medBulletPara { margin:0; background: url(../Images/Common/salus_bullet_med.gif) no-repeat left top;}
h3.smallBullet { padding-left: 10px; margin:0 0 5px 0; background: url(../Images/Common/salus_bullet_small.gif) no-repeat left center;}
h2.medBullet { padding-left: 16px; margin:0; background: url(../Images/Common/salus_bullet_med.gif) no-repeat left top;}


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


.footer{width: 100%; height: 100px;}
.footer p{margin:5px 0 0 0;font-size:8pt;font-weight: bold;color:#3E64DB;text-align: center;}
.footer a{text-decoration:none;}
.footer a:visited{color:#3E64DB}
.footer a:link{color:#3E64DB}

.BlueHeading{color:#33C;}
.BlueHeadingLight{color:#397CDE}

ul li{font-size: 8pt; margin: 5px 0 5px 0; list-style-type:disc;line-height:135%;}
ul li h2{font-size:110%;margin: 20px 0 -8px 0}
ol li{font-size: 8pt; margin: 5px 0 5px 0; list-style-type:decimal;line-height:135%;}
ol li h2{font-size:110%;margin: 20px 0 -8px 0}

.sidenav{margin:0 10px 0 15px}
.sidenav p{margin:0;font-size:8pt;font-weight: bold;}
.sidenav.image{margin:-2px -8px}
.sidenav img{margin:0 2px}
.sidenav a{text-decoration:none;}
.sidenav a:visited{color:#CC0033}
.sidenav a:link{color:#CC0033}
.sidenav h2{margin:0 0 5px 0; padding:0 0 3px 0; font-size:8pt;font-weight: bold;background:url(../Images/css/bdot.gif) repeat-x left bottom;}

.leftNav_Blue {margin: 0px;padding: 10px 5px 10px 10px;font-weight:Bold;text-decoration:none;color:#33C;}
.leftNav_Blue li{color:#33C;margin: 0px 0 0px 5px;list-style: none;}
.leftNav_Blue li a{color: #33C;font-size: 8pt;background: url(../Images/Common/bullet_arrow_blu_small.gif) no-repeat left center;padding:0 0 0 6px}
.leftNav_Blue li a:link{color:#3E64DB;font-size: 8pt}
.leftNav_Blue li a:visited{color:#3E64DB;font-size: 8pt}
.leftNav_Blue li a:hover {color:#3E64DB;text-decoration:underline;font-size: 8pt}
.leftNav_Blue li.heading{color:#33C;margin: 0px 0 0px 0;list-style: none;display:inline}
.leftNav_Blue li.headingLight{margin: 0px 0 0px 0;list-style: none;display:inline;color:#397CDE;}
.leftNav_Blue li p{margin:0;font-size: 9pt;}

.LHSBox{border-top: solid 4px #4269DF;}

.sideNavRed{ background-color:White; border: solid 1px #C03; font-weight: bold; }
.sideNavRed h2{margin:0 0 5px 0; padding:0 0 3px 0; font-size:8pt;font-weight: bold;}
.sideNavRed p{color:White; background-color: #C03; width: 100%; height: 15px; border-top: solid 1px #FFF }
.sideNavRed a{text-decoration:none; color:White;}
.sideNavRed a:visited{color:White; background-color: #C03; }
.sideNavRed a:link{color:White; background-color: #C03; }
.sideNavRed a:hover{color:White; background-color: #F04; }


.listTick ul li{color:#33C;font-size: 80%;font-weight:bold; background: url(../Images/css/tick.gif) no-repeat left center;padding:0 0 0 18px;list-style: none;margin:3px 0 0 -22px; }



.hostingOptions{margin:0px;color:Black;}
.hostingOptions p{font-size:7pt;}
.hostingOptions h1{font-size:10pt; color:Black; margin:0 0 10px 0;}
.hostingOptions ul li{font-size:60%; margin: 2px 0 2px -10px; list-style-type:square;line-height:130%;}
.hostingOptions a{text-decoration:none; font-weight:bold; font-size:70%;color:#3E64DB}
.hostingOptions a:visited{color:#3E64DB}
.hostingOptions a:link{color:#3E64DB}


#hostingPlans{margin:0px;padding:0px;font-size:8pt;color:#666}
#hostingPlans table{background-color:#FFF;border:0;padding:0;border-collapse:collapse;margin:0;}
#hostingPlans td img{vertical-align:middle;margin:0;padding:5px;}
#hostingPlans td.heading{font-weight:bold;border-bottom: solid 1px #333;padding: 2px 2px 2px 5px;}
#hostingPlans td.info{border-bottom: solid 1px #CCC;background-color: #F2F2F2;padding:2px 2px 2px 5px; text-align:center;}
#hostingPlans td.title{border-bottom: solid 1px #CCC;background-color: #FFF;padding:2px 2px 2px 5pxx;}
#hostingPlans td.infohelp{background-color: #FFF;padding:10px; text-align:justify;display:none;}
#hostingPlans div.infohelp{background-color: #FFF;padding:10px; text-align:justify;display:none;}


.boxBluSmallHdg{background: #fff url(../Images/Backgrounds/grad_blue_hdg_small.gif) repeat-x left top; border-bottom: solid 2px #00f; border-left: solid 1px #00f; border-right: solid 1px #00f; border-top: solid 2px #00f; padding: 2px 5px 5px 2px;}
.boxBluLargeHdg{background: #fff url(../Images/Backgrounds/grad_blue_hdg_large.gif) repeat-x left top; border-bottom: solid 2px #00f; border-left: solid 1px #00f; border-right: solid 1px #00f; border-top: solid 2px #00f; padding: 2px 5px 5px 2px;}
.boxRedSmallHdg{background: #fff url(../Images/Backgrounds/grad_red_hdg_small.gif) repeat-x left top; border-bottom: solid 2px #C03; border-left: solid 1px #C03; border-right: solid 1px #C03; border-top: solid 2px #C03; padding: 2px 5px 5px 2px;}
.boxRedLargeHdg{background: #fff url(../Images/Backgrounds/grad_red_hdg_large.gif) repeat-x left top; border-bottom: solid 2px #C03; border-left: solid 1px #C03; border-right: solid 1px #C03; border-top: solid 2px #C03; padding: 2px 5px 5px 2px;}

.BlueLargeHdg{background: #fff url(../Images/Backgrounds/grad_blue_hdg_large.gif) repeat-x left top; padding: 2px 5px 5px 2px;color:White;font-size:110%}






/*Orange round corners div*/
.bl {background: url(../Images/css/cnr_orange_small_bl.gif) 0 100% no-repeat #f90; width: 100%} 
.br {background: url(../Images/css/cnr_orange_small_br.gif) 100% 100% no-repeat} 
.tl {background: url(../Images/css/cnr_orange_small_tl.gif) 0 0 no-repeat} 
.tr {background: url(../Images/css/cnr_orange_small_tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

/*Grey bordered round corner table*/
.round_corners_table { border:0px; border-collapse: collapse; background-color: #fff;}
.rct_top-row {height: 6px; }
.rct_bottom-row {height: 6px; }
.rct_tc{ border-top: solid 1px #CCC}
.rct_bc{ border-bottom: solid 1px #CCC}
.rct_cl{ border-left: solid 1px #CCC}
.rct_cr{ border-right: solid 1px #CCC}
.rct_tl {width: 5px; background: url(../Images/css/tblcnr_tlhs.gif) no-repeat top left; }
.rct_tr {width: 5px; background: url(../Images/css/tblcnr_trhs.gif) no-repeat top right; }
.rct_bl {background: url(../Images/css/tblcnr_blhs.gif) no-repeat bottom left ; }
.rct_br {background: url(../Images/css/tblcnr_brhs.gif) no-repeat bottom right ; }
.rct_content{ vertical-align:top; padding: 0;}

a.crimsonLarge:link{color:#CC0033; font-weight:bold;}
a.crimsonLarge:visited{color:#CC0033; font-weight:bold;}
a.crimsonLarge:hover{color:#CC0033; font-weight:bold;}
a.crimsonLarge:active{color:#CC0033; font-weight:bold;}

.examplesites{margin: 2px 10px 20px 15px;padding: 0 0 10px 0;}
.examplesites p{margin:0;font-size:70%; line-height:1.1em;}
.examplesites img{margin: 0 10px; border-style:none;}
.examplesites a{text-decoration:underline;}
.examplesites a:visited{color:#3E64DB;font-weight:bold}
.examplesites a:link{color:#3E64DB;font-weight:bold}
.examplesites h1{color:#FFF; font-size:12pt; margin: 0 0 15px 5px}
.examplesites h1 a:link{color:#FFF;font-size:110%;}
.examplesites h1 a:visited{color:#FFF;font-size:110%;}
.examplesites h1 a:active{color:#FFF;font-size:110%;}
h2{margin:0px 0 2px 0}


.DarkBlueSmall {font: 8pt Verdana, Arial, Tahoma; font-weight:bold; color:#000080;}
.DarkBlueStd {font: 9pt Verdana, Arial, Tahoma; color:#00008b;  text-decoration: none;}
.DarkBlueStdBold {font: 9pt Verdana, Arial, Tahoma; color:#00008b;  text-decoration: none; font-weight:bold;}
.Black {font: 9pt Verdana, Arial, Tahoma; color:#000000; text-decoration: none;}
.BlackBold {font: 9pt Verdana, Arial, Tahoma; color:#000000; font-weight:bold; text-decoration: none;}
.BlackBoldSmall {font: 8pt Verdana, Arial, Tahoma; color:#000000; font-weight:bold; text-decoration: none;}
.BlackSmall {font: 8pt Verdana, Arial, Tahoma, Arial; color:#000000; text-decoration: none;}
.BlueRoyalStd {font: 9pt Verdana, Arial, Tahoma; color:#333399;  text-decoration: none;}
.BlueSeaLargeBold { font: bold 11pt Tahoma,Verdana, Arial; color: #003366; text-decoration: none;}
.BlueRoyalStdBold {font: 9pt Verdana, Arial, Tahoma; color:#333399;  text-decoration: none; font-weight:bold;}
.BlueRoyalStdSmall {font: 8pt Verdana, Arial, Tahoma; color:#333399; text-decoration: none;}
.BlueRoyalBoldSmall {font: 8pt Verdana, Arial, Tahoma; color:#333399; text-decoration: none;font-weight:bold;}
.BlueRoyalLargeBold {font: 11pt Verdana, Arial, Tahoma; color:#333399;  text-decoration: none; font-weight:bold;}
.BlueMidStd {font: 9pt Verdana, Arial, Tahoma; color:#6666ff;  text-decoration: none;}
.BlueMidStdBold {font: 9pt Verdana, Arial, Tahoma; color:#6666ff;  text-decoration: none; font-weight:bold;}
.BlueMidStdSmall {font: 8pt Verdana, Arial, Tahoma; color:#6666ff; text-decoration: none;}
.SteelBlueStdBold {font: 9pt Verdana, Arial, Tahoma; color:#4682b4; text-decoration: none; font-weight:bold;}
.DarkSlateBlueStdBold {font: 9pt Verdana, Arial, Tahoma; color:#483d8b;  text-decoration: none; font-weight:bold;}
.DarkSlateGreyStdBold {font: 9pt Verdana, Arial, Tahoma; color:#2F4F4F; text-decoration: none; font-weight:bold;}
.RoyalBlueStdBold {font: 9pt Verdana, Arial, Tahoma;  color: #4169e1;       text-decoration: none;    font-weight: bold;}
.RoyalBlueStd {font: 9pt Verdana, Arial, Tahoma;  color: #4169e1;       text-decoration: none;}
.DarkBlueLarge {font: 11pt Verdana, Arial, Tahoma; font-weight:bold; color:#000080;}
.DarkGreySmallStd {font: 8pt Verdana, Arial, Tahoma; color:#333333;}
.DarkGreySmallBold {font: 8pt Verdana, Arial, Tahoma; color:#333333; font-weight: bold;}
.DarkGreyStd {font: 9pt Verdana, Arial, Tahoma; color:#333333;}
.DarkGreyBold {font: 9pt Verdana, Arial, Tahoma; color:#333333; font-weight:bold;}
.DarkGreyLarge {font: 11pt Verdana, Arial, Tahoma;color:#333333;}
.DarkGreyLargeBold {font: 11pt Verdana, Arial, Tahoma; font-weight:bold; color:#333333;}
.LightGreySmall {font: 8pt Verdana, Arial, Tahoma; font-weight:bold; color:#999999;}
.LightGreyNormal {font: 9pt Verdana, Arial, Tahoma; font-weight:bold; color:#999999;}
.LightGreySmallBold {font: 8pt Verdana, Arial, Tahoma; color:#999999; font-weight: bold;}
.LightGreyVSmallBold {font: 7pt Verdana, Arial, Tahoma; color:#999999; font-weight: bold;}
.RedBrownStd {font: 9pt Verdana, Arial, Tahoma; color:#993333;  text-decoration: none;}
.RedBrownBold {font: 9pt Verdana, Arial, Tahoma; color:#993333;  text-decoration: none; font-weight:bold;}
.RedBrownLargeBold {font: 11pt Verdana, Arial, Tahoma; color:#993333;  text-decoration: none; font-weight:bold;}
.RedBrownBoldSmall {font: 8pt Verdana, Arial, Tahoma; color:#993333;  text-decoration: none;font-weight:bold;}
.RedStd {font: 9pt Verdana, Arial, Tahoma; color:#cc0000;  text-decoration: none;}
.MuddyBrownBoldSmall {font: 8pt Verdana, Arial, Tahoma;color:#663333;text-decoration: none;font-weight:bold;}
.MuddyBrownBold {font: 9pt Verdana, Arial, Tahoma;color:#663333;text-decoration: none;font-weight:bold;}
.MuddyBrownStd {font: 9pt Verdana, Arial, Tahoma;color:#663333;text-decoration: none;}

a.CrimsonStdLink:link {color:#CC0033; text-decoration: none;font-weight:bold;}
a.CrimsonStdLink:visited {color: #CC0033;text-decoration: none;font-weight:bold;}
a.CrimsonStdLink:active {color: #CC0033;text-decoration: none;font-weight:bold;}
a.CrimsonStdLink:hover {color: #CC0033; text-decoration: underline;font-weight:bold;}


a.DarkGreyBoldLink:link {font: 9pt Verdana, Arial, Tahoma; color:#666666; font-weight:bold;text-decoration: none;}
a.DarkGreyBoldLink:visited {  color: #666666;font-weight:bold;  text-decoration: none;}
a.DarkGreyBoldLink:active { color: #666666;font-weight:bold; text-decoration: none;}
a.DarkGreyBoldLink:hover { color: #666666; text-decoration: underline;}

a.DarkGreyStdLink:link {font: 9pt Verdana, Arial, Tahoma; color:#666666; text-decoration: none;}
a.DarkGreyStdLink:visited {  color: #666666;text-decoration: none;}
a.DarkGreyStdLink:active { color: #666666;text-decoration: none;}
a.DarkGreyStdLink:hover { color: #666666; text-decoration: underline;}

a.DarkGreyBoldLink:link {font: 9pt Verdana, Arial, Tahoma; color:#666666; font-weight:bold;text-decoration: none;}
a.DarkGreyBoldLink:visited {  color: #666666;font-weight:bold;  text-decoration: none;}
a.DarkGreyBoldLink:active { color: #666666;font-weight:bold; text-decoration: none;}
a.DarkGreyBoldLink:hover { color: #666666; text-decoration: underline;}


a.DarkGreySmallBold:link {font: 8pt Verdana, Arial, Tahoma; color:#999999; font-weight:bold;text-decoration: none;}
a.DarkGreySmallBold:visited {  color: #999999;font-weight:bold;  text-decoration: none;}
a.DarkGreySmallBold:active { color: #999999;font-weight:bold; text-decoration: none;}
a.DarkGreySmallBold:hover { color: #999999; text-decoration: underline;}

.DarkGreySmallBoldPaging {font: 8pt Verdana, Arial, Tahoma; color:#999999; font-weight:bold;text-decoration: underline;}
a.DarkGreySmallBoldPaging:link {font: 8pt Arial, Helvetica, sans-serif; color:#999999; font-weight:bold;text-decoration: underline;}
a.DarkGreySmallBoldPaging:visited {  color: #999999;font-weight:bold;  text-decoration: underline;}
a.DarkGreySmallBoldPaging:active { color: #999999; font-weight:bold; text-decoration: underline;}
a.DarkGreySmallBoldPaging:hover { color: #999999; font-weight:bold; text-decoration: underline;}

.MainMenuTxt {font: 9pt Verdana, Arial, Tahoma; color:#FFFFFF; font-weight:bold;}
a.MainMenuTxt:link {font: 9pt Tahoma, Arial; color:#FFFFFF; font-weight:bold;text-decoration: none;}
a.MainMenuTxt:visited {font: 9pt Tahoma, Arial; color:#FFFFFF; font-weight:bold; text-decoration: none;}
a.MainMenuTxt:active {font: 9pt Tahoma, Arial; color:#FFFFFF; font-weight:bold; text-decoration: none;}
a.MainMenuTxt:hover {font: 9pt Tahoma, Arial; color:#FFFFFF; font-weight:bold; text-decoration: underline;}

.WhiteSmallBold {font: 8pt Verdana, Arial, Tahoma; color:#FFFFFF; font-weight:bold;}
a.WhiteSmallBold:link {font: 8pt Tahoma, Arial; color:#FFFFFF; font-weight:bold;text-decoration: none;}
a.WhiteSmallBold:visited {font: 8pt Tahoma, Arial; color:#FFFFFF; font-weight:bold; text-decoration: none;}
a.WhiteSmallBold:active {font: 8pt Tahoma, Arial; color:#FFFFFF; font-weight:bold; text-decoration: none;}
a.WhiteSmallBold:hover {font: 8pt Tahoma, Arial; color:#FFFFFF; font-weight:bold; text-decoration: underline;}

a.OrangeStdLink:link {font: 9pt Verdana, Arial, Tahoma; color:#FF9900; text-decoration: none;}
a.OrangeStdLink:visited {  color: #FF9900;text-decoration: none;}
a.OrangeStdLink:active { color: #FF9900;text-decoration: none;}
a.OrangeStdLink:hover { color: #FF9900; text-decoration: underline;}

.bgVerticalDots
{
    background-image: url(../Images/Common/DotsVertical.gif);
}
.bgHorizontalDots
{
    background-image: url(../Images/Common/DotsHorizontal.gif);
}


.mainMenu
{
    padding: 0px 0px 0px 0px;
    width: 100%; 
    background-image: url('../Images/Common/MainMnuBgBlue.gif');
    height: 39px;
} 

.mainMenuCell
{
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}


/*
Round corners table, outer grey border, white bg, css:
#round_corners_table { border:0px; border-collapse: collapse; background-color: #fff;}
#top-row {height: 6px; }
#bottom-row {height: 6px; }
#tc{ border-top: solid 1px #CCC}
#bc{ border-bottom: solid 1px #CCC}
#cl{ border-left: solid 1px #CCC}
#cr{ border-right: solid 1px #CCC}
#tl {width: 5px; background: url(../Images/css/tblcnr_tlhs.gif) no-repeat top left; }
#tr {width: 5px; background: url(../Images/css/tblcnr_trhs.gif) no-repeat top right; }
#bl {background: url(../Images/css/tblcnr_blhs.gif) no-repeat bottom left ; }
#br {background: url(../Images/css/tblcnr_brhs.gif) no-repeat bottom right ; }

html:

    <table id="round_corners_table">
        <tr id="top-row"><td id="tl"></td><td id="tc"></td><td id="tr"></td></tr>
        <tr><td id="cl"></td><td>table content</td><td id="cr"></td></tr>
        <tr id="bottom-row"><td id="bl"></td><td id="bc"></td><td id="br"></td></tr>
    </table>

*/


/*
Round corners using divs, method 1 css:
.roundCnrOrange {width: 100%;background-color: #f90;color: #fff;}
.roundCnrOrange p {	margin: 0 10px;}
.roundCnrOrangeTopSmall {background: url(../Images/css/cnr_orange_small_tr.gif) no-repeat top right;}
.roundCnrOrangeBottomSmall {background: url(../Images/css/cnr_orange_small_br.gif) no-repeat top right;}
img.cornerSmall {width: 7px; height: 7px; border: none; display: block !important;}

html:
    <div style="width: 350px;">
    <div class="roundCnrOrange">
        <div class="roundCnrOrangeTopSmall"><img class="cornerSmall" src="../Images/css/cnr_orange_small_tl.gif" alt="" width="7" height="7" style="display: none" /></div>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing 
           elit, sed do eiusmod tempor incididunt ut labore et 
           anim id est laborum.</p>
        <div class="roundCnrOrangeBottomSmall"><img class="cornerSmall" src="../Images/css/cnr_orange_small_bl.gif" alt="" width="7" height="7" style="display: none" /></div>
    </div>	
    </div>
*/

/*
Round corners using divs, method 2 css:
.bl {background: url(../Images/css/cnr_orange_small_bl.gif) 0 100% no-repeat #f90; width: 20em} 
.br {background: url(../Images/css/cnr_orange_small_br.gif) 100% 100% no-repeat} 
.tl {background: url(../Images/css/cnr_orange_small_tl.gif) 0 0 no-repeat} 
.tr {background: url(../Images/css/cnr_orange_small_tr.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}

html:

    <div class="bl"><div class="br"><div class="tl"><div class="tr"> 
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit </p>
        </div></div></div></div> 
    <div class="clear">&nbsp;</div>
*/


/*
push button!

a { 
display: block; 
border: 1px solid; 
border-color: #aaa #000 #000 #aaa; 
width: 8em; 
background: #fc0; 
} 

a:hover 
{ 
position: relative; 
top: 1px; 
left: 1px; 
border-color: #000 #aaa #aaa #000; 
}
*/