/* Global Styles
----------------------- */

body { 
	background-color: #ebeeee;
	color: #54595C;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 11px;
}


#wrapper {
	margin: 0 auto;
	width: 960px; 
	background: url(../images/content/wrapper-borders.gif) repeat-y;
}

#wrapper2 {
	margin: 0 auto;
	width: 960px; 
	background: url(../images/content/wrapper-borders.gif) repeat-y;
}

#smallwrapper {
	margin: 0 auto;
	width: 300px; 
	background: url(../images/content/wrapper-borders.gif) repeat-y;
}


#main-content a { color:#244d8d; text-decoration: none; } 


#header { margin-left: 1px; }

#header #banner {
	background: url(../images/content/ddni-banner.jpg) no-repeat center top; 
	height: 96px;
	width: 958px;
}

#header #banner h1 { text-indent: -10000px; }

#header #banner h1 a {
	display:block;
	height:70px;
	width:330px;
	background: none;
	margin-left: 20px;
	position: relative;
	top: 20px;
}

#header h2 {
	background: url(../images/content/header-h2-bg.png) repeat-x;
	color: #fff;
	height: 34px;
	width: 920px;
	padding: 13px 0 0 38px;
	font-size: 12px;
}

#header .tagline{ display:none; }

ul#nav{
  position:absolute;
  top:97px;
  left:49px;
  margin:0;
  height:34px;
}
ul#nav li{
  display:inline;
  height:34px;
}
ul#nav li a{
  float:left;
  height:34px;
  text-indent:-9999px;
  background:url(../images/topnav_matrix.gif) 0 0 no-repeat;
}

ul#nav li.home a{
  width:45px;
  background-position:0 0;
}
ul#nav li.home a:hover{
  background-position:0 -68px;
}
ul#nav li.home.active a{
  background-position:0 -34px;
}
ul#nav li.whatis a{
  width:121px;
  background-position:-45px 0;
}
ul#nav li.whatis a:hover{
  background-position:-45px -68px;
}
ul#nav li.whatis.active a{
  width:121px;
  background-position:-45px -34px;
}
ul#nav li.team a{
  width:103px;
  background-position:-166px 0;
}
ul#nav li.team a:hover{
  background-position:-166px -68px;
}
ul#nav li.team.active a{
  width:103px;
  background-position:-166px -34px;
}
ul#nav li.whocustomers a{
  width:177px;
  background-position:-271px 0;
}
ul#nav li.whocustomers a:hover{
  background-position:-271px -68px;
}

ul#nav li.whowe a{
  width:103px;
  background-position:-448px 0;
}
ul#nav li.whowe a:hover{
  background-position:-448px -68px;
}


#local-nav {
	width: 166px;
	background: url(../images/content/nav-ul-dropshadow.gif) no-repeat bottom right;
	position: relative;
	clear: right;
	float: left;
}

#local-nav ul {
	width: 156px;
	border-top: 1px solid #c8c8c8;
	padding-bottom: 8px;
	position: relative;
	background: url(../images/content/localnav-ul-li-gradient.jpg) repeat-x 0 0;
}

#local-nav ul li {
	background: transparent url(../images/content/nav-li-divider.gif) repeat-x center bottom;
	line-height: 28px;
	width: 156px; 
}

#local-nav ul li a {	
	text-decoration: none;
	color:#343434;
	height: 30px;
	font-size: 11px;
	margin: 0;
	display: block;
	padding-left: 15px;
}


#local-nav li.last-item { background-image: none; height: 28px;}
#wrapper #main #local-nav li.active { background: url(../images/content/active-li.png) no-repeat 0 0; font-weight: bold;}
#wrapper2 #main #local-nav li.active { background: url(../images/content/active-li.png) no-repeat 0 0; font-weight: bold;}
#local-nav li.active a { color: #fff; }
#local-nav li.activesub a { color: #343434; }
#wrapper #main #local-nav li.activesub { width: 136px; float: right; background: url(../images/content/sub-active-arrow.png) no-repeat 0 0; font-weight: bold;}
#wrapper #main #local-nav li.sub { width: 156px; float: right; font-weight: bold;}
#wrapper #main #local-nav li.suba { width: 156px; padding-left: 18px; float: right; background: url(../images/content/sub-active-arrow.png) no-repeat 0 0; font-weight: bold;}
#wrapper2 #main #local-nav li.activesub { background: url(../images/content/active-li-sub.png) no-repeat 0 0; font-weight: bold;}
#local-nav li.activesub a { color: #fff; }

