@charset "utf-8";
/* CSS Document */
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;margin:0;padding:0; }
audio[controls], canvas, video { display: inline-block; *display: inline;}
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
.clearfix:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.clearfix{display:block}
* html .clearfix{height:1%}
*+html .clearfix{display:inline-block}
.clear{clear:both;line-height:0;margin:0;padding:0}
body{background:url(../images/mob/bodybg.gif) left top repeat-x #ededed;font:normal 12px/15px Arial, Helvetica, sans-serif;color:#444;}
.outercontainer{padding:10px;}
header {padding:10px 0 0 ;height:45px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
h1{color: #FFFFFF;font:normal 24px/19px "segoe UI","Trebuchet MS",Tahoma;text-align: center;text-shadow: .01em 0.05em 0.01em #000;}
section{background-color:#fff;border:#d2d2d2 1px solid;-webkit-box-shadow: 0px 1px 5px rgba(123, 90, 58, 0.55);-moz-box-shadow:    0px 1px 5px rgba(123, 90, 58, 0.55);box-shadow:0px 1px 5px rgba(123, 90, 58, 0.55);padding:20px;margin:25px 20px 20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;}
.logout{background-color:#1a1a1a;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:2px 10px 5px;display:inline-block;color:#fff;font-weight:bold;position:absolute;right:0;top:-27px;text-decoration:none;}
.logout:hover{background:#333;}
section h2{color:#555;font:bold 16px Arial, Helvetica, sans-serif;padding:2px 5px ;border-bottom:2px solid #444;background:#E5E5E3;margin-bottom:5px;}
section h3{font:bold 14px Arial, Helvetica, sans-serif;padding:0 0 10px 5px;}
section li{padding:0 0 5px 10px;border-bottom:#efefef 1px dashed;margin-bottom:5px;font-weight:bold;}
section li.last{border-bottom:0;}
section li .left{float:left;width:40%;color:#8c8a8a;}
section li .right{float:right;width:58%;color:#333;}
section li input[type="button"]{background:url(../images/mob/btn-bg.gif)0 0 repeat-x;border:#e0e1e1 1px solid;-webkit-box-shadow: 0px 1px 2px rgba(123, 90, 58, 0.55);-moz-box-shadow:0px 1px 2px rgba(123, 90, 58, 0.55);box-shadow:0px 1px 2px rgba(123, 90, 58, 0.55); font-size:14px;font-weight:bold;padding:2px 10px;cursor:pointer;overflow:visible;text-shadow: .01em 0.05em 0.01em #fff;color:#444;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.message_error{background:#fde5e5;border:#c36b6b 1px solid;padding:5px 5px;color:#943e3e;-webkit-box-shadow: 0px 1px 3px rgba(123, 90, 58, 0.55);-moz-box-shadow:0px 1px 3px rgba(123, 90, 58, 0.55);box-shadow:0px 1px 3px rgba(123, 90, 58, 0.55);font-weight:bold;margin:5px 0;width:90%;position:relative;}
.message_success{background:#e8fbd4;border:#9cc77a 1px solid;padding:5px 5px;color:#4b7f14;-webkit-box-shadow: 0px 1px 3px rgba(123, 90, 58, 0.55);-moz-box-shadow:0px 1px 3px rgba(123, 90, 58, 0.55);box-shadow:0px 1px 3px rgba(123, 90, 58, 0.55);font-weight:bold;margin:5px 0;width:90%;position:relative;}
a.notifyShow-close{background:url(../images/msgvalidation.gif) no-repeat -15px bottom;display:inline-block;position:absolute;right:10px;top:8px;width:10px;height:10px;text-indent:-9999px;overflow:hidden;}


/*Alert Popup
====================================================================================================================================================================*/
#popup_container{font:normal 12px Arial, Helvetica, sans-serif, Tahoma;background:#fff;border:solid 3px #525252;color:#000;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#popup_title{font:bold 13px Arial, Helvetica, sans-serif, Tahoma;color:#3d3d3d;background:#f5f5f5;cursor:default;margin:0;padding:5px 0 5px 5px;text-align:left;}
#popup_content{font:normal 12px Arial, Helvetica, sans-serif;margin:0;padding:5px}
#popup_panel{text-align:left;padding:10px 0 0 2px}
#popup_prompt{margin:.5em 0}
#jGrowl{right:0;top:0;position:absolute}
.jGrowlefade{height:30px;width:150px;color:#ccc;background:#1c1c1c;margin:10px 10px 0 0;padding:10px}
span.btnlayout{display:block;float:left;padding-right:10px}
span.btnlayout input{background:url(../images/mob/btn-bg.gif)0 0 repeat-x;border:#e0e1e1 1px solid;-webkit-box-shadow: 0px 1px 2px rgba(123, 90, 58, 0.55);-moz-box-shadow:0px 1px 2px rgba(123, 90, 58, 0.55);box-shadow:0px 1px 2px rgba(123, 90, 58, 0.55); font-size:11px;font-weight:bold;padding:2px 5px;cursor:pointer;overflow:visible;text-shadow: .01em 0.05em 0.01em #fff;color:#444;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.error{background:url(../images/mob/error2.png)0 0 no-repeat;padding:5px 0 5px 50px;color:#943e3e;font-size:15px;font-weight:bold;}
.error span{font-size:12px;}
.message_validation{background:url(../images/error-icon.png) no-repeat  left 2px;color:#f4550f;display:block;font:bold 12px/18px Arial,Helvetica,sans-serif;padding:0 0 0 20px}
.hide{display:none}