/*********************************************************
 * Define regular styles; don't define Color or Type
 *********************************************************/

/*********************************************************
 * Top Level
 *********************************************************/
html, body {
	height: 100%;
}

#container {
	padding-left: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
}

#innerBorder {
	position: relative;
	min-width: 926px;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

#browserNotSupported,#enableJavascript{
	height: 40px; 
	line-height: 40px; 
	padding-left: 25px;
}

#browserNotSupported .warning,#enableJavascript .warning{
		width:20px;
		height:20px;
		margin-top: 8px; 
		margin-bottom: 12px; 
		margin-right: 15px;
		float:left;
}
/*********************************************************
 * Header 
 *********************************************************/
header #topContainerBorder{
	height: 38px;
}

header #innerWrapper{
	height: 62px;
}

header #organizationUnitWrapper {
	padding-bottom:10px;
}

header #organizationUnit {
	height:28px;
	padding-right:20px;
	padding-left:20px;
	text-align:center;
}

header #organizationUnit ul li{
	float:none;
	line-height:27px;
}

#organizationUnit ul li div.left{
	float:left;
}

#organizationUnit ul li div.right{
	float:right;
}

#backToMyOrg{
	margin-right: 5px; 
	vertical-align: text-top; 
	margin-top: -1px;
}

header .headerSYMCLogo {
	margin-left: 20px;
}

header .headerSYMCLogo,header .headerVIPLogo {
	margin-top: 11px;
	float: left;
}

header .headerAccountExpired {
	margin-top: 20px;
	margin-left: 150px;
	float: left;
	font-size: 17px;
}

header .headerAccountExpiringSoon {
	margin-top: 12px;
	margin-left: 55px;
	float: left;
	font-size: 14px;
	text-align: center;
}

@keyframes fade {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}

.fade-alert {
	animation: fade 2s infinite;
	font-size: 17px;
	font-weight: bold;
	color: #D10000;
	opacity: 0;
}

header #headerLinks {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

header ul {
	list-style: none;
}

header a {
	text-decoration: none;
}

#userProfile a {
	margin-right: 0px;
	text-decoration: none;
}

header #userProfileImage {
	width: 11px;
	height: 11px;
}

header #userProfileDivider {
	padding-top: 5px;
	padding-left: 5px;
}

header ul li {
	float: left;
	height: 25px;
	padding-right: 5px;
}

header ul li a,header ul li a:hover{
	text-decoration: none;
}

header #switchOrgIcon{
	width: 22px;
	height: 22px;
	vertical-align: middle;
	margin-left: 10px;
	padding-right:5px;
	margin-bottom:3px;
}

header #breadcrumb{
	padding-left: 20px;
}

header #userProfile{
	position: relative;
	padding-left: 5px;
	padding-right: 0px;
}

header #userProfile #userProfileDropdown{
	position: absolute;
	display: none;
	z-index:9999;
}

header #userProfileDropdown #dropdownMenu{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
}

header #userProfileDropdown #dropdownMenu #wrapper div{
	padding-bottom: 5px;
	padding-right: 50px;
}

/**********************************************************
 * Navigation
 **********************************************************/
nav {
	height: 34px;
	left: 0;
	overflow: hidden;
}

nav ul li {
	float: left;
	height: 34px;
	width: 139px;
	-moz-box-sizing: border-box;
	padding-right: 2px;
}

nav ul li.extrawidth {
	width: 143px;
}
nav ul li.lesswidth {
	width: 123px;
}
nav ul#navigationList li:last-child {
	left: 714px;
	width: 161px;
}

nav ul li a {
	display: block;
	text-decoration: none !important;
	text-align: center;
}

.subTabsBar {
    height: 31px;
    overflow: hidden;
    background-color: #FFF3D4;
    border-bottom: solid 1px #E2A722;
}

.subTabsBar ul li {
    float: left;
    height: 31px;
    min-width: 80px;
    padding: 0 20px;
    list-style-type: none;
    vertical-align: middle;
    box-sizing: content-box;
}

.subTabsBarDivider{
    font-weight: bold;
    line-height: 20px !important;
    line-height: 20px !important;
    min-width: 2px !important;
    padding: 5px 0 0 !important;
}

.subTabsBar ul li a {
    display: block;
    text-align: center;
    font-size: small;
    line-height: 32px;
    text-decoration: none !important;
}

.subTabsBar ul li a:link, .subTabsBar ul li a:visited, .subTabsBar ul li a:hover{
    color: #000000 !important;
}

.subTabsBar ul li a.selected {
    font-weight: 600;
}

#loggedInHeader {
	height: 2px;
	left: 0;
	overflow: hidden;
}
/*********************************************************
 * Content
 *********************************************************/
 article{
 	min-height:650px;
 }
 #content.authLayout {
 	margin:0px;
 	padding:0px;
 }
 
