/*	Sterling Commerce Home Page CSS 
	Version 2.2
	Updated: 10.03.05 11:49PM C
*/

BODY
{
    margin: 0px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}
FORM
{
    margin: 0px;
}
TABLE
{
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

A.mainText {
text-dectoration: none;
color:#000000;
}

a.mainText:hover {
text-decoration: underline:
}

A {
	color: #446392;
    text-decoration: none;
}
/*A:visited
{
	color: #FFFFFF;
    text-decoration: none;
}*/
A:hover
{
    text-decoration: underline;
}
HR {
LINE-HEIGHT: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #cccccc;
}
.titleTXT
{
    font-size: 18px;
    color: #888888;
}
H1 {
    font-weight: normal;
}
.listTXT
{
    padding-right: 5px;
    padding-left: 10px;
    font-size: 10px;
    padding-bottom: 15px;
}
.date
{
    color: #888888;
}
.bug
{
    font-size: 11px;
}
/* UK BUG Style BEGIN */
.bugbgGrey{
	BACKGROUND-COLOR: #EEEEEE;
}
.bugTopTile {
	BACKGROUND-IMAGE: url("../images/bug/sBug_top_tile.gif"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_top_tile.gif*/);
}
.bugLTitle{
 	BACKGROUND-IMAGE: url("../images/bug/sBug_ltitle.gif"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_ltitle.gif*/);
}

.bugRTitle{
	BACKGROUND-IMAGE: url("../images/bug/sBug_rtitle.gif"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_rtitle.gif*/);
}
.bugL{
	BACKGROUND-IMAGE: url("../images/bug/sBug_l.gif"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_l.gif*/);
}
.bugR{
	BACKGROUND-IMAGE: url("../images/bug/sBug_r.gif"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_r.gif*/);
}
.bugBottomTile{
 	BACKGROUND-IMAGE: url("../images/bug/sBug_bottom_tile.gif"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_bottom_tile.gif*/);
}
.bugTopTileW{
 	BACKGROUND-IMAGE: url("../images/bug/sBug_top_tile_w.jpg"/*tpa=http://www.sterlingcommerce.com/images/bug/sBug_top_tile_w.jpg*/);
}
.bugRight {
	FONT-SIZE: 11px;
	MARGIN-left: 10px;
}
/* UK BUG Style End */
.bug UL
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 0px 15px;
    padding-top: 0px;
}
.bug LI
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.bugTitle
{
    font-weight: bold;
    vertical-align: middle;
}
.smallText
{
    font-size: 10px;
    color: #666666;
    text-decoration: none;
}
.toUpper
{
    TEXT-TRANSFORM: uppercase;
}
#sitemap
{
    padding-right: 0px;
    padding-left: 0px;
	padding-bottom: 0px;
    margin: 0px;
    color: #666666;
    padding-top: 0px;
    text-decoration: none;
}
#sitemap A:link
{
    color: #464646;
    text-decoration: none;
}
#sitemap A:visited
{
    color: #0099FF;
    text-decoration: none;
}
#sitemap A:hover
{
    color: #0099FF;
    text-decoration: underline;
}
#sitemap A:active
{
    color: #0099FF;
    text-decoration: underline;
}
#sitemap UL
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px 0px 25px;
    padding-top: 0px;
}
#sitemap LI
{
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    LIST-STYLE-TYPE: none;
	line-height: 14px;
}
#sitemap LI UL LI
{
    LIST-STYLE-TYPE: disc;
}
#sitemap LI UL LI UL LI
{
    LIST-STYLE-TYPE: circle;
}
.sitemapTitles
{
    font-size: 14px;
    LIST-STYLE-TYPE: none;
}
.subHead
{
    font-weight: bold;
    font-size: 12px;
    color: #666666;
    font-family: Arial, Trebuchet MS, Geneva, sans-serif;
}
.button
{
    border-right: #666666 4px solid;
    border-top: #666666 2px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: #666666 4px solid;
    color: #FFFFFF;
    border-bottom: #666666 2px solid;
    font-family: Arial, Trebuchet MS, Geneva, sans-serif;
    background-color: #666666;
    font-VARIANT: normal;
    text-decoration: none;
}
.input
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    font-weight: normal;
    font-size: 12px;
    border-left: #666666 1px solid;
    color: #666666;
    line-height: normal;
    border-bottom: #666666 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
	margin-bottom:0px;
}
.smallTitle
{
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
/*SUCCESS STORIES STYLES*/
#bug .title {
	font-weight: bold;
	color: #FFF;
	margin: 0px 10px 10px 10px;}
