/*
web browser based configuration for Tx3/TL1 inverters
CSS for the parameter input masks
*/

table.maskTable th { 
    padding: 3px;
    height: 30px;
}

table.maskTable td { 
    padding: 3px;
    height: 30px;
}

table.maskTable { 
    border-width: 0;
}

input[disabled] { 
    background: #E7E7E7; 
    color:black;
}

input[readonly] { 
    background: #E7E7E7; 
    color:black;
    border: 1px solid #808080 
}

.maskTable{
    table-layout:fixed;
	background-color:#FFFFFF;
	border-collapse:collapse;
	color:#000000;
	width:560px;
}

.maskHead{
    font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
    text-align:left;
}

.rowGray{
    background-color:#E0E0E0;
}

.paraText{
    font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
    text-align:left;
}

.paraVal{
    font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
    text-align:right;
}

.btnCenter{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
    text-align:center;
}

.cbLabel{
    padding:3px;
    font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
    display:none;
}

.resultLabel{
    padding:3px;
    font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
    color:blue;
}

.maskUnitLabel{
    margin:3px;
	padding:0px;
    width:44px;
	display:inline-block;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
}

.maskHeadLabel{
    margin:3px;
	padding:0px;
    width:130px;
	display:inline-block;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
}

.maskSwVersLabel{
    padding:0px;
    width:130px;
	display:inline-block;
	text-align:left;
    white-space: pre;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}

.maskButton{
    margin:1px;
    padding:1px;
    background: url(btn_ex.jpg) top left no-repeat;
    border:none;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:  3px;
    text-align: center;
    color: rgba(255,255,255,1);
}

.maskButton[disabled]{
    color:gray;
}

.maskCtrlButton{
    margin:2px;
    padding:1px;
    padding-right:5px;
    padding-left:5px;
    background: url(btn_ex.jpg) top left no-repeat;
    border:none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:  3px;
    text-align: center;
    color: rgba(255,255,255,1);
}

.maskCheckbox{
    margin:2px;
    margin-top:10px;
    padding:0px;
    background: #fff;
    border: 1px solid #2e2e2e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:  2px;
    text-align: center;
}

.maskBox{
    box-shadow: none;
    padding: 2px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
}

.maskSelectBox{
    box-shadow: none;
    padding: 2px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: darkgray;
}

.tooltip{
    overflow: hidden;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    margin:8px;
    padding:8px;
    background-image: linear-gradient(to top, #6283A4 0%, #043871 100%);
    background-image: -webkit-linear-gradient(top left, #6283A4 0%, #043871 100%); 
    background-image: -moz-linear-gradient(right bottom, #6283A4 0%, #043871 100%); 
    background-image: -o-linear-gradient( #6283A4 0%, #043871 100%); 
    background-image: linear-gradient( #6283A4 0%, #043871 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#6283A4', EndColorStr='#043871'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6283A4', EndColorStr='#043871')"; /* IE8 */
    color: #F0F0F0;
    border:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
}

.dlgButton{
    margin:2px;
    margin-right: 30px;
    margin-left: 30px;
    padding:2px;
    padding-right:10px;
    padding-left:10px;
    background: url(btn_ex.jpg) top left no-repeat;
    border:none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:  3px;
    text-align: center;
    color: rgba(255,255,255,1);
}

.dlgButton:hover, button:focus{
    color:yellow;
}