/* 
	Single Sign On (SSO)
	3/22/2012	
*/

#head-stuff {
	width: 550px;
	margin-right: 115px;
}


#vyvx-logo {
	height: 62px;
	width: 68px;
	position: absolute;
	right: 20px;
	top: -36px;
}

/* HOME ********/
.home #main {
	z-index: 9;
}

/* LOGIN ********/
#login-box input.text {
	width: 90%;
}

#login-box .login-links {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11.5px;
}

#login-box .login-links li {
	margin: 0.2333em 0 0 0;
	padding: 0;
	background: none;
}

#login-box input.text {
	outline: medium none;
	width: 97%;
}

.boxes ul li {
	list-style: none;
}


#portal-support h3,
#about-portal h3 {
	margin-bottom: 1em;
}

#portal-support table {
	margin-top: 14px;
	font-size: 13px;
}

#big-image {
	min-height: 230px;
	background-color: #3c3cff;
	overflow: hidden;
	background: url("../images/sunrise_earth2.jpg") repeat scroll 0 0 #3c3cff;
	/* few hours before the release and this isn't working on IE, usually don't like to use important..*/
	display: block !important;
}

/* SSO STYLES
============================= */
.singleSignOn {
	font-size: 1em;
	background-color: #FFF;
}

.singleSignOn strong {
	margin-bottom: 1px;
	margin-top: 0px;
	font-size: 1.08em;
	font-weight: bold;
}

.singleSignOn p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

/*============================= 
 TABLE Style
 ============================= */

.singleSignOn table {
	border-bottom: 1px solid #dddcdc;
	border-collapse: collapse;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-align: left;
	line-height: 1.5;
	margin: 1.167em 0;
	width: 52%;	
}

.singleSignOn table tr,
.singleSignOn table tr.odd,
table.dataTable tbody tr.odd /* DATATABLE OVERWRITE*/ {
	background-color: #F0F3F7;
}

.singleSignOn table tr:nth-child(2n),
.singleSignOn table tr.even,
table.dataTable tbody tr.even /* DATATABLE OVERWRITE*/ {
	background-color: #FFF;
}

.singleSignOn table tbody tr:hover,
table.dataTable tbody tr:hover /* DATATABLE OVERWRITE*/ {
	background-color: #E3F1FA;
}

.singleSignOn table thead th,
table.dataTable thead th /* DATATABLE OVERWRITE*/ {
  background-color: #b4cae4;
  border-left: 1px solid #a5bbd5;
  border-right: 1px solid #a5bbd5;
  border-bottom: 0;
  font-weight: bold;
  padding: 0.3em 0.5em;
}

.singleSignOn table th:hover,
table.dataTable thead th:hover /* DATATABLE OVERWRITE*/  {
	background-color: #A7C0DD;
}

.singleSignOn table tr td,
table.dataTable tbody tr td /* DATATABLE OVERWRITE*/ {
	background-color: transparent;
	border-left: 1px solid #dddcdc;
    border-right: 1px solid #dddcdc;
	padding: 0.3em 0.5em;
}

.singleSignOn .noRightBorder {
	border-right: 0;
}

/* DATATABLE OVERWRITE*/
table.dataTable tr.odd td.sorting_1,
table.dataTable tr.even td.sorting_1 {
    background-color: transparent;
}

.singleSignOn li div {
	display: inline-block;
	font-size: 14px;
	font-weight: 200;
	height: 14px;
	margin-right: 6px;
	width: 14px;
}

.singleSignOn ul {
	list-style: disc;
	margin-bottom: 0;
}

.singleSignOn ul.checkbox li {
	font-size: 1em;
}

.singleSignOn .colors ul {
	list-style: none;
}

.singleSignOn ul ul {
	list-style: circle;
}

.singleSignOn .buttons {
  margin: 2em 0 0.6em 0;
}


#login-box .primaryBtn {
	float: right;
	margin: 0 -0.4em 0 0;
}

.modal .boxes {
  margin: 0;
}

/* ICONS
============================= */
.sorting_asc {
  background: #b4cae4 url("../images/sort_arrow_black_down.png") no-repeat 95% center !important;
}

.sorting_desc {
  background: #b4cae4 url("../images/sort_arrow_black_up.png") no-repeat 95% center !important;
}

