/*

New Layout Application to Old Pages

by Laszlo Miko | begin on 30/09/2016

*/



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,600italic,300italic,700italic,700);

@import url('/sportlomo/webroot/themes/main_responsive/fnt/fonts.css');

@font-face {
    font-family: 'FontAwesome';
    src: url('../../sportlomo/webroot/themes/main/css/fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('../../sportlomo/webroot/themes/main/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),
		url('../../sportlomo/webroot/themes/main/css/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),
		url('../../sportlomo/webroot/themes/main/css/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),
		url('../../sportlomo/webroot/themes/main/css/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),
		url('../../sportlomo/webroot/themes/main/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}



/* General Elements : begin */

html, body {
}

body {
	z-index:1;
	margin: 0px auto 0px auto;
	background-color: #f8f9fa;
	background-image: url('/vendors/layouts/images/esm_header_new_bg2.png');
	background-repeat: no-repeat;
	color: #43565e;
	font-family: "Open Sans",Tahoma,sans-serif,Arial;
	font-size: 14px;
	}
	body:after {
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		height: 210px;
		box-sizing: border-box;
		padding: 30px;
		background-image: url('/vendors/layouts/images/esm_header_new_bg2_footer.png');
		background-repeat: no-repeat;
		background-color: #3d5166;
	}

br {
	/* display: none; */
}

a {
	color: #97c850;
	text-decoration: none;
	font-weight: bold;
}

input,
select
{
	box-sizing: border-box;
    height: 24px;
    border: 1px solid;
    border-color: #d0d4d8;
    border-radius: 3px;
	padding-left: 5px;
    padding-right: 5px;
	color: #404448;
    background-color: #ffffff;
    font-size: 1em;
}

button,
input[type="submit"],
.buttonLink,
.buttonLinkSmall,
form#filterForm #showFilterSettings,
#assignMultipleForm table tr:last-of-type input[type='submit']
{
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
	height: 30px;
	margin: 0;
	border: none;
	border-radius: 3px;
	padding: 0 20px;
	color: #fff;
	background-color: #97c850;
	font-weight: normal;
	line-height: 30px;
	}
	
    button.disabled,
    input[type="submit"].disabled,
    .buttonLink.disabled,
    .buttonLinkSmall.disabled,
    form#filterForm #showFilterSettings.disabled,
    #assignMultipleForm table tr:last-of-type input[type='submit'].disabled
    {
        background-color: #404448;
        cursor: pointer;
    }	
    
    img.disabled {
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */ 
    }
	
	button:hover,
	input[type="submit"]:hover,
	.buttonLink:hover,
	.buttonLinkSmall:hover,
	form#filterForm #showFilterSettings:hover,
	#assignMultipleForm table tr:last-of-type input[type='submit']:hover
	{
		background-color: #404448;
		cursor: pointer;
	}


/* General Elements : end */



/* Global Elements : begin */

.clearfloat {
	clear: both;
	height: 0;
	font-size: 0px;
	line-height: 0px;
}

/* Global Elements : end */



/* Main Blocks : begin */



#pageBody {
	z-index: 2;
	position: relative;
	width: 1000px;
	margin: 0px auto 0px auto;
}



	/* Header/Top : begin */



	#top {
		position: relative;
		width: 100%;
		height: 200px;
	}



		/* Logo : begin */

		#top #logo {
			position: absolute;
			background: url('../../sportlomo/webroot/themes/main/img/slm-sm-logo-new.png') no-repeat;
			width: 280px;
			height: 80px;
			top: 45px;
			}
			#top #logo img {
				display: none;
			}

		/* Logo : end */



		/* Menu : begin */

		ul.esmMenu {
			position: absolute;
			bottom: 0;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			ul.esmMenu.left {
				margin-left: -20px;
			}
			ul.esmMenu.left li {
				float: left;
				}
				ul.esmMenu.left li.divider {
				}
				ul.esmMenu.left li a {
					display: inline-block;
					padding-left: 20px;
					padding-right: 20px;
					color: #ffffff;
					font-size: 14px;
					font-weight: normal;
					line-height: 50px;
					text-decoration: none;
					}
					ul.esmMenu.left li a:hover {
						background-color: #97c850;
					}
			ul.esmMenu.right {
				position: absolute;
				top: 60px;
				right: 0;
				font-size: 28px;
				}
				ul.esmMenu.right li a {
					color: #ffffff;
					text-transform: uppercase;
					}
					ul.esmMenu.right li a:hover {
						cursor: default;
					}

		/* Menu : end */



	/* Header/Top : end */



	/* Body/Middle : begin */

	#middle {
		width: auto;
		margin-top: 50px;
		padding: 0;
	}



		/* Body/Middle : Header : begin */

		.esmHeader {
			width: 100%;
			color: #404448;
			background-color: #d6dce2;
			height: 50px;
			line-height: 50px;
			}
			.esmHeader.blue,
			.esmHeader.red,
			.esmHeader.green {
				margin-top: 30px;
			}
			.esmHeader .name {
				margin-left: 10px;
				font-family: "Josefin Sans", sans-serif, Arial;
				font-size: 21px;
				font-weight: normal;
				}
				.esmHeader.green .name,
				.esmHeader .name.green {
				}
				.esmHeader.blue .name,
				.esmHeader .name.blue {
				}
				.esmHeader.red .name,
				.esmHeader .name.red {
				}
				.esmHeader.amber .name,
				.esmHeader .name.amber {
				}
			.esmHeader .backLink,
			.esmHeader .otherLink {
				margin-left: 1px;
				}
				.esmHeader .backLink a,
				.esmHeader .otherLink a {
					display: inline-block;
					height: 50px;
					margin: 0;
					padding-left: 20px;
					padding-right: 20px;
					color: #ffffff;
					background-color: #97c850;
					font-weight: normal;
					line-height: 50px;
					text-transform: capitalize;
					text-decoration: none;
					}
					.esmHeader .backLink a:hover,
					.esmHeader .otherLink a:hover {
						background-color: #404448;
						cursor: pointer;
					}
					.esmHeader .backLink a:before,
					.esmHeader .backLink.admin a:before,
					.esmHeader .otherLink a:before {
						content: "\f060";
						font-family: FontAwesome;
						margin: 0 5px 0 0;
					}
					.esmHeader .backLink a:before {
						content: "\f060";
					}
					.esmHeader .backLink.admin a:before {
						content: '\f007';
					}
					.esmHeader .otherLink a:before {
						content: '\f1de';
					}

		/* Body/Middle : Header : end */



		/* Body/Middle : Page Content : begin */

		#pageContent , .pageContent {
		   background-color: #eaedf1;
		   width: auto;
		   padding: 10px 10px 0 10px;
		}

			/* Body/Middle : Page Content : Buttons : begin */

			.buttonLink,
			.buttonLinkSmall { /* Set as button */
			    color: white !important; /** FIX **/
				float: left;
				margin-right: 1px;
				margin-bottom: 10px;
			}

			/* Body/Middle : Page Content : Buttons : end */

			/* Body/Middle : Page Content : Loader : begin */

			#loaderContainer,
			.loaderContainer {
				float: none;
				clear: both;
				width: 100%;
				height: 30px;
				text-align: center;
			}
			#loader,
			.loader {
				display: none;
				margin-bottom: 10px;
			}

			/* Body/Middle : Page Content : Loader : end */

			/* Body/Middle : Page Content : Record Actions : begin */

			#multipleRecordsActions {
				float: none;
				clear: both;
				margin: 10px 0;
				border-top: 1px solid #b0b4b8;
				border-bottom: 1px solid #b0b4b8;
				padding: 10px 0;
				}

				#assignMultipleForm {
					}
					/* Container : begin */
					#assignMultipleForm table {
						margin: 0 auto;
						border-collapse: separate;
						border-spacing: 0;
						}
						#assignMultipleForm table tr:first-of-type { /* Title */
							}
							#assignMultipleForm table tr:first-of-type td {
								padding-bottom: 10px;
								text-align: center;
							}
							#assignMultipleForm table tr:first-of-type strong {
								color: #404448;
								font-family: "Josefin Sans", sans-serif, Arial;
								font-size: 18px;
								font-weight: 400;
							}
							#assignMultipleForm table i {
								color: #808488;
							}
							#assignMultipleForm table a {
							}
						#assignMultipleForm table tr:nth-of-type(2) { /* Subtitle */
							}
							#assignMultipleForm table tr:nth-of-type(2) td { /* Subtitle */
								padding-bottom: 5px;
								text-align: center;
							}
							#assignMultipleForm table tr:nth-of-type(2) td:first-of-type strong {
								color: #97c850 !important;
							}
						#assignMultipleForm table tr:nth-of-type(3) { /* Checkboxes */
						}
						#assignMultipleForm table tr:last-of-type td { /* Button */
							}
							#assignMultipleForm table tr:last-of-type input[type='submit'] {
								width: 100%;
							}
					/* Container : end */
					/* Data Container : begin */
					#assignMultipleForm table table {
						margin-bottom: 5px;
						border-top: 1px solid #b0b4b8;
						border-collapse: separate;
						border-spacing: 0;
						}
						#assignMultipleForm table table td {
							padding: 0 !important;
							text-align: left !important;
							}
							#assignMultipleForm table table tr:first-of-type td {
								padding-top: 5px !important;
							}
							#assignMultipleForm table table td:first-of-type {
								padding-right: 10px !important;
							}
					/* Data Container : end */

			/* Body/Middle : Page Content : Record Actions : end */

			/* Body/Middle : Page Content : FilterForm : begin */

			form#filterForm {
				float: none;
				clear: both;
				margin: 0;
				padding: 0;
				}
				form#filterForm .right {
				}

				form#filterForm input,
				form#filterForm select {
					height: 30px;
					line-height: 30px;
				}

				form#filterForm #showFilterSettings { /* Set as button */
					float: left;
					}
					form#filterForm #showFilterSettings img {
						display: none;
					}
					form#filterForm #showFilterSettings:before {
						content: '\f0b0';
						font-family: FontAwesome;
						margin-right: 5px;
						font-weight: normal;
					}

				form#filterForm div {
					/* fix issue with tables in new layout
					float: right;
					margin: 0 !important;
					*/
				}

				form#filterForm table {
					float: none;
					clear: both;
					margin-bottom: 10px;
					border-spacing: 0 !important;
					border-collapse: separate;
					padding-top: 5px;
				}
				form#filterForm table td {
					padding: 5px 0 0 0;
					}
					form#filterForm table td:last-of-type {
						width: 0;
					}
				form#filterForm table td input {
					width: 200px;
					margin-right: 30px;
				}
				form#filterForm table td select[name="formData[RefereeDatabaseFilter][grade_id]"] {
					position: relative;
					left: 5px;
				}

			/* Body/Middle : Page Content : FilterForm : end */

			/* Body/Middle : Page Content : Content : begin */

			#content {
				background-color: #f8f9fa;
				margin: 0 -10px;
				padding: 30px 0 0 0;
			}

				/* Body/Middle : Page Content : Content : Table : begin */

				table.stylish {
					width: 100%;
					border-collapse: collapse;
					border: none;
					}
					table.stylish tr {
						border-bottom: 1px solid #e0e4e8;
						}
						table.stylish tr:nth-child(2n) {
							background-color: rgba(102,102,102,0.05);
						}
						table.stylish tr:hover {
							background-color: #e0edcf;
						}
						table.stylish tr.stylish { /* Table Header */
							background-color: transparent;
							}
							table.stylish tr.stylish:hover {
								background-color: inherit;
							}
						table.stylish td,
						table.stylish th {
							padding: 5px 1px 5px 10px;
							font-weight: normal;
						}
						tr.stylish td { /* Table Header */
							padding: 10px 1px 10px 10px;
						}
						table.stylish td:last-of-type,
						table.stylish th:last-of-type {
							padding-right: 10px;
							white-space: nowrap;
						}
						table.stylish .rotate {
							padding-top: 7px;
							font-size: 0.8em;
							writing-mode: inherit;
							-ms-transform: rotate(-45deg); /* IE 9 */
							-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
							transform: rotate(-45deg);
						}
						table.stylish td a {
							display: inline-block;
							margin-top: 5px;
						}

																		td.stylish_dark {
																			color: #4b3c23;
																			font-size: 12px;
																			font-weight: bold;
																			color: #4b3c23;
																		}

																		td.stylish_left {
																			 padding-left: 10px;
																		}

																		th.stylish_dark {
																			border-top: 1px solid #FFFFFF;
																			border-bottom: 1px solid #D2CEBB;
																			background-color: #DAD7CC;
																			text-align: left;
																			font-size: 12px;
																			padding-left: 10px;
																			color: #4b3c23;
																		}

																		th.stylish_dark_right {
																			border-top: 1px solid #FFFFFF;
																			border-bottom: 1px solid #D2CEBB;
																			background-color: #DAD7CC;
																			text-align: right;
																			font-size: 12px;
																			padding-right: 5px;
																			color: #4b3c23;
																		}

																		th.stylish_dark_center {
																			border-top: 1px solid #FFFFFF;
																			border-bottom: 1px solid #D2CEBB;
																			background-color: #DAD7CC;
																			text-align: center;
																			font-size: 12px;
																			padding-right: 5px;
																			color: #4b3c23;
																		}

																		th.stylish {
																			border-top: 1px solid #FFFFFF;
																			border-bottom: 1px solid #D2CEBB;
																			background-color: #EFEEE9;
																			text-align: left;
																			font-size: 12px;
																			padding-left: 10px;
																			color: #4b3c23;
																		}



																		tr.stylishTblLst,
																		tr.stylishTblLst2,
																		tr.stylishTblLst3 {
																			}
																			tr.stylishTblLst:hover,
																			tr.stylishTblLst2:hover,
																			tr.stylishTblLst3:hover {
																			}


																		tr.stylishTblLst2.summary  td{
																			border-top-color:#000;
																			border-top-style:solid;
																			border-top-width: 1px;
																			font-weight: 500;
																			padding-top: 2px;
																			padding-bottom: 2px;

																		}

				/* Body/Middle : Page Content : Content : Table : end */

				/* Body/Middle : Page Content : Content : Table Specials : begin */

					/* --- RefereeRoleSettingForm : begin */

					#RefereeRoleSettingForm table.stylish tr.stylish td {
						font-size: 0.9em;
						font-weight: bold;
					}
					#RefereeRoleSettingForm table.stylish td {
						text-align: center;
						}
						#RefereeRoleSettingForm table.stylish td:first-of-type {
							text-align: left;
						}

					#RefereeRoleSettingForm .right {
						float: none;
						text-align: right;
					}
					#RefereeRoleSettingForm input[type="submit"] {
						height: 50px;
						margin-top: 50px;
						padding-left: 50px;
						padding-right: 50px;
						line-height: 50px;
					}

					/* --- RefereeRoleSettingForm : end */

				/* Body/Middle : Page Content : Content : Table Specials : end */

				/* Body/Middle : Page Content : Content : Pagination : begin */

				#pageLimitForm {
					margin-top: 30px;
				}

					#pageLimitForm table {
						border-spacing: 0;
						border-collapse: separate;
						}
						#pageLimitForm tbody {}
							#pageLimitForm tr {}
								#pageLimitForm td {
									white-space: nowrap;
								}
								#pageLimitForm td:first-of-type {
									text-align: left;
									}
									.pagination {}
										.pagination a {
											display: inline-block;
											width: 24px;
											height: 24px;
											margin-right: 5px;
											border: 1px solid #d0d4d8;
											border-radius: 3px;
											color: #808488;
											font-size: 14px;
											font-weight: normal;
											line-height: 24px;
											text-align: center;
											vertical-align: middle;
											}
											.pagination a:hover {
												color: #ffffff;
												background-color: #97c850;
												border-color: #97c850;
											}
										.pagination a.current,
										.pagination a.current:hover {
											cursor: default;
											color: #808488;
											background-color: #d0d4d8;
										}
										.pagination a:first-of-type,
										.pagination a:last-of-type {
											position: relative;
											color: transparent;
											}
											.pagination a:first-of-type:before,
											.pagination a:last-of-type:before {
												content: "\f0d9";
												position: absolute;
												margin-left: 1px;
												color: #808488;
												font-family: FontAwesome;
											}
											.pagination a:last-of-type:before {
												content: "\f0da";
												margin-left: 2px;
											}
											.pagination a:first-of-type:hover:before,
											.pagination a:last-of-type:hover:before {
												color: #ffffff;
											}
										.paginationInfo {
											margin: 0 5px;
											color: #888888;
											font-size: 0.9em;
										}
								#pageLimitForm td:last-of-type {
									color: #888888;
									font-size: 0.9em;
									}
									#pageLimitForm select.stylish {
										font-size: 13.3333px;
									}

				/* Body/Middle : Page Content : Content : Pagination : end */

			/* Body/Middle : Page Content : Content : end */

		/* Body/Middle : Page Content : end */



	/* Body/Middle : end */



	/* Footer/Bottom : begin */

	#bottom {
		position: absolute;
		width: 100%;
		height: 210px;
		text-align: center;
		}
		#bottom, body:after {
			margin-top: 50px;
		}

	#bottomInfo {
		z-index: 3;
		margin-top: 40px;
		color: #e0e4e8;
		font-size: 13px;
		line-height: 13px;
		text-align: center;
		}
		#bottomInfo:before {
			content: url('/vendors/layouts/images/sm-logo-white.png');
			position: relative;
			display: block;
			width: 100%;
			margin-bottom: 45px;
			text-align: center;
			opacity: 0.5;
		}
		#bottomInfo a {
			color: #e0e4e8;
			font-weight: normal;
			text-decoration: none;
		}
		#bottomInfo span {
			padding: 15px;
		}

	#bottomIcons {
		margin-top: 20px;
		}
		#bottomIcons img {
			display: none;
		}
		#bottomIcons:before {
			content: url('/vendors/layouts/images/bottom_icons_new.png');
		}

	#copyRights {
		position: relative;
		top: -90px;
		color: rgba(255,255,255,0.25);
		font-size: 12px;
		line-height: 12px;
		text-align: center;
	}

	#bottomInfo.left, #bottomInfo.right,
	#bottomIcons.left, #bottomIcons.right,
	#copyRights.left, #copyRights.right {
		float: none;
	}

	/* Footer/Bottom : end */



