/*
  <copyright file="RDP.css" company="Microsoft">
    Copyright (C) Microsoft. All rights reserved.
  </copyright>
*/

html, body, form {
    min-width: 900px;
    overflow-x: auto;
}

.ComputerPickerHeader {
    font-size: 14px;
    font-weight: bold;
}

.ContainerTableHeader 
{
    width: 100%;
}

.ComputerList
{
	list-style-type: none;
	padding-left: 0px; /* FF */
	margin-left: 0px; /* IE */
    -webkit-margin-before: 0;
}
.ComputerList ContainerTable
{
	border: 0px;
	padding: 0px;
	margin: 0px;
    width: 100%;
}

.ComputerNameColumn, 
.ComputerOSColumn, 
.StatusColumn
{
    float: left;
    display: inline-block;
    height: 30px;
}

.ComputerNameColumn > div,
.ComputerOSColumn > div,
.StatusColumn > div,
.DescriptionColumn > div {
    padding-left: 15px;
}
.OptionButton
{
    cursor:pointer;
    padding: 0 10px;
}

.ComputerNameColumn
{
	width: 15%;
}
.ComputerDisplayName
{
    vertical-align: middle;
    line-height:1.375em;
}

.ComputerOSColumn
{
	width: 20%;
}
.ComputerOS
{
    vertical-align: middle;
}

.StatusColumn
{
	width: 15%;
}
.ComputerStatus
{
    vertical-align: middle;
}

.DescriptionColumn
{
}
.ComputerDescription
{
    vertical-align: middle;
}

.ComputerNameSorting > span, .ComputerOSSorting > span, .ComputerStatusSorting > span, .ComputerDescriptionSorting > span
{
    vertical-align: middle;
}
.ComputerNameSorting, .ComputerOSSorting, .ComputerStatusSorting, .ComputerDescriptionSorting 
{
    display: block;
    padding-right: 20px;
}

.ComputerPickerWrapper a
{
	color: #444444;
}

.ComputerPickerRow:hover
{
	cursor: pointer;
	background-color: #F0F0F0;
}

.ComputerDisplayName
{
	vertical-align: middle;
}

.ComputerPickerWrapper
{
    margin: 0px 10px;
	clear: both;
}

.ComputerStatusImage
{
	vertical-align: middle;
}

.ComputerNameImage
{
	width: 16px;
	height:16px;
	vertical-align: middle;
}

.OptionDialog
{
    width: 450px;
    margin-left: -225px;
}
.OptionDialog .remote-access-taskdialog-content
{
    width: 448px;
}

.DisplayArea div.ListArea
{
    margin: 0 0 8px 0;
    padding: 0px;
}

.DisplayArea
{
    margin: 16px 16px 13px 16px;
}

.ConfirmDialogCheckBox 
{
	color: #444;
	margin: 30px 0px 0px 0px;
}
.ConfirmDialogCheckBox input
{
	vertical-align: middle;
}

.ConnectionSpeed, .Resolution {
    margin: 0;
}

div.RdpOptionLabel {
    margin-top: 10px;
}

.has-left-separator {
    border-left: 1px solid #efebef;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.checkbox-container {
    float: left;
    display: inline-block;
}

.label-container {
    padding-left: 20px;
}

.CheckboxArea {
    margin-left: -3px;
}
.CheckboxArea > div {
    margin: 10px 0;
    line-height: 18px;
}

.header-followed-by-icon {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px;
    max-width: 100%;
}
.SortingImage
{
	width: 10px;
	height: 10px;
	border: none 0px;
	vertical-align: middle;
    display: inline;
    margin-left: -20px;
}
#MsRdpClient {
    display: none;
}