/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
*/
@font-face {
  font-family: NanumGothicWeb;
  src: url(../../fonts/nanumgothic.eot);
  src: local('NanumGothic'), url(../../fonts/nanumgothic.woff) format('woff');
}

/* html, form 100% height is needed for vertically centering the login box */
html, form {height:100%;}

/*aspNetDisabled class is added by asp.net for disabled controls.*/
body, input, textarea, select, button, body form .aspNetDisabled {
    font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;
    font-size:12px;
    margin:0px; 
}



/* source area style for CKEDITOR (edit area sytle can be defined in .cke_editable class in js/ckeditor/contents.css) */
textarea.cke_source {font-size:12px;font-family:monospace,NanumGothic,NanumGothicWeb;}
/*.ckeditor textarea {visibility:hidden;}*/

input[type=checkbox]+label {padding-left:3px;}

/* mgr 페이지 좌측 상단 로고의 최대 높이를 50px로 지정(MgrMenu.ascx 파일에 정의되어 있음)  */
.siteLogo img {max-height:50px;}

/* Mgr Menu Table (begin) ***************************************************/
/* Table formatting: http://stackoverflow.com/questions/6048913/in-html5-with-respect-to-tables-what-replaces-cellpadding-cellspacing-valign */
.mgrMenuTbl {width:100%;border-collapse: collapse; border-spacing: 0; border:0;}
.mgrMenuTbl th, .mgrMenuTbl td { padding: 0;  }



/* Context Menu (begin) ***************************************************/
.cmItem {
    padding:2px 3px;
    color:#000;
    cursor:default;
}
.cmItemHover {
    padding:1px 2px;
    background-color:#487AB5;
    border:solid 1px #00397D;
    color:#FFF;
}
.cmDivider {border-top:solid 1px #CCC;margin:2px 0;cursor:default;}
.cmInactive {color:#666;}

.contextMenuContainer {display:none; }
.contextMenu {position:absolute;border:solid 1px #000;background:#FFF;padding:2px 2px; border-top-color:#AAA;border-left-color:#AAA;color:#000;min-width:120px;}
/* Context Menu (end) */

/* 
    For removing input background colour for Chrome autocomplete 
    REF: http://stackoverflow.com/a/14205976
*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;    
}

/*============================================
    Simple Form Pages (login.aspx, acceptInvitation.aspx)
============================================*/
.simpleForm {height:100%;}
.simpleForm .mgrFooter {margin:60px 0 10px;}

.simpleForm table {width:100%;border-spacing:0px;}
.simpleForm table td {vertical-align:top;text-align:center;}
.simpleForm td.tdLogo {display:none;}
.simpleForm .divLogo {display:block;margin:20px 0;}
.simpleForm td.tdForm input {font-size:15px;font-weight:bold;}
.simpleForm td.tdForm .shortMsg {margin-bottom:10px;color:#999;font-size:12px;}

.simpleForm .txtFld {border:solid 1px #999;border-radius:3px;width:80%;padding:10px;}
.simpleForm .txtFld:focus {outline:0;}
.simpleForm input[type=button], .simpleForm input[type=submit] {padding:10px 25px;}

.simpleForm .alertBox {margin:0 20px;font-weight:bold;padding:50px 10px;font-size:16px;}

/* lwrd: Left White Right Dark background */
.simpleForm.loginPage.lwrd td.tdForm {background:#fff;}


.logo30Rfl {width:202px;height:64px;}
.logo30GrayRfl {width:202px;height:65px;}
    
@media (min-width: 768px) {
    .simpleForm .mgrFooter {
        position:absolute;
        bottom:8px;right:5px;
        margin:0;padding:0;
        letter-spacing:.2em;
        border:none;
        font-size:10px;
    }

    .simpleForm table {height:100%;}
    .simpleForm table td {vertical-align:middle;}
    .simpleForm td.tdLogo {display:table-cell;background:#333;width:50%;}
    .simpleForm.loginPage td.tdForm {padding-top:40px;}
    .simpleForm .divLogo {display:none;}
    .simpleForm .txtFld {width:50%;min-width:300px;}
    .simpleForm .alertBox {margin:0 50px;}

    
    /* lwrd: Left White Right Dark background */
    .simpleForm.loginPage.lwrd td.tdLogo {background:#fff;}
    .simpleForm.loginPage.lwrd td.tdForm {background:#333;}
}




/*.loginBody, .loginContainer {height:100%;}
.tblLogin {width:100%;border-spacing:0px;height:100%;background-color:#333;}
.tblLogin td {text-align:center;}
.logoTd {background:#fff;width:50%;}
.loginInput {
	background-color:#333;
	font-size:15px;
	padding-top:40px;
}
.loginInput input {font-size:15px;}
.loginInput > table {margin:0 auto;border-width:0;}
.loginPlaceholder {position:absolute;display:none;color:#999;font-weight:bold;}
.inputFld {padding:10px;width:50%;border:none;}
.inputFld:focus {outline:0;}
.loginInput #btnLogin {padding:10px 25px;}
.loginFooter {
    background-color:#333;position:absolute;
    right:5px;bottom:8px;
    font-size:11px;padding:0px 1px;text-align:right;color:#666;
    font-family:Trebuchet MS,Tahoma,Verdana;
    letter-spacing:.3em;
}*/


/* page with menu (begin) ***************************************************/
.headerAdmin {margin:10px;}
.mgrMenuTbl .headerQuickMenu {padding-right:10px;font-size:11px;text-align: right; vertical-align:bottom;padding-bottom:5px;}

.menuLeft {background:url(../../images/admin/menuLeft.gif) no-repeat;height:35px;width:4px;background-color:#000;border-radius:4px 0 0 4px;}
.menuMid {background:url(../../images/admin/menuMid.gif) repeat-x;height:35px;background-color:#000;}
.menuRight {background:url(../../images/admin/menuRight.gif) no-repeat;height:35px;width:149px;background-color:#000;border-radius:0 4px 4px 0;}
.menuDecoration {border-radius:0 0 6px 6px;margin:0px 2px;
    background-color:#94c936;height:22px;border:solid 1px #79a723;
    border-top-width:0px;color:#ccc;padding-top:2px;font-size:10px;font-weight:bold;}


/***********************************************************************************************
    For getting rid of asp:menu flickering. 
    (ref: http://stackoverflow.com/questions/3240873/how-to-get-rid-of-ugly-aspmenu-flickering) 

    Note: By following stackoverflow suggestion, there are a couple of new issues.
    New issue #1. Initially the first level menus are displayed at the left edge and move to the
    intended position. --> This is fixed by adding a.level1 {padding-left:11px;}
    New issue #2. The second level menus are now inline-block meaning the mouse pointer has to
    hover menu text in order to :hover effect takes place instead of entire block is served
    as :hover target. Also the border-top of menuItemDivider is not displayed. --> This is fixed
    by adding javascript code ($('.mgrMenu ul li').css('display', 'block');) in MgrMenu.ascx.
***********************************************************************************************/
.mgrMenu ul li ul {display:none;}
.mgrMenu ul li {display:inline-block;list-style: none;}
a.level1 {padding-left:11px !important;padding-right:11px !important;}


.mgrMenu ul li .menuItemDivider {border-top:dotted 1px #ccc;font-size:0px;height:1px;margin-top:2px;cursor:default;}
.ie8fix {z-index:100;}
.level1 {background-color:#000; color:#FFF;}
.level2 {background-color:#000; color:#FFF;}
.menuStyle {border-radius:0 0 5px 5px;}

a.level1, a.level1:visited {color: #FFF;font-weight: bold;text-decoration:none;}    /* main menu title */
a.level1:hover, a.level1:visited:hover {color: #cf0;}
a.level2, a.level2:visited {color: #FFF;font-weight: bold;text-decoration:none;display:block;}    /* menu item (first level) title */
a.level2:hover, a.level2:visited:hover {color: #cf0;}
a:focus{outline:0;} /*remove chrome blue outline*/

input[type=button]:focus, input[type=submit]:focus, button:focus {outline:0;} /*remove chrome blue outline*/



.breadcrumb {padding-left:10px;padding-top:3px;padding-right:10px;font-size:11px;text-align:right;}
.breadcrumb span {font-family:Tahoma;color:#6c9225;}
.breadcrumb a, .breadcrumb a:visited {color:#eee;text-decoration:none;}
.breadcrumb a:hover, .breadcrumb a:visited:hover {color:#fff;}

.spFooter {border:solid 1px transparent;}
.mgrFooter {font-size:11px;color:#999;font-family:Trebuchet MS,Verdana;margin:5px auto;text-align:center;border-top:solid 1px #DDD;margin-top:10px;}
/* login page (end) */






/* Util (begin) ***************************************************/
.clear {
    clear:both;
    height:0px;
    font-size:0px;
}
/* Util (end) */




.searchContainer {width:100%;margin-bottom:2px;padding-left:1px;}
.searchContainerL {float:left;width:55%;}
.searchContainerR {float:left;width:44%;text-align:right;padding-top:10px;}
.searchContainerR span, .searchContainerL span {font-family:Tahoma;font-size:10px;color:#AAA;}


/* main pages (begin) */
.content {margin:0 12px;}
.contentHeading {padding:0 2px 2px;}
.contentHeading .right {padding-top:10px;}
/*.contentHeading {position:relative;}*/
.contentHeading h2 {margin:0;padding:0;position:absolute;top:-40px;right:5px;font-weight:normal;font-size:48px;font-family:Lucida Handwriting,Verdana;color:#CCC;}
/*.contentHeading h2 {float:right;}*/
.contentHeading > div {padding:3px;}
.contentHeading span {font-family:Tahoma;font-size:10px;color:#AAA;}
.contentHeading span.normal {font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;font-size:12px;}

.headingTbl {width:100%;border-spacing:1px;margin:12px 2px 2px;}
.headingTbl td {padding-right:6px;}

h2.headingStyle2  {
    margin:0;padding:0;background:url(../../images/site/titleBG2.png) no-repeat;width:169px;height:31px;padding-top:18px;color:#eee;font-size:13px;font-weight:bold;
    letter-spacing:.5em;
    text-align:center;
}

.pageStatus {margin-top:2px;font-family:Tahoma;font-size:10px;color:#AAA;}
.left {float:left;}
.right {float:right;}

.leftCol {float:left;}
.rightCol {overflow:hidden;width:auto;text-align:right;}

.txtLeft {text-align:left;}
.txtRight {text-align:right;}
.txtCenter {text-align:center;}

/* 
    .dataArea and .chartArea are used in surveyDetailResults.aspx to display result data and its chart
    IE8- does not recognize the media query, so you need to define styles for both small and large viewports.
*/
.dataArea {float:left;width:55%;}
.chartArea {overflow:hidden;padding-left:5%;}
@media (max-width:788px) {
.dataArea {float:none;width:auto;}
.chartArea {overflow:visible;padding-left:unset;}
}

.pageActionBtns {margin-top:5px;clear:both;}

.tblPane {margin:4px;}
.tblPane td:first-child {text-align:right;white-space:nowrap;}
.tblPane td {vertical-align:top;padding-top:2px;}

.paneTitlebar {background:#EEE;padding:5px;border-bottom:solid 1px #AAA;font-weight:bold;white-space:nowrap;}
.paneToolbar {background:#fafafa;padding:5px;border-top:solid 1px #AAA;font-size:11px; white-space:nowrap;color: #666;}

.coreInfo {border:dotted 1px #AAA;margin:10px;font-size:11px;padding:5px;background-color:#fafafa;color:#666;}
.infoBox {border:dotted 1px #AAA;font-size:11px;padding:5px;background-color:#fafafa;color:#666;margin: 5px 0;}
.infoBox .column {float: left; background: url('../../images/pageDescIcon.gif') no-repeat 4px 3px; color:#666;font-size:11px;margin-top:5px;padding-left:15px;}
.infoBox .column.left {width: 50%;}
.infoBox .column.right {overflow: hidden; width: auto;}
.infoBox .column.full {width: 100%;}

.surveyDetail .previewBox {border:solid 1px #ccc;width:600px;min-height:120px;max-height:200px;overflow:auto;padding:5px;}

/* popup page common (begin) */
.popupHeader {background-color:#494d53;}
    .popupHeader .logo {background-color:#2f3238;width:30px;float:left;}
    .popupHeader .logo img {padding:5px 7px;}
    .popupHeader .title {float:left;width:auto;overflow:hidden;padding-left:8px;padding-top:6px;color:#fff;font-weight:bold;}

.popupHeading {background:#323232; padding:4px;  }
.popupHeading div {border-top:solid 2px #94c936;padding:3px;text-align:right;color:#EEE;font-weight:bold; font-family:Trebuchet MS; font-size:11px;}
.popupTitle {padding:0;margin:10px 0 0 10px;font-size:16px;color:#999;letter-spacing:3px;position:relative;font-weight:bold; font-variant:small-caps;}
.pageTitleUnderline {border-top:solid 1px #DDD; background-color:white;z-index:10; position:absolute;top:15px;width:100%;height:5px;left:0;}
.popupContent {margin:15px 10px;}
.popupDataStatus {border:dotted 1px gray;margin-top:10px;margin-bottom:-5px;font-size:11px;padding:5px;background-color:#EEE;color:#666;}
.popupActionBtn {text-align:center;margin-top:5px;}
.popupActionBtnLeft {margin-top:10px;}
.popupTitle .help {background: url('../../images/icon_help.gif') no-repeat left top; position:absolute; top:-5px;right:8px; letter-spacing:normal;font-size:11px;font-weight:normal;height:16px;width:15px; cursor:pointer;}
/*.itemHelp {background: url('../../images/icon_help.gif') no-repeat left top;height:16px;width:15px; cursor:pointer;font-size:12px;}
*/
.itemHelp {background: url('../../images/icon_help.png') no-repeat -3px -2px;cursor:help;font-size:12px;padding-left:11px;padding-bottom:2px;}
.itemHelpGreen {background: url('../../images/icon_help_green.png') no-repeat -3px -2px;cursor:help;font-size:12px;padding-left:11px;padding-bottom:2px;}
.itemHelp.warning {background: url('../../images/system_error_alt_02.png') no-repeat -3px -2px;padding-left:13px;color:#900;}
/* popup page common (end) */


.spContent {border:solid 1px #AAA;border-right-width:0;margin-left:10px;padding:15px;min-height:500px;}

.reqFld {background-color:#FEE;}
.helpMsg {background: url('../../images/bg_help_large.png') no-repeat right top;}



/* explorer (begin) */

.subContainer {margin-left:15px;display:none;white-space:nowrap;}
.subContainerOpen {margin-left:19px;white-space:nowrap;}
.itemContainer {margin-left:25px;display:none;white-space:nowrap;}
.itemContainerOpen {margin-left:25px;white-space:nowrap;}
.objDiv {padding-bottom:2px;}
.objDivShort {padding-bottom:2px;height:16px;}
.plusImg {vertical-align:middle;cursor:pointer;padding-bottom:4px;width:9px;height:9px;}
.emptyPlusImg {vertical-align:middle;padding-bottom:4px;width:9px;height:9px;}
.folderImg {vertical-align:text-bottom;padding-left:7px;padding-bottom:1px;padding-top:1px;}
.folderImgNoPad {vertical-align:text-bottom;padding-left:2px;}
.noObj {color:#AAA;margin-left:13px;} /*13px = (plusImg width + folderImg width + folderImg paddingLeft - subContainer marginLeft) */
/* explorer (end) */

.imgFlag {vertical-align:middle;padding-right:2px;}
.fFlagTop {vertical-align:middle;padding:3px 0 3px 5px;}

/* new explorer (begin) */

.folder {margin-top:0px;padding-left:18px;margin-top:4px;padding-bottom:1px;}
.fYellow {background: url('../../images/Folder_close.png') no-repeat 0px 0px; }
.fYellowOpen {background: url('../../images/Folder_open.png') no-repeat 0px 0px; }
.fGreen {background: url('../../images/gFolder_close.png') no-repeat 0px 0px; }
.fGreenOpen {background: url('../../images/gFolder_open.png') no-repeat 0px 0px; }
.fBlue {background: url('../../images/bFolder_close.png') no-repeat 0px 0px; }
.fBlueOpen {background: url('../../images/bFolder_open.png') no-repeat 0px 0px; }

.item {background: url('../../images/item.png') no-repeat 0px 0px;margin-top:0px;padding-left:18px;margin-top:4px;padding-bottom:1px; }
.noItem {color:#AAA;margin-top:4px;}

.folderNoExp {vertical-align:text-bottom;padding-right:2px;}
.subFolder1 {padding-top:4px;}

span.mItem {
    padding:0px 2px 1px;
	color: #000;
	text-decoration:none;
	cursor:default;
}
span.mItemHover {
    padding:0px 1px 1px;
    background:#EEE;
    border:solid 1px #AAA;
	color: #000;
}
span.mItemActive {
    padding:0px 1px 1px;
    background:#e0f3fc;
    border:solid 1px #9ed6fe;
}
span.mItemNotSelectable {
	cursor:auto;
}
.loadingTxt {
    padding:0px 3px 2px;
    background-color:#999;
    color:#FFF;
    font-family:Tahoma;
}


span.toolCmd {
    padding:0px 2px 1px;
	color: #666;
	text-decoration:none;
	cursor:pointer;
}
span.toolCmdHover {
    padding:0px 1px 1px;
    background:#EEE;
    border:solid 1px #AAA;
	color: #000;
}
/* new explorer (begin) */

.hide {display:none;}
.showBlock {display:block;}


.pageTitleContainer {height:28px;position:relative;}
.pageTitle {position:absolute;top:-40px;right:5px;z-index:0;line-height:62px;}
.pageTitleTxt {font-weight:normal;font-size:48px;font-family:Lucida Handwriting,Verdana;color:#CCC;}


    .menuContentPane img {vertical-align:bottom;}
    .menuContentPane td {vertical-align:top;font-size:12px;white-space:nowrap;}
    .coTitle {font-size:11px;vertical-align:bottom;}

.surveyName {font-weight:bold; text-decoration:none; cursor:pointer; color:#33C; font-size:14px;}
.noSurvey {font-weight:bold; color:Gray; }

.activeMitem {
    padding:0px 1px;
    background-color:#85ABF1;
    border:solid 1px #6290ED;
    color:#FFFFFF;
    text-decoration:none;
}
a.activeMitem:hover, a.activeMitem:visited, a.activeMitem:visited:hover {color:#FFFFFF;}
a.mItem {
    padding:0px 2px;
	color: #0066CC;
	text-decoration:none;
}
a.mItem:visited {
	color: #0066CC;
}
a.mItem:hover, a.mItem:visited:hover {
    padding:0px 1px;
    border:solid 1px #6290ED;
	color: #0033FF;
}

.dftTbl {width:100%;border-spacing:0;}

.adminTbl {background-color:#DDD;width:100%;border-spacing:1px;}
.adminTbl th {padding:5px 3px;color:#FFF;text-align:center;background:#333 url(../../images/pattern3.jpg) repeat;}
.adminTbl td {padding:2px 3px;font-size:11px;text-align:center;}
.adminTbl tr {background-color:White;}
.adminTbl .trAlt {background-color:#F7F7DE;}
.adminTbl .trGrayBG {background-color:#EEE;}
.adminTbl .tdPinkBG {background-color:#FAA;}
.adminTbl .tdRedBG {background-color:#fe2a3a;}
.adminTbl .tdYellowBG {background-color:#fff799;}
.adminTbl .tdPurpleBG {background-color:#AAF;}
.adminTbl .trDim {color:#999;}
.adminTbl .tdLeft {text-align:left;}
.adminTbl .tdCenter {text-align:center;}
.adminTbl .trMover {background-color:#e4fcba;}
.adminTbl tfoot td {background-color:#EEE;text-align:right;}
.adminTbl tfoot td div {font-size:11px;}
.adminTbl tfoot td .right {font-size:11px;color:#999;}
.adminTbl .tdNoPadding {padding:0;}
.adminTbl input, select, textarea {font-size:11px;}

.adminTbl th a {color:#fff;}
.orderDir {font-size:9px;}

.leftAlign td {text-align:left;}

.tbl {border-collapse: collapse; border-spacing: 0; }
.selectedPageNum {color:#A33;font-weight:bold;}

.tblResult {background-color:#DDD;width:100%;border-spacing:1px;font-size:12px;margin-bottom:10px;}
.tblResult th {padding:10px;color:#FFF;text-align:left;background:#333 url(../../images/pattern3.jpg) repeat;}
.tblResult td {padding:10px;}
.tblResult tr {background-color:White;}

.tblData, .tblStat {background-color:#DDD;width:100%;border-spacing:1px;font-size:12px;margin-top:10px;}
.tblData tr {background-color:White;}
.tblData th {padding:8px;color:#FFF;background:#255391;text-align:center;}
.tblData td {padding:5px;text-align:center;}
.tblData .tdLeft {text-align:left;}
.tblData .color {width:15px;}
.tblData tr.summaryRow th {background:#4c89d6;}
.tblData .trDim {background-color:#eee;}
.tblData .trAlt {background-color:#F7F7DE;}
.tblData .trMover {background-color:#e4fcba;}

.tblStat {margin-top:0;}
.tblStat th, .tblStat td {text-align:center;font-weight:bold;}
.tblStat th {padding:8px;background:#444;}
.tblStat tbody td {width:20%;}
.tblStat.col10 tbody td {width:10%;}

.tblAttachment {width:100%;border-collapse: collapse; border-spacing: 0; border:0;}
.tblAttachment th {background-color:#fafafa;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;width:80px;}
.tblAttachment td {padding:10px;border-bottom:solid 1px #ddd;}

.clickable {cursor:pointer;}
.resultPageTitle span {font-weight:bold;}

img {
    margin:0px;
    border-width:0px;
}

a {
    font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;
	color: #33c;
	font-weight: bold;
	text-decoration:none;
}

a:visited {
	color: #333399;
	}

a:hover, a:visited:hover {
	color: #cc0000;
}
a.whiteLink {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}

a.whiteLink:visited {
	color: #FFFFFF;
	}

a.whiteLink:hover, a.whiteLink:visited:hover {
	color: #FFFFFF;
}
a.bm {
	color: #FFFFFF;
	text-decoration:none;
	padding:0px 4px;
}

a.bm:visited {
	color: #FFFFFF;
	padding:0px 4px;
	}

a.bm:hover, a.bm:visited:hover {
    border:solid 1px #AAAAAA;
	color: #FFFFFF;
	background-color:#666666;
	padding:0px 3px;
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
}



.blueTitleBox {
    background-color:#5483C0;
    padding:5px 5px;
    color:White;
    border:solid 1px #c9bead;
}

.blueTitleBoxBBorder {
    background-color:#5483C0;
    padding:5px 5px;
    color:White;
    border-bottom:solid 1px #c9bead;
}

.blueTitleBoxTBBorder {
    background-color:#5483C0;
    padding:5px 5px;
    color:White;
    border-top:solid 1px #c9bead;
    border-bottom:solid 1px #c9bead;
}

a.MgrMenu {
    color:white;
}

a.MgrMenu:visited {
    color:white;
}

a.MgrMenu:hover, a.MgrMenu:visited:hover {
	color: #FFD303;
}
a.viewLink {
	color: #0000DD;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}

a.viewLink:visited {
	color: #0000DD;
	font-weight:normal;
	font-size:11px;
	}

a.viewLink:hover, a.viewLink:visited:hover {
	color: #cc0000;
	font-weight:normal;
	font-size:11px;
}
.incompSetup {background-color:firebrick;color:#fff;font-weight:bold;}
.txtBlack {color:#000;}
.txtRed {color:Red;}
.txtBlue {color:#00F;}
.txtBrown {color:#900;}
.txtGreen {color:#090;}
.txtInactive, .txtDim, .txtGray {color:Gray;}
.txtLightGray {color:#ccc;}
.txtSmall {font-size:11px;}
.txtNormal {font-size:12px;}
.txtBold {font-weight:bold;}
.txtHighlight {color:#9a0311;font-weight:bold;}
.excelLink {background: url('../../images/icon_xlsx.png') no-repeat left top; padding-left:20px;font-size:12px;padding-bottom:2px;}
.txtPass {background: url('../../images/icon_ok.gif') no-repeat left top; padding-left:20px;font-size:12px;padding-top:2px;margin-top:5px;}
.txtNotOk {background: url('../../images/icon_caution.gif') no-repeat 2px top; padding-left:20px;font-size:12px;margin-top:5px;}
.txtSuccess {background: url('../../images/icon_check.png') no-repeat left -2px; padding-left:22px;font-size:12px;padding-bottom:3px;}
.txtFail {background: url('../../images/icon_error.gif') no-repeat left top; padding-left:20px;font-size:12px;margin-top:5px;}
.txtCaution {background: url('../../images/icon_caution.gif') no-repeat left 2px; padding:1px 0 1px 14px;color:#BD0000;font-size:11px;}
.txtCaution12 {background: url('../../images/icon_caution.gif') no-repeat left 4px; padding:1px 0 1px 14px;color:#BD0000;font-size:12px;}
.txtCautionBlack {background: url('../../images/icon_caution.gif') no-repeat left 4px; padding-left:15px;font-size:12px;}
.txtWarning {background: url('../../images/icon_error.gif') no-repeat left top; padding-left:17px;color:#F00;font-size:11px;padding-bottom:2px;}
.txtWarningNormal {background: url('../../images/icon_error.gif') no-repeat left top;padding:1px 0 1px 20px;color:#F00;font-size:12px;padding-bottom:0px;}
/*.txtNoteIcon {background: url('../../images/icon_note.gif') no-repeat left top; padding-left:14px;color:#333;font-size:11px;}*/
.txtNoteIcon {background: url('../../images/notepad_edit.png') no-repeat left top; padding:3px 0 4px 24px;color:#333;font-size:11px;line-height:1.3;}
.txtNoteIconGray {background: url('../../images/notepad_edit.png') no-repeat left top; padding:2px 0 3px 24px;color:#aaa;font-size:11px;}
.txtNote {background: url('../../images/pageDescIcon.gif') no-repeat 4px 3px; color:#999;font-size:11px;margin-top:5px;padding-left:15px;}
.txtNoteDarkGray {background: url('../../images/pageDescIcon.gif') no-repeat 4px 3px; color:#666;font-size:11px;margin-top:5px;padding-left:15px;}
.txtNoteBlack {background: url('../../images/pageDescIcon.gif') no-repeat 4px 5px; margin-top:5px;padding-left:15px;}
.txtNoteSlim {background: url('../../images/pageDescIcon.gif') no-repeat 4px 3px; padding-left:15px;}
.txtNoteBlackAdjusted {background: url('../../images/pageDescIcon.gif') no-repeat 4px 6px; margin-top:5px;padding-left:15px;}
.txtNoteBlackAdjusted2 {background: url('../../images/pageDescIcon.gif') no-repeat 4px 9px; margin-top:5px;padding-left:15px;}
.txtReadOnly {background: url('../../images/lock_alt.png') no-repeat left -2px; padding-left:24px;padding-top:2px;}
.txtReadOnlyInline {background: url('../../images/lock_alt.png') no-repeat left -2px; padding-left:24px;padding-top:0px;display:inline-block;}
.txtInfo {background: url('../../images/system_info.png') no-repeat left -3px; padding-left:24px;line-height:1.2em;}


.errorBox {border:solid 2px #fd4f70;background-color:#fce3e8;padding:15px 10px;margin:10px 0;}

.modalLogin {
    background: url('../../images/modalLogin.png') no-repeat left top;
    height:240px;
    width:302px;
}
.iiAlt {cursor:pointer;color:#33A;border-bottom:dotted 1px #33A;padding-bottom:1px;}

.pageLabel {
    font-family:Tahoma,sans-serif;padding:0;margin:4px 0 -5px 2px;
    font-size:16px;color:#aaa;letter-spacing:2px;position:relative;
    font-weight:bold;z-index:-1;text-align:left; font-variant:small-caps;
    
}
.pageLabel + div {border-top: solid 1px #ccc;font-size:1px;height:4px;background:#fff;margin-right:-5px;}
.qDescStem {padding:1px 0;margin:1px 0 2px;}
.qDescStem span {color:#7f2d00;}

.ansBox {padding:3px;}
.ansBox div {margin-bottom:1px;}
.ansBox div > span {display: inline-block;
    *display: inline;/* for IE7*/
    *zoom:1;/* for IE7*/
    min-width: 15px;
    text-align:right;
}
.modalScrollDiv {overflow:auto;max-height:140px;}

/* ajaxtoolkit calendar control */
.ajax__calendar_dayname, .ajax__calendar_title, .ajax__calendar_today {font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif}  

.wizContainer {margin-left:30px;}
.wizSubDesc {font-size:24px;font-family:나눔손글씨 펜;color:#666;margin:15px 0 5px;}
.wizSubDescContent {margin-left:30px;}
.wizDesc {font-size:36px;font-family:나눔손글씨 펜;color:#AAA;margin-bottom:20px;}
.wizType {border:solid 5px #eee;margin-bottom:20px;width:660px;text-align:center;padding:10px 0;}
.wizCommand {border:solid 5px #eee;margin:0 0 20px 30px;width:360px;text-align:center;padding:10px 0;}
.wizItem {width:660px;margin:10px 0 0;}
.wizItemL {width:14%;text-align:right;float:left;}
.wizItemM {width:20px;text-align:right;float:left;padding:2px 5px 0 0;}
.wizItemR {float:left;}
.wizItemLwide {width:110px;text-align:right;float:left;}
.wizQdiv {margin-top:2px;}
.wizQnumDiv {float:left;}
.wizQnum {width:50px;padding:10px 0 10px 22px;}
.wizQnumActive {border:solid 1px #CCC;border-right-width:0;padding:9px 1px 9px 21px;}
.wizQnumInactive {border-right:solid 1px #CCC;cursor:pointer;color:#AAA;}
.wizQ {width:80%;float:left;border-top:solid 1px #CCC;padding:9px 30px;}

.imgBox {border:solid 1px #999;padding:10px;background-color:#EEE;cursor:pointer;}
.imgBoxSelected {background:#CCC;}
.imgBoxMover {border:solid 1px #333;}

.ansBtn {width:400px;cursor:pointer;font-size:14px;}
.ansBtnTop {border-bottom:solid 1px #666;font-size:0px;height:1px;width:400px;margin-left:1px;}
.ansBtnMid {border-left:solid 1px #666;text-align:center;border-right:solid 1px #666;padding:11px 10px;width:380px;background-color:#EEE;position:relative;}
.ansBtnBottom {border-top:solid 1px #666;font-size:0px;height:1px;width:400px;margin-left:1px;}
.ansBtnShadow {position:absolute;top:50%;left:0;background-color:#ddd;width:100%;z-index:0;height:49%;}
.ansBtnTxt {position:absolute;width:380px;z-index:1;top:0;left:0;border:solid 0px red;padding:11px 10px;color:#333;}


.laonBtn {width:80px;cursor:pointer;font-size:12px;float:left;}
.laonBtnTop {border-bottom:solid 1px #999;font-size:0px;height:1px;width:80px;margin-left:1px;}
.laonBtnMid {border-left:solid 1px #999;text-align:center;border-right:solid 1px #666;padding:5px 10px;width:60px;background-color:#EEE;position:relative;}
.laonBtnBottom {border-top:solid 1px #666;font-size:0px;height:1px;width:80px;margin-left:1px;}
.laonBtnShadow {position:absolute;top:50%;left:0;background-color:#ddd;width:100%;z-index:0;height:49%;}
.laonBtnTxt {position:absolute;z-index:1;top:0;left:0;border:solid 0px red;padding:4px 10px;color:#333;width:60px;}


ul { padding:0; margin:0; padding-left: 1.4em; list-style:disc; line-height:1.5;}
/* admin popup page 

    .pageHeading {background:#323232; color:White; padding:4px; font-weight:bold; font-family:Trebuchet MS; font-size:11px; }
    .pageHeading div {border-top:solid 2px #0AF;padding:3px;text-align:right;}
    .popupTitle {padding:0;margin:10px 0 0 10px;font-size:16px;color:#999;letter-spacing:3px;position:relative;font-weight:bold;}
    .pageTitleUnderline {border-top:solid 1px #DDD; background-color:white;z-index:10; position:absolute;top:1.1em;width:100%;height:5px;left:0;}
    
    .main {margin:10px 10px 10px; }
    * html .main {margin-top:17px;}
    .generalInfo {border:solid 4px #EEE;padding:5px;margin-bottom:10px;}
    .pageMenu {text-align:right;font-size:11px;}
    ul { padding:0; margin:0; padding-left: 1.4em; list-style:disk; line-height:1.5;}
    
    .tdRightPadding td {padding-right:10px;}
*/    


.w2 {width:20px;}
.w3 {width:30px;}
.w6 {width:60px;}
.w8 {width:80px;}
.w10 {width:100px;}
/* archive.aspx */
.catTitle {padding:0;margin:14px -12px 0 8px;font-size:24px;color:#999;letter-spacing:5px;position:relative;font-weight:bold;font-family:Tahoma,Trebuchet MS,Verdana,Arial; font-variant:small-caps;}
.catTitleUnderline {border-top:solid 1px #CCC; z-index:10; position:absolute;top:1.0em;width:100%;height:5px;left:0;}
.archiveDate {font-family:Lucida Console,Monospace;font-size:10px;color:#999;padding:0 8px;}
.archiveDesc {color:#666;}
.factsDiv {float:right;width:240px;background:#FFC;border:dotted 1px #999;padding:5px;color:#333;}
.factsDiv h2 {font-variant:small-caps;font-weight:bold;font-size:12px;margin:0 0 4px;padding:0;}


.noWrap {white-space:nowrap;}
.modalMenubar {
    background: url('../../images/menubar.gif') repeat-x left top;
    height:22px;
    padding:5px;color:White;font-weight:bold;
}
.dottedLine3 {
    background-image:url('../../images/grayDot2.gif');
	background-repeat:repeat-x;
	height:3px;
	font-size:0px;
	margin:2px 0px;
}
a.whiteGreen, a.whiteGreen:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration:none;
}
a.whiteGreen:hover, a.whiteGreen:visited:hover {
	color: #CCFF00;
}

.modalInform {position:absolute;top:50px;right:250px;text-align:center;border:solid 1px #AAA;background-color:#555;color:#CF0;border-bottom-color:Black;border-right-color:Black;padding:5px;width:200px;font-size:11px;display:none;}
.loading {width:100px;font-family:Courier New;font-size:12px;display:block;}


/*-- clearAfter
.clearAfter:before,
.clearAfter:after 
{
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearAfter:after {clear: both;}
.clearAfter {zoom: 1;}
clearAfter --*/

/* clearfix */
.clearfix:before, .clearfix:after 
{
    content: " ";  
    display: table;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 (trigger hasLayout) */
/* clearfix */

/* question preview (begin) */
.qDesc {border:solid 1px #dbc0d8;background:#f1d8ee;padding:10px 15px;line-height:1.4em;margin:20px 0 -10px;}

.listChkbox li {
    line-height:2em;
    list-style:none;
    background:url(../../images/chkbox_uncheck.png) no-repeat 0 2px; 
    padding-left: 27px; /* the width of your image + some space */
}
.listChkbox li.checked {
     background:url(../../images/chkbox_check.png) no-repeat 0 2px; 
}
.listChkbox li.checkedDim {
     background:url(../../images/chkbox_check_dim.png) no-repeat 0 2px; 
}


/* multiple choice (begin) */
.listRadio {margin-top:.8em;}
.listRadio li {
    line-height:2.3em;
    list-style:none;
    background:url(../../images/radio_uncheck.png) no-repeat 0 0px; 
    padding-left: 27px; /* the width of your image + some space */
    cursor:pointer;
    
    /* the following two lines are needed for make the list width just as wide as the content it contains */
    clear:both;
    float:left;
    
}
/* IE7 hack */
*:first-child+html .listRadio li {
    width:90%;
}
.listRadio li.checked {
     background:url(../../images/radio_check_dim.png) no-repeat 0 0px; 
     font-weight:bold;
}
.listRadio li.clicked {
     background:url(../../images/radio_check.png) no-repeat 0 0px; 
     font-weight:bold;
}
/* multiple choice (end) */

/* Rating (begin) */
.radioBtns {margin:20px 0 0 40px;}
.radioBtns span {
    font-size:18px;
    background:url(../../images/radioBtn.png) no-repeat 0 0; 
    padding-right:14px;
    cursor:pointer;
    margin-right:30px;
}
.radioBtns span.dim {
    background:url(../../images/radioBtn_check_dim.png) no-repeat 0 0; 
}
.radioBtns span.checked {
    background:url(../../images/radioBtn_check.png) no-repeat 0 0; 
}
.radioBtns span.clicked {
    background:url(../../images/radioBtn_check.png) no-repeat 0 0; 
}
/* Rating (end) */

/* likert (begin) */
.likertRadioBtns {margin:15px 0 0 40px;}
.likertRadioBtns span {
    font-size:18px;
    background:url(../../images/radio_uncheck.png) no-repeat 0 0; 
    padding-right:14px;
    cursor:pointer;
    margin-right:30px;
}
.likertRadioBtns span.dim {
    background:url(../../images/radio_check_dim.png) no-repeat 0 0; 
}
.likertRadioBtns span.checked {
    background:url(../../images/radio_check_dim.png) no-repeat 0 0; 
}
.likertRadioBtns span.clicked {
    background:url(../../images/radio_check.png) no-repeat 0 0; 
}

.likertDropshadow{
    float:left;clear:left;
    background:url(../../images/shadowAlpha.png) no-repeat bottom right;
    background:url(../../images/shadow.gif) no-repeat bottom right;
    margin-top:20px;
    margin-left:6px;
    white-space:nowrap;
}
.likertDropshadow .innerbox{text-align:left;position:relative;bottom:6px;right:6px;border:1px solid #CCC;padding:20px;margin:0px;} 

/* IE7 hack -- only necessary for preview window used in SurveyDetailQuestions.aspx */
*:first-child+html .likertDropshadow .innerbox {
    text-align:left;border:1px solid #CCC;padding:20px;margin:0 6px 6px 0;position:static;
}

.likertLabelBox {margin-left:15px;margin-top:5px;color:#666;font-size:12px;font-weight:bold;white-space:normal;}
.likertLabelLeft {width:70px;float:left;}
.likertLabelRight5 {margin-left:135px;width:100px;float:left;}
.likertLabelRight7 {margin-left:235px;width:100px;float:left;}

.freeformTxtarea {margin-top:10px;}

/* question preview (end) */


/* jQuery UI selectable */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black;} /* the marching ants */
.uiSelectable .ui-selecting { background: #eee; border:solid 1px #AAA; }
.uiSelectable .ui-selected { background: #e0f3fc; color: #000; border:solid 1px #9ed6fe;}
.uiSelectable { list-style-type: none; margin: 0; padding: 0;}
.uiSelectable li { clear:both; margin: 1px; padding-right:1px; float:left; border:solid 1px #FFF; cursor:default; }
.uiSelectable .ui-hover { background: #EEE; border:solid 1px #AAA; }

    
#qContainer .ui-selecting { background: #eee; border:solid 1px #AAA; padding:0px 1px 1px;}
#qSetContainer .ui-selected, #qContainer .ui-selected { background: #e0f3fc; color: #000; border:solid 1px #9ed6fe;padding:0px 1px 1px;}

/* jQuery UI tooltip */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 99999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	border: solid 1px #aaa;
	border-radius: 4px;
	font-size:12px;font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;
	background:#fafafa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}

.ui-button {font-size:12px;font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;}

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; font-weight:bold; font-size:12px;font-family:Tahoma,NanumGothic,NanumGothicWeb,'맑은 고딕'; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0; border-top: 0; overflow: auto; zoom: 1; font-size:12px;font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,'맑은 고딕';}
.ui-accordion .ui-accordion-content input {font-size:12px;font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;}
.ui-accordion .ui-accordion-content select {font-size:12px;font-family:'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,sans-serif;}



.curstatus {opacity:.80; filter:alpha(opacity=80);}


.roundBox {border-radius:5px;border:solid 1px #ccc;padding:10px;}
.roundBoxThick {border-radius:5px;border:solid 2px #ccc;padding:10px;}
.topSpacing {margin-top:2px;}
.bottomSpacing {margin-bottom:20px;}
.helpDiv {margin-top:2px;border-radius:2px;border:solid 1px #AAA;padding:4px;background:#fdfead;}

.helpForPopupWin {position:absolute;top:35px;right:10px;z-index:10;} /*if z-index is omitted, ie11 will throw up*/

.chartDiv {border:solid 1px #CCC;text-align:center;margin-top:10px;height:300px;padding:20px 0;border-radius:5px;}


.adminTbl .tdBarChart {padding-left:0;width:260px;text-align:left;white-space:nowrap;}
.barChart {background:#36c;height:12px;float:left;margin-right:5px;}
.barChart.dft {background:#aaa;}
.barChart.blue, .barChart.chart1, td .chart1 {background:#36c;}
.barChart.red, .barChart.chart2, td .chart2 {background:#dc3912;}
.barChart.orange, .barChart.chart3, td .chart3 {background:#f90;}
.barChart.green, .barChart.chart4, td .chart4 {background:#109618;}
.barChart.purple, .barChart.chart5, td .chart5 {background:#909;}
.barChart.chart6, td .chart6 {background:#0099c6;}
.barChart.chart7, td .chart7 {background:#d47;}
.barChart.chart8, td .chart8 {background:#6a0;}
.barChart.chart9, td .chart9 {background:#b82e2e;}
.barChart.chart10, td .chart10 {background:#316395;}
.barChart.chart11, td .chart11 {background:#949;}
.barChart.chart12, td .chart12 {background:#2a9;}
.barChart.chart13, td .chart13 {background:#aa1;}
.barChart.chart14, td .chart14 {background:#63c;}
.barChart.chart15, td .chart15 {background:#e67300;}
.barChart.chart16, td .chart16 {background:#8b0707;}
.barChart.chart17, td .chart17 {background:#651067;}
.barChart.chart18, td .chart18 {background:#329262;}
.barChart.chart19, td .chart19 {background:#5574a6;}
.barChart.chart20, td .chart20 {background:#3b3eac;}
.barChart.chart21, td .chart21 {background:#b77322;}
.barChart.chart22, td .chart22 {background:#16d620;}
.barChart.chart23, td .chart23 {background:#b91383;}
.barChart.chart24, td .chart24 {background:#f4359e;}
.barChart.chart25, td .chart25 {background:#9c5935;}
.barChart.chart26, td .chart26 {background:#a9c413;}
.barChart.chart27, td .chart27 {background:#2a778d;}
.barChart.chart28, td .chart28 {background:#668d1c;}
.barChart.aux {background:#aaa;}

.ptTbl .ptTd {background: url('../../images/bullet_white_alt.png') no-repeat left -2px; padding-left:22px;padding-top:2px;}
.ptTbl td.ptTd.blue {background-image: url('../../images/bullet_blue_alt.png');}
.ptTbl td.ptTd.red {background-image: url('../../images/bullet_red_alt.png');}
.ptTbl td.ptTd.dft {background-image: url('../../images/bullet_white_alt.png');}


/* jQuery UI slider ----------------------------------- */
.lowRange {position:absolute;height:8px;background-color:#dc3912;border-radius:4px;}
.highRange {position:absolute;height:8px;background-color:#3190e7;border-radius:4px;right:0;}

.ui-slider {
	position: relative;
	text-align: left;

	/*(JY)*/
    /*background-color:#3190e7;*/
    height: 8px;
	border: 1px solid #fff;
    border-radius:4px;
	/*(JY)*/
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	/*width: 1.2em;
	height: 1.2em;*/
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;

    
    /*.ui-slider-horizontal
	top: -.3em;
	margin-left: -.6em;
    */
    
	/*(JY)*/
	top: -.3em;
	margin-left: -.4em;
    height:15px;
	width: .6em;
	border: 1px solid #bbb;
	background-color:#fff;
	/*(JY)*/
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
    
    /*.ui-slider-horizontal*/
	top: 0;
	height: 100%;
    /*.ui-slider-horizontal*/

	/*(JY)*/
    background-color:#ddd;
	/*(JY)*/
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}


.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
/* ----------------------------------- jQuery UI slider */

/*-----------------------------------------------------------------------------------*/
/*	Alert Styles
/*-----------------------------------------------------------------------------------*/

.alertBox {
    padding: 0.8em;
    margin: 0;
    line-height: 1.6em;
    border-radius: 4px!important;
		-webkit-border-radius: 4px!important;
		-moz-border-radius: 4px!important;
		-o-border-radius: 4px!important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
}
.alertBox.center {text-align:center;}

.alertBox.white {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #373737;
}

.alertBox.red {
    background: #ffe6e3;
    border: 1px solid #f2c3bf;
    color: #bf210e;
}

.alertBox.yellow {
    background: #fff7d6;
    border: 1px solid #e9d477;
    color: #956433;
}

.alertBox.green {
    background: #edfdd3;
    border: 1px solid #c4dba0;
    color: #657e3c;
}
	
.alertBox.grey {
    background: #fbfbfb;
    border: 1px solid #dfdfdf;
    color: #373737;
}

#sdrInfoBox {
    /*
    position:fixed;width:100%;background-color:rgba(0,0,0,0.9);color:#fff;padding:20px;
    z-index:1;*/ /*has to be greater than .mgrTabContainer z-index*/
                 margin-top:15px;
}
#sdrInfoBoxClone {height:0;}
#sdrInfoBox select {
    padding:3px;width:160px;
}
    #sdrInfoBox img {
        vertical-align:top;
    }
#sdrInfoBox .leftCol {
    text-align:right;padding-right:5px;width:120px;
}
#sdrInfoBox .rightCol {
    text-align:left;
}
#sdrInfoBox .alertBox {
    margin-top: 2px;
}
#sdrInfoBox .tooltipLink {
    border-bottom: 1px dashed #999;
  display: inline;padding-bottom:1px;
  cursor:pointer;
}

    
    
/*-----------------------------------------------------------------------------------*/
/*	Tab Styles (Survey Manager)
/*-----------------------------------------------------------------------------------*/
.mgrTabContainer {
    margin-top:15px;margin-left:10px;position:relative;margin-bottom:-1px;
}

.mgrTab {
    float:left;padding:5px 10px;
    border:solid 1px #999;border-left-width:0;
    /*border-radius:4px 4px 0 0;*/
    cursor:pointer;
    background:url(../../images/mgr/bg_tab.png) repeat-x 0 0;
    position:relative;
}
.mgrTab.first {
    border-left-width:1px;
}
.mgrTab.active {
    border:solid 1px #888;
    border-bottom-color:#fff;
    background:url(../../images/mgr/bg_tabActive.png) repeat-x 0 0;
}
.mgrTab.active.nonfirst {
    border-left-width:0;
}
.mgrTab:hover {
    background:url(../../images/mgr/bg_tabHover.png) repeat-x 0 0;
}
.mgrTab.active:hover {
    background:url(../../images/mgr/bg_tabActive.png) repeat-x 0 0;
}
.mgrTab.clicked {
    background:url(../../images/mgr/bg_tabHover.png) repeat-x 0 0;
}
#menuContainer .mgrTab.disabled {
    background:#ddd;color:#999;cursor:default;
}
#menuContainer .mgrTab.disabled:hover {
    /*background:#ccc;color:#999;cursor:default;*/
}
.mgrTab {white-space:nowrap;}
.mgrTab.readOnly span, .mgrTab.disabled span, .mgrTab.partialReadOnly span {
    padding-left:18px;height:5px;
}
.mgrTab.readOnly div {
    /*position:absolute;top:-15px;right:2px;width:20px;height:20px;*/
    position:absolute;top:2px;right:5px;width:20px;height:20px;
    background:url(../../images/lock_alt.png) no-repeat 0 0;
}
.mgrTab.disabled div {
    /*position:absolute;top:-12px;right:2px;width:20px;height:20px;*/
    position:absolute;top:3px;right:6px;width:20px;height:20px;
    background:url(../../images/system_stop.png) no-repeat 0 0;
}
.mgrTab.partialReadOnly div {
    /*position:absolute;top:-15px;right:2px;width:20px;height:20px;*/
    position:absolute;top:2px;right:5px;width:20px;height:20px;
    background:url(../../images/lock_open_alt.png) no-repeat 0 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Tab Styles
/*-----------------------------------------------------------------------------------*/
.tabs {
	background: none;
	margin: 0 0 2em 0;
}

.tabNav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	float: none;
}

.tabNav li {
	float: left;
	position: relative;
	margin: 0 0 -1px 0;
	cursor:pointer;
	z-index: 10;
	list-style: none;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ccc;
	background: #eee;
	/*
	border: 1px solid #dfdfdf;
	background: #FBFBFB;
	*/
	color: #373737;
	border-radius: 3px 3px 0 0;
	border-left-width:0;
}
.tabNav li:first-child {
	border-left-width:1px;
}
	
	
.tabNav li:hover {
	background: #fff;
}

/*.tabs .tabNav li:first-child a, */
.tabNav li.activeTab {
	background: #fff;
	border-bottom-color:#fff;
	
	/* make active tab taller */
	margin-top:-3px;
	padding-top:8px;    /* subtract new margin-top value(which is a negative value and specified one line above this line) from the existing padding-top value */
}


.tabContent {
	background: #fff;
	padding: 10px;
	border: 1px solid #dfdfdf;
	/*min-height:200px;*/
}
.tabContent .tab {display:none;}
.tabContent .tab:first-child {display:block;}

.accessRightGroup {font-weight:bold;margin:5px 0;}
.accessRights {padding-left:10px; line-height:2.0;}
.accssRightChild {margin-left:15px;}


/* Buttons (begin) ***************************************************/
/*
.btn {border-width:0;border-radius:2px;padding:3px 8px;font-size:12px;font-weight:bold;font-family:NanumGothic,NanumGothicWeb,맑은 고딕;cursor:pointer;background:#92c537;color:#fff;border:solid 1px #79a723;}
.btnBlue {background:#498af2;color:#fff;border:solid 1px #3079ed;}
.btnBlue_on {background:#4785e8;border-color:#2f5bb7;}
.btnRed {background:#db4b39;color:#fff;border:solid 1px #d14836;}
.btnRed_on {background:#ca3b2b;border-color:#b0281a;}
.btnGreen {background:#92c537;color:#fff;border:solid 1px #79a723;}
.btnGreen_on {background:#8bc029;border-color:#6c9225;}
.btnSmall {font-size:11px;}
.btnDisabled {background:#aaa;border:solid 1px #999;color:#ddd;cursor:default;}
*/

.btn {
	vertical-align: middle;
	color: #fff;
	font-family: 'Segoe UI',Tahoma,NanumGothic,NanumGothicWeb,Sans-serif;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	padding: 6px 12px 7px;
	cursor: pointer;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
	border: 1px solid #0d507a;
	margin: 0 0em 0.1em 0;
	background: #0c6fb1;
		background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
		background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
.btn.large {
    padding: 15px 30px;
	font-size: 16px;
	border-radius: 10px;    
}
.btn.round {
	border-radius: 16px;
}
.btn:hover {
    color: #fff;
	background: #1188d6;
		background: -webkit-gradient(linear, left top, left bottom, from(#1bb6e6), to(#1188d6));
		background: -webkit-linear-gradient(top, #1bb6e6, #1188d6);
		background: -moz-linear-gradient(top, #1bb6e6, #1188d6);
		background: -ms-linear-gradient(top, #1bb6e6, #1188d6);
		background: -o-linear-gradient(top, #1bb6e6, #1188d6);
}
.btn.green {
	border-color: #69963b;
	background: #7fc33c;
		background: -webkit-gradient(linear, left top, left bottom, from(#b1d960), to(#7fc33c));
		background: -webkit-linear-gradient(top, #b1d960, #7fc33c);
		background: -moz-linear-gradient(top, #b1d960, #7fc33c);
		background: -ms-linear-gradient(top, #b1d960, #7fc33c);
		background: -o-linear-gradient(top, #b1d960, #7fc33c);
}
	
.btn.green:hover {
	background: #8dd242;
		background: -webkit-gradient(linear, left top, left bottom, from(#b9e46a), to(#8dd242));
		background: -webkit-linear-gradient(top, #b9e46a, #8dd242);
		background: -moz-linear-gradient(top, #b9e46a, #8dd242);
		background: -ms-linear-gradient(top, #b9e46a, #8dd242);
		background: -o-linear-gradient(top, #b9e46a, #8dd242);
}
.btn.lightBlue {
	border-color: #2681a2;
	background: #2caada;
		background: -webkit-gradient(linear, left top, left bottom, from(#46cae8), to(#2caada));
		background: -webkit-linear-gradient(top, #46cae8, #2caada);
		background: -moz-linear-gradient(top, #46cae8, #2caada);
		background: -ms-linear-gradient(top, #46cae8, #2caada);
		background: -o-linear-gradient(top, #46cae8, #2caada);
}
.btn.lightBlue:hover {
	background: #32bcef;
		background: -webkit-gradient(linear, left top, left bottom, from(#50d6f5), to(#32bcef));
		background: -webkit-linear-gradient(top, #50d6f5, #32bcef);
		background: -moz-linear-gradient(top, #50d6f5, #32bcef);
		background: -ms-linear-gradient(top, #50d6f5, #32bcef);
		background: -o-linear-gradient(top, #50d6f5, #32bcef);
}
.btn.blue {
	border-color: #0d507a;
	background: #0c6fb1;
		background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
		background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
		background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
	
.btn.blue:hover {
	background: #1188d6;
		background: -webkit-gradient(linear, left top, left bottom, from(#1bb6e6), to(#1188d6));
		background: -webkit-linear-gradient(top, #1bb6e6, #1188d6);
		background: -moz-linear-gradient(top, #1bb6e6, #1188d6);
		background: -ms-linear-gradient(top, #1bb6e6, #1188d6);
		background: -o-linear-gradient(top, #1bb6e6, #1188d6);
}

.btn.red {
	border-color: #ab4b44!important;
	background: #e3514a;
		background: -webkit-gradient(linear, left top, left bottom, from(#ed8376), to(#e3514a));
		background: -webkit-linear-gradient(top, #ed8376, #e3514a);
		background: -moz-linear-gradient(top, #ed8376, #e3514a);
		background: -ms-linear-gradient(top, #ed8376, #e3514a);
		background: -o-linear-gradient(top, #ed8376, #e3514a);
}
	
.btn.red:hover {
	background: #ff5e56;
		background: -webkit-gradient(linear, left top, left bottom, from(#ff988c), to(#ff5e56));
		background: -webkit-linear-gradient(top, #ff988c, #ff5e56);
		background: -moz-linear-gradient(top, #ff988c, #ff5e56);
		background: -ms-linear-gradient(top, #ff988c, #ff5e56);
		background: -o-linear-gradient(top, #ff988c, #ff5e56);
}
.btn.orange {
   border-color: #dc9014!important;
   background: #ffb031;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffce4f), to(#ffb031));
		background: -webkit-linear-gradient(top, #ffce4f, #ffb031);
		background: -moz-linear-gradient(top, #ffce4f, #ffb031);
		background: -ms-linear-gradient(top, #ffce4f, #ffb031);
		background: -o-linear-gradient(top, #ffce4f, #ffb031);
}
.btn.orange:hover {
   background: #ffc531;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffdb4f), to(#ffc531));
		background: -webkit-linear-gradient(top, #ffdb4f, #ffc531);
		background: -moz-linear-gradient(top, #ffdb4f, #ffc531);
		background: -ms-linear-gradient(top, #ffdb4f, #ffc531);
		background: -o-linear-gradient(top, #ffdb4f, #ffc531);
}
.btn.purple {
   border-color: #996192!important;
   background: #d17ac6;
		background: -webkit-gradient(linear, left top, left bottom, from(#e3acdc), to(#d17ac6));
		background: -webkit-linear-gradient(top, #e3acdc, #d17ac6);
		background: -moz-linear-gradient(top, #e3acdc, #d17ac6);
		background: -ms-linear-gradient(top, #e3acdc, #d17ac6);
		background: -o-linear-gradient(top, #e3acdc, #d17ac6);
}
.btn.purple:hover {
   background: #eb90e0;
		background: -webkit-gradient(linear, left top, left bottom, from(#f3baec), to(#eb90e0));
		background: -webkit-linear-gradient(top, #f3baec, #eb90e0);
		background: -moz-linear-gradient(top, #f3baec, #eb90e0);
		background: -ms-linear-gradient(top, #f3baec, #eb90e0);
		background: -o-linear-gradient(top, #f3baec, #eb90e0);
}
.btn.grey {
	color: #555!important;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-color: #acacac!important;
	background: #e5e5e5;
		background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e5e5e5));
		background: -webkit-linear-gradient(top, #efefef, #e5e5e5);
		background: -moz-linear-gradient(top, #efefef, #e5e5e5);
		background: -ms-linear-gradient(top, #efefef, #e5e5e5);
		background: -o-linear-gradient(top, #efefef, #e5e5e5);
}
.btn.grey:hover {
	background: #f6f6f6;
		background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f6f6f6));
		background: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6);
		background: -moz-linear-gradient(top, #fcfcfc, #f6f6f6);
		background: -ms-linear-gradient(top, #fcfcfc, #f6f6f6);
		background: -o-linear-gradient(top, #fcfcfc, #f6f6f6);
}
.btn.black {
	border-color: #323232!important;
	background: #444444;
		background: -webkit-gradient(linear, left top, left bottom, from(#6c6c6c), to(#444444));
		background: -webkit-linear-gradient(top, #6c6c6c, #444444);
		background: -moz-linear-gradient(top, #6c6c6c, #444444);
		background: -ms-linear-gradient(top, #6c6c6c, #444444);
		background: -o-linear-gradient(top, #6c6c6c, #444444);
}
.btn.black:hover {
	background: #575757;
		background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#575757));
		background: -webkit-linear-gradient(top, #8d8d8d, #575757);
		background: -moz-linear-gradient(top, #8d8d8d, #575757);
		background: -ms-linear-gradient(top, #8d8d8d, #575757);
		background: -o-linear-gradient(top, #8d8d8d, #575757);
}
.btn:disabled, .btn.disabled, .btn.disabled:hover {
    cursor:not-allowed;
    color:#ccc;
	border-color: #888;
	background: #aaa;
		background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#aaa));
		background: -webkit-linear-gradient(top, #999, #aaa);
		background: -moz-linear-gradient(top, #999, #aaa);
		background: -ms-linear-gradient(top, #999, #aaa);
		background: -o-linear-gradient(top, #999, #aaa);
}
.btn.narrow {
	color: #0c0c0c;
	border: 1px solid #b7b7b7;
	padding: 4px 6px;
	border-radius: 2px;
	box-shadow:none;
	font-weight: normal;
	text-shadow:none;
	background: #eee;
		background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));
		background: -webkit-linear-gradient(top, #fefefe, #eee);
		background: -moz-linear-gradient(top, #fefefe, #eee);
		background: -ms-linear-gradient(top, #fefefe, #eee);
		background: -o-linear-gradient(top, #fefefe, #eee);
}
.btn.narrow.img { padding: 2px 6px; }
.btn.narrow.img img {vertical-align:middle;}
.btn.narrow:hover {
	color: #0c0c0c;
	box-shadow: 0 1px 1px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
	background: #fff;
}
.btn.narrow:disabled {
    color:#bbb;
	box-shadow:none;
    background: #fefefe;
    cursor:not-allowed;
}
.btn.narrow.img:disabled {
    color:#bbb;
	box-shadow:none;
    background: #d7d7d7;
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#b7b7b7));
		background: -webkit-linear-gradient(top, #eee, #b7b7b7);
		background: -moz-linear-gradient(top, #eee, #b7b7b7);
		background: -o-linear-gradient(top, #eee, #b7b7b7);
    cursor:not-allowed;
}
/* Buttons (end) */

.thumbnail {width:30px;height:30px;padding:2px;border:1px solid #ccc;vertical-align:middle;}
.photoDiv {
    width: 80px;
    height: 80px;
    /*box-shadow: 2px 2px 5px #999;*/
    background-image: url(../../util/getFile.ashx?fid=1);
    background-size:cover;
    background-position: center top;
    margin:3px auto;
    border:solid 1px #ddd;

}
.photoDiv.large {
    width: 100px;
    height: 100px;
    margin:5px auto;
}
.photoDiv.small {
    width: 30px;
    height: 30px;
    margin:0;
    float:right;
    border-width:0;
}
.mgrMenuUname {
    float:right;
    padding:8px 0 0 5px;
}

/* ref: https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ */
.offscreen
 {
 position: absolute;
 clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
 clip: rect(1px, 1px, 1px, 1px);
 padding: 0;
 border: 0;
 height: 1px;
 width: 1px;
 overflow: hidden;
 }

.pagebreak1 {border-top:dashed 1px #aaa;margin-top:10px;margin-right:2px;text-align:right;color:#ccc;font-size:10px;}
.pagebreak0 {border-top:dotted 1px #aaa;margin-top:10px;margin-right:2px;text-align:right;color:#ccc;font-size:10px;}

.vMid {vertical-align:middle;}

/*=========================================
    AccessRights Message in MgrTab.ascx
=========================================*/
.arMsg {margin:50px auto 20px;display:block;font-weight:bold;font-size:16px;width:80%;}
.arMsg table {margin-top:20px;border-spacing:0;}
.arMsg table td {padding:10px;vertical-align:top;}
.arMsg .btnBox {text-align:center;margin:20px 0 40px;}
.arMsg .cookieMsg {font-weight:normal;font-size:12px;}

/*============================================
    Shared Page Content
============================================*/
body.sharedpage .mgrTabContainer {display:none;}
body.sharedpage .spContent {border:none;margin:0;}


/*============================================
    Easy Pie Chart
============================================*/
.easyPie {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  text-align: center;
  margin-bottom:30px;
  margin-right:5px;
}
.easyPie canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.easyPie div {
  position: absolute;
  width:100%;
  top:100%;
  padding-top:5px;
  color:#999;
}
.easyPie span {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  color:#aaa;
}
.easyPie span span {
  margin-left: 0.1em;
  font-size: .8em;
}

.surveyStatus .easyPie {width: 80px;height: 80px; margin-top:10px;}
.surveyStatus .easyPie span {line-height: 80px;}

.surveyStatus .tdMain {vertical-align:top;line-height:1.4;}

.sdrOverallChart {padding-left:40px;}
.sdrOverallChart .easyPie {width: 150px;height: 150px; margin-left:30px;margin-bottom:22px;}
.sdrOverallChart .easyPie span {line-height: 150px;}
.sdrOverallChart .easyPie span span {font-size: .9em;}
.sdrOverallChart .easyPie div {color:#666;}

.tdColProp {vertical-align:top;border:dotted 1px #AAA;width:220px;padding:5px;}
.tdColProp .leftCol {float:left;text-align:right;width:55px;padding-right:5px;}
.tdColProp .rightCol {overflow:hidden;width:auto;text-align:left;padding-bottom:3px;}
/*.tdColProp .btnBox {margin-top:5px;text-align:right;}
.tdColProp #colPropSaveMsg {margin-top:5px;display:none;color:Blue;}*/

/* For /mgr/qs/users.aspx */
.statusBox {color:#fff;padding:0 2px 1px;white-space:nowrap;border-radius:2px 2px;}
.statusBox.red {background-color:indianred;}
.statusBox.blue {background-color:cornflowerblue;}
.statusBox.green {background-color:darkgreen;}
.statusBox.black {background-color:black;}
.statusBox.wide {padding:0px 7px 2px;}