/* Main Blocks : end */



/* Images to Icons : begin */

img[src="/vendors/img/icon-checkbox.gif"] {
	content: url('/vendors/layouts/images/replacers/table-icon-check-808488.png');
	}
	img[src="/vendors/img/icon-checkbox.gif"]:hover {
	}
img[src="/vendors/img/delete.png"] {
	content: url('/vendors/layouts/images/replacers/table-icon-delete-hover.png');
	content: url('/vendors/layouts/images/replacers/table-icon-delete.png');
	}
	img[src="/vendors/img/delete.png"]:hover {
		content: url('/vendors/layouts/images/replacers/table-icon-delete-hover.png');
	}
img[src="/vendors/img/calendar.png"] {
	content: url('/vendors/layouts/images/replacers/table-icon-avail-hover.png');
	content: url('/vendors/layouts/images/replacers/table-icon-avail.png');
	}
	img[src="/vendors/img/calendar.png"]:hover {
		content: url('/vendors/layouts/images/replacers/table-icon-avail-hover.png');
	}
img[src="/vendors/img/whistle.png"] {
	content: url('/vendors/layouts/images/replacers/table-icon-result-hover.png');
	content: url('/vendors/layouts/images/replacers/table-icon-result.png');
	}
	img[src="/vendors/img/whistle.png"]:hover {
		content: url('/vendors/layouts/images/replacers/table-icon-result-hover.png');
	}
