
/*
	SupportTrio - ActiveCampaign, Inc.

	© 2006 ActiveCampaign,Inc. All rights reserved.

	Editable CSS


/*
Fix for padding in FF
*/




/*
Main header/footer color
*/
.header_footer{
	background: #0554AD;
}

/*
Outer nav bar color
*/
.outer_nav_extra{
	background: #297FE1;
}


.outerp {
//padding:2px;
white-space: nowrap;
}
.outerp_t {
//padding:2px;
}

.option_up{
background:#FBFDFF; border: 1px solid #E5E5E5;
}

.option_down{
background:#FBFDFF; border: 1px solid #C2C2C2;
}

.public_top{
background: #0554AD;
border-bottom: 8px solid #297FE1;
}
.public_footer{
background: #0554AD;
border-top: 4px solid #297FE1;
height:15px;
}
.fSetOn{

}
.fSetOff{
		display:none;
}

.startup_head{
border: 1px solid #6AA5E8; background:#DFEEFF; font-size:10px;
padding: 5px;
}

.startup_head_under{
border: 1px solid #B8D9FF; border-top: 0px; background:#F5FAFF; font-size:10px; padding:6px; color: #4C92E1;
}

.startup_head_under a, .startup_head_under a:visited, .startup_head_under a:hover{
	color:#999999;
	display:block;
}


.ticket_view_op_on{
	background: #FFFFFF;
	border-bottom: 1px solid #DFEEFF;
}

.ticket_view_op_on a{
	text-decoration: none;
	display:block;
}


.ticket_view_op_off{
	border-bottom: 1px solid #6AA5E8;
}

.ticket_view_op_off a,.ticket_view_op_off a:visited{
	text-decoration: none;
	display:block;
}
.ticket_view_op_off a:hover{
	text-decoration: none;
	display:block;
	background: #FFFFFF;
}

.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;
}

.sub_nav_side{
	background: #F6F6F6;
	border-right: 1px solid #CCCCCC;
}

.sub_nav_side_head{
	background: #E2E2E2;
	border-bottom: 1px solid #6B8DB4;
	padding: 4px;
	font-size: 12px;
	color: #666666;
}

