/* 
*   CSS specific to the gallery itself goes here
*   all other styling should go in a different stylesheet
*/

#gallery_container {
    width:515px;
    display:block;
    padding:0px;
    border:0px;
    margin-top:14px;
    position:relative;
    }
	
#gallery_container p.edit_area {
	margin: 6px 0px 15px 0px;
	padding: 0px 15px;
	color: #555e36;
	font-size: 11px;
	line-height: 14px;
}	

#displayed_image_container {
    float:left;
    width:455px;
    text-align:center;
    }

/* thumbnail div styles */
#thumbnails_container {
    float:left;
    width:60px;
    text-align:center;
    }

/* contains an individual thumbnail */
.thumb_anchor, .current_image {
    border:3px #fff solid;
    display:inline-block;
    height:50px;
    width:50px;
    }
.current_image, .thumb_anchor:hover {
    border:3px #555e36 solid;/*#5eb246 */
    }

#new_image_finalize_button {
    display:none;
    }
#delete_button {
    float:left;
    }

#image_table {
    width:710px;
    border-collapse:separate;
}
#image_table thead tr th {
    padding:5px;
    border-bottom:1px solid #555E36;
    }
#manage_header_3, #image_table tfoot tr td {
    text-align:right;
    }
#image_table tbody tr {
    cursor:move;
    }
#image_table tbody tr td {
    padding:5px;
    margin:5px 0;
    border-top:1px solid #555E36;
    border-bottom:1px solid #555E36;
    }
#image_table tfoot tr td {
    padding:5px;
    border-top:1px solid #555E36;
    }
.image_cell {
    text-align:center;
    }
#image_table tbody tr textarea {
    width:628px;
    height:53px;
    margin:2px 5px 0px 0px;
    font-size:10px;
    border:1px solid #555E36;
    }
#image_table tfoot input {
    vertical-align:bottom;
    }

.blank_arrow {
    visibility:hidden;
    }
.previous_arrow, .next_arrow, .blank_arrow{
    text-decoration:none !important;
    display:inline-block;
    width:20px;
    height:20px;
    margin:5px 2px;
    }
.previous_arrow {
    background-image: url('prevArrow.png');
    }
.next_arrow {
    background-image: url('nextArrow.png');
    }
.previous_arrow:hover,
.previous_arrow:focus,
.next_arrow:hover,
.next_arrow:focus {
    background-position: -20px 0;
    }