/**
 * Custom Styles for the SS.org side of the fence.
 */

/* HEADER */
#header {
	height: 154px;
	margin-left: 10px;
	overflow: visible;
	width: 935px;
	background: url(../images/nav-bg-repeat-2.png) repeat-x 0 46px;
}
#header h1 {
	margin-top: 5px;
}
#header h1 a,
#header h1 span {
	height: 149px;
	margin-top: 0px;
	display: block;
	background: url(../images/Logo.png) top left;
}
	#header h1 a:hover {
		background-position: 0 155px;
	}
#header ul {
	margin-top: 46px;
	width:721px;
	height: 110px;
	background: url(../images/nav-menu-right-2.jpg) top right no-repeat;
}
	#header li a  {
		padding: 0 15px;
	}
	
	#nav {
		position: relative;
	}
	
	#header .downloadRedirector {
		position: absolute;
		right: 10px;
		top: 48px;
		background: url(../images/header_download_bg.gif) no-repeat right bottom;
	}
		#header .downloadRedirector a {
			background: none !important;
			padding: 0 29px;
			line-height: 50px;
		}
			#header .downloadRedirector a:hover {
				color: #eee;
			}

/* HOMEPAGE */
#home_container {
	background: url(../images/ssorg_home/home_bg.jpg) no-repeat;
	height: 894px;
	position: relative;
}
	#home_header_left,
	#home_header_right,
	#home_features {
		position: absolute;	
	}
		#home_features h3 {
			color: #ccc;
		}
	#home_header_left {
		top: 95px;
		left: 37px;
	}
		#home_container h3 {
			color: #fff;
			font-size: 16px;
			margin-top: 35px;
			height: auto;
			margin-bottom: 5px;
			font-family: Georgia, Times, "Times New Roman", serif;
		}
		#home_container p {
			color: #888;
		}
	#home_header_right {
		top: 85px;
		right: 35px;
		width: 522px;
		height: 405px;
	}
		#home_header_right img {
			display: block;
		}
		#home_header_right .hide {
			display: none;
		}
	#home_features {
		top: 540px;
		left: 15px;
		width: 99%;
	}
		#home_features .box {
			float: left;
			width: 200px;
			margin-left: 10px;
			margin-right: 5px;
			height: 165px;
			padding-top: 30px;
		}
		.home .box .noUnderline, .home .box .noUnderline:hover {
			border: none !important;
			color: #CCC;
		}
		.home #home_footer .box .noUnderline {
			color: #666;
		}
			#home_features .box h3 {
				padding-left: 20px;
			}
			#home_features .box p {
				padding-left: 20px;
			}
			#download_feature {
				padding-top: 30px !important;
				padding-bottom: 115px;
				text-align: center;
				margin-right: 10px;
				background: url(../images/ssorg_home/download_bg.jpg) no-repeat left 18px;
				padding-right: 10px;
			}
				#home_features #download_feature h3 {
					padding-left: 8px;
					margin-top: 5px;
				}
				#home_features #download_feature p {
					padding-left: 10px;
				}
			#award_feature {
				width: 160px !important;
				background: url(../images/ssorg_home/awards_bg.png) no-repeat left top;
				padding-right: 40px;
				padding-top: 28px;
				padding-left: 20px;
				height: 250px !important;
				margin-right: 0 !important;
			}
				#award_feature h3,
				#award_feature p {
					color: #333 !important;
				}
				#award_feature h3 {
					padding-left: 0 !important;
					margin-bottom: 28px;
				}
				#award_feature p {
					padding-left: 0 !important;
				}
		#home_features h3 {
			margin-top: 0;
		}
		#home_features p {
			font-size: 12px;
			color: #ccc;
			line-height: 1.4em;
		}
			#download_feature .center {
				padding-left: 20px;
				margin-bottom: 5px;
			}
		.downloadButton {
			display: block;
			background: url(../images/download_button_white.png) no-repeat center top;
			border-bottom: none;
			color: #666;
			font-size: 14px;
			padding: 8px 20px 6px 0;
		}
		
#home_footer {
	padding: 15px 0;
	position: relative ;
	height: 210px;
	top: 15px;
	left: 30px;
}

#home_footer .box {
	width: 400px;
	border: 1px solid #dadada;
	padding: 10px;
	overflow: visible;
	position: absolute;
}

#home_footer #contribute_box {
	background: url(../images/ssorg_home/contribute_bg.png) no-repeat right center;
	height: 190px;
	left: 0;
	top: 0;
}
	#contribute_box h3 {
		margin-top: 18px;
	}
	#contribute_box p {
		padding-right: 220px;
	}

#home_footer #sscom_box {
	background: url(../images/ssorg_home/sscom_logo_small_white.png) no-repeat right center;
	height: 108px;
	left: 430px;
	top: 0;
}
	#home_footer #sscom_box h3 {
		margin-top: 8px;
	}
#home_footer #sspart_box {
	height: 50px;
	left: 430px;
	top: 140px;
}
	#home_footer #sspart_box h3 {
		margin-top: 1px;
	}
	#sscom_box p, #sspart_box p {
		padding-right: 80px;
		margin-bottom: 5px;
	}

#home_footer #sspart_img_overlay {
	background: url(../images/ssorg_home/partner_logo.png) no-repeat right top;
	_background: url(../images/ssorg_home/partner_logo.gif) no-repeat right top;
	height: 96px;
	width: 170px;
	position: absolute;
	top: -8px;
	right: -1px;
	z-index: 2;
	_float: none;
}	
	
#comsite_button {
	background: url(../images/sscom_home/grey_button.png) no-repeat left center;
	color: #fff;
	font-size: 11px;
	padding: 10px 40px 10px 16px;
	border-bottom: none;
	margin-left: -5px;
}

