@charset "utf-8";
/** base.css contains the reset to even out cross-browser display**/
@import "base.css";
/** helpers.css contains helper classes - documentation: http://cssquik.com/docs **/
@import "helpers.css";
/** columns.css contains the column styles **/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:86%;
	color:#333;
} 
h1 {
	font-size:200%;
	font-weight:normal;
	color:#146bb5;
}
	.webapp-article-action h1 {
		font-size:140%;
		line-height:200%;
		margin:0;
	}
	.webapp-article-action h1 a {
		color:#b1b0b1;
	}
h2 {
	color:#174374;
	font-size:125%;
	font-weight:normal;
	margin:15px 0 10px;
}
	h2.article-title {
		color:#146BB5;
		font-size:175%;
		margin:0;
	}
h3 {
	color:#333333;
	font-size:100%;
	font-weight:bold;
}
h4 {
	font-size:105%;
	font-weight:bold;
	color:#146bb5;
}
h5 {
	font-size:100%;
	color:#174375;
}
p {
	color:#444444;
}
	.cms p {
		margin:1em 0;
	}
a {
	text-decoration:none;
	color:#146BB5;
}
a:hover {
	text-decoration:underline;
}
#head-wrap {
	width:100%;
	background:url(../images/bg-head-wrap.gif) no-repeat bottom center;
	position:relative;
	z-index:101;
}

#header {
	width:960px;
	height:145px;
	margin:0 auto 0 auto;
	position:relative;
	z-index:101;
}
	#header #logo {
		width:225px;
		height:60px;
		text-align:center;
		margin:10px 0 0 40px;
		float:left;
		display:inline;
	}
	#header #logo a {
		width:225px;
		height:60px;
		display:block;
		margin:0 auto;
		text-indent:-5000px;
		background:url(../images/logo.gif) no-repeat center center;
	}
	#header span {
		float:right;
	}
		#header span a {
			color:#333;
		}
	#header ul.menu {
		float:left;
		display:inline;
		width:680px;
		margin:11px 0 0 30px;
	}
	#header ul.menu li {
		float:left;
		display:inline;
		margin:0;
		position:relative;
		overflow:visible;
		height:39px;
	}
	#header ul.menu li.over a {
		background:#78c0e9;
	}
	#header ul.menu li a {
		color:#fff;
		line-height:39px;
		text-decoration:none;
		padding:0 10px;
	}
	#header ul.menu li ul {
		display:none;
		position:absolute;
		top:39px;
		left:0;
		margin:0;
	}
		#header .menu li.connect ul {
			width:185px;
		}
		#header .menu li.community ul {
			width:290px;
		}
		#header .menu li.resource ul {
			width:220px;
		}
		#header .menu li.get ul {
			width:140px;
		}
	#header ul.menu li.over ul {
		display:block;
	}
	#header ul.menu li ul li {
		padding:0;
		clear:left;
		height:30px;
	}
		#header .menu li.connect ul li {
			width:185px;
		}
		#header .menu li.community ul li {
			width:290px;
		}
		#header .menu li.resource ul li {
			width:220px;
		}
		#header .menu li.get ul li {
			width:140px;
		}
	#header ul.menu li ul li a {
		color:#fff;
		background:#78c0e9;
		display:block;
		text-indent:20px;
		line-height:30px;
		padding:0;
	}
		#header .menu li.connect ul li a {
			width:185px;
		}
		#header .menu li.community ul li a {
			width:290px;
		}
		#header .menu li.resource ul li a {
			width:220px;
		}
		#header .menu li.get ul li a {
			width:140px;
		}
	#header ul.menu li ul li a:hover {
		background:#186bb4;
	}
	#header ul.utility {
		width:245px;
		float:right;
		margin-top:30px;
	}
