@font-face {

    font-family: Vladimir Script;

    src: url(vladimir.ttf);

}

@font-face {

	font-family: MonsieurLaDoulaise;

	src: url(MonsieurLaDoulaise-Regular.ttf);

}

@font-face {

	font-family: Bonbon Regular;

	src: url(Bonbon-Regular.ttf);

}

@font-face {

	font-family: Script;

	src: url(SCRIPTIN.ttf);

}

#galTitle

{

	font-family: Vladimir Script,Times New Romans;

	font-size:40px;

	text-align:center;

	color:#999999;

}

#current

{

	font-family: Vladimir Script,Times New Romans;

	font-size:25px;

	text-align:center;

	color:#999999;

}

table

{

	margin-left: auto;

	margin-right: auto;

}

a:hover, a:visited, a:link, a:active

{

	text-decoration: none !important;

	color: black;

} 

#container

{

	height:128px;

	width:128px;

	position:relative;

	text-align:center;

	display: inline;

	float: left;

}

#containerP

{

	height:128px;

	width:250px;

	position:relative;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



#image

{

	position:absolute;

	left:0;

	top:0;

}

#borderIMG

{

	position:absolute;

	left:0;

	top:0;

	text-align: center;

}

.folderImage {

	border: 4px	double #003399;	

}

.imageNotLogged {

	//border: 2px double #660022;

}

.albumTable {

	border-width: 1px;

	border-style: outset;

	border-color: #999999;

	border-collapse: separate;

	background-color: white;

}



.albumTable div #container {

	border-width: 1px;

	padding: 1px;

	border-style: inset;

	border-color: #010188;

	background-color: white;

	-moz-border-radius: ;

}

#text

{

	z-index:100;

	height:75px; /*was 128*/

	width:128px;

	position:relative;

	color:black;

	font-family:MS Sans Serif;

	font-weight:bold;

	font-size:15px;

	top:50px;

}

#text2

{

	z-index:101;

	height:128px;

	width:250px;

	position:relative;

	color:black;

	font-family:MS Sans Serif;

	font-weight:bold;

	font-size:15px;

	top:35px;



}

#picDiv

{

	position: relative;

	text-align:center;

}

#span

{

	position: absolute;

	text-align: center;

	vertical-align: middle;

}

#pic

{

}

#prevnext

{

	font-family:Vladimir Script,Times New Romans;

	font-size:30px;

	font-weight:bold;

	text-align:center;

	color:#999999;

}

#caption {

	font-family:Lucida Calligraphy,Times New Romans;

	font-size:15px;

	text-align:center;

	color:#666666;

}

input[type="submit"] {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 5px 0px #ffffff;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);

	background-color:#ededed;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	cursor:pointer;

	color:#999999;

	font-family: Vladimir Script,Times New Romans;

	font-size:30px;

	padding:0px 3px;

	text-decoration:none;

	text-shadow:0px 1px 0px #ffffff;

}

input[type="submit"]:hover {

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);

	background-color:#dfdfdf;

}

input[type="submit"]:active {

	position:relative;

	top:1px;

}

input[type="text"] {

	border-radius:4px;

}

input[type="text"]:hover {

	background-color:#EEEEEE;

}

input[type="text"]:focus {

	background-color:#EEEEEE;

}

.groupDiv {

	clear: both !important;

	display: inline-block !important;

}

.allDiv {

	margin: 0 auto;

	width: 648px;
}

@media only screen and (max-width: 686px), only screen and (max-device-width: 686px) {



	.allDiv {

		margin: 0 auto;

		width: 130px;

	}

	td:not(#next):not(#prev) {

		display: table;

		height: 136px;

		width: 136px;

		text-align: center;

	}

	td #next, td #prev {

		height: 136px;

		width: 136px;

		text-align: center;

	}

	#pic {

		width: 300px;

	}

	

	#prev {

		width: 15px;

		height: 15px;

	}

	#next {

		width:15px;

		height: 15px;

	}

	#prevnext {



	}

	input[type="text"] {

		width: 275px;

	}

	.loggedAlbumTD {

		margin: 0 auto;

	}

}