﻿/*

Aircraft Performance Group,
Design by UltraVise, LLC ,2012
Jeff McCamley

Colors:

Colors:
	Gray Border: #CCC
	Red: #911E01
	Orange: #E69D00
	Orange Hover: #B87F06
	Pantone 289 Blue: #00244D
	Link Blue: #003F87 
	Hover Blue: #5978BD
	Charcoal Gray: #424242

Contents:
	1. MAIN SHELL
	2. HOMEPAGE
	3. TWO COLUMN LAYOUT
	4. HEADLINE
	5. LOGIN AND LOGOUT
	6. jqGRID
	7. jQUERY TAB CONTROL
	8. PANEL CONTROL
	9. jQUERY MODAL DIALOG
*/


/* 0. GLOBAL CONTENT   
=======================================================================================*/

*
{
	margin: 0;
	padding: 0;
/*	border: none;
	outline: none; */
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!Important;
}

body img
{
	border:0;
}

body div p
{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background-color: #FFF;
}

h1
{
	font-size: 27px;
	color: #00244D;
}

h2
{
	font-size: 24px;
	color: #00244D;
}
a, a:link {
	color: #003F87;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #5978BD;
}
.left {
	float: left;
}
.right {
	float: right;
}

.hiddenhref
{
	display:none;
}

/* checkboxes */


.ui-checkbox label{ 
	position: relative; 
	top: -4px;
	margin-left: 4px; 
}

.ui-checkbox input 
{
	margin-left:0!Important;
	padding-left:0!Important;
	width:10px!Important;
	padding-right:5px!Important;
}

.ui-errorbox ul
{
	margin-top:10px;
	margin-left:20px;
}

/* validation summaries */

.ui-validation-summary
{
	padding:10px !Important;
	margin-bottom: 20px !Important;
}

.ui-validation-summary span
{
	padding:10px !Important;
}

.ui-validation-summary ul
{
	padding:10px 0 0 20px !Important;
}

.ui-validation-summary li
{
	margin-left:25px !Important;
}

.ui-validation-summary-info
{
	padding:10px !Important;
	margin-bottom: 20px !Important;
	background-color: #EDF3FA !Important;
	color: #003F87 !Important;
	border-color: #003F87 !Important;
}

.ui-validation-summary-info span
{
	padding:10px !Important;
}


/* buttons */


.ui-icon-white { 
  background-image: url("../themes/apg/images/ui-icons_ffffff_256x240.png") !Important; 
} 
.ui-btn-action
{
	width:30px;
	height:24px;
	padding:0 10px 0 8px !Important;
	background:none;
	background: url("../themes/apg/images/ui-bg_highlight-hard_40_174987_1x100.png") repeat-x scroll 50% 50% #174987 !Important;
}

.ui-btn-action:hover
{
	background:none!Important;
	background-color:#364F87!Important;
}

.ui-btn-action span
{
	width:14px;
	height:14px;
	padding: 0 !Important;
	margin:-2px 0 0 0!Important;
	display:block!Important;
}

.ui-btn-action-disabled
{
	width:30px;
	height:24px;
	padding:0 10px 0 8px !Important;
}

.ui-btn-action-disabled span
{
	width:14px;
	height:14px;
	padding: 0 !Important;
	margin:-2px 0 0 0!Important;
	display:block!Important;
}

.ui-textbox-disabled
{
	background-color:#FCFCFC!Important;
	border: 1px solid #CCC!Important;	
}

.ui-textbox-disabled:hover
{
	background-color:#FCFCFC!Important;
	border: 1px solid #CCC!Important;
}

.blueButton
{
	margin-top: 10px!Important;
    background: repeat-x scroll 50% 50% #00458F!Important;
    color: #FFF!Important;
    width:80px!Important;
    height:30px!Important;
    line-height:30px!Important;
    min-height:30px!Important;
    font-size:12px!Important;
    font-weight:bold!Important;
}
.blueButton:hover
{
    color: #F4F7AB!Important;
    border-color: #F4F7AB!Important;
}   

/* Input controls */
.ui-textbox 
{
	border: 1px solid black;
	height: 20px;
	line-height: 18px;
	padding: 2px;
	margin: 0;
	font-size: 14px !Important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !Important;
}