/*	#header .menu {
		width:660px;
		margin-left:50px;
		position:relative;
		z-index:101;
	}
		#header .menu li {
			background:url(../images/bg-menu-border.gif) no-repeat right center;
			margin-right:8px;
			position:relative;
			top:0;
			left:0;
			padding:0 8px 10px 0;
			overflow:visible;
			z-index:101;
		}
		#header .menu li ul {
			display:none;
			position:absolute;
			top:43px;
			left:-12px;
			z-index:102;
		}
		#header .menu li.connect ul {
			width:175px;
		}
		#header .menu li.community ul {
			width:240px;
		}
		#header .menu li.resource ul {
			width:220px;
		}
		#header .menu li.get ul {
			width:140px;
		}
		#header .menu li:hover ul {
			display:block;
		}
		#header .menu li:hover ul li {
			background:#78c0e9;
			margin:0 12px;
			padding:0;
			z-index:102;
			float:none;
			display:block;
		}
		#header .menu li:hover ul li.bottom {
			height:8px;
			line-height:8px;
			overflow:hidden;
		}
		#header .menu li:hover ul li:hover {
			background:#186bb4;
			margin:0 6px;
			padding:0 6px;
		}
		#header .menu li:hover ul li.bottom:hover {
			background:#78c0e9;
			margin:0 12px;
			padding:0;
		}
		#header .menu li:hover ul li a {
			line-height:120%;
			padding:5px 15px;
			float:none;
			display:block;
			background:0;
			position:relative;
			z-index:101;
			width:100%;
		}
		#header .menu li.last {
			background:0;
			border:0;
		}
		#header .menu a {
			color:#fff;
			font-size:96%;
			line-height:40px;
			padding:10px 8px 0 8px;
			float:none;
			display:block;
			display:inline-block;
		}
		#header .menu li:hover a {
			text-decoration:none;
			background:#78c0e9;
			color:#fff;
			padding:5px 8px 5px 8px;
		}
*/
		#header ul.utility li {
			background:0;
			border-right:1px dotted #146bb5;
			padding:0 16px;
			height:auto;
		}
		#header ul.utility li a {
			color:#146bb5;
			line-height:normal;
			padding:0;
		}
		#header ul.utility li:hover a {
			text-decoration:none;
			background:0;
			color:#333;
			padding:0;
		}
	#search-form {
		float:right;
		display:inline;
		margin-right:40px;
		margin-top:10px;
	}
	#header #search-form input {
		float:left;
		display:inline;
		border:0;
		margin-top:9px;
	}
	#header #search-form .text, #library-search-form .text {
		background:url(../images/bg-search-box.gif) no-repeat top left;
		width:154px;
		height:18px;
		padding:3px 0 0 6px;
		color:#146BB5;
		border:0;
	}
	#library-search-form .text {
		float:left;
		display:inline;
	}
	#library-search-form {
		float:right;
		display:inline;
		width:200px;
		padding-top:20px;
	}
	#header #search-form .btn {
		background:url(../images/bg-search-btn.gif) no-repeat top left;
		width:32px;
		height:21px;
		text-indent:-5000px;
		cursor:pointer;
	}
	#header #navigation {
		position:relative;
		z-index:101;
		width:960px;
		clear:both;
	}
