body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 70%;
}
img
{
	border: none 0px;
}


/* P h o t o A l b u m -->

_________________________________________________
|							|					|	|
|							|	navigation		|	|
|   selected photo			|-------------------|	|
|							|					|	|	
|		300px				|	250px			|	|
|							|  text				|	 } selected_photo_area
|							|					|	|
|							|					|	|
|							|					|	|
|							|					|	|
|							|					|	|
|							|					|	|
|-----------------------------------------------|
|-----------------------------------------------|
|         |         |        |        |         |
|         |         <--tiles-->       |         |
|         |         |        |        |         |
|-----------------------------------------------
|_______________________________________________|



*/
#outercontent_photo_album
{
	height: 100%;
	text-align: center;
	background-color: #000000;
	padding:0px 0px 20px 0px;
}
#photo_album_display
{
	height: 100%;
	width: 550px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 0px 0px;
	color: #ffffff;
	background-color: #000000;
}

/*	Album top */

div#photo_album_top
{
	background-color:#333333;
	border-bottom:solid 1px #999999;
	width:100%;
	height:45px;
	display:inline;
	float: left;  
}

div#photo_album_top_logo
{
	display:inline;
	float:left;
	margin-left:3px;
	position:relative;  
}

div#photo_album_top_logo img
{
	height: 35px; 
}

div#photo_album_top_title
{
	display:inline;
	float:left;
	color: #999999;
	position: relative;
	text-align: left;
	margin-left: 10px;     
	margin-top: 5px;
}

div#photo_album_top h1
{
	font-size:110%;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	color: #ffffff;
}

#photo_album_top_text
{
	display:inline;
	float:right;
	text-align:left;
	width:90%;
	margin-top:5px;
	color: #999999;
	font-size:120%;
}
#photo_album
{
	display:block;
	width:550px;
	height:90%;
	background-color: #333333;
	border:solid 1px #000000;
}
#photo_album a
{
	color: Black;
	text-decoration:none;
}
#selected_photo_area

{
            float:left;
            background-color:Transparent;
            width: 546px;
            height:300px;
            overflow:hidden;
}
.selected_photo
{
	float:left;
	padding:5px 5px 5px 5px;
	overflow:hidden;
	height: 100%;
	width:310px; 
}

.selected_photo img
{
	float:left;
	background-color:#3D3C3C;
	border:solid 1px #000000;
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	overflow:hidden;
}

.photo_album_text
{
	text-align:left;
	float:right;
	width:210px;
	padding:0px 0px 5px 2px;
	margin:10px 0px 10px 10px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
.selected_photo_title
{
	float:right;
	text-align:left;
	font-weight:bolder;
	width:210px;
	padding:0px 0px 5px 2px;
}
.selected_photo_text
{
	float:right;	
	text-align:left;
	font:inherit;
	width:210px;
	padding:0px 0px 0px 2px;
}

.photo_album_navigator
{
	float:right;
	width:220px;
	height:30px;
	padding-top:10px;
	text-align:left;
	background-color:Transparent;
	font-size:70%;
	text-transform:uppercase;
}
.photo_album_navigator_on
{
	float:left;
	display:block;
	font-weight:bolder;
}
.photo_album_navigator_of
{
	float:left;
	text-align:center;
	display:block;
	color:#666666;
	width:60px;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	background-image:url('/sitecore modules/netmester.photoalbum/layouts/images/button_not_active.gif');
	background-position:top right;
	background-repeat: no-repeat;
	background-color:#4B4B4B;
	border:solid 1px #333333;
}
.photo_album_navigator_on a,.photo_album_navigator_on a:link
{
	text-align:center;
	display:block;
	width:60px;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	background-image:url('/sitecore modules/netmester.photoalbum/layouts/images/button_active.gif');
	background-position:top right;
	background-repeat: no-repeat;
	background-color:#8F8B8B;
	border:solid 1px #333333;
}
.photo_album_navigator_on a:active,.photo_album_navigator_on a:hover
{
	text-align:center;
	display:block;
	width:60px;
	padding:2px 4px 2px 4px;
	margin-right:5px;
	background-image:url('/sitecore modules/netmester.photoalbum/layouts/images/button_active_on.gif');
	background-position:top right;
	background-repeat: no-repeat;
	background-color:#B9B6AB;
	border:solid 1px #A8A59E;
}



/* ImageStrib */

#image_strip_outer_doc 
{	
	display:block;
	text-align:left;
	background-color: Transparent;
	height:60px;
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 0px;	
	border-top:solid 1px #BBCACF;
	border-bottom:solid 1px #BBCACF;
	clear:both;
}
#image_strip_outer_album 
{	display:block;
	text-align:center;
	width:550px;
	height:60px;
	padding:10px 0px 10px 0px;	
	background-color: Transparent;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	clear:both;
}
#image_strip_scroll
{
	width:548px;
	height:90px;
	overflow:auto;
	background-color: Transparent;
}
#image_strip_hidden
{
	width:548px;
	height:90px;
	overflow:hidden;
	background-color: Transparent;
}
.image_strip_area
{
	display:block;
	float:left;
	text-align:left;
	background-color: Transparent;
}

.image_strip_image
{
	display:block;
	float:left;
	background-color:Transparent;
}
#image_strip_outer_doc .image_strip_image_on
{
	display:block;
	float:left;
	background-color:#999999;
	height:50px;
}
#image_strip_outer_album .image_strip_image_on
{
	display:block;
	float:left;
	background-color:#000000;
}
#image_strip_outer_doc .image_strip_image a,#image_strip_outer_doc .image_strip_image_on a
{
	background-color:Transparent;
	border:solid 1px #cccccc;
	height:55px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}
#image_strip_outer_doc .image_strip_image a:hover,#image_strip_outer_doc .image_strip_image a:active, #image_strip_outer_doc .image_strip_image_on a:hover, #image_strip_outer_doc .image_strip_image_on a:active
{
	background-color:Transparent;
	border:solid 1px #000000;
	height:55px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}
.image_strip_image a, .image_strip_image_on a
{
	background-color:Transparent;
	border:solid 1px #000000;
	height:55px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}
.image_strip_image a:hover, .image_strip_image a:active, .image_strip_image_on a:hover, .image_strip_image_on a:active
{
	background-color:Transparent;
	border:solid 1px #000000;
	height:55px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}

.image_strip_area a
{
	display:block;
	text-align:center;
	background-color:Transparent;
}
.image_strip_area a:active, .image_strip_area a:hover
{
	display:block;
	text-align:center;
	background-color:#000000;
}
.image_strip_vertical_padding
{
	float:left;
	width:2px;
}
.image_strip_horizontal_padding
{
	height:10px;
}