.note-header-title {
	width: 100%;
	background-color: #0b58a2;
	line-height: 25px;
	color: white;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.note-header-body {
	width: 100%;
	background-color: lightgrey;
	padding: 15px 0px 15px 0px;
	text-align: center;
	color: #0b58a2;
}


ul.comment {
	font-size:							12px;
	line-height:						14px;
	background-color:					transparent;
	margin-top: 						0px;
	padding-right:						0px;
	padding-top:						0px;
	padding-left:						0px;
	list-style:							none;
	font-family:						Arial, Helvetica, sans-serif;
	direction:							ltr;
}

ul.comment ul {
	list-style:							none;

}

ul.comment li.head {
	-moz-border-top-right-radius:		14px;
	border-top-right-radius:			14px;
	-webkit-border-top-right-radius:	14px;
	font-size:							12px;
	line-height:						14px;
	color:								#FFFFFF;
	background-color:					#3D7198;
	text-transform:						uppercase;
	text-align:							left;
	padding-left:						10px;
}

ul.comment li.buttons {
	text-align:							right;
	margin-left:						0px;
	color:								#000;
	text-decoration:					none;
	line-height:						18px;
	background-color:					#DDD;
	padding-bottom:						2px;
}

div.commHead {
	width:                              150px;
	padding-right:						5px;
	padding-left:						5px;
	background-color:					#698CB8;
	color:								#FFFFFF;
	line-height:						20px;
	text-align:							left;
	text-decoration:					none;
	vertical-align: 					top;
	margin-right:						5px;
	border-bottom:						1px solid #eeeeee;
	font-size: 							12px;
}

div.ticketDetailValue {
	padding-left:	5px;
	overflow-wrap: break-word;
}

div.ticketDetailValue p {
	overflow-wrap: break-word;
}

div.ticketDetailValue button.button {
	border: 0px;
	margin: 1px;
}

li.commBody div.textArea {
	display: inline-block;
	width: 100%;
}

ul.comment li.commHead {
	-moz-border-bottom-left-radius:		10px;
	border-bottom-left-radius:			10px;
	-webkit-border-bottom-left-radius:	10px;
	text-align:							left;
	padding-right:						15px;
	padding-left:						15px;
	color:								#FFFFFF;
	text-decoration:					none;
	padding-left:						5px;
	line-height:						15px;
	background-color:					#698CB8;
}

ul.comment li.commBody {
	text-align:							left;
	padding-left:						5px;
	background-color:					transparent;
	background-color:					#f9f9f9;

}

ul.comment li.commBody span.rejection {
	display:							block;
	text-align:							left;
	padding:							0px 5px;
	background-color:					darkred;
	color:								#FF0;
}

ul#details{
	background-color:					transparent;
	/*border:								1px solid #000;*/
	padding:							0px;
}

ul#details li {
	padding-left:						0px;
	border-left:						1px solid #000;
	border-right:						1px solid #000;
	margin:							0px;
}

ul#details li p:last-of-type {
        margin: inherit;
        padding-bottom: 10px;
}

ul#details li:hover {
	background-color:					#eeeeee;
}

ul#details li.head {
	background-color:					#3D7198;
	padding-left:						10px;
}

ul#details {
    border-bottom: 1px solid #000;
}

ul.comment li.commButton {
	text-align:							right;
	margin-left:						0px;
	color:								#000;
	text-decoration:					none;
	line-height:						18px;
	background-color:					#EEE;
	padding-bottom:						2px;
	border-top:							1px solid #698CB8;
}

ul.comment span.commHead, span.divider {
	display:						inline-block;
	/*min-width:						100px;*/
        width:                                                  150px;
	padding-right:						5px;
	padding-left:						5px;
	background-color:					#698CB8;
	color:							#FFFFFF;
	line-height:						20px;
	text-align:						left;
	text-decoration:					none;
        vertical-align: top;
	margin-right:						5px;
	border-bottom:						1px solid #eeeeee;
        font-size: 12px;
}

span.button {
	padding:							2px 15px;
	font-family: 						Arial, Helvetica, sans-serif;
	font-size:							10px;
	font-weight:						bold;
	background:							#8fb2c6;
	color:								#fff;
	line-height:						14px;
	margin:								0px 2px;
}

span.button:hover {
	background:							#29425C;
	color:								#FF0;
	font-weight:						bold;
	cursor:								pointer;
}

#newComment {
	height:								350px;
}

.ticketOptions {
	display:							inline;
}

