/* BidMail Share Styles */

/* Fonts --------------------------------------------- */
@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../font/opensans-light-300.eot);
    src: url('../font/opensans-light-300.eot?#iefix') format('embedded-opentype'), url('../font/opensans-light-300.woff') format('woff'), url('../font/opensans-light-300.ttf') format('truetype');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../font/opensans-regular-400.eot);
    src: url('../font/opensans-regular-400.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular-400.woff') format('woff'), url('../font/opensans-regular-400.ttf') format('truetype');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../font/opensans-semibold-600.eot);
    src: url('../font/opensans-semibold-600.eot?#iefix') format('embedded-opentype'), url('../font/opensans-semibold-600.woff') format('woff'), url('../font/opensans-semibold-600.ttf') format('truetype');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../font/opensans-bold-700.eot);
    src: url('../font/opensans-bold-700.eot?#iefix') format('embedded-opentype'), url('../font/opensans-bold-700.woff') format('woff'), url('../font/opensans-bold-700.ttf') format('truetype');
}

@font-face
{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url(../font/opensans-extrabold-800.eot);
    src: url('../font/opensans-extrabold-800.eot?#iefix') format('embedded-opentype'), url('../font/opensans-extrabold-800.woff') format('woff'), url('../font/opensans-extrabold-800.ttf') format('truetype');
}

/* Global Styles ------------------------------------- */
body
{
    color: #666;
}

body, textarea, input, button, a, h1, h2, h3, h4, h5, h6
{
    font-family: Helvetica, 'Open Sans';
}

/* Distribution -------------------------------------- */
.center
{
    margin-left: auto;
    margin-right: auto;
}

.full-screen
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.seadragon-fullscreen
{
    height: 100% !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}

