* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 13px;
    font-family:'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 0;
}
header, footer, hgroup, nav, section {
    display: block;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
h1, h2, h3,h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: normal;
}
h1, h2 {
    font-size: 20px;
}
h3 {
    font-size: 1.53em;
}
h4 {
    font-size: 1.1em;
}
h5, h6 {
    font-size: 1em;
}
ul {
    list-style-type: none;
}

a img {
    border: none;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    clear: both;
}
.clear {
    clear: both;
}
div.body-container {
    margin: 0px auto;
    padding-top: 10px;
}

/* Header
-----------------------------------------------------------*/
div#header-container {
    padding-top: 20px;
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
div#header-preview-band
{
    border-top-width: 5px; 
    border-top-style: solid; 
    border-top-color: rgb(238, 238, 238);
    background-color: #1570A6;
    color: white;
    height: 20px;
    padding-left: 10px;
}
#header-site-link-container
{
    z-index: 1000;
    margin-bottom: 10px;
}
#admin-header-site-link, 
#learner-header-site-link
{
    font-family: 'Segoe UI Semibold', Arial, Tahoma;
    text-decoration: none;
    padding-right: 30px;
}

.header-site-link-inactive
{
    color: #505050;  
}

.header-site-link-active
{
    color: #1570a6;
}

#header-inner-container
{    
    margin: 0 auto;
}

div#org-authcontrols-container
{
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

select#microsoft-organization-list
{
     background: transparent;
     padding: 5px;
     font-size: 13px;
     line-height: 1;
     border: 0;
     border-radius: 0;
     height: 34px;
     cursor: pointer;
}

select#microsoft-organization-list, 
span#welcomeUser, 
span#signOut a
{
    color: #1570a6;
}

div#microsoft-orgdropdown, 
div#signin-controls, 
div#signout-controls {
    display: inline-block;
    font-family: 'Segoe UI', Arial, Tahoma;
}

span#signOut a
{
    text-decoration: none;
}

#sign-in {
    margin-right: 20px;
    font-size: 16px;
}

#site-logo
{
    height: 35px;
}

#site-logo img
{
    height: 20px;
    border: none;
}

#site-logo a:hover
{
    text-decoration: none;
}

#site-identity-heading
{
    color: #000;
    font-weight: normal;
}

#site-identity
{
    margin-bottom: 20px;
}

span.header-separator
{
    padding-left: 8px;
    padding-right: 8px;
    color: #1570a6;
}


/* Generic controls
-----------------------------------------------------------*/
div.page-content {
    padding-top: 170px;
}
.page-content-width
{
    position: relative;
    width: 95%;
    min-width:850px;
}

.top-nav-container {
    float: left;
    width: 14.5%;
    background-color: #fff;
 }
ul.top-nav-menu-container {
    line-height: 35px;
}
li.top-nav-menu-item {
    padding-left: 13px;
}
a.top-menu-action, a.top-menu-action:hover, a.top-menu-action:visited, a.top-menu-action:link {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    color: #505050;
}
a.top-menu-action:hover {
    text-decoration: underline;
}
a.top-menu-action:visited {
}
li.top-menu-action-selected {
    color: #1570a6;  
    background-color: rgb(238,238,238);
}

div.table-header-container {
    width: 100%;
    border-top: 2px rgb(238, 238, 238) solid;
    border-bottom: 2px rgb(238, 238, 238) solid;
}
.table-column {
    font-size: 1.1em;
    display: inline-block;
}
.four-column-width {
    width: 24.5%;
    overflow: hidden;
}
.three-column-width {
    width: 32.5%;
    overflow: hidden;
}
.three-column-checkbox-width {
    width: 30%;
}
.first-of-three-checkbox-header {
    margin-left: 5%;
}
.first-of-three-checkbox-item {
    width: 5%;display: inline-block;
}
.header-column {
    font-weight: 600;
}act
.two-column-width {
    width: 49.5%;
    overflow: hidden;
}
.eighty-width {
    width: 79.5%;
    overflow:hidden;
}
.twenty-width {
    width: 19.5%;
    overflow:hidden;
    position: absolute;
    right: 2px;
}

