/*
Stylesheet for TimeLog
============================================================
Last revised:	    17 August 2010
By:					Kenneth Leleu Petersen, Anders Brandstrup
============================================================

A warm thanks to Dan Cederholm, Doug Bowman, Eric Meyer, Jeffrey Zeldman and 
everyone else, who delivers inspiration, ideas, and methods, which helps others 
(like me) write good, clean markup and stylesheets.
*/

/*==============================
=Imported Styles
==============================*/
@import url("reset.css");
@import url("nav-com.css");
@import url("slimbox2.css");


body {
	height: 100%;
	background: #e4e9e9 url(../gfx/backgrounds/bg.gif) repeat-x left top;
	font: normal 12px/18px arial, helvetica, sans-serif;
	text-align: center;
	color: #000;
}

/*== Wrapper for all content ==*/
.wrapper {
    width:984px;
    margin:0 auto;
    text-align:left;
}


/*==============================
=GLOBAL TEXT FORMATS
==============================*/

/*== Block elements ==*/
h1 {
    padding:0 0 12px;
    font:bold 24px/24px arial, helvetica, sans-serif;
    color:#000;
}

h2 {
    padding:0 0 12px;
    font:bold 16px/20px arial, helvetica, sans-serif;
    color:#183f3f;
}

h3 {
    padding:12px 0 6px;
    font:bold 14px/18px arial, helvetica, sans-serif;
}

h4 {
    padding:6px 0 2px;
    font:bold 12px/16px arial, helvetica, sans-serif;
}

p {
    padding:0 0 9px;
    font:normal 12px/18px arial, helvetica, sans-serif;
}


/*== Inline elements ==*/
acronym,abbr {
    border-bottom:dotted 1px #668080;
    cursor:help;
}

sub {
    font-size:11px;
}


/*== Lists ==*/
ul {
    padding:0 0 9px;
    list-style:none;
}

ol {
    margin:0 0 0 28px;
    padding:0 0 9px;
    text-align:left;
    list-style-type: decimal;
}


/*== Links ==*/
a:link,a:visited {
    text-decoration:underline;
    color:#630;
}

a:hover,a:active {
    color:#690;
    text-decoration:none;
}
:focus {outline: 0;}

/*== Equipped links ==*/
.bullet:link,.bullet:visited {
    padding:0 16px 0 0;
    background:transparent url(../gfx/bullets/bullet-right.png) no-repeat center right;
}

.bullet:hover,.bullet:active {
    background:transparent url(../gfx/bullets/bullet-right-on.png) no-repeat center right;
}

.bullet-back:link,.bullet-back:visited {
    padding:0 0 0 16px;
    background:transparent url(../gfx/bullets/bullet-left.png) no-repeat center left;
}

.bullet-back:hover,.bullet-back:active {
    background:transparent url(../gfx/bullets/bullet-left-on.png) no-repeat center left;
}

.bullet-top:link,.bullet-top:visited {
    padding:0 16px 0 0;
    background:transparent url(../gfx/bullets/bullet-top.png) no-repeat center right;
}

.bullet-top:hover,.bullet-top:active {
    background:transparent url(../gfx/bullets/bullet-top-on.png) no-repeat center right;
}

/*== Photo frames ==*/
.frame:link, .frame:visited {
	display: block;
	padding: 2px;
	border: solid 4px #99abab;
	background-color: #fff;
}
.frame:hover, .frame:active {
	border: solid 4px #963;
}

/*== Misc. Formats ==*/
.ghosted {
    color:#668080;
}
.striked {
	text-decoration: line-through;
}
.highlight {
    background-color:#b3e400;
}
.new {
    padding:2px 4px;
    background-color:#fc6;
    color:#000;
}
.occupied {
    padding:2px 4px;
    background-color:#f99;
    font-weight:bold;
    color:#000;
}
.map {
    padding:2px;
    border:solid 4px #99abab;
    background-color:#fff;
}
.thumb {
    float:right;
    margin:0 0 6px 24px;
    background:none;
    text-align:left;
}
.cardlogo {
    width:57px;
    height:35px;
    margin-right:9px;
    border:solid 1px #ccd5d5;
}

/*== Misc. Text Formats ==*/
.content-6col-main3 em {
    font-style:normal;
    font-weight:bold;
	color:#668080;
}


/*==============================
=FORM ELEMENTS
==============================*/

