@import url('../js/jquery/css/smoothness/ui.css');
@import url('../js/jqwidgets/styles/jqx.base.css');
@import url('../js/jqwidgets/styles/jqx.ui-smoothness.css');
@import url('../js/jqwidgets/styles/jqx.web.css');

/* the below list of items are meant to make css default to be soprano, and repeated in soprano.css. */ 
#banner #logo {
	padding-left: 10px;
	float: left;
	display: block;
	width: 94px;
	height: 80px;
	background: url("../images/soprano/soprano_logo_94x75.gif") right top no-repeat;
}

#tabs span {
	/*background-color:#31659C !important;/*00309C url(../images/roll-9-30.png) repeat scroll 0 0;*/
	background: #31659C url("../images/3DTableTop2b-30.png") repeat scroll 0 0;
}

#tabs span.sms,#tabs span.mms,#tabs span.email,#tabs span.home,#tabs span.reports,#tabs span.reminder,#tabs span.sei,#tabs span.staffMatch,#tabs span.mobileVouchers,#tabs span.campaignManager,#tabs span.cgp,#tabs span.staffSafe,#tabs span.inbound,#tabs span.voice,#tabs span.authenticator,#tabs span.radar,#tabs span.cipher
	{
	background-color: #639A00;
}

#shortcuts {
	background: #639A00 url("../images/3DTableTop2b-24.png") repeat-x scroll 0 3px;
}

.shortcutShade {
	background: #639A00 repeat-x;
}

.contentHeader .sectionTitle, #rightPanel .titleBar, #pageHolder .titleBar {
	background-color: #639A00;
}

.summaryTable th,.summaryTable th a,.sortable thead td,.sortable thead td a
{
	background-color: #31659C;
}

.footerDivider {
	background: #31659C url("../images/style/trans-8pt-b-1.png") repeat-x
		scroll 0 7px;
}

#rightPanel table.setupTable div.titleBar {
	background-color: #31659C;
}

/* the above list of items are meant to make css default to be soprano */

/* Basic styles. */
img {
	border: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 100%;
	margin: 0px;
	display: inline;
}

A:hover {
	COLOR: #66bb00;
	TEXT-DECORATION: underline;
}

.style1 {
	color: #FF0000
}

/* Basic styles - fine tuned for IE. */
TD,UL,OL,LI {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	TEXT-DECORATION: none
}

LI {
	margin: 0;
	padding: 0
}

A.task:hover,A.task {
	FONT-SIZE: 10pt;
	TEXT-DECORATION: underline
}

A.task {
	COLOR: #000000;
	TEXT-DECORATION: none
}

.taskField {
	LINE-HEIGHT: 16px;
	BACKGROUND-COLOR: #eeeeee;
	TEXT-ALIGN: left
}

.footerText {
	BORDER-RIGHT: #ffffff 1px solid;
	PADDING: 5px 0 0 20px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	MARGIN: 2px 0px 0px;
	COLOR: #666666;
	BACKGROUND-COLOR: #d5df65;
	TEXT-DECORATION: none
}

.footerText A:link,.footerText A:visited,.footerText A:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #666666;
	TEXT-DECORATION: none
}

INPUT.button, INPUT.disabledButton, .grayed {
/* PC	border:none; */
/* PC	FONT-WEIGHT: bold; */
	FONT-SIZE: 9pt;
/* PC	COLOR: #ffffff; */
	FONT-FAMILY: 'Arial', 'Helvetica';
/* PC	background: #969696 url("../images/3DTableTopbut-24.png") repeat-x; */
	height: 24px;
	vertical-align: middle;
}

INPUT.disabledButton {
	BORDER: #cccccc 1px solid;
	background: #bcccbb none;
}

.grayed {
	background: #cccccc none;	
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

div.clearer {
	line-height: 0px;
	clear: both;
}

div.hline {
	padding: 0;
	margin: 5px 0 5px 0;
	border-width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-bottom: 1px solid #888888;
}

#banner {
	color: #000000;
	vertical-align: top;
	width: 100%;
	height: 75px;
	padding-bottom: 5px;
}

/* The following two ids are related to the login page top bar color */
#loginBanner{
	color: #000000;
	background-color: white;
	vertical-align: top;
	width: 100%;
	height: 75px;
}

#loginTopBar {
	background-color: white;
}

html {
	position: relative;
	height: 100%;
}

#bodywrap {
  height: auto;
  min-height: 100%;
  width: 100%;
}

#bodycontent {
/*     height: 100%;
 */    padding-bottom: 50px;
}

#footer {
	background-color: #f2f1ed;
  	margin-top: -95px;
	height: 100px;
	width: 100%;
	border-top:1px solid grey;
	text-shadow: 0 1px 0 #FFFEFF;
}

#footer #legal {
	color: #5F5A59; text-decoration: none; position: relative; top: 45%;font:11px/20px "ff-dagny-web-pro-1","ff-dagny-web-pro-2",Helvetica,Arial,sans-serif;display: block; 
}

#footer #legal a {
	text-decoration: none;color: #659EC7;font-size: 10.5px;
}

#footer #appLinks {
	position: relative; top:35%; font-weight: bold;  min-width: 500px;display: block;
}

#footer #appLinks a:link {
	color:grey;
	text-decoration: none;
	padding:2px 7px 2px 7px;
	font-size: 11px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#footer #appLinks a:hover {
	color:grey;
	text-decoration:underline;
	font-size: 11px;
}

#footer #appLinks a:visited {
	color:grey;
	text-decoration: none;
}

#banner #bannerTableDiv {
	float: right;
	width: auto;
	position: relative;
	z-index: 1000;
}

#banner #rowdiv {
	float: left;
	display: table-row;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 7pt;
	text-align: left;
	color: #444444;
	white-space: nowrap;
}

#banner #cellOneDiv {
	float: left; /*fix for  buggy browsers*/
	padding-right: 20px;
	color: #737CA1;
	
}


#banner #cellTwoDiv {
	float: left; /*fix for  buggy browsers*/
	width: auto;
	color: grey;
}

#banner #bannerTableDiv a {
	color: #666666;
	font-weight: bold;
}

#body {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0 0 100px;
	display: block;
	position: relative;
	z-index: 10;
}

#bodyPanels table {
	width: 100%;
}

#body #bodyPanels {
	width: 100%;
	padding-top: 10px;
}

#bodyPanels #leftPanel {
	margin: 0;
	width: 210px;
	padding: 0 10px 0 10px;
	background-color: #ffffff;
	float: left;
}

#bodyPanels #rightPanel {
	margin: 0;
	/*width: 100%;*/
	background-color: #ffffff;
	/*	float: left;*/
}

.contentHeader IMG {
	width: 32px;
	height: 32px;
	background-image: url(/sei/static/images/icon/common/32px/default.png);
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
	PADDING-RIGHT: 5px;
	MARGIN-LEFT: 3px;
	margin-top: 4px;
}

.contentHeader .StaffMatchOrderBean,.contentHeader .StaffMatchShiftBean,.contentHeader .SMSReminderOrderBean,.contentHeader .SMSInformationOrderBean,.contentHeader .TimezoneOpenHoursBean,.contentHeader .StaffMatchOrderMessageBean
	{
	background-image: url(../images/icon/blue/32px/Order.png);
	width: 30px;
	margin-top: 4px;
}

.contentHeader .ConnectionPointBean,.contentHeader .ClientConnectionBean,.contentHeader .UserClientConnectionBean,.contentHeader .NetworkConnectionBean,.contentHeader .SMPPNetworkConnectionBean,.contentHeader .uri_245
	{
	background-image: url(../images/icon/blue/32px/Connection.png);
	width: 39px;
	margin-top: 4px;
}

.contentHeader .HandsetProfileBean {
	background-image: url(../images/icon/blue/32px/Campaign.png);
	width: 32px;
	margin-top: 4px;
}

.contentHeader .CIQBean,.contentHeader .COQBean,.contentHeader .NIQBean,.contentHeader .NOQBean
	{
	background-image: url(../images/icon/blue/32px/Queue.png);
	width: 27px;
	margin-top: 4px;
}

.contentHeader .CustomerBean {
	background-image: url(../images/icon/blue/32px/Customer.png);
	width: 42px;
	margin-top: 4px;
}

.contentHeader .GroupBean,.contentHeader .SubscriberOrderBean,.contentHeader .SubscriberBean
	{
	background-image: url(../images/icon/blue/32px/Group.png);
	width: 42px;
	margin-top: 4px;
}

.contentHeader .ContactBean,.contentHeader .AutomatedContactUpdateBean {
	background-image: url(../images/icon/blue/32px/Contact.png);
	width: 42px;
	margin-top: 4px;
}

.contentHeader .GroupContactBean,.contentHeader .GroupContactOrderBean {
	background-image: url(../images/icon/blue/32px/Group.png);
	width: 42px;
	margin-top: 4px;
}

.contentHeader .SMSBean,.contentHeader .SMSStandardOrderBean,.contentHeader .SMSBroadcastOrderBean,.contentHeader .SMSMailMergeOrderBean,.contentHeader .SMSPreferenceBean,.contentHeader .SMSInboundOrderBean,.contentHeader .StaffMatchUserPreferenceBean,.contentHeader .SMSBroadcastTemplateBean,.contentHeader .SMSMailMergeTemplateBean,.contentHeader .SMSStandardTemplateBean,.contentHeader .SMSResponseMessageBean
	{
	background-image: url(../images/icon/blue/32px/SMSMessage.png);
	width: 35px;
	margin-top: 4px;
}

.contentHeader .MMSBean,.contentHeader .MMSStandardOrderBean,.contentHeader .MMSBroadcastOrderBean,.contentHeader .MMSMailMergeOrderBean,.contentHeader .MMSInboundOrderBean,.contentHeader .MMSPreferenceBean,.contentHeader .MMSSmilTemplateBean,.contentHeader .MMSBroadcastTemplateBean,.contentHeader .MMSResponseMessageBean
	{
	background-image: url(../images/icon/blue/32px/MMSMessage.png);
	width: 35px;
	margin-top: 4px;
}

.contentHeader .EmailBean,.contentHeader .EMAILStandardOrderBean,.contentHeader .EMAILBroadcastOrderBean,.contentHeader .EMAILMailMergeOrderBean,.contentHeader .EmailPreferenceBean,.contentHeader .EMAILPreferenceBean,.contentHeader .EMAILBroadcastTemplateBean
	{
	background-image: url(../images/icon/blue/32px/EmailMessage.png);
	width: 35px;
	margin-top: 4px;
}

.contentHeader .SopranoMessageBean,.contentHeader .AppointmentBean {
	background-image: url(../images/icon/blue/32px/Message.png);
	width: 35px;
	margin-top: 4px;
}

