@CHARSET "ISO-8859-1";

html {
    overflow: -moz-scrollbars-vertical;
    overflow: scrollbars-vertical;
}

/* Default Theme Styles */
body.blank {
	background-color: #fff;
}

body.main,
body.admin {
	background-color: #ddd;
}

.wrapper.blank {
	display: block;
	overflow: hidden;
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
}

.wrapper.main,
.wrapper.admin {
    width: 96%;
    text-align: left;
    margin: 0 2%;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    background-color: #fff;	
    display: block;
    overflow: hidden;
}

.page-container-outer {
	display: block;
	overflow: hidden;
	margin: 0;
}

.page-container {
	display: block;	
	width: 100%;
	margin: 0;
	padding: 0;
}

.content-container {
	display: block;
	overflow: hidden;
    padding: 4px 24px 24px;
    min-height: 400px;	
}

.content-container li {
	list-style-position: inside;
	position: relative;
}

.content-container-left {
	display: block;
	overflow: hidden;
	float: left;
	width: 180px;
	margin-right: 8px;
}

.content-container-right {
	display: block;
	overflow: hidden;
	float: right;
	width: 20%;
	min-width: 180px;
	margin-left: 8px;
}

.content-container-main {
	display: block;
	overflow: hidden;
}

.header {
	display: block;
	position: relative;
	/* height: 112px;
    width: 100%;
	background: #4f6187;
	background: -moz-linear-gradient(top, #4f6187 0%, #4f6187 0%, #3f4c6b 100%);
	background: -webkit-linear-gradient(top, #4f6187 0%,#4f6187 0%,#3f4c6b 100%);
	background: linear-gradient(to bottom, #4f6187 0%,#4f6187 0%,#3f4c6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f6187', endColorstr='#3f4c6b',GradientType=0 ); */
	padding: 0;
	margin: 0;    
}

.header-left {
	display: inline-block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	/* width: 70%; */
}

/* .logo {
	height: 84px;
	width: 100px;
	display: inline-block;
	padding: 4px 4px 0 4px;
}

.logo a {
	display: block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	position: absolute;
	top: 4px;
	left: 4px;
}

.logo img {
	height: 84px;
} */

.app-title {
    display: inline-block;
	overflow: hidden;
	padding-top: 6px;
	padding-left: 0px;
	height: 84px;
}

.app-title .page-title {
	padding: 14px 8px 0 48px;
	font-family: Arial,Verdana,Tahoma;
	font-weight: bold;
	font-size: 400%;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
}

.app-title .page-subtitle {
	font-family: Arial,Verdana,Tahoma;
	font-weight: bold;
	font-size: 90%;
	color: #fff;
	text-shadow: 0px 0px 4px #999;
    text-decoration: none;
	padding-left: 22px;
	padding-top: 40px;
}

.header-right {
	display: inline-block;
	overflow: hidden;
	float: right;
	text-align: right;
}

.header-right-container {
	display: inline-block;
	text-align: left;
}

.user-info {
    display: block;
    float: right;
    text-align: right;
    width: 30%;
    padding: 8px 12px 0 0;
    font-size: 90%;
    color: #666;
}

.user-info-table th, .user-info-table td {
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 2px;
}

.user-info-table th {
	background-color: transparent;
	color: #cad0f9;
	text-align: right;
	padding-right: 4px;
}

.user-info-table td {
	background-color: transparent;
	color: #fff;
}

.user-info ol.user-actions li {
    float: none;
}

.nav, #topnav {
    display: block;
    padding: 4px 0 0 8px;
    color: #dde1ff;
	background-color: #2a3138;
	width: 100%;
	font-size: 12px;
	margin-bottom: 8px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
	min-height: 24px;
}

.top-message {
    float: left;
    margin: 10px 0 0 12px;
}

.footer {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 12px;
    padding: 12px 24px;
    text-align: center;
    color: #aaa;
    font-size: 10px;
    background-color: #eee;
    border-top: #aaa solid 1px;
}

