/* {
	border: 1px solid green;
}
*/

#content_header {
	z-index: 3;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	background-color: white;
	border-bottom: 1px solid #1E5A17;
	display: inline-block;
}

#content_header-title {
	margin: auto;
	margin-top: 25px;	
	font-size: 32px;
	font-style: bold;
	color: #555577;
	font-family: 'Bangers', cursive;
}
#header-feedback {
	cursor:pointer;
}

#content{		
	width: auto;	
	height: auto;
	min-width: 400px;
	margin-left: 310px;
	margin-right: 300px;	
	margin-top: 100px;	
}
#content-Container{
	display: block;
}

#contentNavigation{	
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Shadows Into Light Two', sans-serif;	
	font-size: 24px;	
	color: #000;
}

#contentNavigation table{
	width: 100%
}

#contentNavigation td{
	cursor: pointer;
	text-align: center;
	padding: 0px;
	font-size: 20px;
	margin-top:12px;    
}

#contentNavigation td.selected{
	color: #fff;
	background-color:#1E5A17;    
    border-radius:2px;    	    
}

.contentSite {
	display: block;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;	
}

#contentNews ul{
	list-style:none;    
	padding-left: 0;
}

#contentNews li{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fbfbfb;	
	margin-bottom: 20px;
	font-family: 'Shadows Into Light Two', sans-serif;	
	font-size: 18px;	
}
#contentNews ul li table{
	padding: 10px 10px 10px 10px;
}

#contentNews ul li table tr {
	padding: 0px;
	margin: 0px;
}

#contentNews ul li table tr td{
	padding: 0px;
	margin: 0px;
}


#contentNews ul li table.header IMG{
	height: auto;
	border: 2px solid #1E5A17;
	border-radius: 2px;
	margin-top: 4px;
}

#contentNews ul li table td.userpicture{
		
}

#contentNews ul li table td.action{	
	color: #1E5A17;
	vertical-align: top;
	text-align: left;	
	height: 18px;
}

#contentNews ul li table td.action span{
	font-weight: bold;
	color: #1E5A17;	
	height: 18px;
}

#contentNews ul li table td.date{	
	color: #888;
	font-size: 14px;	
	text-align: left;
	height: 14px;
}





#contentDirectory{
}
#contentGroups{	
}

#side-container{
	position: absolute;
	width: 300px;
	left: 0px;
	height: auto;
	top: 100px;	
}

#side-options{
	position: fixed;
	width: 250px;
    padding: 10px;    	
	margin-top: 20px;
}

#directory-options{
	font-family: 'Bangers', sans-serif;	
	width: 250px;
	text-align: left;	
	margin-left: 20px;
	font-size: 16px;
	color: #000;
}


#content_logo{
	float: left;		
	width: auto;	
	margin-right: 0px;	
	margin-top: 0px;	
}

.menu-open {	
	cursor: pointer;
	width: auto;
	height: 35px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 25px;
	font-family: 'Shadows Into Light Two', sans-serif;
	float: left;	
	font-size: 24px;	
	color: white;	
}

.menu-close {	
	cursor: pointer;
	margin-left: 5px;	
	margin-top: 15px;
	float:left;		
}

#accountbox{
	float: right;
	margin-top: 20px;
}

#accountpicture{	
	float: right;		
	width: auto;	
	height: 40px;
	margin-bottom: 0px;
}

#accountname {
	font-family: 'Shadows Into Light Two', sans-serif;
	text-align: left;
	float: left;	
	font-size: 24px;	
	color: black;		
	height: 40px;
	width: auto;
	line-height: 24px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	
}

#btn-accountmenu {
	cursor: pointer;
	text-align: left;
	height: 40px;
	/* margin-bottom: 5px; */
}


#accountmenu {
	z-index: 1;
	position: fixed;
	width: 200px;
	margin-top: 75px;
	margin-left: 85%;
	padding: 5px;
	background-color: white;
	border: 2px solid #1E5A17;	
	border-radius: 3px;
	display: block;
}

.menuitemname{	
	
	float:left;
	font-family: 'Shadows Into Light Two', cursive;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;	
	font-weight: bold;		
	color: #1E5A17;
	display: block;
}

.menuitememail{	
	
	float:left;
	font-family: 'Shadows Into Light Two', cursive;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 16px;	
	letter-spacing: 2px;
	color: #999999;
	display: block;
}


.menuitem {	
	cursor: pointer;
	float:left;
	font-family: 'Shadows Into Light Two', sans-serif;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;	
	color: #1E5A17;
	width: 87.5%;
	display: block;
}

.menuitem:hover{	
	background: #37A82A;
}



#footer {
	height: 50px;
	width: 100%;
	padding-top: 150px;
	clear: both;
	font-family: 'Shadows Into Light Two', sans-serif;
	text-align: center;
}