#content {
	margin:10px 20px 20px;
	padding-bottom: 100px;
}

#contentPanel {
	margin-left: 220px;
	padding: 0px 0px 10px 10px;
}

/* For Old VIPManager styles */
#oldNavPanel {
	float: right;
	width:230px;
	margin-bottom: 20px;
}

#oldDetailsPanel {
	margin-right: 250px;
	padding: 10px 10px 10px 20px;
}

#oldSinglePanel {
	margin-right: 25px;
	padding: 10px 10px 10px 20px;
}


/*********************************************************
 * Snapshot page
 *********************************************************/

.snapshotPageContainer {
	width: 100%;
	position: absolute;
	height:500px;
}

.snapshotPageIconDiv {
	height: 60px;
	margin-top: 155px;
	margin-bottom: 5px;
}

.snapshotPageCount {
	margin-top: 12px;
	text-align: center;
	height: 21px;
}

.snapshotPageTime {
	margin-top: 5px;
	height: 22px;
}

.snapshotPageHelpText {
	margin-top: 24px;
	margin-bottom: 24px;
	height: 22px;
}

.snapshotThematicBreak {
	width: 402px;
}

.snapshotPageLinkDiv {
	margin-top: 15px;
}

.snapshotPageLinkDivTable {
	margin: auto;
	height: 24px;
}

.snapshotPageLinkDivTable th{
	width: 150px;
}

/*********************************************************
 * Spinner Overlay
 *********************************************************/

.spinnerOverlay {
	position:absolute;
    /* make sure it covers other elements */
	z-index: 10;
	width: 100%;
}

.spinnerOverlaySpinner {
	margin:auto;
	height: 50px;
	width: 50px;
}

#spinnerOverlayContent {
	padding-top: 250px;
	text-align: center;
}

.spinnerOverlayText {
	margin-top: 30px;
}

.spinnerOverlayCancelButton {
	margin-top: 37px;
}

/*********************************************************
 * Search Filter
 *********************************************************/
#searchPanel {
	float: left;
	width: 210px;
	margin-top:5px;
}

#searchPanel li {
	float: left;
	height: 24px;
}

#searchPanel #search #searchText {
	height:16px;
	line-height:16px;
	width:175px;
	vertical-align: middle;
}
#searchPanel #search{
	padding-top: 5px;
	padding-bottom: 3px;
}

#searchPanel #search span{
	float:right;
}

#searchForm input[type="button"] {
	width: 24px;
	height: 22px;
}

#filterContainer {
	padding: 0 10px;
}

#filterForm input {
	border:none;
}

#searchPanel #filter{
	margin-top:6px;
	margin-bottom:20px;
}


#filterHeader {
	height:28px;
	padding-left: 6px;
    margin-bottom: 6px;
	font-size: 12px;
	line-height:28px;
}

#filterHeader li img{
	margin-top:2px;
}

#filterApply {
    text-align: center;
	padding-left: 6px;
	margin-bottom: 6px;
	font-size: 12px;
	line-height:28px;
}

.clearDivLink {
	float: right;
	display: none;
}

#clearAllDiv {
	margin-top: 3px;
}

#clearAllLink {
	display: inline-block;
}

.moreDivLink{
	padding-top:2px;
	padding-left: 8px;
	display:block;
}

.filterDiv {
	margin-bottom: 21px;
}

.filtermargin {
	padding-top:14px;
}

.filterDiv input {
	margin-top:4px;
	position:absolute;
	height:16px;
}

.filterDiv LABEL {
	padding-left:15px;
	cursor: pointer;
}

.filterType {
	padding-left: 17px;
	display:block;
}

.filterType LABEL{
	padding-left:25px;
}

.toggleLink {
	margin-right: 3px;
}

.dateInput {
	margin-left:5px;
	width: 100px;
	height: 16px;
}

.dateRange {
	height: 22px;
	margin: 2px 0px 4px 8px;
	padding: 2px 5px 2px 0px;
	width: 105px;
}

.selectRange{
    height: 26px;
    margin: 2px 0 4px 0px;
    padding: 3px 5px 2px 3px;
    width: 70px;	
}

.attributeSearch {
	height: 40px;
	margin: 3px 7px 4px 8px;
    padding: 2px 5px 2px 0;
	width: 125px;
}

.attributeInput {
	width: 120px;
	height: 16px;
	border: 1px solid #DDDDDD !important;
	font-size: 0.8em;
	padding: 2px 5px 2px 4px;
}

.attributeLabel {
	margin-left:-22px;
	margin-right: 10px;
	line-height: 1.09em !important;
}

/*********************************************************
 * Footer
 *********************************************************/
