@import url(PExDpagination.css);	/* Importing PExD pagination styles */

table.mainlayout {			/* Overwriting Existing PCIT Styles */
	width: 985px;
}

table.mainlayout td.content {		/* Overwriting Existing PCIT Styles */
	width: 825px;
}

table.search-layout-w-border {		/* Overwriting Existing PCIT Styles */
    width: 788px;   /* default width */
    *width: 789px;  /* IE 7 */
}

table.search-layout-w-border td.left {		/* Overwriting Existing PCIT Styles */
	text-align: right;
	padding-right: 10px;
}

table.mainlayout td.title-bkgnd {
	background-color:#003366;
}

table.mainlayout td.page-title {	/* Overwriting Existing PCIT Styles */
	width: 825px;
}

.help {
	float: none;
	position: relative;
	top: -20px;
	left: 0px;
	margin-bottom: -20px;
	margin-left: 748px;
	margin-right: -8px;
	font-weight: normal;
}

.help img {
	left: 5px;
}

body {
	margin-top: 0px;
}


h1 {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	background-color: #EFF4FA !important;
	padding: 3px 5px;
	margin: 0px -15px 10px -15px;
}

h2 {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003365;
	font-weight: bold;
	margin: 20px 0px;
	text-align: center;
}

h2.or {
	margin: -5px 0px;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 20px 0px;	
}

.sh3 {
	font-style: italic;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px 0px 10px -5px;
	color: #003365;
	background-color: #EFEFEF;
	padding: 0px 5px;
}

h5 {
	margin-bottom: 0px;
	margin-top: 20px;
	font-size: 1.0em;
}

.bold {
	font-weight: bold;
}

.add-btn, .search-btn {
	vertical-align: top;
	margin-left: 5px;
}

.search-btn2 {
        position: relative;
        top: 2px;
        left: 12px;
        margin-bottom: -1px;
}


a.remove {
	font-size: 0.7em;
	text-decoration: none;
	margin-left: 3px;
	vertical-align: middle;
}

hr {
	color: #FFFFFF;
	border-top: 1px dashed #003365;
}

hr.main {
	color: #FFFFFF;
	border-top: 2px solid #6699CB;
	margin-bottom: 10px;
}


.return {
	text-align: right;
	font-size: 0.8em;
	margin: 0px;
}

.return a {
	text-decoration: none;
}

.selectClear {          /* Select All/Clear All link */
  font-size: 0.9em !important;  
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.selectClear:hover {
        color: green;
}

table.data-table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px;
	
}


table.data-table th, table.data-table td {
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
}

tr.oddRow td {
	background-color: #FFFFFF;
}

tr.evenRow td {
	background-color: #EFF4FA;
}


.no-selection {
	font-style: italic;
	text-align: left;
	margin-top: 5px;
}

.required-text {
	font-size: 0.9em; 
	margin-top: 0px;
        margin-bottom: 5px;
	
}

.footer-text {
	margin: 25px 0px 10px 0px;
	font-style: italic;
	font-size: 0.9em;
}

hr.admin {
	margin: 10px 0px;
}

.add-selected {
	margin: 4px 0px 0px 215px;
}

.remove-selected {
	margin: 4px 0px 0px 207px;
}

div.country {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
}

div.country img {
	margin: 5px 0px 8px 0px;
	/*border: 1px solid #333333;*/
}

table.group-country {
	border-collapse: collapse;
	width: 100%;
	margin: 15px 0px;
}

table.group-country td {
	font-weight: normal;
	text-align: center;
	padding-bottom: 5px;
}

table.group-country img {
	margin-bottom: 0px;
}


/*  Search Results  */

.search-results-select {
        text-align: right;
	width: 300px;   
        font-weight: bold;
        margin-bottom: 2px;
}

.search-results-panel {
	border: 1px solid #AAAAAA;  
	width: 300px;  
	background-color: #EFEFEF;        
}

table.search-results-table {
	width: 300px;
	border-collapse: collapse;
        border: 1px solid white;
}

