@charset "utf-8";
/* CSS Document */

/************************************************************************/

/************************** content management *******************************/
    .allContentHeaders{
		width:520px;
        margin-left:20px;
        }
    .allContentHeaders .headerContent{
		height:50px;
        text-align: justify;
		vertical-align:middle;
		border-bottom:2px solid; border-bottom-color:#e1e1e1
        }
 	.allContentHeaders .redSquare{
		width:25px;
		vertical-align:middle;
        }
	 .allContentHeaders .link{
	 	width:90px;
		text-align:right;
		padding-right:15px;
		border-bottom:2px solid; border-bottom-color:#e1e1e1;
	 	}
	.allContentHeaders .link2{
		width:90px;
		text-align:right;
		padding-right:15px;
		border-bottom:2px solid; border-bottom-color:#e1e1e1;
		}
	.allContentHeaders td a{
		background-image:url(../images/redArrowLeft.jpg); background-repeat: no-repeat;
        padding-left:10px;
        font-size:11px; font-weight:bold; text-align:left;
	}
/************************************************************************/

/************************** editBlogPage *******************************/
	.blogListInfo{
		padding-left:15px; padding-top:15px; padding-bottom:5px;
	}
	.blogListInfo p{
		padding-bottom:5px;
	}
  	#imagesList{
    	margin-top:20px;
  	}

  	#imagesList li{
		width:500px;
    	height:70px;
    	overflow:hidden;
		border:1px solid; border-color:#e1e1e1;
 	 }

  #imagesList input{
    display:block;
    float:left;
    width:60px;
    margin-top:28px;
  }

  #imagesList li p.imageOpsContainer
  {
    width:100px;
    float:left;
  }

  #imagesList li div.imageInfo{
    width:420px;
    float:left;
  }

  #imagesList li div.imageInfo a, #imagesList li div.imageInfo p{
    display:block;
    margin-bottom:2px;
  }

  /*#imagesList li:hover{
    cursor:move;
    background-color:rgb(225,234,232);
  }*/

  #imagesList li img{
    width:70px;
    height:70px;
    display:block;
    float:left;
    padding-right:10px;
  }

  #imagesList li{
    padding:10px;
	margin-bottom:10px;
  }

  #editorImageContainer img{
    border:1px solid gray;
  }
/*******************************/
	.editBlogPageContentHolder{
        width:522px;
        margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px;
	}
	.editBlogPageContentHolder img{
		width:50px; height:50px; text-align:left;
	}

	.editBlogPageContentHolder #videoImagesContainer{
    margin-top:2em;
  }

	.editBlogPageContentHolder #videoImagesContainer #videoImagesList{
    margin-bottom:12px;
    min-height:100px;

  }

	.editBlogPageContentHolder #videoImagesContainer #videoImagesList li{
    width:90px;
    text-align:center;
    float:left;
    margin-right:6px;
    border:1px solid silver;
  }

	.editBlogPageContentHolder #videoImagesContainer #videoImagesList li input{
    display:block;
  }

	.editBlogPageContentHolder #videoImagesContainer #videoImagesList li img{
    width:90px;
    height:72px;
  }

	.editBlogPageContentHolder .explonation{
		margin-bottom:35px;padding-bottom:35px;
		vertical-align:top;
		font-size:11px; text-align:right;
	}
	.editBlogPageContentHolder .editLabel1{
		width:170px;
		vertical-align:top;
		padding-top:3px; height:25px;
	}
	.editBlogPageContentHolder .editTitle{
		width:370px; text-align:left;padding-left:3px;
		vertical-align:top; margin-bottom:10px;
	}
	.editBlogPageContentHolder .editDateTime{
		width:150px;
		vertical-align:top; margin-bottom:10px;
	}
	.editBlogPageContentHolder .editContent{
		width:518px; height:250px;
		vertical-align:top; margin-bottom:25px;
	}
	.editBlogPageContentHolder .editMainImage{
		vertical-align:top;
		height:30px;
	}
	.editBlogPageContentHolder .mainImageBrowse{
		width:150px;
		vertical-align:top; margin-bottom:10px
	}
	.editBlogPageContentHolder .otherImages li{
		padding-bottom:10px; margin-right:15px
	}
	.editBlogPageContentHolder .imageCheckBox{
		margin-right:3px; vertical-align:top;
	}
	.editSave{
		width:50px;
		font-size:12px; font-weight:bold; color:#cc0000;text-align:left;
		background-image:url(../images/redArrowLeft.jpg); background-repeat: no-repeat;
        background-position:left;
        background-color:transparent;
        border:0;
        padding-left:8px; padding-top:2px;
		cursor:pointer;
		cursor:hand;
	}
/************************************************************************/

/************************** editCommentsList *******************************/
	.editCommentsContentHolder{
		width:522px;
        padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px;
	}

    .editCommentsContentHolder ul{
        width:520px;
        padding-bottom:16px; padding-top:15px
        }
    .editCommentsContentHolder li{
		margin-left:15px;
		padding-bottom:10px; margin-bottom:10px;
        text-align: justify;
        font-size:11px;
        border-bottom:solid 2px; border-bottom-color:#e1e1e1;
        }
    .editCommentsContentHolder li p{
        padding-bottom:5px;
        }
    .editCommentsContentHolder li a{
        font-size:12px; font-weight:bold;
        display:inline;
        }
    .editCommentsContentHolder li span{
        font-size:12px; font-weight:bold;
        display:inline;
        }
	.editCommentsNoComment{
		padding-left:15px; padding-top:15px;
		}