#bug p {
	margin: 0px 10px 10px 15px;
	font-size: 11px;
	color: #888;}
#bug ul {
	margin: 0px 15px 0px 0px;
	font-size: 11px;
	color: #888;}
#bug li {
	margin: 0px 0px 10px 0px;
	line-height: 13px;
	font-size: 11px;
	color: #888;}
table.eventcalendar
{
	border-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
}
table.eventcalendar td#col1
{
	width: 15px;
}
table.eventcalendar td#col2
{
	padding: 5px 5px 5px 5px;
}
table#eventeven.eventcalendar td#col2
{
    background-color: eeeeee;
}
a.eventcalendar, a:active.eventcalendar, a:visited.eventcalendar
{
            font-weight: bold;
}
span#date.eventcalendar
{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
span#description.eventcalendar
{
	display: block;
}
span#displayname.eventcalendar
{
	display: block;
	margin-bottom: 5px;
}
span#location.eventcalendar
{
	display: block;
}
span#spacer.eventcalendar
{
	display: block;
	margin-bottom: 15px;
}
#eventtitlespan
{
	display: block;
	margin-top: 15px;
}
span#eventdate
{
	display: block;
	font-weight: bold;
}
span#eventlocation
{
	display: block;
	margin-bottom: 25px;
}

/* Classes for Divs*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {clear:both; display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height:1%;}
/* End hide from IE-mac */

.lcolumn,
.rcolumn {float:left; width:276px;}
.threecol .lcolumn,
.threecol .rcolumn {float:left; width:177px;}
.threecol .mcolumn {float:left; width:177px;}

.lcolumn {padding-right:10px;}
.mcolumn {padding-right:10px; padding-left:10px;}
.rcolumn {padding-left:10px;}

.redtitlebox,
.cyantitlebox,
.greentitlebox,
.greentitlebox,
.yellowtitlebox,
.orangetitlebox,
.browntitlebox,
.violettitlebox,
.purpletitlebox,
.titleboxtext * {margin:0; padding:0;}

h3.redtitlebox,
h3.cyantitlebox,
h3.greentitlebox,
h3.yellowtitlebox,
h3.orangetitlebox,
h3.browntitlebox,
h3.violettitlebox,
h3.purpletitlebox {display:block; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; padding:7px 10px; font:11px Arial, Helvetica, sans-serif; font-weight:bold; background:url("i/bg_h3_box.jpg"/*tpa=http://www.sterlingcommerce.com/includes/i/bg_h3_box.jpg*/) left bottom repeat-x;}

.scblue,
.bluebugs .bugwrapper .cta,
.bluetitlebox {color:#7896cf;}
.scred,
.redbugs .bugwrapper .cta,
.redtitlebox {color:#c02;}
.sccyan,
.cyanbugs .bugwrapper .cta,
.cyantitlebox {color:#09f;}
.scgreen,
.greenbugs .bugwrapper .cta,
.greentitlebox {color:#7a2;}
.scyellow,
.yellowbugs .bugwrapper .cta,
.yellowtitlebox {color:#fc0;}
.scorange,
.orangebugs .bugwrapper .cta,
.orangetitlebox {color:#f80;}
.scbrown,
.brownbugs .bugwrapper .cta,
.browntitlebox {color:#843;}
.scviolet,
.violetbugs .bugwrapper .cta,
.violettitlebox {color:#a06;}
.scpurple,
.purplebugs .bugwrapper .cta,
.purpletitlebox {color:#649;}

.titleboxtext {margin-bottom:15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px 10px; font:11px Arial, Helvetica, sans-serif;}
.lcolumn .titleboxtext,
.mcolumn .titleboxtext,
.rcolumn .titleboxtext {min-height:170px;}
.titleboxtext p {margin:0 0 10px;}
.titleboxtext th {text-align:left; vertical-align:bottom; font-weight:bold;}
.titleboxtext p.links a {line-height:1.7em;}

a.railbug {
	display:block;
	width:154px;
	margin:1.1em 0;
}

a.railbug:link {text-decoration:none; color:#333;}
#contactbug .contacttext a:link,
#contactbug .text a:link,
#contactbug .download a:link,
#downloads .text a:link,
.bugwrapper .addthis a:link {text-decoration:none; color:#333;}
a.railbug:hover {text-decoration:none; color:#333;}
#contactbug .contacttext a:hover,
#contactbug .text a:hover,
#contactbug .download a:hover,
#downloads .text a:hover,
.bugwrapper .addthis a:hover {text-decoration:underline; color:#333;}
a.railbug:active {text-decoration:none; color:#333;}
#contactbug .contacttext a:active,
#contactbug .text a:active,
#contactbug .download a:active,
#downloads .text a:active,
.bugwrapper .addthis a:active {text-decoration:none; color:#333;}
a.railbug:visited {text-decoration:none; color:#333;}
#contactbug .contacttext a:visited,
#contactbug .text a:visited,
#contactbug .download a:visited,
#downloads .text a:visited,
.bugwrapper .addthis a:visited {text-decoration:none;	color:#333;}

.bugwrapper{
	display:block;
	margin:0;
	border-right:1px #ccc solid;
	border-left:1px #ccc solid;
	padding:0 5px;
	width:142px;
	font-family:Arial,Helvetica,sans-serif;
	cursor:pointer;
}
/* IE7 is thrown into quirks mode by the lack of doctype so*/
* html .bugwrapper{
	width:154px;
}
.us .bugwrapper{
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
}
.bugwrapper .title {
	display:block;
	border-bottom:1px #cdcdcd solid;
	padding:0 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
	color:#7896cf;
}
.bugwrapper .analyst {
	display:block;
	padding:5px;
	text-align:right;
	font-style:oblique;
	font-size:11px;
	color:#333;
}
#downloads ul {
	margin:0;
}
.bugwrapper .text,
.bugwrapper .addthis,
.bugwrapper .download {
	display:block;
	margin:0;
	padding:5px;
	font-size:11px;
	color:#333;
}
.bugwrapper .cta {
	display:block;
	padding:5px 5px 0 5px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#446392;
}
.bugwrapper .cta span {
	font-size:16px;
}
.railbug img {
	border:0;
	cursor:default;
}

#downloads {
	background-color:#eee;
}

#contactbug .contacttext {
	padding:5px 5px 5px 30px;
	background:url("../images/icons/icon_contact_info.png"/*tpa=http://www.sterlingcommerce.com/images/icons/icon_contact_info.png*/) 0px 6px  no-repeat;
}

#contactbug .text,
#contactbug .addthis,
#contactbug .download {
	border-top:1px dashed #ccc;
	padding:5px 5px 5px 30px;
	background:url("../images/icons/icon_pdf.png"/*tpa=http://www.sterlingcommerce.com/images/icons/icon_pdf.png*/) 3px 6px  no-repeat;
}

#contactbug .addthis {
	background:url("../images/icon_addthis16.gif"/*tpa=http://www.sterlingcommerce.com/images/icon_addthis16.gif*/) 3px 6px  no-repeat;
}

#contactbug .download {
	background:url("../images/icons/arrow_down.png"/*tpa=http://www.sterlingcommerce.com/images/icons/arrow_down.png*/) 3px 6px  no-repeat;
}

#contactbug h4,
#contactbug p {
	margin:0;
	font-size:11px;
}

#contactbug h4 {
	font-size:13px;
}
#tablebugs {width:100%; text-align:left; font:12px Arial, Helvetica, sans-serif; line-height:18px; border-collapse:collapse;}
* html #tablebugs {width:570px;}
#tablebugs td {border-top:1px solid transparent; border-bottom:1px solid #ccc; vertical-align:top; background:#fff; color:#669;}
#tablebugs td.header {border-top:1px solid transparent;	border-bottom:1px solid #444; padding:16px 8px 2px 8px; vertical-align:bottom; font-weight:bold; color:#7896cf;}
#tablebugs td a {display:block;	padding:13px 8px; width:100%;	height:100%; text-decoration:none; color:#446392;}
#tablebugs td a img {border:2px solid #446392;}
#tablebugs tr.current td a img {border:2px solid #fff;}
.cyanbugs #tablebugs td.header {color:#09f;}
.greenbugs #tablebugs td.header {color:#7a2;}
.orangebugs #tablebugs td.header {color:#f80;}
.violetbugs #tablebugs td.header {color:#a06;}

h1#Title1 {font-size:14px; font-weight:bold;}

#productlist {

	margin: 0em;
	padding: 5px;
}
#productlist UL
{
    LIST-STYLE-TYPE: none;
	margin-left: 20px;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}
#productlist LI
{
  LIST-STYLE-TYPE: none;
  margin-left: 0px;
  padding-top: 2px;
}
#productlist LI UL LI
{
    LIST-STYLE-TYPE: none;
}
#productlist LI UL LI UL LI
{
    LIST-STYLE-TYPE: none;
}