#member-box {
	background:#006db6;
	padding:2px 10px;
	margin:1px 0 1px 0;
	color:#fff;
	overflow:auto;
	height:26px;
}
#flash-feature {
	margin-bottom:1px;
	display:block;
}
#member-box.logged-in {
	background:#303030;
	padding:0;
	height:30px;
}
	#member-box h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:20px;
		float:left;
		display:inline;
		width:160px;
		margin:0;
	}
	#member-box.logged-in h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:15px;
		line-height:22px;
		color:#8eb244;
		background:#fff url(../images/bg-member-box-in.gif) no-repeat right top;
		padding:4px 40px 4px 10px;
		width:auto;
	}
	#member-box form {
		padding-top:2px;
	}
	#member-box form, #member-box fieldset {
		float:left;
		display:inline;
	}
	#member-box label {
		color:#CCC;
		text-transform:uppercase;
		font-size:80%;
		line-height:21px;
		float:left;
		display:inline;
		margin:0 5px 0 0;
	}
	#member-box input {
		border:0;
		background:url(../images/bg-input.gif) repeat-x top left;
		width:132px;
		height:18px;
		float:left;
		display:inline;
		padding:3px 1px 0 2px;
		margin:0 5px;
	}
	#member-box input.btn {
		background:#fff;
		width:75px;
		height:21px;
		color:#008dce;
		text-transform:uppercase;
		font-weight:bold;
		font-size:14px;
		cursor:pointer;
		padding:0;
		margin-right:10px;
	}
	#member-box .utilities {
		width:auto;
		border-right:1px solid #028DCD;
		float:left;
		display:inline;
		list-style:none;
		margin:0;
		padding-right:10px;
	}
	#member-box .utilities li {
		float:left;
		display:inline;
	}
	#member-box .utilities a {
		line-height:30px;
	}
	#member-box .menu {
		width:auto;
		padding:0 10px;
	}
	#member-box .menu a {
		color:#a9a8a8;
		line-height:30px;
	}
	#member-box a {
		float:left;
		display:inline;
		line-height:26px;
		color:#7d7d7d;
		font-size:95%;
		font-weight:bold;
		padding:0 8px;
	}
	#member-box a:hover {
		color:#CCC;
	}
	#member-box a.register {
		color:#8eb244;
		font-size:125%;
		line-height:26px;
		padding:0;
	}
	#member-box a.forgot {
		color:#ccc;
		font-weight:normal;
	}
#content-wrap {
	clear:both;
	position:relative;
	z-index:1;
}
#main-content, #home-feature {
	width:875px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#main-content {
	overflow:visible;
}
#home-feature {
	border-bottom:1px dotted #78c0e9;
	z-index:1;
	height:230px;
}

#home-feature #stationaryText {
	position: absolute;
	z-index: 8;
	margin: 20px 0 0 20px;
	font-weight: bold;
}
.cs_wrapper {
	position:relative;
	z-index:2;
}

	#home-feature #stationaryText p {
		font-size: .9em;
		font-weight:normal;
		color: #666;
		width: 520px;
	}
	#home-feature #stationaryText h2 {
		margin:.2em 0;
		color:#146bb5;
		font-weight:bold;
		font-size:132%;
	}
	#home-feature #stationaryText ul.more li {
		float:left;
		display:inline;
		margin:0 1em 0 0;
		padding-left:1em;
		background:url(../images/bg-arrow-blue.gif) no-repeat left center;
	}
	#home-hot-news {
		padding:8px 10px 8px 25px;
		background:url(../images/bg-arrow-blue.gif) no-repeat 10px center;
		border:1px solid #0080C3;
		margin: 0 auto;
		width: 800px;
		font-weight:bold;
	}
	#home-feature .cs_article {
		padding:0 0 0 0;
	}
	#home-feature .cs_article p {
		margin:170px 0 0 0;
		padding-left:20px;
		width:500px;
	}
	#home-feature #stationaryText span{
		font-weight: normal;
	}
	
	#home-feature #stationaryText span#connect {
		font-size: 1.25em;
		color: #b1b0b1;
	}
	#home-feature #stationaryText span#enable {
		font-size: 1.25em;
		color: #2aace3;
	}
	#home-feature #stationaryText span#transform {
		font-size: 1.25em;
		color: #146bb5;
	}


	#home-feature #stationaryText p a{
		font-size: 1em;
		color: #146bb5;
		
	}
