@media (min-width: 1000px)
{
	body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
	a { color:#2F5496;}
	a:hover { text-decoration:none;}
	.orange { color:#2F5496;}


	#header { background: url(images/header_bckg.gif) repeat-x ; height:120px;  }
	#userid { font-family:Arial, Helvetica, sans-serif; color:white; width:700px; margin:0 auto 0 auto; padding:3px 0 0 280px; text-align:right;}
	#logo { width:1000px; margin:0 auto; padding:2px 0 0 0px; }
	#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
	#logo a:hover { }
	#portal { margin:0 auto 0 290px;padding:0 0 0 0;}
	/*
	original .orange was #fe5800.  Now replaced with "endeavour" blue shade #2F5496.  Need to check if that value is used anywhere before renaming to ".blue".

	#menu {color:#fff; text-align:center; margin-top:7px; }
	#menu ul{ width:1920px; margin:0 auto;list-style:none; padding:0; text-align:left;}
	#menu ul li{display:inline;}
	#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:148px; text-align:center; text-transform:uppercase;}
	#menu ul a:hover { background:url(images/menu_over.gif) no-repeat bottom center; color:#232323;}
	#menu ul a.active { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
	#menu ul a.active:hover { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
	*/
	#task { margin:0; cursor: pointer; color: #202f82; width:450px; height:37px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; padding-top:21px; padding-left:30px; }
	#task:hover { background:url(images/task.png) no-repeat top center; color: #1f81ff; width:450px; cursor: pointer; }
	#atask a {border:0;}

	#main { width:100%; margin:0px 0 0px 0; float:left; background: #F9F9F7 url(images/a1.gif) repeat-x;}
	#head_image { height:150px; background:url(images/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
	#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
	#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
	#content { margin:10px auto; padding:0 0 20px 0; width:955px;}
	#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal; line-height:1.25em;}
	#text {float:left; width:650px; padding: 0 20px 20px 20px; font-size:11px; margin-bottom: 20px; background-color: white;}
	#sidebar {background:url(images/sidebar_bckg_longer.png) repeat-x; margin:0px 0 0 700px; color:#6f6e6e; padding:20px;}
	#sidebar h2 {color:#2F5496; margin:0 0 0px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
	#sidebar-testing {background:url(images/sidebar_bckg.gif) repeat-x; margin:0px 0 0 700px; color:#6f6e6e; padding:20px;}
	#sidebar-testing h2 {color:#fe5800; margin:0 0 0px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}

	#failedlogin {background-color:#FFAAAA; text-align:center; margin-top:10px; margin-bottom:0;}
	#positivenotification {background-color:#00FF00; text-align:center; margin-top:10px; margin-bottom:0;}

	#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
	#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
	#left_footer a { color:#FFFFFF;}
	#left_footer a:hover { text-decoration:none;}
	#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
	#right_footer a { color:#FFFFFF;}
	#right_footer a:hover { text-decoration:none;}

	#tablelisthead { text-transform:uppercase; font-weight:bold; font-size:14px; background:#fe9840; text-align:center;}
	#tablelisteven { background:#ffffff; }
	#tablelistodd { background:#f0f0f0; }
	#tablelistwarneven { background:#ffdddd; }
	#tablelistwarnodd { background:#ff9999; }

	#fileentry { background:url(images/table-bg.jpg) repeat-x #fff; padding:2px;}

	blockquote {
		background-color: #f7f7f7;
		padding: 5px;
	}

	fieldset {
		border:1px dashed #CCC;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;
		width:500px;
	}
	legend {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: -1px;
		font-weight: bold;
		line-height: 1.1;
		color:#fff;
		background: #666;
		border: 1px solid #333;
		padding: 2px 6px;
	}

	.div_texbox {
		width:347px;
		float:right;
		background-color:#E6E6E6;
		height:35px;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:3px;
		padding-left:5px;
	}

	.div_checktexbox {
		width:300px;
		float:left;
		background-color:#E6E6E6;
		height:35px;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:3px;
		padding-left:5px;
	}





	.div_caltexbox {
		width:347px;
		float:right;
		background-color:#E6E6E6;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:3px;
		padding-left:5px;
	}

	label {
		width:140px;
		margin-top:3px;
		margin-right:2px;
		margin-bottom:3px;
		padding-top:11px;
		padding-left:6px;
		padding-bottom:11px;
		background-color:#CCCCCC;
		float:left;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		letter-spacing: -1px;
		font-weight: normal;
		line-height: 1.1;
		color:#666;
	}

	table_label 
	{
		margin-top:3px;
		margin-right:2px;
		margin-bottom:3px;
		padding-top:11px;
		padding-left:6px;
		padding-bottom:11px;
		padding-right:6px;
		background-color:#CCCCCC;
		float:left;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		letter-spacing: -1px;
		font-weight: normal;
		line-height: 1.1;
		color:#666;
	}



	.textbox {
		background-image: url(images/16t.png);
		background-color:#FFFFFF;
		background-repeat: no-repeat;
		background-position:0 5px;
		width:285px;
		font:normal 18px Arial;
		color: #999999;
		padding:3px 5px 3px 19px;
	}

	.phonebox {
		background-image: url(images/16t.png);
		background-color:#FFFFFF;
		background-repeat: no-repeat;
		background-position:0 5px;
		font:normal 18px Arial;
		color: #999999;
		padding:3px 5px 3px 19px;
	}



	.checkbox {
		margin-top:10px;
	}
	.textbox:focus, .textbox:hover {
		background-color:#F0FFE6;
	}

	.form {
		margin:0;
		padding:0;
	}
	.username {
			background-image: url(images/16m.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:185px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
			margin-top: 10px;
	}
	.username:focus, .username:hover {
		background-color:#F0FFE6;
	}
	.bodyusername {
			background-image: url(../images/16m.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:285px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
	}
	.bodyusername:focus, .bodyusername:hover {
		background-color:#F0FFE6;
	}
	.bodyusernamelocked {
			background-image: url(../images/16m.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFF1F1;
			width:285px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
	}
	.bodyusernamelocked:focus, .bodyusernamelocked:hover {
		background-color:#FAFAFA;
		cursor:not-allowed
	}
	.password {
			background-image: url(images/16s.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:185px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
			margin-top: 5px;
	}
	.password:focus, .password:hover {
		background-color:#F0FFE6;
	}

	.bodypassword {
			background-image: url(images/16s.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:285px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
	}
	.bodypassword:focus, .bodypassword:hover {
		background-color:#F0FFE6;
	}

	.buttons {
		background: #e5e5df;
		font-size:12px; 
		color: #2F5496; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform:uppercase;
		font-weight:bold;
		margin-top:5px;
		cursor: pointer;
	}

	.bodybuttons_test
	 {
		background: repeating-linear-gradient(
		  45deg,
		  #ffff00,
		  #9c9c00  10px,
		  #000000 10px,
		  #000000 20px
		);
		font-size:12px; 
		color: #FFFFFF; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		cursor: pointer;	
		
	}


	.bodybuttons_disabled
	 {
		background: linear-gradient(180deg, #ff0000, #b00000);
		font-size:12px; 
		color: #FFFFFF; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		cursor: not-allowed;
		pointer-events: none;	
		
	}





	.bodybuttons {
		background: #e3e3db;
		font-size:12px; 
		color: #2F5496; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform:uppercase;
		font-weight:bold;
		cursor: pointer;
	}
	.button_div {
		width:287px;
		float:right;
		background-color:#fff;
		border:1px solid #ccc;
		text-align:right;
		height:35px;
		margin-top:3px;
		padding:5px 32px 3px;
	}
	.buttonsURL {
		border:0;
		background-color:transparent;
		color: #2F5496;
		text-decoration:underline;
		cursor: pointer;
	}
	.accordion {
		background-color: #eee;
		color: #2F5496;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
	}
	.active, .accordion:hover {
		background-color: #ccc; 
	}

	.accordion:after {
		content:url(images/navExpandArrow.gif);
		color: #777;
		font-weight: bold;
		margin-left: 5px;
	}

	.active:after {
		content:url(images/navContractArrow.gif);
	}


	.panel {
		padding: 0 18px;
		display: none;
		background-color: white;
	}



	#ticketData {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100% !important;
		
	}
	#ajaxLoading {
		position: absolute;
		left: 0;
		top: 70px;
		z-index: 10;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: center;
	}

	#ajaxContainer {
		width: 100%;
		height: 100%;
		position: relative;
		
	}
	#refreshAjax {
		text-align: right;
		width: 100%;
	}
	.ui-accordion {
		height: 400px;
	}



	.ui-accordion h3 {
		margin: 0px;
		font-size: 11px;
		padding: 0.5em 0.5em 0.5em 0.7em;
		cursor: pointer;

	}
	#ticketNumber {
		background-color: rgba( 0, 0, 0, .1 );
		box-sizing: border-box;
		border-radius: 3px;
		padding: 3px;
	}

	.ui-draggable, .ui-droppable {
		background-position: top;
	}
	
	.table
	{
		font-weight: normal;
		font-size: 10px;
	}

	.tableStyle tr:first-of-type th
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.tableStyle th
	{
		font-weight: bold;
		text-align: center;
		color: #FFFFFF;
		background: linear-gradient(180deg, #777, #555);
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		
	}


	.tableStyle td 
	{
		font-weight: normal;
		font-size: 1em;
	}

	.tableStyle td, .tableStyle th 
	{
		padding-bottom: 1%;
		padding-top: 1%;
		padding-left:1%;
		padding-right:1%;
		
	}

	.tableStyle td:nth-child(2)
	{
		text-align: center;
	}

	.tableStyle tr:nth-child(odd) 
	{
		text-align: left;
		background-color: #e1e9f7;
		font-weight: 900;
		color: #000000;
	}

	.tableStyle tr:nth-child(odd) a
	{
		text-align: left;
		background-color: #e1e9f7;
		color: #000000;
	}

	.tableStyle tr:nth-child(even) 
	{
		text-align: left;
		background-color: #cfdef7;
		font-weight: 900;
		color: #000000;
	}

	.tableStyle tr:nth-child(even) a
	{
		text-align: left;
		background-color: #cfdef7;
		color: #000000;
	}

	.tableStyle tr:hover td
	{
		background-color: #2F5496;
		color: #FFFFFF;
		
	}

	.tableStyle tr:hover a
	{
		background-color: #2F5496;
		color: #FFFFFF;
	}

	.siteTable tr:first-of-type th
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.siteTable th
	{
		font-weight: bold;
		font-size: 10px;
		text-align: center;
		color: #FFFFFF;
		background: linear-gradient(180deg, #777, #555);
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		
	}

	.siteTable td 
	{
		font-weight: normal;
		font-size: 10px;
	}

	.siteTable td, .siteTable th 
	{
		padding-bottom: 1%;
		padding-top: 1%;
		padding-left:1%;
		padding-right:1%;
		
	}

	.siteTable td:nth-child(2)
	{
		text-align: center;
	}

	.siteTable tr:nth-child(odd) 
	{
		text-align: left;
		background-color: #e1e9f7;
		font-weight: 900;
		color: #000000;
	}

	.siteTable tr:nth-child(odd) a
	{
		text-align: left;
		background-color: #e1e9f7;
		color: #000000;
	}

	.siteTable tr:nth-child(even) 
	{
		text-align: left;
		background-color: #cfdef7;
		font-weight: 900;
		color: #000000;
	}

	.siteTable tr:nth-child(even) a
	{
		text-align: left;
		background-color: #cfdef7;
		color: #000000;
	}

	.siteTable tdfail
	{
		text-align: left;
		color: #DC143C;
	}
}




@media (max-width: 1000px)
{
	body { margin:0; padding:0; font-size:11px; line-height:16px; font-family: Arial, Tahoma;}
	a { color:#2F5496;}
	a:hover { text-decoration:none;}
	.orange { color:#2F5496;}


	#header { background: url(images/header_bckg_phone.png) repeat-x ; height:145px;}
	#userid { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:white; margin:0 auto 0 auto; padding:3px 3px 3px 3px; text-align:right;}
	#logo {width:10px; height:auto; margin:0 0 0 0; padding:15px 0 0 10px;}
	#logo a{ color:#FFFFFF; text-decoration:none; font-weight:bold; height:12px; font-size:20px; text-transform:uppercase;}
	#logo a:hover { }
	#portal { float:right; padding:0 0 0 0;}
	/*
	original .orange was #fe5800.  Now replaced with "endeavour" blue shade #2F5496.  Need to check if that value is used anywhere before renaming to ".blue".

	#menu {color:#fff; text-align:center; margin-top:7px; }
	#menu ul{ width:1920px; margin:0 auto;list-style:none; padding:0; text-align:left;}
	#menu ul li{display:inline;}
	#menu ul a { display:block; float:left; font-weight:bold; font-size:13px; text-decoration:none; color:#fff; background:url(images/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:148px; text-align:center; text-transform:uppercase;}
	#menu ul a:hover { background:url(images/menu_over.gif) no-repeat bottom center; color:#232323;}
	#menu ul a.active { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
	#menu ul a.active:hover { background:url(images/menu_active.gif) no-repeat bottom center; color:#232323;}
	*/
	#task { margin:0; cursor: pointer; color: #202f82; width:250px; height:37px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; padding-top:21px; padding-bottom:21px; padding-left:30px; }
	#task:hover { background:url(images/task_mobile.png) no-repeat top center; color: #1f81ff; width:250px; cursor: pointer;}
	#atask a {border:0;}
	
	#taskManyLines { margin:0; cursor: pointer; color: #202f82; width:250px; height:37px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; padding-top:11px; padding-bottom:11px; padding-left:30px; padding-right:10px}
	#taskManyLines:hover { background:url(images/task_mobile.png) no-repeat top center; color: #1f81ff; width:250px; cursor: pointer;}

	#main { width:100%; margin:0px 0 0px 0; float:left; background: #F9F9F7 url(images/a1.gif) repeat-x;}
	#head_image { height:150px; background:url(images/head_bckg.jpg) no-repeat #fe5d00; padding:30px 0 30px 50px; line-height:24px;}
	#slogan { color:#fff; font-family: "Arial Narrow", Arial, Tahoma; font-size:21px; text-transform:uppercase; }
	#under_slogan_text { color:#ffff00; font-size:10px; line-height:12px; padding-top:15px;}
	#content { margin:10px auto; padding:0 0 20px 0;  height:100%;}
	#content h1 { margin:20px 0 0 0; text-transform:uppercase; font-size:20px; color:#000; font-weight:normal; line-height: 1em;}
	#text {line-height: 1.4em; float:c; padding: 5px 5px 5px 5px; height:100%; margin-bottom: 20px; background-color: white; font-size:1em;}
	#sidebar {background:url(images/sidebar_bckg.gif) repeat-x; font-size:1em; margin:0px 0 0 0px; color:#6f6e6e; padding:20px;}
	#sidebar h2 {color:#2F5496; margin:0 0 0px 0; font-size:1em; font-weight:bold; text-transform:uppercase;}
	#sidebar-testing {background:url(images/sidebar_bckg.gif) repeat-x; margin:0px 0 0 0px; color:#6f6e6e; padding:20px;}
	#sidebar-testing h2 {color:#fe5800; margin:0 0 0px 0; font-size:1em; font-weight:bold; text-transform:uppercase;}

	#failedlogin {background-color:#FFAAAA; text-align:center; margin-top:10px; margin-bottom:0;}
	#positivenotification {background-color:#00FF00; text-align:center; margin-top:10px; margin-bottom:0;}

	#footer {background:url(images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both; }
	#left_footer { float:left; padding:20px 0 0 10px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:8px;}
	#left_footer a { color:#FFFFFF;}
	#left_footer a:hover { text-decoration:none;}
	#right_footer { float:right;  padding:10px 10px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:8px; text-align:right;}
	#right_footer a { color:#FFFFFF;}
	#right_footer a:hover { text-decoration:none;}

	#tablelisthead { text-transform:uppercase; font-weight:bold; font-size:14px; background:#fe9840; text-align:center;}
	#tablelisteven { background:#ffffff; }
	#tablelistodd { background:#f0f0f0; }
	#tablelistwarneven { background:#ffdddd; }
	#tablelistwarnodd { background:#ff9999; }

	#fileentry { background:url(images/table-bg.jpg) repeat-x #fff; padding:2px;}

	blockquote {
		background-color: #f7f7f7;
		padding: 5px;
	}

	fieldset {
		border:1px dashed #CCC;
		padding:10px;
		margin-top:20px;
		margin-bottom:20px;
	}
	legend {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: -1px;
		font-weight: bold;
		line-height: 1.1;
		color:#fff;
		background: #666;
		border: 1px solid #333;
		padding: 2px 6px;
	}

	.div_texbox {
		width:300px;
		float:left;
		background-color:#E6E6E6;
		height:35px;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:3px;
		padding-left:5px;
	}

	.div_checktexbox {
		width:152px;
		float:left;
		background-color:#E6E6E6;
		height:35px;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:3px;
		padding-left:5px;
	}




	.div_caltexbox {
		width:300px;
		float:left;
		background-color:#E6E6E6;
		margin-top:3px;
		padding-top:5px;
		padding-bottom:3px;
		padding-left:5px;
	}

	label {
		width:140px;
		margin-top:3px;
		margin-right:2px;
		margin-bottom:3px;
		padding-top:11px;
		padding-left:6px;
		padding-bottom:11px;
		background-color:#CCCCCC;
		float:left;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		letter-spacing: -1px;
		font-weight: normal;
		line-height: 1.1;
		color:#666;
	}

	table_label 
	{
		margin-top:3px;
		margin-right:2px;
		margin-bottom:3px;
		padding-top:11px;
		padding-left:6px;
		padding-bottom:11px;
		padding-right:6px;
		background-color:#CCCCCC;
		float:left;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		letter-spacing: -1px;
		font-weight: normal;
		line-height: 1.1;
		color:#666;
	}



	.textbox {
		background-image: url(images/16t.png);
		background-color:#FFFFFF;
		background-repeat: no-repeat;
		background-position:0 5px;
		width:260px;
		font:normal 18px Arial;
		color: #999999;
		padding:3px 5px 3px 19px;
	}

	.phonebox {
		background-image: url(images/16t.png);
		background-color:#FFFFFF;
		background-repeat: no-repeat;
		background-position:0 5px;
		font:normal 18px Arial;
		color: #999999;
		padding:3px 5px 3px 19px;
	}



	.checkbox {
		margin-top:10px;
	}
	.textbox:focus, .textbox:hover {
		background-color:#F0FFE6;
	}

	.form {
		margin:0;
		padding:0;
	}
	.username {
			background-image: url(images/16m.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:185px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
			margin-top: 10px;
	}
	.username:focus, .username:hover {
		background-color:#F0FFE6;
	}
	.bodyusername {
			background-image: url(../images/16m.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:285px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
	}
	.bodyusername:focus, .bodyusername:hover {
		background-color:#F0FFE6;
	}
	.bodyusernamelocked {
			background-image: url(../images/16m.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFF1F1;
			width:285px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
	}
	.bodyusernamelocked:focus, .bodyusernamelocked:hover {
		background-color:#FAFAFA;
		cursor:not-allowed
	}
	.password {
			background-image: url(images/16s.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:185px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
			margin-top: 5px;
	}
	.password:focus, .password:hover {
		background-color:#F0FFE6;
	}

	.bodypassword {
			background-image: url(images/16s.png);
			background-repeat: no-repeat;
			background-position:left;
			background-color:#FFFFFF;
			width:285px;
			font:normal 18px Arial;
			color: #999999;
			padding:3px 5px 3px 19px;
	}
	.bodypassword:focus, .bodypassword:hover {
		background-color:#F0FFE6;
	}

	.buttons
	{
		background: #e5e5df;
		font-size:1em; 
		color: #2F5496; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform:uppercase;
		font-weight:bold;
		cursor: pointer;
	}

	.bodybuttons_test
	 {
		background: repeating-linear-gradient(
		  45deg,
		  #ffff00,
		  #9c9c00  10px,
		  #000000 10px,
		  #000000 20px
		);
		font-size:1em;
		color: #FFFFFF; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		cursor: pointer;	
		
	}


	.bodybuttons_disabled
	 {
		background: linear-gradient(180deg, #ff0000, #b00000);
		font-size:1em;
		color: #FFFFFF; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		cursor: not-allowed;
		pointer-events: none;	
		
	}





	.bodybuttons {
		background: #e3e3db;
		font-size:1em; 
		color: #2F5496; 
		padding: 6px 14px;
		border-width: 2px;
		border-style: solid;
		border-color: #fff #d8d8d0 #d8d8d0 #fff;
		text-decoration: none;
		text-transform:uppercase;
		font-weight:bold;
		cursor: pointer;
	}
	.button_div {
		width:260px;
		float:right;
		background-color:#fff;
		border:1px solid #ccc;
		text-align:right;
		height:35px;
		margin-top:3px;
		padding:5px 32px 3px;
	}
	.buttonsURL {
		
		font-size:1em;
		color: #2F5496; 
		padding: 6px 14px;
		text-decoration: none;
		text-transform:uppercase;
		font-weight:bold;
		cursor: pointer;
	}
	.accordion {
		background-color: #eee;
		color: #2F5496;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
	}
	.active, .accordion:hover {
		background-color: #ccc; 
	}

	.accordion:after {
		content:url(images/navExpandArrow.gif);
		color: #777;
		font-weight: bold;
		margin-left: 5px;
	}
	
	.accordionMenu {
		background-color: #eee;
		color: #2F5496;
		cursor: pointer;
		border: none;
		text-align: left;
		outline: none;
		font-size: 1.5em;
		transition: 0.4s;
		
		
		width:180px;
		margin-top:3px;
		margin-right:2px;
		margin-bottom:3px;
		padding-top:11px;
		padding-left:6px;
		padding-bottom:11px;
		font-weight: bold;
		border-left: 10px ;
		border-right: 50px;
		border-top: 10px;
		border-bottom: 10px;


		text-transform: uppercase;
		
		
	}
	.active, .accordionMenu:hover {
		background-color: #ccc; 
	}

	.accordionMenu:after {
		content:url(images/navExpandArrow.gif);
		color: #777;
		font-weight: bold;
		margin-left: 5px;
	}
	
	
	

	.active:after {
		content:url(images/navContractArrow.gif);
	}
	
	.menuPanel {
		padding: 0 18px;
		display: none;
		background-color: #36383F;
	}


	.panel {
		padding: 0 18px;
		display: none;
		background-color: white;
	}



	#ticketData {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100% !important;
		
	}
	#ajaxLoading {
		position: absolute;
		left: 0;
		top: 70px;
		z-index: 10;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: center;
	}

	#ajaxContainer {
		width: 100%;
		height: 100%;
		position: relative;
		
	}
	#refreshAjax {
		text-align: right;
		width: 100%;
	}
	.ui-accordion {
		height: 400px;
	}



	.ui-accordion h3 {
		margin: 0px;
		font-size: 11px;
		padding: 0.5em 0.5em 0.5em 0.7em;
		cursor: pointer;

	}
	#ticketNumber {
		background-color: rgba( 0, 0, 0, .1 );
		box-sizing: border-box;
		border-radius: 3px;
		padding: 3px;
	}

	.ui-draggable, .ui-droppable {
		background-position: top;
	}

	.tableStyle tr:first-of-type th
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.tableStyle th
	{
		font-weight: bold;
		text-align: center;
		color: #FFFFFF;
		background: linear-gradient(180deg, #777, #555);
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		
	}


	.tableStyle td 
	{
		font-weight: normal;
		font-size: 1em;
	}

	.tableStyle td, .tableStyle th 
	{
		padding-bottom: 1%;
		padding-top: 1%;
		padding-left:1%;
		padding-right:1%;
		
	}

	.tableStyle td:nth-child(2)
	{
		text-align: center;
	}

	.tableStyle tr:nth-child(odd) 
	{
		text-align: left;
		background-color: #e1e9f7;
		font-weight: 900;
		color: #000000;
	}

	.tableStyle tr:nth-child(odd) a
	{
		text-align: left;
		background-color: #e1e9f7;
		color: #000000;
	}

	.tableStyle tr:nth-child(even) 
	{
		text-align: left;
		background-color: #cfdef7;
		font-weight: 900;
		color: #000000;
	}

	.tableStyle tr:nth-child(even) a
	{
		text-align: left;
		background-color: #cfdef7;
		color: #000000;
	}

	.tableStyle tr:hover td
	{
	  background-color: #2F5496;
	  color: #FFFFFF;
		
	}

	.tableStyle tr:hover a
	{
		background-color: #2F5496;
	  color: #FFFFFF;
	}


	.siteTable tr:first-of-type th
	{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.siteTable th
	{
		font-weight: bold;
		text-align: center;
		font-size:1em;
		color: #FFFFFF;
		background: linear-gradient(180deg, #777, #555);
		font-weight: bold;
		text-shadow: 1px 1px 2px #444;
		
	}


	.siteTable td 
	{
		font-size:1em;
		font-weight: normal;
		font-size: 1em;
	}

	.siteTable td, .siteTable th 
	{
		padding-bottom: 1%;
		padding-top: 1%;
		padding-left:1%;
		padding-right:1%;
		
	}

	.siteTable td:nth-child(2)
	{
		text-align: center;
	}

	.siteTable tr:nth-child(odd) 
	{
		text-align: left;
		background-color: #e1e9f7;
		font-weight: 900;
		color: #000000;
	}

	.siteTable tr:nth-child(odd) a
	{
		text-align: left;
		background-color: #e1e9f7;
		color: #000000;
	}

	.siteTable tr:nth-child(even) 
	{
		text-align: left;
		background-color: #cfdef7;
		font-weight: 900;
		color: #000000;
	}

	.siteTable tr:nth-child(even) a
	{
		text-align: left;
		background-color: #cfdef7;

		color: #000000;
	}

	.siteTable tdfail
	{
		text-align: left;
		

		color: #DC143C;
	}
}