/* 	css/content.less
		
		global content definitions
	
	*/

	body, div, p, h1, h2, h3, h4, h5, h6, td, th {
		font-family: Verdana, sans-serif;
		font-size: 12px;
		color: #4d4f53;
	}
	
	input, textarea { font-family: Verdana; }
	
	.clear { clear: both; }
	.floatL { float: left; }
	.floatR { float: right; }
	
	a {
		text-decoration: none;
		color: #a82a31;
	}
	a:hover {
		text-decoration: none;
	}

	
	.qtooltip span {
		width: 300px;
		height: auto;
		background: #898A8E;
		top: 20px;
		left: 0;
		padding: 5px !important;
		color: white;
	}

	hr {
		border: 0 !important;
		color: #d7d7d7;
		background-color: #d7d7d7;
		height: 2px;
		margin: 6px 0 6px 0;
	}
	
	.ziemer	{ color: #a82a31; }
	
	h1 { margin: 0px 0 10px 0; color: #333333; /* padding-bottom: 10px; */ font-size: 16px; }
	h2 { margin: 0px 0 10px 0; color: #333333; /* padding-bottom: 10px; */ font-size: 16px; font-weight: bold; }
	h3 { margin: 0px 0 10px 0; color: #333333; /* padding-bottom: 10px; */ font-size: 14px; font-weight: normal; }
	#sidebar h1 { cursor: move; }
	
	input {
		border: 1px solid #898A8E;
		height: 20px;
		padding: 5px;
		width: 250px;
		border-radius: 8px;
		margin: 5px 0;
		background: #fff;
		box-shadow: 0 0 5px #898A8E;
	}
	
	textarea {
		font-family: Verdana;
		font-size: 12px;
	}
	
	.button {
		width: auto;
		border: 1px solid #61181c;
		padding: 3px 25px 3px 25px;
/* 		line-height: 35px; */
		height: 25px;
		background: #a82a31;
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		cursor: pointer;
		border-radius: 3px;
		box-shadow: 4px 4px 5px #e3e3e3;
		margin: 0 0 10px 0;
		background: url(/images/btnbg.png);
	}
	
	.dropdown		{ position: relative; }
	.dropdownInput 	{ margin-right: 0 !important; background: #E3E3E3 !important; color: black; }
	.dropdownBtn {
		width: 24px;
		height: 26px;
		display: block;
		border-left: 1px solid white;
		float: left;
		cursor: pointer;
		background: url(/images/arrow-red-down.png) no-repeat center center #E3E3E3;
		background-size: 50%;
		}
		.dropdownBtn:hover { background-color: #E3E3E3; }
		.dropdownBtn ul {
			display: none;
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			top: 26px;
			left: 0;
			z-index: 999;
			border-top: 1px solid #E3E3E3;
			}
			.dropdownBtn ul li {
				border: 2px solid #E3E3E3;
				border-top: 0;
				display: block;
				width: 307px;
				background: white;
				line-height: 25px;
				padding: 0 10px;
				color: #a82a31;
			}
			.dropdownBtn ul li:hover { background: #E3E3E3; }
			.dropdownBtn ul li a { display: block; }
	
	.dropdownBtn .manageCourseDropdown li	{ color: black; font-weight: bold; line-height: 20px; }
	.dropdownBtn .manageCourseDropdown li:hover	{ background: white; }
	.dropdownBtn .manageCourseDropdown span	{ color: #a82a31; font-weight: normal; display: block; padding-left: 20px; }
	.dropdownBtn .manageCourseDropdown span:hover	{ background: #E3E3E3; }
	
/* 	.manageSteps		{ display: none; } */
	.manageSteps h2 	{ width: 330px; }
	.manageSteps h2 a 	{ float: right; margin-left: 4px; margin-top: 2px; }
	
	.manageCourseLessions {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.manageCourseLessions li {
		display: block;
		background: #E3E3E3;
		margin-bottom: 1px;
		width: 310px;
		padding: 5px 10px;
		position: relative;
		line-height: 20px;
		}
		.manageCourseLessions li a { float: right; margin-right: 4px; }
	
	#courseDetail {
		display: block;
		background: #e3e3e3;
		width: 311px;
		padding: 0px 10px;
		position: relative;
		line-height: 30px;
		margin-top: 5px;
		}
		#courseDetail a {
			float: right; margin-right: 4px; margin-top: 0px;
		}
	
	
	
	
	
	.txtbutton { padding: 0 25px; display: block; }
	
	.button:hover { background: #a82a31; }

	.required { border: 1px solid #a82a31; }
	.requiredStar { 
		background-image: url(/images/required.png) !important;
		background-repeat: no-repeat !important;
		background-position: top right !important;
	}	
	.admin input, .admin textarea {
		border: 1px solid #e3e3e3;
		box-shadow: none;
		border-radius: 0;
		padding: 2px;
	}
	
	.admincontent input, .admincontent textarea {
		float: left;
		margin: 0 20px 0 0;
		width: 300px;
	}
	
	.admincontent input[type="image"] { width: 20px; height: 20px; border: 0; margin: 0; padding: 0; }
	.admincontent input[type="reset"] { width: 20px; height: 20px; border: 0; margin: 0; padding: 0; background: url(/images/reset.png) no-repeat; text-indent: -999px; cursor: pointer; margin-left: 4px; }
	
	.sortCursor { cursor: row-resize; }
	
	#courseSearch { position: relative; }
	#courseSearch input.searchInput { width: 125px; margin-left: 10px; border-radius: 4px; border: 1px solid #61181c; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0; }
	#courseSearch input.searchSubmit { background: url(/images/search.png) no-repeat; border: 0; box-shadow: none; text-indent: -999px; width: 27px; height: 26px; margin-right: 0; }
	
	#courseSearch .checkbox { float: left; display: block; background: #d7d7d7; border-radius: 4px; height: 26px; line-height: 26px; margin-right: 7px; padding: 0 10px 0 5px; color: black; }
	#courseSearch .checkbox input { margin-right: 5px; margin-top: 3px; width: 16px; }
	
	.searchResults {
		position: absolute;
		width: 300px;
		height: auto;
		padding: 5px;
		border: 1px solid #a82a31;
		background: white;
		top: 32px;
		z-index: 999;
		}
		.searchResults a {
			margin-left:10px;
			border-bottom:1px solid #e3e3e3;
			display: block;
			line-height: 18px;
		}
			
	.admincontent textarea {
		height: 100px;
		margin-bottom: 10px;
	}
	
	.admin input[type=submit] {
		width: auto;
		padding: 0 23px;
		font-weight: bold;
		box-shadow: 4px 4px 5px #e3e3e3;
		border: 1px solid #61181c;
		height: 25px;
		border-radius: 3px;
		font-family: Verdana;
		background: url(/images/btnbg.png);
	}
	
	.required {
		border: 1px solid #a82a31 !important;
	}

	.admin input[type="checkbox"] {
		    display:block;
		    width: 20px;
		    clear: both;
		}
		
	.strich {
		text-decoration: line-through;
	}
	
	.zoom {
		display: none;
		position: absolute;
		top: 0;
		left: 30px;
		border: 2px solid #E3E3E3;
	}
	
	
	
	/* frontend */
	.gray {
		display: block;
		background: #e3e3e3;
		padding: 2px 5px; 
		margin: 1px;
		}
		.gray span a	{ font-weight: bold; }
		.gray span 		{ padding: 0 4px; }
		.gray .q1 a		{ color: #00c000; }
		.gray .q2 a		{ color: #a82a31; }
		.gray .q3 a		{ color: #898A8E; }
		
		
	.checkImage { border: 4px solid #e3e3e3; margin-right: 5px; cursor: pointer; }
	.imageCheckBorder {
		border: 4px solid #898A8E;
	}