#content_wrapper {
	/* background:#FFF url(../img/grey_gradient_body.png) top repeat-x; */
	background: none repeat scroll 0 0 #F5F5F5;
	border: 1px solid #C3C3C3;
	border-radius: 6px 6px 6px 6px;
	padding:0 0px 10px;
	margin-top:20px;
}

#listing_wrapper {
	/* background:#FFF url(../img/grey_gradient_body.png) top repeat-x; */
	background: none repeat scroll 0 0 #F5F5F5;
	border: 1px solid #C3C3C3;
	border-radius: 6px 6px 6px 6px;
	padding:0 0px 00px;
	margin-top:20px;
	overflow: hidden;
}


#technology h1 {
	color:#333;
	text-shadow:1px 1px #f8f8f8;
	background-color:transparent;
	border-bottom:none;	
}

#left-column {
	/* float: right; */
	margin-left: 18px;
}

#tech-roof-listing {
	background: #E5E5E5;
	height: 30px;
	border-bottom: 1px solid #D0D0D0;
	padding:13px 20px 10px 20px;
}

#tech-roof-detail {
	background: #E5E5E5;
	height: 20px;
	border-bottom: 1px solid #D0D0D0;
	padding:14px 20px 10px 20px;
}

#tech-roof-text {
	margin-top: 0px;
}

#browseall {
	margin-right:80px;
}

#tech-detail {
	margin-top: 50px;
}

.tech-roof-listing {
	font-weight: bold;
	font-size: 12px;
	margin-top: 7px;
}

.clear-filter a {
	font-weight: bold;
	margin-left: -8px;
	font-size:11px;
	color: #FC9200;
}

div#message ul.errorlist {
    color: #7D7D7D;
    font-size: 12px;
    padding-top: 0px;
}

div#message {
    background-color: #F5F5F5;
}


#searchbutton {
	margin-left: 0px;
}

#tech-roof-listing form {
	width: 500px;
	margin-left: 230px;
}

#tech-roof-listing form input[type="text"] {
    border: 1px solid #DDDDDD;
    padding: 2px;
    width: 400px;
	height: 23px;
	margin-bottom:2px;
	font-size: 13px;
    color: #000;
    -moz-box-shadow:inset 1px 1px 2px #ccc;
    box-shadow:inset 1px 1px 2px #ccc;
    border: 1px solid #b8b8b8;
}

#tech-roof-listing form input[type="text"]:focus {
    border: 1px solid #4d90fe;
}

.right {
	float:right;
}

#listing-count {
	font-weight: bold;
}
#listing-column {
	background: none repeat scroll 0 0 #FFF;
	padding:10px 8px 30000px 10px;
	margin-bottom: -30000px;
	border-right: 1px solid #C3C3C3;
	overflow:inherit;
}

#filter-column {
	background: #F5F5F5;
}

#right-column-listing {
	padding: 15px;
}

#right-column-listing li {
	font-size:12px;
	padding-left:7px;
}

#tech-header {
	padding:20px;
	margin-top:10px;
	margin-bottom: 30px;
}

#tech-title {
	margin-top:10px;
	margin-bottom: 20px;
}

#right-column-edit {
	
}


#pentachart {
	width: 250px;
	margin-right: 0px;
	padding-top:5px;
}

h1.big_title {
	color:#333;
	text-shadow:1px 1px #f8f8f8;
	background-color:transparent;
	border-bottom:none;
}

#tech-title h2 {
	margin: 0px;
	font-weight: bold;
}

#tech-title h3, #tech-details h3, #dev-team h3, #right-container h2, #right-container h3 {
	margin: 0px;
}

#technology-areas h3, 

ul.bottombordernav {
    border-bottom: 0 none;
    padding-bottom: 8px;
    position: relative;
    top: 1px;
}
ul.bottombordernav li a.tab, ul.bottombordernav li:hover a.tab {
    border: 1px solid #CCCCCC;
    padding-bottom: 8px;
}
ul.bottombordernav li a {
    background-color: #EEEEEE;
    border: 1px solid #E2E5E8;
    color: #333333;
    padding: 8px 18px;
}
ul.bottombordernav li.active a, ul.bottombordernav li:hover a, ul.bottombordernav li a:hover {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-color: #E2E5E8 #E2E5E8 #FFFFFF;
    color: #333333;
    position: relative;
    text-shadow: 0 1px 1px #FFFFFF;
	text-decoration: none;
}
ul.bottombordernav li.active a {
    border-bottom: 1px solid #FFFFFF;
}
ul.bottombordernav.w_border li.active a {
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    top: 2px;
}

#right-column-listing li.active a {
    font-weight: bold;
	color: #000;
}

ul.horizontal li {
    display: inline;
}