/* HELP & SUPPORT */
div#content_div {
	background: url(../images/help_and_support_bkgd.png) no-repeat 100% 0%;
	min-height: 116px;
	padding-top: 30px;
	padding-left: 10px;
}

div#page_description, .featureLeft #page_description p {
	color: #0099FF;
	font-size: 20px;
	line-height: 1.5em;
	padding-right: 200px;
}
	.featureLeft #page_description p {
		padding: 0;
		margin-top: 12px;
	}
#help_and_support_list_top {
	height: 43px;
	background: url(../images/help_and_support_list_top.gif) no-repeat;
}
#help_and_support_list_bottom {
	height: 5px;
	background: url(../images/help_and_support_list_bottom.gif) no-repeat 0% 100%;
	margin-bottom: 50px;
}
#help_and_support_list {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0 20px;
	width: 835px;
	overflow: visible;
	background: url(../images/help_and_support_list_bkgd.gif) repeat-y;
}
	#help_and_support_list .gridList {
		width: 96%;
	}
	#help_and_support_list .gridItem {
		width: 180px;
		height: 300px;
	}
	#help_and_support_list .gridItem h3,
	#help_and_support_more_list_wrapper .gridItem h3 {
		margin-top: 0;
	}
	#help_and_support_list .shadowed {
		margin: 0 0 12px -9px;
	}
 	#help_and_support_list .shadowed_large {
		margin: 6px 0 12px -11px;
		float: none;
	}		
	#help_and_support_list-list .shadowed_large {
		margin: 0 0 12px -11px;
		float: left;
	}	
	
#help_and_support_more_list_wrapper {
	float: left;
/*	widht: 642px; */
}
#help_and_support_more_list { 
	width: 642px;
	padding: 20px;
	overflow: visible;
	background: url(../images/help_and_support_more_list_bkgd.gif) repeat-y;
}
#help_and_support_more_list_top {
	width: 662px;
	height: 23px;
	background: url(../images/help_and_support_more_list_top.gif) no-repeat;
}
#help_and_support_more_list_bottom {
	width: 662px;
	height: 10px;
	background: url(../images/help_and_support_more_list_bottom.gif) no-repeat 0% 0%;
	margin-bottom: 50px;
}

#client_support {
	float: left;
	width: 188px;
	
}
	#client_support h5 {
		border: none;
		font-size: 1.1em;
		background: url(../images/ssorg_home/box_arrow.png) no-repeat 100% 50%;
		border: none;
		padding-left: 5px;
		line-height: 0.8em;
	}
		#client_support h5 a {
			border: none;
			color: #333;
			text-decoration: none;
		}
	#client_support p {
		padding: 0px 5px 0px 10px;
		color: #333;
		font-size: 0.9em;
	}
		#client_support a {
			border: none;
		}

/* HELP & SUPPORT ITEM PAGE */
#content.help_and_support_item_content {
	padding-left: 0px;
	float: right;
	width: 630px;
}
#help_and_support_item_sidebar {
	float: left;
	width: 230px;
	margin-left: 30px;
	margin-top: 40px;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
}
	#help_and_support_item_sidebar a {
		color: #555;
		border: none;
	}
	#help_and_support_item_sidebar a:hover {
		text-decoration: underline;
	}

/* SHOWCASE */
#showcases {
	
}
	#showcases .showcases_row {
		border-bottom: 1px solid #ddd;
	}
	#showcases .showcases_entry {
		float: left	;
		width: 419px;
		margin: 50px 0px 30px 0px;
	}
		#showcases .showcases_entry a.fancy {
			border: none;
		}
		#showcases .showcases_entry h3 {
			margin-top: 0px;
		}
		#showcases .showcases_entry .byLine {
			margin-bottom: 6px;
		}
		.showcases_entry h3 {
			margin-bottom: 10px;
		}
		.showcases_entry h3 span {
			font-weight: bold;
		}
		.showcases_entry img {
			margin-bottom: 15px;
		}
		.showcases_entry h3 a, .showcases_entry a img {
			border: none;
		}
	#showcases .even {
		float: right;
	}
	
.community h2 {
	background: url(../images/community-showcase-title.png) no-repeat;
	height: 32px;
	text-indent: -999em;
} 

.community .genericContent {
	padding-top: 16px;
	background: url(../images/showcase-decoration.png) no-repeat;
}

.community #page_description {
	margin-bottom: 24px;
}	

/* CONTENT */
#content_container {
	min-height: 10em;
	_height: 10em;
	background: none; /*url(../images/bg-gradient.png) repeat-x top;*/
	/*background: url(../images/bg-grey.png) repeat-x 0 15px;*/	
}

/* Content div (only applied if you have a menu on the left) */
#content {
	padding: 15px 20px 0 20px;
}
#content-right {
	padding: 40px 250px 0 20px;
}
	#content-right p,
	#content-right div,
	#content-right h1,
	#content-right h2,
	#content-right h3,
	#content-right h4,
	#content-right h5,
	#content-right h6,
	#content-right pre,
	#content-right ul,
	#content-right ol {
		margin-left: 8px;
	}
	#content-right p.hr,
	#content-right div.contentItem,
	#content-right div.contentList,
	#content-right p.introduction,
	#content-right p.introduction,
	#content-right .gridList {
		margin-left: 0px;
	}

#BlogContent {
	margin-left: 255px;
}
.blogSummary {
	overflow: visible;	
}

.leftMargin {
	margin-left: 255px;	
}
#content h2.title {
	margin: 20px 0px -5px 10px;
}