table.search-results-table th {
	text-align: left;
	font-style: italic;
	font-weight: bold;
        font-size: 1.0em;
        background-color: #FFFCCF;
        border: 0px;
        border-top: 1px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;    
	padding: 2px 0px 2px 5px;
}

table.search-results-table td {
	text-align: left;
	font-size: 0.9em;
	vertical-align: middle;
        border: 0px;
}

table.search-results-table td.none {
	font-size: 0.9em;
	text-align: center;
}

table.search-results-table tr.oddRow td {
	background-color: #EFF4FA;
	padding: 2px 0px 2px 5px;
        border: 0px;
}

table.search-results-table tr.evenRow td {
	background-color: #FFFFFF;
	padding: 2px 0px 2px 5px;
        border: 0px;
}

table.search-results-table th.select, table.search-results-table td.select {
	width: 22px;
	text-align: right;
	padding-right: 5px !important;
	border-right: 1px solid #DDDDDD !important;	
}

table.search-results-table th.select {
	border-right: 0px;
}
/*  End of Search Results  */


table.commodity-info {
	border-collapse: collapse;
	margin: 0px auto 20px auto;  
  max-width: 800px;
}

.max-width {   /*  Created div tag b/c IE would not support on table style */
  max-width: 800px;
}


table.commodity-info th {
	font-size: 0.85em;
	padding: 2px 5px;
	border-bottom: 1px solid #CCCCCC;  
}

table.commodity-info td {
	font-size: 0.85em;
	padding: 2px 5px;
}

table.commodity-info td.left {
	text-align: right;
  white-space: nowrap !important;
}

.tipHide {
	display: none;
}

.tipShow {
	display: block;
	padding: 5px 10px;
	background-color: #FFFCCF;
	border: 1px solid #ECE469;
	position: absolute;
	width: 300px;
	font-size: 0.9em;
}

/* Tab Styles Begin */

table.tabLayout {
        width: 800px !important;
        vertical-align: top !important;
        border-collapse: collapse !important;
        border-spacing: 0px !important;
        background-color: #FFFFFF !important;
        border-left: 1px solid #AAAAAA;
}

table.tabLayout td {
        vertical-align: middle !important;     
        padding: 2px !important;
        font-size: 1.0em;
}


table.tabLayout td.tabContent {
        background-color: #EAEAEA !important;
        border: 1px solid #AAAAAA;
        border-top: 0px;
        padding: 5px 20px 20px 20px !important;
        
}

.activeTab {
        border: 1px solid #AAAAAA;
        border-bottom: 0px;
        background-color: #EAEAEA;  
        font-size: 1.0em;
}

.activeTab input {
        font-weight: bold;
        font-size: 1.0em;        
        font-family: Arial, Helvetica, sans-serif; 
}

.inactiveTab {
        border: 1px solid #AAAAAA;
        background-color: #FFFFFF;
        font-size: 1.0em;  
}

.inactiveTab input {
        color: #0000FF;
        background-color: #FFFFFF;
        text-align: center;
        text-decoration: underline;   
        margin-bottom: 0px;
}

.disabledTab {
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
        border: 1px solid #AAAAAA;    
        padding-bottom: 4px !important;  
        font-size: 1.0em;  
}
.emptyRowTab {
        color: #000000;
        text-decoration: none;   
        padding-bottom: 4px !important;    
        font-size: 1.0em;  
}

.disabledTab label, .emptyRowTab input {
        background-color: #FFFFFF;
        color: #000000 !important;
        text-decoration: none !important;  
}

table.tabLayout td.tabContent .emptyRowTab {  /*  Needed to overwrite styles to display pagination-none style when there are no entries  */
        background-color: #EAEAEA;
        border: 0px;
        font-size: 1.0em;  
}

table.tabLayout td.tabContent .emptyRowTab table {   /*  Needed to overwrite styles to display pagination-none style when there are no entries  */
        position: relative;
        top: 15px;
        margin-bottom: 20px;
        margin-left: 2px;
        font-size: 1.0em;  
}

.subTab {
        background-color: #EAEAEA !important;
        border: 0px;
}