/* Aparience ----------------------------------------- */
.opacity7:hover
{
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.opacity6:hover
{
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

/* Gradient ------------------------------------------ */
.bg-gray1
{
    background: -moz-linear-gradient(top, #5E5E5E 0%, #585858 31%, #565656 70%, #4C4C4C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5E5E5E), color-stop(31%,#585858), color-stop(70%,#565656), color-stop(100%,#4C4C4C));
    background: -webkit-linear-gradient(top, #5E5E5E 0%,#585858 31%,#565656 70%,#4C4C4C 100%);
    background: -o-linear-gradient(top, #5E5E5E 0%,#585858 31%,#565656 70%,#4C4C4C 100%);
    background: -ms-linear-gradient(top, #5E5E5E 0%,#585858 31%,#565656 70%,#4C4C4C 100%);
    background: linear-gradient(to bottom, #5E5E5E 0%,#585858 31%,#565656 70%,#4C4C4C 100%);
}

.bg-gray2
{
    background: -moz-linear-gradient(top, #F2F2F2 0%, #EBEBEB 51%, #E4E4E4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(51%,#EBEBEB), color-stop(100%,#E4E4E4));
    background: -webkit-linear-gradient(top, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
    background: -o-linear-gradient(top, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
    background: -ms-linear-gradient(top, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
    background: linear-gradient(to bottom, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
}

.bg-gray3, .bg-gray3-red1, .bg-gray3-green1, .bg-gray3-yellow1
{
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F9F9F9 50%, #F2F2F2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F9F9F9), color-stop(100%,#F2F2F2));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F9F9F9 50%,#F2F2F2 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#F9F9F9 50%,#F2F2F2 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#F9F9F9 50%,#F2F2F2 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#F9F9F9 50%,#F2F2F2 100%);
}

.bg-green1
{
    background: -moz-linear-gradient(top, #00cc20 0%, #00b500 50%, #009f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cc20), color-stop(50%,#00b500), color-stop(100%,#009f00));
    background: -webkit-linear-gradient(top, #00cc20 0%,#00b500 50%,#009f00 100%);
    background: -o-linear-gradient(top, #00cc20 0%,#00b500 50%,#009f00 100%);
    background: -ms-linear-gradient(top, #00cc20 0%,#00b500 50%,#009f00 100%);
    background: linear-gradient(to bottom, #00cc20 0%,#00b500 50%,#009f00 100%);
}

.bg-blue1
{
    background: #0098FF;
    background: -moz-linear-gradient(top, #0098FF 0%, #0081FF 51%, #0067FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098FF), color-stop(51%,#0081FF), color-stop(100%,#0067FF));
    background: -webkit-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
    background: -o-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
    background: -ms-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
    background: linear-gradient(to bottom, #0098FF 0%,#0081FF 51%,#0067FF 100%);
}

.bg-red1
{
    background: -moz-linear-gradient(top, #FF6464 0%, #FF3E38 50%, #FE2601 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6464), color-stop(50%,#FF3E38), color-stop(100%,#FE2601));
    background: -webkit-linear-gradient(top, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
    background: -o-linear-gradient(top, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
    background: -ms-linear-gradient(top, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
    background: linear-gradient(to bottom, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
}

.bg-yellow1
{
    background: -moz-linear-gradient(top, #f8cc6d 0%, #ffb326 50%, #f7a508 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8cc6d), color-stop(50%,#ffb326), color-stop(100%,#f7a508));
    background: -webkit-linear-gradient(top, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
    background: -o-linear-gradient(top, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
    background: -ms-linear-gradient(top, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
    background: linear-gradient(to bottom, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
}

/* Background ---------------------------------------- */
.bg-gray-F2F2F2
{
    background-color: #F2F2F2;
}

.bg-blue-09F
{
    background-color: #09F;
}

.bg-gray-666 {
   background-color: #666666;
}

/* Color --------------------------------------------- */
.blue-09F
{
    color: #09F;
}

.blue-06F
{
    color: #06F;
}

.gray-666
{
    color: #666;
}

.gray-787878
{
    color: #787878;
}

.gray-B8B8B8
{
    color: #B8B8B8;
}

.gray-ABABAB
{
    color: #ABABAB;
}

.gray-F2F2F2
{
    color: #F2F2F2;
}

.gray-828282
{
    color: #828282;
}

.gray-999999
{
    color: #999999;
}


.black-333
{
    color: #333;
}




/* Border -------------------------------------------- */
.border-F2F2F2
{
    border-color: #F2F2F2;
}

.border-CCC
{
    border-color: #CCC;
}

.border-C9C9C9 {
   border-color: #C9C9C9;
}

/* Tags ---------------------------------------------- */
input[type=text]::-ms-clear,
input[type=password]::-ms-reveal
{
    display: none;
}

button
{
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    outline-width: 0;
}

    button.bg-gray2
    {
        color: #4C4C4C;
    }

    button.bg-gray3, button.bg-gray3-red1, button.bg-gray3-green1, button.bg-gray3-yellow1
    {
        color: #787878;
    }

    button.bg-blue1,
    button.bg-red1,
    button.bg-green1,
    button.bg-yellow1
    {
        color: white;
    }

.mdzr-borderradius.mdzr-cssgradients button
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .mdzr-borderradius.mdzr-cssgradients button:hover
    {
        border-color: #777;
    }

.mdzr-no-borderradius.mdzr-cssgradients button,
.mdzr-borderradius.mdzr-no-cssgradients button,
.mdzr-no-borderradius.mdzr-no-cssgradients button
{
    border-width: 0;
    background-position: center center;
    background-repeat: no-repeat;
}

    .mdzr-no-borderradius.mdzr-cssgradients button:hover,
    .mdzr-borderradius.mdzr-no-cssgradients button:hover,
    .mdzr-no-borderradius.mdzr-no-cssgradients button:hover
    {
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-gray2.size-109x49,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-gray2.size-109x49,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-gray2.size-109x49
    {
        background-image: url(../image/button/gray2-109x49.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-gray2.size-62x22,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-gray2.size-62x22,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-gray2.size-62x22
    {
        background-image: url(../image/button/gray2-62x22.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-gray3.size-56x30,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-gray3.size-56x30,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-gray3.size-56x30,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-gray3-red1.size-56x30,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-gray3-green1.size-56x30,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-gray3-yellow1.size-56x30
    {
        background-image: url(../image/button/gray3-56x30.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-blue1.size-109x49,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-blue1.size-109x49,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-blue1.size-109x49
    {
        background-image: url(../image/button/blue1-109x49.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-blue1.size-109x58,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-blue1.size-109x58,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-blue1.size-109x58
    {
        background-image: url(../image/button/blue1-109x58.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-blue1.size-156x49,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-blue1.size-156x49,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-blue1.size-156x49
    {
        background-image: url(../image/button/blue1-156x49.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-blue1.size-160x35,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-blue1.size-160x35,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-blue1.size-160x35
    {
        background-image: url(../image/button/blue1-160x35.png);
    }

    .mdzr-no-borderradius.mdzr-cssgradients button.bg-red1.size-109x49,
    .mdzr-borderradius.mdzr-no-cssgradients button.bg-red1.size-109x49,
    .mdzr-no-borderradius.mdzr-no-cssgradients button.bg-red1.size-109x49
    {
        background-image: url(../image/button/red1-109x49.png);
    }

.mdzr-borderradius.mdzr-cssgradients button.bg-gray2:hover
{
    background: #E4E4E4;
}

.mdzr-borderradius.mdzr-cssgradients button.bg-gray3:hover
{
    background: #F2F2F2;
}

.mdzr-borderradius.mdzr-cssgradients button.bg-gray3-red1:hover
{
    color: white;
    background: -moz-linear-gradient(top, #FF6464 0%, #FF3E38 50%, #FE2601 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6464), color-stop(50%,#FF3E38), color-stop(100%,#FE2601));
    background: -webkit-linear-gradient(top, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
    background: -o-linear-gradient(top, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
    background: -ms-linear-gradient(top, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
    background: linear-gradient(to bottom, #FF6464 0%,#FF3E38 50%,#FE2601 100%);
}

.mdzr-borderradius.mdzr-cssgradients button.bg-gray3-green1:hover
{
    color: white;
    background: -moz-linear-gradient(top, #00cc20 0%, #00b500 50%, #009f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cc20), color-stop(50%,#00b500), color-stop(100%,#009f00));
    background: -webkit-linear-gradient(top, #00cc20 0%,#00b500 50%,#009f00 100%);
    background: -o-linear-gradient(top, #00cc20 0%,#00b500 50%,#009f00 100%);
    background: -ms-linear-gradient(top, #00cc20 0%,#00b500 50%,#009f00 100%);
    background: linear-gradient(to bottom, #00cc20 0%,#00b500 50%,#009f00 100%);
}

.mdzr-borderradius.mdzr-cssgradients button.bg-gray3-yellow1:hover
{
    color: white;
    background: -moz-linear-gradient(top, #f8cc6d 0%, #ffb326 50%, #f7a508 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8cc6d), color-stop(50%,#ffb326), color-stop(100%,#f7a508));
    background: -webkit-linear-gradient(top, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
    background: -o-linear-gradient(top, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
    background: -ms-linear-gradient(top, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
    background: linear-gradient(to bottom, #f8cc6d 0%,#ffb326 50%,#f7a508 100%);
}

.mdzr-borderradius.mdzr-cssgradients button.bg-blue1:hover
{
    background: #0067FF;
}

.mdzr-borderradius.mdzr-cssgradients button.bg-red1:hover
{
    background: #FE2601;
}

.button-login {
   color: white;
   width: 220px;
   height: 25px;
   cursor: pointer;
   text-align: center;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;

   background: -ms-linear-gradient(top, #0091fb 0%,#0091fb 51%,#0067ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091fb), color-stop(51%,#0091fb), color-stop(100%,#0067ff));
   background: -webkit-linear-gradient(#0091fb, #0067ff);
   background: -moz-linear-gradient(#0091fb, #0067ff);
   background: -o-linear-gradient(#0091fb, #0067ff);
   background: linear-gradient(#0091fb, #0067ff);
}

.mdzr-no-borderradius.mdzr-cssgradients button.button-login,
.mdzr-borderradius.mdzr-no-cssgradients button.button-login,
.mdzr-no-borderradius.mdzr-no-cssgradients button.button-login {
   background-image: url(../image/login/buttons/btn-login.png);
}

.button-done {
   color: white;
   cursor: pointer;
   text-align: center;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;

   background: -ms-linear-gradient(top, #0091fb 0%,#0091fb 51%,#0067ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091fb), color-stop(51%,#0091fb), color-stop(100%,#0067ff));
   background: -webkit-linear-gradient(#0091fb, #0067ff);
   background: -moz-linear-gradient(#0091fb, #0067ff);
   background: -o-linear-gradient(#0091fb, #0067ff);
   background: linear-gradient(#0091fb, #0067ff);
}

.mdzr-no-borderradius.mdzr-cssgradients button.button-done,
.mdzr-borderradius.mdzr-no-cssgradients button.button-done,
.mdzr-no-borderradius.mdzr-no-cssgradients button.button-done {
   background-image: url(../image/login/buttons/btn-done.png);
}

.button-continue {
   color: white;
   cursor: pointer;
   text-align: center;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;

   background: -ms-linear-gradient(top, #0091fb 0%,#0091fb 51%,#0067ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091fb), color-stop(51%,#0091fb), color-stop(100%,#0067ff));
   background: -webkit-linear-gradient(#0091fb, #0067ff);
   background: -moz-linear-gradient(#0091fb, #0067ff);
   background: -o-linear-gradient(#0091fb, #0067ff);
   background: linear-gradient(#0091fb, #0067ff);
}

.mdzr-no-borderradius.mdzr-cssgradients button.button-continue,
.mdzr-borderradius.mdzr-no-cssgradients button.button-continue,
.mdzr-no-borderradius.mdzr-no-cssgradients button.button-continue {
   background-image: url(../image/login/buttons/btn-continue.png);
}

.button-back {
   color: #4C4C4C;
   cursor: pointer;
   text-align: center;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;

   background: -moz-linear-gradient(top, #F2F2F2 0%, #EBEBEB 51%, #E4E4E4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(51%,#EBEBEB), color-stop(100%,#E4E4E4));
   background: -webkit-linear-gradient(top, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
   background: -o-linear-gradient(top, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
   background: -ms-linear-gradient(top, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
   background: linear-gradient(to bottom, #F2F2F2 0%,#EBEBEB 51%,#E4E4E4 100%);
}

.mdzr-no-borderradius.mdzr-cssgradients button.button-back,
.mdzr-borderradius.mdzr-no-cssgradients button.button-back,
.mdzr-no-borderradius.mdzr-no-cssgradients button.button-back {
   background-image: url(../image/login/buttons/btn-back.png);
}

/* General ------------------------------------------- */
.min-width
{
    min-width: 1024px;
}

.min-height
{
    min-height: 200px;
}

.size-109x49,
.size-125x49,
.size-171x49,
.size-156x49
{
    height: 49px;
}

.size-56x30
{
    height: 30px;
    width: 56px;
}

.size-62x22
{
    height: 22px;
    width: 62px;
}

.size-109x49,
.size-109x58
{
    width: 109px;
}

.size-109x58
{
    height: 58px;
}

.size-125x49
{
    width: 125px;
}

.size-171x49
{
    width: 171px;
}

.size-156x49
{
    width: 156px;
}

.size-160x35
{
    height: 35px;
    width: 160px;
}

/* Grid with Floating Label -------------------------- */
.grid td
{
    border-color: #E4E4E4;
    border-style: solid;
    border-width: 1px;
}

    .grid td .floating
    {
        min-height: 39px;
        position: relative;
    }

        .grid td .floating.js-selected
        {
            outline-color: #0098FF;
            outline-style: solid;
            outline-width: 1px;
            z-index: 1;
        }

        .grid td .floating.js-error
        {
            outline-color: red;
            outline-style: solid;
            outline-width: 1px;
        }

        .grid td .floating label
        {
            display: none;
            font-size: 9px;
            position: absolute;
            top: 4px;
            z-index: 1;
        }

        .grid td .floating.enable label
        {
            color: #CCC;
            display: block;
        }

        .grid td .floating.js-selected label
        {
            color: #0098FF;
            display: block;
        }

        .grid td .floating label,
        .grid td .floating input,
        .grid td .floating textarea
        {
            margin-left: 2%;
            margin-right: 2%;
            width: 96%;
        }

        .grid td .floating.mid label,
        .grid td .floating.mid input,
        .grid td .floating.mid textarea
        {
            margin-left: 4%;
            margin-right: 4%;
            width: 92%;
        }

        .grid td .floating.quart label,
        .grid td .floating.quart input,
        .grid td .floating.quart textarea
        {
            margin-left: 8%;
            margin-right: 8%;
            width: 84%;
        }

        .grid td .floating.eight label,
        .grid td .floating.eight input,
        .grid td .floating.eight textarea
        {
            margin-left: 16%;
            margin-right: 16%;
            width: 68%;
        }

        .grid td .floating input
        {
            color: #555;
            margin-top: 20px;
        }

        .grid td .floating textarea
        {
            margin-top: 20px;
        }

/* Dropdown List ------------------------------------- */
.dropdown
{
    min-width: 50px;
}

    .dropdown .content
    {
        cursor: pointer;
        min-height: 26px;
    }

        .dropdown .content span
        {
            margin-top: 8px;
        }

            .dropdown .content span:hover,
            .dropdown .content img:hover
            {
                -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
                filter: alpha(opacity=70);
                -khtml-opacity: 0.7;
                -moz-opacity: 0.7;
                opacity: 0.7;
            }

    .dropdown .list
    {
        border-color: #F2F2F2;
        border-style: solid;
        border-width: 1px;
        display: none;
        /*top: 34px;*/
        min-width: 100%;
        z-index: 2;
        -moz-box-shadow: 3px 4px 2px -1px #666;
        -webkit-box-shadow: 3px 4px 2px -1px #666;
        box-shadow: 3px 4px 2px -1px #666;
    }

.mdzr-no-boxshadow .dropdown .list
{
    border-color: #666;
    border-style: solid;
    border-width: 0 1px 2px 0;
}

.dropdown ul li
{
    cursor: pointer;
    padding: 6px 10px;
}

    .dropdown ul li:hover
    {
        color: white;
        background: -moz-linear-gradient(top, #0098FF 0%, #0081FF 51%, #0067FF 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098FF), color-stop(51%,#0081FF), color-stop(100%,#0067FF));
        background: -webkit-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
        background: -o-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
        background: -ms-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
        background: linear-gradient(to bottom, #0098FF 0%,#0081FF 51%,#0067FF 100%);
    }

    .dropdown ul li.selected {
        color: white;
        background: -moz-linear-gradient(top, #0098FF 0%, #0081FF 51%, #0067FF 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0098FF), color-stop(51%,#0081FF), color-stop(100%,#0067FF));
        background: -webkit-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
        background: -o-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
        background: -ms-linear-gradient(top, #0098FF 0%,#0081FF 51%,#0067FF 100%);
        background: linear-gradient(to bottom, #0098FF 0%,#0081FF 51%,#0067FF 100%);
    }

.mdzr-no-cssgradients .dropdown ul li:hover
{
    background-image: url(../image/background/blue1-1x25.png);
    background-repeat: repeat-x repeat-y;
    background-position: left top;
}

.mdzr-no-cssgradients .dropdown.size28 ul li:hover
{
    background-image: url(../image/background/blue1-1x28.png);
}

/*

   */
/* Custom Dropdown Register */
.dropdown-register
{
    font-size: 12px;
    position: relative;
}
.dropdown-register .container-item-selected {
   cursor: pointer;
   font-size: 13px;
   font-family:Arial;
}
.dropdown-register .container-item-selected span {
   margin-top:auto;
   margin-bottom:auto;
}
.dropdown-register .container-item-selected img {
   margin-top:auto;
   margin-bottom:auto;
}
.dropdown-register ul {
   background: #FFF;
   border: 1px solid #CCC;
   border-top-width: 0px!important;
   display: none;
   list-style: none;
   max-height: 120px;
   overflow: auto;
   outline: none;
   width: 101%;
   z-index: 9;
   left:0px;
}
.dropdown-register ul li {
   cursor: pointer;
   font-family:Arial;
   color: #767676!important;
   text-align:left;
   padding-left:10px;
}
.dropdown-register ul li:hover {
   background: -moz-linear-gradient(top,  #0096ff 0%, #0069ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,#0069ff));
   background: -webkit-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,#0069ff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0069ff',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-register ul li:focus {
   background: -moz-linear-gradient(top,  #0096ff 0%, red 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,red));
   background: -webkit-linear-gradient(top,  #0096ff 0%,red 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,red 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,red 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,red 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='red',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-register .js-current {
   background: -moz-linear-gradient(top,  #0096ff 0%, #0069ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,#0069ff));
   background: -webkit-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,#0069ff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0069ff',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-image-position {
    top:-2px;
    position:absolute;
    right: 2px;
}

/* Custom Dropdown Authorization Required */
.dropdown-authorization
{
    font-size: 12px;
    position: relative;
}
.dropdown-authorization .container-item-selected {
   cursor: pointer;
   font-size: 13px;
   font-family:Arial;
}
.dropdown-authorization .container-item-selected span {
   margin-top:auto;
   margin-bottom:auto;
}
.dropdown-authorization .container-item-selected img {
   margin-top:auto;
   margin-bottom:auto;
}
.dropdown-authorization ul {
   background: #FFF;
   border: 1px solid #CCC;
   border-top-width: 0px!important;
   display: none;
   list-style: none;
   max-height: 120px;
   overflow: auto;
   outline: none;
   width: 100%;
   z-index: 9;
   left:0px;
}
.dropdown-authorization ul li {
   cursor: pointer;
   font-family:Arial;
   color: #767676!important;
   text-align:left;
   padding-left:5px;
}
.dropdown-authorization ul li:hover {
   background: -moz-linear-gradient(top,  #0096ff 0%, #0069ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,#0069ff));
   background: -webkit-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,#0069ff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0069ff',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-authorization ul li:focus {
   background: -moz-linear-gradient(top,  #0096ff 0%, red 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,red));
   background: -webkit-linear-gradient(top,  #0096ff 0%,red 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,red 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,red 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,red 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='red',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-authorization .js-current {
   background: -moz-linear-gradient(top,  #0096ff 0%, #0069ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,#0069ff));
   background: -webkit-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,#0069ff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0069ff',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-image-position-authorization {
    top:5px;
    position:absolute;
    right: 2px;
}

/* Custom Dropdown Login User Remember Me */
.dropdown-user{
    font-size: 12px;
    position: relative;
}
.dropdown-user .container-item-selected {
   cursor: pointer;
   font-size: 13px;
   font-family:Arial;
}
.dropdown-user .container-item-selected span {
   margin-top:auto;
   margin-bottom:auto;
}
.dropdown-user .container-item-selected img {
   margin-top:auto;
   margin-bottom:auto;
}
.dropdown-user ul {
   background: #FFF;
   border: 1px solid #CCC;
   border-top-width: 0px!important;
   display: none;
   list-style: none;
   max-height: 120px;
   overflow: auto;
   outline: none;
   /*width: 344px;*/
   width:92%;
   z-index: 99;
   left:-1px;
}
.dropdown-user ul li {
   cursor: pointer;
   font-family:Arial;
   color: #767676!important;
   text-align:left;
   padding-left:5px;
}
.dropdown-user ul li:hover {
   background: -moz-linear-gradient(top,  #0096ff 0%, #0069ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,#0069ff));
   background: -webkit-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,#0069ff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0069ff',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-user ul li:focus {
   background: -moz-linear-gradient(top,  #0096ff 0%, red 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,red));
   background: -webkit-linear-gradient(top,  #0096ff 0%,red 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,red 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,red 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,red 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='red',GradientType=0 );
   color: #ffffff!important;
}
.dropdown-user .js-current {
   background: -moz-linear-gradient(top,  #0096ff 0%, #0069ff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096ff), color-stop(100%,#0069ff));
   background: -webkit-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -o-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: -ms-linear-gradient(top,  #0096ff 0%,#0069ff 100%);
   background: linear-gradient(to bottom,  #0096ff 0%,#0069ff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ff', endColorstr='#0069ff',GradientType=0 );
   color: #ffffff!important;
}



/* Toolbar ------------------------------------------- */
.toolbar > .content
{
    height: 50px;
}
.toolbar .tool
{
    background-color: transparent;
}
.panel
{
    top: 51px;
}
/* --------------------------------------------------- */

/* Main header style*/
.main-header
{
    height: 100px;
}

.main-header-content
{
    width: 100%;
    min-width: 1024px;
    z-index: 20;
    background: #FFFFFF;
    height: 100px;
    /*Gradient*/
    background: -webkit-linear-gradient(#fefefe, #f2f2f2);
    background: -moz-linear-gradient(#fefefe, #f2f2f2);
    background: -o-linear-gradient(#fefefe, #f2f2f2);
    background: linear-gradient(#fefefe, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fefefe', endColorstr='#f2f2f2'); /*For IE7-8-9*/
}

.header-scrolling
{
    width: 100%;
    height: 100%;
    position: absolute;
}

.scrolling-header
{
    padding-top: 35px;
    position: absolute;
    left: -512px;
    margin-left: 50%;
    width: 1024px;
}

.mright35
{
    margin-right: 35px;
}
/*Footer Styles*/
.footer-Content
{
    width: 100%;
    height: 280px;
    background: #282828;
}

.footer-container-left
{
    width: 500px;
    color: #666666;
}

.header-table
{
    width: 135px;
}

.vertical-line
{
    position: absolute;
    top: 30px;
    right: 250px;
}

.min-width-footer
{
    min-width: 1024px;
}

.view-container
{
    width: 1095px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
}

.width250
{
    width: 250px;
}

.text-try
{
    top: 59px;
    position: relative;
    left: 47px;
    width: 187px;
}

.bottom-footer
{
    top: 60% !important;
    left: -76px !important;
}


.hidden-element
{
    opacity: 0!important;
}

/* Spinner animation */
#spin
{
    display: none;
    left: 50%;
    position: fixed;
    top: 40%;
    z-index: 2000000000;
}

    #spin span
    {
        color: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        right: 26px;
        top: 50px;
    }

#spin-background
{
    background-color: black;
    cursor: progress;
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1999999999;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
}

.placeholder
{
    color: #aaa;
}

.borderContainer {
   border: 1px solid #CCCCCC;
}