/*


 				MACHINE GENERATED FILE - DO NOT EDIT



		File generated on: Mon, 12 Dec 2016 09:38:43

		Copyright (c) 2008-2009 Group Logic Incorporated. All rights reserved.

		This source code may be used only by organizations licensed to use MassTransit, in conjunction with normal MassTransit usage. No portion 
		of it may be redistributed or modified without the written permission of Group Logic, Inc. See the Group Logic Software License Agreement 
		for more information.

*/



/*
		Copyright (c) 2008-2009 Group Logic Incorporated. All rights reserved.

		This source code may be used only by organizations licensed to use MassTransit, in conjunction with normal MassTransit usage. 
		No portion of it may be redistributed or modified without the written permission of Group Logic, Inc. See the Group Logic Software License Agreement for more information.
		
		ABSTRACT:	This file contains the styles that are used as the basis for all pages in the MTWeb site [along with those in src.general.css].
					
					This is the SOURCE file that is used to generate the production version.  The production versions are optimized to have comments and whitespace removed, etc.

		Author: 	Douglas Hill
		Date:		2008/06/05
		
		REVISONS
			JAL	09/10/19	Handle long login names wrapping in the control bar. [#24687]  Added new info icon. [#24701]
			JAL	09/10/19	Improve look of links in control bar. [#24686]
			   		
*/

/* Global Styles */
/* reset everything to sane settings */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
}

p, td, dl, dt, dd, blockquote, ul
{
	font-family: "Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size: 11px;
	color: #000;
}

a {
	cursor: pointer;
}

/*  Make standard mode align inline images with the cell bottom and not the baseline  */
td img { vertical-align: bottom; }

/* ID Styles */
#page_header {
	width: 100%;
	z-index:200;
	height: 180px;
    vertical-align:bottom;
}


/* 06/18/07 DSC added for system information link [#19239]*/

div#systemInfo
{
    background-image:url('../images/info_icon.png');
    background-repeat:no-repeat;
    height: 24px;
    width: 36px;
    float:right;
    display:block;
    margin:0;
    position:relative;
    top:-1px;
}

#systemInfo a 
{
	color: #FFF;
	text-decoration: none;     
	cursor: pointer;
}

#systemCell
{
	text-align: right;
	padding: 5px;
}

#loginInfo
{
	position: relative;
	overflow: visible;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 8px;
	color: #434343;
	background-color: #F1F1F7;
	opacity: .55;
	filter: alpha(opacity=55);
	padding: 2px 3px;
	border: 1px solid #353535;
	text-align:center;
	top:8px;
}

#loginInfo a
{
	text-decoration: underline;
	color: #434343;
}

#control_bar_login_info {
	position: relative;
	overflow: hidden;
	margin-left: 40px;
	font-size: 11px;
	line-height: 17px;
	color: #FFFFFF;
	opacity: .75;
	filter: alpha(opacity=75);
	padding: 2px 0px 2px 0px;   
	height: 20px; 
}

#control_bar_login_info a
{
	text-decoration: underline;
	color: #FFFFFF;
}


.control_bar_link
{
	text-decoration: underline; 
	border-left-style: ridge;
	border-left-color: #424242;
	border-left-width: 2px;
	
	color:#fff;
	font-size: 11px;
	line-height: 17px;
	opacity: .75;
	filter: alpha(opacity=75);
	padding: 2px 5px 0px 5px;  
	margin-bottom:2px;
	height: 20px; 
	display:inline; 
	float:right;
}

.control_bar_link:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

a#upgrade_link
{
	display:none;
}



#editAcctForm
{
	position: relative;
	top: 15px;
	margin: auto;
	/*padding: auto;*/
	width: 800px;
}

div#downloadHeader
{
	width:100%;
	margin:10px 0 0 0;
}