.contentHeader .RoleBean,.contentHeader .ApplicationRoleBean,.contentHeader .StaffMatchRoleBean
	{
	background-image: url(../images/icon/blue/32px/Role.png);
	width: 35px;
	margin-top: 4px;
}

.contentHeader .ListBean,.contentHeader .StaffMatchShiftTimeBean {
	background-image: url(../images/icon/blue/32px/File.png);
	width: 30px;
	margin-top: 4px;
}

.contentHeader .UserBean,.contentHeader .LoginHistorySummaryBean,.contentHeader .LoginHistoryBean
	{
	background-image: url(../images/icon/blue/32px/User.png);
	width: 26px;
	margin-top: 4px;
}

.contentHeader .EmployeeBean,.contentHeader .StaffMatchEmployeeBean,.contentHeader .StaffMatchEmployeeAutoImportBean,.contentHeader .ContentVisibilityControlBean,.contentHeader .StaffMatchQualificationBean
	{
	background-image: url(../images/icon/blue/32px/Employee.png);
	width: 31px;
	margin-top: 4px;
}

.contentHeader .Address,.contentHeader .RoutedAddressBean,.contentHeader .StaffMatchLocationBean
	{
	background-image: url(../images/icon/blue/32px/Address.png);
	width: 30px;
	margin-top: 4px;
}

.contentHeader .LicenseBean,.contentHeader .UserLicenseBean,.contentHeader .ApplicationLicenseBean,.contentHeader .UserBeanChangePassword,.contentHeader .MessagePackLicenseBean
	{
	background-image: url(../images/icon/blue/32px/License.png);
	width: 33px;
	margin-top: 4px;
}

.contentHeader .UserCreditControlBean {
	background-image: url(../images/icon/blue/32px/Token.png);
	width: 43px;
	margin-top: 4px;
}

.contentHeader .HomeBean {
	background-image: url(../images/icon/blue/32px/Home.png);
	margin-top: 4px;
}

.contentHeader .InvoiceBean {
	background-image: url(../images/icon/common/32px/Invoices.png);
	margin-top: 4px;
}

.contentHeader .ProductBean {
	background-image: url(../images/icon/common/32px/Products.png);
	margin-top: 4px;
}

.contentHeader .ReportBean {
	background-image: url(../images/icon/common/32px/Reports.png);
	margin-top: 4px;
}

.contentHeader .uri_6 {
	background-image: url(../images/icon/blue/32px/PersonalSetup.png);
	margin-top: 4px;
}

.contentHeader .uri_7 {
	background-image: url(../images/icon/blue/32px/ManageCustomers.png);
	margin-top: 4px;
}

.contentHeader .uri_8 {
	background-image: url(../images/icon/blue/32px/PlatformSetup.png);
	margin-top: 4px;
}

.contentHeader .uri_23 {
	background-image: url(../images/icon/blue/32px/ManageUsers.png);
	margin-top: 4px;
}

.contentHeader .uri_274 {
	background-image: url(../images/icon/blue/32px/License.png);
	margin-top: 4px;
}

.contentHeader .AppointmentMessageTemplateBean,.contentHeader .uri_990 {
	background-image: url(../images/icon/blue/32px/Template.png);
	margin-top: 4px;
}

.contentHeader .uri_12008 {
	background-image: url(../images/icon/blue/32px/StaffSafe.png);
	margin-top: 4px;
}

.contentHeader .uri_9001 {
	background-image: url(../images/icon/blue/32px/Reminder.png);
	margin-top: 4px;
}

.contentHeader .TokenBean
	{
	background-image: url(../images/icon/blue/32px/Token.png);
	width: 42px;
	margin-top: 4px;
}

#recentItems {
	COLOR: #000000
}

#recentItems a {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	FLOAT: left;
}

#disabledRecentItems a {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	FLOAT: left;
}

.recentItem {
	/* must be greater than the sidebar handle/indicators for IE6 bug */
	z-index: 7;
	float: right;
	height: 21px;
}

.recentItem img {
	background-repeat: no-repeat;
	width: 16px;
	height: 21px;
	PADDING-RIGHT: 3px;
	background-position: center;
}

.recentItem .StaffMatchOrderBean,.recentItem .StaffMatchShiftBean,.recentItem .SMSReminderOrderBean,.recentItem .SMSInformationOrderBean,.recentItem .VoiceOrderBean
	{
	background-image: url(../images/icon/green/16px/Order.png);
	width: 15px;
	margin-right: 3px;
}

.recentItem .ConnectionPointBean,.recentItem .ClientConnectionBean,.recentItem .UserClientConnectionBean,.recentItem .NetworkConnectionBean,.recentItem .SMPPNetworkConnectionBean
	{
	background-image: url(../images/icon/green/16px/Connection.png);
	width: 19px;
	margin-right: 1px;
}

.recentItem .CIQBean,.recentItem .COQBean,.recentItem .NIQBean,.recentItem .NOQBean
	{
	background-image: url(../images/icon/green/16px/Queue.png);
	width: 13px;
	margin-right: 4px;
}

.recentItem .CustomerBean {
	background-image: url(../images/icon/green/16px/Customer.png);
	width: 21px;
}

.recentItem .GroupBean,.recentItem .SubscriberOrderBean {
	background-image: url(../images/icon/green/16px/Group.png);
	width: 21px;
}

.recentItem .ContactBean {
	background-image: url(../images/icon/green/16px/Contact.png);
	width: 21px;
}

.recentItem .SMSBean,.recentItem .SMSStandardOrderBean,.recentItem .SMSBroadcastOrderBean,.recentItem .SMSMailMergeOrderBean,.recentItem .SMSInboundOrderBean
	{
	background-image: url(../images/icon/green/16px/SMSMessage.png);
	width: 17px;
	margin-right: 2px;
}

.recentItem .MMSBean,.recentItem .MMSStandardOrderBean,.recentItem .MMSBroadcastOrderBean,.recentItem .MMSMailMergeOrderBean,.recentItem .MMSInboundOrderBean
	{
	background-image: url(../images/icon/green/16px/MMSMessage.png);
	width: 17px;
	margin-right: 2px;
}

.recentItem .EmailBean,.recentItem .EMAILStandardOrderBean,.recentItem .EMAILBroadcastOrderBean,.recentItem .EMAILMailMergeOrderBean
	{
	background-image: url(../images/icon/green/16px/EmailMessage.png);
	width: 17px;
	margin-right: 2px;
}

.recentItem .RoleBean {
	background-image: url(../images/icon/green/16px/Role.png);
	width: 17px;
	margin-right: 2px;
}

.recentItem .LicenseBean {
	background-image: url(../images/icon/green/16px/License.png);
	width: 17px;
	margin-right: 2px;
}

.recentItem .ListBean {
	background-image: url(../images/icon/green/16px/File.png);
	width: 15px;
	margin-right: 3px;
}

.recentItem .UserBean {
	background-image: url(../images/icon/green/16px/User.png);
	width: 13px;
	margin-right: 4px;
}

.recentItem .EmployeeBean,.recentItem .StaffMatchEmployeeBean {
	background-image: url(../images/icon/green/16px/Employee.png);
	width: 15px;
	margin-right: 3px;
}

.recentItem .Address,.recentItem .RoutedAddressBean {
	background-image: url(../images/icon/green/16px/Address.png);
	width: 15px;
	margin-right: 3px;
}

.recentItem .TokenBean {
	background-image: url(../images/icon/green/16px/Group.png);
	width: 21px;
}

.footerDivider {
	height: 14px;
	background: #639A00 url("../images/3DTableTop2b-24.png") repeat-x 0px 7px;									   
	margin-bottom: 40px;
}

#menuBtmBorder {
	width: 100%;
	clear: both;
	font-size: 10pt;
	text-align: left;
	background-color:#dad6d3;
	vertical-align: middle;
	height: 5px;
	position:relative;
	top:3.5px;
	z-index: -4;
}

#shortcuts div {
	margin-left: 20px;
	height: 20px;
}

#shortcuts a,#shortcuts a:hover,#shortcuts a:link,#shortcuts a:visited,#shortcuts a:active
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	text-decoration: none;
	margin-left: 5px;
}

#shortcuts a:hover {
	text-decoration: underline !important;
}

#shortcuts #default {
	padding-top: 3px;
	padding-bottom: 3px;
}

#shortcuts #sei {
	padding: 3px 0;
}

#shortcuts #staffMatch {
	padding-top: 3px;
	padding-bottom: 3px;
}

#shortcuts #mobileVouchers {
	padding-top: 3px;
	padding-bottom: 3px;
}

#shortcuts #campaignManager {
	padding: 3px 0;
}

#shortcuts #cgp {
	padding: 3px 0;
}

/* sms */
#shortcuts #sms {
	padding: 3px 0;
}

/* inbound */
#shortcuts #inbound {
	padding: 3px 0;
}

/* mms */
#shortcuts #mms {
	padding: 3px 0;
}

#shortcuts #email {
	padding: 3px 0;
}

#shortcuts #home {
	padding: 3px 0;
}

#shortcuts #reports {
	padding: 3px 0;
}

#shortcuts #reminder,#spi,#voice,#cipher {
	padding: 3px 0;
}

#shortcuts #staffSafe {
  padding-top: 3px;
  padding-bottom: 3px;
}

#shortcuts #authenticator {
	padding: 3px 0;
}

#shortcuts #radar {
	padding: 3px 0;
}


#tabs a,#tabs a:hover,#tabs a:link,#tabs a:visited,#tabs a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	text-decoration: none;
}

#tabs a:hover {
	text-decoration: underline !important;
}

#tabs {
	clear: both;
	padding-left: 10px;
	margin: 0;
	list-style: none;
}

/* inactive top-right */
#tabs span {
	float: left;
	margin: 0;
	border-right: 1px solid #969696;
	padding: 0;
	position: relative;
	z-index: 1;
	background-position: top right;
	background-repeat: repeat-x;
	background: #00309C url(../images/3DTableTop2t-30.png);
}

/* inactive top-left */
#tabs span a {
	float: left;
	display: block;
	font-family: verdana, arial, sans-serif;
	white-space: nowrap;
	padding: 3px 10px;
	width: .1em; /* IE/Win fix */
	background-repeat: no-repeat;
	background-position: top left;
	color: #ffffff !important;
	position: relative;
	z-index: 1;	
	line-height: 22px;	
}

#tabs>span a {
	width: auto;
}  /* Rest of IE/Win fix */
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a {
	float: none;
}

/* End IE5-Mac hack */ /* default: active top-right*/
#tabs span.default {
	background-color: #639A00;
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url("../images/tab-top-right.gif");
	color: #ffffff !important;
	position: relative;
	z-index: 3;
}