input.search-input {
    margin: 0 0 0 10px;
    width: 200px;
    height: 20px;
    padding: 0 0 0 20px;
    background-image: url('/Content/images/search.gif');
    background-repeat: no-repeat;
}

div.list-actions {
    margin: 0 0 10px 0px;   
}
div.list-actions-container {
    float: left;
}
div.search-container {
    float: right;
}
div.list-records {
    padding: 10px 0 0 0;
}

div.shell-container {
    float: left;
    width: 84.5%;
}
div#shell {
    padding: 0px 0px 0px 10px;
}
div.left-action-container {
    float: left;
    margin-right: 10px;
}
div.right-action-container {
    float: left;
}
ul.product-list {
    margin-left:30px;
    position: relative;
}
li.product-item {
    position: relative;
}
div.product-container, div.user-container {
    margin-bottom: 5px;
    position: relative;
}
input.tristate-checkbox {
    margin: 10px 5px;
    width: 15px;
    height: 15px;
}
input.checkbox {
    margin: 2px;
    width: 15px;
    height: 15px;
}
span.product-name {
}
img.expand-collapse {
    padding: 0px 5px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
img.report-expand-collapse
{
    display:table-cell;
    float:left;
}
a.report-link
{
    height:15px;
    line-height:15px;
    display:table-row;
}
div.actions-container {
    margin: 20px 0 0 0;
    text-align: center;
}
div.dashboard-property-container {
    border: 2px solid rgb(200, 200, 200);
    margin: 0 0 20px 0;
    padding: 5px;
}
div.title-container {
    background-color: #0070C0;
    font-size: 1.1em;
    color: white;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}
.title-container a {
    color: white;
}

/*
    Admin page for anonymous authenticated user
----------------------------------------------------------*/
#channel-activation-link-container
{
    margin-top: 150px;
}
#channel-activation-links
{
    margin-top: 20px;
}
.channel-activation-tile-inner
{
    margin: 15px 15px 15px 15px; 
    width: 220px; 
    height: 50px;
}
.channel-activation-label
{
    vertical-align: middle;
}
.channel-activation-tile-icon
{
    float: right; 
    margin-right: 40px;
}
.channel-activation-link
{
    display: block;
    margin-top: 10px; 
    padding:20px 20px 20px 20px; 
    text-decoration: none; 
    background-color: #3366ac; 
    width: 200px;
    color: white;
    font-size: large
}
.channel-activation-button-image
{
    background-image: url('images/large-next-button.png'); 
    width: 39px; 
    height: 39px; 
    border: none;
}

/*
    Learner page for anonymous authenticated user
----------------------------------------------------------*/
h3#featured-training
{
    margin-top: 100px;
}
.featured-course-tile
{
    float: left;
    width: 250px; 
    height: 150px;
    background: #3366ac; 
    margin-right: 20px; 
    color: white; 
    text-decoration: none;
}
.featured-course-tile-inner
{
    margin: 15px 15px 15px 15px; 
    width: 220px; 
    height: 120px; 
    position: relative;
}
.featured-course-tile-icon
{
    position: absolute; 
    bottom: 0px; 
    right: 0px;
}
.featured-course-button-image
{
    background-image: url('images/large-next-button.png'); 
    width: 39px; 
    height: 39px; 
    border: none;
}
.label-input-container > label {
    width: 260px;
    display:inline-block;
}

/*
    Learning Plans
----------------------------------------------------------*/
.scrollable-data-container
{
    overflow: auto;
}

.nonShell-data-container
{
    overflow: auto;
}

#users-filter {
    font-size: 12px;
    font-family: 'Segoe UI Light', 'Segoe UI';
}
span.user-name {
    padding: 2px;
    font-size: 16px;
    font-family: 'Segoe UI Light', 'Segoe UI';
    color: darkorange;
}
span.role-name {
    padding: 2px;
    color: black;
}
div.learning-plan-input-container {
    margin: 10px 0 10px 0;
}
input.learning-plan-input-text {
    width: 400px;
    padding: 3px;
}
label.learning-plan-name-label {
    font-size: 1.1em;
    font-weight: 600;
}
#generate-access-code-link {
    margin-top: 5px;
}
#validate-accesscode-fields {
    padding: 20px 0 0 0;
}
div.send-bulk-enrollment-link-container {
    padding: 10px 0 0 0;
}
input#accesscode-usage {
    width: 150px;
    padding: 3px;
}
#validate-admin-accesscode-fields {
    border-top: 5px solid rgb(200, 200, 200);
    margin: 20px 0 0 0;
    padding: 5px 0 0 0;
}
.admin-access-code-sections {
    display: block;
    clear:both;
}
div.users-title-container, div#learning-plan-assign-container, div#learning-plan-title-container {
    text-align: center;
    line-height: 30px;
    margin:auto;
}
div.dashboard-name-container {
    float: right;
    right: 0;
    padding: 0 0 10px 0;
}
span.dashboard-name {
    color: #0070C0;
    font-weight: 600;
    font-size: 1.2em;
}

