/**
 * Component Styles
 */


 /***
    Default Styles
  ***/

 /* Header Styles */
.page_component .component_header {
	margin: 0.5em 0;
	font-size: 18px;
	font-weight:bold;
/*	color: #00274D;
	padding-left: 0px;*/
}

.page_component .component_header_table {
	border-bottom: 2px solid #ccc;
	white-space: nowrap;
/*	background-color: #68C0DA;
	background-image: url(../image/act_hdrbkg.gif); */
}

.page_component .BreadCrumbs {
	margin-bottom: 8px;
	padding-left: 5px;
}
.page_component .BreadCrumbs a {
	color: #894328
}
.component .component_content, .snapshot_table_component .component_content,
.form_component .component_content {
	border-left: 10px solid #C4C8E3;
	/* border-left: 10px solid #68C0DA; */
}

.component .component_footer, .snapshot_table_component .component_footer,
.form_component .component_footer {
  border-left: 10px solid #C4C8E3;
  border-bottom: 5px solid #C4C8E3;
  /*border-left: 10px solid #68C0DA;
  border-bottom: 5px solid #68C0DA;*/
}

.snapshot_table_component .component_footer, .form_component .component_footer {
  padding-left: 4px;
  padding-bottom: 4px;
}

.component .component_header_table, .snapshot_table_component .component_header_table,
.form_component .component_header_table {
	margin-top: 20px;
	border-bottom: 0px solid #ccc;
	padding-left: 10px;
	background-color: #C4C8E3;
	/* background-color: #68C0DA; */
	white-space: nowrap;
	/* background-repeat: repeat-x;
	background-image: url(../image/act_shadedbkg.gif); */
}

.component .component_header, .snapshot_table_component .component_header,
.form_component .component_header {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/** Select a component in a component:
    TODO: there has to be a better way to do this whether it be renaming, or advanced css.
    if not this could get really annoying/confusing */
.component .component .component_header_table{
  background-color: #FFFFFF;
}

.component_header_table {
  width: 100%;
}

td.component_action_set {
  width: 65%;
}

.component_help_link {
	padding: 0px 2px 0px 2px;
	margin-left: 3px;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #fff;
	background-color: #0095DA;
}

/*
 * Default Table Component Styles
 */

.table_component_container table {
  width: 100%;
}

.table_component_container .table_component_body  {
  min-width: 600px;
  /* IE Dynamic Expression to set the width */
  width: expression(document.body.clientWidth < 800 ? "600px" : "100%" );
}

.table_component_container .table_component_body table {
  border-collapse: collapse;
}

.table_component_container .table_component_body th {
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	background-color: #C4C8E3;
	/* background-color: #68C0DA; */
	white-space: nowrap;
	text-align: left;
}

.table_component_container .table_component_body tr.pending {
	background-color: #CCFFFF;
}

.table_component_container .table_component_body tr.disabled {
	background-color: #FFCCCC;
}

.table_component_container .table_component_body tr.deleted {
	background-color: #E5E5E5;
}

.table_component_container .table_component_body tr.dnd {
	background-color: red;
}

.table_component_container .table_component_body td {
  margin: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px;
  font-weight: normal;
  border-bottom: 1px solid #C4C8E3;
  /* border-bottom: 1px solid #FFFFFF; */
  white-space: nowrap;
}

.table_component_navigation {
  background: #C4C8E3;
  /* background: #FFFFFF; */
  width: 100%;
}
.table_component_navigation .Buttons {
	text-align: right;
}


/*
 * Extended Table Component Styles
 */

/* Snapshot Table Styles */
.snapshot_table_component .component_content .table_component_container .table_component_body th {
  background-color: #EEEEFF;
  /* background-color: #CCF1FF; */
}

.snapshot_table_component .component_content .table_component_container .table_component_body tr:last-child td {
  border-bottom: none;
}

/* Navigation Styles */
.snapshot_table_component .component_footer .table_component_navigation {
  background: #EEEEFF;
  /*background: #CBEFFA; */
}
/*
 * Form Styles
 */

.form_component {
}

.form_component .component_content {
  padding-left: 5px;
  padding-top: 5px;
  margin-left: 10px;
  margin-top: 4px;
  width: 700px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
}

.form_component .component_footer {
  border-bottom: 5px solid #C4C8E3;
  border-left: 0px;
}

.form_component .block {
  display: block;
}

.form_component .inline {
  display: inline;
}

#did_request_form_component .component_content {
  width: 950px;
}

/***
  Acct/Org/User Styles
 ***/