.ui-textbox:hover
{
	border: 1px solid #D3D3D3;
	background-color: #FFFEF7;
}

.ui-textbox-upper
{
	text-transform:uppercase;
	height: 20px;
	line-height:18px;
	padding: 2px;
	margin:0;
	font-size: 14px!Important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!Important;
}

.ui-textbox-upper:hover
{
	border: 1px solid #D3D3D3;
	background-color: #FFFEF7;
}

/* Input controls */
.ui-dropdown
{
	height: 18px;
	line-height:14px;
	padding: 2px;
	margin:0;
}

.ui-dropdown:hover
{
	border: 1px solid #D3D3D3;
	background-color: #FFFEF7;
}

.ui-table td
{
	padding:3px;
}

.ui-td-label
{
	font-weight:bold;
	color:#222!Important;
}

.ui-td-blue
{
	background-color: #33558A;
	text-align:center;
	color: #FFF;
}

.ui-td-yellow
{
	
	background-color: #FCEB32;
	text-align:center;
}

.ui-td-gray
{
	background-color: #E2E2E2;
	text-align:center;
}

.ui-button-blue
{
	width:130px!Important;
	background:none !Important;
	background-color: #33558A !Important;
	color:#FFF !Important;
}

.ui-button-green
{
	width:110px!Important;
	background:none !Important;
	color:#FFF!Important;
	background-color:#025402!Important;
}

.ui-button-yellow
{
	width:110px!Important;
	background:none !Important;
	color:#444!Important;
	background-color: #FCEB32!Important;
}

.ui-button-gray
{
	color:#444!Important;
	width:110px!Important;
	background:none !Important;
	background-color: #E2E2E2!Important;
}

.ui-button-blue:hover, .ui-button-green:hover,
.ui-button-yellow:hover,.ui-button-gray:hover
{
	color:#003FA8!Important;
	background-color:#F7F6DF !Important;
}

.ui-button-ltgray {
    border: 1px solid #D3D3D3;
    color: #555555 !Important;
    background-color: #E6E6E6 !Important;
}

.ui-button-ltgray:hover 
{
    border: 1px solid #364F87;
    color: #364F87 !Important;
    background-color: #F7F6DF !Important;
}


#jquery-loader-background, 
#jquery-loader-background2, 
#jquery-loader-background3
{
    background-color: #FFF;
}
#jquery-loader.blue-with-image,
#jquery-loader2.blue-with-image,
#jquery-loader3.blue-with-image
{
    border: 1px #666 solid;
    padding-top: 25px;
    background-color: #EDF2FA;
    text-align: center;
    height: 20px;
    width: 30px;
    top: 20px;
}    


/* 1. MAIN SHELL
=======================================================================================*/
.page
{
	width: 980px;
	clear:both;
}

#container {
	margin: 0 auto;
	width: 980px;
}
#header {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#header #logo {
	padding: 6px 0 20px 0;
	width: 218px;
	height: 100px;
	float: left;
}

/* subnav ----------------------- */

#header #sub-nav {
	padding: 40px 0 0 0;
	float: right;
}
#header #sub-nav ul {
	list-style: none;
	text-transform: lowercase;
}
#header #sub-nav li {
	color: #000;
	font-size: 11px;
	float: left;
}
#header #sub-nav li span {
	padding: 0 12px;
}
#header #sub-nav li a {
	color: #4D4948;
}
#header #sub-nav li img {
	padding: 2px 5px 0 0;
	float: left;
}

#header #title 
{
	float: left;
	clear: none;
	text-align:center;
	width: 530px;
	margin: 0px;
	padding-top: 5px;
	position:absolute;
	clear: both;
}

/* main nav ----------------------- */

#header #nav {
	padding: 30px 0 10px 0;
	width: 750px;
	float: right;
	clear: right;
}

#header #nav span{
	color:#000; 
	padding: 0 0 0 20px;
}

#header .bar
{
	clear:both;
	width:980px;
	height:2px;
	border-top: solid 1px #CCC;
	padding: 0;
	margin-bottom:8px;
}