/* TYPOGRAPHY FOR .ORG */

.typography h1,
.typography h3,
.typography h4,
.typography h5 {
	font-family: Georgia, Times, "Times New Roman", serif;
}

.typography h1 {
	color: #0099FF;
}

.typography h2 {
	color: #0099FF;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

.typography h3 {
	font-size: 130%; /* 16px */
	color: #666;
	margin-top: 30px;
	margin-bottom: 5px;
}

.typography h4 {
	color: #0099FF;
}

.typography h5 {
	color: #333;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.typography hr {
	display: none;
}
.typography p.hr {
	background: url(../images/hr.gif) repeat-x bottom left;
	height: 5px;
	margin: 0;
}

.typography p span {
	font-size: 14px;
	color: #666;
}

/* LIST ITEMS */
.typography ul li,
.typography ol li {
	background: url(../images/arrow-org.gif) 5px 12px no-repeat;
}

.typography ul li.odd-row,
.typography ol li.odd-row {
	background: #F2FAFF url(../images/arrow-org.gif) 5px 12px no-repeat;
}

.typography div.rightNote {
	float: right;
	width: 191px;
	margin-top: 35px;
	margin-left: 19px;
}
	.typography div.rightNote h4 {
		font-size: 14px;
		color: #666;
	}
	.typography div.rightNote p {
		font-size: 12px;
		color: #666;
	}
	
/* INTRODUCTION TEXT 
-------------------------------------------- */

.typography p.introduction,
.typography #content p.introduction,
.typography #content-right p.introduction {
	display: block;
	font-size: 16px;
	line-height: 1.4em;
}
	.typography p.introduction {
		width: 639px;
	}
	.typography #content p.introduction,
	.typography #content-right p.introduction {
		display: block;
		width: 420px;
		margin: 0px;
		padding: 24px 210px 0 8px;
	}
	#ContributePage.typography #content p.introduction,
	#ContributePage.typography #content-right p.introduction {
		padding: 24px 210px 35px 8px;
	}
		#DownloadPage.typography #content p.introduction,
		#DownloadPage.typography #content-right p.introduction {
			padding: 24px 210px 60px 8px;
		}
	
		#DownloadPage.typography #content p.introduction.daily,
		#DownloadPage.typography #content-right p.introduction.daily {
			padding: 24px 210px 25px 8px;
		}

		#DownloadPage.typography #content h3,
		#DownloadPage.typography #content-right h3 {
			margin-top: 10px;
			margin-bottom: 10px;
		}
	
	#ContributeHolder.typography #content p.introduction,
	#ContributeHolder.typography #content-right p.introduction,
	#ContributePage.typography #content p.introduction,
	#ContributePage.typography #content-right p.introduction {
		background: url(../images/stars.jpg) top right no-repeat;
		color: #0099CC;
	}
	#DownloadPage.typography #content p.introduction,
	#DownloadPage.typography #content-right p.introduction {
		background: url(../images/computer.jpg) top right no-repeat;
	}
		#ContributePage.typography #content p.introduction,
		#ContributePage.typography #content-right p.introduction {
			width: 392px;
		}
	
		.typography p.introduction a {
			color: #6EC3FF;
			border-bottom: 1px solid #6EC3FF;
		}
		
/* gridList style */		
	.gridItem h3.fixedHeight {
		height: 50px;
		line-height: 1.2em;
		color: #666666;
	}
		.gridItem h3.fixedHeight a {
			color: #666666;
			border: none;
		}
			.gridItem h3.fixedHeight a:hover {
				color: #6EC3FF;
			}
	.gridItem img {
		margin-bottom: 15px !important;
	}
	.gridItem p {
		margin-bottom: 0 !important;
	}
	
	#content-right .gridItem {
		padding-right: 10px;
		width: 188px;
	}

/* Download box in content */
.download {
	width: 414px;
	margin: 13px 0 0 8px;
	padding: 25px 0 20px 216px;
}
	.download h3 {
		font-size: 19px;
		margin: 0;
		margin-top: 0 !important;
		padding: 0;
		width: 174px;
	}
		.download h3 a {
			background: none !important;
			color: #999;
			border-bottom: none;
		}
	.download a {
		font-size: 22px;
		background-color: #E2F4FF;
	}
	.download p {
		margin-bottom: 5px;
		padding-right: 50px;
	}
	.download span {
		display: block;
		font-size: 12px;
		margin-top: 15px;
		color: #666;
	}
	.download.stable {
		background: url(../images/stable.jpg) no-repeat top center;
	}
	
/* CONTENT LIST */
.contentList {
	overflow: hidden;
	width: 100%;
	background: url(../images/hr.gif) repeat-x top left;
}
.contentItem {
	float: left;
	padding-right: 19px;
	margin-top: 15px;
}
	#content-right .contentItem {
		width: 202px;
	}
	#content .contentItem {
		width: 197px;
	}
		#ContributePage .contentList {
			background: none;
		}
		#ContributePage .contentItem {
			float: left;
			width: 190px;
		}
			#ContributePage .contentItem h3 {
				margin-top: 0 !important;
			}
		#ContributePage .contentItem img.leftAlone {
			margin-bottom: 10px;
		}
	
	.contentItem.last {
		width: 191px;
		padding-right: 0;
	}
	.contentItem h4 {
		color: #333;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.contentList.faq p {
		color: #666;
	}

/* @group Sidebar Menu */

#sidebar {
	padding: 0 0 0 1.5em;
}
	div.sidebarBox {
		margin-bottom: 20px;
	}
	#sidebar h3 {
		margin-top: 10px;
		font-size: 13px;
		font-weight: bold;
		font-family: "Lucida Grande", Verdana, sans-serif;
	}

