@CHARSET "ISO-8859-1";

/*
Dark Blue:  004a7a
Orange:  ff6908
Grey:  3a444a
Old Grey: 646666
*/

.PP_COLOR_1 { color:#004a7a; }
.PP_COLOR_2 { color:#ff6908; }
.PP_COLOR_3 { color:#3a444a; }

.PP_BGCOLOR_1 { background-color:#004a7a; }
.PP_BGCOLOR_2 { background-color:#ff6908; }
.PP_BGCOLOR_3 { background-color:#3a444a; }

/* LUX OVERRIDES */

.LUX_BUTTON:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_BLUE:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_BLUE:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_BLUE:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_RED:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_RED:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_RED:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_YELLOW:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_YELLOW:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_YELLOW:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_GREY:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_GREY:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_GREY:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_BLACK:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_BLACK:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_BLACK:hover { box-shadow:0px 0px 10px #ff6908; }


.PP_BODY { background-color:#3a444a }
.PP_LOGO { width:313px; height:67px; background-image:url("/images/logo.png"); }
.PP_BANNER { position:fixed; top:0px; left:0px; width:100%; height:90px; background:white url("/images/logo.png") no-repeat 30px 12px; z-index:100; }
.PP_DESKTOP { position:fixed; top:0px; left:0px; bottom:0px; right:0px; padding-top:100px; overflow:auto; z-index:1; }
.PP_PERFORMER { position:fixed; top:0px; left:0px; bottom:0px; right:0px; overflow:hidden; z-index:1; }
.PP_PERFORMER_MASK { position:fixed; top:0px; left:0px; bottom:0px; right:0px; overflow:hidden; z-index:2; opacity:0.0; filter:alpha(opacity=0); }
.PP_PERFORMER_OPTIONS_LEFT { position:fixed; top:0px; left:0px; width:4em; height:100%; overflow:hidden; z-index:200; }
.PP_PERFORMER_OPTIONS_RIGHT { position:fixed; top:0px; right:0px; width:4em; height:100%; overflow:hidden; z-index:200; }
.PP_PERFORMER_OPTIONS_ITEM { height:25%; color:#fff; opacity:0.3; filter:alpha(opacity=30); overflow:hidden; }
.PP_PERFORMER_OPTIONS_BUTTON { position:relative; top:50%; width:100%; transform:translate(0,-.5em); font-size:3em; text-align:center; vertical-align:middle; } 
.PP_PERFORMER_CMDBAR { position:fixed; bottom:0px; left:0px; width:100%; height:3em; color:#fff; background-color:#000; overflow:hidden; z-index:201; }
.PP_PERFORMER_CMDBAR_SECTION { display:inline-block; height:inherit; overflow:hidden; }
.PP_PERFORMER_CMDBAR_MODULE { display:inline-block; height:2.5em; width:2.5em; margin-top:0.25em; margin-left:0.25em; border-radius:2px; color:#fff; background-color:#000; overflow:hidden; }
.PP_PERFORMER_CMDBAR_ELEMENT { display:inline-block; height:2.5em; width:2.5em; margin-top:0.25em; margin-left:0.25em; border-radius:50%; color:#000; background-color:#fff; line-height:2.5em; text-align:center; overflow:hidden; }
.PP_PERFORMER_TRAY { position:fixed; bottom:0px; right:0px; height:3em; color:#fff; background-color:#000; overflow:hidden; z-index:202; }
.PP_PERFORMER_DEPTHGAUGE { position:fixed; bottom:0px; right:0px; height:1em; color:#fff; background-color:#000; overflow:hidden; z-index:203; }
.PP_PERFORMER_DEPTHGAUGE_ELEMENT { display:inline-block; height:100%; width:0.5em; margin-right:0.25em; background-color:#ff6908; overflow:hidden; z-index:204; }
.PP_PERFORMER_SELECTED { opacity:1.0; filter:alpha(opacity=100);  }
.PP_PERFORMER_UNSELECTED { opacity:0.5; filter:alpha(opacity=50);  }






.PP_FILL { height:100%; width:100%; }
.PP_HFILL { width:100%; }
.PP_VFILL { height:100%; }
.PP_VSCROLL { overflow-y:auto; overflow-x:hidden; }
.PP_HSCROLL { overflow-x:auto; overflow-y:hidden; }
.PP_SCROLL { overflow:auto; }
.PP_NOSCROLL { overflow:hidden; }
.PP_H1 { margin-top:20px; font-size:1.25em; font-weight:bold; color:#004a7a; }
.PP_H2 { margin-top:20px; font-size:1.25em; font-weight:bold; color:#ff6908; }
.PP_P { margin-top:8px; font-size:1em; font-weight:normal; color:#333333; }
.PP_P2 { margin-top:8px; font-size:.8em; font-weight:normal; color:#333333; }
.PP_TOGGLES { font-size:1em; }

.PP_SEGMENT2 { display:inline-block; height:100%; width:50%; overflow:hidden; }
.PP_SEGMENT3 { display:inline-block; height:100%; width:33.3%; overflow:hidden; }
.PP_SEGMENT4 { display:inline-block; height:100%; width:25%; overflow:hidden; }
.PP_SEGMENT5 { display:inline-block; height:100%; width:20%; overflow:hidden; }

.PP_LAUNCH_PAD { position:absolute; top:0px; left:0px; height:100%; width:100%; padding-top:125px; overflow-y:auto; overflow-x:hidden; text-align:center; z-index:1; }
.PP_LAUNCH_PAD_ITEM { position:relative; display:inline-block; width:20em; margin-bottom:4em; }
.PP_LAUNCH_PAD_ICON { margin:auto; height:5em; width:10em; line-height:6.25em; overflow:hidden; text-align:right; border:3px solid #ccc; border-top-left-radius:1em; border-top-right-radius:1em; border-bottom-left-radius:1em; background-color:#ff6908; color:#fff; font-size:1.2em; padding:.75em; }
.PP_LAUNCH_WATERMARK { position:absolute; top:5px; left:1.25em; font-size:4em; color:#fff; opacity:0.25; filter:alpha(opacity=25); }

.PP_ROLODEX_TAB { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:white; background-color:dimgray; text-align:left; border:1px solid dimgray; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:pointer; }
.PP_ROLODEX_TAB:hover { color:white; background-color:darkgray; border:1px solid lightgray; }
.PP_ROLODEX_TAB_SELECTED { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:black; background-color:white; text-align:left; border:1px solid white; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:context-menu; }
.PP_ROLODEX_TAB_SPACER { margin-left:5%; width:100%; height:.5em; }

.PP_NAV { position:absolute; top:0px; left:0px; height:100%; width:12em; padding-top:1em; background-color:dimgray; color:white; }
.PP_VIEW { position:absolute; height:100%; width:100%; padding-left:13em; padding-top:1em; background-color:white; color:black; }

.PP_ROLODEX2_TAB { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:dimgray; background-color:white; text-align:left; border:1px solid white; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:pointer; }
.PP_ROLODEX2_TAB:hover { color:dimgray; background-color:white; border:1px solid lightgray; }
.PP_ROLODEX2_TAB_SELECTED { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:black; background-color:lightgray; text-align:left; border:1px solid lightgray; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:context-menu; }
.PP_ROLODEX2_TAB_SPACER { margin-left:5%; width:100%; height:.5em; }

.PP_CONTEXTMENU_ITEM { height:2.5em; line-height:2.5em; font-size:1em; color:#004a7a; background-color:#cccccc; text-align:left; vertical-align:middle; cursor:pointer; box-shadow:black 0px 0px 10px }
.PP_CONTEXTMENU_ITEM:hover { color:#cccccc; background-color:#004a7a; }

.PP_NAV2 { position:absolute; top:0px; left:0px; height:100%; width:10em; padding-top:1em; background-color:white; color:dimgray; }
/* .PP_VIEW2 { position:absolute; height:100%; width:100%; padding-left:9em; padding-top:1em; background-color:lightgray; color:black; border-top-right-radius:8px; border-bottom-right-radius:8px; } */
.PP_VIEW2 { position:absolute; height:100%; width:100%; padding-left:11em; padding-top:1em; background-color:lightgray; color:black; border-radius:8px; }

.PP_BUTTON_BAR { width:100%; background-color:lightgray; x-text-align:center; margin-bottom:1em; border-radius:8px; padding:8px; }

.PP_FONTSTYLE_ITEM { width:100%; height:2em; line-height:2em; overflow:hidden; border:2px solid white; border-radius:8px; cursor:pointer; padding-left:.5em; }
.PP_KEYWORD_ITEM { display:inline-block; width:10em; height:2em; line-height:2em; overflow:hidden; border:2px solid white; border-radius:8px; cursor:pointer; padding-left:.5em; }

.PP_CUSTOM_ITEM { display:inline-block; position:relative; height:7em; width:10em; margin-top:0.25em; margin-left:0.25em; color:#000; overflow:hidden; text-align:center; border:2px solid white; border-radius:4px; cursor:pointer; }
.PP_CUSTOM_ITEM_SELECTED { border:2px solid #ff6908; }
.PP_CUSTOM_ITEM_ICON { display:inline-block; height:3.5em; width:3.5em; margin-top:0.25em; border-radius:2px; overflow:hidden; }
.PP_CUSTOM_ITEM_CAPTION { font-size:0.6em; color:#666; }

.PP_THUMB_ITEM { display:inline-block; position:relative; height:6em; width:12em; margin-top:0.25em; margin-left:0.25em; color:#000; overflow:hidden; text-align:center; border:2px solid white; border-radius:4px; cursor:pointer; }
.PP_THUMB_ITEM_SELECTED { border:2px solid #ff6908; }
.PP_THUMB_ITEM_IMAGE { display:inline-block; height:5em; margin-top:0.25em; border-radius:4px; overflow:hidden; }

.PP_TOP_ITEM { display:inline-block; position:relative; height:9.5em; width:16em; margin-top:0.25em; margin-left:0.25em; color:#000; overflow:hidden; text-align:center; border:2px solid white; border-radius:4px; cursor:pointer; }
.PP_TOP_ITEM_SELECTED { border:2px solid #ff6908; }
.PP_TOP_ITEM_IMAGE { display:inline-block; height:6em; margin-top:0.25em; border-radius:4px; overflow:hidden; }
.PP_TOP_ITEM_CAPTION { font-size:0.9em; color:#666; }
.PP_TOP_ITEM_OPTIONS { position:absolute; top:0px; left:0px; width:100%; text-align:center; }
.PP_TOP_ITEM_OPTION { color:#004a7a; background-color:#ff6908; border-radius:50%; border:2px solid white; }

.PP_SELECTABLE_ITEM { width:100%; height:2em; line-height:2em; color:#000; background-color:#fff; border-radius:4px; cursor:pointer; overflow:hidden; }
.PP_SELECTABLE_ITEM:hover { background-color:#CCC; }

.PP_SELECTABLE_ITEM2 { width:100%; height:2em; line-height:1.5em; font-size:1.5em; color:#000; background-color:#fff; border-radius:4px; cursor:pointer; overflow:hidden; }
.PP_SELECTABLE_ITEM2:hover { background-color:#CCC; }

.PP_POPUP_VIEW { position:fixed; top:0px; left:0px; bottom:0px; right:0px; background-color:#3a444a; }
.PP_POPUP_VIEW_ICONS { display:table-cell; width:10%; text-align:left; font-size:3em; color:#fff; text-align:center; vertical-align:top; }
.PP_POPUP_VIEW_AREA { display:table-cell; width:80%; height:100%; overflow:auto; }
.PP_POPUP_VIEW_FULL { display:inline-block; width:100%; height:100%; overflow:auto; }

/*
.PP_MENU_TAB { margin-left:5%; width:100%; height:2em; line-height:2em; font-size:1em; color:#333; background-color:#fff; text-align:left; border:1px solid #fff; border-radius:4px; cursor:pointer; }
.PP_MENU_TAB:hover { color:#004a7a; background-color:#ccc; border:1px solid #ccc; }
.PP_MENU_TAB_SELECTED { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; text-transform:uppercase; color:#004a7a; background-color:#f5f5f5; text-align:left; border:1px solid #cccccc; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:context-menu; }
.PP_MENU_ICON { line-height:2em; }
.PP_MENU_TAB_SPACER { margin-left:5%; width:100%; height:2.5em; font-size:1.25em; font-weight:bold; text-decoration:underline; }
*/

@media (max-width: 767px) {
    .DNP_LEFT_NAV { display:inline-block!important; height:100%; width:100px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:600px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 768px) and (max-width:991px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:150px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:610px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 992px) and (max-width:1199px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:200px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:790px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 1200px) and (max-width:1499px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:250px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:950px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 1500px) /*and (max-width:1799px)*/ {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:300px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:1200px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}


* { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html, body { height: 100%; margin:0px; padding:0px; }