#header #nav ul {
	list-style: none;
	width:100%;
	text-transform: uppercase;
	display:block;
	float:right;
	margin-top:10px;
}
#header #nav li {
	padding: 0 20px 0 20px;
	float: right;
}
#header #nav li a {
	font-size: 14px;
	color: #4D4948;
	border-bottom:solid 1px #FFF;
}
#header #nav li a:hover {
	font-size: 14px;
	color: #13498F;
	border-bottom:solid 1px #13498F;
	text-decoration:none;
}

#header #nav #login a 
{
	color: #E69D00;
	text-decoration: none;
	margin:0 -10px 0 60px;
	padding:0;
}

#header #nav #logout a:hover
{
	color: #B87F06;
	text-decoration: none;
	border-bottom:1px solid #B87F06;
}

#header #nav #logout a 
{
	color: #E69D00;
	text-decoration: none;
	margin:0 -10px 0 0px;
	padding:0;
}

#header #nav #login a:hover
{
	color: #B87F06;
	text-decoration: none;
	border-bottom:1px solid #B87F06;
}


/* footer ----------------------- */

#footer {
	margin: 0px auto;
	padding: 15px 0;
	text-align: center;
	text-transform: lowercase;
	color: #424242;
	width: 980px;
	clear:both;
}
#footer .bar
{
	clear:both;
	width:980px;
	height:2px;
	border-top: solid 1px #CCC;
	padding: 0;
	margin-bottom:16px;
}

#footer a 
{
	color: #424242;
	text-decoration: none;
	font-size:14px;
	border-bottom:solid 1px #FFF;
}

#footer a:hover {
	color: #5978BD;
	border-bottom:solid 1px #13498F;
	text-decoration:none;
}
#footer span {
	padding: 0 20px;
	color: #424242;
}
#footer .social {
	padding: 0 0 0 50px;
}

#footer .copyright 
{
	text-transform:none;
	font-size:10px;
	margin-top:10px;
	color: #424242;
	font-weight:normal!Important;
}

.required 
{
	color:Red;
	padding-right:2px;
}

.submit-message p {
	padding: 10px 0 10px 0px;
	text-align:center;
	color: #ff0303;
}

/* 2. HOMEPAGE
=======================================================================================*/

.home #bg-main .topbar 
{
	top:0;
	left:0;
	width: 100%;
	height: 435px;
	z-index:-5;
	position:absolute;
	overflow:visible;
}

.home #bg-main .bottombar
{
	top:300px;
	left:0;
	width: 100%;
	height: 329px;
	z-index:-5;
	position:absolute;
	overflow:visible;
}

.home #content 
{
	float:left;
	width: 700px;
	height: 100px;
	margin-bottom:40px;
	position:relative;
}
.home #content ul {
	list-style: none;
	margin:20px 0 0 0;
}
.home #content li 
{
	margin-right:18px;
	width: 560px;
	height: 100px;
	float: left;
	border:solid 1px #E1E1E1;
	padding: 20px 10px 10px 10px;
}

.home #content .last
{
	margin-right:-16px;
}

.home #content .in {
	padding: 10px 10px;
}

.home #content li h3 
{
	color:#3A3B78;
	font-size: 22px;
	margin-top:36px;
}

.home #content .apg-advantage
{
	margin: 10px 0 0 -10px;
}

.home #content .apg-advantage h3
{
	font-size: 18px;
}

.home #content .apg-advantage td
{
	padding: 10px;
}

.home #content p {
	padding: 5px 0;
	line-height: 14px;
}

.home #whatsnew
{
	float:right;
	width: 250px;
	height: 225px;
	margin:0 -22px 10px 0;
	position:relative;
	padding: 0 0 0 20px;
	border-left: 1px solid #CCC;
}

.home #whatsnew .title
{
	color: #00244D;
	position:absolute;
	float: left;
	margin: 1px 2px 2px 15px;
	text-align: center;
	width: 200px;
	font-size: 12px;
	font-weight: bold;
	/* Fallback for web browsers that doesn't support RGBa */ 
    /* ReSharper disable once InvalidValue */
	background: rgb(255, 250, 232) transparent; 
	/* RGBa with 0.6 opacity */ 
	background: rgba(255, 250, 232, 0.7); 
	/* For IE 5.5 - 7*/ 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFAE8, endColorstr=#FFFAE8); 
	/* For IE 8*/ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFAE8, endColorstr=#FFFAE8)"; 
}