footer {
	position: absolute;
	bottom: 0px;
	height: 95px;
	width: 100%;
	left:0px;
}

footer #footerLinks {
	float: left;
	width: 600px;
	margin-top: 10px;
	margin-left: 15px;
}

#footerLinks ul li {
	cursor: pointer;
	display: inline;
	margin-right: 8px;
}

#footerLinks .footerLinksPipe {
	padding-left: 8px;
}

footer #symcLogoSeal {
    float:right;
    position: relative;
    top: 5px;
}

footer #symcLogoSeal img{
}

footer #symcBrandingLogo,footer #symantecSeal{
    display:inline;
}

footer #symcBrandingLogo{

    border-right: 1px dotted #000;
    height: 48px;
    left: -80px;
    position: absolute;
    top: 10px;
    width: 95px;
}

footer #symantecSeal{
    margin-left:20px;
}

footer #symantecSeal span{
    margin-right:20px;
}

footer #symantecSeal span img{
    width: 89px;
    height: 55px;
}

footer #symantecSeal a{
    position:relative;
    top:10px;
}


/*********************************************************
 * General
 ********************************************************/

input[type=search] {
	padding-left: 7px;
}

ul {
	margin: 0px;
	padding: 0px;
}

.defaultBorder {
	border: 1px solid #DDDDDD;
}

.roundedCorners {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#filterContainer input[type=checkbox],#filterContainer input[type=radio]{
	margin: 3px 7px 4px 8px;
}

.clear {
	float: none;
	clear: both;
}

#objectListingComponent {
	position: relative;
	height: inherit;
	min-height: 600px;
}

/**************************************************
 * Styles for Plugin library - Jquery UI 
***************************************************/

.ui-autocomplete {
	max-height: 100px;
	overflow-y: hidden;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

.ui-dialog .ui-dialog-content{
	padding:30px;
}

.ui-menu .ui-menu-item div{
	line-height:1em;
}
/**************************************************
 * Object Listing
***************************************************/

#objectListingHeader{
	height: 41px;
}

#objectListingHeader li{
	height: 41px;
	float: left;
	margin-right: 10px;
	line-height: 41px;
}

#objectListingHeader li#divider{
	height: 16px;
	padding-top: 4px;
}

#objectListingHeader li#objectIcon img{
	position:relative;
	top:-4px;
}


#objectListingHeader li#userCount{
	height: 25px;
	padding-top: 2px;
}

#objectListingHeader li#exportCSV,#objectListingHeader li#goidAccount{
	float: right;
}

.credentialListing #objectListingHeader li#exportCSV, #objectListingHeader li#addUser, #objectListingHeader li#removeUser,#objectListingHeader li#addNew{
	float: right;
	margin-right:0px;
}

#objectListingHeader li#removeUser{
	margin-left:10px;
}

#objectListingHeader li#exportCSV img, #objectListingHeader li#addUser img, #objectListingHeader li#removeUser img,#objectListingHeader li#goidAccount img,#objectListingHeader li#addNew img{
	vertical-align: middle;
	padding-right:3px;
	padding-bottom:4px;
}


.sortingOptions{
	height: 30px;
}

.sortingOptions li{
	width: 33%;
	float: left;
	text-align: center;
	margin-bottom: 2px;
}

.sortingOptions li:first-child{
	width:34%;
}

.sortingOptions li a{
	display: block;
}

.twoSectionsDisplay .sortingOptions li:first-child{
	width:50%;
}

.twoSectionsDisplay .sortingOptions li a{
	display: block;
}

.twoSectionsDisplay .sortingOptions li{
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 2px;
}

.sortingOptions .asc,.sortingOptions .desc{
	width: 16px;
	height:9px;
	float:right;
	margin-top:5px;
}

.sortingOptions li a span{
	display:none;
}

.sortingOptions li.selected a.ASC span.ASC{
	display:block;
	display:inline;
}

.sortingOptions li.selected a.DESC span.DESC{
	display:block;
	display:inline;
}

.noObjectRow{
	min-height:80px;
}

.noObjectRow ul{
	padding:25px;
}

.noObjectRow ul li:FIRST-CHILD{
	width: 10px; 
	height: 10px; 
	position: absolute;
}

.noObjectRow ul li.message{
	float:left;
	margin-left:30px;
}

.objectRow,.noObjectRow{
	margin-bottom:10px;
}

.objectRow .contentHolder,.noObjectRow .contentHolder{
	padding: 10px;
}

.objectRow .contentHolder.noPadding,.noObjectRow .contentHolder.noPadding{
	padding: 0px;
	position:relative;
}

.twoSectionsDisplay ul.contentHolder li{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	word-wrap: break-word;
	width:49%;
}

ul.contentHolder li{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	word-wrap: break-word;
	width:33%;
}