#tableFilter {
	padding:							0;
	margin:								0px 0px 0px 0px;
	list-style:							none;
	min-height:							20px;
	position:							relative;
	font-family:						arial, verdana, sans-serif;
	width: 100%;
	clear: both;
	display: block;
	padding: 0px;
}

.tableFilterLevel1 {
    top: 50px;
}

input#tableFilter {
    -moz-border-radius:     0px;
    border-radius:          0px;
    -webkit-border-radius:  0px;
    line-height:            18px;
    /*background:             url(../../../images/blank.gif) right top;*/
    /*margin-top:             3px;*/
    cursor:                 pointer;
	height: 				20px;
	background:				#ccc;
	color:					#666;
}

div#ticketSummary {
    z-index:    800;
	background: #aaa;
	margin-top: 0px;
		min-height:								25px;
}

div#caseDetailButtons {
    z-index:    899;
	background: #ccc;
	margin-top: 0px;
	padding: 0px;
	min-height:	25px;
}

.headerLock {
	position: fixed;
	width: 100%;
}

span.close {
	color:								lightgreen;
}

span.fail, li.fail:hover  {
	color:								#ff6666;
}

span.ticketActions {
        color: #000000;
}

span.ok, li.ok:hover  {
	color:								#006600;
}

span.listRight {
	float: 								right;
}

span.divider {
	width:								100%;
	margin:								0px;
}

div.popup {
	display:							none;
	background:							#ffffff;
	position: 							fixed;
	top: 								15%;
	width: 								70%;
	left: 								15%;
	padding:							15px;
	border:								1px solid #3a93d2;
/*	border-top:							10px solid darkgreen;*/
	-moz-border-radius:					10px;
	border-radius:						10px;
	-webkit-border-radius:				10px;
}

li.searchBar, li.searchBar:hover {
	position: absolute !important;
	top: 1px !important;
}

.roundSearch {
	-moz-border-radius:					6px;
	border-radius:						6px;
	-webkit-border-radius:				6px;
	background:							#7fa2b6;
	color:								#ffff00;
}

.rotate {
	-webkit-transform:		rotate(-90deg);
	-moz-transform:			rotate(-90deg);
	-ms-transform:			rotate(-90deg);
	-o-transform:			rotate(-90deg);
}

div #myComments {
	position:							fixed;
	right:								0px;
	top:								250px;
}

div #myCommentsHeader {
	-moz-border-top-left-radius:		10px;
	border-top-left-radius:				10px;
	-webkit-border-top-left-radius:		10px;
	-moz-border-top-right-radius:		10px;
	border-top-right-radius:			10px;
	-webkit-border-top-right-radius:	10px;
	background:							#3D7198;
	position: 							absolute;
	color:								#ffffff;
	height:								25px;
	width:								150px;
	left: 								-87px;
	top:								63px;
}

div #myCommentsHeader:hover {
	color:								#ffff00;
	cursor:								pointer;
}
 
div #myCommentsView {
	height:								150px;
	width:								500px;
	/*background:							#ddd;*/
}

#myCommentsText {
	width:								100%;
	height:								90%;
}

div#ticketPopup {
	position:							fixed;
	top:								100px;
	left:								300px;
	width:								300px;
	height:								300px;
	background:							#3D7198;
	z-index:							999;
	-moz-border-radius:		10px;
	border-radius:			10px;
	-webkit-border-radius:	10px;
}

div#ticketPopup div#resultDiv {
	height:								90%;
}

div#ticketPopup input {
	width: 								98%;
	padding:							0 0 0 5px;
	-moz-border-top-left-radius:		10px;
	border-top-left-radius:				10px;
	-webkit-border-top-left-radius:		10px;
	-moz-border-top-right-radius:		10px;
	border-top-right-radius:			10px;
	-webkit-border-top-right-radius:	10px;
}

ul.list {
	list-style:							none;
	padding:							0 0 0 2px;
	margin:								5px 0 0 0;
	background:							#ccc;
	height:								99%;
	overflow:							auto;
}

ul.list li {
	background:							#DDD;
	font-size:							12px;
	margin-top:							1px;
}

ul.list li:hover, ul.list li:hover span {
	background:							#ccc;
	margin-top:							1px;
	cursor:								pointer;
	color:								#ff0;
}

span.tooltip {
    float:          left;
    background:     none repeat scroll 0 0 #f8f8e4;
    border:         1px solid #000000;
    min-height:     30px;
    width:          150px;
    line-height:    30px;
    margin:         0 auto;
    position:       absolute;
    text-align:     center;
    top:            35px;
    left:           -170px;
    display:        none;
    padding:        0 20px;
    color:          #000000;
	z-index:		999;
}

span.tooltip:before {
    left:								-49%;
}