#white_rip {
	background: #e4e4e4 url(../images/white-rip.gif);
	width: 100%;
	height: 26px;
	
}


#topbar {
	background: #e4e4e4;
	width: 100%;
}

#topbar img.topbarBottom {
	display: block;
	float: left;
	position: relative;
	height: 27px;
	width: 100%;
	bottom: 24px;
	left: 0;
	padding: 0;
	margin: 0;
	margin-bottom: -27px !important;
	z-index: 10;
}
#topbar ul {
	z-index: 1;
	margin: 0 10px;
	background: none;
	height: 55px;
	border: 0;
}
#smallbar #topbar_menu {
	height: 0;
	display: none;
}
	#topbar ul li {
		display: block;
		float: left;
		border: 0;
		background: none;
		padding: 0 10px;
		font-family: "Lucida Grande", Verdana, sans-serif;
		border-right: 1px solid #ccc;
	}
		#topbar ul li.section {
			padding-bottom: 0;
		}
		#topbar ul li.current.last {
			border-left: none !important;
		}
		#topbar ul li.last {
			width: auto; /* added to fix ie6 problem */
		}
		#topbar ul li a {
			color: #333;
			font-size: 13px;
			white-space: nowrap;
			border-bottom: none;
		}
			#topbar ul li span {
				display: block;
				padding: 10px 0px 20px 0px;
				margin: 0;
			}
			#topbar ul li em {
				font-style: normal;
			}
			#topbar ul li.current,
			#topbar ul li.section {
				background: #fff;
				border: 1px solid #cdcdcd;
				border-bottom: 0;
			}
			#topbar ul li.current {
				border-left: none;
			}
			#topbar ul li.current.first {
				border-left: 1px solid #cdcdcd;
			}
			#topbar ul.black li.current,
			#topbar ul.black li.section {
				background: #111;
				border: 1px solid #cacaca;
			}
				#topbar ul li.current span,
				#topbar ul li.section span {
					background: url(../images/white_underline.png) no-repeat right 29px;
				}
				#topbar ul.black li.current span,
				#topbar ul.black li.section span {
					background: url(../images/black_underline.gif) no-repeat right 29px;
				}
			#topbar ul li.section a {
				color: #0099ff;
			}
			#topbar ul li.current a {
				color: #0099ff;
				font-weight: bold;
			}
				#topbar ul li a:hover {
					color: #0099ff;
				}
					
/* RIGHT CONTENT */
#RightContent {
	float:right;
	width:200px;
	padding: 66px 1.5em 0 0;
}
	#RightContent .note {
		background: #F5F5F5 url(../images/right-bg.jpg) top left no-repeat;
		min-height: 130px;
		clear: auto;
		_height: 130px;
		margin: 0 0 10px 0;
	}

	#ContributePage .note {
		float: left;
		width: 203px;
		background: url(../images/right-bg.jpg) 0 11px no-repeat;
	}
		#RightContent .note h4,
		#ContributeHolder .note h4,
		#ContributePage .note h4 {
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size: 15px;
			line-height: 1.1em;
			margin: 0;
			width: 174px;
			height: 32px !important;
			color: #333333;
		}
		#RightContent .note h4 {
			padding: 6px 0 0 21px;
			background: url(../images/pagination-right.jpg) 97% 15% no-repeat;
		}
		#ContributeHolder .note h4 {
			padding: 6px 0 13px 21px;
			background: url(../images/pagination-right.jpg) 97% 15% no-repeat;
		}
		#ContributePage .note h4 {
			padding: 6px 0 13px 21px;
			background: url(../images/pagination-right.jpg) 97% 55% no-repeat;
		}
			#RightContent .note h4 a,
			#ContributeHolder .note h4 a,
			#ContributePage .note h4 a {
				color: #333333;
				border-bottom: none;
			}
		#RightContent .note img,
		#ContributePage .note img {
			
		}
		#RightContent .note p,
		#ContributePage .note p {
			padding: 0 0 10px 21px;
			margin: 0;
			font-size: 12px;
			line-height: 1.4em;
			color: #616161;
		}
		#RightContent .note.arrow p {
			background: url(../images/icons/blue-arrow.gif) 25px 14px no-repeat;
			padding: 14px 0 0 50px;
		}
		#RightContent .note.speech p {
			background: url(../images/icons/speech-bubbles.gif) 25px 14px no-repeat;
			padding: 14px 0 0 50px;
		}
		#RightContent .note.window p {
			background: url(../images/icons/popup-box.gif) 25px 14px no-repeat;
			padding: 14px 0 0 50px;
		}
		#RightContent .note.bug p {
			background: url(../images/icons/bug.gif) 25px 17px no-repeat;
			padding: 17px 0 0 50px;
		}		
			#RightContent .note p a,
			#ContributePage .note p a {
				color: #616161;
				border-bottom: none;
			}
		#RightContent .noNoteBackground {
			background: #fff;
			text-align: center; /* Center the image */
		}
			#RightContent .noNoteBackground p,
			#RightContent .noNoteBackground h4 {
				text-align: left; /* Don't center the title */
				background: none; /* Remove the arrow */
			}
			#RightContent .noNoteBackground a {
				border: none;
			}
/* FOOTER */
#footer {
	background-image: url(../images/footer_org_bkgd.jpg);
}

#privacyLink {
	margin-top: 5px;
}