ul.contentHolder li .secondcol{
	margin-left:10px;
}

ul.contentHolder li .thirdcol{
	margin-left:15px;
}

.objectLabel{
	width: 30%;
	float:left;
	position:absolute;
	top:0;
	bottom:0;
}

.objectDetails{
	width: 70%;
	float:right;
	min-height:100px;
}

.objectDetails.addNewDetails {
	display:none;
}

.objectDetailsWrapper {
	padding:20px 20px 15px 20px;
}

.objectDetailsWrapper .editableFields {
	display:none;
}

.objectDetailsWrapper td {
	height: 2em;
}

.objectDetailsRememberDevices {
	padding-right: 20px;
	overflow: auto;
}

.objectDetailsRememberDevicesTable {
	float: left;
	width: 50%;
}

.undoSpan {
	display:none;
}

.hiddenEditLinks {
	display:none;
}

.hiddenResetLinks, .hiddenCheckLinks {
	display:none;
}

.objectLabel span{
right:45%;
bottom: 50%;
position: absolute;

}

.objectLabel span span {
left: 45%;
top: 50%;
position: relative;
}

.sectionalButtons{
	height: 21px;
}

.sectionalButtons li{
	width: 33%;
	float: left;
}

.twoSectionsDisplay .sectionalButtons li:first-child{
	width: 50%;
	float: left;
}
.twoSectionsDisplay .sectionalButtons li{
	width: 49%;
	float: left;
}

.sectionalButtons li div{ 
	text-align: center;
}

#seeMoreListing{
	text-align:center;
	cursor: pointer;
}
#seeMoreListing .downArrow
{
	padding-left: 5px; 
	padding-bottom: 1px; 
	width: 11px;
}

.objectActions {
	height: 21px;
	padding:5px;
}

.objectActions li {
	float: right;
	padding: 0 10px 0 10px;
}

ul.objectActions li.requiredLabel {
	float: left;
	padding: 0 10px 0 15px;
}

/**************************************************
 * Messaging 
***************************************************/

#successMessagingComponent,#errorMessagingComponent,#ajaxMessagingComponent,#overlayMessagingComponent{
	word-wrap: break-word;
	min-height: 20px;
	padding: 10px;
	margin-bottom:15px;
}

#successMessagingComponent ul li.message,#errorMessagingComponent ul li.message,#ajaxMessagingComponent ul li.message,#overlayMessagingComponent ul li.message{
	float: left;
	margin-left: 30px;
}

#successMessagingComponent ul li.messagingIcon,#errorMessagingComponent ul li.messagingIcon,#ajaxMessagingComponent ul li.messagingIcon,#overlayMessagingComponent ul li.messagingIcon{
	width: 20px;
	height: 20px;
	position: absolute;
	left: 30px;
	margin-right: 10px;
}

#ajaxMessagingComponent,#overlayMessagingComponent{
	display:none;
}

#ajaxMessagingComponent.messageError,#ajaxMessagingComponent.messageAlert,#ajaxMessagingComponent.messageSuccess,#ajaxMessagingComponent.messageInfo{
	display:block;
}

#overlayMessagingComponent.messageError,#overlayMessagingComponent.messageAlert, #overlayMessagingComponent.messageSuccess{
	display:block;	
}
#overlayMessagingComponent ul li.messagingIcon{
	left: 40px;
}

/**************************************************
 * Overlay 
***************************************************/

.customOverlay{
	padding: 0px;
}

.customOverlayTitle{
	height: 33px !important;
	padding: 0px !important;
}

.ui-dialog-buttonpane{
	padding: 30px 40px 40px 0px !important;
	margin: 0px !important;
}

.ui-dialog-buttonpane #secondaryButton, .ui-dialog-buttonpane #primaryButton{
	height: 31px;
	width: 90px;
}

.ui-dialog-buttonpane #secondaryButton{
	margin-right: 15px;
}

.overlayTitleText{
	float: left;
	width: 270px;
	height: 33px;
}

.overlayTitleText a{
	display: block;
	line-height: 33px;
	padding-left:30px;
}

.overlayClose{
	width: 29px;
	height: 33px;
	float: right;
}

.overlayContainer .footNotes {
	margin-top:5px;
}

.overlayContainer .leftSectionLabels{
	float:left;
	height: auto;
	width:85px;
}

.overlayContainer .rightSectionInputs{
	margin-left:100px;
}

.overlayContainer .rightSectionInputs .spacing{
	padding-bottom:7px;
}

.overlayContainer .rightSectionInputs .customize{
	margin-left:10px;
}

.overlayContainer .rowMargin{
	margin-top:20px;
}

.overlayContainer .rowButtonMargin{
	margin-top:15px;
	margin-bottom:15px;
}
.rowButtonMargin .spacing{
	padding-right:7px;
}

