/* Global classes */
html { background: url(/csp/cms/sites/DTI/assets/images/bg_no_logo.gif) repeat-x #3B3A26;  color: #aaac9e;   /* grey */}
body { font-family: "lucida grande", helvetica, arial, sans-serif; }
a { color:  #3b3a26; text-decoration: none /* greenish grey */ }
a:hover { text-decoration: underline }
a:link {color: #3333ff;}
a:visited {color: #9999ff;}
p { margin-bottom: 17px; }


/* Utility styles */

.orange { color: #ff802e }

.linespace {
	font-size: large;
	height: 38px;
}
.no-bot { margin-bottom:0px; padding-bottom: 0px; }

.no-bot-border { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}

.no-top { margin-top: 0px; padding-top: 0px; }


.dashed {
	border-top: 1px #79786a dashed;
}

.pad-top20 {
	padding-top:20px;
}

.dashed10 {
	border-top: 1px #79786a dashed;
	padding-top: 10px;
	margin-top: 10px;
}

.dashed15 {
	border-top: 1px #79786a dashed;
	padding-top: 15px;
	margin-top: 15px;
}

.dashed20 {
	border-top: 1px #79786a dashed;
	padding-top: 20px;
	margin-top: 20px;
}

.dashed25 {
	border-top: 1px #79866a dashed;
	padding-top: 25px;
	margin-top: 25px;
}

.dashed30 { 
	border-top: 1px #79786a dashed;
	padding-top: 30px;
	margin-top: 30px;
}

.dashed35 {
	border-top: 1px #79786a dashed;
	padding-top: 35px;
	margin-top: 35px;
}


.top20 { margin-top: 20px; }

.top25 { margin-top: 25px; }

.top30 { margin-top: 30px; }
			
.top40 { margin-top: 40px; }


.pad40 {	
	padding-left: 40px;
	padding-right: 30px;
}

/* Lists */ ul.bullet { margin-bottom: 17px; }
ul.bullet li { background:url(/csp/cms/sites/DTI/assets/images/icon_orange_dot.gif) no-repeat 2px 4px; padding-left: 16px; }
ul.bullet a { color: #dd5e00; /* orange */ }

ul.arrow li.arrow { background: url(/csp/cms/sites/DTI/assets/images/smlArrow_orange.gif) no-repeat; background-position: 0px 5px; padding-left: 10px; }
ul.arrow li.active { background: url(/csp/cms/sites/DTI/assets/images/smlArrow_gray.gif)no-repeat 2px 4px; background-position: 0px 5px; padding-left: 10px; }
ul.arrow a { color: #dd5e00; /* orange */ }
ul.arrow li.noarrow {}
ul.bullet.indent5 li { padding-left: 20px; background-position: 7px 4px; } 
ul.bullet.wide li { margin-bottom: 11px; padding-left: 45px; background-position: 25px 3px; }
ul.bullet.wide2 li { margin-bottom: 5px; } #stories ul.bullet.wide li { margin-bottom: 7px; }
#stories ul.bullet li { background-image: url(/csp/cms/sites/DTI/assets/images/smlArrow_orange.gif); background-position: 22px 5px; padding-left: 37px; }
#stories ul.bullet li.active { background-image: url(/csp/cms/sites/DTI/assets/images/smlArrow_gray.gif); }
#stories ul.bullet li a { color: #3B3A26; }
#stories ul.bullet li.active a { color: #aaac9e; }

#stories ul.bullet li a:hover, 
#stories ul.bullet li.active a:hover { color: #dd5e00; }

li.blog, li.video, li.learn-more, li.get-started, li.success-stories, li.white-paper , li.faq {
	padding-left: 22px;
	padding-bottom: 6px;
	padding-top: 2px;
	background-position: 2px 2px; 
	background-repeat: no-repeat;
	font-size: 12px;	
}

li.get-started {
	background-position: 2px 2px;
}

li.faq {
	background-position: 2px 2px;
}

li.success-stories {
	background-position: 2px 0px;
}

#resources {
	background:transparent none repeat scroll 0 0;
	margin-bottom:10px;
	margin-top:16px;
	width:230px;
}

#resources ul, #stories ul {
	margin-top: 20px;
}

#resources ul li { 
	padding-left: 45px;
	background-position: 25px 4px;
}

#resources li.get-started {
	background-position: 25px 2px;
}


#resources li.faq {
	background-position: 25px 2px;
}

#resources li.success-stories {
	padding-top: 3px;
	background-position: 25px 1px;
}


li.blog {
	background-image: url(/csp/cms/sites/DTI/assets/images/iconBlog.gif) ;
}

li.learn-more {
	background-image:url(/csp/cms/sites/DTI/assets/images/iconArrow.gif);	
}				
li.get-started {
	background-image:url(/csp/cms/sites/DTI/assets/images/iconGetstarted.gif);	
}

li.faq {
	background-image:url(/csp/cms/sites/DTI/assets/images/iconGetstarted.gif);	
}

li.white-paper {
	background-image:url(/csp/cms/sites/DTI/assets/images/icon_whitepaper.gif);
	
}
li.success-stories {
	background-image:url(/csp/cms/sites/DTI/assets/images/icon_custstories.gif);
}

/* Section Headers (div.t1, div.t2, div.t3, H2, H3) */
div.t1 {
	height: 108px;	
	position: relative;
	
}

div.t1.dashed {
	border-bottom: 1px dashed #3b3a26;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

div.t2 {
	border-bottom: 1px dashed #3b3a26;
	margin: 0px 0px 23px 0px;		
	padding: 0px;
	height: 105px;				
}

ul.div.usercomments {
	border-bottom: 1px dashed #3b3a26;
	margin: 0px 0px 23px 0px;		
	padding: 0px;
	height: 105px;				
}

div.t2.no-border {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


div.t1 #title, div.t2 #title {	
	position: relative;
	top: 45px;	
	padding:0px;	
}

div.t3 #title {
	position: relative;
	top: 30px;
}

div.t2 .news-links {
	margin-top: 10px;
	float: right;	
}
div.t3 .news-links {
	margin-top: 0px;
	float: right;		
}

.news-links div { float: left; position: relative; z-index: 1 }
.news-links div#add-this { margin-left: 8px; }
.news-links div#apply-online {
	color: #ff802e;
	background: url(/csp/cms/sites/DTI/assets/images/smlArrow_orange.gif) no-repeat; background-position: 0px 5px; padding-left: 10px;
	margin-right: 10px; 
}

