* {
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif, Helvetica;
	font-size: 12px;
}

a
{
	color: #009ed8;
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

div.clear
{
	height: 0px;
	clear: both;
}

img {
	border: none;
}


div#page
{
	width: 800px;
	margin: 0px auto;
}

div#header
{
	/*height: 112px;*/
}

div#header div#top
{
	height: 78px;
}

div#header div#top a
{
	color: #fff;
}
div#header div#top img#logo
{
	border: none;
	float: left;
}

div#header div#top h1 a
{
	width: 242px; 
	background: url(../images/logo.gif) no-repeat; 
	float: left; 
	height: 0px;
	overflow: hidden;
	padding-top: 68px;

}

div#header div#top div.logo:hover
{
	cursor: pointer;
}

div#header div#top div#viewAlbums
{
	float: right;
	margin: 29px 0px 0px 0px;
	width: 370px;
}

div#header div#top input.text
{
	float: left;
	margin: 10px 0px;
	background: url('../images/viewAlbumsInputBackground.gif') repeat-x center bottom;
	color: #aaa;
	width: 145px;
}

input.text
{
	float: left;
	background: url('../images/viewAlbumsInputBackground.gif') repeat-x center bottom;
	width: 145px;
}

div#header div#top div#viewAlbums input.viewAlbums
{
	width: 118px;
	height: 31px;
	background: url('../images/viewAlbumsButtonBig.jpg') top left no-repeat;
	border: none;
	margin: 4px 0px 0px 7px;
	
}

div#header div#top div#viewAlbums input.viewAlbums:hover
{
	background-position: bottom left;
	cursor: pointer;
}


/*------------------MENU-STYLE-----------------------------------------------------*/
div#header div#menu
{
	clear: both;
	height: 34px;
	background: url('../images/menuBackground.gif') repeat-x;
	text-align: left;
}

div#header div#menu ul
{
	font-family: tahoma;
	font-size: 16px;
	list-style-type: none;
	line-height: 34px;
}

div#header div#menu ul li
{
	float: left;
}

div#header div#menu ul li a
{
	margin: 0px;
	padding: 7px 15px 7px 15px;
	color: white;
	text-decoration: none;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #a9a9a9;
}

div#header div#menu ul li a.first
{
	border-left: none;
	border-right: 1px solid #a9a9a9;
}

div#header div#menu ul li a:hover
{
	background-color: #bdbdbd;
}

div#header div#menu ul li a.current
{
	background-color: #bdbdbd;
}

/*------------------END-MENU-STYLE-----------------------------------------------------*/



/*------------------HOME-STYLE-----------------------------------------------------*/
div#content-page
{
	clear: both;
	padding: 15px 0px;
	font-family: verdana;
	color: #363636;
}

div#content-page div#imageSlideshow
{
	height: 240px;
	width: 800px;
	background: url("../images/slideshow/image13.jpg") no-repeat;
}

div#content-page div#content div#left
{
	float: left;
	width: 370px;
	padding: 15px;
	text-align: left;
}

div#content-page div#content h1
{
	font-size: 18px;
	font-weight: normal;
}

div#content-page div#content div#left img
{
	margin-top: 15px;
}

div#content-page div#content h1.logo
{
	float: left;
	margin-left: 5px;
	background: url('../images/textLogo.gif') no-repeat;
	text-indent: -2000px;
	width: 90px;
	height: 29px;
}

a.button 
{
	display: block;
	height: 26px;
	float: right;
	color: #fff;
	padding-right: 15px;
	background: url("../images/buttonA.png") no-repeat center right;	
	font-size: 12px;
	height: 28px;
}

a.button:hover
{
	text-decoration: none;
}

a.button span
{
	background: url("../images/buttonSpan.png") no-repeat center left;
	display: block;
	line-height: 26px;	
	padding: 0px 0px 0px 15px;
	margin-left: 5px;
	height: 28px;
}

a.green
{
	font-size: 14px;
	background: url("../images/buttonAgreen.png") no-repeat center right;
}

a.green span
{
	background: url("../images/buttonSpangreen.png") no-repeat center left;
}

div#content-page div#content div#left h1.sub
{
	font-size: 14px;
	font-style: italic;
}

div#content-page div#content p
{
	font-size: 12px;
}

div#content-page div#content div#about p,
div#content-page div#content div#signUp p,
div#content-page div#content div#left p,
div#content-page div#content div.form p,
div#content-page div#content div.addFriend p
{
	margin: 10px 0px;
}

div#content-page div#content p.currentPage
{
	font-size: 14px;
}

div#content-page div#content div#right
{
	width: 400px;
	float: right;
}

div#content-page div#content div#right div#boxes a
{
	display: block;
	background: url('../images/boxes.png') no-repeat center center;
	width: 400px;
	height: 66px;
	margin-top: 70px;
}

div#signupButtonSmall
{

}

div#signupButtonSmall a
{
	display: block;
	width: 160px;
	height: 34px;
	background: #fff url("../images/signup_small.png") no-repeat top center;
}

div#signupButtonSmall a:hover
{
	background: #fff url('../images/signup_small.png') no-repeat center -34px;
}

div#signupButtonSmall a:focus
{
	background: #fff url("../images/signup_small.png") no-repeat bottom center;
}

div#content-page div#content div#right div#signup
{
	margin: 40px 0px;
	text-align: center;
}

div#content-page div#content div#right div#signup div#signupButton
{
	margin: 0px auto;
}

div#content-page div#content div#right div#signup div#signupButton a
{
	width: 273px;
	height: 59px;
	background: #fff url('../images/signup.png') no-repeat top center;
	margin: 0px auto;
	display: block;
}

div#content-page div#content div#right div#signup div#signupButton a:hover
{
	background: #fff url('../images/signup.png') no-repeat center -59px;
}

div#content-page div#content div#right div#signup div#signupButton a:focus
{
	background: #fff url('../images/signup.png') no-repeat bottom center;
}

div#content-page div#content div#signUp div.confirmSignup
{
	border: 2px solid #009ed8;
	background: #add8e6 url(../images/blue_bg.png) repeat-x 0 0;
	padding: 0px 8px;
}

div#content-page div#content div#right div#loginButton
{
	text-align: center;
}

div#content-page div#content div#right div#loginButton div#loginButtonButton
{ 
	margin: 0px auto;	
}

div#content-page div#content div#right div#loginButton div#loginButtonButton a
{ 
	background: #fff url('../images/login.png') no-repeat top center;
	display: block;
	width: 200px;
	height: 59px;
	margin: 0px auto;
}

div#content-page div#content div#right div#loginButton div#loginButtonButton a:hover
{ 
	background: #fff url('../images/login.png') no-repeat bottom center;
}

div#content-page div#content div#signUp div#success h3
{
	font-size: 14px;
}

div#hiddenImages
{
	display: none;
	position: absolute;
}
/*-----------------END-HOME-STYLE-----------------------------------------------------*/


/*------------------ABOUT-STYLE-----------------------------------------------------*/
div#content-page div#content div#about
{
	padding: 10px;
	text-align: left;
	float: left;
	width: 500px;
}

div#content-page div#content div#about h2
{
	font-size: 18px;
	font-weight: normal;
	margin-top: 25px;
}

div#content-page div#content div#about h3
{
	font-weight: bold;
	font-size: 13px;
}

div#content-page div#content div#about p
{
	line-height: 16px;
}

div#page div#content-page div#content p.list
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#content-page div#content div#about ul,
div#content-page div#content div.addFriend ul,
div#content-page div#content div.form ul
{
	margin-left: 15px;
	font-size: 12px;
	color: #009ed8;
}

div#content-page div#content div#about ul li,
div#content-page div#content div.form ul li,
div#content-page div#content div.addFriend ul li
{
	padding: 2px 0px;
}

div#content-page div#content span.blacktext
{
	color: #262626;
}

div#content-page div#content div#about a img
{
	border: 1px solid #777;
}

div#content-page div#content div#about a img:hover
{
	border: 1px solid #009ed8;
}

div#content-page div#content div#aboutRight
{
	width: 272px;
	float: right;
	padding-top: 35px;
}

div#content-page div#content div#aboutRight img.people
{
	margin-left: -25px;
}



div#content-page div#content div#aboutRight h2
{
	float: left;
	text-align: left;
	width: 90%;
	font-size: 12px;
	padding: 5px 0px 10px 35px;
	font-weight: bold;
	margin: 5px 0px;
}

div#content-page div#content div#aboutRight h2.green
{
	background: url("../images/check.gif") no-repeat;
}

div#content-page div#content div#aboutRight h2.blue
{
	background: url("../images/aboutCheck.gif") no-repeat;
}

div#content-page div#content div#aboutRight h2 span
{
	font-size: 92%;
}

div#content-page div#content div#smallSignup
{
	height: 40px;
	text-align: center;
}

div#content-page div#content div#smallSignup div#smallSignupButton
{
	background: #fff url('../images/signUpAboutH.jpg') no-repeat;
	width: 157px;
	height: 40px;
	margin: 0px auto;
}

div#content-page div#content div#smallSignup div#smallSignupButton a
{
	background: #fff url("../images/signUpAbout.jpg") no-repeat;
	display: block;
	width: 157px;
	height: 40px;
}

div#content-page div#content div#smallSignup div#smallSignupButton a:hover
{
	background: transparent;
	text-decoration: none;
}

/*------------------END-ABOUT-STYLE-----------------------------------------------------*/

div#content-page div#content div.addFriend img {float: left; margin: 0px 15px 0px 0px; width: 120px;}
div#content-page div#content div.addFriend h1 {background: url(../images/tick_32.png) no-repeat 140px 3px; padding-left: 170px;}
div#content-page div#content div.addFriend h3 {font-weight: normal;}


/*------------------SIGN-UP-STYLE-----------------------------------------------------*/

div#signUp
{
	width: 500px;
	text-align: left;
	padding: 10px 0px 10px 10px;
	float: left;
	margin: 0px;
}

div#signUp div.field
{
	clear: left;
	margin: 5px 0px;
}
	
div#signUp div.checkbox
{
	padding-top: 5px;
	padding-left: 115px;
}

div#content-page div#content div#signUp form
{
	padding-top: 10px;
}

div#content-page div#content div#signUp .field p
{
	text-align: right;
	font-size: 12px;
	width: 105px;
	float: left;
	padding-right: 9px;
	margin: 0px;
}

div#content-page div#content div#signUp .checkbox p
{
	width: 340px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	color: #222;
	font-size: 10px;
}

div#content-page div#content div#signUpRight
{
	float: right;
	text-align: left;
	width: 275px;
	margin: 0px;
}

div#content-page div#content div#signUpRight img
{
	margin: 25px auto; 
}

div#content-page div#content div#signUpRight h2
{
	float: left;
	width: 90%;
	font-size: 17px;
	min-height: 25px;
	padding-left: 35px;
	padding-top: 3px;
	background: url("../images/check.gif") no-repeat;
	font-weight: normal;
	margin: 5px 0px;
}

div#signUp .field div.tip
{
	padding: 2px 0px 0px 115px;
	font-size: 10px;
	color: #555;
	text-align: left;
	margin: 0px;
	width: 280px;
}

div#signUp .field input
{
	float: left;
	font-size: 13px;
	padding: 2px 1px;
}

input.text, input.email
{
	border: 1px solid #777;
	padding: 2px;
	background: url('../images/viewAlbumsInputBackground.gif') repeat-x center bottom;
}

input.text:focus, input.email:focus
{
	border: 1px solid #009ed8;
}

div#signUp .field input.text
{
	width: 150px;
}

div#signUp .field input.email
{
	width: 250px;
}

div#signUp .field p.long
{
	width: 210px;
	padding: 0px 15px 0px 0px;
}

div#signUp *.inputError, div.form *.inputError
{
	background-color: #fffcad;
}

div#signUp div.buttons
{
	clear: both;
	padding: 20px 0px;
	text-align: center;
}

div#signUp .buttons input
{
	padding: 5px;
}

div#signUp div#error, div.form div#error
{
	font-size: 12px;
	background-color: #fffcad;
	border: 2px solid #6c6b4c;
	padding: 3px;
	color: black;
	margin: 0px 5px 15px 0px;
	width: 430px;
}

div#signUp #error p
{
	margin: 5px; 
}

div#signUp div#success
{
	font-size: 12px;
	border: 2px solid #1cb215;
	padding: 10px;
	color: black;
	margin: 0px 5px 15px 0px;
}

div#signUp div.confirm
{
	margin: 10px 0px;
}


/*------------------END-SIGN-UP-STYLE-----------------------------------------------------*/

/*-------Contact-Style----------------------*/
div#content-page div#content div.form,
div#content-page div#content div.addFriend
{
	float: left;
	width: 600px;
	text-align: left;
	padding: 10px;
}

div#content-page div#content div.form table td
{
	min-width: 60px;
	padding: 2px;
}

div#content-page div#content div#contactRight
{
	float: right;
	padding-right: 10px;
	padding-top: 40px;
	width: 170px;
	height: 265px;
}

div#content-page div#content div#contactRight h2
{ 
	padding: 10px 0px;
	font-size: 14px;
	/*font-style: italic;*/
}

/*-------End-Contact-Style----------------------*/

div#content-page div#footer
{
	height: 60px;
	background-color: #989898;
	clear: both;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

div#content-page div#footer a.facebook
{
	display: block; position: absolute; padding: 3px 0px 4px 25px; float: left; margin: 20px 0px 0px 20px; background: url(../images/facebook_22.png) no-repeat 0 0; color: #4064A3;
}

div#content-page div#footer div#links
{
	padding: 5px 0px 7px 0px;
	width: 550px;
	margin: 0px auto;
}

div#content-page div#footer div#links ul
{
	list-style-type: none;
}

div#content-page div#footer div#links li
{
	display: inline;
	border-right: 1px solid #fff;
	padding: 0px 7px;
}

div#content-page div#footer div#links li.last
{
	border-right: none;
}

div#content-page div#footer div#links li a
{
	color: #fff;
}

div#content-page div#footer div#copyright p
{
	clear: left;
	font-size: 10px;
}

div#content-page div#footer div#copyright a
{
	color: #fff;
}


div#content-page  h1.slideshowTitle
{
	color: #777;
	font-family: Geneva, Tahoma;
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 15px;
}

div#content-page div#content p.slideshowPhotos
{
	color: #777;
	font-family: Geneva, Tahoma;
	font-weight: bold;
	font-size: 14px;
}


/*---------------View-Album-Styyles------------------------------------------------*/
div#welcome
{
	text-align: left;
	width: 758px;
	padding: 20px 0px 30px 20px;
}


div#content-page div#content div#welcome p {
	float: left;
	width: 450px;
	padding: 0px 0px 0px 40px;
	margin: 0px;
}

.welcome_thumbnail {
	margin: 0px;
	border: 3px solid #009ed8;
	border: 3px solid #a0a0a0;
	float: left;
	padding: 7px;
}

.welcome_thumbnail img
{
	border: 2px solid #a0a0a0;
	border: 2px solid #009ed8;
	padding: 0px;
	margin: 0px;
	max-height: 150px;
}

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

div#content-page div#content div#noAlbums
{
	width: 590px;
	border: 2px solid #009ed8;
	background: #add8e6 url(../images/blue_bg.png) repeat-x 0 0;
	padding: 10px;
	margin: 0px auto;
	color: #555;
}



/*---Home-page-album-display--*/
div#content-page div#content div.album
{
	width: 758px;
	padding-left: 20px;
	margin-bottom: 10px;
}

div#content-page div#content div.header
{
	border-bottom: 1px solid #777;	
	height: 33px;
	background: url('../images/content_header_bg1.gif') repeat-x;
}

div#content-page div#content div.album .header h1
{
	color: #777;
	text-align: left;
	height: 28px;
	background-color: #fff;
	padding: 0px 1.5% 0px 2.5%;
	float: left;	
	font-family: Geneva, Tahoma;
	font-weight: 900;
	font-size: 24px;
}

div#content-page div#content div.album .header h1 a
{
	color: #777;
	text-decoration: none;
}

div#content-page div#content div.album .header h1 a:hover
{
	color: #009ed8;
}

div#content-page div#content  div.albumThumbnail
{
	width: 158px;
	min-height: 100px;
	float: left;
}

div#content-page div#content div.albumThumbnail img
{
	border: 4px solid #777;
	float: left;
	width: 150px;
}

div#content-page div#content div.albumThumbnail a:hover img
{
	border: 4px solid #009ed8;
}

div#content-page div#content  div.details
{
	clear: both;
	text-align: left;
	padding: 10px;
}

div#content-page div#content  div.text
{
	float: left;
	padding-left: 30px;
}

div#content-page div#content  div.details div.text h2
{
	font-size: 12px;
	padding-bottom: 5px;
}

div#content-page div#content  .text p
{
	width: 470px;
}

div#content-page div#content  .detail p
{
	padding-left: 15px;
}

a.back
{
	clear: right;
	float: right;
}
/*---End-Home-page-album-display--*/


/*--View-Album-Photos-Page-------*/
div#login
{
	text-align: center;
	padding: 20px 0px;
}

div#login img
{
	height: 100px;
	padding-bottom: 10px;
}

div#content-page div#content h1.albumTitle {color: #777; text-align: center; font-size: 22px;font-weight: bold;}
div#content-page div#content h2.albumDate,
div#content-page div#content div#photoComments h2.photoComments {color: #777; text-align: center; font-size: 14px;font-weight: bold;}
div#content-page div#content div#photoComments a.deleteComment {float: right; display: block; background: url(../images/deleteAlbum.png) no-repeat 0 0; width: 16px; height: 16px;}
div#content-page div#content div#photoComments a.deleteComment:hover {background-position: 0px -16px; }
div#content-page div#content div.leftLink {width: 400px; float: left; text-align: left;font-size: 14px; margin-top:-12px;}
div#content-page div#content div.rightLink {width: 400px; float: left; text-align: right; font-size: 14px;margin-top:-12px;}
div#content-page div#content div#photoContainer {width: 800px; padding: 0px; margin: 5px 0px 0px 0px;}
div#content-page div#content div#photoContainer div#viewPhotoLeft{float: left; width: 44px; height: 502px; text-align: left;}
div#content-page div#content div#photoContainer div#viewPhotoLeft a:hover,
div#content-page div#content div#photoContainer div#viewPhotoRight a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}
div#content-page div#content div#photoContainer div#photo{float: left;  border: 1px solid #777; width: 710px; height: 510px;padding: 0px; margin: 0px;}
div#content-page div#content div#photoContainer div#photo img{margin: auto auto; max-height: 500px; max-width: 700px; overflow: hidden;}
div#content-page div#content div#photoContainer p#caption{padding-top: 5px;font-size:13px; font-weight:bold; text-align: center; clear: left;}
div#content-page div#content div#photoContainer div#viewPhotoRight{float: left; width: 44px; height: 502px; text-align: right;}
div#content-page div#content div#photoContainer div#viewPhotoRight a,
div#content-page div#content div#photoContainer div#viewPhotoLeft a{display: block; margin: 210px 0px;}
div#content-page div#content div#photoComments {width: 700px; margin: 0px auto; text-align: left; padding-top: 25px;}
div#content-page div#content div#photoComments h2.photoComments{text-align: left;}
div#content-page div#content div#photoComments ul{list-style-type: none; width: 380px; margin: 10px 0px;}
div#content-page div#content div#photoComments  ul li{display: block; background: #e6e5e6 url(../images/comment_bg.png) repeat-x 0 0; padding: 5px; margin: 0px 0px 5px 0px}
div#content-page div#content div#photoComments  ul li a.image{display: block; float: left; height: 100%; width: 55px; text-align: left; overflow: hidden; margin-right: 6px;}
div#content-page div#content div#photoComments  ul li a.image:hover{filter:alpha(opacity=55); -khtml-opacity: 0.55; opacity: 0.55}
div#content-page div#content div#photoComments  ul li a.image img{width: 55px; margin: 0px auto;  }
div#content-page div#content div#photoComments  ul li h5 { text-align: left; font-size: 12px; font-weight: bold; width: 290px; overflow: hidden;}
div#content-page div#content div#photoComments  ul li h6 {float: left; text-align: left; color: #363636;  font-size: 11px; font-weight: normal; width: 290px; overflow: hidden;}
div#content-page div#content div#photoComments  ul li p {float: left; text-align: left; color: #707070;  font-size: 11px; font-weight: normal; width: 290px; overflow: hidden;}
div#content-page div#content div#photoComments  ul li textarea {width: 303px; height: 40px; color: #777; border:1px solid #777;}
div#content-page div#content div#photoComments  ul li textarea:focus {border:1px solid #009ED8;}
div#content-page div#content div#photoComments div#loginDiv {font-size: 12px;}
div#content-page div#content div#photoComments div#loginBox {padding-bottom: 0px; width: 300px; margin-top: -165px;}

div#viewPhotosLeft 
 {
	float:left;
	width:379px;
}

div#content-page div#content div#viewPhotosLeft h1.albumTitle
{
	color: #777;
	text-align: left;
	font-weight: bold;
	font-size: 22px;
	padding: 5px 0px 5px 10px;	
}

div#content-page div#content div#viewPhotosLeft h2.albumDate
{
	color: #777;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 0px 15px 10px;
	
}

div#content-page div#content div#viewPhotosLeft h5.desc 
{
	font-size:13px;
	font-weight:normal;
	padding-left: 10px;
	padding-bottom: 20px;
	text-align:left;
	min-height: 230px;
}

div#content-page div#content div#viewPhotosLeft ul
{	
	display: block;
	list-style-type: none;
	padding-left: 10px;
}

div#content-page div#content div#viewPhotosLeft ul li
{	
	float: left;
	margin: 0px 8px 0px 0px;
}

div#content-page div#content div#viewPhotosLeft a.addFriend {float: left; margin-left: 10px; padding: 0px 0px 0px 20px; background: url(../images/add.png) no-repeat 0 0; font-size: 14px; }

div#otherAlbums{width: 840px; margin-left: -30px; background: #e9e9e9; position: fixed; z-index: 100;
				bottom:-72px; padding: 6px 10px; border: 1px solid; border-color: #009ED8 #007099 #f1f1f1 #009ED8;}
div#otherAlbums h2 {font-size: 14px; text-align: left; background: url(../images/otherAlbums_up.png) no-repeat 0 0; padding: 0px 0px 0px 30px; line-height: 20px;}
div#otherAlbums:hover{bottom:0}
div#otherAlbums:hover h2{background-position: 0 -20px;}
div#otherAlbums ul{list-style-type: none; margin-top: 10px;}
div#otherAlbums ul li{display:block; width: 200px; float:left; margin-right: 10px; }
div#otherAlbums ul li.last{margin-right: 0px; }
div#otherAlbums ul li a.image{ height: 60px; width: 60px; float: left; overflow: hidden; margin-right: 5px;}
div#otherAlbums ul li a.image:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}
div#otherAlbums ul li h3.albumTitle{color: #fff;font-size: 12px; text-align: left; margin-bottom: 2px; overflow: hidden; height: 16px; width: 130px;}
div#otherAlbums ul li h4.numPhotos{font-size: 10px; text-align: left;}
div#otherAlbums ul li p{font-size: 10px; text-align: left; width: 130px; height: 30px; overflow: hidden;}



div#loginDiv{background: url(../images/monitor_16.png) no-repeat 0 3px; float: left; font-size: 14px; padding-left: 20px; }
div#loginDiv:hover{background-position: 0 -14px; }
div#loginDiv:hover div#loginBox{display: block;}
ul li#loginLink:hover div#loginBox{display: block;}

div#loginBox{display: none; margin-left: -20px; position: absolute; z-index: 1000; padding:15px; background: #fff url(../images/loginBox_bg.png) repeat-x 0 bottom; border: 2px solid #777 ; color: #333;}
div#loginBox:hover{cursor: default;}
div#loginBox p{font-size: 12px;}

div#header div#menu ul li div#loginBox * {line-height: 14px; font-size: 12px; font-family: Verdana,Arial,Sans-Serif,Helvetica}
div#header div#menu ul li div#loginBox a{border: none; padding: 0px; color: #009ED8;}
div#header div#menu ul li div#loginBox a:hover{background: none; text-decoration: underline;}
div#header div#menu ul li div#loginBox a.button 
{
	display: block;
	height: 26px;
	float: right;
	color: #fff;
	padding-right: 15px;
	background: url("../images/buttonA.png") no-repeat center right;	
	font-size: 12px;
	height: 28px;
}

div#header div#menu ul li div#loginBox a.button:hover
{
	text-decoration: none;
}

div#header div#menu ul li div#loginBox a.button span
{
	background: url("../images/buttonSpan.png") no-repeat center left;
	display: block;
	line-height: 26px;	
	padding: 0px 0px 0px 15px;
	margin-left: 5px;
	height: 28px;
}


div#content-page div#content a.slideshowImage
{
	padding-bottom: 5px;
}

div#content-page div#content a.slideshow 
{
	font-size: 14px;
	padding: 0px 0px 0px 25px ;
	font-weight: normal;
	margin-right: 30px;
	height: 14px;
	background: url(../images/slideshow.png) no-repeat 0 0;
}
div#content-page div#content a.slideshow:hover{background-position: 0px -18px;} 

div#content-page div#content a.zip 
{
	font-size: 14px;
	padding: 0px 0px 0px 25px ;
	font-weight: normal;
	background: url(../images/download.png) no-repeat 0 2px;
	line-height: 16px;
}
div#content-page div#content a.zip:hover{background-position: 0px -15px;} 


div#rotating {
	background-color:#fff;
	border:2px solid #777;
	visibility: hidden;
	left:47%;
	padding:10px;
	position:fixed;
	text-align:center;
	top:50%;
	width:300px;
}

