/* CSS Document */

body {
	background-color:#FFFFFF;
	margin:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
	text-align:center; 
	/* OPTIONAL BACKGROUND IMAGE
	
	background-image:url(images/backgrounds/main.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
	*/
}

a {
	color:#646464;
}

a:hover {
	text-decoration:none;
	cursor: pointer;
}

textarea, input {
	background-color:#eeeeee;
	color:#000000;
	padding:1px;
	border: 1px inset #004679;
	margin:1px;
	font-size: 12px;	
}
/*
submit {
	background-color:#eeeeee;
	color:#666666;
	padding:1px;
	border: 1px solid #004679;
	margin:1px;
}
*/

h1 {
	font-size:20px;
	color:#000000;
	font-weight:normal;
}

/* THE AREA THAT CONTAINS THE STONE IMAGE AND THE WEBSITE TITLE */

#header {
	margin:0 auto 0 auto;
	text-align:center;
	margin-bottom:25px;
	background-image: url(images/logoebn.gif) ;
	background-repeat:no-repeat;
	background-position:center;
	height: 118px;
	width: 594px;
}

#header p {
	font-variant:small-caps;
	letter-spacing:2px;
}

/* PROPERTIES OF THE HEADER IMAGE */

#header img {
	border: none;
}

/* THE AREA THAT CONTAINS ALL THE CONTENT OF THE WEBSITE */

#container {
	width:600px;
	margin:0 auto 0 auto;
	text-align: justify;
}

#container fieldset{
    margin: 10px 0 5px 0;
	border: 1px solid #004679;
	background-color: #fdfeff;
}

#container legend {
	font-size:12px;
	color:#004679;
}

#centered_container {
	width:600px;
	margin:30px auto 0 auto;
	text-align: center;
}


/* THE SIDEBAR WITHIN THE CONTAINER */

#sidebar {
	width:180px;
	position: relative;
	float:right;
}

#sidebar h1 {
	text-align:right;
	font-size:20px;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px !important;
	padding-top:0;
}

#sidebar p {
	line-height:20px;
}


/* THE MENU */

#menu {
	text-align:right;
}

#menu a {
	color:#999999;
	background-image:url(images/backgrounds/a.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	line-height:15px;
	text-decoration:none;
}

#menu a:hover {
	color:#cccccc;
	background-image:url(images/backgrounds/a_hover.jpg);
}


/* THE AREA NEXT TO THE SIDEBAR */


#content {
	text-align:justify;
	width: 390px;
	float: left;
	padding-right:20px;
	border-right:1px solid #cccccc;
	background-image:url(images/content.jpg);
	background-position:right;
	background-repeat:repeat-y;
}


#content h1 {
	text-align:left;
	font-size:20px;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px !important;
	padding-top:0;
	background-image:url(images/logo-EBNsmall.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#content p {
	line-height:20px;
	text-indent:15px;
}

#content ol,ul {
	line-height:25px;
}

#content table {
	width:100%;
}

#content table td {
	line-height: 20px;
	text-indent:15px;
	vertical-align: top;
}

#content label {
	font-size: 11px;
}


#content li {

	list-style-image:url(images/backgrounds/li.gif);

}

/* THE FOOTER */

#footer {
	width:100%;
	text-align:center;
	border-top:1px dashed #cccccc;
	margin-top: 10px;
	float: left;
}

/* MESSAGES AND ERRORS */

.message {
    background: #fef1eb url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #ed1c24;
    color: #ed1c24;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px;
    text-align:left; 
}

.positiveMessage {
    background: #CAFFC5  url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #00980D;
    color: #00980D;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}



div.errors {
    background: #fef1eb;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
    text-align:left; 
}
div.errors ul {
    list-style: none;
    padding: 0;	
    text-align:left; 
}

div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
    text-align:left; 
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

td.name {
	font-weight:bold;
	width:190px;
}

td.radio {
	width:20px;
	text-align:center;
}

.radio {
	border: none;
	background-color: transparent;
}

.gallerycontainer{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 230px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}



#formcontent {
	text-align:justify;
	padding-right:20px;
	background-position:right;
	background-repeat:repeat-y;
}

#formcontent h1 {
	text-align:left;
	font-size:20px;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px !important;
	padding-top:0;
	background-position:top right;
	background-repeat:no-repeat;
}

#formcontent p {
	line-height:20px;
	text-indent:15px;
}

#formcontent ol,ul {
	line-height:25px;
}

#formcontent table {
	width:100%;
}

#formcontent table td {
	line-height: 20px;
	text-indent:15px;
	vertical-align: top;
}

#formcontent label {
	font-size: 11px;
}

#formcontent li {
	list-style-image:url(images/backgrounds/li.gif);
}

#formcontent div p {
	font-size: 11px;
	text-align: justify;
}

#formcontent div a {
	font-size: 11px;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
}
.buttons input.delete {
    background: transparent url(images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons a.undo{
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    background: transparent url(images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
    overflow: visible;
}


.viewcontent {
	text-align:justify;
	padding-right:20px;
	background-position:right;
	background-repeat:repeat-y;
}

.viewcontent h1 {
	text-align:left;
	font-size:20px;
	color:#626477;
	border-bottom:1px dashed #eeeeee;
	padding-top:15px !important;
	padding-top:0;
	background-position:top right;
	background-repeat:no-repeat;
}

.viewcontent p {
	line-height:20px;
	text-indent:15px;
}

.viewcontent ol,ul {
	line-height:25px;
}

.viewcontent table {
	width:100%;
}

.viewcontent table td {
	line-height: 20px;
	text-indent:15px;
	vertical-align: top;
	font-size: 11px;
}

.viewcontent label {
	font-size: 11px;
}


.viewcontent li {
	list-style-image:url(images/backgrounds/li.gif);
}


.labelRequired {
	font-size: 11px;
	margin-top: 8px;
	margin-bottom: 12px;
}

.buttonItem {
	border:0;
    color: #646464;
    margin-top: 5px;
    text-align:right;
    font-weight:bold;
}

.buttonItem input {
	background-color:transparent;
	border:none;
	color:#646464;
	text-decoration:underline;
	height:20px;
	padding:0;
	margin:0;
    font-weight:bold;
}

.buttonItem input:hover {
	text-decoration:none;
	cursor: pointer;
}

.buttonItem a.undo{
	color:#646464;
	text-decoration:underline;
}

.buttonItem a.undo:hover{
	text-decoration:none;
	cursor: pointer;
}