#app-login
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}
#app-login .large-logo
{
background:url(../images/phx-logo-white-large.png) 0 0 no-repeat;
width:400px;
height:200px;
margin:0 auto;
}
#app-login .secure-logos
{
margin-top:100px;
}
#app-login .secure-logos table
{
border-collapse:collapse;
border:none;
margin:0 auto;
}
#app-login .center
{
text-align:center;
}
#app-login .login-error
{
color:#db3727;
font-weight:bold;
text-align:center;
font-size:1.25em;
margin:0 0 5px;
padding:0 0 5px;
border-bottom:1px solid #ccc;
}
#app-login .login-container
{
width:300px;
background:#fff;
margin:0 auto;
padding:10px;
border:1px solid #333;
}
#app-login .login-container
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 10px 10px 10px #333;
}
#app-login .login-container h1
{
margin:0 0 5px;
padding:0 0 5px;
border-bottom:1px solid #ccc;
}
#app-login .login-container .mobile
{
margin:5px 0 0;
padding:5px 0 0;
border-top:1px solid #ccc;
}
#app-login .login-container .input-holder
{
padding:5px;
margin-bottom:5px;
}
#app-login .login-container .input-holder.button-holder
{
padding:0;
margin-bottom:10px;
}
#app-login .login-container label
{
display:block;
margin-bottom:3px;
font-size:1.25em;
}
#app-login .login-container input[type="text"], #app-login .login-container input[type="password"]
{
width:100%;
padding:5px;
border:1px solid #ccc;
}
#app-login .login-container input[type="text"], #app-login .login-container input[type="password"]
{
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
}
#app-login .login-container input[type="submit"]
{
color: #FFFFFF;
background-color: #3093c7;
}
#app-login .login-container input[type="submit"]
{
border: 1px solid #25729a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
padding: 6px 10px 6px 10px;
text-decoration: none;
display: inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight: bold;
color: #FFFFFF;
background-color: #3093c7;
cursor: pointer;
background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}
#app-login .login-container input[type="submit"]:hover
{
border: 1px solid #1c5675;
background-color: #26759e;
background-image: linear-gradient(to bottom, #26759e, #133d5b);
}

#phx-logo
{
background:url(../images/phx-logo.png) 0 0 no-repeat;
height:73px;
margin:8px 0 0 8px;
}

A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A:link {
	COLOR: #000000
}
A:visited {
	COLOR: #000000
}
A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.admin-tab-active {
	BORDER-RIGHT: #d5d291 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #d5d291 1px solid; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #d5d291 1px solid; COLOR: #696969; PADDING-TOP: 3px; BORDER-BOTTOM: #d5d291 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.admin-tab-inactive {
	BORDER-RIGHT: #d5d291 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #d5d291 1px solid; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #d5d291 1px solid; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #d5d291 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #edecd1; TEXT-ALIGN: center
}
.admin-tab-right {
	BORDER-BOTTOM: #d5d291 1px solid
}
.admin-tan-border {
	BORDER-RIGHT: #d5d291 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #d5d291 1px solid; BORDER-BOTTOM: #d5d291 1px solid; BACKGROUND-COLOR: white
}
.admin-tab-inactive A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.admin-tab-inactive A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.admin-tab-inactive A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.admin-tab-inactive A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}
admin-Gray-border {
	BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #666666 2px solid; BORDER-LEFT: #666666 2px solid; BORDER-BOTTOM: #666666 2px solid;
}
admin-Green-border {
	BORDER-RIGHT: #77BBA7 2px solid; BORDER-TOP: #77BBA7 2px solid; BORDER-LEFT: #77BBA7 2px solid; BORDER-BOTTOM: #77BBA7 2px solid; 
}
admin-Red-border {
	BORDER-RIGHT: #7E3877 2px solid; BORDER-TOP: #7E3877 2px solid; BORDER-LEFT: #7E3877 2px solid; BORDER-BOTTOM: #7E3877 2px solid; BACKGROUND-COLOR: white
}