div#content-page div#content div#admin div#adminRight div#rotating h1
{
	font-size: 14px;

}

div#loading {
	background-color:#fff;
	border:2px solid #777;
	visibility: hidden;
	left:40%;
	padding:10px;
	position:absolute;
	text-align:center;
	top:450px;
	width:300px;
	z-index: 1000;
}

div#loading h1
{
	font-size: 14px;
}

div#loading h4
{
	font-size: 14px;
	font-weight: normal;
}

div#viewPhotosRight {
	float:right;
	min-height:100px;
	text-align:center;
	width:383px;
}

#viewPhotosRight a.image
{
	display: block;
}

#viewPhotosRight a.image img{
	border: 2px solid #777;
}

#viewPhotosRight a.image img:hover {
	border: 2px solid #009ed8;
}

#viewPhotosRight img {
	margin-top:10px;
	max-width:379px;
	max-height:400px;
}

a.link
{
	font-size: 18px;
}


div#showcaseOuter
{
	width: 940px;
	position: relative;
	left: 50%;
	margin-left: -470px;
	text-align: center;
	padding-top: 20px;
}

div#showcaseOuter img#showcase-prev {position: absolute; top: 50%; margin-top: -30px; left: 0px; margin-left: -10px;}
div#showcaseOuter img#showcase-next {position: absolute; top: 50%; margin-top: -30px; right: 0px;}
div#showcaseOuter img#showcase-next:hover,
div#showcaseOuter img#showcase-prev:hover
 {cursor: pointer;}
 