#account_page_component .component_header {
	color: #00274D;
}
#organization_page_component .component_header {
	color: #894328;
}
#user_page_component .component_header {
	color: #3F4B30;
}
#account_page_component .component_header_table {
	background-color: #68C0DA;
	background-image: url(../image/act_hdrbkg.gif);
}
#organization_page_component .component_header_table {
	background-color: #FFC566;
	background-image: url(../image/org_hdrbkg.gif);
}
#user_page_component .component_header_table {
	background-color: #BOD186;
	background-image: url(../image/usr_hdrbkg.gif);
}
#unauthed_page_component .component_header_table {
	background-color: #C4C8E3;
}

#account_page_component .component .component_content, #account_page_component .snapshot_table_component .component_content {
	border-left: 10px solid #68C0DA;
}
#organization_page_component .component .component_content, #organization_page_component .snapshot_table_component .component_content {
	border-left: 10px solid #FFC566;
}
#user_page_component .component .component_content, #user_page_component .snapshot_table_component .component_content {
	border-left: 10px solid #B0D186;
}

#account_page_component .form_component .component_content, #organization_page_component .form_component .component_content,
#user_page_component .form_component .component_content {
	border: 1px solid #CCCCCC;
}

#account_page_component .component .component_footer, #account_page_component .snapshot_table_component .component_footer,
#account_page_component .form_component .component_footer {
  border-left: 10px solid #68C0DA;
  border-bottom: 5px solid #68C0DA;
}
#organization_page_component .component .component_footer, #organization_page_component .snapshot_table_component .component_footer,
#organization_page_component .form_component .component_footer {
  border-left: 10px solid #FFC566;
  border-bottom: 5px solid #FFC566;
}
#user_page_component .component .component_footer, #user_page_component .snapshot_table_component .component_footer,
#user_page_component .form_component .component_footer {
  border-left: 10px solid #B0D186;
  border-bottom: 5px solid #B0D186;
}

#account_page_component .form_component .component_footer, #organization_page_component .form_component .component_footer,
#user_page_component .form_component .component_footer {
	border-left: 0px;;
}

#account_page_component .component .component_header_table, #account_page_component .snapshot_table_component .component_header_table,
#account_page_component .form_component .component_header_table {
	background-color: #68C0DA;
	background-repeat: repeat-x;
	background-image: url(../image/act_shadedbkg.gif);
}
#organization_page_component .component .component_header_table, #organization_page_component .snapshot_table_component .component_header_table,
#organization_page_component .form_component .component_header_table {
	background-color: #FFC566;
	background-repeat: repeat-x;
	background-image: url(../image/org_shadedbkg.gif);
}
#user_page_component .component .component_header_table, #user_page_component .snapshot_table_component .component_header_table,
#user_page_component .form_component .component_header_table {
	background-color: #B0D186;
	background-repeat: repeat-x;
	background-image: url(../image/usr_shadedbkg.gif);
}

#account_page_component .table_component .table_component_container .table_component_body th {
	background-color: #CCF1FF;
	background-image: url(../image/act_shadedbkg.gif);
}
#organization_page_component .table_component .table_component_container .table_component_body th {
	background-color: #FFBA2D;
	background-image: url(../image/org_shadedbkg.gif);
}
#user_page_component .table_component .table_component_container .table_component_body th {
	background-color: #B0D186;
	background-image: url(../image/usr_shadedbkg.gif);
}

#account_page_component .table_component .table_component_container .table_component_body td {
  border-bottom: 1px solid #CCCCCC;
}
#organization_page_component .table_component .table_component_container .table_component_body td {
  border-bottom: 1px solid #CCCCCC;
}
#user_page_component .table_component .table_component_container .table_component_body td {
  border-bottom: 1px solid #CCCCCC;
}

#account_page_component .table_component .table_component_navigation {
  background: #68C0DA;
}
#organization_page_component .table_component .table_component_navigation {
  background: #FFC566;
}
#user_page_component .table_component .table_component_navigation {
  background: #B0D186;
}

#account_page_component .snapshot_table_component .component_content .table_component_container .table_component_body th {
	background-color: #CCF1FF;
	border-bottom: 1px solid #FFFFFF
}
#organization_page_component .snapshot_table_component .component_content .table_component_container .table_component_body th {
  background-color: #FFF4C8;
   border-bottom: 1px solid #FFFFFF;
}
#user_page_component .snapshot_table_component .component_content .table_component_container .table_component_body th {
  background-color: #DFFDC6;
   border-bottom: 1px solid #FFFFFF;
}
#account_page_component .snapshot_table_component .component_footer .table_component_navigation {
  background: #CBEFFA;
}
#organization_page_component .snapshot_table_component .component_footer .table_component_navigation {
  background: #FFFCCB;
}
#user_page_component .snapshot_table_component .component_footer .table_component_navigation {
  background: #DFFDC6;
}