#main {
	background: #eaeaea url(../images/content/main-bg.gif) repeat-x;	
	display: inline;
	float: left;
	width: 958px;
	margin-left: 1px;
	border-bottom: 1px solid #c8c8c8;
}

#main-content { width: 788px; margin:0; padding-bottom: 30px; }

#main-content .two-col, #main-content .one-col { 
	border-left: 1px solid #c8c8c8; 
	border-bottom: 1px solid #c8c8c8; 	
	background: #f7f7f7 url(../images/content/main-content-bg.gif) repeat-x center top; 
	padding-bottom: 54px;
	width: 787px;
	position: relative;
}

#main-content .two-col h2, #main-content .one-col h2 {
	margin-top: 27px;
	margin-bottom: 24px;
	margin-left: -30px;
	padding-left: 30px;
	font-size: 18px;
	color: #72787d;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/content/h2-arrow.gif) no-repeat center left;

}
#main-content .two-col h2 {background-position: left 2px;}

#main-content h4 a {
	text-decoration: none;
	color: #54595C;
}

#main-content h4 a:hover {
	text-decoration: underline;
	
}

#main-content .two-col .first ul { 
	list-style-type: none;
	margin-left: 15px;
}


#main-content .two-col li { 
	line-height: 17px; 
	background: url(../images/content/list-square.gif) no-repeat 0 5px;
	padding-left: 8px;
}

ul#fnav{
  float:left;
  margin:0;
}
ul#fnav li{
  float:left;
  margin:0;
  padding:0 11px;
  list-style-type:none;
  background:url(../images/content/fnav_separator.gif) no-repeat 0 3px;
}
ul#fnav li.first{
  padding-left:0;
  background:transparent;
}
ul#fnav li a{
  font-weight:normal;
  color:#777;
}
ul#fnav li a:hover{
  text-decoration:none;
  color:#333;
}

p.copyright{
  float:right;
  margin:0;
}

.description p {line-height: 13px;}
.doc-icon { float: left; margin-right: 8px; width: 75px; clear:both; }

img.jump-anchor {float:right; margin:8px 8px 0pt 0pt;}

#footer {
	clear: both;
	color:#969696;
	background: url(../images/content/footer-bg.jpg) no-repeat;
	width: 860px;
	padding: 20px 0 100px 29px;
}

.one-col { float: left; display: inline; }
.two-col { float: left; display: inline; }
.two-col .first { float: left; }
.two-col .last { float: right; }
.right { float: right; }
.left { float: left; }
.rule{
  margin:16px 0;
  height:1px;
  font-size:1px;
  line-height:1px;
  background:url(../images/dotted_horiz.gif) 0 0 repeat-x;
}

/* Product page (portal)
----------------------- */

#wrapper2 #main #local-nav li.first-item { background-position: 0 1px; }
.portal2 #main-content .two-col .first { width: 395px; padding-left: 30px;}
.portal2 #main-content .two-col .first p { line-height: 18px; margin-bottom: 20px; }
.portal2 #main-content .two-col .first img#button { margin: 23px 15px 0 0; float: right; }
.portal2 #main-content .two-col .last ul { margin: 20px 18px 0 0; width: 273px; }
.portal2 #main-content .two-col .last li#docs { background: url(../images/content/client-btn.jpg) no-repeat; }
.portal2 #main-content .two-col .last li#answers { background: url(../images/content/gadget-btn.jpg) no-repeat; }
.portal2 #main-content .two-col .last li#contact { background: url(../images/content/oobe-btn.jpg) no-repeat; }
.portal2 #main-content .two-col .last li#return { background: url(../images/content/caravan-btn.jpg) no-repeat; }
.portal2 #main-content .two-col .last li#greendisc { background: url(../images/content/greendisc-btn.jpg) no-repeat; }
.portal2 #main-content .two-col .last li { padding-bottom: 15px; }
.portal2 #main-content .two-col .last ul a { display: block; height: 74px; text-indent: -10000px; }


