/* -------------------------------------------------------- */
/* All Albums View */
/* -------------------------------------------------------- */

.albumList
{
	width: 100%;
}

.albHeader
{
	background-color: #f4f4f4;
	border-bottom: #f3f3f3;
	padding: 2px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12pt;
	height: 20px;
}

.album
{
	border-bottom: 1px solid #e2e2e2;
	padding-top: 10px;
	padding-bottom: 10px;
}

.album table
{
	width: 100%;
}

.album .imgCol
{
	width: 200px;
}

.album .infoCol
{
	width: 65%;
}

.album .actionCol
{
	/*width: 13%;*/
}

.album .actionCol .actions
{
	vertical-align: top;
	list-style-type: none;
}

.album .actionCol .actions li
{
	list-style-type: none;
}

.album .actionCol .actions a
{
	font-size: 10;
	color: #666666;
	display: block;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	border-bottom: solid 1px #D8DFEA;
}

.album .actionCol .actions a:hover
{
	color: white;
	background: #3B5998;
	text-decoration: none;
}

.albumInfo
{
	/*margin-left: 10px;*/
}

.albumInfo .key
{
	color: #ccc;
	width: 100px;
	padding-left: 10px;
}

.albumInfo .value
{
	padding-left: 10px;
	width: 300px;
	padding-right: 10px;
}

.album td
{
	vertical-align: top;
}

.album img
{
	width: 200px;
}

/* -------------------------------------------------------- */
/* Single Album View */
/* -------------------------------------------------------- */

.sAlbum
{
}

.albHeaderBar
{
	background-color: #dfe7fe;
	height: 15px;
	padding: 2px 5px 2px 5px;
}

.albHeaderBar .aName
{
	font-weight: bold;
	float: left;
}

.albHeaderBar .aCreateLink
{
	font-weight: bold;
	float: left;
}


.albHeaderBar .backLinks
{
	float: right;
}

.albSubHeaderBar
{
	background-color: #f4f4f4;
	height: 15px;
	padding: 3px;
	margin-bottom: 6px;
}

.albSubHeaderBar .infoandedit
{
	float: left;	
}

.albSubHeaderBar .navbuttons
{
	float: right;	
}

.singleItem
{
	margin-bottom: 6px;
	text-align: center;
}

.emptyAlbum
{
	
}

.albDesc
{
	
}

.albItemsDiv
{
	background-color: #f4f4f4;
}

.albItems
{
	width: 100%;
}

.albItem
{
	padding: 8px;
}

.albItems img
{
	border: 1px solid #ccc;
	background-color: White;
	padding: 4px;
	width: 66px;
}

.albItems img:hover
{
	border: 1px solid #000;
}

/* -------------------------------------------------------- */
/* Edit Album */
/* -------------------------------------------------------- */




/* Tab Header */

.editAlbumTabs
{
	border-bottom: 1px solid #ccc;
	height: 29px;
	
	
}

.editAlbumTabs ul
{
	list-style-type: none;
	
}

.editAlbumTabs .eaSelected /* li */
{
	list-style-type: none;
	float: left;
	padding: 4px;
	margin-right: 4px;
	background-color: #f9f9f9;
}

.editAlbumTabs .eaSelected:hover /* li */
{
	list-style-type: none;
	float: left;
}

.editAlbumTabs .eaNotSelected /* li */
{
	list-style-type: none;
	float: left;
	padding: 4px;
	margin-right: 4px;
}

.editAlbumTabs .eaNotSelected:hover /* li */
{
	list-style-type: none;
	float: left;
	background-color: #f9f9f9;
}

.aEditWarning
{
	padding: 5px;
	border: 1px dashed #ccc;
}

.aEditWarning ul
{
	margin-left: 20px;
}

.aEditItems
{
	width: 100%;
}