div.reports-title-container {
    text-align: center;
    line-height: 30px;
    margin:auto;
}
span.reports-title-label {
    font-size: 15px;
}


/*
    Users
----------------------------------------------------------*/
div#createuser-container {
    margin: auto;
}

.box, .enrollment-link, .user-input-container {
    text-align:left;
    float:left;
}
.enrollment-link {
    margin-top: 50px;
}
.user-name-label {
    color: black;
    margin:5px 0px 5px 0px;
    text-align: left;
    display: inline-block;
    width: 120px;
    padding-right: 5px;
}

.userfilter-label {
    color: black;
    font-size: 15px;
    margin:5px 0px 5px 0px;
    text-align: left;
    font-family: 'Segoe UI Light';
    display: inline-block;
    padding-right: 5px;
}

.roles-list-item {
    margin:5px 0px 15px 0px;
}
.user-name-input {
  vertical-align:middle;
  width:auto;
  border:1px solid #9b9b9b;
  height:17px;
  margin:0 5px 0 0;
}

.user-name-inputFname {
  vertical-align:middle;
  width:auto;
  border:1px solid #9b9b9b;
  height:17px;
  margin:0 5px 0 0;
}

.user-name-inputLname {
  vertical-align:middle;
  width:auto;
  border:1px solid #9b9b9b;
  height:17px;
  margin:0 5px 0 0;
}

.user-name-inputemail {
  vertical-align:middle;
  width:auto;
  border:1px solid #9b9b9b;
  height:17px;
  margin:0 5px 0 0;
}

.user-name-inputUname {
  vertical-align:middle;
  width:auto;
  border:1px solid #9b9b9b;
  height:17px;
  margin:0 5px 0 0;
}

h3.upload-users-heading
{
    margin-bottom: 15px;
    font-family:'Segoe UI';
}

form#form-upload-users
{
    margin-top: 10px;
}

label#upload-users-file-label
{
    display: block;
}

input#file
{
    width: 400px;
}

a#csv-template-link
{
    color: #1570a6;
    text-decoration: none;
}

/* -------- ITA Activation Styles ------------------*/

button#membership-button
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 23px 10px 23px;
    background-color: #1570A6; 
    border-width: 0px; 
    color: white; 
    cursor: pointer;
}
button#membership-button:hover
{
    background-color: #00188F;
}
button#membership-button:active, button#membership-button:focus
{
    background-color: #000000;
}
button#membership-button:disabled
{
    background-color: #D2D2D2;
    color: #000000;
    margin-bottom:10px;
}
h3#ita-registration-heading
{
    /*margin-top: 170px;*/
}
input#membershipIdRef
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1em;
    padding: 5px 5px 5px 5px;
}
input#membershipIdRef::selection
{
    background-color: #1570A6;
    color: white;
}
div#microsoft-ita-activationContainer
{
    margin-top: 10px;
    padding-top: 10px; 
}
form#adminItapage
{
    margin-top: 20px; 
    padding-top:10px;
    border-top: #cccccc 1px solid;
}
div#ita-eula-acceptance-container
{
    margin-top: 20px;
}
input#ita-eula-acceptance-check
{
    margin-top: 15px;
    margin-bottom: 15px;
}
input#ita-eula-acceptance-check:active, input#ita-eula-acceptance-check:focus
{
    border: 1px dotted #000000;
}
label#membership-id-label
{
    /*padding-top: 100px;*/
}
.itaPageContainer
{
    display: block;
    margin-top: 150px;
    margin-bottom: 20px;
}