div#showcase
{
	width: 800px;
	margin: 0px auto;
	max-height: 450px;
	overflow: hidden;
}

div#showcase-window
{
	width: 100000px;
	margin: 0px auto;
	position: relative;
}

/* New Photos style */
div#showcase-window div.showcase-pane
{
	list-style-type: none;
	float: left;
	margin-right: 0px;
	width: 800px;
	max-height: 450px;
}

div#showcase-window div.showcase-pane a
{
	float: left;
	margin: 0px 10px 15px 0px;
	width: 150px;
	height: 100px;
	overflow: hidden;
}

div#showcase-window div.showcase-pane a:hover img
{
	filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;
}

div#content div#showcase div img.hiddenImage
{
	/* Internet Explorer 
	width: expression(document.body.clientWidth> 300) ? "300px" : "auto"; 
	height: expression(document.body.clientHeight> 300) ? "300px" : "auto"; 
	Standards-compliant browsers */ 
	max-width: 300px;
	max-height: 300px;
}

div#content div#notice
{
	padding: 5px 0px 10px 0px;
	color: green;
	font-size: 12px;
}

/* End New Photos style */


div#page div#header div#error
{
	font-family: verdana;
	font-size: 10px;
	background-color: #fec1c1;
	border: 2px solid #C11B17;
	padding: 3px 25px;
	color: black;
	margin: 0px 5px 15px 0px;
	float: right;
}

