/*
	SupportTrio - ActiveCampaign, Inc.

	© 2005 ActiveCampaign,Inc. All rights reserved.

	Editable CSS


/*
Fix for padding in FF
*/
.outerp {
padding:5px;
}
.outerp_t {
padding:.1px;
}

/* SHOP DESIGN */
.decoration img { display: block; }

BODY {
  background-image:url(pics/background.png);
  margin: 0px;
}

TR.header {
  background: #ffffff;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #DADDE7;
  font-weight : bold;
}

a.headerNavigation:link    {text-decoration: none; color: #DADDE7; }
a.headerNavigation:visited {text-decoration: none; color: #DADDE7; }
a.headerNavigation:active  {text-decoration: none; color: #DADDE7; }
a.headerNavigation:hover   {text-decoration: underline; color: #DADDE7; }

a.headNavigation:link    {text-decoration: none; color: #9a9a9a; }
a.headNavigation:visited {text-decoration: none; color: #9a9a9a; }
a.headNavigation:active  {text-decoration: none; color: #9a9a9a; }
a.headNavigation:hover   {text-decoration: underline; color: #9a9a9a; }

a.boxNavigation:link    {text-decoration: none; color: #9a9a9a; }
a.boxNavigation:visited {text-decoration: none; color: #9a9a9a; }
a.boxNavigation:active  {text-decoration: none; color: #9a9a9a; }
a.boxNavigation:hover   {text-decoration: underline; color: #000000; }


TD.headerNavigation2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  font-weight : bold;
}

A.headerNavigation2 {
  color: #FFFFFF;
}

A.headerNavigation2:hover {
  color: #FFFFFF;
}

TD.pageHeading, div.pageHeading, h1.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

h1.pageHeading {
  margin: 1px;
}
/* SHOP DESIGN */



.search_find {
	border: #FFCC00;
	border-style: dashed;
	border-top-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	background-color: #FFFFE8;
	text-decoration:none;
}


/*
Help Menu System
*/
.infoboxstyle {
	position: absolute;
	color: black;
	border: #D5F4FF;
	border-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	background-color: #F2FCFF;
	z-index: 1;
	visibility: hidden;
}

/*
Calendar Properties
*/
/*calendar days of the week*/
.calFont {
color:#FFFFFF
}
.cal_tdback {
background-color:#336699
}
.calyellow_td {
background-color:#FFFFF0
}

/*
Todo List Properties
*/
/*high importance*/
.impHigh {
background-color:#FFCCCC
}
/*medium importance*/
.impMedium {
background-color:#FFFFF0
}
/*low importance*/
.impLow {
background-color:#CCFFCC
}

/*
Main Ticket Color Codes
*/
/*Not Viewed*/
.notViewed {
	background-color:#FFFFF0;
	font-size: 10px;
	cursor: pointer;
}
/*Not Viewed Highlighted*/
.notViewed_h {
	background-color:#FFFFCC;
	font-size: 10px;
	cursor: pointer;
}
/*Viewed*/
.unassigned {
background-color:#D5F4FF;
	font-size: 10px;
	cursor: pointer;
}
/*Viewed Highlighted*/
.unassigned_h {
background-color:#B0ECFF;
	font-size: 10px;
	cursor: pointer;
}
/*Ticket Duration of Two or More Days*/
.twoDays {
background-color:#FFE6E6;
	font-size: 10px;
	cursor: pointer;
}
/*Ticket Duration of Two or More Days Highlighted*/
.twoDays_h {
background-color:#FFBFBF;
	font-size: 10px;
	cursor: pointer;
}
/*Ticket Duration of Seven or More Days*/
.sevenDays {
background-color:#FFCECE;
	font-size: 10px;
	cursor: pointer;
}
/*Ticket Duration of Seven or More Days Highlighted*/
.sevenDays_h {
background-color:#FFAAAA;
	font-size: 10px;
	cursor: pointer;
}
/*Viewed*/
.notViewed1 {
background-color:#D5F4FF;
	font-size: 10px;
	cursor: pointer;
}
/*Viewed Highlighted*/
.notViewed1_h {
background-color:#B0ECFF;
	font-size: 10px;
	cursor: pointer;
}
/*Not Viewed*/
.unassigned1 {
background-color:#FFFFF0;
	font-size: 10px;
	cursor: pointer;
}
/*Not Viewed Highlighted*/
.unassigned1_h {
background-color:#FFFFCC;
	font-size: 10px;
	cursor: pointer;
}
/*View All*/
.viewAll {
background-color:#FFFFFF;
	font-size: 10px;
	cursor: pointer;
}
/*View All Highlighted*/
.viewAll_h {
background-color:#FFFFFF;
	font-size: 10px;
	cursor: pointer;
}
/*Closed*/
.closed1 {
background-color:#F7F7F7;
	font-size: 10px;
	cursor: pointer;
}
/*Two Days Past*/
.twoDays1 {
background-color:#FFE6E6;
	font-size: 10px;
	cursor: pointer;
}
/*Two Days Past Highlighted*/
.twoDays1_h {
background-color:#FFBFBF;
	font-size: 10px;
	cursor: pointer;
}
/*Seven Days Past*/
.sevenDays1 {
background-color:#FFCECE;
	font-size: 10px;
	cursor: pointer;
}
/*Seven Days Past Highlighted*/
.sevenDays1_h {
background-color:#FFAAAA;
	font-size: 10px;
	cursor: pointer;
}
/*Default*/
.default1 {
background-color:#F2FCFF;
	font-size: 10px;
	cursor: pointer;
}
/*Default Hightlighted*/
.default1_h {
background-color:#F2FCFF;
	font-size: 10px;
	cursor: pointer;
}
/*
Closed / Resolved Page Color Codes
*/
/*Status Resolved*/
.resolved {
background-color:#EDF0F3;
	font-size: 10px;
	cursor: pointer;
}
.resolved_h {
background-color:#D1D9E0;
	font-size: 10px;
	cursor: pointer;
}
/*Status Closed*/
.closed {
background-color:#F7F7F7;
	font-size: 10px;
	cursor: pointer;
}
.closed_h {
background-color:#EAEAEA;
	font-size: 10px;
	cursor: pointer;
}
/*Resolved*/
.resolved1 {
background-color:#EDF0F3;
	font-size: 10px;
	cursor: pointer;
}
/*Resolved Highlighted*/
.resolved1_h {
background-color:#D1D9E0;
	font-size: 10px;
	cursor: pointer;
}
/*Closed*/
.closed1 {
background-color:#F7F7F7;
	font-size: 10px;
	cursor: pointer;
}
/*Closed Highlighted*/
.closed1_h {
background-color:#EAEAEA;
	font-size: 10px;
	cursor: pointer;
}
/*
Ticket Highlighting Default Settings
*/
tr.rowhighlight {
	background-color: #F2FCFF;
	font-size: 10px;
}
tr.rowhighlightd {
	background-color: #D5F4FF;
	font-size: 10px;
}
/*KB Details Small Font*/
.smalldetails{
	font-size: 9px;
	color: #666666;
}
/*
Main Ticket Page
*/
/*Ticket Options - near reply*/
.ticket_options{
    border: 1px solid #CCCCCC;
	background-color: #F2FCFF;
}
.ticket_options a, .ticket_options a:visited {
	border: #CCCCCC;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
    background-color: #FFFFFF;
	padding:5px;
	font-size:10px;
	font-color: black;
	text-decoration:none;

}
.ticket_options a:hover {
	border: #999999;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
    background-color: #FFFFFF;
	padding-top: 5px;
	font-size:10px;
	font-color: black;
	text-decoration:none;
}

/*
Main Body Properties
*/
input {
   font-size:9px;
   background-color:#FFFFFF;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#FFFFFF');}
}

.textareabig {
   font-size:12px;
   background-color:#FFFFFF;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   padding:2px;
   width:700px;
   height:400px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#FFFFFF');}
}

.ticket_view_admin{
  background-color: #F2FCFF;
  filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F2FCFF',EndColorStr='#FFFFFF');}
}
.ticket_view_client{
  background-color: #F9F9F9;
  filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F9F9F9',EndColorStr='#FFFFFF');}
}
.ticket_view_comment{
  background-color: #FFFFEC;
  filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#FFFFEC',EndColorStr='#FFFFFF');}
}
.ticket_view_adminon{
  background-color: #DCEFF5;
  filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#DCEFF5');}
}
.ticket_view_clienton{
  background-color: #EDEDED;
  filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#EDEDED');}
}
.ticket_view_commenton{
  background-color: #FFFFD2;
  filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#FFFFD2');}
}

.textareamed {
   font-size:12px;
   background-color:#FFFFFF;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   padding:2px;
   width:475px;
   height:250px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#FFFFFF');}
}
textarea {
   font-size:12px;
   background-color:#FFFFFF;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   padding:2px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#FFFFFF');}
}
.textareasmall {
   font-size:12px;
   background-color:#FFFFFF;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   padding:2px;
   width:425px;
   height:100px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#FFFFFF');}
}
option{
   font-size:10px;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
   background-color:#F6F6F6;
}
select {
   font-size:10px;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
form {
 margin-bottom: 0px;
}
fieldset {
	padding:10px;
	border: 1px solid #CCCCCC;
}

table.ticket_details {
	font-size: 10px;
	padding: 4px;
}
/*Blue Background on Main Table Areas*/
tr.rowback {
	background-color: #6593C5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	box-sizing: padding-box;
	box-sizing: margin-box;
}
tr.related {
	background-color: #F2FCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	color: #666666;
}
tr.relatedd {
	background-color: #D5F4FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	color: #666666;
}
.options {
	background-color: #EEECE8;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	border-left:1px solid #F0F0F0;
	border-top:1px solid #F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/*Navigation Options*/
.nav_unsel {
	background-color: #E6FAFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.dark_back{
	background-color: #004F9D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.nav_sel{
	background-color: #004F9D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.nav_sel a {
	color: #FFFFFF;
}
.nav_sel a:hover {
	color: #FFFFFF;
}
.nav_sel a:visited {
	color: #FFFFFF;
}
tr.rowoption {
	background-color: #F2FCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	color: #666666;
}
tr.rowoptiond {
	background-color: #D5F4FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
/*heading options*/
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #004F9D;
	font-weight: bold;
}
.sheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #004F9D;
	font-weight: bold;
}
/*supporttrio logo footer*/
.powered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
/*menu options*/
.menu tr{
	font-size:10px;
}
.menu a:visited {
	text-decoration:none;
	color: #000000;
	padding:5px;
	width: 140px;
}
.menu a {
	text-decoration:none;
	display:block;
	color: #000000;
	padding:5px;
	width: 140px;
}
.menu a:hover {
	background-color:#FFFFFF;
	color: #000000;
	width: 140px;
}
a:visited {
	text-decoration:underline;
	color: #000000;
	width: 10px;
}
a {
	text-decoration:underline;
	color: #000000;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
.utilitynav a:visited {
	text-decoration:none;
	color: #FFFFFF;
}
.utilitynav a {
	text-decoration:underline;
	color: #FFFFFF;
}
.utilitynav a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}
.not_available {
	padding:5px;
	color: #AAAAAA;
}
.menu_not_available {
	color: #AAAAAA;
}
.fieldset_public{
 	border: 1px solid #D1E4F9;

}
.img_highlight{
	 border-color:#D1E4F9; border: solid 1px;
}
.detail_public{
	font-size: 10px;
	color: #999999;
}
.sub_menu_on{
	background-color:#3584DC;
}
.sub_menu_out{
	background-color:#2575CE;
}
.public_dep_over{
	background-color:#F4F4F4;
}
.t_nav_reg{
	BORDER-RIGHT: #24478E 1px solid;
	BORDER-TOP: #f0f0f0 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #f0f0f0 1px solid;
	COLOR: #24478E;
	BORDER-BOTTOM: #808080 0px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #DCEDFF;
	PADDING: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#AFD5FF');
}



.t_nav_hlight{
	BORDER-RIGHT: #24478E 1px solid;
	BORDER-TOP: #f0f0f0 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #f0f0f0 1px solid;
	COLOR: #24478E;
	BORDER-BOTTOM: #808080 0px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #F5FAFF;
	PADDING: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#AFD5FF',EndColorStr='#F6F6F6');

}

.t_sub_nav{

	BORDER-RIGHT: #A7D1FF 1px solid;
	BORDER-BOTTOM: #A7D1FF 1px solid;
	BORDER-TOP: #f0f0f0 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #f0f0f0 1px solid;
	COLOR: #24478E;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #F5FAFF;
	PADDING: 4px;

	FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#D8EBFF',EndColorStr='#F6F6F6');

}


.t_sub_nav_td{

	BORDER-RIGHT: #C3E0FF 1px solid;
	BORDER-BOTTOM: #C3E0FF 1px solid;
	BORDER-TOP: #C3E0FF 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #C3E0FF 1px solid;
	COLOR: #24478E;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #F5FAFF;
	PADDING: 3px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#D8EBFF',EndColorStr='#F6F6F6');

}


.t_sub_nav_td_d{

	BORDER-RIGHT: #A7D1FF 1px solid;
	BORDER-BOTTOM: #A7D1FF 1px solid;
	BORDER-TOP: #A7D1FF 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #A7D1FF 1px solid;
	COLOR: #24478E;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #F5FAFF;
	PADDING: 3px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#F6F6F6',EndColorStr='#D8EBFF');

}