html { height:100%; margin:0; padding:0; }
body { height:100%; margin:0; padding:0; background:#fafafa; font-family:arial, sans-serif; font-size:12px; color:#3b3a48; }
form { margin:0; padding:0; }
#header { position:relative; min-width:570px; min-height:75px; font-size:14px; border-bottom: 1px solid #C8C6CC; background-color:#FFFFFF; overflow:hidden; }
#logo { position:absolute; top:12px; left:65px; width:92px; height:54px; margin:0; padding:0; cursor:pointer; background:url(/img/logo_psa.jpg) no-repeat center center; }
#headertitle { position:absolute; top:12px; left:219px; margin:0; padding:0; text-align:left; color:#61616e; }
h1#htitle { margin: 0px; padding:0; font-size:20px; font-weight:normal; color:#61616e; }
h2#hsubtitle { margin: 7px 0 0; padding:0; font-size:13px; font-weight:normal; text-transform:uppercase; color:#61616e; }
#headerinfo { position:absolute; top:8px; right:15px; margin:0; padding:0; color:#2caed6; overflow:hidden; }
#headeractions { display:block; margin: 0; padding:0; list-style:none; text-align:right; overflow:hidden; }
#headeractions li { float:left; list-style:none; white-space:nowrap; font-size:18px; color:#88767E; text-transform:uppercase; cursor:pointer; margin:0; padding:10px 21px; background:url(/img/menu_split.jpg) no-repeat right center; }
#headeractions li:first-child { background:url(/img/menu_split.jpg) no-repeat left center, url(/img/menu_split.jpg) no-repeat right center; }
#headeractions li a { color:#88767E; text-decoration:none; }
#headeractions #usrinfo { color: #61616e; cursor:default; line-height:15px; font-size:15px; text-transform:uppercase; }
#menu { position:absolute; bottom:0; left:199px; text-align:left; margin:0; padding:0; white-space:nowrap; height:37px; list-style:none; }
#menu li { float:left; list-style:none; white-space:nowrap; font-size:15px; color:#61616e; text-transform:uppercase; cursor:pointer; margin:0; padding:10px 21px; background:url(/img/menu_split.jpg) no-repeat right center; }
#menu li:first-child { background:url(/img/menu_split.jpg) no-repeat left center, url(/img/menu_split.jpg) no-repeat right center; }
#menu li a { color:#61616e; text-decoration:none; }
#menu2 { float:left; margin-top:20px; margin-left:67px; }
.slicknav_menu { display:none; padding:0; /*font-size:13px;*/ background-color:transparent; }
.slicknav_nav { font-size: 0.675em; }
.slicknav_nav li { text-transform: uppercase; }
.slicknav_nav a { color:#1E2336; border-radius:6px; border: 1px solid #cccccc; }
.slicknav_btn { float:left; margin: 4px; }
#content { position:relative; margin:0; padding:27px 15px 15px 220px; min-width:480px; min-height:-moz-calc(100% - 118px); min-height:-webkit-calc(100% - 118px); min-height:calc(100% - 118px); background:#fafafa no-repeat center top; overflow:hidden; }
#content hr { margin:30px auto; width:350px; height:3px; border:0; background-color:#2B8BCE; }
#content p { margin: 5px 0; padding:0; font-size:14px; line-height:17px; color:#777777; }
#content ul.list { display:inline-block; list-style:none; margin: 0 auto; padding:0; }
#content .list li { list-style:none; font-size:16px; margin:0; padding:10px 0 10px 36px; color:#777777; border-bottom: 1px solid #BCC5D0; background:url(/img/bullet.png) no-repeat left center; }
#main { position:absolute; top:0; right:0; bottom:0; left:0; margin: 0 auto; padding:0; overflow:hidden; }
#maintop { display:none; height:90px; margin:0; padding:0; overflow:hidden; }
h1#pagetitle { margin:0; padding:0; font-size:24px; font-weight:normal; color:#1E2336; white-space:nowrap; text-overflow:ellipsis; text-transform:uppercase; }
h4#breadcrumbs { margin:8px 0 18px; padding: 0 0 26px; font-size:11px; font-weight:normal; color:#414141; white-space:nowrap; border-bottom: 1px solid #eeeeee; text-overflow:ellipsis; }
#submenu { position:absolute; top:0; bottom:0; left:0; width:169px; margin: 0; padding:15px; border-right: 1px solid #EBEBEB; background:#ffffff; list-style:none; overflow:hidden; }
#submenu li { position:relative; height:auto; list-style:none; font-size:12px; cursor:pointer; margin:0; padding:30px 0; padding-left:38px; background:no-repeat 4px center; border:0; border-bottom: 1px dashed #CBCBCB; }
#submenu li a { color:#989898; }
#submenu li a.selected { color:#61606D; }
#submenu .fa { padding: 0 1px; color:#61616e; }
#submenu li a.selected .fa { font-weight:normal !important; }
#submenu li .icon { position:absolute; top:30px; left:0; margin:0; padding:0 5px; font-weight:normal; }
#submenu li .icon::before { content:'['; font-size:13px; }
#submenu li .icon::after { content:']'; font-size:13px; }
#fmenur { position:absolute; top:30px; right:5px; margin:0; padding:0; overflow:hidden; }
#fmenur h4 { margin:0; padding:0; font-size:12px; font-weight:normal; text-transform:uppercase; text-align:left; }
#fmenur ul { display:inline-block; *display:inline; list-style:none; margin: 0 auto; padding: 0px; }
#fmenur li { width:19px; height:19px; list-style:none; float:left; font-size:18px; cursor:pointer; margin:10px; padding:5px; text-align:center; background:#FFFFFF; border: 1px solid #DEDEDE; border-radius:4px; }
#fmenur li:hover { background-color:#F0F0F0; }
#msg_error { color:#ff4238; }
.button { *width:200px; min-width:200px; height:27px; padding: 5px; text-align:center; font-size:12px; border:0px; color:#ffffff; background-color:#005587; text-transform:uppercase; font-weight:bold; cursor:pointer; }
.button:hover { background-color:#4698CB; }
.link { cursor:pointer; }
.nolink { cursor:default; }
/* Hyperlinks */
a { text-decoration:none; }
a:link { color:#3b3a48; }
a:visited { color:#3b3a48; }
a:active { color:#61616e; }
a:hover { color:#61616e; }
a.selected { color:#61616e; font-weight:bold; }
input:focus { outline:-webkit-focus-ring-color auto 0px; outline-color:transparent; outline-style:none; outline-width:0px; }
/* Boxes */
.box { max-width:1110px; margin:5px 0 20px; font-size:14px; line-height:1.42857; background-color:#ffffff; border: 1px solid #dddddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); overflow:hidden; }
.box .boxheader { margin: 0; padding:10px 15px; color:#1e2336; font-weight:bold; border-top-left-radius:3px; border-bottom: 1px solid transparent; border-top-right-radius:3px; background-color:#f5f5f5; border-color:#dddddd; overflow:hidden; }
.box .boxheader .fa { margin-right: 5px; font-weight:normal; }
.box .boxwrapper { margin: 0; padding:15px; overflow:hidden; }
.box .item { padding:5px 15px; overflow:hidden; }
.box label { display:block; float:left; width:140px; margin:0; line-height:23px; color:#878789; }
.box .finput { float:left; width:245px; height:16px; line-height:16px; border: 1px solid #D5D5D5; padding:2px; color:#868689; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.box .finput.inputcal { width:100px; text-align:center; }
.box .fselect { display:block; width:253px; height:22px; border: 1px solid #D5D5D5; color: #868689; }
* html .box .fselect { h\eight:23px; \height:23px; }
.box .ftextarea { display:block; width:243px; height:30px; border: 1px solid #D5D5D5; padding:4px; color: #868689; }
.box .requiredfields { padding:15px; text-align:right; color:#878789; overflow:auto; }
.box div.finput, .box div.ftextarea, .box .readonly { background-color: #ebebe7; }
.msg_info { margin: 5px 15px; }
/* Filters */
.filter { margin:10px 0; padding:5px 15px; background-color:#D6D2C4; border: 1px solid #83786F; border-radius:10px; overflow:hidden; }
.filter .item { position:relative; float:left; margin:20px 5px 5px; padding:10px 15px; color:#FFFFFF; background-color:#ACA39A; border-radius:5px; }
.filter .item label { position:absolute; top:-20px; left:3px; padding: 4px 10px; display:block; margin:0; color:#333333; /* background-color:#83786F;*/ }
.filter .finput { float:left; width:245px; height:16px; line-height:16px; border: 1px solid #83786f; padding:2px; color:#83786f; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.filter .fselect { display:block; width:253px; height:22px; border: 1px solid #83786f; color:#83786f; }
* html .filter .fselect { h\eight:23px; \height:23px; }
.filter .inputcal { width:100px; text-align:center; }
.boxheader .item { float:left; margin: 0 10px 0 0; padding:0; }
.boxheader .item label { display:block; float:none; padding: 0; margin:0; width:auto; font-size:11px; color:#1E2336; }
.boxheader .finput { float:left; width:245px; height:16px; line-height:16px; border: 1px solid #83786f; padding:2px; color:#83786f; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.boxheader .fselect { display:block; width:253px; height:22px; border: 1px solid #83786f; color:#83786f; }
* html .boxheader .fselect { h\eight:23px; \height:23px; }
.boxheader .inputcal { width:100px; text-align:center; }
.boxheader .action { float:left; padding: 5px; margin:15px 10px 0; width:19px; height:19px; line-height:18px; font-size:18px; text-align:center; background-color:#ffffff; border-radius: 4px; border: 1px solid #dedede; cursor: pointer; }
.boxheader .action .fa { margin:0; }
.fa.calendar { margin:3px 0 3px 3px; font-size:16px; cursor:pointer; }
.fa.calendar.nolink { cursor:default; }
/* Datagrids */
/*.gridht { width:100%; margin: 0; padding: 0; table-layout:fixed; border-collapse:collapse; }*/
.gridbt th { height:8px; margin: 0; padding: 5px; text-align:center; background-color:#4E87A0; font-size:11px; line-height:16px; color:#FFFFFF; font-weight:normal; overflow:hidden; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; }
.gridbt th.order { cursor:pointer; }
.gridbt th.empty { background-color:transparent; }
.gridbt th.group { color:#1e2336; background-color:#b9d3dc; }
.gridbt th.group:nth-child(even) { color:#ffffff; background-color:#7ba7bc; }
.grid { overflow:hidden; }
.grid table { padding:0; margin:0; border:0; }
.gridb { overflow-x:auto; /*overflow-x:hidden;*//* background:#f2f2f2;*/ }
.gridbt { width:100%; margin: 0; padding: 0; table-layout:fixed; border-collapse:collapse; font-size: 11px; }
.gridbt tr:nth-child(even) { background-color:#f2f2f2; }
.gridbt tr:nth-child(odd) { background-color:#ffffff; }
.gridbt tr.hover { background-color:#B9D3DC; }
.gridbt td { /*height:17px;*/ margin: 0; padding: 5px 10px; text-align:center; color:#1E2336; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gridbt td.icon { padding:0; }
.gridbt td.icon .fa { font-size:20px; }
.gridbt .hilite { text-transform:uppercase; color:#FF4238; }
.gridbt .hilite a { color:#FF4238; }
.gridbt .cleft { text-align:left; }
.gridbt .cright { text-align:right; }
.gridbt .ccenter { text-align:center; }
.gridbt .bold { font-weight:bold; }
.pagination { height:25px; margin:0; margin-top: 8px; padding:0; overflow:hidden; }
.pagination .page { float:left; height:13px; margin:0; margin-right: 3px; padding: 0px 5px; font-size:10px; line-height:12px; text-align:center; color:#005587; border: 1px solid #dfdfdf; }
.pagination .page.current { height:13px; border:0; color:#ffffff; background-color:#005587; font-weight:bold; border: 1px solid #005587; }
.pagination .pagereg { float:right; height:15px; margin:0; margin-left: 6px; padding: 0; font-size:11px; line-height:15px; text-align:right; color:#005587; }
.pagination .arrowl, .pagination .arrowll, .pagination .arrowr, .pagination .arrowrr,
.pagination .arrowl_off, .pagination .arrowll_off, .pagination .arrowr_off, .pagination .arrowrr_off
{ float:left; width:13px; height:13px; margin:0; margin-right: 3px; padding: 0; border: 1px solid #dfdfdf; background:no-repeat center center; }
.pagination .arrowl { background-image:url(/img/pagination_arrowl.png); }
.pagination .arrowll { background-image:url(/img/pagination_arrowll.png); }
.pagination .arrowr { background-image:url(/img/pagination_arrowr.png); }
.pagination .arrowrr { background-image:url(/img/pagination_arrowrr.png); }
.pagination .arrowl_off { background-image:url(/img/pagination_arrowl_off.png); }
.pagination .arrowll_off { background-image:url(/img/pagination_arrowll_off.png); }
.pagination .arrowr_off { background-image:url(/img/pagination_arrowr_off.png); }
.pagination .arrowrr_off { background-image:url(/img/pagination_arrowrr_off.png); }
.pagination .arrowl:hover { background-image:url(/img/pagination_arrowl_on.png); }
.pagination .arrowll:hover { background-image:url(/img/pagination_arrowll_on.png); }
.pagination .arrowr:hover { background-image:url(/img/pagination_arrowr_on.png); }
.pagination .arrowrr:hover { background-image:url(/img/pagination_arrowrr_on.png); }
/* Wizzard */
.wtabs { display:block; list-style:outside none none; height:66px; margin: 0; padding:0; background-color:#B9D3DC; border-radius: 5px; overflow:hidden; }
.wtabs li { display:block; float:left; padding:0; font-size:1.1em; font-weight:bold; }
.wtabs li > a { position:relative; display:block; float:left; padding:10px 30px 10px 55px; margin-right: 2px; background-color:#7BA7BC; color:#b9d3dc; line-height:1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; text-decoration:none; }
.wtabs li:first-child > a { padding-left:25px; }
.wtabs li > a::before { display:block; position:absolute; top:50%; left:100%; margin-top:-50px; margin-left:1px; width:0; height:0; content:" "; border-bottom:50px solid transparent; border-left:30px solid white; border-top:50px solid transparent; z-index:1; }
.wtabs li > a::after { display:block; position:absolute; top:50%; left:100%; margin-top:-50px; width:0; height:0; content:" "; border-bottom:50px solid transparent; border-left:30px solid #7BA7BC; border-top: 50px solid transparent; z-index:2; }
.wtabs li.active > a { background-color:#4E87A0 !important; border-color:#4E87A0 !important; color:#ffffff !important; }
.wtabs li.active > a::after { border-left:30px solid #4E87A0 !important; }
.wtabs li.active > a, .wtabs li.active > a:focus, .wtabs li.active > a:hover
{ color:#555555; -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:#ffffff; border-color:#b9d3dc #b9d3dc transparent; border-style:solid; border-width: 1px; cursor:default; }
.wtabs li.disabled > a { cursor:auto; }
.wtabs li small { display:block; font-weight:normal; }
.wstep { display:none; margin:0; padding:0; min-height:350px; overflow:hidden; }
.wstep.active { display:block; }
.wstep h2 { clear: both; padding: 0 0 10px; font-size:17px; font-weight:bold; color:#4e87a0; text-transform: uppercase; }
.wstep h3 { clear: both; padding:20px 0 10px; font-size:15px; font-weight:bold; color:#4e87a0; text-transform: uppercase; }
.wstep p { margin:5px 0 15px !important; font-weight:normal; text-align:justify; }
/* Modal window */
.modal { display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background: rgba(255, 255, 255, .8) url('/img/i_loading.gif') 50% 50% no-repeat; }
body.loading { overflow:hidden; }
body.loading .modal { display:block; }
/* Autocomplete */
/* highlight results */
.ui-autocomplete span.hl_results { background-color: #ffff66; }
/* loading - the AJAX indicator */
.ui-autocomplete-loading { background: white url('/css/jquery-ui/themes/ui-lightness/images/ui-anim_basic_16x16.gif') right center no-repeat; }
/* scroll results */
.ui-autocomplete { max-height:250px; overflow-y:auto; overflow-x:hidden; padding-right:5px; }
.ui-autocomplete li { font-size: 16px; }
/* IE 6 doesn't support max-height, we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete { height:250px; }
.ui-menu .ui-menu-item a { font-family:Lucida Grande,Lucida Sans,Arial,sans-serif; font-size:0.7em; color:#868689; }
.ui-menu .ui-menu-item.hilite a { color:#FF4238; }
.ui-widget-content { border-color:#d5d5d5; }
.tooltip_templates { display: none; }
/* Calendar */
#cal_div { position:absolute; top: 0px; left: 0px; width:154px; border:1px solid #1E2336; border-radius: 4px 4px 0px 0px; z-index:999999; background:#636364 url(/img/cal_top.png) repeat-x top; }
#cal_div .handler { position:relative; margin:0; padding:3px; cursor:pointer; }
#cal_div .cal_header { margin: 0 auto; padding: 0; text-align:center; font-family:arial; font-size:11px; color:#ffffff; font-weight:normal; }
#cal_div .cal_close { position:absolute; top:4px; right:4px; width:8px; height:8px; margin: 0; padding: 0; background:url(/img/i_close.png) no-repeat center center; }
#cal_div .nav { margin:0 auto; padding: 1px; overflow:hidden; }
#cal_div .cal_back { float:left; width:7px; height:12px; margin: 3px 2px; padding:0; cursor:pointer; background:url(/img/cal_back.png) no-repeat center center; }
#cal_div .cal_forth { float:left; width:7px; height:12px; margin: 3px 2px; padding:0; cursor:pointer; background:url(/img/cal_forth.png) no-repeat center center; }
#cal_div #cal_month { float:left; width:76px; margin: 2px; padding:0; border:0; font-family:arial; font-size:10px; color:#ffffff; background:#636364; }
#cal_div #cal_year { float:left; width:30px; margin:2px 2px 2px 8px; padding:0; border:0; text-align:right; font-family:arial; font-size:10px; color:#ffffff; background:#636364; }
#cal_div #anno_control { float:left; width:8px; height:10px; margin:3px 2px 0 0; padding:0; overflow:hidden; }
#cal_div #anno_up, #cal_div #anno_down
{ width:100%; height:5px; margin:0; padding:0; cursor:pointer; }
#cal_div #anno_up { margin-bottom: 1px; background:url(/img/cal_up.png) no-repeat bottom center; }
#cal_div #anno_down { background:url(/img/cal_down.png) no-repeat top center; }
#cal_header { width:100%; height:18px; margin:0; padding:0; background:#d9d9d9; font-size:10px; color:#868689; }
#cal_days { width:100%; height:110px; background:#ffffff; }
#cal_div .cal_day { float:left; width:22px; height:15px; margin:0; padding:0; padding-top:3px; text-align:center; font-family:arial; font-size:10px; color:#3a3a3a; }
#cal_div .cal_festive { float:left; width:22px; height:15px; margin:0; padding:0; padding-top:3px; text-align:center; font-family:arial; font-size:10px; color:#FF4238; font-weight:bold; }
#cal_div .cal_disable { float:left; width:22px; height:15px; margin:0; padding:0; padding-top:3px; text-align:center; font-family:arial; font-size:10px; color:#ececec; }
#cal_div .cal_today { color:#1E2336; background:#d9d9d9; }
#cal_div .actions { height:17px; margin:0 auto; padding:0px 16px; padding-top:5px; overflow:hidden; font-size:11px; color:#868689; background:#636364 url(/img/cal_actions.png) repeat-x bottom; }
#cal_div .today { float:left; height:14px; margin:0; padding:0; padding-top: 1px; padding-left:17px; cursor:pointer; background:url(/img/cal_today.png) no-repeat left top; }
#cal_div .reset { float:right; height:14px; margin:0; padding:0; padding-top: 1px; padding-left:17px; cursor:pointer; background:url(/img/cal_reset.png) no-repeat left top; }
#cal_div .today:hover { color:#1E2336; }
#cal_div .reset:hover { color:#1E2336; }
@media screen and (max-width:1165px) {
#logo { left:5px !important; width:44px !important; background-size:contain; }
#headertitle { left:72px; }
#headeractions li { font-size:15px; padding: 5px 10px; }
#headeractions #usrinfo { font-size:12px; }
#menu { left:53px; }
#menu li { padding:10px 15px; font-size:12px; }
#content { padding-left:74px; }
#submenu { width:23px; }
#submenu li { height:20px; padding:10px 0 10px 38px; border:0; }
#submenu li .icon { top: 0; }
}
@media screen and (max-width:950px) {
#menu { display:none; }
#menu2.active .slicknav_menu { display:block; }
#headertitle { top:28px; left:123px; }
#headerinfo { top:auto; bottom:2px; }
#headeractions #usrinfo { font-size:11px; }
}