/* T.css - base css for T templates */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
/* 	font-size: 100%; */
/*	font-size: 0.85	em; */	
	font-size: 11px;
	letter-spacing: 0em;
	color: #000;
/*	background-color: #e8e8e8; /* [page background color] -> f0f0ff and change border decorations */
	background-color: #fff; 
	min-width: 960px;  /* 840 */
}

#wrapper {
	width: 960px;
	margin: 35px 0 0 44px;
}

#masthead {
	background-color: #e8e8e8;   /* [page background color] */
}

#logo {	/* just the background, not the logo graphic */
	background-image: url(img/dj_logo_bg.jpg);
	background-repeat: repeat-x;
}

/* ELEVATOR STYLES    */

#masthead #epmExternal {
	position: absolute;
	left: 350px;
	z-index: 999999;
	top: 60px;
	font-size: 0.7em;
	border: 0;
}
#header-expand .p7epm_cwrapper,
#header-expand .p7epm_content,
#header-expand .p7EPM02 {
	border: 0;
	font-size: 0.9em;
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0;
	background-color: #ffffff; /* [page background color] */

}

#header-expand .p7epm_content {
	text-align: left;
}

#header-expand .p7epm_content a {
	color: #0020a0;
	text-decoration: none;	
}

#header-expand .p7epm_content a:hover {
	color: #003264;
	text-decoration: underline;	
}


#masthead #epmExternal .p7epm_trigs li {
	margin-right: 2px;
}
#masthead #epmExternal .p7epm_trigs a {
	color: #bbbbbb;
	padding: 4px 10px;
	line-height: 1.0em;
	display: block;
	text-decoration: none;
	background-color: #2A2A2A;
	float: left;
	border-top: 1px solid #3C3C3C;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #3C3C3C;
}
#masthead #epmExternal .p7epm_trigs a:hover {
	color: #FFFFFF;
}
#masthead #epmExternal .p7epm_trigs .p7epm_open {
	color: #FFFFFF !important;
	background-color: #414141;
	border-color: #000000;
}

#tagline {
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 0 15px 26px; /* 3 0 15 46 */
	font-size: 0.75em;
	letter-spacing: 0.25em;
	font-weight: bold;
}

#layoutcrown {
/* FLIP
	background-image: url(img/dj3_layout_top.jpg);
	background-repeat: no-repeat;
*/
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}

#mainmenu {
	/* margin: 10px 0px 10px 22px; /* for p7mbm - 46px left aligns hard left */
	margin: 0px 0px 0px 0px; /* for p7 pmm - left align is done in menu css */
}


hr {
	height: 1px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.3em 0 0 0;
	font-size: 22px;
	letter-spacing: 0em;
/*
	color: #004080;
	color: #003060;
	color: #525278;
	color: #6E3300;
	color: #6F0037;
*/

	color: #6e2200; /* same as h2 */
}

.h1sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	font-weight: normal;
	color: #003060;
	margin: 0.5em 0 0.5em 0 !important;
	line-height: 1.2em !important;
}

.h1subSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: normal;
	color: #003060;
	margin: 0.5em 0 0.5em 0 !important;
	line-height: 1.2em !important;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 1.8em 0 0em 0;
	font-size: 16px;
	letter-spacing: 0em;
	color: #6f3322;
}

.h2nolead {
	margin-top: 0px !important;
}

.h2sub {
	font-family: Arial, Helvetica, sans-serif;
	margin: .25em 0 0.5em 0 !important;
	font-size: 13px !important;
	color: #003060;
	line-height: 1.2em !important;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 1.5em 0 0em 0;
	letter-spacing: 0em;
	color: #444466;
}

.h3nolead {
	margin-top: 0px !important;
}

.h3sub {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0em 0 1em 0 !important;
	font-size: 12px;
	letter-spacing: 0em;
	font-weight: normal;
	color: #333333;
}

h4 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 1.9em 0 0 0 !important;
	letter-spacing: 0em;
	color: #003060;
}

.h4nolead {
	margin-top: 0px !important;
}

h4.grayed a {
	text-decoration: none;
	color: #ffffff;
}

h4.grayed a:hover {
	text-decoration: none;
	color: #003264;
}

h5 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 1em 0 0 0 !important;
	letter-spacing: 0em;
	color: #444466;
}

.h5nolead {
	margin: 0 0 0 0 !important;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 1.5em 0 0 0;
	letter-spacing: 0.0em;
	color: #003060;
}

.h6nolead {
	margin: 0 0 0 0 !important;
}


.h6sub {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0em 0 1em 0 !important;
	font-size: 10px;
	letter-spacing: 0em;
	font-weight: normal;
	color: #333333;
}

.sidebar {
	background-image: url(img/p7ap_light_gray_bevel.jpg);
	background-repeat: repeat-x;
/*
	background-image: none;
*/
	margin: 0 1px 0 1px;
	padding: 20px;
}

.notwide {
	width: 500px;
}

.content {
	margin: 0 1px 0 1px;
	padding: 0px 0px 0px 0px;
}

.content p {
	margin: 9px 0 6px 12px;
	line-height: 1.3em;
}

.content blockquote {
	margin: 9px 0 6px 1.5em;
}

.sidebar p {
	font-size: 10px;
	margin: 6px 0 6px 0em;
	line-height: 1.3em;
}