.home #learn-more, .home #news {
	float:left;
	display:inline;
	width:220px;
	margin:0 20px 0px 20px;
}
	.home #learn-more h1, .home #news h1 {
		font-size:160%;
	}
	.home #learn-more li, .home #news .news-short {
		list-style:none;
		margin:0;
		position:relative;
		top:0;
		left:0;
		padding-left:45px;
		margin-bottom:15px;
	}
	.home #learn-more li {
		margin:0;
		min-height:66px;
	}
	.home #news .news-short {
		padding-left:65px;
		margin-bottom:25px;
	}
	.home #learn-more li img, .home #news .news-short img {
		position:absolute;
		top:0;
		left:0;
	}
	.home #news .news-short img {
		width:60px;
	}
	.home #learn-more h2 {
		margin:0;
		font-size:100%;
		font-weight:bold;
		line-height:100%;
	}
	.home #news .news-short h3 {
		color:#444444;
		font-size:70%;
		margin:0;
		text-transform:uppercase;
	}
	.home #news .news-short h4 {
		color:#ababab;
		font-size:75%;
		margin:0;
		height:30px;
		overflow:hidden;
	}
	.home #learn-more h2 a {
		color:#008DCE;
	}
	.home #learn-more p {
		color:#666666;
		font-size:75%;
		line-height:120%;
	}
	.home #news .news-short p {
		color:#146BB5;
		font-size:75%;
		margin:0.25em 0;
	}
	.home #connect {
		background:url(../images/bg-connect.png) no-repeat bottom center;
		position:absolute;
		top:-40px;
		right:-4px;
		width:282px;
		height:244px;
		padding:40px 15px 15px 30px;
	}
	.home #connect h2{
		margin: 0;
		padding: 1em 0;
	}	
	#solutions.ui-tabs ul {
		float:left;
		display:inline;
		width:110px;
		margin:5px 0;
	}
		#solutions.ui-tabs li {
			list-style:none;
			margin:0;
			padding: 0;
		}
			#solutions.ui-tabs li a {
				color:#146bb5;
				font-size:80%;
				font-weight:bold;
				padding:4px 6px;
				line-height:16px;
				float: left;
				width: 96px;
				display:inline;
			}
			#solutions.ui-tabs li a:hover,  #solutions li.ui-tabs-selected a {
				color:#fff;
				background:#174375;
				text-decoration:none;
			}
		#solutions .ui-tabs-panel {
			float:right;
			display:inline;
			width:150px;
			margin-right:15px;
			font-size:88%;
			color:#999;
		}
		#solutions .ui-tabs-panel img {
			margin-bottom:.6em;
			width:150px;
		}
		#solutions .ui-tabs-panel p {
			line-height:125%;
			font-size:86%;
		}
		#solutions .ui-tabs-hide {
			display:none;
		}
	#main-content #column-one {
		float:right;
		display:inline;
		width:580px;
		margin:20px 0 0 40px ;
	}
	#main-content #column-two {
		width:250px;
		float:left;
		display:inline;
		margin:20px 0 0 0;
	}
	#column-two h2 {
		background:url(../images/bg-side-heading.jpg) no-repeat top right #146cb6;
		color:#fff;
		letter-spacing:0;
		padding:0 20px;
		line-height:34px;
		font-weight:normal;
		margin:1px 0;
	}
	#column-two h2 a {
		color:#fff;
	}
	
	#column-two h2.sidebar-title {
		line-height:65px;
		height:65px;
		overflow:hidden;
	}

	#column-two .sidebar-content{
		background: #ffffff;
	}	
	#column-two .sidebar-content.in-this {
		background:#e3eff9;
	}
	
	#column-two .sidebar-content ul {
		margin:0;
		list-style:none;
	}
	#column-two .sidebar-content li {
		margin:0;
	}
	#column-two .sidebar-content li a {
		padding:4px 25px;
		display:block;
	}
	
	#column-two .sidebar-content li a.active-page {
		background:#174375;
		text-decoration:none;
		color:#fff;
	}
	#column-two .sidebar-content li a:hover {
		background:#174375;
		text-decoration:none;
		color:#fff;
	}
