/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,table,caption,table,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,section,time,mark,audio,video,img{background:transparent;border:0;font-size:100%;font-size-adjust:none;margin:0;outline:0;padding:0;vertical-align:baseline;}
article,aside,figure,footer,header,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}

.valign1 { display: table; #position: relative; overflow: hidden;}
.valign2 { #position:absolute; #top:50%; display: table-cell; vertical-align:middle;}
.valign3 { #position: relative; #top:-50%; margin:0 auto; }

.close {
    clear:both;
    height:1px;
    line-height:1px;
    margin:0;
    padding:0;
}
.floatl { float:left; }
.floatr { float:right; }
.clear  { clear:both; }
.hidden { display:none!important; }

.hand { cursor: pointer; }
.afake { cursor:pointer; text-decoration:underline; color:#004c98; }

.margN { margin-top:-10px;}
.margS { margin-top:5px;  }
.margM { margin-top:10px; }
.margL { margin-top:20px; }

.margL10 { margin-left:10px!important; }
.margL20 { margin-left:20px!important; }

.padS { padding-top:5px; }
.padM { padding-top:10px; }
.padL { padding-top:20px; }

.txtS { font-size:90%; font-style:italic; }
.txtM { font-size:150%; }
.txtL { font-size:200%; }

.roundcor { border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Aptic loader */
#loader { background-color: rgba(0, 0, 0, 0.65); display:none; height:100%; width:100%; position:fixed; z-index:3; }
#loader.active { display:table!important; }
#loader .box   { border-radius:18px; background-color:#fff; width:180px; min-height:55px; padding:10px;}
#loader .icon  { background-image:url(../img/loader.gif); height:55px; width:55px; margin:0 auto; background-repeat: no-repeat;}
#loader .label { text-align:center; padding:10px 0; color:#f7a600; }

/* Breaking errors */
#breaking_error { background-color: rgba(0, 0, 0, 0.8); display:none; height:100%; width:100%; position:fixed; z-index:4; }
#breaking_error.active { display:table!important; }
#breaking_error .box   { border-radius:5px; background-color:#fff; width:800px; min-height:400px; padding:10px;}
#breaking_error .box .title { float:left; width:770px; height:30px; font-size:23px; font-weight:bold; padding-bottom:10px; }
#breaking_error .box .closepop { float:left;  width:30px; height:30px; background: url(../img/close_popup.png) no-repeat; background-size: 100%; cursor: pointer; }
#breaking_error .box .summary { border-top:1px solid #cc0000; clear:both; float:left; width:100%; padding:15px 0; font-weight:bold; }
#breaking_error .box .details { clear:both; margin-top:10px; border-radius:5px; border:1px solid #f7a600; padding:5px; font-family: monospace; white-space: pre; font-size:10px; }
#breaking_error .box .details.long { height:20em; overflow:scroll; }