.itaMemebershipSpacing
{
    margin-top: 15px;
}
.itaHelpMessage
{
    margin-top:15px;
    display:block;
}

/* -------- SA Activation Styles  ------------------*/
div#sa-page-container 
{
    display:block;
    margin-top:150px;
    margin-bottom:20px;
}
button#submit-button
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-top: 5px;
    padding: 10px 23px 10px 23px;
    background-color: #1570A6;
    border-width: 0px;
    color: white;
    cursor: pointer;
}
button#submit-button:hover
{
    background-color: #00188F;
}
button#submit-button:active, button#submit-button:focus
{
    background-color: #000000;
}
button#submit-button:disabled
{
    background-color: #D2D2D2;
    color: #000000;
}
h3#sa-activation-heading
{
    /*margin-top: 150px;*/
    margin-bottom: 10px;
}

ul#sa-activation-glossary
{
    margin-left: 0px;
}

form#adminSApage
{
    margin-top: 20px;
    border-top: #cccccc 1px solid;
}

div#microsoft-sa-containerTable
{
    margin-top: 0px;
}

div#agreement-displayname-container
{
    white-space: nowrap;
}

div#agreement-container, div#display-name-container
{
    clear: both;
    display:block;
}

div#agreement-container
{
   margin-top: 10px;
   margin-bottom: 10px;
}

div#display-name-container
{
    margin-bottom:10px;
}

div#add_access_code
{
    margin: 4px 0px 8px 0px;
}

input#add-access-code
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-top: 15px;
    padding: 10px 23px 10px 23px;
    background-color: #00BCF2;
    border-width: 0px;
    color: white;
    cursor: pointer;
}

input#add-access-code:hover
{
    background-color: #1570A6;
}

input#add-access-code:active, input#add-access-code:focus
{
    background-color: #000000;
}

input#add-access-code:disabled
{
    background-color: #D2D2D2;
    color: #000000;
}

div#subscription_ref1, div#subscription_ref2, div#subscription_ref3
{
    margin-bottom: 5px;
}

div#subscription_ref2
{
    padding-top: 4px;
}

label#agreement-ref-label, label#display-name-label, label#subscription-ref1-label
{
    display: block;
}

div#sa-eula-acceptance-container
{
    padding-top: 10px;
}

.float-left
{
    float: left;
}

div#subscription-code-container
{
    padding-top: 0px;
    clear: both;
}

input#agreementRef,
input#subscriptionRef1,
input#subscriptionRef2,
input#subscriptionRef3
{
    width: 176px;
}

input#agreementRef, 
input#displayName, 
input#subscriptionRef1, 
input#subscriptionRef2, 
input#subscriptionRef3
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1em;
    padding: 5px 5px 5px 5px;
}
input#agreementRef::selection, 
input#displayName::selection, 
input#subscriptionRef1::selection, 
input#subscriptionRef2::selection, 
input#subscriptionRef3::selection
{
    background-color: #1570A6;
    color: white;
}
input#displayName
{
    width: 400px;
}
input#sa-eula-acceptance-check
{
    margin: 15px 0px;
}
input#sa-eula-acceptance-check:active, input#sa-eula-acceptance-check:focus
{
    border: 1px dotted #000000;
}
.divBusyIndicator
{
     margin-left: 10px;
    float: left;
}
.imgbusyIndicator
{
    background-image: url('images/busyIndicator.gif');
    width: 40px;
    height: 40px;
    border: none;
    vertical-align: middle; 
    margin-top: 10px;
    border-width: 0px;
}

/*
    Reports styles
    --------------------------------------------------------------
    */

div.chartOuterContainer {
    text-align: center;
}

div.chartContainer {
    height:600px;
    width: 100%;
}

.reports-table {
    width:100%;
    border-collapse:collapse;
    margin-top:17px;
}

