/* @override http://local.godzil.net/~godzil/emilie/css/basic.css */

body
{
	background-color: #A9A9A9;
	color: white;
}

.main
{
	background-color: white;
	color: black;
	border: 1px solid black;
	width: 1000px;
	height: 600px;
	top: 20px;
	margin: auto;
	-webkit-box-shadow: 2px 2px 5px black;
	box-shadow: 2px 2px 5px black;
	-moz-box-shadow: 2px 2px 5px black;
}

.footer
{
	font: normal 9px "Courier New", Courier, mono;
	width: 850px;
	margin: auto;
	text-align: center;
	color: black;
	background-color: #B0B0B0;
	color: #979797;
	visibility: hidden;
	display: none;
}

/* @group Up Bar */

.uptoolbar
{
	position: relative;
	background-color: #ff9ff5;
	top: 0px;
	left: 0px;
	right: 0px;
	color: #fff;
	height: 20px;
	font: 14px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.webkit .uptoolbar,
.gecko .uptoolbar
{
	background-color: rgba(255,158,245,0.8);}
}


.uptoolbar a
{
	color: #929292;
	text-decoration: none;
}

.uptoolbar a:hover
{
	color: #0D0D0D;
}

/* @end */

/* @group Bottom Bar */

.bottomtoolbar
{
	position: relative;
	background-color: rgb(255,159,246);
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: #000;
	height: 20px;
	font: 12px Candara, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.webkit .bottomtoolbar,
.gecko .bootomtoolbar
{
	background-color: rgba(255,159,246,0.8);
}

.bottomtoolbar #diaporama
{
	background: url('../imgs/view_sprite.png') no-repeat left -60px;
}
.bottomtoolbar #carousel
{
	background: url('../imgs/view_sprite.png') no-repeat left -40px;
}
.bottomtoolbar #mosaic
{
	background: url('../imgs/view_sprite.png') no-repeat left -00px;
}

.bottomtoolbar #diaporama:hover
{
	background-position: left -140px;
}
.bottomtoolbar #carousel:hover
{
	background-position: left -120px;
}
.bottomtoolbar #mosaic:hover
{
	background-position: left -80px;
}

.bottomtoolbar a:hover
{
	color: #0D0D0D;	
}
.bottomtoolbar a
{
	color: #929292;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 10px;
}

/* @end */

/* @group UserLogin Box */

.userLogin
{
	background-color: white;
	position: absolute;
	width: 400px;
	min-height: 140px;
	top: 50%;
	left:  50%;
	margin-top: -70px;
	margin-left: -200px;
	text-align: center;
	font: 1em "InfoText", Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid black;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px black;
	box-shadow: 2px 2px 5px black;
	-moz-box-shadow: 2px 2px 5px black;
}

.userLogin input.login,
.userLogin input.password
{
	width: 200px;
}
.userLogin input.submit
{
	width: 75px;
}

.userLogin input
{
	position: relative;
	display:  block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px #ff4bef solid;
	padding-left: 10px;
	padding-right: 10px;
	font: 1em "InfoText", Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.ie .userLogin input
{
	left: 100px;
}
.ie8 .userLogin input
{
	left: 0px;
}

.userLogin input.password
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

.userLogin input:focus
{
	background-color: #ffc0f9;
	outline: none;
	border: 1px solid #970e8b;
}

.userLogin input.submit
{
 	background-color: #ff4bef;
 	border: 2px outset #ff4bef;
}

.userLogin input.submit:focus
{
	background-color: #ff4bef;
	color: white;
	border: 2px inset #ff4bef;
}

.userLogin .error
{
	font-size: 80%;
	color: #F00;
	font-weight: bold;
}

/* @end */

/* @group Spinner */
.spinner
{
	position: absolute;
	width: 300px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -150px;
	text-align: center;
	color: #000;
	overflow: visible;
	background-color: #fff;
	padding-top: 10px;
	border: #eee solid 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.webkit .spinner,
.gecko .spinner
{
	background-color: rgba(255,255,255,0.7);
	border: rgba(0,0,0, 0.05) solid 2px;
}

.spinner img
{
	width: 24px;
	left: 50%;
}
/* @end */

/* @group Header */
.header
{
	width: 100%;
	height: 95px;
	margin: auto;
	border-bottom: 1px solid #7f7f7f;
	padding-bottom: 2px;
}

.header img
{
	position: absolute;
	width: 1000px;	
	left: 50%;
	margin-left: -500px;
	margin-top: 6px;
}
/* @end */

/* @group Dialog box */
.dialogBox
{
	background-color: white;
	position: absolute;
	width: 400px;
	min-height: 10px;
	top: 50%;
	left:  50%;
	margin-top: -70px;
	margin-left: -200px;
	text-align: center;
	font: 1em "InfoText", Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid black;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px black;
	box-shadow: 2px 2px 5px black;
	-moz-box-shadow: 2px 2px 5px black;
}

.dialogBox .dBTitle
{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	background-color: rgb(255,168,243);
	border-bottom: 2px inset #b1b1b1;
	margin-bottom: 10px;
}
.webkit .dialogBox .dBTitle,
.gecko .dialogBox .dBTitle
{
	background-color: rgba(255,168,243,0.33);
}

.dialogBox a
{
	position: relative;
	display:  block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font: 1em "InfoText", Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	color: black;
 	background-color: #ff4bef;
 	border: 2px outset #ff4bef;
	width: 100px;
	height: 20px;
}

.dialogBox a:active
{
	background-color: #ff4bef;
	color: white;
	border: 2px inset #ff4bef;
}
/* @end */

/* @group uploadForm */

.uploadForm
{
	background-color: #fff;
	position: absolute;
	top: 0px;
	padding: 0px 0px 9px 0px;
	width: 500px;
	text-align: center;
	left:  50%;
	margin-left: -250px;
	border: #eee solid 2px;
	border-top:  none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	color: #444;
	font-size: 13px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	visibility: hidden;
	opacity: 1;
	z-index: 1;
}
.webkit .uploadForm,
.gecko .uploadForm
{
	background-color: rgba(255,255,255,0.96);
	border: rgba(0,0,0, 0.5) solid 2px;
}

.uploadForm a.closeBox
{
	width: 30px;
	height: 30px;
	background-image: url('../imgs/closebox.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

.uploadForm a.closeBox:active
{
	background-position: 0px -29px;
}


.uploadForm .title
{
	background-color: #e3bae3;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 20px;
}
.webkit .uploadForm .title,
.gecko .uploadForm .title
{
	background-color: rgba(227,0,227,0.2);
}

.uploadForm .progressWrapper
{
	overflow: hidden;
}

.uploadForm .progressContainer
{
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.webkit .uploadForm .progressContainer,
.gecko .uploadForm .progressContainer
{
	background-color: rgba(247,247,247,0.7);
}

.uploadForm .message
{
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
.uploadForm .red
{
	border: solid 1px #B50000;
	background-color: rgb(255,235,235);
}
.webkit .uploadForm .red,
.gecko .uploadForm .red
{
	background-color: rgba(255,235,235,0.8);
}

.uploadForm .green
{
	border: solid 1px #DDF0DD;
	background-color: rgb(235,255,235);
}

.webkit .uploadForm .green,
.gecko .uploadForm .green
{
	background-color: rgba(235,255,235,0.8);
}
.uploadForm .blue
{
	border: solid 1px #CEE2F2;
	background-color: rgb(240,245,255);
}
.webkit .uploadForm .blue,
.gecko .uploadForm .blue
{
	background-color: rgba(240,245,255,0.8);
}

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

.uploadForm .progressBarInProgress,
.uploadForm .progressBarComplete,
.uploadForm .progressBarError
{
	font-size: 0;
	width: 0%;
	height: 5px;
	background-color: rgb(255,176,255);
	margin-top: 2px;
}
.webkit .uploadForm .progressBarInProgress,
.webkit .uploadForm .progressBarComplete,
.webkit .uploadForm .progressBarError,
.gecko .uploadForm .progressBarInProgress,
.gecko .uploadForm .progressBarComplete,
.gecko .uploadForm .progressBarError
{
	background-color: rgba(255,176,255,0.8);	
}

.uploadForm .progressBarComplete
{
	width: 100%;
	background-color: rgb(0,219,125);
	visibility: hidden;
}
.webkit .uploadForm .progressBarComplete,
.gecko .uploadForm .progressBarComplete
{
	background-color: rgba(0,219,125,0.8);	
}

.uploadForm .progressBarError
{
	width: 100%;
	background-color: rgb(255,70,0);
	visibility: hidden;
}
.webkit .uploadForm .progressBarError
.gecko .uploadForm .progressBarError
{
	background-color: rgba(255,70,0,0.8);	
}

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

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

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

.uploadForm #btnCancel
{
	position: absolute;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px #ff4bef solid;
	padding: 3px 10px 3px 10px;
	color: black;
 	background-color: #ff4bef;
 	border: 2px outset #ff4bef;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 16px;
}

.uploadForm #btnCancel:active
{
	background-color: #ff4bef;
	color: white;
	border: 2px inset #ff4bef;
}

.uploadForm #btnCancel:disabled
{
 	background-color: #eeceee;
 	border: 2px outset #eeceee;
 	color: #c4c4c4;
}
.uploadForm .swfupload
{
	margin-top: 10px;
	margin-right: 10px;
}
.uploadForm #divStatus
{
	text-align: right;
	font-size: 12px;
	padding-right: 9px;
	color: #979797;
}

.uploadForm .fieldset
{
	margin: 5px;
	border: 1px solid #cecece;
	top: 0px;
	left: 0px;
}

.uploadForm .legend
{
	display: block;
	letter-spacing: 5px;
	margin-top: -17px;
}
/* @end */


/* @group downloadForm */
#downloadForm
{
	visibility: hidden;
}

.modalBox
{
	position: fixed;
	top:  0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 8000;
	background-color: #000;
}
.webkit .modalBox,
.gecko .modalBox
{
	opacity: 0.8;	
}

.ie .modalBox
{
	filter: alpha(opacity=80);
}

.downloadForm
{
	background-color: #fff;
	position: absolute;
	left:  50%;
	width: 500px;
	margin-left: -250px;
	top: 50%;
	height: 74px;
	margin-top: -37px;

	padding: 0px 0px 9px 0px;
	text-align: center;
	border: #eee solid 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #444;
	font-size: 15px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	z-index: 9000;
}
.webkit .downloadForm,
.gecko .downloadForm
{
	background-color: rgba(255,255,255,0.96);
	border: rgba(0,0,0, 0.5) solid 2px;	
}

.downloadForm a
{
	text-decoration: none;
	color: rgb(255,172,254);
}

.downloadForm a:hover
{
	text-decoration: none;
	color: #523752;
}

.downloadForm a.closeBox
{
	visibility: hidden;
	width: 30px;
	height: 32px;
	background-image: url('../imgs/closebox.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}

.downloadForm a:active.closeBox
{
	background-position: 0px -29px;
}

.downloadForm .title
{
	background-color: #e3bae3;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 20px;
}
.webkit .downloadForm .title,
.gecko .downloadForm .title
{
	background-color: rgba(227,0,227,0.2);
}

.downloadForm .caption
{
	padding-top: 2px;
	padding-left: 5px;
	text-align: left;	
}

.downloadForm .progress
{
	position: absolute;
	margin-top: 4px;
	left: 4px;
	right: 4px;
	bottom: 2px;
	height: 25px;
	border: 1px solid black;
	padding: 1px;
	
	background-color: rgb(243,200,250);
}
.webkit .downloadForm .progress,
.gecko .downloadForm .progress
{
	background-color: rgba(243,200,250,0.2);	
}

.downloadForm .progress .progressBar
{

	background-color: rgb(255,172,254);
	height: 100%;
	width: 0%;
}
.webkit .downloadForm .progress .progressBar,
.gecko .downloadForm .progress .progressBar
{
	background-color: rgba(255,172,254,0.8);
}

/* @end */

.galleryTitle
{
	position: absolute;
	left:  50%;
	width: 450px;
	margin-left: -235px;
	text-align: center;
	top: 0px;
	font-size: 18px;
	height: 23px;
	color: #000;
}

.rightPos
{
	float: right;
	margin-left: 20px;
}

.leftPos
{
	float: left;
	margin-right: 10px;
}
.smaller
{
	font-size: 70%;
}

.entry a.delBtn
{
	position: absolute;
	display: block;
	height: 15px;
	width: 15px;
	bottom:  18px;
	left: 1px;
	background-image: url('../imgs/delbtn.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ie .entry a.dlBtn
{
	bottom:  17px;
}

.entry a:active.delBtn
{
	background-position: 0px -15px; 
}