body { background: url("../../img/LedrPattern.jpg") repeat scroll left top transparent; font-family: tahoma,arial,sans-serif; font-size: 11px; margin: 0; padding: 0; color: #e3e3e3; }
.centerdiv { margin:0 auto; width: 370px; color: #808080 !important; }
div.login { margin-top: 127px !important; }
div.login, div.appstore { background: #1f1f1f; width: 370px; padding:10px 10px 10px 10px; border-radius: 10px; -moz-border-radius: 10px; margin:0 auto; border: 1px solid #000; box-shadow: inset 1px 1px 0 0 #333; }
div.appstore { margin-top: 10px; }
div.login table { width: 100%; margin-top: 50px; margin-bottom: 10px; margin-left: 10px; }
div.appstore table { width: 100%; }
.textbox { font-style: normal; font-weight:normal; font-size:14px; text-decoration: none; width:250px; height:22px; border-radius: 4px; border: 1px solid #000; background-color: #a9a9a9; padding-left: 5px; }
.header { position: absolute; width: 410px; height: 45px; font-size: 11px; left: 0; right: 0; margin-left: auto; margin-right: auto; line-height: 20px; vertical-align: middle; color: #fff; margin-top: 20px;
        box-shadow: 0 5px 5px #000;
        background: #a21d15; /* Old browsers */
        background: -moz-linear-gradient(left,  #a21d15 0%, #e43328 50%, #a21d15 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a21d15), color-stop(50%,#e43328), color-stop(100%,#a21d15)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #a21d15 0%,#e43328 50%,#a21d15 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #a21d15 0%,#e43328 50%,#a21d15 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #a21d15 0%,#e43328 50%,#a21d15 100%); /* IE10+ */
        background: linear-gradient(to right,  #a21d15 0%,#e43328 50%,#a21d15 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a21d15', endColorstr='#a21d15',GradientType=1 ); /* IE6-9 */
}
.header > label { position: relative; display: block; margin-left: 15px; margin-top: 5px; }
.header > span { position: relative; display: block; margin-left: 15px; font-size: 9px; line-height: 10px; }
.left_triangle { position: absolute; left: -403px; right: 0; margin-left: auto; margin-right: auto; margin-top: 65px; border-top: 10px solid #590100; border-left: 10px solid transparent; height: 0; text-indent: -9999px; width: 0; }
.right_triangle { position: absolute; left: 400px; right: 0; margin-left: auto; margin-right: auto; margin-top: 65px; border-top: 10px solid #590100; border-right: 9px solid transparent; height: 0; text-indent: -9999px; width: 0; }
#LoginReason { color: red; }
.changeSuccessful { color: green !important; }
#footer { color: white; text-align: center; }
#submit { 
        color: #515151; border: none !important; border-radius: 4px; cursor: pointer;
        background: #d0d0d0; /* Old browsers */
        background: -moz-linear-gradient(top,  #d0d0d0 0%, #898989 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#898989)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d0d0d0 0%,#898989 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d0d0d0 0%,#898989 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d0d0d0 0%,#898989 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d0d0d0 0%,#898989 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#898989',GradientType=0 ); /* IE6-9 */
}
#submit:hover { color: #515151; border: none !important; border-radius: 4px;
        background: #ededed; /* Old browsers */
        background: -moz-linear-gradient(top,  #ededed 0%, #a1a1a1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#a1a1a1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ededed 0%,#a1a1a1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ededed 0%,#a1a1a1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ededed 0%,#a1a1a1 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ededed 0%,#a1a1a1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#a1a1a1',GradientType=0 ); /* IE6-9 */ }
#submit:active { color: #f1f1f1; border: none !important; border-radius: 4px;
        background: #8f8f8f; /* Old browsers */
        background: -moz-linear-gradient(top,  #8f8f8f 0%, #5a5a5a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f8f8f), color-stop(100%,#5a5a5a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #8f8f8f 0%,#5a5a5a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #8f8f8f 0%,#5a5a5a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #8f8f8f 0%,#5a5a5a 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #8f8f8f 0%,#5a5a5a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8f8f', endColorstr='#5a5a5a',GradientType=0 ); /* IE6-9 */ 
}
#reg { width: 370px; border-top: 1px solid #000; box-shadow: inset 0 1px 0 0 #333; height: 20px; line-height: 30px; vertical-align: middle; }
#register { color: #c2c2c2; margin-left: 20px; margin-top: 10px; }
.left_line { position: absolute; left: -368px; right: 0; margin-left: auto; margin-right: auto; margin-top: 2px; width: 3px; height: 18px; background-color: #1f1f1f; }
.right_line { position: absolute; left: 368px; right: 0; margin-left: auto; margin-right: auto; margin-top: 2px; width: 4px; height: 18px; background-color: #1f1f1f; }

.appstore { text-align: center; }
.appstore a { position: relative; display: inline-block; vertical-align: middle; outline: none; }
.appstore a:first-child { margin-right: 15px; }
.appstore a img { position: relative; display: block; width: 150px; border: 0; }

/* Dialog */
.bold { font-weight: bold; }
.ui-widget-overlay { background: transparent !important; }
.ui-dialog-titlebar-close { display: none !important; }
.ui-dialog-titlebar { text-align: center !important; background: transparent !important; border: none !important; }
.ui-widget-content { background-color: #434343 !important; color: #fff !important; border: none !important; }
.ui-dialog { padding: 0 !important; font-family: Eurostile,tahoma,arial !important; font-size: 16px !important; box-shadow: 0 0 50px #000 !important; }
.ui-dialog-buttonpane { margin: 0 !important; padding: 0 !important; border: 1px solid #303030 !important; box-shadow: inset 0px 1px 0 0 #5c5c5c !important; }
.ui-dialog-buttonset { width: 100% !important;  }
.ui-dialog-buttonpane button { width: 50%; border: none !important; padding: 0.5em 0 0.5em 0 !important; margin: 0 !important; font-family: Eurostile,tahoma,arial !important; font-weight: normal !important; font-size: 16px !important; }
.ui-dialog-buttonpane button:first-child { border-right: 1px solid #303030 !important; box-shadow: 1px 0px 0px 0px #5c5c5c !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.ui-dialog-buttonpane button:last-child { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }