﻿/*cellpadding*/
th, td { padding: 0px; }

/*cellspacing*/
table { border-collapse: separate; border-spacing: 0px; } 
table { border-collapse: collapse; border-spacing: 0; }   

/*valign*/
th, td { vertical-align: top; }

a {
   outline: 0;
}

.ProjectListIcon { width:32px; }


.ProjectListIcon img {
    width:32px;
    height:32px;
}

.ProjectListItem a {
    font-size:16pt;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color:#444444;
    text-decoration:none;
}

    .ProjectListItem a:hover {
        color:#1e89d6;
    }

.ProjectListMore { width: 20px; }

.ProjectListMore img {
    width: 20px;
    height: 20px;
    opacity: 0.4;

}

    .ProjectListMore img:hover {
        opacity: 1;
    }



.ProjectListDetail {
    font-size: 10pt;
    font-family: 'Segoe UI Light', 'Segoe UI', Arial;
    color: #444444;
}

.ProjectListDetail span:hover {
    color:cornflowerblue;
    text-decoration:underline;
    cursor:pointer;
}

.ProjectListCloseForm {
    cursor: pointer;
    width: 32px;
    height: 33px;
    padding-right: 10px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 5px;
    float:right;
}

    .ProjectMenuTitle {
        color: #AAAAAA;
        font-family: 'Segoe UI', Arial;
        font-size: 16pt;
        margin-bottom: 15px;
    }


.ProjectMenuIconContainer {
    padding-top:30px; 
    padding-bottom:30px;
    padding-left:15px;
    background-color:white;
    border-radius:6px;
}

.ProjectMenuIcon {
    cursor:pointer;
    display:inline-block;
    background-size:32px;
    background-repeat:no-repeat;
    background-position: top center;
    width:50px;
    margin-right:20px;
    text-align:center;
    padding-top:36px;
    font-family:'Segoe UI', Arial;
    color:#0094ff;
}

.ProjectMenuDelete { background-image:url(../_engine/images/delete_project.png); }
.ProjectMenuCopy { background-image:url(../_engine/images/copy_project.png); }
.ProjectMenuBackup { background-image:url(../_engine/images/backup_project.png); }
.ProjectMenuLock { background-image:url(../_engine/images/lock_project.png); }
.ProjectMenuUnLock { background-image:url(../_engine/images/unlock_project.png); }


.ajax-upload-dragdrop { display:none; }  /* Hide the default upload button */

/* Position the upload status window at the top right corner */
.ajax-file-upload-statusbar {
    position:absolute;
    top:5px;
    right:5px;
    background-color:white;
    font-family:'Segoe UI Light', 'Segoe UI', Arial;
}


.ProjectsAddButton {
    border-radius:3Px;
    border:1px solid #0094ff;
    color:#0094ff;
    padding-left:12px;
    padding-right:12px;  
    height:43px;
    line-height:43px;
    text-align:center;
    font-family:'Segoe UI', Arial;
    font-size:13pt;
    display:inline-block;
    cursor:pointer;
    margin-bottom:10px;
}

.ProjectMenuButton {
    float:right;
    margin-left:10px;
    width:100px;
}


.ProjectMenuIconLink:focus {
  outline: none!important;
}

.ManageProjectsLink {
    color:#0097fb; 
    font-size:10pt; 
    font-family:'Segoe UI',Arial; 
    line-height:180%;
}

.ManageProjectsLink:link {
    text-decoration: none;
}

.ManageProjectsLink:hover {
    text-decoration: underline;
}

.HostedButton {
    background-color:cornflowerblue;
    color:white;
    width:175px;
    text-align:center;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-top:6px;
    margin-bottom:6px;
    font-size: 12pt;
    cursor: pointer;
    display: inline-block
}

/*-------Apply these styles when the browser width is over 700px */
@media screen and (min-width: 700px) {
    #divManageProjectsLinks { position:absolute; top:150px; left:30px; }
    #tdsidebar { display:table-cell!important }
}

/*-------Apply these styles when the browser width is under 700px */
@media screen and (max-width: 700px) {
    #divSigninProfile { float:none!important;display:block;text-align:right; margin-bottom:10px; }   /* change to block so that content is not pinched */
}

