/* -----------------------------

Title : framework.css
Author : Erickson Barnett
URL : 

Description :
Created : 
Modified : 

----------------------------- */

body {
	border:0;
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	color: #000;
	font-size: small;
	text-align: center;
	}


/*-- global list styles ------------------*/

ul, li {
	list-style: none;
   	background: url(/images/tm/bullet.gif) 0 .45em no-repeat;
	line-height: 1.4em;
	margin: .6em 0 .6em 0;
	}
	
ul {
	background: none;
	padding-left: 0;
	margin-left: 0;
	margin: .2em 0em .6em 0em;
	}
 
ul li ul {
	margin: .6em 0; /*generally, keep this the same size as the margins on the li's*/
}
 
li 	
{
    font-size:90%;
	margin: .4em 0 .4em 0;
	padding-left:.8em;
}

li li, li li li 	
{
    font-size: 100%;
}
		
ol {
	background:none;
	margin: .2em 0em .6em 0em;
	padding-left:1em;
	margin-left: 1em;
}
	
ol li {
	list-style: decimal;
	background:none;
	padding-left:0;
}

ol li ul li{
	list-style:none;
	background: url(/images/bullet.gif) 0 .45em no-repeat;
	padding-left:1em;
}
	
dl {
	margin:.8em 0;
	font-size:85%;
	line-height:1.4em;
}

dt {
	font-weight:bold;
}

dd {
	padding:0;
	margin:.2em 0 .8em 0;
}

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p, dl form label, dl form select {
	font-size:100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top:1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*-- end global list styles ------------------*/


p {	font-size:90%;
	line-height: 1.4em;
	margin: .2em 0em 1em 0em;
}


/*-- global header styles ------------------*/

h1 {
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 .6em 0;
	padding:0;
}

h2 {
	font-size:130%;
	font-weight:normal;
	margin: .0em 0em .4em 0em;
}

h3 {
	font-size:95%;
	margin: 1.6em 0em .4em 0em;
}

h4 {
	font-size:95%;
	margin: .2em 0em .4em 0em;
}

h5 {
	font-size:85%;
	margin: .2em 0em .4em 0em;
}

h6 {
	font-size:85%;
	margin: .2em 0em .4em 0em;
}

/*-- end global header styles ------------------*/

/*-- global table styles ------------------*/

table{
font-size:100%;
line-height:1.4em; /*should equal your main lineheights*/
}
/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

table p, table li{
font-size:100%;
}

/*-- end global tables ------------------*/

/*-- global links ------------------*/

a:link,
a:visited,
a:active {
    text-decoration: underline;

    outline: none;
}

a:hover {
	text-decoration: underline;
}

/* prevent borders on images */
a img {
	border: 0;
}

/*-- end global links ------------------*/




/*-- for global use ------------------*/

pre {
	font-family: monospace;
	font-size: 100%;
	}
	
strong, b {
	font-weight: bold;
	}

hr {
	height:1px;
	border:0;
	border-bottom:1px solid #003F50;
}

.right {
	text-align: right;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display:none;
}

.leadin {
	padding:0;
	margin:.2em 0 .2em 0;
}

.imgleft{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.imgright{
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

.last {
	border-right:none !important;
}

ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullet li {
	padding-left: 0;
	background: none;
}

/*-- end for global use ------------------*/

/*-- general form stuff ------------------*/

form{
	padding: 0;
	margin: 0;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: .6em;
}

form label, form select {
	font-size: 85%;
}

form p label, form p {
	font-size: 85%;
}

/*-- end general form stuff ------------------*/


/* ------------------------------------------------------------------------
   non-global framework/elements begin
   ------------------------------------------------------------------------ */

/*-- primary elements ------------------*/


#wrapper {
	margin: 0 auto;
	width: 750px;
	padding-bottom: 20px;
	text-align: left;
}

#header {
	position: relative;
	height: 82px;
}

#header p.language {
	position: absolute;
	margin: 0;
	bottom: 60px;
	right: 30px;
}