.sorting_asc::after,
.sorting_desc::after {
	content: "\00a0\00a0"; /*add space for sort button*/
}

.calenderIcon {
  background: url( "../images/calViewDark.png") no-repeat 96% 50%;
}

.helpIcon {
  background: url(../images/help.png) no-repeat 0 0;
}
.helpIcon:hover {
	background: url(../images/helpOver.png) no-repeat 0 0;
}

.tipIcon {
	background:url("../images/info.png") no-repeat 0 0;
}
.tipIcon:hover {
	background: url(../images/infoOver.png) no-repeat 0 0;
}


/* INPUT LABELS
============================= */

p.inputLabels {
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0 1px 0;
}

/* SINGLE LINE INPUT
============================= */
input.textFieldsSingleLine {
  width: 310px;
}

input.textFieldsSingleLine.tiny {
  width: 40px;
}

input.textFieldsSingleLine.small {
  width: 160px;
}

input.textFieldsSingleLine.medium {
  width: 236px;
}

input.textFieldsSingleLine.large{
  width: 290px;
}

input.textFieldsSingleLine.full{
  width: 100%;
}

.mediumTextBox {
	height:24px;
	width: 250px;
}

/* MULTI LINE ( TEXTAREA ) INPUT 
============================= */
textarea.textFieldsMultiline { 
  height: 112px;
  padding: 5px;
  width: 90%;
}

/* INPUT ERROR */
input.error {
  border: 1px solid #F1582A !important;
}

/*  PANEL LAYOUT
================================= */
.fullPanel {
  display: inline-block;
  height: auto;
  margin: 0;
  position: relative;
  width: 100%
}
.halfPanel {
  display: inline;
  float: left;
  position: relative;
  width: 38%;
}

.thirdPanel {
  float: left;
  margin-right: 8px;
  width: auto;
}

.accountsResult {
  background: #fff;
  border: 1px solid #999999;
  height: 144px;
  margin: 2px 0 0 0;
  overflow: auto; 
  padding: 2px 0 0 4px
}

.middlePanel {
  float: left;
  padding: 130px 28px 0 28px;
  width: 8%;
}

.middlePanel.users {
  padding: 0 6px 0;
}

.buttons {
    margin: 12px 0 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

/* PASSWORD RESET PAGE
============================= */
.singleSignOn .horizontalFlow li {
	display: inline;
}

.singleSignOn .verticalFlow li {
	display: block;
}

/* LOGOUT PAGE
============================= */
h2 {
	font-size: 1.8462em; /* 24px/13px */
	margin: .5555em 0;
}

/* LOGIN PAGE
============================= */
#login-box .textFieldsSingleLine {
  height: auto;
  padding: 0.3555em 0 0.3555em 0.3555em;
  width: 100%;
}

#login-box label {
  margin: 0.3077em 0 0.1538em 0.0769em;
}

.tabletRow .boxes {
	border: 0px solid #ED1B2F;
	height: 205px;
	max-height: 206px;
}

/* LOADING ANIMATION
============================= */
.loaderWrapper {
  display: none; 
}

.loaderBackground {
  background: rgba(0, 0, 0, .3);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1200;
}

.loaderAnimation {
  background: #e1e0e0 url(../images/dark_spinner.gif) no-repeat 50% 50%;
  border: 0;
  height: 32px;
  margin-left: 42%;
  margin-top: 16%;
  padding: 1.15em 3.25em;
  position: absolute;
  width: 32px;
  z-index: 1201;
  
  -moz-background-clip: padding; 
  -webkit-background-clip: padding; 
  background-clip: padding-box; 
  
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.36);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.36);
}


/* COMMON SHARE STYLES 
============================= */

.show {
  display: block;
}

.hide {
  display: none;
}

label.error {
  color: #FF0000;
  display: inline;
  margin-top: 5px;
  padding: 0;
  width: 66%;
}

.error {
  color: #FF0000;
  margin-top: -6px; 
}

.errors {
  color: #B50D12;
  margin-top: -12px;
}

.errorBold {
	color: #FF0000;
	font-style: normal;
  font-weight: bold;
}

.rightTop {
  float: right;
  position: relative;
}

.noRightBorder {
  border: 0px solid #000000;
}