#downloadHeader h1
{
	text-transform: none;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

#downloadHeader a
{
	display:block;

}

#downloadHeader a#grouplogicLink
{
	float:left;
}

#downloadHeader a#masstransitLink
{
	float:right;
	margin-left:auto;
}


div#downloadBody
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

div#httpModeBlock p
{
	font-size:14px;
}

div#httpModeBlock ul li
{
	font-size: 14px;
	margin: 0 0 15px 20px;
}

div#pluginBody ul li
{
	font-size: 14px;
	margin: 0 0 15px 20px;
}

div#pluginBody h2
{
	color: #000;
	text-transform: none;
	font-size: 15px;
	font-weight: normal;
}

div#pluginBody h3, div#httpModeBlock h3
{
	color: #000;
	background-color: #E2E2E2;
	padding: 3px;
	/*width:*/
}

div#pluginBody a#downloadButton
{
	display:block;
	width:205px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}

div#pluginBody a#downloadButton  
{ 
	text-align:center;	
	margin-top: 30px;
	height: 25px;
	width: 130px;
	background-position:top center;
	background-image: url('../images/en/btnDownload.png');  
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-right: 6px;  
	background-position: 0 0;
}

div#pluginBody a#downloadButton:link,
div#pluginBody a#downloadButton:visited,
div#pluginBody a#downloadButton {
	outline: none
	text-decoration: none;
}

div#pluginBody a#downloadButton:focus, #downloadButton:hover {
	background-position: 0 -50px;
	text-decoration: none;
	outline: none;
}     

div#pluginBody a#downloadButton:active {
	background-position: 0 -25px;
	outline: none
	text-decoration: none;
}  

div#httpModeBlock a#continueButton
{
	display:block;
	width:205px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}

div#httpModeBlock a#continueButton  
{ 
	text-align:center;	
	margin-top: 30px;
	height: 25px;
	width: 130px;
	background-position:top center;
	background-image: url('../images/en/btnContinue.png');  
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-right: 6px;  
	background-position: 0 0;
}

div#httpModeBlock a#continueButton:link,
div#httpModeBlock a#continueButton:visited,
div#httpModeBlock a#continueButton {
	outline: none
	text-decoration: none;
}

div#httpModeBlock a#continueButton:focus, #continueButton:hover {
	background-position: 0 -50px;
	text-decoration: none;
	outline: none;
}     

div#httpModeBlock a#continueButton:active {
	background-position: 0 -25px;
	outline: none
	text-decoration: none;
}  



div#pluginBody ol li
{
	font-size: 14px;
	margin: 0 0 15px 20px;
}

