/* CSS Document last update on 02/24/12 at 12pm by Amir Esfahani
- contact form style */

h1 {
   font-family: verdana, arial, tahoma, sans-serif;
   font-size: 18px;
   font-weight: bold;
   line-height: 100%;
}

h2 {
  font-family:Calibri, Trebuchet MS, Helvetica, sans-serif;
  font-size:19px;
  font-weight:bold;
}

h3 {
  font-family:Calibri, Trebuchet MS, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
}

h4 {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 11px;
  font-weight:bold;
}

h5 {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 11px;
  font-weight:bold;
}

h6 {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 11px;
  font-weight:bold;
}

h1.product_title {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 0pt; 
  text-indent: 30px; 
  color:#ffffff
}

#HighlightsBoxText a {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 11px; 
}

table.product_title {background-color:#010066; width:100%}
td.product_title {height: 50px}

.pagedivider {
   background-image:url(/image/Diagrams_Charts/page_divider_color.gif);
   background-repeat:repeat-x;
   height: 1px;
   width: 100%;
   margin: 0px;
   padding: 0px;
}

pre { 
   word-wrap: break-word;       /* IE 5.5+ */
   white-space: -moz-pre-wrap;  /* Mozilla */
   white-space: -pre-wrap;      /* Opera 4, 5, 6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   white-space: pre-wrap;       /* CSS 3 */
}


/* CSS Document */

/* This document sets the styles for rounded corner text boxes */

.styleA {background: #fafafa; margin-bottom: 5px; margin-top:5px;}
.styleA_line {border-bottom: 1px dotted #cccccc; font-size: 8pt; margin-bottom: 10px; padding-bottom: 12px;}
.styleA_box{ border-color:#E1E1E1; border-width:1px; border-style:solid;  margin:0; padding: 2px 5px; line-height: 1.3; text-align: left; }

.styleA_boxheader {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   margin:0;
   padding:5px;
   background: #e8e8f0;
   color: #000;
   text-align: left;
   text-transform:uppercase;
   border-bottom-color:#336600; border-bottom-width:4px; border-bottom-style:solid;
}

.styleB {background: #dcdcdc; margin-bottom: 5px; margin-top:5px;}
.styleB_line {border-bottom: 1px dotted #cccccc; font-size: 8pt; margin-bottom: 10px; padding-bottom: 12px;}

.styleB_box{border-color:#E1E1E1; 
   border-width:1px; 
   border-style:solid;  
   margin:0; 
   padding: 2px 5px; 
   line-height: 1.3; 
   text-align: left; 
   background: #e7f0f7; 
}

.styleB_boxheader {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   margin:0;
   padding:5px;
   background: #dcdcdc;
   color: #000;
   text-align: left;
   text-transform:uppercase;
   border-bottom-color:#ffc526; border-bottom-width:4px; border-bottom-style:solid;
}

/* Blogs styles*/

.blogs {background: #EBECEC margin-bottom: 5px; margin-top:5px;}
.blogs_line {border-bottom: 2px solid #8c8c8c; font-size: 8pt; margin-bottom: 10px; padding-bottom: 12px;}

.blogs_box{
   border-color:#E1E1E1; 
   border-width:1px; 
   border-style:none;  
   margin:0; 
   padding: 2px 5px; 
   line-height: 1.3; 
   text-align: left; 
   background: #EBECEC; 
}

.blogs_boxheader {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   margin:0;
   padding:5px;
   background: #c6d8e9;
   color: #ff6600;
   text-align: left;
   text-transform:uppercase;
   border-bottom-color:#b1b4b6; 
   border-bottom-width:4px; 
   border-bottom-style:solid;
}

.SybaseClassic {
   background: #fafafa;
   margin-bottom: 5px;
   margin-top:5px
}

.SybaseClassic_boxheader {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   margin:0;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:5px;
   background: #e8e8f0;
   color: #000;
   text-align: left;
   text-transform:uppercase;
   border-bottom-color:#336600; 
   border-bottom-width:4px; 
   border-bottom-style:solid;
}

.SybaseClassic_box{
   border-color:#E1E1E1; 
   border-width:1px; 
   border-style:solid;
   margin:0;
   padding: 2px 5px;
   line-height: 1.3;
   text-align: left;
}


.TechWave {
   background: #fafafa;
   margin-bottom: 5px;
   margin-top:5px
}

.TechWave_boxheader {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   font-weight:bold;
   margin:0;
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:5px;
   background: #e0e0e0;
   color: #000;
   text-align: left;
   text-transform:uppercase;
   border-bottom-color:#0099cc; 
   border-bottom-width:4px; 
   border-bottom-style:solid;
}

.TechWave_box{
   border-color:#E1E1E1; border-width:1px; border-style:solid;
   margin:0;
   padding: 2px 5px;
   line-height: 1.3;
   text-align: left;
}

.TechWave_line {border-bottom: none; font-size: 8pt; margin-bottom: 10px; padding-bottom: 12px;}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* This section sets the styles for CodeXchange alternating color table rows */

	table.CodeXchange {
		border: 1px  #000000;
		-moz-border-radius: 1px;
	}
	
	table.CodeXchange td {
		border: 0px ;
		padding: 0.2em 2ex 0.2em 2ex;
		color: black;
	}
	
	table.CodeXchange tr.header td {
		background-color: #333366;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	table.CodeXchange tr.even td {
		background-color: #ededef;
	}
	
		table.CodeXchange th.even td {
		background-color: #ededef;
	}
	table.CodeXchange tr.odd td {
		background-color: #cccccc;
	}
	
/*Contact us box styles*/


.contactus_gray {
   font-family:Calibri, Trebuchet MS, Helvetica, sans-serif; 	
   font-size:16px; 	
   font-weight:bold; 	
   color:#333333;
} 	 

#contactUsBox a{
   font-family:Calibri, Trebuchet MS, Helvetica, sans-serif; 	
   font-size:13px; 	
   font-weight:bold; 	
   color:#009fda;
   text-decoration:none; 
} 

#contactUsBox a:hover {
   color:#333333;
   text-decoration:underline;
}


/*Table styles*/

#grayborder_right {
   border-right-color:#d1cece; 
   border-right-style:solid; 
   border-width:1px;
   width:20px;
   margin-right:20px;
}

#grayborder_top {
   border-top-color:#d1cece; 
   border-top-style:solid; 
   border-width:1px;
   padding-top:8px;
   margin-bottom:0px;
   width:180px;
}

/*list styles*/

ul.grayarrowlist {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
}

ul.grayarrowlist li {
   list-style-image: none;
   background-image: url(/image/Diagrams_Charts/arrow_bullet_gray.gif);
   background-repeat: no-repeat;
   background-position: left 2px;
   padding-left : 15px;
   padding-bottom:6px;
}

ul.grayarrowlist li a:link {
   color:#333333;
   text-decoration:none;
   font-weight: normal;
}

ul.grayarrowlist li a:visited { 
   color: #333333;
   text-decoration: none;
   font-weight:normal;
}

ul.grayarrowlist li a:hover {
   color:#009fda;
   text-decoration:underline;
   font-weight:normal;
}

ul.grayarrowlist li a:active { 
   color: #333333;
   text-decoration: none;
   font-weight: normal;
}

.viewAll a{
   font-family:Calibri, Trebuchet MS, Helvetica, sans-serif; 	
   font-size:13px; 	
   font-weight:bold; 	
   color:#009fda;
   text-decoration:none;
} 

.viewAll a:hover {
   color:#333333;
   text-decoration:underline;
}


/* Styles for tables with " T " shaped borders */


td.Tborderbottom  {
   border-bottom-color:#CCCCCC; 
   border-bottom-style:solid; 
   border-bottom-width:1px;
}

td.Tborderright  {
   border-right-color:#CCCCCC; 
   border-right-style:solid; 
   border-right-width:1px;
}


/* This section sets the styles for embedded lists with a plain black boldface title */

/***********************************
* New style for embedded detailList
* every embedded list new style needs to
* define 
* <styleName>Title, <styleName>List, 
*<styleName>Link, <styleName>Summary
* default is styleName = embedBulleted
************************************/
.embedBulletedTitle {
   font-variant:small-caps;
   font-weight: bold !important; 
}


.embedBulletedList {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
}

.embedBulletedList li {
   list-style-image: none;
   background-image: url(/image/Diagrams_Charts/arrow_bullet_gray.gif);
   background-repeat: no-repeat;
   background-position: left 2px;
   padding-left : 15px;
   padding-bottom:6px;
}

.embedBulletedLink {
   font-size: small;
}

.embedBulletedList a.embedBulletedLinkSum:link{
  color: #009fda;
  font-weight:bold;
  text-decoration: none;
}

.embedBulletedList a.embedBulletedLinkSum:visited {
  color: #009fda;
  font-weight:bold;
  text-decoration: none;
}

.embedBulletedList a.embedBulletedLinkNoSum:link{
  color: #333333;
  text-decoration: none;
}

.embedBulletedList a.embedBulletedLinkNoSum:visited{
  color: #333333;
  text-decoration: none;
}

.embedBulletedList a.embedBulletedLinkSum:hover {
  text-decoration: underline;
}

.embedBulletedList a.embedBulletedLinkNoSum:hover {
  color: #009fda;
  text-decoration: underline;
}

.embeddedListSummary {
   font: 10px Verdana;
   color: #000000;
}

/*Mega Menu Styles*/

a.MenuHeaderLink {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-decoration:none;
}

a.MenuHeaderLink:hover {
color:#333333;
text-decoration:underline;
}

a.MenuLink {
font-size:11px;
color:#009FDA;
text-decoration:none;
}

a.MenuLink:hover {
color:#009FDA;
text-decoration:underline;
}

ul.MegaMenu {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0; padding-left: 0;
	padding-top:5px;

}
li.MegaMenu {
	padding-bottom:10px;
	line-height:11px;
	padding-left:10px;
	padding-right:5px;
}

ul.MegaMenu:hover li.menuHeaderLinkLi{
	padding-top: 5px;
	background-color: #d2e2ea;
	}
ul.MegaMenu li.menuHeaderLinkLi{
	padding-top: 5px;
	margin-bottom: 5px;
	}
ul.MegaMenu:hover a.MenuHeaderLink {
	text-decoration: underline;
	}
a.MenuHeaderLink:hover {
	text-decoration: none;
}

/*Styles for "Highlight Link" in upper right corner of pages below the contact us box*/

#highlightLink {
padding-top:0px;
}

a.highlightLink {
font-family:Calibri, Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size:16px; 
color:#333333 !important;
font-weight:bold;
text-decoration:none;
}

a.highlightLink:hover {
color:#009FDA !important; 
}


/*Home page header styles (Manage/Analyze/Mobilize + Vision)*/
.middleContentTitle{
	font-size:20px;  font-weight:bold; font-family:Calibri, Trebuchet MS, Helvetica, sans-serif; color:#002139;
}



/* Begin Home page Banner Styles */

#bannerHome {
	height:160px;
	position:relative;
	top:-13px;
}
#bannerHome #bannerPages {
	padding:0 !important;
	margin:0 !important;
	position:relative;
	display:block;
	height:215px;
	overflow:hidden;
	}
#bannerHome #bannerPages li {
	height:185px;
	padding:15px 10px 15px 12px;
	position:absolute;
	display:none;
	list-style-type:none;
	margin:0px;
	width:957px;
}
#bannerHome #bannerPages li div {
	height:135px;
}
#bannerHome #bannerPages li div h3 {
	font-family: "calibri","trebuchet ms",helvetica,sans-serif;
	font-size:50px;
	font-weight:bold;
	line-height:105%;
	color:#353535;
	padding:0 0 0 2px;
	display:none;
	margin:0;
	width:800px;

}
#bannerHome #bannerPages li h4 {
	float:right;
	padding:0 380px 0 0;
	font-family: "calibri","trebuchet ms",helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	color:#009FDA;

	margin:0;
	display:none;
}
#bannerHome #bannerPages li h4 a {
	color:#009FDA;
	text-decoration:none;
}
#bannerHome #bannerPages li h4 a:hover {
	text-decoration:underline;

}
#bannerHome #bannerNavigation {
	position:absolute;
	top:150px;
	left:14px;
	padding:0 !important;
	margin:0 !important;
}
#bannerHome #bannerNavigation li {
	padding:0 !important;
	background:none !important;
	list-style:none;
	display:block;
}
#bannerHome #bannerNavigation li a {
	top:0px;
	position:absolute;
}
#bannerHome #bannerNavigation li a#but1 {
	left:0px;
}
#bannerHome #bannerNavigation li a#but2 {
	left:28px;
}
#bannerHome #bannerNavigation li a#but3 {
	left:56px;
}
#bannerHome #bannerNavigation li a#but4 {
	left:84px;
}
#bannerHome #bannerNavigation li a#but5 {
	left:112px;
}
#bannerHome #bannerNavigation li a {
	background:url(http://images.sybase.com/image/Home_Page/bg-banner-home-button.png) no-repeat 0 -30px;
	display:block;
	text-indent:-9999px;
	height:15px;
	width:22px;
	overflow:hidden;
}
#bannerHome #bannerNavigation li a:link { }
#bannerHome #bannerNavigation li a.hover {
	background-position: 0 0px;
	cursor:pointer !important;
}
#bannerHome #bannerNavigation #bannerButtonActive a {
	background:url(http://images.sybase.com/image/Home_Page/bg-banner-home-button.png) no-repeat 0 -15px;
}
#bannerHome #bannerTooltips {
	list-style:none;
}
#bannerHome #bannerTooltips .tooltip{
	padding: 5px 10px;
	width:135px;
	height:35px;
	background:url(http://images.sybase.com/image/Home_Page/bg-tooltip.png) 0 0 no-repeat;
	color:#fff;
	font-size:11px;
	line-height:125%;
	display:none;
	font-family:tahoma, sans-serif;
}
#bannerHome #bannerTooltips #tooltip1 {
	top:103px !important;
	left:8px !important;
}
#bannerHome #bannerTooltips #tooltip2 {
	top:103px !important;
	left:36px !important;
}
#bannerHome #bannerTooltips #tooltip3 {
	top:103px !important;
	left:64px !important;
}	
#bannerHome #bannerTooltips #tooltip4 {
	top:103px !important;
	left:92px !important;
}
#bannerHome #bannerTooltips #tooltip5 {
	top:103px !important;
	left:120px !important;
}
#bannerHome #bannerLoading {
	position:absolute;
	top:69px;
	left:48%;
}