.reports-table td, .reports-table th{
    font-size:1.0em;
    border:1px solid #4BB2C5;
    padding:3px 7px 2px 7px;
}

.reports-table th {
    font-size:1.2em;
    text-align:center;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#4BB2C5;
    color:#fff;
}

.reports-table td {
    text-align: left;
}

.reports-item-text {
    font-size: 1.2em;
}

.reports-progress-bar {
    width: 100px;
    height: 20px;
    background-color: #6FA002;
    position:relative;
    border-style: solid;
    border-color: #598102;
    border-left-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px;
    display: inline-block;
    margin:5px 0 0 0;
}

.reports-progress-bar-text {
    font-weight: 600;
    font-size: 13px;
    color: white;
    position: absolute;
    right: 3px;
}

.reports-progress-item {
    margin-bottom: 15px;
}

.reports-progress-child {
    margin-top: 8px;
}

.reports-progress-item ul {
    margin-left: 60px;
}

.reports-progress-bar-details {
    display: none;
}

.reports-drilldown {
    display: none;
}
.reports-close-button
{
    position:absolute;
    top:0;
    right:3px;
}

#reports-organization-progress {
    min-height: 250px;
}

/*
    Learner Site Specific
--------------------------------------------------------------*/

#course-player-container {
    padding: 0px;
    display:none;
}


label.error {
 float: none; color: red; padding-left: .5em; vertical-align: middle; }

div#create-user-elements, div#create-user-firstname, div#create-user-lastname, div#create-user-email, div#create-user-department, div#create-user-activeuser{
    width: auto;
}
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
p { clear: both; }



.course-progress-bar {
    width: 50%;
    margin-left: 35px;
    margin-bottom: 3px;
}

.courses-container {
    margin-left: 25px;
}
.learning-plan-container {
    margin-bottom: 20px;
}
.learning-plan-name {
    font-weight: 600;
    font-size: 16px;
}
.in-progress-header {
    background-color: #F2F2F2;
    padding: 5px 0px 5px 10px;
    margin: 5px 0px 5px 0px;
}
.course-item {
    position: relative;
}
.course-info-container {
    width: 100%;
    display: inline-block;
}
.course-info-container1 {
    float: left;
    width: 100px;
    height: 65px;
    margin: 0px 0px 15px 0px;
}
a.course-launch {
    text-decoration: none;
    background-color: #595A5C;
    float:left;
    width: 100px;
    height: 30px;
    margin-bottom: 5px;
    position: relative;
}
img.course-play-icon {
    width: 15px;
    height: 15px;
    padding: 7.5px 10px 7.5px 10px;
}
span.course-progress-text {
    top: 9px; right: 3px; color: white; font-size: 11px; position: absolute;
}
.course-info-container2 {
    float: left;
    width: 100px;
    height: 30px;
    background-color: #6FA002;
    position:relative;
    border-style: solid;
    border-color: #598102;
    border-left-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-right-width: 0px;
}

.percent-complete-text-container {
    font-weight: 600;
    font-size: 16px;
    color: white;
    position: absolute;
    top: 3px;
    right: 3px;
}
.percent-sign-span {
    font-weight: normal;
    font-size: 12px;
}
.course-info-container3 {
    float: left;
    margin-left: 5px;
    width: 65px;
    height: 65px;
}
img.course-image {
    width: 65px;
    height: 65px;
}
.course-info-container4 {
    float: left;
    margin-left: 15px;
    height: 65px;
}
.course-name {
    font-size: 18px;
    color: #61CEF6;
    text-decoration: none;
}
p.course-description {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 500px;
    overflow: hidden;
    font-size: 12px;
}

