/*=========================================================================================================*/
/*===================================== DIALOG ÉS MSG ABLAK ===============================================*/
/*=========================================================================================================*/

#tbDialogBack {
    width: 100%;
    height: 100%;   
    top: 0px;
    left:0px;
    /*z-index: 9999;*/
    position: fixed;
    background-color: black;
    opacity:0.5;
    filter:Alpha(opacity=50); /* IE8 and earlier */
    display: none;
}

/*===================================================================== tbDialogBox ===================================================================*/

.tbDialogBox {
    display: none;
    width: 450px;
    margin:0;
    min-height: 50px;
    font-family: Arial, sans-serif, Helvetica;
	font-size: 9pt;
    font-weight: normal;
    padding: 0px;
    -moz-box-shadow: 0px 0px 25px #404040;   
    -webkit-box-shadow: 0px 0px 25px #404040; 
    box-shadow: 0px 0px 25px #404040;
    position: fixed;
    top:0px;
    /*z-index: 10000;*/
}

.tbDialogBox .title {
    font-family: Arial, sans-serif, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    padding: 6px 0 3px 10px;
    background-color: #0085b6;
    background: -webkit-linear-gradient(#27a4d2 , #0085b6); /* For Safari */
    background: -o-linear-gradient(#27a4d2 , #0085b6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#27a4d2 , #0085b6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#27a4d2 , #0085b6); /* Standard syntax (must be last) */
    margin: 0px;
    color: white;
    cursor: move;
}

.tbDialogBox .tbDialogSzoveg {
    margin: 0px 2px 10px 2px;
}

.tbDialogBox .tbDialogClose {
    float: right;
    margin: 6px 10px 0px 10px;
    padding: 1px 3px 1px 3px;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    transform:scaleX(1.5);
    -ms-transform:scaleX(1.5);
    -webkit-transform:scaleX(1.5);
    -moz-transform:scaleX(1.5);
    background-color: #024563;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tbDialogBox .tbDialogBody {
    padding: 10px;
    background-color: #F0F0F0;
    border-top: none;
    border: 3px solid #0085b6;
    border-bottom: 3px solid #0085b6;
    border-left: 3px solid #0085b6;
    color: black;
}

.tbDialogBox label {
    margin-left: 2px;
    font-weight: bold;
    color: black;
}

.tbDialogBox input {
    margin-bottom: 8px;
    margin-top: 2px;
    width: 98%;
    font-family: Arial, sans-serif, Helvetica;
	font-size: 9pt;
    padding: 2px;
}

.tbDialogBox select {
    margin-bottom: 8px;
    margin-top: 2px;
    font-family: Arial, sans-serif, Helvetica;
	font-size: 9pt;
    padding: 2px;
}

.tbDialogBox textarea {
    font-family: Arial, sans-serif, Helvetica;
	font-size: 9pt;
    padding: 2px;
 }

.tbDialogBox button {
    float: right;
    margin-left: 5px;
    padding: 2px 15px 2px 15px;
    font-size: 9pt;
}

.tbDialogBox fieldset {
    margin-bottom: 8px;
    padding: 10px;
}

.tbDialogBox  .buttonsArea {

}

.tbDialogBox .buttonsArea button {
    float: right;
    margin-left: 10px;
    padding: 4px 15px 4px 15px;
    background-color: #0085b6;
    background: -webkit-linear-gradient(#0a97cb , #016083); /* For Safari */
    background: -o-linear-gradient(#0a97cb , #016083); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0a97cb , #016083); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0a97cb , #016083); /* Standard syntax (must be last) */
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.tbDialogBox .buttonsArea button:hover {
    background: -webkit-linear-gradient(#057ba7 , #024862); /* For Safari */
    background: -o-linear-gradient(#057ba7 , #024862); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#057ba7 , #024862); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#057ba7 , #024862); /* Standard syntax (must be last) */
}

.tbDialogBox table {
    font-size: inherit;
}

/*===================================================================== tbMessageBox ===================================================================*/

#tbMsgBack {
    width: 100%;
    height: 100%;   
    top: 0px;
    left:0px;
    /*z-index: 10099;*/
    position: fixed;
    background-color: black;
    opacity:0.5;
    filter:Alpha(opacity=50); /* IE8 and earlier */
    display: none;
}

.tbMsgBox {
    display: none;
    width: 550px;
    margin:0;
    min-height: 50px;
    font-family: Arial, sans-serif, Helvetica;
	font-size: 9pt;
    font-weight: normal;
    padding: 0px;
    -moz-box-shadow: 0px 0px 25px #404040;   
    -webkit-box-shadow: 0px 0px 25px #404040; 
    box-shadow: 0px 0px 25px #404040;
    position: fixed;
    top:0px;
    /*z-index: 10100;*/
}

.tbMsgBox h1 {
    font-size: 11pt;
    font-weight: bold;
    padding: 6px 0 3px 10px;
    background-color: #0085b6;
    background: -webkit-linear-gradient(#27a4d2 , #0085b6); /* For Safari */
    background: -o-linear-gradient(#27a4d2 , #0085b6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#27a4d2 , #0085b6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#27a4d2 , #0085b6); /* Standard syntax (must be last) */
    margin: 0px;
    color: white;
    cursor: move;
}

.tbMsgBox .tbMsgSzoveg {
    margin-bottom: 10px;
    font-size: 11pt;
}

.tbMsgBox .tbMsgClose {
    float: right;
    margin: 6px 10px 0px 10px;
    padding: 1px 3px 1px 3px;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    transform:scaleX(1.5);
    -ms-transform:scaleX(1.5);
    -webkit-transform:scaleX(1.5);
    -moz-transform:scaleX(1.5);
    background-color: #024563;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.tbMsgBox .tbMsgBody {
    padding: 10px;
    background-color: #F0F0F0;
    border-top: none;
    border: 3px solid #0085b6;
    border-bottom: 3px solid #0085b6;
    border-left: 3px solid #0085b6;
    min-height: 60px;
}

.tbMsgBox .tbMsgBody .tbMsgIcon {
    float: left;
}

.tbMsgBox .buttonsArea {

}

.tbMsgBox .buttonsArea button {
    float: right;
    margin-left: 10px;
    padding: 4px 15px 4px 15px;
    background-color: #0085b6;
    background: -webkit-linear-gradient(#0a97cb , #016083); /* For Safari */
    background: -o-linear-gradient(#0a97cb , #016083); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0a97cb , #016083); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0a97cb , #016083); /* Standard syntax (must be last) */
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.tbMsgBox .buttonsArea button:hover {
    background: -webkit-linear-gradient(#057ba7 , #024862); /* For Safari */
    background: -o-linear-gradient(#057ba7 , #024862); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#057ba7 , #024862); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#057ba7 , #024862); /* Standard syntax (must be last) */
}

/* =============================================== tbWait =================================================== */
/*
#tbWait {
    z-index: 11000;
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: black;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}

#tbWaitCircle {
    z-index: 11001;
    display: none;
    position: fixed;
    width: 256px;
    height: 256px;
    border-left: 15px solid rgba(0,183,229,0.9);
    border-right: 15px solid rgba(0,183,229,0.9);
    border-top: 15px solid rgba(0,0,0,0.2);
    border-bottom: 15px solid rgba(0,0,0,0.2);
    box-shadow: 0 0 20px black, inset -2px -2px 20px black, inset 2px 2px 20px black;
    border-radius: 256px;
    -moz-animation: spinCircle 2s infinite linear;
	-webkit-animation: spinCircle 2s infinite linear;
}

@-moz-keyframes spinCircle {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}

@-webkit-keyframes spinCircle {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
*/


/* =============================================== tbWait =================================================== */


#tbWait {
    position: fixed;
    width: 0;
    height: 0;
    display: none;
}

#tbWaitCircle {
    position: fixed;
    width: 240px;
    height: 240px;

    border-left: 15px solid #164264;
    border-right: 15px solid #164264;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;

    -moz-box-shadow: 0 0 30px 5px white inset;
    -webkit-box-shadow: 0 0 30px 5px white inset;
    -o-box-shadow: 0 0 30px 5px white inset;
    box-shadow: 0 0 30px 5px white inset;

    -moz-border-radius:  240px;
    -webkit-border-radius: 240px;
    -o-border-radius: 240px;
    border-radius: 240px;

    -moz-animation: spinCircle 3s infinite linear;
    -webkit-animation: spinCircle 3s infinite linear;
}

#tbWaitMsg {
    position: fixed;
    width: 180px;
    padding: 10px;
    background-color: #164264;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    /*
    -moz-box-shadow: 0 0 20px #2187e7;
    -webkit-box-shadow: 0 0 20px #2187e7;
    -o-box-shadow: 0 0 20px #2187e7;
    box-shadow: 0 0 20px #2187e7;
    */
    -moz-box-shadow: 0 0 20px white;
    -webkit-box-shadow: 0 0 20px white;
    -o-box-shadow: 0 0 20px white;
    box-shadow: 0 0 20px white;

    -moz-border-radius:  30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

@-moz-keyframes spinCircle {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg);  }
}

@-webkit-keyframes spinCircle {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}