.content {
	position: relative;
	float: right;
	margin-top: 80px;
	margin-left: 0px;
	width: 100%;	
	margin-bottom: 10px;
	font-family: 'Shadows Into Light Two', sans-serif;
}

.loginbox{
	font-family: 'Shadows Into Light Two', sans-serif;
	font-size: 14px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	/* position: fixed; 
	z-index: 2; 
	margin-left: 85%;
	margin-right: 20px;
	margin-top: -250px; */
}

.loginbox span{
	font-family: 'Bangers', cursive;	
	font-size: 14px;	
}

.loginbox input{
	font-family: 'Shadows Into Light Two', sans-serif;
	font-size: 14px;
	width: 100%;
}

.registerbox{
	font-family: 'Shadows Into Light Two', sans-serif;
	font-size: 14px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	/* position: fixed; 
	z-index: 2; 
	margin-left: 85%;
	margin-right: 20px;
	margin-top: -250px; */
}

.registerbox span{
	font-family: 'Bangers', cursive;	
	font-size: 14px;	
}

.registerbox input{
	font-family: 'Shadows Into Light Two', sans-serif;
	font-size: 14px;
	width: 100%;
}

#btn-register {
	cursor: pointer;
	width: 200px;
	height: 25px;
	padding: 10px;
	padding-top: 12px;	
	margin-left: auto;
	margin-right: auto;
	background-color: #1E5A17;
	border: 2px solid #0D4906;
	border-radius: 2px;
	font-family: 'Bangers', sans-serif;	
	text-align: center;
	font-size: 20px;
	color: white;	
}

#btn-register-dummy {
	cursor: pointer;
	width: 150px;
	height: 25px;
	padding: 10px;
	padding-top: 12px;	
	margin-left: auto;
	margin-right: auto;
	background-color: #1E5A17;
	border: 2px solid #0D4906;
	border-radius: 2px;
	font-family: 'Bangers', sans-serif;	
	text-align: center;
	font-size: 20px;
	color: white;	
}

#btn-register:hover {
	opacity: .7; 
	filter:Alpha(Opacity=70);	
}

#btn-register-dummy:hover {
	opacity: .7; 
	filter:Alpha(Opacity=70);	
}

#alt-login {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: black;
	text-align: center;
}

.login{
	cursor: pointer;		
	color: #1E5A17;
	text-decoration: none;
}

#alt-register {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: black;
	text-align: center;
}

.register{
	cursor: pointer;		
	color: #1E5A17;
	text-decoration: none;
}

#btn-login {
	cursor: pointer;
	width: 200px;
	height: 25px;
	padding: 10px;
	padding-top: 12px;	
	margin-left: auto;
	margin-right: auto;
	background-color: #1E5A17;
	border: 2px solid #0D4906;
	border-radius: 2px;
	font-family: 'Bangers', sans-serif;	
	text-align: center;
	font-size: 20px;
	color: white;		
}

#btn-login:hover {
	opacity: .7; 
	filter:Alpha(Opacity=70);	
}

#welcomebox {
	width:600px;
	height: 400px;
	position: relative;	
	margin-top: 200px;
	margin-left: auto;
    margin-right: auto;
}
#icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#underscore {		
	position: relative;
	font-size: 32px;
	
	font-family: 'Bangers', cursive;
	/*font-family: 'Shadows Into Light Two', sans-serif;*/
	margin-top: 20px;
	color: #1E5A17;
	/*text-transform: uppercase;*/
	text-align: center;
	/*font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif; */
	/*text-shadow: 0 -1px #2F6A28, 1px 0 #2F6A28, 0 1px #2F6A28, -1px 0 #2F6A28;*/
	/* -webkit-text-stroke: 2px #555577; */
}

table tr{
	text-align: right;
}

.datacaption {
	width: 15%;
}

.dataresult {
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	width: 15%;	
}

#login-status {
	text-align: left;
	border-radius: 2px; 
	border: 2px solid #DD0505;
	background: #FF1717;
	color: white;	
}
#register-status {
	text-align: left;
	border-radius: 2px; 
	border: 2px solid #DD0505;
	background: #FF1717;
	color: white;
}


#reg-input{
	letter-spacing: 2em;
}
#reg-input-invalid{
	background-color: red;	
}
#reg-input-valid{
	background-color: green;
}

#social-container {
	position: absolute;	
	width: 280px;
	top: 100px;
	right: 0px;
	height: auto;	
}

#socialmenu {
	position: fixed;
	width: 250px;
    padding: 10px;    	
	margin-top: 20px;
	margin-top: 20px;	 
	display:block;
}

.socialheader{
	margin-top:2px;
	width: 100%;
	cursor: pointer;
	font-family: 'Bangers', cursive;
	font-size: 18px;
	color:  #1E5A17;
	border: 1px solid #0D4906;
	/* border-radius: 3px; */
}