/* unsupported browser page */
#unsupBrowser
{
	text-transform: none;
	margin: 6px 0;
	padding: 0;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#unsupBrowser h1
{
	text-transform: none;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#unsupBrowser h2
{
	color: #000;
	background-color: #E2E2E2;
	padding: 3px;
}

#unsupBrowser ul li
{
	font-size: 14px;
	line-height: 200%;
	text-align: left;
}

#mac
{
	width: 40%;
	float: left;
	border-right: 1px solid #ccc;
	padding: 2%;
	margin: 2%;
	text-align: center;
}

#win
{
	width: 40%;
	float: left;
	padding: 2%;
	margin: 2%;
	text-align: center;
}

/*styles for error elements*/
p.error
{
	font-weight: bold;
	font-size: 12px;
	color: #850043;
	text-align: center;
}

p.info
{
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.error_div
{
	position: relative;
	margin: auto;
	margin-bottom: 32px;
	top: 10px;
	left: auto;
	right: auto;
	width: 96%;
	height: auto;
	border-spacing: 0;
	border: 1px solid #ED0000;
	background-color: #FFCCCC;
	visibility: visible;  
	z-index: 9999;
}

.error_table
{
	position: relative;
	top: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: 64px;
	text-align: center;
	vertical-align: center;
}

.error_table ul
{
	padding: 0;
	margin-top: 8px;
	margin-left: 32px;
}

.error_text
{
	font-weight: bold;
	font-size: 15px;
	color: #CC0043;
	text-align: center;
}

.exception_msg
{
	font-weight: bold;
	font-size: 14px;
}

/*styles for happy msgs elements*/
.success_div
{
	position: relative;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	height: auto;
	border-spacing: 0;
	border: 2px solid #00ED00;
	background-color: #CCFFCC;
	visibility: visible;
}

.success_table
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	text-align: center;
	vertical-align: center;
}

.success_table ul
{
	padding: 0;
	margin-top: 8px;
	margin-left: 32px;
}

.success_text
{
	font-weight: bold;
	font-size: 15px;
	color: #00CC00;
	text-align: center;
}

/*   Formatting helper styles  */
.small { font-size: 10px  !important; }
.center { text-align: center  !important; }
.left { text-align: left  !important; }
.right { text-align: right  !important; }
.font_larger { font-size: 102%  !important; }
.font_smaller { font-size: 98%  !important; }
.font_color_red { color: red  !important; }
.font_bold { font-weight: bold  !important; }

/* not in CSS 2.1 and no browser support - pity 	
.align_decimal {
	text-align: ".";
}	

.align_time {
	text-align: ":"; 
}	
*/

.unselectable
{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.selectable
{
	-moz-user-select: text;
	-khtml-user-select: auto;
	user-select: normal;
}

.collapsible_table { height: 0; display: table; overflow:hidden;}
.fixedlayout_table { table-layout: fixed !important;}
                         
.invisible { opacity: 0; filter: alpha(opacity=0);}

.wraptext { white-space: normal; }
.noshow { visibility: hidden; }

.full_page
{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dlg_overlay
{
	visibility: hidden;
}


.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* this class is used as a mixin to dim the entire page.  It's z-index is so high so that it sits atop almost every element [except an error msg. div] */
.page_dimmer
{
	background-image: url('../images/dim.png');
	background-repeat: repeat;
	z-index: 9000;
}

/*
 * class styles for main header - common to all pages
 */

.headerBg
{
	vertical-align: bottom;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
}

.headerBgBase
{
	width: 100%; 
	z-index:200;
	background-repeat:repeat-x;
}


.copyright
{
	text-align: center;
	color: #353535;
}


/*

	CONTROL BARS 
	
	
*/	
.control_bar {
	background-image:url(../images/control_bar_bk.png);
	min-height: 24px;
	overflow: auto;
	width: 100%;
	display: block;
	float: left;
	vertical-align: bottom;
	background-repeat: repeat;
	padding: 0;
	margin: 0;
	border: 0;
	position:relative;
	top: 3px;
}

.control_bar_item {
	background-image: url('../images/control_bar_items.png');
	background-repeat: no-repeat;
	height: 24px;
	position: absolute;
	top: 0;
}

.control_bar_sidebar_toggle { width: 36px;  left: 0px; }
.control_bar_sidebar_toggle_up { left:0px;	background-position: 0 0; cursor: pointer; }	
.control_bar_sidebar_toggle_up_disabled {	background-position: -36px 0; }	
.control_bar_sidebar_toggle_down { background-position: 0 -24px; cursor: pointer; }	
.control_bar_sidebar_toggle_down_disabled { background-position: -36px -24px; }	

#control_bar_spinner { 
    float:right; 
	visibility: hidden;
	display: block;
	margin: 0;
	height: 24px;
	width: 24px;  
	background-image: url('../images/control_bar_spinner.gif');
	background-repeat: none;
}

/*
	CONTROLS for popup windows and other UI elements 
	
*/
	
.clear_icon_small
{
background-image:url(../images/clear-trans-gray.png);
background-repeat:no-repeat;
height:16px;
left:1%;
line-height:16px;
position:absolute;
text-indent:32px;
width: 16px;
top:8px;
vertical-align:middle;
width: 98%;
z-index:2000;
}

.delete_icon_small
{
	position: absolute;
	height: 16px;
	width: 16px;
	background-image: url("../images/delete-trans-gray.png");
	background-repeat: no-repeat;
	top: 0;
	left: 0;    	
	z-index: 2000;
}

.close_icon_small
{
	position: relative;
	top: 0;
	left: 1px;
	margin: 0;
	margin-top: -13px;
	height: 11px;
	width: 11px;
	background-image: url("../images/close_icon_small_red.png");
	background-repeat: no-repeat;
	z-index: 2000;
}

.resize_icon_small
{
	margin: 0;
	position: absolute;
	height: 15px;
	width: 14px;
	bottom: 0;
	right: 0;
	background-image: url("../images/window-resizer.png");
	background-repeat: no-repeat;
	z-index: 2000;
	border: 1px solid #8D8D8D;
}
      

#debug_mode_icon_small {
	background-image: url("../images/debug_mode_icon.png");
	background-repeat: no-repeat;
	z-index: 2000;
	height: 30px; 
	width: 30px;
	border: 0;
	padding: 0;
	margin: 0;
	display:block;
	position: absolute;
	top: 4px;
	right: 4px;	
}



div.suggestions
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid black;
	position: absolute;
	z-index: 9998;
	background-color: #FFF;
	font-size: 10px;
}

div.suggestions div
{
	cursor: default;
	padding: 0px 3px;
}

div.suggestions div.current
{
	background-color: #4E809D;
	color: white;
	z-index: 9998;
}
                                                      
/* ------------------------------------------------------------------------------------
			DROP SHADOW DIVs
   ------------------------------------------------------------------------------------
*/

.pane_wrapper
{
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	top: 0px;
	border: medium none;
	position: relative;
	z-index: 500;
}

.top-edge
{
	background: transparent url('../images/shadows_repeat_x.png') repeat-x scroll 0px 0px;
	height: 20px;
	position: absolute;
	left: 20px;
	right: 20px;
	top: -20px;
}

.top-left-edge
{
	background: transparent url('../images/shadow_corners.png') no-repeat scroll 0px -160px;
	height: 40px;
	width: 40px;
	position: absolute;
	left: -20px;
	top: -20px;
}

.top-right-edge
{
	background: transparent url('../images/shadow_corners.png') no-repeat scroll 0px -240px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20px;
	top: -20px;
}

.left-edge
{
	background: transparent url('../images/shadows_repeat_y.png') repeat-y scroll -60px 0px;
	width: 20px;
	top: 20px;
	bottom: 20px;
	position: absolute;
	left: -20px;
}

.right-edge
{
	background: transparent url('../images/shadows_repeat_y.png') repeat-y scroll -90px 0px;
	width: 20px;
	top: 20px;
	bottom: 20px;
	position: absolute;
	right: -20px;
}

.bottom-edge
{
	background: transparent url('../images/shadows_repeat_x.png') repeat-x scroll 0px -30px;
	height: 20px;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: -20px;
}

.bottom-left-edge
{
	background: transparent url('../images/shadow_corners.png') no-repeat scroll 0px -200px;
	height: 40px;
	width: 40px;
	position: absolute;
	left: -20px;
	bottom: -20px;
}

.bottom-right-edge
{
	background: transparent url('../images/shadow_corners.png') no-repeat scroll 0px -280px;
	height: 40px;
	width: 40px;
	position: absolute;
	right: -20px;
	bottom: -20px;
}




/*  TABS  */

#tabs_container {
	margin-top:-60px;
	margin-left: auto;
	position: relative;
	z-index: 2000;
}