.first {
  margin-top: 5px;
}

.last  {
  margin-bottom: 10px;
}


/* INTRO PAGE
============================= */
.intro div.selector {
  width: 340px;
}
.intro div.selector select {
  width: 350px;
}
.intro div.selector select option {
  width: auto;
}

.intro .boxes.first {
	margin-top: 5px;
}

.singleSignOn.intro p {
  line-height: 1.8em;
}

.intro .tipIcon {
	float: right;
}

/* ASSOCIATION PAGE
============================= */

.singleSignOn .boxes ul li {
	background-image: none;
	padding-left: 0;
}

.modal-footer .primaryBtn {
    margin-top: 0;
}

.disassociateLink {
	cursor: pointer;
}

/* CONFIRMATION PAGE
============================= */
.confirmation {
	margin: 0;
}

.confirmation ul {
	margin: 0 0 12px 0;
	padding: 0;
}

.confirmation ul li {
	background-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.confirmation li strong {
	color: #444444;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 0;
}

.confirmation p strong {
	font-size: 12px;
}

.confirmation div.boxes {
	max-height: 170px;
}


/* CONFIRMATION PROFILE 
============================= */
.confirmProfile .buttons {
  margin: 25px 0;
	text-align: left;
}
.confirmProfile .buttons form {
  margin-bottom: 0; 
}
.confirmProfile .buttons input {
  text-align: center; 
}
.confirmProfile .boxes.first {
    padding-bottom: 8px;
}

/*** Edit Profile ***/
.edit-profile .popupUsername p {
  margin-bottom: 6px;
}
.edit-profile .fullPanel.buttons {
  margin-top: 15px;
  text-align: center;
}

.edit-profile .userName {
  display: inline-block;
}
.edit-profile .userName input {
  margin-right: 8px;
  width: 148px;
}
.edit-profile .userName div {
  float: left;
}

.edit-profile input.textFieldsSingleLine {
	margin-bottom: 3px;
	line-height: 22px;
}

.edit-profile .boxes {
  border-bottom: 0px solid #ffffff;
}

.edit-profile .textFieldsSingleLine.company {
  width: 331px;
}

.edit-profile .jobResponsibility div.selector {
  max-width: 400px;
  min-width: 200px;
  width: 326px;
}
.edit-profile .jobResponsibility div.selector select {
  width: 336px;
}
.edit-profile .jobResponsibility div.selector select option {
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  width: auto;
}

.edit-profile .phoneType div.selector {
  width: 81px;
}
.edit-profile .phoneType div.selector select {
  width: 80px;
  min-width: 80px;
}
.edit-profile .phoneType div.selector span {
	min-width: 50px;
  padding: 0;
}

.edit-profile .countries div.selector {
  width: 304px;
}
.edit-profile .countries div.selector select {
  width: 311px;
}
.edit-profile .countries div.selector select option {
  width: auto;
}

.edit-profile .textFieldsSingleLine.postalCode {
  width: 150px;
}

.edit-profile .myPreferences li {
  display: inline-block;
  margin: 1px 0 0 0;
}

.edit-profile .myPreferences label {
  display: inline-block;
  margin: 0 0 7px 0;
}

.edit-profile .myPreferences ul label {
  margin: 0 25px 0 4px;
}

.edit-profile em {
  font-style: normal;
  font-weight: bold;
}

.edit-profile table {
  width: 45%;
  margin: 18px 0 14px 0;
}

.edit-profile .securityInfo strong {
  display: block;
  padding: 12px 0 2px 0;
}

.edit-profile .securityInfo input {
  margin: 0 9px 0 0;
}

#ssoWrapper .portalAccounts strong {
  display: block;
}

table#associationTable {
	width: 80%;
}


/*  CONVERT NEW
================================= */
.convertNew  p {
  margin: 13px 0;
}

.convertNew  .textFieldsSingleLine {
  margin-bottom: 0;
}

.convertNew .inputLabels {
  margin-top: 13px;
}

/*  EDIT USER SSO ACCOUNT
================================= */
.editUserAccount .boxes.first {
  height: 130px;
  max-height: auto;
  min-height: 100px;
}

.editUserAccount .rightTop input {
	display: block;
	margin-bottom: 9px;
	max-width: 200px;
	width: 126px;
}

