* {margin: 0; padding: 0;}
html, body {height:100%;}

#Body {
	font:62.5% Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	background-color:#fff;
}
ul, li {list-style-type: none;}
a {outline: none;}
a:active {outline: none;}
a:link, a:visited {color:#036; text-decoration:underline}
a:hover {color:#06c; text-decoration:none}
h1, h2, h4, h4 { font-size:100%; font-style:normal; font-weight:normal; }
p {font-size:1.2em; line-height:1.6em}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}
input:focus, textarea:focus
{background-color:#edfae6}
.center {text-align:center}
.fr{float: right;}
.fl{float: left;}
.clr {clear:both}
.sml {font-size:smaller; line-height:normal}
.intro-text {
	font-weight:normal; font-size:1.6em; line-height:normal; color:#39c;
}
.btn:link,
.btn:visited {
	position:relative;
	display:inline-block;
	margin-top:6px;
	font-weight:bold;
	color:#fff !important;
	text-decoration:none !important;
	padding:0 10px;
	border:1px solid #4a79a1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* gradient */
	background-color:#8bb4df;
	background: -moz-linear-gradient(top, #bdd4e9, #6ea2d9);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bdd4e9),color-stop(1, #6ea2d9)); /* Saf4+, Chrome */
	/* shadow */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px #496e96;
}
.btn:hover {
	top:1px;
	background-color:#76a0cc;
	background: -moz-linear-gradient(top, #6ea2d9, #bdd4e9);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6ea2d9),color-stop(1, #bdd4e9)); /* Saf4+, Chrome */
	/* shadow */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

}


#main-container {position:relative; width:950px; margin:0 auto; min-height:100%;}
* html #main-container {height:100%;}

/* -----------------------------------
		HEADER
----------------------------------- */
#header {
	height:140px;
	position:relative;
	z-index:10;
	text-align:left;
}
#logo img {padding:5px;}

ul#top-navigation  {
	position:absolute;
	top:42px;
	right:0;
}

ul#top-navigation  li {
	display:inline-block;
	float:left;
	font-size:1.2em;
	padding:3px 10px;
	background:url(/images/top-nav-seperator.gif) no-repeat left 7px;
}

ul#top-navigation  li.tn-community {
	padding-left:20px;
	background: url(/images/ico-community.gif) no-repeat left 0;
}

ul#top-navigation  li a:link,
ul#top-navigation  li a:visited {
	text-decoration:none;
}
ul#top-navigation  li a:hover {
	text-decoration:underline;
}




/* -----------------------------------
		HEADER : MAIN NAVIGATION
----------------------------------- */

#main-navigation {
	height:42px;
	clear:both;
	background:url(/images/bg-main-navigation.gif) no-repeat 0 0;
}

#main-navigation .main-nav-list {
	width:720px;
	float:left;
}
#login {
	float:right;
	margin:8px 5px 0 0;
}
#login a {
	display:block;
	width:170px;
	height:26px;
	font-size:1.3em;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	color:#333;
	font-weight:bold;
}
#login a:hover {
	background:url(/images/bg-login-hover.gif) no-repeat 0 0;
	color:#036;
	line-height:25px;
}

#main-navigation ul {list-style: none; margin:0; padding-left:3px; text-align:left;line-height: normal;}
#main-navigation ul li {float:left; position:relative; z-index:100; list-style: none;}
#main-navigation ul li a {
	position:relative;
	display:block;
	color:#fff;
	font-size:16px;
	height:30px;
	line-height:30px;
	margin-top:6px;
	text-decoration:none;
	padding:0 20px 0 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
* html #main-navigation ul li a {float:left;}



/* menu hover state */
#main-navigation ul li:hover ul,
#main-navigation ul li.nav-hover ul 
{margin-left: 0;}
#main-navigation ul li a:hover {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* current state for main navigation links */
#main-navigation ul li a#current {
	color:#fff;
	background-color:#5d75a6;
}

#main-navigation ul li a.nav-community {
	background: url(/images/main-nav-community.png) no-repeat 3px 2px;
	padding:0 10px 0 28px;
}
* html #main-navigation ul li a.nav-community {background: url(/images/main-nav-community.gif) no-repeat 3px 2px;}