.form-page {
	padding-bottom: 11px;
	border-bottom: solid 1px #ccd5d5;
	background: #fff url(../gfx/backgrounds/bg.gif) repeat-x bottom left;
}
.form-section {
	margin-top: 8px;
	padding-top: 6px;
	border-top: solid 1px #e4e9e9;
}
fieldset {
	clear: both;
	height: 100%;
	overflow: hidden;
	padding: 0 0 6px;
}
fieldset ul {
	padding: 3px 0 0 24px;
}
fieldset .cb li {margin: -2px 0 2px;}
fieldset .field, .indented {
	padding-left: 24px;
}
fieldset h3 {
	padding: 6px 0 6px 24px;
	font: bold 14px/18px arial, helvetica, sans-serif;
}
fieldset h4 {
	padding: 3px 0 3px 24px;
	font: bold 12px/18px arial, helvetica, sans-serif;
	color: #183f3f;
}
fieldset p {
	padding: 3px 0 0;
	font: normal 12px/18px arial, helvetica, sans-serif;
}
fieldset .text-page-number { /* In conjuction with .input-page-number */
	float: right;
	width: 542px;
	text-align: left;
}
fieldset .assist {
	padding-left: 160px;
}
fieldset .remark {
	float: right;
	width: 272px;
}
.content-6col-nav fieldset .remark {
    width: 105px;
    margin-right: 5px;
}
.input-text {
	width: 176px;
	margin-bottom: 6px;
	padding: 2px 4px 4px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.combo-text {
	width: 136px;
	height: 24px;
	margin: 0 24px 0 0;
	padding: 0 0 0 4px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-text-extended {
	width: 256px;
	margin-bottom: 6px;
	padding: 2px 4px 4px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-extras-text {
	width: 232px;
	margin-bottom: 6px;
	padding: 2px 4px 4px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-page-text {
	width: 286px;
	margin: 0 24px 0 0;
	padding: 3px 4px 5px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.combo-page-text {
	width: 296px;
	height: 24px;
	margin: 0 24px 0 0;
	padding: 0 0 0 4px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-page-message {
	width: 286px;
	margin: 0;
	padding: 3px 4px 5px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-page-number {
	width: 32px;
	margin: 0 6px 0 0;
	padding: 3px 4px 5px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-select {
	width: 100%;
	margin-bottom: 6px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.input-button {
	padding: 6px 0 6px;
}
.submit {
	clear: left;
	padding: 12px 0 12px 24px;
}
.no-spam ul {
	padding-left: 176px;
	list-style-type: square;
	font: normal 11px/15px arial, helvetica, sans-serif;
	color: #668080;
}
.no-spam .policy {
	float: left;
	padding: 6px 0 0 24px;
	background: transparent url(../gfx/bullets/bullet-no-spam.png) no-repeat left center;
	font: bold 12px/18px arial, helvetica, sans-serif;
	color: #963;
}

/*== Form Validation ==*/
.required {
	border: solid 1px #963;
}
.missing {
	padding: 6px 0 0;
}
.taken {
	padding: 0 0 12px;
}
.missing h4, .taken h4 {
	margin-left: 24px;
	padding: 3px 0 2px 21px;
	background: transparent url(../gfx/bullets/bullet-missing.png) no-repeat left center;
	font: bold 12px/18px arial, helvetica, sans-serif;
	color: #963;
}
.missing p {
	margin-left: 24px;
	font: normal 12px/18px arial, helvetica, sans-serif;
	color: #963;
}


/*==============================
=HEADER
==============================*/

/*== Leader ==*/
#leader {
	width: 984px;
	overflow: hidden;
}

/*== Logo ==*/
#home {
	float: left;
	padding: 15px 0 14px 24px;
}

/*== Main navigation ==*/
#nav {
	color: #fff;
}
#nav ul {
	float: right;
	height: 48px;
	list-style: none;
}
#nav li {
	float: left;
	background-image: none;
	line-height: normal;
	text-indent: 0;
}
#nav li a, #nav li strong {
	display: block;
	float: left;
	height: 48px;
	border-width: 0;
	text-indent: -10000px;
	text-decoration: none;
}
#nav li strong, #nav li a.selected {
	background-position: 0 -48px;
}
#nav li a:hover {
	background-position: 0 -96px;
}


/*==============================
=SECTION NAVIGATION
==============================*/

/*== Page layout ==*/
#page-nav {
	float: left;
}
.nav-6col {
	width: 136px;
	margin-right: 24px;
}

/*== Navigation Text Formats ==*/
#page-nav h3 {
	padding: 0;
	background-image: none;
	line-height: normal;
	text-indent: 0;
}
#page-nav h3 a:link, #page-nav h3 a:visited {
	display: block;
	width: 136px;
	height: 36px;
	border-width: 0;
	text-indent: -10000px;
	text-decoration: none;
}
#page-nav h3 a {
	background-position: 0 0;
}
#page-nav h3 a:hover {
	background-position: 0 -36px;
}

#page-nav dl {
	margin-bottom: 18px;
}
#page-nav dt {
	padding: 0 0 5px;
	border-bottom: solid 1px #ccd5d5;
	font: bold 14px/18px arial, helvetica, sans-serif;
}
#page-nav dd {
	border-bottom: solid 1px #ccd5d5;
	font: normal 11px/14px tahoma, arial, helvetica, sans-serif;
}
#page-nav dd a:link, #page-nav dd a:visited {
	display: block;
	width: 100%;
	padding: 4px 0 5px 16px;
	border-width: 0;
	background: transparent url(../gfx/bullets/bullet-right-off.png) no-repeat center left;
	text-decoration: none;
	color: #630;
}
#page-nav dd a:hover, #page-nav dd a:active {
	padding: 4px 0 5px 16px;
	background: transparent url(../gfx/bullets/bullet-right-on.png) no-repeat center left;
	text-decoration: none;
	color: #690;
}
#page-nav dd.selected a {
	background: transparent url(../gfx/bullets/bullet-right-on.png) no-repeat center left;
	color: #000;
}


/*==============================
=PAGE
==============================*/

/*== Page ==*/
#page {
	clear: both;
	height: 100%;
	overflow: hidden;
	padding: 24px 23px 0;
	border-top: solid 1px #e4e9e9;
	border-right: solid 1px #e4e9e9;
	border-bottom: solid 1px #ccd5d5;
	border-left: solid 1px #e4e9e9;
	background-color: #fff;
	border-collapse: collapse;
}


/*==============================
=CONTENT
==============================*/

#page-content {
	float: right;
}
.content-6col {
	width: 936px;
}
.content-6col-nav {
	width: 776px;
}
.content-6col-wrapper {
	clear: both;
	height: 100%;
	overflow: hidden;
}
.content-6col-auto {
	float: left;
	min-width: 144px;
}
.content-6col-main1 {
	float: left;
	width: 136px;
}
.content-6col-main2 {
	float: left;
	width: 296px;
}
.content-6col-main3 {
	float: left;
	width: 456px;
}
.content-6col-main4 {
	float: left;
	width: 616px;
}
.content-6col-main5 {
	float: left;
	width: 776px;
}
.content-6col-main6 {
	float: left;
	width: 936px;
}
.content-6col-mainhalf {
	float: left;
	width: 216px;
}
.content-6col-side1 {
	float: right;
	width: 136px;
}
.content-6col-side2 {
	float: right;
	width: 296px;
}
.content-6col-side3 {
	float: right;
	width: 456px;
}
.content-6col-side4 {
	float: right;
	width: 616px;
}

/*== Appends next column ==*/
.connected {
	margin-right: 24px;
}

/*==============================
=PRODUCTS
==============================*/

.home {
	padding-bottom: 11px;
	border-bottom: solid 1px #fff;
	background: transparent url(../gfx/backgrounds/bg-burst.png) no-repeat bottom right;
}
.products {
	margin-bottom: 24px;
	padding-bottom: 11px;
	border-bottom: solid 1px #fc6;
	background: #fff url(../gfx/backgrounds/bg-products.png) no-repeat bottom right;
}
.showcase {
	margin-bottom: 24px;
	padding-bottom: 11px;
	border-bottom: solid 1px #99abab;
	background: #fff url(../gfx/backgrounds/bg.gif) no-repeat bottom left;
}
.feedback {
	margin-bottom: 24px;
	padding-bottom: 23px;
	border-bottom: solid 1px #99abab;
}
.article, .exploration, .jumps {
	margin-top: 24px;
	margin-bottom: 24px;
	padding: 0 0 11px;
	border-bottom: solid 1px #99abab;
}
.trial {
	background-color: #99abab;
}

/*== Showcase - Screenshots ==*/

.screenshots {
	overflow: hidden;
	padding: 12px 12px 0;
}
.screenshots .first, .screenshots .middle {
	float: left;
	margin-right: 12px;
}
.screenshots .last {
	float: right;
}
.screenshots .hidden {
	display: none;
}
#screenshots-nav {
	clear: both;
	overflow: hidden;
}
#screenshots-nav ul {
	height: 12px;
	padding: 9px 0 3px;
	list-style: none;
}
#screenshots-nav li {
	background-image: none;
	line-height: normal;
	text-indent: 0;
}
#screenshots-nav li a {
	display: block;
	height: 12px;
	border-width: 0;
	text-indent: -10000px;
	text-decoration: none;
}
#screenshots-nav #next {float: right;}
#screenshots-nav #prev {float: left;}
#screenshots-nav #next a {
	width: 12px;
	background: url(../gfx/bullets/bullet-next.png) no-repeat top left;
}
#screenshots-nav #prev a {
	width: 12px;
	background: url(../gfx/bullets/bullet-prev.png) no-repeat top left;
}
#screenshots-nav #prev a:hover, #screenshots-nav #next a:hover {
	background-position: 0 -12px;
}
#screenshots-nav #prev.disabled a, #screenshots-nav #next.disabled a {
	background-position: 0 -24px;
}