div#error
{
	font-family: verdana;
	font-size: 12px;
	background-color: #fec1c1;
	border: 2px solid #C11B17;
	padding: 3px 25px;
	color: black;
	margin: 5px auto 15px auto;
	width: 50%;
}

div#adminRight div#error		
{
	width: 90%;
	font-size: 12px;
}

div#photoNav
{
	width: 65%;
	margin: 10px auto;
	background-color: #ddd;
	border-top: 2px solid #989898;
	border-bottom: 2px solid #989898;
	clear: both;
}

#photoNav table
{
	width: 100%;
	text-align: center;
	color: #695d47;
	font-size: 14px;
}

#photoNav td
{
	padding: 5px;
	width: 30%;
}



#photoNav a.page
{
	padding: 0px 5px;
}

#photoNav p.currentPage
{
	display: inline;
	padding: 0 5px;
	color: #777;
	font-weight: bold;
}
/*
#error a
{
	color: black;
	text-decoration: underline;
}

#error a:hover
{
	text-decoration: none;
}*/


/*------------------LIGHTBOX-STYLES--------------------------------------------*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loader.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
/*-----------------END-LIGHTBOX-STYLES--------------------------------------------*/

/*------Manage-Album-Styyles------------------------------------------------*/
noscript
{
	font-family: verdana;
	font-size: 12px;
	background-color: #fec1c1;
	border: 2px solid #C11B17;
	padding: 3px 25px;
	color: black;
	margin: 0px 5px 15px 0px;
}