#search {
	position: absolute;
	text-align: right;
	bottom: 32px;
	right: 30px;
}

#search form fieldset {
	margin: 0;
}

#search form label {
	margin: 0 5px 0 0 ;
}

#search form input {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#header img#logo{
	position: absolute;
	top: 39px;
	left: 22px;
}

#content-wrapper {
	float: left;
	width: 750px;
	padding-top: 15px;
}

#sidebar {
	float: left;
}

#sidebar h3 {
	margin: 5px 0;
	padding: 3px 8px;
	font-size: 120%;
	font-weight: bold;

}

#sidebar h3.blank {
	background: none;
}

#sidebar div.pad {
	padding: 0 8px;
}

#main-content {
	float: left;
}

.callout {
	width: 225px;
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
}

.callout h3 {
	margin: 5px 0 0 0;
	padding: 8px 30px 8px 13px; 
	font-size: 120%;
}

.callout ul .open {font-weight: bold}
.callout ul ul {font-weight: normal}
.callout ul ul .on {font-style: italic}

/* .callout div {	
	padding: 5px 13px;
} */

#footer {
	clear: both;
	padding-top: 80px;
	padding-left: 217px;
}	

#footer span {
	padding-left: 6px;
}

/*-- navigation ------------------*/

.divided {
	float: left;
	margin: 0 0 30px 0;
	padding: 0;	
}

.divided li{
	float: left;
	padding: 5px 8px 0 8px;
	margin: 0 0 5px 0;
	line-height: 1.1em;
	background: none;	
}	

.divided li.on {
	margin-bottom: 2px;
}

.divided li ul li.on {
	margin-bottom: 3px; /* so that we can use .on in both cases -- we have different margins on "inside" <ul's> */
}

.divided li ul {
	padding: 3px 0;
	float: left;
	margin: 0;
}

.divided li ul li {
	background: none;
	margin: 3px 0;
	padding: 0 0 0 10px;
	width: 135px;
}

.divided li ul li a {
	font-weight: normal;
}

#subnav {
}

#mininav {
	position: absolute;
	bottom: 10px;
	right: 30px;
	margin: 0;
	padding: 0;	
}

p.mininav-leadin {
	margin: 0;
	float: left;
}

#mininav ul {
	float: left;
	margin: 0;
} /* necessary cuz Safari screws up the width on the mininav box */

#mininav li{
	float: left;
	margin: 0;
	padding: 0 7px;
	line-height: 1.1em;
	background: none;
	border-right: 1px solid #6B7583;
}	

#mininav li.last {
	border-right:none !important;
	padding-right: 0 !important;
}


/* On article navigation, ensure that current article is in bold */
#arttree li.on {font-weight:bold;}

/* home styles */

body.home #message {
	position: relative;
	width: 750px;
	height: 180px;
}

body.home #step-by-step {
	position: absolute;
	margin: 0;
	padding: 0;
	text-indent:-10000px;
	display: block;
}

	
body.home #main-content {
	float: left;
}

#secondary-content {
	float: left;
	width: 181px;
	padding: 10px 0px 0 0px;
}

.section {
}

.section h3 {
	margin: 0;
	padding: 8px 30px 8px 13px; 
	font-size: 120%;
}

.section div {	
	padding: 5px 13px;
}

/*#main-content h1 {
	width: 270px;
	letter-spacing: -2px;
	font-weight: normal;
	font-size: 22px;
	line-height: 1.1em;
}*/

/* Used for the left menu */
.submenu_off { display: none; }
.submenu_on { display: block; }

/* After we get rid of Ektron Junk we need this */
/* http://dev.ektron.com/kb_article.aspx?id=25352 */
.EktronAjaxLoading 
{
 display: none;
}

/* For font size selector */
.normal {
	font-size: 11px;
}

.larger {
	font-size: 13px;
}

.largest {
	font-size: 15px;
}

a.noline {
    text-decoration: none;
}

.print_page {padding-left: 5px}