.overlayContainer .displayTemporarySecurityCode{
	margin-top:50px;
}

.overlayConfirm .exiprationNotes{
	margin-top:25px;
}

.overlayContainer #overlayConfirmation #overlayContent{
	overflow: auto; 
	height: 70px;
}

.overlayContainer .overlayForm{
	overflow: auto; 
	height: 185px;
}

#overlayConfirmation .leftContainer{
	margin-right:85px;
	word-wrap: break-word;
}

#overlayConfirmation .rightContainer{
	width:85px;
	float:right;
}

.customize .dateRange{
	height:20px;
}

#displayTemporarySecurityCode{
	margin-top: 60px; 
	margin-bottom:20px;
}

/*********************************************************
 * Button Styles
 ********************************************************/
button {
     display: inline-block;
     outline: none;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     padding: .5em 2em .55em;
     -webkit-border-radius: .5em;
     -moz-border-radius: .5em;
     border-radius: .5em;
}

button:hover {
     text-decoration: none;
}

button:active {
	position: relative;
    top: 1px;
}

/************************************************************
 *  Loading
************************************************************/
.loadingAjax{
	width:66px;
	height:66px;
	margin:0 auto;
	margin-top:200px;
}

.thinkAjax{
	width:20px;
	height:20px;
}

/************************************************************
 *  Common 
************************************************************/
.hidden{
	display:none;
}

.loadimg{
	padding-left:10px;
	position:relative;
}
.loadimg div.spinner{
	display:inline;
	position:absolute !important;
	left:5px !important;
	top:10px !important;
}

.leftfloat{
	float:left;
}

.rightfloat{
	float:left;
}
/************************************************************
 *  Generate Temp. Secuirty Code 
************************************************************/
.selectHours{
	margin-left:13px;
	float:left;
}

/************************************************************
 *  Form Styles 
************************************************************/
.formButtons{
	margin-top:15px;
	margin-bottom:25px;
}

.requiredInfo{
	float: right !important; 
	margin-top: 0px;
	margin-right:0px;
}

.addUserInstructions{
	margin-right: 0px; 
	margin-bottom: 10px; 
	margin-top: 10px;
}

/************************************************************
 *  Login
************************************************************/
.spaceDiv{
	height:10px;
}

.baseStack .signInButton {
	margin-bottom: 0px;
}
.linkStack {
	margin-left: 185px;
	font-size: 0.69em;
    font-weight: normal;
}

.securityCodeNotice label {
	font-weight: normal;
	font-size: 1em;
}

.loginFormBody .securityCodeNotice {
	margin-left: 50px;
    margin-right: 50px;
    margin-bottom:20px;
}

.secCodeFormBody .securityCodeNotice {
	margin-left: 50px;
    margin-right: 50px;
    margin-bottom:20px;
}

/* #loginFormContainer .securityCodeNotice {
	margin-left: 50px;
	margin-top: 30px;
	padding-right: 50px;
	width: 400px;
} */

.baseStack {
	margin-left: 185px; 
	height: 60px;
	margin-right: 50px;
	margin-bottom: 15px;
	vertical-align: middle; 
}


.stack {
	margin-right: 50px; 
	margin-left: 50px; 
	margin-bottom: 5px; 
	vertical-align: middle; 
	height: 30px;
}

.leftSide {
	width: 132px; 
	float: left; 
	padding-top:5px;
}
.rightSide {
	float: right; 
	width: 65%;
}

.reset_password_stack {
	margin-right: 47px; 
	margin-left: 47px; 
	margin-bottom: 5px; 
	vertical-align: middle; 
	height: 30px;
}

.reset_password_leftSide {
	width: 135px; 
	float: left; 
	padding-top:5px;
}

#loginFormContainer {
	padding-top: 80px;
	width: 100%;
	height:600px;
}

#loginFormContainer .loginFormBox, #loginFormContainer .secondOTPBox, #loginFormContainer .secCodeBox, #loginFormContainer .credentialBox, #loginFormContainer .logoutBox {
	position: center;
     margin-left: auto;
     margin-right: auto;
     width: 480px;
}

/* #loginFormContainer .VIPCredentialBox {
	padding-bottom: 7px;
} */

#loginFormContainer .loginFormHeader {
	height: 30px;
}

#loginFormContainer .headerText {
	padding-top: 3px;
	padding-bottom: 2px;
}

#loginFormContainer .loginFormBody {
	padding-top: 48px;
	padding-bottom: 7px;
}

#loginFormContainer .secCodeFormBody {
	/* padding-top: 30px; */
	padding-top: 15px;
	/* padding-bottom: 7px; */
}

