.group
{
	float:left;
	margin:0px 20px 23px 0px; /*23px för att få samma höjd som LabelTextBox.*/
}

.group .label
{
    width:150px;
}

.largeGroup
{
	margin:0px 10px 0px 0px; 
}

.container
{
	float:left;
	margin-top:20px;
}

.uppercase
{
	text-transform: uppercase;
}

.lowercase
{
	text-transform:lowercase;
}

.invisible
{
	display:none;
	visibility:hidden;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.columnRight
{
    text-align:right;
}

.columnRight > input
{
    text-align:right;
}

.columnCenter
{
    text-align:center;
}

.disabled
{
    cursor:default;
}

*:focus{
    outline:none;
    box-shadow:none;
    /*box-shadow: 0 0 2px #f1ca7f;*/
}

input[type="text"]:focus, input[type="password"]:focus{
    border:1px solid #c7a158;
    box-shadow: 0 0 2px #f1ca7f;
}

input[type="checkbox"]:focus, input[type="radio"]:focus{
    outline:1px solid #c7a158;
}

.htmlToolTip {
    position: fixed;
    z-index:99999;
    top: 0;
    left: 0;
    border: 1px solid;
    background: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10);
    padding:10px;
}

    .htmlToolTip .toolTipHeader {
    }

    .htmlToolTip .toolTipText {
    }

    .htmlToolTip .toolTipImage {
    }

    .showKey{
        position:fixed;
        width:20px;
        height:20px;
        background:hsl(246,38%,50%);
        border-radius:2px;
        text-align:center;
    }

        .showKey > span {
            display:block;
            margin-top:1px;
            font-size:12px;
            font-weight:bold;
            color:#fff;
        }