/* menu second-level lists */
#main-navigation ul ul {
	position:absolute;
	top:34px;
	margin:0 0 0 -1000em;
	padding:2px;
	line-height:normal;
	clear:both;
	background-color:#5d75a6;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
}
#main-navigation ul ul li {clear:both; float:none; margin:0; padding:0;}
#main-navigation ul ul li a {
	height:auto;
	color:#fff;
	padding:4px 20px;
	margin:0;
	font-size:1.3em;
	line-height:normal;
	float:none;
	text-transform:none;
	white-space:nowrap;
	border:1px solid transparent;
}
#main-navigation ul ul li a:hover {
	color:#fff; margin:0;

	/* radius */
	border:1px solid #30436b;
	-moz-border-radius: 4px; /* FF1+ */
  	-webkit-border-radius: 4px; /* Saf3+, Chrome */
	border-radius:4px;
	
	/* gradient */
	background-color:#7895cd;
	background: -moz-linear-gradient(top, #8ba6dc, #5e77a7);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8ba6dc),color-stop(1, #5e77a7)); /* Saf4+, Chrome */
}
/* ie6 fix */
* html  #main-navigation ul ul  {width:22em;} 
* html  #main-navigation ul ul li {height:2em;} 
* html  #main-navigation ul ul li a,
* html  #main-navigation ul ul li a:hover {border-color:#5d75a6}

/* menu third-level lists */
#main-navigation ul ul ul {margin-top: -50px; left:-1000em; z-index:15;}
#main-navigation ul ul li:hover ul, #main-navigation ul ul li.nav-hover ul {margin-left: 21.5em; left:0}

/* showing arrow for sub menu list */
.nav-arrow {
	background: url(/images/list-menu-arrow.gif) right center no-repeat;
} 

/* showing NEW icon  */
#main-navigation ul li a.new-feature sup {
	position:absolute; z-index:100; right:-4px; top:-4px; text-indent:-9999px;
	background-image: url(/images/ico-new.gif);
	background-repeat:no-repeat; width:16px; height:16px;
}
	/* ie fix */
	*:first-child+html #main-navigation ul li a.new-feature 
	{padding-top:0; bottom:1px} 
	* html #main-navigation ul li a.new-feature 
	{padding-top:0; bottom:1px} 

/* End Menu */


#breadcrumb {width:770px; margin:auto; padding:0 0 10px 180px; text-align:left; }
#breadcrumb a {text-decoration:none;}
#breadcrumb span {display:block; text-align:left;}
#breadcrumb span a {text-decoration: underline; font-size:1.1em;}
#breadcrumb a:hover {text-decoration:none;}


#container {margin-bottom:200px; overflow:auto;}   /* padding-bottom = Height of the footer */

/* -----------------------------------
		SIDEBAR
----------------------------------- */
.sidebar {
	float:left;
	width:180px;
	min-height:100px;
}
ul.sidebar-nav  {
	font-size:1.3em;
	text-align:left;
	margin-top:16px;
}
ul.sidebar-nav li a:link,
ul.sidebar-nav li a:visited {
	display:block;
	background-color:#fff;
	padding:5px 10px 5px;
	margin-bottom:2px;
	text-decoration:none;
}
ul.sidebar-nav li a:hover, ul.sidebar-nav li a.current {
	background: #f6f6f6 url(images/sidebar-nav.gif) no-repeat left center;
	padding-right:10px;
	text-decoration:none;
}