/* FOOTER BLOG */
#blog_snippet {
	width: 206px;
	height: 292px;
	background: url(../images/footer-blog-org.jpg) no-repeat;
}
	#blog_snippet #inner {
		background: transparent;
		width: 165px;
		margin: 25px 0 10px 20px;
		padding: 0;
	}
	#blog_snippet #bottom {
		background: transparent;
		width: 165px;
		margin: 10px 0 10px 20px;
		padding: 0;
	}
	
/* SCROLLERS */

#scroller_container {
	background: #000 url(../images/bg-black.jpg) no-repeat right top;	
	height: 557px;
	padding: 15px 45px 45px 45px;
	margin-bottom: 40px;
}
	#scroller_container {
		color: #666;
	}
		#scroller_container h2 {
			font-family: "Lucida Grande", Verdana, sans-serif;
			font-size: 15px;
		}

#scroll_items {
	clear: left;
	height: 376px;
	/*width: 500px;*/
}
	#scroll_items {
		top: 0;
		left: 0;
	}

#scroll_items .hide {
	display: none;
}
#scroll_items p {
	color: #fff;
	font-size: 13px;
	font-family: "Lucida Grande", Verdana;
}
	#scroll_items p span {
		color: #999;
		font-size: inherit;
	}
		#scroll_items p span a {
			font-size: inherit;
		}

#scroller_nav {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	border: none;
	width: 500px;
}
	#scroller_nav li {
		list-style: none;
		list-style-type: none;
		background: none;
		padding: 0;
		margin: 0;
		border: none !important;
		float: left;
		overflow: hidden;
		width: 25px;
		text-align: center;
	}
		#scroller_nav li.current {
			background: url(../images/scrollers/top_arrow.png) no-repeat center bottom;
		}
			#scroller_nav li.current a {
				color: #ccc;
			}
		#scroller_nav li.longer {
			width: 130px !important;
		}
		#scroller_nav li.shorter {
			width: 85px !important;
		}
		#scroller_nav li a {
			display: block;
			font-size: 13px;
			border-bottom: none;
			padding: 0 0 15px 0;
		}
		#scroller_nav li.last {
			padding-right: 0;
		}
		
.sapphireScroller li {
	width: 100px !important;
}

#scroller_box {
	position: relative;
	/*width: 519px;*/
	width: 500px;
	height: 433px;
	margin-top: 30px;
	padding-left: 20px;
	margin-left: 145px;
}
	#previous_slide,
	#next_slide {
		position: absolute;
		border-bottom: none;
		z-index: 10;
	}
	#scroller_box .scrollItem {
		border-top: 4px solid #9a9a9a;
		border-bottom: 4px solid #9a9a9a;
		background: #333;
		/*width: 500px;*/
		text-align: center;
	}
		#scroller_box .scrollItem p {
			margin-top: 10px;
			margin-bottom: 20px;
		}
	#previous_slide {
		left: 6px;
		bottom: 6px;
	}
	#next_slide {
		right: 6px;
		bottom: 6px;
	}
	
#cms_list,
#sapphire_list {
	padding-left: 35px;
}
	#cms_list h3,
	#sapphire_list h3 {
		margin-top: 0;
	}
	#sapphire_list .gridItem {
		height: 400px;
	}
	#cms_list .gridItem {
		height: 320px;
		padding-right: 45px;
	}
	
/* GETTING STARTED */
#getting_started_list .gridItem {
	height: 320px;	
}
#getting_started_list {
	margin-left: 0;
	padding-left: 20px;
}
#getting_started_list .shadowed_large {
	margin-left: -12px;
	width: 100%;
}	
/* FOOTER SWITCH */
#orgswitch {
}
	#orgswitch p#replaceCom {
		display: block;
		position: relative;
		top: -87px;
		width: 609px;
		height: 15px;
		text-indent: -90000px;
		margin: 0 auto;
		text-align: center;
	}
		#orgswitch p#replaceCom a {
			display: block;
			width: 609px;
			height: 70px;
			border: none;
			text-decoration: underline;
			background: url(../images/footer_want_more.jpg) no-repeat;
		}

/* BSD LICENSE */
.bsd-license {
	float: right;
	width: 640px;
}

/* MODULE HOLDER */
/* TWO COLUMN LAYOUT FOR CONTENT (MAIN COLUMN AND RIGHT COLUMN) */

#module_container {
	padding: 45px 25px 25px;
	background: #000 url(../images/bg-black-repeat.jpg) repeat-y;
	overflow: hidden;
	zoom: 1;	/* Force hasLayout in IE6 */
}

