#panelTabs{
float:left;
width:100%;
height:100%;
background:#222;
}
#loginPanel{
width: 100%;
bottom: -272px;
position: fixed;
z-index: 100000;
height:306px;
left:0;
}
#userPanelClose{
/*font-family: cursive;*/
font-size: 16px;
font-weight: 300;
float:left;width:100%;
}

#userPanelCloseIcon{
float:right;
margin-right:20px;
}
#panelTabs{
padding:0;
border:none;
border-radius:0;
}

html body #wrapper ul.ui-tabs-nav{
background: #C9C9C0;
padding: 0;
border: none;
}
html body #wrapper ul.ui-tabs-nav li{
margin: 0;
border: none;
border-radius: 0;
background: #C9C9C0;
}
html body #wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active{
background:#fff;
}
html body #wrapper .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
color:#000;
}
html body #wrapper ul.ui-tabs-nav li a{
padding: 5px 20px;
border-radius: 0;
background: none;
color:#fff;
}
#loginPanelInner{
display:block;
clear:both;
float:left;
width:100%;
height:100%;
}

#loginPanelInner h4{
margin: 10px 0;
height:auto;
color:#fff;
}
#loginPanelInner h4 a{
float: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 100%;
}
#loginPanel #loginPanelInner .delItem, #loginPanel #loginPanelInner .noteItem{
text-transform: capitalize;
display: block;
margin: 0 auto;
width: 60px;
height: 25px;
padding: 0;
text-align: center;
line-height: 25px;
float: none;
}
.noteItem{
width:90px !important;
}

#closeLoginPanel{
display:block;
float:left;
width:100%;
height:40px;
line-height:40px;
cursor:pointer;
border-bottom:1px solid #ccc;
/*background:#eee;*/
background:#56C2C4;
color:#fff;
}
#closeLoginPanel:hover{
/*background:#fff;*/
background:#61C6C8;
}
#closeLoginPanel .firstArrow{
float:left;
line-height:40px;
margin-left:20px;
}
#closeLoginPanel .secondArrow{
float:right;
line-height:40px;
margin-right:20px;
}
#loginPanel *{font-weight:normal;}
#loginPanel input[type="checkbox"]{float:left;clear:none;}
#userMessages{
text-align:center;
font-weight:bold;
position:absolute;
left:40%;
top:0;
}
#loginSection{
float:left;
}
#loginOR{
width: 59px;
height: 59px;
background: #56C2C4;
color: #fff;
text-align: center;
line-height: 59px;
border-radius: 100px;
font-size: 24px;
border: 2px solid #56C2C4;
float: left;
margin: 80px;
}
#loginORinner{
float: left;
width: 55px;
height: 55px;
border: 2px solid #fff;
border-radius: 100px;
}
#registrationSection{
float:left;
}
#registrationSection div{

}
#myCollectionForm{
opacity:0;
}
#public{
overflow:hidden;
}
.collection .fourcol-one{

}
.collection img{

}

.myCollButton, .magnifyButton {

}
.asimagesAdd{
/*position: absolute;
top: 190px;
left:0;
width:auto;
z-index: 100000;
*/
}
#private{
margin:0;
overflow-x:auto;
}
#privateMyCollItems, #publicMyCollItems{
	height:252px;
	width:auto;
	overflow-x:hidden;
	overflow-y:hidden;
	white-space:nowrap;
}
.myCollResult {
	/*border:1px solid red;*/
	display:inline-block;
	width:180px;
	height:180px;
	margin-right:15px;
	float:left;
}
.deleteMyCollItem{margin-left:10px;cursor:pointer;}
.editMyColItemNotes{cursor:pointer;}
.itemNote{
float:left;
display:none;
width:0;
}
.itemNoteInner{
opacity:0;
}
.myCollTitle{

float: left;
}
.myCollTitle.selected{
	font-style:italic;
	border: 1px solid #56C2C4;
}
#createMyColl{
	
	display:block;
}
.myCollTitle{
	cursor:pointer;

}
.delItem{
cursor:pointer;
}