.reload-buttons {
	float: right;
	margin-top: -20px;
}

.forcelinebreak {
	word-wrap: break-word !important;
	white-space: normal !important;
}

.ui-icon-ajaxload {
	background-image:
		url("../images/ajax-loader.gif") ! important;
	background-size: 1.75em 1.75em ! important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-ajaxload {
		background-image:
			url("../images/ajax-loader.gif") ! important;
		background-size: 1.75em 1.75em ! important;
	}
}

.stripes-strokes-list tbody tr:nth-child(odd) {
	color: #111;
	background: rgb(156,156,156);
}

.stripes-strokes-list tbody tr:nth-child(even) {
	background: rgb(59,59,59);
}

.stripes-strokes-list tbody tr.clickable-table:nth-child(odd):HOVER {
	color: #111;
	background: rgb(186,186,186);
	cursor: pointer;
}

.stripes-strokes-list tbody tr.clickable-table:nth-child(even):HOVER {
	background: rgb(89,89,89);
	cursor: pointer;
}

.to-info-table {
	border-collapse: collapse;
}

.to-info-table td {
	padding: 0;
}

.to-info-table th {
	text-align: left;
	padding-right: 10px;
}

.to-info-table .leftmargin {
 	margin-left: 10px; 
}

.highlighted {
	background: rgb(59,59,59);
}

.ui-select div span {
	text-align: start;
}

.version-info {
	font-size: xx-small;
}

/* on small screens make some things smaller*/
@media screen and (max-width: 400px) {
	.to-info-table {
		font-size: small;
	}
	
	.to-info-table th {
		text-align: left;
		padding-right: 0px;
	}
	
	.to-info-table .leftmargin {
	 	margin-left: 0px; 
	}
	
	.line-status {
		font-size: small;
	}
	
	.status-line-label {
		word-break:break-all;
		min-width: 50px;
	}
}

.to-info-table tbody tr {
	vertical-align: top;
}

.stripes-strokes-list tr {
	margin-top: 0px;
	padding-top: 0px;
}

.center-div {
	display: table;
	margin: 0 auto;
}

.horzDiv {
	padding-bottom: 0.7em;
}

.onlyDslSwitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
    text-indent: -5.9em;
}
.onlyDslSwitch.ui-flipswitch .ui-flipswitch-off {
    text-indent: 0.5em;
}
.onlyDslSwitch.ui-flipswitch {
    width: 8.875em;
}
.onlyDslSwitch.ui-flipswitch.ui-flipswitch-active {
    padding-left: 7em;
    width: 1.875em;
}

.to-edit-btt {
	float: left;
 	padding-right: 0.5em;
}

.dialogwidth {
	right: 5%;
	left: 5%;
	width: 90%;
}

/* http://www.colorzilla.com/gradient-editor/ */

.cancelButton {
	background: #d34b5b ! important; /* Old browsers */
	background: -moz-linear-gradient(top, #d34b5b 0%, #971320 50%, #d34b5b 100%) ! important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d34b5b), color-stop(50%,#971320), color-stop(100%,#d34b5b)) ! important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d34b5b 0%,#971320 50%,#d34b5b 100%) ! important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d34b5b 0%,#971320 50%,#d34b5b 100%) ! important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d34b5b 0%,#971320 50%,#d34b5b 100%) ! important; /* IE10+ */
	background: linear-gradient(to bottom, #d34b5b 0%,#971320 50%,#d34b5b 100%) ! important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d34b5b', endColorstr='#d34b5b',GradientType=0 ) ! important; /* IE6-9 */
}

.cancelButton:HOVER {
	background: #e9a7ae ! important; /* Old browsers */
	background: -moz-linear-gradient(top, #e9a7ae 0%, #e63244 50%, #e9a7ae 100%) ! important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9a7ae), color-stop(50%,#e63244), color-stop(100%,#e9a7ae)) ! important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9a7ae 0%,#e63244 50%,#e9a7ae 100%) ! important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9a7ae 0%,#e63244 50%,#e9a7ae 100%) ! important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9a7ae 0%,#e63244 50%,#e9a7ae 100%) ! important; /* IE10+ */
	background: linear-gradient(to bottom, #e9a7ae 0%,#e63244 50%,#e9a7ae 100%) ! important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9a7ae', endColorstr='#e9a7ae',GradientType=0 ) ! important; /* IE6-9 */
}

.okButton {
	background: #62a92b ! important; /* Old browsers */
	background: -moz-linear-gradient(top, #62a92b 0%, #37700e 50%, #62a92b 100%) ! important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62a92b), color-stop(50%,#37700e), color-stop(100%,#62a92b)) ! important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #62a92b 0%,#37700e 50%,#62a92b 100%) ! important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #62a92b 0%,#37700e 50%,#62a92b 100%) ! important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #62a92b 0%,#37700e 50%,#62a92b 100%) ! important; /* IE10+ */
	background: linear-gradient(to bottom, #62a92b 0%,#37700e 50%,#62a92b 100%) ! important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62a92b', endColorstr='#62a92b',GradientType=0 ) ! important; /* IE6-9 */
}

.okButton:HOVER {
	background: #b4e391 ! important; /* Old browsers */
	background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%) ! important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)) ! important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%) ! important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%) ! important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%) ! important; /* IE10+ */
	background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%) ! important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ) ! important; /* IE6-9 */
}

.fullWidthTable {
	width: 100% ! important;
	display: table ! important;
}