#module_container p,
#module_container h3,
.individualModule h2 {
	color: #ccc;
}
	#module_container h3 {
		margin-top: 10px;
	}
	#module_container h3 span,
	#module_container p span,
	#module_container h2 span {
		color: #666;
	}
	
	#module_container .submitButton,
	#themes_container .submitButton,
	#widgets_container .submitButton {
		display: block;
		background: url(../images/submit_button.gif) no-repeat;
		padding: 4px 10px 6px 15px;
		color: #666;
		border-bottom: none;
	}
		#module_container .submitButton:hover,
		#themes_container .submitButton:hover {
			color: #6EC3FF;
		}
	
	p.maintainers {
		margin-bottom: 10px;
	}
	
	.moduleActions a {
		font-size: 11px;
		margin-right: 5px;
	}
	
	.downloadLink {
		float: left;
		background: url(../images/extending/download_button.gif) no-repeat !important;
		border-bottom: none;
		color: #333;
		font-size: 14px;
		padding: 5px 25px 6px 10px !important;
		margin-right: 10px;
	}
	.moreInfoLink {
		float: left;
		background: url(../images/extending/more_info_button.gif) no-repeat;
		border-bottom: none;
		color: #333;
		font-size: 14px;
		padding: 5px 38px 6px 15px;
	}
	
	.moduleListLeft a {
		color: #ccc;
		border-bottom: none;
	}
		.moduleListLeft a:hover {
			color: #6EC3FF;
		}
	.moduleListLeft h3 {
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	#module_actions {
		overflow: hidden;
		zoom: 1; /* Force hasLayout to make clearing floats work properly */
		border-bottom: 1px solid #333;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
		.moduleActionButton {
			border-bottom: none;
			color: #fff;
		}
	
	#module_index_button {
		float: left;
		width: auto;
		background: url(../images/button_left.gif) no-repeat;
		padding: 2px 10px 7px 30px;
	}
	
	#next_module_button {
		float: right;
		width: auto;
		background: url(../images/button_right.gif) no-repeat;
		padding: 2px 30px 7px 15px;
	}
	
	.moduleDetailImage,
	#module_content {
		padding-left: 60px;
		padding-right: 60px;
	}
		.moduleDetailImage {
			margin-bottom: 20px;
		}
		
		
	#module_links {
		overflow: hidden;
		zoom: 1; /* Fixes hasLayout in IE6 not clearing properly */
		margin: 20px auto;
		width: 750px;
	}
		#module_links a {
			float: left;
			border-bottom: none;
			margin-right: 10px;
			padding-right: 10px;
			padding-top: 4px;
		}
			#module_links .downloadLink {
				border-right: none;
			}

h3#modules_tagline {
	color: #0099FF;
	font-size: 18px;
	font-family: Georgia, "Times New Romain", serif;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 20px;
}

#module_list,
#module_content ul {
	border: none;
}

#module_list li,
#module_content li {
	border-top: 1px solid #555;
}
	#module_content li {
		color: #999;
	}
	#module_list li {
		background: none;
		padding-left: 10px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
#module_page_right_content h3 {
	margin-top: 0;
}

#left_content {
    float: left;
    width: 70%;
}
#right_content {
    float: right;
    width: 25%;
}
#module_list .spacer, #module_page .spacer {
    height: 1px;
    font-size: 1px;
    clear: both;
}
.moduleListLeft {
    float: left;
    width: 30%;
}
.moduleListRight {
    float: right;
    width: 60%;
}

/* MODULE PAGE */
#module_footer {
	border: none;	
}
#module_page_left_content {
    float: left;
    width: 60%;
}
#module_page_right_content {
    float: right;
    width: 35%;
    overflow: hidden;
}
#module_footer li {
    width: 20%;
    float: left;
    margin: 0.5em;
    padding: 0.5em;
    background: none !important;
    border: none !important;
}
	#module_footer .fixedHeight {
		height: 30px;
	}

/* THEME INDEX PAGE */
#themes_container {
	padding: 25px;
	padding-top: 45px;
	background: #000 url(../images/bg-black-repeat.jpg) repeat-y;
	overflow: hidden;
	zoom: 1;	/* Force hasLayout in IE6 */
}
	#themes_container #left_content {
		width: 650px;
	}
	#modules_container #right_content,
	#themes_container #right_content {
		width: 190px;
	}
#sort_options_form p {
	color: #ccc;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	background: url(../images/theme_list_seperator.png) no-repeat 0px 100%;
}

h3#themes_tagline {
	color:#0099FF;
	font-family:Georgia,"Times New Romain",serif;
	font-size:18px;
	line-height:1.4em;
	margin-bottom:20px;
	margin-top:10px;
}
ul#theme_list {
	border: none;
}
	ul#theme_list li {
		float: left;
		list-style: none;
		background: none;
		border: none;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
		width: 195px;
	}
		ul li h3.itemTitle,
		ul li h3.itemTitle a {
			color: #ccc;
			border-bottom: none !important;
		}
			ul li h3.itemTitle a:hover {
				color: #6EC3FF;
			}
			ul li h3.itemTitle span {
				color: #666;
			}
	ul#theme_list li.seperator {
		float: none;
		width: 100%;
		display: block;
		height: 3px;
		padding: 0;
		margin: 0;
		overflow: hidden;
		background: url(../images/theme_list_seperator.png) no-repeat;
	}
		ul#theme_list li .theme_action_containter a {
			font-family: "Lucida Grande", Verdana, sans-serif;
			font-size: 10px;
		}
		ul#theme_list li p.themePreview {
			margin-bottom: 12px;
		}
		ul#theme_list li .maintainers a {
			color: #ccc;
			border: none;
		}
			ul#theme_list li .maintainers a:hover {
				color: #6EC3FF;
			}
	#PageNumbers.boxPagination p a, #PageNumbers.boxPagination p span span {
		color: #ccc;
		border: 1px solid #ccc;
		padding: 2px 7px 2px 7px;
		margin: 0px 1px 0px 1px;
		text-decoration: none;
		font-size: 1em;
	}
		#PageNumbers.boxPagination p a:hover {
			border-color: #0099FF;;
			background-color: #0099FF;
			color: #000;
		}
		/* current page */
		#PageNumbers.boxPagination p span span {
			color: #000;
			background-color: #ccc;
		}
	#PageNumbers.boxPagination p a.next {
		float: right;
		width: 107px;
		height: 24px;
		margin-top: -22px;
		border: none;
		text-indent: -9999em;
		padding: 0;
		background: url(../images/next_page_button.png) no-repeat;
	}
	#PageNumbers.boxPagination p a.prev {
		float: left;
		width: 122px;
		height: 24px;
		margin-top: -22px;
		border: none;
		padding: 0;
		text-indent: -9999em;
		background: url(../images/prev_page_button.png) no-repeat;
	}
	#PageNumbers.boxPagination
	#pagination_numbers {
		text-align: center;
	}
	