/* Course Edit Page
--------------------------------------------------------------*/
.course-edit .create-course-button {
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #EEEEEE;
    border: 1px solid #888888;
    height: 26px;
    font-weight: bold;
    padding: 0 20px;
}
.course-edit .course-edit-border {
    border: 1px solid #9C9C9C;
}
.course-edit .root-product-list {
    font-size: 1.2em;
}
.course-edit .root-product-item {
    margin: 10px 0 10px 14px;
}
.course-edit .no-products {
    margin: 10px;
}
.course-edit .action-link {
    font-size: 0.85em;
}
.course-edit .manage-course-permissions-link {
    margin-left: 20px;
}
.course-edit span.product-version-container-edit {
    background-color: #FFE699;
}
.course-edit span.product-version-container-preview {
    background-color: #B4C7E7;
}
.course-edit span.product-version-container-published {
    background-color: #C5E0B4;
}
.course-edit span.product-version {
    padding: 2px 8px;
}
.course-edit span.product-version-name {
    margin-left: 6px;
}
.course-edit .action-button {
    border-radius: 0;
    background-color: #A0C0E5;
    border: 1px solid #649FD8;
    height: 21px;
    padding: 3px 10px 0 10px;
}
.course-edit .create-version-button {
    position: absolute;
    left: 280px;
    top: 4px;
}
.course-edit .offer-item-actions-container {
    margin: 0 0 0 40px;
}
.course-edit .offer-item-actions-container .action-link {
    margin-right: 8px;
}
.course-edit .manage-preview-permissions-link {
    position: absolute;
    left: 280px;
    top: 7px;
}
.course-edit .product-version-icon {
    width: 21px;
    height: 21px;
    position: relative;
    top: 4px;
}
.course-edit .offer-product-checkbox {
    height: auto;
}

/* Footer
--------------------------------------------------------------*/
div#common-footer
{
    clear: both;
    font-family: "Segoe UI", Arial, Tahoma;
    font-size: 11px;
    background-color: #eeeeee;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
}
div#footer-branding
{
    display: inline-block;
    vertical-align:middle;
    margin-right: 20px;
}
img#footer-branding-image
{
    background: url('/Content/images//header-ms-logo.png') no-repeat;
    width: 96px;
    height: 20px;
    border: none;
    display: inline-block;
}
div#ms-copyright {
    color: #000000;
    display: inline-block;
    margin-right: 20px;
}
div#left-footer-link-box
{
    display: inline-block;
}
div#footer-left {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
ul#left-footer-links, 
ul#right-footer-links {
    list-style-type: none;
}
a.footer-link
{
    color: #1570a6;
    text-decoration: none;
}
div#footer-right {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
li.left-footer-item,
li.right-footer-item 
{
    color: mediumblue;
    text-decoration: none;
    display: inline;
}
li.footer-divider
{
    padding-left: 10px;
    padding-right: 10px;
    color: #1570a6;
    display: inline;
}


/*ajax pop up message */
.ajax_msg
{
    border:solid 4px #c5c5c5;
    display:none;
}
.ajax_msg span
{
    display:inline-block;
    height:26px;
    line-height:26px;
    margin:0 0 0 5px;
    padding:0;
    font-family:Arial,'Times New Roman';
    font-size:12px;
}
.ajax_msg img
{
    position:relative;
    left:3px;
    top:8px;
}
.ajax_errormsg
{
    position:absolute;
    width:auto;
    height:auto;
    background-color:#fff;
    border:solid 4px red;
    text-align:center;
    display:none;
}
.ajax_errormsg span
{
    display:inline-block;
    height:30px;
    line-height:30px;
    margin:0 0 0 5px;
    padding:0;
    font-family:"Segoe UI WPC", "Segoe UI Light", "Segoe UI", Helvetica, Verdana;
    font-size:15px;
    position:relative;
    top:-10px;
    color:red;
}
.ajax_errormsg a
{
    margin:0 0 0 5px;
    padding:0;
    text-decoration:none;
    top:1px;
    font-size:12px;
    font-weight:bold;
    position:absolute;
    right:3px;
    top: 3px;
}

.ajax_errormsg a#linkSupport
 {
    margin-right:40px;
 }
.error-close-button {
    width: 15px;
    height: 15px;
}
.ajax_errormsg img
{
    border:0;
    margin:0;
}
.ajax_errormsg ul li
{
    list-style: none;
    font-size:14px;
    color:red;
}

.courseDetailsInitial {
    display: none
}
.courseDetails a {
    margin:0 0 0 5px;
    padding:0;
    font-family:Arial,'Times New Roman';
    font-size:12px;
    text-decoration:none;
    top:1px;
    font-size:12px;
    font-weight:bold;
    position:absolute;
    right:1px;
}
.courseDetailsClose {
    border: none;
    width: 15px;
    height: 15px;
}

