/* CSS Document */

html, body { font: 12px/22px /*"HelveticaNeue", "Helvetica Neue", 'DejaVu Sans',*/ 'Segoe UI', Arial, 'Open Sans', "Century Gothic", Verdana, Helvetica, tahoma, sans-serif; margin: 0; padding: 0; /*backgroundc:#fcfcfc;*/ }
/*html, body { font: 12px/22px "Khmer UI","lucida grande","Segoe UI", Verdana, Helvetica, Arial, sans-serif; margin: 0; padding: 0; backgroundc:#fcfcfc; }*/
a { display: block; padding: 5px; text-decoration: none; }
a img { border: none; outline: none; }
ul { margin: 0px; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-family: /*"Arial Black",'DejaVu Sans',*/ 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 16px; margin: 0px; }
h1, h2, h3, h4 { padding: 5px; }
h4, h5, h6 { font-size: 13px; }
strong, b, th { color: #444; }
hr { border-bottom: none; border-top: thin solid #eee; margin:10px 0; }
a, label, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; }
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), textarea { margin-top:0; margin-bottom:0; outline: none; border: 1px solid #CCC; padding: 6px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input[type=date], input[type=month] { padding: 1px 3px; font-size:12px; }
input[type=submit], input[type=button], input[type=reset] { font-weight: bold; color: #FFF; background-color:#434343; 
                                                            background: -ms-linear-gradient( top, #434343 0%, #000000);
                                                            background: -moz-linear-gradient( top, #434343 0%, #000000);
                                                            background: -o-linear-gradient( top, #434343 0%, #000000);
                                                            background: -webkit-linear-gradient( top, #434343 0%, #000000); 
                                                            background: -webkit-gradient( linear, left top, left bottom, from(#434343), to(#000000));
                                                            /**/border: 1px solid #434343; padding:4px 5px;
                                                            -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.6);
                                                            box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.6);
                                                            -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.3), inset 0px 1px 0px rgba(255,255,255,0.6); }

input[type="radio"], input[type="checkbox"] { margin:0; border:none; outline:none; }
input[type=file] { padding:0; background-color:white; }
/* input[type=checkbox]:checked, input[type=radio]:checked { background: #fff; }
input[type=checkbox]:checked::after, input[type=radio]:checked::after { content: url("../../assets/icons/checkmark.png"); display: block; position: relative; top: -3px; left: -5px; }

input[type=checkbox], input[type=radio] {
border: 1px solid #ccc; clear: none; cursor: pointer; display: inline-block; line-height: 0; width: 16px; min-width: 16px; height: 16px;
margin: -4px 2px 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; 
-webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } */
textarea { resize:none; overflow:auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:11px; line-height:15px; }
select { padding: 4px 5px; min-width:120px; }
.system-width { width: 98%; min-width:780px; margin: 0 auto; padding: 0 5px; }
.system-font-style { font-size:12px; font-family:'Segoe UI', Arial; }
.system-border-theme { border:1px solid #eee/*#F0A11D*/; }
.system-backgnd-theme { background-color:#eee;
                        background: -ms-linear-gradient( top, #B666D2 0%, #606);
                        background: -o-linear-gradient( top, #B666D2 0%, #606);
                        background: -moz-linear-gradient( top, #B666D2 0%, #606);
                        background: -webkit-linear-gradient( top, #B666D2 0%, #606); 
                        background: -webkit-gradient( linear, left top, left bottom,  from(#B666D2), to(#606) ); }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:#FFF; border-left:1px solid #eee; }
::-webkit-scrollbar-thumb{ /* background:rgba(160,160,160,0.8); */background:rgba(160,160,160,1.0); }
::selection { background-color: #eee; /*color: black;*/ }
.float-l { float:left; }
.float-r { float:right; }
.clear-both { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.client-name { font-weight: bold; color: #444; }
.required { color:#F00; }
.bright-label { background: #FB3; }
.dark-label { background: #000; color: #FB3; }
.form-label { font-weight: bold; line-height:normal; padding:5px 5px 5px 0; display:block; /*background: #ECECEC#F5F3FA;*/ }
.hint { color:cornflowerblue/*#1181A1*/; font-size:9px; font-weight:bold; }
.notification { padding:10px; margin-top:20px; background-color:#fff; }
.input-box { width: 97%; }
.overlay-box { position:absolute; top:0; left:0; background:#000 url("../../assets/icons/loader-a.gif") no-repeat center center; opacity:0.6; z-index:100000; }
.pagination-box { background-color:white;padding:3px 5px;margin-top:10px; }
.navseparator { font: bold 12px arial; } /* for pagination */
.navprevnext a { color:#111; }
.navprevnext a:hover, .navseparator a:hover { text-decoration:underline; }
input[type=number], .cash { text-align:right; color:#777; }
/*input[type=number] { widthx:120px; }*/

fieldset, div#home-dashboard { border: 1px solid #ebecec; margin:7px auto; background-color:#FFF; padding:10px; }
fieldset {
    /* round borders */
    /* -moz-border-radius: 5px; FF1-3.6 */
    /* -webkit-border-radius: 5px; Saf3-4, iOS 1-3.2, Android <1.6 */
    /* -khtml-border-radius: 5px; Saf3-4, iOS 1-3.2, Android <1.6 */
    /* border-radius: 6px; Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }
legend { background-color: #eee; font-weight:bold; padding:1px 10px; }

#triangle-right { width: 0; height: 0; position:absolute; top:25px; left:183px; border-top: 15px solid transparent; border-left: 30px solid #111111; border-bottom: 15px solid transparent; }

.img-styling { display:block; border: 1px solid #ccc; background: white; margin:0; padding: 5px; /*box-shadow:*/ -webkit-box-shadow: 0px 0px 5px 0px #dadada; box-shadow: 0px 0px 5px 0px #dadada; }

.shadow { -moz-box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#dddddd')"; /* For IE 5.5 - 7 */
          filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#dddddd')";
          /* useful if you don't want a bg color from leaking outside the border: */        
          -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }

.round-top-right { 
    /* round borders */
    -moz-border-radius: 5px 5px 0 0; /* FF1-3.6 */
    -webkit-border-radius: 5px 5px 0 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    -khtml-border-radius: 5px 5px 0 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 5px 5px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }

.round-bottom-left { 
    /* round borders */
    -moz-border-radius: 0 0 5px 5px; /* FF1-3.6 */
    -webkit-border-radius: 0 0 5px 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    -khtml-border-radius: 0 0 5px 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 0 0 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }

.round-top-left { 
    /* round borders */
    -moz-border-radius: 5px 0 0 5px; /* FF1-3.6 */
    -webkit-border-radius: 5px 0 0 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    -khtml-border-radius: 5px 0 05px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 5px 0 0 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }

.round-bottom-right { 
    /* round borders */
    -moz-border-radius: 0 5px 5px 0; /* FF1-3.6 */
    -webkit-border-radius: 0 5px 5px 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    -khtml-border-radius: 0 5px 5px 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 0 5px 5px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }

.round-all-sides { /* border:1px solid #eee;
round borders */
    /* -moz-border-radius: 5px; FF1-3.6 */
    /* -webkit-border-radius: 5px; Saf3-4, iOS 1-3.2, Android <1.6 */
    /* -khtml-border-radius: 5px; Saf3-4, iOS 1-3.2, Android <1.6 */
    /* border-radius: 6px; Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }



/* Menu Section */
#header-wrapper {position:fixed; width:100%; z-index:100;}
nav { position:relative; height:26px; background-color: #222; /*min-widthx:800px;*/ padding:2px 10px 0; }
nav #userdesc { color: #0df; }
/*nav ul { text-align: right; padding: 0 28px 0 5px; position: absolute; topx: 46px; right: 0px; }
nav li { float: left; margin-right: 5px; position: relative; color:#fff; }
nav li a { padding: 4px 7px; color: #fff; }
nav li a:hover { background-color: #eee; color: #000; }*/

#header-bar { min-height:7px; padding:10px 0; position:relative; background: #aaa url(../../assets/icons/prisecapp-logo-mini.png) no-repeat 27px 3px; }



/* Main Content Section */
#page-content { border: thin solid #eee; background-color: #FFF; padding:0; min-height: 350px; position:relative; top:70px; overflow-y:auto; }
#page-content-wrapper { position:relative; }
#side-nav { /*background-color:#fafafa;*/ padding:0; width:185px; height:100%; float:left; /*positionc:absolute;*/ }
#side-nav ul { padding:0; margin: 0; background-color:#fff; }
#side-nav ul li { margin-bottom:1px; }
#side-nav ul li a { background-color: #eee; border-left: 4px solid #ddd; padding:8px 5px; color: #666; line-height:normal; }
#side-nav a.selectedLink { background-color: #111; border-left: 4px solid #aaa; color:#ffd900/*#fff*/; font-weight:bold; }
#side-nav ul li a:not(.selectedLink):hover { background-color: #111; border-left: 4px solid #aaa; color: #fdfdfd; }
#side-nav ul ul { padding: 0 0 0 4px; background-color: #aaa; }
#side-nav ul ul li { margin-bottom:0; border-bottom:1px solid #eee; border-right:1px solid #eee; }
#side-nav ul ul a  { background-color: #fff; border-left:none; padding:6px; }
#side-nav ul ul li a:not(.selectedLink):hover { background-color: #dddddd; border-left: none; color:#111111; }
#loaded-page { background-color: #fafafa; /*margin-leftc:185px;*/ min-height:515px; padding:10px; position:relative; }
#report-page, .report-page-x { font-size:11px; background-color: #ffffff; }
#loaded-page table, #report-page table, .report-page-x table { border-collapse:collapse; line-height:normal; border-color: #dddddd; }
#loaded-page table td, #loaded-page table th, #report-page table td, #report-page table th, .report-page-x table td, .report-page-x table th { border: 1px solid #dddddd; }
/*#loaded-page table.formfieldtable { border-collapsex:separate; }*/
#loaded-page table.formfieldtable td, #loaded-page table.formfieldtable th { border:none; }
#loaded-page table.formfieldtable .report-page-x .subsheet-meta th, #loaded-page table.formfieldtable .report-page-x .subsheet-meta td { border:1px solid #999; }
#loaded-page a { display:inline; padding: 0; }
.selectedOne, .datarow:hover  { background-color: skyblue; }
.blured { /* for IE */
    filter:alpha(opacity=90); /* CSS3 standard */
    opacity:0.9; ; /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }


/* Progress Bar */
.progress{ width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; display:block; background-color: #222; padding-left: 2px; margin: 3px 0 0; }


/* Footer Section */
#footer-wrapper { position:relative; top:70px; }
#footer-bar { padding: 3px 10px 20px 10px; margin-bottom:20px; color:#777; position:relative; line-height:16px; }
#footer-bar a { color:#777; display:inline; padding-right:0; }
#footer-bar a:hover { text-decoration:underline; }
#footer-bar #tos-links { float:right; }
#footer-bar #tos-links a { padding:0 2px; }
#footer-bar #tos-links a:hover { color:#444; }