BODY {
background-color:#3e5766;
margin:0;
padding:0;
}
.Ticker {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #edecd1
}
.grid-header A:active {
	COLOR: #696969; TEXT-DECORATION: none
}
.grid-header A:link {
	COLOR: #696969; TEXT-DECORATION: none
}
.grid-header A:visited {
	COLOR: #696969; TEXT-DECORATION: none
}
.grid-header A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.grid-edit-column {
	BORDER-TOP: #696969 1px solid; BORDER-LEFT: #696969 1px solid; BORDER-BOTTOM: #696969 1px solid
}
.grid-first-item {
	BORDER-RIGHT: #696969 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #696969 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 1px; PADDING-TOP: 4px; BORDER-BOTTOM: #696969 1px solid
}
.grid-item {
	BORDER-RIGHT: #696969 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #696969 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 1px; BORDER-LEFT: #696969 1px double; PADDING-TOP: 4px; BORDER-BOTTOM: #696969 1px solid
}
.grid-header {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; BORDER-BOTTOM: #696969 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.grid-last-item {
	PADDING-RIGHT: 4px; BORDER-TOP: #696969 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 1px; BORDER-LEFT: #696969 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #696969 1px solid
}
.header-gray {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.header-lightgray {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: gray; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.report-main-header {
	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #dcdcdc
}
.report-header {
	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.report-text {
	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.report-header A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.report-header A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.report-header A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.report-header A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.standard-text {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tab-active {
	BORDER-RIGHT: #edecd1 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #edecd1 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #edecd1 1px solid; COLOR: #990000; PADDING-TOP: 3px; BORDER-BOTTOM: #edecd1 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F0E8E5; TEXT-ALIGN: center
}
.tab-inactive {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #797979;CURSOR: hand; TEXT-ALIGN: center
}
.tab-inactive-mouseover {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px;  COLOR: #ffc453; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #797979;CURSOR: hand; TEXT-ALIGN: center
}
.tab-inactive-mouseout {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px;  COLOR: #ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #797979;CURSOR: hand; TEXT-ALIGN: center
}
.tan-border {
	BORDER-RIGHT: #d5d291 1px solid; BORDER-TOP: #d5d291 1px solid; BORDER-LEFT: #d5d291 1px solid; BORDER-BOTTOM: #d5d291 1px solid; 
}
.tab-inactive A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tab-inactive A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tab-inactive A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffc453; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.tab-inactive A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffc453; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
TD {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.functions-title {
	FONT-SIZE: 13px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline overline
}
.function:hover{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function:link{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function:active{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function:visited{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function_active:hover {
	FONT-SIZE: 12px; COLOR: red; font-weight:bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function_active:link {
	FONT-SIZE: 11px; COLOR: red; font-weight:bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function_active:active {
	FONT-SIZE: 11px; COLOR: red; font-weight:bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
.function_active:visited {
	FONT-SIZE: 11px; COLOR: red; font-weight:bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline; Cursor:Hand
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer,.ajax__tab_xp .ajax__tab_header .ajax__tab_outer,.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner,.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
background-image:none;
margin:0;
padding:0;
}
.ajax__tab_xp .ajax__tab_header, .ajax__tab_xp .ajax__tab_inner, .ajax__tab_xp .ajax__tab_outer
{
background:none !important;
}
, .ajax__tab_xp .ajax__tab_hover
{
background-image:none !important;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab, .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
background-image:none;
font-weight:700;
color:#fff;
background-color:#db3727;
padding:3px 10px;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab:hover {
background-image:none;
color:#ccc;
background-color:#db3727;
}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
background-image:none;
color:#db3727;
background-color:#efefef;
}
.ajax__tab_xp > div > span
{
margin-right:2px;
}
#Main_Tabs_body
{
display:none;
}

#Functions
{
margin-bottom:15px;
}
#Functions .function-heading
{
text-transform: uppercase;
font-weight: bold;
text-align: right;
display: block;
font-size: 11px;
}
#Functions .function-link
{
text-align:right;
display:block;
}
#Functions .function-link a
{
font-size: 11px;
text-decoration:none;
}
#Functions .function-link a.function_active {
color:#db3727;
font-weight:bold;
}
#Functions .functions-title {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#Functions .functions-heading
{
width:98%;
border-bottom:1px solid #000;
font-weight:bold;
}
.left-bar
{
width: 170px; 
padding-left: 5px; 
padding-top: 0px; 
vertical-align: top;
background:#efefef;
}

/* old tab override */
.tab-inactive
{
font-weight:700;
color:#fff;
background-color:#db3727;
}
.tab-inactive-mouseover {
background-color:#db3727;
color:#ccc;
}
.tab-inactive-mouseout {
background-color:#db3727;
}