
#main
	{
	width:940px;
	left: 50%;
	margin:auto; /* half of width */
	}

#copyspace
	{
	background:#FFF;
	}

#image-container
	{
	background:#FFF;
	padding:20px 20px 5px 20px;
	}

#content
	{
	position:relative;
	width:900px;
	top:0px;
	left:25px;
	}

#copyright
	{
	color:#B6B7A9;
	line-height:12pt;
	font-size:8pt;
	float:right;
	text-align:right;
	width:350px;
	padding:20px 20px 20px 0;
	}

#calendar
	{
	background:#EEE;
	padding:10px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	}

#toc
	{
	padding-left:15px;
	margin-bottom:20px;
	}

#toc strong
	{
	display:block;
	margin-left:-15px;
	color:#2054AD;
	font-weight:normal;
	font-size:12pt;
	padding-bottom:10px;
	}

.image
	{
	background:#FFF;
	border:1px solid #CCC;
	padding:4px;
	margin:5px;
	}

/* start main content */ 
.features
	{
	float:left;
	margin-bottom:35px;
	}
	
.three_column
	{
	padding: 0px 10px 0px 0px;
	position: relative;
	float: left;
	width: 270px;
	}

.list {padding:0px 0px 10px 15px; margin:0; list-style:square}


/* Featured links */

.picture-list dt {
	margin: 12px 0 0 0;
	font-weight: normal;
	}
.picture-list dd {
	margin: 0 0 1px 0;
	padding: 2px 0 0 0;
	}
.picture-list dd strong {
	color: #666;
	}
.picture-list dt a {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	padding: 2px;
	border: 3px solid #C6C7BE;
	background: #FFFEFA;
	}
.picture-list dt a:hover, #picture-list dt.active a {
	border-color: #C6C7BE;
	background: #FFF;
	}
.picture-list dt.active a {
	border-color: #C6C7BE;
	background: #2D405B;
	}
.picture-list dd.active a {
	text-decoration: none;
	font-weight: bold;
	color: #2D405B;
	border-bottom: none;
	}

/* Masthead 
--------------------------------------------*/


#header {
	height:128px;
	font-size: 95%;
	overflow: hidden;
	}
#header-inner {
	width: 900px;
	margin: 0 auto;
	}
#header #logo {
	height:67px;
	padding: 30px 0 0 0;
	}
#header #slogan
	{
	width:368px;
	height:81px;
	padding-top:5px;
	float:right;
	}

#header #nav {
	clear: both;
	width: 910px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}
#header #nav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	}
#header #nav li a {
	float: left;
	margin: 0;
	padding: 10px 1.4em;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	text-transform: uppercase;
	color: #ccc;
	background:#555;
	}
#header #nav li a:hover {
	font-weight: bold;
	color: #FFF;
	background: #8A8F8B;
	}
#header #nav li.active a {
	font-weight: bold;
	color: #333;
	background: #FFF;
	}

pre code
	{
	word-wrap: break-word;
	font-family:Monaco,Courier,'Andale Mono';
	font-size:7pt;
	display:block;
	border:1px solid #CCC;
	background:#EEE;
	margin:10px;
	padding:10px;
	max-width:545px;
	overflow:auto;
	}





ol li
	{
	line-height:170%;
	}

.mainBoxSolo {
	padding: 10px 15px 20px 20px;
	float: left;	
	font-family:'Lucida Grande', Helvetica, Arial, Geneva, Sans-Serif;
}

.mainBox {
	padding: 10px 15px 20px 20px;
	float: left;	
	width: 560px;
	font-family:'Lucida Grande', Helvetica, Arial, Geneva, Sans-Serif;
	min-height:500px;
}

.sideBox {
	padding: 10px 20px 20px 605px;
	font-family:'Lucida Grande', Helvetica, Arial, Geneva, Sans-Serif;
}

.sideBox h1
	{
	margin:1em 0 1em 0;
	text-transform: uppercase;
	font-size:120%;
	color:#12527A;
	font-family:'Helvetica Neue' Helvetica, Arial, sans-serif;
	padding:0px 0px 5px 0px;
	border-bottom:2px solid #C6C7BE;
	}

.sideBox p
	{
	line-height:140%;
	font-size:100%;
	}

.pix-thickbox
	{
	color:#333;
	font-size:10pt;
	}

.pix-thickbox p
	{
	font-size:10pt;
	}

emphasis
	{
	font-weight:bold;
	}

.footnote
	{
	font-size:90%;
	color:#888;
	}