.inputfields li {
	padding-left: 0;
    padding-right: 0;
    position: relative;
	margin: 0px;
	padding: 8px;
}

form .inputfields label {
    color: #393C3D;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.05em;
    margin: 0 20px 0 0;
    text-align: right;
    width: 170px;
	font-size: 12px;
}

.ra_list {
	padding: 3px;
	float:left;
}

form .inputfields .ra_list label {
    color: #393C3D;
    cursor: pointer;
    margin: 0 0px 0px 10px;
    width: 360px;
	font-size: 10px;
	text-align:left;
}

form .inputfields .ra_list input {
	margin-right:0px;
	float:left;
}


#technology-areas-input {
	margin-left: 190px;
	height: 380px;
}

#environments-input {
	margin-left: 190px;
	height: 75px;
}

#environments-input .ra_list label {
	font-size: 12px;
}



form .inputfields input[type=text], form .inputfields textarea {
  	border:1px solid #ddd;
  	font-size:14px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	width:400px;
  	border-radius: 0.3em 0.3em 0.3em 0.3em;
  	box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
    color: #393C3D;
    font-size: 1em;
    margin-left: 0;
    margin-right: 0;
    padding: 0.3em 0.4em;
	font-family: Verdana;
}



form .inputfields li label {
    line-height: 16px;
    margin-top: 4px;
}


.form_heading {
	color: #FC9200;
	font-weight:bold;
	margin-right:440px;
	text-align:right;
	padding-bottom: 10px;
}

.form-block {
	padding-bottom:30px;
}
#tabs {
	padding: 10px;
    border: 1px solid #E2E5E8;
}

#page_title {
	background: #E5E5E5;
	height: 50px;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 20px;
}

#page_title h2 {
	padding-left: 20px;
}

/* FORM CONTENT STYLING */

#form_content {
	padding-bottom: 20px;
}

#left_column_edit {
	padding:0px;
}

#left_column_edit li {
    padding: 4px 5px;
	clear:both;
}

#left_column_edit li a {
    padding: 8px;
	text-decoration: none;
}

#left_column_edit li.active {
    background-color: #E2E5E8;
}

#right_column_edit {
	padding: 20px;
}

#savecancel {
	margin-top:40px;
}

.box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
    border-radius: 6px 6px 6px 6px;
    /* clear: both; */
    margin-bottom: 20px;
    padding: 15px;
}

.button-glossy {
    background: gradient(center top , #5CCD00, #4AA400) repeat scroll 0 0 transparent;
    border: 1px solid #459A00;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px; /* 1.15em; */
	font-style: normal;
    font-weight: bold;
    line-height: 2em;
    min-height: 2em;
    min-width: 5em;
    padding: 0 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}

.button-glossy.green {
	border:1px solid #459a00;
	background:#4aa400;
	background: -webkit-gradient(linear, center top, center bottom, from(#5ccd00), to(#4aa400)) ;
	background: -moz-linear-gradient(top, #5ccd00, #4aa400) ;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5ccd00', endColorstr='#ff4aa400', GradientType=0) 
}

.button-glossy.red {
    background: -moz-linear-gradient(center top , #FE3F4A, #FE1624) repeat scroll 0 0 transparent;
    border: 1px solid #FE0C1A;
}

button.button-glossy:before {
    display: none;
}

.button-glossy:before {
    background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.1)) repeat scroll 0 0 transparent;
    border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    bottom: 0;
    content: " ";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}





#pentachart a {
	float: right;
}

.ui-widget-content a {
    color: #4682B4;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
}

.expander {
	margin-bottom: 30px;
}

.list_item {
	border-bottom: 1px solid #D8D8D8; 
	/*height: 100px;*/
	margin: 0px 0;
	padding-top: 10px;
	padding-bottom: 15px;
}

.tech-thumbnail {
	float: left;
	/*height: 100px;*/
	position: relative;
	width: 140px;
}

.matte-media-box {
    background-color: #FFFFFF;
    border-color: #DDDDDD #CACACA #ACACAC;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1), 0 0 0 #000000;
    display: inline-block;
    line-height: 0;
    padding: 3px;
    position: relative;

}

.tech-thumbnail .tech_code
{
	background: none repeat scroll 0 0 #FFFFFF;
	color: #7b7b7b; /*#929292;*/
	height: 8px;
	font-size:10px;
	left: 3px;
	padding: 8px 3px 0 1px;
	position: absolute;
	top: 3px;
}


.tech-thumbnail img {
	/*padding-top: 5px;*/
	margin: 0px;
}

#list_results {
	margin:10px 50px;
}

.project_list {
	margin:0px;
	overflow:inherit;
}
.tech-details {
	float: right;
	width: 555px;
}
.tech-details h2 {
	font-weight: bold;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
	/*letter-spacing: -0.6px;*/
	text-overflow: ellipsis;
	line-height: 20px;
}

.tech-details a:hover {
	text-decoration:none;
}

.pi {
	color: #B0B2B4;
	font-size: 13px;
}


a.tiptip {
	text-decoration: none;
}

#maturation, #overview, #payload {
	margin-top: 10px;
}