.content p.abstract {
	font-size: 9px;
	line-height: 1.3em;
	margin: 9px 0 6px 0 !important;
}

.content td.diagram {
	font-size: 0.9em;
/*	line-height: 1.0em; */
	margin: 0px 0 0px 0 !important;
}

.content p.sidelist {
	font-size: 10px;
	line-height: 1.3em;
	margin: 6px 0 9px 0 !important;
}

.content ul, .sidebar ul {
	margin: 9px 0 1.3em 1.35em;
	padding-left: 1.35em;
}

.content ol, .sidebar ol {
	margin: 9px 0 1.3em 1.35em;
	padding-left: 1.3em;
}

.content li, .sidebar li {
	margin: 8px 0 0.5em 0;
}

/*Explicitly set dark blue link colors for IE7 Vista*/
.content a, .p7AB p a, #footer a, .sidebar a {
	color: #004080; 
	text-decoration: underline;
}

a img {
	border: 0;
}

.content a:hover, .p7AB p a:hover, #footer a:hover, .sidebar a:hover {
	color: #163264;
	text-decoration: underline;
}

.note {
	font-size: 1em;
	padding: 10px;
	border: 1px dotted #aa5500;
}

.note  p, .note ol, .note ul {
/*
	font-size: 0.7em;
	letter-spacing: 0.0em;
*/
}

.note p {
	margin: 12px 0 6px 0;
	line-height: 1.3em;
}

.note ul {
	margin: 0em 0 0em 1.35em;
	padding-left: 1.35em;
}

.note ol {
	margin: 0em 0 0em 1.35em;
	padding-left: 1.35em;
}

#divForm {
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#divForm p {
	line-height: 1.2;
	margin: 10px 0px 0px 0px;
	text-align: left;
}

#divForm p.formlabel {
	font-size: 10px;
	line-height: 1.0;
	margin: 6px 0px 0px 0px;
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	background-repeat: no-repeat;
}

#divForm p.formlabelrequired {
	font-size: 10px;
	line-height: 1.0;
	margin: 6px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

#divForm p.formtext {
	font-size: 10px;
	line-height: 1.0;
	margin: 6px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

#divForm p.forminput {
	line-height: 1.0;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}

#divForm p.forminput2 {
	line-height: 1.0;
	margin: 6px 0px 0px 0px;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}

#divForm input, select {
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, mono;
	vertical-align: top;
}

#divForm input.formbutton {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
}

#layoutbottom {		/* graphics */
	clear: both;
/*	background-image: url(img/dj4_bottom.jpg);
	background-repeat: no-repeat;
*/	height: 16px;
	line-height: 0.0;
	font-size: 0;
}

#footerbox {   /* width is set in derived styles */
	clear: both;
}

#footer {      /* also covers any visible diag output from the analytics .js */
	margin: 20px 0 0 44px;
	font-size: 9px;
}

#footer p {
	line-height: 9px;
	margin: 0px 0px 0px 0px;
	color: #555;
}

.lpbutton {
    background-color: #F46200;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 12px;
    color: #fff !important;
	font-family: inherit !important;
    font-size: 20px !important;
    text-decoration: none;
    cursor: pointer;
    border: 0px solid #6e2200;
	padding: 10px 20px 10px 20px;
}

.lpbutton:hover {
/*    border: 1px solid #6e2200; */
    background: #ff8634;
/*    box-shadow: 0px 0px 1px #777; */
}

.trial-form-dropdown {
	font-family: inherit !important;
	font-size: 11px !important;
}


/*Non-menu heading in left menu column */
.grayed {
	margin: 0;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 4px 12px 4px 7px;
	color: #DDDDDD;
	background-color: #666666;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #333333;
}

#cancel_background {
	background-image: none;
	margin: 0;
	padding-top: 12px;
}

/*The links inside the Accordion Panel menu*/
.menulist {
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	list-style-type: none;
	line-height: normal;
	font-size: 1em;
}
.menulist li {margin: 0 0 4px 0;}
.menulist a {
	text-decoration: none;
	display: block;
	padding: 3px 6px;
	border: 1px solid #999;
	color: #333333;
	background-image: url(img/dj_linkgradient.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFFFFF;
}
.menulist a:hover {
	color: #333333;
	border-color: #505050;
	background-position: 0px -100px;
	text-decoration: none;
}
/*
The YOU are HERE link assigned by the Accordion Panel script
to mark the current page link
*/
.p7ap_currentmark {
	font-weight: bold;
	border-color: #505050 !important;
	background-position: 0px -200px !important;
	cursor: default;
}
/*Affects only the Accordion Panel component that houses the nav menu. 
We turn off borders, padding, and background color, 
and assign a left margin of 1px to nudge the accordion over
to clear and reveal the column border
*/
#p7ABW1, #p7APM_1 {
	border: 0;
	padding: 0;
	margin: 0 1px;
	background-color: transparent;
}
.p7ABtrig h3, .p7ABtrig h4 {
	font-size: 1em !important;
}
#p7ABW1 .p7ABtrig a {
	border-bottom: 1px solid #333 !important;
}
#p7ABW1 .p7ABtrig .p7ABtrig_down {
	background-color: #000000 !important;
}
.panel_list {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}