.hidden {
    display: none
}
.hide {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}
html,
body {
    margin: 0;
    padding: 0;
    font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 10px;
    line-height: 1.5em;
	background: #edf3f2 url(../images/bg-page.jpg);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
/* strong, */
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}
ol,
ul {
    list-style: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: ""
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
a:focus {
    outline: 0
}
a:hover,
a:active {
    outline: 0
}
p {
    color: #8e959c
}
a {
    color: #19a9e5
}
a:hover {
    color: #1487b7
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    outline: 0;
	font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
a {
    text-decoration: none;
    cursor: pointer
}
button,
input {
    border: 1px solid;
    outline: 0;
    line-height: normal;
    *overflow: visible
}
input[type=file],
input[type=radio],
input[type=checkbox] {
    border: 0;
	vertical-align: middle;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
textarea {
    overflow: auto;
    vertical-align: top
}
::selection {
    background: #72d0eb;
    color: #fff;
    text-shadow: none
}
::-moz-selection {
    background: #72d0eb;
    color: #fff;
    text-shadow: none
}
body {
    min-width: 320px;
    text-rendering: optimizeLegibility
}
body.darkgrey {
    background: #1a232b
}
body.grey {
    background: #f6f6f8
}
body.midgrey {
    background: #3b424d
}
body.snug header {
    border-bottom: 0
}
.fullwidth {
    float: left;
    width: 100%;
    min-width: 1100px;
    clear: both;
    position: relative;
    z-index: 2
}
.central {
    margin: 0 auto;
    width: 1200px;
    clear: both;
    position: relative;
    z-index: 2;
    display: table;
}
.central-wide {
    margin: 0 auto;
    width: 1260px;
    clear: both;
    position: relative;
    z-index: 2
}
.central-wide.max {
    width: 1600px;
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
header {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 35px 0;
    min-width: 320px;
    position: relative;
    z-index: 100!important
}
header.snug {
    border: none!important
}
header h1,
header .mainTitle {
    font-family: "FS Albert Web Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .49;
    font-weight: bold;
    font-style: normal;
    font-size: 4.5em;
    letter-spacing: -0.03em;
    line-height: .78em;
    width: 961px;
    margin: 0 0 0 30px;
    padding: 30px 0 31px 0;
    color: #fff;
    text-shadow: 2px 2px #50b8e1;
    position: relative;
    z-index: 1
}
ul#global {
    display: none;
    float: left;
    width: 100%;
    text-align: right;
    padding: 5px 0;
    position: relative;
    z-index: 1
}
ul#global li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}
ul#global li a {
    float: left;
    margin: 0 5px;
    padding: 3px 0 5px 0;
    font-size: 1.1em;
    color: #fff
}
ul#global li a:hover,
ul#global li a:focus {
    color: #0c4352
}
ul#global li a#login {
    margin-right: 21px
}
ul#global li.highlight a#login {
    margin-right: 20px;
    background: #fff;
    color: #fff
}
ul#global li.highlight a#login:hover {
    background: #fff
}
ul#global li.highlight a {
    text-rendering: auto
}
ul#global li.active a {
    background: #fff;
    color: #0c4352
}
ul#global li.active a,
ul#global li.highlight a {
    margin: 0;
    -khtml-border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding: 3px 7px 5px 7px
}
#topBar h1 {
    float: left;
    padding: 30px 0 0 0;
    /* text-indent: -9999px */
}
#topBar h1#cmlogo {
    background: 0;
    margin: 0 30px 0 0;
    /* text-indent: -9999px; */
    width: 160px;
    /* 20160129 */
    background-color: #000000 /* #000000 #c40022 #ADFF86 */;
    height: 49px;    
}
#topBar h1#cmlogo a {
    /* background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 160px 16px; */
    width: 160px;
    display: block;
    border: 0;
    height: 16px;
    margin-left: 0;
    /* text-indent: initial; */
    font-size: 18px;
    color: #8e959c /* #8e959c #F0F1F3 #232323 */;
    text-shadow: none;
    font-weight: bold;
    text-align: center;
    /* font-style: italic; */    
}
#topBar h1#cmlogo.schoolmessanger {
    padding: 15px 4px;     
	}
#topBar h1#cmlogo.schoolmessanger a {
    background: url('../images/jt-logo.png') no-repeat 10px 0;
    background-size: 146px 42px;
    
    width: 160px;
    height: 42px;
    display: block;
    border: 0;
    margin-left: 0;
}



ul.primary {
    float: left;
    position: relative
}
ul.primary li {
    float: left
}
ul.primary li span,
ul.primary li a {
    float: left;
    color: #8c9094;
    text-transform: uppercase;
    font-size: 1.32em;
    font-family: "Malgun Gothic", 'Lato', sans-serif;
    /* 20160129 */
    /* letter-spacing: -1.2px; */
    padding: 32px 8px 32px 8px;
    white-space: nowrap;
    overflow: hidden
}
ul.primary li a:hover {
    /* color: #adb3b9!important; */
    background-color: #131313;

    line-height: 15px;
    margin-top: 20px;
    padding-top: 12px;    
}
ul.primary li a:active,
ul.primary li a:focus {
    color: #fff!important
}
ul.primary li.active a {
    /* color: #adb3b9!important; */
    font-weight: bold;
 
    background-color: #0dafcc /* #72d0eb */;
    /* color: #232323 !important; */
    /* background-color: #232323;
    border-right: solid 1px #000;
    border-left: solid 1px #000; */

    line-height: 15px;
    margin-top: 20px;
    padding-top: 12px;    
}
ul.primary li.active a#navDashBoard {
	color: #fff!important;
    background-color: #232323;
    border-right: solid 1px #000;
    border-left: solid 1px #000;
}


ul.primary li#cmlogo {
    background: 0;
    float: left;
    margin: 0 25px 0 0;
    text-indent: -9999px
}
ul.primary li#cmlogo a {
    background: url('../images/global/cm-logo.png') top left no-repeat;
    width: 160px;
    background-position: 0 0;
    height: 40px;
    margin-left: 0
}



ul.primary.tan li.active a {
    /* color: #adb3b9!important; */
    background-color: #ede8df;
    color: #000000 !important;
    font-weight: bold;
}

ul.primary.white li.active a {
    /* color: #adb3b9!important; */
    background-color: #bbbbbb;
    color: #000000 !important;
    font-weight: bold;
}



ul#secondary {
    float: left;
    padding: 0 0 18px 0;
    margin: 4px 0 0 0
}
ul#secondary li {
    float: left;
    margin: 0 3px 0 0
}
ul#secondary li a {
    float: left;
    font-size: 1.3em;
    padding: 5px 10px 6px 10px;
    margin: 17px 0 0 0;
    color: #fff;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}
ul#secondary li a:hover {
    color: #2f353e;
    background-color: #2ed3f1;
}
ul#secondary li a:active,
ul#secondary li a:focus {
    background: #1fafd8;
    color: #fff
}
ul#secondary li.active a {
    background: #fff;
    color: #2f353e
}
ul#second {
    float: right;
    right: 0;
    
	overflow: hidden;
	position: fixed;    
}
ul#second li {
    float: left
}
ul#second li a {
    color: #adb3b9;
    float: left;
    font-size: 1.15em;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    letter-spacing: .025em;
    padding: 12px 20px 32px 7px;	/* 32px 7px 32px 7px */
    
}
ul#second li a:hover {
    color: #adb3b9!important
}
ul#second li a:active,
ul#second li a:focus {
    color: #72d0eb
}
ul#second li.active a {
    color: #8c9094!important
}
ul#second li a.signup {
    background-color: #80bb35;
    box-sizing: initial;
    color: #fff;
    display: block;
    font-weight: normal;
    margin-left: 10px!important;
    margin-top: 20px;
    padding: 12px 20px 12px 20px;
    text-transform: uppercase;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
ul#second li a.signup:hover {
    background: #72a72f;
    color: #fff!important
}
ul#second li a.signup:active {
    background: #72a72f;
    -moz-box-shadow: inset 0 1px 10px #245401;
    -webkit-box-shadow: inset 0 1px 10px #245401;
    box-shadow: inset 0 1px 10px #245401;
    padding: 13px 20px 11px 20px
}
.placeholder {
    color: #adb3b9!important
}
header.blue {
    background: #72d0eb
}
header.blue h1 {
    color: #fff;
    text-shadow: 2px 2px #50b8e1
}
header.blue ul#global li a {
    color: #fff
}
header.blue ul#global li a:hover,
header.blue ul#global li a:focus {
    color: #0c4352
}
header.blue ul#global li.active a,
header.blue ul#global li.highlight a#login {
    background: #fff;
    color: #1fafd8
}
header.blue ul#global li.active a:hover,
header.blue ul#global li.highlight a#login:hover {
    color: #2f353e
}
header.blue #gradientLeft {
    position: absolute;
    background: url('../images/global/blue_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.blue #gradientRight {
    position: absolute;
    background: url('../images/global/blue_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkblue {
    background: #59c1e4;
    border-bottom: 3px solid #4ab7df
}
header.darkblue h1 {
    text-shadow: 2px 2px #25a3d1
}
header.darkblue ul#global li.active a,
header.darkblue ul#global li.highlight a#login {
    background: #fff;
    color: #1e92b9
}
header.darkblue ul#global li.active a:hover,
header.darkblue ul#global li.highlight a#login:hover,
header.darkblue ul#global li.active a:focus,
header.darkblue ul#global li.highlight a#login:focus {
    color: #2f353e
}
header.darkblue #gradientLeft {
    position: absolute;
    background: url('../images/global/darkblue_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkblue #gradientRight {
    position: absolute;
    background: url('../images/global/darkblue_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.grey {
    background: #3b424d;
    border-bottom: 3px solid #252930
}
header.grey h1 {
    text-shadow: 2px 2px #252930
}
header.grey ul#global li a {
    color: #c3cbd3
}
header.grey ul#global li a:hover,
header.grey ul#global li a:focus {
    color: #fff
}
header.grey ul#global li.active a,
header.grey ul#global li.highlight a#login {
    background: #fff;
    color: #3b424d
}
header.grey ul#global li.active a:hover,
header.grey ul#global li.highlight a#login:hover,
header.grey ul#global li.active a:focus,
header.grey ul#global li.highlight a#login:focus {
    color: #0f1013
}
header.grey #gradientLeft {
    position: absolute;
    background: url('../images/global/grey_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.grey #gradientRight {
    position: absolute;
    background: url('../images/global/grey_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkblue {
    background: #59c1e4;
    border-bottom: 3px solid #4ab7df
}
header.darkblue h1 {
    text-shadow: 2px 2px #25a3d1
}
header.darkblue ul#global li.active a,
header.darkblue ul#global li.highlight a#login {
    background: #fff;
    color: #1e92b9
}
header.darkblue ul#global li.active a:hover,
header.darkblue ul#global li.highlight a#login:hover,
header.darkblue ul#global li.active a:focus,
header.darkblue ul#global li.highlight a#login:focus {
    color: #2f353e
}
header.darkblue #gradientLeft {
    position: absolute;
    background: url('../images/global/darkblue_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkblue #gradientRight {
    position: absolute;
    background: url('../images/global/darkblue_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.purple {
    background: #8772bf;
    border-bottom: 3px solid #694faf
}
header.purple h1 {
    text-shadow: 2px 2px #694faf
}
header.purple ul#global li.active a,
header.purple ul#global li.highlight a#login {
    background: #fff;
    color: #9684c7
}
header.purple ul#global li.active a:hover,
header.purple ul#global li.highlight a#login:hover,
header.purple ul#global li.active a:focus,
header.purple ul#global li.highlight a#login:focus {
    color: #543f8c
}
header.purple ul#global li a:hover {
    color: #d2cae7
}
header.purple ul#secondary li a:hover {
    color: #d2cae7
}
header.purple ul#secondary li a:active,
header.purple ul#secondary li a:focus {
    background-color: #694faf;
    color: #fff
}
header.purple ul#secondary li.active a {
    color: #694faf
}
header.purple ul#secondary li.active a:hover {
    color: #3f2f69
}
header.purple ul#secondary li.active a:active,
header.purple ul#secondary li.active a:focus {
    background-color: #fff;
    color: #8772bf
}
header.purple ul.primary.purple li.active {
    background-size: 300px 65px
}
header.purple #gradientLeft {
    position: absolute;
    background: url('../images/global/purple_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.purple #gradientRight {
    position: absolute;
    background: url('../images/global/purple_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.lightgrey {
    background: #e7ebee;
    border-bottom: 0
}
header.lightgrey h1 {
    text-shadow: 2px 2px #bac5ce
}
header.lightgrey ul#global li a {
    color: #677487
}
header.lightgrey ul#global li a:hover,
header.lightgrey ul#global li a:focus {
    color: #242b33
}
header.lightgrey ul#global li.active a,
header.lightgrey ul#global li.highlight a#login {
    background: #fff;
    color: #3b424d
}
header.lightgrey ul#global li.highlight a#login:hover,
header.lightgrey ul#global li.highlight a#login:focus {
    color: #0f1013
}
header.lightgrey #gradientLeft {
    position: absolute;
    background: url('../images/global/lightgrey_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.lightgrey #gradientRight {
    position: absolute;
    background: url('../images/global/lightgrey_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.transparentbg {
    background: 0
}
header.darkgrey {
    background: #1a232b;
    border-bottom: 3px solid #07090b;
    margin-bottom: 100px!important
}
header.darkgrey h1 {
    text-shadow: 2px 2px #07090b
}
header.darkgrey ul#global li a {
    color: #c3cbd3
}
header.darkgrey ul#global li a:hover,
header.darkgrey ul#global li a:focus {
    color: #fff
}
header.darkgrey ul#global li.active a,
header.darkgrey ul#global li.highlight a#login {
    background: #5c6778;
    color: #fff
}
header.darkgrey ul#global li.highlight a#login:hover,
header.darkgrey ul#global li.highlight a#login:focus {
    color: #fff;
    background: #677487
}
header.darkgrey #gradientLeft {
    position: absolute;
    background: url('../images/global/darkgrey_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkgrey #gradientRight {
    position: absolute;
    background: url('../images/global/darkgrey_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.green {
    background: #b9dc2f;
    border-bottom: 3px solid #accf23
}
header.green h1 {
    text-shadow: 2px 2px #a1c221
}
header.green ul#global li a {
    color: #fefffc
}
header.green ul#global li a:hover,
header.green ul#global li a:focus {
    color: #fff
}
header.green ul#global li.active a,
header.green ul#global li.highlight a#login {
    background: #8bc72c;
    color: #fff
}
header.green ul#global li.highlight a#login:hover,
header.green ul#global li.highlight a#login:focus {
    color: #fff;
    background: #57ad17
}
header.green #gradientLeft {
    position: absolute;
    background: url('../images/global/green_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.green #gradientRight {
    position: absolute;
    background: url('../images/global/green_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkgreen {
    background: #7ebd26;
    border-bottom: 3px solid #70a822
}
header.darkgreen h1 {
    text-shadow: 2px 2px #679b1f
}
header.darkgreen ul#global li a {
    color: #d6eb86
}
header.darkgreen ul#global li a:hover,
header.darkgreen ul#global li a:focus {
    color: #fff
}
header.darkgreen ul#global li.active a,
header.darkgreen ul#global li.highlight a#login {
    background: #fff;
    color: #7ebd26
}
header.darkgreen ul#global li.highlight a#login:hover,
header.darkgreen ul#global li.highlight a#login:focus {
    color: #fff;
    background: #679b1f
}
header.darkgreen #gradientLeft {
    position: absolute;
    background: url('../images/global/darkgreen_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkgreen #gradientRight {
    position: absolute;
    background: url('../images/global/darkgreen_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.yellow {
    background: #ffd617;
    border-bottom: 3px solid #ffc70e
}
header.yellow h1 {
    text-shadow: 2px 2px #f9bf00
}
header.yellow ul#global li a {
    color: #f69100
}
header.yellow ul#global li a:hover,
header.yellow ul#global li a:focus {
    color: #aa6400
}
header.yellow ul#global li.active a,
header.yellow ul#global li.highlight a#login {
    background: #fff;
    color: #f69100
}
header.yellow ul#global li.highlight a#login:hover,
header.yellow ul#global li.highlight a#login:focus {
    color: #fff;
    background: #f69100
}
header.yellow #gradientLeft {
    position: absolute;
    background: url('../images/global/yellow_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.yellow #gradientRight {
    position: absolute;
    background: url('../images/global/yellow_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkergreen {
    background: #446165;
    border-bottom: 3px solid #2f4447
}
header.darkergreen h1 {
    text-shadow: 2px 2px #27383a
}
header.darkergreen ul#global li a {
    color: #638d93
}
header.darkergreen ul#global li a:hover,
header.darkergreen ul#global li a:focus {
    color: #7fa4a9
}
header.darkergreen ul#global li.active a,
header.darkergreen ul#global li.highlight a#login {
    background: #fff;
    color: #446165
}
header.darkergreen ul#global li.highlight a#login:hover,
header.darkergreen ul#global li.highlight a#login:focus {
    color: #fff;
    background: #344a4d
}
header.darkergreen #gradientLeft {
    position: absolute;
    background: url('../images/global/darkergreen_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.darkergreen #gradientRight {
    position: absolute;
    background: url('../images/global/darkergreen_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.petrolblue {
    background: #108f9c;
    border-bottom: 3px solid #108f9c
}
header.petrolblue h1 {
    text-shadow: 2px 2px #097c88
}
header.petrolblue ul#global li a {
    color: #fff
}
header.petrolblue ul#global li a:hover,
header.petrolblue ul#global li a:focus {
    color: #097c88
}
header.petrolblue ul#global li.active a,
header.petrolblue ul#global li.highlight a#login {
    background: #fff;
    color: #097c88
}
header.petrolblue ul#global li.highlight a#login:hover,
header.petrolblue ul#global li.highlight a#login:focus {
    color: #fff;
    background: #065b64
}
header.petrolblue #gradientLeft {
    position: absolute;
    background: url('../images/global/petrolblue_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.petrolblue #gradientRight {
    position: absolute;
    background: url('../images/global/petrolblue_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.lavender {
    background: #8393ca;
    border-bottom: 3px solid #6979b2
}
header.lavender h1 {
    text-shadow: 2px 2px #6979b2
}
header.lavender ul#global li a {
    color: #fff
}
header.lavender ul#global li a:hover,
header.lavender ul#global li a:focus {
    color: #097c88
}
header.lavender ul#global li.active a,
header.lavender ul#global li.highlight a#login {
    background: #fff;
    color: #097c88
}
header.lavender ul#global li.highlight a#login:hover,
header.lavender ul#global li.highlight a#login:focus {
    color: #fff;
    background: #065b64
}
header.lavender #gradientLeft {
    position: absolute;
    background: url('../images/global/lavender_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.lavender #gradientRight {
    position: absolute;
    background: url('../images/global/lavender_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.emerald {
    background: #009c77;
    border-bottom: 3px solid #007d57
}
header.emerald h1 {
    text-shadow: 2px 2px #007d57
}
header.emerald ul#global li a {
    color: #fff
}
header.emerald ul#global li a:hover,
header.emerald ul#global li a:focus {
    color: #097c88
}
header.emerald ul#global li.active a,
header.emerald ul#global li.highlight a#login {
    background: #fff;
    color: #097c88
}
header.emerald ul#global li.highlight a#login:hover,
header.emerald ul#global li.highlight a#login:focus {
    color: #fff;
    background: #065b64
}
header.emerald #gradientLeft {
    position: absolute;
    background: url('../images/global/emerald_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.emerald #gradientRight {
    position: absolute;
    background: url('../images/global/emerald_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.gold {
    background: #dfc172;
    border-bottom: 3px solid #c9ab5e
}
header.gold h1 {
    text-shadow: 2px 2px #c9ab5e
}
header.gold ul#global li a {
    color: #fff
}
header.gold ul#global li a:hover,
header.gold ul#global li a:focus {
    color: #097c88
}
header.gold ul#global li.active a,
header.gold ul#global li.highlight a#login {
    background: #fff;
    color: #097c88
}
header.gold ul#global li.highlight a#login:hover,
header.gold ul#global li.highlight a#login:focus {
    color: #fff;
    background: #065b64
}
header.gold #gradientLeft {
    position: absolute;
    background: url('../images/global/golden_gradient_left.png') left repeat-y;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.gold #gradientRight {
    position: absolute;
    background: url('../images/global/golden_gradient_right.png') right repeat-y;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0
}
header.dark ul.primary {
    background: #2f353e;
    border: 0
}
header.dark ul.primary.tan li.active {
    background-size: 300px 65px
}
header.dark ul.primary.blue li.active {
    background-size: 300px 65px
}
#white {
    background: #fff
}
#white ul.primary {
    background: 0;
    border: 0
}
#darker {
    background: #2f353e;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 100
}
#darker ul.primary {
    background: 0;
    border: 0
}
#darker ul.primary li a {
    color: #fff;
    font-size: 14px;
    /* font-weight: bold; */
}
#darker ul.primary li#cmlogo {
    background: 0;
    float: left;
    margin: 0 21px 0 0;
    text-indent: -9999px
}
#darker ul.primary li#cmlogo a {
    background: url('../images/global/cm-logo-white.png') top left no-repeat;
    width: 160px;
    background-position: 0 0;
    height: 45px;
    margin-left: 0
}
#darker ul#second li a {
    color: #fff
}
#darker ul#second li a.signup {
    color: #fff
}
#secondaryNav {
    margin-top: 75px;
    border-bottom: 1px solid #19A9E5;
}
#secondaryNav.tan,
.fullwidth.tan {
    background: #ede8df;
    border-bottom: 1px solid #e4ddd1;
    margin-top: 33px;
}
#secondaryNav.tan ul#secondary,
.fullwidth.tan ul#secondary {
    margin: 0 0 0 193px;
    margin-top: 45px;
}
#secondaryNav.tan ul#secondary {
    /* float: right;
    margin-right: 90px; */
}
#secondaryNav.tan ul#secondary li a,
.fullwidth.tan ul#secondary li a {
    color: #888175 /* #aea595 */
}
#secondaryNav.tan ul#secondary li a:hover,
.fullwidth.tan ul#secondary li a:hover {
    color: #60584a;
    background-color: #f7f4f0;
}
#secondaryNav.tan ul#secondary li a:active,
.fullwidth.tan ul#secondary li a:active,
#secondaryNav.tan ul#secondary li a:focus,
.fullwidth.tan ul#secondary li a:focus {
    color: #544f45;
    background: #ded6c7;
}
#secondaryNav.tan ul#secondary li.active a,
.fullwidth.tan ul#secondary li.active a {
    background: #fff;
    color: #544f45
}
#secondaryNav.tan ul#secondary li.active a:hover,
.fullwidth.tan ul#secondary li.active a:hover,
#secondaryNav.tan ul#secondary li.active a:focus,
.fullwidth.tan ul#secondary li.active a:focus {
    color: #000
}
#secondaryNav.blue,
.fullwidth.blue {
    background: #0dafcc /* #72d0eb */;
    border-top: 4px solid #72d0eb
}
#secondaryNav.blue ul#secondary,
.fullwidth.blue ul#secondary {
    /* margin: 0 */
    /* margin: 0 0 0 193px; */
    margin: 0 0 0 0;
}
#secondaryNav.blue ul#secondary li a,
.fullwidth.blue ul#secondary li a {
    color: #fff
}
#secondaryNav.blue ul#secondary li a:hover,
.fullwidth.blue ul#secondary li a:hover {
    color: #135e77
}
#secondaryNav.blue ul#secondary li a:active,
.fullwidth.blue ul#secondary li a:active,
#secondaryNav.blue ul#secondary li a:focus,
.fullwidth.blue ul#secondary li a:focus {
    color: #fff;
    background: #1fafd8
}
#secondaryNav.blue ul#secondary li.active a,
.fullwidth.blue ul#secondary li.active a {
    background: #fff;
    color: #2f353e
}
#secondaryNav.blue ul#secondary li.active a:hover,
.fullwidth.blue ul#secondary li.active a:hover,
#secondaryNav.blue ul#secondary li.active a:focus,
.fullwidth.blue ul#secondary li.active a:focus {
    color: #000
}
#secondaryNav.white,
.fullwidth.white {
    background: #bbb;
    border-top: 4px solid #bbb
}
#secondaryNav.white {
	border-bottom: 1px solid #adb3b9;
}
#secondaryNav.white ul#secondary,
.fullwidth.white ul#secondary {
    /* margin: 0; */
    /* margin: 0 0 0 193px; */
    margin: 0 0 0 0;
}
#secondaryNav.white ul#secondary {
    /* float: right;
    margin-right: 90px; */
}
#secondaryNav.white ul#secondary li a,
.fullwidth.white ul#secondary li a {
    color: #fff
}
#secondaryNav.white ul#secondary li a:hover,
.fullwidth.white ul#secondary li a:hover {
    color: #135e77
}
#secondaryNav.white ul#secondary li a:active,
.fullwidth.white ul#secondary li a:active,
#secondaryNav.white ul#secondary li a:focus,
.fullwidth.white ul#secondary li a:focus {
    color: #fff;
    background: #1fafd8
}
#secondaryNav.white ul#secondary li.active a,
.fullwidth.white ul#secondary li.active a {
    background: #fff;
    color: #2f353e
}
#secondaryNav.white ul#secondary li.active a:hover,
.fullwidth.white ul#secondary li.active a:hover,
#secondaryNav.white ul#secondary li.active a:focus,
.fullwidth.white ul#secondary li.active a:focus {
    color: #000
}
.dark ul.primary.white li.active {
    background-size: 300px 65px
}
body.forums header ul#secondary {
    width: 500px
}
body.forums header ul#forumLinks {
    float: right;
    text-align: right;
    width: 400px;
    margin: 44px 12px 0 0;
    padding: 0
}
body.forums header ul#forumLinks li {
    display: inline-block;
    margin: 0 3px 0 0
}
body.forums header ul#forumLinks li a {
    float: left;
    font-size: 1.3em;
    padding: 5px 10px 6px 10px;
    margin: 17px 0 0 0;
    color: #aea595;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}
body.forums header ul#forumLinks li a:hover {
    color: #60584a
}
body.forums header ul#forumLinks li a:active,
body.forums header ul#forumLinks li a:focus {
    color: #544f45;
    background: #ded6c7
}
body.forums header ul#forumLinks li.active a {
    background: #fff;
    color: #544f45
}
body.forums header ul#forumLinks li.active a:hover,
body.forums header ul#forumLinks li.active a:focus {
    color: #000
}
hgroup a#signupButn {
    position: absolute;
    right: 10px;
    top: 70px;
    float: right;
    width: 198px;
    margin: -10px 0 0 0;
    height: 32px;
    font-family: "Proxima Nova Semibold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .488;
    font-weight: 600;
    font-style: normal;
    font-size: 1.3em;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px #426d06;
    padding: 16px 0 0 0;
    text-transform: uppercase;
    background: url('../images/global/ctabutton.png') top left no-repeat;
    background-size: 198px 144px
}
hgroup a#signupButn:hover {
    background-position: 0 -48px
}
hgroup a#signupButn:active {
    background-position: bottom
}
section.signupbar {
    background: url('../images/global/texture.png') repeat #2f353e;
    border-top: 5px solid #242b33;
    padding: 50px 0 55px 0;
    margin: 55px 0 0 0
}
section.signupbar .central {
    width: 575px;
    color: #fff
}
section.signupbar p {
    float: left;
    font-family: "FS Albert Web Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .48;
    font-weight: 200;
    font-style: normal;
    font-size: 1.7em;
    letter-spacing: .03em;
    line-height: 1em;
    color: #d8dee3;
    margin: 3px 10px 0 0
}
section.signupbar p strong {
    font-family: "FS Albert Web Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .48;
    font-weight: 200;
    font-style: normal;
    font-size: 1.1em;
    letter-spacing: .03em;
    line-height: 1.2em;
    font-weight: normal;
    color: #fff
}
section.signupbar a#create {
    display: inline-block;
    *display: inline;
    font-family: "Lato", 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: .488;
    font-weight: 600;
    font-style: normal;
    font-size: 1.35em;
    letter-spacing: .05em;
    text-shadow: 0 1px 2px #426d06;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    -moz-box-shadow: inset 0 1px 0 0 #a0d642;
    -webkit-box-shadow: inset 0 1px 0 0 #a0d642;
    box-shadow: inset 0 1px 0 0 #a0d642;
    background: #7cbc27;
    background: -moz-linear-gradient(top, #7cbc27 0, #62a30c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cbc27), color-stop(100%, #62a30c));
    background: -webkit-linear-gradient(top, #7cbc27 0, #62a30c 100%);
    background: -o-linear-gradient(top, #7cbc27 0, #62a30c 100%);
    background: -ms-linear-gradient(top, #7cbc27 0, #62a30c 100%);
    background: linear-gradient(to bottom, #7cbc27 0, #62a30c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7cbc27', endColorstr='#62a30c', GradientType=0);
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 0 18px 0;
    color: #fff;
    margin-top: -3px
}
section.signupbar a#create:hover,
section.signupbar a#create:focus {
    color: #fff;
    background: -moz-linear-gradient(top, #87c32b 0, #6eaf0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87c32b), color-stop(100%, #6eaf0e));
    background: -webkit-linear-gradient(top, #87c32b 0, #6eaf0e 100%);
    background: -o-linear-gradient(top, #87c32b 0, #6eaf0e 100%);
    background: -ms-linear-gradient(top, #87c32b 0, #6eaf0e 100%);
    background: linear-gradient(to bottom, #87c32b 0, #6eaf0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#87c32b', endColorstr='#6eaf0e', GradientType=0)
}
section.signupbar a#create:active {
    -moz-box-shadow: inset 0 3px 10px #245401;
    -webkit-box-shadow: inset 0 3px 10px #245401;
    box-shadow: inset 0 3px 10px #245401;
    padding: 21px 0 17px 0
}
.darkgrey .signupbar {
    border-top: 0
}
#bigNotice {
    float: left;
    width: 100%;
    margin: 30px 0 -50px 0;
    text-align: center
}
#bigNotice p {
    font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.3em;
    line-height: 1.5em;
    display: inline-block;
    *display: inline;
    width: 60%;
    background: #f6fde4;
    padding: 15px 20px;
    border: 1px solid #adea11;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
    color: #5f881e
}
#bigNotice p a {
    color: #425f15;
    border-bottom: 1px dotted #51731a
}
#bigNotice p .time {
    color: #6e9d23
}
footer {
    float: left;
    width: 100%;
    min-width: 320px;
    position: relative;
    color: #c3cbd3;
    background: #2F353E;
    padding: 30px 0 2px 0;
    text-align: left;
    /* border-top: solid 12px #0DAFCC; */    
}
footer.spacer {
    margin: 60px 0 0 0
}
footer a.home-nav-link {
    /* background: url('../images/footer-logo.png') top left no-repeat;
    background-size: 160px; */
    font-size: 19px;
    font-weight: bold;
    color: #F0F1F3;
    display: block;
    height: 16px;
    float: left;
    margin: 0;
    /* text-indent: -9999px; */
    width: 160px
}
footer .central.marque {
    text-align: center;
    padding: 41px 0 48px 0
}
footer .central.marque a {
    -webkit-transition: background-position .2s linear;
    -moz-transition: background-position .2s linear;
    -o-transition: background-position .2s linear;
    transition: background-position .2s linear;
    background: url('../images/global/footer.png') top left no-repeat;
    background-size: 36px 261px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    width: 36px;
    height: 24px;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}
footer .central.marque a:hover {
    background-position: 0 -34px
}
footer dl {
    float: left;
    width: 14.5%;
    margin: 0 2.5% 2% 0
}
footer dl dd {
    font-size: 1.2em;
    padding: 0 0 8px 0
}
footer dl dd.mobile {
    display: none
}
footer dl dt,
footer #subForm h6 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .488;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: .05em;
    width: 100%;
    margin: 0 0 20px 0;
    /* color: #2f353e */
}
footer dl dd a,
footer section p a {
    color: #adb3b9!important
}
footer dl dd a:hover,
footer section p a:hover {
    color: #fff !important
}
footer section #social {
    float: right;
    color: #8e959c;
    margin-top: -8px
}
footer #subForm {
    float: left;
    width: 32%;
    position: relative
}
footer #subForm label,
footer #subForm p {
    font-size: 1.2em;
    position: relative
}
footer #subForm label a,
footer #subForm p a {
    color: #19a9e5
}
footer #subForm label a:hover,
footer #subForm p a:hover {
    color: #2f353e
}
footer #subForm label a:active,
footer #subForm p a:active {
    color: #8e959c
}
footer #subForm label input,
footer #subForm p input {
    float: left;
    width: 97%;
    box-sizing: initial;
    margin: 12px 0 0 -1px;
    border-color: #d8dee3;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    padding: 17px 0 17px 3%;
    color: #2f353e
}
footer #subForm label input::-webkit-input-placeholder,
footer #subForm p input::-webkit-input-placeholder {
    color: #d8dee3
}
footer #subForm label input:-moz-placeholder,
footer #subForm p input:-moz-placeholder {
    color: #adb3b9
}
footer #subForm label input:focus,
footer #subForm p input:focus {
    border-color: #8e959c
}
footer #subForm #subResponse {
    font-size: 1.2em
}
footer #subForm #subResponse.error {
    float: left;
    background: #fff3c5;
    width: auto;
    padding: 8px 10px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ffde5f;
    color: #937f38;
    margin: 3px 0 0 0
}
footer #subForm #subResponse.success {
    float: left;
    background: #f6fde4;
    width: auto;
    padding: 8px 10px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9cd210;
    color: #679b1f
}
footer #subForm #subscribe {
    color: #fff;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .488;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.4em;
    text-transform: uppercase;
    letter-spacing: .05em;
    float: left;
    margin: 17px 4px 0 -1px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 105px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    border: 0;
    background: #d8dee3;
    background-size: 36px 261px
}
footer #subForm #subscribe.active {
    background-position: 0 -168px
}
footer #subForm #subscribe:hover {
    background-color: #adb3b9
}
footer #subForm #subscribe:active {
    background-color: #adb3b9;
    -moz-box-shadow: inset 0 1px 10px #8e959c;
    -webkit-box-shadow: inset 0 1px 10px #8e959c;
    box-shadow: inset 0 1px 10px #8e959c
}
footer #subForm a.newsletter {
    clear: both;
    color: #adb3b9;
    float: left;
    margin-top: 10px
}
footer section.bottom {
    background: 0;
    float: left;
/*     border-top: 1px solid #d8dee3;
    padding: 30px 0 0 0; */
    padding: 0 0 30px 0;
    width: 100%
}
footer section.bottom p {
    float: left;
    margin: 0 0 0 25px;
    width: 45%;
    font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.2em;
    line-height: 1.5em
}
@media only screen and (max-width: 770px) {
    footer section.bottom p {
        display: none
    }
}
footer section.bottom p a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    padding: 5px 0
}
footer section.bottom p a span {
    color: #c3cbd3
}
footer section.bottom p a.esp {
    padding-left: 19px;
    background: url('../images/global/footer.png') left center no-repeat;
    background-position: 0 -105px;
    background-size: 36px 261px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {
    footer section.bottom p a.esp {
        background-image: url('../images/global/footer_retina.png')
    }
}
footer section.bottom #social {
    font-size: 1.1em;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: -3px
}
@media only screen and (max-width: 770px) {
    footer section.bottom #social {
        float: right;
        margin-right: 6.5%
    }
}
footer section.bottom #social .phone {
    display: inline-block;
    padding: 1px 15px 3px 0;
    border-right: 1px solid #e0e5e9;
    margin-right: 15px
}
footer section.bottom #social .phone span.number {
    font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.37em;
    line-height: 1;
    letter-spacing: -0.015em;
    color: #ECEDF1;
    display: inline-block;
    position: relative;
    top: 1px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: -9999em -9999em
}
@media only screen and (max-width: 660px) {
    footer section.bottom #social .phone {
        padding-right: 0;
        border-right: 0;
        margin-right: 0
    }
    footer section.bottom #social .phone span.label {
        display: none
    }
    footer section.bottom #social .phone span.number {
        margin-right: 1px;
        text-indent: -9999em;
        overflow: hidden;
        width: 20px;
        height: 20px;
        position: relative;
        cursor: pointer;
        background-repeat: no-repeat;
        background-image: url('../images/global/footer-phone.png');
        background-position: 5px 1px;
        background-size: 14px 48px
    }
    footer section.bottom #social .phone span.number:hover {
        background-position: 5px -23px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {
    footer section.bottom #social .phone span.number {
        /* background-image: url('../images/global/footer-phone@2x.png') */
    }
}
footer section.bottom #social .media {
    display: inline-block;
    float: right
}
footer section.bottom #social .media span.label {
    float: left
}
footer section.bottom #social .media a {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    color: #adb3b9;
    font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0;
    margin-left: 7px;
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: -9999em;
    overflow: hidden;
    width: 20px;
    height: 20px;
    position: relative
}
footer section.bottom #social .media a:hover {
    color: #2f353e
}
footer section.bottom #social .media a:active {
    color: #8e959c
}
footer section.bottom #social .media a.twitter {
    background-image: url('../images/global/footer-twitter.png');
    background-size: 23px 50px;
    background-position: -4px -2px
}
footer section.bottom #social .media a.twitter:hover {
    background-position: -4px -32px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {
    footer section.bottom #social .media a.twitter {
        background-image: url('../images/global/footer-twitter_retina.png');
        background-position: -4px 2px
    }
    footer section.bottom #social .media a.twitter:hover {
        background-position: -4px -28px
    }
}
footer section.bottom #social .media a.facebook {
    background-image: url('../images/global/footer-facebook.png');
    background-size: 19px 40px;
    background-position: -1px 2px
}
footer section.bottom #social .media a.facebook:hover {
    background-position: -1px -22px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {
    footer section.bottom #social .media a.facebook {
        background-image: url('../images/global/footer-facebook_retina.png')
    }
}
@media only screen and (max-width: 660px) {
    footer section.bottom #social .media span.label {
        display: none
    }
}
footer #diagonalLeft {
    position: absolute;
    background: url('../images/global/foot_left.png') bottom right no-repeat;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    opacity: .7
}
footer #diagonalRight {
    position: absolute;
    background: url('../images/global/foot_right.png') bottom left no-repeat;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    z-index: 0
}
footer#transparent {
    background: 0
}
footer#transparent #diagonalLeft,
footer#transparent #diagonalRight {
    display: none
}
footer#slim {
    background: 0;
    width: 950px;
    min-width: 100px;
    margin: 100px auto;
    float: none;
    clear: both;
    border-top: 1px solid #e0e5e9
}
footer#slim ul {
    float: left;
    width: 800px;
    margin: 40px 75px 60px 75px
}
footer#slim ul li {
    float: left;
    margin: 0 20px 0 0
}
footer#slim ul li a {
    font-size: 1.2em;
    color: #8e959c
}
footer#slim ul li a:hover {
    color: #2f353e
}
#sales_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-tap-highlight-color: transparent
}
#sales_overlay .overlay {
    background: #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter: "alpha(opacity=@calc_val)";
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}
#sales_overlay .cmbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.1em;
    font-weight: 400;
    letter-spacing: -0.03em;
    width: 250px;
    margin: -27px 0 0 -125px;
    padding-right: 35px;
    -ms-filter: "alpha(opacity=@calc_val)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
#sales_overlay .cmbtn span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/global/cta-phone-icon.png);
    background-size: 21px 20px;
    background-position: 0 0;
    position: relative;
    left: -5px;
    top: 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {
    #sales_overlay .cmbtn span {
        /* background-image: url('../images/global/cta-phone-icon@2x.png') */
    }
}
section.textonly {
    width: 500px
}
.body-2col {
    float: left;
    width: 69%;
    margin: 0 0 0 2.5%
}
section.content#socialTools.sticky {
    position: fixed;
    top: 120px;
    width: 242px
}
section.content#socialTools.stuck {
    position: absolute;
    bottom: 0
}

a.followus {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    background: #72d0eb;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 7px 13px 7px 28px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: left center
}
a.followus:hover,
.sidebar a.buy:hover {
    background-color: #2fbae1
}
a.followus:active,
.sidebar a.buy:active {
    background-color: #1c9dc2
}
a.followus {
    background-image: url('../images/global/twitter.png')
}
.tooltip {
    position: absolute;
    z-index: 999;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 1.3em;
    opacity: 0;
    filter: alpha(opacity=0)
}
.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}
.tooltip .tooltip-inner {
    max-width: 200px;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #2f353e;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.tooltip .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}
.tooltip.top {
    margin: 0
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f353e
}
.tooltip.bottom {
    margin: 0
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f353e
}
.tooltip.bottom .tooltip-inner {
    padding: 8px 10px 7px 10px
}
.tooltip.right {
    margin: 0
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}
.tooltip.right .tooltip-inner {
    padding: 8px 15px 7px 13px
}
.tooltip.left {
    margin: 0 0 0 -10px
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #2f353e
}
.tooltip.left .tooltip-inner {
    padding: 8px 15px 7px 13px
}
@font-face {
    font-family: 'Droid Sans Mono';
    font-style: normal;
    font-weight: normal;
    src: local('Droid Sans Mono'), local('DroidSansMono'), url('//themes.googleusercontent.com/static/fonts/droidsansmono/v4/ns-m2xQYezAtqh7ai59hJaH0X__W3S3MJL29bc5CWfs.woff') format('woff')
}
@font-face {
    font-family: 'latobold';
    src: url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bold-webfont.eot');
    src: url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bold-webfont.woff2') format('woff2'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bold-webfont.woff') format('woff'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bold-webfont.ttf') format('truetype'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'latobolditalic';
    src: url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bolditalic-webfont.eot');
    src: url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bolditalic-webfont.woff2') format('woff2'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bolditalic-webfont.woff') format('woff'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bolditalic-webfont.ttf') format('truetype'), url('https://i1.campaignmonitor.com/assets/fonts/Lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'latoregular';
    src: url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-regular-webfont.eot');
    src: url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-regular-webfont.woff2') format('woff2'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-regular-webfont.woff') format('woff'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-regular-webfont.ttf') format('truetype'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'latoitalic';
    src: url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-italic-webfont.eot');
    src: url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-italic-webfont.woff2') format('woff2'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-italic-webfont.woff') format('woff'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-italic-webfont.ttf') format('truetype'), url('https://i2.campaignmonitor.com/assets/fonts/Lato/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'latolight';
    src: url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-light-webfont.eot');
    src: url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-light-webfont.woff2') format('woff2'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-light-webfont.woff') format('woff'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-light-webfont.ttf') format('truetype'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-light-webfont.svg#latolight') format('svg');
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'latolightitalic';
    src: url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-lightitalic-webfont.eot');
    src: url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-lightitalic-webfont.woff2') format('woff2'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-lightitalic-webfont.woff') format('woff'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-lightitalic-webfont.ttf') format('truetype'), url('https://i3.campaignmonitor.com/assets/fonts/Lato/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'SSSocialRegular';
    src: url('https://i3.campaignmonitor.com/assets/fonts/ss-social/ss-social-regular.eot');
    src: url('https://i3.campaignmonitor.com/assets/fonts/ss-social/ss-social-regular.eot?#iefix') format('embedded-opentype'), url('https://i3.campaignmonitor.com/assets/fonts/ss-social/ss-social-regular.woff') format('woff'), url('https://i3.campaignmonitor.com/assets/fonts/ss-social/ss-social-regular.ttf') format('truetype'), url('https://i3.campaignmonitor.com/assets/fonts/ss-social/ss-social-regular.svg#SSSocialRegular') format('svg');
    font-weight: normal;
    font-style: normal
}
html:hover [class^="ss-"] {
    -ms-zoom: 1
}
.ss-icon,
.ss-icon.ss-social-regular,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-social-regular:before,
[class*=" ss-"].ss-social-regular:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-social-regular.right:after,
[class*=" ss-"].ss-social-regular.right:after {
    font-family: "SSSocialRegular";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
    display: none;
    content: ''
}

.wf-loading body {
    visibility: hidden
}
hgroup {
    float: left;
    width: 95%;
    margin: 0 /*2.5% 0 2.5% 2.5% */;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e6e6e8;
    position: relative
}
hgroup.borderLess {
    border-bottom: 0
}
hgroup.margin {
    margin-bottom: 50px
}
hgroup.subtitle {
    padding-bottom: 5px
}
hgroup h1 {
    float: left;
    font-family: "Malgun Gothic", "FS Albert Web Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .49;
    font-weight: bold;
    font-style: normal;
    font-size: 4.5em;
    letter-spacing: -0.03em;
    line-height: .78em;
    color: #2f353e;
    width: 100%;
    margin: 4px 0 5px -4px
}
hgroup h1.singleline {
    margin-bottom: 0
}
hgroup h2 {
    width: 600px;
    font-size: 1.5em;
    line-height: 1.4em;
    color: #adb3b9
}
hgroup h3 {
    color: #000;
    font-weight: 600;
    font-size: 2.1em;
    text-align: left;
    padding: 18px 0 6px 0;
}
hgroup a.bigbutton {
    position: absolute;
    right: 0;
    bottom: 25px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: url('../images/global/arrow_right_white.gif') right center no-repeat #7ebd26;
    color: #fff;
    font-weight: 500;
    padding: 8px 25px 9px 13px;
    font-size: 1.2em;
    background-position: 90% center
}
hgroup a.bigbutton:hover {
    background-color: #57ad17
}
hgroup a.bigbutton:active {
    background-color: #4c9614
}
hgroup a.bigbutton.blue {
    background-color: #19a9e5
}
hgroup a.bigbutton.blue:hover {
    background-color: #1487b7
}
hgroup a.bigbutton.blue:active {
    background-color: #1176a0
}
hgroup.oneline {
    margin-bottom: 5px
}
hgroup.oneline h1 {
    margin-bottom: 7px
}
hgroup.oneline .bigbutton {
    bottom: 27px
}
hgroup.contentonly {
    width: 680px;
    margin: 0 0 0 152px
}
#smallheader {
    float: left;
    width: 95%;
    margin: 0 2.5% 0 2.5%;
    padding: 0
}
#smallheader.margin {
    padding: 80px 0 60px 0
}
#smallheader .inner {
    float: left;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e8;
    position: relative
}
#smallheader .inner.borderLess {
    border: 0
}
#smallheader .inner h1 {
    float: left;
    font-family: "FS Albert Web Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .49;
    font-weight: bold;
    font-style: normal;
    font-size: 4.5em;
    letter-spacing: -0.03em;
    line-height: .78em;
    color: #2f353e;
    width: 100%;
    margin: 4px 0 0 -4px
}
#smallheader .inner h2 {
    float: left;
    margin-top: 25px;
    width: 600px;
    font-size: 1.5em;
    line-height: 1.4em;
    color: #adb3b9
}
#smallheader .inner a.bigbutton {
    position: absolute;
    right: 0;
    bottom: 20px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: url('../images/global/arrow_right_white.gif') right center no-repeat #7ebd26;
    color: #fff;
    font-weight: 500;
    padding: 8px 25px 9px 13px;
    font-size: 1.2em;
    background-position: 90% center
}
#smallheader .inner a.bigbutton:hover {
    background-color: #57ad17
}
#smallheader .inner a.bigbutton:active {
    background-color: #4c9614
}
#smallheader .inner a.bigbutton.blue {
    background-color: #19a9e5
}
#smallheader .inner a.bigbutton.blue:hover {
    background-color: #1487b7
}
#smallheader .inner a.bigbutton.blue:active {
    background-color: #1176a0
}
#smallheader .inner a.bigbutton.higher {
    bottom: 25px
}
.central.slim {
    width: 830px
}
.central.slim #smallheader {
    width: 100%;
    margin: 0
}
.central.slim #smallheader .inner h2 {
    width: 530px
}
body.darkgrey hgroup {
    border-bottom-color: #3b424d
}
body.darkgrey hgroup h1 {
    color: #fff
}
section#textonly {
    width: 800px
}
section#textonly h1 {
    font-family: "FS Albert Web Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size-adjust: .49;
    font-weight: bold;
    font-style: normal;
    font-size: 4em;
    letter-spacing: -0.03em;
    line-height: .78em;
    color: #2f353e;
    margin-left: -2px
}
section#textonly h5 {
    margin-bottom: 10px
}
section#textonly .container {
    float: left;
    width: 100%;
    padding: 50px 0
}

table td .success {
    display: block;
    width: 100%;
    height: 23px;
    background: url('../images/resources/tickscrosses.png') center no-repeat;
    background-position: center -313px;
    overflow: hidden;
    text-indent: -9000px
}
table td .success.true {
    background-position: center -13px
}
table td .success.false {
    background-position: center -113px
}
table td .success.info {
    background-position: center -213px
}
table td a.info:hover,
table td .info:hover {
    background-position: center -263px
}
table td .success.true:hover {
    background-position: center -63px
}
table td .success.false:hover {
    background-position: center -163px
}
section.content.article p,
section.content.article ul li,
section.content.article ol li,
section.content.article dt,
section.content.article p.lead,
section.content.article p em,
section.content.article table,
section.content.article p blockquote {
    color: #676f76
}
section.content.article p.lead {
    color: #51575c
}
section.content blockquote cite {
    font-size: 1em
}
section.content blockquote p {
    font-size: 1em;
    font-style: normal
}
section.content blockquote blockquote {
    margin-top: 0;
    padding-bottom: 0
}
section.content blockquote blockquote p {
    font-size: .75em!important;
    font-style: normal
}
section.content blockquote blockquote pre,
section.content blockquote blockquote code {
    font-size: .85em;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0
}




















/*
	***************************************************************************************************
*/















/* main wrapper */
#wrapper{
   width: 100%;
   position: relative;
   overflow: hidden;
}
.w0{
   width: 100%;
   margin: 0;
   padding: 79px 10px 0;
}
.w1{
   width: 912px;
   margin: 0 auto;
   padding: 79px 10px 0;
}
h2{
   font-size: 89px;
   line-height: 94px;
   letter-spacing: -2px;
   font-weight: normal;
   margin: 0 0 36px;
   color: #7e8c8d;
   text-transform: uppercase;
   padding-left: 5px;
}
.box,
.widget,
.menu .drop ul,
.menu ul{
   background: #fff;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
}