.VIPCredentialBody .leftSection, .secCodeFormBody .leftSection, .loginFormBody .leftSection {
	margin-left: 50px; 
	width: 115px; 
	float: left;
	/* padding-top: 5px; */	
}

.VIPCredentialBody .rightSection, .secCodeFormBody .rightSection, .loginFormBody .rightSection {
	margin-left:170px;
	margin-right:50px;
}

.VIPCredentialBody input[type="text"], input[type="password"] , .secCodeFormBody input[type="text"], input[type="password"] , .loginFormBody  input[type="text"], input[type="password"] {
	width:100%;
	height: 30px;
	 padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.VIPCredentialBody .loginButton, .secCodeFormBody .loginButton, .loginFormBody .loginButton {
	float:right;
    margin-bottom: 14px;
    margin-top: 17px;
}

.secCodeFormBody .loginButton {
	margin-top: 17px;
}

.VIPCredentialBody .cancelButton, .secCodeFormBody .cancelButton, .loginFormBody .cancelButton {
    margin-top: 17px;
    margin-bottom: 14px;
    float: left;
    margin-left:45px;
}
.secCodeFormBody .cancelButton {
	margin-top: 17px;
}

.secCodeFormBody .tempSecCodeCancelBtn {
    margin-top: 17px;
    float: left;
    margin-left:60px;
}

#loginFormContainer .inputBoxSpace {
	height: 17px;
}

#loginFormContainer .psswdLinkSpace {
	height: 5px;
}

#loginFormContainer .loginFormDivider {
	height: 2px;
	background-position: center center;
}

#loginFormContainer .loginFormFooter {
	margin-left:12px;
	margin-right: 12px;
	margin-bottom: 12px;
}

#loginFormContainer .infoParagraph {
	margin-top: 12px;
	margin-bottom: 12px;
}

.credentialBox .helpImage, .loginFormBox .helpImage, .secCodeBox .helpImage, .secondOTPBox .helpImage {
	float:right; 
	padding: 5px;
}

.inlineHelp{
	float:right;
}

.inlineHelpContainer{
	width:400px;
	max-height:325px;
	overflow:auto;
}

.inlineHelpContainer p{
	margin-top:5px;
	margin-bottom:5px;
}

.filtersInlineHelp{
	float:right;
	padding-left: 5px;
}

.filtersInlineHelpContainer{
	width:400px;
	max-height:325px;
	overflow:auto;
}

.filtersInlineHelpContainer p{
	margin-top:5px;
	margin-bottom:5px;
}

.filtersInlineHelpContainer ul{
	margin-left:20px;
	padding-left:0;
}

.filtersInlineHelpContainer li{
	list-style-type:disc;
	padding-left:0;
}

.secCodeFormBody .signOutNotice {
	width: 280px; 
	height: 22px; 
	margin: 62px 100px 96px;
}

.secCodeFormBody .logOutLeftSection {
	padding-top:8px; 
	width: 400px;
	margin-left: 50px; 
	float: left;
}

.secCodeFormBody .logOutRightSection {
	margin-left:170px;
	margin-right:50px;
	padding-top: 70px;
}

.loginFormBody .passwordLeftSection, .secondOTPBox .passwordLeftSection {
	margin-left: 45px; 
	width: 130px; 
	float: left;
	padding-top: 5px;	
}

.loginFormBody .passwordRightSection, .secondOTPBox .passwordRightSection {
	margin-left:180px;
	margin-right:45px;	
}

.secCodeFormBody .credentialMessageRightSection {
	margin-left:170px;
	margin-right:50px;
	padding-top: 145px;
}
.secCodeFormBody .credentialMessageRightSection .loginButton, .loginFormBody .credentialMessageRightSection .loginButton {
	float:right;
    margin-bottom: 14px;
    margin-top: 13px;
}

.secCodeFormBody .credentialMessageRightSection .cancelButton, .loginFormBody .credentialMessageRightSection .cancelButton {
    margin-top: 13px;
    margin-bottom: 14px;
    float: left;
    margin-left:45px;
}

.secondOTPBox .noticetext {
	margin-left: 50px;
    margin-top: 50px;
    padding-right: 50px;
    width: 400px;
}


.secCodeFormBody .credLoginButton {
	float:right;
    margin-bottom: 14px;
    margin-top: 40px;
}

.secCodeFormBody .credCancelButton {
    margin-top: 40px;
    margin-bottom: 14px;
    float: left;
    margin-left:45px;
}

.VIPCredentialBody .secondnoticetext, .secondOTPBox .secondnoticetext {
	margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 15px;
    padding-right: 50px;
    width: 400px;
}

.VIPCredentialBody .secondnoticetext {
	margin-top: 48px;
}

.VIPCredentialBody .loginButton{
	float:right;
    margin-bottom: 17px;
    margin-top: 17px;
}

