/* overrides */
div.amsAdmin h1 {text-align:left; padding-bottom: 5px;}
#amsAdminContainer { padding: 3px; margin: 3px auto 0px auto; border: none; max-width: 1300px;  }
#contentBody { padding: 3px 3px 3px 3px;}
#footer { text-align:center; font-size: 85%; }
sup.req { color:Red; }
table.tableInputForm table { margin: -3px; }
table.tableInputForm table td {  }
table.tableInputForm table td input { font-style: normal; }
table.grid1 tr th { background: #185184; color: #fff;}

table.tinyReport td, table.tinyReport th { font-size: 11px; }
/* END Overrides */

.notReadyYet, a.notReadyYet { color: #d7d7d7; -moz-opacity:.70; filter:alpha(opacity=70); }
/* .helpText is for small help messages that are hidden and generated automatically by using AMS.Utils.ShowHelpText()
        the height is fixed to match the help image so we don't see the web form move up and down when they click for help
 */
span.helpText, div.helpText { font-size: 90%; padding: 1px; color: #800000; font-style: italic; line-height: 19px; }

/* .helpMessage is for longer help messages that are almost always in their own space */
div.helpMessage { padding: 3px; color: #800000; font-style: italic; }

/* for visual TODO items, just set display to equal none when demoing */
.todo {background-color: Yellow;}

ul.dashboardList { font-size: 0.80em; }

#navTopContainer 
{
    text-align:center;
    background:none;
}
#navTopContainer ul 
{
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border: none;
    padding: 3px;
    margin: 0px;
    margin-bottom: 10px;
}

#navTopContainer li
{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    text-align:center;
}        

/* user management tab nav */
/* install nav */
#navUserManagement {
	height: 20px;
	margin: 0;
	margin-top: 10px;
	padding-left: 10px;
	background: url(../../../../../images/standard/tabbottom.gif) repeat-x bottom;
}

#navUserManagement li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}

#navUserManagement a:active,
#navUserManagement a:hover, 
#navUserManagement a:visited,
#navUserManagement a:link  {
	float: left;
	background: #FFF;
	line-height: 14px;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #333;
	text-decoration: none;
	color: #666;
}

#navUserManagement a:hover {
	background: #AD2F49;
	color: #FFF;
}


#navUserManagement li a:hover.current, 
#navUserManagement li a:visited.current,
#navUserManagement li a:link.current,
#navUserManagement li a:active.current  {
	border-bottom: 1px solid #F7F7F7;
	background: #F7F7F7;
	color: #000;
	font-weight: bold;
}
/* end user management tab nav */

/* transaction management tab nav */
/* install nav */
#navTransManagement {
	height: 20px;
	margin: 0;
	margin-top: 10px;
	padding-left: 10px;
	background: url(../../../../../images/standard/tabbottom.gif) repeat-x bottom;
}

#navTransManagement li {
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
}

#navTransManagement a:active,
#navTransManagement a:hover, 
#navTransManagement a:visited,
#navTransManagement a:link  {
	float: left;
	background: #FFF;
	line-height: 14px;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #333;
	text-decoration: none;
	color: #666;
}

#navTransManagement a:hover {
	background: #AD2F49;
	color: #FFF;
}


#navTransManagement li a:hover.current, 
#navTransManagement li a:visited.current,
#navTransManagement li a:link.current,
#navTransManagement li a:active.current  {
	border-bottom: 1px solid #F7F7F7;
	background: #F7F7F7;
	color: #000;
	font-weight: bold;
}
/* end transaction management tab nav */

/* admin tabs */
#adminTabContentContainer 
{
    padding: 3px 3px 15px 3px;
    margin-top: -1px;
    border: 1px solid #000;
    background-color: #F7F7F7;
}