#themes_container #right_content h3 {
	color: #ccc;
	padding-left: 10px;
	font-size: 1.1em;
	margin-top: 10px;
}
	#themes_container #right_content p.make_theme {
		color: #ccc;
		padding-top: 140px;
		padding-left: 5px;
		background: url(../images/submit_theme_image.png) no-repeat 0px 0px;
	}
#contribution_thanks_msg {
	height: 36px;
	margin-top: 25px;
	margin-bottom: 0px;
	text-indent: -9999em;
	background: url(../images/contribution_thanks.gif) no-repeat 50% 50%;
}

/* THEME (INDIVIDUAL) PAGE */
#theme_container {
	padding: 25px;
	padding-top: 25px;
	background: #000 url(../images/bg-black-repeat.jpg) repeat-y;
	overflow: hidden;
	color: #fff;
}
	#theme_container a {
		border-bottom: 1px solid;
	}
	#theme_container h4.theme_header {
		font-family: "Lucida Grande", Verdana, sans-serif;
	}
	#theme_container ul,
	#module_content ul {
		border-bottom: 1px dotted #666;
	}
		#theme_container ul li,
		#module_content ul li {
			border-top: 1px dotted;
			border-color: #666;
			background-image: url(../images/black_arrow_org.gif);
		}

#theme_nav {
	overflow: hidden;
	zoom: 1; /* Fixes hasLayout in IE6 not clearing properly */
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
	margin-bottom: 30px;
}
	#theme_nav #themes_index_link {
		display: block;
		background:transparent url(../images/button_right.gif) no-repeat scroll 0 0;
		float:left;
		width: 96px;
		height: 18px;
		padding:1px 30px 7px 10px;
		border: none;
		color: #fff;
	}
		#theme_nav #themes_index_link:hover {
			color: #0099ff;
		}
	#theme_nav #theme_next_link {
		display: block;
		background:transparent url(../images/button_right.gif) no-repeat scroll 0 0;
		float:right;
		width: 86px;
		height: 18px;
		padding:1px 30px 7px 10px;
		border: none;
		color: #fff;
	}
		#theme_nav #theme_next_link:hover {
			color: #0099ff;
		}

#theme_sidebar {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	padding-left: 30px;
}
	#theme_sidebar #theme_name {
		color: #ccc;
		font-size: 1.8em;
	}
	#theme_sidebar #theme_creator {
		color: #666;
		font-size: 1.1em;
	}
		#theme_sidebar #theme_creator span {
			color: #ccc;
		}
	#theme_sidebar #theme_note_container {
		margin-top: 15px;
		color: #666;
	}
		#theme_sidebar #theme_note_container #theme_note {
			margin-top: 10px;
			padding: 5px;
			border-top: 1px dotted #666;
		}

#theme_container #content {
	float: right;
	width: 580px;
	margin: 0;
	padding: 0;
}
	#theme_actions {
		width: 520px;
		overflow: hidden;
		margin-bottom: 15px;
	}
		#theme_actions #theme_text_links {
			float: left;
			width: 420px;
			font-family: "Lucida Grande", Verdana, sans-serif;
			color: #666;
		}
		.typography a.whiteDownloadLink {
			display: block;
			width: 62px;
			height: 18px;
			padding: 5px 25px 6px 10px;
			border: none;
			border: 0px solid #111; /* IE Fix */
			background: url(../images/white_download_button.gif) no-repeat 50% 50%;
			font-size: 14px;
			color: #000;
		}
		#theme_download {
			float: right;
		}
		.typography a.whiteDownloadLink:hover {
			color: #0099FF;
		}
#theme_info {
	margin-top: 30px;
	color: #ccc;
}		
	#theme_info_list {
		width: 520px;
		margin-top: 10px;
	}

#installation_steps {
	width: 886px;
	color: #ccc;
	background: #303030 url(../images/grey_bkgd.gif) no-repeat 0px 0px;
	overflow: hidden;
	zoom: 1; /* Fixes hasLayout in IE6 not clearing properly */
	padding: 10px 0 50px 30px;
}
	#installation_steps h3 {
		height: 56px;
		padding-left: 60px;
		padding-top: 20px;
		margin-bottom: -10px;
		color: #fff;
		background: url(../images/installation_steps_icon.gif) no-repeat;
	}
	#installation_steps_list {
		border: none;
	}
		#installation_steps_list li {
			float: left;
			width: 198px;
			margin: 0px 20px 0px 0px;
			padding: 0px;
			background: none;
			border: none;
		}
			#installation_steps_list li code {
				display: block;
				font-size: .8em;
				color: #000;
				font-family: arial, sans-serif;
				background: #c2c2c2;
				padding: 3px;
			}

#theme_quick_links {
	overflow: hidden;
	margin-left: 23px;
	margin-top: 60px;
	border: none;
}
	#theme_quick_links li {
		float: left;
		width: 200px;
		height: 110px;
		margin: 0px 18px 0px 0px;
		padding: 0px;
		background: none;
		border: none;
	}
	#theme_quick_links li#quick_links_faqs { background: url(../images/theme_faqs_bkgd.gif) no-repeat; }
	#theme_quick_links li#quick_links_getting_started { background: url(../images/theme_getting_started_bkgd.gif) no-repeat; }
	#theme_quick_links li#quick_links_questions { background: url(../images/theme_questions_bkgd.gif) no-repeat; }
	#theme_quick_links li#quick_links_irc { background: url(../images/theme_irc_bkgd.gif) no-repeat; }
		#theme_quick_links li h4, #theme_quick_links li p {
			padding-left: 20px;
			padding-right: 10px;
		}
			#theme_quick_links li h4 {
				margin-top: 5px;
			}
			#theme_quick_links li p {
				margin-top: 22px;
				margin-left: 30px;
			}
		#theme_quick_links li h4 a {
			font-size: 1.2em;
			border: none;
			color: #333;
		}
		#theme_quick_links li p {
			font-size: .9em;
		}