.news-links div#apply-online a { color: #ff802e; }



div.t3 {
	border-bottom: 1px dashed #3b3a26;
	padding-bottom: 0px;				
	margin-bottom: 20px;				
	height: 116px;	
}

div.t3 .link {
	position:relative; 
	left: 28px; 
	top: 50px;
	z-index: 1;
	font-size: 12pt
}

h2 {
		
	font-size: 13pt;
	color: #79786a;
	font-weight: normal;
	border-bottom: 1px #3b3a26 dashed;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
h2.orange { color: #ff802e;  /* orange */ border: none; margin-bottom: 15px;}
h2 strong { font-weight: bold; }
h3 { color: #3B3A26; /* greenish grey */ font-weight: bold; margin-bottom: 8px; margin-top: 18px; font-size:16px }
h4 { font-size: 9pt; font-weight: bold; margin-bottom: 17px; }


/* Quotes */

   
.right-quote { padding-left: 5px; }
   
.quote blockquote {
	font: italic 13pt "Georgia", "Times New Roman", Times, serif;	
}


.sidebar .quote {
	margin: 40px 0 10px 0;
	border-top: dashed 1px #79786a;
	padding: 20px 20px 0px 20px; 
}

sidebar .headline {
	margin: 40px 0 10px 0;
	border-top: dashed 1px #79786a;
	padding: 0px 5px 0px 20px; 
}

.headline blockquote {
	font: italic 13pt "Georgia", "Times New Roman", Times, serif;	
}

ul.blog.arrow li a:hover {color: #79786A; }
ul.blog.arrow li a:visited {color: #79786A; }

.main-content .quote {	
	width: 540px;
	height: 115px;		
	background: url(/csp/cms/sites/DTI/assets/images/quoteBk.gif) -1px 0px;
	padding: 20px 50px 20px 50px;
	margin: 20px 0px 20px 0px;	
}


.quote div { padding: 0px 20px 0px 0px; margin-top:10px}

.quote .author {
	margin-top: 15px;
}

.quote .title {
	font-size: 8pt;
	margin-top: 4px;
}

.quote .publication {
	color: #ff802e; /* orange */
	margin-top: 10px;  
	font-size: 8pt; 
	padding: 0px 0px 20px 12px;	
	background:url(/csp/cms/sites/DTI/assets/images/quoteArrow.gif) no-repeat 4px 3px 
} 
.caption { 			
	font-size: 8pt; 	
	background:url(/csp/cms/sites/DTI/assets/images/quoteArrow.gif) no-repeat 0px 3px;		
	padding: 0 0 0 10px;
		
}



/* Layouts */

#content { 
	width: 1000px; 
	margin: 0px auto 0px auto;	
	font-size: 9pt; 			
	color: #3b3a26;	
	
	/* IE 6 doesn't recognize !important nor does it show background alpha channel images
	   So we use !important to create a style that won't apply in IE 6. 
	*/
	background: url(/csp/cms/sites/DTI/assets/images/t2_shadow_bot.png) bottom no-repeat !important; /* Modern browsers */
	background: none; /* IE 6 */
	 	
	padding-bottom: 20px;
}

#main {
	width: 950px;
	margin-left: 25px;
	margin-right: 25px;		
	background: url(/csp/cms/sites/DTI/assets/images/t2_dotBk.jpg) no-repeat bottom #FEFEFE;
	
}


.right-sidebar-layout .main-content {	
	padding-bottom:80px;
	width: 720px;		
	
}
.right-sidebar-layout .sidebar {		
	width: 230px;		
	padding-bottom: 80px;		
}

.two-column-layout .column1 {
	width: 310px;
	padding-right: 10px;	
	float: left;	
}

.two-column-layout .column2 {
	width: 310px;
	padding-left: 10px;
	float: left;		
}

			

/* Header  */

#header {
	padding: 40px 25px 0px 25px;		
	background: url(/csp/cms/sites/DTI/assets/images/t2_shadow_top.png) 0px 5px  no-repeat !important ;  /* Modern browsers */
	background: none; /* IE6 */	
	
	margin: 0px auto 0px auto;	
	width: 950px;
	font-size: 9pt;
}


.flag {
	height: 9px;
	width: 13px;
	padding: 2px;
	margin-top:1px;	
	float:left;
}

#shell ul.tabs {
	position: static;
} 

#speed-url {
	background: url(/csp/cms/sites/DTI/assets/images/t2_speedurl_bk.gif) no-repeat right;									 	 	
	width: 230px; 
	height: 33px;					
}