.myFaces_panelTabbedPane_subHeaderCell_last {
        border-right: 1px solid #AAAAAA !important;
        border-top: 1px solid #AAAAAA !important;
}

/* Tab Styles End */

/*  Update Top Buttons  */

.update-topnav {
	width: 100%;
	position: relative;
	top: -15px;
	left: 5px;
	text-align: right;
}

.update-topnav img, .update-topnav input, .update-topnav button {
	margin: 0px;
        cursor: pointer;
}

.update-topnav button {
        margin-top: 0px;
        margin-left: -3px;
        *margin-left: 0px;  /* IE 6 & 7 CSS Hack */
}

.previewbtn {         /* Preview Button */
    width: 59px;
    height: 32px;
    border: 0px;
    background-color: transparent;
    *position: relative;   /* IE 6 & 7 CSS Hack */
    *top: -3px;            /* IE 6 & 7 CSS Hack */
}

/*  End of Update Top Buttons  */

.helperRed {
	font-size: 0.7em; 
	color: red;
}



/* Overwriting Header Styles - Needed on any page that allows Rich Text Formatting */

table.pagination-layout h1 {
 	font-size: 2em; 
	margin: .67em 0em; 
}

table.pagination-layout h2 {
  font-size: 1.5em; 
  margin: .75em 0em;
}

table.pagination-layout h3 {
  font-size: 1.17em; 
  margin: .83em 0em;
}

table.pagination-layout h4 {
 	font-size: 1.0em;
  margin: 1.12em 0em; 
}

table.pagination-layout h5 {
  font-size: .83em; 
  margin: 1.5em 0em;
}

table.pagination-layout h6 {
  font-size: .75em; 
  margin: 1.67em 0em; 
}

table.pagination-layout h1, table.pagination-layout h2, table.pagination-layout h3, table.pagination-layout h4, table.pagination-layout h5, table.pagination-layout h6 {
  font-weight: bolder;
  color: #000000;
  padding: 0px;
  background-color: transparent;
}

.more-info h1 {
 	font-size: 2em; 
	margin: .67em 0em; 
}

.more-info h2 {
  font-size: 1.5em; 
  margin: .75em 0em;
}

.more-info h3 {
  font-size: 1.17em; 
  margin: .83em 0em;
}

.more-info h4 {
 	font-size: 1.0em;
  margin: 1.12em 0em; 
}

.more-info h5 {
  font-size: .83em; 
  margin: 1.5em 0em;
}

.more-info h6 {
  font-size: .75em; 
  margin: 1.67em 0em; 
}

.more-info h1, .more-info h2, .more-info h3, .more-info h4, .more-info h5, .more-info h6 {
  font-weight: bolder;
  color: #000000;
  padding: 0px;
  background-color: transparent;
}

/*  End of Overwriting Header Styles */

.richText {           /* Needed to correct display in non-IE browsers  */
        height: 150px;
}

/*  Calendar Styles */

.calendar {                     /*  For Calendar graphic */
   position: relative;
   *top: -1px;
   left: 3px;
}

.dateFormat {                      /* mm/dd/yyyy layout for new t:inputCalendar */
    text-align: left;
    margin-left: 19px;
    font-size: 0.85em !important;
}

table.time-layout .dateFormat {
    font-size: 1.1em !important;
}

/*  End of Calendar Styles */


/*  Last Updated Date Notice Styles.  Used on CSData.js, ViewPExD.jsp, UpdateCountryInfo.jsp, CommSummary.jsp  */

.updates {
    border: 1px solid #ED0505;
    padding: 10px;
    margin: 5px 0px 15px 0px;
    background-color: #FDE6E6;
}

.updates strong {
	color: #ED0505;
}

.updates-text {
	font-size: 0.9em;
	margin-top: 4px;
}


.updates ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

.updates li {
	margin: 5px 0px;
}

.updates input {
	vertical-align: middle;
	margin-left: 8px;
}

.updates-reason {
	font-weight: bold;
	margin: 0px 0px 0px 40px;
	white-space: nowrap;
}

/*  End of Last Updated Date Notice Styles  */