/* **** styles for the DCP CC UI **** */
* {
    margin: 0;
    padding: 0;
}

html {
	font-size: 62.5%;
}

body {
	font-family: Arial, Sans-serif;
	font-size: 1.2em;
	background: #E1E3EC;
}

h1 {
	background: #fff;
}

h1#logo a {
	height: 44px;
	width: 132px;
}

#navigation_row-container { padding: 0 10px; background: url('../images/topbar-bg.png') repeat-x #E1E3EC;}

.logo_only #navigation_row-container,
.no_logo #navigation_row-container {
	height: 30px;
	display: block;
	overflow: hidden;
}

p {
	margin: 0 10px 15px;
	font-size: 1.1em;
	line-height: 1.4em;
	}

a {
	color: #369;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.logo_only #page-body,
.no_logo #page-body {
	margin-top: -20px;
}

#page-body {
	z-index: 10;
	margin: 0 10px;
}
#page-content {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
}

h2 {
	color: #000;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 9px 10px 7px;
}
h2 em {
    margin-left: 10px;
    font-size: 75%;
    color: #7ad3c1; /* #aaa; */
    font-style: normal;
    font-weight: bold;
}
h2 em a, h2 em a:hover { color: #7ad3c1; background: #fff; }

h2 strong {
    font-size: 100%;
    color: #999;
    font-style: normal;
    font-weight: bold;
}
h2 strong a, h2 em strong:hover { color: #999; background: #fff; }

.header_with_breadcrumb {
    margin: 10px 0 15px;
    font-size: 1.8em;
}

.header_with_breadcrumb h2 {
    float: left;
    margin: 0;
    font-size: 100%;
}

.header_with_breadcrumb ul {
    color:#5F5F5F;
    float: left;
    list-style: none;
    margin-left: 15px;
	font-size: 60%;
	line-height: 120%;
}

.header_with_breadcrumb li {
    float: left;
    display:block;
    padding-right:10px;
    white-space:nowrap;
    width:auto;
}
 
.header_with_breadcrumb li span a {
    color: #5f5f5f;
}

.header_with_breadcrumb li span.crumb_page:after {
    content: ":  \00BB";
}

.header_with_breadcrumb li span.current_page:after {
    content: ":";
}

/* begin: wrapper, content_left, content_right */

.wrapper {
	width: 50%;
	float: left;
}

* html .wrapper { width: 49%; }

.content_left {
	margin-right: 10px;
}

.content_right {
	margin-left: 10px;
}
/* end: wrapper */

/* begin: footer */
 
#footer {
    margin: 20px 0 10px 0;
	padding: 10px;
	color: #999;
}

#footer a {
	color: #999;
}
#footer a:hover {
    background: none;
    text-decoration: none;
}

#footer .right {
	float: right;
	text-align: right;
	width: 25%;
}

#footer .left {
	float: left;
	width: 75%;
}

#footer .right ul li {
	list-style: none;
	padding: 2px 0;
	white-space: nowrap;
}

#footer .right ul li strong {
	font-size: 1.0em;
}
/* end: footer */

/* begin: tables */