.spacer {
	background: url(/csp/cms/sites/DTI/assets/images/t2_nav-spacer.gif) repeat-x left;	
	width: 82px;
	height: 33px;
}
			

#speed-url div {				
	width: 230px;
	height: 33px;	
}

#speed-url div #speed-text { width: 100px; padding: 0px 3px 0px 3px; margin-left: 55px; margin-top: 2px; }
#speed-go { position:relative; top: 5px; margin-top: 2px; }

#search-box {		
	float: right;	
	margin-top: 17px;		
	width: 230px; 	
}

#search-text { width: 175px; }
#search-go { position:relative; top: 5px;  }

#main-image {		
	width:950px; 
	height:89px;	
	/* Default background is for tier 2 pages, tier 1 pages will override */
	background: url(/csp/cms/sites/DTI/assets/images/t2_hdr_bk.gif) no-repeat;		
}


#main-logo {		
	width:200px; 
	height:89px;
	float:left;	
		
}




a.customer-login { color: #4187ce; /* light blue */ }

div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin: -10px 0px 0px 3px;  
  padding:0px;
  font-size:1em;
  text-align:left;
  max-height:200px;
  overflow:hidden;
  z-index: 1;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  width: 80px;
  margin:0px;
  padding:0px;
}

div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}

div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.selectbox 
{
  /* look & feel of  select box */
  margin: 0px 5px 10px 0px;  
  padding-left:2px;  
  font-size:1em;
  /* Tarek : removed 1 px , because it was causing a prob. in Safari*/
  width : 79px; 
  display : block;
  text-align:left; 
  background: url(/csp/cms/sites/DTI/assets/images/lang_drop.gif) right no-repeat;  
  /*height:18px;*/
  cursor: pointer;
  border: none;
  color:#79786A;
}

/* Side bar */

#secondary-nav-sidebar { 
	color: white;	
	width: 230px;	
	padding-top: 21px;
	background: url(/csp/cms/sites/DTI/assets/images/t2nav_top.gif) top left no-repeat;
	margin-bottom: 14px; 	
}

#secondary-nav-sidebar a { color: white; }
		

#secondary-nav-sidebar ul {	
	background: url(/csp/cms/sites/DTI/assets/images/t2nav_cntr.gif) repeat-y;
	width: 190px;	
	padding: 0px 20px 0px 20px;	
}

#secondary-nav-sidebar-bottom {
	padding-top: 20px;	
	background: url(/csp/cms/sites/DTI/assets/images/t2nav_bot.gif) top left no-repeat;
	width: 230px;
	height: 0px;	
} #secondary-nav-sidebar ul li{
	background: url(/csp/cms/sites/DTI/assets/images/rtArrow.gif) no-repeat 0px 11px;
	
	border-top: dashed 1px white;
	padding-left: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#secondary-nav-sidebar ul li.first,