/* WIDGET INDEX PAGE */
#widgets_container {
	padding: 45px 30px 30px 30px;
	background: #000 url(../images/bg-black-repeat.jpg) repeat-y;
	overflow: hidden;
	zoom: 1;	/* Force hasLayout in IE6 */
}

#widgets_container #left_content {
	width: 640px;
	padding: 0;
	color: #ccc;
}
	#widgets_container a {
		border-bottom: 1px solid;
	}
	#widgets_tagline {
		color:#0099FF;
		font-family:Georgia,"Times New Romain",serif;
		font-size:18px;
		line-height:1.4em;
		margin-bottom:20px;
		margin-top:10px;
	}
		#widgets_tagline p {
			margin: 2.2em 0px 2.2em 0px;
		}
		#widgets_tagline span {
			color: #ccc;
		}
	
#widgets_list, #widgets_list li {
	border: none;
	background: none;
}
	#widgets_list .widgetListItem {
		border: 1px solid #656565;
		margin-bottom: 15px;
		padding: 0px 20px 20px 20px;
	}
		#widgets_list .widgetListItem p.maintainers {
			margin-bottom: 30px;
		}
			#widgets_list .widgetListItem p.maintainers a {
				color: #ccc;
				border: none;
			}
		#widgets_list .widgetListItem ul {
			border-bottom: 1px dotted #666;
		}
			#widgets_list .widgetListItem ul li {
				padding-top: 10px;
				border-top: 1px dotted #666;
				background: url(../images/black_arrow_org.gif) no-repeat 0px 10px;
			}
			#widgets_list .widgetListItem ul li p {
				margin-bottom: .5em;
			}
		#widgets_list .widgetListItem #widgetCMSScreenshot {
			float: left;
			width: 200px;
			margin-right: 20px;
		}
		#widgets_list .widgetListItem div.widgetCMSScreenshot {
			float: left;
			width: 200px;
			margin-right: 50px;
		}
		#widget_download {
			float: right;
		}

#widgets-holder #right_content {
	width: 190px;
}	

	#widgets_container #right_content h3 {
		color: #ccc;
		padding-left: 10px;
		font-size: 1.1em;
		margin-top: 10px;
	}
		#widgets_container #right_content p.make_widget {
			color: #ccc;
			padding-top: 140px;
			padding-left: 5px;
			background: url(../images/submit_widget_image.png) no-repeat 0px 0px;
		}
		
/* SITE MAP */
#SiteMap ul li,
#SiteMap ul li.odd-row {
	background: url(../images/arrow-org.gif) no-repeat scroll 5px 7px;
}

/* EXTENDING */
#extending_overview_container {
	background: url(../images/extending/extending_overview_bg.jpg) no-repeat;
	padding: 35px;
	height: 625px;
}

#extending_overview_list,
#extending_footer_list {
	padding-top: 10px;
	padding-left: 190px;
	width: 650px;
}
	#extending_overview_list .gridItem {
		padding-right: 50px;
	}
		#extending_widgets {
			padding-right: 0 !important;
		}
	#extending_overview_list h3,
	#extending_footer_list h3 {
		margin-top: 0;
	}

#extending_overview_list h3 a,
#extending_overview_list p,
#extending_footer_list h3 a,
#extending_footer_list p {
	color: #ccc;	
}
	#extending_overview_list h3 a:hover,
	#extending_footer_list h3 a:hover {
		color: #6EC3FF;
	}
#extending_overview_list .fixedHeight,
#extending_footer_list .fixedHeight {
	height: 55px;
}

#extending_footer_list {
	padding-top: 35px;
	width: auto;
}
	#extending_footer_list .gridItem {
		height: 250px;
	}
	#extending_footer_list .fixedHeight {
		height: 15px;
	}

	#contribute_item,
	#knowledge_base_item {
		padding: 0;
	}
		#knowledge_base_item {
			background: url(../images/extending/knowledge_base.gif) no-repeat 0 50px;
		}
		#knowledge_base_item img {
			margin-bottom: 0 !important;
		}
		#knowledge_base_item p,
		#knowledge_base_item h3 a {
			color: #333;
			border-bottom: none;
		}
			#knowledge_base_item p {
				font-size: 12px;
				line-height: 1.4em;
				margin-top: 145px;
				margin-left: 20px;
			}

	#contribute_item {
		width: 470px;
	}
		#contribute_item img,
		#contribute_item p {
			margin-top: 20px;
		}
		#contribute_item img {
			float: left;
			width: 205px;
		}
		#contribute_item p {
			float: right;
			width: 195px;
			color: #999;
			margin-right: 20px;
		}

/* FORMS */
#MemberLoginForm_LostPasswordForm input.text {
	color:#000000;
	font-size:11px;
	padding:4px 3px;
	width:21.9em;
}
#MemberLoginForm_LostPasswordForm div.Actions {
	padding: 0;
}
#MemberLoginForm_LostPasswordForm input.action {
	border:1px solid #A7A7A7;
	font-size:11px;
	font-weight:bold;
	padding:3px;
}
#MemberLoginForm_LostPasswordForm input.action:hover {
	background-color: #0099ff;
	color: #fff;
}

/* COMMUNTIY SHOWCASE */
#Form_EditForm_Description,
#Form_AddForm_Description {
	width: 400px;
}
