/* --- Begin CSS Resets --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* --- End CSS Resets --- */




* {
	font-family: Arial, Helvetica, sans-serif;
}
a:active, a:focus {
  outline: none;
}
body {
	position: relative;
}
body {
	font-size: 13px;
}
em {
	font-style: italic;
}
h2 {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
}
strong {
	font-weight: bold;
}
textarea {
	font-size: 1em;
}


#access-controls {
	position: absolute;
	right: 10px;
	top: 5px;
}
#content {
	margin: 0 12px 0px 234px;
	min-width: 720px;
	padding: 15px 15px 15px 15px;
	position: relative;
	top: 28px;
}
#content-blocks {
	margin: 0 12px 0px 234px;
	min-width: 720px;
	padding: 0 0 0 0;
	position: relative;
	top: 28px;
}
.content-modal {
	margin: 0 0 0 0 ! important;
	border: none ! important;
}

#heading {
	background: #FFFFFF;
	height: 100px;
	margin-bottom: 10px;
}
.input-table td {
	padding: 5px 8px 5px 8px;
}
.input-table .input-label {
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
}
.input-table #FirstName, .input-table #LastName {
	width: 125px;
}
.input-table #MiddleName {
	width: 40px;
}
.input-table input[type="text"], .input-table textarea
{
    border: solid 1px #ddd;
}
.top-right-controls {
	position: absolute;
	right: 15px;
	text-align: right;
	top: 15px;
	width: 400px;
}
.top-right-controls img {
	position: relative;
	margin-left: 6px;
	top: 2px;
}
#loading {
	display: none;
	background-color: #CCFFCC;
	border-radius: 5px;
	font-weight: bold;
	margin: 0 0 0 0;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 6px 6px 6px 6px;
	text-align: center;
	-webkit-border-radius: 5px 5px 5px 5px;
}
#logo {
	padding: 7px 0 0 8px;
}
#notification-area {
	height: 40px;
	position: fixed;
	left: 350px;
	top: 15px;
	text-align: center;
	width: 400px;
	z-index: 10000;
}
#notification {
	display: none;
	background-color:#fff090;
	border-radius: 5px;
	font-weight: bold;
	margin: 0 0 0 0;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 6px 6px 6px 6px;
	text-align: center;
	-webkit-border-radius: 5px 5px 5px 5px;
}
#PageContent {
	height: 550px ! important;
	width: 1020px ! important;
}
.photo-upload .heading-img {
	height: 110px;
	width: 654px;
}
.photo-upload img {
	cursor: pointer ! important;
	height: 90px;
	width: 120px;
}
.photo-upload td {
	text-align: left;
	vertical-align: top;
}
#search-inputs {
	background: #f3f3f3;
	margin: 0 -15px 0 -15px;
	padding: 1px 25px 1px 25px;
}
#search-inputs div {
	margin: 8px 0 8px 0;
}
#search-inputs input, #search-inputs select {
	margin: 0px 3px 0px 3px;
}
#search-inputs span {
	margin: 0 10px 0 10px;
}
#search-inputs #LastName {
	width: 90px;
}
#search-inputs #Company {
	width: 100px;
}
#search-inputs #Email {
	width: 100px;
}
#search-results, .search-results {
	background: #FFF;
	margin: 0 -15px 0 -15px;
	position: relative;
}
#side-help {
	margin-top: 10px;
}
#side-help-inner {
	padding: 5px 5px 5px 5px;
}
#side-menus {
	padding: 0px 10px 0px 16px;
	position: absolute;
	top: 137px;
	left: 0px;
	width: 208px;
}
#side-nav {
	min-height: 150px;
}
#side-nav .side-nav-parent {
	font-weight: bold;
	padding: 5px 0 5px 5px;
}
#side-nav .side-nav-selected {
	background: #92d050;
	color: #FFFFFF;
}
#side-nav a {
	color: #0070c0;
	display: block;
	padding: 1px 0 1px 25px;
}
#spinning {
	display: none;
	float: right;
	margin: 5px 5px 0 0;
}
#subtabs {
	background: #ffffff;
	border-bottom: 3px solid #00b0f0;
	height: 24px;
	margin: 0 -15px 0 -15px;
}
#subtabs .active-subtab a, #subtabs .active-subtab a:hover {
	background: #00b0f0 ! important;
	color: #f6f6f6;
}
#subtabs li {
	float: left;
	margin: 0 0 0 0;
	padding: 3px 3px 0 0;
	text-align: center;
}
#subtabs li a {
	background: #dcdcdc ! important;
	border-radius: 5px 5px 0 0;
	color: #333333;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin: 0 0 0 0;
	-moz-border-radius: 5px 5px 0 0;
	padding: 0 8px 0 8px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px 5px 0 0;
	z-index: 2;
}
#subtabs li a:hover {
	background: #CCCCCC;
}
#subtabs ul {
	list-style: none;
	margin: 0 0 0 14px;
	padding: 0 0 0 0;
}
#tabs {
	background: #00b0f0;
	height: 32px;
	position: absolute;
	top: 90px;
	width: 100%;
}
#tabs .active-tab a, #tabs .active-tab a:hover {
	background: #e6e9ef;
	color: #001626;
}
#tabs img {
	position: relative;
	top: 4px;
}
#tabs li {
	float: left;
	margin: 0 0 0 0;
	padding: 6px 6px 0 0;
	text-align: center;
}
#tabs li a {
	background: #0070c0;
	border-radius: 5px 5px 0 0;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin: 0 0 0 0;
	-moz-border-radius: 5px 5px 0 0;
	padding: 0 8px 0 8px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px 5px 0 0;
	z-index: 2;
}
#tabs li a:hover {
	background: #005897;
}
#tabs ul {
	list-style: none;
	margin: 0 0 0 14px;
	min-width: 800px;
	padding: 0 0 0 0;
}
.add-sub, .add-sub2 {
	display: block;
}
.bulleted-list {
	list-style: circle inside;
}
.incorrect {
	color: red;
	font-weight: bold;
}
.correct {
	color: green;
	font-weight: bold;
}
.content-block-left-col {
	float: left;
	width: 50%;
}
.content-block-right-col {
	float: right;
	width: 49%;
}
.content-block {
	margin-bottom: 12px;
	padding: 15px 15px 15px 15px;
	position: relative;
}
.custom-menu-editor li {
	margin: 2px 0 2px 0;
}
.custom-menu-editor li li {
	margin-left: 25px;
}
.custom-menu-editor li li li {
	margin-left: 50px;
}
.drag-handle:hover {
	cursor:move; 
}
.field {
	margin-bottom: 10px;
	padding-left: 170px;
	position: relative;
}
.field .text, .field .password {
	width: 150px;
}
.field label {
	display: block;
	margin-left: -160px;
	margin-top: 5px;
	position: absolute;
	text-align: right;
	width: 140px;
}
.full-width {
	margin: 0 -15px 0 -15px;
}
.heading-table {
	font-size: 16px;
	font-weight: bold;
}
.heading-table a {
	text-decoration: none;
}
.hidden {
	display: none ! important;
}
.level2 {
	margin-left: 50px;
}
.level3 {
	margin-left: 100px;
}
.license-table {
}