div#content-page div#content div#login table
{
	margin: 15px auto;
}

div#content-page div#content div#login table td
{
	padding-right: 3px;
}

div#content-page div#content div#login table td.reset
{
	text-align: center;
}



div#content-page div#content div#login input.yes
{
	width: 75px;
	height: 30px;
}

h5.adminLogin 
{
	font-size:11px;
	padding:2px 10px 2px 0;
	text-align:right;
	color: #333;
	font-family: verdana;
}

div#page h5.adminLogin span.myFriends {color: #009ED8; background: url(../images/myFriends_down.png) no-repeat 0 2px; padding-left: 17px; padding-bottom: 2px;}
div#page h5.adminLogin span.myFriends:hover {background-position: 0 -13px;}
div#page h5.adminLogin span.myFriends div#myFriendsList{display: none; padding: 10px 0px 10px 10px; position: absolute; left: 50%; text-align: left; margin-left: 198px; z-index: 100; width: 190px; 
														background-color: #fafafa; border: 1px solid #989898; }
div#page h5.adminLogin span.myFriends:hover div#myFriendsList{display: block}
div#page h5.adminLogin span.myFriends div#myFriendsList ul{list-style-type: none; max-height: 390px; overflow: auto; margin-bottom: 7px;}
div#page h5.adminLogin span.myFriends div#myFriendsList ul li{display: block; height: 45px;}
div#page h5.adminLogin span.myFriends div#myFriendsList ul li a.image{display: block; float: left; height: 35px; width: 40px; text-align: left; overflow: hidden; margin-right: 6px;}
div#page h5.adminLogin span.myFriends div#myFriendsList ul li a.image:hover{filter:alpha(opacity=55); -khtml-opacity: 0.55; opacity: 0.55}
div#page h5.adminLogin span.myFriends div#myFriendsList ul li a.image img{width: 40px; margin: 0px auto;  }
div#page h5.adminLogin span.myFriends div#myFriendsList ul li h5 { text-align: left; font-size: 10px; font-weight: bold; width: 120px; overflow: hidden;}
div#page h5.adminLogin span.myFriends div#myFriendsList ul li h6 {float: left; text-align: left; color: #363636;  font-size: 9px; font-weight: bold; width: 120px; overflow: hidden;}


div#content-page  div#content div#admin 
{
	padding:20px 10px;
	text-align:center;
}

div#content-page  div#content div#floatLeft 
{
	width:250px;	
	float: left;
}

div#content-page  div#content div#floatLeft h4
{
	padding-top: 15px;
	text-align: center;
	font-size: 11px;
}

div#content-page  div#content div#adminLeft 
{
	-moz-border-radius-bottomleft:2%;
	-moz-border-radius-bottomright:2%;
	-moz-border-radius-topleft:2%;
	-moz-border-radius-topright:2%;
	background:#cecece url(../images/adminMenu_bg1.png) repeat-x 0 0;
	border:2px solid #777;
	float:left;
	padding:10px;
	width:235px;
	color: #555;
	text-align: left;
	margin-bottom: 20px;
}

div#content-page  div#content div#adminLeft h1 
{
	font-size:15px;
	padding:2px;
	text-align:left;
	font-weight: bold;
}

div#content-page  div#content div#adminLeft div.actions a 
{
	background: url(../images/actionHeading.gif) no-repeat;
	display:block;
	font-size:15px;
	margin:7px 0;
	padding:1px 0px 2px 27px;
}