.tabbar {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	background-image: url(../images/background_menu.png);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.tabbar li {
	float: left;
	margin-right: 1px;
}

.tabbar li:first-child a.button-menu {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}



/* MY ACCOUNT */

#changepassword .error {
	font-weight: bold;
	font-size: 14px;
	color: #CC0043;
	text-align: center;
}

#changepassword input {
	width: 143px;
	line-height: 13px;
	font-size: 11px; 
	padding:0;
	margin:0;
	color: rgb(63,60,61);
}

#editAcctForm td {
	vertical-align: middle;
	padding-right: 8px;
}


/* CSS3 */
.truncateWithElipsis { text-overflow: ellipsis; }

/*    BROWSER SPECIFIC STYLES   */

/* FIXES/HACKS for badly behaving browsers */

/*
		Until everyone supports the RGBA color spec. in CSS3 we have to do transparency using the "opacity/filter" properties;  To that end we define
		some mixin styles to set the opacity for us.
		
	*/

.opac0
{
	opacity: 0;
	filter: alpha(opacity=0);
}

.opac20
{
	opacity: .2;
	filter: alpha(opacity=20);
}

.opac40
{
	opacity: .4;
	filter: alpha(opacity=40);
}

.opac60, disabled
{
	opacity: .6;
	filter: alpha(opacity=60);
}