span.tooltip:after {
    content:			'';
    position:			absolute;
    top:			-7px;
    width:			10px;
    height:			10px;
    border-top:			1px solid #000000;
    border-right:		1px solid #000000;
    background:			#f8f8e4;
    right:			5px;
    margin-right:		-1px;
    -webkit-transform:		rotate(-45deg);
    -moz-transform:		rotate(-45deg);
    -ms-transform:		rotate(-45deg);
    -o-transform:		rotate(-45deg);
}

a:hover .tooltip {
    display: block;
}

#ticketCategories tr {
	height:		20px;
}
#ticketCategories caption {
	text-align:		left;
}

li:hover a.fail  {
	color:								#ff6666;
}

#collapsibleList {
    float: left;
    position:relative;
    width:100px;
    line-height: 25px;
    height:25px;
    background:#3D7198;
    color: #ffffff;
    vertical-align: center;
    text-align: center;
    top: 100px;
    left: -50px;;
    -moz-border-bottom-left-radius:  10px;
    border-bottom-left-radius:       10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius:  10px;
    border-bottom-right-radius:       10px;
    -webkit-border-bottom-right-radius: 10px;
}

a.tooltipLink {
    
}

/** Accordion style */
#Accordion {
    /*float: left;*/
    width: 100%;
    margin: 20px 0px auto auto;
}

#Accordion .ui-accordion-content {
    width: 100%;
    background-color: #ffffff;
    color: #777;
    font-size: 10pt;
    line-height: 16pt;
    padding: 0px;
}

#Accordion .ui-accordion-header {
    background-color: #3D7198;
    color: #ffffff;
    margin: 0px;
}

#Accordion caption {
    display: none;
}

#Accordion table {
    width: 100%;
    margin: 0px;
}

div#typeLog {
    display: inline-block;
    float: left;
    top: 0xp;
    border: 1px solid #000;
    margin: 20px auto auto 0px;
}

div#typeLog ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#typeLog ul li {
    border: 1px solid #3D7198;
    background-color : #fff;
    color: #000;
}

div#typeLog ul ul {
    display: none;
}

div#typeLog ul ul li span {
    display: inline-block;
    background-color: #3D7198;
    width: 110px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
}

div#typeLog ul li:hover ul {
    float: left;
    position: absolute;
    margin-left: -30px;
    display: inline-block;
}

div#typeLog ul li:hover {
    background-color: #DDD;
    cursor: pointer;
}

span.caption {
    display: inline-block;
    width: 100%;
    background-color: #3D7198;
    color: #fff;
    text-transform: uppercase;
}

div.ExternalWidgetWindow {
    display: none;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 400px;
    height: 100%;
    border-left: 5px solid green;
    background: #DDD;
    z-index: 999;
}

div.ExternalWidgetWindow li.contextMenuHeader {
    background-color: green;
    text-align: left;
}

div#detailDiv {
	width: 45%;
	margin: 40px 10px;
}

div#commentDiv {
	width: 48%;
	margin: 40px 10px;
}

body .ui-tooltip {
	z-index: 9999;
}

.image-resize:hover,
.image-resize-load:hover
{
	opacity: 0.7;
	cursor: pointer;
}

ul.comment li.commBody p {
	position: relative;
}

.image-resize-overlay
{
	top: 5px;
}
.image-download-overlay
{
	top: 40px;
}

.image-download-overlay,
.image-resize-overlay
{
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	width: 30px;
	border: 1px solid black;
	height: 30px;
	display: block;
	position: absolute;
	left: -40px;
	border-radius: 25px;
}

.ticketDetailValue .image-download-overlay,
.ticketDetailValue .image-resize-overlay
{
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	width: 30px;
	border: 1px solid black;
	height: 30px;
	display: block;
	position: absolute;
	left: 93%;
	border-radius: 25px;
}

.image-download-overlay i {
	font-size: 30px;
}

.image-resize-overlay:hover,
.image-download-overlay:hover
{
	border: 1px solid white;
	background-color: #0b58a2;
	color: white;
}

img.thumb {
	max-width: 100px;
}

p.no-margin {
	margin: 0px;
}

img.image-download-overlay,
img.image-resize-overlay
{
	width: 25px;
	height: 25px;
	padding: 3px;
}

#listTickets tbody td
{
	border-bottom: 1px solid #2e6e9e;
	border-bottom: 1px solid #2e6e9e;
}

.migrationMessage {
	margin: 0 auto;
	padding-left: 30%;
	padding-top: 40px;
	position: relative;
	color: red;
	text-align: left;
}

a.inline {
	display: inline;
}