/* End Home page Banner Styles */

/* analyze */
.introtext {
font-size:16px; 
font-family:Calibri, Trebuchet MS, Helvetica, sans-serif;
line-height: 1.3em;
}

.subheading {
font-size:19px; 
font-weight:bold; 
font-family:Calibri, Trebuchet MS, Helvetica, sans-serif;
line-height: 1.1em;
}

/*related right section */
.rel_rt_sect {
	border-top: 10px solid #009FDA;
	width: 200px;
	float: right;
	margin-left: 20px;
}
.rel_rt_sect ul {
	clear: both;
	float: left;
}
.rel_rt_sect img {
	float: left;
	border: none;
}
.rel_rt_sect h4 {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: calibri, sans-serif;
	font-size: 16px;
}
.rel_rt_sect h5 {
	margin: 0;
	padding: 15px 0 0 0;
	font-family: calibri, sans-serif;
	font-size: 15px;
}
.rel_rt_sect h5 a {
	color: #333;
}
.rel_rt_sect h5 a:visited  {
	color: #333;
}
.rel_rt_sect h5 a:hover {
	color: #009FDA;
}
.rel_rt_sect h5 a:link {
	color: #333;
}

/* new release product banners - positioned relative to accomitade the spacing issues in the parent table of the HTML section */
.product_launch_bnnr {
	background: url('http://www.sybase.com.ar/image/Photos_General/Img_Product_Launch_Highlight_Bkground.gif') top left repeat-x;
	min-height: 40px;
	width: 100%;
	font-size: 12px;
	margin: 0 0 5px 0;
	*margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
	position: relative;
	*position: normal;
	top: -13px;
	*top: 0;
}
.product_launch_bnnr p {
	padding: 12px 20px 10px 20px;
	line-height: 17px;
}
.product_launch_bnnr .read_more {
	font-weight: bold;
	margin: 0 0 0 40px;
	text-transform: uppercase;
}


