﻿.middle {width:100%; margin:0 0 10px 0; float:left;}
.col1 {width:30%;  float:left;}
.col2 {width:70%; float:left;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.popup-general-message {max-width:500px; font-size:12px; font-weight:bold; text-shadow:1px 1px 0 #FFFFFF; color:#000000; padding:9px 30px 9px 45px; border-radius:0 0 10px 10px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.8), 2px 1px 2px rgba(0, 0, 0, 0.3) inset; position:fixed; top:-1000px; left:32%; z-index:100000;}
.popup-general-message {background:#eeeeee; background:-webkit-linear-gradient(top, #FFFFFF 30%, #D7D7D7); background:-ms-linear-gradient(top, #FFFFFF 30%, #D7D7D7); background:linear-gradient(to bottom, #FFFFFF 30%, #D7D7D7);}
.popup-general-message.client-error {border-left:5px solid #C50000; border-right:5px solid #C50000; border-bottom:3px solid #C50000;}
.popup-general-message.client-warning {border-left:5px solid #FFB523; border-right:5px solid #FFB523; border-bottom:3px solid #FFB523;}
.popup-general-message.client-success {border-left:5px solid #3FA412; border-right:5px solid #3FA412; border-bottom:3px solid #3FA412;}
.popup-general-message:before {content:""; background-image:url(../Content/images/warning_icons.png); background-repeat:no-repeat; width:22px; height:18px; position:absolute; top:50%; left:14px; margin:-12px 0 0 0;}
.popup-general-message.client-error:before {background-position:0 0;}
.popup-general-message.client-warning:before {background-position:0 -22px;} 
.popup-general-message.client-success:before {background-position:0 -44px; height:16px; margin:-10px 0 0 0;}
.popup-general-message a.close {background:url(../Content/images/warning_icons.png) no-repeat 0 -61px; width:13px; height:13px; position:absolute; top:5px; right:5px; opacity:0.8;}
.popup-general-message a.close {opacity:1;}

/*---------------mini buttons*/
.mini-button {width:12px; height:12px; display:inline-block; margin:0 0 0 5px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; cursor:pointer;}
.mini-button:hover {opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.mini-button.create {background-position:-200px -12px;}
.mini-button.edit {background-position:-200px 0;}
.mini-button.del {background-position:-212px 0;}
.mini-button.refresh {background-position:-224px 0; width:14px; height:16px;}
.mini-button.download {background-position:-238px 0; width:12px; height:12px;}
.mini-button.view {background-position:-224px -15px; width:16px; height:12px;}
.mini-button.run {background-position:-240px -14px; width:10px; height:13px;}
.mini-button.clean {background-position:-251px 0; width:13px; height:12px;}
.mini-button.black.edit {background:url(../Content/images/mini_buttons_black.png) no-repeat 0 0;}
.mini-button.black.del {background:url(../Content/images/mini_buttons_black.png) no-repeat -12px 0;}
.mini-button.black.add {background:url(../Content/images/mini_buttons_black.png) no-repeat -24px 0;}
.hidden {display:none;}

.fs-panel {width:100%; padding:20px 0 0 0; float:left;}
.fs-panel span {padding:0 5px 1px 0; position:absolute; top:12px; font-size:10px; font-weight:bold; text-transform:uppercase; left:0;}
.fs-panel div {margin:0 3px 0 0; float:left;}
.fs-panel input {border:0; font-size:11px; width:80px; height:18px; line-height:18px; padding:0 5px; border-radius:3px 0 0 3px; float:left;}
.fs-panel label[for=showPtns] { float:right; margin-right: 8px;}
.fs-panel label[for=showPtns] input#showPtns { margin-right: 2px; width: auto;background: none;}
.fs-panel .button {width:24px; height:18px; border-radius:0 3px 3px 0; text-decoration:none; opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; margin:0 8px 0 2px; position:relative; float:left;}
.fs-panel .button:after {content:""; background-position:-285px -120px; width:12px; height:12px; position:absolute; top:3px; left:6px;}
.fs-panel a:hover.button, #removeHightlightTrackBtn:hover {opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; text-decoration:none;}
.fs-panel .maxmin {font-size:11px; text-decoration:underline; position:relative; margin:1px 5px 0 5px; float:left;}
.fs-panel a:hover.maxmin {text-decoration:none;}