#btnImportCSVUsers
{
    float:left;
    border:solid 1px #c5c5c5;
}

.inactive-text-container
{
    border:solid 4px #c5c5c5;
    font-size:15px;
    text-align: center;
}

.inactive-text-container span 
{
    font-family:"Segoe UI WPC", "Segoe UI Light", "Segoe UI", Helvetica, Verdana;    
}

#upload-users-container
{
    float:left;
    width:80%;
}
#users-uploaded-container
{
    float:left;
    width:80%;
}
#UploadCSVUsers
{
    float: left;
}
a.UploadFileLink
{
    display:inline-block;
    margin:15px 0 0 0;
    font-size:0.9em;
    color:red;
}
a.UploadFileLink:hover
{
    color:#ffd800;
}
.upload_summary_text
{
    margin-bottom: 5px;
}
.upload_summary_text ul .upload_summary_text
{
    margin-bottom: 0;
}
.upload_summary_text span
{
    font-weight:bold;
    color:#000;
}
.upload_summary_text ul li
{
    list-style:none;
    margin-left:15px;
}
.upload_detail_list ul li
{
    list-style:none;
    background-color:#fafabe;
    margin-left:0;
}
p.BulkUploadUsersText
{
    display:inline-block;
    margin-top:10px;
}
p.BulkUploadUsersText span
{
    display:inline-block;
    margin-right:5px;
}

/*--------------------- Help Link Style  ----------------------------*/
div.HelpLink
{
    display:block;
    background-color:#7FBA00;
    width:32px;
    height:68px;
    position: fixed;
    right:0;
    top:50%;
    margin-top:-2.5em;
}
img.helplink-image
{
    width:16px;
    height:16px;
    border:0px;
    padding-top:28px;
    padding-left:9px;
}

/* --------------- Federated Sign-in ------------------------*/
div#authDialog
{
    color: red;
    font-size: 1.0em;
}

div#idpHeader
{
    background-color:#cbe0f5; 
    height: 60px;
}

div#popupIdps
{
    margin: 125px auto 0px auto;
    width: 500px;
    height: 400px;
}

#authPopupLinkContainer
{
    margin-top: 60px;
    float: left;
}

#authPopupLinkContainer a:link
{
    text-decoration: none;
}

#authPopupLinkContainer a:hover
{
    text-decoration: underline;
    color: red;
}

div.authPopupLinks
{
    float: left;
    font-size: 1.2em;
    padding: 10px;
    margin: 5px 20px 40px 40px;
    vertical-align: central;
    white-space: nowrap;
}

a.authPopupLink
{
    margin-left: 20px;
    border: none; 
    padding-top: 10px;
}

div.spAuthDialog
{
    color: grey;
    font-size: 1.4em;
    font-weight: bold;
    padding: 20px 20px 0px 25px;
}

div.thirdPartyPermissions
{
    color: grey;
    font-size: 1.7em;
    font-weight: bold;
    padding: 0px 20px 0px 25px;
}

div.thirdPartyModelName
{
    color: grey;
    font-size: 1.0em;
    font-weight: bold;
    padding: 0px 20px 0px 25px;
}

div.thirdPartyMlxSDK
{
    color: black;
    font-size: 1.0em;
    font-weight: bold;
    padding: 0px 20px 0px 15px;
}