.sub_nav_side_head a{
	color: #666666;
	display:block;
}
.sub_nav_side_head a:visited{
	color: #666666;
	display:block;
}
.sub_nav_side_head a:hover{
	color: #333333;
	display:block;
	background: #ffffff;
}
.sub_nav_side_contents{
	padding: 10px;
	font-size: 12px;
	color: #666666;
}
/*
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
}

.search_option_advanced{
	font-size:10px;
	color: #999999;
}
hr{
	color: #D5D5D5;
	background-color: #D5D5D5;
	height: 1px;
	border:0px;
}

/*
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;
}


.clearFilters {
	background-color:#FF6464;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
.clearFilters_h {
	background-color:#FF2D2D;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}

/*Viewed*/
.notViewed1 {
background-color:#D5F4FF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Viewed Highlighted*/
.notViewed1_h {
background-color:#B0ECFF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Not Viewed*/
.unassigned1 {
background-color:#FFFFF0;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Not Viewed Highlighted*/
.unassigned1_h {
background-color:#FFFFCC;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*View All*/
.viewAll {
background-color:#FFFFFF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*View All Highlighted*/
.viewAll_h {
background-color:#FFFFFF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Closed*/
.closed1 {
background-color:#F7F7F7;
	font-size: 10px;
	cursor: pointer;
		padding-left: 4px;
	padding-right: 4px;
}
/*Two Days Past*/
.twoDays1 {
background-color:#FFE6E6;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Two Days Past Highlighted*/
.twoDays1_h {
background-color:#FFBFBF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Seven Days Past*/
.sevenDays1 {
background-color:#FFCECE;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Seven Days Past Highlighted*/
.sevenDays1_h {
background-color:#FFAAAA;
	font-size: 10px;
	cursor: pointer;
		padding-left: 4px;
	padding-right: 4px;
}

.xDays1 {
background-color:#F3F3F3;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}

.xDays1_h {
background-color:#E2E2E2;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Default*/
.default1 {
background-color:#F2FCFF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Default Hightlighted*/
.default1_h {
background-color:#F2FCFF;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*
Closed / Resolved Page Color Codes
*/
/*Status Resolved*/
.resolved {
background-color:#EDF0F3;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
.resolved_h {
background-color:#D1D9E0;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Status Closed*/
.closed {
background-color:#F7F7F7;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
.closed_h {
background-color:#EAEAEA;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Resolved*/
.resolved1 {
background-color:#EDF0F3;
	font-size: 10px;
	cursor: pointer;
		padding-left: 4px;
	padding-right: 4px;
}
/*Resolved Highlighted*/
.resolved1_h {
background-color:#D1D9E0;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Closed*/
.closed1 {
background-color:#F7F7F7;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*Closed Highlighted*/
.closed1_h {
background-color:#EAEAEA;
	font-size: 10px;
	cursor: pointer;
	padding-left: 4px;
	padding-right: 4px;
}
/*
Ticket Highlighting Default Settings
*/
tr.rowhighlight {
	background-color: #F2FCFF;
	font-size: 10px;
}

tr.rowhighlight_h {
	background-color: #D5F4FF;
	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;
	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;
	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_temp{

}
.ticket_view_admin{
  background: #ECEFF1;
}
.ticket_view_client{
  background: #DEEFFF;

}
.ticket_view_comment{
	background: #FDFFE1;
}

.ticket_view_adminon{
  background: #D8DADD;
}
.ticket_view_clienton{
	background: #B4DAFF;
}
.ticket_view_commenton{
	background: #F9FF9E;
}

.textareamed {
   font-size:12px;
   background-color:#FFFFFF;
   padding:2px;
   height:250px;
   width:100%;
   border: 1px solid #6AA5E8;
   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*/

.rowback td{
	background-color: #83BBFA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px;
	color: #FFFFFF;
}

tr.related {
	background-color: #F0F7FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	color: #666666;
}
tr.relatedd {
	background-color: #F0F7FF;
	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;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
}
/*Navigation Options*/
.nav_unsel {
	background-color: #E6FAFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.tab_nav_sel, .tab_nav_sel a, .tab_nav_sel a:hover, .tab_nav_sel a:visited{
	background-color: #DFEEFF;
	color:#003680;
	text-decoration:none;
	border-top:1px solid #6AA5E8;
	border-left:1px solid #6AA5E8;
	border-bottom:1px solid #FFFFFF;
	border-right: 1px solid #6AA5E8;
	padding-left:4px;
	padding-right:4px;
	font-size:12px;
	font-weight:bold;
	cursor: pointer;
}

.tab_nav_unsel, .tab_nav_unsel a, .tab_nav_unsel a:hover, .tab_nav_unsel a:visited{
	background-color: #F1F7FF;
	border-left:1px solid #cccccc;

	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
	font-size:12px;
	color:#6991C8;
	cursor: pointer;
	border-left:1px solid #DFEEFF;
	border-right: 1px solid #6AA5E8;
	border-bottom:1px solid #6AA5E8;

}
.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: #0554AD;
	font-weight: bold;
}
.sheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0554AD;
	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{
	text-decoration:none;
	display:block;
	color: #000000;
	padding:4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
}
.menu a:visited{
	text-decoration:none;
	display:block;
	color: #000000;
	padding:4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
}
.menu a:hover {
	background-color:#FFFFFF;
	color: #000000;
}
a:visited {
	text-decoration:underline;
	color: #000000;

}
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{

	BACKGROUND-COLOR: #297FE1;

	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	PADDING: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	height:18px;
}

.t_nav_hlight{
	BORDER-RIGHT: #FFFFFF 1px solid;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #0554AD;
	PADDING: 5px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 9px;
	height:18px;

}

.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');

}

/*form processing results panel*/
div.resultMessage{
	background-color: #E1EFFF;
	border: dashed 1px #297FE1;
	padding: 5px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #003878;

}

#postcontent { width: 99%; border: 1px solid #6AA5E8; }

#fmessageadd {
   width: 95%;
   background-color:#FFFFFF;
   border:1px solid;
   border-top-color:#CCCCCC;
   border-left-color:#CCCCCC;
   border-right-color:#CCCCCC;
   border-bottom-color:#CCCCCC;
}

/*for update notice*/
.warning{
	border: 1px solid red;
	padding: 5px;
	background: #FFFFE8;
}

/* demo mode */

.demoDisabled{
	border: 1px solid #666666;
	background: #FFFFE8;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 5px;
	font-size:10px;
}

.brick { display: block; }
.invisible { display: none; }

.graytext {
	color: #999999;
}