.home #whatsnew h2
{
	text-align:center;
	margin: 0;
	font-size: 20px;
	color: #911E01;
}

.home #whatsnew td
{
	text-align:center;
	width: 230px;
}

.home #whatsnew #featuredvideo
{
	height: 100px;
	padding: 10px;	
	text-align: center;
}

.home #whatsnew #featuredvideo .playbutton
{
	background: url(../img/btn_play.png) 0 0 no-repeat;
	position: absolute;
	width: 33px;
	height: 32px;
	top: 105px;
	left: 125px;
}


.home #whatsnew #featuredvideo img
{
	border: 1px solid #ccc;
}



.morebuttoncontainer1
{
	position: absolute; 
	Height:28px;
	Width:144px;
	top:250px;
	left:50px;
}

.morebuttoncontainer2
{
	position: absolute; 
	Height:28px;
	Width:144px;
	top:250px;
	left:50px;
}

.morebuttoncontainer3
{
	position: absolute; 
	Height:28px;
	Width:144px;
	top:250px;
	left:50px;
}

.morebutton {
	background: url(../img/btn-slide_moreinfo.gif) 0 0 no-repeat;
	text-indent: -999999px;
	display: block;
	width: 144px;
	height: 29px;
}
.morebutton:hover {
	background-position: 0 -28px;
}

.signupbutton {
	background: url(../img/btn-slide_signupnow.gif) 0 0 no-repeat;
	text-indent: -999999px;
	display: block;
	width: 144px;
	height: 29px;
}
.signupbutton:hover {
	background-position: 0 -28px;
}

/* slideshow controls ----------------------- */

#slideshow {
	width: 980px;
	height: 379px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	border: none;
	float:left;
	margin-top:0px;
}
.slideshow-nav {
	position: absolute;
	top: 314px;
	left:30px;
	z-index: 999999;
}
#slide-arrow-left {
	margin: 2px 24px;
	background: url(../img/btn-slide_left_def.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 12px;
	height: 14px;
	float: left;
}
#slide-arrow-left:hover {
	background: url(../img/btn-slide_left_sel.png) 0 0 no-repeat;
	text-indent: -999999px;
}
#slide-arrow-right 
{
	margin: 2px;
	background: url(../img/btn-slide_right_def.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 12px;
	height: 14px;
	float: left;
}
#slide-arrow-right:hover {
	background: url(../img/btn-slide_right_sel.png) 0 0 no-repeat;
	text-indent: -999999px;
}

a#slide-button-1 {
	margin: 0 20px 0 0;
	background: url(../img/btn_round1.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 18px;
	height: 18px;
	float: left;
}
a#slide-button-1.active {
	background: url(../img/btn_round1-ovr.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 18px;
	height: 18px;
}
a#slide-button-2 {
	margin: 0 20px 0 0;
	background: url(../img/btn_round2.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 18px;
	height: 18px;
	float: left;
}
a#slide-button-2.active {
	background: url(../img/btn_round2-ovr.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 18px;
	height: 18px;
}
a#slide-button-3 {
	margin: 0 20px 0 0;
	background: url(../img/btn_round3.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 18px;
	height: 18px;
	float: left;
}
a#slide-button-3.active {
	background: url(../img/btn_round3-ovr.png) 0 0 no-repeat;
	display: block;
	text-indent: -999999px;
	width: 18px;
	height: 18px;
}

/* 3. TWO COLUMN LAYOUT
=======================================================================================*/

.two-col #content {
	margin: 0 0 30px 0;
	padding: 30px 0 0 0;
	width: 980px;
}

/* main column ----------------------- */

.two-col .in {
	margin: 0 0 30px 0;
	padding: 0 30px;
	clear: both;
}
.two-col .in h2 {
	font-size: 20px;
}
.two-col .in h3 
{
	font-size:16px;
	padding: 20px 0 0px 0;
}
.two-col .in h4 
{
	font-size:18px;
}


.two-col .in p {
	padding: 5px 0 35px;
}

