@charset "utf-8";
/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td*/ {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {/*border-collapse: collapse; border-spacing: 0;*/}
/*Elements*/
body {background-color:#EAE9E1;}
a {color:#D67B00; text-decoration:none; cursor:pointer; cursor:hand;}
a:hover {color:#FDAD41; text-decoration:underline;}
h2 {font:18px Arial, Helvetica, sans-serif; /*color:#D67B00;*/ color:#333;}
h3 {font:18px Arial, Helvetica, sans-serif; color:#999;}
h4 {font:bold 16px Arial, Helvetica, sans-serif; color:#666;}
h5 {font:15px Arial, Helvetica, sans-serif; color:#888;}
h2 + h3 {margin-top:10px;}
/*heading on screenshots page & issues full filter page*/
h2 + h3 + style + div, h2 + h3 + div {margin-top:15px;}
h3 + h4 {margin-top:20px;}
p {font:12px Arial, Helvetica, sans-serif; color:#3A3A3A; line-height:18px; word-spacing:1.25px;}
ul, dl, ol {font:12px Arial, Helvetica, sans-serif; color:#3A3A3A;}
ul + p {margin:5px 0 0;}
/*hr {margin:25px 0; background:url(med-rule.gif) no-repeat top center; border: 0; }*/
hr {height:8px; margin:25px 0; background:url(/images/templates/hr_main.png) 50% 0 no-repeat; border:0; clear:both;}
/*Table Properties*/
#content-main table {width:100%; border-bottom:1px solid #CCC; margin:18px 0 5px;}
#content-main th {font:bold 13px Arial, Helvetica, sans-serif; padding:3px; text-align:left; background:#03396A url(/images/templates/bg_table-th.png) left top repeat-x; color:#FFF !important;}
#content-main td {font:12px Arial, Helvetica, sans-serif; padding:3px; background-color:#EEEDE4;}
#content-main tr.even td {background-color:#EAE9E1;}
/*tr:hover td {background-color:#FFF;}*/
/*#MainTable table + table + table {width:auto; border:1px solid #666; margin:0; padding:0;}
#dlgform table {width:auto; border:1px solid #666; margin:0 !important; padding:0 !important;}
#MainTable table th, #MainTable table td {background-color:transparent; margin:0; padding:0; text-align:inherit; color:#000;}*/
/*Classes*/
#header legend, hr.divider {display:none;}
h2#addProjectBtn {margin:12px 0 0 -12px; width:262px; cursor:pointer; cursor:hand;}
h2#addProjectBtn a {width:262px; height:62px; color:#FFF; margin-top:12px; padding:14px 40px 27px 76px; background: url(/images/templates/bg_btn-share.png) center top no-repeat;}
h2#addProjectBtn a:hover {background:url(/images/templates/bg_btn-share.png) center bottom no-repeat; text-decoration:none;}
h3.news {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_news.png) left 0px no-repeat;}
h3.profiles {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_profiles.png) left 0px no-repeat;}
h3.latest-projects {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_projects.png) left 0px no-repeat;}
h3.most-downloaded {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_downloads.png) left 0px no-repeat;}
h3.topics {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_topics.png) left 0px no-repeat;}
h3.categories {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_categories.png) left 0px no-repeat;}
h3.directory {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_directory.png) left 0px no-repeat;}
h3.grid {height:38px; padding:9px 0 0 45px; background:url(/images/templates/icon_h3_grid.png) left 0px no-repeat;}
h4.download {margin-top:12px; padding-bottom:12px; }
h4.download a {width:205px; height:53px; color:#FFF; margin-top:8px; padding:12px 15px 17px 36px; background:url(/images/templates/bg_btn-download.png) center top no-repeat;}
h4.download a:hover {background:url(/images/templates/bg_btn-download.png) center bottom no-repeat; text-decoration:none;}
ul.list-project-details {list-style:inside disc; padding-top:18px;}
.list-project-details li {padding:4px;}
.list-project-details li.odd {background-color:#EAE9E1;}
.list-project-details li:hover {background-color:#FFF;}
img.mini_download {margin:0 2px; vertical-align:middle;}
.hr_profile {background-image:none;}
/*W H M P Bkgnd Border Float Font(Text Color)*/
/*Layout Elements*/
#wrapper {overflow:auto; margin:auto; background:#EAE9E1 url(/images/templates/bg_body.png) repeat-x;}
#header-wrapper {margin:0 auto; width:960px;}
#login {padding:5px 10px 5px 0; height:18px; background-color:#4E4E4E;}
#login p {font:11px Arial, Helvetica, sans-serif; text-align:right; color:#858585;}
#login a {color:#FFF; text-decoration:none;}
#login a:hover {text-decoration:underline;}
#header {height:51px; background:#033969 url(/images/templates/bg_header.png) center no-repeat; border-top:10px solid #FFF; border-bottom:1px solid #FFF;}
#header h1 a {width:216px; height:79px; background:url(/images/templates/bg_header-h1.png) center no-repeat; display:block; position:relative; float:left; top:0; left:20px; text-indent:-999em; overflow:hidden;}
#header form {width:190px; float:right; margin:12px 6px 0 0; overflow:hidden;}
#header fieldset {width:300px; background:url(/images/templates/bg_header_form.png) left bottom no-repeat;}
#header fieldset input.text {margin-left:4px; height:19px; border:1px solid #CCC; border-left:none; padding:4px; color:#9D9D9D;}
#header fieldset input.button {margin:0 0 -11px -4px;}
/*#header form {width:180px; float:right;}
#header fieldset {width:300px; background:url(/images/templates/bg_header_form.png) left bottom no-repeat;}
#header fieldset input.text {margin-left:4px; height:25px; border:1px solid #CCC; border-left:none;}
#header fieldset input.button {}*/
#navigation {height:30px; background:#E99700 url(/images/templates/bg_navigation.png) repeat-x;}
#navigation ul {list-style-type:none; margin-left:250px; height:30px; padding-top:8px;}
#navigation li {height:30px; padding:8px 15px 7px 10px; border-right:1px solid #dfa544; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; display:inline;}
#navigation a {height:30px; padding:8px 20px; color:#FFF; text-decoration:none; margin:-15px;}
#navigation a:hover {color:#FFF; background:url(/images/templates/bg_navigation_a-states.png) 0px -30px repeat-x; height:30px; padding:8px 20px; margin:-15px;}
#navigation a.active {color:#015E89; background:url(/images/templates/bg_navigation_a-states.png) 30px 0px repeat-x; height:30px; padding:8px 20px 7px; margin:-15px; overflow:hidden; cursor:pointer; cursor:hand;}
#navigation a.active:hover {}
#content-wrapper {width:960px; margin:0 auto; background-color:#F7F6EE; overflow:auto;}
/*If gutter left is on*/
#content-wrapper.left-background {background:#F7F6EE url(/images/templates/bg_gutter-left.png) top left repeat-y;}
/*Content Layout Combination: [ M ] = M:960px; [L|M ] = L:170px, M:790px, [ M|R] = M:730px, R:230px; [L|M|R] = L:170px, M:560px, R:230px;*/
#gutter-left {width:169px; padding-left:1px; float:left; /*display:none;*/}
#gutter-left ul {border-top:1px solid #FFF;}
#gutter-left li {font-size:14px; padding:10px 10px 10px 15px; border-bottom:1px solid #FFF;}
#gutter-left li:hover {background-color:#EBE9D9;}
#gutter-left li a {color:#888; text-decoration:none; padding:9px 100px 9px 14px;}
#gutter-left li a:hover {color:#D67B00;}
#content-main {float:left; /*width:inherit;*/}
/*Define width of center column by class based on CS MetaData values for columns*/
.three-column {width:560px; width:520px; padding:10px 20px;}
.left-column {width:790px; width:750px; padding:10px 20px;}
.right-column {width:730px; width:690px; padding:10px 20px;}
.single-column {width:960px;}
/*Content-Main Layout Types: half [C|C]; third [C|C|C]; quarter [C|C|C|C];*/
.column {float:left;}
.feature {height:337px; background:#EBEAE5 url(/images/templates/bg_feature.png) top left repeat-x; border-bottom:1px solid #E3E2DE;}
.feature ul {word-spacing:1.25px;}
.feature-project {height:285px; padding-top:10px; margin-bottom:10px;}
/*.feature-project img {padding:15px; background-color:#FFF; border:1px solid #C7C6BF; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:10px;}*/
.feature-project .cycle_container {height:217px; margin:10px 0 0 -15px; padding:15px;}
.feature-project #cycle_nav {margin:5px; position:relative; /*top:10px;*/ top:50px; z-index:10; left:20px; font:11px arial, helvetica sans-serif;}
.feature-project #cycle_nav a {margin:5px; padding:3px 7px; border:1px solid #ccc; background:url(/images/templates/bg_cycle_nav.png); color:#666; text-decoration:none;}
.feature-project #cycle_nav a.activeSlide {background:#d67b00; border: 1px solid #fff; color:#fff;}
.feature-project #cycle_nav a:focus { outline: none; }
/*
.feature-project .pics {height:247px; width:517px; padding:0; margin:-39px 0 0 0; overflow: hidden }
*/
.feature-project .pics {height:247px; width:517px; padding:0; margin:0 0 0 0; overflow: hidden }
.feature-project .pics img {height:215px; width:485px; padding:15px; border: 1px solid #C7C6BF; background-color: #FFF;}
.feature-project .pics img {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.feature-project .cycle_title {background:url(/images/templates/bg_cycle_overlay.png); width:485px; height:25px; font:11px Arial, Helvetica, sans-serif; color:#000; z-index:10; position:relative; top:-89px; left:16px; height:72px; overflow:hidden;}
.feature-project .cycle_title p {font:12px Arial, Helvetica, sans-serif; letter-spacing:1.25px; padding:5px; color:#FFF;}
.content-full {width:inherit;}
.percent70 {width:648px; padding:33px 0 14px; text-align:center;}
/*.percent70 img {padding:15px; background-color:#FFF; border:1px solid #C7C6BF; -moz-border-radius:10px; -webkit-border-radius:10px;}*/
.percent70 .cycle_container {height:257px; margin:-5px 0 0 15px; padding:15px;}
.percent70 #cycle_nav {margin:5px; position:relative; top:10px; z-index:10; left:-210px; font:11px arial, helvetica sans-serif;}
.percent70 #cycle_nav a {margin:5px; padding:3px 7px; border:1px solid #ccc; background:url(/images/templates/bg_cycle_nav.png); color:#666; text-decoration:none;}
.percent70 #cycle_nav a.activeSlide {background:#d67b00; border: 1px solid #fff; color:#fff;}
.percent70 #cycle_nav a:focus { outline: none; }
.percent70 .pics {height:287px; width:607px; padding:0; margin:-39px 0 0 0; overflow: hidden }
.percent70 .pics img {height: 255px; width: 575px; padding:15px; border: 1px solid #C7C6BF; background-color: #FFF;}
.percent70 .pics img {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.percent70 .cycle_title {background:url(/images/templates/bg_cycle_overlay.png); width:575px; height:25px; font:12px Arial, Helvetica, sans-serif; color:#000; z-index:10; position:relative; top:-89px; left:16px; height:72px; overflow:hidden;}
.percent70 .cycle_title p {font:12px Arial, Helvetica, sans-serif; letter-spacing:0.25px; padding:5px; color:#FFF; text-align:left;}
.percent70 .cycle_title p img {float:left; border: 1px solid #666; padding:3px; margin:0 15px 0 7px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.percent70 .cycle_title p a {font:bold 12px Arial, Helvetica, sans-serif;color:#FDAD41}
.percent70 .cycle_title p a:hover {text-decoration:none;}
.percent70 .cycle_title h3 { text-align: left; color: #fff; padding-left: 5px; padding-top: 1px;}
.percent30 {width:256px; padding:33px 27px 21px;}
.percent30 h2, .percent30 p {padding:0 7px 7px;}
.percent30 p a {font-weight:bold;}
.percent30 ul {list-style:inside disc; padding-top:18px;}
.percent30 li {padding:4px;}
.percent30 li.odd {background-color:#EAE9E1;}
.percent30 li:hover {background-color:#FFF;}
#projectsearch, #articlesearch, #forumssearch {margin:40px 0 20px; padding-bottom:9px; background:url(/images/templates/bg_search-projects.png) -3px bottom no-repeat;}
#articlesearch {margin-top:-5px;}
#projectsearch form, #articlesearch form, #forumssearch form {width:244px; margin:0 0 0 2px; padding:1px; background-color:#FFF; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px;}
#projectsearch legend, #articlesearch legend, #forumssearch legend {display:none;}
#projectsearch .text, #articlesearch .text, #forumssearch .text {width:200px; margin:0; padding:5px; border:none; font-size:16px; color:#666;}
#projectsearch .button, #articlesearch .button, #forumssearch .button {width:21px; height:21px; margin:0 0 4px -2px; vertical-align:middle;}
#spotlight-article h2 {color:#999;}
#spotlight-article h3 {padding-left:5px; font-weight:bold; font-size:14px; margin-top:3px;}
#spotlight-article hr {margin:4px auto 8px; background-image:url(/images/templates/hr_gutter-right.png)}
#spotlight-article .featured-profile img:hover {background-color:#FFF;}
p.browse-articles {font-size:16px; margin:-20px 0 0 75px;}
.hr_article, .hr_forums {margin:0px auto 8px; width:250px; background:url(/images/templates/hr_diagonal.png) 50% 0 no-repeat;}
.hr_forums { clear:both; }
/*#forumssearch { float: right }*/
#content-main.single-column #forumssearch { float: right; margin: 20px 20px 0 0; }
#content-main.left-column #forumssearch { float: right; margin: 0 15px 0 0; }
#content-main.right-column #forumssearch { float: right; margin: 15px 10px 0 0; }
/* for use with #forumssearch on Projects Forum Template */
.forumsProjectTitleBox {float: left; width: 400px; margin: 0 0 0 15px;}
.forumsCommunityTitleBox {float: left; width: 400px;}
#content-main.single-column .forumsCommunityTitleBox {margin: 0 0 20px 0;}
#company-profile h2 {color:#999; margin-left:-7px;}
/*
#company-profile h3 {font-size:16px; font-weight:bold; margin:7px auto -10px;}
*/
#company-profile h3 {font-size:16px; font-weight:bold; margin:7px auto 0px;}
#company-profile ul {list-style-type:none;}
#company-profile li {padding:12px 10px;}
#company-profile li img {float:left; border:1px solid #CCC; padding:3px; background-color:#FFF; -moz-border-radius:3px; -webkit-border-radius:10px; margin-right:7px;}
#company-profile li.odd {background-color:#eeede4;}
#company-profile li.even {background-color: #eae9e1; border-top:2px solid #F7F6EE; border-bottom:2px solid #F7F6EE; }
#company-profile li:hover {background-color:#EEE;}
#company-profile strong {display:block;}
.content-half {width:960px;}
.content-half .column {width:479px;}
.content-third {width:960px; background:url(/images/templates/bg_content-third.png) center 30px no-repeat; overflow:auto;}
.content-third .column {width:247px; padding:17px 40px 15px 33px;}
.content-third li a, .content-third p a {font-weight:bold;}
.list-news {list-style-type:none; font:12px Arial, Helvetica, sans-serif; line-height:18px;}
.list-news li {padding-bottom:25px;}
.featured-profile {font:12px Arial, Helvetica, sans-serif; display:inline; line-height:18px;}
.featured-profile img, #gutter-right .featured-profile-img {padding:3px; margin:6px 7px 0 0; background-color:#FFF; border:1px solid #C7C6BF; -moz-border-radius:3px; -webkit-border-radius:3px; float:left;}
.featured-profile img:hover {background-color:#D67B00;}
.profilename {margin-left:-5px;}
.list-profiles-thumb {list-style-type:none; clear:both; margin-top:15px;}
ul.list-profiles-thumb {padding-top:10px;}
.list-profiles-thumb li {display:inline; padding:5px;}
.list-profiles-thumb li img {margin:0px; padding:3px; background-color:#FFF; border:1px solid #C7C6BF; -moz-border-radius:3px; -webkit-border-radius:3px;}
.list-profiles-thumb li img:hover {background-color:#D67B00;}
.list-profiles-thumb {list-style-type:none; clear:both; margin-top:15px;}
.list-profiles-thumb li {display:inline; padding:5px;}
.list-profiles-thumb li img {margin:0px; padding:3px; background-color:#FFF; border:1px solid #C7C6BF; -moz-border-radius:3px; -webkit-border-radius:3px;}
.list-profiles-thumb li img:hover {background-color:#D67B00;}
.list-latest-projects {list-style-type:none; font:12px Arial, Helvetica, sans-serif; line-height:18px;}
.list-latest-projects li {padding-bottom:25px;}
.list-most-downloaded {margin-top:8px; border-top:1px solid #DDD; color:#999; list-style:inside decimal;}
.list-most-downloaded li {padding:10px 5px; border-bottom:1px solid #DDD;}
.list-most-downloaded li.odd {background-color:#EAE9E1; border-bottom:1px solid #DDD;}
.list-most-downloaded li:hover {background-color:#FFF;}
.divider_topics-categories {margin:13px; background-image:url(/images/templates/hr_gutter-right.png);}
.list-categories, .list-topics {list-style:inside square; color:#999;}
.list-categories li, .list-topics li {padding:3px;}
.list-categories .viewall, .list-topics .viewall {list-style-type:none; padding-top:10px;}
.trends h4 {font-size:14px; margin-top:5px;}
.trends ul {margin:2px 0 10px 0;}
#profilesearch {margin-top:15px;}
#profilesearch form, #articlesearch form, #forumssearch form {width:244px; margin:0 0 0 2px; padding:1px; background-color:#FFF; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px;}
#profilesearch legend, #articlesearch legend, #forumssearch legend {display:none;}
#profilesearch .text, #articlesearch .text, #forumssearch .text {width:200px; margin:0; padding:5px; border:none; font-size:16px; color:#666;}
#profilesearch .button, #articlesearch .button, #forumssearch .button {width:21px; height:21px; margin:0 0 4px -2px; vertical-align:middle;}
/*User Profile Page Project List*/
.user-profile-heading {margin:3px 20px 0;} /*used on all profile page h4 tags*/
.user-project_column {border-bottom:1px solid #E3E3E3; overflow:auto;}
.user-project {margin:4px 0px; padding:15px 30px; width:260px; float:left;}
.user-project p {font-size:15px; font-weight:bold;}
.user-project span {display:block; padding:4px 0;}
.user-project dt {font-weight:bold; display:inline;}
.user-project dd {display:inline;}
.user-project .project-ratings dt {float:left; margin-right:5px;}
.user-project .project-ratings dd {display:inline;}
.user-project .project-abstract dt {display:none;}
.user-project span.project-recommendations {clear:left; padding-top:7px;}
/*Browse Project*/
span.article-text dt {display:none;}
/*Profile Directory*/
ul.list-alpha {margin:15px 0 15px 0px; background-color:#EFEFEF; padding:18px 12px 12px 18px; border:1px solid #E3E3E3; border-left:none; border-right:none;}
.list-alpha li {display:inline; padding:2px 7px 2px; font-weight:bold; margin:5px 0 5px; background-color:#EFEFEF;}
.list-alpha a.active {padding-top:8px; background: url(/images/templates/bg_active.png) top center no-repeat; color:#013750;}
.content-quarter {width:960px;}
.content-quarter .column {width:180px; padding:30px; border:0px solid red;}
.content-quarter h5 {padding-bottom:8px; background:url(/images/templates/bg_sub-footer_h4.png) center bottom no-repeat;}
.content-quarter p {padding-top:8px; font-size:11px; color:#888;}
.list-socialnetworks {height:23px; padding:0; display:inline;}
.list-socialnetworks li {display:inline; padding:15px 7px 0; margin:0; list-style-type:none; float:left; margin-left:2px;}
.list-socialnetworks li a {display:inline; float:left; margin:0; overflow:hidden; text-indent:-999em; width:23px; height:23px; vertical-align:baseline;}
.list-socialnetworks li a.facebook {background:url(/images/templates/bg_icon-facebook.png) top center;}
.list-socialnetworks li a.twitter {background:url(/images/templates/bg_icon-twitter.png) top center;}
.list-socialnetworks li a.linkedin {background:url(/images/templates/bg_icon-linkedin.png) top center;}
.list-socialnetworks li a.flickr {background:url(/images/templates/bg_icon-flickr.png) top center;}
.list-socialnetworks li a.youtube {background:url(/images/templates/bg_icon-youtube.png) top center;}
.list-socialnetworks li a.facebook:hover, .list-socialnetworks li a.twitter:hover, .list-socialnetworks li a.linkedin:hover, .list-socialnetworks li a.flickr:hover, .list-socialnetworks li a.youtube:hover {background-position:bottom;}
.last {margin-bottom:12px; border:none; background-image:none;}
#ratings-feature {background-color:#FFF; padding:10px; border:1px solid #CCC; -moz-border-radius:10px; -webkit-border-radius:10px; width:400px; text-align:center; margin:10px 0 0;}
#ratings-feature .ratings-stars {width:90px; margin:auto; text-align:center;}
h4.write-review, h4.edit-review {margin:-46px 0 0; float:right;}
h4.write-review a, h4.edit-review a {width:205px; height:53px; color:#FFF; margin-top:8px; padding:18px 65px 25px 86px; background:url(/images/templates/bg_btn-write-review.png) center top no-repeat; cursor:pointer; cursor:hand;}
h4.write-review a:hover, h4.edit-review a:hover {background:url(/images/templates/bg_btn-write-review.png) center bottom no-repeat; text-decoration:none;}
.user-review {padding:10px; border-bottom:1px solid #DDD;}
.user-review h4 {margin-bottom:7px; overflow:auto;}
.href_project-title {float:left; margin-right:5px; margin-top:3px;}
span.project-rating {float:left;}
.user-review dt, .user-review dd {display:inline;}
span.project-requirements dt {margin-top:5px;}
.user-review dt {font-weight:bold;}
.user-review dt {margin-right:5px;}
.user-review span {display:block; margin:4px 0;}
span.rating dt {float:left; margin-left:-3px; padding-bottom:4px;}
span.rating dd {float:left;}
span.reviewer {clear:both;}
span.project-abstract dt {display:none;}
span.project-abstract dd {display:block; clear:both;}
.user-review span.project-requirements {margin-top:10px;}
.even-review {background-color:#EEE;}
.review-sort-order, .filter-sort-order {padding:10px; background-color:#EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-weight:bold; margin-top:15px;}
/*label and form are fix for label that isn't wrapping around form in html, despite being in code - this should be addressed so the style can be removed*/
.review-sort-order label, .review-sort-order form {display:inline;}
ul.reviews-pagination {text-align:center; background-color:#EEE; padding:10px; border-bottom:1px solid #DDD; font-weight:bold; margin-bottom:15px;}
ul.reviews-pagination li {display:inline; padding:10px 0;}
ul.reviews-pagination li.previous {float:left; margin-top:-10px;}
ul.reviews-pagination li.next {float:right; margin-top:-10px;}
#project-overview dt, dd {display:inline;}
#project-overview dt {font-weight:bold;}
#project-overview dl span {display:block; margin:10px 0;}
dd.project-requirements-commonspot {display:block; height:20px; margin:5px 0 0; padding:5px 0 0 32px; background:url(/images/templates/icon-cs.png) 7px center no-repeat; background-color:#f2f1e9; margin:5px 0 0;}
dd.project-requirements-coldfusion {display:block; height:20px; margin:5px 0 0; padding:5px 0 0 32px; background:url(/images/templates/icon-cf.png) 7px center no-repeat; background-color:#f2f1e9; margin:2px 0 0;}
.results-filter .user-review {padding:20px 10px;}
.results-filter dd.project-requirements-commonspot {padding:5px 0 0 28px; background:url(/images/templates/icon-cs.png) 0px center no-repeat; margin:5px 0 0;}
.results-filter dd.project-requirements-coldfusion {margin:5px 0 0; padding:5px 0 0 28px; background:url(/images/templates/icon-cf.png) 0px center no-repeat; margin:2px 0 0;}
#project-overview span.project-description dd {line-height:17px; text-align:justify; display:block; margin-bottom:10px;}
#project-overview span.project-views dd strong {padding-left:5px;}
#project-overview span.project-views dd {padding-right:5px;}
#project-overview dl span.project-category, #project-overview dl span.project-type {margin:3px 0;}
#project-overview dl span.project-views {margin:0 0 10px;}
#project-overview dl span.project-requirements {margin-top:20px;}
/*Issues Sorting*/
#sort_filter {padding:10px; background-color:#EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-weight:bold;}
#sort_filter label + label {float:right;}
h4 span.project-rating {display:inline;}
.recent_user-activity li {display:inline; width:260px; margin:0; padding:15px 30px; float:left;}
.recent_user-activity li a {display:block; font-weight:bold;}
/*ARTICLES*/
#article-carousel {width:700px; padding:24px 0 24px 20px; text-align:center; margin-left:-20px; background:url(/images/templates/bg_feature.png) left top repeat-x;}
#article-carousel .cycle_container {height:257px; margin:-5px 0 0 15px; padding:15px;}
/*#article-carousel #cycle_nav {margin:5px; position:relative; top:10px; z-index:10; left:-280px; font:11px arial, helvetica sans-serif;}*/
#article-carousel #cycle_nav {margin:5px; position:relative; top:10px; z-index:10; left:25px; font:11px arial, helvetica sans-serif; width:500px; text-align:left;}
#article-carousel #cycle_nav a {margin:5px; padding:3px 7px; border:1px solid #ccc; background:url(/images/templates/bg_cycle_nav.png); color:#666; text-decoration:none;}
#article-carousel #cycle_nav a.activeSlide {background:#d67b00; border: 1px solid #fff; color:#fff;}
#article-carousel #cycle_nav a:focus { outline: none; }
#article-carousel .pics {height:287px; width:607px; padding:0; margin:-39px 0 0 0; overflow: hidden }
#article-carousel .pics img {height: 255px; width: 575px; padding:15px; border: 1px solid #C7C6BF; background-color: #FFF;}
#article-carousel .pics img {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
#article-carousel .cycle_title {background:url(/images/templates/bg_cycle_overlay.png); width:575px; height:25px; font:12px Arial, Helvetica, sans-serif; color:#000; z-index:10; position:relative; top:-89px; left:16px; height:72px; overflow:hidden;}
#article-carousel .cycle_title p {font:14px Arial, Helvetica, sans-serif; letter-spacing:1.25px; padding:5px; color:#FFF; text-align:left;}
.article-full h2 {padding:20px 0 0; line-height:1.7em; color:#333; font-size:20px;}
.article-full h3 {margin:10px 0 -10px; padding:0; color:#666}
.article-full h4 {margin:10px 0 -10px; padding:0; color:#999}
.article-full p {padding:10px 0; line-height:1.75em; text-align:justify;}
.article-full pre {border:1px solid #CCC; background-color:#FEFEFE; padding:15px 15px; margin:10px 0; font:12px/2em "Courier New", Courier, monospace; color:#555;}
.article-full img {padding:8px; background-color:#FFF; border:1px solid #CCC; margin:8px 10px; -moz-border-radius:7px; -webkit-border-radius:10px;}
.article-full img.floatleft {float:left; margin-left:0px;}
.article-full img.floatright {float:right; margin-right:0px;}
.article-full ul, .article-full ol {margin:10px; line-height:1.75em;}
.article-full ul li {list-style-type:disc; list-style-position:outside; margin-left:5px;}
.article-full ol li {list-style-type:decimal; list-style-position:outside; margin:10px 10px 10px 15px;}
/*Profile Listing*/
.profile-column {width:690px; overflow:auto;}
.profile-column dl {float:left; display:inline; width:303px; padding:20px; border:2px solid #FFF; border-top:none; border-left:none; min-height:175px;}
.profile-column dl+dl {border-right:none;}
.profile-column dt {font:bold 15px arial, helvetica, sans serif; font-weight:bold; margin-left:118px; color:#17365d; letter-spacing:2px;}
.profile-column dd {font:12px arial, helvetica, sans serif; color:#3a3a3a;}
.profile-column dd.title {color:#666;}
.profile-column dd.description {color:#444;}
.profile-column dd img {width:75px; height:75px; margin-top:-16px; border:5px solid #FFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
.profile-column .title {margin-left:118px; color:#17365d; font-weight:bold; letter-spacing:2px; display:block;}
.profile-column .image {width:108px; height:156px; float:left; padding-right:10px;}
.profile-column .description {margin-left:0px; margin-top:10px;}
.profile-column .description a {display:block;}
.profile-column .call-to-action {font-size:10px; font-weight:bold; clear:both; float:left; margin-top:-75px; margin-left:3px;}
.profile-column .call-to-action {color:#CCC; background:#EFEFEF url(/images/templates/bg_infocontent.png) left center repeat-x; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; text-align:center;}
.profile-column .call-to-action a {padding:0 3px;}
.profile-column .call-to-action:hover {border:1px solid #999;}
#gutter-right {width:190px; padding:20px; float:left; /*display:none;*/}
/*Replaced 1-6-2010 with below, but leaving for bug testing
#gutter-right ul {list-style:inside square;}
#gutter-right li {padding:4px 0;}
*/
#gutter-right ul {list-style-type:square; margin-left:16px;}
#gutter-right li {padding:4px 0; list-style-position:outside;}
#gutter-right hr {margin:15px 0; background-image:url(/images/templates/hr_gutter-right.png)}
#project-reviews {min-height:115px;}
#project-reviews .star-wrapper {margin:2px 0 0 50px;}
#project-reviews p {padding-top:7px; text-align:center;}
#project-reviews, .project-filter, #project-stats {background:#EEE url(/images/templates/bg_project-reviews.png) left top repeat-x; border:1px solid #e3e2df; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#project-reviews h4 {text-align:center; padding-bottom:5px;}
#project-stats {min-height:130px;}
#project-stats ul {list-style-type:none; margin:10px;}
#project-stats li {list-style-type:none;}
#project-stats h4 {text-align:center;}
.filtering {background-color:#FFF; padding:5px; margin-top:3px; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px;}
.filtering ul {margin-left:0 !important;}
.filtering li {padding-left:3px !important; list-style-type:circle !important; list-style-position:inside !important;}
ul.list-categories li.li_active {list-style-type:disc !important;}
.filtering li.odd {background-color:#F3F3F3 !important;}
#gutter_profilesearch {margin-top:5px;}
#gutter_profilesearch .form, #gutter_profilesearch form {width:186px; margin:0 0 0 2px; padding:1px; background-color:#FFF; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px;}
#gutter_profilesearch legend {display:none;}
#gutter_profilesearch .text {width:140px; margin:0; padding:5px; border:none; font-size:16px; color:#666;}
#gutter_profilesearch .button {width:21px; height:21px; margin:0 0 4px -2px; vertical-align:middle;}
#footer-wrapper {margin:0 auto; width:960px;}
#sub-footer {background:#F7F6EE url(/images/templates/bg_sub-footer.png) top left repeat-x; border-top:1px solid #E3E2DE; overflow:auto;}
#footer {height:40px; padding:15px 10px 10px; background-color:#013750;}
#footer p, #footer li {font:10px Arial, Helvetica, sans-serif; color:#FFF; word-spacing:1.15px;}
#footer ul {list-style-type:none;}
#footer li {display:inline; border-right:1px solid #FFF; padding-right:4px;}
#footer li + li {border-right:none;}
#footer li a {color:#FFF; text-decoration:none;}
#footer li a:hover {text-decoration:underline;}
h6 a {width:209px; height:36px; background:url(/images/templates/bg_footer_powered-by.png) center no-repeat; display:block; position:relative; float:right; top:-27px; right:10px; text-indent:-999em; overflow:hidden;}
/*Overlays*/
.overlay-image {text-align:center;}
.overlay-image img {border:1px solid #CCC !important; padding:10px; margin:10px auto; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#EFEFEF;}
.overlay-image .details {text-align:left; margin-left:20px;}
.overlay-download {font-family:Arial, Helvetica, sans-serif !important;}
/*Media Wiki /users/ralot/consulting/wikis/adf-docs/skins*/
#content {width:715px; margin-left:190px !important; border-right:1px solid #AAA !important; -moz-border-radius:5px; -webkit-border-radius:5px;}
#p-cactions ul {margin-top:164px; font-size:12px; position:absolute;}
#column-one {font-size:12px; color:#000 !important; border:0px solid red; width:140px; padding:10px 10px 10px 15px;}
#column-one label, #column-one h5 {text-transform:uppercase; font-weight:bold;}
#column-one .portlet .pBody {margin-bottom:15px; -moz-border-radius:5px; -webkit-border-radius:5px;}
/*#column-one .portlet .pBody li:nth-child(odd) {background-color:#EFEFEF; padding:2px;}*/
#p-personal {position:static;}
#p-personal ul a {color:#FFF;}
#p-cactions {position:relative; top:-162px; left:220px;}
#p-cactions li {font-size:14px;}
h1.firstHeading {margin-top:15px; font-weight:bold; color:#666;}
#content a, .portlet li a, span.plainlinks a {color:#D67B00 !important; text-decoration:none;}
#content a:hover, .portlet li a:hover, span.plainlinks a:hover {color:#FDAD41 !important; text-decoration:underline;}
.portlet li.selected a {color:blue !important;}
#globalWrapper {font-size: 100% !important;}
#p-personal ul {text-transform:capitalize; font-size:12px;}
#p-personal ul a {color:#FFF !important;}
#p-personal ul a:hover {color:#FFF !important; text-decoration:underline; background:none;}
#footer {margin-bottom:0px; border:none;}
/* Data Sheets */
.CS_DataSheet_Caption {text-decoration:none; text-align:center; font-weight:bold}
ul.list-alpha {margin:15px 0 15px 0px; background-color:#EFEFEF; padding:18px 12px 12px 18px; border:1px solid #E3E3E3; border-left:none; border-right:none;}
.list-alpha li {display:inline; padding:2px 7px 2px; font-weight:bold; margin:5px 0 5px; background-color:#EFEFEF;}
.list-alpha a.active {padding-top:8px; background: url(/images/templates/bg_active.png) top center no-repeat; color:#013750;}
.CS_DataSheet_Alphabet {padding:2px; font-weight:bold; margin:5px 0 5px; background-color:none; color:#D67B00;}
.CS_DataSheet_Alphabet_Selected {padding-top:8px; background: url(/images/templates/bg_active.png) top center no-repeat; color:#013750; font-weight:bold;}
.CS_DataSheet_Table {padding:0; margin:0; border-bottom:none !important;}
.CS_DataSheet_Table td {border-bottom:1px solid #CCC !important; height:30px;}
.CS_DataSheet_Header_Row th a {font:bold 13px Arial, Helvetica, sans-serif; padding:3px; text-align:left; background:#03396A url(/images/templates/bg_table-th.png) left top repeat-x; color:#FFF !important;}
.CS_DataSheet_HeaderItem_First_Column {background-color:#EEEEEE; font-weight:bold; color:#CC6600; padding:4px; text-align:left}
.CS_DataSheet_HeaderItem_Column {background-color:#EEEEEE; font-weight:bold; color:#CC6600; padding:4px; text-align:left}
.CS_DataSheet_Data_First_Column {padding:4px}
.CS_DataSheet_Data_Column {padding:4px}
.CS_DataSheet_Data_Cell {text-align:left;}
.CS_DataSheet_Data_Cell_Numeric {text-align:right}
.CS_DataSheet_Data_Cell_Action {text-align:center; text-decoration:underline; color:#0000FF}
.CS_DataSheet_Data_Row_Alternate {background-color:#E5E5E5}
.CS_DataSheet_Summary_Row {text-align:center; background-color:#ddd !important;}
.CS_DataSheet_Summary_Links {font-size:83%; text-decoration:none}
.CS_DataSheet_Summary_Current_Page {font-size:83%}
.CS_DatasheetExport_Link {text-decoration:none; color:#0000FF; padding:5px}
/*Articles Dashboard Style - WARNING may break if page is rebuilt b/c control id changes*/
#cs_control_4804 table table td {height:30px; border-bottom:1px solid #CCC;}
#cs_control_4804 table {border-bottom:none; border-top:1px solid #CCC;}
#cs_control_4804 table table {border-top:none; margin-top:3px;}
/*Photo Gallery*/
.photogallery-column {width:750px; overflow:auto;}
.photogallery-column dl {float:left; display:inline; width:334px; padding:20px; border:2px solid #F7f6ee; border-top:none; border-left:none; }
.photogallery-column dl + dl {border-right:none; width:334px;}
.photogallery-column dt {font:bold 12px arial, helvetica, sans serif; font-weight:bold; text-align:center; color:#17365d; letter-spacing:2px; margin-bottom:5px;}
.photogallery-column dd {font:10px arial, helvetica, sans serif; color:#3a3a3a; display:block;}
.photogallery-column dd img {width:225px; height:100px; border:none;}
.photogallery-column .title {text-align:center; color:#17365d; font-weight:bold; letter-spacing:2px;}
.photogallery-column .image {border:5px solid #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; margin-left:50px; width:225px; height:100px;}
.photogallery-column .description {margin-left:10px; margin-top:10px; font-style:italic;}
.photogallery-column .call-to-action {font-size:10px; font-weight:bold; clear:both; float:left; background:url(images/call-to-action.gif) center left no-repeat; padding-left:20px; margin-top:-20px; margin-left:30px; display:none;}
.even {background-color:#eeede4;}
.odd {background-color:#eae9e1;}
/*Dashboard*/
#tabs {width:92%; margin:0 auto 10px; overflow:auto;}
#project-dashboard_home {width:840px;}
#project-dashboard_details {float:left; width:630px;}
#project-dashboard_features {float:left; width:200px; margin-left:10px; margin-top:15px;}
#project-dashboard_features p {display:none;}
#project-dashboard_details td {background:#dedede; height:30px;}
#project-dashboard_actions {float:left; margin-top:10px;}
#project-dashboard_actions div {margin-top:5px; margin-left:30px;}
#project-dashboard_features div.filtering {background-color:#EDEDED !important;}
#project-dashboard_features li {text-align:right; list-style-type:none !important; border-bottom:1px solid #F4F4F4;}
#project-dashboard_features li strong {float:left; color:#000 !important;}
#project-dashboard_features li.odd {background-color:#EDEDED !important;}
.CS_Document #tabs {font-size:small !important;}
#tabs div a {color:#D67B00;}
#tabs div a:hover {color:#FDAD41;}
.activeFeature {color:#666; margin-right:5px;}
.deactiveFeature {color:#CCC; margin-right:5px;}
span.activeFeature + span.ADFLightbox, span.deactiveFeature + span.ADFLightbox {color:#D67B00; cursor:default; cursor:pointer;}
span.activeFeature + span.ADFLightbox:hover, span.deactiveFeature + span.ADFLightbox:hover {color:#FDAD41; cursor:default; cursor:pointer; text-decoration:underline;}
#tabs div.add_link, .ui_button {padding:8px 5px 2px; text-decoration:none; margin:0 0 -15px 20px; width:107px; text-align:center; height:20px;}
/*.ui-widget {font-size:0.8em !important;}
div.add-button {padding:10px; text-decoration: none; margin:0 0 -15px 20px; width:115px; height: 16px;}*/
ul#projectDemoSort {border:1px solid #BBB; padding:0 4px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-left:20px; background:url(/images/templates/bg_chooser.png) top left repeat;}
#projectDemoSort {list-style-type:none; margin:0; padding:0; width:350px; }
#projectDemoSort li {margin:6px 3px; padding:10px 10px 17px; height:40px; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:move;}
#projectDemoSort li.demo_highlight {border:3px double #AAA;}
#projectDemoSort li:hover {border:1px solid #D67B00; background-image:none; background-color:#F5F0E5;}
#projectDemoSort li.demo_highlight:hover {border:3px double #D67B00;}
#projectDemoSort li img {background-color:#FFF; padding:5px; border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; margin:2px 5px -17px 15px;}
#projectDemoSort li span {background:url(/images/templates/bg_chooser-select.png) center no-repeat; position:absolute; margin:-6px 0 0 -6px;}
#demoOrderText {padding-left:20px; margin:25px 0 -15px 20px; width:300px; background:url(/images/templates/bg_exclamation.png) center left no-repeat;}
.ui-icon-arrowthick-2-n-s {display:none;}
.ui_icons div {float:left; margin-right:2px; text-align:center; display:inline;}
.demo_chooser {float:left; margin-bottom:20px;}
.demo_tutorial {float:left; width:420px; margin:70px 0 0; background:url(/images/templates/demo_directions_arrow.png) left 20px no-repeat;}
.demo_tutorial h4, .demo_tutorial p {padding:10px 0 0 125px; color:#999;}
.demo_tutorial p {text-align:justify;}
/*Profile Manager*/
#profileManager {width:500px; padding:20px;}
#profileManager #infoBlock {border:1px solid #CCC; overflow:auto; background:#EFEFEF; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#profileManager .item-title-top {font:bold 16px arial, helvetica, sans serif; color:#333;}
#profileManager #infoHeader {margin:10px 0 5px; font-weight:bold; color:#666;}
#profileManager #infoContent img {border:1px solid #CCC; padding:5px; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 10px 10px 0;}
#profileManager #listLeft, #profileManager #listRight {float:left;}
#profileManager #listRight {margin-top:25px;}
#profileManager #name, #profileManager #email, #profileManager #link, #profileManager #editBtn {padding:3px;}
#profileManager #infoBlock {margin-top:15px; clear:both;}
/* Comments
.comment_listing {width:100%; border:1px solid #CCC; -moz-border-radius:10px; padding:25px 0 0; margin-top:15px;}
.comment_listing .comment_row {float:left; margin:-15px 0 -15px 15px;}
.comment_listing .comment_identity {padding:10px; float:left; width:50px;}
.comment_identity img {border:1px solid #CCC; padding:3px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#FFF;}
.comment_listing .comment_content {padding:10px; float:right; width:550px; min-height:75px;}
*/
div.ui_button {width:140px; cursor:pointer; cursor:hand;}
/*Blog*/
.blogs-heading {margin:20px;}
.blog-post {}
.blog-post h3 {font-size:15px; font-weight:bold; padding-bottom:3px;}
.blog-post span.date {font-size:10px;}
.blog-post .act {padding:5px 0;}
.blog-post span.comments {}
.blog-post .slug {border-bottom:1px solid #f0f0f0; padding-bottom:10px;}
p.under {color:#333; padding-top:5px;}
span.tags em {color:#666;}
.blog-post-display {border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
.blog-post-display .info {margin-top:10px; color:#999;}
.blog-post-display .info .date {font-size:11px; font-style:italic;}
.blog-post-display .content {margin-top:-20px;}
.blog-post-display .content p {margin:15px 0;}
.blog-post-display .content ul { list-style: square; margin-left: 20px; }
#commentlist {width:100%; padding:25px 0 0;}
#commentlist .author {width:125px; margin-right:20px; float:left; text-align:center;}
#commentlist .author .pic img {border:1px solid #C5C5C5; padding:3px; background-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:3px;}
#commentlist .info {width:850px; padding-left:20px;}
#commentlist .info .date {font-size:10px; color:#666;}
#commentlist .info .content p {font-size:14px; color:#333; width: 670px;}
#commentlist ol {margin-top:-30px;}
#commentlist li {background:#efefef url(/images/templates/bg_blog_comments.png) top left repeat-y; margin:0 0 10px; padding:15px 15px 10px; /*border:1px solid #e0e0e0;*/ border-left:none; border-right:none;}
#blogCalendarLinks li a, #blogTagLinks li a { padding: 0px; }
#blogCalendarLinks li, #blogTagLinks li { padding: 3px 2px 3px 10px; }
#blogCalendarLinks h4, #blogTagLinks h4 { margin-left: 4px; margin-top: 5px; }