/**********************************
Contact us box styles for leaf pages
***********************************/

.contactus_leaf-box {
width:195px; 
float:right; 
margin-left:10px; 
margin-bottom:10px;
margin-top:20px;
} 

.contactus_leaf {
font-family:Calibri, Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size:18px; 
color:#333333; 
font-weight:bold; 
margin-bottom:10px;
}

.contactus_leaf-phone {
margin-bottom:10px;
}

.contactus_leaf-phone span {
font-family:Calibri, Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size:15px; 
color:#333333; 
font-weight:bold;
}

.contactus_leaf-phone a {
font-family:Calibri, Trebuchet MS, Arial, Helvetica, sans-serif; 
font-size:12px;
}

.contactus_leaf-phone img {
float:left; 
padding-right:5px;
}

/**********************************
Small blue button
<div class="clear" style="padding-left:5px">
<a class="Blue_SmBtn" href="#"><span>Contact Us >></span></a>  
</div>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Blue_SmBtn:link, a.Blue_SmBtn:hover, a.Blue_SmBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Blue_BtnRightSm.gif') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:14px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: bold;
    height: 36px;
    margin-right: 0px;
    padding-right: 10px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Blue_SmBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Blue_BtnLeftSm.gif') no-repeat;
    display: block;
    -webkit-text-size-adjust: 90%;
    line-height: 26px;
    padding: 0px 0px 0px 10px;
}


/**********************************
Medium blue button
<div class="clear" style="padding-left:5px">
<a class="Blue_MedBtn" href="#"><span>Contact Us >></span></a>  
</div>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Blue_MedBtn:link, a.Blue_MedBtn:hover, a.Blue_MedBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Blue_BtnRightMed.gif') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Blue_MedBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Blue_BtnLeftMed.gif') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}


/*overlay form */
.overlay_form {
	background: #fff;
	opacity: .97;
	min-height: 550px;
	*height: 660px;
	_height: 660px;
	width: 800px;
	position: absolute;
	top: 40px;
	padding: 20px 40px 0px 40px;
	left: 40px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #c7c7c7;
	z-index: 20;
	float: left;
	clear: both;
}
.overlay_form .close_button {
	position: absolute;
	top: 13px;
	right: 13px;
	height: 27px;
	width: 27px;
	background: url('http://www.sybase.com/image/Buttons/form_close_button.png') no-repeat 0 0;
	cursor: pointer;
}
.overlay_form div {
	margin: 0 0 10px 0;
}