.editUserAccount table {
    width: 86%;
}
.editUserAccount table td a:first-child {
    margin-right: 12px;
}

.editUserAccount table td.center {
    text-align: center;
}

.editUserAccount label {
  margin-bottom: 4px;
}
.editUserAccount .buttons input {
		min-width: 74px;
		width: 74px;
}

.buttons {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
  width:98%;
}

/*  SEARCH USERS
================================= */
.searchUsers input.textFieldsSingleLine.full {
  width: 94%;
}

.searchUsers input.textFieldsSingleLine.tiny {
  width: 42%;
  padding: 0.225em 0;
}

.searchUsers .style1ContentBlockHeaders {
	margin: 0 0 3px 0;
}

.searchUsers table {
  width: 100%;
}

.searchUsers .boxes {
	margin: 4px 0 25px 0;
  max-height: 100%;
  min-height: 170px;
  overflow: visible;
  padding-bottom: 10px;
}

.searchUsers .tableWrapper {
	margin-top: 10px;
}

.searchUsers .tableWrapper table {
  padding-bottom: 9px;
}

.searchUsers .searchDatabase div.selector {
  width: 176px;
}
.searchUsers .searchDatabase div.selector select {
  width: 186px;
}
.searchUsers .searchDatabase div.selector select option {
  width: auto;
}

.searchUsers .ssoSelect div.selector {
  width: 62px;
  min-width: 3em;
}
.searchUsers .ssoSelect div.selector select {
  width: 72px;
  min-width: 3em;
}
.searchUsers .ssoSelect div.selector select option {
  width: auto;
}

.searchUsers .status .selector span {
  width: 45%;
}
.searchUsers .status div.selector {
  width: 76px;
  min-width: 2em;
}
.searchUsers .status div.selector select {
  width: 86px;
  /*width: auto;*/
  min-width: 2em;
}
.searchUsers .status div.selector select option {
  width: auto;
}

.searchUsers .conversionDate input {
	width: 36%;
}

.searchUsers table.dataTables_wrapper {
  width: 100%;
}

.searchUsers .legacyTable {
	width: 99%;
}
.searchUsers .legacyTableWrapper {
	width: 100%;
	overflow:auto;
}

.searchUsers .myPortalTableWrapper {
	width: 100%;
	overflow:auto;
}

.searchUsers .myPortalUsersInfo  {
	width: 99%;
}


.searchUsers .myPortalUsersInfo  {
  width: 99%; 
  table-layout: fixed;
  word-wrap:break-word;
}

.searchUsers .legacyUsersInfo {
  width: 99%; 
  table-layout: fixed;         /* as per DE30187 */
  word-wrap:break-word; 		/* as per DE30187 */
}

/* Level 3 PORTAL ACCESS
================================= */
.portalAccess .row-fluid .span5 {
	margin: 1.25em 0 3.75em 0;
}
.portalAccess .row-fluid .portalSite {
	padding-bottom: 1em;
	width: auto;
}
.portalAccess .portalSite a:last-child {
	margin-left: 22%;
  text-align: left;
}
.portalAccess .row-fluid img {
  margin-left: -1.0em;
}

/*  PROFILE MENU PAGES
================================= */

.profileQuestions input {
  min-width: 80px;
  width: 80px;
}

.profileQuestionsSelect div.selector {
  width: 344px;
}
.profileQuestionsSelect div.selector select {
  width: 354px;
}
.profileQuestionsSelect div.selector select option {
  width: auto;
}

.c1c {
	clear:both;
}

.headerH1Wrapper {
	margin:0 20px 5px;
}

.containerFluidMargin {
	margin-top:-30px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.rowFluidMargin { 
	margin-bottom:0px;
	padding-bottom:0px;
}

.span12BoxesMargin {
	margin-bottom:20px;
	padding-bottom:0px;
}

.rowFluidPadMargin {
	padding:0px;
	margin:0px;
}

.zeroMargin {
	margin:0px;
}

.displayNone {
	display:none;
}

.floatLeft {
	float:left;
}

.marginLeft50 {
	margin-left:50px;
}

.pswdValidationHeader {
	font:bold 13px Arial;
	line-height:1.6em;
}

.pswdValidationText {
	font:normal 12px Arial;
}

/*  ENTER TOKEN
================================= */
.enterToken .buttons input {
	width: 100px;
}

.enterToken .first {
  padding-top: 12px;
}

.enterToken label {
  display: inline-block;
}

/* ONE TIME PASSCODE
================================= */
.oneTimePasscode .helpIcon {
	margin-top: 1em;
}

/*  EDIT USER SSO ACCOUNTS
================================= */
#ssoWrapper.editUsersSSOAccounts strong{
    display:inline;
}