.link-website
	{
	background:url('/resources/images/icons/website_sm.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-email
	{
	background:url('/resources/images/icons/email_sm.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-vcard
	{
	background:url('/resources/images/icons/vcard.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-publication
	{
	background:url('/resources/images/icons/book.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-address
	{
	background:url('/resources/images/icons/house.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-telephone
	{
	background:url('/resources/images/icons/telephone.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-tool
	{
	background:url('/resources/images/icons/wrench.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-camera
	{
	background:url('/resources/images/icons/camera.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-computer
	{
	background:url('/resources/images/icons/computer.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-news
	{
	background:url('/resources/images/icons/newspaper.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-star
	{
	background:url('/resources/images/icons/star.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-page
	{
	background:url('/resources/images/icons/page_white_text.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-tick
	{
	background:url('/resources/images/icons/tick.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-cross
	{
	background:url('/resources/images/icons/cross.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}
	
.link-rss
	{
	background:url('/resources/images/icons/rss.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}
	
.link-highlight
	{
	font-size:13pt;
	background:url('/resources/images/icons/tick.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}

.link-highlight a
	{
	text-decoration:none;
	cursor:hand;
	color: #2664CE;
	text-decoration:none;
	}

.link-highlight a:hover
	{
	text-decoration:none;
	cursor:hand;
	color: #2664CE;
	text-decoration:none;
	border-bottom:2px solid #C6C7BE;
	}

.link-promote
	{
	padding:2px 2px 2px 2px;
	color:#AAA;
	font-size:8pt;
	background:#EEE;
	border:1px solid #CCC;
	margin:0 10px 0 0;
	float:left;
	text-decoration:none !important;
	}
	
.tip-lightbulb
	{
	background:url('/resources/images/icons/lightbulb.png') no-repeat;
	font-family:'Helvetica Neue' Helvetica, Arial, sans-serif;
	padding:0 0 0 22px;
	margin:0 0 5px 5px;
	min-height:16px;
	font-size:110%;
	font-weight:normal;
	color:#3FA51C;
	}

.tip-title
	{
	margin:0 0 5px 5px;
	min-height:16px;
	font-weight:bold;
	color:#939388;
	}

.tip-text
	{
	padding:0 0 0 0;
	margin:0 0 5px 5px;
	min-height:16px;
	}

#toc div
	{
	background:url('/resources/images/icons/star.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 10px;
	min-height:16px;
	}


.features-bullet-01
	{
	margin:10px 0 0 0;
	padding:3px 0 5px 25px;
	background: url('/resources/images/numbers.small/01.gif') no-repeat left top;
	}

.features-bullet-02
	{
	margin:10px 0 0 0;
	padding:3px 0 5px 25px;
	background: url('/resources/images/numbers.small/02.gif') no-repeat left top;
	}

.features-bullet-03
	{
	margin:10px 0 0 0;
	padding:3px 0 5px 25px;
	background: url('/resources/images/numbers.small/03.gif') no-repeat left top;
	}

.features-bullet-04
	{
	margin:10px 0 0 0;
	padding:3px 0 5px 25px;
	background: url('/resources/images/numbers.small/04.gif') no-repeat left top;
	}

.featurelist
	{
	background: url('/resources/images/furniture/news.gif') no-repeat left top;
	padding-left:35px;
	}

.featurelist emphasis
	{
	font-weight:bold;
	}

.news-title
	{
	background:url('/resources/images/icons/newspaper.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 0;
	font-family:'Lucida Grande', Helvetica, Arial, Sans-serif;
	font-size:120%;
	color:#777;
	text-decoration:none;
	}

.news  h1 a
	{
	background:url('/resources/images/icons/newspaper.png') no-repeat;
	padding:0 0 0 22px;
	margin:0 0 10px 0;
	font-family:'Lucida Grande', Helvetica, Arial, Sans-serif;
	font-size:80%;
	color:#777;
	text-decoration:none;
	}


.news h1 a:hover
	{
	font-size:80%;
	color:#3A70BB;
	border-bottom:2px solid #C6C7BE;
	text-decoration:none;
	}

.bullet-list
	{
	float:left;
	width:280px;
	}

.bullet-list h1
	{
	padding:0 0 0 22px;
	margin:0 0 20px 10px;
	background: url('/resources/images/icons/tick.png') no-repeat left top;
	font-size:11pt;
	}
	
.bullet-list  h1 a
	{
	font-size:11pt;
	color:#2664CE;
	text-decoration:none;
	}


.bullet-list h1 a:hover
	{
	font-size:11pt;
	color:#3A70BB;
	border-bottom:2px solid #C6C7BE;
	text-decoration:none;
	}

.technical
	{
	padding-left:5px;
	margin-left:5px;
	}

.technical li
	{
	list-style:none;
	padding:0 0 0 22px;
	margin:0 0 2px 0px;
	min-height:16px;
	background: url('/resources/images/icons/bullet_grey.png') no-repeat left top;
	}

#history p
	{
	font-size:10pt;
	font-weight:bold;
	}

#history ol
	{
	padding-left:5px;
	margin-left:5px;
	}

#history .item
	{
	list-style:none;
	padding:0 0 0 22px;
	margin:0 0 5px 0px;
	min-height:16px;
	background: url('/resources/images/icons/bullet_grey.png') no-repeat left top;
	}

#history .feature
	{
	list-style:none;
	padding:0 0 0 22px;
	margin:0 0 5px 0px;
	min-height:16px;
	background: url('/resources/images/icons/new.png') no-repeat left top;
	}

#history .alert
	{
	list-style:none;
	padding:0 0 0 22px;
	margin:0 0 5px 0px;
	min-height:16px;
	background: url('/resources/images/icons/lightbulb.png') no-repeat left top;
	}

#history .new-file
	{
	font-family:Helvetica, Arial, Geneva, Sans-serif;
	color:#B50400;
	font-weight:bold;
	}
	
#changelog .subtitle
	{
	font-size:10pt;
	font-weight:bold;
	}
	
#changelog .new-file
	{
	text-transform: lowercase;
	color:#F00;	
	}
	
#changelog .files
	{
	color:#777;
	font-family:Monaco, Courier, 'Andale Mono', Monospaced;
	font-size:7pt;
	padding-left:10px;
	}

#calendar
	{
	margin:15px;
	background:#F6F6E9;
	}
	
.calendar-month
	{
	font-size:10pt;
	font-weight:bold;
	color:#2054AD;
	}
	
#calendar table
	{
	width:100%;
	}

#calendar th
	{
	color:#75796A;
	height:18px;
	vertical-align:top;
	}
	
#calendar td
	{
	height:18px;
	vertical-align:top;
	}
	
#calendar caption a, #calendar td a, #calendar th a
	{
	color:#2664CE;
	text-decoration:none;
	}
	
#calendar caption a:hover, #calendar td a:hover, #calendar th a:hover
	{
	color:#2664CE;
	text-decoration:none;
	}


.diff1
	{
	width:337px;
	border: 1px solid #CCC;
	background-color:#EEE;
	padding: 6pt;
	font-family: ProFont, Monaco, Courier, "Andale Mono", monotype;
	font-size: 7pt;
	}

.diff2
	{
	width:337px;
	border: 1px solid #CCC;
	background-color:#CDE1FF;
	padding: 6pt;
	font-family: ProFont, Monaco, Courier, "Andale Mono", monotype;
	font-size: 7pt;
	}


#pix {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
}

#pix fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin:0 10px 0 0;
}

#pix legend
	{
	font-weight:bold;
	}

.pro-box
	{
	margin-right:10px;
	float:left;
	width:270px;
	}
	
.pro-box h1
	{
	margin:1em 0 1em 0;
	font-size:120%;
	color:#12527A;
	text-transform:uppercase;
	font-family:'Helvetica Neue' Helvetica, Arial, sans-serif;
	padding:0px 0px 5px 0px;
	border-bottom:2px solid #C6C7BE;
	}
	
/*  Notification boxes  */

.notification-note
	{
	background:#FFF url('../images/furniture/notification.note.gif');
	background-repeat:no-repeat;
	padding:4px 4px 4px 35px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

.notification-note h1
	{
	padding:0px;
	margin:12px 3px 3px 3px;
	font-size:13pt;
	font-weight:normal;
	}

.notification-note p
	{
	padding:0px;
	margin:3px;
	font-size:9pt;
	}

.notification-warning
	{
	background:#FFF url('../images/furniture/notification.warning.gif');
	background-repeat:no-repeat;
	padding:4px 4px 4px 38px;
	margin:0px 0px 5px 0px;
	border:1px solid #CCC;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

.notification-warning h1
	{
	padding:0px;
	margin:3px;
	font-size:13pt;
	font-weight:normal;
	color:#B50400;
	}

.notification-warning p
	{
	padding:0px;
	margin:12px 3px 3px 3px;
	font-size:9pt;
	color:#B50400;
	}

/* The slide-y content box thingy */

#frame, #frame div.button, #scroller, .section { height: 325px; }

#frame {
	overflow: hidden;
	width: 585px;
	float:right;
	position: relative;
	}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

#scroller {
	width: 585px;
	margin: 0 auto;	
	overflow: hidden;
	}

#feature-content {
	width: 4060px;
	}
	
.section {
	width: 570px;
	padding:0 5px 0 10px;
	float: left;
	}
	