img[src="/vendors/img/edit.png"] {
	content: url('/vendors/layouts/images/replacers/table-icon-edit-hover.png');
	content: url('/vendors/layouts/images/replacers/table-icon-edit.png');
	}
	img[src="/vendors/img/edit.png"]:hover {
		content: url('/vendors/layouts/images/replacers/table-icon-edit-hover.png');
	}

img[src="/vendors/img/yes_no_1.gif"] {
	content: url('/vendors/layouts/images/replacers/set-icon-yes-hover.png');
	content: url('/vendors/layouts/images/replacers/set-icon-yes.png');
	}
	img[src="/vendors/img/yes_no_1.gif"]:hover {
		content: url('/vendors/layouts/images/replacers/set-icon-yes-hover.png');
	}
img[src="/vendors/img/yes_no_0.gif"] {
	content: url('/vendors/layouts/images/replacers/set-icon-disabled-hover.png');
	content: url('/vendors/layouts/images/replacers/set-icon-disabled.png');
	}
	img[src="/vendors/img/yes_no_0.gif"]:hover {
		content: url('/vendors/layouts/images/replacers/set-icon-disabled-hover.png');
	}

img[src="/vendors/img/visible_1.gif"] {
	content: url('/vendors/layouts/images/replacers/set-icon-visible-hover.png');
	content: url('/vendors/layouts/images/replacers/set-icon-visible.png');
	}
	img[src="/vendors/img/visible_1.gif"]:hover {
		content: url('/vendors/layouts/images/replacers/set-icon-visible-hover.png');
	}