#ssoWrapper .inputLabels{
    white-space:nowrap;
}

.editUsersSSOAccounts .boxes {
	min-height:90px;
}

.editUsersSSOAccounts form{
  margin-bottom: 0;
}

.whiteBg{
  background:#fff;
}

input.equiWidthFooterBtn{
  width:90px;
  margin-top:25px;
}

.clearBoth{
	clear:both;
}

.alignCenter{
  text-align:center;
}

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

table td.noWrap {
     white-space:nowrap;
}

table th.noWrap {
     white-space:nowrap;
}

.marginBottom10{
    margin-bottom:10px;
}

.marginTop{
    margin-top:6px;
}

.paddingTop{
    padding-top:10px;
}

.buttonBottomPadding{
    padding-bottom:25px;
}

.buttonBottomTopMargin{
    margin-top:25px;
}

.floatRight{
  float:right;
}

.r{
  border:1px solid #f00;
}

input.resetPswdBtn{
  width:130px;
}

.brownColor{
  color:#0063be; /* was #993300 used to style links, now links are blue */
}


/*** MODALS ***/
.modal {
  display: none;
  background: #e1e0e0;
  font-size: 12px;
  border: 0;
  border-radius: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.30;
  filter: alpha(opacity=30);
}

.modal-header {
  border-bottom: none;
  padding: 0;
  font-weight: bold;
}

.modal .modal-header h1.pageHeaders {
  position: relative;
  top: -25px;
  left: -25px;
  padding: 0 45px 0 5px;
  margin: 0;
  border: 0;
  line-height: 2;
  width: 100%;
  color: #FFF;
  font-size: 13px;
  background: #6b6b6b;  
}

.modal-body {
  background: #e1e0e0;
  border-bottom: none;
  padding:  25px 25px 0 25px;
}

.modal-footer {
  background: #e1e0e0;
  border-top: 0;
  margin-bottom: 0;
  padding: 14px 15px 15px;
  
  border-radius: 0 0 0 0;
  box-shadow: 0 1px 0 #e1e0e0 inset;
}
.close {
  opacity: 1;
  position: absolute;
  right: -14px;
  top: -14px;
}
.close:hover {
  cursor: pointer;
  opacity: 0.5;
  text-decoration: none;
}

.modal .close {
  right: 15px;
  top: 5px;
  z-index: 10;
  padding:2px;
}

/*** Start of SSO Login Popup/Modal ***/

.modal.ssoLogin {
  left: 50%;
  margin: -150px 0 0 -160px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  height: auto;
  z-index: 1050;
}

.ssoLogin .style1ContentBlockHeaders {
  border-bottom: 0;
  font-size: 15px;
  margin-bottom: 16px;
  padding: 0;
}
.ssoLogin .selector {
  width: 138px;
}

.ssoLogin div.selector {
  width: 120px;
}

.ssoLogin .buttons {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
.ssoLogin .buttons input {
  min-width: 74px;
  width: 74px;
	margin-bottom: 10px;
}

.error.ssoLoginError {
	width: 310px;
	display: none;
}

/*** End of SSO Login Popup/Modal ***/


/*** Start of Add Splunk Role Popup/Modal ***/

.modal.addSplunkRole {
  left: 50%;
  margin: -150px 0 0 -300px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: 550px;;
  height: auto;
  z-index: 1050;
}


/*** End of Add Splunk Role Popup/Modal ***/


/*** Start of Add Another Account Popup/Modal ***/

.modal.addAnotherAccount {
  left: 50%;
  margin: -150px 0 0 -160px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: 31.75em;
  height: auto;
  z-index: 1050;
}

.addAnotherAccount .style1ContentBlockHeaders {
  border-bottom: 0;
  font-size: 15px;
  margin-bottom: 16px;
  padding: 0;
}
.addAnotherAccount .selector {
  width: 138px;
}
.addAnotherAccount .selector select {
  width: 114px;
  min-width: 122px;
}
.addAnotherAccount .selector select option {
  width: auto;
}

.addAnotherAccount div.selector {
  width: 120px;
}
.addAnotherAccount div.selector select {
  width: 130px;
}
.addAnotherAccount div.selector select option {
  width: auto;
}

.addAnotherAccount .buttons {
  margin: 4px 0 22px 0;
  padding: 0;
  text-align: center;
}
.addAnotherAccount .buttons input {
  min-width: 74px;
  width: 74px;
}

.addAnotherAccount label.error {
	display: block;
}

form#addAccountForm {
	margin: 0;
}