/*
------------------------------------------------

	RE-DEFINE JQUERY UI ELEMENTS

	FOR SYSTEM ADMINISTRATION

------------------------------------------------
*/
/*
ui.jqgrid.css
*/
	.ui-jqgrid .ui-pager-control {position: relative;height: 100%;}
	.ui-jqgrid .ui-jqgrid-htable th {height:28px;padding: 0 2px 0 2px;font-weight:bold;color:#494d56;}
	.ui-jqgrid tr.jqgrow td,
	.ui-jqgrid tr.footrow td	{
		font-weight: normal; overflow: hidden; white-space: nowrap; height: 34px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: #e9e9e9; border-bottom-style: solid;
	}
	.ui-jqgrid tr.footrow td	{
		border-top: 0;
	}
	.ui-jqgrid tr.ui-row-ltr td,
	.ui-jqgrid tr.footrow-ltr td {
	font-size:12px; text-align:left;border-right-width: 1px;  border-right-color: transparent; border-right-style: solid; cursor:hand;cursor:pointer;
	}
	.ui-jqgrid tr.ui-row-ltr.myAltRowClassLast td {
	    height: 60px;
	    font-weight: bold;
	    /* font-size: 14px; */
	    background-color: #f4f4f4;
	    border-bottom: 0;		
	}
	.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 38px;white-space: nowrap;overflow: hidden;font-size:12px;}

	.ui-jqgrid .ui-jqgrid-bdiv {
		min-height: 350px;
		overflow-x:hidden; 
	}
	.bg-trans .ui-jqgrid-bdiv {min-height: 80px;}

	.ui-jqgrid .vline tr.ui-row-ltr td { border-right: solid 1px #e9e9e9; }


	.ui-jqgrid .ui-jqgrid-resize-ltr {
	    margin: -2px -2px -2px -2px;
	}

	.ui-jqgrid .ui-jqgrid-htable th div {
	    line-height: 12px;
	}	
/*
jquery-ui.css
*/
.gridbox table {
	border-collapse: separate /* collapse */;
}
.gridbox .ui-state-default,
.gridbox .ui-widget-content .ui-state-default,
.gridbox .ui-widget-header .ui-state-default {
	/* why */
	font-family:NanumBarunGothic,NanumGothic,"Malgun Gothic","Apple SD Gothic Neo",dotum,sans-serif
}
.gridbox .ui-state-hover,
.gridbox .ui-widget-content .ui-state-hover,
.gridbox .ui-widget-header .ui-state-hover,
.gridbox .ui-state-focus,
.gridbox .ui-widget-content .ui-state-focus,
.gridbox .ui-widget-header .ui-state-focus {
	/* border: 1px solid #999999; */
	border: 0px;
	background: #f8fdfe;
	font-weight: normal;
	color: #212121;
}
.gridbox .ui-widget-content {
	border: 0px;
	background: #fff;
	color: #222222;
}

.gridbox .ui-state-default .ui-icon {
	background-image: url("../images/jquery_ui_fam.png");
}
/* Corner radius */
.gridbox .ui-corner-all,
.gridbox .ui-corner-top,
.gridbox .ui-corner-left,
.gridbox .ui-corner-tl {
	border-top-left-radius: 0px;
}
.gridbox .ui-corner-all,
.gridbox .ui-corner-top,
.gridbox .ui-corner-right,
.gridbox .ui-corner-tr {
	border-top-right-radius: 0px;
}
.gridbox .ui-corner-all,
.gridbox .ui-corner-bottom,
.gridbox .ui-corner-left,
.gridbox .ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.gridbox .ui-corner-all,
.gridbox .ui-corner-bottom,
.gridbox .ui-corner-right,
.gridbox .ui-corner-br {
	border-bottom-right-radius: 0px;
}
.myAltRowClassEven { /* background: #f0f0f0; */ }
.myAltRowClassOdd { /* background: #f7f7f7; */ }
.myAltRowClassLast { /* background: #f7f7f7; */ }
.gridbox .ui-state-hover.myAltRowClassEven { color: #000 /*Magenta*/; }
.gridbox .ui-state-hover.myAltRowClassOdd { color: #000 /*RoyalBlue*/; }
.gridbox .ui-state-hover.myAltRowClassLast { color: #000 /*RoyalBlue*/; }
.gridbox .ui-state-highlight.myAltRowClassEven { color: #000 /*PaleGreen*/; background-color: #f4f4f4; }
.gridbox .ui-state-highlight.myAltRowClassOdd { color: #000 /*Sienna*/; background-color: #f4f4f4; }
.gridbox .ui-state-highlight.myAltRowClassLast { color: #000 ; background-color: #f4f4f4; }

.gridbox .ui-button-text-only .ui-button-text {
	padding: 2px 12px;
}
.gridbox .ui-widget {
	font-size: 12px;
}

.gridbox .ui-state-default,
.gridbox .ui-widget-content .ui-state-default,
.gridbox .ui-widget-header .ui-state-default {
	/* border: 1px solid #d3d3d3; */
	border: 0px;
	border-bottom: 1px solid #ADB3B9 /* #e0e5e9 */;
	font-weight: normal;
	background: #f4f4f4;	/* #fbfbfb #f4f4f4 url("../images/bg_pager.png") repeat-x; */
	color: #555555;
}

.gridbox .ui-jqgrid .ui-pg-button:hover { padding: 1; }
.gridbox .ui-jqgrid .ui-pg-input { height:13px;font-size:12px; margin: 0;border:solid 1px #afafaf; color:rgb(85, 85, 85);}


.formbox .ui-state-default {
	font-family: "Malgun Gothic";
    list-style: none;
    display: inline-block;
    border: 1px solid #d5d5d5;
/*    padding: 13px 18px; */
/*    font-size: 14px; */
/*    font-weight: 700; */
/*    margin-right: -1px; */
/*    border-radius: 4px; */
    background: #f7f7f7;
    color: #aaa;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5),inset 0 2px 0 rgba(255,255,255,.3);
    position: relative;
    cursor: pointer;
	min-width: 80px;

}
.formbox .ui-state-active {
/*
	background: #62cceb;
    border-color: #3dadcc;
*/
    background: #999;
    border-color: #777;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    -webkit-font-smoothing: antialiased;
    z-index: 10;
}


.formbox .ui-widget {
	font-size:12px;
}
.formbox .ui-button-text-only .ui-button-text {
    padding: .2em 1em;
}



.crosslinks {
    float: left;
    width: 924px;
    margin: 5px 0 16px 0;
    background: #fff;	/* #f8fdfe */
    border: 1px solid #c3cbd3; /* #e0e5e9 */
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0;
    font-size-adjust: .488;
    font-weight: 600;
    font-style: normal;
    font-size: 1.32em;
    line-height: 1.4em;
    /* text-transform: uppercase; */
    letter-spacing: .05em;
    color: #8e959c;	/* #19a9e5 */
}
.crosslinks h3 {
    border: solid 1px #e3e3e3;
    padding: 7px 0 9px 18px;
    background-color: #f4f4f4;
    color: #2f353e;
    font-size: 1.6em;
    text-align: left;
}

.page-divider {
    position: relative;
    border-top: solid 2px #ddd;
    border-bottom: solid 1px #fff;
    padding-top: 0px;
    margin-bottom: 12px;
    margin-top: 16px;
    width: 100%;
    height: 0;
}
    
.opt  {display:table;width:100%;min-height:40px;}
.list-opt {width:890px;padding:5px 0 5px 12px;   border:solid 0px red;}
.list-opt {float:left;}
.list-opt.tite {width:840px;}

.list-opt div {float:left;}
.list-opt td {padding:0 5px 0 0;}
.list-opt td span,
.list-opt td label {
	display:inline-block;
	min-width:70px;
	margin:5px 0 5px 0;
	line-height:16px; 
	text-align: right;
}
.list-opt td input[type=text], 
.list-opt td input[type=password] {
	/* margin-right:5px; */
	width:90px;
	height:18px;
	border:solid 1px #afafaf;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    outline: 0;
	font-size:12px;
	padding-left: 4px;
}
.modern .list-opt td input:not([type]) {
	/* margin-right:5px; */
	width:90px;
	height:18px;
	border:solid 1px #afafaf;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    outline: 0;
	font-size:12px;
	padding-left: 4px;
}
.list-opt td select {
	/*margin-right:30px;*/
	width:96px;
	height:20px;
	line-height:20px;
	border:solid 1px #afafaf;
	font-size:12px;
	padding-left: 4px;
}
.list-opt td input.c0 {
	width:56px;
}
.list-opt td select.c1 {
	width:56px;
}
.list-opt td select.c1w {
	width:92px;
}
.list-opt td select.c2 {
	width:46px;
}
.list-opt td input.c3,
.list-opt td select.c3 {
	width:180px;
}
.list-opt td input.c4,
.list-opt td select.c4 {
	width:258px !important;
}
.list-btn {width:190px;padding:5px 0 0 5px;   border:solid 0px blue;}
.list-btn {float:left;text-align:right;}
.list-btn.wide {width:220px;}
.list-opt:after {clear:both;}

/* 占쎄맒占쎈뼖�꽴占썹뵳占� - 沃섎챷荑귞뵳�됥걠嚥∽옙, 沃섏눘�뜚筌뤴뫖以� 鈺곌퀬�돳甕곌쑵�뱣 占쎌맄燁삼옙 癰귨옙野껓옙 占쎈르�눧紐꾨퓠 �빊遺쏙옙 */
.list-btn1 {width:220px;padding:5px 0 0 5px;   border:solid 0px blue;}
.list-btn1 {float:left;text-align:center;}
.list-btn1.wide {width:220px;}
.list-opt:after {clear:both;}

.bdy  {
	display:table;
	width:100%;
	min-height:40px;
	border-radius: 0px;
	background-color: #f4f4f4 /* #fbfbfb */;
}


.gridbox {
	/* min-height:420px; */
}
.formbox {
	width:100%;
	padding:5px 0 5px 12px;
}
.formbox table {
	width:96%;
}
.formbox td {padding:2px 16px;   border:solid 0px red;}
.formbox.grid th,
.formbox.grid td { border:solid 1px #bbb; line-height:22px; padding:4px 8px; }
.formbox.grid th {
	background: #f4f4f4;
}
.formbox.grid td.alert {
    background: #ffe09c;
    color: #000;
 }
.formbox.grid td.renew {
    background: #9ce0ff;
    color: #000;
 }
.formbox.grid td.newbie {
    background: yellow;
    color: #000;
 }
.formbox td p { color:#000; }

.formbox td input[type=text], 
.formbox td input[type=password] {
	padding:4px 6px;
	margin-right:16px;
	font-size:13px;
	width:180px;

    display: inline-block;
    vertical-align: top;

    font-family: "Malgun Gothic", "Helvetica Neue",Arial,sans-serif;
    border: 1px solid #c3cbd3;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    outline: 0;
    resize: none;
}
.formbox td input[type=text].bold, 
.formbox td input[type=password].bold {
	border: solid 2px #000;
}
.modern .formbox td input:not([type]) {
	padding:4px 6px;
	margin-right:16px;
	font-size:13px;
	width:180px;

    display: inline-block;
    vertical-align: top;

    font-family: "Malgun Gothic", "Helvetica Neue",Arial,sans-serif;
    border: 1px solid #c3cbd3;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    outline: 0;
    resize: none;
}
input.readonly {
	border: 0px solid #e3ebf3!important;
	background-color:initial!important;
}
textarea.readonly {
	border: solid 1px #dadada;
    left: -5px;
    position: relative;
}    
.formbox td input.readonly {
    border: 0px solid #e3ebf3!important;
    /* border-bottom: dashed 1px #ddd!important; */
    /* background-color: #f4f4f4; */
    /* color: #939ba3; */
    /* font-weight: bold; */
    padding: 0!important;
    color: #000;
	vertical-align:middle;
	padding-bottom:5px!important;
	background-color:initial;
}

.formbox td textarea {
	padding:4px 6px;
	margin-right:16px;
	font-size:13px;
	width:180px;
	min-height:60px;

    display: inline-block;
    vertical-align: top;

    font-family: "Malgun Gothic", "Helvetica Neue",Arial,sans-serif;
    border: 1px solid #c3cbd3;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    outline: 0;
    resize: none;
    
    /* white-space: nowrap; 20210413 IE 11 占쎌넎野껋럩肉됵옙苑� 餓κ쑬而�饔낅뜆荑귞뵳�덌옙 占쎈툧占쎈쭡*/ 
}
.formbox td select {
	/* width:80px; */
	padding: 3px;
}
.formbox td input.c0 {
	width:30px !important;
	margin-right:2px !important;
}
.formbox td input.c1 {
	width:60px !important;
}
.formbox td input.c2 {
	width:120px !important;
}
.formbox td input.c3 {
	width:180px !important;
}
.formbox td input.c4 {
	width:240px !important;
}
.formbox td input.c5,
.formbox td textarea.c5 {
	width:650px !important;
}
p.band {
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	background-color: red;
	color: yellow;
	font-weight: bold;
	font-size: 17px;	
}
.formbox label.main {
    display: block;
    font-family: "Malgun Gothic","Helvetica Neue",Arial,sans-serif;
    line-height: 1.5em;
    color: #1a232b;
	/* background:#; */
	font-weight: 700;
    font-size: 16px !important;
    margin-bottom: 8px;
}
.formbox span {
    line-height: 27px;
}

h3 {
	color:#bbb;
	font-weight:600;
	font-size:2.1em;
	text-align:center;
	padding:18px 0 6px 0;
}

/* Upload */
#uploader {
	margin-top:10px;
}
#uploader img.fileimage {
	float:left;
	width:32px;
	height:32px;
	border:solid 1px #222;
}
#uploader input.fileurl {
	font-family:'Courier New';
	width:400px;
	height:30px;
	margin-left:10px;
	border:solid 1px #f4f4f4;
	background-color:#fcfcfc;
	font-size:14px !important;
}
#uploader .uploadifyQueueItem {
  background-color: #FFFFFF;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  font: 11px Verdana, Geneva, sans-serif;
  height: 30px;
  margin-top: 0;
  padding: 10px;
  width: 450px;
}
#uploader .uploadifyError {
  background-color: #FDE5DD !important;
  border: none !important;
  border-bottom: 1px solid #FBCBBC !important;
}
#uploader .uploadifyQueueItem .cancel {
  float: right;
}
#uploader .uploadifyQueue .completed {
  color: #C5C5C5;
}
#uploader .uploadifyProgress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}
#uploader .uploadifyProgressBar {
  background-color: #0099FF;
  height: 8px;
  width: 1px;
}
#uploader #map-queue {
  border: 1px solid #E5E5E5;
  height: 50px;
  margin-bottom: 10px;
  width: 470px;
}
#uploader .uploadify-button {
	background: url('../images/uploadify-select.png');
	width:145px;
	height:30px;
	border: none;
	padding: 0;
}
#uploader .uploadify:hover .uploadify-button {
	background: url('../images/uploadify-select-hover.png');
}

#uploader #fileUpload {
  border: 1px solid #E5E5E5;
  margin-bottom: 10px;
  width: 470px;
	
}


.normbox td {
	padding:0;

}

#__map_container{position:absolute;display:block;z-index:9990;left:0;top:0;padding:8px;padding-top:32px;width:560px;height:560px;border:solid 0px black;background-color:#33393c;/*background-color:#33393c;*/}
#__map_container_rel {float:left; margin-top:4px; padding:0px;width:560px;height:560px;border:solid 0px black;/*background-color:#33393c;*/}
#__map_container_meta {float:left; margin-top:4px; padding:0px;width:450px;border:solid 0px black;font-size:12px;}
#__map_container_meta p {
	margin: 8px;
}
#__map {
    position: relative;
	left: -30px;
	margin:0;width:560px;height:560px;cursor:crosshair;XXX-background:url(../data/map/560/default.jpg);border:solid 1px #000;}
#__equip_type {float:left;margin:0;width:100%;height:70px;padding:0;}
#__map_usage {float:left;}
#__map_meta {
	float:left;
	margin-top:20px;
	width:780px;
	padding:1px;
	height:auto; /* 290px; */
	overflow:auto;
	display: table;
	background: #fff;
}

#__map .equip_pos_meta.selected {
	background-color: #cccc44;
}


.equip_pos_div {position:absolute;width:32px;height:40px;  border:solid 0px black;}
.equip_pos_img {position:absolute;}
.equip_pos_meta {
	position:absolute;
	/*width:20px;*/
	min-width:45px;
	font-family:tahoma;
	font-size:11px;
	/*font-weight:bold;*/
	text-align:center;
	border:solid 1px #000;
	background-color:yellow;
    line-height:11px;
    padding: 2px;	
	z-index:10;
}
.equip_pos_meta:hover {
	z-index:1000;
}
.equip_meta_tid {text-align:center;font-weight:bold;}
.equip_meta_bno {text-align:center;font-weight:bold;}
.equip_stat_no,
.equip_stat_no2 {width:20px !important;margin:5px 2px !important;height:12px !important;font-family:tahoma;font-size:9px;font-weight:bold;text-align:center;border:solid 1px #555;background-color:#ffffaa;}
.equip_stat_no2 {background-color:#ffcc77 !important;}

label.h {
	font-size: 17px;
}

#__map_meta .list_equip {
	margin:0;
	X-letter-spacing:-1px;
	font-weight:700;
	height:24px;
	border-top:1px solid #d9d9d9;
}
#__map_meta .list_equip ul.list {clear:both; width:100%;}
#__map_meta .list_equip ul.list li {position:relative; width:100%; height:24px; padding:6px 0 6px 0; border-bottom:1px dashed #d9d9d9;vertical-align:top}
#__map_meta .list_equip ul.list li:last-child {border-bottom:2px solid #d9d9d9;}
#__map_meta .list_equip ul.list li a {/* color:#1e90ff; */ display:inline-block;}
#__map_meta .list_equip ul.list li a span {cursor:pointer;_cursor:hand}
#__map_meta .list_equip ul.list li.selected {
	background-color: #d9d9d9;
}
#__map_meta .list_equip ul.list li.selected em,
#__map_meta .list_equip ul.list li.selected input,
#__map_meta .list_equip ul.list li.selected select {
	background-color: #d9d9d9;
}

#__map_meta .list_equip ul.choice {clear:both; width:100%;}
#__map_meta .list_equip ul.choice li {position:relative; width:42px; height:12px; padding:6px; border-bottom:1px solid #d9d9d9; text-align:center; vertical-align:top}
/* #__map_meta .list_equip ul.choice li:last-child {border-bottom:1px solid #999;background: #a9a9a9;} */
#__map_meta .list_equip ul.choice li:last-child {border-bottom:0;background: #d9d9d9;}
#__map_meta .list_equip ul.choice li a {/* color:#1e90ff; */ display:inline-block;}
#__map_meta .list_equip ul.choice li a span {cursor:pointer;_cursor:hand}
#__map_meta .list_equip ul.choice li:last-child a {color:#fff; display:inline-block;}

#__map_meta .list_equip div,
#__map_meta .list_equip em {margin:1px;height:16px;line-height:16px;padding:4px;text-align:left;}
#__map_meta .list_equip em {background-color:#fff; /* border:solid 1px red; */}
#__map_meta .list_equip div { padding-left: 5px;}

#__map_meta .list_equip .type  {float:left; width:60px; text-align:center;}
#__map_meta .list_equip .type2 {float:left; width:60px; text-align:right;}
#__map_meta .list_equip .type2:before {
	content: '\27a5';
	color: #c3cbd3;
}

#__map_meta .list_equip .tid   {float:left; width:50px; text-align:center;}
#__map_meta .list_equip .bno   {float:left; width:25px; text-align:center;}
#__map_meta .list_equip .posnm {float:left; width:100px; }
#__map_meta .list_equip .descr {float:left; width:120px; }
#__map_meta .list_equip .ip    {float:left; width:100px; }
#__map_meta .list_equip .vndr  {float:left; width:60px; }
#__map_meta .list_equip .power {float:left; width:60px; }
#__map_meta .list_equip .posx  {float:left; width:40px; }
#__map_meta .list_equip .posy  {float:left; width:40px; }
#__map_meta .list_equip .manage{float:left; width:100px; }
#__map_meta .list_equip select {
	/* width:90%; */
	/* height:16px; */
}
#__map_meta .list_equip input[type=text] {
	padding:2px 3px;
	margin-right:16px;
	font-size:12px;
	width:90%;
	height:16px;
    display: inline-block;
    vertical-align: top;
    font-family: "Malgun Gothic", "Helvetica Neue",Arial,sans-serif;
    border: 0px solid #c3cbd3;
/* 20160811
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
 */    
    background-clip: padding-box;
    outline: 0;
    resize: none;
    font-weight: bold;
}

#__map_meta .list_equip input[type=text]:hover {
	border-bottom: solid 4px #e5e5e5;
}
#__map_meta .list_equip input[type=text]:focus {
	border-bottom: solid 4px #19a9e5;
}

#__map_meta .list_equip input[type=text].readonly:hover,
#__map_meta .list_equip input[type=text].readonly:focus {
	border-bottom: 0;
}



#__map_meta .list_equip div#addBellBox {
	position: relative;
	display: block;
	z-index: 100;
	top: -2px;
	left: 40px;
	padding: 0px;
	width: 80px;
	height: 300px;
	background-color: #fff;
	border: solid 1px #aaa;
	overflow-y: auto;	
	-webkit-overflow-scrolling: touch;
}
#addBellBox:focus {
	border: solid 3px red;
}

.grpbox .ui-state-default {
	font-family: "Malgun Gothic";
    list-style: none;
    display: inline-block;
    border: 1px solid #d5d5d5;
    padding: 13px 18px; 
    font-size: 14px; 
    font-weight: 700; 
    margin-right: -1px; 
    border-radius: 4px; 
    background: #f7f7f7;
    color: #aaa;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5),inset 0 2px 0 rgba(255,255,255,.3);
    position: relative;
    cursor: pointer;

}
.grpbox .ui-state-active {
	background: #a9a9a9 /* #19a9e5  #62cceb */;
    border-color: #999 /* #158fc4 */;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    -webkit-font-smoothing: antialiased;
    z-index: 10;
}
.grpbox .ui-widget {
	font-size:12px;
}
.grpbox .ui-button-text-only .ui-button-text {
    padding: .2em 1em;
}
.centralwide {
    margin: 0 auto;
    width: 1200px;
    clear: both;
    position: relative;
    z-index: 2
}