.two-col .in ul
{
	padding: 0 15px 10px 15px;
}
.two-col .in img {
	padding: 5px 10px;
}
.two-col .in .main-col {
	width: 620px;
	float: left;
	padding-bottom:30px;
	margin-top:-15px;
}

/* 2 Column Form data */

.two-col .in .main-col table {
	margin-left:0px;
	width:450px;
}
.two-col .in .main-col td {
	padding: 0 0 10px 0;
}
.two-col .in .main-col .label {
	padding: 5px 10px 0 0;
	vertical-align: top;
	text-align: right;
	font-size: 14px;
	width: 100px;
}
.two-col .in .main-col .input {
	padding: 5px;
	border: 1px solid #CCC;
	width: 250px;
	z-index:9999;
}
.two-col .in .main-col textarea.input {
	padding: 5px;
	border: 1px solid #CCC;
	width: 300px;
	height: 90px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:14px;
}
.two-col .in .main-col .email-btn {
	margin: 10px 28px 0 0;
	padding:0;
	width: 87px;
	height: 26px;
	float: right;
}
.two-col .in .main-col .email-btn:hover {
	background-position: 0 -26px;
}

.two-col .in .main-col .login-btn {
	margin: 40px 140px 0 0;
	padding:0;
	background: url(../img/b_login.png) 0 0 no-repeat;
	width: 87px;
	height: 26px;
	float: right;
}
.two-col .in .main-col .login-btn:hover {
	background-position: 0 -26px;
}

/* sidebar ----------------------- */

.two-col .in .sidebar {
	background: #e5e5e5 0 0 no-repeat;
	width: 242px;
	float: right;
	border: solid 1px #DDD;
}

.two-col .in .sidebar p 
{
	padding: 0px;
	padding-bottom:10px;
	padding-top:5px;
}

.two-col .in .sidebar .in {
	padding: 20px;
}
.two-col .in .sidebar h3 {
	font-size: 20px;
	color: #706f70;
}
.two-col .in .sidebar a {
	color: #706f70;
	text-decoration: underline;
}
.two-col .in .sidebar a:hover {
	color: #fb9039;
	text-decoration: underline;
}

.body2
{
	background-color: #FFF;
}

.two-col #bg-other .topbar 
{
	top:0;
	left:0;
	width: 100%;
	height: 435px;
	z-index:-5;
	position:absolute;
	overflow:visible;
}

.two-col #bg-other .bottombar
{
	bottom:0;
	left:0;
	width: 100%;
	height: 329px;
	z-index:-5;
	position:absolute;
	overflow:visible;
}


/* 4. HEADLINE STYLES
=======================================================================================*/

.headline {
	margin: 0 0 0 30px;
	height: 78px;
	position: relative;
	z-index: 2;
}

.headline h1 {
	color: #CD6320;
	font-size: 28px;
	height: 78px;
	float: left;
}
.headline img {
	float: left;
}

/* 5. LOGIN AND LOGOUT PAGES
=======================================================================================*/

#LoginForm .selected
{
    background-position: 0 -52px;
}
#LoginForm label
{
    padding-left: 0px;
    float: left;
    text-align: left;
    margin-top: 9px;
    margin-left: -10px;
}

#LoginForm input
{
    width: 220px;
    height: 22px !important;
    padding: 0 5px 0 5px;
}

#LoginForm td
{
    padding: 2px 10px 0px 0px !Important;
}
#LoginForm input
{
    width: 220px;
    height: 22px !important;
    padding: 0 5px 0 5px;
}

#LoginForm #login
{
	width: 950px;
    margin-left: auto; 
    margin-right: auto; 
    padding: 0px 0 20px 30px; 
    height: 340px;
}

#LoginForm #leftLogin
{
	border: 1px solid #AAAAAA;
	float: left; 
	padding: 20px 20px 10px 20px; 
	height: 280px; 
	margin-top: 30px;
	width: 240px;
	background-color: #EEE!Important;
}

#LoginForm #leftLogin table
{
	margin-top: 0px; 
}

#LoginForm .errorPanel
{
	margin: 0px 0px 10px 0px;
}

#LoginForm .errorPanel span
{
	float: left; 
	margin-right: .3em;
}