/* learn-more */
	#column-two .sidebar-content #learn-more {
		background: #ffffff;
	}

	#column-two .sidebar-content #learn-more li a:hover {
		background: #ffffff;
		color: #008DCE;
		text-decoration:none;
	}
	
	#column-two .sidebar-content #learn-more li  {
		margin-bottom:20px;
		position:relative;
	}

	#column-two .sidebar-content #learn-more li img {
		position:absolute;
		top:0;
		left:0;
		margin-top:10px;
		padding-right:5px;
	}

	#column-two .sidebar-content #learn-more li h2 {
		background: none;
		font-size:100%;
		font-weight:bold;
		line-height:100%;
		margin:0 0 8px 50px;
		padding:0;
	}	
	#column-two .sidebar-content #learn-more li h2 a {
		padding:0;
		color:#146bb5;
	}	

	#column-two .sidebar-content #learn-more p {
		margin-top:-2px;
		margin-left: 50px;
		color:#444444;
		font-size:80%;
		line-height:120%;
	}	

/* news */
	#column-two .sidebar-content #news {
		background: #ffffff;
	}
	#column-two .sidebar-content .more-link {
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:6px;
		margin-bottom:10px;
	}
	#column-two .sidebar-content .more-link a.all {
		float:right;
		display:inline;
	}

	#column-two .sidebar-content #news li a {
		padding:4px 0px 0 0;
		display:block;
		font-size:75%;
	}
	
	
	
	#column-two .sidebar-content #news li a:hover, #column-two .sidebar-content #news li a.active-page {
		background: #ffffff;
		color: #008DCE;
		text-decoration:none;
	}
	
	#column-two .sidebar-content #news li  {
		margin:0;
	}

	#column-two .sidebar-content #news li div.listing  {
		position:relative;
		min-height:50px;
		margin:14px 0;
	}

	#column-two .sidebar-content #news li div.listing h2 a  {
		color:#146BB5;
	}

	#column-two .sidebar-content #news li img {
		position:absolute;
		width:60px;
		top:0;
		left:0;
	}
	
	#column-two .sidebar-content #news li h2 {
		background: 0;
		font-weight:bold;
		margin:0 0 0 80px;
		line-height:100%;
		padding:0;
		font-size:100%;
	}	

	#column-two .sidebar-content #news li h4 {
		color:#555555;
		font-size:70%;
		line-height:120%;
		margin:0 0 0 80px;
		text-transform:uppercase;
		
	}

	#column-two .sidebar-content #news p {
		margin-top:-0px;
		margin-left: 78px;
		color:#999999;
		font-size:80%;
		line-height:120%;
	}	
	
	#column-two .sidebar-content #news .read-subscribe a {
		padding:1px 1px;
		display:inline;		
	}
	
div ul.treeview-gray li{
	background:none;	
}

div#main-content div#column-one img{
}

/**DELETED STYLES**/

#foot-wrap {
	width:100%;
	background:url(../images/bg-foot-wrap.gif) no-repeat bottom center;
	clear:both;
}
#footer {
	width:960px;
	height:125px;
	margin:0 auto 10px auto;
}
	#footer address {
		width:320px;
		float:left;
		display:inline;
		margin:46px 0 0 48px;
		color:#fff;
		font-size:90%;
		border-right:1px dotted #fff;
		padding-left:40px;
		background:url(../images/bg-footer-address.gif) no-repeat 0 4px;
	}
	#footer p {
		width:300px;
		float:left;
		display:inline;
		font-size:11px;
		margin:0;
		padding:1em 0;
	}
	#footer .menu {
		width:480px;
		float:left;
		display:inline;
		margin:48px 0 0 25px;
	}
	#footer .menu li {
		width:240px;
		color:#fff;
		font-size:86%;
	}
	#footer .menu a {
		line-height:150%;
		color:#fff;
	}
	#footer .menu a:hover {
		color:#666;
	}
	#footer a.twitter {
		background:transparent url(../images/bg-twitter-icon.gif) no-repeat scroll right center;
		color:#008DCE;
		display:inline;
		float:right;
		font-size:14px;
		font-weight:bold;
		padding-right:25px;
	}
	
