/* -- BUTTONS -- */
.button-container {text-align: center;}
.button {
    border-radius: 50px; 
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px; 
    border: 1px solid #999999; 
    cursor: pointer; 
    text-transform: uppercase;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 6px rgba(0,0,0,0.3);
}
.button.disabled {opacity:0.4;}
.button.small {font-size: 11px; font-weight: bold; line-height: 21px; height: 22px; padding: 0 10px;}
.button.medium {font-size: 16px; font-weight: bold; line-height: 32px; height: 33px; padding: 0 20px;}
.button.large {font-size: 22px; font-weight: bold; line-height: 48px; height: 49px; padding: 0 30px;}

.button.blue {
    background: #01418c; /* Old browsers */
    /* background gradient for cross-browser compatibility */
    background:  -moz-linear-gradient(top, #2194e7 0%, #01418c 100%); /* FF3.6+ */
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2194e7), color-stop(100%, #01418c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2194e7 0%, #01418c 100%); /* Chrome10+,Safari5.1+ */
    background-image:  -ms-linear-gradient(top, #2194e7 0%, #01418c 100%); /* IE10+ */
    background: -o-linear-gradient(top, #2194e7 0%, #01418c 100%); /* Opera11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2194e7', endColorstr='#01418c', GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #2194e7 0%,#01418c 100%); /* W3C */
	border:1px solid #01418c;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    overflow: hidden;
}
.button.blue:hover {
    background: #369ee8; /* Old browsers */
    /* background gradient for cross-browser compatibility */
    background:  -moz-linear-gradient(top, #369ee8 0%, #01418c 100%); /* FF3.6+ */
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, #369ee8), color-stop(100%, #01418c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #369ee8 0%, #01418c 100%); /* Chrome10+,Safari5.1+ */
    background-image:  -ms-linear-gradient(top, #369ee8 0%, #01418c 100%); /* IE10+ */
    background: -o-linear-gradient(top, #369ee8 0%, #01418c 100%); /* Opera11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369ee8', endColorstr='#01418c', GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #369ee8 0%,#01418c 100%); /* W3C */
	border:1px solid #1a5497;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    overflow: hidden;
}
.button.blue:active {
	border:1px solid #01418c;
	background: #01418c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2194e7, endColorstr=#01418c, GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.3);
    overflow: hidden;
}

.button.green {
	border:1px solid #157300;
	background: #00d60b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00d60b, endColorstr=#157300, GradientType=0);
	background: -moz-linear-gradient(top, #00d60b 0%, #157300 100%);
	background: -o-linear-gradient(top, #00d60b 0%, #157300 100%);
	background: -webkit-linear-gradient(top, #00d60b 0%, #157300 100%);
	background: linear-gradient(to bottom, #00d60b 0%, #157300 100%);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 6px rgba(0,0,0,0.3);
}
.button.green:hover {
	border:1px solid #157300;
	background: #10eb1b;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10eb1b, endColorstr=#157300, GradientType=0);
	background: -moz-linear-gradient(top, #10eb1b 0%, #157300 100%);
	background: -o-linear-gradient(top, #10eb1b 0%, #157300 100%);
	background: -webkit-linear-gradient(top, #10eb1b 0%, #157300 100%);
	background: linear-gradient(to bottom, #10eb1b 0%, #157300 100%);
}
.button.green:active {
	border:1px solid #157300;
	background: #157300;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.3), 0 1px 6px rgba(0,0,0,0.3);
}

.button.grey {
	border:1px solid #999999;
	background: #d8d8d8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#d8d8d8, GradientType=0);
	background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #d8d8d8 100%);
	color: #212121;
	text-shadow: 0 1px 0 #fff;
}
.button.grey:hover {
	border:1px solid #999999;
	background: #d8d8d8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e4e4e4, GradientType=0);
	background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e4e4e4 100%);
}
.button.grey:active {
	border:1px solid #999999;
	background: #d8d8d8;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 6px rgba(0,0,0,0.3);
}

.button.plain,
.button.plain:hover,
.button.plain:active,
.button.plain:visited {background:none; border:none;-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow: none;}
.button.plain:hover {color:#0070AB;}

.button.disabled {opacity:0.5;}

button {
	font-size:12px;
	border:none;
	background:none;
}

button:hover {
	cursor:pointer;
}

/* COMMON */

#BU_page,
#BU_page * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#BU_icon {
	width:222px;
	height:181px;
	margin:32px 0 0 -27px;
	float:left;
	vertical-align:top;
	background: url(/images/remoteDesktop_icon.png) no-repeat;
}

#BU_content {
	vertical-align:top;
	padding:54px 0 0 0;
	position:relative;
	float: left;
	width: 679px;
}

#BU_page {
	width:958px;
	padding:0 30px 10px 30px;
	background:#f1f5ee;
	overflow:auto;
	height: 575px
}

#BU_output {
	margin-top:22px;
	background:#FFF;
	border:1px solid #e2e6df;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	padding:10px;
	clear:left;
}

#BU_output table { border-collapse:collapse; border-spacing:0 !important; }

#BU_page .BU_table button {
	padding:0 10px;
}

#BU_page .BU_table button.plain {
	padding:0 10px;
}

#BU_page #BU_content > h1 {
	color:#333;
	font-weight:bold;
	font-size:24px;
	margin:0 0 15px 0;
    line-height: 24px;
}

#BU_page .BU_table {width:100%; border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}
#BU_page .BU_table th,
#BU_page .BU_table td {
	text-align: left;
	padding-left: 14px;
}

#BU_page .BU_table th {
	background: #999999;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#BU_page .BU_table th.th-existing {}
#BU_page .BU_table th.th-connection {width:220px;}

#BU_page .BU_table td {
	line-height: 50px;
	border-bottom:1px solid #cfcfcf;
	margin:0;
	padding:0 0 0 14px;
	border-spacing:0;
	vertical-align: middle;
	position: relative;
}

#BU_page .BU_table tr td:first-child {font-weight: bold;}