/*
###################################################################################################################################
#
#   File        : user_info_update.css
#   Author      : James Simmons
#   Created     : March 26, 2013
#   Application : AirCard
#   Purpose     : Specific styles for user_info_update
#
#
###################################################################################################################################
#
#   History
#   =======
#
#   Date        Version         Name                    Bug     Comment
#   =========== ============    ==================      =====   =======
#   26 Mar 2013 V1.0.JS2.0.0    James Simmons           59629   Written
#   01 Apr 2013 V1.0.DLH.1.0    Dennis Hostetler        59629   Adding ErrorField style.
#   04 Apr 2013 V1.0.DLH.2.0    Dennis Hostetler        59729   Changed name to user.css as this is now shared.
#   25 Apr 2013 V1.0.DLH.3.0    Dennis Hostetler        58690   Added DateRange class
#   30 May 2013 V1.0.DLH.4.0    Dennis Hostetler        58690   Added ActionSelect and UserComment classes, removed #UserInfo_1, #UserInfo_2 (now uses YUI)
#   11 Jun 2013 V1.0.DLH.5.0    Dennis Hostetler        58690   Added CSS for pagelet, minor name style fixes. HierarchyBranch style.
#   19 Jun 2013 V1.0.DLH.6.0    Dennis Hostetler        62745   Fixed CSS for UserManagePending pagelet and password input fields.
#   12 Aug 2013 V1.0.DLH.7.0    Dennis Hostetler        59629   Added CSS for challenge phrase info.
#   20 Aug 2013 V1.0.DLH.8.0    Dennis Hostetler        58690   Added CSS for date placeholders.
#   27 Aug 2013 V1.0.DLH.9.0    Dennis Hostetler        59729   Added CSS for comment info.
#	05 Sep 2013	V1.0.DLH.9.1	Dennis Hostetler		58690	Added bottom padding for all comment fields to keep the counter from overlapping fields below. Style header with download. Style PendingCount
#   30 Aug 2013 V1.0.DLH.9.2    Dennis Hostetler        63193   Added styles for training documentation.
#   28 Aug 2013 V1.0.JS2.8.1    James Simmons           58686   Removed DatePlaceholder as elements will now use global PlaceholderText
#   09 Sep 2013 V1.0.DLH.9.3    Dennis Hostetler        58690   Updating styles for pagelet. Increase size of comments on user info update to move footer down. Removed redundant PendingCount. Fixed download position.
#   23 May 2014 V1.0.AK.10.0    Andrew Kirkland         US1610  Added stule MerchantPendingVerificationInfoText
###################################################################################################################################
*/

.CanvasContent .LayoutCells .Widget .Label {
    width: 80px;
}
.CanvasContent .LayoutCells .Widget .Field {
    margin-right: 100px;
}

.ConfirmationTable {
    width: 100%;
}

.ConfirmationTable td + td {
    font-weight: bold;
}

.DateRange {
    border: 1px dotted black;
    padding: 2px 4px;
    margin: 5px;
    border-radius: 4px;
    text-align: center;
    width: auto;
}

.DateRange legend {
    font-weight: bold;
    text-align: left;
}

.DateRange .DatePlaceholder {
    color: gray;
}

.ActionSelect {
    text-align: right;
}

.UserComment {
    text-align: right;
}

.UserManagePending .ComponentTableContainer {
    max-height: 300px;
    overflow: auto;
}

.UserManagePending .ComponentTableContainer {
    max-height: 300px;
    overflow: auto;
}

.UserManagePending .ActionsColumn {
    white-space: nowrap;
    text-align: center !important;
}

.UserManagePending .ApproveLink img {
    height: 12px;
    width: 12px;
    vertical-align: middle;
}

.UserManagePending .ComponentContent tr {
    height: 18px;
}

.UserManagePending .ActionLink {
    text-align: center;
    vertical-align: middle;
}

.UserManagePending .DetailLink,
.UserManagePending .ApproveLink {
    line-height: 18px;
}

.UserManagePending .PendingCount {
    padding: 5px;
    font-weight: bold;
}

.HierarchyBranch {
    margin-top: 20px;
    background-color: #fff;
    padding: 1%;
    border: 3px solid #dedede;
    -moz-border-radius: 7px 7px;
    border-radius: 7px 7px;
}

.LateValidation,
.MerchantPendingVerificationInfoText {
    color: red;
}

.ChallengePhraseInfo {
    margin-top: 2em;
    font-style: italic;
}

.CommentInfo {
    margin: 2em;
    width: 75%;
    font-style: italic;
}

.Comments {
    padding-bottom: 25px;
}

.CustomActionDownloadResultsCsv {
    float: right;
}

.TrainingDocs {
    padding: 1%;
    border: 3px solid #dedede;
    -moz-border-radius: 7px 7px;
    border-radius: 7px 7px;
    width: 450px;
    float: left;
    padding: 0;
}

.TrainingLabel {
    font-weight: bold;
}

.TrainingLabel img {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.TrainingBody {
    margin: 0.5em;
}

.TrainingFiles {
    font-weight: bold;
    text-indent: 1.5em;
    margin-top: 6px;
}

.UserInfoUpdate .Comments textarea {
    height: 75px; 
}