.socialheader-minimized{
	margin-top:0px;
	background-color: #1E5A17;
	border: 1px solid #0D4906;
	/* border-radius: 3px; */
	color: white;
}

#friends {
	margin-top:2px;
	height: 150px;
	overflow: hidden;  
	display:block;
}
#friends-content {
	margin-top:2px;
	height: 100%;
	width: 100%;
	overflow: auto;  
	display:block;  
}

#resize-friends-handle{
	width: 100%;
	height: 15px;	
}
#resize-friends-handle:hover{
	background: #37A82A;	
}


#groups {
	margin-top:2px;
	height: 150px;
	overflow: hidden;  
	display:block;  
}
#groups-content {
	margin-top:2px;
	height: 100%;
	width: 100%;
	overflow: auto;  
	display:block;  
}

#resize-groups-handle{
	width: 100%;
	height: 15px;	
}
#resize-groups-handle:hover{
	background: #37A82A;	
}

#searchmembers {
	margin-top:2px;
	height: 150px;
	overflow: hidden;  
	display:block;
}
#searchmembers-content {
	margin-top:2px;
	height: 100%;
	width: 100%;
	overflow: auto;  
	display:block;  
}

#search-members-text{
	width: 100%;
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
}

#btn-search-members{
	cursor: pointer;
}

#membersearchbox{
	width: 98%;
	margin-left: auto;
	margin-right: auto;	
	background-color: rgba(55, 168, 42, 0.5);
}

#membersearchboxerror{
	width: 98%;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	background-color: rgb(255, 23, 23);
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	color: #fff;
}

#members-search{
	height: 16px; 
	padding-top: 4px;
}

#resize-searchmembers-handle{
	width: 100%;
	height: 15px;	
}
#resize-searchmembers-handle:hover{
	background: #37A82A;	
}


#newmembers {
	margin-top:2px;
	height: 150px;
	overflow: hidden;  
	display:block;
}
#newmembers-content {
	margin-top:2px;
	height: 100%;
	width: 100%;
	overflow: auto;  
	display:block;  
}

#resize-newmembers-handle{
	width: 100%;
	height: 15px;	
}
#resize-newmembers-handle:hover{
	background: #37A82A;	
}

#groups-add{
	height: 16px; 
	padding-top: 4px;
}

#groupaddbox{
	width: 98%;
	margin-left: auto;
	margin-right: auto;	
	background-color: rgba(55, 168, 42, 0.5);
}

#groupaddboxerror{
	width: 98%;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	background-color: rgb(255, 23, 23);
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	color: #fff;
}

#addgroup-name{
	width: 100%;
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
}

#btn-groupadd{
	cursor: pointer;
}

.social-sub-li {	
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	color: black;
	width: 100%;
	display:block;  
}

.social-friends-header{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  
	cursor: pointer;
}

.social-friends-header:hover {
	background: #37A82A;	
}

