/*

	StippWeb standaard stylesheet

*/

/* -----------  Overzicht  ------------- */
div.sw_FotoGalerijOverzicht
{
	
}

table.sw_FotoGalerijOverzichtTabel 
{
	
}

table.sw_FotoGalerijOverzichtRij
{
	
}

table.sw_FotoGalerijOverzichtCel
{
	padding: 4px;
}

table.sw_FotoGalerijOverzichtAfbeelding
{
	border: 0px;
}

.sw_FotoGalerijOverzichtGeselecteerd
{
	border: 2px solid black;
}

.sw_FotoGalerijOverzichtNavigatieBoven
{
	width: 100%;
	padding-bottom: 20px;
}

.sw_FotoGalerijOverzicht_VorigeFoto
{
	text-align: left;
}

.sw_FotoGalerijOverzicht_VolgendeFoto
{
	text-align: right;
}

.sw_FotoGalerijOverzicht_Paginanummer
{
	text-align:center;
}

.sw_FotoGalerijOverzichtNavigatieOnder
{
	width: 100%;
	padding-top: 20px;
}

.sw_FotoGalerijOverzicht_VorigePagina
{
	text-align: left;
}

.sw_FotoGalerijOverzicht_VolgendePagina
{
	text-align: right;
}

.sw_FotoGalerijOverzicht_Fotonummer
{
	text-align:center;
}

/* ------------- Grote Foto ------------- */
.sw_FotoGalerijFoto
{
}

div.sw_FotoGalerijFotoTitel
{
	font-size: 16pt;
	font-weight: bold;
}

div.sw_FotoGalerijFoto_FotoNaam
{
	text-align: left;
	font-style: italic;
}

input.sw_FotoGalerijOverzichtUploadknop
{
}


/* Editveld voor de naam */
input.sw_FotoGalerijFotoNaamEditVeld
{
	width: 300px;
}

input.sw_FotoGalerijFotoNaamEditVeldOK
{
}

input.sw_FotoGalerijFotoNaamEditVeldAnuleer
{
}

textarea.sw_FotoGalerijFotoBeschrijvingEditVeld
{
	width: 295px;
	height: 50px;
}

.sw_FotoGalerijFotoNaam
{
}
.sw_FotoGalerijFotoBeschrijving
{}

.sw_FotoGalerijFotoNaam td
{
	vertical-align: top;
	padding-right: 10px;
}

input.sw_FotoGalerijFotoNaamEditKnop
{
	padding-left: 20px;
}

input.sw_FotoGalerijFotoVerwijderKnop
{
	padding-left: 5px;
}


a.sw_FotoGalerijFoto_VorigeFoto
{
	vertical-align: middle;
}

a.sw_FotoGalerijFoto_VolgendeFoto
{
	vertical-align: middle;
}

div.sw_FotoGalerijFoto_Afbeelding
{
}

a.sw_FotoGalerijCarrouselLink
{
}

img.sw_FotoGalerijCarrouselAfbeelding
{
}


/* ----------- Carrousel ------------- */
div.sw_FotoGalerijCarrousel 
{
}

/* -----------  Upload  ------------- */


.sw_Fotogalerij_progressWrapper {
	width: 340px;
	overflow: hidden;
}

.sw_Fotogalerij_progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.sw_Fotogalerij_message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.sw_Fotogalerij_red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.sw_Fotogalerij_green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.sw_Fotogalerij_blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

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

.sw_Fotogalerij_progressBarInProgress,
.sw_Fotogalerij_progressBarComplete,
.sw_Fotogalerij_progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

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

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

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

a.sw_Fotogalerij_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.sw_Fotogalerij_progressCancel:hover {
	background-position: 0px 0px;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}