/* Import default template CSS */
@import url("toolbar.css");
@import url("shared.css");
div.ja-grey-box {
	background: #454545;
	margin: 0 0 20px !important;
	padding: 0;
}

/* Introduction */
div.ja-introduction {
	color: #959595;
	float: left;
	margin: 0;
	padding: 0;
	text-align: right;
	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: normal;
	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;
}

div.ja-introduction #joinButton {
	background: url(../images/signup-now.gif) no-repeat left top;
	color: #454545;
	display: block;
	float: right;
	font-size: 120%;
	font-weight: bold;
	height: 54px;
	line-height: 54px;
	margin-top: 20px;
	text-align: left;
	text-decoration: none;
	text-indent: 20px;
	text-transform: uppercase;
	width: 242px;
}

div.ja-introduction #joinButton:hover {
	color: #8f8dac;
}

/* 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: #959595;
	font-size: 100%;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

div.ja-login-form label {
	color: #959595;
	font-weight: bold;
}

div.ja-login-form input#username,
div.ja-login-form input#password {
	background: #353535;
	border: 1px solid #555555;
	color: #959595;
	padding: 5px;
	width: 85%;
}

div.ja-login-form .button {
	background: url(../images/login-button.gif) no-repeat left top;
	border: none;
	color: #757575;
	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;
}

/* 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,
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,
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 */
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-info {
	float: left;
}

div.profile-name {
	font-size: 125%;
	font-weight: bold;
	padding-left: 20px;
	text-transform: uppercase;
}

div.profile-toolbox {
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	margin: 0 0 20px 0 !important;
	-moz-border-radius: 3px;
	padding: 3px 10px;
	-webkit-border-radius: 3px;
}

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;
}

/* Mini header */
div.profile-miniheader {
	margin-bottom: 10px;
}

div.profile-avatar-miniheader {
	float: left;
	margin: 5px 10px 0 0;
}

/* Profile info */
ul.profile-details {
	margin: 0;
	padding-left: 0px;
}

ul.profile-info {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.profile-info li {
	width: 90%;
}

div.title {
	font-weight: bold;
	padding: 5px 0 5px;
}
.replybox {
	padding: 5px;
		background: #000000 !important;
	border: 1px solid #212121 !important;
	color: #757575 !important;
}

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 {

	display: block;
	margin: 0 0 20px;
	padding: 10px;
	float: left;
	width: 45%;
	margin-right: 10px;
	border: 1px solid #212121;
	list-style: none;
	
}

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;
}

/* mis */
#cwindow {
	z-index: 500 !important;
}

div.message {
	background: url(../images/icon-tips.gif) no-repeat left center;
	color: #F89A20;
	padding-left: 20px;
	text-align: left;
}

#community-wrap ul#community-admin-controls .icon-remove-avatar {
	background: url(../images/icons-16x16.gif) no-repeat 10px -36px !important;
}

table.ccontentTable {
	width: 100%;
}

table.ccontentTable tr.row1 {
	background: #FFFFFF;
}

table.ccontentTable td,
table.paramlist td {
	padding: 5px 0;
}

table.ccontentTable th {
	padding: 5px 10px !important;
}

input.video-permalink {
	background: #F5F5F5;
	border: none;
}


dl.2cols {
	float: left;
	width: 100%;
}

dt.col-left {
	float: left;
	width: 10%;
}

dd.col-right {
	float: right;
	width: 89.9%;
}

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: 18px;
	margin-bottom: 18px;
	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 !important;
}

#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%;
	
	float: left;
}

ul.actions li,
ul.updates li {
	width: 80%;
}

#wall-message {
	width: 915px;
}

/* Video */
div.video-actions {
	margin: 10px 0 0 0;
}

#wallForm textarea {
	height: 100px;
}

#wallForm .button {
	margin: 10px 0 0 0;
}

/* Window */
#cWindow #cwin_logo {
	height: 30px !important;
	margin: 0 0 0 8px !important;
}

/* Photo */
#community-photo-walls #wall-message {
	height: 100px;
}

#community-photo-walls #wall-submit {
	margin-top: 10px;
	line-height: normal;
}

/* Login */

body #community-wrap .albums {list-style: none;}

body #community-wrap .album {
	float: left;
	width: 45%;
	margin: 5px;
	border: 1px solid #212121;
	list-style: none;
}