.light, .odd { background-color:#fff; }
.dark, .even { background-color:#fff; }
.hilite, .over { background-color: #ffffdd; }
.selectedrow { background-color: #ffffcc; }

table {
    border-collapse: collapse; /* removes unwanted cellspacing */
    margin-bottom: 20px;
    width: 100%;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

thead th, thead th.active_sort, thead th.sortable {
    font-weight:bold;
    border-top: 1px solid #ddd;
    background-color:#EAEAEA;
    vertical-align: bottom;
    text-align: left;
    padding: 6px 10px;
    color: #333;
}

thead th.sortable:hover { 
    border-top: 1px solid #ddd;
    background: #EAEAEA; 
}

thead th.active_sort {
    background: #7ad3c1;
    border-top: 2px solid #088c82;
}

thead th a,
thead th.active_sort a,
thead th.sortable a {
    color: #333;
    font-weight: bold;
}
thead th.active_sort a {
    color: #000;
}

thead th.active_sort a.asc, thead th.active_sort a.asc:hover  {
    padding-left: 10px;
    background: url('../images/arrow_up.gif') 0 2px no-repeat;
}

thead th.active_sort a.desc, thead th.active_sort a.desc:hover  {
    padding-left: 10px;
    background: url('../images/arrow_down.gif') 0 2px no-repeat;
}


thead th a:hover,
thead th.active_sort a:hover,
thead th.sortable a:hover {
    text-decoration: none;
    background: none;
}

td,
td.number { 
	border-top: 1px solid #ddd;
    padding: 6px 10px;
}

td.number { 
    text-align: right; 
}

tfoot {
	font-weight: bold;
	color: #333;
	background-color: #fff; /* Dim Gray */
}

/* end: tables */



/* begin: forms */

h3.expand_me {
    background: url('../images/show.gif') 0 2px no-repeat transparent;
    padding-left: 15px;
    text-indent: 0;
    width: auto;
	cursor:pointer;
}

h3.collapse_me {
    background: url('../images/hide.gif') 0 2px no-repeat transparent;
    padding-left: 15px;
    text-indent: 0;
    width: auto;
	cursor:pointer;
}

.subfoot {
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0;
}
.subfoot p {
	padding: 0;
	margin: 0;
}

/* end: forms */

/* styles for the overall page layout (global styles that all pages will use) */
/* color pallette */
/* 
	#006b3f; :pantone 349 (dark green - primary)
	#339e35; :pantone 362 (green - primary)
	#bad80a; :pantone 382 (greenish yellow - primary)
	#e0ea68; :pantone 379 (tan)
	#7fba00; :pantone 376 (lighter green)
	#d6e80f; :pantone 388 (lighter greenish yellow)
	#ffff00; :pantone yellow (yellow)
	#008c82; :pantone 3282 (dark blue)
	#00c1b5; :pantone 3262 (blue)
	#7ad3c1; :pantone 3248 (light blue)
	#c9e8dd; :pantone 317 (lightest blue)
	#000000; :black
	#ffffff; :white	
*/

/* nag message */
.nagmessage_topleft,
.nagmessage_topright,
.nagmessage_bottomleft,
.nagmessage_bottomright,
/* error message */
.errormessage_topleft,
.errormessage_topright,
.errormessage_bottomleft,
.errormessage_bottomright,
/* confirmation message */
.confirmationmessage_topleft,
.confirmationmessage_topright,
.confirmationmessage_bottomleft,
.confirmationmessage_bottomright,
/* white arrow facing right 10 x 10 */
.arrow_right_white,
/* white dropdown arrow 10x10 */
.dropdown_white_10x10,
/* export plus icon 25 x 16 */
.exportplus_icon,
/* feed icon 18 x 18 */
.feed_icon_18x18,
/* search_icon */
.search_icon,
/* searchplus_icon */
.searchplus_icon,
/* begin: rounded corners classes */
/* pantone 349 */
.round_p349_topleft,
.round_p349_topright,
.round_p349_bottomleft,
.round_p349_bottomright,
/* pantone 362 */
.round_p362_topleft,
.round_p362_topright,
.round_p362_bottomleft,
.round_p362_bottomright,
/* pantone 317 */
.round_p317_topleft,
.round_p317_topright,
.round_p317_bottomleft,
.round_p317_bottomright,
/* white */
.round_white_topleft,
.round_white_topright,
.round_white_bottomleft,
.round_white_bottomright
{
	background-image: url('../images/layout.png');
}

/* IE 6 background image */
/* white arrow facing right 10 x 10 */
* html .arrow_right_white,
/* white dropdown arrow 10x10 */
* html .dropdown_white_10x10,
/* export plus icon 25 x 16 */
* html .exportplus_icon,
/* feed icon 18 x 18 */
* html .feed_icon_18x18,
/* search_icon */
* html .search_icon,
/* searchplus_icon */
* html .searchplus_icon,
/* begin: rounded corners classes */
/* pantone 349 */
* html .round_p349_topleft,
* html .round_p349_topright,
* html .round_p349_bottomleft,
* html .round_p349_bottomright,
/* pantone 362 */
* html .round_p362_topleft,
* html .round_p362_topright,
* html .round_p362_bottomleft,
* html .round_p362_bottomright,
/* pantone 317 */
* html .round_p317_topleft,
* html .round_p317_topright,
* html .round_p317_bottomleft,
* html .round_p317_bottomright,
/* white */
* html .round_white_topleft,
* html .round_white_topright,
* html .round_white_bottomleft,
* html .round_white_bottomright
{
	background-image: url('../images/layout.jpg');
}
/* end IE 6 background image */

/* nag message */
.nagmessage_topleft,
.nagmessage_topright,
.nagmessage_bottomleft,
.nagmessage_bottomright,
/* error message */
.errormessage_topleft,
.errormessage_topright,
.errormessage_bottomleft,
.errormessage_bottomright,
/* confirmation message */
.confirmationmessage_topleft,
.confirmationmessage_topright,
.confirmationmessage_bottomleft,
.confirmationmessage_bottomright,
/* pantone 349 */
.round_p349_topleft,
.round_p349_topright,
.round_p349_bottomleft,
.round_p349_bottomright,
/* pantone 362 */
.round_p362_topleft,
.round_p362_topright,
.round_p362_bottomleft,
.round_p362_bottomright,
/* pantone 317 */
.round_p317_topleft,
.round_p317_topright,
.round_p317_bottomleft,
.round_p317_bottomright,
/* white */
.round_white_topleft,
.round_white_topright,
.round_white_bottomleft,
.round_white_bottomright
{
	background-color: #fff;
	display: block;
	height: 5px;
	width: 5px;
	overflow: hidden; /* so that in IE6, the height would actually work */
}
/* nag message */
.nagmessage_topright,
.nagmessage_bottomright,
/* error message */
.errormessage_topright,
.errormessage_bottomright,
/* confirmation message */
.confirmationmessage_topright,
.confirmationmessage_bottomright,
/* pantone 349 */
.round_p349_topright,
.round_p349_bottomright,
/* pantone 362 */
.round_p362_topright,
.round_p362_bottomright,
/* pantone 317 */
.round_p317_topright,
.round_p317_bottomright,
/* white */
.round_white_topright,
.round_white_bottomright
{
	float: right;
}

/* pantone 349 */
.round_p349_topleft { background-position: -10px -10px; }
.round_p349_topright { background-position: -35px -10px; }
.round_p349_bottomleft { background-position: -10px -35px; }
.round_p349_bottomright { background-position: -35px -35px; }

/* pantone 362 */
.round_p362_topleft { background-position: -10px -50px; }
.round_p362_topright { background-position: -35px -50px; }
.round_p362_bottomleft { background-position: -10px -75px; }
.round_p362_bottomright { background-position: -35px -75px; }

/* pantone 317 */
.round_p317_topleft { background-position: -10px -410px; }
.round_p317_topright { background-position: -35px -410px; }
.round_p317_bottomleft { background-position: -10px -435px; }
.round_p317_bottomright { background-position: -35px -435px; }

/* white */
.round_white_topleft { background-position: -10px -490px; }
.round_white_topright { background-position: -35px -490px; }
.round_white_bottomleft { background-position: -10px -515px; }
.round_white_bottomright { background-position: -35px -515px; }

/* white */
.round_white_topleft,
.round_white_topright,
.round_white_bottomleft,
.round_white_bottomright {
    background-color: #339e35;
}

/* nag message */
.nagmessage_topleft { background-position: -10px -530px; }
.nagmessage_topright { background-position: -35px -530px; }
.nagmessage_bottomleft { background-position: -10px -555px; }
.nagmessage_bottomright { background-position: -35px -555px; }

/* error message */
.errormessage_topleft { background-position: -10px -530px; }
.errormessage_topright { background-position: -35px -530px; }
.errormessage_bottomleft { background-position: -10px -555px; }
.errormessage_bottomright { background-position: -35px -555px; }



/* confirmation message */
.confirmationmessage_topleft { background-position: -10px -570px; }
.confirmationmessage_topright { background-position: -35px -570px; }
.confirmationmessage_bottomleft { background-position: -10px -595px; }
.confirmationmessage_bottomright { background-position: -35px -595px; }


/* end: rounded corner styles */

.gbox-top {
	position: relative;
	z-index: 1;
}
.gbox-top .b1,
.gbox-bottom .b1
{
 	background: #ccc;
	margin: 0 2px;
	display: block;
	height: 1px;
	font-size: 1px;
}
.gbox-top .b2,
.gbox-top .b3,
.gbox-bottom .b2,
.gbox-bottom .b3
{
	background: #fff;
	display: block;
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
	margin: 0 1px;
	height: 1px;
	font-size: 1px;
}
.gbox-top .b3,
.gbox-bottom .b3
{
	height: 0;
}

.lowercase {
	text-transform: lowercase;
}

.loadingmessage {
	background: #fff;
	padding: 10px;
	border: 1px solid #333;
	text-align:center;
	font-weight:bold;
	font-size:1.6em;
}


.nagmessage_icon,
.warnmessage_icon {
	background-repeat: none;
	width: 16px;
	height: 13px;
	margin: 2px 5px 0 -25px;
	display: block;
	float: left;
	font-height: 1px;
	text-indent: -9000px;
}
.nagmessage_icon {
	background-position: -50px -290px;
	background-color: #CC4B46;
}
.warnmessage_icon {
	background-position: -50px -370px;
	background-color: #FFF1A8;
}

.emergency .icon,
.warning .icon,
.notification .icon,
.ok_cancel .icon {
	background-repeat: none;
	background-color: transparent;
	width: 16px;
	height: 13px;
	margin: 2px 5px 0 0;
	display: block;
	float: left;
	font-height: 1px;
	text-indent: -9000px;
}

.emergency .icon { 
	background-position: -50px -330px;
}
.warning .icon,
.ok_cancel .icon { 
	background-position: -50px -370px;
}
.notification .icon {
	background-position: -50px -410px;
}

.nagmessage_container,
.warnmessage_container {
	margin: 0 10px 10px;
}
.nagmessage_container {
	background: #cc4b46;
	color: #fff;
}
.warnmessage_container {
	background-color: #FFF1A8;
}

.nagmessage,
.warnmessage {
	padding: 5px 5px 0 30px;
}

.nagmessage a {
	color: #fff;
	text-decoration: underline;
}

.nagmessage h4,
.warnmessage h4 {
	color: #000;
	font-size: 13px;
	padding: 0;
	margin: 0 0 5px;
}
.nagmessage h4 {
	color: #fff;
}

.nagmessage p,
.warnmessage p {
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 10px;
	padding: 0;
}

.confirmationmessage_container,
.errormessage_container {
	position: absolute;
	background: #FFF1A8;
	color: #000;
	font-weight: bold;
	float: left;
	z-index: 5000;
}

.errormessage_container {
	color: #fff;
	background: #CC4B46;
}

.confirmationmessage,
.errormessage {
	padding: 0px 10px;
	text-align: center;
}

.confirmationmessage a {
	color: #336699;
	text-decoration: underline;
}

.errormessage a {
	color: #fff;
	text-decoration: underline;
}

.confirmationmessage h4,
.errormessage h4 {
	font-size: 13px;
	color: #fff;
	padding: 0;
	margin: 0;
}
.confirmationmessage p,
.errormessage p {
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 15px;
	padding: 0;
}

.noresults {
	padding: 10px;
	font-weight: bold;
}

.noresults h3.message {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 2.0em;
}

.noresults strong {
    color: #ff0000;
}

.noresults h4 {
	border-top: 1px solid #d2d2d2;
	padding-top: 10px;
	margin: 0;
	font-weight: bold;
	font-size: 1.8em;
}

.noresults ul {
	margin: 5px 0 0 0;
	padding: 0 10px 0 10px;
	display: block;
	list-style-type: none;
	background: none;
	font-weight: normal;
	border: none;
	list-style-position: inside;
}

.noresults ul li {
	margin-bottom: 5px;
    font-size: 1.2em;
}

.noresults ul li a {
	font-weight: bold;
}

.noresults ul li:before {
	content: "\00BB \0020";
}

.noresults ul li em {
	background: #ffffcc;
	font-style: normal;
}

span.gmenu_button_left,
span.gmenu_button_lefton {
	padding: 3px 0 4px 7px;
	background: url('../images/gmenu_button_left.png') no-repeat 0 0;
	color: #333;
	cursor: pointer;
}
span.gmenu_button_lefton {
	background-position: 0 -25px;
	color: #000;
}
span.gmenu_button_left:hover {
	text-decoration: none;
}

.gmenu_button_right,
.gmenu_button_righton {
	padding: 3px 18px 4px 0;
	padding-right: 18px;
	background: url('../images/gmenu_button_right_3.64rc1.png') no-repeat top right;
}
.gmenu_button_righton {
	color: #fff;
	background-position: right -25px;
}
div.menu_options {
	min-width: 200px;
	padding: 4px 0;
	position: absolute;
	background: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #ccc;
	text-align: left;
	z-index: 10;
	overflow:auto;
}
div.menu_options ul { margin: 0 !important; }
div.menu_options ul li {
	list-style: none;
	display: block;
	float: none;
	padding: 0;
}

div.menu_options ul li.separator {
	border-bottom: 1px solid #ccc;
	margin: 4px 0;
}

div.menu_options ul li a,
div.menu_options ul li a:hover {
	display: block;
	padding: 4px 10px 4px 28px;
	color: #333;
	cursor: default;
}
div.menu_options ul li a:hover {
	background: #d6e9f8;
	text-decoration: none;
}

div.menu_options ul li a.selected {
	background: url('../images/check.png') no-repeat left top #efefef;
	font-weight:bold;
}

a.new_window, a.new_window:hover, a.new_window:visited {
	padding-right: 16px;
	background-repeat: no-repeat;
	background-color: transparent;
}
a.new_window, a.new_window:visited {
	 background-position: right -20px;
}

a.new_window:hover {
	background-position: right 0;
}

div.gtip h2,
a.gtip,
.tip_content {
	background: url('../images/forms.png') no-repeat;
}

div.gtip {
	margin-bottom: 10px;
}
div.gtip h2 {
	float: left;
	border-bottom: none;
	margin: 0;
}

div.gtip h2 {
	background-position: right -37px;
	padding-right: 17px;
	border: none;
	cursor: pointer;
}

.tip_content {
	position: absolute;
	z-index: 2;
	background-color: #fffeee;
	background-position: 6px -175px;
	border: 1px solid #d1c71d;
	padding: 6px 6px 6px 30px;
	margin-right: 10px;
}

.tip_content p {
	float: none !important;
}

.tip_content ul li {
	list-style: none;
	margin: 0 0 3px;
}

.ok_cancel {
	position: absolute;
	z-index: 1;
	background-color: #FFF1A8;
	border: 1px solid #d1c71d;
	padding: 6px;
}

.ok_cancel p {
	float: none !important;
	font-weight: normal;
}

.ok_cancel ul li {
	list-style: none;
	margin: 0 0 3px;
}




* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */