* { font-family:Noto Sans KR;font-size:10pt;letter-spacing:-0.3px;color:#606060;-webkit-text-size-adjust:none; }

html { overflow-y:auto; }
body { margin:0px;overflow-x:hidden;overflow-y:auto; }
form { margin:0px; }
iframe { border:0px; }
select { font-family:Noto Sans KR; }
fieldset { padding:0px; }
table { width:100%; padding:0px; border-spacing:0px; border:0px; border-collapse:collapse; }
th, td { overflow-y:hidden;text-align:left;overflow:hidden; }

a, img { border:0px; }
a:link, a:visited, a:active { text-decoration:none;color:#2b4153; }
a:hover { color:#ff66cc; }

.alertSoftWrap { position:absolute;padding:15px;font-weight:bold;font-size:12pt;background:gray;color:white;border:1px solid gray;box-shadow:0px 0px 10px gray;border-radius:10px;text-align:center;line-height:180%; }
.Clear { clear:both; }
.GhostTextForSearch { position:absolute;top:-500px; }
#imgUploadWrapGhost { display:none; }
#imgUploadWrap { width:900px; }
#newTitle { display:none; }

#NewBack2015 { display:none;position:absolute;top:0px;left:0px;z-index:7000; }
#TempDiv2015 { display:none;position:absolute;top:0px;left:0px;z-index:7001;overflow:auto; }
#dragDiv2015 { display:none;position:fixed;padding-bottom:15px;z-index:9000;background-color:#05507d;text-align:center;box-shadow:0px 0px 20px #3e3e3e; }
#NewPopupTitle2015 { padding:15px 0px;font-size:12pt;font-weight:bold;text-shadow:1px 1px 2px black;color:white;cursor:move; }
#CloseBtn2015 { position:absolute;top:10px;width:32px;height:32px;cursor:pointer; }
#CloseBtn2015 img { width:32px; }
#popupContent { margin:20px 0px;line-height:180%;font-size:12pt; }
#popupImage { width:100%;margin:20px 0px;text-align:center; }
#popupBottom { margin:30px 10px 0px 0px;text-align:right; }
#popupBottom span { font-weight:bold;cursor:pointer; }
#popupPreLoad { display:none; }

/* 도움 풍선 스타일 */
#HelpDiv { 
	display:none;
	position:absolute;
	width:141px;
	left:0px;
	top:0px;
	padding:8px;
	font-size:10pt;
	line-height:160%;
	border-radius:6px;
	background-color:white;
	border:2px solid #00588a;
	z-index:8001;
}
#HelpDiv:after {
    content:"";
    position: absolute;
    border-bottom: 12px solid #00588a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -12px;
    left: 15px;
}
/* 상단 스타일 */
#Head {
	width:100%;
	margin:0px;
	padding:0px;
	position:fixed;
}

#HeadContainer { width:100%;overflow:hidden;text-align:center;background-color:#05507d; }
#HeadLogoContainer { margin:10px 0px 0px 0px;text-align:center;overflow:hidden; }
#HeadLogoContainer img { height:50px; }
#HeadTitle { padding:10px 0px 0px 0px;text-align:center;font-weight:bold;font-size:12pt; }

/* 하단 스타일 */
#tailCopyrightLine { width:100%;border-top:1px solid #ccc; }
#tailCopyright { width:92%;margin:10px 0px;overflow:hidden;line-height:150%; }
#tailCopyright span { white-space:nowrap;color:#919191;font-size:9pt; }
#tailCopyright a { white-space:nowrap;color:#919191;font-size:9pt; }

/* 로딩 중 레이어 스타일 */
.waiting { position:absolute;display:none;width:54px;height:55px;text-align:center; }

/* 로그인 화면 스타일 */
#LogInFormWrap { width:250px;margin:0px 0px 20px 0px; }
.LogInFormTitle { float:left;width:80px;height:25px;margin:8px 0px 4px 0px;font-size:12pt;font-weight:bold; }
.LogInFormContent { float:left;width:160px;height:25px;margin:5px 0px; }
.LogInFormContent input { width:160px;height:20px;padding:2px;border:0px;border-bottom:1px solid #ccc; }
#LogInFormSubmitBtnWrap { margin:10px 0px; }
#LogInFormSubmitBtn { width:160px;height:40px;font-size:13pt; }

/* 메인화면 스타일 */
#mainSurveyListWrap {
	padding-top:74px;
}
.mainSurveyLine {
	max-width:600px;
	margin:0px 10px 20px 10px;
	border-top:1px dashed #aaa;
}
.mainSurveyList {
	max-width:600px;
	/*
	margin:10px 15px 15px 15px;padding:10px;cursor:pointer;border:1px solid #9ba6ae;border-radius:3px;
	background: linear-gradient(to bottom, #ffffff, #dddddd);
	*/
	margin:10px 10px 15px 10px;padding:4px 4px 10px 0px;cursor:pointer;
}
.mainSurveyListName { margin:0px;text-align:left; }
.mainSurveyListAreaName { display:table-cell;padding:0px 10px 0px 0px;width:50px;font-size:16pt;text-align:right;line-height:160%; }
.mainSurveyListNameStrWrap { display:table-cell;padding:0px 0px 2px 10px;border:0px;border-left:1px solid #05507d; }
.mainSurveyListNameStr { font-size:16pt;font-weight:bold;text-align:left;line-height:130%;letter-spacing:-2px; }
.mainSurveyListNameStr span { font-size:16pt;text-align:left;letter-spacing:-1px; }
.mainSurveyListDate { margin:2px 0px 0px 0px;font-size:11pt; }
.mainSurveyListNoSurvey { width:260px;margin:20px 10px;padding:20px 10px;font-weight:bold;font-size:13pt;border:1px solid #ccc;background-color:#eee; }
.statusStrEnded { margin:0px 4px 0px 0px;padding:0px 4px;font-size:11pt;font-weight:bold;border-radius:4px;background-color:#aaa;color:white; }
.statusStrYet { margin:0px 4px 0px 0px;padding:0px 4px;font-size:11pt;font-weight:bold;border-radius:4px;background-color:#aaa;color:white; }
.statusStrNow { margin:0px 4px 0px 0px;padding:0px 4px;font-size:11pt;font-weight:bold;border-radius:4px;background-color:#EDA184;color:white; }
#mainSurveyListNoSurveyRemark { margin:10px 0px 5px 0px;font-weight:normal;font-size:11pt; }
#mainSurveyRemark { margin:10px 15px 15px 15px;padding:10px;font-weight:bold;font-size:12pt;color:#ff0033; }
#goFaqBtn { width:260px;margin:0px 10px 20px 10px; }
#surveySearchTitle { font-weight:bold;margin:0px 0px 0px 20px; }
#surveySearchStr { width:200px;padding:4px;border:0px; border-bottom:1px solid #ccc; }
.searchEmp { background-color:yellow;color:red;font-weight:bold; }

/* faq 스타일 */
#faqListWrap { max-width:800px;margin:10px; }
.faqList { margin:10px 0px;background-color:#eee;border:1px solid #ccc; }
.faqListQuestion { margin:5px 0px 0px 0px;padding:10px 15px 14px 15px;text-align:left;font-size:13pt;font-weight:bold;cursor:pointer; }
.faqListQuestion span { font-size:13pt;font-weight:bold; }
.faqListAnswer { display:none;margin:0px 10px 10px 10px;padding:10px 10px 10px 20px;text-align:left;font-size:12pt;font-weight:normal;background-color:white;border:1px solid #ccc;line-height:160%; }
.faqListAnswer span { font-size:12pt;font-weight:normal; }
.faqListAnswerCloseBtn { display:none;width:200px;margin:5px 10px 10px 10px;text-align:center;font-weight:bold;color:white; }

/* 설문화면 스타일 */
#mainSurveyWrap { margin:10px;padding-top:40px;max-width:980px; }
.mainSurveySubWrap { margin:0px 0px 10px 0px; }
.mainSurveyQuestionTitle { margin:20px 0px 0px 0px; }
.mainSurveyQuestionTitleLeft { text-align:left;font-weight:bold;font-size:12pt;color:#cc0033; }
.mainSurveyQuestionNo { font-weight:bold;font-size:12pt;color:#cc0033; }
.mainSurveyQuestionTitleRight { text-align:left;font-weight:bold;font-size:16pt; }
.mainSurveyQuestionTitleRight span { text-align:left;font-weight:bold;font-size:16pt; }
.mainSurveyQuestionAnswerScaleWrap { margin:10px 0px 10px 30px; }
.mainSurveyQuestionAnswerScale { padding:8px 0px;text-align:left;font-size:14pt;cursor:pointer;border-bottom:1px solid #ccc; }
.score { width:10px;text-align:right;color:#ccc;font-size:12pt;font-weight:normal;border:0px; }
.scoreStr { color:#ccc;font-size:12pt;font-weight:normal; }
.mainSurveyQuestionAnswerDes { width:98%;margin:10px 0px;height:100px;border:1px solid #ccc;background-color:#eee;font-size:12pt; }
.mainSurveyQuestionEtcDes { width:98%;margin:10px 0px;height:100px;border:1px solid #ccc;background-color:#eee;font-size:12pt; }
#mainSurveySubmitBtn { width:120px;margin:10px 0px 20px 0px;padding:20px;font-size:18pt; }
#waitingBackground { display:none;left:0px;top:0px;position:fixed;width:100%;height:100%;padding:20px 0px 0px 0px;background-color:black;font-size:16pt;font-weight:bold;color:white; }


/* 관리자 모드 스타일 */
#admMainWap { width:100%;min-width:1100px;max-width:1200px; }
#admMainTitle { width:100%;margin:20px 0px;text-align:center;font-weight:bold;font-size:16pt; } 
#admMainCate { width:100%;margin:0px 10px;padding:90px 0px 20px 0px;text-align:center; }
.listCate { padding:4px; }
#surveyListWrap { width:100%;margin:0px 10px 30px 10px; }
#surveyListTable { width:100%; }
#surveyListTable thead th { 
	padding:10px 4px;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#eee;
}
#surveyListTable tbody td { 
	padding:10px 4px;
	font-weight:normal;
	text-align:center;
	border-left:0px;
}
#surveyListTable tbody tr:hover { background-color:#fffdf2; }
.surveyListButton {
	cursor:pointer;
	margin:0px 2px;
	width:20px;
	height:20px;
}
.exposureBtn {
	width:30px;
	cursor:pointer;
}
.surveyQuestionPreviewWrap {
	display:none;
	margin:4px 0px 4px 10px;
}
.surveyQuestionPreviewBtnScore {
	font-weight:normal;
	color:#a5a5a5;
}
.surveyQuestionPreview {
	margin:8px 0px 2px 30px;
	text-align:left;
	cursor:pointer;
}
.surveyQuestionPreviewQuestion {
	font-weight:normal;
	font-size:12pt;
}
.surveyQuestionPreviewTitle {
	margin:10px 10px 15px 10px;
	text-align:left;
	font-weight:bold;
	font-size:14pt;
	color:black;
}
.surveyQuestionPreviewScore {
	display:inline-block;
	margin:2px 0px 2px 10px;
	font-weight:bold;
	font-size:12pt;
	color:#cc0033;
}
.surveyQuestionPreviewScoreGraphWrap {
	margin:4px 0px 4px 10px;
}
.surveyQuestionPreviewScoreGraph {
	margin:0px 0px 0px 10px;
}
.surveyQuestionPreviewScoreGraphScale {
	display:inline-block;
	font-size:11pt;
}
.surveyQuestionPreviewScoreGraphPercent {
	display:inline-block;
	margin:0px 0px 4px 10px;
	font-size:11pt;
	font-weight:bold;
	text-align:left;
	color:#cc0033;
}
.surveyQuestionPreviewScoreGraphPercent span {
	font-weight:normal;
	color:gray;
}
.surveyQuestionPreviewDesView {
	display:inline-block;
	margin:2px 0px 4px 10px;
}
.surveyQuestionPreviewDesUserNo {
	color:#ccc;
}
.surveyQuestionPreviewDesViewBtn {
	font-weight:bold;
	font-size:12pt;
	color:#cc0033;
	cursor:pointer;
}
.surveyQuestionPreviewDesWrap {
	margin:10px 5px 15px 15px;
	padding:0px 4px 4px 4px;
	background-color:#eee;
	border:1px solid #ccc;
	cursor:default;
}
.surveyQuestionPreviewDes {
	margin:4px;
	padding:10px;
	border-bottom:1px dotted #ccc;
	text-align:left;
	cursor:default;
}
.surveyQuestionPreviewDesListStyle {
	list-style-type: disc;
	margin:4px;
	padding:10px;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.surveyQuestionPreviewTotalScore {
	margin:20px 10px 20px 0px;
	text-align:right;
	font-weight:bold;
	font-size:14pt;
	color:#cc0033;
}

#detailViewTable tbody tr:hover { background-color:#ffffcc; }

.detailViewTableHead {
	padding:4px;
	font-size:9pt;
	font-weight:bold;
	background-color:#eee;
	border:1px solid #ccc;
	text-align:center;
}
.detailViewTableContent { 
	padding:4px;
	font-size:10pt;
	font-weight:normal;
	border:1px solid #ccc;
	text-align:center;
}
.detailViewTableContentDeleteBtn {
	color:#ff0033;
	cursor:pointer;
}

#surveyRegistBtnWrap { margin:0px 0px 20px 0px; }
#qAddBtn { width:120px; }
#surveyRegistBtn { width:120px; }
.surveyModiBtn {  }
.surveyDownBtn {  }

#surveyRegistWrap { width:690px; }
#surveyRegistTitleWrap { margin:15px 0px;font-weight:bold;font-size:14pt; }
#surveyRegistTable { width:100%; }
#surveyRegistTable th { 
	width:160px;
	padding:10px 4px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#eee;}
#surveyRegistTable td { 
	padding:10px 8px;
	text-align:left;
	font-weight:normal;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
#surveyRegistTable td input[type='text'] {
	padding:4px;
	text-align:left;
	border:1px solid #ccc;
	background-color:#ffffe3;
}
.surveyQuestionMandatoryCheckWrap {
	display: none;
}
.surveyQuestionMandatoryCheck {
	width: 16px;
    height: 16px;
    margin: 8px 4px 0px 0px;
}
#surveyRegistTable td select {
	padding:4px;
}
#surveyRegistComBtnWrap { margin:20px 0px 20px 0px; }
.surveyRegistRemark { margin:5px 0px 0px 0px;color:#aaa;font-size:9pt; }
.surveyQuestionScale { display:none; }
.surveyQuestionScale { width:400px;margin-top:6px;border:1px solid #ddd; }
.surveyQuestionScaleDirectInputWrap { display:none;margin:6px 0px 0px 10px; }
.surveyQuestionScaleDirectInput { width:200px;margin-top:4px; }
.upperBtn { margin:4px 2px 0px 2px;cursor:pointer; }
.downBtn { margin:4px 2px 0px 2px;cursor:pointer; }
.qDelBtn { margin:4px 2px 0px 2px;cursor:pointer; }


/* 출결 자동체크 시스템 스타일 */
.inOutCheckRemark { display:none;margin:0px 0px 10px 0px;text-align:center;color:#3300ff;font-weight:bold;font-size:12pt;line-height:200%; }
.inOutCheckRemark div { color:#606060;font-size:11pt; }
.inOutCheckRemark span { color:#3300ff;font-size:13pt; }
#checkYmd, #checkDay { width:100px;margin:0px 5px;padding:2px;text-align:center;font-size:11pt;border:1px solid #ccc;background-color:#ffffcc; }
.checkTime { width:50px;padding:2px;text-align:center;font-size:11pt;border:1px solid #ccc;background-color:#ffffcc; }
#inOutCheckBtnWrap { margin:10px; }
#inOutRawDataTotalWrap { margin:10px 0px 10px 0px;width:900px; }
.dataWrap { float:left;width:418px;padding:5px 10px 20px 10px;background-color:#eee;border:1px solid #ccc;font-weight:bold;font-size:14px;line-height:160%; }
#inOutRawDataWrap { margin-right:10px; }
#inOutEcampusDataWrap { margin-left:10px; }
#inOutRawDataWrap textarea { width:394px;height:200px;border:1px solid #ccc;margin-top:5px; }
#inOutEcampusDataWrap textarea { width:394px;height:200px;border:1px solid #ccc;margin-top:5px; }
#inOutAlignedDataWrap { display:none;margin:10px 0px 10px 0px;width:900px; }
#inOutAlignedDataTable2 thead th { padding:8px 0px;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background-color:#eee; }
#inOutAlignedDataTable2 tbody td { padding:8px 0px;text-align:center;border-bottom:1px solid #ccc;border-left:1px solid #ccc; }
#sugiRegistForm { display:none; }

/* 페이징 스타일 */
#pagingDiv {
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	width:100%;
}

#paging {
	font-size:80%;
	text-align: center;
	margin: 0;
	padding: 10px;
	position: relative;
}

#paging li {
	display: inline;
	margin:0 2px 0 2px;
	padding:4px 6px 4px 6px;
	font-weight:bold;
	border:1px solid gray;
	border-radius:2px;
}

#paging li.pager:hover {
	background: rgb(255,255,255); /* Old browsers */
	cursor:pointer;
}

#paging li.current {
	color:white;
	margin:0 5px 0 5px;
	font-weight:bold;
	border:1px solid black;
	border-radius:2px;
	background: #404040; /* Old browsers */
}

#paging a { color:black; }

/* 버튼 스타일 */

.AtoZStyleBtn { 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 9%, rgba(238,238,238,1) 10%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(255,255,255,1)), color-stop(10%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	padding:6px 12px 6px 12px;
	text-shadow:1px 1px 1px white;
	box-shadow:1px 1px 3px #ccc;
	border:1px solid gray;
	border-radius:4px;
	font-weight:normal;
	font-weight:bold;
}
.AtoZStyleBtn:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:6px 11px 6px 13px;
	cursor:pointer;
}

.AtoZStyleBtnSmall { 
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 9%, rgba(238,238,238,1) 10%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(255,255,255,1)), color-stop(10%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	padding:3px 6px 3px 6px;
	font-size:8pt;
	text-shadow:1px 1px 1px white;
	box-shadow:1px 1px 3px #ccc;
	border:1px solid gray;
	border-radius:4px;
	font-weight:normal;
	font-weight:bold;
}
.AtoZStyleBtnSmall:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
}
.AtoZStyleBtnBlackSmall {
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	padding:3px 6px 3px 6px;
	font-size:8pt;
	text-shadow:1px 1px 1px black;
	box-shadow:1px 1px 3px #ccc;
	border:1px solid gray;
	border-radius:4px;
	color:white;
	cursor:pointer;
	font-weight:normal;
	font-weight:bold;
}

.blueButton {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #ffffff;
   border-radius: 10px;
   padding: 6px 10px;
   font-size: 10pt;
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
}
.blueButton:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
}
.blueButton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
}

.redButton {
   border: 1px solid #590a0a;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#d76565), to(#9d3e3e));
   background: -webkit-linear-gradient(top, #d76565, #9d3e3e);
   background: -moz-linear-gradient(top, #d76565, #9d3e3e);
   background: -ms-linear-gradient(top, #d76565, #9d3e3e);
   background: -o-linear-gradient(top, #d76565, #9d3e3e);
   background-image: -ms-linear-gradient(top, #d76565 0%, #9d3e3e 100%);
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #ffffff;
   border-radius: 10px;
   padding: 6px 10px;
   font-size: 10pt;
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
}
.redButton:hover {
   border: 1px solid #590a0a;
   text-shadow: #1e4158 0 1px 0;
   background: #9d3e3e;
   background: -webkit-gradient(linear, left top, left bottom, from(#d76565), to(#9d3e3e));
   background: -webkit-linear-gradient(top, #d76565, #9d3e3e);
   background: -moz-linear-gradient(top, #d76565, #9d3e3e);
   background: -ms-linear-gradient(top, #d76565, #9d3e3e);
   background: -o-linear-gradient(top, #d76565, #9d3e3e);
   background-image: -ms-linear-gradient(top, #d76565 0%, #9d3e3e 100%);
   color: #fff;
}
.redButton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #590a0a;
   background: #d76565;
   background: -webkit-gradient(linear, left top, left bottom, from(#9d3e3e), to(#9d3e3e));
   background: -webkit-linear-gradient(top, #9d3e3e, #d76565);
   background: -moz-linear-gradient(top, #9d3e3e, #d76565);
   background: -ms-linear-gradient(top, #9d3e3e, #d76565);
   background: -o-linear-gradient(top, #9d3e3e, #d76565);
   background-image: -ms-linear-gradient(top, #9d3e3e 0%, #d76565 100%);
   color: #fff;
}
.gradient { 
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(253,253,253,1) 60%, rgba(229,229,229,1) 98%, rgba(222,222,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(253,253,253,1)), color-stop(98%,rgba(229,229,229,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 60%,rgba(229,229,229,1) 98%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 60%,rgba(229,229,229,1) 98%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 60%,rgba(229,229,229,1) 98%,rgba(222,222,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 60%,rgba(229,229,229,1) 98%,rgba(222,222,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */
}

#loadingBar {
	position:absolute;
	display: inline-block;
	margin:10px;
	width: 30px;
	height: 30px;
	border: 3px solid rgba(0,165,229,.3);
	border-radius: 50%;
	border-top-color: #00a5e5;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	-moz-animation: spin 1s ease-in-out infinite;
	-ms-animation: spin 1s ease-in-out infinite;
	-o-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  to { -ms-transform: rotate(360deg); }
}
@-o-keyframes spin {
  to { -o-transform: rotate(360deg); }
}