/* Add other CSS-Files as import here */
/* @import "debug.css";*/
@import "photogallery.css";
@import "reset.css";
@import "editor.css";
@import "controls.css";
@import "elements.css";

/* Set Font family, colour and font-size */
html, body, table, div, ul, li, p, h1, h2, h3, h4, h5, h6, img, hr, blockquote,
 	textarea, form, span, table, td, tr, th {
}

#sidebar, .navigation {
	border:1px solid black;
	margin:1px;
}

/* Styles for HTML-Body */
body {
}

#container {
}


/* Sidebar */
#sidebar {
}

/* Navigation */
.navigation {
}

.navigation li {
	
}

/* Page */
.page {
	
}

.page img {
}

/*** TYPOGRAPHY ***/
h1, h2, h3, h4, h5, h6 {
}

/** Links **/
a {
}

.adminMode{
	margin-top:65px;
}

/** Menubar **/
#menubar {
	height:65px;
	background: url(../images/blackgloss.jpg);
	color:white;
	padding-left:40px;
	padding-right:40px;
    position:fixed !important;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

#menubar li {
	float:left;
	padding: 10px 0px 10px 0px;
	margin-top:5px;
	margin-left:5px;
	height:40px;
}

#menubar li a {
	line-height:2.5em;
	padding: 20px 10px 20px 10px;
	color:white;
	text-decoration: none;
}
/*** Menubar end **/


/*************** Editor Stop **************************/

/* Clear Both Element */
.clear {
	clear:both;
	height:1px;
	display:block;
	border-style:none;
}

.loungecontainer {
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.loungecontainer div{
	width:180px;
	float:left;
	margin:10px;
	text-align:center;
}

/********** Forms ***************/

input, textarea {
	font-size:14px;
	padding:3px;
}

form {
	width:100%;
}


form.dFormStyle label {
	width:100px;
	height:25px;
	float: left;
	text-align: left;
	margin-top:5px;
	padding-top: 5px;
	padding-right:10px;
	display: block;
	vertical-align:middle;
	font-weight: bold;
}

form.dFormStyle input, form.dFormStyle textarea, form.dFormStyle select,
form.dFormStyle option {
	/*border:1px solid #ccc;*/
	/*width: 344px;*/
	width:544px;
	height: 19px;
	margin-top:5px;
}

form.dFormStyle input {
	/*background-image:url(images/inputbg.jpg);
	background-repeat:repeat-x;
	background-position: top left;*/
}

form.dFormStyle input.smallInput {
	width:30px;
	height:30px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dFormStyle select.smallDropDownInput, form.dFormStyle select.smallDropDownInput option {
	width:60px;
	height:25px;
	margin:0px 0px 6px 0px;
}

form.dFormStyle br {
	clear:left;
}

form input.formButton {
	margin:10px;
	padding:5px;
	vertical-align:middle;
	height:30px;
}

form.dFormStyle textarea {
	height: 244px;
	/*background-image:url(images/textareabg.jpg);
	background-repeat:repeat-x;
	background-position: top left;*/
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dFormStyle fieldset {
}

form.dFormStyle select, form.dFormStyle option {
	width:352px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dSearchForm {
	margin-bottom:10px;
	width:380px;
	margin-left:auto;
	margin-right:auto;
}

form.dSearchForm input {
	width:140px;
	margin:4px;
	font-family: 'Trebuchet MS', Georgia, Arial, serif;
}

form.dSearchForm input.formButton {
	margin:3px 6px 0px 6px;
	padding:0px;
	width:90px;
	height:25px;
}

input.formFileInput {
	border:1px solid black;
}

.imageSelector {
	border: 1px solid #ccc;
	background-color:#f2f2f2;
	margin:10px 10px 10px 110px;
	width:340px;
	padding:5px;
}

.imageSelector img {
	height:60px;
	width:60px;
	border-style:none;
}

div.imageSelector span {
	padding-left:140px;
}

div.availableOptions {
	border-bottom: 1px solid #ddd;
	width: 490px;
	margin-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

div.availableOptions a {
	padding:10px 10px 4px 10px;
	width:150px;
	margin-bottom:-1px;
	margin-left:5px;
	background-color:white;
	border: 1px solid #ddd;
	border-style: solid none black;
}

form.dFormStyle input.formCheckboxInput {
	width:15px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}


/*** image upload **/
.imageupload {
	border:5px solid olive;
	padding:10px;
	width:300px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.imageUploadButton {
	float:right;
}

/************** FANCY TABLE STYLES ************************/

table.dTableStyle {
	border:1px solid #ccc;
	width:100%;
	border-collapse:collapse;
	background-color:#eee;
	background-image:url(images/diagonals.gif);
	margin-bottom:30px;
}

table.dTableStyle tr, table.dTableStyle td {
	padding:10px;
}

table.dTableStyle td {
	vertical-align:top;
}

#imageColumn {
	width:100px;
	background-image:url(images/semitransparent4.png);
}

#viewColumn, #editColumn, #deleteColumn, #orderColumn {
	width:25px;
	text-align:center;
	background-color:white;
}

table.dTableStyle tr {
	border:1px solid #ccc;
}

table.dTableStyle th {
	background-color:#eee;
}

.odd {
	background-color:#fbfbfb;
}

.userTable {
	width: 100%;
}

.userTable th {
	text-align:center;
	vertical-align:bottom;
}

.userTable, .userTable tr, .userTable td {
}

.paging {
	padding:10px;
	margin-top:15px;
	text-align:center;
}

.cntrd {
	text-align:center;
}

form.dFormStyle input.formCheckboxInput {
	width:15px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

.readonly {
}

.notice {
	color: gray;
	font-size:12px;
	font-style: italic;
}

.Events tr {
	vertical-align: middle;
}

#contactform {
	width: 700px;
}