div#content-page  div#content div#adminLeft div.actions span{position: absolute; margin-left: 120px; margin-top: -44px; background: url(../images/new_green.png) no-repeat 3px 8px; padding: 15px;}

div#content-page div#content div#adminLeft div.actions a.current {
	background: url(../images/actionHeadingCurrent.gif) no-repeat;
	color:#555;
}

div#content-page div#content div#admin a.facebook {float: left; font-size: 14px; padding: 1px 0px 4px 25px; margin: 0px 0px 0px 0px; background: url(../images/facebook_22.png) no-repeat 0 0; color: #4064A3;
}


div#content-page div#content div#admin a#donateButton
{
	display: block;
	width: 114px;
	height: 30px;
	background: url(../images/donate.png) no-repeat 0 0;
	margin: 0px auto;
}

div#content-page div#content div#admin a#donateButton:hover
{
	background-position: 0 -30px;
}

div#content-page div#content div#admin div#donateButton div#donateButtonButton
{
	width: 150px;
	height: 45px;
	margin: 0px auto;
	background: #fff url(../images/donateH.gif) no-repeat;
}

div#content-page div#content div#admin div#donateButton div#donateButtonButton a
{
	background: #fff url(../images/donate.gif) no-repeat;
	display: block;
	width: 150px;
	height: 45px;
}

div#content-page div#content div#admin div#donateButton div#donateButtonButton a:hover
{
	background: transparent;
	text-decoration: none;
}



div#adminRight
{
	width: 475px;
	float: right;
	text-align: left;
}

div#content-page div#content div#adminRight h3
{
	font-size: 14px;
}

div#content-page div#content div#adminRight div.adminAlbum {
	height:100%;
	min-height:82px;
	padding-bottom:10px;
	text-align:left;
	width:475px;
}

div#content-page div#content div#adminRight div.adminAlbum div.image {
	float:left;
	width:90px;
}

div#content-page div#content div#adminRight div.adminAlbum div.image a img {
	border:1px solid #fff;
	max-width:80px;
	width:100%;
}

div#content-page div#content div#adminRight div.adminAlbum div.image a img:hover{
	filter:alpha(opacity=65); -khtml-opacity: 0.65; opacity: 0.65;
}

div#content-page div#content div#adminRight div.adminAlbum div.adminText {
	float:left;
	width:265px;
}

div#content-page div#content div#adminRight div.adminAlbum div.adminText h1 {
	font-size:14px;
	padding:0 0 0 10px;
	width:250px;
}

div#content-page div#content div#adminRight div.adminAlbum div.adminText h2.password {
	color:#777;
	font-size:10px;
	padding-left:10px;
}

div#content-page div#content div#adminRight div.adminAlbum p 
{
	font-size:10px;
	padding:5px 10px 0px 10px;
	margin: 0px;
}


div#content-page div#content div#adminRight div.adminActions ul
{
	list-style-type: none;
}

div#content-page div#content div#adminRight div.adminActions ul li
{
	margin: 3px 0px
}

div#content-page div#content div#adminRight div.adminActions ul li a
{
	display: block;
	height: 16px;
}

div#content-page div#content div#adminRight div.adminActions {
	-moz-border-radius-bottomleft:5%;
	-moz-border-radius-bottomright:5%;
	-moz-border-radius-topleft:5%;
	-moz-border-radius-topright:5%;
	background:#cecece url(../images/adminActions_bg1.png) repeat-x 0 0;
	border:1px solid #777;
	float:left;
	padding:3px 3px 5px;
	width:110px;
}

div#content-page div#content div#adminRight div.adminActions ul li a{padding: 0px 0px 0px 20px;}
div#content-page div#content div#adminRight div.adminActions ul li a.addPhotos {background: url('../images/addPhotos.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a.sortPhotos {background: url('../images/sortPhotos.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a.openAlbum {background: url('../images/openAlbum.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a.editAlbum {background: url('../images/editAlbum.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a.deletePhotos {background: url('../images/deletePhotos.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a.deleteAlbum {background: url('../images/deleteAlbum.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a.notifyFriends {background: url('../images/notifyFriends.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li a:hover{	background-position: 0px -16px; }

