﻿/* KEYS V1 */

/*-------------------------- KEY BOX ---------------*/
.SBox_Key_FA_Yellow
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #FFC800;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Yellow
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #FFC800;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Gold
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #E6B400;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Gold
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #E6B400;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Green
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #00A550;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Green
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #00A550;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Blue
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #0078FF;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Blue
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #0078FF;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Pink
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #AA0096;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Pink
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #AA0096;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Red
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #C80000;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Red
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #C80000;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Gray
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #E0E0E0;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #000000;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Gray
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #E0E0E0;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #000000;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SBox_Key_FA_Black
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #000000;
    border-radius: 2px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SBox_Key_EN_Black
{
    width: 130px;
    height: auto;
    padding: 5px 10px 5px 10px;
    border: none;
    background-color: #000000;
    border-radius: 2px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
/*-------------------------- KEY BOX ---------------*/


/*---------------------- KEY ROUND ---------------*/
.SRound_Key_FA_Yellow
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #FFC800;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_Yellow
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #FFC800;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SRound_Key_FA_Green
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #00A550;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_Green
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #00A550;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SRound_Key_FA_Blue
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #0078FF;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_Blue
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #0078FF;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SRound_Key_FA_Red
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #C80000;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_Red
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #C80000;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SRound_Key_FA_Gray
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #E0E0E0;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #000000;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_Gray
{
    width: 100px;
    height: auto;
    padding: 5px 15px 5px 15px;
    border: none;
    background-color: #E0E0E0;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #000000;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
/*---------------------- KEY ROUND ---------------*/


/*---------------------- KEY ROUND INFO ---------------*/
.SRound_Key_FA_Info
{
    width: auto;
    height: auto;
    padding: 4px 7px 4px 7px;
    background-color: #FFFFFF;
    border: solid 1px #00A550;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #999999;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_Info
{
    width: 100px;
    height: auto;
    padding: 4px 7px 4px 7px;
    background-color: #FFFFFF;
    border: solid 1px #00A550;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #999999;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SRound_Key_FA_Info span::after
{
    margin-right: 5px;
    font-family: 'AtrinWebSign1';
    font-size: 20px;
    color: #00A550;
    content: '\E81C';
}
.SRound_Key_EN_Info span::after
{
    margin-left: 5px;
    font-family: 'AtrinWebSign1';
    font-size: 20px;
    color: #00A550;
    content: '\E81C';
}
.SRound_Key_FA_InfoSel
{
    width: auto;
    height: auto;
    padding: 4px 7px 4px 7px;
    background-color: #00A550;
    border: solid 1px #00A550;
    border-radius: 20px;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}
.SRound_Key_EN_InfoSel
{
    width: auto;
    height: auto;
    padding: 4px 7px 4px 7px;
    background-color: #00A550;
    border: solid 1px #00A550;
    border-radius: 20px;
    font-family: 'HelveticaLt';
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.SRound_Key_FA_InfoSel span::after
{
    margin-right: 5px;
    font-family: 'AtrinWebSign1';
    font-size: 20px;
    color: #FFFFFF;
    content: '\E81C';
}
.SRound_Key_EN_InfoSel span::after
{
    margin-left: 5px;
    font-family: 'AtrinWebSign1';
    font-size: 20px;
    color: #FFFFFF;
    content: '\E81C';
}
/*---------------------- KEY ROUND INFO ---------------*/



.KeyDownload
{
    background-image: url('../_Images/Sign-Download.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 0px 0px 33px;
    background-color: #006600;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    -moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.KeyDownload:hover
{
    background-color: #469600;
}
.KeyDownload_Link
{
    background-image: url('../_Images/Sign-Download.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    width: 117px;
    height: 26px;
    padding: 6px 0px 0px 33px;
    background-color: #006600;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 1.0em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
    border-radius: 3px;
    -moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.KeyDownload_Link:hover
{
    background-color: #469600;
}
.SKey_ReCaptcha
{
    position: relative;
    width: 40px;
    height: 35px;
    border: none;
    background-color: #E0E0E0;
    border-radius: 2px;
    border: solid 1px #0078FF;
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    color: #0078FF;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    direction: rtl;
    cursor: pointer;
}




.SPanel_OKCancel_Keys
{
    float: right;
    width: 250px;
    height: auto;
    margin-bottom:20px;
    text-align: center;
}
@media screen and (min-width:0px) and (max-width:600px)
{
    .SPanel_OKCancel_Keys
    {
        float: none;
        width: 100%;
        clear: both;
    }
}