#LoginForm .forgot-username
{
	margin-bottom: 30px;
}

#LoginForm #rightLogin
{
	float: left;
	width: 500px; 
	padding-left: 30px;
	padding-top: 20px; 
	margin-top: 30px;
}

#LoginForm #rightLogin h2
{
	color: #960000;
}

#LoginForm .hightlightBox
{
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#LogoutForm #logout
{
	width: 950px;
	margin-left: auto; 
	margin-right: auto; 
	padding: 0px 0 20px 30px; 
	height: 320px;
}

#LogoutForm #leftLogout
{
	width:600px;
	float: left; 
	padding: 0px 60px 10px 20px; 
	height: 270px; 
	margin-top: 45px;
}
#LogoutForm p
{
	margin-top:10px;
}

#AccessDeniedForm #accessdenied
{
	width: 950px;
	margin-left: auto; 
	margin-right: auto; 
	padding: 0px 0 20px 30px; 
	height: 320px;
}

#AccessDeniedForm #leftPanel
{
	width:400px;
	float: left; 
	padding: 0px 60px 10px 20px; 
	height: 270px; 
	margin-top: 45px;
}
#AccessDeniedForm p
{
	margin-top:10px;
}
#AccessDeniedForm h2
{
	color: #960000;
}

/* 6. jqGRID */

#listdiv 
{
	clear:both;	
}

.altRow
{
	background-color: #EEE!Important;
	background-image: none!Important;
}

.altRow:hover
{
	background-color: #F7F6DF!Important;
	background-image: none!Important;
}

#list_cb, #jqgh_list_cb
{
    padding: 0;
    margin: 0;
    padding-top: 2px;
    width: 34px!Important;
    height: 22px!Important;
}
#cb_list
{
    padding: 0;
    margin: 0;
}



/* 7. jQUERY TAB CONTROL */

.page #tabs
{
	width: 980px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 0;
}

/* 8. PANEL CONTROL */

.zonePopup .header
{
    background: url("../themes/treelist/CssImages/HeaderBack.gif") repeat-x scroll 0 0 #E2F0FF!Important;
    color: #FFF!Important;
    font-weight: bold!Important;
    padding: 3px!Important;
}

.style1
{
    width: 248px!Important;
}
        
.zonePopup
{
    width: 100%!Important;
    margin: 10px 0px 5px 0!Important;
    border-collapse: collapse!Important;
}
                
.zonePopup .header td
{
    padding: 3px!Important;
}
.zonePopup td
{
    border: 1px solid #ddd!Important;
    padding: 0 5px 0 5px!Important;
}
.zonePopup .dxeSBC
{
    border: 0!Important;
    padding: 0!Important;
    margin: 0!Important;
}
.zonePopup .dxeButtonEditButton
{
    width: 1px !important;
    margin: 0 !important;
    padding: 3px 6px 3px 6px !important;
}
.zonePopup .dxbebt
{
    width: 1px !important;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
}
        
.zonePopup .dx
{
    width: 1px !important;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
}
        
.zonePopup .dxeButtonEdit
{
    border: 1px solid #ccc!Important;
    margin: 2px 0 2px 0!Important;
    padding: 0!Important;
}
        
.zonePopup .dxic
{
    border: 0px!Important;
    margin: 2px 0 2px 0!Important;
}
        
.zonePopup .dxic input
{
    width: 20px !important;
    text-align: center !important;
    font-size: 12px !important;
}
.MPELDGridHeader
{
	color: #911E01 !Important;
	font-weight:bold;
	padding-bottom:5px;
}

.MPEYHeader
{
	color:#003F87 !Important;
	font-weight:bold;
	text-align:right;
}

.ui-panel
{
	margin-top:12px;
	width: 945px;
}

.ui-panel-container
{
	padding:5px!Important;
}

.ui-panel .ui-panel-bar
{
	padding: 0; 
	float: left; 
	overflow: visible;
}

.ui-panel .ui-header-button
{
	padding: 0; 
	margin: 0; 
	float: right; 
	right: 0;
}

.word-wrap
{
    padding: 0 5px;
    word-wrap: normal;
}

/* 9. jQUERY MODAL DIALOG */
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}