.VIPCredentialBody .cancelButton{
    margin-top: 17px;
    margin-left:50px;
    margin-bottom: 17px;
}
.logoImage {
	float:left; 
	margin-top: 20px;
}

.signInButton {
	float:right;
    margin-bottom: 17px;
    margin-top: 32px;
}

.errorMessageWrapper {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.errorMessageWrapper #successMessagingComponent ul li.messagingIcon,.errorMessageWrapper #errorMessagingComponent ul li.messagingIcon  {
	position: absolute;
	left: 0px;
}

.errorMessageWrapper #successMessagingComponent ul ,.errorMessageWrapper #errorMessagingComponent ul {
	position: relative;
}

.errorMessageWrapper #successMessagingComponent ul li.message,.errorMessageWrapper #errorMessagingComponent ul li.message {
	margin-left:30px;
}

/************************************************************
 *  Error Pages
************************************************************/
.contentContainer {
	padding: 0px 20px 20px;
	}
	
.leftContent {
	margin-left: 10px; 
	float: left; 
	margin-top: 10px;
}
.rightContent {
	 margin-left: 70px; 
	 margin-right: 50px; 
}

.rightContent button {
	font-size: 75%;
}

.rightContent .pageInstructions {
	font-size:85%;
}


.rightContent .pageHeader {
	height: 30px; 	
	font-weight: bold;
	padding: 17px 10px 10px 0;
}

.credListError {
	margin-left:25px;
	font-size: 85%;
}

.credListErrorText {
	font-size: 85%;
}

/************************************************************
 *  Dashboard
************************************************************/

#activityAndNotifications #leftPanel,#activityAndNotifications #rightPanel{
	width:50%;
	margin-bottom:30px;
	margin-top:20px;
}

#activityAndNotifications #alertNotification{
	min-height:50px;
}

#dashboard #chartsPanel{
	height:450px;
}

#dashboard #notificationPanel,#dashboard #activityPanel{
	height:520px;
}

#dashboard #activityPanel{
	margin-right:20px;
}

#chartsPanel .title,#notificationPanel .title,#activityPanel .title{
	height:21px;
	text-align: center;
}

#slideCredentialActivity ul li a.selected,#slideUserActivity ul li a.selected,#slideUniqueUserActivity ul li a.selected{
	cursor: text;
	}
	
#chartsPanel .noDataFound,#activityPanel .noDataFound{
	line-height:365px;
	text-align:center
}

/************************************************************
 *  Dashboard - Slider
************************************************************/

#chartsPanel #dashboardSlide {
	height: 22px;
	left: 0;
	overflow: hidden;
	position:relative;
	bottom:23px;
}
#dashboardSlide #prevSlide{
	float:left;
}
#dashboardSlide #nextSlide{
	float:right;
}
#dashboardSlide #nav { 
	width: 120px;
	margin: 0 auto; 
}
#dashboardSlide #nav li { 
	width: 20px; 
	float: left; 
	margin-left: 5px;
	margin-right: 5px; 
	list-style: none;
}
#dashboardSlide #nav a { 
	width: 20px; 
	height:22px;
	display: block; 
	background: url("/vipmgr/brand/symantec/images/dashboardWhiteDot.png") no-repeat 0 0; 
}
#dashboardSlide #nav li.activeSlide a { 
	background: url("/vipmgr/brand/symantec/images/dashboardBlackDot.png") no-repeat 0 0; 
}
#dashboardSlide #nav a:focus { 
	outline: none; 
}
#dashboardSlide #nav img { 
	border: none; display: block 
}

#slideCredentialActivity ul li,#slideUserActivity ul li,#slideUniqueUserActivity ul li{
	float:left;
}

#slideCredentialActivity ul li.right,#slideUserActivity ul li.right,#slideUniqueUserActivity ul li.right{
	float:right;
}

/************************************************************
 *  Dashboard - Charts Panel
************************************************************/
#chartsPanel #slidesContainer{
	padding:15px 15px;
}

#chartsPanel #slides{
	height:400px;
}

#chartsPanel #slides #slideCredentialActivity,#chartsPanel #slides #slideCredentialTypeState,#chartsPanel #slides #slideUserActivity,#chartsPanel #slides #slideUniqueUserActivity{
	width:100%;
	margin:0 auto;
}

#chartsPanel #slides #slideCredentialActivity #credentialActivity{
	width: 100%; 
	height: 365px; 
	margin: 0 auto;
}

#chartsPanel #slides #slideCredentialTypeState #pCredentialTypeSummary{
	float:left;
}

#chartsPanel #slides #slideCredentialTypeState #pCredentialStateSummary{
	float:right;
}