.rss {
	text-indent:-5000px;
	background:url(../images/icon-rss-feed.gif) no-repeat center center;
	display:inline-block;
	width:20px;
}
	
.article-short {
	position:relative;
	top:0;
	left:0;
	float:left;
	display:inline;
	min-height:80px;
	height:auto !important;
	height:80px;
	padding:10px 0 15px 0;
	margin-top:10px;
	width:500px;
}
.contribute .article-short {
	padding-top:20px;
}
	#column-two .article-short {
		width:200px;
	}
	.article-short .utility {
		position:absolute;
		top:0;
		right:0;
	}
	div#main-content div#column-one .article-short .utility img {
		position:relative;
		left:0;
		top:0;
		margin:0;
	}
	div#main-content div#column-one .article-short img, div#main-content div#column-two .article-short img {
		position:absolute;
		left:0;
		top:0;
		margin:0;
	}
	div#main-content div#column-two .article-short img {
		width:45px;
	}
	.article-short h4 {
		color:#ababab;
		font-size:90%;
		margin:2px 0 0 120px;
	}
	div#column-two .article-short h4 {
		margin-left:50px;
	}
	.article-short h5 {
		position:absolute;
		left:120px;
		top:0;
		color:#ababab;
		font-weight:normal;
		font-size:75%;
		margin:0;
		text-transform:uppercase;
	}
	.article-short p {
		font-size:85%;
		margin:0 0 0 120px;
	}
	#column-two .article-short p {
		margin-left:50px;
	}
.article-image {
	float:right;
	display:inline;
	margin:0 0 15px 15px
}
.article-date {
	color:#666;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 10px 0;
}

p.pager  {
	clear:both;
}

.pager span {
	display:none;
}
	.pager strong {
		background:#b1b0b1;
		color:#fff;
		padding:2px 4px;
	}
#comments-wrapper {
	display:none;
}
.floatR {
	float:right;
	display:inline;
	margin:0 0 10px 15px;
}
.floatL {
	float:left;
	display:inline;
	margin:0 15px 10px 0;
}

/**
CONTRIBUTE BROUGHT FROM KC
**/
#write-form {
		padding:10px;
	}
	#write-form fieldset {
		padding:10px 0;
	}
	#write-form label {
		clear:both;
		font-weight:bold;
		display:block;
		color:#999;
	}
	#write-form input {
		border:1px solid #068CCB;
		background:#fff;
		padding:4px;
		margin:10px 0;
		width:80%;
	}
	#write-form textarea {
		border:1px solid #068CCB;
		background:#fff;
		padding:4px;
		margin:10px 0;
		width:80%;
	}
	#write-form select {
		border:1px solid #068CCB;
		background:#fff;
		margin:10px 0;
		width:40%;
	}
	#column-one.full #write-form .date input, #column-one.full #write-form .buttons input {
		width:auto;
		cursor:pointer;
	}
	#column-one.full #edit-post-form table .field input {
		border:1px solid #068CCB;
		background:#fff;
		padding:4px;
		width:90%;
	}
	#column-one.full #edit-post-form table .submit {
		padding-top:10px;
	}
	#column-one.full #edit-post-form table .submit input {
		border:1px solid #068CCB;
		background:#fff;
		padding:4px;
		width:auto;
		float:left;
		display:inline;
		margin-right:10px;
		cursor:pointer;
	}
	#column-one.full #edit-post-form table .field input.checkbox {
		width:auto;
	}
	#column-one.full #edit-post-form table .field textarea {
		border:1px solid #068CCB;
		background:#fff;
		padding:4px;
		width:500px;
	}
	#edit-post-form label {
		clear:both;
		font-weight:bold;
		color:#999;
		padding:4px;
	}



