@charset "utf-8";
* { margin:0px; padding: 0px; border:0px none; }
body { color:#ed1a39; background:#98041D url(../kioskin/body-middle_bg.jpg) center top; font-family: Calibri, sans-serif; }
body, #stage { width:100%; }
#stage { background:url(../kioskin/body-top_bg.jpg) top center repeat-x; }
#application { width:480px; position:relative; left:50%; margin-left:-240px;}
#logo { background:url(../kioskin/kioskio_logo.png) center no-repeat; width:480px; height:176px; padding:40px 0px;}
#footer { background:url(../kioskin/body-bottom_bg.jpg) bottom center repeat-x; height:306px; float:none; clear:both; text-align:center; overflow:hidden; }
#footer .panel { position:relative; top:140px;  }
#footer p,#footer ul, .mbSlogan { font-size:12px; color:#ed1a39; font-weight:bold; margin:14px 4px; line-height: 150%; }
#footer p b { font-size:15px; font-family: Cambria, serif, Times; }
form { width:266px; }
input, .easyInput, .easyInput_focus { font-family: Calibri; font-size: 14px; font-weight: bold; color: #ED1A39; margin-bottom: 20px; padding: 8px; height: 12px; width: 246px; background-color: #fff7ef; }
#signinPanel { float:left; width:265px; }
.easyInput, .easyInput_focus { margin-left:-2px; margin-top:-2px; border:#c2132d 2px solid; float:left; display:block; background: url(../kioskin/easyInput_bg.jpg) repeat; background-position:top left; -moz-border-radius:10px; -webkit-border-radius:10px; }
.easyInput_focus { border-color:#98041D; color: #98041D; background-position:left -22px; }
.signInBtn { width:117px; height:64px; float:right; background-color:transparent; border:none 0px; margin: 0px; background:url(../kioskin/signin_btn.png); cursor:pointer; }
.signInBtn:hover { background-position:left -64px; }
.signInDiv { background:url(../kioskin/signin_info.jpg) bottom left no-repeat; width:265px; height:64px; float:left; }
#actionsPanel { width:167px; float:right; position:relative; top:32px; }
.actionBtn { color:#ed1a39; display:block; text-align:center; padding-top:8px; width:154px; height:32px; margin:4px 0px; background:url(../kioskin/actionBtn.png) no-repeat; background-position:top left; text-decoration:none; }
.actionBtn:hover { color:#98041d; background-position:left -44px; }
.orSep { background:url(../kioskin/orSep.jpg) no-repeat; width:48px; height:182px; float:left; }
.contentBlock { height:260px; position:relative; left:10px; }
#error { color:#fcbe7f; margin-bottom:8px; font-weight:bold; }
.mbSlogan { background: url(../kioskin/mb_icon20.png) left center no-repeat; height: 20px; padding-left: 4px; padding-top: 4px; width:200px; display:block; float:right; }
.mbIcon { width: 20px; height: 20px; vertical-align:bottom; }
#iconPanel { width:268px; height:42px; position:relative; left:50%; margin-left:-124px; }
#iconPanel a {  text-decoration:none; border:none 0px; }
#kioskioIcon, #markbroadIcon, #facebookIcon, #twitterIcon { background-position:top left; background-repeat:no-repeat; width:42px; height:42px; display:block; float:left; margin:12px; }
#iconPanel a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#kioskioIcon { background-image:url(../kioskin/kioskio_icon.jpg); }
#markbroadIcon { background-image:url(../kioskin/markbroad_icon.jpg); width:46px; }
#facebookIcon { background-image:url(../kioskin/facebook_icon.jpg); }
#twitterIcon { background-image:url(../kioskin/twitter_icon.jpg); }