.side-box1 {
	margin-top: 20px;
	background: #fffeee;
	border: 1px solid rgb(204, 204, 153);
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sidebar .side-box1 {margin:0 10px 15px 0;}



/* -----------------------------------
		CONTENT
----------------------------------- */
.content, .content-main {
	background: #f6f6f6 url(images/content-arcs.gif) no-repeat;
}
.content {
	position:relative;
	float:left;
	width:580px;
	min-height:600px;
	padding-top:10px;
	margin-bottom:20px;
	background-position:left top;
}
.share-this {position:absolute; right:8px; top:8px; font-size:1.1em;}
.content-main {
	min-height:300px;
	text-align:left;
	padding:0 15px 20px 15px;
	background-position:right bottom;
}
* html .content-main {height:600px;}

.content-main h1 {font-size:2.6em; line-height:normal; margin-top:10px;}
.content-main h2 {
	padding:2px 0;
	margin-bottom:15px;
	font-size:2em;
	border-bottom:1px dotted #666;
}
.content-main p {
	padding:0 20px;
}
.content-main ul, .content-main ol {
	font-size:1.2em;
	line-height:1.6em;
	padding:0 10px 0 40px;
}
.content-main ul li {
	margin-bottom:10px;
	list-style-type:disc;
	color:#555;
}
.content-main ol li {
	margin-bottom:10px;
	list-style-type:decimal;
	color:#555;
}
.content-main blockquote {
	font-size:1.2em; line-height:1.8em; color:#666; padding: 15px 40px;
}

/* TOPIC */
.topic p { 
	padding-left:40px;
	background: transparent url(/Portals/0/Images/ico-topic.gif) no-repeat left top;
}

/* -----------------------------------
		List Of Features
----------------------------------- */
dl#ListOfFeatures dt {padding:20px 0 10px 0; }
dl#ListOfFeatures dt a:link,
dl#ListOfFeatures dt a:visited {
	font-size:2em;
	color:#fff;
	text-decoration:none;
	text-decoration:undeline;
	background: #069 url(/Portals/_default/Skins/Clarizen-Tutorials/i/ico-play.png) 5px center no-repeat;
	padding:2px 15px 2px 35px;
	border:2px solid #50a3cd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-shadow: 2px 2px 2px #333333;
}
* html dl#ListOfFeatures dt a:link,
* html dl#ListOfFeatures dt a:visited {
	background: #069 url(/Portals/_default/Skins/Clarizen-Tutorials/i/ico-play.gif) 5px center no-repeat;
}
dl#ListOfFeatures dt a:hover {background-color:#50a3cd; text-shadow: none;}
dl#ListOfFeatures dd {padding-left:30px; font-size:1.1em;}



/* -----------------------------------
		ACTION ITEMS
----------------------------------- */
.action-items {
	float:right;
	width:180px;
	min-height:300px;
	position:relative;
}
.action-items a[name] {position:absolute}
ul.action-items-nav li {height:100%;}
ul.action-items-nav li a,
ul.action-items-nav li a:visited {
	width:180px;
	height:40px;
	display:block;
	font-size:1.6em;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:2.1em;
	margin-bottom:5px;
	background: #39c url(images/btns-action-items.gif) no-repeat 0 -66px;
}
ul.action-items-nav li a:hover {
	background-position: -228px -65px;
	background-color:#fff;
	line-height:2.3em;
}
* html ul.action-items-nav li a:hover {color:#fff;}

ul.action-items-nav li a.sign-up,
ul.action-items-nav li a.sign-up:visited
{background-position: 0 0; background-color:#690; height:60px; text-indent:-9999px; line-height:normal;}
ul.action-items-nav li a.sign-up:hover  {background-position: -228px 1px; background-color:#fff}


/* VENDORS 
----------------------------------- */
ul.action-vendors li {height:100%;}
ul.action-vendors li a,
ul.action-vendors li a:visited {
	width:180px;
	height:66px;
	display:block;
	margin-bottom:5px;
	text-indent:-9999px;
	background: url(images/_btn-vendors-signup.gif) no-repeat 0 0;
}
ul.action-vendors li a:hover {
	background-position: -228px 0;
}




/* -----------------------------------
		ACTION ITEMS POPUP WINDOWS
----------------------------------- */

.popup {
	width:504px;
	height:420px;
	position:absolute;
	z-index:10;
	right:165px;
	background: transparent url(images/bg-popup.png) no-repeat 0 0;
}
* html .popup {background: transparent url(images/bg-popup-ie6.gif) no-repeat 0 0;}
.popup a.btn-close {
	width:30px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background: transparent url(images/btn-close-popup.gif) no-repeat 0 0;
	position:absolute;
	top:15px;
	right:80px;
}
.popup fieldset {
	border:none;
	width:380px;
	padding:0;
	margin: 20px 0 0 40px;
	float:left;
}
* html .popup fieldset {margin-left:20px}
.popup legend {
	font-size:2.6em;
	color:#39c;
	padding:0;
	position:relative;
	left:-12px;
}
.popup p {
	font-size:1.2em;
	text-align:left;
	margin-bottom:0.6em;
	padding-left:5px;
}
.popup p br {display:none}
.popup p label br {display:block}
.popup p.desc {line-height:normal;}
.popup span.sml {display:block; padding-right:5px;}
.popup label {display:block; width:100px; float:left;}
.popup label span {color:#f63} /* required field color */
.popup input {
	width:180px;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:2px solid #9cf; 
}
.popup textarea {
	width:250px;
	height:80px;
	padding:2px;
	overflow:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:2px solid #9cf;
}
.popup input.btn-send {
	display:block;
	height:30px;
	width:90px;
	margin:10px 0 0 100px;
	background: #39c url(images/btn-bg.gif) no-repeat 0 0;
	color:#fff;
	border:none;
	font-weight:bold;
	cursor:pointer;
	overflow:auto;
}


/* Popup Position */
#contact-me {top:20px;}
#request-a-meeting {top:65px;}



/* -----------------------------------
		QUOTE
----------------------------------- */
.quote-container, .quote-text {background: url(images/quote.gif) no-repeat;}
.quote-container {
	width:180px;
	padding:20px 0;
	margin-top:20px;
	text-align:left;
	font-size:1em;
	background-position:5px 5px;
}
.quote-text {
	width:150px;
	margin:0 auto 5px auto;
	background-position:right bottom;
}
.quote-author {
	display:block;
	text-align:right;
	text-transform:uppercase;
	font-size:smaller;
	line-height:1em;
	padding:10px 0 4px 0;
	color:#069;
}

/* wide quote */
.q-wide {width:80%; margin:auto;}
.q-wide .quote-text {width:auto;}
.q-wide .quote-author {font-size:0.6em; line-height:1.4em;}

/* -----------------------------------
 Start: Modal Dialog Popup Window
 ----------------------------------- */
#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #999;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	display: none;
}

#popup_content {
	display:none;
	position:absolute;
	z-index:11;
	background:  #333 url(images/loader.gif) no-repeat center center;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}
#popup_content .img-cnt {}

#popup_header {
	position:absolute;
	z-index:12;
	left:0;
	top:-2.8em;
	height:2.8em;
	width:100%;
	background: #333 url(images/popup_header.gif) repeat-x bottom;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
#popup_header .img-title {
	line-height:1.8em;
	font-size:1.3em;
	font-weight:normal;
	color:#fff;
	padding-left:5px;
	float:left;
}
#popup_header a.close {
	display:block;
	float:right;
	width:18px;
	height:18px;
	margin:3px 5px 0 0;
	cursor: pointer;
	text-indent:-9999px;
	background: url(images/popup_btn_close.gif) no-repeat 0 top;
}
#popup_header a.close:hover {background-position:0 bottom}

#popup_content img {
	border:none;
	padding:5px;
	-ms-interpolation-mode: bicubic;
}

.min-size {width:810px; height:477px;}
.min-size img {width:800px; height:467px;}

.max-size {width:1064px; height:625px;}
.max-size img {width:1054px; height:615px;}





/* -----------------------------------
 End: Modal Dialog Popup Window
 ----------------------------------- */


/* -----------------------------------
		LIST TYPE
----------------------------------- */

ul.list-type-a {
	margin:0;
	padding:0 10px;
	list-style-type:none;
}
ul.list-type-a li {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
}

ul.list-type-a li h2 {font-size:medium;}

ul.list-type-a li a:link,
ul.list-type-a li a:visited {
	display:block;
	padding:2px 10px 2px 5px;
	text-decoration:none;
	
	/* radius */
	border:1px solid #9cf;
	-moz-border-radius: 5px;/* FF1+ */
  	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius:5px;
	
	/* gradient */
	background-color:#ecf4ff;
	background: -moz-linear-gradient(top, #fff, #ecf4ff);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ecf4ff)); /* Saf4+, Chrome */
	
	/* shadow */
	-moz-box-shadow:2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
}
ul.list-type-a li a:hover {
	position:relative; top:1px;
	overflow:hidden;
	border-color:#89b8e6;
	/* gradient */
	background-color:#fff;
	background: -moz-linear-gradient(top, #ecf4ff, #fff);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ecf4ff),color-stop(1, #fff)); /* Saf4+, Chrome */	
	
	/* shadow */
	-moz-box-shadow:none;
	-webkit-box-shadow: none;
}
ul.list-type-a li a span {background-color:#69c; color:#fff; padding:0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
ul.list-type-a li a span.video {background: transparent url(images/ico-play.gif) 0 0 no-repeat; width:16px; height:16px; margin-top:1px; overflow:hidden; text-indent:-100px; display:block; float:left;}
ul.list-type-a li em {color:#666; padding:5px 0 0 10px; display:block; font-size:0.9em; font-style:normal; line-height:normal;}





/* -----------------------------------
		TUTORIAL LIST
----------------------------------- */
ul.tutorial-list li h2 {font-size:16px; margin:15px 0 5px; background:url(images/bg-h-tag.gif) repeat-x scroll center bottom transparent}
ul.tutorial-list li h2 span {display:inline-block; padding:2px 5px;}
ul.tutorial-list li h3 {font-size:14px; color:#666; border-bottom:1px solid #ccc; padding-top:10px; padding-left:4px; margin-bottom:5px; background:url(images/bg-h-tag.gif) repeat-x scroll center bottom transparent}


ul.tutorial-list, ul.tutorial-list li  {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.tutorial-list,
ul.tutorial-list ul,
ul.tutorial-list ul ul {
	font-size:100% !important;
	line-height:2em;
	padding:0 0 0 20px;
	
}
ul.tutorial-list a {
	font-size:12px !important; line-height: normal !important; padding:2px 0; margin:2px 0; display:inline-block;
}
ul.tutorial-list li.video a {padding-left:20px; background: transparent url(images/ico-play.gif) 0 0 no-repeat;}



ul.newsletter-list {padding:10px 0 10px 10px}
ul.newsletter-list li {
	list-style-type:none;
	font-size:1.4em;
	padding: 5px 5px 10px 45px;
	background: url(/images/ico-news-doc.gif) no-repeat left 4px;
}
ul.newsletter-list li a {font-size: small;}


/* -----------------------------------
		TUTORIAL BOX
----------------------------------- */
.tutorial-box {width:180px; padding:10px; position:absolute; right:10px; top:67px; background:#DEFAB8; border:5px solid #e2e2e2; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.tutorial-box h2 {font-size:1.6em;}
.tutorial-box ul, .tutorial-box ul li {list-style-type:none; font-size:100%; font-size:1.1em; padding:0;}



ul.list-files {padding:10px 30px; font-size:100%;}
ul.list-files li {
	padding:15px 0 5px 45px;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	background: url(images/ico-case-studies.gif) no-repeat left 2px;
}
ul.list-files li strong {display:block; font-size:1.6em; color:#333; font-weight:normal;}
ul.list-files li span.title {display:block; font-size:1.2em; padding-bottom:5px;}
ul.list-files li span.links {
	background:#888;
	padding:2px 5px;
	color:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.list-files li span.links a {color:#fff;}


a.link-pdf { 
	padding: 1px 2px 1px 22px;
	background: transparent url(/Portals/0/Images/icon_pdf.png) no-repeat 2px center;
}


/* NEW LIST FILES ----------------------------------- */


ul.list-case {padding:10px; font-size:100%;}
ul.list-case li {
	padding:10px;
	margin-bottom:20px;
	list-style-type:none;
	border:1px solid #dce8ee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	/* gradient */
	background-color:#fff;
	background: -moz-linear-gradient(top, #fff, #f5fafd);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #f5fafd)); /* Saf4+, Chrome */
}


ul.list-case li div:first-child { border-top:none;}


ul.list-case li h2 {border:none; font-size:1.8em; margin:0; width:76%; display:block; float:right;}
ul.list-case li h2 a:link, 
ul.list-case li h2 a:visited {
	text-decoration:none;
	border-bottom:1px solid #666;
	color:#036;
}
ul.list-case li h2 a:hover {border-bottom-color:#ccc; text-decoration:none; color:#06c;}

ul.list-case li div {font-size:1.2em; clear:both; overflow:hidden; border-top:1px solid #e3e3e3; padding-top:5px; margin-top:5px;}
ul.list-case li img {border:1px solid #dce8ee; background:#fff; padding:2px; float:left;}
ul.list-case li strong {width:16%; float:left; display:block; font-weight:normal; color:#666;}
ul.list-case li span {width:76%; float:right; display:block; color:#333;}




ul.list-box {padding:10px}
ul.list-box li {float:left; list-style-type:none;}
ul.list-box li a:link, 
ul.list-box li a:visited {
	float:left; 
	display:block; 
	width:110px; height:110px; border:2px solid #ccc; margin:8px;
	text-align:center; 
	font-size:1.2em; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	background-color:#fff;
}
ul.list-box li a:hover {border-color:#B1E8F3; background-color:#EBFDFE}
ul.list-box li a span {padding-top:35px; display:block}


.content-main .features-container ul {padding-bottom:20px;}
.content-main .features-container ul li {
	list-style-type:none;
	padding:5px 35px 5px 10px;
	margin:0;
	background: url(images/ico-check.gif) no-repeat right center;
	border-bottom:1px dotted #ccc;
	position:relative;
	line-height:normal;
}
* html .content-main .features-container ul li {height:1.2em;}
.content-main .features-container ul li a.thumb {
	position:absolute;
	right:40px;
	bottom:2px; 
}


/* -----------------------------------
		NEWS BOX
----------------------------------- */

.content-main .news-box {width:100%; height:100%;}
.content-main .news-box h2 {margin-top:30px;}
.content-main .news-box-img {float:left; padding:5px 10px 5px 0; border-right:1px dotted #666; min-width:60%; height:100%;}
.content-main .news-box-date {float:right; text-align:right; padding-right:0; width:30%; }
.content-main .news-box-date span {font-family:Georgia, "Times New Roman", Times, serif}
.external-link a:link, .external-link a:visited {
	background:transparent url(images/ico-external-link.gif) no-repeat right top;
	padding-right:20px;
	display:block;
}
.external-link a:hover {
	background-position: right -184px;
}



/* -----------------------------------
		NEWS (from community)
----------------------------------- */
.news {padding-left:70px; background: url(/images/ico-latest-news.gif) no-repeat;}
.news ul {margin-left:0; padding-left:0;}
.news ul ul {margin-left:10px;}
.news ul, .news li {list-style-type:none !important; font-size:12px !important;}
.news ul li strong {display:inline-block; background:#690; color:#f6f6f6; padding:1px 4px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
}
.news ul ul {margin-bottom:10px;}
.news ul li {margin-bottom:0;}
.news ul ul li {padding:2px 0 2px 5px; border-bottom:1px dotted #ccc; width:100%;}
.news ul ul li a:link, .news ul ul li a:visited {text-decoration:none;}
.news ul ul li a:hover {text-decoration:undeline; color:black;}
.news ul ul li a span {display:inline-block; background-color:#eee; color:#666; font-size:11px; padding:0 4px;}


/* -----------------------------------
		BEST PRACTICES
----------------------------------- */

ul.content-list,
ul.content-list ul {
	font-size:100%;
	line-height:normal;
	padding-left:20px;
}
ul.content-list li {
	font-size:small;
	line-height:2em;
	margin:0;
	list-style-type:disc;
}
ul.content-list li li {
	font-size:11px;
	list-style-type:square;
}
ul.content-list li a,
ul.content-list li li a {
	font-size:100%;
	line-height:normal;
}


#best-practices h1 span {color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:normal}
#best-practices h2 {margin-top:15px; background: url(images/bg-h-tag.gif) repeat-x bottom; font-size:2.2em;}
#best-practices h3 {padding:2px 5px; margin:15px 0 5px 0; background: url(images/bg-h-tag.gif) repeat-x bottom; color:#369; font-size:1.6em; border-bottom:1px solid #b8d8e0;}
#best-practices h4 {padding:2px 5px 2px 18px; margin:15px 0 3px 0; color:#444; font-size:1.3em; font-weight:bold; border-bottom:1px solid #ccc;}

#best-practices p {color:#444;}
#best-practices p.sml {font-size:1.1em; line-height:1.8em;}
#best-practices .note {
	width:auto;
	border:3px solid #ebe9ce;
	padding-left: 30px;
	background-color:#fffeee;
	background-position:10px 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#best-practices .recommendation {border-color:#dbe8c4; background-color:#fff;}
#best-practices .note ul {padding-bottom:0; font-size:100%;}
#best-practices .note ul li {font-size:100%; padding:0; margin:0}


#best-practices ul.bp-list {font-size:1.6em; margin:0 0 0 20px; padding:0;}
#best-practices ul.bp-list li { list-style-type:none;}
#best-practices ul.bp-list a {
	padding:4px 10px;
	border:2px solid #f6f6f6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#best-practices ul.bp-list a:hover {
	border-color:#9cf;
	background:#ebf4ff;
}

.view-large img {border:2px solid #f6ffe5; padding:1px;}
.view-large img:hover {border-color:#ccc;}




/* -----------------------------------
		TABS
----------------------------------- */
.tabs { 
  width:100%;
  min-height:200px;
}
.btns-container {
	width:100%;
	line-height:normal;
	overflow:hidden;
	border-bottom:1px solid #39c;
}
.btns-container ul {
	margin:0;
	padding:2px 2px 0 10px;
	list-style:none;
}
.btns-container li {
	display:inline;
	margin:0;
	padding:0;
}
.btns-container a, .btns-container a:link, .btns-container a:visited {
	float:left;
	margin:0 3px 0 0;
	padding:2px 10px;
	text-decoration:none;
	border:1px solid #39c;
	border-bottom:none;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
    -moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
.btns-container a:visited {text-decoration:none;}
.btns-container a:hover {background:#fffeee}
.btns-container a span {
	float:left;
	display:block;
	color:#333;
	font-size:1.6em;
}
.btns-container a span {float:none;}
.btns-container a:hover span {color:#333;}
	
.btns-container a.selected {background:#39c; color:#fff;}
.btns-container a.selected span {color:#fff;}


.tab-content {
	clear:both; 
	position:relative; 
	height:300px;
	border:1px solid #39c; 
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}

.infobox {
	width:100%;
	height:290px;
	background: #fff;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
}
.infobox-content {padding:0 10px;}

ol.book-list li {clear:both; vertical-align:top; }
.book-contianer {width:100%; padding-bottom:15px; overflow:hidden;}
.book-name {font-size:medium; font-weight:normal; display:block; margin-bottom:5px;}
.book-thumbnail {width:25%; float:left; margin-right:15px;}
.book-thumbnail img {border:1px solid #ccc; padding:2px;}
.book-details {width:65%; float:left}
.book-isbn {display:block; font-size:.85em;}


/* -----------------------------------
		FOOTER
----------------------------------- */

#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:200px;   /* Height of the footer */
	text-align:left;
	color:#666;
}
#footer-content {
	width:100%;
	padding:10px 10px 20px 10px;
	background: url(/images/bg-footer.gif) repeat-x top;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#footer-content h3 {font-size:1.6em; padding-bottom:2px; margin-bottom:5px; border-bottom:1px dotted #ccc;}
#footer-content ul, #footer-content li {list-style-type:disc;}
#footer-content ul {padding-left:8px; margin-left:10px}
#footer-content li {padding:2px 0; font-size:1.1em;}

#get-started, #solutions, #resources, #community, #about {float:left; width:130px; margin-right:40px;}
#get-started {margin-left:46px;}

#copyright {width:100%; color:#999; font-size:x-small; padding:4px 0; text-align:center;}






/* -----------------------------------
		PRINT MODE
----------------------------------- */
@media print {
	
	html, body {height:auto;}
	#Body {color:black; background:white; font-size:8pt;}
	a {text-decoration: underline; color: #0000ff;}
	
	#header {height:60px;}
	#header #top-navigation,
	#header #main-navigation,
	#header #breadcrumb,
	#container .action-items,
	#container .sidebar,
	#footer #nav
	{display:none;}
	
	#container {overflow:visible; padding:0; }
	#container .content {width:100%; padding:0; float: none !important; }
	#container .content .content-main {padding:0; background:none;}
	
	#main-container {width:auto;}
	
	#footer {width:auto; padding:10px; border-top:1px solid #ccc; margin:0; position:relative; bottom:auto;}
	#footer-content {border:none; background:none;}
	#footer #copyright {color:gray;}
	.clr {clear:none; width:100%; height:1px;}
}