/* default: active top-left */
#tabs span.default a {
	font-weight: bold;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url("../images/tab-top-left.gif");
	color: #ffffff !important;
	position: relative;
	z-index: 3;
}

/* ----------------- */


.tabArea{
min-width: 1065px;
_width: 1365px;
font:13px/27px Arial,sans-serif;
color:#3366cc;
z-index:3000;
height:30px;
background: #6c6e74;
background: -webkit-gradient(linear, left top, left bottom, from(#6c6e74), to(#463E41));
background: -webkit-linear-gradient(#6c6e74, #463E41);
background: -moz-linear-gradient(top, #6c6e74, #463E41);
background: -ms-linear-gradient(#6c6e74, #463E41);
background: -o-linear-gradient(#6c6e74, #463E41);
background: linear-gradient(#6c6e74, #463E41);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6e74', endColorstr='#463E41');
zoom: 1;
padding-top:3px;
}
.tabArea a:hover{
background-color:#676767;
color:#CCCCCC;

}
.tabArea a{
text-decoration:none;
padding:6px 8px 7px;
color:white;
outline:none;
}
.tabArea ul{
list-style:none;
margin:0;
padding:0 0 0 10px;
background-color: white;
}

#tabsUl {
	display: block;
}

.tabArea ul li{
padding:0;
float:left;
}
.tabArea ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
}
.tabArea ul li ul{
position:absolute;
border:1px solid white;
/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCCCC;
-moz-box-shadow:0 1px 5px #CCCCCC;
box-shadow:0 1px 5px #CCCCCC;
margin-top:-1px;
display:none;
padding:0px 16px 0px 0;
}
.active ul{
display:block !important;
}

.single ul{
display:block !important;
}
.active a{
background-color:white;
border-bottom:0;
/*box-shadow*/
-webkit-box-shadow:0 -1px 5px #CCCCCC;
   -moz-box-shadow:0 -1px 5px #CCCCCC;
        box-shadow:0 -1px 5px #CCCCCC;
display:block;
height:29px;
padding:0 8px 0 8px;
position:relative;
color:#3366CC;
z-index: 3000;
}
/*Styling for the link of the current page*/
.currentTab{
background-color:#A0C544;
position:relative;
bottom:1px;
z-index:1;
color:#FFFFFF;
font-weight:bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.active a:hover{
background-color:white;
color:#3366CC;
}
.active ul a:hover{
background-color:#e4ebf8;
}
.active ul a{
border:0 !important;
/*box-shadow*/
-webkit-box-shadow:0 0 0 #CCCCCC;
-moz-box-shadow:0 0 0 #CCCCCC;
box-shadow:0 0 0 #CCCCCC;
border:0;
width:100%;
}
.arrow{
border-color:white transparent white;
border-style:solid dashed dashed;
margin-left:5px;
height:60px;
width:50px;
position:relative;
top:10px;
}
.mid-line{
border-bottom: 1px #ccc solid;
overflow:visible;
}



/* ------------------ */

/* campaignManager: active top-right*/ /*#tabs span.campaignManager {
  background-color: #639A00;
  color: #ffffff !important;
  z-index: 3;
}

#tabArea #campaignManagerTabUnderline {
  font-size: 0;
  height: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #B1CD80;
  vertical-align: bottom;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}

#tabArea #cgpTabUnderline {
  font-size: 0;
  height: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
  border-width: 0;
  background-color: #B1CD80;
  vertical-align: bottom;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}

/* sms: active top-right*/
#tabs span.sms,#tabs span.mms,#tabs span.email,#tabs span.home,#tabs span.reports,#tabs span.reminder,#tabs span.sei,#tabs span.staffMatch,#tabs span.mobileVouchers,#tabs span.campaignManager,#tabs span.cgp,#tabs span.staffSafe, #tabs span.inbound, #tabs span.voice, #tabs span.authenticator, #tabs span.radar, #tabs span.cipher
	{
	background-color: #639A00;
	color: #ffffff !important;
	z-index: 3;
}

/* sms: active top-left */
#tabs span.sms a,#tabs span.mms a,#tabs span.email a,#tabs span.home a,#tabs span.reports a,#tabs span.reminder a,#tabs span.sei a,#tabs span.staffMatch a,#tabs span.mobileVouchers a,#tabs span.campaignManager a,#tabs span.cgp a,#tabs span.staffSafe a, #tabs span.inbound a, #tabs span.voice a, #tabs span.authenticator a, #tabs span.radar a, #tabs span.cipher a
	{
	font-weight: bold;
	padding-bottom: 3px;
	color: #ffffff !important;
	z-index: 3;
}


form {
	display: inline;
}

.formTable {
	white-space:normal;
	font-family: verdana, geneva, arial, sans-serif;
	/*Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 8pt; /*9pt;*/
	color: #000000;
	background-color: #efefef;
	padding: 5px 0 5px 0;
	/*border-left: 1px solid #969696;*/
}

.formTable td {
	padding-top: 1px;
	padding-bottom: 1px
}

.formTableTitle,.collapsibleTitle {
	font-family: 'Arial', 'Helvetica';
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	margin-left: 5px;
	background-color: blue;
}

.formTableTitle {
	float: none;
}

/*formTableTitle*/
.summaryTableTitle {
	background-image: url(../images/roll-9.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.formCellLabel {
	vertical-align: top;
	text-align: right;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	width: 120px;
	background-color: #efefef;
	color:#333333;
}

.formCellLabel label {
	vertical-align: top;
	white-space: nowrap;
}

.formCellValue {
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	width: auto;
	background-color: #efefef;
	color:#333333;
}

.formCellLabel_2 {
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	width: 18%;
	color:#333333;
}

.formCellValue_2 {
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 32%;
	color:#333333;
}

.formCellValue input[type="text"] {
	width: 180px;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 11px;
}

.formCellValue TEXTAREA {
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 11px;
}

.formCellValue select {
    width: 180px;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 11px;
}

.formCellValue button {
	width: 260px;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 11px;
}

.txtPrev {
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 540px;
	color:white;
	word-wrap: break-word;
}

.txtPrevSmsOrder {
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	width: 540px;
	word-wrap: break-word;
}

.labelBtn {
	padding: 2px 10px;
	display: inline;
	background:url(../images/button.png) repeat-x bottom;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.labelBtn:hover {
	background-position: 0 center;
	}
.labelBtn:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 3px 10px 1px;
	}
		
.baseTitle,.sectionTitle,.tableTitle {
	font-family: 'Arial', 'Helvetica';
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	margin-top: 1px;
	margin-bottom: 1px;
	/* text-align: left;*/
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
}

.tableTitle {
	height: 24px;
}

.sectionTitle /*, .tableTitle ,.titleBar */ {
	padding-bottom: 0px;
	/* border-bottom: 2px solid #31659c;*/ /*new stuff*/
	background-image: url("../images/3DTableTop2-40.png");
	background-repeat: repeat-x;
	color: #FFFFFF;
	/*this is generic for the left section to be used as well. Override for contentHeader->sectionTitle*/
	background-color: #969696;
	width: 100%;
}

.titleBar {
	padding-bottom: 0px;
	/* border-bottom: 2px solid #31659c;*/ /*new stuff*/
	background-image: url("../images/3DTableTop2-24.png");
	background-repeat: repeat-x;
	color: #FFFFFF;
	/*this is generic for the left section to be used as well. Override for contentHeader->sectionTitle*/
	background-color: #969696;
	width: 100%;
	height: 24px;
	vertical-align: middle;
}

.summaryTable th {
	/*background-image: url("../images/roll-9-40.png");*/
	background-repeat: repeat-x;
	color: #FFFFFF;
}

table.summaryTable th a {
	background: none;
}

.contentHeader .sectionTitle {
	background-color: #639A00;
	font-size: 18px;
	line-height: 38px;
	height: 40px;
}

.leftPanelModule .sectionTitle {
	padding-left: 5px;
}

#rightPanel {
	color: #000000;
}

.sectionTitle img {
	vertical-align: bottom;
}

.contentHeader {
	
}

/* summary table styles */
.summaryTable,.sortable {
	text-align: left;
	color: #000000;
}

.summaryTable:ACTIVE {
	width: 100%;
}

.summaryTable th,.summaryTable td,.sortable td {
	padding: 2px 7px 2px 7px;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #969696;
}

.summaryTable td {
	
}

.summaryTable th.actionCol,.summaryTable td.actionCol {
	width: 72px;
}

.summaryTable td.actionCol {
	color: #000000;
}

.summaryTable th,.summaryTable th a,.sortable thead td,.sortable thead td a
	{ /*padding-top: 3px;
  padding-bottom: 3px;*/
	height: 25px;
	background-color: #00309c;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
	font-family: 'Arial', 'Helvetica';
}

.summaryRowOdd a,.summaryRowOdd a:link,.summaryRowOdd a:active,.summaryRowEven a,.summaryRowEven a:link,.summaryRowEven a:active
{
	color: #000000;
}

.summaryRowOdd a:visited,.summaryRowEven a:visited {
	color: purple;
}

.summaryRowOdd a:hover,.summaryRowEven a:hover {
	color: #6D6D6D;
}

.summaryRowOdd {
	background-color: #efefef;
}

.summaryRowEven {
	background-color: #dedfde;
}

.summaryRowOdd_mouseon {
	background-color: #acacac;
}

.summaryRowEven_mouseon {
	background-color: #acacac;
}

/* setup tree stuff */
#treeInformation {
	
}

.mTreeSelection { /* background-color:#E8E8E8; */
	font-size: 109%;
	text-align: left;
	background-color: #FFFFFF;
}

.mTreeSelection .helpTreeHeading {
	font-weight: bold;
}

.mTreeSelection .treeLine {
	background-color: #333;
	height: 1px;
	margin-top: 0.33em;
	margin-bottom: 0.69em;
	font-size: 0px
}

.mTreeSelection h2 {
	display: block;
}

.helpTree {
	font-size: 88%;
}

.helpTree .mTreeSelection .setupLeaf,.helpTree .mTreeSelection .setupHighlightLeaf
	{
	padding-bottom: 2px;
}

.mTreeSelection a,.mTreeSelection a:hover,.mTreeSelection a:link,.mTreeSelection a:visited,.mTreeSelection a:active
	{
	color: #555;
}

.mTreeSelection a:hover {
	text-decoration: underline;
}

.mTreeSelection .setupHighlightLeaf { /* background-color:#fff; */
	background-color: #e8e8e8;
	margin-left: 1.27em;
}

.mTreeSelection .setupHighlightLeaf a {
	text-decoration: none;
}

.mTreeSelection .setupLeaf {
	margin-left: 1.27em;
}

.mTreeSelection  a:hover {
	text-decoration: underline;
}

.mTreeSelection a.setupHighlightFolder {
	text-decoration: none;
	/* background-color:#fff; */
	background-color: #e8e8e8;
}

.setupNavtree {
	background-color: #cccccc;
}

.setupFolder {
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5em;
}

.setupChildContainer {
	margin-left: 1.00em;
}

.setupParentContainer {
	
}

/*.setupParentContainer a {
  color: #000 !important;
}*/

#usefulLinks a {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	FLOAT: left;
	margin: 0 0 0 0;
}

#usefulLinks .setupLeaf {
	z-index: 7;
	float: right;
	height: 16px;
}

#usefulLinks .setupLeaf img {
	background: url("/sei/static/images/icon/common/16px/iconFavorite.png") no-repeat center;
	height: 16px;
	width: 20px;
	PADDING-RIGHT: 3px;
}

#disabledUsefulLinks a {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	FLOAT: left;
	margin: 0 0 0 0;
}

.setupChildContainer .setupLeaf {
	background: none;
}

.setupChildContainer .setupLeaf a {
	margin-left: 0px;
}

.setupLeaf a {
	text-decoration: none;
	line-height: 1.5em;
	color: #000000 /*#000*/   !important;
	margin-left: 20px;
}

.setupSection {
	color: #FFF !important;
	font-weight: bold;
	text-decoration: none;
}

.setupLink {
	font-weight: bold;
	text-decoration: underline;
	padding: 0.33em;
}

.setupImage, .setupImagePlus, .setupImageMinus {
	margin: 0.23em 0.33em 0.23em 0.33em;
	/* padding:0.23em 0.33em 0.23em 0.33em; */
	cursor: pointer;
}
.setupImagePlus {
	background: url('/sei/static/images/icon/common/16px/setup_plus.gif') no-repeat;
}
.setupImageMinus {
	background: url('/sei/static/images/icon/common/16px/setup_minus.gif') no-repeat;
}

/* Setup table styles*/
.setupTable { /*border-top: #999999 1px solid;*/
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	width: 100%;
}

.dropShadow .setupTable {
	border-left: none;
}

#rightPanel table.setupTable div.titleBar {
	background-color: #00309C;
}

.setupTable a {
	color: #000000;
}

.setupTable th {
	background-color: #336699;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	text-align: left;
	height: 20px;
}

.setupTable td {
	background-color: #eeeeee;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	text-align: left;
}

.setupTable ul {
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	font-family: 'Arial', 'Helvetica';
	text-decoration: none;
	text-indent: 5px;
	list-style-position: outside;
	padding-left: 0;
	margin-left: 25px;
	margin-top: 0;
	margin-bottom: 0;
}



.helpLable {
	color: red;
	font-size: 8pt;
	font-style: italic;
	padding-left: 2px
}

.ttip {
	cursor: help;
	vertical-align: middle;
	padding-right: 3px;
	padding-left: 3px;
}

.tipInfo {
	color:#000000;
	display: none;
	border: 1px solid #000000;
	font-size: 8pt; 
	font-weight: normal;
	background-position: 0px -142px;
	background-color: #FFFFCC;
	padding: 2px;
	width: 300px;
	text-align: left;
	white-space: normal;
}

/* used for date fields , to make it Firefox compatible due to the calendar */
.dateTipInfo {
	display: none;
	border: 1px solid #000000;
	font-size: 8pt;
	background-position: 0px -142px;
	background-color: #FFFFCC;
	padding: 2px;
	width: 390px;
	text-align: left;
}

.calendaricon {
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/common/16px/calendar_week.png);
	background-repeat: no-repeat;
	background-position: center left;
	PADDING-RIGHT: 1px;
	MARGIN-LEFT: 4px;
	vertical-align: middle;
	border: 0px;
}