/*** End of Add Another Account Popup/Modal ***/



/*** Start of Reset Password Popup/Modal ***/

.modal.resetPassword {
  left: 50%;
  margin: -150px 0 0 -160px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  height: auto;
  z-index: 1050;
}

.resetPassword .style1ContentBlockHeaders {
    border-bottom: 0px solid #ffffff;
  color: #000000;
  font-size: 15px;
  margin-bottom: 16px;
  padding: 0;
}

.resetPassword .buttons {
  margin: 22px 0 0 0;
  padding: 0;
  text-align: center;
}
.resetPassword .buttons input {
  min-width: 74px;
  width: 74px;
}
form#resetPassword {
    margin: 0;
}

/*** End of Reset Password Popup/Modal ***/


/*** Start of Enable/Disable Security Popup/Modal ***/

.modal.enableSecurity,
.modal.disableSecurity  {
  left: 50%;
  margin: -150px 0 0 -160px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  height: auto;
  z-index: 1050;
}

.enableSecurity .style1ContentBlockHeaders,
.disableSecurity .style1ContentBlockHeaders {
  border-bottom: 0px solid #ffffff;
  color: #000000;
  font-size: 15px;
  margin-bottom: 16px;
  padding: 0;
}

.enableSecurity .buttons,
.disableSecurity .buttons {
  margin: 22px 0 0 0;
  padding: 0;
  text-align: center;
}
.enableSecurity .buttons input, 
.disableSecurity .buttons input {
  min-width: 74px;
  width: 74px;
}

/*** End of Enable/Disable Security Popup/Modal ***/ 


/*** Start of Disassociate All Popup/Modal ***/

.modal.disassociateAll {
  left: 50%;
  margin: -150px 0 0 -160px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  height: auto;
  z-index: 1050;
}

.disassociateAll .style1ContentBlockHeaders {
    border-bottom: 0px solid #ffffff;
  color: #000000;
  font-size: 15px;
  margin-bottom: 16px;
  padding: 0;
}
.disassociateAll .buttons {
  margin: 22px 0 0 0;
  padding: 0;
  text-align: center;
}
.disassociateAll .buttons input {
  min-width: 74px;
  width: 74px;
}
form#disassociateAll {
    margin: 0;
}

/*** End of Reset Password Popup/Modal ***/


/*** Start of Delete SSO ID Popup/Modals ***/

.modal.deleteSsoId,
.modal.deleteSsoIdSuccess,
.modal.deleteSsoIdError {
  left: 45%;
  margin: -150px 0 0 -160px;
  max-height: 800px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  height: auto;
  z-index: 1050;
}

.deleteSsoId .style1ContentBlockHeaders,
.deleteSsoIdSuccess .style1ContentBlockHeaders,
.deleteSsoIdError .style1ContentBlockHeaders {
    border-bottom: 0px solid #ffffff;
  color: #000000;
  font-size: 15px;
  margin-bottom: 16px;
  padding: 0;
}

.deleteSsoId .buttons,
.deleteSsoIdSuccess .buttons
{
  margin: 22px 0 0 0;
  padding: 0;
  text-align: center;
}
.deleteSsoId .buttons input,
.deleteSsoIdSuccess .buttons input
{
  min-width: 74px;
  width: 74px;
}
form#deleteSsoId,
form#deleteSsoIdSuccess
{
    margin: 0;
}

.deleteSsoIdError .errorMsgDiv
{
	color: red;
	padding-bottom: 25px;
	max-width: 400px;
}