#secondary-nav-sidebar ul li.no-border { border: none; }

#secondary-nav-sidebar ul li ul {
	margin-top: 12px;
	margin-bottom: 4px;
}

#secondary-nav-sidebar ul li.spacer {
	height: 1px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	background: url(/csp/cms/sites/DTI/assets/images/navdash.gif) repeat-x;
	border: none;
}


#secondary-nav-sidebar ul li ul li {	
	padding-bottom: 6px;
	padding-top: 0px;
}

#secondary-nav-sidebar ul li ul li a { padding: 0px; margin: 0px; }

#secondary-nav-sidebar ul li.closed {
	background: url(/csp/cms/sites/DTI/assets/images/dnArrow.gif) no-repeat 0px 9px;
}



#secondary-nav-sidebar ul li.closed {
	background: url(/csp/cms/sites/DTI/assets/images/dnArrow.gif) no-repeat 0px 9px;
}


#secondary-nav-sidebar ul li.open {
	background: url(/csp/cms/sites/DTI/assets/images/upArrow.gif) no-repeat 0px 11px;
}


#secondary-nav-sidebar ul li ul li 
#secondary-nav-sidebar ul li ul li a {
	color: white;
}

#secondary-nav-sidebar ul li.active,
#secondary-nav-sidebar ul li.active a,
#secondary-nav-sidebar ul li.active ul li.active, 
#secondary-nav-sidebar ul li.active ul li.active a 
{
	color: #9bc2ed; /* light blue */	
}

 
 #secondary-nav-sidebar ul li ul {
 
 	background:none;
 	width: 135px;
}

#secondary-nav-sidebar ul li ul li,
#secondary-nav-sidebar ul li ul li a
#secondary-nav-sidebar ul li.active ul li,
#secondary-nav-sidebar ul li.active ul li a
{
	padding-left: 0px;	
	border:none;
	color: white;
	background: none;
}

.sidebar #get-started { margin-top: 16px; margin-bottom: 10px; width: 230px; background: transparent }

.sidebar #faq { margin-top: 16px; margin-bottom: 10px; width: 230px; background: transparent }

.sidebar .video-player {
	background:url(/csp/cms/sites/DTI/assets/images/rtBar_hdr_video.gif) no-repeat;		
	padding-top: 40px;
	padding-left: 5px;	
	color: white;
}


.sidebar ul.generic-list {
	width: 230px;
	margin-top: 30px;	
}

.sidebar ul.generic-list li {
	margin-bottom: 30px;
}			

.sidebar ul.generic-list li div { 
	background:transparent url(/csp/cms/sites/DTI/assets/images/rtBar_hdr_generic.gif) repeat scroll 0 0;
	font-size: 10pt; 				
	height:25px;
	color: white;
	padding-left: 16px;
	padding-top: 5px;
	margin-bottom: 15px;
	font-size: 12pt;				
}
.sidebar ul.generic-list li ul li.arrow { 
	background: url(/csp/cms/sites/DTI/assets/images/smlArrow_orange.gif) no-repeat 19px;
	padding-left: 32px;
	margin-bottom: 6px;
} 

.sidebar ul.generic-list li ul li.noarrow { 
	padding-left: 13px;
	margin-bottom: 6px;
} 

.sidebar ul.generic-list li ul li.active {
	margin-bottom:6px;
	padding-left:13px;
}

.sidebar ul.generic-list li a { color:  #79786A; }
.sidebar ul.generic-list li a:hover { color: #dd5e00; }


/* Footer  */
#footer { 
	width: 950px; 
	margin: 0px auto;
	margin-top: 20px;  
	text-align: center; 	
	font-size: 8pt;
}



#footer a { color: #aaac9e; }

#footer ul { 
	display: inline; 
	list-style-type: none; 
}			
#footer ul li { 
	display: inline; 
	padding-right: 10px; 
	padding-left: 10px; 
	background-image: url(/csp/cms/sites/DTI/assets/images/footer_divider.gif); 
	background-repeat:no-repeat;
	background-position: 0 3px;  
}
#footer ul li.first { 
	padding-left: 0px; 
	background-image: none; 
}			
#copyright { margin-right: 20px; }
#powered-by { font-weight: bold; }
#footer-logo { position: relative; top: 7px  }

			
.sections-footer {
	margin: 0px auto 0px auto;
	width: 900px;
	padding-bottom: 20px;
	border-bottom: dashed 1px #aaac9e; /* tan */
		
}

.sections-footer .sections {	
	margin: 10px auto 1px auto;								
	font-weight: bold;				
	width: 500px;
	color: #aaac9e;
	font-size: 15px;	
	font-weight: bold;		
}

