/*	/////////		SAYFA YAPISI		////////// */
	
	html {
		margin:0px;
		padding:0px;
		height:100%;
	}
	
	body {
		width:100%;
		min-width:1360px;
		margin:0px;
		padding:0px;
		height:100%;
		background:#FFF;
		zoom: 100%;
		-moz-transform: scale(1);
	}
	
	body, input, select, textarea, button {
		font-family:'Poppins';
		font-size:13px;
		line-height:1.4em;
		font-weight:normal;
		color:#000;
		border:0;
	}
	
	button {
		white-space:nowrap;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	* {
		outline:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		background-clip:border-box;
		-moz-background-clip:border-box;
		-webkit-background-clip:border-box;
		-webkit-print-color-adjust: exact; 
		/*-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;*/
	}
	
	h1,h2,h3,h4,h5{
		display:inline-block;
		font-size:inherit;
		font-weight:inherit;
		margin:0;
		padding:0;
	}
	
	@font-face {
		font-family:'Poppins';
		src:url('Poppins-Light.woff2') format('woff2'),
		    url('Poppins-Light.woff') format('woff');
		font-weight:100;
		font-style:normal;
		font-display:swap;
	} @font-face {
		font-family:'Poppins';
		src:url('Poppins-Regular.woff2') format('woff2'),
		    url('Poppins-Regular.woff') format('woff');
		font-weight:normal;
		font-style:normal;
		font-display:swap;
	} @font-face {
		font-family:'Poppins';
		src:url('Poppins-SemiBold.woff2') format('woff2'),
		    url('Poppins-SemiBold.woff') format('woff');
		font-weight:500;
		font-style:normal;
		font-display:swap;
	} @font-face {
		font-family:'Poppins';
		src:url('Poppins-Bold.woff2') format('woff2'),
		    url('Poppins-Bold.woff') format('woff');
		font-weight:700;
		font-style:normal;
		font-display:swap;
	}
	
	@media print{@page {size: landscape}}
	
	/*	/////////////////////////////////////////////////// */
	/*	/////////		BODY			///////// */
	/*	/////////////////////////////////////////////////// */
	
	
	.buttons.a * {
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
	} .buttons.a {
		list-style:none;
		margin:0 0 0 0;
		padding:0;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	} .buttons.a > li {
		position:relative;
		display:block;
		float:left;
	} .buttons.a > li > a,
	  .buttons.a .sub a {
		display:block;
		padding:9px 14px;
		margin-right:2px;
		text-decoration:none;
		font-size:17px;
		font-weight:bold;
		color:#FFF;
		background-repeat:no-repeat;
		background-position:center;
		background-size:30px 30px;
		-webkit-border-radius:30px;
		border-radius:30px;
	} .buttons.a .sub a {
		padding:6px;
		font-size:11px!important;
		font-weight:normal!important;
		-webkit-border-radius:0;
		border-radius:0;
		white-space:nowrap;
	} .buttons.a > li > a:hover,
	  .buttons.a > li > a.active {
		background-color:#C8B440;
		-webkit-box-shadow:4px 6px 6px 0 rgba(0,0,0,.25);
		box-shadow:4px 6px 6px 0 rgba(0,0,0,.25);
		text-shadow:0 1px 0 rgba(0,0,0,.25), 1px 0 0 rgba(0,0,0,.25);
	} .buttons.a .sub a:hover {
		background-color:#000!important;
		
	}
	
	.main-btn {
		position:relative;
		width:200px;
		height:200px;
		font-weight:bold;
		font-size:19px;
		line-height:1.1em;
		color:#211E5C;
		padding:90px 0 0 0;
		-webkit-box-shadow:inset 0 10px 30px 0 rgba(0,0,0,0.15), inset 0 -4px 0 0 rgba(0,0,0,0.15), 0 2px 4px 0 rgba(0,0,0,0.25);
		box-shadow:inset 0 10px 30px 0 rgba(0,0,0,0.15), inset 0 -4px 0 0 rgba(0,0,0,0.15), 0 2px 4px 0 rgba(0,0,0,0.25);
		-webkit-border-radius:200px;
		border-radius:200px;
		background-repeat:no-repeat;
		background-position:50% 25%;
		background-size:80px 80px;
		text-shadow:0 1px 1px rgba(0,0,0,0.35);
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
	} .main-btn:hover {
		color:#FFF!important;
		background-color:#D3C467!important;
		-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.25), 0 0 50px 0 rgba(211,196,103,.5), 0 0 50px 0 rgba(211,196,103,.5);
		box-shadow:0 2px 4px 0 rgba(0,0,0,.25), 0 0 50px 0 rgba(211,196,103,.5), 0 0 50px 0 rgba(211,196,103,.5);
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
	} .main-btn .cnt {
		position:absolute;
		z-index:1;
		top:-20px;
		left:160px;
		width:60px;
		height:60px;
		padding:12px;
		color:#FFF;
		border:2px solid #EEE;
		-webkit-box-shadow:4px 4px 6px 0 rgba(0,0,0,0.25);
		box-shadow:4px 4px 6px 0 rgba(0,0,0,0.25);
		-webkit-border-radius:60px;
		border-radius:60px;
		background:red;
		font-size:27px;
	} .main-btn.a {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_2.png);
	} .main-btn.a:hover {
		background-image:url(../images/icon_dashButtons_2Invert.png);
	} .main-btn.b {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_3.png);
	} .main-btn.b:hover {
		background-image:url(../images/icon_dashButtons_3Invert.png);
	} .main-btn.c {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_6.png);
	} .main-btn.c:hover {
		background-image:url(../images/icon_dashButtons_6Invert.png);
	} .main-btn.d {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_7.png);
	} .main-btn.d:hover {
		background-image:url(../images/icon_dashButtons_7Invert.png);
	} .main-btn.e {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_8.png);
	} .main-btn.e:hover {
		background-image:url(../images/icon_dashButtons_8Invert.png);
	} .main-btn.f {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_1.png);
	} .main-btn.f:hover {
		background-image:url(../images/icon_dashButtons_1Invert.png);
	} .main-btn.g {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_7.png);
	} .main-btn.g:hover {
		background-image:url(../images/icon_dashButtons_7Invert.png);
	} .main-btn.h {
		background-color:#E6E6E6;
		background-image:url(../images/icon_middleSpecs_9.png);
	} .main-btn.h:hover {
		background-image:url(../images/icon_middleSpecs_9Invert.png);
	} .main-btn.i {
		background-color:#E6E6E6;
		background-image:url(../images/icon_dashButtons_9.png);
	} .main-btn.i:hover {
		background-image:url(../images/icon_dashButtons_9Invert.png);
	} .main-btn span {
		position:absolute;
		display:block;
		text-align:center;
		top:55px;
		left:0;
		width:100%;
		font-size:23px;
	}
	
	.btn.lang {
		display:inline-block;
		height:36px;
		padding:8px;
		font-size:15px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		border:1px solid rgba(255,255,255,.25);
		-webkit-border-radius:40px;
		border-radius:40px;
		vertical-align:middle;
	} .btn.lang:hover {
		color:#FFF;
		background:#C8B440;
		text-decoration:none;
		text-shadow:0 1px 0 rgba(0,0,0,.25), 1px 0 0 rgba(0,0,0,.25);
	}
	
	.btn.logout {
		display:inline-block;
		width:110px;
		height:36px;
		padding:8px 14px;
		font-size:15px;
		color:#FFF;
		text-align:center;
		border:1px solid rgba(255,255,255,.25);
		-webkit-border-radius:40px;
		border-radius:40px;
		vertical-align:middle;
	} .btn.logout:hover {
		color:#FFF;
		background:#C8B440;
		text-decoration:none;
		text-shadow:0 1px 0 rgba(0,0,0,.25), 1px 0 0 rgba(0,0,0,.25);
	}
	
	.main-panel-box {
		display:table;
		width:100%;
		height:100%;
		
	} .main-panel-box > .row {
		display:table-row;
		
	} .main-panel-box > .row > .cell {
		display:table-cell;
		vertical-align:middle;
		padding:10px;
	}
	
	.main-guide {
		display:table;
		width:100%;
		height:100%;
		
	} .main-guide .buttons {
		display:table-row;
		
	} .main-guide .buttons > div:nth-child(1) {
		display:table-cell;
		width:100%;
		height:107px;
		border:1px solid #D7D7D7;
		border-top:6px solid #309AD8;
		background:#FFF;
		vertical-align:middle;
		
	} .main-guide .content {
		position:relative;
		display:table-row;
		
	} .main-guide .content > div:nth-child(1) {
		position:relative;
		display:table-cell;
		width:100%;
		height:auto;
		padding:12px;
		border:1px solid #D7D7D7;
		border-width:0 1px 0 1px;
		background:url(../images/background_empty.jpg);
		vertical-align:middle;
		
	} .main-guide .lines {
		display:table-row;
		
	} .main-guide .lines > div:nth-child(1) {
		display:table-cell;
		width:100%;
		height:12px;
		border:1px solid #D7D7D7;
		border-width:1px 1px 0 1px;
		background:url(../images/back_footerLines.png);
		vertical-align:middle;
	}
	
	.login-panel {
		position:relative;
		z-index:1;
		float:left;
		display:table;
		width:620px;
		height:340px;
		padding:30px 0;
		background:#FFF;
		margin:-100px 0 0 200px;
		opacity:0;
		-webkit-box-shadow:0 0 30px 0 #999;
		-moz-box-shadow:0 0 30px 0 #999;
		box-shadow:0 0 30px 0 #999;
	}
	
	.reset-panel {
		float:left;
		display:table;
		width:620px;
		height:340px;
		padding:30px 0;
		background:#FFF;
		margin:0 0 0 200px;
		-webkit-box-shadow:0 0 30px 0 #999;
		-moz-box-shadow:0 0 30px 0 #999;
		box-shadow:0 0 30px 0 #999;
	}
	
	.panel-box {
		display:table;
		width:100%;
		height:100%;
		
	} .panel-box > .row {
		display:table-row;
		
	} .panel-box > .row > .cell {
		display:table-cell;
		position:relative;
		vertical-align:top;
		
	} .panel-box > .row > .cell.spcttr.horz {
		display:table-cell;
		width:12px;
		font-size:0;
		vertical-align:top;
		
	} .panel-box > .row > .cell.spcttr.vert {
		display:table-cell;
		height:12px;
		vertical-align:top;
		font-size:0;
	}
	
	.subpanel-box {
		display:table;
		width:100%;
		height:100%;
		
	} .subpanel-box .row {
		display:table-row;
		
	} .subpanel-box > .row > .cell {
		display:table-cell;
		position:relative;
		vertical-align:top;
		
	} .subpanel-box > .row > .cell.spcttr.horz {
		display:table-cell;
		width:12px;
		font-size:0;
		vertical-align:top;
		
	} .subpanel-box > .row > .cell.spcttr.vert {
		display:table-cell;
		height:12px;
		vertical-align:top;
		font-size:0;
	}
	
	.inspanel-box {
		display:table;
		width:100%;
		height:100%;
		background:#FFF;
		-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);
		box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);
		
	} .inspanel-box > .row {
		display:table-row;
		
	} .inspanel-box > .row > .institle {
		display:table-cell;
		height:40px;
		vertical-align:top;
		
	} .inspanel-box > .row > .institle > div:nth-child(1) {
		height:40px;
		border-bottom:1px solid #CCC;
		margin:0 14px;
		
	} .inspanel-box > .row > .institle .left {
		float:left;
		padding:12px 2px 0 2px;
		
	} .inspanel-box > .row > .institle .right {
		float:right;
		padding:6px 2px;
		
	} .inspanel-box > .row > .insdata {
		display:table-cell;
		height:100%;
		padding:6px 14px 14px 14px;
		vertical-align:top;
		
	} .inspanel-box > .row > .insdata .guide {
		width:100%;
		height:100%;
		
	} .inspanel-box > .row > .insedit {
		display:table-cell;
		height:100%;
		padding:0 14px 14px 14px;
		vertical-align:top;
		
	} .inspanel-box > .row > .insedit > .guide {
		position:relative;
		width:100%;
		height:100%;
		overflow:auto;
		overflow-x:hidden;
		border:1px solid #CCC;
		border-top:0;
		padding:14px;
		
	} .inspanel-box > .row > .insedit > .guide .gspace {
		display:table;
		width:100%;
		height:100%;
		
	} .inspanel-box > .row > .insedit > .guide .gspace > div:nth-child(1) {
		display:table-cell;
		vertical-align:top;
		width:auto;
		padding:0 20px 0 0;
	}
	
	.insform {
		display:table;
		width:100%;
		
	} .insform > .row {
		display:table-row;
		
	} .insform > .row > .cell.a {
		display:table-cell;
		width:16%;
		vertical-align:middle;
		
	} .insform > .row > .cell.b {
		display:table-cell;
		width:34%;
		padding:2px;
		vertical-align:middle;
		
	} .insform > .row > .cell.c {
		display:table-cell;
		width:16%;
		vertical-align:middle;
		
	} .insform > .row > .cell.d {
		display:table-cell;
		width:84%;
		padding:2px;
		vertical-align:middle;
		
	} .insform > .row > .cell.b > input[type=text],
	  .insform > .row > .cell.b > input[type=password],
	  .insform > .row > .cell.b > select,
	  .insform > .row > .cell.b > textarea {
		width:94%;
		
	} .insform  .row {
		
		
	}
	
	.recList,
	.recSUBList {
		display:table;
		width:100%;
		white-space:nowrap;
		table-layout:fixed;
		border-collapse:collapse;
		
	} .recList .titles,
	  .recSUBList .titles {
		display:table-row;
		height:32px;
		font-weight:bold;
		background:#CCC;
		
	} .recList .titles .cell.i,
	  .recSUBList .titles .cell.i {
		padding:0 6px;
		
	} .recList .cell,
	  .recSUBList .cell {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
	}
	
	.recListFilter,
	.recListFilterDis,
	.recSUBListFilter {
		display:table-row;
		height:34px;
		font-weight:bold;
		background:#F5F5F5;
		
	} .recListFilter .cell,
	  .recListFilterDis .cell,
	  .recSUBListFilter .cell {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		border-bottom:1px solid rgba(0,0,0,0.15);
		
	} .recListFilter .cell.i,
	  .recListFilterDis .cell.i,
	  .recSUBListFilter .cell.i {
		padding:0 8px 0 0;
	}
	
	.recListItems,
	.recSUBListItems {
		position:relative;
		display:table;
		width:100%;
		white-space:nowrap;
		table-layout:fixed;
		border-collapse:collapse;
		
	} .recListItems > .group,
	 .recSUBListItems > .group {
		display:table-row;
		height:30px;
		
	} .recListItems > .group > .cell,
	  .recSUBListItems > .group > .cell {
		display:table-cell;
		font-size:12px;
		
	} .recListItems > .group > .cell .titles,
	  .recSUBListItems > .group > .cell .titles {
		position:absolute;
		width:100%;
		height:30px;
		border-bottom:1px solid #F5F5F5;
		background:#FFF4CE;
		color:#80660D;
		padding:8px 0 0 10px;
		text-align:left;
		
	} .recListItems > .item,
	  .recSUBListItems > .subitem {
		display:table-row;
		height:33px;
		
	} .recListItems > .item > .cell,
	  .recSUBListItems > .subitem > .cell {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		border-bottom:1px solid rgba(0,0,0,0.15);
		
	} .recListItems > .item > .cell.i,
	  .recSUBListItems > .subitem > .cell.i {
		padding:0 6px;
	}
	
	.tabs {
		overflow:hidden;
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
	} .tabs li {
		float:left;
		margin:0 .5em 0 0;
	} .tabs li:last-child {
		padding-right:6px;
	} .tabs a {
		position:relative;
		background:#ddd;
		background-image:linear-gradient(to bottom, #fff, #ddd);
		padding:.7em 1.4em;
		float:left;
		text-decoration:none;
		text-shadow:0 1px 0 rgba(255,255,255,.8);
		border-radius:5px 0 0 0;
		box-shadow:0 2px 2px rgba(0,0,0,.4);
		border-top:1px solid rgba(0,0,0,.05);
		border-left:1px solid rgba(0,0,0,.05);
	} .tabs a:hover,
	  .tabs a:hover::after,
	  .tabs a:focus,
	  .tabs a:focus::after {
		background:#fff;
	} .tabs a:focus {
		outline:0;
	} .tabs a::after {
		content:'';
		position:absolute;
		z-index:1;
		top:0;
		right:-.5em;
		bottom:0;
		width:1em;
		background:#ddd;
		background-image:linear-gradient(to bottom, #fff, #ddd);
		box-shadow:2px 2px 2px rgba(0,0,0,.4);
		transform:skew(10deg);
		border-radius:0 5px 0 0;
	} .tabs .current a,
	  .tabs .current a::after {
		background:#fff;
		z-index:3;
		font-weight:bold;
	} .tabs-content {
		background:#fff;
		padding:2em;
		position:relative;
		z-index:2;
		border-radius:0 5px 5px 5px;
		box-shadow:0 -2px 3px -2px rgba(0, 0, 0, .5);
	}
	
	.table-rep-list {
		table-layout:fixed;
	} .table-rep-list .item:hover {
		background:#FFF4CE!important;
	}
	
	.rep-input {
		width:100%;
		height:30px;
		padding:4px;
		background-color:transparent;
	} .rep-input:focus {
		background-color:#F5F5F5!important;
		
	}
	
	.opt-input {
		width:100%;
		height:24px;
		font-weight:bold;
		text-align:center;
		background-color:transparent;
		/*background-image:url(../images/icon_editIconFligran.png);
		background-repeat:no-repeat;
		background-position:92% 50%;*/
	} .opt-input:focus {
		background-color:#F5F5F5;
		
	}
	
	.rotate {
		-moz-transform: rotate(-90.0deg);
		-o-transform: rotate(-90.0deg);
		-webkit-transform: rotate(-90.0deg);
		filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
		-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
		transform: rotate(-90.0deg);
	}
	
	.poweredby {
		position:absolute;
		bottom:-18px;
		right:10px;
		color:#000;
		white-space:nowrap;
	} .poweredby * {
		-webkit-transition:all .25s ease;
		-moz-transition:all .25s ease;
		transition:all .25s ease;
		text-decoration:none;
	} .poweredby .txt {
		opacity:0;
		padding:10px 12px;
	} .poweredby:hover .txt {
		opacity:1;
		font-size:15px;
		width:110px;
		color:#FFF;
	} .poweredby a {
		color:#FFF;
	} .poweredby a:hover {
		text-decoration:none;
	} .poweredby .txt {
		position:relative;
		display:inline-block;
		font-weight:bold;
		vertical-align:middle;
		overflow:hidden;
		width:0;
	} .poweredby img {
		vertical-align:middle;
	}
	
	.not-found {
		white-space:normal;
		text-align:center;
	} .not-found img {
		vertical-align:middle;
		margin:0 10px;
	} .not-found span {
		font-size:27px;
		letter-spacing:-1px;
		color:#EEE;
		vertical-align:middle;
	}
	
	/*	/////////////////////////////////////////////////// */
	/*	/////////////////////////////////////////////////// */
	/*	/////////////////////////////////////////////////// */
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px) {
		
		/* murat */
		
		body {
			min-width:100%;
			
		} .login-panel {
			position:relative;
			z-index:1;
			float:none;
			display:table;
			width:90%;
			height:340px;
			padding:30px 0;
			background:#FFF;
			margin:-100px auto 0 auto;
			opacity:0;
			-webkit-box-shadow:0 0 30px 0 #999;
			-moz-box-shadow:0 0 30px 0 #999;
			box-shadow:0 0 30px 0 #999;
		} .login-panel .locker {
			display:none!important;
		} .login-panel .logon,
		  .login-panel .forgot {
			padding:0 26px;
		} .login-panel .notes {
			width:100%!important;
			margin:0 0 -64px 0!important;
			font-size:12px;
		} .login-panel .notes img {
			margin:2px 10px 20px 0!important;
			
		} .reset-panel {
			float:none;
			display:table;
			width:90%;
			height:300px;
			padding:30px 0;
			background:#FFF;
			margin:0 auto;
			-webkit-box-shadow:0 0 30px 0 #999;
			-moz-box-shadow:0 0 30px 0 #999;
			box-shadow:0 0 30px 0 #999;
		} .reset-panel div {
			padding:0!important;
		} .reset-panel .forgot {
			padding:0 26px!important;
			
		} .buttons.a {
			display:none;
		} .buttons.b .log-name {
			display:none;
			
		} .navigate {
			padding:0 8px 0 12px!important;
			
		} .dash-panel .big-logo {
			width:74%;
			height:auto;
			margin:20px auto 40px auto!important;
			
		} .dash-panel .btn-groups li {
			padding:0 6px!important;
			
		} .dash-panel .main-btn {
			display:inline-block;
			position:relative;
			width:120px;
			height:120px;
			font-weight:bold;
			font-size:14px;
			padding:50px 0 0 0;
			background-size:50px 50px;
		} .dash-panel .main-btn .cnt {
			position:absolute;
			z-index:1;
			top:-20px;
			left:100px;
			width:34px;
			height:34px;
			padding:6px;
			border:1px solid #EEE;
			-webkit-box-shadow:4px 4px 6px 0 rgba(0,0,0,0.25);
			box-shadow:4px 4px 6px 0 rgba(0,0,0,0.25);
			-webkit-border-radius:60px;
			border-radius:60px;
			background:red;
			font-size:17px;
			
		} .scr-resize {
			width:80%;
			max-height:560px;
			margin-top:-7%!important;
			overflow:auto;
			-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.5), 0 10px 30px 0 rgba(0,0,0,0.15);
			box-shadow:0 10px 10px 0 rgba(0,0,0,0.5), 0 10px 30px 0 rgba(0,0,0,0.15);
		} .scr-resize #wContent > div:nth-child(1) {
			width:100%!important;
			
		} .scr-resize .video-item {
			width:100%!important;
			
		} .scr-resize .exam-item {
			width:100%!important;
			
		} .dash-panel .exam-details {
			width:100%!important;
			padding:30px 10px!important;
			
		} .dash-panel .table-titles {
			display:block;
			width:100%!important;
		} .dash-panel .table-titles tr {
			display:block;
			width:100%!important;
		} .dash-panel .table-titles td {
			display:block;
			width:100%!important;
			text-align:center;
		} .dash-panel .table-titles td:nth-child(1) img {
			margin:auto;
		} .dash-panel .table-titles td:nth-child(2) {
			padding:30px 0;
			
		} .dash-panel .watch-videos > div:nth-child(1) {
			padding:30px!important;
		} .dash-panel .watch-videos img {
			width:200px;
			height:200px;
			
		} .dash-panel .exam-correct > div:nth-child(1) {
			padding:30px!important;
		} .dash-panel .exam-correct img {
			width:200px;
			height:200px;
			
		} .dash-panel .exam-incorrect > div:nth-child(1) {
			padding:30px!important;
		} .dash-panel .exam-incorrect img {
			width:200px;
			height:200px;
			
			
			
		}
		
		.nomob {
			display:none!important;
		}
		
		/* css1 */
	}
	/* Tablet Portrait size to standard 768 (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:1024px) {
		
		body {
			zoom: 62%!important;
		}
		.ac-codes-container {
			width:55%!important;
		} .ac-codes-container input {
			font-size:19px!important;
		}
		.ac-navi-container {
			width:44%!important;
		}
		
		/* css2 */
	}
	/* Tablet Landscape size to standard (devices and browsers) */
	@media only screen and (min-width:1025px) and (max-width:1580px) {
		
		.panel .pleft,
		.panel .sum-slider .slide *,
		.panel .ss-prev,
		.panel .ss-next,
		.footer,
		#windowDiv,
		#windowSUBDiv,
		#tasksDiv,
		#notifyDiv,
		#blockDiv,
		#blockAlertDiv,
		#blockConfirmDiv,
		#blockLoaderDiv,
		.playFullVideo,
		.dom {
			zoom: 80%!important;
		}
		
		.buttons.a .sub a {
			font-size:12px!important;
			font-weight:normal!important;
		} .buttons.a > li.s {
			margin:0 2px 0 0;
			padding:0 0 0 2px;
		}
		
		/* css3 */
	}
	
	/*	/////////////////////////////////////////////////// */
	/*	/////////////////////////////////////////////////// */
	/*	/////////////////////////////////////////////////// */
	
	@-moz-document url-prefix() {
		
		/* 1440 x 900 */
		@media only screen and (min-width:1440px) and (max-width:1440px) {
			html {
				width:1600px;
				height:912px;
				-moz-transform:scale(0.9);
				-moz-transform-origin:0 0;
			}
		}
		/* 1400 x 1050 */
		@media only screen and (min-width:1400px) and (max-width:1400px) {
			html {
				width:1556px;
				height:1080px;
				-moz-transform:scale(0.9);
				-moz-transform-origin:0 0;
			}
		}
		/* 1360 x 760 */
		@media only screen and (min-width:1360px) and (max-width:1360px) {
			html {
				width:1790px;
				height:912px;
				-moz-transform:scale(0.76);
				-moz-transform-origin:0 0;
			}
		}
		/* 1366 x 768 */
		@media only screen and (min-width:1366px) and (max-width:1366px) {
			html {
				width:1796px;
				height:912px;
				-moz-transform:scale(0.76);
				-moz-transform-origin:0 0;
			}
		}
		/* 1280 x ~ */
		@media only screen and (min-width:1280px) and (max-width:1280px) {
			html {
				width:1560px;
				height:1080px;
				-moz-transform:scale(0.82);
				-moz-transform-origin:0 0;
			}
		}
		/* 1152 x ~ */
		@media only screen and (min-width:1152px) and (max-width:1152px) {
			html {
				width:1556px;
				height:1066px;
				-moz-transform:scale(0.74);
				-moz-transform-origin:0 0;
			}
		}
		/* 1024 x ~ */
		@media only screen and (min-width:1024px) and (max-width:1024px) {
			html {
				width:1550px;
				height:1052px;
				-moz-transform:scale(0.66);
				-moz-transform-origin:0 0;
			}
		}
		/* 800 x ~ */
		@media only screen and (min-width:800px) and (max-width:800px) {
			html {
				width:1566px;
				height:1028px;
				-moz-transform:scale(0.51);
				-moz-transform-origin:0 0;
			}
		}
		
	}
	
	/*	/////////////////////////////////////////////////// */
	/*	/////////////////////////////////////////////////// */
	/*	/////////////////////////////////////////////////// */
	
	.ui-state-default {
		cursor:n-resize;
		border:1px solid transparent;
	} .ui-state-default:hover {
		border:1px solid #CC0000;
	}
	
	.dropdown-menu{
		position:absolute;
		top:100%;
		left:0;
		z-index:1000;
		display:none;
		float:left;
		min-width:160px;
		padding:5px 0;
		margin:3px 0;
		font-size:14px;
		text-align:left;
		list-style:none;
		background-color:#fff;
		-webkit-background-clip:padding-box;
		background-clip:padding-box;
		border:1px solid #ccc;
		border:1px solid rgba(0,0,0,0.25);
		border-radius:4px;
		-webkit-box-shadow:0 12px 24px rgba(0,0,0,0.35);
		box-shadow:0 12px 24px rgba(0,0,0,0.35);
	}
	.datepicker {
	  padding: 0;
	  font-size:12px;
	  direction: ltr;
	}
	.datepicker-inline {
	  width: 220px;
	}
	.datepicker.datepicker-rtl {
	  direction: rtl;
	}
	.datepicker.datepicker-rtl table tr td span {
	  float: right;
	}
	.datepicker-dropdown {
	  top: 0;
	  left: 0;
	}
	.datepicker-days {
	  border:2px solid #FFF;
	}
	.datepicker-days .table-condensed {
	  border:4px solid #DDD;
	}
	.datepicker-dropdown:before {
	  content: '';
	  display: inline-block;
	  border-left: 7px solid transparent;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #999999;
	  border-top: 0;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  position: absolute;
	}
	.datepicker-dropdown:after {
	  content: '';
	  display: inline-block;
	  border-left: 6px solid transparent;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid #ffffff;
	  border-top: 0;
	  position: absolute;
	}
	.datepicker-dropdown.datepicker-orient-left:before {
	  left: 6px;
	}
	.datepicker-dropdown.datepicker-orient-left:after {
	  left: 7px;
	}
	.datepicker-dropdown.datepicker-orient-right:before {
	  right: 6px;
	}
	.datepicker-dropdown.datepicker-orient-right:after {
	  right: 7px;
	}
	.datepicker-dropdown.datepicker-orient-bottom:before {
	  top: -7px;
	}
	.datepicker-dropdown.datepicker-orient-bottom:after {
	  top: -6px;
	}
	.datepicker-dropdown.datepicker-orient-top:before {
	  bottom: -7px;
	  border-bottom: 0;
	  border-top: 7px solid #999999;
	}
	.datepicker-dropdown.datepicker-orient-top:after {
	  bottom: -6px;
	  border-bottom: 0;
	  border-top: 6px solid #ffffff;
	}
	.datepicker > div {
	  display: none;
	}
	.datepicker table {
	  margin: 0;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  border-spacing:0;
	}
	.datepicker th {
	  background:#EEE;
	}
	.datepicker td,
	.datepicker th {
	  text-align: center;
	  width: 20px;
	  height: 20px;
	  border-bottom:1px solid #DDD;
	  padding:5px 7px;
	}
	.datepicker tr:last-child td {
	  border:none;
	}
	.datepicker td,
	.datepicker th {
	  border-right:1px solid #DDD!important;
	}
	.datepicker td:last-child,
	.datepicker th:last-child {
	  border-right:0!important;
	}
	.table-striped .datepicker table tr td,
	.table-striped .datepicker table tr th {
	  background-color: transparent;
	}
	.datepicker table tr td.day:hover,
	.datepicker table tr td.day.focused {
	  background: #eeeeee;
	  cursor: pointer;
	}
	.datepicker table tr td.old,
	.datepicker table tr td.new {
	  color: #999999;
	}
	.datepicker table tr td.disabled,
	.datepicker table tr td.disabled:hover {
	  background: none;
	  color: #999999;
	  cursor: default;
	}
	.datepicker table tr td.highlighted {
	  background: #d9edf7;
	  border-radius: 0;
	}
	.datepicker table tr td.today,
	.datepicker table tr td.today:hover,
	.datepicker table tr td.today.disabled,
	.datepicker table tr td.today.disabled:hover {
	  background-color: #fde19a;
	  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
	  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
	  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
	  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	  border-color: #fdf59a #fdf59a #fbed50;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  color: #000;
	}
	.datepicker table tr td.today:hover,
	.datepicker table tr td.today:hover:hover,
	.datepicker table tr td.today.disabled:hover,
	.datepicker table tr td.today.disabled:hover:hover,
	.datepicker table tr td.today:active,
	.datepicker table tr td.today:hover:active,
	.datepicker table tr td.today.disabled:active,
	.datepicker table tr td.today.disabled:hover:active,
	.datepicker table tr td.today.active,
	.datepicker table tr td.today:hover.active,
	.datepicker table tr td.today.disabled.active,
	.datepicker table tr td.today.disabled:hover.active,
	.datepicker table tr td.today.disabled,
	.datepicker table tr td.today:hover.disabled,
	.datepicker table tr td.today.disabled.disabled,
	.datepicker table tr td.today.disabled:hover.disabled,
	.datepicker table tr td.today[disabled],
	.datepicker table tr td.today:hover[disabled],
	.datepicker table tr td.today.disabled[disabled],
	.datepicker table tr td.today.disabled:hover[disabled] {
	  background-color: #fdf59a;
	}
	.datepicker table tr td.today:active,
	.datepicker table tr td.today:hover:active,
	.datepicker table tr td.today.disabled:active,
	.datepicker table tr td.today.disabled:hover:active,
	.datepicker table tr td.today.active,
	.datepicker table tr td.today:hover.active,
	.datepicker table tr td.today.disabled.active,
	.datepicker table tr td.today.disabled:hover.active {
	  background-color: #fbf069 \9;
	}
	.datepicker table tr td.today:hover:hover {
	  color: #000;
	}
	.datepicker table tr td.today.active:hover {
	  color: #fff;
	}
	.datepicker table tr td.range,
	.datepicker table tr td.range:hover,
	.datepicker table tr td.range.disabled,
	.datepicker table tr td.range.disabled:hover {
	  background: #eeeeee;
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	}
	.datepicker table tr td.range.today,
	.datepicker table tr td.range.today:hover,
	.datepicker table tr td.range.today.disabled,
	.datepicker table tr td.range.today.disabled:hover {
	  background-color: #f3d17a;
	  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
	  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
	  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
	  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
	  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	  border-color: #f3e97a #f3e97a #edde34;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  -webkit-border-radius: 0;
	  -moz-border-radius: 0;
	  border-radius: 0;
	}
	.datepicker table tr td.range.today:hover,
	.datepicker table tr td.range.today:hover:hover,
	.datepicker table tr td.range.today.disabled:hover,
	.datepicker table tr td.range.today.disabled:hover:hover,
	.datepicker table tr td.range.today:active,
	.datepicker table tr td.range.today:hover:active,
	.datepicker table tr td.range.today.disabled:active,
	.datepicker table tr td.range.today.disabled:hover:active,
	.datepicker table tr td.range.today.active,
	.datepicker table tr td.range.today:hover.active,
	.datepicker table tr td.range.today.disabled.active,
	.datepicker table tr td.range.today.disabled:hover.active,
	.datepicker table tr td.range.today.disabled,
	.datepicker table tr td.range.today:hover.disabled,
	.datepicker table tr td.range.today.disabled.disabled,
	.datepicker table tr td.range.today.disabled:hover.disabled,
	.datepicker table tr td.range.today[disabled],
	.datepicker table tr td.range.today:hover[disabled],
	.datepicker table tr td.range.today.disabled[disabled],
	.datepicker table tr td.range.today.disabled:hover[disabled] {
	  background-color: #f3e97a;
	}
	.datepicker table tr td.range.today:active,
	.datepicker table tr td.range.today:hover:active,
	.datepicker table tr td.range.today.disabled:active,
	.datepicker table tr td.range.today.disabled:hover:active,
	.datepicker table tr td.range.today.active,
	.datepicker table tr td.range.today:hover.active,
	.datepicker table tr td.range.today.disabled.active,
	.datepicker table tr td.range.today.disabled:hover.active {
	  background-color: #efe24b \9;
	}
	.datepicker table tr td.selected,
	.datepicker table tr td.selected:hover,
	.datepicker table tr td.selected.disabled,
	.datepicker table tr td.selected.disabled:hover {
	  background-color: #9e9e9e;
	  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
	  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
	  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
	  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
	  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	  border-color: #808080 #808080 #595959;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.datepicker table tr td.selected:hover,
	.datepicker table tr td.selected:hover:hover,
	.datepicker table tr td.selected.disabled:hover,
	.datepicker table tr td.selected.disabled:hover:hover,
	.datepicker table tr td.selected:active,
	.datepicker table tr td.selected:hover:active,
	.datepicker table tr td.selected.disabled:active,
	.datepicker table tr td.selected.disabled:hover:active,
	.datepicker table tr td.selected.active,
	.datepicker table tr td.selected:hover.active,
	.datepicker table tr td.selected.disabled.active,
	.datepicker table tr td.selected.disabled:hover.active,
	.datepicker table tr td.selected.disabled,
	.datepicker table tr td.selected:hover.disabled,
	.datepicker table tr td.selected.disabled.disabled,
	.datepicker table tr td.selected.disabled:hover.disabled,
	.datepicker table tr td.selected[disabled],
	.datepicker table tr td.selected:hover[disabled],
	.datepicker table tr td.selected.disabled[disabled],
	.datepicker table tr td.selected.disabled:hover[disabled] {
	  background-color: #808080;
	}
	.datepicker table tr td.selected:active,
	.datepicker table tr td.selected:hover:active,
	.datepicker table tr td.selected.disabled:active,
	.datepicker table tr td.selected.disabled:hover:active,
	.datepicker table tr td.selected.active,
	.datepicker table tr td.selected:hover.active,
	.datepicker table tr td.selected.disabled.active,
	.datepicker table tr td.selected.disabled:hover.active {
	  background-color: #666666 \9;
	}
	.datepicker table tr td.active,
	.datepicker table tr td.active:hover,
	.datepicker table tr td.active.disabled,
	.datepicker table tr td.active.disabled:hover {
	  background-color: #006dcc;
	  background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	  background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	  border-color: #0044cc #0044cc #002a80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.datepicker table tr td.active:hover,
	.datepicker table tr td.active:hover:hover,
	.datepicker table tr td.active.disabled:hover,
	.datepicker table tr td.active.disabled:hover:hover,
	.datepicker table tr td.active:active,
	.datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active,
	.datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active,
	.datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active,
	.datepicker table tr td.active.disabled:hover.active,
	.datepicker table tr td.active.disabled,
	.datepicker table tr td.active:hover.disabled,
	.datepicker table tr td.active.disabled.disabled,
	.datepicker table tr td.active.disabled:hover.disabled,
	.datepicker table tr td.active[disabled],
	.datepicker table tr td.active:hover[disabled],
	.datepicker table tr td.active.disabled[disabled],
	.datepicker table tr td.active.disabled:hover[disabled] {
	  background-color: #0044cc;
	}
	.datepicker table tr td.active:active,
	.datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active,
	.datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active,
	.datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active,
	.datepicker table tr td.active.disabled:hover.active {
	  background-color: #003399 \9;
	}
	.datepicker table tr td span {
	  display: block;
	  width: 23%;
	  height: 54px;
	  line-height: 54px;
	  float: left;
	  margin: 1%;
	  cursor: pointer;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	}
	.datepicker table tr td span:hover {
	  background: #eeeeee;
	}
	.datepicker table tr td span.disabled,
	.datepicker table tr td span.disabled:hover {
	  background: none;
	  color: #999999;
	  cursor: default;
	}
	.datepicker table tr td span.active,
	.datepicker table tr td span.active:hover,
	.datepicker table tr td span.active.disabled,
	.datepicker table tr td span.active.disabled:hover {
	  background-color: #006dcc;
	  background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	  background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	  border-color: #0044cc #0044cc #002a80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.datepicker table tr td span.active:hover,
	.datepicker table tr td span.active:hover:hover,
	.datepicker table tr td span.active.disabled:hover,
	.datepicker table tr td span.active.disabled:hover:hover,
	.datepicker table tr td span.active:active,
	.datepicker table tr td span.active:hover:active,
	.datepicker table tr td span.active.disabled:active,
	.datepicker table tr td span.active.disabled:hover:active,
	.datepicker table tr td span.active.active,
	.datepicker table tr td span.active:hover.active,
	.datepicker table tr td span.active.disabled.active,
	.datepicker table tr td span.active.disabled:hover.active,
	.datepicker table tr td span.active.disabled,
	.datepicker table tr td span.active:hover.disabled,
	.datepicker table tr td span.active.disabled.disabled,
	.datepicker table tr td span.active.disabled:hover.disabled,
	.datepicker table tr td span.active[disabled],
	.datepicker table tr td span.active:hover[disabled],
	.datepicker table tr td span.active.disabled[disabled],
	.datepicker table tr td span.active.disabled:hover[disabled] {
	  background-color: #0044cc;
	}
	.datepicker table tr td span.active:active,
	.datepicker table tr td span.active:hover:active,
	.datepicker table tr td span.active.disabled:active,
	.datepicker table tr td span.active.disabled:hover:active,
	.datepicker table tr td span.active.active,
	.datepicker table tr td span.active:hover.active,
	.datepicker table tr td span.active.disabled.active,
	.datepicker table tr td span.active.disabled:hover.active {
	  background-color: #003399 \9;
	}
	.datepicker table tr td span.old,
	.datepicker table tr td span.new {
	  color: #999999;
	}
	.datepicker .datepicker-switch {
	  width: 145px;
	}
	.datepicker .datepicker-switch,
	.datepicker .prev,
	.datepicker .next,
	.datepicker tfoot tr th {
	  cursor: pointer;
	}
	.datepicker .datepicker-switch:hover,
	.datepicker .prev:hover,
	.datepicker .next:hover,
	.datepicker tfoot tr th:hover {
	  background: #eeeeee;
	}
	.datepicker .cw {
	  font-size: 10px;
	  width: 12px;
	  padding: 0 2px 0 5px;
	  vertical-align: middle;
	}
	.input-append.date .add-on,
	.input-prepend.date .add-on {
	  cursor: pointer;
	}
	.input-append.date .add-on i,
	.input-prepend.date .add-on i {
	  margin-top: 3px;
	}
	.input-daterange input {
	  text-align: center;
	}
	.input-daterange input:first-child {
	  -webkit-border-radius: 3px 0 0 3px;
	  -moz-border-radius: 3px 0 0 3px;
	  border-radius: 3px 0 0 3px;
	}
	.input-daterange input:last-child {
	  -webkit-border-radius: 0 3px 3px 0;
	  -moz-border-radius: 0 3px 3px 0;
	  border-radius: 0 3px 3px 0;
	}
	.input-daterange .add-on {
	  display: inline-block;
	  width: auto;
	  min-width: 16px;
	  height: 18px;
	  padding: 4px 5px;
	  font-weight: normal;
	  line-height: 18px;
	  text-align: center;
	  text-shadow: 0 1px 0 #ffffff;
	  vertical-align: middle;
	  background-color: #eeeeee;
	  border: 1px solid #ccc;
	  margin-left: -5px;
	  margin-right: -5px;
	}
	
	/*	//////////////////////////////////////////////////// */
	/*	//////////////////////////////////////////////////// */
	/*	//////////////////////////////////////////////////// */
	
	@media only screen and (min-width:1260px) and (max-width:1300px) {
		
		.ac-navi-container {
			width:48%!important;
		} .ac-codes-container {
			width:52%!important;
		} .ac-codes-container input {
			font-size:18px!important;
		}
		
		
	}
	
	/*	//////////////////////////////////////////////////// */
	/*	/////////	DIGER MATERYALLER		////////// */
	/*	//////////////////////////////////////////////////// */
	
	.gg1 {
		background:rgb(30,87,153);
		background:-moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(95,139,194,1) 0%, rgba(31,81,148,1) 100%);
		background:-webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(95,139,194,1) 0%,rgba(31,81,148,1) 100%);
		background:linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(95,139,194,1) 0%,rgba(31,81,148,1) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1f5194',GradientType=0 );
	}
	
	.gscale {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		filter: gray;
		-webkit-transition: all .6s ease;
	}
	
	.noselect, a, label {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	/*::-webkit-scrollbar-track {
		-webkit-box-shadow:none;
		border-radius:0;
		background-color:#F3EFE7;
		
	} ::-webkit-scrollbar {
		width:14px;
		height:14px;
		
	} ::-webkit-scrollbar-thumb {
		border-radius:0;
		-webkit-box-shadow:none;
		background-color:#DFD1B3;
		border:3px solid #F3EFE7;
	}*/
	
	input.light::-webkit-input-placeholder {
		color:#C1C1C1;
	} input.light:-moz-placeholder {
		color:#C1C1C1;  
	} input.light::-moz-placeholder {
		color:#C1C1C1;  
	} input.light:-ms-input-placeholder {  
		color:#C1C1C1;  
	}
	
	input.white::-webkit-input-placeholder {
		color:#C1C1C1;
	} input.white:-moz-placeholder {
		color:#C1C1C1;  
	} input.white::-moz-placeholder {
		color:#C1C1C1;  
	} input.white:-ms-input-placeholder {  
		color:#C1C1C1;  
	}
	
	.grid .item,
	.grid .subitem {
		background:;
		
	} .grid .item:hover,
	  .grid .subitem:hover {
		background:#FFF4CE!important;
		
	}
	
	fieldset {
		width:100%;
		border:1px solid #CCC;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		padding:10px 16px 16px 16px;
		margin:0;
	}
	
	input.light[type=text], input.light[type=number], input.light[type=password], textarea.light {
		padding:11px;
		font-size:14px;
		color:#333;
		background:#FFF;
		border:1px solid #CCC;
		resize:none;
	} select.light {
		padding:10px 11px;
		font-size:14px;
		color:#333;
		background:#FFF;
		border:1px solid #CCC;
		resize:none;
	} input.light:focus[type=text], input.light:focus[type=number], input.light:focus[type=password], textarea.light:focus, select.light:focus {
		border:1px solid #22BBFF;
		-webkit-box-shadow:0 0 20px 0 rgba(34,187,255,0.35);
		box-shadow:0 0 20px 0 rgba(34,187,255,0.35);
		color:#22BBFF;
	} input.dark[type=text], input.dark[type=number], input.dark[type=password], textarea.dark {
		padding:5px;
		font-size:14px;
		color:#333;
		background:#F2F2F2;
		border:1px solid #CCC;
		border-width:1px 2px 2px 1px;
		resize:none;
		vertical-align:top;
	} select.dark {
		padding:5px 2px;
		font-size:14px;
		color:#333;
		background:#F2F2F2;
		border:1px solid #CCC;
		border-width:1px 2px 2px 1px;
		resize:none;
		vertical-align:top;
	} input.dark:focus[type=text], input.dark:focus[type=number], input.dark:focus[type=password], textarea.dark:focus, select.dark:focus {
		border:1px solid #999;
		border-width:1px 2px 2px 1px;
		background:#FFF4CE!important;
		color:#000;
	} input.white[type=text], input.white[type=number], input.white[type=password], textarea.white {
		padding:5px;
		font-size:14px;
		color:#333;
		background:#FFF;
		border:1px solid #CCC;
		resize:none;
	} select.white {
		padding:2px 5px;
		font-size:14px;
		color:#333;
		background:#FFF;
		border:1px solid #CCC;
		resize:none;
	} input.white:focus[type=text], input.white:focus[type=number], input.white:focus[type=password], textarea.white:focus, select.white:focus {
		border:1px solid #999;
		color:#000;
	} input.filter[type=text], input.filter[type=number], input.filter[type=password], textarea.filter, select.filter,
	  input.normal[type=text], input.normal[type=number], input.normal[type=password], textarea.normal, select.normal {
		padding:4px 5px;
		font-size:14px;
		color:#333;
		background:#FFF;
		border:1px solid #CCC;
		resize:none;
	} input.filter:focus[type=text], input.filter:focus[type=number], input.filter:focus[type=password], textarea.filter:focus, select.filter:focus,
	  input.normal:focus[type=text], input.normal:focus[type=number], input.normal:focus[type=password], textarea.normal:focus, select.normal:focus {
		border:1px solid #999;
		color:#000;
		background:#FFF4CE;
	}
	
	button.blue {
		position:relative;
		padding:12px 14px;
		background:#353E78;
		font-size:14px;
		font-weight:bold;
		color:#FFF;
		border:0;
		vertical-align:top;
	} button.blue:hover {
		filter:brightness(1.25);
		filter:contrast(1.25);
		padding:11px 14px 13px 14px;
	} button.blue:active,
	  button.blue.active {
		filter:brightness(.9);
		padding:13px 14px 11px 14px;
		color:rgba(255,255,255,0.75);
	}
	
	button.gray {
		position:relative;
		padding:12px 14px;
		background:#E3E3E3;
		font-size:14px;
		font-weight:bold;
		color:#333;
		border:0;
		vertical-align:top;
	} button.gray:hover {
		filter:contrast(1.1);
		padding:11px 14px 13px 14px;
	} button.gray:active,
	  button.gray.active {
		filter:brightness(.9);
		padding:13px 14px 11px 14px;
		color:rgba(0,0,0,0.75);
	}
	
	button span:nth-child(1) > span:nth-child(1) {
		position:absolute;
		left:0;
		bottom:10px;
		width:100%;
		font-size:12px;
		font-weight:bold;
		text-align:center;
	}
	
	/*mainIcons_1AnaEkran.png   no-repeat 50% 30% */
	
	button.cntrl {
		position:relative;
		color: #050505;
		padding: 10px 0;
		background: -moz-linear-gradient(
			top,
			#ffffff 0%,
			#ebebeb 50%,
			#dbdbdb 50%,
			#b5b5b5);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#ffffff),
			color-stop(0.50, #ebebeb),
			color-stop(0.50, #dbdbdb),
			to(#b5b5b5));
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border: 1px solid #949494;
		-moz-box-shadow:
			0px 1px 3px rgba(0,0,0,0.25),
			inset 0px 0px 2px rgba(255,255,255,1);
		-webkit-box-shadow:
			0px 1px 3px rgba(0,0,0,0.25),
			inset 0px 0px 2px rgba(255,255,255,1);
		box-shadow:
			0px 1px 3px rgba(0,0,0,0.25),
			inset 0px 0px 2px rgba(255,255,255,1);
		text-shadow:
			0px -1px 0px rgba(0,0,0,0.2),
			0px 1px 0px rgba(255,255,255,1);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
	} button.cntrl:hover,
	  button.cntrl.active {
		background:#309AD8;
		color:#FFF;
		-moz-box-shadow:
			0px 1px 3px rgba(0,0,0,0),
			inset 0px 0px 2px rgba(255,255,255,0);
		-webkit-box-shadow:
			0px 1px 3px rgba(0,0,0,0),
			inset 0px 0px 2px rgba(255,255,255,0);
		box-shadow:
			0px 1px 3px rgba(0,0,0,0),
			inset 0px 0px 2px rgba(255,255,255,0);
		text-shadow:
			0px -1px 0px rgba(0,0,0,0),
			0px 1px 0px rgba(0,0,0,0);
	} button.cntrl > span:nth-child(1) {
		display:block;
		width:100%;
		height:100%;
	} button.cntrl-ekrn > span:nth-child(1) {
		background-image:url(../images/mainIcons_1AnaEkran.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-ekrn:hover > span:nth-child(1),
	  button.cntrl-ekrn.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_1AnaEkran_Hover.png);
	} button.cntrl-mlzmlr > span:nth-child(1) {
		background-image:url(../images/mainIcons_2Malzeme.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-mlzmlr:hover > span:nth-child(1), 
	  button.cntrl-mlzmlr.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_2Malzeme_Hover.png);
	} button.cntrl-dplr > span:nth-child(1) {
		background-image:url(../images/mainIcons_3Depolar.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-dplr:hover > span:nth-child(1), 
	  button.cntrl-dplr.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_3Depolar_Hover.png);
	} button.cntrl-trnsfr > span:nth-child(1) {
		background-image:url(../images/mainIcons_10Transfer.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-trnsfr:hover > span:nth-child(1), 
	  button.cntrl-trnsfr.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_10Transfer_Hover.png);
	} button.cntrl-urtm > span:nth-child(1) {
		background-image:url(../images/mainIcons_4Uretim.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-urtm:hover > span:nth-child(1), 
	  button.cntrl-urtm.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_4Uretim_Hover.png);
	} button.cntrl-svkyt > span:nth-child(1) {
		background-image:url(../images/mainIcons_5Sevkiyat.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-svkyt:hover > span:nth-child(1), 
	  button.cntrl-svkyt.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_5Sevkiyat_Hover.png);
	} button.cntrl-pltlm > span:nth-child(1) {
		background-image:url(../images/mainIcons_9Palet.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-pltlm:hover > span:nth-child(1), 
	  button.cntrl-pltlm.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_9Palet_Hover.png);
	} button.cntrl-cntng > span:nth-child(1) {
		background-image:url(../images/mainIcons_10Sayim.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-cntng:hover > span:nth-child(1), 
	  button.cntrl-cntng.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_10Sayim_Hover.png);
	} button.cntrl-rprlr > span:nth-child(1) {
		background-image:url(../images/mainIcons_6Raporlar.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-rprlr:hover > span:nth-child(1), 
	  button.cntrl-rprlr.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_6Raporlar_Hover.png);
	} button.cntrl-ayrlr > span:nth-child(1) {
		background-image:url(../images/mainIcons_7Ayarlar.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-ayrlr:hover > span:nth-child(1), 
	  button.cntrl-ayrlr.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_7Ayarlar_Hover.png);
	} button.cntrl-ntfy > span:nth-child(1) {
		background-image:url(../images/mainIcons_11Bildirimler.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-ntfy:hover > span:nth-child(1), 
	  button.cntrl-ntfy.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_11Bildirimler_Hover.png);
	} button.cntrl-cks > span:nth-child(1) {
		background-image:url(../images/mainIcons_8Cikis.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-cks:hover > span:nth-child(1), 
	  button.cntrl-cks.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_8Cikis_Hover.png);
	} button.cntrl-brcdl > span:nth-child(1) {
		background-image:url(../images/mainIcons_12Barkod.png);
		background-repeat:no-repeat;
		background-position:50% 10%;
	} button.cntrl-brcdl:hover > span:nth-child(1), 
	  button.cntrl-brcdl.active > span:nth-child(1) {
		background-image:url(../images/mainIcons_12Barkod_Hover.png);
	}
	
	button.btn-gray {
		text-align:left;
		height:36px;
		border:1px solid rgba(0,0,0,0.35);
		padding:7px 8px 6px 8px;
		background:url(../images/back_btnColor_3.png) no-repeat;
		background-size:102% 102%;
		vertical-align:top;
	} button.btn-gray:hover {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-gray:active {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-green {
		text-align:left;
		height:36px;
		color:#FFF;
		border:1px solid rgba(0,0,0,0.35);
		padding:7px 8px 6px 8px;
		background:url(../images/back_btnColor_1.png) no-repeat;
		background-size:102% 102%;
		vertical-align:top;
		text-shadow:0 1px 0 rgba(0,0,0,0.35);
	} button.btn-red {
		text-align:left;
		height:36px;
		color:#FFF;
		border:1px solid rgba(0,0,0,0.35);
		padding:7px 8px 6px 8px;
		background:url(../images/back_btnColor_5.png) no-repeat;
		background-size:102% 102%;
		vertical-align:top;
		text-shadow:0 1px 0 rgba(0,0,0,0.35);
	} button.btn-blue {
		text-align:left;
		height:36px;
		color:#FFF;
		border:1px solid rgba(0,0,0,0.35);
		padding:7px 8px 6px 8px;
		background:#309AD8;
		vertical-align:top;
		text-shadow:0 1px 0 rgba(0,0,0,0.35);
	} button.btn-green:hover {
		background:url(../images/back_btnColor_2.png) no-repeat;
		background-size:102% 102%;
	} button.btn-green:active {
		background:url(../images/back_btnColor_2.png) no-repeat;
		background-size:102% 102%;
	} button.btn-red:hover {
		background:url(../images/back_btnColor_6.png) no-repeat;
		background-size:102% 102%;
	} button.btn-red:active {
		background:url(../images/back_btnColor_6.png) no-repeat;
		background-size:102% 102%;
	} button.btn-gray:hover, 
	  button.btn-green:hover,
	  button.btn-red:hover,
	  button.btn-blue:hover {
		padding:6px 8px 6px 8px;
	} button.btn-gray:active,
	  button.btn-green:active,
	  button.btn-red:active,
	  button.btn-blue:active {
		padding:7px 8px 6px 8px;
	}
	
	button.btn-small.a {
		width:26px;
		height:22px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		color:#FFF;
		background:url(../images/back_btnColor_1.png) no-repeat;
		background-size:102% 102%;
		text-shadow:0 1px 0 rgba(0,0,0,0.35);
	} button.btn-small.a:hover {
		background:url(../images/back_btnColor_2.png) no-repeat;
		background-size:102% 102%;
	} button.btn-small.a:active {
		background:url(../images/back_btnColor_2.png) no-repeat;
		background-size:102% 102%;
	} button.btn-small.b {
		width:26px;
		height:22px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:url(../images/back_btnColor_3.png) no-repeat;
		background-size:102% 102%;
	} button.btn-small.b:hover {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-small.b:active {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-small.c {
		width:26px;
		height:22px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:#B9122B;
		color:#FFF;
	} button.btn-small.c:hover {
		background:#E21635;
	} button.btn-small.c:active {
		background:#E21635;
	} button.btn-small:hover img {
		margin-top:-1px;
	} button.btn-small:active img {
		margin-top:1px;
	}
	
	button.btn-add.a {
		width:26px;
		height:26px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:#309AD8 url(../images/icon_addIcon_Hover.png) no-repeat center;
		text-shadow:0 1px 0 rgba(0,0,0,0.35);
	} button.btn-add.a:hover {
		background:#2DF381 url(../images/icon_addIcon_Hover.png) no-repeat center;
	} button.btn-add.a:active {
		background:#309AD8 url(../images/icon_addIcon_Hover.png) no-repeat center;
	} button.btn-add.b {
		width:26px;
		height:26px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:url(../images/back_btnColor_3.png) no-repeat;
		background-size:102% 102%;
	} button.btn-add.b:hover {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-add.b:active {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-add:hover img {
		margin-top:-1px;
	} button.btn-add:active img {
		margin-top:1px;
	}
	
	button.btn-edit.a,
	button.btn-subadd.a,
	button.btn-subedit.a {
		width:26px;
		height:26px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:url(../images/back_btnColor_1.png) no-repeat;
		background-size:102% 102%;
	} button.btn-edit.a:hover,
	  button.btn-subadd.a:hover,
	  button.btn-subedit.a:hover {
		background:url(../images/back_btnColor_2.png) no-repeat;
		background-size:102% 102%;
	} button.btn-edit.a:active,
	  button.btn-subadd.a:active,
	  button.btn-subedit.a:active {
		background:url(../images/back_btnColor_2.png) no-repeat;
		background-size:102% 102%;
	} button.btn-edit.b,
	  button.btn-subadd.b,
	  button.btn-subedit.b {
		width:26px;
		height:26px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:url(../images/back_btnColor_3.png) no-repeat;
		background-size:102% 102%;
	} button.btn-edit.b:hover,
	  button.btn-subadd.b:hover,
	  button.btn-subedit.b:hover {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-edit.b:active,
	  button.btn-subadd.b:active,
	  button.btn-subedit.b:active {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-edit:hover img,
	  button.btn-subadd:hover img,
	  button.btn-subedit:hover img {
		margin-top:-1px;
	} button.btn-edit:active img,
	  button.btn-subadd:active img,
	  button.btn-subedit:active img {
		margin-top:1px;
	}
	
	button.btn-del,
	button.btn-subdel {
		width:26px;
		height:26px;
		padding-top:4px;
		border:1px solid rgba(0,0,0,0.35);
		background:url(../images/back_btnColor_3.png) no-repeat;
		background-size:102% 102%;
		vertical-align:top;
	} button.btn-del:hover,
	  button.btn-subdel:hover {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-del:active,
	  button.btn-subdel:active {
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:102% 102%;
	} button.btn-del:hover img,
	  button.btn-subdel:hover img {
		margin-top:-1px;
	} button.btn-del:active img,
	  button.btn-subdel:active img {
		margin-top:1px;
	}
	
	.flex {
		position:relative;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		
	} .flex div {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		min-width:0;
		
	} .flex.right div {
		display:inline-block;
		padding:0 10px 0 0;
		
	} .flex.center {
		text-align:center;
		
	} .flex.center div {
		margin:auto;
		
	}
	
	label.customCheck div,
	label.customCheckDis div {
		display:inline-block;
		vertical-align:middle;
		margin:-2px 0 0 0;
		width:16px;
		height:16px;
		background:url(../images/back_customCheckFalse.png) no-repeat;
		background-size:16px;
		
	} label.customCheck div.checked,
	  label.customCheckDis div.checked {
		background:url(../images/back_customCheckTrue.png) no-repeat;
		background-size:16px;
		
	} label.customCheckDis {
		cursor:default;
		
	} label.customCheck input,
	  label.customCheckDis input {
		display:none;
		
	}
	
	label.customRadio div {
		display:inline-block;
		vertical-align:middle;
		margin:-2px 0 0 0;
		width:16px;
		height:16px;
		background:url(../images/back_customRadioFalse.png) no-repeat;
		background-size:16px;
		
	} label.customRadio div.checked {
		background:url(../images/back_customRadioTrue.png) no-repeat;
		background-size:16px;
		
	} label.customRadioDis {
		cursor:default;
		
	} label.customRadioDis div {
		display:inline-block;
		vertical-align:middle;
		margin:-3px 0 0 0;
		width:16px;
		height:16px;
		background:url(../images/back_customRadioFalse.png) no-repeat;
		background-size:16px;
		
	} label.customRadioDis div.checked {
		background:url(../images/back_customRadioDisTrue.png) no-repeat;
		background-size:16px;
		
	} label.customRadioDis input,
	  label.customRadio input {
		display:none;
		
	}
	
	label, button {
		cursor:pointer;
	}
	
	.blink_me {
		animation: blinker 1s linear infinite;
	}

	@keyframes blinker {
		50% {
		opacity: 0;
		}
	}
	
	#processDiv {
		display:none;
		position:fixed;
		z-index:99999;
		background:#FFF;
		padding:10px;
	}
	
	#blockBoxesDiv {
		display:none;
	}
	
	#blockPopup {
		cursor:pointer;
		position:fixed;
		z-index:9999;
		width:100%;
		background:url(../images/back_panelBlocker.png);
	}
	
	#blockPopup > div {
		display:table;
		width:100%;
		height:100%;
	}
	
	#blockPopup > div > div {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
	}
	
	#blockPopup > div > div > div {
		position:relative;
		display:inline-block;
	}
	
	#blockPopup > div > div > div a {
		position:absolute;
		display:block;
		padding:4px 11px 6px 11px;
		top:20px;
		right:20px;
		background:#333;
		font-size:20px;
		color:#FFF;
		text-decoration:none;
	}
	
	#blockPopup > div > div > div img {
		border:7px solid #A60C1D;
		-moz-box-shadow:0 10px 10px 0 #000;
		-webkit-box-shadow:0 10px 10px 0 #000;
		box-shadow:0 10px 10px 0 #000;
	}
	
	#windowDiv {
		display:none;
		position:fixed;
		z-index:9997;
		width:100%;
		height:100%;
		background:url(../images/back_panelBlocker.png);
	}
	
	#windowSUBDiv {
		display:none;
		position:fixed;
		z-index:9998;
		width:100%;
		height:100%;
		background:url(../images/back_panelBlocker.png);
	}
	
	#popupDiv {
		position:fixed;
		z-index:99999;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:url(../images/back_panelBlocker.png);
	}
	
	#blockDiv {
		display:none;
		position:fixed;
		z-index:9998;
		width:100%;
		height:100%;
		background:url(../images/back_panelBlocker.png);
	}
	
	#tasksDiv {
		display:none;
		position:absolute;
		z-index:9;
		top:80px;
		right:10px;
		width:230px;
		background:#FFF;
		border:6px solid #DDD;
		-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);
		box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);
		
	} #tasksDiv .items,
	  #tasksDiv .taskList .items {
		padding:8px;
		border-bottom:1px solid #EEE;
		
	} #tasksDiv .items:hover,
	  #tasksDiv .taskList .items:hover {
		background:#FFF4CE!important;
		
	}
	
	#notifyDiv {
		display:none;
		position:absolute;
		z-index:9;
		top:90px;
		right:50px;
		width:230px;
		background:#FFF;
		border:6px solid #DDD;
		-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);
		box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);
		
	} #notifyDiv .items,
	  #notifyDiv .notifyList .items {
		padding:8px;
		border-bottom:1px solid #EEE;
		
	} #notifyDiv .items:hover,
	  #notifyDiv .notifyList .items:hover {
		background:#FFF4CE!important;
		
	}
	
	#blockLoaderDiv {
		display:block;
		position:fixed;
		z-index:99998;
		width:100%;
	}
	
	#blockBoxesDiv {
		display:none;
		position:fixed;
		z-index:99997;
		width:100%;
	}
	
	#blockAlertDiv, 
	#blockConfirmDiv {
		display:none;
		position:fixed;
		z-index:99999;
		width:100%;
	}
	
	#blockLoaderDiv .dialogBorder,
	#blockAlertDiv .dialogBorder,
	#blockConfirmDiv .dialogBorder {
		width:90%;
		max-width:400px;
		background:#FFF;
		border:1px solid #CCC;
		-moz-box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);
		-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);
		box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	#blockLoaderDiv .dialogBorder {
		min-width:280px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
	}
	
	#blockLoaderDiv .dialogBack,
	#blockAlertDiv .dialogBack,
	#blockConfirmDiv .dialogBack {
		border:10px solid #FFF;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	#blockLoaderDiv .dialogBack {
		height:80px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
	}
	
	#blockLoaderDiv .dialogTitle,
	#blockAlertDiv #dialogTitle_1,
	#blockConfirmDiv #dialogTitle_2 {
		padding:10px 0 0 0;
		font-size:19px;
		font-weight:bold;
		letter-spacing:0;
		color:#374A5E;
	}
	
	#blockLoaderDiv .dialogTitle {
		color:#000;
	}
	
	#blockAlertDiv #dialogContent {
		margin:10px 20px 20px 20px;
		font-size:14px;
		font-weight:normal;
		letter-spacing:0.5px;
		line-height:1.5em;
		color:#000;
	}
	
	#blockAlertDiv .dialogButton,
	#blockConfirmDiv .dialogButton {
		margin:auto;
		padding:0 0 14px 0;
		
	}
	
	.b80 {
		width:80px;
		height:80px;
	}
	
	.f13 {
		font-size:13px!important;
		
	} .f14 {
		font-size:14px!important;
		
	} .f15 {
		font-size:15px!important;
		
	} .f16 {
		font-size:16px!important;
		
	} .f17 {
		font-size:17px!important;
		
	} .f18 {
		font-size:18px!important;
		
	} .f19 {
		font-size:19px!important;
		
	} .f20 {
		font-size:20px!important;
		
	}
	
	.p6 {
		padding:6px!important;
	}
	
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.middle {
		margin-top:-3px;
		vertical-align:middle;
	}
	
	input[type=button], button, label {
		cursor:pointer;
	}
	
	img {
		border:0;
	}
	
	.clear, .clr {
		clear:both;
	}
	
	a:link		{ color:#000; text-decoration:none; 		}
	a:visited 	{ color:#000; text-decoration:none; 		}
	a:hover   	{ color:#000; text-decoration:underline; 		}