@charset "utf-8";



@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html .rx-content{
	--rx-font-text: 'open_sansregular', Arial, sans-serif;
	font-size: 14px;
}
html .rx-content p, html .rx-content li{
	font-size: 13px;
}

.ui-widget {
	font-family:'open_sansregular', Arial, sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family:'open_sansregular', Arial, sans-serif;
}


body { margin:0; padding:0; width:100%; background:#fff;
	font-family:'open_sansregular', Arial, sans-serif; font-size:12px;}

/* .triosoftFont {
	--rx-font-text: 'open_sansregular', Arial, sans-serif;
} */
	
	

@media only screen and  (min-device-width : 320px) 
and (max-device-width : 480px)  {
	body {font-size:1em;}
}

input, select, button, textarea, label, pre {font-family:'open_sansregular', Arial, sans-serif; font-size:1em;}

input[type=text],  input[type=password], select, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 2px 1px 3px 0px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
   border-radius: 4px;
}
 
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
  box-shadow: 0 0 5px #0073ea;
  padding: 3px 0px 3px 3px;
  margin: 2px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}


input.error, select.error, textarea.error,
input.error:focus, select.error:focus, textarea.error:focus {
   box-shadow: 0 0 5px  #D82E31;
  padding: 3px 0px 3px 3px;
  margin: 2px 1px 3px 0px;

  border: 1px solid  #D82E31;
}


input[type=checkbox] {position:relative; top:2px;}

 fieldset {
  display:inline-block; border:#ccc 1px solid; padding:4px 6px; margin:0 0 6px 0;
 
   -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
   border-radius:4px; }
   
 fieldset legend {color:#000; font-size:0.9em;}

button  {
		font-weight:bold;
		background:#2b8fed; color:#fff; 
		padding:.7em 1.2em; 
		border:0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
  		-ms-border-radius: 3px;
		border-radius: 3px;
		cursor:pointer;
		outline:0;
		margin:4px;
	}

/* button:hover {rgb(70,155,234)};  */

button:disabled {background:#999; cursor:default; color:#eee;}


div#popupcontainer { background-color:rgba(0, 0, 0, 0.7);
	
		height:100%;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		right:0;
		z-index:10000;
		display:none;
	
		}
		
div#closepopup {background:url(images/circle_close_delete-128.png) no-repeat; width:48px; height:48px;
	margin:20px 20px auto auto; 	cursor:pointer;}
	
div#popupcontent {margin:auto; 
		opacity:1.0;
		filter:alpha(opacity=100); 
		background:#fff; color:#000; display:block; width:85%; height:75%; overflow:auto;
		box-shadow: 8px 8px 8px #333;
		padding:2em;
		  -o-border-radius: .5em;
	  -ms-border-radius: .5em;
	  -webkit-border-radius: .5em;
	  -moz-border-radius: .5em;
	   border-radius:.5em; 

		}	
div#collectionTypes { 

  -o-border-radius: 4px;
	  -ms-border-radius:4px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	   border-radius:4px; 
	 }
div.error { box-shadow: 0 0 5px  #D82E31;
  padding: 3px 0px 3px 3px;
  margin: 2px 1px 3px 0px;
  border: 1px solid  #D82E31;
}

html { padding:0; margin:0;}

img {border:none;}
/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.header {
	display:block;
	background:#303442; /*#3E454D;*/
	 padding:0; margin:0 auto; height:60px;
	position:fixed; top:0px;
	z-index:9000 !important; /*opacity:0.95;*/
	 width:100%; 
	 min-width:993px;
	/* box-shadow: 0px 2px 7px  rgba(30, 30, 30, 0.8); 
	-moz-box-shadow: 0px 2px 7px  rgba(30, 30, 30, 0.8); 
	-webkit-box-shadow: 0px 2px 7px  rgba(30, 30, 30, 0.8); */
	}


.block_header {margin:0 auto;  width:993px; padding:0; border:none; }


.bodyMain {
	position:absolute; 
	top:60px; 
	left:0px; 
	width:100%; 
	min-width:993px; 
	/* height:100%; */
	min-height: calc(100% - 60px);
	display: flex;
	flex-direction: column;
}

/* logo */

.logo { float:left; padding:0; margin:5px 0 0 0; width:250px;}
.logo img { max-width:200px; height:auto;}

button.menubarbutton {border:#aaa 1px solid; 
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px; 
	padding:3px 9px 3px 9px; color:#eee;
	 text-align:center; 
	 background:#303442;
	 font-size:1em; font-weight:normal;
	 margin-right:7px; margin-left:auto; margin-top:17px; cursor:pointer;}
button.menubarbutton:hover,
	button.menubarbutton.active {background:#1682bd; color:#fff;}

.tollfree, 
	.social  {padding:0; width:200px; text-align:right; vertical-align:middle; 
		margin-right:0; margin-left:auto;}
.tollfree {margin-top:4px; height:18px;}
.social img {vertical-align:middle; margin-left:5px;}
.social {padding:0; margin-top:4px; height:22px;}


	


.headerright  {
	vertical-align:middle;
	display:block;
	float:right;
	text-align:right;
	color: #8a8a8a;
	padding: 0;
}



div#loginPanel {display:none; 
	width:100%;		
	margin:auto;
	padding:0;
	background:#187ebb; 

	
	}

div.loginArrow {background:url(images/login_arrowup.png) no-repeat; width:60px; height:16px; display:block; margin-bottom:-14px;
	position:relative;  left:400px; top:-14px; }


div.loginPanelInner {
	display:block;
	width:100%;
	text-align:right;
	margin:auto 0 auto auto;
	background:#187ebb; 
	padding:15px 5px;
	box-sizing:border-box;
	color:#fff; 
}



div#loginPanel button, 
		div#loginPanel button:active {
		font-weight:normal;
		background:#303442; color:#fff; padding:5px 10px; 
		border:#ccc 1px solid;
		
		-o-border-radius:3px;
		-ms-border-radius:3px;	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		cursor:pointer;
		outline:0;
		margin:2px 8px;
	}

div#loginPanel button:hover {background:#4F4F4F; border:#ccc 1px solid;
	}	
	
div#loginPanel input[type=text],
	div#loginPanel input[type=password] {font-size:1.1em;}

div#loginPanel div.b1 {display:inline-block; vertical-align:text-top; padding:0 1em 1.5em 0;  text-align:left; font-size:.9em; padding-right:22px; color:#e0e0e0;}
div#loginPanel div.b1.links {padding:1.5em 1em 1.5em 0;}
div#loginPanel div.b1.loginbtn {padding-top:1.1em;}

/*div#loginPanel table {border-collapse:collapse; margin:0 auto; }
div#loginPanel table  tr td {vertical-align:bottom; font-size:.9em; padding-right:22px; color:#e0e0e0;}
div#loginPanel table  tr td.links {vertical-align:bottom; font-size:1em; padding-bottom:10px; color:#fff;}*/
div#loginPanel a,
	div#loginPanel a:hover,
		div#loginPanel:active {color:#fff; font-weight:normal;}
		
		
div#loginPanel 	#chkRememberPassword {position:relative; top:3px;}


.mobilemenu {display:none; visibility:hidden;}
li.mobileonly {display:none;}

/* menu */	
.menu {margin:14px 0 auto 0;  padding:2px 0 0 0; float:left; display:block; position:relative; z-index:9999 !important;  }
.menu  ul { text-align:right; padding:0; margin:0; list-style:none; border:0; }
.menu > ul > li {font-size:1.0em;  font-weight:bold; text-transform:uppercase;
	text-align:left; float:left; margin:0 0 0 0; padding:0; border:0; height:32px; }
