
/** album **/
/* album nav */
#albums #nav,
#album_right_nav
{
	float:right;
	width: 170px;
    /*height: 630px;*/
	/*background-color: #90af1f;*/
    overflow: hidden;
    margin: 3px 0;
}

/* rating window */
#rating_window { text-align:center; visibility: hidden; font-size:12px;  position: absolute; height:50px; width: 230px;z-index:10;}
#rating_window input { cursor:hand;cursor:pointer;padding-right:5px; }

#album_right_nav h2 { font-size: 18px; text-align:center; color: #cc1; margin-top:5px}

#editPhoto fieldset,
#album_photo_upload fieldset { border: none; }
#album_page_nav { height: 30px;}
#album_page_nav a {display:block; margin: 3px 5px 0 0 ;float:right;color:#000;font-weight:bold;width:2em;text-align:center;}

.album_nav_selected,
#album_page_nav a:hover{border: dotted 1px yellow;background-color: #c7ceae;color:white}
#thumbs { float:left; overflow:hidden;/*width:608;*/ height: 645px;margin-bottom:3px;}
#albums #main,
#thumb_view {  background-color:#f3f5e9;border: 1px solid #c7ceae; height:600px;}
.thumb img {text-align:center;display: block; /*border:3px #cad1b3 solid;*/}
.thumb_img {display:block;/*border:1px solid black;*/}
.thumb { width: 100px; height: 150px; float: left; overflow: hidden; text-align: center;margin-top:10px;}
.thumb a {/*font-size: 10px; color:#7c7f6f;*/color:#000;}
.thumb .sep {font-size:10px;color:#7c7f6f;}
.thumb .description {display: block; /*font-size:10px;*/ overflow: auto; margin-bottom: 5px; color:#000;/*#5b5e4e;*/}
/*.thumb .description a:hover { text-decoration: underline; color: #e1a; font-size: 16px }*/



#album_photo_upload {font-size:12px;margin:0;width:100%;padding:0;margin:0;text-align:right;}

#album_photo_upload .cont{width:25%;float:right;clear:right;display:block;overflow:hidden;text-align:right;margin:0;display:block; font-size: 12px;font-weight:bold;}
#album_photo_upload .l{width:100%;clear:both;text-align:right;display:block;overflow:hidden;margin: 4px 0 0 0;padding:0;}
#add_photo_fieldset input {width:70%;float:left;clear:left;font-size:10px;display:block;overflow:hidden; border: 1px solid #2a6ea8;margin-top:2px;}

#add_photo_fieldset #photo_share{float:left;clear:left;width:70%;margin-right:0;font-size: 10px;border: 1px solid #2a6ea8;}
#add_photo_fieldset #photo_desc {margin-right:0;width:70%;}

#album_photo_upload .but {clear:none;background:none;width:50px;border:0;text-align:center;}
#album_photo_upload .button {clear:both;margin:0 auto; text-align:center;border:fff solid 0px;}
/*#album_photo_upload div input{float:none;clear:both;float:right;width:100px;margin-right:5px;}*/
#album_photo_upload .button{ background: url('../gfx/btn_upload.gif') no-repeat; width: 51px; height: 19px; border:none;float:left; margin-top: 10px; margin-left: 5px;}

#albums h3, #album_right_nav h3
{
	font-size: 14px;
	text-align: right;
	margin: 16px 10px 0 0;
	color:#2a6ea8;;
}

#editPhoto { visibility:hidden; text-align:center; position: absolute; height:135px; width: 310px;}
#editPhoto form {clear:both;}
#editPhoto form fieldset>input {font:inherit;clear:left; width: 60%}
/*#editPhoto form div {margin:0 auto;text-align:center;}*/
#editPhoto form div input {cursor:hand; cursor:pointer;}
/*#editPhoto form div  {margin-bottom: 10px;clear:both}*/
#editPhoto form fieldset>label {float:right; display: block; width: 10%;}
#editPhoto span {margin-right:10px;text-align:right}
#editPhoto #edit_photo_share { float:left;width:58%;text-align:left;margin-left: 2em}
#editPhoto #edit_photo_share label {float:right;clear:none;}
/* radios */
#editPhoto #edit_photo_share input {margin-right:4px;width:auto; float:left;margin-left:5px}

#editPhoto span {display:block;color:#000;}
#editPhoto #editPhotoTT {text-align:center;margin:0 auto;border:1px solid #c7ceae; color: #fff; font-weight:bold}
#editPhoto #editPhotoTX {float:left; width:1em;background-color: #f3f5e9}
#editPhotoTX a { color: yellow; background-color: green;display:block;}
#editPhotoTX a:hover { color: yellow; background-color: blue;}
#editPhotoTitle{float:left; clear:both; overflow:hidden;background-color: #B8D262;width:100%;margin-bottom:5px;font-size:14px;}

/*friends album nav*/
#album_nav {background-color:#a9c152;width:96%; margin: 3px auto;}
#album_nav ul {height:60px; }

#album_nav ul li a { font-size: 14px; font-weight: 900 ; color:#576e09;margin-right:3px;}

#album_nav ul li a:hover {color:#fff}

/*photo view*/
#photo_view #photo_container { overflow: auto; margin-top: 3px}
#photo_view #photo_container img { margin: 0 auto;display:block;}
#photo_view ul { margin : 0 auto;padding:3px 0}
.photo_view_nav { margin-top:10px;margin-bottom:10px;display: inline;}
.photo_view_nav a:visited { font-weight: bold;font-size:12px}
.photo_view_nav a:link {  font-weight: bold;font-size:12px}



/* albums main page */
#rename_album { visibility:hidden; text-align:center;  font-size:12px;  position: absolute; height:100px; width: 255px; z-index:10;}
#rename_album form label {width:100%;clear:both;float:left;margin:0 auto}
#rename_album form label span {display:block;float:right;text-align:left;width:26%;font-size:12px;margin-left: 5px}
#rename_album form label input {display:block;float:right;width:60%;margin-left:5px;font-family:inherit}
#albums #main { height: 628px }
#nav ul { margin: 0 auto; width: 96%;margin-top:3px;background-color:#a9c152;text-align:center}
#nav form span { font-size: 12px; color:#fff; display:block;}
#nav form input { font-size: 12px; float:right}



#albums #nav form #submitNewAlbum { font-size: 12px;border: dotted 1px #ccc; margin-right: 5px; width: 30px}
#albums #nav form #submitNewAlbum:hover { font-size: 12px;border: dotted 1px #ccc; background-color:#ccc; color:#fff; font-weight:bold; cursor: hand; cursor:pointer}
#albums #nav a { color:#576e09; font-weight: bold; font-size:14px;}
#albums #nav a:hover { color: #fff }
#albums #main table { margin: 0 auto; width: 95%}
#albums #main table th { background-color: #fedff1; color: #576e09; text-align: center;}
#albums #main table td { text-align: center; }
#albums #main table .actions .sep { color: #a01313;}
#albums #main table .actions a { color: #a01313;  display:inline;}
#albums #main table .actions a:hover { color: grey; }
#albums #main table .actions { text-align: center; }

/* multi upload page*/
#album_multi_upload {text-align:center;}
#album_multi_upload p   { text-align:center; font-style: italic}
/*#album_multi_upload h3 { background-color:#f3f5e9;text-align:center;margin:0 auto;border:1px solid #c7ceae; color: #19b}*/
#album_multi_upload fieldset { margin: 0 auto; border:0px solid black;}
#album_multi_upload fieldset label span { float: right; width: 17%;text-align:left;font-size: 12px;}


#album_multi_upload form { width: 100%; margin: 0 auto;overflow:hidden;}
#album_multi_upload form label {clear:both;float:right;margin-top:3px;display:block;width:70%}
#album_multi_upload form label select,
#album_multi_upload form label input {width: 70%;float:left}
#album_multi_upload form label span {display:block;float:right; margin-left:20px; text-align:left;width:20%; font-size: 14px}
#album_multi_upload form div {text-align:center;margin: 15px 0;float:left;width:100%;}
#album_multi_upload form div input {cursor:hand; cursor:pointer;clear:both;}
#album_multi_upload form div input:hover {}
#albums #nav ul {list-style-type:none;}
