@CHARSET "UTF-8";
body, html{
    min-width: 720px;
    max-width: 1000px;
    min-height: 550px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#showPhotoWithCommentsWrapper {
    width: 980px;
    max-height: 520px;
    overflow: hidden;
    padding: 0;
	margin: 0;
    position: relative;
}

#showPhotoWithCommentsWrapper #photoPane {
    width: 650px;
    max-height: 520px;
    margin: 0;
    padding: 0;
    float: left;
}

#showPhotoWithCommentsWrapper #rightPane {
    width: 310px;
    height: 100%;
    max-height: 520px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0 0 0 10px;
}

#showPhotoWithCommentsWrapper #rightPane #statusFeed .commentInput textarea {
    width : 270px;
}

#showPhotoWithCommentsWrapper #rightPaneInner {
    width: 290px;
    min-height: 90%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#showPhotoWithCommentsWrapper #photo {
    max-width: 640px;
    max-height: 480px;
    margin: 0;
    padding:0;
    position:relative;
    text-align:center;
}

#showPhotoWithCommentsWrapper #photo img {
    max-width: 640px;
    max-height: 480px;
    float: left;
    margin: 4px;
    box-shadow: 0px 0px 7px #666;
    -webkit-box-shadow: 0px 0px 7px #666;
    -moz-box-shadow: 0px 0px 7px #666;
}

#showPhotoWithCommentsWrapper #actionBar {
    max-height: 40px;
    text-align: center;
    float: none;
}

#actionBar #actionBarInner {
}

#name{
	margin: 10px 0 10px 0;
	font-size: 11pt;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	width: 100%;
	float: left;
}

#shift{
	width: 100%;
}

#previousPicture{
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	cursor: pointer;
	background: url("/images/transparent.gif") transparent;
}
#nextPicture{
	position: absolute;
	top: 0;
	left: 530px;
	width: 250px;
	cursor: pointer;
	background: url("/images/transparent.gif") transparent;
}

#crop{
	padding-right: 5px;
	float: right;
}

#name .editZone{
	height: 30px;
	float: left;
        width:100%;
}

#name .edit{
	color: #ccc;
	font-size: 8pt;
}

#name .date{
	font-weight: normal;
	font-size: 7pt;
	float: right;
}

#others{
	padding-left: 4px;
}

#renameField{
	border: 1px solid #ccc;
	padding: 5px;
	width: 100%;
}
#renamePhoto .note{
	color: #666;
	font-size: 9pt;
}

#loadingIndicator{
	position: absolute;
	z-index: 1500;
	top: 100px;
	left: 360px;
}
#loadingIndicatorWrapper{
	width: 100%;
	height: 200px;
}

#statusFeed {
    width:auto !important;
}

#others {
    margin:0px 5px;
}

#statusFeed .status {    
    min-height: 0px !important;
}

#statusFeed .line {
    background:none !important;
}

#statusFeed textarea {
    max-width: 100%;
}

#statusFeed .comments .comment .content {
    width: 270px;
}