.menu > ul  > li > a { float:left; 
	/*border-right:1px solid #464646; */
	margin:0px 0px 0px 5px;
	padding:3px 10px 3px 10px; 
	color:#eee; text-decoration:none;}
.menu > ul  > li:nth-child(3n+1)  > a:hover, 
	.menu  > ul  > li:nth-child(3n+1)  >  a.active  {border-bottom:#248bc2 3px solid; }

.menu > ul  > li:nth-child(3n+2) >  a:hover, 
	.menu  > ul  > li:nth-child(3n+2) >  a.active  {border-bottom:#fd9c10 3px solid;}
	
.menu > ul  > li:nth-child(3n+3) > a:hover, 
	.menu  > ul  > li:nth-child(3n+3)  > a.active  {border-bottom:#2db96d 3px solid;}

.menu ul ul {
	text-align:left;
	padding: 0 10px;
	list-style: none;
	/*box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/
	position: relative;}

.menu ul ul {display:none;}

.menu ul:after {
		content: ""; clear: both; display: block;
	}


.menu ul ul li {
	float:left; white-space:nowrap;
	 font-weight:normal; text-transform:none;
}
	.menu ul ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		.menu ul ul li:hover a {
			color: #fff;
		}
	
	
	
.menu ul ul {
	background: #303442; 
	 padding:0;
	position: absolute; top: 100%; 
}
	.menu ul ul li {
		float: none; 
		/*border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;*/
		position: relative;
	}
		.menu ul ul li a {
			padding: 7px 20px; display: block; 
			color: #fff; text-decoration: none;
			border-left:#5f6975 3px solid;
		}	
			.menu ul ul li a:hover {
				background: #4b545f;
			}


	.menu ul ul  li:nth-child(3n+1)  > a:hover, 
		.menu  ul  ul  li:nth-child(3n+1)  >  a.active  {border-left:#248bc2 3px solid; }

	.menu  ul  ul  li:nth-child(3n+2) >  a:hover, 
		.menu  ul  ul   li:nth-child(3n+2) >  a.active  {border-left:#fd9c10 3px solid;}
		
	.menu  ul  ul   li:nth-child(3n+3) > a:hover, 
		.menu  ul  ul  li:nth-child(3n+3)  > a.active  {border-left:#2db96d 3px solid;}
	
	
.menu ul ul ul {
	position: absolute; left: 100%; top:0;
}			


@media  (max-width: 800px) {
	/* MENU FOR MOBILE DEVICES */
	
	.mobilemenubg {
		/* background-color:rgba(60, 60, 60, 0.5); */
		filter: drop-shadow(2px 2px 10px #333);
		height:auto;
		/* height: -webkit-fill-available; */
		width:100%;
		position:absolute;
		top:52px;
	
		z-index:10000;
		display:block;
	}
	.logo { float:left; padding:0;  width:100%; height:46px; text-align:center; vertical-align:bottom;}
	.logo img {  max-width:160px; height:auto; margin:auto auto;}
	
	div#loginPanel div.b1  {display:block;}
	div#loginPanel div.b1 {padding:0 1em 1.5em 0;  }
	div#loginPanel div.b1.links {padding:1.5em 1em 1.5em 0;}
	div#loginPanel div.b1.loginbtn {padding-top:0;}
	div.loginArrow {display:none;}
	
	li.mobileonly {display:block;}
	
	.headerright button#loginToggleButton {display:none;}
	.headerright {position:absolute; top:0; right:0;}
	
	.mobilemenu {display:block; visibility:visible; 
		background:url(images/dIZMp.png) no-repeat;
		position:absolute;
		margin:6px;
		background-size:contain;
		float:left;
		height:40px; width:40px;}

	
	.menu:before {content: ""; clear: both; display: block;}

		
	.menu {margin:0; padding:0; display:block; float:none; 
		z-index:10050; background:#fff; width:70%; 
		
		box-shadow: 3px 0 3px -1px #333;
		}
	.menu > ul {display:none;}
	.menu  ul { text-align:left; padding:0; margin:0; float:none;}
	.menu > ul > li {font-size:1.4em; 
		text-align:left;
		 float:none;
		 margin:0;
		 height:auto; 
		
		 }
		
	.menu > ul  > li > a {  float:none;
		margin:0;
		padding:.4em 1em .4em 1em;
		display:block;
		border-bottom:0px;
		border-bottom:#ccc 1px solid;
		color:#000;}
		
	.menu > ul  > li:nth-child(3n+1)  > a:hover, 
		.menu  > ul  > li:nth-child(3n+1)  >  a.active  {border-bottom:#ccc 1px solid; }
	
	.menu > ul  > li:nth-child(3n+2) >  a:hover, 
		.menu  > ul  > li:nth-child(3n+2) >  a.active  {border-bottom:#ccc 1px solid;}
		
	.menu > ul  > li:nth-child(3n+3) > a:hover, 
		.menu  > ul  > li:nth-child(3n+3)  > a.active  {border-bottom:#ccc 1px solid;}
	
	.menu ul ul {
		box-shadow: none;
		position:static;
		padding:0; margin:0;
		display:block;
		}
	
	.menu ul:after {
			content: ""; clear: both; display: block;
		}

	.menu ul ul li:hover {
		background:none;
	}
	
	.menu ul ul {
		background: none;
		position:static; top: auto; 
		padding:0;margin:0;
	}
		.menu ul ul li {
			float: none; 
			
			position: static;
			padding:0;margin:0;
		}
			.menu ul ul li a {
				padding:.4em 1em;
				margin:0;
				color: #000; 
				border-left:0px;
				border-bottom:#ccc 1px solid;
			}	
				.menu ul ul li a:hover {
					background:none;
				}
	
	.menu ul ul li:hover a {
			color: #000;
		}
		.menu ul ul  li:nth-child(3n+1)  > a:hover, 
			.menu  ul  ul  li:nth-child(3n+1)  >  a.active  {border-left:0px; }
	
		.menu  ul  ul  li:nth-child(3n+2) >  a:hover, 
			.menu  ul  ul   li:nth-child(3n+2) >  a.active  {border-left:0px;}
			
		.menu  ul  ul   li:nth-child(3n+3) > a:hover, 
			.menu  ul  ul  li:nth-child(3n+3)  > a.active  {border-left:0px;}
		
		
	.menu ul ul ul {
		position: static; left: 100%; top:0;
	}			
	
	a.desktoponly {display:none; visibility:hidden; font-size:0em; height:0;}
		
}


/*.accord_top_resize */
.accord_top_resize { width:990px; margin:0 auto; padding:0;}
.accord_top_resize h2 { font: bold 36px; color:#fff; padding:10px 20px; margin:0; text-transform:uppercase;}
/* blog_body */


/********** block index **********/
.body {
	padding:0; 
	min-height:70%;  
	margin:0 auto; 
	width:100%; 
	text-align:center;
	flex-grow: 1; 
}
.body .content {margin:auto; text-align:left; display:table; font-size:1.1em}

.body_resize {  width:993px; margin:0 auto; padding:10px 0px; } /*width:993px; }*/
.body_full {width:100%; margin:0 0; padding:0;}
 h2 { font-size:1.6em; color:#2b8fed; padding:1.2em 0; margin:0;}
.body h2 span { font-size:.8em; font-weight:bold; color:#b3b3b3;}

body .msgbody p{
	color: black!important;
	padding:0px 0px; 
	margin:0; 
}

body .msgbody p:empty {
	min-width: 1em;
    min-height: 1.5em;
}

body .msgbody hr{
	/* This color set in redactor.min.css */
	border-color: var(--rx-border-dark-minimal); 
}


body p{
	font:normal 12px; 
	color:#444; 
	padding:10px 0px; 
	margin:0; 
	line-height:1.5em;
}

/* NOTE this shouldn't be nessessary but for some reason it is becuase the above selector doesn't seem to work as it should */
body .rx-container p { 
	font:normal 12px; 
	/* color:#444;  */
	color: black;
	padding:0px 0px; 
	margin:0; 
	line-height:1.5em;
}


/*.body p span { font-weight:bold; font-size:14px; color:#565656;}*/
.body a { color:#0294E6; text-decoration:none;}
.body img.floated {float:left; margin:10px 10px 10px 0; padding:0; }
.left  { width:633px; float:left; margin:0; padding:10px 20px;} 
.right  { width:280px; float:right; margin:0; padding:10px 20px;} 
.full  { margin:0; padding:0 20px;} 
.port { width:301px; float:left; padding:10px 20px 10px 0; margin:0;}
.port.last { padding:10px 0;}

/*************footer**********/
.footer {padding:2em 0 1em 0;  margin:0 auto; border-top:1px solid #333333; background:#333333; color:#eee; width:100%; min-width:993px; }
.footer_resize { margin:0 auto; padding:4px;  width:953px; }
.footer p { font-size:.9em; }



.footer a,
	.footer a:active {color:#eee; text-decoration:none;
  }
/*.footer a:hover {color:#294D9F; border-bottom:#294D9F 2px solid; }*/
.footer a:hover {font-weight:bold;}

.footer  a, .footer  a:active, .footer  a:visited {
font-weight:normal; text-decoration:none; color:#bbb;
  -webkit-transition: color 0.10s ease-in-out;
  -moz-transition: color 0.10s ease-in-out;
  -ms-transition: color 0.10s ease-in-out;
  -o-transition: color 0.10s ease-in-out;}
  
 .footer  a:hover {color:#eee; font-weight:normal; text-decoration:none;}
  
.footer div.leftt { text-align:left; width:40%; max-width:350px; margin:0; padding:25px 0 0 0; float:left;  color:#999;} 
.footer div.right { text-align:left;  width:60%; max-width:600px; margin:0; padding:0 0 0 0; float:right; color:#ccc; } 

.footer .infolinks {display:block; float:left; width:100%; border-top:#454545 1px solid; margin:3px 0 0 0; padding:3px 0 0 0;}
.footer .infolinks a {margin:0 12px 0 0; font-size:.9em;}


.footer .copyright {display:block; float:left;  margin:6px 0 0 0; padding:6px 0 0 0;}

.footer a.menulink:nth-child(3n+1):hover, 
	.footer  a.menulink.active:nth-child(3n+1)  {border-bottom:#248bc2 2px solid; }

.footer a.menulink:nth-child(3n+2):hover, 
	.footer  a.menulink.active:nth-child(3n+2)    {border-bottom:#fd9c10 2px solid;}
	
.footer a.menulink:nth-child(3n+3):hover, 
	.footer  a.menulink.active:nth-child(3n+3)     {border-bottom:#2db96d 2px solid;}


.footer a.bbb:hover { background:url(images/socialicons3.png) no-repeat; background-position:-75px 0px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}
	
	
.footer a.bbb { background:url(images/socialicons3.png) no-repeat; background-position:-75px -25px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}
		
.footer a.facebook:hover { background:url(images/socialicons3.png) no-repeat; background-position:0px 0px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}
	
.footer a.gplus:hover {background:url(images/socialicons3.png)  no-repeat; background-position:-25px 0px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}	

.footer a.linkedin:hover {background:url(images/socialicons3.png) no-repeat; background-position:-50px 0px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}	
	
.footer a.facebook { background:url(images/socialicons3.png) no-repeat; background-position:0px -25px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}
	
.footer a.gplus {background:url(images/socialicons3.png)  no-repeat; background-position:-25px -25px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}	

.footer a.linkedin {background:url(images/socialicons3.png) no-repeat; background-position:-50px -25px; 
	width:25px; height:25px; display:inline-block; padding:0; margin:0;}	

/*
.sitemap {border-collapse:collapse; width:auto; max-width:100%;}
.sitemap tr td {font-size:.9em; line-height:21px; vertical-align:top; padding:2px 6px 2px 8px; white-space:nowrap; text-wrap:none; text-align:left}	
*/
/*.sitemap  tr td a,
	.sitemap  tr td a:active {text-decoration:none; font-size:11px; color:#eee;}
.sitemap  tr td a:hover {color:#3D69CD; border-bottom:#3D69CD 2px solid; }*/
/*
.sitemap  tr td h4 {font-size:1em; color:#333; margin:0 0 0 0; text-transform:uppercase;}
.sitemapadmin {margin-left:-8px;}
.sitemapadmin tr td {padding:1px 6px 1px 8px;}
*/


div.sitemap {float:left; vertical-align:text-top; line-height:1.8em; padding:.5em 0; margin:0 0 0 0;}
div.sitemap h2 {margin:0 0 .5em 0; color:#888; font-size:1.3em; font-weight:normal; padding:0;}

div.sitemap a,
	div.sitemap  a:active {font-size:.9em; margin-right:2.5em;}
/*div.sitemap  a:hover {color:#3D69CD; border-bottom:#3D69CD 2px solid; }*/


div.submenugroup {float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:10px 0; background:none; line-height:0;}
/********** slider **********/
.accord_top { padding:10px 0; margin:0; background:#D1D5DA;}
/* jquery.v1.4.2 */
/* Small reset */
/*Featuread Area*/
#featured, .featured, .fadeout, .newsselect { height:400px; /*this changes the height of the image slider*/ }
#feature_wrap { width:959px; border:5px solid #f4f4f4; margin:0 auto; }
#featured { position: relative; width:957px; overflow: hidden; }
.featured { width:715px; position:absolute; top:0; left:0; overflow: hidden; display:none; border-left:1px solid #aaa; background: #fff url(images/preload.gif) no-repeat center center; }
.preloading_background { background: transparent url(images/preload.gif) no-repeat 50% 50%; }
#feature_wrap .fadeout { background: transparent url(images/overlay.png) repeat-y right top; }
.bottom_left_rounded_corner { background: transparent url(images/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(images/rounded.png) no-repeat right bottom; }
#feature_wrap #featured .feature_excerpt { background: #fff; }
#feature_wrap #featured a { color:#444; }
.accord_top .feature_excerpt { width:660px; position: absolute; display: block; bottom: 0; left:0; z-index: 2; padding:10px 20px; font-size: 11.5px; line-height:1.5em; cursor: pointer; }
.sliderdate { display:none; }
/*fadeslider*/
.fadeslider .featured { width:100%; border:none; }
.accord_top .slidecontrolls { position:absolute; width:10px; right:-15px; bottom:0; }
.accord_top .slidecontrolls span { height:10px; padding:2px 0; width:10px; display:block; cursor: pointer; }
.accord_top .fadeslider .feature_excerpt { width:917px; }
/*newsslider*/
.newsselect { position: absolute; overflow: hidden; width:276px; right:0px; top:0px; border-left:1px solid #e1e1e1; background: #fff; z-index: 5; }
.newsslider .newsItems { position: absolute; top:0; left:0; }
.newsslider .featured { border:none; }
.accord_top .newsselect .sliderheading { font-size:13px; font-weight: bold; padding: 0; }
.newsselect .single_item { padding:10px; border-bottom:1px solid #e1e1e1; display: block; text-decoration: none; line-height: 1.3em; }
.newsselect .single_item:hover,
.newsselect .active_item { background-color: #f1f1f1; outline: none; }
.accord_top .newsslider .fadeout { right:155px; }
.newsselect .sliderdate { display:block; font-size: 11px; }
/*accordion slider*/
.featured img { display:block; position: relative; z-index: 1; }
.accord_top .fadeout { position:absolute; width:200px; display:block; right:0px; z-index: 3; }
.accord_top .sliderheading { display:block; font-size: 26px; }
.accord_top .heading_clone { color:#fff; position: absolute; z-index: 4; bottom:20px; left:20px; font-size: 14px; font-weight:bold; padding:0; margin: 0; }
.featured a,
.featured a img,
.featured img { text-decoration: none; border:none; }
.accord_top .featured1 { border:none; display: block; }
.bottom_right_rounded_corner,
.bottom_left_rounded_corner { position: absolute; z-index: 50; display: block; height:7px; width:7px; bottom:0px !important; /* ie6fix */ left:0px; bottom:-1px; }
.accord_top .bottom_right_rounded_corner { right:0px !important; /* ie6fix */ right:-1px; left:auto; }

:not(.rx-container) p { padding: 0.5em 0; }
.flickr { padding: 0.5em 0; }
body .accord_top #main .noborder,
body #footerwrap #footer .noborder { border:none; padding:0; }
.small_block { font-size: 0.9em; line-height: 1.4em; clear:both; }
.entry ol li { list-style-position:inside; list-style-type:decimal; }

/*pre { background-color:#FEFEFE; border:1px solid #DDDDDD; color:#333333; display:block; font-family:"Courier New", Courier, monospace; font-size:12px; overflow:auto; padding:10px; width:90%; }*/




dialog.basicBox{
	font-size:1em; 
	border:#fff 2px solid;
	-o-border-radius:7px;
	-ms-border-radius:7px;	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;


	padding:20px;
	box-shadow:0 0 0px 1px #aaa;
	background-origin:content-box;
}

div.basicBox{
	width:600px;
    height:auto;
	font-size:1em; 
    margin:10px auto 20px auto;
	border:#fff 2px solid;
	
	-o-border-radius:7px;
	-ms-border-radius:7px;	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;


	padding:20px;
	box-shadow:0 0 0px 1px #aaa;
	background-origin:content-box;
}


div.basicBox h2, dialog.basicBox h2 {font-size:1.2em;}

div.basicBox.error, dialog.basicBox.error
{ 
	box-shadow: 0 0 5pxf  #D82E31;
  	border: 1px solid  #D82E31;
}

div.oops { width:600px;
    height:160px;
	font-size:1.2em; 
     margin:100px auto 100px auto;
	border:#fff 2px solid;
	
	-o-border-radius:7px;
	-ms-border-radius:7px;	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;
		


	padding:20px;
	background:#C5CACF url('images/einstein-oops.png')  no-repeat top right;
	box-shadow:0 0 0px 1px #aaa;
	background-origin:content-box;
}

div.oops a {font-weight:bold;}

div.oops span.icon {background:url('images/blue_exclamation.png') no-repeat; 
	font-size:2.5em; font-weight:bold; display:block; height:80px; width:100px;
	padding:0px 0 0 80px; margin-bottom:6px;}


table.contact {border-collapse:collapse; margin-top:45px;margin-bottom:45px;}

table.contact tr td {padding:20px; text-align:left; vertical-align:top;}

table.contact tr td.subcontact {vertical-align:top;}
 
table.contact tr td h1,
	table.contact tr td h2 {color:#2b8fed; margin:0; padding:0}

table.contact tr td h2 {font-size:15px;}

.contact_phone {background:url(../images/18400995_s.jpg) no-repeat; width:65px; height:65px;
	background-position:-65px -70px; display:block; float:left; position:relative; top:-15px; margin-right:8px;}

.contact_email {background:url(../images/18400995_s.jpg) no-repeat; width:65px; height:65px;
	background-position:0px -70px; display:block; float:left; position:relative; top:-15px;margin-right:8px;}	
	
.contact_support {background:url(../images/18400995_s.jpg) no-repeat; width:65px; height:65px;
	background-position:-135px -140px; display:block; float:left; position:relative; top:-15px;margin-right:8px;}	
	
		
.contact_home {background:url(../images/18400995_s.jpg) no-repeat; width:65px; height:65px;
	background-position:0 -140px; display:block; float:left; position:relative; top:-15px;margin-right:8px;}	

.quantuminfo h1 {font-family:'open_sanslight'; font-size:1.3em; padding-bottom:0;}
	
#productBody {padding:10px 2px; font-size:.9em;}
#productBody div.tabBody {min-height:200px;}

#productBody div.highlightleft,
	#productBody div.highlightright { display:table; margin-top:3em; }


#productBody div.highlightleft  img.highlightimg,
	#productBody div.highlightleft div.highlighticon {float:right; margin-left:3em;}
	
#productBody div.highlightright  img.highlightimg,
	#productBody div.highlightright  div.highlighticon {float:left; margin-right:2em;}

#productBody div.highlightright .hcontent {float:left; width:75%;}
#productBody div.highlightleft .hcontent {float:right; width:75%;}

	
div.icon-onlinepmts {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-700px 0;}

div.icon-reports {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-145px -145px;}


div.icon-skiptracing {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px;
	display:block; background-position:-560px -285px;}

div.icon-innovative {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-285px 0;}
	
div.icon-techsupport {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-980px 0;}


div.icon-addons {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-1245px -145px;}

div.icon-softphone {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-700px -145px;}
	
	

div.icon-dialer {background:url(images/31672130_ml.jpg) no-repeat; width:120px; height:120px; 
	display:block; background-position:-1380px -145px;}

	
.productmenu {width:993px; border-bottom:#bbb 4px solid; background:#fff; }	
.productmenu > ul > li > a {padding:8px 20px; color:#000; display:block;}
.productmenu  ul { text-align:left; padding:0; margin:0; list-style:none; border:0; }
.productmenu > ul > li {font-size:14px;  vertical-align:middle; 
	text-align:left; float:left; margin:0 4px 0 0;  border:0; 
	border-bottom:#bbb 4px solid; position:relative; bottom:-4px; 
	
	 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;  }
/*.productmenu > ul > li:first-child {margin:0 3px 0 6px;}*/
.productmenu > ul > li.active a,
	.productmenu > ul > li:hover a {color:#2b8fed;  }
.productmenu > ul > li.active,
	.productmenu > ul > li:hover {border-bottom:#2b8fed 4px solid; }


/*
.productmenu > ul > li.active a,
	.productmenu > ul > li:hover a  {color:#fff;}
*/
 
 
 
.featuresl h2, .featuresr h2 {margin:0; padding:0; font-family:'open_sanslight', Arial, sans-serif; font-weight:bold; color:#333;}

/*.featuresl h2 span, .featuresr h2 span {background:url(images/arrows.gif) no-repeat; background-position:-335px -282px; display:inline-block;
	width:6px; height:9px; margin:auto auto 0 .3em;} */

.featuresl ul, 
	.featuresr ul {margin:.5em auto 2.5em 1.5em; list-style-position:outside;
	list-style-type:none; position: relative; z-index:-1; font-size:1em;
	padding-left: 0;}
	
.featuresl ul li:before, 
	.featuresr ul li:before {content: "\2023";  /*2023*/
	position: absolute;
	
	 z-index:-1;
	margin:0 .2em auto 0;
	left:-.5em;
	font-size:1.6em; line-height:.7em;
	color:#d00}
	
.featuresl ul li, .featuresr ul li {color:#000; padding-bottom:.5em;}

.featuresl {width:48%; float:left; text-align:left; padding-top:1.5em; }
.featuresr {width:48%; float:right; text-align:left; padding-top:1.5em;}
.featuresr:after {content: ""; clear: both; float:none; display: block;}

.featuresl .h,
	 .featuresr .h {width:100%; border:none; height:1px;  display:block; border-top-width:3px; margin:0.1em 0 0 0;
	 
		background: -moz-linear-gradient(left,  rgba(170,170,170,0.65) 0%, rgba(170,170,170,0.65) 1%, rgba(170,170,170,0.65) 38%, rgba(170,170,170,0.65) 42%, rgba(167,167,167,0.65) 43%, rgba(0,0,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,170,170,0.65)), color-stop(1%,rgba(170,170,170,0.65)), color-stop(38%,rgba(170,170,170,0.65)), color-stop(42%,rgba(170,170,170,0.65)), color-stop(43%,rgba(167,167,167,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0.65) 1%,rgba(170,170,170,0.65) 38%,rgba(170,170,170,0.65) 42%,rgba(167,167,167,0.65) 43%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0.65) 1%,rgba(170,170,170,0.65) 38%,rgba(170,170,170,0.65) 42%,rgba(167,167,167,0.65) 43%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0.65) 1%,rgba(170,170,170,0.65) 38%,rgba(170,170,170,0.65) 42%,rgba(167,167,167,0.65) 43%,rgba(0,0,0,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0.65) 1%,rgba(170,170,170,0.65) 38%,rgba(170,170,170,0.65) 42%,rgba(167,167,167,0.65) 43%,rgba(0,0,0,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6aaaaaa', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	  }


img.contentImgRight {float:right; margin:10px; border:#7F7F7F 3px solid;}

.subnote {font-size:0.8em; color:#666;}

div.form {padding:10px; }

.optionboxes {float:left; padding-right:15px; padding-top:5px; line-height:25px;}

.cloudhighlight {width:65%; display:block;float:left;}	

#cloudmythsvsfacts { display:none; padding-top:1em;margin:1em auto; width:80%;}
.cloudmythsvsfacts h1  {font-family:'open_sanslight'; font-size:em; padding:0; margin:0;}
div.mythvsfact {border:#1174D1 1px solid; 

	-o-border-radius:5px;
	-ms-border-radius:5px;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	 display:table; margin-top:1em;}

div.mythvsfact table {border-collapse:collapse; }
div.mythvsfact table thead tr td {background:#1174D1; padding:.2em; font-size:1.4em; color:#fff; border:none; text-align:center;}
div.mythvsfact table thead tr td:first-child {  border-right:#9BB8D4 1px solid;}
div.mythvsfact table tbody tr td { border-bottom:#ccc 1px solid;}
div.mythvsfact table tbody tr:last-child td { border-bottom:0;}
div.mythvsfact table tbody tr td:last-child span {font-size:1em; font-weight:bold;}
div.mythvsfact table tbody tr td {padding:0.3em .8em; vertical-align:top;}
div.mythvsfact table tbody tr td:first-child { border-right:#ccc 1px solid; text-align:right; width:15em; font-size:1em; font-weight:bold;}

div.mythvsfact ul  {padding-left:2em; font-size:0.9em; list-style-position:outside; line-height:1.1em; list-style-type:square}
div.mythvsfact ul li  {padding-left:0em; padding-bottom:.5em;}
div.mythvsfact ul li:last-child  {padding-bottom:0;}

table.newticket  {border-collapse:collapse; }
table.newticket tr td {padding:2px 2px 2px 2px; vertical-align:top;}
table.newticket tr td:first-child {text-align:right; font-weight:bold; padding-top:4px;}

.selectmenuOverflow {height:200px;}

table.formTable1 {border-collapse:collapse; }
table.formTable1 tr td {padding:2px 5px 2px 5px;}
table.formTable1 tr:nth-child(odd) td {font-weight:bold;vertical-align:bottom;}
table.formTable1 tr:nth-child(even) td {padding-bottom:10px;vertical-align:top;}
table.formTable1 tr td:nth-child(2) {padding-left:4em;}
table.formTable1 tr td.formSubmitRow {text-align:center; padding:15px;}

table.formTable1  span.subtext,

table.formTable2  span.subtext {font-size:0.8em; color:#666;}

table.formTable2 {border-collapse:collapse; }
table.formTable2 tr td {padding:2px 2px 2px 2px; vertical-align:text-top;}
table.formTable2 tr td:first-child { text-align:right; padding-top:6px;}
table.formTable2 tr td.formSubmitRow {text-align:center; padding:15px;}


table.formTable3 {border-collapse:collapse; }
table.formTable3 tr td {padding:4px 2px 4px 2px; vertical-align:text-top;}
table.formTable3 tr td:nth-child(1),
	table.formTable3 tr td:nth-child(3) { text-align:right; padding-top:6px;}


.pricingSchedule sup {font-size:0.6em; margin-left:2px;}
.pricingSchedule {margin:5px auto;}
.pricingSchedule {border-collapse:collapse;}
.pricingSchedule thead tr td  {padding:5px 5px; text-align:center; vertical-align:middle;}
.pricingSchedule thead tr td span.priceFrom {font-size:0.8em; position:relative; top:-24px;  }
.pricingSchedule thead tr td span.price1 {font-family: 'open_sansbold'; font-size:2.1em;  font-weight:bold;}
.pricingSchedule thead tr td span.pricePerMo {font-size:0.6em; font-style:italic; position:relative; top:0px; white-space:nowrap;}
.pricingSchedule thead tr td { border-right:#fff 5px solid;}
.pricingSchedule thead tr.title td {background:none; font-size:1.2em; color:#fff; font-weight:bold; width:auto; 
	padding:0; }


.pricingSchedule  tr.priceSchedule td:nth-child(n+2) {font-weight:bold;}

.pricingSchedule thead tr.title td div {padding:5px 5px; background:#2b8fed;


-o-border-top-right-radius:12px;
-moz-border-radius-topright:12px;
-ms-border-top-right-radius:12px;
-webkit-border-top-right-radius:12px;
border-top-right-radius:12px;

-o-border-top-left-radius:12px; 
-ms-border-top-left-radius:12px; 
-moz-border-radius-topleft:12px; 
-webkit-border-top-left-radius:12px; 
border-top-left-radius:12px; 
		
									 display:block; width:auto; height:100%;
									 border-bottom:#6CB2F3 1px solid; }
.pricingSchedule thead tr.title td span.commit {font-size:.9em; }
.pricingSchedule thead tr.fromPricing td {background:#1174D1; font-size:1.4em; color:#fff; font-weight:bold; }
.pricingSchedule thead tr.title td:nth-child(1),
	.pricingSchedule thead tr.fromPricing  td:nth-child(1)  {background:none; width:auto;	border-bottom:none;}

.pricingSchedule tbody tr td {padding:5px 10px; text-align:center; vertical-align:middle;}
.pricingSchedule tbody tr:nth-child(odd) td {background:#F5F5F5;}
.pricingSchedule tbody tr:nth-child(even) td {background:#E9E9E9;}
.pricingSchedule tbody tr td {color:#333; font-size:1.2em; border-right:#fff 5px solid;  border-top:#fff 1px solid;}
.pricingSchedule tbody tr td:nth-child(1)  {color:#333; font-size:1.2em; text-align:right;}

.pricingSchedule tbody tr.priceScheduleSubTitle td {border-top:#fff 15px solid; padding:5px 10px; background:#1174D1; 
	font-size:1.1em; font-weight:bold; text-align:left; color:#fff;}
.pricingSchedule tbody tr.priceScheduleSubTitle.smallmargin td {border-top:#fff 1px solid;}
.pricingSchedule tbody tr.priceScheduleSubTitle td span {font-size:.8em;font-weight:normal; }
.pricingSchedule tbody tr td span.subunder {font-size:.8em;}

div.whywait {margin:20px 0px; text-align:center; font-size:1.2em; font-weight:bold;}

span.subnotes {font-size:.8em; color:#333; text-align:left;}


.table2 { border-collapse:collapse; margin:5px auto;}
.table2 thead tr td {background:#1174D1;
	color:#fff; font-weight:bold;
	}
.table2 thead tr.filter td {background:none; color:#333; padding:0;}

	
.table2 tbody tr td.filedesc {width:500px;}

.table2  > thead  > tr >  td,
	.table2  > tbody > tr > td {padding:5px 10px;  text-align:left; vertical-align:text-top;	
		border-right:#fff 2px solid; border-top:#fff 3px solid;}

.table2 thead tr td:last-child,
	.table2 tbody tr td:last-child,
	.table2 tbody tr td.files  {border-right:0px; width:auto; white-space:nowrap; }  
	
.table2 thead tr:last-child td,
	.table2 tbody tr:last-child  td {border-bottom:none;}  
	
.table2 tbody tr td:last-child {border-right:none;}  
.table2 tbody tr:nth-child(odd) td {background:#F5F5F5;}
.table2 tbody tr:nth-child(even) td {background:#E9E9E9;}

.table2 tbody tr.odd td {background:#F5F5F5;}
.table2 tbody tr.even td {background:#E9E9E9;}


.filedescription {font-weight:bold;}
.supportedOS {color:#333; font-size:0.8em;}



.table1 { border-collapse:collapse; margin:5px auto;}

.table1 > tbody > tr > td {padding:2px 5px; text-align:left; vertical-align:text-top;}

.table1  > tbody > tr > td:first-child {text-align:right; width:auto; white-space:nowrap; vertical-align:text-top; }  

/*
.body {padding:0; min-height:70%;  margin:0 auto; width:100%; text-align:center; }
.body .content {margin:auto; text-align:left; display:table; font-size:13px;}
*/


/* select with custom icons */
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item {
  padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
  height: 24px;
  width: 24px;
  top: 0.1em;
}
.windowslogo {width:16px; height:16px; display:block; float:left; margin:0 0 0 8px;
  background: url("images/windows-logo16.png") 0 0 no-repeat;
}
.linuxlogo {width:16px; height:16px; display:block; float:left; margin:0 0 0 8px;
  background: url("images/linux-logo16.png") 0 0 no-repeat;
}
.applelogo {width:16px; height:16px; display:block; float:left; margin:0 0 0 8px;
  background: url("images/apple-logo16.png") 0 0 no-repeat;
}
.androidlogo {width:16px; height:16px; display:block; float:left; margin:0 0 0 8px;
  background: url("images/android_logo16.png") 0 0 no-repeat;
}
.windowsphonelogo {width:16px; height:16px; display:block; float:left; margin:0 0 0 8px;
  background: url("images/Windows-phone-logo16.png")  0 0 no-repeat;
}

.dropdownicon_prioritylow,
	.dropdownicon_prioritynormal,
		.dropdownicon_priorityhigh,
		 .dropdownicon_prioritycritical {width:14px; height:14px; background:url('images/iconset.png') no-repeat; display:block;  float:left; margin:0 5px 0 0;}
.dropdownicon_prioritylow {background-position:-80px -158px;}
.dropdownicon_prioritynormal {background:none;}
.dropdownicon_priorityhigh {background-position:-64px -144px;}
.dropdownicon_prioritycritical {background-position:-286px -144px;}


.oslogos {
      background-repeat: no-repeat !important;
      padding-left: 5px;
    }
.prioritylogos .ui-icon, .oslogos .ui-icon {
  background-position: left top;
}


.debtminergetstartednowtop {float:right; font-size:1.5em; top:70px; position:relative;}

button#loginToggleButton  {display:block; width:95px; text-transform:uppercase;}


.headerSmallScreen {
	position:static;
	/*	height:auto;*/
	}
.bodyMaiSmallScreenn {
		position:static; 
		top:auto;
		}
		
	
		
.msgbox1 {
	text-align:center;
	width:300px;
    min-height:25px;
	
	font-weight:bold;
	color:#333;
    top:200px;
	font-size:1.1em; 
    margin:80px auto 80px auto;
	border:#fff 2px solid;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;

	padding:20px;
	background:#C5CACF;
	box-shadow:0 0 0px 1px #aaa;
	background-origin:content-box;
}


.msgbox2 {
	text-align:center;
	width:300px;
    height:25px;
	font-weight:bold;
    top:200px;
	font-size:1.2em; 
    margin:60px auto 60px auto;
	border:#fff 2px solid;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius:7px;
	
	padding:20px;
	box-shadow:0 0 0px 1px #aaa;
	background-origin:content-box;
	background:#187ebb;
	color:#fff;
}

#cboTicketUserFilter {width:325px;}


div.clearSearch {background:url('images/field_clear_button.png') no-repeat top; display:inline-block; width:16px; height:16px; z-index:20;
	position:relative; float:none; top:3px; left:-25px; cursor:pointer;}
	
div.clearSearch:hover {background:url('images/field_clear_button.png') no-repeat bottom; }


div.icon_prioritylow,
	div.icon_prioritynormal,
		div.icon_priorityhigh,
		 div.icon_prioritycritical {width:14px; height:14px; background:url('images/iconset.png') no-repeat; display:inline-block;  margin-right:2px;}
div.icon_prioritylow {background-position:-80px -160px;}
div.icon_prioritynormal {background:none;}
div.icon_priorityhigh {background-position:-64px -144px;}
div.icon_prioritycritical {background-position:-17px -144px;}
div.icon_prioritycritical {background-position:-286px -144px;}
/*div.icon_prioritycritical {background-position:-316px -80px;}*/


div.tickets {
	/*
	max-height:1200px; 
	overflow:auto;*/
	width:1200px; 
	 margin:15px auto 30px auto; border:#bbb 1px solid;}
div.tickets.mobile {overflow:visible; max-height:none;}
/*
.viewticketshead { border-spacing:0px; border:#3E454D 7px solid; border-radius:7px;}
.viewticketshead tr td {background:#3E454D; color:#fff; padding:5px; }
.viewticketshead fieldset legend {color:#fff;}
*/
.viewticketshead {width:950px; margin:0px auto;}

.viewtickets { border-collapse:collapse; margin:0 auto; width:100%;}
.viewtickets thead tr td {background:#1174D1;
	color:#fff; font-weight:bold;
	}

.viewtickets  > thead  > tr >  td,
	.viewtickets  > tbody > tr > td {padding:5px 10px; text-align:left; vertical-align:top;	font-size:.9em;
		border-right:#fff 2px solid; border-top:#fff 3px solid;  white-space:nowrap;}


.viewtickets  > thead  > tr >  td {border-top:none;}
		
.viewtickets thead tr td:last-child,
	.viewtickets tbody tr td:last-child {border-right:0px; width:auto; white-space:nowrap; }  
	
.viewtickets thead tr:last-child td,
	.table2 tbody tr:last-child  td {border-bottom:none;}  
	
.viewtickets tbody tr td:last-child {border-right:none; text-align:center; vertical-align:middle;}  
.viewtickets tbody tr:nth-child(odd) td {background:#F5F5F5;}
.viewtickets tbody tr:nth-child(even) td {background:#E9E9E9;}

.viewtickets tbody tr:hover td {background:#DAEBFC;}

.viewtickets tbody tr.odd td {background:#F5F5F5;}
.viewtickets tbody tr.even td {background:#E9E9E9;}

.viewtickets tbody tr.unread td, .viewtickets tbody tr.inProgress td {font-weight:bold;}



div.tickets {max-width:950px; width:950px;}
div.ticket {  max-width:993px; width:993px; margin-top:0px;}
.viewticketshead {max-width:950px; width:950px;}


#ticketMessages {max-width:993px; width:993px;}


table.tickethead { margin:0; padding:0;  width:100%; border:#303442 10px solid;
 border-spacing:0px; /*border-bottom-left-radius:7px; border-bottom-right-radius:7px; */
 }
table.tickethead tr td {background:#303442;  font-size:1em; color:#fff; text-align:left; vertical-align:top; padding:3px 2px;}
table.tickethead tr td:nth-child(1),
	table.tickethead tr td:nth-child(3) {text-align:right; font-weight:bold; }

table.tickethead tr td span.status,
	table.tickethead tr td span.priority {padding:3px 6px 3px 6px; border:#ccc 1px solid; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	background:#333; font-weight:bold; text-transform:uppercase; color:#eee; margin-top:3px; display:inline-block;}

	
	
table.tickethead tr td span.priority div {position:relative; top:2px;}
	
#ticketMessages {
	width:993px;
	display:block;
	border:#303442 0px solid;
	box-sizing:border-box;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


@media  (max-width: 800px) {
		div.ticket { max-width:auto; width:auto;}
		#ticketMessages {max-width:auto; width:auto;}
		.ticketMessages {height:auto; width:auto; max-height:none; overflow:visible;}
}
/*.ticketMessages {max-height:425px; overflow:auto;}*/
	
.ticketMessages.mobile {height:auto; width:auto; max-height:none; overflow:visible;}

.ticketMessages .msg {border:#ccc 1px solid; border-width:0px 1px 1px 1px;
	margin:1em 0 0 0; width:auto;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	 }

.ticketMessages .msg .msghead {color:#777; font-size:.8em;  padding:3px .5em .5em .5em;

	
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
	-ms-border-top-left-radius:4px;
	-ms-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-o-border-top-left-radius:4px;
	-o-border-top-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
.ticketMessages .msg .msghead .msgfromname {font-weight:bold; font-size:1.2em;}
.ticketMessages .msg.admin .msghead .msgfromname {color:#0D5CA6 !important;}
.ticketMessages .msg.user .msghead .msgfromname {color:#A4C510 !important;}
.ticketMessages .msg.admin .msghead {border-top:#0D5CA6 8px solid;}
.ticketMessages .msg.user .msghead {border-top:#A4C510 8px solid;}

.ticketMessages div.tleft {float:left;}
.ticketMessages div.tright {float:right; text-align:right;}

.ticketMessages  span.messageid {font-size:.8em; font-weight:normal; color:#666;}

.ticketMessages .msg .msgbody {
    margin-top: .5em;
    border-top: #ccc 1px dotted;
    /* font-size: .9em; */
    font-size: 13px;
    padding: 3px .5em .5em .5em;
    word-break: break-word;
}

.ticketMessages .attachments { border-top:#ccc 1px dotted;  padding:3px .5em .5em .5em;}
.ticketMessages .attachments .attachmentstitle {font-weight:bold; font-size:.8em; color:#666;}
/*
#ticketMessages table {width:100%; border-collapse:collapse; margin:0; padding:0;}

#ticketMessages table tr td {padding:3px;text-align:left; vertical-align:top; }
#ticketMessages table tr td:first-child {padding:3px 3px 0 8px; font-weight:bold; text-align:right; vertical-align:top; width:75px;}
#ticketMessages table tr.admin {background:#E9E9E9;}
#ticketMessages table tr.user {background:#fff;}
#ticketMessages table tr.messagehead td {border-top:#303442 2px solid; font-size:0.9em;}

#ticketMessages table tr.messagehead:first-child td {border-top:0;}
#ticketMessages table tr.messagehead td:first-child {border-bottom:0;}
#ticketMessages table tr.messagehead td:first-child,
	#ticketMessages table tr.messagebody td:first-child {font-size:0.9em;}
#ticketMessages table tr.messagebody td {padding-bottom:10px;}
#ticketMessages table tr.messagebody td div {border:#eee 1px solid;
	 box-shadow:0px 0px 2px 1px #999;  color:#000;
	 width:100%; display:inline-block; max-width:800px; word-break:keep-all; 
	-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	 border-radius:5px; background:#fff; padding:8px 10px; margin:3px 3px 3px 0;}
#ticketMessages table tr.messagebody td div a,
	#ticketMessages table tr.messagebody td div a:hover,
		#ticketMessages table tr.messagebody td div a:active {color:#ADE6FF; text-decoration:underline;}

#ticketMessages table tr.messagebody.user td div a,
	#ticketMessages table tr.messagebody.user td div a:hover,
		#ticketMessages table tr.messagebody.user td div a:active {color:#006E9E;}

#ticketMessages table tr.messagebody.admin td div {background:#0D5CA6; color:#fff;}
#ticketMessages table tr.messagebody.user td div {background:#C3EA13; color:#000}
#ticketMessages table tr.messagebody.admin td div {  border:#eee 1px solid;}

#ticketMessages table tr.messagebody:last-child td div { margin-bottom:15px;}

#ticketMessages table tr td span.messageid {font-size:.8em; font-weight:normal; color:#666;}

*/
table.ticketreply {width:100%; border-collapse:collapse; margin:20px 0px; padding:0; border:0;}
table.ticketreply button {margin:4px 0;}
table.ticketreply select {font-size:1.2em;}
table.ticketreply #txtReply {width:600px; resize:vertical;}
@media  (max-width: 800px) {
		table.ticketreply #txtReply {width:auto}
}
table.ticketreply span.filesize {color:#999; padding:0 6px;}

/*div#replyBox {display:none;}*/

div.ticketReplyConfirmation {margin:15px auto; vertical-align:middle;    background:#333; 
	width:auto; padding:15px 10px; text-align:center; 
	font-size:1.2em ;color:#fff;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;}
	
div.register {
		margin:2px 0 25px 0;
		padding:15px 20px;
		border:#fff 1px solid;
		box-shadow:0 0 1px 2px  rgba(154,165,175,0.50);
		-moz-border-radius:5px;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		background:#EFEFEF;
}


#taskedit input:disabled {background:#fff; color:#333;}

#tasklist {width:1024px; border:#999 1px solid;}
.viewtasks { border-collapse:collapse; margin:0 auto; width:100%; max-width:1200px;}
.viewtasks thead tr td {background:#2b8fed;
	color:#fff; font-weight:bold;}

.viewtasks  > thead  > tr >  td,
	.viewtasks  > tbody > tr > td {padding:5px 10px; text-align:left; vertical-align:top;	
		border-right:#fff 2px solid; border-top:#fff 3px solid; font-size:.9em;}

	
.viewtasks  > thead  > tr >  td {border-top:none; vertical-align:bottom;}
		
.viewtasks thead tr td:last-child,
	.viewtasks tbody tr td:last-child {border-right:0px; width:auto; }  
	
.viewtasks thead tr:last-child td,
	.table2 tbody tr:last-child  td {border-bottom:none;}  
	
.viewtasks tbody tr:nth-child(odd) td {background:#F5F5F5;}
.viewtasks tbody tr:nth-child(even) td {background:#E9E9E9;}

.viewtasks tbody tr:hover td {background:#DAEBFC;}

.viewtasks tbody tr.odd td {background:#F5F5F5;}
.viewtasks tbody tr.even td {background:#E9E9E9;}


.viewtasks tbody tr.interfecehead td,
	.viewtasks tbody tr.interfecehead:hover td {background:#2b8fed;  border-top:#fff 1px solid; color:#fff; border-bottom:none; text-align:left; font-weight:bold; padding:5px; font-size:1.1em;}
	
	
div.taskcomment {border:#ccc 1px solid; 
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px; margin:5px auto; padding:.3em;}
div.taskcomment div.taskcommenthead {font-size:.8em; margin-bottom:4px;}
div.taskcomment div.workaround,
	div.taskcomment div.solution {font-weight:bold; margin-left:8px; font-size:1.2em; color:#038DFF; display:inline-block;}
	
div.tasktype {padding:1px 2px; font-size:0.9em; border:rgba(184,184,184,0.62) 1px solid;
 -moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
margin:0;
border-radius:3px; background:rgba(255,255,255,0.65);}

.taskscope {width:7px; height:7px; border:#666 1px solid; 
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px; display:inline-block; margin:1px 1px;  padding:0;}
.taskscope.filled {background:#2b8fed;}

.taskpriority {width:10px; height:10px; border:#999 1px solid; -moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px; display:inline-block; }
.taskpriority.verylow  {background:#fff;}
.taskpriority.low  {background:#E4E31E;}
.taskpriority.normal  {background:#5FDD1A;}
.taskpriority.high  {background:#CA00D7;}
.taskpriority.veryhigh  {background:#DD1A32;}

.taskphase {width:16px; height:16px; display:inline-block; margin:0 4px 0 0; background:url(../images/HarveyBalls.png) no-repeat;}
.taskphase.phase0 {background-position:0px 0px;}
.taskphase.phase1 {background-position:-16px 0px;}
.taskphase.phase2 {background-position:-32px 0px;}
.taskphase.phase3 {background-position:-48px 0px;}
.taskphase.phase4 {background-position:-64px 0px;}

div#invoicesbox {border:#999 1px solid; width:100%; height:auto; min-height:20px; text-align:center; font-size:0.9em;}
table.invoices {width:100%; border-collapse:collapse; margin:0; padding:0; }
table.invoices thead tr td {padding:3px;text-align:left; vertical-align:top; 
	font-weight:bold; background:#2b8fed; color:#fff;}

table.invoices tbody tr td {padding:3px;text-align:left; vertical-align:top; border-top:#fff 2px solid;}
table.invoices thead tr td.amt,
table.invoices tbody tr td.amt {text-align:right; padding-right:10px;}
table.invoices tbody tr td.desc {width:150px;}
table.invoices tbody .unpaid {color:#EF0000;}
table.invoices tbody .autopay {color:#097C00;}
table.invoices tbody tr:nth-child(odd) td {background:#F5F5F5;}
table.invoices tbody tr:nth-child(even) td {background:#E9E9E9;}
table.invoices tbody tr:hover td {background:#DAEBFC;}

table.invoices tbody tr.invoiceMonthHead td,
	table.invoices tbody tr.invoiceMonthHead:hover td {background:#2b8fed;  color:#fff; text-align:left; font-weight:bold; padding:5px; font-size:1.1em;}
	
table.invoices tbody tr.noinvoices td,
	table.invoices tbody tr.noinvoices:hover td  {background:#fff; text-align:center; font-weight:bold; padding:20px;}
	
	
img.loading {margin:20px;}

div#emailpreview {height:150px; width:100%;  overflow:auto; border:#ccc 1px solid; 
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; padding:3px;}
div#emailpreview  pre {margin-top:0;}
div#emailpreview a,
	div#emailpreview a:hover,
		div#emailpreview a:active {text-decoration:underline; color:#00f;}
		
		
div.banner {margin:2em 0 4em 0; padding:0;  color:#454545; }
div.banner.first {margin:0;}
div.banner > img {float:left; margin-right:3em;} 

div.bannerstyle2 {background:#2B2828; color:#fff; margin:0;}
div.bannerstyle2 .bannercontent p {color:#fff;}

div.bannerstyle3 {background:#E7E9ED; margin:0;}

div.banner h1 {font-weight:normal;}
div.banner.bannerright > img {float:right; margin-right:0px; margin-left:3em;}
div.banner div.bannercontent {text-align:justify; padding:.5em;}
div.banner div.bannercontent p {margin:auto 4em; font-size:1em; text-align:justify}


div.banner.bannerright div.bannercontent {text-align:right;}
div.banner.bannerright div.bannercontent p {text-align:right;}

/*
div.minihighlights table {border-collapse:collapse; margin:0 auto; width:auto;}
div.minihighlights table tr.head td {font-size:1.3em;text-transform:uppercase; color:#2b8fed; 
	padding:3px 1.3em; vertical-align:bottom;
	 margin:0; font-weight:normal; text-align:center;}
	 
div.minihighlights table tr.nth td {padding-top:3em;}
div.minihighlights table tr.hcontent td {text-align:justify; font-size:0.9em; word-break:keep-all;  color:#454545; padding:1px 1.4em; max-width:25em; vertical-align:top}
*/

div.minihighlights h1 {color:#2b8fed; width:100%; margin-bottom:0.5em; font-size:1.5em; text-align:center; font-weight:normal;}
/*div.minihighlights table tr.learnmore td {vertical-align:middle; text-align:center; padding:5px 5px;}*/

div.highlightsbox {display:table; margin:0 auto; width:95%; text-align:center;}
div.minihighlights  div.highlight {display:inline-block; vertical-align:top;  max-width:25%;
	 padding:.5em 1.5em; text-align:justify; font-size:0.9em; word-break:keep-all;  color:#454545; }

div.minihighlights  div.highlight.small {max-width:17%;}
/*
div.highlightsbox {border:#0f0 1px solid;}
div.minihighlights  div.highlight {border:#0ff 1px solid; }
div.banner { border:#f00 1px solid; }
*/
/*div.minihighlights button.learnmore {}*/

div.minihighlights div.learnmorebottom {display:block;  margin:1.5em auto 0  auto; text-align:center; vertical-align:bottom; width:100%;}

button.learnmore {background:#fff;}

button.learnmore {background:rgba(255,255,255,0.00); font-size:1em; border:#2b8fed 1px solid; color:#2b8fed; font-weight:normal; text-transform:uppercase;
	 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;}
  
button.learnmore:hover {background:#60ABF1; color:#fff;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;}



button.learnmore2 {background:rgba(18,122,219,0.60); border:#333 2px solid; color:#fff; font-weight:normal; text-transform:uppercase;
	 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;}
button.learnmore2:hover {background:#60ABF1; border:#fff 2px solid; color:#fff;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;}


div.circles {margin-left:auto; margin-right:auto; text-align:center; width:100%;}
div.circle {background:url(../images/circles.png) left; width:13px; height:13px; margin:5px 3px;   display:inline-block; cursor:pointer;}
div.circle:hover,
	div.circle.active  {background:url(../images/circles.png) right; width:13px; height:13px; margin:5px 3px;}

div.screenshots img {border:#666 2px solid;}
div.screenshots {height:600px; width:auto; position:relative;}



img#ProductivityDashboard {max-width:50%; height:auto; margin-right:15%;}
img#debtminerslide {max-width:50%; height:auto; margin-left:5%}
img#headbannerimg {max-width:100%; width:100%; height:auto;}
img#twox {max-height:0.8em; width:auto;}
img#TCNimg {max-height:0.9em;  width:auto;}
img#quantum  {max-width:38%; height:auto;}

img#quantumbgsquares {max-width:45%; height:auto; float:right; padding-left:1em;}

img#ss1, img#ss2, img#ss3 {max-width:100%; height:auto;}

img.multidevice {max-width: 25%; height:auto;}

div.highlightsbox.desktopview {margin-top:3em;}




@media  (max-width: 1023px) {
	
	div.banner div.bannercontent p {margin:auto .5em; }
	
	img#ProductivityDashboard {max-width:50%; height:auto; margin-right:0;}
	img#debtminerslide {max-width:50%; height:auto; margin-left:0}
	
	#productBody div.highlightleft,
	#productBody div.highlightright {  margin-top:0; }
	#productBody div.highlightright .hcontent {float:left; width:auto;}
	#productBody div.highlightleft .hcontent {float:left; width:auto;}

	.highlighticon, .highlightimg {display:none !important; visibility:hidden !important;}
	
	.cloudhighlight {width:auto; display:block;float:left;}
	
	#btnCloudMyths {display:none;}
		 
	div.sitemap {display:none; visibility:hidden;}	
	
	.footer div.leftt {  width:auto; } 
	.footer div.right { display:none; visibility:hidden;} 

	.featuresl, .featuresr  {width:auto; float:none;}

	div.tickets {max-width:950px; width:100%;}
	.viewticketshead {max-width:950px ;width:100%;}
	div.ticket {  max-width:993px; width:100%;}
	#ticketMessages {max-width:993px; width:100%;}
	#ticketMessages table tr.messagebody td div {width:auto;}

	.resize { max-width:985px; width:100%; }
	.block_header { max-width:993px; width:100%; min-width:0;}
	.body_resize {  max-width:993px; width:95%;}
	.header { 	width:100%; min-width:0;}
	.bodyMain { width:100%; min-width:0; }
	.footer {  width:100%; min-width:0;}
	.footer_resize {max-width:993px; width:auto;}
	
	div.screenshots {height:300px;}
 
	br.desktoponly {display:none; visibility:hidden;}
	
	div.highlightsbox.desktopview {margin-top:0;}
	
	.header {
		position:static;
		height:auto;
		min-width:0;
	}
	.bodyMain {
		/* ALERT not sure why pos static was set but footer work better without it. Change back if we find reason it was set in the first place */
		/* position:static;  */
		top:auto;
	}
	
	
	button {
		padding:.3em .5em; 
	}


	/*.productmenu {width:100%;}*/
	div.highlightsbox {display:table; width:100%; text-align:left;}
	
	img#quantum  {max-width:90%; height:auto;}

	div.minihighlights  div.highlight.small {max-width:100%; width:auto;}
	div.minihighlights  div.highlight {max-width:100%; min-width:70%; width:auto; float:none; }
	
	div.minihighlights h1 {text-align:left; }
	
	div.minihighlights div.learnmorebottom {text-align:left;}
	
	div.banner > img {margin-right:.8em;} 

	div.banner.bannerright > img { margin-left:.8em;}
	
	div.banner h1 {font-size:1.3em;}
}




/* for small screens: make header scroll with page */
@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) {
	div.screenshots {height:200px;}
}