/* Home page (portal)
----------------------- */

#wrapper #main #local-nav li.first-item { background-position: 0 1px; }
.portal #main-content .two-col .first { width: 758px; padding-left: 30px;}
.portal #main-content .two-col .first p { line-height: 18px; margin-bottom: 20px; padding-right: 15px; }
.portal #main-content .two-col .first img#button { margin: 23px 15px 0 0; float: right; }
.portal #main-content .two-col .last ul { margin: 20px 18px 0 0; width: 273px; }
.portal #main-content .two-col .last li#docs { background: url(../images/content/docs-downloads-btn.jpg) no-repeat; }
.portal #main-content .two-col .last li#answers { background: url(../images/content/answers-btn.jpg) no-repeat; }
.portal #main-content .two-col .last li#contact { background: url(../images/content/contact-support-btn.jpg) no-repeat; }
.portal #main-content .two-col .last li#return { background: url(../images/content/return-request-btn.jpg) no-repeat; }
.portal #main-content .two-col .last li { padding-bottom: 15px; }
.portal #main-content .two-col .last ul a { display: block; height: 74px; text-indent: -10000px; }


/* Documents and Downloads (docs)
-------------------------------- */
.docs #main-content .two-col { padding-bottom: 26px; }
.docs #main-content .two-col a.download { float: right; }
.docs #main-content .two-col .first { width: 338px; padding-left: 21px; }

.docs #main-content .two-col .last { 
	background: url(../images/content/doc-divider.png) no-repeat left -10px;
	width: 338px;
	padding-right: 30px;
	padding-left: 30px; 
}
	
	
.docs #main-content .two-col h3 {
	margin-bottom: 3px;
	
}

.docs #main-content .two-col h3 a{
	font-size: 12px;
	color: #343434;
	font-weight: bold;
	text-decoration: none;
}

.docs #main-content .two-col h3 a:hover {
	text-decoration: underline;
}

.docs .description { float:left; width:250px; }
.docs #main-content .two-col h2 {margin-bottom: 23px; margin-left: 0px;}

.docs #main-content .two-col p { line-height: 17px; color: #343434;}
.docs #main-content .two-col p span,  .docs #main-content .two-col p.date{ color: #54595C; }
.docs #main-content .two-col p span.note { font-size: 10px; }
.docs .document { padding-bottom: 46px; float:left; }
* html .docs #main-content .two-col .description { height: 32px; } /*Hack for IE6 check if still needed*/


/* Answers 
-------------------------------- */
.answers .doc-icon { width:auto; }
.answers #main-content .two-col .tutorial-row { float: left; padding-bottom: 20px; width: 310px; }
.answers #main-content .one-col h2 { margin-left: 0px; }
.answers #main-content .one-col .hide {display: none;}
.answers #main-content .one-col .show {display: block;}
.answers #main-content #faq-wrapper {
	padding-bottom: 31px;
}
.answers #main-content .one-col p.answer { 
	display: none; 
	cursor: default; 
	padding-left: 13px; 
	margin-bottom: 11px; 
	color: #969696;
}

.answers #main-content .one-col dl { padding-right: 30px;}

.answers #main-content .one-col dd { 
	cursor: default; 
	padding-left: 13px; 
	margin-bottom: 11px; 
	color: #969696;
	display:none;
	line-height: 16px;
}

.answers #main-content .one-col dt { 
	cursor:pointer; 
	background: url(../images/content/question-arrow-right.gif) no-repeat left 2px; 
	padding-left:13px; 
	margin-bottom: 10px;
}

.answers #main-content .one-col dt.selected { 
	background: url(../images/content/question-arrow-down.gif) no-repeat left 2px; 
	margin-bottom: 6px; 
	font-weight: bold;
}

p.filetype { color: #969696;}

.answers #main-content .one-col p.question { 
	cursor:pointer; 
	background: url(../images/content/question-arrow-right.gif) no-repeat left 4px; 
	padding-left:13px; 
	margin-bottom: 4px; 
}