.opac80
{
	opacity: .8;
	filter: alpha(opacity=80);
}

.opac100
{
	opacity: 1;
	filter: alpha(opacity=100);
}


.hidden {
	display: none;
}

.ts {
	visibility: hidden;
}

#change-language {
	float: right;
	margin: 0 5px 0 0;
	height: 22px;
	padding-right: 6px;
	padding-left: 2px;
	background-image: url(../images/control_bar_bk.png);
	background-color: #424242;
	color: #ddd;
	border: 0px;
	border-left-style: ridge;
	border-left-color: #424242;
	border-left-width: 2px;
}

a.button-menu {
	display: block;
	min-width: 100px;
	height: 28px;
	background-image: url(../images/button_background_menu_normal.png);
	background-repeat: repeat-x;
	border: 0px;
	color: #000;
	padding: 0 8px;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
}

a.button-menu:hover {
	background-image: url(../images/button_background_menu_hover.png);
	color: #fff;
}

button {
	min-width: 100px;
	padding-left: 6px;
	padding-right: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

button span {
	white-space: nowrap;
}

.button {
    position: relative;
	width: 52px;
    z-index: 2000;
}

.button-profiles, .button-admin, .button-contacts {
	display: inline-block;
	min-width: 100px;
	padding-left: 6px;
	padding-right: 6px;
	background-image: url(../images/button_background.png);
	border-radius: 3px;
	border: 1px solid #00438B;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	cursor: pointer;
	box-shadow: 2px 2px 2px #ccc;
	text-decoration: none;
	text-transform: uppercase;
}

a.button-profiles, a.button-admin, a.button-contacts {
	line-height: 17px;
}

.contactsCommandBody .button-admin {
	margin-left: 2px;
}

.contactForm .button-admin {
	margin-bottom: 5px;
}

button.button-filetransfer-green, span.button-filetransfer-green {
	background-image: url(../images/button_background_filetransfer_green.png);
	line-height: 20px;
	border-radius: 8px;
	border: 1px solid #699C44;
	padding-bottom: 2px;
}

button.button-filetransfer-blue, span.button-filetransfer-blue, button.button-reports-run, button.button-login, .button-get-latest-plugin {
	background-image: url(../images/button_background_filetransfer_blue.png);
	font-size: 12px;
	line-height: 20px;
	border-radius: 8px;
	border: 1px solid #6B83A9;
	padding-bottom: 2px;
}

span.button-filetransfer-blue, span.button-filetransfer-green {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

button.button-login {
	position: relative;
	top: 10px;
}

.button-get-latest-plugin {
	display: inline-block;
	margin: 10px 0px;
	color: #fff;
	text-decoration: none;
	padding: 0px 15px;
	font-size: 15px;
}

.align-center {
	text-align: center;
}

.button-filetransfer-large {
	width: 160px;
}

button.button-reports-blue {
	background-image: url(../images/button_background.png);
	border-radius: 3px;
	border: 1px solid #00438B;
}

button.button-filetransfer-green.disabled, button.button-filetransfer-blue.disabled, span.button-filetransfer-blue.disabled, span.button-filetransfer-green.disabled {
	background-image: url(../images/button_background_filetransfer_disabled.png);
	border: 1px solid #AFAFB0;
	color: #ccc;
}

.reports-file-transferred, .reports-usage-details {
	background-image: url('../images/reports_transferred_by_contact_section.png');
	background-repeat: repeat-x;
	border: 0px;
}

.reports-file-transferred td, .reports-usage-details td {
	border: 0px;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
}

.no-border {
	border: 0px !important;
}