.campaignStatisticsTable {
	font-family: verdana, geneva, arial, sans-serif;
	/*Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	background-color: #EFEFEF;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.campaignStatisticsCellLabel {
	vertical-align: top;
	text-align: left;
	padding-left: 50px;
	width: 100px;
	background-color: #EFEFEF;
	/*border-top: 1px solid #ffffff;*/
}

.campaignStatisticsCellValue {
	vertical-align: top;
	text-align: left;
	padding-left: 50px;
	width: 100px;
	background-color: #EFEFEF;
	/*border-top: 1px solid #ffffff;*/
}

.alarmCriticalSeverity {
	background-color: #FF5050;
}

.alarmMajorSeverity {
	background-color: #FFB060;
}

.alarmMinorSeverity {
	background-color: #EEEE90;
}

.CONNECTED {
	color: green;
}

.DISCONNECTED {
	color: black;
}

.CONNECTING {
	color: green;
}

.DISCONNECTING {
	color: red;
}

.RECONNECTING {
	color: yellow;
}

.UNKNOWN {
	color: black;
}

.leftPanelContentModule {
	
}

.leftPanelModule {
	background-repeat: repeat-y;
	background-position: right;
	padding-bottom: 10px;
}

.tableTitle {
	font-family: 'Arial', 'Helvetica';
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin: 0 0 1px 0;
	/* text-align: left;*/
	text-decoration: none;
	vertical-align: bottom;
	/* float: left;*/
	padding-left: 5px;
	color: #FFFFFF;
	line-height: 24px;
	height: 24px;
}

#rightPanel .titleBar {
	background-color: #639A00;
}

#leftPanel .titleBar,#leftPanel .summaryTableTitle {
	/*background-color: #969696;*/
	
}

#leftPanel .dropShadow {
	background-color: #EFEFEF;
}

#leftPanel .shadowTopRight, #leftPanel .shadowBottomRight {
	background-color: #FFFFFF;	
}

.dropShadow {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	/*padding-bottom: 10px;*/ /*border-left: 1px solid #969696;*/
	margin-bottom: 10px;
}

#pageHolder .dropShadow {
	width: 100%;
}

.shadowLeft {
	width: 8px;
	/*background-image: url("../images/shadowLeft.png");
	background-repeat: repeat-y;*/
	/*background:#EFEFEF url(../images/head-1b.png) repeat-y scroll 0 0;*/
	background-color: #EFEFEF;
	/* url(../images/head-1b.png) repeat-y scroll 0 0;*/
}

.shadowBottomLeft,.shadowBottom,.shadowBottomRight {
	line-height: 7px;
	height: 8px;
	/*background-color: blue;*/
	background-color: #969696;
}

.shadowBottomLeft {
	/*background-image: url("../images/shadowLeftBottom.png");
	background-position: top right;
	background-repeat: no-repeat;	*/
	background: url("../images/style/shadowBottomLeft.gif") no-repeat top
		right;
}

.shadowBottom { /*
	background-color: #969696 ;
	background-image: url("../images/shadowBottom.png");	
	background-repeat: repeat-x;
	*/
	background: #969696 url("../images/style/trans-8pt-b-1.png") repeat-x 0
		0;
}

.shadowBottomRight {
	/*background-image: url("../images/shadowBottomRight.png");
	background-position: top left;
	background-repeat: no-repeat;	
	*/
	background: url("../images/style/shadowBottomRight.gif") no-repeat 0 0;
}

.shadowRight {
	background: #969696 url(../images/style/trans-8pt-r-1.png) repeat-y
		scroll 0 0;
}

.shadowTopRight {
	background: url(../images/style/shadowTopRight.gif) no-repeat 0 0;
	width: 8px;
}

.widgetsLeft {
	margin-bottom: 10px;
	background-color: #EFEFEF;
}

.titleBar img {
	margin: 5px 5px 0 0;
}

.paragraph {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

form.summaryForm {
	width: auto;
	background-color: red;
}

#bodyPanels table.alphaSearch {
	width: auto;
	margin-bottom: 10px;
	display: none;
}

#bodyPanels table.pagination {
	width: auto;
	float: right;
}

a.shortcutIcon .thumbnail {
	/*CSS for enlarged image*/
	position: fixed;
	top: 0;
	left: 50%;
	right: 50%;
	margin-left: -75px;
	width: 180px;
	border: 2px #959595;
	/*visibility: hidden;*/
	color: black;
	text-decoration: none;
	text-align: center;
	background-color: #EFEFEF;
	/*display: none;*/
	z-index: -10;
	display: none;
}

a:hover.shortcutIcon table.thumbnail { /*visibility:visible;*/
	position: fixed;
	top: 0;
	left: 50%;
	right: 50%;
	margin-left: -75px;
	width: 180px;
	border: 2px #959595;
	/*visibility: hidden;*/
	color: black;
	text-decoration: none;
	text-align: center;
	background-color: #EFEFEF;
		/*display: block;*/
	z-index: 10;
	display: inline;
}

.mTreeSelection h2 { /* border-bottom: 2px solid #31659c;*/
	/*new stuff*/
	font-weight: bold;
	font-size: 11pt;
	margin: 1px 0;
	/* text-align: left;*/
	text-decoration: none;
	vertical-align: bottom;
	/* float: left;*/ /*padding-left: 5px;*/
	color: #FFFFFF;
	/*border-bottom:2px solid #CCCCCC;
	display:block;
	font-weight:bold;
	padding:0.33em 0.33em 0.33em 0;
	background-color: green;*/
}

div.setupNavtree {
	color: red;
	padding: 2px;
	background: #969696 url("../images/roll-9-40.png") repeat-x;
	margin-bottom: 5px;
}

.shortcutShade {
	/*background: #639A00 url("../images/style/trans-8pt-b-1.png") repeat-x;*/
	/*background-image: url("../images/style/trans-8pt-b-1.png");
	background-color: #639A00;
	background-repeat: repeat-x;*/
	/*background: #639A00 url("../images/style/trans-8pt-b-1.png") repeat-x;*/
	height: 0px;
	/*_background-image:none;
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=’true’, sizingMethod=’scale’, src=’/sei/static/images/style/trans-8pt-b-1.png’ );
	display: block;
	width: 100%;*/
}

#shortcuts img {
	margin: 3px 2px 0 0;
}

.shadowBottom img {
	float: left;
}

.expandButton, collapseButton {
	cursor: pointer;
	cursor: hand; /*for IE*/
	margin-bottom: 3px;
}
.expandButton {
	background: url('/sei/static/images/icon/common/16px/plus.png') no-repeat;
	min-width:16px;
	min-height:16px;
}
.collapseButton {
	background: url('/sei/static/images/icon/common/16px/minus.png') no-repeat;
	min-width:16px;
	min-height:16px;
}

.login .dropShadow {
	width: 50%;
}

span#message_parent {
	width: 96%;
	float: left;
}

.groupContactStatus IMG {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center right;
	float: left;
	padding-left: 12px;
}