/*== Showcase - Extras ==*/
.extras {
	height: 100%;
	overflow: hidden;
	margin: 12px;
	padding: 2px;
	border: solid 4px #99abab;
	background-color: #fff;
}
.extras-wrapper {
	padding: 0 9px;
	background-color: #e4e9e9;
}
.secProducts .extras-wrapper {
	height: 84px;
}
.dl-casestudy {
	background: #e4e9e9 url(../gfx/backgrounds/bg-casestudy.jpg) no-repeat top right;
}
.dl-industries {
	background: #e4e9e9 url(../gfx/backgrounds/bg-casestudy.jpg) no-repeat top right;
}
.dl-tlp54 {
	background: rgba(0,0,0,0.1) url(../gfx/backgrounds/bg-tlp54.png) no-repeat top right;
}
.dl-tlp51 {
	background: #e4e9e9 url(../gfx/backgrounds/bg-tlp51.jpg) no-repeat top right;
}
.dl-tlp50 {
	background: #e4e9e9 url(../gfx/backgrounds/bg-tlp50.jpg) no-repeat top right;
}
.dl-tlp45 {
	background: #e4e9e9 url(../gfx/backgrounds/bg-tlp45.jpg) no-repeat top right;
}
.dl-tlp44 {
	background: #e4e9e9 url(../gfx/backgrounds/bg-tlp44.jpg) no-repeat top right;
}
.dl-tlp43 {
	background: #e4e9e9 url(../gfx/backgrounds/bg-tlp43.jpg) no-repeat top right;
}
.extras-items h2 {
	padding: 8px 0 4px;
}
.extras-items h3 {
	padding: 0 0 8px;
}
.extras-items ul, .extras-items dl {
	padding: 0;
}
.extras-items dt {
	clear: both;
	padding: 8px 0 0;
	border-top: solid 1px #ccd5d5;
	font: bold 12px/16px arial, helvetica, sans-serif;
}
.extras-items dd {
	clear: both;
	padding: 0 0 6px;
}
.extras-items dd a {
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
	border-width: 0;
	text-decoration: none;
}
.extras-items dd a img {
	display: block;
	float: left;
	padding: 0 9px 0 0;
}
.extras-items dd a strong {
	display: block;
}
.extras-items li {
	clear: both;
	padding: 5px 0 0;
}
.secCustomers .extras-items li, .secService .extras-items li, .secPricing .extras-items li {
	clear: both;
	padding: 9px 0 8px;
	border-top: solid 1px #ccd5d5;
}
.extras-items li a {
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
	border-width: 0;
	text-decoration: none;
}
.extras-items li a img {
	display: block;
	float: left;
	padding: 0 9px 0 0;
}
.extras-items li a strong {
	display: block;
}
.extras-items label {
	font: bold 11px/15px arial, helvetica, sans-serif;
	color: #183f3f;
}

/*== Article ==*/
.article h1 a, .showcase h1 a {
	text-decoration: none;
}
.checkmark li {
	padding: 0 0 0 18px;
	background: transparent url(../gfx/bullets/bullet-checkmark.png) no-repeat 0 2px;
}
.unassigned li {
	padding: 0 0 0 18px;
	background: transparent url(../gfx/bullets/bullet-right.png) no-repeat 0 2px;
}
.download li a:link, .download li a:visited {
	padding: 4px 0 5px 16px;
	background: transparent url(../gfx/bullets/bullet-down-off.png) no-repeat center left;
	text-decoration: none;
}
.download li a:hover, .download li a:active {
	padding: 4px 0 5px 16px;
	background: transparent url(../gfx/bullets/bullet-down-on.png) no-repeat center left;
	text-decoration: underline;
}

.pullquote {
	float: left;
	width: 216px;
	margin: 0 24px 0 0;
    padding: 18px 0 12px 0;
	font: bold 14px/18px arial, helvetica, sans-serif;
	color: #668080;
}
	
.pullquote blockquote {
	margin: 0;
	padding: 0 0 9px;
}
.pullquote blockquote .unicial {
	float: left;
	margin: 0 9px -36px -3px;
	padding: 0;
	font: bold 96px/72px arial, helvetica, sans-serif;
	color: #668080;
}
.pullquote p {
	clear: both;
	margin: 0;
	padding: 0;	
}