img[src="/vendors/img/visible_0.gif"] {
	content: url('/vendors/layouts/images/replacers/set-icon-hidden-hover.png');
	content: url('/vendors/layouts/images/replacers/set-icon-hidden.png');
	}
	img[src="/vendors/img/visible_0.gif"]:hover {
		content: url('/vendors/layouts/images/replacers/set-icon-hidden-hover.png');
	}

img[src="/vendors/img/spinner.gif"] {
	content: url('/vendors/layouts/images/replacers/loading.gif');
	margin-left: 10px;
}

/* Images to Icons : end */



/* New Content : end ----------------------------------------------------------------------------------------- */



/* Original Content : begin ----------------------------------------------------------------------------------------- */

																		.left { float: left; }
																		.right { float: right; }
																		.clickable { cursor: pointer; }


																		div { position: relative; }




																		a.grey { color: #43565e;  font-weight: normal; text-decoration: underline;}

																		img.link { cursor: pointer; }


																		#overlay, .overlay {
																			position: absolute;
																			left: 0;
																			top: 0;

																			background-color: #000;
																			filter:alpha(opacity=10);
																			-moz-opacity:0.1;
																			-khtml-opacity: 0.1;
																			opacity: 0.1;
																			z-index: 10000;
																			display: none;
																		}



																		input[type=checkbox] {
																		  padding: 0px !important;
																		  margin: 0px !important;

																		}




																		.hidden { display : none; }


																		  table.fixtureEditor td { padding: 3px 2px 3px 7px; }
																		  table.fixtureEditor tr.competition td { background-image:url(/vendors/layouts/images/esm_header_back_link_blue_bg.png); padding: 3px 8px 3px 8px; color: #fff;}
																		  table.fixtureEditor tr.referee td { background-image:url(/vendors/layouts/images/esm_header_back_link_blue_bg.png); padding: 3px 8px 3px 8px; color: #fff;}
																		  table.fixtureEditor tr.competitionGrey td { padding: 3px 8px 3px 8px; color: #3B3B3B;}
																		  table.fixtureEditor tr.venue td { background-image:url(/vendors/layouts/images/esm_header_back_link_blue_bg.png); padding: 3px 8px 3px 8px; color: #fff;}
																		  table.fixtureEditor tr.competitionTall td { background-image:url(/vendors/layouts/images/esm_header_back_link_blue_bg.png); padding: 3px 8px 3px 8px; color: #fff; font-size: 14px; }
																		  table.fixtureEditor tr.header td { font-weight: bold; vertical-align: bottom;  }
																		  table.fixtureEditor tr.header.amber td { background-image:url(/vendors/layouts/images/esm_header_amber_title_bg.png); padding: 3px 8px 3px 8px; color: #fff;}
																		  table.fixtureEditor tr.header.green td,
																		  table.fixtureEditor tr.competition.green td  { background-image:url(/vendors/layouts/images/esm_header_title_bg.png); padding: 3px 8px 3px 8px; color: #fff;}
																		  table.fixtureEditor tr.stylishTblLst2 td { vertical-align: top; }
																		  table.fixtureEditor tr.fixtureRow td { cursor: pointer; }



																				.refereeInfoBottom
																				{
																					display:none;
																					height: auto;
																					width: 700px;
																					background-color: #000;
																					bottom: 0px;
																					left: 400px;
																					position: fixed;
																					z-index: 99;
																				}

																				.refereeInfoTop
																				{
																					display:none;
																					height: auto;
																					width: 700px;
																					background-color: #000;
																					top: 0px;
																					left: 400px;
																					position: fixed;
																					z-index: 99;
																				}


																				 #notification
																				 {
																					font-weight: bold;
																					display:none;
																					z-index: 99;
																					position : fixed;
																					left: 0px;
																					top: 0px;
																					background-color: #E0AB1B;
																					padding: 10px;
																					color:#fff;
																					border-left: 1px solid #000;
																					border-right: 1px solid #000;
																					border-bottom: 1px solid #000;
																					width: auto;

																				 }

																				 a img { border: none; }


																				 .countLabel
																		{
																			color:Gray;
																			font-style:italic;
																		}

																		.storageBox
																		{
																			display:none;
																		}

																		.copiedOption
																		{
																			background-color:Yellow;
																		}

																		.big { font-size: 14px; }



																		input:disabled
																		{
																		background:#dddddd;
																		}

																		select:disabled
																		{
																		background:#dddddd;
																		}


																		.ui-widget-header.ui-corner-all.header {
																			padding: 5px 10px 5px 10px;
																			color: #fff;
																			font-weight: bold;
																			font-size: 14px;
																		}


																		.extraInfo {
																			margin: 10px;
																			padding: 5px;
																			background-color: #fff;
																			border: 1px solid #cac9c9;
																		}

																		.status_1 {
																		  background: #97c950;
																		  background-image: -webkit-linear-gradient(top, #97c950, #73a22e);
																		  background-image: -moz-linear-gradient(top, #97c950, #73a22e);
																		  background-image: -ms-linear-gradient(top, #97c950, #73a22e);
																		  background-image: -o-linear-gradient(top, #97c950, #73a22e);
																		  background-image: linear-gradient(to bottom, #97c950, #73a22e);
																		  -webkit-border-radius: 6;
																		  -moz-border-radius: 6;
																		  border-radius: 6px;
																		  font-family: Arial;
																		  color: #ffffff;
																		  font-size: 10px;
																		  padding: 2px 4px 4px 4px;
																		  border: solid #bae482 1px;
																		  text-decoration: none;
																		}

																		.status_0 {

																		  background: #dbdbdb;
																		  background-image: -webkit-linear-gradient(top, #dbdbdb, #949494);
																		  background-image: -moz-linear-gradient(top, #dbdbdb, #949494);
																		  background-image: -ms-linear-gradient(top, #dbdbdb, #949494);
																		  background-image: -o-linear-gradient(top, #dbdbdb, #949494);
																		  background-image: linear-gradient(to bottom, #dbdbdb, #949494);
																		  -webkit-border-radius: 6;
																		  -moz-border-radius: 6;
																		  border-radius: 6px;
																		  font-family: Arial;
																		  color: #ffffff;
																		  font-size: 10px;
																		  padding: 2px 4px 4px 4px;
																		  border: solid #a6a6a6 1px;
																		  text-decoration: none;

																		}
																		
         a.icon {
            display: inline;
            text-align: center;
            vertial-align: middle;

        }
        a.icon i {
            color: #fff;
            background-color: #faa61a;
            width: 16px;
            height: 16px;
            padding: 4px;
            border-radius: 3px;
        }
         a.icon.disabled i { 
            background-color: #404448;
        }