/* Import default template CSS */
	@import url("toolbar.css");
	@import url("shared.css");
	
	textarea {
		height:150px;
	  	width:70%;
	}
	
	div.ja-grey-box {
		background: url(../images/intro-bg.gif) repeat-y 54% 0% #454545;
		margin: 0 0 20px !important;
		padding: 0;
	}
	
	/* Introduction */
	div.ja-introduction {
		font-family:Georgia,"Times New Roman",Times,serif;
		color:#1F1F1F;
		#color: #282c33;
		float: left;
		margin: 0;
		padding: 0;
		text-align: justify;
		width: 70%;
	}
	
	div.ja-introduction .ja-innerpad {
		margin: 0 20px 0 0 !important;
		padding: 20px 60px 20px 0;
	}
	
	div.ja-introduction .componentheading {
		background: none;
		border: none !important;
		color: #FFFFFF;
		font-size: 250%;
		font-weight: bold;
		margin: 0 0 10px;
		padding: 0;
		text-transform: uppercase;
	}
	
	div.ja-introduction .componentheading span {
		background: none;
		padding: 0;
	}
	
	div.ja-introduction ul {
		margin: 0;
	}
	
	div.ja-introduction li {
		background: none;
		line-height: 2;
		text-transform: uppercase;
		margin-bottom:9px;
	}
	
	div.ja-introduction #joinButton {
		display: block;
		float: right;
		font-size: 20px;
		font-weight: normal;
		height: 54px;
		line-height: 54px;
		margin-top: 10px;
		text-align: left;
		text-decoration: none;
		text-indent: 20px;
		text-transform: uppercase;
		width: 202px;
	}
	
	div.ja-introduction #joinButton:hover {
		color: #FF0000;
	}
	
	/* Login form */
	div.ja-login-form {
		float: right;
		padding: 20px 0;
		width: 30%;
	}
	
	div.ja-login-form .ja-innerpad {
		padding: 0 20px 0 0;
	}
	
	div.ja-login-form h2 {
		background: none;
		border-bottom: 1px solid #555555;
		color: #282c33;
		font-size: 100%;
		margin: 0 0 10px;
		padding: 0 0 5px 0;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	div.ja-login-form label {
		color: #282c33;
		font-weight: bold;
	}
	
	div.ja-login-form label #remember {
		height:11px;
	}
	
	div.ja-login-form input#username,
	div.ja-login-form input#password {
		background: #353535;
		border: 1px solid #555555;
		color: #FFFFFF;
		padding: 5px;
		width: 85%;
	}
	
	div.ja-login-form .button {
		background: #e00130;
		border: 1px solid #555555;
		color: #FFFFFF;
		float: left !important;
		font-size: 92%;
		height: 30px;
		letter-spacing: 1px;
		margin: 5px 0;
		text-transform: uppercase;
		width: 57px;
	}
	
	div.ja-login-form .login-button {
		float: left;
	}
	
	div.ja-login-form .facebook {
		float: right;
	}
	
	div.ja-login-form a.fbconnect_login_button {
		margin-top: 5px;
		display: block;
		width: 192px;
		height: 28px;
		background: url(../images/facebook-button.gif) no-repeat left top;
		border: 1px solid #353535;
	}
	
	div.ja-login-form a.fbconnect_login_button img {
		display: none;
	}
	
	div.ja-login-form ul {
		list-style: none;
		margin: 0 !important;
		padding: 0;
	}
	
	div.ja-login-form ul li {
		background: url(../images/arrow.gif) no-repeat left center;
		padding-left: 0;
		display: block;
		width: 100%;
	}
	
	#community-wrap div.ja-login-form ul li a:link,
	#community-wrap div.ja-login-form ul li a {
		color: #757575;
		padding-left: 10px;
	}
	
	#community-wrap .componentheading {
		margin: 10px 0 15px;
		font-family:Georgia,"Times New Roman",Times,serif;
	}
	
	#cWindowContent {
		padding: 5px !important;
	}
	
	#cWindowContentTop {
		background: #d5d5d5 !important;
		border-bottom: 1px solid #959595 !important;
	}
	
	#cWindowAction {
		position: relative;
		z-index: 999;
	}
	
	#cWindow .video-provider {
		background: url(../images/arrow.gif) no-repeat left center !important;
		list-style: none !important;
		padding-left:  10px !important;
		width: 45% !important ;
	}
	
	/* Layout */
	div.column-right {
		float: right;
		position: relative;
		width: 30%;
	}
	
	div.column-main {
		float: left;
		width: 69%;
		position: relative;
	}
	
	div.column-main .ja-innerpad {
		padding-right: 20px;
	}
	
	/* Module block */
	h3.frontTitle,
	div.appsBoxTitle,
	h2.app-box-title,
	h2.module-box-title,
	div.module-block h2.app-box-title {
		background: url(../images/h3-bg.gif) repeat-x left bottom;
		border-bottom: none !important;
		border-top: 1px solid #D5D5D5;
		color: #757575;
		font-size: 110%;
		letter-spacing: 1px;
		margin: 0 0 5px;
		padding: 12px 0 18px;
		text-transform: uppercase;
		text-align: left;
		line-height: normal;
	}
	
	h3.frontTitle span,
	div.appsBoxTitle span,
	h2.app-box-title span,
	h2.module-box-title span,
	div.module-block h2.app-box-title span {
		background: url(../images/span-bg.gif) no-repeat right center;
		font-size: 11px;
		padding: 5px 15px;
	}
	
	div.detail-link {
		font-size: 92%;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	/* Table Recent */
	body #community-wrap .formtable td.key, body #community-wrap .admintable td.paramlist_key, body #community-wrap td.listkey, body #community-wrap td.paramlist_key, body #cWindow .formtable td.key, body #cWindow .admintable td.paramlist_key,.paramlist td.paramlist_key,.ccontentTable td.paramlist_key {
		font-weight: bold;
		text-align: right;
		width: 120px;
	}
	
	body #community-wrap .formtable td, body #community-wrap .admintable td, body #cWindow .formtable td, body #cWindow .admintable td,.paramlist td,.ccontentTable td {
		padding: 5px;
		vertical-align: top;
	}
	
	body #community-wrap .inputbox.halfwidth, body #cWindow .inputbox.halfwidth {
		width: 50%;
	}
	
	body #community-wrap form div {
		margin: 0;
	}
	
	table.formtable {
		width: 100%;
	}
	
	.formtable td {
		padding: 5px;
	}
	
	table.feed-item {
		border-collapse: collapse;
		border-spacing: 0;
		margin: 0 0 10px;
		padding: 0;
		width: 100%;
	}
	
	table.feed-item td {
		padding: 0 5px;
		vertical-align: top;
	}
	
	table.feed-item td.avatar {
		padding-left: 0;
		width: 60px;
	}
	
	table.feed-item td.favicon {
		width: 16px;
	}
	
	table.feed-item td.created {
		text-align: right;
		width: 60px;
	}
	
	/* Profile */
	div.profile-box {
		margin: 0 0 20px 0 !important;
	}
	
	div.profile-avatar {
		float: left;
	}
	
	div.profile-avatar a img.avatar,
	div.profile-avatar img {
		background: #FFFFFF;
		border: 1px solid #D5D5D5;
		float: left;
		margin: 10px 0 0 !important;
		padding: 3px;
	}
	
	div.profile-name {
		font-size: 125%;
		font-weight: bold;
		text-transform: capitalize;
	}
	
	div.profile-toolbox {
		background: #FFFFFF;
		border: 1px solid #D5D5D5;
		margin: 0 0 20px 0 !important;
		padding: 10px;
	}
	
	div.profile-toolbox ul.small-button {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	div.profile-toolbox ul.small-button li {
		background: none;
		display: block;
		float: left;
		padding: 2px 5px 2px 0;
	}
	
	div.profile-toolbox ul.small-button li a {
		color: #757575 !important;
	}
	
	div.profile-toolbox ul.small-button li a:hover,
	div.profile-toolbox ul.small-button li a:focus,
	div.profile-toolbox ul.small-button li a:active {
		color: #B81D57 !important;
	}
	
	div.profile-toolbox li.btn-add-friend {
		background: transparent url(../images/icons-16x16.gif) no-repeat 0 -177px !important;
		padding: 1px 15px 1px 22px !important;
	}
	
	div.profile-toolbox li.btn-gallery {
		background: transparent url(../images/icons-16x16.gif) no-repeat 0 -356px !important;
		padding: 1px 15px 1px 22px !important;
	}
	
	div.profile-toolbox li.btn-videos {
		background: transparent url(../images/icons-16x16.gif) no-repeat 0 -398px !important;
		padding: 1px 15px 1px 22px !important;
	}
	
	div.profile-toolbox li.btn-write-message {
		background: transparent url(../images/icons-16x16.gif) no-repeat 0 -116px !important;
		padding: 1px 15px 1px 22px !important;
	}
	
	span.profile-toolbox-name {
		display: block;
		font-size: 125%;
		font-weight: bold;
	}
	
	form#formstatustext {
		display: block !important;
		margin: 0 !important;
		padding: 2px 65px 0 100px !important;
		position: relative !important;
	}
	
	#labelstatustext {
		display: block;
		font-weight: 700;
		height: 28px;
		left: 0;
		line-height: 28px;
		margin: 0;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		top: 0;
		width: 90px;
	}
	
	#save-status.button{
		margin: 0;
		overflow: visible;
		padding: 2px 8px;
		width: auto;
	}
	
	* html #save-status.button{
		padding: 0 8px;
	}
	
	#statustext {
		margin: 0;
		width: 200px !important;
	}
	
	body #community-wrap #community-admin-wrapper {
		background: #F4F4F4;
		border: 1px solid #EEEEEE;
		margin: 0 0 10px;
		padding: 5px;
	}
	
	body #community-wrap #community-admin-wrapper #community-admin-controls li {
		display: inline;
		padding: 0 10px 0 20px;
	}
	
	.icon-addfeatured {
		background: url(../images/icons-16x16.gif) no-repeat 0 -420px;
	}
	
	#community-wrap ul#community-admin-controls .icon-remove-avatar {
		background: url(../images/icons-16x16.gif) no-repeat 0 -40px !important;
	}
	
	#community-wrap ul#community-admin-controls .icon-block-user {
		background: url(../images/icons-16x16.gif) no-repeat 0 -200px !important;
	}
	
	
	body #community-wrap #profile-edit .inputbox {
		width: 290px;
	}
	
	body #community-wrap #profile-edit .validate-custom-date {
		width: auto;
	}
	
	/* Mini header */
	#community-wrap #social-bookmarks {
		margin: 0 0 10px;
		text-align: right;
	}
	
	div.profile-miniheader {
		margin-bottom: 10px;
	}
	
	div.profile-avatar-miniheader {
		float: left;
		margin: 5px 10px 0 0;
	}
	
	/* Profile info */
	ul.profile-details {
		margin: 0;
	}
	
	body #community-wrap ul.profile-details li {
		background: none;
		display: inline;
		float: left;
		height: 25px;
		padding: 0;
		width: 58%;
	}
	
	body #community-wrap ul.profile-details li.title {
		font-weight: bold;
		width: 38%;
	}
	
	div.profile-info {
		margin: 0 0 0 190px
	}
	
	ul.profile-info li {
		width: 90%;
	}
	
	div.title {
		font-weight: bold;
		padding: 5px 0 5px;
	}
	
	ul.profile-info li.info-title strong {
	}
	
	/**/
	div.dark-bg {
		background: #F8F8F8;
		border-bottom: 1px solid #F0F0F0;
		padding: 5px 0 5px;
	}
	
	div.dark-bg a.logout-link {
		font-size: 92%;
		padding: 0 0 0 10px;
	}
	
	/* Group style */
	div#community-groups-wrap li.group-list-item {
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		display: block;
		margin: 0 0 20px;
		padding: 10px;
	}
	
	div#community-groups-wrap li.group-list-item div.group-avatar {
		float: left;
		margin: 0 10px 10px 0;
	}
	
	div#community-groups-wrap li.group-list-item div.group-avatar a {
		display: block;
	}
	
	div#community-groups-wrap li.group-list-item div.group-avatar img {
		margin-bottom: 0;
	}
	
	div.group-avatar img {
		background: #F0F0F0;
		border: 1px solid #D5D5D5;
		padding: 3px;
	}
	
	div.group-details .group-name {
		font-size: 125%;
		font-weight: bold;
	}
	
	div.group-details .group-created {
		color: #999999;
		font-size: 92%;
	}
	
	div.group-details .group-actions {
		padding: 10px 0 0;
	}
	
	div.group-details .group-actions span {
		background: #F8F8F8;
		border: 1px solid #D5D5D5;
		font-size: 92%;
		-moz-border-radius: 3px;
		padding: 2px 10px;
		-webkit-border-radius: 3px;
	}
	
	div#community-groups-wrap div.items {
		margin-bottom: 10px;
	}
	
	div#community-groups-wrap div.submit button {
		line-height: normal;
		margin-left: 10px;
	}
	
	body #community-wrap div#friend-selected-list {
		background: #FFFFFF;
		float:left;
		height:250px;
		margin-left:20px;
		overflow:scroll;
		padding:5px;
		width:20%;
	}
	
	#friends-invited li {
		background: none;
		padding-left: 0;
	}
	
	#community-groups-news-items {
		float:left;
		margin-top:0;
		width:70%;
	}
	
	#friends-list li {
		background: none;
		float:left;
		list-style: none;
		margin:0 0 5px;
		padding:3px;
		width:32%;
	}
	
	body #community-wrap ul#friends-invited li img, body #community-wrap ul#friends-list li img {
		float: left;
	}
	
	body #community-wrap ul#friends-invited li span.friend-name, body #community-wrap ul#friends-list li span.friend-name {
		line-height:45px;
		padding:0 0 0 5px;
		vertical-align:middle;
	}
	
	.group-actions li{
		background: none;
		padding-left: 0;
	}
	
	#community-wrap .app-box-actions {
		text-align:right;
	}
	
	#community-wrap .app-box-action {
		padding: 0 5px;
	}
	
	#community-wrap .app-box-action + .app-box-action {
		border-left:1px solid;
	}
	
	#community-wrap .app-box-footer .app-box-info {
		float:left;
		padding-left:5px;
	}
	
	#community-wrap .app-box-footer {
		border-top:1px solid;
		font-size:90%;
		padding:5px 0;
		text-align:right;
	}
	
	/* mis */
	#cwindow {
		z-index: 500 !important;
	}
	
	#cWindow h1, #cWindow h2, #cWindow h3, #cWindow h4, #cWindow h5, #cWindow h6, #cWindow p {
		margin: 0.5em 0;
	}
	
	div.message {
		background: url(../images/icon-tips.gif) no-repeat left center;
		color: #F89A20;
		padding-left: 20px;
		text-align: left;
	}
	
	#community-wrap {
		margin-top: 15px;
	}
	
	table.ccontentTable {
		width: 100%;
	}
	
	table.ccontentTable tr.row1 td,
	table.ccontentTable tr.row1 th{
		background: #FFFFFF;
	}
	
	table.ccontentTable td,
	table.paramlist td {
	}
	
	table.ccontentTable th {
		padding: 5px 10px !important;
	}
	
	dl.2cols {
		float: left;
		width: 100%;
	}
	
	dt.col-left {
		float: left;
		width: 10%;
	}
	
	dd.col-right {
		float: right;
		width: 89.9%;
	}
	
	.col-right .inputbox {
		width: 100% !important;
	}
	
	table.friends-invite {
		width: 100%;
	}
	
	table.friends-invite th {
		padding: 10px 0;
		vertical-align: top;
		width: 80px;
	}
	
	table.friends-invite td {
		padding: 10px 0;
	}
	
	table.inbox-right {
		margin-top: 20px;
		width: 100%;
	}
	
	table.inbox-right td {
		vertical-align: top;
	}
	
	table.inbox-right td table td {
		padding: 5px 10px 5px 0;
	}
	
	/**/
	ul.photo-list li {
		background: none;
		border: 1px solid #D5D5D5;
		display: block;
		float: left;
		margin-right: 10px;
		padding: 5px;
	}
	
	ul.photo-list li a {
		display: block;
		margin: 0;
		padding: 0;
	}
	
	ul.photo-list li img.avatar {
		margin: 0 !important;
		padding: 0;
	}
	
	div#community-wrap #photoupload-container div.upload-form {
		border: none !important;
		padding: 0 !important;
		margin: 0 0 10px !important;
		background: none !important;
		float: left;
		width: 100%;
	}
	
	div#community-wrap #photoupload-container div.upload-form a.remove {
		float: left;
	}
	
	div#community-wrap #photoupload-container div.upload-form .inputbox {
		margin: 0;
	}
	
	#photoupload-container {
		display: block;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	body #community-wrap a.add-upload:link, body #community-wrap a.add-upload:visited {
		padding: 0 !important;
	}
	
	/* My applications */
	#community-wrap .sectiontableheader {
		padding-left: 15px;
	}
	
	ul.actions,
	ul.updates {
		width: 49%;
		height: 100px;
		float: left;
	}
	
	ul.actions li,
	ul.updates li {
		width: 80%;
		padding: 0 0 0 17px;
	}
	
	body #community-wrap #profile-header ul.actions li {
		background: none;
		border: none;
		display: block;
		float: left;
		font-size: 90%;
		height: 10px;
		line-height: 10px;
		margin: 5px 3px 5px 0 !important;
		padding: 0 0 0 17px;
		text-align: left;
		width:85%;
	}
	
	body #community-wrap #profile-header ul.actions li.profile {
		background: url(../images/icon_10px.gif) no-repeat;
	}
	
	body #community-wrap #profile-header ul.actions li.avatar {
		background: url(../images/icon_10px.gif) no-repeat 0 -10px;
	}
	
	body #community-wrap #profile-header ul.actions li.privacy {
		background: url(../images/icon_10px.gif) no-repeat 0 -20px;
	}
	
	body #community-wrap #profile-header ul.actions li.video {
		background: url(../images/icon_10px.gif) no-repeat 0 -90px;
	}
	
	body #community-wrap #profile-header ul.actions li.apps {
		background: url(../images/icon_10px.gif) no-repeat 0 -30px;
	}
	
	body #community-wrap #profile-header ul.actions li.group {
		background: url(../images/icon_10px.gif) no-repeat 0 -40px;
	}
	
	body #community-wrap #profile-header ul.actions li.invite {
		background: url(../images/icon_10px.gif) no-repeat 0 -80px;
	}
	
	body #community-wrap #profile-header ul.actions li.invite {
		background: url(../images/icon_10px.gif) no-repeat 0 -80px;
	}
	
	body #community-wrap #profile-header ul.actions li.write {
		background: url(../images/icon_10px.gif) no-repeat 0 -60px;
	}
	
	body #community-wrap #profile-header ul.actions li.inbox {
		background: url(../images/icon_10px.gif) no-repeat 0 -70px;
	}
	
	body #community-wrap #profile-header ul.actions li.photo {
		background: url(../images/icon_10px.gif) no-repeat 0 -50px;
	}
	
	body #community-wrap  ul.updates li.title {
		font-weight: 700;
		padding: 3px 5px;
		background: none;
	}
	
	body #community-wrap ul.updates li {
		background: none;
		padding:0 5px;
		text-align:left;
	}
	
	a.inbox {
		background: url(../images/icons-16x16.gif) no-repeat 0 -120px;
		padding: 0 0 0 22px;
	}
	
	a.friend {
		background: url(../images/icons-16x16.gif) no-repeat 0 0;
		padding: 0 0 0 22px;
	}
	
	#wall-message {
		width: 915px;
	}
	
	/* Video */
	div.video-actions {
		margin: 10px 0 0 0;
	}
	
	input#video-permalink {
		background: #FFFFFF;
		padding: 5px;
		border: none;
	}
	
	#wallForm textarea {
		height: 100px;
	}
	
	#wallForm .button {
		margin: 10px 0 0 0;
	}
	
	.video-player {
		float: left;
	}
	
	.video-summary {
		padding-left: 10px;
	}
	
	/* Window */
	#cWindow #cwin_logo {
		height: 30px !important;
		margin: 0 0 0 8px !important;
	}
	
	#report-message {
		width: 90%;
	}
	
	#report-form .formtable,
	#cWindowContent .formtable{
		width: 100%;
	}
	
	#report-form .formtable td,
	#cWindowContent .formtable td {
		padding: 5px;
	}
	
	#cWindowContent .inputbox, 
	#cWindowContent .replybox, 
	#cWindowContent .required, 
	#cWindowContent textarea {
		width: 90%;
	}
	
	#cWindow ul.bookmarks-list li {
		width: 25%;
		float: left;
		background: none;
		padding-left: 0;
	}
	
	#cWindow ul.bookmarks-list li a img {
		margin-right: 5px;
	}
	
	/* Photo */
	#community-photo-walls #wall-message {
		height: 100px;
	}
	
	#community-photo-walls #wall-submit {
		margin-top: 10px;
		line-height: normal;
	}
	
	#membersBox .avatar {
		width: 60px !important;
		height: 60px !important;
	}
	
	.wall-coc-form {
		display: none;
	}
	
	ul.video-providers li.video-provider{
		width: 40%;
		float: left;
	}
	
	/* Add friend */
	
	.newFriendAvatar {
		float: left !important;
		margin-right: 15px;
	}
	
	.newFriendName {
		float: left;
	}
	
	.newFriendName .inputbox,
	#addfriend .inputbox{
		width: 300px;
		height: 50px !important;
		vertical-align: top;
	}
	
	/* Write message */
	
	#replybox {
		width: 100%;
	}
	
	/* Sort */
	
	#cFilterType_Sort {
		display: block;
		width: 100%;
		height: 30px;
	}
	
	#cFilterType_Sort .filterName{
		float: left;
	}
	
	#cFilterType_Sort .filterOptions {
		float: left;
		margin: 0;
		width: 90%;
	}
	
	#cFilterType_Sort .filterOption {
		float: left;
	}
	
	.photo-item {
		float: left;
	}
	
	.photo-item img{
		margin: 10px;
	}
	
	/* Duchh */