.answers #main-content .one-col #questions-answers p {
	line-height: 16px;
	padding-right: 30px;
}

.answers #main-content .one-col p.selected { 
	background: url(../images/content/question-arrow-down.gif) no-repeat left 2px; 
	margin-bottom: 1px; 
	font-weight: bold;
}

.answers #main-content .one-col #questions-answers { 
	margin-left: 30px;
	width: 715px; 
	float: left;
	background: #fefefe url(../images/content/tutorials-box-middle.gif) repeat-x;
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	padding-left: 14px;
	display:inline;
	}

.answers .box-top {
	background: url(../images/content/tutorials-top-border.gif) no-repeat;
	height: 3px;
	width: 731px;
	margin-left: 30px;
	overflow: hidden;
}

.answers .box-bottom {
	background: url(../images/content/tutorial-box-bottom.gif) no-repeat;
	height: 2px;
	width: 731px;
	margin-left: 30px;
	clear:both;
}

.answers #tutorial-box-top {
	background: url(../images/content/tutorials-top-border.gif) no-repeat;
	height: 3px;
	width: 731px;
	margin-left: 30px;
	margin-top: 18px;
    line-height: normal;
}

* html .answers #tutorial-box-top  { margin-top: 10px;}

.answers #tutorial-box-bottom {
	background: url(../images/content/tutorial-box-bottom.gif) no-repeat;
	height: 2px;
	width: 731px;
	margin-left: 30px;
	clear:both;
}

.answers #main-content #tutorials.two-col {
	background: #fefefe url(../images/content/tutorials-box-middle.gif) repeat-x; 
	width: 715px;
	margin-left: 30px;
	display:inline;
	border-right: 1px solid #c8c8c8; 
	border-bottom: none;
	padding-bottom: 0;
	padding-left: 14px;
}

.answers #main-content #tutorials.two-col .first {
	width: 310px;
}

.answers #main-content h3{
	padding: 12px 0 25px 2px;
	font-size: 12px;
	font-weight: bold;
}

.answers #main-content #tutorials.two-col h4 { font-weight: bold; margin-bottom: 3px;}
.answers #main-content #tutorials.two-col .last { width: 310px; padding-right: 48px; }
.answers #main-content #tutorials.two-col .download { padding: 0 0 20px 18px; width: 340px; }
.answers #main-content #tutorials.two-col .download p{ line-height:15px; }
.answers #main-content dl ul li {
	background: url(../images/content/list-square-contact.gif) no-repeat 0 7px;
	padding-left: 8px;
	padding-bottom: 1px;
}

/* Contact Support (contact)
-------------------------------- */
.contact #main-content .two-col { padding-bottom: 37px;}
.contact #main-content .two-col .first { width: 395px;}
.contact #main-content .two-col h2 { margin-left:0; margin-bottom: 7px;}
.contact #main-content .two-col p {margin-left: 32px; margin-bottom: 22px; color:#343434;}
.contact #main-content .two-col a { color:#244d8d; text-decoration: none; } 
.contact #main-content .two-col .first ul { margin-left: 30px; width: 336px;}
.contact #main-content .two-col .last ul {margin-right: 180px;}
.contact #main-content .two-col ul li {
	background: url(../images/content/list-square-contact.gif) no-repeat 0 7px;
	padding-left: 8px;
	padding-bottom: 5px;
}

/* Return Request (return)
-------------------------------- */
.return #main-content .two-col { padding-bottom: 37px;}
.return #main-content .two-col .first { width: 395px;}
.return #main-content .two-col h2 { margin-left:0; margin-bottom: 7px;}
.return #main-content .two-col p {margin-left: 32px; margin-bottom: 22px; color:#343434;}
.return #main-content .two-col a { color:#244d8d; text-decoration: none; } 
.return #main-content .two-col .first ul { margin-left: 30px; width: 336px;}
.return #main-content .two-col .last ul {margin-right: 180px;}
.return #main-content .two-col ul li {
	background: url(../images/content/list-square-contact.gif) no-repeat 0 7px;
	padding-left: 8px;
	padding-bottom: 5px;
}