#loadingContainer {
	position:absolute;
	top:50%;
	left:42%;
	z-index:99999;
}

/*** general css ***/

.tm-select-wide	{
	width:270px!important;
	margin:0 15px 0px 0px!important;
}
	
.tm-selected {
	background:#F6F690; 
}


.tm-support-view {
	background:#EBF5F8;
}

.tm-status {
	display:block;
	width:50px;
	padding: 4px 0;
	text-align: center;
	border: 1px solid #DFDFDF;
	font-family: swiss721l,Trebuchet MS,Helvetica,Arial,sans-serif;
	//border: 1px solid black;
}

.tm-frmInput {
	width:175px;
	font-size:1em;
	margin:0px 0px 9px 0px;
	border:1px solid #7f9db9;
}

.tm-frmInput:focus {
	border: 1px solid #3E9AFF;
}

.tm-keyword {
	width:98%;
	height:20px;
	font-size:1em;
}

.tm-button {
	display: inline-block;
	padding: 0.2em .5em;
	border: 1px solid silver;
	background: #F0F0F0;
	color: #333333;
	xwidth:80px;
	font-family: swiss721l,Trebuchet MS,Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight:bold;
	cursor:pointer;
	margin: 10px 10px;
	margin-right:20px;
}

.tm-button.small {
	font-size: 0.75em;
}

.tm-button:hover {
	background: #333333;
	color: #F0F0F0;
}

.tm-button:active {
	background: #FFFFFF;
	color: #000000;
}

.tm-ticket-box:hover {
	background:#F6F690;
	cursor:pointer;
}

.toggle_expand {
	background: url( ../images/toggle_expand.jpg ) 5px 5px no-repeat;
	height:14px;
	width:14px;
}

.toggle_collapse{
	background: url( ../images/toggle_collapse.jpg ) 5px 5px no-repeat;
	height:14px;
	width:14px;
	padding-top:5px;
}

/*** begin of col_1 section ***/
#tm-col_1 {
	float:left;
	width:398px;
	margin-right:10px;
	//border:1px solid black;
}

.tm-col_1-topHeader {
	background: url(../images/tk-head-sup.gif) no-repeat;
    xborder-radius: 10px 10px 0 0;
    xborder:1px solid silver;
	text-indent: -3980px;
    height: 41px;
	width: 398px;
}

#tm-filter {
	float:left;
	width:398px;
	background: #D6D6D6;
}

#tm-filter table {
	width:95%;
	margin: 5px auto;
	font-size: 0.90em;
	font-family: swiss721l, Helvetica;
}

#tm-filter table tr:first-child td:first-child {
	vertical-align:top;
}

#tm-filter table tr:first-child + tr td {
	padding-top:10px;
}

#tm-list {
	float:left;
	width:398px;
	border:1px solid black;
}

#tm-list table.tm-header {
	width:100%;
	margin:0 auto;
	text-transform:uppercase;
	font-size: 0.90em;
	color:#666666;
	font-family: arial, swiss721l, Helvetica;
	margin-top:10px;
	border-bottom:1px solid #DCDCDC;
}

#tm-list table.tm-header tr th {
	padding-left:10px;
}

#tm-list table.tm-ticket {
	width:100%;
	margin:0 auto;
	font-size: 0.90em;
	font-family: arial, swiss721l, Helvetica;
	border-bottom:1px solid #DCDCDC;
}

#tm-list table.tm-ticket tr td{
	padding: 5px 0px 5px 10px;
}

#tm-list table.tm-ticket tr:first-child td {
	padding-bottom:10px;
}

#tm-list table.tm-ticket tr:first-child + tr td {
	padding-bottom:6px;
	padding-top:6px;
}





/*** end of col_1 section ***/

#tm-col_2 {
	float:left;
	width:400px;
	position:relative;
}

.tm-col_2-topHeader {
	background: url(../images/tk-details-head.gif) no-repeat;
    xborder-radius: 10px 10px 0 0;
    xborder:1px solid silver;
	text-indent: -3980px;
    height: 41px;
	width: 400px;
}

#tm-new-ticket-button {
	position:absolute;
	left:300px;
}

#tm-new-ticket {
	float:left;
	width:398px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#tm-new-ticket table {
	width:90%;
	margin: 8px auto;
	font-size:0.90em;
	font-family: swiss721l, Helvetica;
}

#tm-new-ticket table textarea {
	width:98%;
}

#tm-new-ticket table input[type=file] {
	width:100%;
}

#tm-new-ticket table tr td {
	padding-bottom:10px;
}

#tm-ticket-details {
	float:left;
	width:398px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#tm-ticket-details table {
	width:90%;
	margin: 5px auto;
	font-size:0.90em;
	font-family: swiss721l, Helvetica;
}

#tm-ticket-details table tr td {
	padding-bottom:10px;
}

#tm-ticket-assign {
	float:left;
	width:398px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#tm-ticket-assign table {
	width:90%;
	margin: 5px auto;
	font-size:0.90em;
	font-family: swiss721l, Helvetica;
}

#tm-ticket-assign table tr td:first-child {
	vertical-align:middle;
}

#tm-ticket-notes {
	float:left;
	width:398px;
	padding-bottom:10px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

#tm-ticket-notes table#notes-header {
	width:90%;
	margin: 0px auto;
	font-size:0.90em;
	font-family: swiss721l, Helvetica;
	background: #D6D6D6;
}

#tm-ticket-notes table#notes-header tr td {
	padding: 0px 5px;
}

#tm-ticket-notes table#note-subject {
	width:100%;
	margin: 0px auto;
	font-size:0.90em;
	font-family: swiss721l, Helvetica;
	color: #494949;
	background: #FFFFFF;
	cursor:pointer;
}

#tm-ticket-notes table#note-subject tr td {
	padding:5px 5px;
}

#tm-ticket-notes table#note-content {
	width:100%;
	margin: 0px auto;
	font-size:0.90em;
	font-family: swiss721l, Helvetica;
	color: #494949;
	background: #FFFFFF;
}

#tm-ticket-notes table#note-content tr td {
	padding:5px 5px;
}

.subjectRow {
	width:90%;
	margin:0 auto;
	border-bottom:1px solid #DCDCDC; 
}

.tm-col_2-footer {
	float:left;
	width:398px;
	text-align:right;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}