.supportquote {width: auto; margin-right: 0;}
.supportquote p {color: #000000;}

/*== Title and Trial ==*/
.title h1 {
	padding: 0 0 12px;
	font-size: 32px;
	line-height: 36px;
}
.trial h1 {
	color: #fff;
}
.mwr {
	text-align: center;
}

/*== Jumps ==*/
.jumps p {
	font: normal 11px/16px arial, helvetica, sans-serif;
}

/*== Home ==*/
.home h1 {
	padding: 0 0 18px;
	font-size: 36px;
	line-height: 42px;
}

/*== Feedback ==*/
.feedback h1 {
	padding: 0 0 12px;
	font-size: 32px;
	line-height: 36px;
}

/*== Landing Pages ==*/
.landing h1 {
	padding: 0 0 12px;
	font-size: 32px;
	line-height: 36px;
}
.landing h2 {
	padding: 12px 0 0 24px;
	color: #963;
}
.landing h4 {
	padding: 14px 0 2px 24px;
}
.landing .screenshots {
	padding: 12px 12px 0 24px;
}


/*==============================
=GROUPS
==============================*/

/*== General formats for groups ==*/
.group {
	clear: both;
}

.group h1.heading-box {
	padding: 12px 0 12px 32px;
	color: #000;
}
.group h2 {
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom: solid 1px #ccd5d5;
	color: #183f3f;
}
.group h2.heading-box {
	margin: 0;
	padding: 10px 0 6px 0;
	border: 0;
	color: #183f3f;
}
ul.list-box {
	padding: 9px 0 8px;
	border-top: solid 1px #ccd5d5;
}

/*== Group: Calls to action ==*/
.cta {
	height: 100%;
	margin-bottom: 12px;
	padding: 2px;
	border: solid 4px #e4b359;
	background-color: #fff;
}

.cta-wrapper {
	overflow: hidden;
	padding: 0 9px;
	background-color: #ffe5b2;
}
.secHome .cta-wrapper {
	padding: 0 6px;
}
.cta-1st {
	clear: both;
	padding: 9px 0;
	text-align: center;
}
.cta .cta-1st h2 {
	padding: 0;
	border: 0;
	color: #963;
}
.cta-1st a img {
	margin: 0 0 3px;
}
.cta-2nd ul {
	padding: 0;
}
.cta-2nd li {
	clear: both;
	padding: 9px 0 8px;
	border-top: solid 1px #fc6;
}
.cta-2nd li a {
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
	border-width: 0;
	text-decoration: none;
}
.cta-2nd li a img {
	display: block;
	float: left;
	padding: 0 9px 0 0;
}
.cta-2nd li a strong {
	display: block;
}
.cta .cta-2nd p {
	padding: 9px 0 8px;
	border-top: solid 1px #fc6;
	color: #630;
}

/*== Group: Newsletter sign-up ==*/
.newsletter {
	overflow: hidden;
	height: 100%;
	margin-bottom: 12px;
	padding: 2px;
	border: solid 4px #ccd5d5;
	background-color: #fff;
}
.newsletter-wrapper {
	padding: 0 9px;
	background-color: #e4e9e9;
}
.rss-feed {
	padding-left: 16px;
	background: url(../gfx/bullets/bullet-rss.png) no-repeat left center;
}
.newsletter label {
	font: bold 11px/15px arial, helvetica, sans-serif;
	color: #183f3f;
}

/*== Group: Testimonial ==*/
.testimonial {
	margin-bottom: 12px;
}
.contact h2 {
    margin-top:12px;
    border-bottom:none;
}
.slider .testimonial {
	float: left;
	width: 272px;
	margin-bottom: 0;
	padding: 0 0 0 24px;
}
.testimonial h3 {
	clear: both;
	padding: 0 0 6px;
}
.portrait-left {
	float: left;
	margin-bottom: 12px;
	padding: 0 16px 0 0;
}
.portrait-right {
	float: right;
	margin-bottom: 12px;
	padding: 0 0 0 16px;
}
.portrait-left img, .portrait-right img {
	width: 54px;
	height: 60px;
	padding: 2px;
	border: solid 4px #99abab;
	background-color: #fff;
}
.portrait-left a img, .portrait-right a img, .portrait-left a img:visited, .portrait-right a img:visited {
	border: solid 4px #99abab;
}
.portrait-left a img:hover, .portrait-right a img:hover, .portrait-left a img:active, .portrait-right a img:active {
	border: solid 4px #963;
}
.byline {
	padding: 3px 0 0;
}
.byline h4 {
	padding: 0 0 3px;
	font: bold 12px/15px arial, helvetica, sans-serif;
	color: #183f3f;
}
.byline p {
	padding-bottom: 3px;
	font: normal 11px/15px arial, helvetica, sans-serif;
	color: #183f3f;
}
.byline .bio {
	color: #000;
}
.quote {
	clear: both;
}
.quote blockquote {
	padding: 0 0 9px;
}
.home .quote blockquote, .jumps .quote blockquote {
	padding: 24px 0 12px 24px;
	font: bold 24px/30px arial, helvetica, sans-serif;
}
.home .quote blockquote .unicial, .jumps .quote blockquote .unicial {
	margin: 0 9px -36px -6px;
	font: bold 120px/87px arial, helvetica, sans-serif;
	color: #963;
}
.quote blockquote .unicial {
	float: left;
	margin: 0 9px -36px -3px;
	padding: 0;
	font: bold 96px/72px arial, helvetica, sans-serif;
	color: #99abab;
}
.quote h2 {
	padding: 0 0 12px 24px;
}
.quote p {
	clear: both;	
}

/*== Group: More ==*/
.more {
	margin-bottom: 12px;
}
.more dl {
	padding: 0 0 9px;
}
.more dt {
	font-weight: bold;
}
.more img {
	display: block;
	padding: 0 0 12px;
}

/*== Group: Features ==*/
.features {
	margin-bottom: 12px;
}
.features h3 {
	padding: 0 0 6px;
}
.features ul {
	padding: 0 0 9px;
}
.features li {
	padding: 0 0 6px 18px;
	background: url(../gfx/bullets/bullet-checkmark.png) no-repeat 0 2px;
	font-weight: bold;
}

/*== Group: Intro ==*/
.intro {
	padding: 36px 24px 0;
}
.secHome .intro {
	padding: 24px 24px 0;
}
.secService .intro, .secCustomers .intro {
	padding: 18px 24px 0;
}
.intro h1 {
	padding: 0 0 12px;
	color: #963;
}
.secHome .intro h1 {
	color: #000;
}
.intro h2 {
	padding-bottom: 18px;
	color: #000;
}
.secHome .intro h2, .secAbout .intro h2 {
	color: #183f3f;
}
.intro ul {
	float: left;
	width: 192px;
}
.intro li {
	padding-bottom: 9px;
	font-weight: bold;
}
.intro li a {
	text-decoration: none;
}
.secNews .intro ul {
	float: none;
	width: auto;
}
.secNews .intro li {
	padding-bottom: 0;
	font-weight: normal;
}
.secHome .intro ul {
	float: none;
	width: auto;
	padding: 0 0 12px;
	font: bold 24px/24px arial, helvetica, sans-serif;	
	color: #183f3f;
}
.secHome .intro li {
	padding-left: 24px;
	background: transparent url(../gfx/bullets/bullet-checkmark-large.png) no-repeat 0 4px;
}
.secNews .intro ul {
	float: none;
	width: auto;
}
.secNews .intro li {
	padding-bottom: 0;
	font-weight: normal;
}


/*==============================
=SPECIAL PURPOSES
==============================*/

/*== Editions ==*/
.editions h1 {
	padding: 0 0 9px;
	font-size: 36px;
	line-height: 42px;
}
.editions h1 a {text-decoration: none;}
.editions h1.edition {
	padding: 0 0 6px 0;
	font-size: 24px;
	line-height: 24px;
}
.editions em {
	color: #690;
	font-style: normal;
	font-weight: bold;
}
.edition-box {height: 416px;}
.box-left {
	padding-right: 23px;
	border-right: solid 1px #e4b359;
	background: transparent url(../gfx/backgrounds/bg-edition-left.png) repeat-y top right;
}
.box-right {
	padding-left: 23px;
	border-left: solid 1px #e4b359;
	background: transparent url(../gfx/backgrounds/bg-edition-right.png) repeat-y top left;
}
.box-left .offer, .box-right .offer {padding: 60px 24px 0;}
.box-center {background-color: #ffe5b2;}
.box-center .offer {padding: 19px 24px 0;}
.box-center .discount  {
   padding-bottom: 10px;
   border-top: solid 1px #e4b359;
   background-color: #fc6;
   text-align: center;
}
p.priceintro {
    padding-bottom: 3px;
    font-weight: bold;
    text-align: center;
    color: #690;
}
h4.pricetag {
    padding-top: 0;
    text-align: center;
}
.editions {
	padding-bottom: 0;
	background: transparent url(../gfx/backgrounds/bg-editions.png) no-repeat bottom right;
}
.cta-edition {
    border-bottom: dotted 1px #e4b359;
    text-align: center;
}
.cta-edition img {
    width: 192px;
    height: 32px;
    padding: 6px 0 12px 0;
}
.banner {
	border-top: solid 1px #fff;
	background-color: #fc6;
}
.tooltip-wrapper {
	display: none;
	position: absolute;
	margin: 0;
}
.tooltip {
	position: absolute;
	top: -39px; /* Must calculate height of tooltip and then add 24px */
	left: -198px; /* Insert value from position of mouse */
	width: 204px;
	padding: 2px;
	border-width: 4px !important;
	border-style: solid;
	border-color: #e4b359;
	background-color: #fff;
}
.tooltip h4 {
    padding: 4px 6px;
    background-color: #ffe5b2;
}
.tooltip p {
    padding: 3px 6px 6px;
    background-color: #fff;
}
.tooltip-pointer-right-center {
	position: absolute;
	width: 0;
	height: 0;
	background: none;
}
.tooltip-pointer-right-center {
	top: 14px;
	right: auto;
	left: 212px;
	margin-left: 0;
	border-top: 12px solid transparent;
	border-right: 0;
	border-bottom: 12px solid transparent;
	border-left: 18px solid #e4b359;
}
.tooltip-trigger {
	border-bottom: dotted 1px #668080;
	cursor: help;
}

/*== Glossary ==*/
.alphanum {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border: none;
}
.alphanum li {
    float: left;
    margin-right: 3px;
    font-size: 14px;
}
.alphanum li a {
    display: block;
    width: 21px;
    padding: 3px 0;
    font-weight:bold;
    text-align:center;
    text-decoration: none;
    color: #fff;
}
.alphanum li .letter {
    display:block;
    width: 21px;
    padding: 3px 0;
    font-weight:bold;
    text-align:center;
    text-decoration: none;
    color: #fff;
}
.alphanum li a:link, .alphanum li a:visited {background-color: #99abab;}
.alphanum li a:hover, .alphanum li a:active {background-color: #690;}
.alphanum .letter {background-color: #ccd5d5;}
.letter-box {
    padding-bottom: 11px;
    border-bottom: solid 1px #99abab;
}
.letter-box h2 {
    clear: both; 
    overflow: hidden;
    padding: 21px 0 3px;
}
.letter-box h2 a {text-decoration: none;}
.letter-box h3 {
    float: left;
    padding-bottom: 0;
}
.topanchor {
    float: right;
    padding-top: 9px;
}

/*== Support pages in Services ==*/
.support-group {padding-bottom: 9px;}
.support-group h4 {
    padding-left: 24px;
	background: transparent url(../gfx/bullets/bullet-question-large.png) no-repeat 0 6px;
}
.support-group em {
	color: #668080;
	font-style: normal;
	font-weight: bold;
}
.support-group ul {padding-left: 24px;}
.support-group li {padding: 0 0 9px 0;}
.support-group ul.user-guides li {padding-bottom: 0;}
.user-guides a:link, .user-guides a:visited {
	padding: 4px 0 5px 16px;
	background: transparent url(../gfx/bullets/bullet-down-off.png) no-repeat center left;
	text-decoration: none;
}
.user-guides a:hover, .user-guides a:active {
	padding: 4px 0 5px 16px;
	background: transparent url(../gfx/bullets/bullet-down-on.png) no-repeat center left;
	text-decoration: underline;
}
.teamoptionselect {
    margin-left: 6px;
    padding: 0 3px;
    background-color: #9c3;
    font-weight: bold;
    color: #fff;
}

/*== News Search ==*/
.input-news-search {
	float: left;
	width: 102px;
	padding: 2px 4px 4px;
	border: solid 1px #99abab;
	font: normal 12px/16px arial, helvetica, sans-serif;
}
.news-search {overflow: hidden;
	padding: 6px 0 5px;
}
#archiveSearch {
	margin-bottom: 23px;
	padding-top: 3px;
	background: #fff url(../gfx/backgrounds/bg-features.gif) repeat-x 0px -10px;
}
#archiveSearch .nested {
	width: 112px;
	height: 20px;
	margin: auto;
}
#archiveSearch .input {
	float: left;
}

/*== References ==*/
.tblReferences {
	width: 100%;
}
.tblReferences th {
	padding: 12px 0 6px;
	border-bottom: 1px solid #ccd5d5;
	font: bold 14px/18px arial, helvetica, sans-serif;
}
.tblReferences tbody tr:hover {
	background-color: #f1f4f4;
	color: #690;
	cursor: pointer;
}
.tblReferences tbody tr {
	color: #630;
}
.tblReferences td {
	padding: 4px 0;
	border-bottom: 1px solid #ccd5d5;
	font: normal 12px/18px arial, helvetica, sans-serif;
}

/*== Pricing and signup ==*/
.step1 {
	padding-left: 24px;
	background: transparent url(../gfx/bullets/bullet-step-1.gif) no-repeat left center;
}
.step2 {
	padding-left: 24px;
	background: transparent url(../gfx/bullets/bullet-step-2.gif) no-repeat left center;
}
.step3 {
	padding-left: 24px;
	background: transparent url(../gfx/bullets/bullet-step-3.gif) no-repeat left center;
}
.step4 {
	padding-left: 24px;
	background: transparent url(../gfx/bullets/bullet-step-4.gif) no-repeat left center;
}

/*== Posts ==*/
.post {
    padding: 24px 0 11px;
    border-bottom: solid 1px #ccd5d5;
}
.post h1 {
    padding-bottom: 9px;
    font: bold 16px/20px arial, helvetica, sans-serif;
    color: #000;
}
.post h1 a {text-decoration: none;}
.post h2 {
    padding: 0 0 6px;
    font: bold 14px/18px arial, helvetica, sans-serif;
    color: #668080;
}
.major {
    padding: 24px 24px 11px;
    border-bottom: solid 1px #99abab;
    background: #fff url(../gfx/backgrounds/bg-features.gif) repeat-x 0 0;
}
.major h1 {
    padding-bottom: 9px;
    font: bold 24px/24px arial, helvetica, sans-serif;
    color: #000;
}
.major h2 {
    padding-bottom: 9px;
    font: bold 16px/20px arial, helvetica, sans-serif;
    color: #668080;
}
.minor h1 {
    padding: 0 0 6px;
    font: bold 14px/18px arial, helvetica, sans-serif;
    color: #000;
}
.kind {
    margin-right: 0.5em;
    margin-left: 0.5em;
    padding: 2px 4px;
    background-color: #fc6;
    font-weight: bold;
    color: #000;
}
.timestamp {font: bold 11px/15px tahoma, arial, helvetica, sans-serif;}
.post img {
    display: block;
    width: auto;
    height: auto;
}
.post img.post-right {
    float: right;
    padding: 6px 0 6px 12px;
}
.post img.post-left {
    float: left;
    padding: 6px 12px 6px 0;
}
.post .continued {clear: both;}

/*== Implementation Process Model ==*/
#model-imp ul {
	float: left;
	height: 128px;
	padding: 0 48px 12px;
	list-style: none;
}
#model-imp li {
	float: left;
	background-image: none;
	line-height: normal;
	text-indent: 0;
}
#model-imp li a {
	display: block;
	float: left;
	height: 128px;
	border-width: 0;
	text-indent: -10000px;
	text-decoration: none;
}
#model-imp li a:hover {
	background-position: 0 -128px;
}
#phase1img a {
	width: 180px;
	background: url(../gfx/decoration/deco-implementation-01.gif);
}
#phase2img a {
	width: 160px;
	background: url(../gfx/decoration/deco-implementation-02.gif);
}
#phase3img a {
	width: 160px;
	background: url(../gfx/decoration/deco-implementation-03.gif);
}
#phase4img a {
	width: 180px;
	background: url(../gfx/decoration/deco-implementation-04.gif);
}