#pCredentialTypeSummary #credentialTypeSummary,#pCredentialStateSummary #credentialStateSummary{
	height:365px;
}

#slideUserActivity #userLoginActivity{
	width:100%; 
	height: 365px; 
	margin: 0 auto;
}
#slideUniqueUserActivity #uniqueUserActivity{
	width:100%;
	height: 365px;
	margin: 0 auto;
}


/************************************************************
 *  Dashboard - Activity Panel
************************************************************/
#activityPanel .panelContent{
	padding:15px;
}
#activityPanel .panelContent .contentBorder{
	height: 468px;
	font-size:0.70em;
	position:relative;
}

#activityPanel .panelContent .activityHeaderMargin{
	margin:0px 10px;
}

#activityPanel .panelContent .activityHeader{
	font-weight: bold; 
	height: 40px; 
	line-height: 40px;
}
#activityPanel .noOfResults{
	float:left;
	position:absolute;
}

#activityPanel .refreshCurrentActivity{
	position: relative;
	left: 0px; 
	padding-right: 5px; 
	top: 6px;
}

#activityPanel .seeReports{
	float:right;
}

#activityPanel .tableHeader{
	height: 15px;
	line-height: 15px;
	padding-left:10px;
	padding-right:10px;
}
#activityPanel .columnOne,#activityPanel .columnTwo,#activityPanel .columnThree{
	float:left;
}

#activityPanel .columnOne{
	white-space:nowrap;
	width:53%;	
}
#activityPanel .columnTwo{
	width:34%;
}
#activityPanel .columnThree{
	width:13%;
}
#activityPanel ul li{
	text-align: left;
    word-wrap: break-word;
}
#activityPanel ul.trow{
	height:35px;
	line-height:35px;
	padding-left:10px;
	padding-right:10px;
}
#activityPanel ul.trow li{
	float:left;
	-moz-box-sizing: border-box;
}
#activityPanel ul.Error li span,#activityPanel ul.Success li span,#activityPanel .tableFooter span{
    height: 12px;
    width: 12px;
    padding-left:20px;
}
#activityPanel ul li span{
	padding-left:18px;
}
#activityPanel .tableFooter{
	position:absolute;
	bottom:0px;
	width:100%;
}
#activityPanel .tableFooter .activityRow{
	padding-left:10px;
	padding-right:10px;
	line-height:40px;
}


/************************************************************
 *  Dashboard - Notification Panel
************************************************************/
#notificationPanel{
	background-color: #EEEEEE;
}
#notificationPanel .panelContent{
	padding:15px;
}
#notificationPanel .panelContent .contentBorder{
	position:relative;
	overflow:hidden;
	height:468px;
}

#notificationPanel #supportrss,#notificationPanel #connectrss{
	margin-top:12px;
}

#notificationPanel .iconNotes{
	height: 68px; 
	position:absolute;
	bottom:-10px;
	width:100%;
}

#notificationPanel .iconNotes ul{
    height: 43px;
    margin-bottom: 12px;
    margin-top: 12px;
}

#notificationPanel .iconNotes ul li{
	float: left; 
	margin-left: 15px; 
	margin-right: 15px; 
	margin-top: 13px; 
	padding-left: 20px; 
	vertical-align: middle;
}

#notificationPanel .linkarrow{
	display: inline; 
	float: right; 
	height: 20px; 
	margin-top: 15px; 
	width: 10px;
}

#notificationPanel #alertNotification .rssfeedline ul{
	margin-left:15px;
}
#notificationPanel #alertNotification ul{
	list-style: none outside none;
    height: 45px;
    line-height: 45px;
}

#notificationPanel #alertNotification ul li{
	-moz-box-sizing: border-box;
    float: left;
}

#notificationPanel #alertNotification ul li.arrow{
	-moz-box-sizing: border-box;
    float: right;
}
#notificationPanel #alertNotification ul li.alertIcon{
	  width:13px;
	  height:13px;
	  margin-top:15px;
	  margin-right:10px;
}
#overlayRemoveTSCConfirm .instructions{
	padding-bottom:10px;
}

table.rowspacer{
	width:95%;
}
table.rowspacer tr > td{
	padding-bottom: 10px;
}

table.rowspacer textarea {
	resize: none; 
}

#customCredentialTypeSettings,#customRememberedDeviceSettings,#customMaxNoofCredentials{
	display:none;
	padding-top:10px;
}

#customCredentialTypeSettings fieldset{
	float:left;
	min-height:100px;
}

#customCredentialTypeSettings fieldset div{
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.checkboxLabel{
	padding-right:10px;
}

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

#detailsContainer .objectDetailsWrapper td.detailsLabel {
	padding-right: 0px;
	width: 120px;
	line-height:13px;
	vertical-align: top;
	padding-top:10px;
}