/************************************************************************/

/************************** edit Profile*******************************/

 	.editFormContainer{
   		width:492px;
    	margin-left:30px; margin-right:30px; margin-top:20px; margin-bottom:20px;
		}
  	#profileEditForm .unChangeable{
   		 padding-bottom:15px;
		}
	#profileEditForm .feedBackInfo{
    	color:#cc0000; padding-bottom:20px; padding-top:5px
    	}
  	#profileEditForm label, .profileImageHeader{
    	display:block; font-weight:bold; margin-bottom:8px;
		}
  	#profileEditForm .asterixWarning{
     	font-size:11px; color:#cc0000; margin-bottom:15px; margin-top:5px;
  		}
  	#profileEditForm input{
    	width:200px;
		}
  	#profileEditForm .separator{
    	height:1px;
    	border-top:2px solid; border-color:#e1e1e1;
		margin-top:18px; margin-bottom:18px;
		}
  	 #profileEditForm .serverError{
    	color:#CC0000;
    	padding-left:5px; font-size:11px;
		}
	#profileEditForm .warnings{
		margin-bottom:8px;
		}
	#profileEditForm .checkBoxConfirm, #profileEditForm .radioConfirm{
		float:left;
		width:20px;
		margin-right:5px;
		}

  	
	#profileEditForm .checkBoxExlonation{
		font-weight:normal;
		float:left;
		width:460px;
		margin-bottom:20px;
		}
	#profileEditForm .aProfileImage{
		cursor:pointer;
		cursor:hand;
 	 }
	#profileEditForm .submitButton{
		width:50px;
		font-size:12px; font-weight:bold; color:#cc0000;text-align:left;
		background-image:url(../images/redArrowLeft.jpg); background-repeat: no-repeat;
        background-position:left;
        background-color:transparent;
        border:0;
        padding-left:8px; padding-top:2px;
		cursor:pointer;
		cursor:hand;
		}
 	.profileImageOptions {
    	margin-top:10px;
  		}
 	.backToContentMain a{
		color:#CC0000;
		}
 	.backToContentMain a:hover{
		color:#CC0000;
		}
/************* edit albums ****************/
    .editAlbumsContainer{
		padding-left:15px; padding-top:15px; padding-bottom:5px;
	}

	#newAlbumFormContainer{
  		display:none;
 		padding-top:20px;
		}

	#albumsListContainer{
		margin-top:25px;
		max-height:620px;
		overflow:auto;
		}

	#newAlbumAjaxLoader{
  		display:none;
		}

	.albumCountInfo{
  		padding-bottom:5px;
		}


	#albumsList li{
		padding:10px;
		margin-bottom:15px;
  		height:70px;width:500px;
		border:1px solid; border-color:#e1e1e1;
		}
/*
#albumsList li:hover, #albumListImages li:hover{
  background-color:rgb(204,204,204);
  cursor:move;
}
*/
	#albumsList li .imgContainer{
		border:1px solid; border-color:#e1e1e1;
 		width:70px;
  		height:70px;
  		float:left;
		}

	#albumsList li .albumInfoContainer{
  		float:left;
  		margin-left:15px;
  		width:200px;
  		overflow:hidden;
		}
	.albumEditLink, .albumDeleteLink, #saveAlbumInfo, #imageBrowserTrigger, .deleteImageLink, .editImageDescription, .removeImageFromAlbum,   .doubleLinks {
	    background-image:url(../images/redArrowLeft.jpg); background-repeat: no-repeat;
        padding-left:10px;padding-right:10px;
        font-size:11px; font-weight:bold; text-align:left;
	}
	.editImageDescription{
		padding-bottom:5px;
		}
	.infoTitle{
		height:56px;
	}
/*********** edit album images ***********/

	.albumImage{
		border:1px solid; border-color:#e1e1e1;
		margin-right:10px;
 		width:70px;
  		height:70px;
		float:left;
		}
 	.albumSeparator{
  		height:1px;
  		border-top:2px solid; border-color:#e1e1e1;
 		margin-top:5px; margin-bottom:15px; margin-right:20px;
		}
	#albumImagesEditorContainer{
		padding-left:15px; padding-top:15px; padding-bottom:12px;
		}

	#albumListImages li{
  		border:1px solid; border-color:#e1e1e1;
  		width:157px;
  		height:70px;
		padding:5px;
  		margin:3px;
		font-size:11px;
  		float:left;
  		overflow:hidden;
		}

	#albumListImages li img{
  		display:block;
  		float:left;
		}

	#albumListImages li div.itemInfoSection{
  		float:left;
  		width:80px;
	}
	#albumListImages li a{
		margin-left:5px;
		display:block;
	}
	#albumListImages li span{
  		display:block;
  		white-space: nowrap;
  		cursor:pointer;
		}

	#albumListImages .checkHolder{
		display:block;
		margin-top:25px; margin-left:2px;
	}
	#savedIndicator{
	  margin-left:10px;margin-right:10px;
	}
	.confirmedByUser{
	 margin-right:10px;
	}