/*** End of Delete SSO ID Popup/Modals***/



/*** Start of Edit Profile Popup/Modal ***/
.modal.editProfile {
  left: 50%;
  margin: -270px 0 0 -410px;
  max-height: 1000px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: 800px;
  height: auto;
  z-index: 1050;
}
.editProfile .modal-body {
  padding: 25px 25px 10px 25px;
}
.editProfile .myContactInfo .halfPanel.last {
    margin-bottom: 0;
}
.editProfile .myContactInfo .halfPanel.smaller {
    margin: 0 0 0 40px;
    width: 320px;
}
.editProfile .myContactInfo .halfPanel {
    width: 49%;
}
.editProfile .halfPanel {
    margin: 0;
}
.editProfile .inputLabels {
    margin: 8px 0 1px;
}
.editProfile .style1ContentBlockHeaders {
  border-bottom: 0px solid #ffffff;
  color: #000000;
  font-size: 15px;
  margin-bottom: 14px;
  padding: 0;
}
.editProfile .textFieldsSingleLine {
  margin-top: 0;
  width: 99%;
}

.editProfile .textFieldsSingleLine.small {
  margin: 0 0 10px 0;
  width: 100%;
}

.editProfile .phoneType div.selector {
  width: 98px;
}
.editProfile .phoneType div.selector span {
  width: 72px;
}
.editProfile .phoneType div.selector select {
  width: 108px;
}
.editProfile .phoneType div.selector select option {
  width: auto;
}

.editProfile .country div.selector {
  width: 344px;
}
.editProfile .country div.selector select {
  width: 354px;
}
.editProfile .country div.selector select option {
  width: auto;
}

.editProfile .primaryJobResponsibility div.selector {
  width: 344px;
}
.editProfile .primaryJobResponsibility div.selector select {
  width: 354px;
}
.editProfile .primaryJobResponsibility div.selector select option {
  width: auto;
}

.editProfile .buttons input {
  min-width: 74px; 
  width: 74px;
}
.editProfile .buttons .secondaryBtn {
  float: none;
}
.editProfile .buttons {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
  width:98%;
}

select.country {
  max-width: 99%;
}

/*** End of Edit Profile Popup/Modal ***/



/*** Start of Portal Support Popup ***/

.modal.portal-support {
  left: 50%;
  margin: -150px 0 0 -160px;
  max-height: auto;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  height: auto;
  z-index: 1050;
}
.portal-support a:link,
.portal-support a:visited,
.portal-support a:hover,
.portal-support a:active {
  color: #0088cc;
  display: block;
  padding: 0 0 6px;
}

.portal-support .modal-body {
  background: #ffffff;
  padding: 25px;
}

.portal-support ul {
  margin: 0;
  padding: 0;
}
.portal-support li {
  list-style: none;
}
.portal-support strong {
  display: block;
  font-size: 13px;
  margin-top: 3px;
}

/*** End of Portal Support Popup ***/


/*** Start of Details Popup ***/

.modal.details {
  left: 50%;
  margin: -150px 0 0 -340px;
  max-width: 990px;
  height: 340px;
  overflow: visible;
  position: fixed;
  top: 50%;
  width: auto;
  z-index: 1050;
}
.details .halfPanel {
  float: left;
  padding: 0 1.275em 0 .125em;
  width: auto;
}
.details .container {
  height: 240px;
  overflow: auto;
  width: 200px;
}

.details li {
  padding-left: 6px;
  margin: 0 0 3px;
}
.details strong {
  font-weight: bold;
}

/*** End of Details Popup ***/


/*** Start of Legal Conditions and Terms of Use ***/

.modal.legalConditionsAndTerms {
  left: 44%;
  margin: -240px 0 0 -190px;
  height: 600px;
  overflow: visible;
  position: fixed;
  top: 42%;
  z-index: 1050;
}

.legalConditionsAndTerms .spacer {
	padding: .9em 0 0 0;
}

.legalConditionsAndTerms .modal-body {
  height: 475px;
  overflow: auto;
  padding-top: 12px;
}

.legalConditionsAndTerms .modal-body em {
  font-size: 1.100em;
  font-style: normal;
  font-weight: bold;
  padding: 0 0 1.251em 0;
  text-transform: uppercase;
}