#maturation .title, #payload .title, #maturation .title, #overview .title {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

#maturation p {
	margin-bottom: 30px;
}

#back_link {
    background: url("/static/img/back-arrow.png") no-repeat scroll left 50% transparent;
    padding-left: 20px;
}

#next_link {
    background: url("/static/img/next-arrow.png") no-repeat scroll left 50% transparent;
    padding-left: 20px;
}

#browse-all {
	float:right;
	margin-right: 20px;
	font-weight: bold;
}

#create-new-technology-button {
    background: -moz-linear-gradient(center top , #FCEA73 0%, #FDE54D 50%, #FDDB43 50%, #F3C714 100%) repeat scroll 0 0 transparent;
    border-color: #E0B518 #D3A80C #C49A00;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 -1px 0 #F9DF2E inset, 1px 0 0 #F9DF2E inset, -1px 0 0 #F9DF2E inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(100, 100, 100, 0.1), 0 2px 0 rgba(150, 150, 150, 0.1);
    color: #393C3D !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 3px;
	margin-left: 50px;
    text-shadow: 0 1px 1px #FCF56D;
	float: left;
}

#tech-roof-test .social {
	float:right;
	padding-right:2px;
	padding-left: 2px;
	clear:none;
	
}

#delete-technology-button {
    background: -moz-linear-gradient(center top , #F00 0%, #F00 50%, #F00 50%, #F00 100%) repeat scroll 0 0 transparent;
    border-color: #F00 #F00 #F00;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 -1px 0 #F00 inset, 1px 0 0 #F00 inset, -1px 0 0 #F00 inset, 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(100, 100, 100, 0.1), 0 2px 0 rgba(150, 150, 150, 0.1);
    color: #393C3D !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 3px;
	margin-left: 50px;
	float: left;
}


.invite input[type="text"] {
	border: 1px solid #DDDDDD;
	font-size: 11px;
	padding: 5px;
	width: 140px;
}

.filter_title {
	font-size:14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
	color: #787878;
	text-shadow: 0pt 1px 0pt rgb(255, 255, 255);
}

span.count {
    color: #999999;
    font-size: 11px;
}

.platform-badge {
    float: left;
    height: 27px;
    padding-top: 2px;
}

.badge {
    float: left;
    margin-right: 8px;
    min-width: 50px;
    text-align: center;
}

.badge_image {
    background: url("/static/img/icons-ogr.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 27px;
    margin: 2px auto;
    overflow: hidden;
    width: 30px;
}

.right-container ul li {
    line-height: 16px;
    margin: 20px 0;
}

.box-heading {
	font-size: 13px;
	font-weight:bold;
	margin-bottom:0px;
}

.tab-heading {
	font-size: 13px;
	font-weight:normal;
	margin-bottom:0px;
}


.box-field {
	font-size: 13px;
}

.twitter-share-button {
	width:50px;
}

.badge_parabolic .badge_image {
	background-position: 0px 0 !important;
}

.badge_parabolic_grey .badge_image {
	background-position: -90px 0 !important;
}

.badge_srlv .badge_image {
	background-position: -60px 0 !important;
}

.badge_srlv_grey .badge_image {
	background-position: -150px 0 !important;
}

.badge_balloon .badge_image {
	background-position: -30px 0 !important;
}

.badge_balloon_grey .badge_image {
	background-position: -120px 0 !important;
}

.badge_name {
    color: #B0B2B4;
    font-size: 11px;
    line-height: 11px;
    padding-top: 1px;
}

.badge_text {
    color: #393C3D;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}

#listing_footer {
	margin: 20px 0;
	padding: 10px 15px 10px 15px;
	height: 35px;
	background: #FFF;
	clear: both;
	/*border: 1px solid #C3C3C3;*/
}

#error-message {
	color:red;
}

.form-block li label em, .form-block li em {
	color:#F00;
}

ul.pagination-flickr {
	margin-top: 0px;
	border: 0px;
}

.edit_button {
	background: url("/static/img/edit_icon.png") no-repeat scroll 0 0 transparent;
	height: 21px;
	width: 21px;
	/* margin: 10 10 10 10px;  */
	float: right; 
}

.edit_button_grey {
	background: url("/static/img/edit_icon.png") no-repeat scroll 0 0 transparent;
	height: 21px;
	width: 21px;
	/* margin: 10 10 10 10px;  */
	float: right; 
}


.sort_section {
    border-bottom: 1px solid #D8D8D8; 
    padding-bottom:10px;
}