/*SHARE hover menu*/
div#content-page div#content div#adminRight div.adminActions ul li:hover ul.socialLinks{display: block; }
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks {position: absolute; display: none; height: 22px; margin:0px 0px 0px 18px; background: #ccc; border-top: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #999; 	-moz-border-radius-bottomleft:5%;
	-moz-border-radius-bottomright:5%;
	-moz-border-radius-topleft:5%;
	-moz-border-radius-topright:5%;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li{float: left; }
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a{width: 16px; height: 16px; padding: 0px ; margin: 0px 2px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a.email{background: url('../images/email_16.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a.facebook{background: url('../images/facebook_16.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a.twitter{background: url('../images/twitter_16.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a.delicious{background: url('../images/delicious_16.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a.stumbleupon{background: url('../images/stumbleupon_16.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a.myspace{background: url('../images/myspace_16.png') no-repeat 0px 0px;}
div#content-page div#content div#adminRight div.adminActions ul li ul.socialLinks li a:hover{background-position: 0px -16px;}
/*End SHARE hover menu*/

div#content-page div#content div#adminRight div.albumLine {
	border-bottom:1px solid #777;
	clear:both;
	height:5px;
	margin-bottom:10px;
}


/*------ADD-Album-Styles---------*/

form.addAlbum
{
	margin: 0px 5px;
	text-align: left;
}

table.addAlbum
{
	text-align: left;
}

.addAlbum td
{
	padding: 2px;
}

td.editTitle {
	font-size:15px;
	font-weight:bold;
}

.addAlbum input.name
{
	width: 345px;
}

.addAlbum input.file
{
	width: 100%;
}

input.textAction
{
	font-size: 9px;
}

.addAlbum input.passphrase
{
	width: 175px;
}


textarea
{
	width: 430px;
	height: 145px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
} 

.addAlbum select
{
	width: 45px;
}

input.submit
{
	padding: 5px;
}

.addAlbum img
{
	max-height: 80px;
	max-width: 350px;
}
/*------END-ADD-Album-Styles---------*/

/*----Edit-My-Details-Style---*/
input.password {
	width:220px;
}

form.editDetails {
	margin:0 15px 25px 0;
	text-align:left;
}

table.myPhoto {
	text-align:left;
	width:350px;
}

div#admin div#adminRight form.editDetails table.myPhoto img
{
	max-height: 150px;
	max-width: 150px;
}

table.aboutMe {
	text-align:left;
	width:350px;
}
/*
.aboutMe textarea {
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	height:120px;
	width:100%;
}*/
/*----End-Edit-My-Details-Style---*/

/*-----Add-Photos-Style---------*/
#adminRight h3.addPhoto {
	font-size:16px;
	margin-bottom:15px;
}


div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}

div.legend {
	background-color: #FFF;
	color: #777;
	padding: 2px 4px;
	width: 175px;
	font: 700 14px verdana, Helvetica, sans-serif;
}

div.flash {
	width: 435px;
	margin: 0px 5px 10px;
	border-color: #777;
	min-height: 65px;
	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	background-color:#ECECEC;
	border:1px solid #777777;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
div.green {
	background-color:#DDDDDD;
	border:1px solid #333333;
}

/* Complete */
div.blue {
	border: solid 1px #6a604e;
	background: #178c11 url(../images/photoSuccess_bg.png) repeat-x 0 0;
	height: 10px;
	padding-bottom: 6px;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #444;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 8px;
	background-color: #009ed8;
	border: 1px solid #333;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

div#content-page div#content div#admin div#adminRight div#divStatus
{
	padding-bottom: 15px;
}

div#content-page div#content div#admin div#adminRight form#form1 input.button
{
	position: relative;
	top: -3px;
	left: 15px;
	padding: 1px 4px;
}	

/*-----End-Add-Photos-Style---------*/

/*------Admin-View-Photos-Style----------------------------*/


div#viewAdminPhotos div.actions
{
	-moz-border-radius-bottomleft:5%;
	-moz-border-radius-bottomright:5%;
	-moz-border-radius-topleft:5%;
	-moz-border-radius-topright:5%;
	background:#ccc url(../images/adminActions_bg.png) repeat-x 0 0;
	border: 1px solid #777;
	float: right;
	padding: 3px 3px 5px 10px;
	width: 120px;
	margin: 0px 0px 5px 10px;
}

div#viewAdminPhotos div.actions a 
{
	/*padding: 4px 0px;*/
	padding-left: 20px;
	margin-bottom: 3px;
	display: block;
	height: 16px;
}

div#viewAdminPhotos div.actions a.addPhotos {background: url('../images/addPhotos.png') no-repeat 0px 0px;}
div#viewAdminPhotos div.actions a.sortPhotos {background: url('../images/sortPhotos.png') no-repeat 0px 0px;}
div#viewAdminPhotos div.actions a.edit {background: url('../images/editAlbum.png') no-repeat 0px 0px;}
div#viewAdminPhotos div.actions a.deletePhotos {background: url('../images/deletePhotos.png') no-repeat 0px 0px;}
div#viewAdminPhotos div.actions a:hover {background-position: 0px -16px;}


#viewAdminPhotos h1 {
	font-family:verdana,Tahoma;
	font-size:16px;
	font-weight:900;
}


#viewAdminPhotos p {
	padding:5px 10px 0 0;
}

div#adminPhotos
{
	width: 475px;
	padding: 10px 0px;
}

div#adminPhotos ul {list-style-type: none;}
div#adminPhotos ul li{clear: left; padding-bottom: 5px;}
div#adminPhotos ul li div.img{float: left; width: 75px;}
div#adminPhotos ul li div.img a{ }
div#adminPhotos ul li div.img img.cover{border: 4px solid #009ED8; }
div#adminPhotos ul li div.img img{border: 4px solid #fff;  width: 70px; }
div#adminPhotos ul li div.img img:hover{border: 4px solid #009ED8; 	filter:alpha(opacity=65); -khtml-opacity: 0.65; opacity: 0.65}
div#adminPhotos ul li div.caption{float: left; margin-left: 5px;}
div#adminPhotos ul li div.caption textarea{height: 55px; width: 295px; color: #999; font-style: italic;}
div#adminPhotos ul li div.caption textarea.black{color: #111; font-style: normal;}
div#adminPhotos ul li div.rotate {float: left; width: 88px; padding-left: 5px;}
div#adminPhotos ul li div.rotate a{float: left; width: 22px;height: 19px;  margin: 2px 10px 0px 0px;}
div#adminPhotos ul li div.rotate a.rotateLeft{background: url(../images/rotate_left.png) no-repeat 0 0;}
div#adminPhotos ul li div.rotate a.rotateRight{background: url(../images/rotate_right.png) no-repeat 0 0;}
div#adminPhotos ul li div.rotate a.deletePhoto{background: url(../images/deletePhoto.png) no-repeat 0 0; margin-right: 0px;}
div#adminPhotos ul li div.rotate a:hover{background-position: 0 -19px;}

/* hoverbox styles */
div#adminPhotos ul li div.img a img.preview
{
	display: none;
	width: 150px;
	position: absolute;
	z-index: 100;
	margin-left: -160px;
	margin-top: -75px;
	border: 1px solid #777;
}

div#adminPhotos ul li div.img a:hover img.preview
{
	display: block;
	filter:alpha(opacity=100); -khtml-opacity: 1.00; opacity: 1.00;
}

div#adminPhotos ul li div.img a img.showPreview
{
	display: block;	width: 150px; filter:alpha(opacity=100); -khtml-opacity: 1.00; opacity: 1.00;
}

/* end hoverbox styles */

div#viewAdminPhotos input.editAlbumName 
{
	font-family:verdana,Tahoma;
	font-size:18px;
	font-weight:normal;
	height:24px;
	width:275px;
}

/*----Sort-Photos-Styles----------------*/
div#sortlist 
{

}        

div#sortlist img.sorting {
	float: left;
	margin: 0px 3px 3px 0px;
	height: 69px;
	width: 92px;
	}
	
div#sortlist img.sorting:hover { 
	filter:alpha(opacity=65); -khtml-opacity: 0.65; opacity: 0.65; 
	cursor: move;
	}
div#activityIndicator{float: left; margin-left: 20px; background: #fff 	url(../images/loader.gif) no-repeat;  padding-left: 40px; font-size: 14px; font-style: italic; height: 35px; line-height: 28px;}
div#albumActivityIndicator{position: fixed; top: 300px; left: 50%; border: 2px solid #009ED8; background: #fff url(../images/loader.gif) no-repeat 2px 4px; padding: 5px 20px 2px 50px; font-size: 14px; font-style: italic; height: 35px; line-height: 28px;}

	
div#sortalbums ul#thealbums {list-style-type: none;}	
div#sortalbums ul#thealbums li{padding: 5px; border: 1px solid #777; margin: 2px 0px; background: #fff;}		
div#sortalbums ul#thealbums li:hover{border: 1px solid #009ED8; cursor: move;}	
div#sortalbums ul#thealbums li img{max-width: 80px; float: left; margin-right: 10px;}
div#sortalbums ul#thealbums li h4{font-size: 14px; width: 370px; overflow: hidden;}
div#sortalbums ul#thealbums li p{font-size: 12px; width: 370px; height: 12px; padding: 2px 0px; overflow: hidden;}
/*
#viewAdminPhotos table 
{
	width: 350px;
	padding: 0px;
	text-align:center;
} 

#viewAdminPhotos table td
{
	padding: 4px;
}


#viewAdminPhotos table td img {
	max-height:150px;
	max-width:150px;
	border: 1px solid #777;
}

#viewAdminPhotos table td img:hover {
	border: 1px solid #009ed8;
}


*/

div#admin div#adminRight div#viewAdminPhotos table td div.rotate
{
	height: 19px;
	display: block;
	text-align: center;
	background: url(../images/rotate_bg.png) no-repeat center center;
}

div#admin div#adminRight div#viewAdminPhotos table td div.rotate span.rotateLeft
{
	float: left;
	width: 16px;
	height: 16px;
	background: url(../images/rotate_left.png) no-repeat 0 0;
}

div#admin div#adminRight div#viewAdminPhotos table td div.rotate span.rotateLeft:hover,
div#admin div#adminRight div#viewAdminPhotos table td div.rotate span.rotateRight:hover
{
	cursor: pointer;
	text-decoration: none;
}

div#admin div#adminRight div#viewAdminPhotos table td div.rotate span.rotateRight
{
	float: right;
	width: 16px;
	height: 16px;
	background: url(../images/rotate_right.png) no-repeat 0 0;
}


div#admin div#adminRight div#viewAdminPhotos table td input.imageName
{
	width: 150px;
}

#viewAdminPhotos input.saveAlbumName, #viewAdminPhotos input.saveDesc
{
	padding: 3px 5px;
}


/*------End-Admin-View-Photos-Style----------------------------*/

/*-------Delete-Photos-Style--------------*/
div#adminRight div#deleteAdminPhotos ul {list-style-type: none; }
div#adminRight div#deleteAdminPhotos ul li {float: left; margin: 0px 8px 8px 0px; width: 110px; height: 110px; overflow: hidden;}
div#adminRight div#deleteAdminPhotos ul li img:hover{filter:alpha(opacity=65); -khtml-opacity: 0.65; opacity: 0.65}

div#content-page div#content div#admin div#adminRight form#deletePhotosForm img {

}



span.link {
	color:#009ed8;

}

span.link:hover 
{
	text-decoration:underline;
	cursor:pointer;
}

input.delete
{
	padding: 2px 5px;
}

/*-------End-Delete-Photos-Style--------------*/


input.yes {
color:green;
}

input.no {
color:red;
}
input.submit {
padding:5px;
}

div#confirmDelete {
	background-color:#FEC1C1;
	border:2px solid #C11B17;
	color:black;
	margin:0 5px 25px 0;
	padding:3px;
}

input.confirmNo {
	color:green;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	width:75px;
}

input.confirmYes {
	color:red;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	width:75px;
}
/*-----Friens-Albums-styles-------------*/
div#content-page div#content div#admin div#adminRight div#friendsAlbums form#addFriend
{
	-moz-border-radius-bottomleft:2%;
	-moz-border-radius-bottomright:2%;
	-moz-border-radius-topleft:2%;
	-moz-border-radius-topright:2%;
	background-color:#ccc;
	border:2px solid #777;
	padding:5px;
	color: #555;
	margin-bottom: 10px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form h1
{
	float: left;
	margin-right: 15px;
	margin-top: 2px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form h2
{
	float: left;
	margin-right: 5px;
	margin-top: 8px;
	font-size: 12px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.text
{
	background:transparent url('../images/viewAlbumsInputBackground.gif') repeat-x;
	color:#AAAAAA;
	width: 220px;
	float: left;
	margin-top: 2px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.search
{
	background:transparent url('../images/viewAlbumsInputBackground.gif') repeat-x;
	color:#AAAAAA;
	width: 197px;
	margin-top: 5px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList h5
{
	font-size: 11px;
	padding: 10px 0px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.viewAlbums
{
	width: 73px;
	height: 30px;
	background: url('../images/addUserButtton.gif') bottom no-repeat;
	border: none;
	margin: 0px 0px 0px 7px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.friendSearch
{
	float: left;
	width: 73px;
	height: 30px;
	background: url('../images/friendSearch.gif') bottom no-repeat;
	border: none;
	margin: 0px 0px 0px 7px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.friendCancel
{
	width: 73px;
	height: 30px;
	background: url('../images/friendCancel.gif') bottom no-repeat;
	border: none;
	margin: 0px 0px 0px 7px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.friendSearch
{
	cursor: pointer;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.viewAlbums:hover
{
	cursor: pointer;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums form input.friendCancel:hover
{
	cursor: pointer;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#error
{
	background-color:#ccc;
	border: none;
	color: red;
	padding: 0px;
	margin: 0px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#success
{
	margin: 0px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList
{
	padding: 0px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend
{
	clear: left;
	margin: 7px 0px 12px 0px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend div.thumb
{
	float: left;
	width: 50px;
	margin-right: 10px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend div.thumb img
{
	width: 100%;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend h2
{
	float: left;
	font-size: 14px;
	width: 310px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList a.changeName
{
	float: right;
	width: 100px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend h3
{
	float: left;
	font-size: 12px;
	font-weight: normal;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend input.text
{
	width: 285px;
	color: #444;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend input.yes
{
	width: 50px;
}

div#content-page div#content div#admin div#adminRight div#friendsAlbums div#friendsList div.friend input.no
{
	width: 65px;
}

/*-----End-riens-Albums-styles-------------*/

/*-----END-Manage-Album-Styyles------------------------------------------------*/


div#success {
	background:#8afe84 url(../images/success_bg.png) repeat-x 0 0;
	border:2px solid #1CB215;
	color:black;
	margin:0 5px 15px 0;
	padding:3px;
	font-size: 12px;
}

div#signUp div#success {background: #D2FFCF;}

/*----Terms-and-Conditions-/-Privacy-styles-------------------------*/
div#terms
{
	text-align: left;
	padding: 20px 10px;
}

div#donate
{
	float: left;
	padding: 10px 20px 10px 10px;
	text-align: left;
	width: 590px;
}

div#content-page div#content div#donate div.headings
{
	padding: 15px 0px;
}

div#content-page div#content div#donate h2
{
	display: inline;
	font-size: 12px;
	padding: 5px 0px 10px 35px;
	font-weight: bold;
}

div#content-page div#content div#donate h2.green
{
	margin-left: 30px;
	background: url("../images/check.gif") no-repeat;
}

div#content-page div#content div#donate h2.blue
{
	background: url("../images/aboutCheck.gif") no-repeat;
}

#terms h1, div#donate h1
{
	font-size: 18px;
}

#terms h2
{
	font-size: 14px;
	margin-top: 35px;
}

#terms p, div#donate p
{
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	width: 95%;
}

#terms ul
{
	margin-left: 18px;
}

#terms ul.number
{
	margin-left: 25px;
}

#terms ul.number li
{
	list-style-type: decimal;
}

#terms li
{
	list-style-type: disc;
}
/*----End-Terms-and-Conditions-/-Privacy-styles-------------------------*/