/* AMS specific styles */
td.webformCommands { background: #D7D7D7; border-top: 1px solid #000; border-bottom: 1px solid #000; }

div.shadowbox {
	background: #ccc;
	position: relative;
  	top: 2px;
  	left: 2px;
  	margin-top: 5px;
  	margin-bottom: 10px;
  	
 }
 
div.shadowbox div {
	background: #333;
	color: #fff;
	padding: 5px;
	position: relative;
	top: -2px;
	left: -2px;
	font-weight: bold;
}

div.shadowbox table {
	padding:0px; border-collapse: collapse;
	color: #fff;
	width: 99%;
}

div.shadowbox td {
	color: #fff;
}

div.shadowbox a:active,
div.shadowbox a:visited,
div.shadowbox a:link  {
	color: #FFFFFF; 
}

div.shadowbox a:hover {
	color: #C0C0C0; 
}

/* date picker calendar */
img.datePicker { vertical-align: top; padding-top: 1px; }

/* TODO consider this for site wide implementation for base.css file */
sup { line-height: 0px; }

/* TODO Should be in the global style sheet for website */
div.cardImg img {
    position: absolute;
    margin-left: 300px;
}

/* entry page classes for postal address handling */
div.addressContainerWrapper { padding: 3px; height: 400px; width: 800px; }
div.addressContainerWrapper div.postalAddressTypeInfo { padding: 2px 1px 2px 1px; margin: 1px 1px 6px 1px; font-style: italic; max-width: 800px; }
div.addressContainerWrapper div.inheritOptionBar { margin: 1px 1px 6px 1px; }
div.additionalContactsList { padding: 3px; min-height: 400px; width: 800px; overflow: auto; }
div.additionalContactDescription { padding-bottom: 4px; font-size: 11px; font-style: italic; }
div.additionalContactsList a { text-decoration: none; }
div.additionalContactsList h4 { font-size: 14px; padding: 0px; margin: 0px 0px 3px 0px; border: none; border-bottom: 1px solid #000; }
div.additionalContactsList table.grid1 { margin: 4px 0px 8px 0px; background: inherit; }
div.additionalContactsList table.grid1 td { font-size: 12px; background: inherit; padding-right: 10px; padding-left: 5px; border: none; border-bottom: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7; }
div.additionalContactsList table.grid1 td a { font-size: 11px; }
div#addressSelectorContainer { float:left; width:145px; height:250px; border: 1px solid red; background: #f7f7f7; }
div.addrCmd {  padding: 6px 2px 6px 4px; background-color:#EFEFEF; cursor: pointer; margin-bottom: 2px; border-top:1px solid #D7D7D7; border-left:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; -moz-border-radius: 7px 0px 0px 7px; vertical-align: middle; line-height: 20px; }
div.addrCmdSelected { background:#d7d7d7 url('../images/arrow.png') no-repeat center right; display:block; color: #185184; font-weight:bold; -moz-border-radius: 7px 0px 0px 7px; border-color: #D7D7D7; }
div.addrCmd:hover { color: #185184; background:#C2DAEF url('../images/fade-blue.jpg') repeat-x bottom left;}
div.addrContainer { background-color:#f7f7f7; display:none;  }
div.addrContainer div.loadingMsg { background-color: #fff; padding: 2px; text-align: center; left: -300px; float:right; width: 200px; }
div.addrContainerHighlighted { background-color:#d7d7d7; display:block; }
td.addressCommandContainer { padding: 0px 0px 3px 3px !important; }
td.addressesContainer { padding: 0px 3px 3px 0px !important; }
.autoCompleteList 
{
    background-color:#d7d7d7;
    border:1px solid buttonshadow;
    color:#000;
    list-style-type:none;
    margin:0 !important;
    overflow:auto;
    text-align:left;
    visibility:hidden;
    width: 700px !important;
    z-index: 1000;
 }
.autoCompleteList li { width: 700px !important; background-color:#d7d7d7; border: none; margin: 0px !important; white-space: pre; font-family: Lucida Console, Courier New; font-size: 12px; }

.autoCompleteListShort  
{
    background-color:#d7d7d7;
    border:1px solid buttonshadow;
    color:#000;
    list-style-type:none;
    margin:0 !important;
    overflow:auto;
    text-align:left;
    visibility:hidden;
    z-index: 1000;
 }
 
 .autoCompleteListShort li { background-color:#d7d7d7; border: none; margin: 0px !important; font-family: Lucida Console, Courier New; }

/* report critera report filters table */
table.reportCriteria { }
table.reportCriteria th { padding: 3px; text-align:left; vertical-align: top; background-color: #185184; color: #fff; }
table.reportCriteria td { padding: 3px; text-align:left; vertical-align: top; }
table.reportCriteria td.webFormCommands { padding: 3px; background: #D7D7D7; border-top: 1px solid #000; border-bottom: 1px solid #000; }

/* fixes for ajax calendar */
.ajax__calendar_body table tr td { padding: 0px;}
.ajax__calendar_container { z-index:1000; }
/* end fixes for ajax calendar */

/* classes for billing transaction links */
div.transLinkContainer {
    text-align: right;
    padding: 3px;
}
a:link.linkButton, a:active.linkButton, a:visited.linkButton, a:hover.linkButton {
    background: url(../../../images/standard/fade.png); 
	border: 1px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	font-weight: bold;
    padding: 3px 3px 3px 6px;
    margin: 3px 3px 3px 6px;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
}

a:hover.linkButton { background-color: #d7d7d7; }

input.buttonDisabled, input.buttonDisabled
{

	-moz-opacity:.40;
}


/* search styles for main customer search page */
div.searchOptionWrapper {
    text-align: center;
    margin-top: -4px;
}

div.searchOptionWrapper .listBox { height: 100px; min-width: 200px; }
table.searchOptions {
    margin-left: auto;
    margin-right: auto;
}

table.searchOptions td {
    padding: 3px;
    width: 25%;
    text-align: center;
}

table.searchOptions th {
    padding: 3px;
    width: 25%;
    text-align: center;
}

div.searchResultsContainer { font-size: 0.87em; }
/* END search styles for main customer search page */

div.notificationBox { padding: 3px; margin: 3px; border: 1px solid #d7d7d7; background-color: #fff; }

span.voidedText { /* tried strikethrough but didn't like */ }
span.voidedWord { text-transform: capitalize; color:Red; }

/* activity desc text before activity type is listed under user's activity tab */
div.activityDescription { margin-bottom: 4px; }

/* member signup checkout progress indicator */
div.ams ul.progressIndicator {
    list-style-type: none;
    list-style-image: none;
    margin: 10px auto 15px auto;
    width: 700px;
}

div.ams ul.progressIndicator li
{
    float: left;
    padding: 3px;
    list-style-type: none;
    list-style-image: none;
    margin: 3px;
    border-bottom: 1px solid #000;
    width: 160px;
    text-align: center;
    
}

div.ams ul.progressIndicator li a
{
    text-decoration: none;
}

div.ams ul.progressIndicator li.active
{
    font-weight: bold;
    background-color: #f7f7f7;
}

/* ams membership signup sequence */
div.ams div.signupWizard a.signupRedirLink { font-size: 110% } /* make redir link prominant so they see it a little clearer */
div.ams div.signupWizard div.availableMemberships {}

/* TODO this needs to be moved to billingsys css */
div.billingSystem .tinyReport { font-size: 11px; }

/* dup account checking stuff */
div#dupCheckQuestion { margin: 4px; border: 1px dashed red; padding: 3px 3px 3px 50px; background: #fff url(/ams/cam/images/profile.png) no-repeat top left }
div#dupCheckQuestion h3 { border: none; margin: 0px 0px 3px 0px; padding: 0px; }
div#dupCheckQuestion a { font-weight: bold; }
div#dupCheckQuestion a#closeDupCheck { float: right; text-decoration: none; font-style: italic; color: Red; font-weight: normal; }
div.dupMessage { font-size: 110%; margin: 10px; }

a.createEmailIcon { margin-right: 5px; margin-left: 3px; }
a.createEmailIcon img { width: 16px; height: 16px; }

div#amsAdmin .auditInfo { float: right; font-size: 90%; font-style: italic; vertical-align: middle; line-height: 20px; }

div.oldRenewalDate { margin: 4px; padding: 3px; border: 1px solid red; font-size: 90%; font-style: italic; }