body {
    margin:0px;
    overflow:hidden;
}

#ModalWindow {
    position:absolute;
    overflow:hidden;
    overflow-y: scroll;
    left:0;
    top:0;
    height: 100%;
    width:0px;
    background:#DDE4EA;
    border-right: 2px #ACB1B5 solid;
    opacity: .75;
    z-index: 1;
}
#ModalWindow * {
    white-space: nowrap;
    font-family: arial, helvetica, sans-serif;
    color: #3AABFF;
}
#ModalWindow #closeModalWindow {
    display:block;
    float:right;
    width: 16px;
    height: 16px;
    margin-top:5px;
    margin-right:5px;
    cursor:pointer;
    background: url('../images/close.gif') no-repeat;
    background-position: 0 0;
}
#ModalWindow #closeModalWindow:hover {
    background-position: -16px 0;
}
#ModalWindow .textLabel {
    margin: 5px;
    margin-top: 0;
}
#ModalWindow .comments {
    display: block;
    float: left;
    width: 90%;
    margin: 5px;
}
#ModalWindow .comments .comment {
    display: block;
    float: left;
    width: 100%;
    margin-bottom:10px;
}
#ModalWindow h1, #ModalWindow h2, #ModalWindow #uploadedPhotos, #ModalWindow span, #ModalWindow input{
    display:block;
    margin-left:10px;
    margin-top:10px;
}
#ModalWindow #uploadedPhotos span {
    display: block;
    float: left;
    margin: 10px;
    margin-top: 0;
    color: #969696;
    font-style: italic;
}
#ModalWindow #uploadedPhotos {
    width: 100%;
    clear: both;
}
#ModalWindow #uploadedPhotos div {
    display: block;
    float: left;
    width: 93%;
    margin-left: 1%;
    margin-right: 1%;
    display: block;
    margin-top: 10px;
}
#ModalWindow #uploadedPhotos div img, #ModalWindow #uploadedPhotos div .matInfo {
    float: left;
    width: 100%;
}

#ModalWindow #uploadedPhotos div .matInfo .likesCount {
    display: block;
    float: left;
    width: 50px;
    height: 16px;
    margin-top: -5px;
    padding-left: 20px;
    background: url('../images/like.png') no-repeat;
    cursor: pointer;
    clear: both;
    font-size: 14px;
}

#ModalWindow #uploadedPhotos div .matInfo .tofade {
    display: none;
}

#ModalWindow #uploadedPhotos div .matInfo textarea {
    display: block;
    float: left;
    width: 96%;
    height: 65px;
    margin-top: 5px;
    color: #000;
}

#ModalWindow #uploadedPhotos div .matInfo .addCommentButton {
    display: block;
    float: right;
    width: 150px;
    height: 25px;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    background: #0094FF;
    border: 1px #696969 solid;
    margin-right: 15px;
    margin-bottom: 5px;
    cursor: pointer;
}
#ModalWindow #uploadedPhotos div .matInfo .addCommentButton:hover {
    background: #32A9FF;
}

#loading {
    display: block;
    float: left;
    height: 40px;
    background: url('../images/add-icon.png') no-repeat 4px 4px, linear-gradient(to bottom, #B2CFFF, #3AABFF);
    width: 210px;
    clear: both;
    padding-left: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    cursor: pointer;
    margin: 0 0 20px 25px;
    border: 1px #969696 dotted;
    border-radius: 20px;
}

#loading:hover {
    background: url('../images/add-icon.png') no-repeat 4px 4px, linear-gradient(to bottom, #3AABFF, #B2CFFF);
    text-shadow: 0 0 3px #fff;
}

#newPhoto {
    display: none;
}

.profile {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 10px;
    width: 230px;
}

.profile div {
    display: block;
    float: left;
    color: #008AE4;
    margin-left: 10px;
    height: 25px;
    padding: 0 10px 0 10px;
    background: #003557;
    font-size: 18px;
    font-family: arial;
    line-height: 24px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px #0064A5 solid;
    border-top: 0;
    cursor: pointer;
}
.profile div:hover{
    color: #6CC5FF;
    background: #004977;
    border: 1px #0081D5 solid;
    border-top: 0;
}
#dialog span, #dialog input {
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
}
#dialog #submitDialog {
    display: block;
    float: left;
    background: #0065A8;
    color: #93D4FF;
    width: 100px;
    height: 30px;
    margin-top: 10px;
    border: 1px #424242 solid;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
}
#dialog #submitDialog:hover{
    background: #007BCD;
    color: #FFFFFF;
}