/* form box */
.popboxconts {/*width:960px;*/margin-bottom:10px;/*border-top:solid 1px #9b9b9b;border-bottom:solid 1px #9b9b9b;background-color:#f0f0f0;*/}
.popboxconts {text-align:left;}
.popboxconts .pbody {width:100%;min-height:100px;text-align:left;margin-bottom:20px;}
.popboxconts .pbody {margin:0;/*X-letter-spacing:-1px;*/    border-top: solid 1px #969696;    border-bottom: solid 1px #969696;}
.popboxconts .pbody ul {clear:both; width:100%;}
.popboxconts .pbody ul li {display:table;width:100%;height:34px;padding:0;border-bottom:1px solid #d8d8d8;vertical-align:top}
.popboxconts .pbody li a {color:#1e90ff; display:inline-block;}
.popboxconts .pbody li a span {cursor:pointer;_cursor:hand}
.popboxconts .pbody .lmargin {float:left; width: 10px;}
.popboxconts .pbody em {float:left;text-align:left;height:100%;}
.popboxconts .pbody em {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.popboxconts .pbody em label,
.popboxconts .pbody em p {margin:10px;display:inline-block;}
.popboxconts .pbody td {padding:8px;}
.popboxconts .pbody .pname {width:110px;border-bottom:1px solid #d8d8d8;height:17px;background-color:#f0f0f0;color:#000;}
.popboxconts .pbody .pname label {font-weight:bold !important;}
.popboxconts .pbody .pvalu {width:170px;background-color:#fff;border-bottom:1px solid #d8d8d8;height:17px;background-color:#f7f7f7;color:#000;}


.layer {
	display:none; 
	position:fixed; 
	_position:absolute; 
	top:0; 
	left:0;
	width:100%; 
	height:100%;
	z-index:100;
}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; /*width: 410px; */height:auto;  background-color:#fff; /*border: 5px solid #3571B5;*/ z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:0px 0 0 0; padding-top: 0px; border-top: 0px solid #DDD; text-align:right;}


.search-layer {top:145px; }
.layer .result-layer {display:block;}

.result-layer {display:none; position: absolute; top: 255px; left: 432px; height:auto;  background-color:#fff; z-index: 100;}	
.result-layer .result-container {padding: 0;}
.result-layer p.ctxt {color: #666; line-height: 25px;}
.result-layer .btn-r {width: 100%; margin:0px 0 0 0; padding-top: 0px; border-top: 0px solid #DDD; text-align:right;}


/* a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;} */

.popbox {
    /*float: left;*/
    width: 600px;
    min-height:40px;
    margin: 10px 0 0 0;
    background: #fff;
	padding: 10px;
    font-size-adjust: .488;
    font-weight: 600;
    font-style: normal;
    font-size: 1.32em;
    line-height: 1.4em;
/*     text-transform: uppercase; */
/*    letter-spacing: .05em; */
    color: #8e959c;	/* #19a9e5 */
}


hr{border:none 0;border-top:1px solid #eaeaea;height:1px;}
.formbox hr {
	margin-top: 12px;
	margin-bottom: 12px;
}

   
#iphone {position:relative;width:250px;height:350px/*450px*/;background:url(../images/bg_phone_nobrd.png) no-repeat 0 -40px;   border:solid 0px red;} 
#iphone .header {position:absolute;text-align:center;top:14px;left: 13px;height:25px;width: 222px;color: white;font-size: 20px;border:solid 0px red;font-family:NanumBarunGothic,NanumGothic,"Malgun Gothic", Gulim;}
#iphone .body {position:absolute;overflow:auto;text-align:center;top:50px;left: 13px;height: 290px;width: 222px;color: white;font-size: 20px;border:solid 0px red;}
div.sms {
	border: 1px solid hsla(0, 0%, 0%, 0.5);
	border-width: 1px;
	border-style: solid;
	border-color: hsla(0, 0%, 0%, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 5px;
	padding: 5px;
	text-align: left;
	/*word-break: break-all; -ms-word-break: break-all;*/
	word-wrap: break-word;
	width: 170px;
	color: #222;
	font-size:12px;
	/* font-family:gulim; */
	font-weight:normal;
	line-height:14px;
}
div.sms {
	border-color: #3d4ce8;
}
div.sms.sms2 {
	border-color: #4ce83d;
}
div.sms.lms {
	border-color: #e84c3d;
}
div .sent {
	background: white;
	float: right;
}
div .received {
	background: #a2c06b;
	float: left;
}
#iphone .mms {text-align:right;}
#iphone .mms img {width:60%;margin-right:6px;}

.box {
	padding-top:30px;padding-bottom:20px;
}



.sbox960 .sbody {float:none; display:inline-block;width:798px;min-height:600px;padding-bottom:20px;background-color:#fff;border:solid 1px #aaa; }
.sbox960 .sbody table {width:740px;margin:20px 0 0 40px;text-align:left;   border:solid 0px green;}
.sbox960 .sbody table td {font-size:15px;color:#666;vertical-align:top;padding:4px;}
.sbox960 .sbody table td span {maragin-top:4px;}
.sbox960 .sbody p.desc {font-size:14px;text-align:right;margin:8px 6px 8px 0;}
.sbox960 .sbody p.desc span {font-size:inherit;line-height:inherit;}
.sbox960 .sbody .c1 {width:100px;}
.sbox960 .sbody .c2 {width:272px;}
.sbox960 .sbody .c3 {width:42px;}
.sbox960 .sbody .c4 { }
.sbox960 .sbody input,
.sbox960 .sbody textarea,
.sbox960 .sbody select {width:250px;background-color:#f6f6f6;border:solid 1px #ccc;font-size:14px;line-height:16px;padding:4px;}
.sbox960 .sbody textarea {height:96px;min-height:96px;}
.sbox960 .sbody select {width:260px;}
.sbox960 .sbody input.opt {background-color:#fff;border:solid 1px #e4e4e4;    min-height: 14px;}
.sbox960 .sbody input.ymd {width:100px;}
.sbox960 .sbody select.h {width:60px;}
.sbox960 .sbody select.m {width:60px;}
.sbox960 .sprvw {float:right;display:inline-block;width:300px;height:500px;text-align:left;border:solid 0px blue;}

input.datepickeryymmdd {width:70px;}


.sbox960 #iphone {
	position:fixed; 
	background:url(../images/bg_phone.png) no-repeat 0 0;
	float:right;
	left:2000px;
	top:60px;
	height:450px;
	top:300px; 
	left:0;
}
.sbox960 #iphone .header {top:54px;}
.sbox960 #iphone .body {top:90px;}
.sbox960:after {clear:both;}
.sbox960 a {font-size:15px;color:#aaa;text-decoration:none;border:solid 1px #f0f0f0;padding:1px;margin:2px;line-height:22px;}
.sbox960 a:hover {color:#2a424e;background-color:#e0e0e0;border-color:#f0f0f0;border-right-color:#bbb;border-bottom-color:#bbb;text-decoration:none !important;cursor:hand;cursor:pointer;}

.sbox960 a.norm {font-family:inherit;font-size:inherit;color:#aaa;text-decoration:underline;border:0;padding:0;margin:0;line-height:inherit;}

.btn-img {display:inline-block;width:83px;height:37px;cursor:hand;cursor:pointer;}
.btn-img:active {background-position:-83px 0;}

.btn-img-s {display:inline-block;width:28px;height:29px;cursor:hand;cursor:pointer;}
.btn-img-s:active {background-position:-28px 0;}
.btn-s-plus {background:url(../images/btn_plus.png) no-repeat 0 0;}
.btn-s-minus {background:url(../images/btn_minus.png) no-repeat 0 0;}
.btn-s-gt {background:url(../images/btn_gt_s.png) no-repeat 0 0;}
.btn-s-lt {background:url(../images/btn_lt_s.png) no-repeat 0 0;}

.btn-img-m {display:inline-block;width:54px;height:29px;cursor:hand;cursor:pointer;}
.btn-img-m:active {background-position:-54px 0;}
.btn-m-search {background:url(../images/btn_search_s.png) no-repeat 0 0;}
.btn-m-save {background:url(../images/btn_save_s.png) no-repeat 0 0;}
.btn-m-resend {background:url(../images/btn_resend_s.png) no-repeat 0 0;}
.btn-m-add {background:url(../images/btn_add_s.png) no-repeat 0 0;}
.btn-m-cancel {background:url(../images/btn_cancel_s.png) no-repeat 0 0;}
.btn-m-modify {background:url(../images/btn_modify_s.png) no-repeat 0 0;}
.btn-m-delete {background:url(../images/btn_delete_s.png) no-repeat 0 0;}

.btn-search {background:url(../images/btn_search.png) no-repeat 0 0;}
.btn-save {background:url(../images/btn_save.png) no-repeat 0 0;}	
.btn-edit {background:url(../images/btn_modify.png) no-repeat 0 0;}
.btn-reset {background:url(../images/btn_reset.png) no-repeat 0 0;}	
.btn-excel {background:url(../images/btn_excel.png) no-repeat 0 0;}
.btn-send {background:url(../images/btn_send.png) no-repeat 0 0;}
.btn-resend {background:url(../images/btn_resend.png) no-repeat 0 0;}
.btn-excelupload {background:url(../images/btn_excelupload.png) no-repeat 0 0;}


/* addr box */
.abox960 {width:800px;height:500px;border:0;margin-bottom:40px;}
.abox960 .abox-w-h,
.abox960 .abox-w-f,
.abox960 .abox-n-h,
.abox960 .abox-n-f {height:50px;background-color:#ffffff;border:solid 1px #aaaaaa;vertical-align:middle;}
.abox960 .abox-w-f,
.abox960 .abox-n-f {height:70px;}

.abox960 .abox-w-h {width:448px;border-bottom:0px;}
.abox960 .abox-w-f {width:448px;border-top:0px;}
.abox960 .abox-n-h {width:298px;border-bottom:0px;}
.abox960 .abox-n-f {width:298px;border-top:0px;}

.abox960 .abox-w-h table,
.abox960 .abox-n-h table,
.abox960 .abox-w-f table,
.abox960 .abox-n-f table {
	height:100%;
    margin-left: auto;
    margin-right: auto;
}

.abox960 .abox-w-h table td, 
.abox960 .abox-n-h table td {vertical-align:middle;font-size:20px;font-weight:bold;text-align:left;line-height:20px;}

.abox960 input {
	background-color:#ffffff;
	border:solid 1px #ccc;
	font-size:14px;
	line-height:16px;
	padding:4px;
}
.abox960 input[type=checkbox] {
	background-color:inherit;
	border:0;
	font-size:14px;
	line-height:16px;
	padding:4px;
}
.abox960 .ui-jqgrid .ui-pager-control {position: relative;height: 100%;}
.abox960 .ui-jqgrid .ui-jqgrid-htable th {height:28px;padding: 0 2px 0 2px;font-weight:bold;color:#494d56;}
.abox960 .ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 24px;padding: 0 2px 0 2px;border-bottom-width: 0px; border-bottom-color: #f6f6f6; border-bottom-style: solid;}
.abox960 .ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 0px; border-right-color: #f6f6f6; border-right-style: solid;}
.abox960 .ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 38px;white-space: nowrap;overflow: hidden;font-size:11px;}

.abox960 .myAltRowClassEven { background: #f6f6f6; }
.abox960 .myAltRowClassOdd { background: #f6f6f6; }

.abox960 .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #f6f6f6;
	color: #222222;
}

.abox960 .ui-state-hover,
.abox960 .ui-widget-content .ui-state-hover,
.abox960 .ui-widget-header .ui-state-hover,
.abox960 .ui-state-focus,
.abox960 .ui-widget-content .ui-state-focus,
.abox960 .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #fefefe;
	font-weight: normal;
	color: #212121;
}

.abox960 .ui-state-highlight,
.abox960 .ui-widget-content .ui-state-highlight,
.abox960 .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #26a0da /* url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x */;
	color: #ffffff;
}
.abox960.fixed .ui-state-highlight,
.abox960.fixed .ui-widget-content .ui-state-highlight,
.abox960.fixed .ui-widget-header .ui-state-highlight {
	border: 1px solid #efefef;
	background: #a0a0a0;
	color: #ffffff;
}


.abox960 .ui-state-highlight.ui-state-static {
	background: #8e959c !important;
}
.abox960 .ui-widget-content .ui-state-highlight td {
	color: #ffffff !important;
	font-size: 14px !important;
}
.abox960 .ui-widget-content td {
	font-size: 14px !important;
}
.abox960 .ui-jqgrid-hdiv {
  display:none !important;
}
.abox960 .ui-state-highlight-static {
/* 	border: 1px solid #fcefa1; */
	background: #bbb;
}


.abox960 input.edt {
	background-color: #f4f4f4;
}
.abox960 input.inp-grd {
	width:40px;
	margin-left:6px;
}
.abox960 input.inp-cls {
	width:40px;
	margin-left:6px;
}
.abox960 input.inp-nm {
	width:90px;
	margin-left:6px;
}
.abox960 input.inp-phn {
	width:160px;
	margin-left:6px;
}

.abox960 input.inp-nm-w {
	width:120px;
	margin-left:20px;
}
.abox960 input.inp-phn-w {
	width:220px;
	margin-left:10px;
}


.abox960.usehelper {
	float: left;
}
.aboxhelper {
    float: left;
    /* border: solid 1px #ccc; */
    width: 200px;
    min-height: 150px;
    margin-left: 50px;
    padding: 8px 18px 18px 18px;
    background-color: #fff;
}
.aboxhelper p {
    font-size: 13px;
    line-height: 31px;
    color: #000;
}
.aboxhelper p span {
	font-size: inherit;
	padding: 3px 6px;
    line-height: 42px;
}


.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0 /*20px*/;
  font-size: 13px;
  color: #666;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align: center;
}
.table > thead > tr > th,
.table > thead > tr > td {
  background-color: #f4f4f4;
}


small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.block-content {
  margin: 0 auto;
  padding: 10px 20px;
  max-width: 100%;
  overflow-x: visible;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
@media screen and (min-width: 1200px) {
  .block-content.block-content-narrow {
    padding-left: 10%;
    padding-right: 10%;
  }
}





#search {
  float: left;
  height:22px;
  font-size: 1.3em;
  padding: 5px 20px 6px 20px;
  margin: 17px 0 17px 190px;
  color: #fff;
  -khtml-border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background-color: #fff;
  /* width: 50%; */
  width: 620px;
}
#search input {
  border: 0;
  height: 22px;
  font-size: 16px;
  font-family: "Malgun Gothic", "Helvetica Neue",Arial,sans-serif;
  color: #888;
  width: 100%;
  background: url(../images/ico-magnifier-02.png) no-repeat 100% 0;
  line-height: 18px;
}
#search-history {
	float: left;
	height:20px;
	font-size: 1.3em;
	padding: 5px 20px 6px 20px;
	margin: 17px 0 17px 4px;
	width: 20px;
    background-size: 20px;
    background-image: url(../images/ico-tab-lists.png);
    background-position: 20px -20px;
    background-repeat: no-repeat;
	cursor:hand;cursor:pointer;
}
#cspop {
    float: right;
    height: 20px;
    font-size: 1.3em;
    padding: 5px 0px 6px 20px;
    margin: 17px 0 17px 4px;
    /* width: 70px; */
    cursor: hand;
    cursor: pointer;
    text-align: right;
}




.dash  {display:table;width:1300px;min-height:100px;padding:0;}

.dash .banner-l {
	float: left;
	width: 80px /* 120px */;
	padding: 5px 12px;
	margin: 0 4px;
	border: solid 0px #ff4499;
}

.dash .banner-rf {
	float: left;
	width: 1320px;
	padding: 5px 12px;
	margin: 0 4px;
	border-bottom: solid 1px #eee;
    /* border-right: solid 1px #ccc; */
    /* border-bottom: solid 10px #fff;} */
}

.dash .banner-rb {
	float: left;
	width: 1320px;
	padding: 5px 12px;
	margin: 0 4px;
	border: solid 0px #ff9944;
}

.dash.inout  {display:table;width:1078px;min-height:90px;padding:10px;}
.dash.inout .banner {float:left;width:98%;padding:5px 12px;margin:0 4px;   border:solid 0px #ff9944;}


.dash .tbox {float:left;width:140px;padding:5px 12px;margin-top:30px;   border:solid 0px red;}
.dash .tbox div {float:left;}
.dash .tbox:after {clear:both;}
.dash .tbox h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	line-height: 1.4em;
}
.dash .tbox i {
	display: block;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #999;
	padding: 4px 0;
}
.dash .tbox i:before{
   content: url(../images/ico-alm-calendar.png);
   height: 16px;
   width: 16px;
   padding: 0 3px 0 1px;
}
.dash .tbox a {
	display: block;
	font-size: 2.5em;
	font-weight: bold;
	padding: 4px 0;
}

.dash .cbox {
	float:left;
	min-width:110px/* 95px */;
	padding:2px 12px;
	margin:4px 0;
}
.dash .cbox div {float:left;}
.dash .cbox:after {clear:both;}
.dash .cbox h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	line-height: 1.4em;
}
.dash .cbox i {
	display: block;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #999;
	padding: 10px 0 4px 0;
}
.dash .cbox i.lstYr {
	color: #bbb;
}
.dash .cbox i.cal:before{
   content: url(../images/ico-alm-calendar.png);
   height: 16px;
   width: 16px;
   padding: 0 3px 0 1px;
}
.dash .cbox a {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	padding: 2px 0;
}
.dash .cbox a.lstYr {
	color: #bbb;
}
.dash .cbox a em {
	font-size: 0.7em;
	color: #222;
	padding-left: 4px;
}




.dashboard {
    float: left;
    width: 1420px /* 1200px */;
    border: 0px;
	min-height: 100px;
}
.dashboard h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 12px 0 12px 0px /* 8px */;
}
.dash-grid,  /* grid area */
.dash-alrm { /* alarm area */
    float: left;
    width: 840px /* 70% */;
    margin: 5px 0 10px 0;
    border: 0px;
	min-height: 100px;
}
.dash-alrm {
    width: 580px /* 30% */;
}
.dash-grid .grid,
.dash-alrm .alrm {
	margin-bottom: 20px;
}
.dash-grid .grid .inbox,
.dash-alrm .alrm .inbox {
    width: 97%;
	min-height: 60px;
/*     background: #fff;
    border: 1px solid #e0e5e9; */
    border: 0;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: .05em;
    color: #8e959c;	/* #19a9e5 */
}
.dash-alrm .alrm .inbox {
    width: 100%;
}
.dash-alrm .alrm .inbox .table > thead > tr > th  {
	padding: 0;
	border: 0;
	line-height: 28px;
}

.inbox a.boxmenu {
	float: right;
	color: #9e9e9e /* #ffffff */;
	font-size: 12px;
	font-weight: normal;
	margin-right: 20px;
	margin-top: 13px;
}


.dashboard h4.warn {
  color: #fff;
  background-color: #f3b760;
}
.dashboard h4.danger {
/*   color: #ffff00;
  background-color: #d26a5c; */
  color: #e84c3d;
  font-size: 26px;
}
.dashboard h4.pridark {
/*   color: #fff;
  background-color: #3e4a59; */
  color: #000;
  font-size: 26px;
}
.dashboard h4.info {
  color: #fff;
  background-color: #70b9eb;
}
.dashboard h4.modern {
/*   color: #fff;
  background-color: #14adc4; */
  color: #673ab7;
  font-size: 26px;
}
.dashboard h4.gray {
  color: #808080;
  background-color: #fff;
  border-bottom: solid 1px #eee;
}

.svrmon {
  height: 50px;
  margin-top: 6px;
}
.svrmon div {
  float: left;
  height: 100%;
  width: 75px;
  text-align: center;
}
.svrmon h5 {
  font-size:12px;
  padding: 6px;
}
.svrmon a {
  display: inline-block;
  width: 17px;
  height: 16px;
  border: 1px solid #fff;
  text-indent: -9999px;
  overflow: hidden;
    -khtml-border-radius:14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}
.svrmon a.pink {
  background: #ff728a;
}
.svrmon a.blue {
  background: #92dde2;
}
.svrmon a.gray {
  background: #dddddd;
}

.svrmon a.pink {
  background: #ff728a;
}
.svrmon a.blue {
  background: #92dde2;
}
.svrmon a.gray {
  background: #dddddd;
}


.svrconn {
  height: 50px;
}
.svrconn div {
  float: left;
  height: 100%;
  text-align: center;
  background-color: #f0f0f0;
}
.svrconn div.dash-stat-ttl {
  width: 70%;
  /* height: 40px; */
}
.svrconn div.dash-stat-ttl h4 {
  font-size: 18px;
  /* text-align: left; */
}
.svrconn div.dash-stat-lnk {
  float: right;
  width: 30%;
  background-color: #fff;
  height: 40px;
}
.svrconn div.dash-stat-lnk a {
  font-size: 12px;
}
.svrconn div.dash-stat {
  width: 75px;
}
.svrconn div.dash-stat-pct {
  width: 105px;
}
.svrconn h3 {
  color: #d26a5c;
  font-weight: 600;
  font-size: 2.4em;
  text-align: center;
  padding: 10px 0 6px 0;
}
.svrconn h5 {
  color: #000;
  font-size:12px;
  padding: 6px;
}
.svrconn a {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  color: #d26a5c;
}
.svrconn input {
  font-size: 13px;
  color: #888888 /* #d26a5c */;
  border: solid 1px #ddd;
  padding: 2px;
}
.svrconn select {
  font-size: 13px;
  border: solid 1px #ddd;
  color: #888888;
  padding: 2px;
}

.ui-menu {
    list-style: none;
    padding: 8px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-widget {
    font-family: "Malgun Gothic","Helvetica Neue",Arial,sans-serif;
    font-size: 13px;
}
.ui-widget-header {
    border: 0px solid #aaaaaa;
    background: #fff; /* background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; */
    color: #aaaaaa;
    font-weight: normal;
	height: 22px;
	border-bottom: solid 1px #f4f4f4;
	padding: 2px 0px;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff; /* background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; */
    color: #222222;
}
.ui-autocomplete.ui-widget-content {
	border: 1px solid #aaaaaa;
	/* height: 380px; */
	overflow: auto;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    /* support: IE7; */
    /* support: IE10, see #8844; */
    /*list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");*/
	list-style-image: none;
}
.ui-menu .ui-menu-item span {
	display: inline-block;
	padding: 2px 4px;
	width: 120px;
	height: 12px;
}
.ui-menu .ui-menu-item span.s {
	width: 60px;
}
.ui-menu .ui-menu-item span.m {
	width: 80px;
}
.ui-menu .ui-menu-item span.l {
	width: 110px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0px solid #999999;
	background: #72d0eb; /* background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; */
	font-weight: normal;
	color: #000;
}



#search-result {
    position: relative;
    top: -16px;
    padding: 0 0 10px 0;
    background-color: #fff;
    /* width: 550px; */
    width: 620px;
    font-size: 12px;	
}
#search-result-in {
    position: relative;
    top: 1px;
}
#search-result span.head {
	display: inline-block;
	background: #19a9e5;
	color: #fff;
	/* width: 532px; */
	width: 602px;
	padding: 8px 0 8px 16px; 
	height: 15px;
	margin-left: 1px;
}
#search-result #search-list-stu,
#search-result #search-list-sch {
	margin-left: 4px;
}
#search-result ul {
	color: #444;
}
#search-result ul li:not(.ui-widget-header) {
    cursor: hand; cursor: pointer;
    padding: 1px 0;
}
#search-result ul li.li-bg-select {
	background-color: #e9e9e9;
}
#search-result span {
	display: inline-block;
	padding: 2px 4px;
	width: 120px;
	height: 15px;
	font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#search-result span.s {
	width: 50px;
}
#search-result span.m {
	width: 100px;
}
#search-result span.l {
	width: 110px;
}
#search-result span.h {
	width: 210px;
}
#search-result span.f {
	width: 100%;
    text-align: center;
    color: #e44;
}
em.yn {
	background-color: #adb3b9;
    color: #fff;
    height: 13px;
    font-size: 11px;
    padding: 0 1px;
    margin: 0 1px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
em.usey {
    background-color: #00BCD4;
    color: #fff;
    height: 13px;
    font-size: 11px;
    padding: 0 1px;
    margin: 0 1px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* #search-result span.nDhg {
	width: 22px;
    background-color: #FF3B3B;
    color: #fff;
    height: 13px;
    font-size: 11px;
} */


.srch-box {
    float: left;
	background-color: #fff;
	min-height: 100px;
	font-size: 13px;
	color: #00000f;
	border: 1px solid #c3cbd3;
}
.srch-box-item {
	padding: 10px;
	margin: 10px 8px 16px 8px; /*16px 8px;*/
    width: 300px;
    min-height: 540px;
}
.srch-box-map {
    width: 560px;
	margin: 10px;
	border: 0px;
}
.srch-box-complaint {
    width: 580px;
	margin-top: 32px;
}
.srch-box.n {
}
.srch-box.b {
	border-width: 2px;
	border-color: #000;
	margin-top: 0px;
    -moz-box-shadow: 5px 12px 15px #c9c9c9;
    -webkit-box-shadow: 5px 12px 15px #c9c9c9;
    box-shadow: 5px 12px 15px #c9c9c9;
    background-color: #fff;
}
.srch-box.del {
	background-color: #f0f0f0;
}
.srch-box-complaint-hist {
    width: 490px;
	margin: 32px 0 10px 25px;
	background-color: #f9f9f9;
}
#__map_srch {
    position: relative;
	left: 0;
	margin:0;width:560px;height:560px;cursor:crosshair;XXX-background:url(../data/map/560/default.jpg);border:solid 1px #000;
}
.srch-box h3 {
	text-align: left;
	font-size: 28px;
	padding: 10px 0 20px 0;
	color: #22222f;
}
.srch-box h3.b {
	color: #19a9e5;
}
.srch-box h3.del {
	color: #555;
}
.srch-box h3.b:hover {
	color: #1eabff;
}
.srch-box.n h3 {
	font-size: 25px;
}
.srch-box ul {
	padding-bottom: 15px /* 20px */;
	/* background-color: #fff; */
}
.srch-box ul.stu-base {
	padding-bottom: 15px /* 20px */;
}
.srch-box ul.stu-info {
	padding-top: 10px /* 15px */;
	border-top: dashed 1px #dadada;
}
.srch-box ul.sch-base {
	padding-bottom: 20px;
}
.srch-box ul.sch-info {
	padding-top: 15px;
	border-top: dashed 1px #dadada;
}
.srch-box ul li {
	line-height: 21px;
	padding: 1px 2px;
}
.srch-box ul li.thin,
.srch-box ul li.thin span {
	line-height: 0px;
	height: 10px;
}
.srch-box ul li.hist,
.srch-box ul li.hist span {
	color: #aaa;
}