.legalConditionsAndTerms .modal-body p {
  color: #606060;
  line-height: 1.6;
  margin: 6px 0 18px 0; 
}

.legalConditionsAndTerms .modal-body p.footer {
  color: #222;
  font-size: .870em;
  line-height: 1.3;
}


/*** End of Legal Conditions and Terms of Use ***/


/*** Start of System Requirements ***/

.modal.systemRequirements {
  left: 40%;
  margin: -240px 0 0 -160px;
  height: 379px;
  overflow: visible;
  position: fixed;
  top: 44%;
  width: auto;
  z-index: 1050;
}

.systemRequirements .style1ContentBlockHeaders {
  border-bottom: 0px solid #ffffff;
  color: #000000;
  font-size: 16px;
  margin-bottom: 22px;
  padding: 0;
}

.systemRequirements .modal-body  {
  height: 354px;
  overflow: auto;
}

.systemRequirements .modal-body strong  {
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 1em 0;
}

.systemRequirements .modal-body ul  {
  padding: .450em 0 0 0;
}

.systemRequirements .modal-body p  {
  margin: 6px 0 18px 0;
  line-height: 1.5;
  
}

.systemRequirements .modal-body p.footer  {
  color: #222;
  font-size: .870em;
  line-height: 1.3;
}


/*** End of System Requirements ***/


/* POPOVER OVERWRITE
============================= */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}
.popover.right .arrow {
  border-bottom: 13px solid transparent;
  border-right: 13px solid #6b6b6b;
  border-top: 13px solid transparent;
  left: -13px;
  margin-left: 6px;
  margin-top: -14px;
  top: 18px;
}
.popover-inner {
  border-radius: 0;
  padding: 0;
  width: 280px;
  overflow: hidden;
  background: #e1e0e0;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
  line-height: 1;
  border-radius: 0;
  background-color: #6b6b6b;
  color: #fff;
  font-size: 1em;
  margin: 0;
  padding: 6px;
}
.popover-content {
  background: transparent;
  margin-bottom: 10px;
  padding: 10px 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover-content p {
  margin: 0;
  padding-top: 0;
}

/* DATEPICKER OVERWRITE
============================= */
.datepicker {
  background-color: #e1e0e0;
  border: 0;
  
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  display: none;
  position: absolute;
  z-index: 900;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 18px;
  padding-bottom: 4px;
  width: 218px;
}

.datepicker .nav {
  margin-bottom: 4px;
}

.datepicker .calendar {
  padding: 7px;
}

.datepicker .datepicker .button {
  cursor: pointer;
  padding: 0 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker .button:hover {
  background-color: #808080;
  color: #ffffff;
}

.datepicker .nav .fg {
  color: #333;
}

.datepicker .dow {
  color: #333;
}

.datepicker .overlap {
  background: #EFEFEF;
  color: #C2C2C2;
}

.datepicker div.days .today {
  background: #FFFFFF;
  border: 1px solid #666666;
  color: #555555; 
}

.datepicker .days .today {
  height: 23px;
  width: 27px;
}

.datepicker .days {
  background: #F6F6F6;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  display: inline-block;
  position: relative;
}
.datepicker .days div {
  border-radius: 0px 0px 0px 0px;
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
}
.datepicker .days div:hover {
  background: #999999;
}

.datepicker .dow, .datepicker .days div {
  float: left;
  line-height: 24px;
  text-align: center;
  width: 28px;
}

.disabledInfo {
	display: none;
}

#twUserInformation {
	width: auto;
	max-width: 99%;
	table-layout: fixed;
	word-wrap:break-word;
}

.trashIcon {
	background: url('../images/trash.png');
	width: 11px;
	height: 14px;
}

.trashIcon:hover {
	background: url('../images/trashOver.png');
	cursor: pointer;
}

.loadingAnimation {
	position: relative;
	left: 50%;
	height: 32px;
	width: 32px;
	z-index: 1000;
	background: url( "../images/dark_spinner.gif" ) no-repeat center center;
}

.warningIcon {
	height: 17px;
	width: 16px;
	background: url( "../images/icon_yellow_warning.png" ) no-repeat center center;
	display: inline-block;
	margin-left: 5px;
}