.sections-footer .sections ul li { line-height: 130%; }

.sections-footer .sections ul li a { color: #aaac9e; }
			
			
.sections-footer .sections div.column  {
	border-left: dashed 1px #aaac9e; /* tan */
	width: 142px;
	padding-left: 10px;
	height: 120px;
	float:left;
}


.sections-footer .sections div#fc {
	width: 182px;		
}

.sections-footer .sections ul {
	margin-top: 15px;
}
.sections-footer .sections ul li {	
	font-weight: normal;
	font-size: 9pt; 				
}

/* News styles */
#news-list { margin-top: 5px; padding-top: 15px; border-top: 1px; border-top: 1px #79786a dashed; }
									 
#news-list dt { width:  80px; float: left; margin-top: 16px; font-weight: bold; }
#news-list dd { width: 500px; float: left; margin-top: 16px; }

#news-list dt a { font-weight: bold; color: #ff802e }
#news-list dd a { color: #79786a; }

.about { margin: 0px; font-weight: normal; }	

/* Blogging styles */
h2.blog { 
	border-bottom: none; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	color: #3b3a26; 
	font-weight: bold;
	font-size: 17pt; 
}
h3.blog {
	border-bottom: none;
	margin: 0;  	
	padding-bottom: 0px; 
	color: #3b3a26; 
	font-weight: bold;
	font-size: 13pt;	
}
h4.blog {
	border-bottom: none; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	color: #3b3a26; 
	font-weight: bold;
	font-size: 15pt;
}

h4.blog a:link{color: #ff6600;}
h4.blog a:hover{color: #ff6600;}
h4.blog a:visited{color: #ff9900;}
	
.date-line { font-size: 8pt; }
	
.blog-right { margin-top: 30px; }
.blog-right.first { margin-top: 16px; margin-bottom: 14px; }
				
.left-image { float: left; margin: 0px 20px 20px 0px; }
.left-image.no-right-margin { margin-right: 0px; }
.left-image .caption { margin-bottom: 10px; padding-left: 0px; background: none; }
			
ul.blog.arrow { margin-left: 15px; margin-top:15px; margin-right:10px}  
ul.blog.arrow li { margin-bottom: 10px; }
ul.blog.arrow li a { color: #3b3a26; }
ul.blog.arrow li a:hover { color: #ff802e; }
ul.blog.arrow li.active a { color: #aaac9e; }
			
code { display: block;  font-family: "lucida grande", helvetica, arial, sans-serif; font-size: 8pt; margin-top: 20px;  }


/* CSS clear fix, makes it so that floats inside a div set the height of the div. */

.clearfix:after {
    content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;		
}

.clearfix {
    display: inline-block;
}

.clearfix2 {
    display: inline-block;
}


html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* added by tarek for the css reset prob from yahoo */


ul.dtilist  li{

 background: url(/csp/cms/sites/DTI/assets/images/smlArrow_orange.gif) no-repeat; 
 background-position: 0px 5px;
 padding-left: 10px;

}



li.bullet{
 background: url(/csp/cms/sites/DTI/assets/images/icon_orange_dot.gif) no-repeat; 
 background-position: 0px 5px;
 padding-left: 10px;
 margin: 1em;


}

.solution-section div.notes div {
 width: 300px;
 height: 75px;
 float: left;
 padding-right: 15px;
 padding-bottom: 10px;
}
   
.solution-section div.notes {
 font-size:10pt;
 margin:8px 0 0px;
 height:110px;
}

.solution-section-wo-showmore div.notes {
 font-size:10pt;
 margin:8px 0 0px;
 height:85px;
}

.right-sidebar-layout td.main-content {
	background:transparent url(/csp/cms/sites/DTI/assets/images/t3_headerbk.jpg) no-repeat scroll 0 26px;
}

.right-sidebar-layout .sidebar {
	background:#F8F8F6 url(/csp/cms/sites/DTI/assets/images/rtBar_bot.gif) no-repeat scroll left bottom;
}

ul.previousnext { margin-left: 15px; margin-top:15px; align:right} 

.solution-section h3 a:visited {color: #79786A;}

.solution-section a:visited {color: #79786A;}

.newsEventStories {}
.newsEventStories a:hover {color: #79786A; }
.newsEventStories a:visited {color: #79786A;}

.commentsViews{
	padding-left:23px;
	background:#FFFFFF url(/csp/cms/sites/DTI/assets/images/icon-discuss.gif) no-repeat scroll left bottom;
	
}

.blogViews{
	margin-right:10px;
}

.options{
	padding-bottom:10px;
	border-bottom: dashed 1px #aaac9e; /* tan */
}