.srch-box ul.cncl-info {
	padding-top: 15px;
	border-top: dashed 1px #dadada;
}
.srch-box ul.cncl-info li {
	padding: 2px;
}
.srch-box ul.cncl-info li.app-voc {
	display: none;
	background-color: #ffeb3b;
    border-left: solid 1px #444;
    border-right: solid 1px #444;
    padding-left: 25px;
    margin-left: -8px;
    margin-right: -8px;    
}
.srch-box ul.cncl-info li.app-voc.top {
    border-top: solid 1px #444;
}
.srch-box ul.cncl-info li.app-voc.btm {
    border-bottom: solid 1px #444;
}
.srch-box ul.cncl-info li.app-voc textarea {
	border-color: #444;
	background-color: #fff;
}
.srch-box ul.cncl-info li.app-voc input[type=file] {
	padding: 0;
	margin: 0;
	background: none;
    border: 0;
}

.srch-box ul.cncl-info li.sch-voc {
	display: none;
	background-color: #CDDC39;
    border-left: solid 1px #444;
    border-right: solid 1px #444;
    padding-left: 25px;
    margin-left: -8px;
    margin-right: -8px;    
}
.srch-box ul.cncl-info li.sch-voc.top {
    border-top: solid 1px #444;
}
.srch-box ul.cncl-info li.sch-voc.btm {
    border-bottom: solid 1px #444;
}
.srch-box ul.cncl-info li.sch-voc textarea {
	border-color: #444;
	background-color: #fff;
}
.srch-box ul.cncl-info li.sch-voc input[type=file] {
	padding: 0;
	margin: 0;
	background: none;
    border: 0;
}

.srch-box ul li.indent {
	padding-left: 20px;
}
.srch-box ul li.mthr {
	height: 18px;
}
.srch-box ul li span {
	display: inline-block;
	height: 100%;
}
.srch-box ul li span.alias {
	width: 70px;
	padding-left: 20px;
	background: url(../images/ico-phone1.png) 0 4px no-repeat; /* ../images/ico-mobile-phone.png */
	background-size: 16px;
}
.srch-box ul li span.var {
	width: 90px;
}
.srch-box ul li span.var.norm {
	font-weight: initial;
}
.srch-box ul li span.var.ind {
	width: 78px;
	margin-left: 12px;
}
.srch-box ul li span.var.dt {
	width: 40px;
}
.srch-box ul li span.var.cl {
	font-weight: initial;
	font-size: 13px;
	width: 30px;
}
.srch-box ul li span.val {
	text-align: right;
	vertical-align: top;
	width: 60px;
}
.srch-box ul li span.val2 {
	text-align: right;
	vertical-align: top;
	width: 130px;
}
.srch-box ul li span.val3 {
	text-align: left;
	vertical-align: top;
	width: 150px;
}
.srch-box ul li span.val6 {
	text-align: left;
	vertical-align: top;
	width: 120px;
}
.srch-box ul li span.val6 a.smlbutton.onover {
	margin-left: 0;
}
.srch-box ul li span.val4 {
	text-align: left;
	vertical-align: top;
	width: 200px;
	font-size: 90%;
}
.srch-box ul li span.val5 {
	text-align: left;
	vertical-align: top;
	width: 200px;
}
.srch-box ul li span.w250 {
	width: 250px;
}
.srch-box ul li span.w170 {
	width: 170px;
}
.srch-box ul li span.w110 {
	width: 110px;
}
.srch-box ul li span.w105 {
	width: 105px;
}
.srch-box ul li span.w100 {
	width: 100px;
}
.srch-box ul li span.w30 {
	width: 30px;
}
.srch-box ul li span.w40 {
	width: 40px;
}
.srch-box ul li span.w50 {
	width: 50px;
}
.srch-box ul li span.w70 {
	width: 70px;
}
.srch-box ul li span.w80 {
	width: 80px;
}
.srch-box ul li span.w90 {
	width: 90px;
}
.srch-box ul li span.desc {
	font-size:11px;
	color:#bbb;
}
.srch-box ul li span.mark {
	background-color: #ffff77;
	font-weight: bold;
	padding: initial;
}
.srch-box ul li span.del {
	color: #bbb;
	text-decoration: line-through ;
}
.srch-box ul li span.und {
	text-decoration: underline ;
}
.srch-box ul li span.c {
	text-align: center;
}
.srch-box ul li span.r {
	text-align: right;
}
.srch-box ul li span.l {
	text-align: left;
}
.srch-box ul li span.over {
    position: absolute;
    display: inline-block;
    background: #fff;
    height: 22px;
    border: solid 1px #444;
/*     border-right: 0; */
    border-left: 0;
/*     border: 0; */
    padding: 5px 5px;
    margin-top: -4px;
}

    
.srch-box ul li input,
.srch-box ul li select,
.srch-box ul li textarea {
	width: 140px;
	border: solid 1px #dadada;
	padding: 2px 4px;
	font-family: inherit;
	background-color: #f4f4f4;
}
.srch-box ul li input[type=radio],
.srch-box ul li input[type=checkbox] {
	width: initial;
}