/* requiredField asterisk */
.requiredField {
	color: red;
	vertical-align: top;
	fontsize: 9pt;
	padding-left: 2px;
}

.groupContactStatus .CONFIRMED_MEMBER {background-image: url(../images/icon/common/16px/groupcontactstatus_confirmed_member_16.png);}
.groupContactStatus .EXPLICIT_REJECT {background-image: url(../images/icon/common/16px/groupcontactstatus_explicit_reject_16.png);}
.groupContactStatus .IMPLIED_MEMBER {background-image: url(../images/icon/common/16px/groupcontactstatus_implied_member_16.png);}
.groupContactStatus .INACTIVE {background-image: url(../images/icon/common/16px/groupcontactstatus_inactive_16.png);}
.groupContactStatus .INVITED_IMPLIED_MEMBER {background-image: url(../images/icon/common/16px/groupcontactstatus_invited_implied_member_16.png);}
.groupContactStatus .INVITED_INACTIVE {background-image: url(../images/icon/common/16px/groupcontactstatus_invited_inactive_16.png);}

#popupWindow {
	position: fixed;
    width: 400px;
    height: 130px;
    padding: 10px 3px 10px 10px;
    z-index: 1002;
    fontsize: 11pt;
	vertical-align: middle;
	margin: auto;
	border: #405060 2px solid;
	background: #eee;
}

#backgroundLayer {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    background-color: #000;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
    z-index: 1001;
    width: 100%;
    height: 100%;
    display: none;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}


/* Added for 3-letters dropdown list widget */
.ui-multiselect-icon { width: 15px; height: 16px; display: block; float:right; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}

.ui-multiselect { padding:0px 0 2px 0px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-input { background-color: #FFFF00; }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000 }
.ui-multiselect-menu input { width: 250px !important;} 
.ui-multiselect-checkboxes { display:none; position:relative /* fixes bug in IE6/7 */; overflow-y:scroll; min-width:252px; width:auto !important;}
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label:hover { background-color: #cccccc; }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:6px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:19px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

.quickLinkStyle
{
	font-family: 'Arial', 'Helvetica';
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

/* Start Next Prev buttons */
.mover{ 
	position:absolute;
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #2c5378) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #2c5378 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#2c5378');
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #7cacde;
}

.next-tab:Hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c5378), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #2c5378 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c5378', endColorstr='#63b8ee');
	background-color:#2c5378;
	text-decoration:none;
	
}
.prev-tab:Hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2c5378), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #2c5378 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c5378', endColorstr='#63b8ee');
	background-color:#2c5378;
	text-decoration:none;
	
}

.next-tab {
	top:10px;
	right:1%;
}

.prev-tab{
	top:10px;
	right:1%;
	margin-right: 80px;
}

.prevDisabled{
    top:10px;
    right:1%;
    margin-right: 80px;
    position:absolute;
    text-decoration:none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:2px 14px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}

.prevDisabled:Hover{
    text-decoration:none;
}

.nxtDisabled{
    top:10px;
    right:1%;
    position:absolute;
    text-decoration:none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:2px 14px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}

.nxtDisabled:Hover{
    text-decoration:none;
}
/* The End Next Prev buttons */


/* Owerwrite what we do not like in original jquery css*/
/* Below I have added to the style sheet for testing, Peter 20-02-2012 */
#rightPanel .shadowTopRight {
   background: none;
   width: 0px;
}

#rightPanel .shadowRight {
   background: none;
   width: 0px;
}

#rightPanel .shadowBottomRight {
   background: none;
   width: 0px;
   height: 0px;
}

#rightPanel .shadowBottom {
   background: none;
   width: 0px;
   height: 0px;
}

#rightPanel .shadowBottomLeft {
   background: none;
   width: 0px;
   height: 0px;
}

#rightPanel select {
   font-size: 12px;
}

#bodyPanels #rightPanel {
    height: 100%;
}

#rightPanel .tableTitle {
   color: #ffffff;
   background-color: none;
   /*background-image: none;*/
}

.formCellLabel {
    font-size: 8pt;
}

table.setupTable {
    border-spacing: 0px;
}

td .shadowBottomLeft {
    width: 8px;
}

td .shadowBottom {
}

#rightPanel .shadowBottomLeft {
	background-image: none;
}

.ui-widget-content {
   height: 100%;
   background: #EEE;
   background-image: none;
   background-color: #EFEFEF;
   border: 1px solid #B6B6B6;
   padding-bottom: 10px;
}
.ui-multiselect-menu {height: auto !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: -moz-linear-gradient(center top , #EDEDED 0%, #C4C4C4 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #B6B6B6;
    color: #4F4F4F;
    font-weight: normal;
}

.ui-button.ui-state-hover { 
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset; 
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding-top: 0.2em;
padding-right: 1em;
padding-bottom: 0.2em;
padding-left: 1em;
background: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	-moz-border-radius: 5px;
	text-align:left;
	border-radius: 5px;
	max-width:400px;
	border: 1px solid grey;
	background-color: #eee;
	padding: 5px;
	opacity: 0.90;
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}
#tooltip h3, #tooltip div { margin: 0; }

/* login page styling */

#login
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    min-height: 160px;
    width: 320px;
    padding: 1px;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #C4C1C0; 
}

#login:before
{
    content: '';
    position: absolute;
    z-index: -1;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}

#loginBody { 
	background-color: white;
}

/*--------------------*/


fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/

#inputs input
{
    padding: 6px 15px 6px 30px;
    margin: 0 10px 10px 10px;
    width: 250px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#inputs #username
{
    background: #f1f1f1 url("/sei/static/images/icon/common/login-box.png") no-repeat 0 0;
}
#inputs #password
{
    background: #f1f1f1 url("/sei/static/images/icon/common/login-box.png") no-repeat 0 -45px;
}
#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}

#ResetPassInputs input
{
    padding: 6px 15px 6px 3px;
    margin: 0 10px 10px 10px;
    width: 270px; /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#ResetPassInputs #resetPassEmail
{
    background: #f1f1f1;
}
#ResetPassInputs #captchaText
{
    background: #f1f1f1;
}


/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}

#loginSubmit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    float: left;
    height: 25px;
    width: 85px;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
    margin-left: 10px;
    margin-top: -15px
}

#loginSubmit[readonly],
#loginSubmit[readonly]:hover,
#loginSubmit[readonly]:active {
  background: #999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dadada), to(#f3f3f3));
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #cecece;
  color: #8f8f8f;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  cursor: not-allowed;
  text-shadow: 0 -1px 1px #ebebeb;
}

#loginSubmit:hover,#loginSubmit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#loginSubmit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#loginSubmit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}


.errorMsg {
    border: 1px solid;
    margin: 5px 5px 5px 5px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/sei/static/images/icon/common/32px/error.png');
    font-size: 12px;
}

.successMsg {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/sei/static/images/icon/common/32px/success.png');
    font-size: 12px;
}

.warningMsg {
	border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/sei/static/images/icon/common/32px/warning.png');
    font-size: 12px;
}

.groupContactLink{
	color: #544E4F;
	text-decoration: none;
}
#cookieNotification{
	padding:20px 10px;
	font-family: Arial;
	font-size: 14px;
	color: #999;
	max-width:1000px;
	margin:0 24% 5px 24%;
	background:#fffed0;
	border-left:2px solid #d4d287;
	border-right:2px solid #d4d287;
	border-bottom:2px solid #d4d287;
	color:#333;
	position:relative;
	 
}
#cookieNotification button {
	margin-left:1%;
	border-radius: 5px;
	padding:4px 20px 4px 20px;
	font-size:11px;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
#cookieNotification button:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
#cookieNotification button:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
#loginTitle{
	font: 14px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: left;
	color: grey;
	margin-top:10px;
}

/* end of login page related styles */

/* Left Panel Accordion Menu Style */

.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	color:#666666; 
	text-decoration: none;
}

.accordion li {
	list-style: none;
	background-color: #efefef;
}

/* Layout & Style */

.accordion li > a {
	display: block;
	min-width: 110px;
	_width:110px;
	padding: 0 10px 0 40px;
	height: 32px;
	position:relative;
	color: #fdfdfd;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);
	
	background: #6c6e74;
	background: -webkit-gradient(linear, left top, left bottom, from(#6c6e74), to(#4b4d51));
	background: -webkit-linear-gradient(#6c6e74, #4b4d51);
	background: -moz-linear-gradient(top, #6c6e74, #4b4d51);
	background: -ms-linear-gradient(#6c6e74, #4b4d51);
	background: -o-linear-gradient(#6c6e74, #4b4d51);
	background: linear-gradient(#6c6e74, #4b4d51);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6e74', endColorstr='#4b4d51');
	zoom: 1;
	

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
	color: grey;
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	text-decoration:none;
	/*background: url(../img/active.png) repeat-x;*/
	
	background: #f0efe5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0efe5), to(#d8d5be));
	background: -webkit-linear-gradient(#f0efe5, #d8d5be);
	background: -moz-linear-gradient(top, #f0efe5, #d8d5be);
	background: -ms-linear-gradient(#f0efe5, #d8d5be);
	background: -o-linear-gradient(#f0efe5, #d8d5be);
	background: linear-gradient(#f0efe5, #d8d5be);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0efe5', endColorstr='#d8d5be');
	zoom: 1;
	
	-webkit-box-shadow:inset 0 1px 0 #f9f9f6;
    -moz-box-shadow: inset 0 1px 0 #f9f9f6;
    box-shadow: inset 0 1px 0 #f9f9f6;
}

.accordion li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: -25px;
	padding: 0 10px;
	margin-right: 10px;
	font: normal bold 12px/18px Arial, sans-serif;
}

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
	color: #fdfdfd;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);
}

/* Images */
/* icons licensed under http://p.yusukekamiyamane.com/ */

.iconDown{
	background: url('/sei/static/images/icon/common/16px/icon-down.png') no-repeat;
	
}
.accordion > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 24px;
	height: 24px;
	margin: 4px 8px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* Start NEW set of platform icons */

.accordion > li > a:before {width: 30px; !important;}

.accordion li.accountStatus > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_account_status.png") !important;
}
.accordion li.usefulLinks > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_useful_links.png") !important;
}
.accordion li.disabledUsefulLinks > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_useful_links.png") !important;
}
.accordion li.Personal > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_personal_setup.png") !important;
}
.accordion li.Company > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_company_setup.png") !important;
}
.accordion li.recentItems > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_recent_items.png") !important;
}
.accordion li.disabledRecentItems > a:before {
  background-image: url("/sei/static/images/icon/common/24px/ls_recent_items.png") !important;
}
.accordion li.Platform > a:before {
  background-image: url('/sei/static/images/icon/common/24px/icon-settings.png')
}
.buy_credit_online {
	background: url('/sei/static/images/icon/common/24px/ls_buy_credit_online.png') no-repeat;
	width:24px;
	height:24px;
}

/* Sub Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #e5e5e5;
	border-bottom: 1px solid #c9c9c9;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #efefef; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: transparent;
	border: 1px solid #c9c9c9;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sub-menu em {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 14px;
	color: #a6a6a6;
	font: normal 10px/32px Arial, sans-serif;
}

/* Functionality */

.accordion li > .sub-menu {
	display: none;
}

.accordion li:target > .sub-menu {
	display: block;
}

/* END OF Left Panel Accordion Menu Style */



#bannerTableDiv ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  background: #eee;
  border-bottom: 1px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 8000;    
}

#bannerTableDiv li {
  float: left;   
}
#bannerTableDiv #userDiv {
		 border-right: 1px solid #ddd;
		 -moz-box-shadow: 1px 0 0 #fff;
	 -webkit-box-shadow: 1px 0 0 #fff;
	 box-shadow: 1px 0 0 #fff;  
}

#bannerTableDiv #setup {
		 border-right: 1px solid #ddd;
		 -moz-box-shadow: 1px 0 0 #fff;
	 -webkit-box-shadow: 1px 0 0 #fff;
	 box-shadow: 1px 0 0 #fff;  
}

