/* 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 {
	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: 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;
}

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: #2c6ba6;
}

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

#community-wrap .componentheading {
	margin: 10px 0 15px;
}

#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: #2c6ba6 !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 */