/* CSS Document last update on 3/12/10 at 2:19pm by Kristi Dunn */

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

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(http://www.sybase.co.ma/image/Diagrams_Charts/page_divider_color.gif);
   background-repeat:repeat-x;
   height: 2px;
   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(http://www.sybase.co.ma/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;
}

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

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

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

.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;
}

/*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;
}