#bannerTableDiv #onlineHelp {
		 border-right: 1px solid #ddd;
		 -moz-box-shadow: 1px 0 0 #fff;
	 -webkit-box-shadow: 1px 0 0 #fff;
	 box-shadow: 1px 0 0 #fff;  
}

#bannerTableDiv #userDivTrigger,
#bannerTableDiv #bookmark a, #bannerTableDiv #setup a, #bannerTableDiv #onlineHelp a {
  display: inline-block;
  *zoom: 1;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding: 0 8px;
  text-decoration: none;
  color: #6a6b71;
  text-shadow: 0 1px 0 #fff; 
}

#bannerTableDiv #setup a, #bannerTableDiv #onlineHelp a,#bannerTableDiv #bookmark a {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

#bannerTableDiv #userDivTrigger {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

#bannerTableDiv #userDivTrigger:hover,
#bannerTableDiv #userDiv .active,
#bannerTableDiv #bookmark a:hover,#bannerTableDiv #onlineHelp a:hover,#bannerTableDiv #setup a:hover {
  background: #fff;
}

#bannerTableDiv #userDivContent {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 4000;    
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 10px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
  text-align: left;
}

#bannerTableDiv #userDivContent a {
	text-decoration: none;
	color:#728FCE;
	font-weight: normal;
}
#bannerTableDiv #userDivContent a:hover {
	text-decoration: underline;
	color:#728FCE;
	font-weight: normal;	
}
#bannerTableDiv li #userDivContent {
  right: 0;
  width: 250px;  
}

#timeOutDialog{
	display: none;
}


#exportDiv ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  float: right;
  background: #eee;
  border-bottom: 1px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 8000;    
}

#exportDiv li {
  float: left;   
}

.arrow-down {
	position:relative;
	top:10px;
	left:10px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #4e494c;
}

#exportDiv #exportDivContent {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 4000;    
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 10px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
  text-align: left;
}

#exportDiv li #exportDivContent {
  right: 0;
  width: 100px;  
}

/* top links */
.personalSetupTopLink, .logoutTopLink {
	background-repeat: no-repeat;
	padding-left: 30px;  
	display: block;  
}
.personalSetupTopLink {
	background-image: url('/sei/static/images/icon/common/16px/gear.png');
}
.logoutTopLink{
	background-image: url('/sei/static/images/icon/common/16px/logout-icon.png');
}

.exportTop{
 
	display: block;  
}
.exportTopSecond{
 
	display: block;  
}
     
.column { float: left; padding-bottom: 100px; }
	.portlet { margin: 0 10px 1em 0; box-shadow: 5px 5px 5px #888888; }
	.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; cursor: move; }
	.portlet-header .ui-icon { float: right; cursor: default; }
	.portlet-content { padding: 0.4em; }
	.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
	.ui-sortable-placeholder * { visibility: hidden; }
	.tablescroll
	{ font: 12px normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#fff; text-align: left;}
	.tablescroll td
	{ border:1px solid #ccc; }
	.tablescroll td
	{ padding:3px 5px; }
      
      div#container {
        width: 580px;
        margin: 100px auto 0 auto;
        padding: 20px;
        background: #000;
        border: 1px solid #1a1a1a;
      }
      
      /* HOVER STYLES */
      div#pop-up {
        display: none;
        position:absolute;
        width: 545px;
        padding: 10px;
        background: #eeeeee;
        background-color: rgba(15, 25, 0, 0.8);
        /* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
        border: 1px solid #1a1a1a;
        font-size: 90%;
      }
      
      
.modal {
 	display:    none;
    position:   absolute;
    left: 60px;
    bottom:0;
    z-index:    1000;
    height:     25px;
    width:      25px;
    background: url('/sei/static/images/icon/common/24px/spinner.gif') no-repeat;
}

body.loading .modal {
    display: block;
}

.spinIt
{
 background: url('/sei/static/images/icon/common/line-spinner.gif') no-repeat; 
 width: 220px; 
 height: 25px;
 position: absolute;
 left: 40%;
}

.spinItSmall
{
 background: url('/sei/static/images/icon/common/24px/spinner.gif') no-repeat; 
 width: 25px; 
 height: 25px;
 position: absolute;
 bottom:17.5%;
}

.browseSpinner 
{
 background: url('/sei/static/images/icon/common/24px/spinner.gif') no-repeat; 
 width: 25px; 
 height: 25px;
 position: absolute;
 bottom:17.5%;
}
/* For the custom error pages */
.noscript{
	background-color: #AE0000;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 120%;
    font-weight: bold;
    left: 0;
    position: fixed;
    text-align: center;
    top: -40px;
    width: 100%;
    z-index: 101;
    padding-bottom: 20px;
}

.spinner {
 	display:    none;
 	position:   absolute;
 	left: 120px;
    bottom:14px;
    z-index:    1000;
    height:     25px;
    width:      200px;
    background: url('/sei/static/images/icon/common/24px/spinner.gif') no-repeat;
}

.loading .spinner {
    display: block;
}

#errorPageHeader {
    background: url("/sei/static/images/loginBg-shadow.gif") no-repeat scroll left bottom transparent;
    height: 110px;
    margin: 40px auto 0;
    position: relative;
    width: 900px;
}

#errorPageHeader #logo {
    float: left;
}

#error404 {
}
.errorPageContent {
    margin: 0 auto;
    position: relative;
    width: 900px;
}

#error404 .errorPageBlock,#error403 .errorPageBlock,#error500 .errorPageBlock {
    height: 280px;
    padding: 40px;
    width: 820px;
}
.errorPageBlock {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5;
    float: left;
    margin-bottom: 40px;
    padding: 30px 19px 20px;
    position: relative;
    width: 860px;
}

#error404 h1 {
    background: url("/sei/static/images/icon/common/error404.png") no-repeat scroll left bottom transparent;
    bottom: 0;
    height: 248px;
    position: absolute;
    right: -60px;
    width: 248px;
}

#error403 h1 {
    background: url("/sei/static/images/icon/common/error403.png") no-repeat scroll left bottom transparent;
    bottom: 0;
    height: 248px;
    position: absolute;
    right: 0;
    width: 248px;
}

#error500 h1 {
    background: url("/sei/static/images/icon/common/error500.png") no-repeat scroll left bottom transparent;
    bottom: 0;
    height: 248px;
    position: absolute;
    right: 0;
    width: 248px;
}

#errorPng {
    background: url("/sei/static/images/icon/common/errortxt.png") no-repeat scroll left top transparent;
    height: 105px;
    width: 280px;
}

#error404 .errorTxt,#error403 .errorTxt,#error500 .errorTxt {
    font-size: 15px;
    left: 200px;
    position: relative;
    top: -10px;
    width: 400px;
    color: #adadad;
    text-align: left;
}
#errorLinks{
	font-size: 20px;
}

#errorLinks a:link, #errorLinks a:visited {
    color: #b4b4b4;
    font-size: 25px;
    line-height: 24px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #c4c4c4;
}
#errorLinks a:hover{
	text-decoration: none;
	color: #ececec;
}
#errorLinks a:active {
	text-shadow: -1px -1px 1px #c4c4c4;
	position: relative;
	top: 1px;
	left: 1px;
}
#errorLinks a:focus {
outline: 0;
}

#errorPageMainlinks{
 position: absolute;bottom: 20px;
}

/* End of custom error pages styling */

/* message report summary buttons style */
#wrapRepBtn {
    width:222px;
}
#wrapRepBtn:after {
    /* Prevent wrapper from shrinking height, 
    see http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#wrapRepBtn .RepBtnContainer {
    float: left;
    width:33%;
}

/* end of message report summary */

/* the customer hierarchy block style */
#customerHierarchy {
	float: left;  margin-right: 10px;	
}

.customerHierarchyHeader {
	height: 20px !important; width: 100% !important; font-weight: bold; 
	border-color: #B6B6B6; background-color: #EFEFEF;
    padding-top: 8px !important; 	
}

/* kt auto CSS */
ul.holder { 
   margin: 0; border: 1px solid #999; overflow:auto; height:295px !important; height: 5%;width:525px; padding: 4px 5px 0; background-color: white;
}
#maininputId {
        width: 500px !important;
}
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px 'Arial', 'Helvetica', 'sans-serif'; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;color:#3d3739; font-family: 'Arial', 'Helvetica', 'sans-serif'; border: 1px solid #cecece; background: #f5f5f5; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

ul.holder { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/sei/static/images/icon/common/16px/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* KT Autocompleter */

.kt-auto { display: none; position: absolute; background: white; z-index:1001; width:585px}
.kt-auto .remove_all_items {display: block; float: right; text-decoration: none;}
.kt-auto .remove_all_items a:hover{text-decoration: none;}
.kt-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:'Arial', 'Helvetica', 'sans-serif'; font-size:11px; width: auto; color:grey;}
.kt-auto ul { width:690px;display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.kt-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px 'Arial', 'Helvetica', 'sans-serif'; background-color: white }
.kt-auto ul li em { font-weight: bold; font-style: normal;  }
.kt-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.kt-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#b3b3b3 !important; color:#ffffff !important;}
.hidden { display:none;}
.contact{background: red;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}

/* End of AutoCompletion styling */

#ui-datepicker-div {
	height: 200px !important;
}

/* Messages Dashboard Start */