.srch-box ul li input.s {
	width: 16px;
}
.srch-box ul li textarea {
}
.srch-box ul li p {
	position: relative;
	left: -7px;
    display: inline-block;
    line-height: 22px;
    height: 100%;
    color: #000;
    /* border: solid 4px #f9f9f9; */
    /* border-right: solid 4px #f9f9f9; */
    /* margin-left: 85px; */
    /* background: #f9f9f9; */
	width: auto;
	
    padding: 2px 6px;
    border: solid 1px #ddd;
    width: 330px;
    min-height: 50px;	
}
.srch-box ul li p.pre {
	white-space: pre-wrap;
}
.srch-box ul li .schscd {
	padding-left: 90px;
}
.srch-box span.stdNm {
    width: 207px;
    display: inline-block;
}
.srch-box span.stdNm.photo {
	width: 150px;
    padding-left: 7px;
}
.srch-box span.stdPhoto {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(http://asset.api.sosjt.com/member/photo/default-person.png) no-repeat;
    background-size: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 5px;	
}

h4.boxtitle {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #222;
	margin: 16px;
}
/* login-area */
#container {position:relative;width:960px;height:100%;}
#login-area {width:100%;min-height:314px;}
.login-content {position:relative;margin-top:56px;width:90%;height:500px;}

.login-box {position:absolute;left:392px;top:80px;width:220px;text-align:left;}
.login-box-body {border:solid 0px #000;text-align:center;}

.login-input-box {width:100%;margin:0 0 10px 0;}
.login-input-box span.username {display:inline-block;height:45px;width:100%;border-bottom:solid 1px #e3e3e3;padding:0;margin:0;}
.login-input-box input {height:25px;line-height:35px;width:200px;border:0px;padding:10px;font-size:1.2em;}
.login-input-box p {color:#74655f;font-weight:bold;margin:10px 0 8px 0;}
.login-input-box button {width:100%;color:#fff;font-size:16px;font-weight:bold;height:45px;background-color:#3e9ecf;border:0;cursor:hand;cursor:pointer;}

.login-check-box {width:100%;height:30px;line-height:18px;margin:0 0 5px 0;    text-align: left;}

.login-alert-box {width:100%;height:55px;line-height:38px;margin:0 0 10px 0;}
.login-alert-box {color:#fff;background-color:#333;}
.login-alert-box p {font-size:12px;line-height:16px;color:inherit;padding:10px;/* font-weight:bold; */text-align:left;}

.logged-user {color:#a4bbc6;}
.logged-type {color:#fc6908;}
/* tail-area */
#login-tail-area {width:100%;height:100px;margin-top:40px;}
#login-tail-area {text-align:left;color:#777;}


html.ie8, 
.ie8 body,
.ie8 center {
}

html.modern, 
.modern body, 
.modern center {
	height:100%;
}

p.cemment {
	font-size: 14px;
	color: #999;
}
p.cemment::before {
	font-size: 22px;
	content: '\30f  ';
}
p.cemment::after {
	font-size: 22px;
	content: '  \30b';
}



.file_input_textbox
{
float: left
}
 
.file_input_div
{
position: relative;
width: 100px;
height: 23px;
overflow: hidden;
}
 
.file_input_button
{
width: 100px;
position: absolute;
top: 0px;
background-color: #33BB00;
color: #FFFFFF;
border-style: solid;
}
 
.file_input_hidden
{
font-size: 45px;
position: absolute;
right: 0px;
top: 0px;
opacity: 0;
 
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}



.failure {
	color: red;
}
.format_useN {
	color: red;
}
.format_rsltN {
	color: red;
	background-color: yellow;
}
.format_rslt2 {
	color: orange;
}
.format_payN {
	color: #b9b9b9;
}
.format_applN {
	color: #b9b9b9;
}
.format_renewN {
	color: #b9b9b9;
}
.format_connN {
	color: red;
}
.format_connA {
	color: red;
	font-weight: bold;
	background-color: yellow;
}
.format_pntTxt {
	color:#19a9e5;
	font-weight: bold;
}
.format_pntTxt2 {
	color:#0999d5;
	font-weight: bold;
}
.format_logTxt {
	color:#8e959c;
}
.format_pnt {
	color:#0999d5;
}
.format_art {
	color:#d50999;
}
.format_btnMng {
    background: #f8fdfe;	/* #f8fdfe */
    border: 1px solid #bee1f3; /* #bee1f3 */
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: .05em;
    color: #19a9e5;	/* #19a9e5 */
}
.format_btnMng.red {
	background-color: #e5a919;
    border: 1px solid #b78714;
    color: #fff;
}
.format_btnMng.gray {
    background-color: #F5F5F5!important;
    color: #BDBDBD;
    border-color: #E0E0E0!important;    
}

.format_btnEdt {
    background: #f8fdfe!important;
    border: 1px solid #bee1f3!important;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: .05em;
    color: #19a9e5;
    padding: 1px 4px!important;
}
.format_btnEdt.gray {
	background-color: #a9a9a9!important;
    color: #fff;
    border-color: #a9a9a9!important;	
}

.format_updN,
.format_shrY {
    background: #fafafa;
    border: 1px solid #a9a9a9;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: .05em;
    color: #a9a9a9;
    font-size: 11px;    
}
.format_shrY {
    color: #fff;
	background: #7ebd26;
	border: solid 1px #4caf50;
}

#inout-layer .inbox {
	clear: both;
    overflow-y: scroll;
    height: 500px;
}
.timesago {
	color: #999;
	font-size: 12px;
}
span.light {
	position:relative;
	left:-5px;
}
em.light::before {
	font-size: 20px;
	position:relative;
	left:2px;
}
em.light.s1::before {
	content: '\263b';
	color: #19a9e5;
}
em.light.s2::before {
	content: '\263b';
	color: #ff728a;
}
em.light.s3::before {
	content: '\263b';
	color: #bbb;
}

em.cond {
    position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;	
    top: 2px;
    margin-right: 3px;	
}
em.cond.s1 {
    background: url(../images/ico_circle_1.png) no-repeat;
}
em.cond.s2 {
    background: url(../images/ico_circle_2.png) no-repeat;
}
em.cond.s3 {
    background: url(../images/ico_circle_3.png) no-repeat;
}

em.cond.sttsA {/* �뜮袁⑹젟占쎄맒 */
    background: url(../images/ico_circle_1.png) no-repeat; 
}
em.cond.sttsD {/* 沃섎챷�젔占쎈꺗 */
    /* background: url(../images/ico_circle_0.png) no-repeat; */ 
    background: url(../images/ico_circle_1.png) no-repeat; 
}
em.cond.sttsC {/* 占쎌젔占쎈꺗 */
    background: url(../images/ico_circle_3.png) no-repeat; 
}
em.cond.sttsN {/* 占쎌젟占쎄맒 */
    background: url(../images/ico_circle_4.png) no-repeat; 
}


em.bell {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    top: 2px;
    margin-right: 2px;
    z-index: 0;
    font-size: 11px;
    text-align: center;   
	color: #fff;
}
em.bell:before {
    padding-right: 3px;
    left: 13px;
    top: 2px;
    position: relative;
    font-size: 14px;
    z-index: -1;
}
em.bell.stts {
	top: 0;
	left: 13px;
	width: 16px;
	height: 16px;
	/* background: #aa0000; */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	/* background: url(../images/ico_circle_1.png); */
}
em.bell.stts.A {
	background-image: linear-gradient(to bottom right, #d40000, #aa0000);
}
em.bell.stts.D {
	background-image: linear-gradient(to bottom right, #cccccc, #b3b3b3);
}
em.bell.stts.N {
	background-image: linear-gradient(to bottom right, #80b3ff, #5599ff);
}

em.bell.sttsA:before {/* �뜮袁⑹젟占쎄맒 */
	/* content: '\1f534'; */
}
em.bell.sttsD:before {/* 沃섎챷�젔占쎈꺗 */
	/* content: '\1f311'; */
}
em.bell.sttsN:before {/* 占쎌젟占쎄맒 */
	/* content: '\1f535'; */
}
em.bell-cptn {
	left: 15px;
    position: relative;	
    text-overflow: clip;
    vertical-align: middle;
}

label {
    line-height: 22px;
    /* vertical-align: middle; */
    margin-left: 4px;
    margin-right: 8px;
    color: #000;
    display: inline-block;    	
	cursor:hand;
	cursor:pointer;
}
label.fix {
	min-width: 80px;
}
label.fix2 {
	min-width: 50px;
}
h3.grpttl {
    border-bottom: solid 1px #bbb;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    color: grey;	
}
h3.alert {
    text-align: center;
    background: #FFEB3B;
    color: #E91E63;
/*     -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 8px; */
    padding-bottom: 14px;
    padding-top: 10px;	
}
ul.inptlst {
	counter-reset: item;
	list-style-type: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
ul.inptlst li {
	width: 100%;
	padding-bottom: 4px;
} 
ul.inptlst li:before {
    position: absolute;
    padding-left: 4px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    color: #eee;
    content: counter(item, decimal);
    counter-increment: item;
} 
ul.inptlst li input {
	padding-left: 20px !important;
}

.barchart {
	position: relative;
	display:inline-block;
	float:left;
	background-color:#ff0000;
	/* left: -10px; */	
	height:4px;
}
.barchart.bar-normal {
	background-color: #cccc00;
}
.barchart.bar-good {
	background-color: #66ccff;
}
.barchart.bar-bad {
	background-color: #ff0000;
}
.bar-pct {
	float:right;
	color:gray;
	font-size:10px;
}

.dash.inoutdtl  {
	width: 1300px;
	border: 0;
}


table tr.bg-select {
	background-color: #e9e9e9;
}
span.desc {
	color: #c9c9c9 !important;
    font-size: 12px;
    /* margin-top: 4px; */
    display: inline-block !important;
}
span.ntc {
	color: #ff9800 !important;
}
span.gray {
	color: #a9a9a9;
}
em.desc {
	color: #c9c9c9;
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
}
.qtip {
	font-size: 13px;
}
.qtip p {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
	color: #000;
}
a.tip {
	border: 0!important;
}
.tip img {
	vertical-align: top;
/*
	position: fixed;
*/
}

#tbodyPhoneComplaint div.schnm,
#tbodySchComplaint div.schnm,
#tbodyContactComplaint div.schnm,
#tbodyNotCompletedComplaint div.schnm,
#tbodyAppComplaint div.schnm,
#tbodyWwwComplaint div.schnm,
#tbodySchComplaint div.schnm {
    width: 70px;	
}
#tbodyPhoneComplaint div.cntnt,
#tbodySchComplaint div.cntnt,
#tbodyContactComplaint div.cntnt,
#tbodyNotCompletedComplaint div.cntnt,
#tbodyAppComplaint div.cntnt,
#tbodyWwwComplaint div.cntnt,
#tbodySchComplaint div.cntnt {
    width: 150px;	
    text-align: left;
}
#tbodyPhoneComplaint div.cntnt-wide,
#tbodySchComplaint div.cntnt-wide,
#tbodyContactComplaint div.cntnt-wide,
#tbodyNotCompletedComplaint div.cntnt-wide,
#tbodyAppComplaint div.cntnt-wide,
#tbodyWwwComplaint div.cntnt-wide,
#tbodySchComplaint div.cntnt-wide {
    width: 300px;	
}
#tbodySchComplaint div.cntnt-wide {
    width: 220px;	
}
.lnk {
	cursor: hand; cursor: pointer;
}
.lnk.blue:hover {
	color: #19a9e5;
}
.lnk.onsel {
	border-bottom: solid 2px #c3cbd3;
}
.lnk.onsel:hover {
	background-color: #fff;
}
a.slnk {
	border: solid 1px #ccc;
    background-color: #efefef;
    color: #777;
    padding: 2px 6px;
    font-size: 11px;	
}
em.cdtype {
    display: inline-block;
	/* background-color: #eee; */
    border: solid 1px #777;
    color: #777;
    margin: 0 2px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 12px;
}
em.cdtype.desc {
	color: #c9c9c9;
    border-color: #c9c9c9;
    font-size: 11px;
    margin-top: 4px;
    display: inline-block;
}

.srch-box ul li.hist em.cdtype.radius-8 {
    border-color: #aaa;
    color: #aaa;
}

a.bigbutton {
    right: 0;
    bottom: 25px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: #7ebd26;
    color: #fff;
    font-weight: 500;
    padding: 4px 23px 5px 23px;
    font-size: 16px;
    background-position: 90% center;
	border: 0;
	margin-right: 10px;
}
.list-btn a.bigbutton {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
a.bigbutton:hover {
    background-color: #57ad17
}
a.bigbutton:active {
    background-color: #4c9614
}
a.bigbutton.blue {
    background-color: #19a9e5
}
a.bigbutton.blue:hover {
    background-color: #1487b7;
    color: #fff;
}
a.bigbutton.blue:active {
    background-color: #1176a0
}
a.bigbutton.gray {
    background-color: #a9a9a9
}
a.bigbutton.gray:hover {
    background-color: #878787
}
a.bigbutton.gray:active {
    background-color: #767676
}
a.bigbutton.red {
    background-color: #e5a919
}
a.bigbutton.red:hover {
    background-color: #b78714
}
a.bigbutton.red:active {
    background-color: #a07611
}
a.bigbutton.loading {
    background-color: #222223;
}
a.bigbutton.loading:hover {
    background-color: #222223;
}
a.bigbutton.loading:active {
    background-color: #222223;
}
a.bigbutton.loading img {
    width: 19px;
    vertical-align: top;
    margin: -2px 0px 2px 0;
}

a.midbutton {
    right: 0;
    bottom: 12px;
    -khtml-border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    background: #7ebd26;
    color: #fff;
    font-weight: 500;
    padding: 4px 12px 6px 12px;
    font-size: 14px;
    background-position: 90% center;
	line-height:25px;
	border: 0;
}
a.midbutton.fix150 {
    width: 150px;
    display: inline-block;
    line-height: 18px;
    text-align: center;	
}
a.midbutton:hover {
    background-color: #57ad17
}
a.midbutton:active {
    background-color: #4c9614
}
a.midbutton.blue {
    background-color: #19a9e5
}
a.midbutton.blue:hover {
    background-color: #1487b7;
    color: #fff;
}
a.midbutton.blue:active {
    background-color: #1176a0
}
a.midbutton.gray {
    background-color: #a9a9a9
}
a.midbutton.gray:hover {
    background-color: #878787
}
a.midbutton.gray:active {
    background-color: #767676
}
a.midbutton.black {
    background-color: #000
}
a.midbutton.black:hover {
    background-color: #444
}
a.midbutton.black:active {
    background-color: #222
}
a.midbutton.red {
    background-color: #e5a919
}
a.midbutton.red:hover {
    background-color: #b78714
}
a.midbutton.red:active {
    background-color: #a07611
}
a.midbutton.loading {
    background-color: #222223;
}
a.midbutton.loading:hover {
    background-color: #222223;
}
a.midbutton.loading:active {
    background-color: #222223;
}
a.midbutton.loading img {
    width: 16px;
    vertical-align: middle;
    margin: 1px 2px 2px 0;
}


a.smlbutton {
    right: 0;
    bottom: 12px;
    -khtml-border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    background: #7ebd26;
     
    color: #fff;
    font-weight: 500;
    padding: 2px 6px 2px 6px;
    background-position: 90% center;
	line-height:13px;
	
    font-size: 11px;
    margin-left: 4px;
    border: 0;

    /* display: inline-block; */
    text-align: center;    
}
a.smlbutton.w100 {
	width: 100px;
}
a.smlbutton:hover {
    background-color: #57ad17
}
a.smlbutton:active {
    background-color: #4c9614;
    color: #fff;
}
a.smlbutton.blue {
    background-color: #19a9e5
}
a.smlbutton.blue:hover {
    background-color: #1487b7
}
a.smlbutton.blue:active {
    background-color: #1176a0
}
a.smlbutton.red {
    background-color: #e5a919
}

a.smlbutton.emeraldGreen {
    background-color: #008d62
}

a.smlbutton.orangeRed {
    background-color: #ff4700
}

a.smlbutton.red:hover {
    background-color: #b78714
}
a.smlbutton.red:active {
    background-color: #a07611
}
a.smlbutton.gray {
    background-color: #a9a9a9
}
a.smlbutton.gray:hover {
    background-color: #878787
}
a.smlbutton.gray:active {
    background-color: #767676
}
a.smlbutton.white {
    background-color: #e6e6e6;
    color: #000;
}
a.smlbutton.white:hover {
    background-color: #b3b3b3;
    color: #fff;
}
a.smlbutton.white:active {
    background-color: #b3b3b3;
    color: #fff;
}
a.smlbutton.nomargin {
	margin: 0 0 0 -4px;
}

a.smlbutton.disabled,
a.smlbutton.disabled:hover {
	background-color: #a9a9a9;
	cursor: text;
}
input.disabled {
	background-color: #eee;
	cursor: text;
}

a.ctbutton {
    right: 0;
    bottom: 12px;
    background: #7ebd26;

    color: #fff;
    font-weight: 500;
    padding: 4px 6px 4px 6px;
    background-position: 90% center;
	line-height:13px;
    font-size: 12px;
    border: solid 1px #5f901d;
}
a.ctbutton:hover {
    background-color: #57ad17
}
a.ctbutton:active {
    background-color: #4c9614;
    color: #fff;
}
a.ctbutton.gray {
    background-color: #a9a9a9;
    border: solid 1px #888;
}
a.ctbutton.gray:hover {
    background-color: #878787
}
a.ctbutton.gray:active {
    background-color: #767676
}
a.ctbutton.red {
    background-color: #e5a919
}
a.ctbutton.red:hover {
    background-color: #b78714
}
a.ctbutton.red:active {
    background-color: #a07611
}
a.ctbutton.blue {
    background-color: #19a9e5;
    border: solid 1px #1388ba;
}
a.ctbutton.blue:hover {
    background-color: #1487b7
}
a.ctbutton.blue:active {
    background-color: #1176a0
}
a.ctbutton.white {
    background-color: #e6e6e6;
    color: #000;
    border: solid 1px #ccc;
}
a.ctbutton.white:hover {
    background-color: #b3b3b3;
    color: #fff;
    border: solid 1px #ccc;
}
a.ctbutton.white:active {
    background-color: #b3b3b3;
    color: #fff;
    border: solid 1px #ccc;
}

a.ctbutton.fixed {
    width: 50px;
    display: inline-block;
    padding: 2px;
    text-align: center;
/*     margin: 1px; */
}

a.hugebutton {
    right: 0;
    bottom: 12px;
    -khtml-border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border-bottom: solid 4px #365491; 
    background: #7ebd26;
    color: #fff;
    font-weight: bold;
    padding: 8px 24px 8px 24px;
    font-size: 18px;
    background-position: 90% center;
	line-height:13px;
	/* border: 0; */
	margin-left: 10px;
}

a.hugebutton:hover {
    background-color: #57ad17
}
a.hugebutton:active {
    background-color: #4c9614
}
a.hugebutton.blue {
    background-color: #5280dd
}
a.hugebutton.blue:hover {
    background-color: #1487b7;
    color: #fff;
}
a.hugebutton.blue:active {
    background-color: #1176a0
}
a.hugebutton.red {
	color: #291d09;
    border-bottom: solid 4px #604613; 
	background-color: #e5a919
}
a.hugebutton.red:hover {
    background-color: #b78714;
    color: #fff;
}
a.hugebutton.red:active {
    background-color: #a07611
}
a.hugebutton.gray {
    border-bottom: solid 4px #353535; 
	background-color: #a9a9a9
}
a.hugebutton.gray:hover {
    background-color: #878787
}
a.hugebutton.gray:active {
    background-color: #767676
}
a.hugebutton.loading {
    background-color: #222223;
}
a.hugebutton.loading:hover {
    background-color: #222223;
}
a.hugebutton.loading:active {
    background-color: #222223;
}
a.hugebutton.loading img {
    width: 22px;
    vertical-align: top;
    margin: -4px 4px 2px 0;
}
a.hugebutton.disabled,
a.hugebutton.disabled:hover {
	background-color: #e0e0e0;
    border-bottom: solid 4px #bdbdbd; 
	cursor: text;
}

.hugebox {
	padding:16px 0;
	text-align:right;
}
a.loading {
	cursor: none;
}
    

.ui-jqgrid .loading {
	padding: 8px 18px;
	font-family: Gulim !important;
	font-size: 12px;
    color: #fff !important;
    background-color: #000 !important;    
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	
}

div.tvf, td.tvf {
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
div.tvf:hover {
/*    text-overflow: inherit;
    overflow: visible;*/
}
select.hide-selectbox {
	display: none;
}

.inoutdtl tr.date-line td {
	border-top: solid 1px #a9a9a9 !important;
}
.inoutdtl td.date-cell {
	color: #444;
	font-weight: bold;
}
.inoutdtl td {
	border-top: 1px dashed #ddd !important;
}


.inoutdtl div.header-box {
	clear: both;
	height: 89px;
}
.inoutdtl div.header-title {
	width: 800px;
	float: left;
	height: 89px;
}
.inoutdtl div.header-date {
	width: 400px;
	float: right;
	height: 89px;
}
h4.boxdate {
    margin: 16px 0;
    padding: 16px 10px 16px 0;
    border: 0;
    text-align: right;
}
#timeLineLabel {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #222;
    margin: 16px 0;
    /* padding: 16px 0; */
    /* border-bottom: solid 5px #ccc; */	
}
#timeLineYM {
    font-size: 28px;
    font-weight: bold;
    color: #222;
    padding: 0 16px;
    vertical-align: middle;
    height: 34px;
    display: inline-block;    
}
#timeline tr td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.slide {
	height: 300px;
}
.slide h3 {
    border: 0;
    /* width: 180px; */
    float:left;
    background: initial;
    padding: 0 8px 9px 8px;
    /* padding: 7px 8px 9px 8px; */
    /* background-color: #fff; */
    color: #2f353e;
    font-size: 16px;
    text-align: left;
}
.slide .phone /* p */ {
	font-size: 14px;
	color: #000;
	line-height: 17px;
	width: 200px;
    height: 300px;
    padding: 8px;
    border: solid 1px #000;
    background: #ccdfe6;
    display: inline-block;	
	overflow-y: auto;
	overflow-x: hidden;
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	left: -5px;
	background: #fff;/*fix other elements on the page moving (on Chrome)*/
	height: 400px!important;
}

/* Button */
a.btn {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
 	-moz-box-shadow: 0 5px 0 #365491;
	-webkit-box-shadow: 0 5px 0 #365491;
	box-shadow: 0 5px 0 #365491;
	background: #5280dd;
	color: #fff;
	padding: 5px 14px 3px;
	font-weight: bold;
	font-size: 13px;
	position: relative;
	font-family: "Malgun Gothic", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	border: 0;
}
a.btn:hover {
	background: #72cb76;
	-moz-box-shadow: 0 5px 0 #549557;
	-webkit-box-shadow: 0 5px 0 #549557;
	box-shadow: 0 5px 0 #549557;
	text-decoration: none;
	color: #fff;
}
a.btn:active {
	top: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ie8 a.btn {
	behavior: url(../js/PIE-2.0b/PIE.htc);
}

/* Button Size */
a.btn.big {
	font-size: 18px;
	padding: 8px 30px 5px;
}
a.btn.sml {
	font-size: 11px;
	padding: 3px 7px 2px;
}

/* Button Colors */
a.btn.gray {
 	-moz-box-shadow: 0 5px 0 #767676;
	-webkit-box-shadow: 0 5px 0 #767676;
	box-shadow: 0 5px 0 #767676;
	background: #a9a9a9;
}
a.btn.gray:hover {
	background: #72cb76;
	-moz-box-shadow: 0 5px 0 #549557;
	-webkit-box-shadow: 0 5px 0 #549557;
	box-shadow: 0 5px 0 #549557;
	text-decoration: none;
	color: #fff;
}
a.btn.gray:active {
	top: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.btn.red {
 	-moz-box-shadow: 0 5px 0 #a07611;
	-webkit-box-shadow: 0 5px 0 #a07611;
	box-shadow: 0 5px 0 #a07611;
	background: #e5a919;
}
a.btn.red:hover {
	background: #72cb76;
	-moz-box-shadow: 0 5px 0 #549557;
	-webkit-box-shadow: 0 5px 0 #549557;
	box-shadow: 0 5px 0 #549557;
	text-decoration: none;
	color: #fff;
}
a.btn.red:active {
	top: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


span.var {
    display: inline-block;
    width: 50px;
    font-weight: bold;
    color: #444;	
}
span.val {
    display: inline-block;
    width: 50px;
    /* font-weight: bold; */
    color: #444;
    /* background: #F6F6F6; */
    /* padding: 5px 8px; */
    text-align: right;
    margin-right: 4px;
    /* border: solid 1px #CCC; */
}

span.c1 {
    display: inline-block;
    width: 80px;
    color: #444;	
}
span.c2 {
    display: inline-block;
    color: #444;
    margin-right: 8px;
}
    

/*
	域밸챶竊숂㎉�꼹�넎獄쏆뮇�꽊占쎈읂占쎌뵠筌욑옙
*/
.ul-list {
	display: block;
    white-space: nowrap;
    overflow: auto;
}
.ul-list li {
	cursor:hand;
	cursor:pointer;
	line-height: 14px;
	padding: 2px;
}
.ul-list li span {
	display: inline-block;
	height: 14px;
	min-width: 60px;
	overflow: hidden;
	margin-right: 3px;
}
.ul-list li span.phn {
	min-width: 110px;
	color: #3399ff;
}
.ul-list li.li-hover {
	background-color: #26a0da;
	color: #ffffff !important;
}
.ul-list li.li-hover span.phn {
	color: #ffff22 !important;
}
.ul-list-col {
	display: block;
	white-space: nowrap;
	overflow: auto;
}
.ul-list-col li {
	display: inline-block;
}


#ul-excel-list {
    height: 320px;
    width: 420px;
	padding: 8px;
	border: dashed 1px #dadada;
	margin-top: 8px;
	background-color: #f6f6f6;
	color: #666;
	font-size: 14px;
}
#ul-subst-list {
    height: 140px;
    width: 140px;
	padding: 4px;
	border: solid 1px #dadada;
	background-color: #f6f6f6;
	font-size: 14px;
	margin-bottom: 4px;
}
.ellip {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.ellip.clip {
	text-overflow:clip;
}
span.clip + span.val3 {
	padding-left: 6px;
}
span.phone {
	font-weight: bold;
	font-size: 14px;
}
span.dhr1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
span.dhr2 {
	line-height: 20px;
    color: #bbb;
	font-weight: normal;
	vertical-align: top !important;
}
span.big {
	font-size: 17px;
}
span.val {
	font-size: 13px;
	font-weight: bold;
}
span.val.norm {
	font-weight: initial;
}
span.val.left {
	text-align: left;
}
span.dhalarm {
	/* background-color: #ffff77; */
	color: #d50000 /* #d50000 #aa0000 #ff2222 */;
}
span.dhgood {
	color: #80b3ff /* #cadc80 #abc837 #22ff22 */;
}
span.dhbest {
	color: #2222ff /* #80b3ff #4a93ff #2222ff */;
}
span.dhperfect {
	color: #1111bb /* #80b3ff #4a93ff #2222ff */;
    /* text-shadow: 2px 2px #bcc3c5; */
}
/* span.dhperfect::after {
	content: '\1f44d';
	color: #f2bc50;
} */

form input[name=hidden] {
	position: absolute;
	width: 0px;
	height: 0px;
	top: -1000px;	
}

.rowspanCss {
	border-right: dashed 1px #e9e9e9 !important; 
}
.accent {
	font-weight: bold;
	color: #000;
}
span.alert {
	font-weight: bold;
	background-color: #e84c3d;
    color: #fff!important;
    height: 13px;
    font-size: 11px;
    padding: 1px 3px 2px;
    margin: 2px 3px 2px 0;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.format_btnMng.alert {
	background-color: #e84c3d!important;
    color: #fff;
    border-color: #c82c1d!important;	
}
span.cmplt {
	font-weight: bold;
	background-color: #d8d8d8;
    color: #fff;
    height: 13px;
    font-size: 11px;
    padding: 1px 3px;
    margin: 2px 3px 2px 0;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
span.other {
	font-weight: bold;
	background-color: #4ce83d;
    color: #fff;
    height: 13px;
    font-size: 11px;
    padding: 1px 3px;
    margin: 2px 3px 2px 0;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.format_btnMng.other {
	background-color: #4ce83d!important;
    color: #fff;
    border-color: #2cc81d!important;	
}
span.info {
	font-weight: bold;
	background-color: #3d4ce8;
    color: #fff;
    height: 13px;
    font-size: 11px;
    padding: 1px 3px;
    margin: 2px 3px 2px 0;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
span.inline {
	margin: 0;
    padding: 1px 4px;
    line-height: 16px;
}
.format_btnMng.info {
	background-color: #3d4ce8!important;
    color: #fff;
    border-color: #1d2cc8!important;	
}
span.info.gray {
	background-color: #a9a9a9;
}
span.bold {
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
span.notice {
    background-color: #FFEB3B;
    height: 13px;
    padding: 3px 5px;
    margin: 2px 3px 2px 0;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
span.thin {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 18px;
    vertical-align: bottom;	
    width: 40px;
    text-align: center;
	font-weight: normal;
}
em.dvn-gbn {
	font-weight: bold;
	background-color: #19A9E5;
    color: #fff;
    height: 13px;
    font-size: 10px;
    padding: 1px 3px;
    line-height: 11px;
    margin: 2px 0px 2px 0;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	width: 6px;
    display: inline-block;
    text-align: center;
    top: -2px;
    position: relative;
}
em.dvn-gbn.wide {
    padding: 1px 5px;
    margin-right: 3px;	
}
em.dvn-gbn.a26 {
	background-color: #ffc107;
}
em.dvn-gbn.v30 {
	background-color: #000;
}

em.alrm-sw {
	font-weight: bold;
	background-color: #8BC34A;
    color: #fff;
    height: 13px;
    font-size: 10px;
    padding: 1px 5px;
    line-height: 11px;
    margin: 2px 0px 2px 0;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	width: 18px;
    display: inline-block;
    text-align: center;
    top: -2px;
    position: relative;
}
em.alrm-sw.on {
	background-color: #E91E63;
}
em.alrm-sw.off {
	background-color: #c1c1c1;
}
em.dvn-vsn {
	background-color: #607D8B;
    color: #fff;
    height: 13px;
    font-size: 10px;
    padding: 0px 3px;
    margin: 2px 0 2px 0;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	width: 6px;
    display: inline-block;
    text-align: center;
    top: -2px;
    position: relative;
}
em.dvn-gbn.del {
	background-color: #E51919 /* #898989 */;
}
em.ntc {
    display: initial;
    font-size: 11px;
    font-weight: bold;
	border: solid 1px #1482af;
    background-color: #19A9E5;
    color: #fff;
    height: 13px;
    padding: 0px 2px 1px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
}
em.ntc.disable {
	color: #c3cbd3;
	border: solid 1px #c3cbd3;
	background-color: inherit;
}
em.ntc.red {
    /* background: #FF5722; */
    color: #fff;
	background-color: #e5a919;
	border: solid 1px #b78714;
}
em.ntc.blue {
    color: #fff;
	background-color: #19a9e5;
	border: solid 1px #1487b7;
}
em.ntc.green {
    color: #fff;
	background-color: #7ebd26;
	border: solid 1px #57ad17;
}
em.ntc.big {
	float: right;
    padding: 2px 3px 3px;
    font-size: 12px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;	
}
p b {
	color: #000;
}
.bx-wrapper .bx-prev {
    left: -45px;
    background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: -35px;
    background: url(images/controls.png) no-repeat -43px -32px;
}

.radius-4 {
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.radius-8 {
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
select.card-type {
    width: 70px;
    height: 26px;
    padding: 0;
    background-color: #f4f4f4;
}



div#mbr-box {
	position: absolute;
	background-color: #fff;
	top: 52px;
	padding: 2px;
}
div#mbr-box p {
	color: #ffffff;
    font-size: 12px;
    padding: 8px 32px 8px 28px;
    background-color: #666;
}
ul#mbr-list li {
	float: none!important;
	padding: 8px 32px;
	height: 18px;
	width: 60px;
	/* border-bottom: solid 1px #ddd; */
	background-color: #fff;
}
ul#mbr-list li:hover {
	background-color: #f4f4f4;
}
ul#mbr-list li a {
	height: 15px;
	padding: 0;
	color: #000!important;
	line-height: 20px;
	font-size: 12px;
}
ul#mbr-list li a:hover {
	color: #000!important;
}
div#stdgrp,
div#stdphn {
	min-height:402px;
	background-color:#f6f6f6;
}
span#totcount,
span#selcount {
	display: inline-block;
	width: 30px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
span#phngrp {
    font-size: 18px;
    display: inline-block;
    padding: 12px 0;
    font-weight: normal;
}
input#srchStd {
  color: #888;
  background: url(../images/ico-magnifier-02.png) no-repeat 98% 2px;
  line-height: 18px;
}
span.dhg-i,
span.dhg-o,
span.dhg-t {
    padding: 1px;
    color: #fff;
    font-size: 11px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
span.dhg-i {
	background-color: #5280dd;
}
span.dhg-o {
	background-color: #e5a919;
}
span.dhg-t {
	background-color: #c9c9c9;
}

#search.fcs {
/*     width: 60%;
    height: 44px;
    -khtml-border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;    
 */}
#search input.fcs {
/*     font-size: 32px;
    line-height: 36px;
    height: 44px;
    background: initial;
 */}
#clock em.clck-dt {
	font-size: 18px;
	font-weight: bold;
}
#clock em.clck-tm {
	font-size: 16px;
	margin-left: 15px;	
}

#layerpopup-container {
	position: absolute;
	z-index: 999;
	width: 100%;
	top: 50px;
	left: 0px;
	display: block;
}
div.layerpopup {
	position: absolute;
	z-index: 9999;
	display: none;
	height: 500px;
	top: 100px;
	left: 100px;
	/* border: #dfdfdf solid 1px; */
}
div.layerpopup-body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    border: #2f353e solid 1px;
    background: #ffffff;
    max-height: 900px;
}
div.layerpopup-close {
	height: 35px;
	background: #343434;
	text-align: center;
	color: #ffffff;
}
div.layerpopup-close a {
	color: #fff;
    padding: 8px 16px;
    font-size: 14px;
}
div.layerpopup-ckd {
	
}
div.layerpopup-btn {
	position: relative;
	left: 20px;
}


h1.bbsnotice {
	float:left;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	color: #fff;
	padding: 12px 4px;
	margin: 0 0 0 40px;
	letter-spacing: 2px;
}
h2.bbsnotice {
	font-size: 20px;
	color: #000;
	padding: 8px 0 18px 0;
	margin: 0 0 10px 0;
	letter-spacing: 0;
	line-height: 17px;
}
div.bbsnotice-head  {
	/* position: fixed; */
	width: 100%;
	height: 50px;
	background: #2f353e; /* border-bottom:solid 4px #72d0eb; */
}
div.bbsnotice-head p {
    float: right;
    margin: 4px;
    color: #8e959c;
    font-size: 14px;
}
div.bbsnotice-head p span {
    display: block;
    margin: 4px;
}
div.bbsnotice-body {
	width: 100%;
	height: 900px /* 100% */;
	border: solid 2px #2f353e;
	overflow-y: auto;
}

div.bbsnotice-body::-webkit-scrollbar {
    -webkit-appearance: none;
}
div.bbsnotice-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

div.bbsnotice-content {
	display: table;
	width: 90%;
	height: 280px;
	background: #fff;
	margin: 30px 30px 100px 30px/* 0 5% 15% 5% */;
	padding: 0/* 5% */;
	font-size: 15px;
	line-height: 22px;
	border: solid 0px blue;
}

div.bbsnotice-tail {
	width: 80%;
	height: 32px;
	margin: 8px 18px;
	font-size: 14px;
	line-height: 22px;
}

.shd {
/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=180, Color='#b9b9b9');
/* For IE 8       */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=180, Color='#b9b9b9')";
/* Firefox        */-moz-box-shadow: 0px 15px 15px #b9b9b9;
/* WebKit         */-webkit-box-shadow: 14px 20px 12px 0px #aaa;
/* Standard       */box-shadow: 14px 20px 12px 0px #aaa;
}

