body {
	box-sizing: border-box;
	overflow: visible;
}

div.column-area, div.column-list {
	display: inline-block;
}

div.field-set {
	display: inline-block;
	white-space: nowrap;
}

#list-area {
	min-width: 165px;
	padding-left: 10px;
}

#edit-area {
	width: 72%;	
	min-width: 438px;
}

#header-sec {
	position: fixed;
	top:        0px;
	right:      0px;
	left:       0px;
	height:   130px;
}

#body-sec {
	overflow: auto;
}

#nav-menu_bar {
	position:   fixed;
	top:         110px;
	left:         0px;
	right:        0px;
	height:      40px;
	padding:      1px 10px 4px 125px;
	transition:   left .5s;
	/*
	border:       #bbbeb3 1px solid;
	border-style: solid none;
	border-width: 1.5px 0 1px 0;
	*/
}

#nav-menu-mobile {
	position:   absolute;
	top:        100px;
	left:       15px;
	padding:    0px;
	transition: left .5s;
	display:    none;
	text-align: center;
}

#nav-mobile-sec {
	position: fixed;
	top:    0;
	left:   0;
	right:  0;
	bottom: 0;
	overflow: auto;
}

#running-header-text {
	position:   fixed;
	top:        23px;
	left:       75px;
	transition: left .5s;
}

#status-line {
	background-color: #d6d6d6;
	margin-top:    5px;
	border-top:    1px #bbb solid;
	border-bottom: 2px #eee solid;
	height:        45px;
	padding:       8px 4px;
}

.fixed-footer {
    position: fixed;
    width: 100%;
    bottom: 0px;
}

.col-full {
	width: 100%;
	margin-bottom: 8px;
}

.col-quarter {
	width: 24%
}

.col-three-quarter {
	width: 72%
}

.ycc-dialog-form-content {
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	padding: 8px 0 0 24px;
}

img.main-logo-home {
	width:    300px;
	position: relative;
	left:     10px;
	top:      6px;
}

img.main-logo-running-head {
	width:    140px;
	position: relative;
	left:     24px;
	top:      12px;
}

#header-text {
	position:    fixed;
	top:         19px;
	right:       55px;
	line-height: 100%;
	text-align:  right;
}

#header-subtitle {
	position:    relative;
	top:         -5px;
}

#main {
	top:        0px;
	bottom:     0px;
	left:       0px;
	right:      0px;
	padding:    0px 0px 20px 0px;
	overflow:   visible;
	transition: left .5s;
}

#running-footer-sec,
#home-footer-sec {
	border-top: 1px solid #60147f;
	position: fixed;
	height:   87px;
	bottom:   -63px;
	left:     0px;
	right:    0px;
	padding:  0px 20px;
	background-color: #f2f2f2;
	vertical-align:   top;
	transition: bottom .5s;
	cursor: pointer;
}

#sidebar-sec {
	position: fixed;
	top:        0px;
	bottom:     0px;
	left:       0px;
	width:    130px;
	
	padding: 180px 5px 10px 10px;
	
	color: white;
	background-color: #6d7c98;
}

#sidebar-home-sec {
	position: fixed;
	top:        0px;
	bottom:     0px;
	left:       0px;
	width:    130px;
	padding: 250px 5px 10px 10px;
}

#sidebar-home-sec a, #sidebar-sec a {
	color: white;
	text-decoration: none;
}

#sidebar-home-sec a:hover {
	color: yellow;
}

#submenu-sec {
	position: absolute;
	
}

#toolbar-sec {
	position: fixed;
	right:  10px;
	top:    88px;
	height: 25px;
	width:  80px;
	text-align: right;
}

.footer-column {
	font-family: "Raleway" !important;
	display: inline-block;
	width:   25%;
	padding: 47px 20px 50px 20px;
	vertical-align: top;
}

.column-half {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	
}


.panel {
	position: relative;
	display: inline-block;
	/*
	border: solid #bbbeb3 1px;
	border-width: 1px 2px 2px 1px;
	border-radius: 8px;
	*/
	background-color: white;
	padding: 6px;
	overflow: overlay;
}

.inline {
	display: inline-block;
}

.left-pad-20 {
	padding-left: 20px;
}

.right-pad-20 {
	padding-right: 20px;
}

.border-blue {
	border: .5px solid #66f;
}