.footer a, .footer a:hover {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

.alt-logo {
    float: right;
    display: block;
    overflow: hidden;
}

.company-info {
    float: right;
    width: 300px;
    color: #fff;
    padding: 20px 18px 0 0;
    display: block;
    overflow: hidden;
}

/* End of Template Styles */

a.def-fmt {
	text-decoration: none;
	color: #00217E;
}

a.def-fmt:hover {
	font-weight: bold;
	letter-spacing: -0.5px;
}

.small {
    width: auto;
}

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

.caption {
	display: table-cell;
	vertical-align: top;
	color: #666;
	margin: 0;
	padding-top: 0px;
}

.buttons {
    text-align: center;
    padding: 18px 0 24px;
}

.buttons-right {
    text-align: right;
    padding: 18px 4px 4px;
}

.buttons-panel {
    display: block;
    overflow: hidden;
    padding: 3px 8px 6px;
    background-color: #ededed;
    border: 2px solid #a9a9a9;
    border-radius: 12px;
    text-align: right;
    margin-bottom: 12px;
}

.actions {
    display: block;
    overflow: hidden;
    text-align: right;
    width: 100%;
    padding-bottom: 4px;
}

.search-actions {
    display: block;
    overflow: hidden;
    width: 99%;
    padding: 4px 8px 4px 0;   
}

.search-actions .search-action {
    display: block;
    overflow: hidden;
    float: right;
}

.search-action label {
    font-size: 140%;
    text-align: left;
    width: auto;
    padding-right: 8px;
}

.box {
    display: block;
    overflow: hidden;
    background: rgb(247,247,247); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(247,247,247,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(247,247,247,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 3px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

.box-header {
    background: rgb(40,145,211); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(40,145,211,1) 0%, rgba(36,141,193,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(40,145,211,1)), color-stop(100%,rgba(36,141,193,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(40,145,211,1) 0%,rgba(36,141,193,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(40,145,211,1) 0%,rgba(36,141,193,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(40,145,211,1) 0%,rgba(36,141,193,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(40,145,211,1) 0%,rgba(36,141,193,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2891d3', endColorstr='#248dc1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    display: block;
    overflow: hidden;
    padding: 6px 18px;
    color: #fff;
    font-size: 160%;
    font-weight: bold;
    text-shadow: 1px 1px 3px #666;    
}

.box-content {
    padding: 12px 24px; 
}

.important-text {
    font-size: 120%;
    color: red;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 1px #666;
    padding-bottom: 24px;
}

ol.user-actions {
    float: right;
}

ol.user-actions li {
    float: left;
    padding-right: 8px;
    margin-right: 8px;
}

.inline-box {
    display: block;
    overflow: hidden;
    width: 95.6%;
    margin-top: 12px;
    padding: 4px 24px 18px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.two-cols {
    display: block;
    overflow: hidden;
    float: left;
    width: 49%;
}
.two-cols.first {
    margin-right: 2%;
}

.two-cols.first.auto-fit {
    width: 500px;
}

.two-cols.last.auto-fit {
    width: auto;
}

.centered {
    text-align: center;
    margin: 0 auto;
}

.ui-tabs-panel {
    display: block;
    overflow: hidden;
}

.number, .integer, .float {
    text-align: right;
}

.auto {
    width: auto;
    margin-right: 8px;
    max-width: 200px;
}

tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

textarea.wide {
    width: 100%;
}

ul#heirarchy li a {
    text-decoration: none;
}


/* User Info Table */
#userInfoTable {
    border-collapse: collapse;
    empty-cells: show;
    margin: 0;
    padding: 0;
}
#userInfoTable td {
    font-size: 110%;
    font-weight: bold;
    color: black;
    text-shadow: -1px -1px white;
    text-align: left;
    padding: 1px 4px;
}
#userInfoTable td.cell-caption {
    color: #a9302a;
    text-align: right;
}

.user-info {
    float: right;
    height: 80px;
    margin-top: 0px;
    padding: 0;
}

/* Display Dialog Box Styles */
.display-dialog {
    overflow: hidden;
    padding: 8px 24px;
    margin: 0 3px 3px 0;
    background-image: url('../images/backgrounds/dlg-backg.png');
    background-position: 100% 100%;
    background-size: cover;
    border: 2px ridge #666;
    border-radius: 6px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}

.group-total {
    border-top: 2px solid #000;
    font-weight: bold;
}

.grand-total {
    font-weight: bold;
}

.jobqual-error {
    color: #ff0000;
    font-weight: bold;
    white-space: normal;
}

.print-section {
    display: block;
    overflow: hidden;
    padding-bottom: 8px;
}

.print-section ol {
    display: block;
    overflow: hidden;
    list-style: none;
    width: 96%;
}

.print-section li {
    display: block;
    overflow: hidden;
    float: left;
    width: 46%;
    height: 132px;
    text-align: center;
    padding: 4px 8px;
    border: 2px solid #ccc;
    border-radius: 8px;
    margin: 0 4px 8px 4px;
}
.print-section .item-image {
    margin: 0 auto;
}

.selector-dialog {
    display: block;
    overflow: hidden;
    width: 420px;
    z-index: 10;
    position: absolute;
    background-color: #ccc;
    border: 1px solid #999;
    border-radius: 6px;
    box-shadow: 1px 1px 5px rgba(82, 82, 82, 0.6);
}

.selector-dialog .block {
    display: block;
    float: left;
}

.selector-dialog .selector-header {
    display: block;
    background-color: #aaa;
    border-bottom: 1px solid #999;
    padding: 3px 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 110%;
}

.selector-dialog .selector-container {
    display: block;
    overflow: hidden;
    padding: 4px 8px;
}

.selector-dialog .buttons {
    display: block;
    overflow: hidden;
    text-align: center;
}

.tiny {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    border-radius: 6px;
    border: 2px solid #bdc9fd;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    font-family: Arial,Verdana,Tahoma;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 4px 8px 4px;
    margin: 0;
    text-decoration: none;
    width: 90%;
    text-align: center;
}

.button-group {
    width: 90%;
    margin: 0 auto;
    padding: 4px;
}

.progress-info {
    font-size: 120%;
    font-weight: bold;
    color: #006699;
}

.edit-action-item {
    display: inline-block;
    width: auto;
    white-space: nowrap;
}

.fixed180 {
    width: 180px;
}

input#search_text {
    width: 160px !important;
}

div#progressInfo {
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    color: #aa0000;
}
    
.frame-container {
    padding: 0;
    margin: 0;
}

.text-label {
    padding: 4px 4px;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    width: 308px;
    min-height: 1.2em;
}

.pancontainer {
    position:relative;
    overflow:hidden;
    width:880px;
    height:580px;
    border:1px solid black;
}
    
.action-commands {
    display: block;
    margin-top: 8px;
    overflow: hidden;
    padding-bottom: 4px;
    padding-right: 4px;	
}

.row-filler {
	border: 0 none;
	background-color: transparent !important;
}

.report-header-big {
	font-weight: bold;
	font-size: 140%;
	text-align: left;
	background-color: #9f9fd0;	
}
.report-header-small {
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	background-color: #9f9fd0;
}
.report-header-small-right {
	font-weight: bold;
	font-size: 120%;
	background-color: #9f9fd0;
	text-align: right;
}

@media print {
	.page-break {	 
		page-break-before: always; 
	}
}
@media screen { 
	.page-break {
		display: block;
		overflow: hidden;
		height: 1em; 
		border-width: 0; 
		border-style: none;
	}
}

._generic-container {
	display: block;
	overflow: hidden;
	width: 100%;
}
ol._horizontal li {
	float: left !important;
	width: auto;	
}

.picture-frame {
	display: block;
	overflow: hidden;
	width: 100%;
}

.three-cols {
	float: left;
	display: block;
	overflow: hidden;
	padding: 0 4px;
	width: 30%;	
}
.three-cols.first {
	padding-left: 0;
}
.three-cols.last {
	padding-right: 0;
}

ol.fixed300 {
	float: none;
	clear: left;
}
ol.fixed300 li {
	width: 308px;
	padding: 4px 4px 8px 4px;
	float: none;
	clear: left;
	display: block;
	overflow: hidden;
}
ol.fixed300 span {
	display: block;
	overflow: hidden;
	padding-bottom: 3px;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}
ol.fixed300 button {
	width: 300px;
	margin-bottom: 8px;
}

/* Two Column Page */
.page-nofmt {
	margin-top: 8px;	
}
.left-container, .right-container {
	display: block;
	overflow: hidden;
	margin: 0 4px 4px 4px;
	border: 3px solid #888;
	border-radius: 18px;
	background-color: #fff;
	box-shadow: 0 0 6px rgba(128, 128, 128, 0.6);
}
.left-container {
	float: left;
	width: 69%;
	margin-left: 8px;
}
.right-container {
	float: right;
	width: 28%;
	height: 678px;
	margin-right: 8px;
}
.left-content, .right-content {
	padding: 8px 16px;
}

/* Custom Combo Box */
.combobox {
    position: relative;
    display: inline-block;
}
.combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.combobox-input {
    margin: 0;
    padding: 5px 10px;
}

/* Select Option Group styles */
select option {
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	line-height: 1.2;
}

.optlevel0 {
	background-color: #11166f;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-top: 12px;
}

.optlevel1 {
	background-color: #fff; /* #555aba; */
	color: #11166f; /* #ffffff; */
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
.optlevel2 {
	background-color: #fff; /* #8a8fe5; */
	color: #11166f; /* #ffffff; */
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
/* End of Select Option styles */

/* App Waiting Styles */
.app-waiting-overlay {
	z-index: 99999;
	opacity: 0.4;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.app-waiting-dialog {
	z-index: 100000;
	opacity: 1;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: -102px;
	margin-top: -16px;
	width: 204px;
	height: 32px;
	border: 3px solid #ccc;
	border-radius: 8px;
	padding-top: 10px;
	padding-left: 64px;
}

.app-waiting-image {
	position: absolute;
	top: 5px;
	left: 9px;
	width: 32px;
	height: 32px;
	background-image: url('../images/ajax-loader.gif');
}

.app-waiting-text {
	position: absolute;
	top: 12px;
	left: 52px;
	color: #333;
	font-weight: bold;
	font-size: 120%;
}
/* End Of App Waiting Styles */

/* Dialog box styles */
.dialog-box {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: left;
}

.dialog-box-content {
	padding: 4px 24px 8px;
}

.dialog-box-messages {
	height: 12px;	
	text-align: center;
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 6px;
}

.dialog-box-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dialog-box-items li {
	list-style: none;
	padding-bottom: 4px;
	display: block;
	overflow: hidden;
}

.dialog-box-items li label {
	display: block;
	overflow: hidden;
	float: left;
	width: 120px;
	padding-top: 4px;
	color: #666;
	font-style: italic;					   
}

.dialog-box-items input[type=text], .dialog-box-items input[type=password] {
	width: 218px;
}

.dialog-box-items select {
	width: 224px;
}

.dialog-box-items textarea {
	width: 218px;
	height: 80px;
}
/* End of dialog box styles */

/* Programming styles */
.header1, .header2, .header3, .header4, .header5, .header6 {
	font-weight: bold;
	padding: 12px 0 2px 0;
	margin: 0;
}

.header1 { font-size: 180%; }
.header2 { font-size: 160%; }
.header3 { font-size: 140%; }
.header4 { font-size: 120%; }
.header5 { font-size: 100%; }
.header6 { font-size: 90%; }

.para {
	display: block;
	overflow: hidden;
	font-size: 100%;
	padding-bottom: 6px;
}

.footnote {
	font-size: 84%;
	border-top: 1px solid #eee;
	margin-top: 24px;
}

/* ordered lists */
ul.item-list {
	display: block;
	overflow: hidden;
	list-style-type: none;
	padding: 6px 0 8px;
	margin-left: 24px;
}

ul.item-list ul {
	list-style-image: none;
	list-style-position: inside;
	margin-left: 24px;
	padding-bottom: 6px;
}

ul.item-list li {
	position: relative;
	list-style: decimal inside none;
	margin-left: 24px;
	padding-bottom: 6px;
	text-indent: -16px;
}

ul.item-list li {
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 24px;
	padding-bottom: 6px;
	text-indent: -16px;
}

ol.item-list {
	counter-reset: item-list;
	list-style: none;
	padding: 6px 0 8px;
	margin-left: 24px;
}

ol.item-list li:before {
	content: counter(item-list) ')';
	margin-right: 8px;
	text-align: right;
	width: 32px;
	display: inline-block;
}

ol.item-list li {
	position: relative;
	list-style: none;
	margin-left: 32px;
	padding-bottom: 2px;
	text-indent: -45px;
	counter-increment: item-list;
}

ol.item-sub-list {
	list-style: lower-alpha inside;
}

ol.item-sub-list li {
	list-style: lower-alpha inside;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
    text-indent: 0px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #ffeeac;
    color: #333;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    font-size: 90%;
    border: 1px solid #776c3e;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    text-indent: 0;
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.snippet, .code-block {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 12px;
	display: block;
	margin: 12px 0 8px 18px;
	padding: 6px 0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	position: relative;
}

.snippet:before {
	content: 'Code Snippet';
	font-weight: bold;
	background-color: #fff;
	padding-right: 4px;
	position: absolute;
	top: -7px;
}

.section {
    display: block;
    overflow: hidden;
    margin-bottom: 12px;
}

.section .name, .section .title {
    font-weight: bold;
    font-size: 110%;
    padding: 6px 0 2px;
}

.section .name:before {
    content: 'Function: ';
}

.section .return-value {
    font-weight: normal;
    font-size: 90%;
    padding: 0px 6px;
    color: #666;
    margin-left: 42px;
}

.section .text {
    display: block;
    overflow: hidden;
    margin: 4px 0 0 48px;
}

.image-center {
	padding: 18px 0 12px;
	text-align: center;
}

.float-left {
	float: left; 
	display: block;
	padding-right: 12px;
}

.float-right {
	float: right;
	display: block;
	padding-left: 12px;
}

/* Folder list styles */
#directory-tree, #directory-tree ul, #directory-tree li {
	position: relative;
}

#directory-tree ul {
	list-style: none;
	padding-left: 32px;	
}

#directory-tree li:before {
	content: '';
	position: absolute;
	left: -12px;
}

#directory-tree li:after {
	content: '';
	position: absolute;
	left: -12px;
}

#directory-tree li:before {
	border-top: 1px solid #ccc;
	top: 9px;
	width: 8px;
	height: 0;
}

#directory-tree li:after {
	border-left: 1px solid #ccc;
	height: 100%;
	width: 0px;
	top: 2px;
}

#directory-tree ul > li:last-child:after {
	height: 8px;
}

/* The terminal styles */
.terminal {
	display: block;
	overflow: hidden;
	background-color: #000;
	padding: 0;
	width: 90%;
	margin: 8px auto;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	position: relative;
}

.terminal .content {
	display: block;
	overflow: hidden;
	padding: 8px 12px 12px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: relative;
}

@media print {
	.terminal .content {
		font-size: 12px;
	}
}

.terminal .content-small {
	display: block;
	overflow: hidden;
	padding: 8px 12px 12px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	position: relative;
}

.nano-header {
	display: block;
	overflow: hidden;
	background-color: #ccc;
	color: #000;
	font-weight: bold;
	padding: 3px 12px;
	margin-bottom: 12px;
	text-align: center;
	width: auto;
	position: relative;
}

.nano-header:before {
	content: 'GNU nano 2.2.6';
	position: absolute;
	left: 12px;
}

.nano-footer {
	display: block;
	overflow: hidden;
	margin-top: 12px;
	position: relative;
	bottom: 0;
	width: 100%;
}

.nano-footer td {
	color: #fff;
	font-size: 80%;
}

.nano-footer-col {
	display: block;
	overflow: hidden;
	width: 16.66%;
	float: left;
}

.nano-footer-col.last {
	width: auto;
}

.nano-footer-cmd {
	background-color: #ccc;
	color: #000;
	padding: 0 1px;
}
/* End of terminal styles */

@media screen {

	.programming {
		font-family: Arial;
		font-size: 14px;
	}
 
	.page-break {
		display: block;
		overflow: hidden;
		height: 1em; 
		border-width: 0; 
		border-style: none;
	}
	
	.image-center img {		
		width: 600px;
	}
}

@media print {
    
	.programming > * {
		font-family: Arial,Verdana,Tahoma;
		font-size: 12px;
		padding: 0;
		margin: 0;
	}
	 
    .page-break {
    	page-break-after: always;
    }
}
/* End of programming styles */