a.email {
	margin-left: -4px;
	margin-right: 4px;
	margin-bottom: 4px;
}
a.email:before {
	font-size: 22px;
    top: 4px;
    content: '\2709';
    padding-right: 2px;
    position: relative;
}
span.email {
/* 	margin-left: -4px;
	margin-right: 4px;
	margin-bottom: 4px; */
	cursor:hand;
	cursor:pointer;
}
span.email:before {
    font-size: 22px;
    top: 4px;
    content: '\2709';
    padding-right: 4px;
    position: relative;
    /* height: 22px; */
    line-height: 12px;
}

span.cL {
    display: inline-block;
	color: #444;
    margin-right: 8px;
    margin-left: 2px;
    border-left: solid 4px #f4f4f4;
    padding-left: 12px;
    width: 140px;
}



#iphone-fix {
    position: relative;
    width: 280px;
    height: 350px /*450px*/;
    background: url(../images/bg_phone_nobrd.png) no-repeat 0 -40px;
    border: solid 0px red;
}

#iphone-fix .header {
	position: relative;
	text-align: center;
	top: 14px;
	left: 30px;
	height: 25px;
	width: 222px;
	color: white;
	font-size: 20px;
	border: solid 0px red;
	font-family: NanumBarunGothic, NanumGothic, "Malgun Gothic";
	/* Gulim */
}

#iphone-fix .body {
    position: relative;
    overflow: auto;
    text-align: center;
    top: 50px;
    /* left: 53px; */
    height: 313px;
    /* width: 222px; */
    color: white;
    font-size: 20px;
    border: solid 0px red;
    right: 16px;
}

#iphone-fix .mms {
	text-align: right;
}

#iphone-fix .mms img {
	width: 60%;
	margin-right: 6px;
}

.sbox960 #iphone-fix {
    position: relative;
    background: url(../images/bg_phone.png) no-repeat 0 0;
    background-size: 100%;
    float: right;
    left: 2000px;
    top: 0 /* 60px */;
    height: 504px;
    /* top: 300px; */
    left: 0;
}

.sbox960 #iphone-fix .header {
    top: 65px;
}

.sbox960 #iphone-fix .body {
    top: 90px;
}

#iphone-fix div.sms {
    border: 1px solid hsla(0, 0%, 0%, 0.5);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(0, 0%, 0%, 0.5);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 5px;
    padding: 5px;
    text-align: left;
    word-wrap: break-word;
    width: 200px;
    color: #222;
    font-size: 10px;
    /* font-family: gulim; */
    font-weight: normal;
    line-height: 14px;
}
span.algnR {
	float:right;
}


#renewBox {
	position: absolute;
    top: 250px;
    left: 320px;
				width: 320px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 999;
}
#renewBox ul.stu-base {
	padding-bottom: initial;
}

#addClassBox {
	position: absolute;
    top: 60px;
    left: 320px;
				width: 320px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 999;
}
#addClassBox ul.stu-base {
	padding-bottom: initial;
}

input[type=text].text, 
input[type=password].text {
	margin-left: 2px;
	margin-right: 2px;
}
input[type=text].emb, 
input[type=password].emb {
	border: solid 2px #000;
}

em.info-txt {
	color: #3d4ce8;
}
em.alert-txt {
	color: #e84c3d;
}
span.txtY  {
	color: #2196F3;
}
em.grphY  {
	font-size: 10px;
	color: #fff;
	background-color: #03A9F4;
	display: inline-block;
	padding: 2px 0;
	text-align: right;
}
span.txtN  {
	color: #F44336;
}
em.grphN  {
	font-size: 10px;
	color: #000;
	background-color: #eeeeee;
	display: inline-block;
	padding: 2px 0;
	text-align: right;
}

#transferStudentBox {
	position: absolute;
    top: 360px;
    left: 320px;
	width: 320px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 999;
}
#transferStudentBox ul.stu-base {
	padding-bottom: initial;
}
#renameStudentBox {
	position: absolute;
    top: 0px;
    left: 320px;
	width: 320px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 999;
}
#renameStudentBox ul.stu-base {
	padding-bottom: initial;
}
#renameClsNmBox {
	position: absolute;
    top: 60px;
    left: 320px;
	width: 320px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 999;
}
#renameClsNmBox ul.stu-base {
	padding-bottom: initial;
}
#addStudentPhoneBox {
	position: absolute;
    top: 0px;
    left: 320px;
	width: 320px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 999;
}
#addStudentPhoneBox ul.stu-base {
	padding-bottom: initial;
}
#sendSmsAdminBox {
	position: absolute;
	top: 120px;
    left: 640px;
	width: 360px;
	background: #fff;
	border: solid 1px #000;
	padding: 8px;
	z-index: 1000;
}
#sendSmsAdminBox ul.stu-base {
	padding-bottom: initial;
}

ul.stu-info li span input.card {
	width: 115px!important;
	font-size: 12px;
}
ul.stu-info li span.del em.cdtype {
	color: #ccc;
	border: solid 1px #ccc;
}
ul.stu-info li span.del input.card {
	border: solid 1px #fff;
	background: initial;
	color: #ccc;
	text-decoration: line-through;
}
span.num {
	float: right;
	padding-right: 8px;
}
div.schscd {
	width: 100%;
	/* text-align: right; */
}
div.schscd input[type=text]{
	width: 60px;
	border: solid 1px #607D8B;
    background-color: #f0f0f0;	
}

#pop-login-area {
	width: 100%;
	min-height: 314px;
}

.pop-central {
    margin: 0 auto;
    /* width: 1100px; */
    width: 100%;
    clear: both;
    position: relative;
    z-index: 2;
    display: table;
}
.pop-login-box { /* position:absolute;left:392px;top:80px; */
	width: 220px;
	text-align: left;
}

.pop-login-content {
	position: relative;
	margin-top: 16px;
	width: 90%;
	/* height: 500px; */
}
.call {
	/* border: solid 1px gray; */
	font-size: 13px;
}
.call.header {
	position: fixed;
	top: 0px;
    width: 100%;
	height: 30px;
	background-color: #000;
    z-index: 999;
}
.call.header.sub {
	top: 72px;
}

.call.header .user {
	float: left;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #000;
}
.call.header span {
	display: inline-block;
	margin-top: 6px;
}
.call.header .status {
	float: left;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #2f353e;
}
.call.statusbar {
	position: fixed;
	top: 30px;
    width: 100%;
	height: 42px;
	color: #fff;
	background-color: #0dafcc;
    z-index: 999;
}
.call.statusbar ul {
    float: left;
    padding: 0 0 18px 0;
    margin: 8px 0 0 15px;
}
.call.statusbar ul li {
    float: left;
    margin: 0 3px 0 0
}
.call.statusbar ul li a {
    float: left;
    font-size: 1.0em;
    padding: 5px 7px 6px 7px;
    margin: 0px 0 0 0;
    color: #fff;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.call.statusbar ul li a.square {
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.call.statusbar ul li a:hover {
    color: #2f353e;
    background-color: #2ed3f1;
}
.call.statusbar ul li a:active,
.call.statusbar ul li a:focus {
    background: #1fafd8;
    color: #fff
}
.call.statusbar ul li.active a {
    background: #FFEB3B;
    color: #2f353e
}
.call.statusbar ul li.active a.red {
    background: #FF5722;
    color: #fff;
}


.call.caller {
	min-height: 60px;
	width: 78%;
	color: #000;
	background-color: #fff;
	border: 1px solid #c3cbd3;
	-khtml-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    position: relative;
	/* top: 72px; */
    margin-top: 20px;
    z-index: 0;
    padding: 12px 20px;
    text-align: left;
}
.call.caller.ring {
	border: 4px solid #e84c3d;
}
.call.caller.busy {
	border: 4px solid #19a9e5;
}
.caller-id {
	font-size: 16px;
	font-weight: bold; 
	display: inline-block;
	width: 50%;
	padding: 0 0 8px 0;
}
.caller-calltime {
	
}
.caller-student span {
	display: inline-block;
	width: 100%;
	padding: 0 0 0 12px;
	line-height: 24px;
}
.caller-comment {
	margin-top: 10px;
	padding-top: 6px;
	border-top: dashed 1px #c3cbd3;
	width: 100%;
}
.caller-comment span {
	display: inline-block;
	width: 90%;
	padding: 0 0 0 12px;
	color: #a9a9a9;
	text-align: right;
}
.call.process {
	height: 40px;
	background-color: initial;
	border: 0px solid #fff;
    position: relative;
	/* top: 72px; */
    margin-top: 10px;
    z-index: 0;
}
.call.process ul {
    float: left;
    padding: 0 0 18px 0;
    margin: 8px 0 0 15px;
}
.call.process ul li {
    float: left;
    margin: 0 3px 0 0
}
#phonestatus {
    float: left;
	color: #000;
    font-size: 11px;
    padding: 1px 6px;
    border: 1px solid #000;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-top: 5px;
    margin-left: 10px;    
}
#cs-logout  {
	float: right;
	font-size: 11px;
	margin: 10px;
}
.phonecall {
	display: none;
}
td.msgTxt {
    text-overflow: ellipsis;
    display: inline-block;
    width: 460px;
    white-space: nowrap;	
}
span.infoBand {
	position: absolute;
    height: 22px !important;
	border: solid 1px #c3cbd3;
    border-top: 0px;
    border-left: 0px;
    padding: 0 8px 2px 8px;
    background: #fff;
    z-index: 999;
}

a.cal:before {
   content: url(../images/ico-alm-calendar.png);
   height: 16px;
   width: 16px;
   padding: 0 3px 0 1px;
   color: #fff;
}

.bdy.wht {
	border: 0;
	background: transparent;
}
.bdy.wht .table {
	background: #fff;
    border: solid 1px #ccc;
}

input.text.c1 {
    width: 80px;
}
input.text.c2 {
    width: 150px;
}
input.text.c3 {
    width: 320px;
}



.crosslinks.subs {
    position: absolute;
    top: 10px;
    left: 0px;	
	width: initial;
	min-width: 100px;
	background: #30353f;
    border: 0;
    color: #fff;	
}
.crosslinks.subs .list-opt {
	width: initial;
	padding-right: 24px;
}
.table.fix {
    table-layout: fixed;
    background-color: #fff;
    border: solid 1px #9e9e9e/* #2F353E */;
}
.table.fix tbody tr td {
	overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

}
.table.fix-no-line {
    table-layout: fixed;
    background-color: #fff;
    border: solid 1px #9e9e9e/* #2F353E */;
}
.table.fix-no-line tr td:nth-child(2) {
    text-align: left;
}
#__mms_img {
    position: relative;
    left: -5px;
    margin: 0;
    width: 188px;
    /* height: 560px; */
    border: solid 1px #000;
}
img.img-click {
	position: absolute;
}
ul.nrmln li {
	line-height: initial!important;
}
.srch-box ul.box-bg {
    padding-top: 5px;
    padding-bottom: 7px;
    margin-top: 30px;
    margin-bottom: 35px;
    background: #f4f4f4;
}
.srch-box ul.box-bg input {
    border: solid 1px #aaa;
/* 	background-color: #fff;
	border: 0; */
}
.srch-box ul.nrmln {
    /* border-top: solid 1px #f4f4f4; */
    border-bottom: solid 1px #f4f4f4;
    padding-bottom: 2px;
    margin-bottom: 12px;	
}

span.sub-opt {
	width:400px !important;
    border: solid 1px #ccc;
    padding: 8px;
}
table.sub-opt tr td {
	padding-bottom: 4px;
}
.edu-inst-nm {
	color: #000000;
    border: solid 1px #FFC107;
    background-color: #FFEB3B;
    padding: 0 2px;
    margin-left: -2px;
}


table.grid {
	width: 100%;
	background: #fff;
}
table.grid thead tr th {
	background: #f4f4f4;
    border: solid 1px #adb3b9;
    /* border-bottom: solid 1px #bbb; */
    font-size: 11px;
    /* font-weight: bold; */
    color: #444;
    padding: 6px 2px;    
}
table.grid  tbody tr td {
	border: solid 1px #bbb;
	line-height: 22px;
	padding: 4px 8px;
	text-align: center;
	color: #363636;
}


em.bgtxt {
	font-weight: bold;
	background-color: #19A9E5;
	color: #fff;
	height: 13px;
	font-size: 10px;
	padding: 2px 3px 1px 3px;
	margin: 2px 0px 2px 0;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	top: -2px;
	position: relative;
}
em.bgtxt.gray {
	background-color: #eaeaea;
}
em.bgtxt.lvl0 {
    width: 8px;
    height: 14px;
    background-color: #FFE082;
}
em.bgtxt.lvl1 {
    width: 14px;
    height: 14px;
    background-color: #FFC107;
}
em.bgtxt.lvl2 {
    width: 20px;
    height: 14px;
    background-color: #FF9800;
}
img.wifi {
	height: 16px;
}
img.volume {
	height: 22px;
}