.aEditItems .aEditItem
{
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

.aEditItems .aEditItem table
{
	width: 100%;
}

.aEditItems .aEditItem td
{
	vertical-align: top;
}

.aEditItems .aEditItem .imageBox
{
	width: 190px;
}

.aEditItems .aEditItem .imageBox .actionBox
{
	background-color: #f9f9f9;
	border: 1px solid #dfe7fe;
}

.aEditItems .aEditItem .imageBox img
{
	width: 190px;
	cursor: crosshair;
}

.aEditItems .aEditItem .capTextInp
{
	overflow: hidden;
	height: 100px;
	width: 300px;
}

.formBtns
{
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: right;
}

/* Delete Album */

.aDeleteWarning
{
	margin-top: 8px;
	background-color: Red;
	color: White;
	padding: 5px;
	font-weight: bold;
}

/* Create & Edit Album */

.CreateEditAlbum
{
	background-color: #f9f9f9;
	border: 1px solid #dfe7fe;
	padding: 8px;
}

.CreateEditAlbum .editName
{
	width: 350px;
}

.CreateEditAlbum .editDescription
{
	width: 350px;
	height: 150px;
	overflow: hidden;
}


.CreateAlbumHeader
{
	padding-left: 10px;
	padding-bottom: 5px;
}

/**************/
/* Tag People */
/**************/

#selector
{
	top: 100px;
	left: 300px;
	position: absolute;
	font-size: 11px;
	width: 180px;
	margin-bottom: 20px;
	background: white;
	border: solid 1px #3B5998;
	border-bottom: solid 2px #3B5998; /*border-right: solid 1px #D8DFEA;*/
}

#selector input
{
	margin: 2px 5px 0px;
	width: 164px;
}

#selector label
{
	display: block;
	margin: 2px 5px 2px;
	font-weight: bold;
	color: gray;
}

#selector .buttons
{
	text-align: center;
}
#selector .buttons input
{
	margin: 5px 2px;
}
#selector .buttons .tag
{
	width: 50px;
}
#selector .buttons .cancel
{
	width: 60px;
}

#userlist
{
	line-height: 20px;
	width: 180px;
	height: 200px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #eee;
	overflow: auto;
}

#userlist label
{
	display: inline;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #000000;
}

#userlist input
{
	width: auto;
}

#userlist hr
{
	padding: 0px;
	margin: 2px 0px;
}

#userlistdiv
{
	line-height: 1px;
	margin: 0px 8px;
	padding: 0px;
	height: 1px;
	width: 140px;
	background: red;
}

#invite_section
{
	margin: 6px;
	border: 1px solid #c0c0c0;
	background: #f1f1f1;
	padding: 4px;
	font-size: 9px;
}

#invite_section .inputtext
{
	width: 100px;
	font-size: 9px;
	height: 11px;
}

#invite_section .inputcheckbox
{
	width: auto;
	float: left;
}

#invite_section label
{
	width: 30px;
	margin: 0px;
	float: left;
	padding-top: 6px;
}

#frame
{
	width: 62px;
	height: 62px;
	position: absolute;
	cursor: crosshair;
	background: url(../images/tagframe.gif);
}

#nameframe {
  top: 0px;
  left: 0px;
  text-align: center;
  position: absolute;
}

#nameframe span,
#nameframe a {
  background-color: #282828;
  padding: 3px 5px 4px 5px;
  white-space: nowrap;
  color: #fff;
  font-weight: bold;
  display: block;
}

#tagframe
{
	width: 170px;
	height: 170px;
	position: absolute;
	border: 4px solid #dfe7fe;
}

#tagframeinside
{
	width: 166px;
	height: 166px;
	position: absolute;
}

/* Uprofile.aspx Album Component */

.uAlbumList
{
	
}

.uAlbumList td
{
	width: 100%;
}

.uAlbumList img
{
	
	margin-top: 10px;
}

.uAlbumList table
{
	width: 100%;
}

/* Add Item Firefox Explanation */

.ffExp
{
	border: 2px solid #ccc;
	padding: 5px;
}

.ffExp img
{
	width: 750px;
}

/* Album Other Tools */

.aotools
{
	
}

.aotools .aotool
{
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	padding: 10px;
	margin-top: 10px;
}

.aotools .aotool .aoheader
{
	border-bottom: 1px solid #ccc;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 20pt;
}

/* Watermark */

.wmExpBox
{
	
}