.buttonYes {
  width: 150px;
  height: 25px;
  background: steelblue;
  padding-left:25px;
  padding-right:25px;
  padding-top:7px;
  padding-bottom:7px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.buttonNo {
    width: 150px;
    height: 25px;
    background: steelblue;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

div#dividplabels
{
    width: 200px; 
    float: left;
    margin-right: 40px;
}

div#divMsAccount
{
    display: inline-block;
    margin-top: 85px;
}

div#divOffice365
{
    display: inline-block;
    margin-top: 20px;
}

div#auth-center-divider
{
    float: left; 
    width: 10px;
    width: 1px; 
    height: 400px; 
    background-color: rgb(221, 221, 221); 
    margin: 30px 30px 30px 0px; 
}

a.authPopupLink img
{
    margin-left: 15px;
    border: none;
}

/* --------------- Access Code Redemption ------------------------*/

h3#access-code-redemption-heading
{
    margin-top: 20px;
    margin-bottom: 20px;
}

div#eula-acceptance-container
{
    margin-top: 20px;
}

button#submit-unmanaged-details
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-top: 25px;
    padding: 10px 23px 10px 23px;
    background-color: #1570A6; 
    border-width: 0px; 
    color: white; 
    cursor: pointer;
}
button#submit-unmanaged-details:hover
{
    background-color: #00188F;
}
button#submit-unmanaged-details:active, button#submit-unmanaged-details:focus
{
    background-color: #000000;
}
button#submit-unmanaged-details:disabled
{
    background-color: #D2D2D2;
    color: #000000;
}

div#access-code-redemption-container
{
    margin-top: 20px; 
    border-top: #cccccc 1px solid;
}

div#unmanaged-details
{
    margin-top: 40px;
}

div#access-code-terms-container
{
    margin-top: 40px;
}

div.access-code-redemption-input-container
{
    margin-top: 5px;
}

input#first-name-unmanaged-user, 
input#last-name-unmanaged-user, 
input#email-address-unmanaged-user
{
    font-family: 'wf_SegoeUI', 'Segoe UI', 'Segoe Marker', Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1em;
    padding: 5px 5px 5px 5px;
}

input#first-name-unmanaged-user::selection,
input#last-name-unmanaged-user::selection,
input#email-address-unmanaged-user::selection
{
    background-color: #1570A6;
    color: white;
}

.access-code-redemption-label
{
    display: block;
}

#reauthenticate_Dlg
{
    position:absolute;
    width:auto;
    height:auto;
    background-color:#fff;
    border:solid 4px red;
    text-align:center;
    display:none;
}

.validation-summary-errors
{
    color: red;
}

.validationMessage
{
    color: red;
}

.errormsg
{
    display:inline-block;
    height:30px;
    line-height:30px;
    margin:0 0 0 5px;
    padding:0;
    font-family:"Segoe UI WPC", "Segoe UI Light", "Segoe UI", Helvetica, Verdana;
    font-size:15px;
    position:relative;
    top:-10px;
    color:red;
}

.unhandled-errormsg
{
    display:inline-block;
    height:30px;
    line-height:30px;
    margin:0 0 0 5px;
    padding:0;
    font-family:"Segoe UI WPC", "Segoe UI Light", "Segoe UI", Helvetica, Verdana;
    position:relative;
    font-size: x-large;
    font-weight: normal;
    color: #6D9553;
}

.email-support
{
    font-weight: normal;
    color: #524F4F; 
    line-height: 50px;
}

.scrollable-data-container a:link
{
    text-decoration: none;
}

.users-search-container
{
    float:right;
}

.enrollment-codes-remaining
{
    color: green;
}

.highlighted {
    border-color: red;
    border-width:1px;
    border-style:solid;
}

.list-action
{
    text-decoration: none;
}

.error
{
    margin-left:10px;
    margin-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    border-color: red;
    border-width:1px;
    border-style:solid;
    vertical-align:middle;
}

#roles-list-div
{
    margin-left:30px;
}

#send-enrollment-row
{
    margin-top:30px;
}

.scrollable-data-container a:link
{
    text-decoration: none;
}

.users-search-container
{
    float:right;
}

.enrollment-codes-remaining
{
    color: green;
}

.scrollable-data-container a:link
{
    text-decoration: none;
}

.users-search-container
{
    float:right;
}

.enrollment-codes-remaining
{
    color: green;
}

.highlighted {
    border-color: red;
    border-width:1px;
    border-style:solid;
}

.list-action
{
    text-decoration: none;
}

.error
{
    margin-left:10px;
    margin-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    border-color: red;
    border-width:1px;
    border-style:solid;
    vertical-align:middle;
}

#roles-list-div
{
    margin-left:30px;
}

#send-enrollment-row
{
    margin-top:30px;
}