.license-table th {
	min-width: 0;
}

.license-table input, .license-table select {
	margin-top: 10px;
	margin-right: 10px;
}

.main-block {
	background: #FFFFFF;
	border: 1px #CCCCCC solid;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.not-attended-count {
	font-size: 11px;
	font-style: italic;
	left: 3px;
	position: relative;
	top: -2px;
}
.online-question-listing {
	background: #EEEEEE;
	padding: 10px 5px 10px 35px;
	margin-bottom: 10px;
}
.online-question-drag {
	float: left; margin-left: -30px; margin-top: -5px; padding: 5px 10px 6px 5px; cursor: move;
}
.online-question-edit-form textarea {
	
}
.online-question-edit-form .online-question-form-feedback {
	width: 75% ! important;
}
.online-question-listing-answerstats {
	font-style: italic;
}
.question-answer-stats {
	font-size: 10px;
}
.results-count {
	font-style: italic;
	position: absolute;
	top: -18px;
	right: 8px;
}
.review-correct {
	color: gray;
	display: block;
	margin-bottom: 25px;
}
.review-question {
	margin: 10px 0 15px 0;
}
.review-question-text {
	margin-bottom: 5px;
	display: block;
}
.review-section {
  margin-bottom: 15px;
}
.review-section-content {
	display: none;
}
.review-section-content.toggled {
	display: block;
}
.review-section-heading {
	cursor: pointer;
	position: relative;
	margin-left: 5px;
}
.review-section-heading:before {
	content: '+';
	position: absolute;
  left: -8px;
  top: 0px;
}
.review-section-heading.toggled:before {
	content: '-';
	left: -6px;
	top: -1px;
}
.search-control-button {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(#EEE, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEE, #FFF 70%);
	border: 1px solid #aaa;
	cursor: pointer;
	margin: 0 15px 0 0;
	padding: 4px 4px 4px 4px;
}
.search-controls {
	background: #e5e5e5;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 0 -15px 0 -15px;
	padding: 10px 25px 10px 25px;
}
.search-controls span a {
	color: #333333;
	text-decoration: none
}
.smallhint {
	font-size: 9px;
}
.sortable-table {
	border: 0px;
	font-size: 12px;
	width: 100%;
}
.sortable-table th {
    white-space: nowrap;
}

.sortable-table td {
	border-bottom: 1px solid #f1f1f1;
	text-overflow:ellipsis;
	padding: 4px 5px 4px 5px;
}
.sortable-table a {
	display: block;
}
.sortable-table div {
}
.sortable-table th {
	background: #f3f3f3;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #00b0f0;
	font-weight: bold;
	padding: 3px 22px 3px 8px;
}
.sortable-table tr {

}
.sortable-table .hover {
	background-color: #eee;
}
.sortable-table .edit-icon-overlay {
	display: none;
}
.sortable-table .hover .edit-icon-overlay {
	display: inline;
	float: right;
	margin-left: -20px;
	margin-bottom: -1px;
	position: relative;
	z-index: 3;
}
.sortable-table-note {
	color: #666;
}
.sortable-table-inline-icon {
	margin-left: 5px;
}	
.summary-table {
	font-weight: bold;
	width: 100%;
}
.summary-table td {
	border-bottom: solid 1px #CCCCCC;
	padding: 5px 5px 5px 5px;
}
.summary-table .label {
	font-weight: normal;
	padding-right: 20px;
	width: 70%;
	text-align: right;
}
.summary-table .summary-table-description {
	color: #999999;
	font-size: 13px;
	padding: 0 0 5px 0;
}
.ui-dialog {
	overflow: hidden ! important;
}
.thumb {
	border: none;
}
.ticket-priority-major {
	color: orange;
}
.ticket-priority-critical {
	color: red;
}
.ticket-row-status-closed, .ticket-row-status-closed td {
	color: gray ! important;
}
.tophelp {
	text-align: right;
	width: 900px;
}
.tophelp a, .help {
	text-decoration: none;
}
.tophelp img, .help img {
	border: none;
}
.two-col-left { 
	float: left;
	padding: 10px 10px 10px 10px;
	width: 45%;
}
.two-col-right { 
	float: right;
	padding: 10px 10px 10px 10px;
	width: 45%;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a, a:visited, a:hover {
	color: #0066cc;
}
body {
	background: #e6e9ef;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}
h1 .parent {
	color: #666666;
}
h1 img {
	bottom: -2px;
	margin-right: 6px;
	position: relative;
}
li {
	padding-bottom: 1px;
	padding-top: 1px;
}





/* tables */
table.tablesorter thead tr .header {
	background-image: url(/js/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
/*	background-color: #FFF; */
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
/*	background-color:#F0F0F6 ! important; */
}
table.tablesorter thead tr .headerSortUp {
	background-color: #cccccc;
	background-image: url(/js/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-color: #cccccc;
	background-image: url(/js/tablesorter/desc.gif);
}

.mce-preformatted ul, .mce-preformatted li {
	list-style: circle;
}
.mce-preformatted div, .mce-preformatted dl, .mce-preformatted dt, .mce-preformatted dd, .mce-preformatted ul, .mce-preformatted ol, .mce-preformatted li, .mce-preformatted h1, .mce-preformatted h2, .mce-preformatted h3, .mce-preformatted h4, .mce-preformatted h5, .mce-preformatted h6, .mce-preformatted pre, .mce-preformatted form, .mce-preformatted fieldset, .mce-preformatted input, .mce-preformatted textarea, .mce-preformatted p, .mce-preformatted blockquote, .mce-preformatted th, .mce-preformatted td {
	margin: auto;
}
@media screen {
	.etrelg-print-only {
		display: none;
	}
}

@media print {
	.heading-table {
		font-size: 12px;
		width: 700px ! important;
	}
	.etrelg-no-print {
		display: none;
	}
	.etrelg-print-only {
		display: inherit;
	}
	#content {
		border: none;
		margin: 0 0px 0px 0px;
		width: auto;
		padding: 15px 15px 15px 15px;
		position: relative;
	}
	.top-right-controls {
		display: none;
	}
	.not-attended-count {
		display: none;
	}
}

#ui-datepicker-div { display:none }

.mceEditor img {
 max-width: none ! important;
}

dl.inline-definition {
    clear: both;
    margin-bottom: 10px;
}
dl.inline-definition dt {
    width: 80px;
    float: left;
    margin-right: 20px;
}



table th {
	padding: 10px;
	font-weight: bold;
}
input, select, textarea, a[type="button"] {
	padding: 5px 15px;
}
input[type='text'].datepicker {
	min-width: 90px !important;
	width: 90px;
}

button, input[type='submit'], input[type='button'], a[type="button"] {
	padding: 15px 25px;
	margin: 8px;
	font-weight: bold;
	font-size: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	color: #000;
	background-color: #e0e0e0;
}
a[type="button"] {
	display: inline-block;
	text-decoration: none;
}
a[type="button"]:hover {
	text-decoration: none;
}
button:hover, input[type='submit']:hover, input[type='button']:hover, a[type="button"]:hover {
	color: #fff;
}

th {
	font-weight: bold;
}

.ui-datepicker th {
	min-width: auto;
}

.nowrap {
	white-space: nowrap;
}

#online-question-modal input, #online-question-modal textarea {
	padding: 0;
	margin: 0;
}

#online-question-modal input[type='text'] {
	min-width: 0;
}


.primary-button {
	background-color: #00b0f0 !important;
	border-color: #00b0f0 !important;
	color: #fff !important;
}

.primary-button:hover {
	color: #000 !important;
}

.jconfirm-box {
	max-width: 50% !important;
}