/* 

Author:   José Guilherme Moreira 
Contact:  jgmoreira@gangnetworks.com 
Web Site: http://www.gangnetworks.com */ 

/* MainContainerImages properties and values */ 

div.ThumbLeft { 
position: relative; 
display: block; 
float: left; 
clear: right; 
width: 130px; 
background-color: #ffffff; 
margin: 4px 12px 8px 0; 
padding: 0; 
border: 1px solid #999; 
color: #333333; 
} 

.ThumbLeft img { 
position: relative; 
clear: both; 
width: 120px; 
background-color: transparent; 
margin: 5px; 
border: 1px solid #999; 
color: #333333; 
} 

div.ThumbRight { 
position: relative; 
display: block; 
float: right; 
clear: left; 
width: 130px; 
background-color: #ffffff; 
margin: 4px 0 8px 12px; 
padding: 0; 
border: 1px solid #999; 
color: #333333; 
} 

.ThumbRight img { 
position: relative; 
clear: both; 
width: 120px; 
background-color: transparent; 
margin: 5px; 
border: 1px solid #999; 
color: #333333; 
} 

div.ImageLeft { 
position: relative; 
display: block; 
float: left; 
clear: right; 
width: 210px; 
background-color: #ffffff; 
margin: 4px 12px 8px 0; 
padding: 0; 
border: 1px solid #999; 
color: #333333; 
} 

.ImageLeft img { 
position: relative; 
clear: both; 
width: 200px; 
background-color: transparent; 
margin: 5px; 
border: 1px solid #999; 
color: #333333; 
} 

div.ImageRight { 
position: relative; 
display: block; 
float: right; 
clear: left; 
width: 210px; 
background-color: #ffffff; 
margin: 4px 0 8px 12px; 
padding: 0; 
border: 1px solid #999; 
color: #333333; 
} 

.ImageRight img { 
position: relative; 
clear: both; 
width: 200px; 
background-color: transparent; 
margin: 5px; 
border: 1px solid #999; 
color: #333333; 
} 

/* ImagesCollections properties and values */ 

table.ThumbsCollectionGrid { 
position: relative; 
display: block; 
clear: both; 
margin: 0 0 6px; 
padding: 0; 
border: 0; 
} 

td.ThumbsCollectionGrid { 
margin: 0; 
padding: 0 0 10px; 
border: 0; 
} 

div.ThumbCollection { 
position: relative; 
display: block; 
float: left; 
clear: right; 
width: 130px; 
background-color: #ffffff; 
margin: 4px 12px 8px 0; 
padding: 0; 
border: 1px solid #999; 
color: #333333; 
} 

.ThumbCollection img { 
position: relative; 
clear: both; 
width: 120px; 
background-color: transparent; 
margin: 5px; 
border: 1px solid #999; 
color: #333333; 
} 

div.ThumbCollectionOver { 
position: relative; 
display: block; 
float: left; 
clear: right; 
width: 130px; 
background-color: #cccccc; 
margin: 4px 12px 8px 0; 
padding: 0; 
border: 1px solid #999; 
color: #333333; 
} 

.ThumbCollectionOver img { 
position: relative; 
clear: both; 
width: 120px; 
background-color: transparent; 
margin: 5px; 
border: 1px solid #999; 
color: #333333; 
} 

/* Slideshows properties and values */ 

table.SlideshowGrid { 
position: relative; 
display: block; 
clear: both; 
margin: 15px 35px 6px; 
padding: 0; 
border: 0; 
} 

td.SlideshowGrid { 
margin: 0; 
padding: 0; 
border: 0; 
text-align: center; 
font-weight: bold; 
} 

h1.SlideshowControls { 
margin: 0 0 4px; 
padding: 0; 
text-align: center; 
} 

.SlideshowNumberButton { 
display: inline; 
width: 25px; 
height: 20px; 
background-color: #ccc; 
border: 1px solid #000; 
color: #333; 
font-weight: bold; 
} 

.SlideshowNumberButtonOver { 
display: inline; 
width: 25px; 
height: 20px; 
background-color: #999; 
border: 1px solid #000; 
color: #333; 
font-weight: bold; 
} 

img.ImageSlideshow { 
clear: both; 
z-index: 3; 
width: 400px; 
background-color: transparent; 
margin: 5px 0 20px; 
border: 1px solid #999; 
color: #333333; 
} 

h1.SlideshowPlay { 
margin: -10px 25px 4px; 
padding: 0; 
text-align: right; 
} 

.SlideshowPlayButton { 
display: inline; 
width: 80px; 
height: 20px; 
background-color: #ccc; 
border: 1px solid #000; 
color: #333; 
font-weight: bold; 
} 

.SlideshowPlayButtonOver { 
display: inline; 
width: 80px; 
height: 20px; 
background-color: #999; 
border: 1px solid #000; 
color: #333; 
font-weight: bold; 
} 

/* CloseUps elements properties and values */ 

body.CloseUp { 
background: #ffffff url(../../public/gfx/bg.png) repeat scroll; 
margin: 0; 
padding: 15px; 
text-align: center; 
color: #333333; 
} 

div#FillerCloseUp { 
position: relative; 
top: auto; 
left: auto; 
z-index: 1; 
background-color: #ffffcc; 
margin: 0 auto; 
padding: 20px; 
border: 1px solid #333333; 
text-align: center; 
color: #333333; 
} 

div#StageCloseUp { 
position: relative; 
top: auto; 
left: auto; 
z-index: 2; 
margin: 0; 
border: 0; 
text-align: center; 
} 

img#ImageCloseUp { 
clear: both; 
z-index: 3; 
width: 400px; 
height: 310px; 
background-color: transparent; 
margin: 0; 
border: 2px solid #333333; 
color: #333333; 
} 

div#ControlsCloseUp { 
position: relative; 
top: auto; 
left: auto; 
z-index: 2; 
margin: 25px 20px 5px; 
border: 0; 
text-align: center; 
} 

input.ButtonCloseUp { 
display: inline; 
width: 80px; 
height: 20px; 
background-color: #ccc; 
border: 1px solid #000; 
color: #333; 
font-weight: bold; 
} 

input.ButtonCloseUpOver { 
display: inline; 
width: 80px; 
height: 20px; 
background-color: #999; 
border: 1px solid #000; 
color: #333; 
font-weight: bold; 
} 

/**/