/*
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:hover{

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 {
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: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 {
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_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;
}

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: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 3px;
color: #FFFFFF;
}
tr.related {
background-color: #F0F7FF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
padding: 5px;
color: #666666;
}
tr.relatedd {
background-color: #F0F7FF;
font-family: Tahoma, 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: Tahoma, 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: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.tab_nav_sel, 
.tab_nav_sel a, 
.tab_nav_sel a:hover{
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{
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: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.nav_sel{
background-color: #004F9D;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.nav_sel a {
color: #FFFFFF;
}
.nav_sel a:hover {
color: #FFFFFF;
}

tr.rowoption {
background-color: #F2FCFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
color: #666666;
}
tr.rowoptiond {
background-color: #D5F4FF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
/*heading options*/
.header {
font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: 400;
	padding-top:0;
	margin-top:0;
}
.sheader {
font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099cc;
	font-weight: 400;
}
/*supporttrio logo footer*/
.powered {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}
/*menu options*/
.menu tr{
font-size:10px;
}
.menu a{
text-decoration:none;
display:block;
padding:4px;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
}

.menu a:hover {
background-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: Tahoma, 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: Tahoma, 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: Tahoma, 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; }