body {
	font-family: Tahoma, Geneva, sans-serif;
}

.container {
	display:block;
	width:100%
}

#LoadingImage {
	position: fixed; 
	top: 37.5%; /* 25+12.5*/
	left:50%;
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
	height:auto;
	z-index:9999;
	opacity: 0.8;
}

.topMessageContainer {
	position:fixed;
	top:40%;
	margin-left:20%;
	width:60%;
	display:block;
	height:30px;
	text-align:center;
	background:	yellow;
	padding:4px 4px 4px 4px;

}

.topMessageText {
	font-size:20px;
	color:red;
}

.centerText {
	text-align:center;
}

/***************************/
/****** Navigation  ********/
/***************************/

.topNavigation {
	display:block;
	width:100%;
	text-align:center;
	background:#dddddd;
	border-radius:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.navigationLink {
	display:inline-block;
	min-width:120px;
	padding:10px 10px 10px 10px;
	margin-left:20px;
	margin-right:20px;
	border-radius:5px;
	background:#eeeeee;	
}

.navigationLink:hover {
	background:#2a8000;
	color:white;
}

.navigationLink a {
	font-size:18px;
	color:#333333;
	text-decoration:none;	
}

.navigationLink a:hover {
	color:white;
}

/****************************/
/******Home page   **********/
/****************************/
.smallThumb {
	width:200px;
	height:auto;
}

.mediumThumb {
	width:300px;
	height:auto;
}

/****************************/
/******Search form **********/
/****************************/

#adminFormScreen {
	max-width:500px;
	display:block;
	text-align:center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin: 10px auto 10px auto;
	box-sizing: border-box;
}

.adminFormLabel {
	display:inline-block;
	width:35%;
	float:left;
}

.adminFormFieldDiv {
	display:inline-block;
	width:65%;
	float:left;
}

.adminFormFieldInput {
	width:100%;
	border:1 px solid #444444;
	height:30px;
	font-size:22px;
	color:#333333;
	border-radius:4px;
}

.clearfix {
	clear:both;
	height:10px;
}

.adminFormButton {
	width:100%;
	height:50px;
	background:green;
	color:white;
	border:1 px solid #444444;
	border-radius:4px;
	text-align:center;
	font-size:32px;
}

.warningMessage {
	margin:auto;
	display:block;
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:16px;
}

/*****************************/
/******Search form ***********/
/*****************************/

#searchFormContainer {
	width:100%;
	display:block;
	text-align:center;
	background:#f5f5f5;
	border: 1px solid #dfdfdf;
	padding:2px 2px 5px 2px;
	border-radius:4px;
}

.searchFormInputElement {
	display:inline-block;
	width:170px;
}

.searchFormInput {
	height:14px;
	border:1px solid #dddddd;
	border-radius:4px;
	font-size:11px;
}

#submitButton {
	height:40px;
	font-size:20px;
	background:#8CFF8C;
	border: 1px solid #aaaaaa;
	padding:5px 5px 5px 5px;
	border-radius:4px;
	color:black;
}

#submitButton:hover {
	background:#008000;
	color:white;
}

#resetButton {
	height:40px;
	font-size:20px;
	background:#ffaaaa;
	border: 1px solid #ffdddd;
	padding:5px 5px 5px 5px;
	border-radius:4px;
	color:black;
}

#resetButton:hover {
	background:#800000;
	color:white;
}


/*****************************/
/******Output Table **********/
/*****************************/
#outputContainer {
	margin-top:10px;
	display:table;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.outputTable {
	margin-top:10px;
	display:table;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.outputLine {
	display:table-row;
	margin-left:auto;
	margin-right:auto;
}

.greyColor {
	color:#777777;
}

.outputElement {
	display:table-cell;
	border:1px solid #aaaaaa;
	padding:4px 4px 4px 4px;
	max-width:400px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	table-layout: fixed;
	vertical-align:middle;
}

.autoWidth {
	width:auto;
	max-width:auto;
}

.maxWidth {
	width:100%;
}

.rollText {
	text-overflow: initial;
	white-space: normal;
}


.outputElementQueueTable {
	display:table-cell;
	border:1px solid #aaaaaa;
	padding:4px 4px 4px 4px;
	max-width:200px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	table-layout: fixed;
}

.removeBorders {
	border:none;
}

.checkboxElement {
	max-width:40px;
}

.topHeaderLine {
	background:#FFAAAA;
	font-size:30px;
}

.headlineLine {
	background:#DDDDDD;
}

.headlineCell {
	font-weight:bold;
	font-size:18px;
}

.fullWidth {
	width:100%;
}

#previousLink , #nextLink {
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}

/******************************/
/******   Adverts    **********/
/******************************/

.advertInput {
	width:90%;
	min-height:80px;
	border:2px solid #888888;
	border-radius:2px;
}

.advertFormButton {
	width:40%;
	height:50px;
	color:white;
	border:1 px solid #444444;
	border-radius:4px;
	text-align:center;
	font-size:32px;
}

.redButton {
	background:red;
}

.greyButton {
	background:#444444;
}

/******************************/
/******Mail Template **********/
/******************************/

#openEmailDivButton {
	height:20px;
	width:300px;
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
	background:#aaaaff;
	border:1px solid #5555ff;
	border-radius:4px;
	font-weight:bold;
	color:black;
}

#openEmailDivButton:hover {
	background:#0000ff;
	color:white;
}

#EmailDivContainer {
	min-height:400px;
	display:block;
	min-width:500px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #aaaaaa;
	border-radius:4px;
	background:#f0f0f0;
	padding:10px 10px 10px 10px;
	text-align:center;
}

#EmailDivTable {
	display:table;
	margin-left:auto;
	margin-right:auto;
}
.DivCloseButton {
	width:30px;
	height:auto;
	right:0px;
	top:0px;
	position:relative;
	cursor:pointer;
	float:right;
	opacity:0.5;
}

#mailMessage {
	width:390px;
	min-height:200px;
}

#mailFromEmail , #mailFromName , #mailSubject , #mailDelay , #mailTime  {
	width:300px;
	height:20px;
	font-size:20px;
	border:1px solid #aaaaaa;
	border-radius:4px;
	float:left;
}

.tableTabLabel {
	vertical-align:middle;
}

#mailSubmitButton {
	height:40px;
	font-size:20px;
	background:#8CFF8C;
	border: 1px solid #aaaaaa;
	padding:5px 5px 5px 5px;
	border-radius:4px;
	color:black;
}

#mailSubmitButton:hover {
	background:#008000;
	color:white;
}

#mailResetButton {
	height:40px;
	font-size:20px;
	background:#ffaaaa;
	border: 1px solid #ffdddd;
	padding:5px 5px 5px 5px;
	border-radius:4px;
}

#mailResetButton:hover {
		background:#800000;
		color:white;
}

/********************************/
/****** Messages Output  ********/
/********************************/
#messagesOutputContainer {
	margin-top:10px;
	display:table;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#queueRefreshButton{
	height:40px;
	font-size:20px;
	background:#8CFF8C;
	border: 1px solid #aaaaaa;
	padding:5px 5px 5px 5px;
	border-radius:4px;
	color:black;
}

#queueRefreshButton:hover{
	background:#008000;
	color:white;
}

#queueDeleteCheckedButton , #queueDeleteAllButton {
	height:40px;
	font-size:20px;
	background:#ffaaaa;
	border: 1px solid #ffdddd;
	padding:5px 5px 5px 5px;
	border-radius:4px;
}

#queueDeleteCheckedButton:hover , #queueDeleteAllButton:hover {
		background:#800000;
		color:white;
}