.divMsgConvLine {
width: 100%;
min-height: 60px;
position: relative;
}

.divMsgConvLineMO {
text-align: left;
}

.divMsgConvLineMT {
text-align: right;
}

.divMsgConvBubble {
color: white;
font-size: 12px;
line-height: 18px;
min-width: 100px;
max-width: 450px;
min-height: 40px;
max-height: 300px;
padding: 5px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
margin-top: 5px;
display: inline-block;
}

.divMsgConvContent {
width: 100%;
text-align: left;
word-wrap: break-word;
white-space: pre-wrap;
}

.divMsgConvTimestampMO {
color: #3A3A47;
width: 100%;
font-size: 10px;
text-align: right;
}

.divMsgConvTimestampMT {
color: DarkBlue;
width: 100%;
font-size: 10px;
text-align: right;
}

.divMsgConvMO {
background: #ddd;
color: #222;
margin-left: 25px;
}

.divMsgConvMO:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #ddd;
display: block;
width: 0;
z-index: 1;
left: -15px;
bottom: 10px;
}

.divMsgConvMT {
background: DodgerBlue;
margin-right: 25px;
}

.divMsgConvMT:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent DodgerBlue;
display: block;
width: 0;
z-index: 1;
right: -15px;
bottom: 10px;
}

/*Messages Dashboard: listBox on right side of flat view*/
.flatTblRpl {
table-layout:fixed;
width:100%;
}

.fRow {
	display: table;
	/*background-color:lightgrey;*/
	border:1px solid lightgrey;
	width:100%;
	font-size: 0.965em; /* 14px/16=0.875em */
}
.fColTime {
	  display: table-cell;
	  width:148px;
	  text-align: left;
}
.fColMob {
	  display: table-cell;
	  width:100px;
	  text-align: right;
}
.fColTxt {
	  display: table-cell;
	  white-space: pre-wrap;
}
.fColMT {
	  display: table-cell;
	  width: 3%;
	  background: url('/sei/static/images/icon/common/16px/icon-right-green.png') no-repeat right center transparent;
	  min-height: 22px;
      min-width: 22px;
}
.fColMO {
	  display: table-cell;
	  width: 3%;
	  background: url('/sei/static/images/icon/common/16px/icon-left-blue.png') no-repeat right center transparent;
	  min-height: 22px;
      min-width: 22px;
}
.fColReadtrue {
	  display: table-cell;
	  width: 3%;
	  min-height: 16px;
      min-width: 16px;
}
.fColReadfalse {
	  display: table-cell;
	  width: 3%;
	  background: url('/sei/static/images/icon/common/16px/new.png') no-repeat right center transparent;
	  min-height: 16px;
      min-width: 16px;
}

.rplColTxt {
width:183px;
}
.rplColDest {
width:150px;
}
.rplColLbl {
margin-top:1px;
float:left;
vertical-align: middle;
}
.rplColOutcome {
 margin-left:5px;
 float:left;
 }
.rplColCount {
float:right;
margin-right:15px;
}

/*Messages Dashboard: listBox on left side of threaded view*/
.thrTbl {
height:20px;
}
.thrSpan1 {
float:left;
}
.thrSpan2 {
float:right;
color:#3A3A47;
font-size:12px;
}
.thrSpan3 {
float:left;
margin-top:2px;
margin-left:5px;
background: url('/sei/static/images/icon/common/16px/new.png') no-repeat;
}