/*==============================
=FOOTER
==============================*/

#footer {
	clear: both;
	height: 100%;
	overflow: hidden;
	padding: 0 24px 12px;
	background: #e4e9e9 url(../gfx/backgrounds/bg-pageshadow.png) no-repeat top left;
}

/*== Positioning ==*/

/*== Text Formatting ==*/
#footer h3 {
	color: #183f3f;
}
#footer p {
	padding-bottom: 6px;
	font: normal 11px/14px tahoma, arial, helvetica, sans-serif;
	color: #668080;
}
#footer li {
	padding-bottom: 6px;
	font: normal 11px/14px tahoma, arial, helvetica, sans-serif;
	color: #668080;
}
#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #183f3f;
}
#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #183f3f;
}
#footer h3 a:link, #footer h3 a:visited {
	text-decoration: none;
	color: #183f3f;
}
#footer h3 a:hover, #footer h3 a:active {
	text-decoration: underline;
	color: #183f3f;
}


/*==============================
=OVERRIDES
==============================*/

/*== Adds space between groups ==*/
.spaced-after {
	margin-bottom: 12px;
}
.spaced-before {
	margin-top: 24px;
}

/*== Hide stuff ==*/
.omit {
	display: none;
}


/*==========================================================================================
=SITE SPECIFIC
==========================================================================================*/

.wrapper-video {
	width: 1072px;
	margin: 0 auto;
	text-align: left;
}
#leader-video {
	overflow: hidden;
	width: 1072px;
}