/***********************************************************************/
/**** HERE IS WHERE YOU CHANGE THE MAIN SITE COLORS ********************/

.veryTop {	background-color:#e1c645;padding:1px; } /* the top yellow/gold bar... */

h3 { /* the main heading of most content screens */
	font-family:arial,helvetica,sans-serif,verdana; 
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 8px;
	border-bottom:1px solid #888888;
}

#mainsite {
	position:static;
	font-size:10pt;
	z-index:10;
	width:100%;
	padding-bottom:9px;
	border-bottom:8px solid #3579ba; /* the bottom bar */
	background: rgb(213,219,249);
}

/* current folder in email's left-side menu - should match mainsite background */
.curF {
	font-weight:bold;
	-moz-border-radius: 5px 0px 0px 5px;
	padding:0px 2px 0px 2px; }

.am a { color: yellow; }
/* the right-click menus in email.. again, matches mainsite background, but doesn't really have to. */
#EmFMenu, #EmCMenu { border:1px solid black;padding:1px;border-radius:3px;white-space:nowrap;}
#EmFMenu a, #EmCMenu a { text-decoration:none;font-size:10pt;}

/* used in the top of email-compose ... matches mainsite background */
.linkbar { padding: 5px; }
.linkbar a { color:blue; font-weight:normal; padding:0px 3px 0px 3px;}
.linkbar a:hover { background-color:white; }

/**** END MAIN SITE COLORS *******************************************/
/*********************************************************************/