.overlay_form div label {
	WIDTH: 120px;
	DISPLAY: block;
	FLOAT: left;
	font-weight: bold;
	color: #444;
}
.overlay_form .req {
	color: red;
	font-weight: normal;
}
.overlay_form div input {
	WIDTH: 275px;
}
.overlay_form p {
	margin:0 0 10px 0;
	padding: 0;
    font-family: Calibri,Arial,sans-serif;
    line-height: 18px;
    color: #333333;
    font-size: 15px;
}
.overlay_form h4 {
    color: #333333;
    font-size: 25px;
    line-height: 30px;
}
.overlay_form h3,.overlay_form h4,.overlay_form h5 {
	font-family: Calibri,sans-serif;
    margin: 0 0 10px;
}


/******************* HOME PAGE BANNER BUTTONS IN 7 COLORS ****************/

/*
Medium blue button
<a class="Blue_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Blue_HPBtn:link, a.Blue_HPBtn:hover, a.Blue_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Blue_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Blue_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Blue_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}

/*
Medium Black button
<a class="Black_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Black_HPBtn:link, a.Black_HPBtn:hover, a.Black_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Black_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Black_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Black_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}

/*
Medium Dark Blue button
<a class="DarkBlue_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.DarkBlue_HPBtn:link, a.DarkBlue_HPBtn:hover, a.DarkBlue_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/DarkBlue_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.DarkBlue_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/DarkBlue_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}

/*
Medium Gray button
<a class="Gray_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Gray_HPBtn:link, a.Gray_HPBtn:hover, a.Gray_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Gray_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Gray_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Gray_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}

/*
Medium Green button
<a class="Green_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Green_HPBtn:link, a.Green_HPBtn:hover, a.Green_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Green_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Green_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Green_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}

/*
Medium Orange button
<a class="Orange_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.Orange_HPBtn:link, a.Orange_HPBtn:hover, a.Orange_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/Orange_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.Orange_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/Orange_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}

/*
Medium SeaGreen button
<a class="SeaGreen_HPBtn" href="javascript:;" title="Button Name Goes Here" style="text-transform:uppercase;"><span>Button Name Goes Here</span></a>
***********************************/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.SeaGreen_HPBtn:link, a.SeaGreen_HPBtn:hover, a.SeaGreen_HPBtn:visited {
    background: transparent url('http://www.sybase.com/image/Buttons/SeaGreen_BtnRightMed.png') no-repeat scroll top right;
    color: #ffffff !important;
    display: block;
    float: left;
    border-style:none;
    font-size:16px;
    font-family: Calibri, Arial,  sans-serif;
    font-weight: normal;
    height: 42px;
    margin-right: 0px;
    padding-right: 29px; /* size of the right */
    margin:0;
    border:0;
    text-decoration: none !important;
}
 
a.SeaGreen_HPBtn span {
    background: transparent url('http://www.sybase.com/image/Buttons/SeaGreen_BtnLeftMed.png') no-repeat;
    display: block;
/*    -webkit-text-size-adjust: 90%;*/
    line-height: 32px;
    padding: 0px 15px 0px 10px;
}


/******************* END HOME PAGE BANNER BUTTONS ****************/