.dbButton {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 0px 1px 0px;
    border: 0px solid #cccccc;
    border-radius: 7px;
    background: #cccccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#cccccc));
    background: -moz-linear-gradient(top, #cccccc, #cccccc);
    background: linear-gradient(to bottom, #cccccc, #cccccc);
    color: #ffffff;
    text-decoration: none;
}
.dbButton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 24px;
    position: relative;
    top: 0px;
    left: 5px;
    background-size: 100% 100%;
}

.dashb-flat{
	/*height:22px;*/
    background: url('/sei/static/images/icon/common/32px/db_flat.png') no-repeat right center transparent;
    margin-left:1px;
	margin-right:1px;
	min-height: 36px;
    min-width: 36px;
}
.dashb-thread{
    background: url('/sei/static/images/icon/common/32px/db_thread.png') no-repeat right center transparent;
    margin-left:1px;
	margin-right:1px;
}

.dashb-play{
    background: url('/sei/static/images/icon/common/32px/db_play.png') no-repeat right center transparent;
    margin-left:4px;
	margin-right:20px;
}
.dashb-pause{
    background: url('/sei/static/images/icon/common/32px/db_pause.png') no-repeat right center transparent;
    margin-left:4px;
	margin-right:20px;
}
.dashb-repeat{
    background: url('/sei/static/images/icon/common/32px/db_repeat.png') no-repeat right center transparent;
    min-height: 36px;
    min-width: 36px;
    margin-left:4px;
	margin-right:20px;
}
.dashb-send{
    min-height: 40px;
    min-width: 40px;
	margin-left:36px;
    background: url('/sei/static/images/icon/common/32px/db_send.png') no-repeat right center transparent;
}

/* Messages Dashboard End */

/* Homeapp quick links page Start */
.ql_settings, .ql_lists, .ql_contacts, .ql_groups, .ql_sms, .ql_email, .ql_consent, .ql_reports, .ql_api {
	width:88px;
	height:78px;
	min-height:64px;
	vertical-align: bottom;
}
.ql_settings {
	background: url('/sei/static/images/icon/common/64px/ql_settings.png') no-repeat;
}
.ql_lists {
	background: url('/sei/static/images/icon/common/64px/ql_lists.png') no-repeat;
}
.ql_contacts {
	background: url('/sei/static/images/icon/common/64px/ql_contacts.png') no-repeat;
}
.ql_groups {
	background: url('/sei/static/images/icon/common/64px/ql_groups.png') no-repeat;
}
.ql_sms {
	background: url('/sei/static/images/icon/common/64px/ql_sms.png') no-repeat;
}
.ql_email {
	background: url('/sei/static/images/icon/common/64px/ql_email.png') no-repeat;
}
.ql_consent {
	background: url('/sei/static/images/icon/common/64px/ql_consent.png') no-repeat;
}
.ql_reports {
	background: url('/sei/static/images/icon/common/64px/ql_reports.png') no-repeat;
}
.ql_api {
	background: url('/sei/static/images/icon/common/64px/ql_api.png') no-repeat;
}
/* Homeapp quick links page End*/


/*applied to the columns.*/
.jqx-grid-column-header, .jqx-grid-columngroup-header {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: bold;      
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
 }
 
 /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {-moz-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: Arial,sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; }

.jqx-widget-header {color: #FFFFFF !important;}
.jqx-widget-header-root {background-color: #00309C !important;}

.omni-con-mobile, .omni-con-phone, .omni-con-email, 
.omni-con-mobile-sms, .omni-con-mobile-gamma, .omni-con-mobile-voice, .omni-con-phone-voice, 
.omni-con-mobile-mms, .omni-con-email-email {
    float:left;
	margin-right: 8px;
	min-height: 16px;
    min-width: 16px;
}
.omni-con-mobile {
	background: url('/sei/static/images/icon/common/16px/mobile-omni.png') no-repeat;
}
.omni-con-phone {
	background: url('/sei/static/images/icon/common/16px/phone-omni.png') no-repeat;
}
.omni-con-email {
	background: url('/sei/static/images/icon/common/16px/email-omni.png') no-repeat;
}
.omni-con-mobile-gamma {
	background: url('/sei/static/images/icon/common/16px/mobile-gamma-app.png') no-repeat;
}
.omni-con-mobile-sms {
	background: url('/sei/static/images/icon/common/16px/mobile-messages-app.png') no-repeat;
}
.omni-con-mobile-voice {
	background: url('/sei/static/images/icon/common/16px/mobile-phone-app.png') no-repeat;
}
.omni-con-phone-voice {
	background: url('/sei/static/images/icon/common/16px/phone-omni.png') no-repeat;
}
.omni-con-mobile-mms {
	background: url('/sei/static/images/icon/common/16px/mobile-mms.png') no-repeat;
}
.omni-con-email-email {
	background: url('/sei/static/images/icon/common/16px/email-omni.png') no-repeat;
}

/* set of small action icons */
.icon-edit, .icon-delete, .icon-clone, .icon-export, .icon-mobile, .icon-buy,
.icon-share, .icon-cancel, .icon-view, .icon-browse, .icon-reset, .icon-trash,
.icon-createList, .icon-connect, .icon-disconnect, .icon-import, .icon-launch,
.icon-new, .icon-pause, .icon-play, .icon-resume, .icon-save, .icon-schedule,
.icon-challengeOTP, .icon-team, .icon-confirmEmployee, .icon-locate, .icon-mobile-omni,
.icon-deactivate, .icon-activate, .icon-phone-omni, .icon-email-omni, .icon-fixedline-or-mobile,
.icon-mobile-sms, .icon-mobile-mms, .icon-mobile-gamma, .icon-mobile-voice {
	min-height: 16px;
    min-width: 16px;
}
.icon-edit {
	background: url('/sei/static/images/icon/common/16px/edit.png') no-repeat;
}
.icon-delete {
	background: url('/sei/static/images/icon/common/16px/delete.png') no-repeat;
}
.icon-clone {
	background: url('/sei/static/images/icon/common/16px/clone.png') no-repeat;
}
.icon-export {
	background: url('/sei/static/images/icon/common/16px/export.png') no-repeat;
}
.icon-mobile {
	background: url('/sei/static/images/icon/common/16px/mobile.png') no-repeat;
}
.icon-mobile-omni {
	background: url('/sei/static/images/icon/common/16px/mobile-omni.png') no-repeat;
}
.icon-mobile-voice {
	background: url('/sei/static/images/icon/common/16px/mobile-phone-app.png') no-repeat;
}
.icon-mobile-gamma {
	background: url('/sei/static/images/icon/common/16px/mobile-gamma-app.png') no-repeat;
}
.icon-mobile-sms {
	background: url('/sei/static/images/icon/common/16px/mobile-messages-app.png') no-repeat;
}
.icon-mobile-mms {
	background: url('/sei/static/images/icon/common/16px/mobile-mms.png') no-repeat;
}
.icon-phone-omni {
	background: url('/sei/static/images/icon/common/16px/phone-omni.png') no-repeat;
}
.icon-email-omni {
	background: url('/sei/static/images/icon/common/16px/email-omni.png') no-repeat;
}
.icon-fixedline-or-mobile {
	background: url('/sei/static/images/icon/common/16px/fixedline-or-mobile.png') no-repeat;
}
.icon-buy {
	background: url('/sei/static/images/icon/common/16px/buy.png') no-repeat;
}
.icon-share {
	background: url('/sei/static/images/icon/common/16px/share.png') no-repeat;
}
.icon-cancel {
	background: url('/sei/static/images/icon/common/16px/cancel.png') no-repeat;
}
.icon-view {
	background: url('/sei/static/images/icon/common/16px/view.png') no-repeat;
}
.icon-browse {
	background: url('/sei/static/images/icon/common/16px/browse.png') no-repeat;
}
.icon-reset {
	background: url('/sei/static/images/icon/common/16px/reset.png') no-repeat;
}
.icon-trash {
	background: url('/sei/static/images/icon/common/16px/trash.png') no-repeat;
}
.icon-createList {
	background: url('/sei/static/images/icon/common/16px/createList.png') no-repeat;
}
.icon-connect {
	background: url('/sei/static/images/icon/common/16px/connect.png') no-repeat;
}
.icon-disconnect {
	background: url('/sei/static/images/icon/common/16px/disconnect.png') no-repeat;
}
.icon-import {
	background: url('/sei/static/images/icon/common/16px/import.png') no-repeat;
}
.icon-launch {
	background: url('/sei/static/images/icon/common/16px/launch.png') no-repeat;
}
.icon-new {
	background: url('/sei/static/images/icon/common/16px/new.png') no-repeat;
}
.icon-pause {
	background: url('/sei/static/images/icon/common/16px/pause.png') no-repeat;
}
.icon-play {
	background: url('/sei/static/images/icon/common/16px/play.png') no-repeat;
}
.icon-resume {
	background: url('/sei/static/images/icon/common/16px/resume.png') no-repeat;
}
.icon-save {
	background: url('/sei/static/images/icon/common/16px/save.png') no-repeat;
}
.icon-schedule {
	background: url('/sei/static/images/icon/common/16px/schedule.png') no-repeat;
}
.icon-challengeOTP {
	background: url('/sei/static/images/icon/common/16px/challengeOTP.png') no-repeat;
}
.icon-team {
	background: url('/sei/static/images/icon/common/16px/team.png') no-repeat;
}
.icon-confirmEmployee {
	background: url('/sei/static/images/icon/common/16px/confirmEmployee.png') no-repeat;
}
.icon-locate {
	background: url('/sei/static/images/icon/common/16px/locate.png') no-repeat;
}
.icon-deactivate {
	background: url('/sei/static/images/icon/common/16px/deactivate.png') no-repeat;
}
.icon-activate {
	background: url('/sei/static/images/icon/common/16px/activate.png') no-repeat;
}

/* help, information, urgent icons */
.icon-help_light, .icon-help_dark, .icon-information_light,
.icon-information_dark, .icon-urgent_light, .icon-urgent_dark {
	min-height: 16px;
    min-width: 16px;
}
.icon-help_light {
	background: url('/sei/static/images/icon/common/16px/help_light.png') no-repeat;
}
.icon-help_dark {
	background: url('/sei/static/images/icon/common/16px/help_dark.png') no-repeat;
}
.icon-information_light {
	background: url('/sei/static/images/icon/common/16px/information_light.png') no-repeat;
}
.icon-information_dark {
	background: url('/sei/static/images/icon/common/16px/information_dark.png') no-repeat;
}
.icon-urgent_light {
	background: url('/sei/static/images/icon/common/16px/urgent_light.png') no-repeat;
}
.icon-urgent_dark {
	background: url('/sei/static/images/icon/common/16px/urgent_dark.png') no-repeat;
}


/* sort asc and desc arrows */
.sort_asc_arrow, .sort_desc_arrow {
	width:15px;
	height:14px;
}
.sort_asc_arrow {
	background: url('/sei/static/images/icon/common/16px/sort_asc_arrow.gif') no-repeat;
}
.sort_desc_arrow {
	background: url('/sei/static/images/icon/common/16px/sort_desc_arrow.gif') no-repeat;
}

/* group, user, list */
.group-icon, .user-icon, .list-icon, .user-mobile-icon, .user-phone-icon, .user-email-icon,
.user-sms-icon, .user-mms-icon, .user-gamma-icon, .user-voice-icon {
	width:16px;
	height:16px;
}
.group-icon {
	background: url('/sei/static/images/icon/common/16px/group-icon.png') no-repeat;
}
.user-icon {
	background: url('/sei/static/images/icon/common/16px/user-medium.png') no-repeat;
}
.list-icon {
	background: url('/sei/static/images/icon/common/16px/list.png') no-repeat;
}
.user-mobile-icon {
	background: url('/sei/static/images/icon/common/16px/mobile-omni.png') no-repeat;
}
.user-phone-icon {
	background: url('/sei/static/images/icon/common/16px/phone-omni.png') no-repeat;
}
.user-email-icon {
	background: url('/sei/static/images/icon/common/16px/email-omni.png') no-repeat;
}
.user-gamma-icon {
	background: url('/sei/static/images/icon/common/16px/mobile-gamma-app.png') no-repeat;
}
.user-sms-icon {
	background: url('/sei/static/images/icon/common/16px/mobile-messages-app.png') no-repeat;
}
.user-mms-icon {
	background: url('/sei/static/images/icon/common/16px/mobile-mms.png') no-repeat;
}
.user-voice-icon {
	background: url('/sei/static/images/icon/common/16px/mobile-phone-app.png') no-repeat;
}

/* group, user, list search */
.group-search, .user-search, .list-search, .user-mobile-search, .user-phone-search, .user-email-search,
.user-sms-search, .user-mms-search, .user-gamma-search, .user-voice-search {
	background-repeat: no-repeat;
	background-position: 0 .4em;
	background-size: 12px 12px;
	padding-left: 2em;
	padding-right: 2em;
	width:515px;
	height:20px;
}
.group-search {
	background-image: url('/sei/static/images/icon/common/16px/group-icon.png');
}
.user-search {
	background-image: url('/sei/static/images/icon/common/16px/user-medium.png');
}
.user-mobile-search {
	background-image: url('/sei/static/images/icon/common/16px/mobile-omni.png');
}
.user-sms-search {
	background-image: url('/sei/static/images/icon/common/16px/mobile-messages-app.png');
}
.user-mms-search {
	background-image: url('/sei/static/images/icon/common/16px/mobile-mms.png');
}
.user-gamma-search {
	background-image: url('/sei/static/images/icon/common/16px/mobile-gamma-app.png');
}
.user-voice-search {
	background-image: url('/sei/static/images/icon/common/16px/mobile-phone-app.png');
}
.user-phone-search {
	background-image: url('/sei/static/images/icon/common/16px/phone-omni.png');
}
.user-email-search {
	background-image: url('/sei/static/images/icon/common/16px/email-omni.png');
}
.list-search {
	background-image: url('/sei/static/images/icon/common/16px/list.png');
}

/* magnifier, plus-circle */
.magnifier--plus{
	background: url('/sei/static/images/icon/common/16px/magnifier--plus.png') no-repeat;
	min-width:16px;
	min-height:16px;
}
.plus-circle {
	background: url('/sei/static/images/icon/common/24px/plus-circle.png') no-repeat;
	min-width:24px;
	min-height:24px;
}

/* other */
.search {
	background: url('/sei/static/images/icon/common/16px/search.png') no-repeat;
	width: 18px;
	height:16px;
}
.allTabs {
	background: url('/sei/static/images/icon/common/16px/alltabs.gif') no-repeat;
	width:14px;
	height:15px;
}
.colorPicker {
	background: url('/sei/static/images/icon/common/16px/color.png') no-repeat;
	width:16px;
	height:16px;
}
.exclamation-red {
	background: url('/sei/static/images/icon/common/16px/exclamation-red.png') no-repeat;
	width:16px;
	height:16px;
}
.ring {
	background: url('/sei/static/images/icon/common/24px/ring.png') no-repeat;
	width: 25px;
	height: 25px;
}

/* for inbound */
.view_menu_down {
	background: url('/sei/static/images/icon/common/16px/view_menu_down.gif') no-repeat;
	width: 16px;
	height: 16px;
}
.view_menu_right {
	background: url('/sei/static/images/icon/common/16px/view_menu_right.gif') no-repeat;
	width: 16px;
	height:16px;
}

.newChoice, .newMessage, .newOrder, .newParticipant {
	width: 16px;
	height:16px;
}
.newChoice {
	background: url('/sei/static/images/icon/common/16px/newChoice.png') no-repeat;
}
.newMessage {
	background: url('/sei/static/images/icon/common/16px/newMessage.png') no-repeat;
}
.newOrder {
	background: url('/sei/static/images/icon/common/16px/newOrder.png') no-repeat;
}
.newParticipant {
	background: url('/sei/static/images/icon/common/16px/newParticipant.png') no-repeat;
}

/* for Staffmatch */
.smAccepted, .smAvailable, .smExcluded, .smLeave, .smOffered, .smRejected, .smSick {
	width: 24px;
	height:24px;
}
.smAccepted {
	background: url('/sei/static/images/icon/common/24px/accepted_24.png') no-repeat;
}
.smAvailable {
	background: url('/sei/static/images/icon/common/24px/available_24.png') no-repeat;
}
.smExcluded {
	background: url('/sei/static/images/icon/common/24px/excluded_24.png') no-repeat;
}
.smLeave {
	background: url('/sei/static/images/icon/common/24px/holiday_24.png') no-repeat;
}
.smOffered {
	background: url('/sei/static/images/icon/common/24px/offered_24.png') no-repeat;
}
.smRejected {
	background: url('/sei/static/images/icon/common/24px/rejected_24.png') no-repeat;
}
.smSick {
	background: url('/sei/static/images/icon/common/24px/sick_24.png') no-repeat;
}

.inactiveLink {
	pointer-events: none;
	cursor: none;
	background: #bcccbb;
}

.active a.inactiveLink {
	background-color: #b3c5d4;
}

.accordion li.disabledUsefulLinks > a {
	color: #000000;
	background: #C3CCD3;
}

.accordion li.disabledRecentItems > a {
	color: #000000;
	background: #C3CCD3;
}

/* Sequences of whitespace are preserved. Lines are broken at newline characters, at <br>, 
   and as necessary to fill line boxes. */
pre-wrap {
     white-space: pre-wrap;
}

textarea[readonly] {
	background-color: #EBEBE4;
}

#orderCalendar {width:auto; margin:0 auto; white-space:nowrap;}
#orderCalendar .fc-today {background-color:#ffffe0 !important;}
#orderCalendar .fc-event-bg {background-color:#white !important;}
#orderCalendar .fc-event-skin {
	border-color: #d3d3d3 !important;     /* default BORDER color */
	background-color: #f5f5f5 !important; /* default BACKGROUND color */
	color: black !important;              /* default TEXT color */
}