.social-friends-friend{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-friends-friend:hover {
	background: #37A82A;	
}

.social-friends-profile{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-friends-profile:hover {
	background: #37A82A;	
}

.social-friends-message{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-friends-message:hover {
	background: #37A82A;	
}

.social-friends-selected-menu {
	font-weight: bold;
	background: #37A82A;	
}

.social-friends-menu {
	background-color: rgba(55, 168, 42, 0.5);
}

.social-friendinvite-header{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  
	cursor: pointer;
}

.social-friendinvite-accept{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-friendinvite-accept:hover {
	background: #37A82A;	
}

.social-friendinvite-reject{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-friendinvite-reject:hover {
	background: #37A82A;	
}



.social-group-header{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  
	cursor: pointer;
}

.social-group-header IMG{
	margin-top: 5px;
}


.social-group-header:hover {
	background: #37A82A;	
}

.social-group-friend{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-group-friend:hover {
	background: #37A82A;	
}

.social-group-profile{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-group-profile:hover {
	background: #37A82A;	
}

.social-group-message{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-group-message:hover {
	background: #37A82A;	
}

.social-group-selected-menu {
	font-weight: bold;
	background: #37A82A;	
}

.social-group-menu {
	background-color: rgba(55, 168, 42, 0.5);
}

.social-group-user{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	/*cursor: pointer;*/
}


.social-search-header{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  
	cursor: pointer;
}

.social-search-header:hover {
	background: #37A82A;	
}

.social-search-friend{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-search-friend:hover {
	background: #37A82A;	
}

.social-search-profile{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-search-profile:hover {
	background: #37A82A;	
}

.social-search-message{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-search-message:hover {
	background: #37A82A;	
}

.social-search-selected-menu {
	font-weight: bold;
	background: #37A82A;	
}

.social-groupadd{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-groupadd:hover {
	background: #37A82A;	
}

.social-showpictures{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-showpictures:hover {
	background: #37A82A;	
}

.social-search-menu {
	background-color: rgba(55, 168, 42, 0.5);
}

.social-groupinvite-header{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  
	cursor: pointer;
}

.social-groupinvite-accept{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-groupinvite-accept:hover {
	background: #37A82A;	
}

.social-groupinvite-reject{
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 14px;
	display:block;  	
	cursor: pointer;
}

.social-groupinvite-reject:hover {
	background: #37A82A;	
}



.social-sub-name {
	text-align: left;	
	width: auto;
	height: 15px;
}

.social-sub-text {
	text-align: left;
	width: auto;
	height: 15px;
}

.social-sub-text span{
	font-weight: bold;
	color: #1E5A17;
}

.social-sub-picture {	
	width: 15px;
	height: 15px;
}

.social-sub-id {
	color: rgba(0, 0, 0, 0);
	text-indent: -10px;
	width: 15px;
	height: 15px;
}

.social-sub-add {
	cursor: pointer;	
	width: 15px;
	height: 15px;
}

#files {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#files .item {
	float: left;
	width: 100px;
	height: 100px;
	/*border: 3px solid rgba(168, 168, 168, 1);*/
	/*border-radius: 2px; */
	/*background: rgba(55, 168, 42, 0.25);*/
	background: #fbfbfb;	
	margin-bottom: 10px;
	border: 1px solid #ccc;
	color: #444;
	cursor: pointer;
}

#files .item:hover{
	color: #eee;
	background-color:#37A82A;    
}

#files .item.selected {
	color: #fff;
	background-color:#1E5A17;    
}

#files .item .detailstd {
	text-align: left;
	margin-bottom: 0 !important;	
	font-family: 'Shadows Into Light Two', sans-serif;	
	margin-top: 0px;
	font-size: 12px;	
	width: 30%;
}

/*
#files .item .small {
	margin-top: 0px;
	margin-left: 64px;
	font-size: 12px;	
	width: 6%;
}
*/

#files .item .small IMG{
	float: right;
	vertical-align: top;
	height: 12px;
	border: 0px solid #fff;
}


#files .item IMG {
	vertical-align: bottom;
	display: block;
	max-width: 85px;
	max-height: 64px;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
	margin-bottom: 0px;
	border: 2px solid #fff;
}

#files .item.medium IMG {
	max-width: 128px;
	max-height: 128px;
}

#files .item.big IMG {
	max-width: 256px;
	max-height: 256px;
}


#files .item p{
	margin-bottom: 0 !important;	
	font-family: 'Shadows Into Light Two', sans-serif;	
	margin-top: 0px;
	font-size: 12px;
	padding: 0px;
	text-align: center;
}

#files .locked {
	position: absolute;
	right: 3px;
	top: 3px;
	height: 12px;
}

#files .locked IMG{
	height: 12px;
	border: 0px solid #fff;
}


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.directorySortBy {
	display: inline-block;
	width: auto;
	font-family: 'Shadows Into Light Two', sans-serif;	
	cursor: pointer;
	text-align: center;
	padding: 4px;
	font-size: 14px;
}

.directorySortBy:hover{
	color: #333;
	background-color:#37A82A;    
    border-radius:2px;    	    
}

.directorySortBy.selected{
	color: #fff;
	background-color: #1E5A17;    
    border-radius:2px;    	    
}

.directoryFilterBy {
	display: inline-block;
	width: auto;
	font-family: 'Shadows Into Light Two', sans-serif;	
	cursor: pointer;
	text-align: center;
	padding: 4px;
	font-size: 14px;
}

.directoryFilterBy:hover{
	color: #333;
	background-color:#37A82A;    
    border-radius:2px;    	    
}

.directoryFilterBy.selected{
	color: #fff;
	background-color: #1E5A17;    
    border-radius:2px;    	    
}

.directoryView {
	display: inline-block;
	width: auto;
	font-family: 'Shadows Into Light Two', sans-serif;	
	cursor: pointer;
	text-align: center;
	padding: 4px;
	font-size: 14px;    
}

.directoryView:hover{
	color: #333;
	background-color:#37A82A;    
    border-radius:2px;    	    
}

.directoryView.selected{
	color: #fff;
	background-color:#1E5A17;    
    border-radius:2px;    	    
}

.directoryTools{
	display: inline-block;
	width: auto;
	font-family: 'Shadows Into Light Two', sans-serif;	
	cursor: pointer;
	text-align: center;
	padding: 4px;
	font-size: 14px;
}

.directoryTools:hover{
	background-color:#37A82A;    
    border-radius:2px;    	    
}

.button-group {
	border: 1px solid #1E5A17;
	border-radius: 3px;
	margin-bottom: 10px;
}