body { padding:0px; margin:0px; font-family:arial,helvetica,sans-serif,verdana; font-size: 12pt; background: lightsteelblue; }
td { font-family:arial,helvetica,sans-serif,verdana;}
th { font-family:arial,helvetica,sans-serif,verdana; text-align:left;}
div,table,ul,ol,h1,h2,h3 { position:static }
/*input,select,textarea { position: static; z-index: 5; }*/
span { position:relative }
fieldset { float:left; padding-right:15px; -moz-border-radius:5px; background-color:#f3f3f5;}
legend { font-size:12px; font-weight:bold; background-color:white; border:1px solid #aaaaaa; -moz-border-radius:5px;}
.leadViewBody { margin:5px; border:1px solid gray; background-color:#eeeeee; }
.leadViewTable { width: 777px; }
/*.leadViewTable td {  }*/
.leadViewTable th { text-align:right; font-weight:bold; background-color:#cccccc; }

h4 table { width: 760px; }
h4 {
	font-family:arial,helvetica,sans-serif,verdana; 
	background-color:#cccccc !important;
	letter-spacing:1px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 3px 2px 8px;
	border-bottom:1px solid #888888;
}


.leadform div { background-color:#f3f5ff; border:1px solid #888888; margin-bottom:5px; overflow:hidden;}
.genForm { background-color:#f3f5ff; border:1px solid #666666; padding:7px; }
.saveBtnSpan { padding-left: 20px; }

.topbar { background-color:#e1c645;font-size:10pt;padding:4px; }
.dtbl td { border-right:1px solid #aaaaaa; padding:3px 5px 3px 5px;}
.dtbl th { padding:3px 5px 3px 5px;border-bottom:1px solid #999999; }

/*
#ol_list {
	border:1px solid gray;
	background-color:white;
	padding:4px;
}
*/
.online { color: green !important; }
.offline { color: gray !important; }

.letters span { padding:0px 3px 0px 3px; font-weight:normal; font-size:15px; }
.letters a { padding:1px 4px 1px 4px; font-weight:normal; font-size:14px; }

.pages { padding:2px 5px 2px 5px; }
.pages span, .pages a { padding:0px 3px 0px 3px; }
.pages span { font-weight:bold; }


.datatable { border:1px solid #666666;}
.datatable th {
	background-color: #dddddd; color:#000000;
	text-align:left;
	font-weight:bold;
	border-bottom:2px solid gray;
	border-right:0px solid gray;
	padding:3px;
	font-size:10pt;
}
.datatable tr {	background-color:#f3f5ff; }
.datatable td {
	text-align:left;
	border-bottom:1px solid lightgrey;
	border-right:0px solid lightgrey;
	padding:1px 2px 1px 4px;
	font-size:10pt;
}
.datatable td a { color:blue; }
.datatable td a:hover { text-decoration: underline; }
#themenu {
	padding:0px 0px 0px 0px;
	font-size:10pt;
	font-family:arial,sans serif,helvetica,verdana,courier new;
	/*border-bottom:1px solid gray;*/
}
#mainmenu {
	height:32px;
	background: url(/images/menubg.gif) top left repeat;
	z-index:20;
}
.menusection {
	/* z-index:500; */
	z-index:30;
	background-color:#eeeeee;
	border:1px solid #bbbbbb;
	border-right:2px solid #cccccc;
	border-bottom:1px solid #bbbbbb;
	border-top:0px;
	padding:7px 2px 5px 2px;
	margin-top:0px;
	min-width:150px;
	position:absolute;
	display:none;
	border-radius:0px 5px 5px 5px;
	-moz-border-radius:0px 5px 5px 5px;
}
.menusubsection {
	/* z-index:500; */
	z-index:30;
	background-color:#eeeeee;
	border:1px solid #bbbbbb;
	border-right:2px solid #cccccc;
	border-bottom:1px solid #bbbbbb;
	padding:4px 2px 4px 2px;
	margin-top:0px;
	min-width:150px;
	position:absolute;
	display:none;
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:5px 5px 5px 5px;
}

.menutop {
	text-decoration:none;
	color:black;
	position:relative;
	display:block;
	margin-top:5px;
	padding:5px 6px 6px 6px;
}
.menutopHI {
	position:relative;
	background-color:#eeeeee;
	text-decoration:none;
	color:black;
	border:1px solid #bbbbbb;
	display:block;
	margin-top:4px;
	padding:4px 5px 6px 5px;
	border-bottom:0px;
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
}

/* these things with 2 appended to the names are for the newest (3rd) menu interface. */
#themenu2 {
	position:relative;
	padding:0px 0px 0px 0px;
	font-size:10pt;
	font-family:arial,sans serif,helvetica,verdana,courier new;
	background-color:#ffffff;
}
/* the div that opens up when you hover over a menu tab */
.menusection2 {
/* z-index:2500; */
	z-index:50;
	opacity:1;
	border:1px solid #000000;
	padding: 4px 0px 5px 0px;
	text-align:center;
	position:absolute;
	left:10px;
	right:10px;
	
	font-weight:bold;
	margin-top: -1px;
	border-radius:6px;
	-moz-border-radius:6px;
	display:none;
}
/* menutop2 and the HI version are for the tabs across the top of the menu */
.menutop2 {
/* z-index:2400; */
	z-index:40;
	text-decoration:none;
	color:black;
	position:relative;
	display:block;
	margin:0px 3px 0px 0px;
	font-size:9pt;
	padding:7px 13px 7px 13px;
	border:1px solid white;
	border-bottom:0px;
	border-radius:3px 8px 0px 0px;
	-moz-border-radius:3px 8px 0px 0px;
	opacity:.70
}
.menutop2HI {
	opacity:1;
/* z-index:2600; */
	z-index:60;
	text-decoration:none;
	color:black;
	position:relative;
	display:block;
	margin:0px 3px 0px 0px;
	font-size:9pt;
	/*padding:7px 13px 7px 13px;*/
	border:1px solid #000000;
	border-bottom:0px;
	border-radius:3px 8px 0px 0px;
	-moz-border-radius:3px 8px 0px 0px;
}
/* the "a" tags within menusection ... i.e. menu items */
/*.menusection2 div, .mitem {
	display:inline-block;
	text-align:center;
	margin:3px;
	padding:3px;
	height:100px;
}
*/
.menusection2 a {
	display:inline-block;
	text-align:center;
	position:relative;
	width:100px;
	text-decoration:none;
	color:black;
	padding:2px 5px 5px 5px;
/* z-index:1551; */
	z-index:55;
	margin:5px;
}
.menusection2 a:hover {
	border:1px solid black;
	border-radius: 7px;
	background-color:white;
	/*padding:5px;*/
	margin:4px;
}
/* end of adds for 3rd menu interface */

.menuitemfolder a {
	display:block;
	text-decoration:none;
	color:black;
	padding:0px 3px 0px 3px;
}
.menusection a {
	display:block;
	text-decoration:none;
	color:black;
	padding:2px 3px 2px 3px !important;
/* z-index:501; */
	z-index:31;
}
.menudisabled {
	display:block;
	text-decoration:none;
	color:gray !important;
	padding:0px 0px 0px 9px;
}

.current { color:brown !important; font-weight:bold !important; }

/* this tab stuff is used in the campaign manager / media library. */
.tablinksel, .tablink {
	position:relative;
	color:black;
	padding:2px 8px 0px 8px;
	border: 1px solid gray;
	border-bottom: 0px;
	background-color:#cdcdcd;
}
.tablinksel {
	font-weight: bold;
	padding:2px 4px 1px 4px !important;
	background-color:#ffffff !important;
/* z-index:400; */
	z-index:25;
}
.tabcontent {
	position:relative;
	padding:5px 5px 15px 5px;
	background-color: #ffffff;
	min-width:700px;
	border:1px solid gray;
}
input.boxlink,a.boxlink,a.boxlinkright { padding:1px 4px 2px 4px; }
.boxlink { color:#000000; border:1px solid #999999;  padding:0px; font-weight:normal;
	background: url(/images/buttonbg.jpg) repeat; }
.boxlinkright { color:#000000; border:1px solid #999999; border-left:0px; padding:0px; font-weight:normal;
	background: url(/images/buttonbg.jpg) repeat; }
.boxlink:hover,.boxlinkright:hover { border-color:black;}

/*  below here is imported the email.css file... */

.delx { font-size:10pt; font-weight:bold; color:red; border:1px solid black;padding:0px 2px 0px 2px;}
.delx:hover { background-color:yellow;}


.star { font-size:15px; color: gray; text-decoration: none; }
/* email index rows - for selected, open, current (contextmenu open)*/
.sel { background-color:#fffee0 !important; }
.opn { color:white;background-color:steelblue !important; }
.cur { color:#dddddd;background-color:steelblue !important; }
/* for the end-fade spans in senders and subjects */
.sel td div span { background-color:#fffee0 !important; }
.opn td div span { background-color:steelblue !important; }
.cur td div span { background-color:steelblue !important; }

.button,.link, .link a { padding: 0px 6px 0px 6px; border:1px solid gray; background-color:#eeeeee; color:navy; -moz-border-radius:3px !important;}
.linksmall { padding: 0px 2px 0px 2px; border:1px solid gray; background-color:#eeeeee; color:navy;
	-moz-border-radius:3px !important;}
.linksmall:hover, .link:hover, .link a:hover{ border:1px solid gray; background-color:#ffffff; }
.pmlink { display:block;color:black; padding:3px 5px 3px 5px;-moz-border-radius:5px;}
.pmlink:hover{ background-color:steelblue;color:lightyellow;padding:2px 4px 2px 4px;border:1px solid black;}

/* end of steelblue stuff */

/* emails */
#emDiv  {  }
.leftSideMenu { background-color: #ffffff; padding: 6px 0px 5px 15px; width:150px; }
.leftSideMenu2 { background-color: #ffffff; padding: 6px 0px 5px 15px; width:150px; }
#emFDiv { background-color: #ffffff; }
.emFDivSide a, .leftSideMenu a { color:black; display:block; padding:3px 3px 3px 10px; font-size:10pt; }
.emFDivSide a:hover, .leftSideMenu a:hover { background-color:#eeeeee;}
.leftSideMenu2 a { color:black; display:block; padding:3px 3px 3px 10px; font-size:10pt; }
.leftSideMenu2 a:hover { background-color:#eeeeee;}

/*.emFHover { background-color:white !important; border:1px solid green !important; -moz-border-radius:5px 5px 5px 5px !important; }*/
.dfol { background-color:#ffffff !important;font-weight:bold; border:1px solid #bbbbbb; display:block; width:auto; 
	padding:0px 6px 0px 6px;text-align:center;}


.subF { color:#333333 !important; }

.folderLocationChanger { color:navy !important;background-color:lightyellow !important; }
/* a { white-space:nowrap; text-decoration:none;} */
a { /* white-space:nowrap; */ text-decoration:none;}
/*reply,replyall,etc. link bar at top of email */
/* headings for email message parts */
.msgHead { border: 1px solid gray; background-color:#eeeeee;color:#000000; }
.msgHead2 { border: 1px solid #bbbbbb; background-color:#eeeeee; color:#666666; }
.msgHead a { color: #2235dd; }
/* email headers */
.msgHdr { border:1px solid #cccccc;padding:3px;}
.msgHdr2 { border-bottom:1px solid black; background-color:#eeeeee !important;}
/*.msgHdr td { border-top:1px solid #bbbbbb; }*/

/* email index table */
.emTbl { position:static; table-layout: fixed; background-color:#f5f5ff; border-top:1px solid #bbbbbb;border-left:1px solid #bbbbbb;}
.emTbl td { border-bottom:1px solid #cccccc; padding:1px 2px 1px 2px; white-space:noWrap; font-size:10pt;}
.emTbl td div { position:static;width:100%;overflow:hidden; cursor:pointer;}
.outFrm th { text-align: right; }
.e { cursor:move !important; }
.emNew { font-weight:bold; background-color:white;}
.emNewAuto { font-weight:bold; background-color:lightyellow !important;}
/*.emAns { color:#88ee88; font-weight:bold; font-size:10px; padding:0px 1px 0px 1px; background-color:#aaaaaa !important;}*/
.emAns { color:#338833; font-weight:bold; font-size:10pt; padding:0px 1px 0px 1px; }
.emFor { color:#333388; font-weight:bold; font-size:10pt; padding:0px 1px 0px 1px; }

#mailMain { position:static; }
#mailShow { background-color:#eeeccc;position:static;display:none;}
.al { background-color:#ffffff !important; color:blue !important;}
.il { background-color:#dddddd !important; color:gray !important;}

.label { font-weight:bold; color:navy; }


/* *tooltip Required Styles start * 	*/

#aToolTip {
	position: absolute;
	display: none;
	z-index: 50000;
}

	#aToolTip .aToolTipContent {
		position:relative;
		margin:0;
		padding:0;
	}
/* 
 * 	END: Required Styles
 * 	*/
/**
 * 	Default Theme
 * 	*/
.defaultTheme {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:6px 12px;	
	
	-moz-border-radius: 12px 12px 12px 0;
	-webkit-border-radius: 12px 12px 12px 0;
	-khtml-border-radius: 12px 12px 12px 0;
	border-radius: 12px 12px 12px 0;
	
	-moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
}
	
	.defaultTheme #aToolTipCloseBtn {
		display:block;
		height:18px;
		width:18px;
		background:url(../images/closeBtn.png) no-repeat;
		text-indent:-9999px;
		outline:none;
		position:absolute;
		top:-20px;
		right:-30px;
		margin:2px;
		padding:4px;
	}

/* *tooltip Required Styles start * 	*/
/*
div.blockMsg{
z-index: 1011; position: fixed; padding: 15px; margin: 0px auto; width: 70%; top: 30%; left: 10%; text-align: center; color: rgb(0, 0, 0); border: 1px solid rgb(51, 51, 51); background-color: rgb(255, 255, 255); cursor: wait; display: none;
}
*/

div.growlUI { background: url(/images/check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
	font-size:18px; color: white; padding: 5px 5px 5px 75px; text-align: left
}
div.growlUI h2{ font-size:16px; }
/* unvisited link */
a.grayed:link {
	color: #999999;
}
/* visited link */
a.grayed:visited {
	color: #999999;
}
/* mouse over link */
a.grayed:hover {
	color: #999999;
}
/* selected link */
a.grayed:active {
	color: #999999;
}
.grayed{
	color: #999999;
}
.auto{
text-align:center;
margin:auto;
width:100%;
}

.h3 {
	font-size:20px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}

.h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:6px;
	margin-bottom:3px;
}

.gap {
width:100%;
margin:auto;
height:5px;
}
.h10{
height:10px;
}

.account-input-container{
    display: inline-block;
    position: relative;
}

.account-input-container img{
    position: absolute;
    right: 0px;
    top: 2px;
    height: 25px;
    cursor: pointer;
}

.accountListDiv{
	display: none;
	position: absolute; 
	z-index: 10;
	max-height:350px;
	width:210px;
	overflow-y: auto;
	overflow-x: hidden;
    background-color: white;
    bottom: 30px;
    border-color: gray;
    border: 1px dotted;
}

.roundedInput{
    border: 1px solid;
    border-radius: 6px !important;
    height: 28px;
    display: inline !important;
    vertical-align: middle;
    border-color: #ccc;
    padding: 0 5px;
}

.roundedInput:focus {
  outline: none;
  border-color: #428bca;
  box-shadow: 0 0 10px #428bca;
}
.excludedAccountLink {
  background-color: #E0EAF1;
  border-bottom: 1px solid #b3cee1;
  border-right: 1px solid #b3cee1;
  padding: 3px 4px 3px 4px;
  margin: 2px 2px 2px 0;
  text-decoration: none;
  font-size: 90%;
  line-height: 2.4;
  white-space: nowrap;
}

#excludedAccounts {
  width: 600px;
  overflow: auto;
}

#account_input {
    width: 200px;
}

#accountListUl{
    list-style-type: none;
    padding-left: 2px;
    margin: 0 auto;
    width: 210px;
}

#accountListUl li{
    padding-bottom: 3px;
}

.accountIdStyle{
    font-style: italic;
    font-size: smaller;
}

.crossStyle{
    width: 11px;
    height: 10px;
    vertical-align: middle;
    padding-bottom: 1px;
}

.locationInfo{
    font-size: 10px;
    font-style: italic;
}
#imagesFacebook img{
   width: 40px;
   display: inline;
   padding-left: 15px;
}

#imagesFacebook .accounts{
    border: 1px solid;
    border-radius: 3px;
    border-color: gray;
    background: whitesmoke;
    display: inline-block;
    width: 250px;
    height: 50px;
    padding-top: 5px;
}
#imagesFacebookDialog img{
   width: 40px;
   display: inline;
   padding-left: 15px;
}

#imagesFacebookDialog .accounts{
    border: 1px solid;
    border-radius: 3px;
    border-color: gray;
    width: 400px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
    background: whitesmoke;
}

.facebookAccountDescription{
    display: inline-block;
    padding-left: 20px;
    vertical-align: super;
}
.facebookAccountDescription .accountName{
   font-weight: bold;
}
.facebookAccountDescription .accountType{
    font-size: 12px;
    color: gray;   
}

.horizontalGap{
    display: inline;
    padding: 50px;
}
.inactiveRow{
    background-color: lightgray !important;
}
#loadingScreen {
    background: url(/images/loading_large.gif);
    padding-left: 25px;
    background-size: 15px 16px;
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-position-x: 5px;
}

.loadingScreenWindow .ui-dialog-titlebar-close {
    display: none;
}

/* Stuff used in sendgrid settings */

.big { font-size: 18px; } .big a { margin: 0px 5px; }
.small { font-size: 11px; }
.padded { padding: 10px 20px; }
.menu a { display: block; width: 300px; margin: auto; font-size: 20px; font-weight: bold; text-align: center;
    color: blue; background-color: rgba(250,250,250,.5); padding: 10px; }
.row { position: relative; margin: auto; }
.row div { display: inline-block;
    margin: 0px;
    font-size: 16px;
    overflow: hidden;
    min-height: 25px;    
}
.c5 { width: 4.9%; } .c8 { width: 7.8%; } .c10 { width: 9%; } .c15 { width: 14%; } .c20 { width: 19%; }
.c25 { width: 24%; } .c30 { width: 29%; } .c33 { width: 32%; }
.c40 { width: 39%; } .c45 { width: 44%; } .c50 { width: 49%; } .c60 { width: 59%; } .c75 { width: 74%; } .c80 { width: 79%; } 
.c85 { width: 84%; } .c90 { width: 89%; } .c100 { width: 99%; }
.hl { background: rgba(255, 255, 255, .5); }
.w800 { width: 800px; }
.left { text-align: left; }
.right { text-align: right; }
.bold { font-weight: bold; }
.red { color: red; }
.green { color: green; }
.blue { color: blue; }
.white { background-color: white; }
.wait-screen {
    z-index: 50;
    position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;
    padding-top:15%;
    background: rgba(230,230,235,0.93); color: black;
    font-size: 20px; font-weight: bold;
    text-align: center;
}

.loc-btn {
    display: block;
    border: 1px solid gray; padding: 10px 20px; text-align: center; font-size: 20px; margin: 5px 10px;
}
#trigDesc { padding: 6px 0px; color: brown; }