/* generic css */
body{
    font:normal 12px Arial, Verdana, sans-serif;
	color:#666;
    background:#fff;
    padding:0;
    margin:0;
}
h1{
	font-size:13px;
    font-weight:bold;
    padding:0;
    margin:10px 0 0 0;
	color:#cc5407;
}

h3{
	font-size:8pt;
	font-weight:bold;
	color:#666;
	}
h1.error,h2.error,h3.error,h4.error,h5.error,h6.error{color:red !important}

p{
    padding:0;
    margin:10px 0 0 0;
}
p.firstp{ /* Place this class on the first paragraph in any 1, 2, or 3 column body area, including cases when only one paragraph is placed in a container */
    padding-top:0;
	padding-bottom:0;
    margin-top:0 !important;
	margin-bottom:0 !important;
}
form, div, span, ol {
    padding:0;
    margin:0;
}

ul.introlist{list-style:url(/images/gen/bull.gif) outside;margin:10px 0 0 32px !important}
ul.introlist li{margin:5px 0 0 0;color:#666;clear:both;position:relative}
ul.introlist li.firstli{margin:0}

#rightside-wide #body2col ul{list-style:url(/images/gen/bull.gif) outside;margin:10px 0 0 13px}

img {
    display:inline;
    border:0;
}
select, option, input{
	font-size:8pt;
	color:#666;
}
#img_intro{float:left;margin:0 10px 0 0}
.noprint {
    display:none;
}
.skipnav {
    z-index:9999;
	position:absolute;
    top:-10000px;
    left:-100000px;
}
/* BEGIN PRODUCTION BACKGROUNDS */

#temp-0top-0left {
    background:#fff url(/images/bg/3.5.2_back.gif) top left no-repeat;
}
#temp-0top-2left {
    background:#fff url(/images/bg/3.0.1_back.gif) top left no-repeat;
}
#temp-1top-2left {
    background:#fff url(/images/bg/3.3.2_back.gif) top left no-repeat;
}
#temp-2top-2left {
    background:#fff url(/images/bg/3.4.1_back.gif) top left no-repeat;
}
#temp-1top-0left {
    background:#fff url(/images/bg/3.3.3_back.gif) top left no-repeat;
}
#temp-2top-0left {
    background:#fff url(/images/bg/3.4.2_back.gif) top left no-repeat;
}

/* END PRODUCTION BACKGROUNDS */

/* BEGIN BETA BACKGROUNDS */
/*
#temp-0top-0left{
    background:#fff url(/images/bg/3.5.2_back_beta.gif) top left no-repeat;
}
#temp-0top-2left{
    background:#fff url(/images/bg/3.0.1_back_beta.gif) top left no-repeat;
}
#temp-1top-2left{
    background:#fff url(/images/bg/3.3.2_back_beta.gif) top left no-repeat;
}
#temp-2top-2left{
    background:#fff url(/images/bg/3.4.1_back_beta.gif) top left no-repeat;
}
#temp-1top-0left{
    background:#fff url(/images/bg/3.3.3_back_beta.gif) top left no-repeat;
}
#temp-2top-0left{
    background:#fff url(/images/bg/3.4.2_back_beta.gif) top left no-repeat;
}
*/
/* END BETA BACKGROUNDS */

/* end generic css */

/* header area */
#logo {
    padding-top:7px;
    padding-left:7px;
    padding-bottom:7px;
}

#title {
    position:absolute;
    right:0;
    top:46px;
}

@media print {
    #title {display:none;}
}
/* end header area */


/* left-hand menu area */
#mmenu {
    float:left;
    clear:left;
	margin:16px 0;
/*
    width:12.4em;
*/
	width:149px;
/*
	height:390px;
*/
}
#mmenu a.menuitemOff, #mmenu a.menuitemOn {
    border-top:1px solid #C9D9DC;
    border-bottom:1px solid #C9D9DC;
}
#mmenu span {
    display:block;
	padding:4px 10px 0px 10px;
}
#mmenu a, #mmenu a:link {
    display:block;
	width:149px;
    height:1.9em;
    font-weight:bold;
    text-decoration:none;
	font-size:12px;
}
html>body #mmenu a, html>body #mmenu a:link {
    height:auto;
    min-height:1.9em;
}

#mmenu a.menuitemOff {
	color:#333;
    background:#c1d1d4 url(/images/gen/left_main_off.gif) repeat-y;
}

#mmenu a.menuitemOn {
    color:#cc5407;
    background:#ffffff url(/images/gen/left_main_on.gif) repeat-y;
}
#mmenu a:hover,#mmenu a.menuitemOff:hover,#mmenu a.selected {
    color:#cc5407;
    background:#ffffff url(/images/gen/left_main_on.gif) repeat-y;
}

/*
#mmenu a.selected {
    color:#cc5407;
    background:#fff url(/images/gen/left_main_on.gif) repeat-y;
}
*/

div.submenu, div.submenu p {
    padding:0;
    margin:0;
    border:0;
}
.submenu div {
    border-top:1px solid #C9D9DC;
}
.submenu span {
	padding:4px 10px 0px 20px !important;
}
.submenu a,.submenu a:link {
    display:block;
	width:149px;
    height:1.7em;
    font-weight:bold;
    text-decoration:none;
	font-size:11px !important;
}
html>body .submenu a,html>body .submenu a:link {
    height:auto;
    min-height:1.7em;
}
.submenu a.submenuitemOff {
	color:#333;
    background:#ffffff url(/images/gen/subnav_off.gif) repeat-y;
}
.submenu a.submenuitemOn {
    color:#cc5407;
    background:#fff url(/images/gen/subnav_on.gif) repeat-y !important;
}
.submenu a:hover {
    color:#333 !important;
    background:#fff url(/images/gen/subnav_on.gif) repeat-y !important;
}
.submenu a.submenuitemOn:hover {
    color:#cc5407 !important;
}


@media print {
    #mmenu {display:none;}
}
/* end side menu area */


/* top menus */
#menu1 {
    background:#e5e8e9 url(/images/gen/topnav-bg.gif) top left repeat-x;
    height:1.7em;
}
#menu1 div {
    float:left;
    padding:0 5px;
}
#menu1 a, #menu1 a:link {
    display:block;
    float:left;
    height:18px;
    padding:2px 10px 0 10px;
/*
    color:#3D3D40;
*/
	color:#333;
    font-weight:bold;
    text-decoration:none;
}
#menu1 #m1active a, #menu1 div a:hover {
    background:url(/images/gen/topnav-on.gif) top left repeat-x;
    display:block;
}

#menu1 #m1active a{
	color:#cc5407;
}

#menu1 div a:hover {
	color:#cc5407;
}

#menu2 {
    background:url(/images/gen/top_subnav_off.gif) top left repeat;
    height:1.7em;
    clear:left;
}
#menu2 div {
    float:left;
    padding:0;
}
#menu2 a, #menu2 a:link {
    display:block;
    float:left;
    height:18px;
    padding:2px 10px 0 10px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
	font-size:11px;
}
#menu2 div a:hover{background:url(/images/gen/top_subnav_on.gif) top left repeat-x;display:block;color:#333}
#menu2 #m2active a, #menu2 #m2active a:link{background:url(/images/gen/top_subnav_on_active.gif) top left repeat-x;display:block}
#menu2 #m2active a, #menu2 #m2active a:link{color:#cc5407}

@media print {
    #menu1, #menu2 {display:none;}
}
/* end top menus */

/* right side */
.right-main {
    padding-top:105px;
}
.content-pic {
    display:block;
    float:right;
    padding-left:10px;
    padding-bottom:5px;
}
.vspace15 {
    height:15px;
    line-height:15px;
}

@media screen {
    #rightside {
        padding-top:10px;
        margin-left:165px;
    }
}

@media screen {
    #rightside-wide {
        padding-top:10px;
        margin-left:10px;
    }
}

@media print {
    #rightside {width:572px;}
}

@media print {
    #rightside-wide {width:727px;}
}

#rightside #body3col {
    width:422px;
	float:left;
}
#rightside #body2col {
    width:607px;
	float:left;
}
#rightside #body3col_2{
    width:587px;
	float:left;
}
#rightside-wide #body2col {
    width:762px;
	float:left;
}

#body2col h1,#body3col h1,#body3col_2 h1 {
    margin:10px 0 0 0;
    padding:0;
/*
    font-size:16px;
*/
	font-size:16px;
    font-weight:bold;
}
#body2col h2,#body3col h2,#body3col_2 h2,#body2col span.boxroll_h2,#body3col span.boxroll_h2,#body3col_2 span.boxroll_h2 {
    margin:20px 0 0 0;
    padding:0;
/*
    font-size:16px;
*/
	font-size:15px;
    font-weight:bold;
}
#body2col p,#body3col p,#body3col_2 p {
    margin:10px 0 0 0;
}
#body2col a, #body2col a:link,#body3col a, #body3col a:link,#body3col_2 a:link,#rightside-wide #body2col div#linksbtm div a{
    color:#cc5407;
    text-decoration:underline;
}

#body2col a:visited,#body3col a:visited,#body3col_2 a:visited,#rightside-wide #body2col div#linksbtm div a:visited {
    color:#704a32;
    text-decoration:underline;
}

#body2col table, #body2col th, #body2col td,#body3col table, #body3col th, #body3col td,#body3col_2 table,#body3col_2 th,#body3col_2 td {
    font:inherit;
}

.subsection {
    clear:right;
    float:left;
    width:180px;
    height:210px;
    display:table;
    margin-right:9px;
    margin-top:10px;
}
.subsection img {
    display:inline;
    vertical-align:-2px;
}
.subsection p {
    padding:0 10px;
    margin:5px 0;
}
.subsection a,.subsection a:link{
    color:#cc5407;
    text-decoration:underline;
}

.subsection a:visited{
    color:#704a32;
    text-decoration:underline;
}

.portal-button {
    padding-left:10px;
}

#datestamp {
    clear:both;
    padding-top:12px;
    font-size:10px;
    background:#fff;
    color:#666;
}
/* end right side */



/* data tables */
#body2col table.f-datatable,#body3col table.f-datatable,#body3col_2 table.f-datatable{
    border-top:1px solid #647378;
    border-left:1px solid #647378;
    clear:both;
}
#body2col table.f-datatable th,#body3col table.f-datatable th,#body3col_2 table.f-datatable th {
    color:#fff;
    background:#647378;
    font-weight:bold;
}
#body2col table.f-datatable td,#body3col table.f-datatable td,#body3col_2 table.f-datatable td {
    color:#000;
    background:#DAE1E3;
    border-right:1px solid #647378;
    border-bottom:1px solid #647378;
    white-space:nowrap;
    font-weight:bold;
}
#body2col table.f-datatable a,#body2col table.f-datatable a:link,#body3col table.f-datatable a,#body3col table.f-datatable a:link,#body3col_2 table.f-datatable a,#body3col_2 table.f-datatable a:link,#body3col_2 table.f-datatable a,#body3col_2 table.f-datatable a:link
{
    text-decoration:underline;
}
/* end data tables */


/* search */
#search{width:139px;margin:0 0 0 10px}
#search input.btnGo_mnd{margin-left:3px;}
#search a:link,#search a:hover,#search a:active,#search a:focus,#search a:visited{color:#666;font-size:7.5pt}
#search h1{font-size:12px;font-weight:bold;color:#333}
.searchfield{width:90px;border:2px #dd8e5c solid;color:#666}
/*#search input.btnGo_mnd, #search input.btnGo_mndOff, #search input.btnGo_mndOn{margin-left:3px}*/


/* Welome text and Logout Link */
#welcomelogout{width:139px;margin:20px 0 20px 10px}
#welcomelogout label{font-size:11px;font-weight:bold;color:#333}
#welcomelogout a:link,#welcomelogout a:hover,#welcomelogout a:active,#welcomelogout a:focus,#welcomelogout a:visited{color:#666;font-size:7.5pt}


#sidebar_l{float:left;margin-right:0;padding-right:0;margin-bottom:70px;display:block;position:relative}

#linksleftbtm,#linksleftbtm2{vertical-align:bottom;position:relative;float:left;clear:both;display:block !important;position:absolute}
#linksleftbtm{margin:-97px 0 0 0}
#linksleftbtm2{margin:-55px 0 0 0}
#linksbtm a,#linksleftbtm a,#linksleftbtm2 a{font-size:8pt;padding:0 0 0 2px;vertical-align:top;white-space:nowrap}
#linksleftbtm a,#linksleftbtm a:link,#linksleftbtm2 a,#linksleftbtm2 a:link{color:#cc5407}
#linksleftbtm a:visited,#linksleftbtm2 a:visited{color:#704a32}
#linksleftbtm div,#linksleftbtm2 div{margin:10px 0 0 10px}

/*#leftspace{border:1px green solid; height:100%;width:149px;clear:left;float:left;position:relative}*/

span.notice{
	font-style:italic;
	color:#666;
	font-weight:normal !important;
	margin:0 0 0 10px;
	position:relative;
	top:8px;
	font-size:11px;
}

span.rss{
/*
	background:#f3f3f3;
*/
	background:#eee;
	width:29px;
	height:13px;
	position:relative;
	cursor:pointer;
	margin:0 0 0 10px;
}

span.req{
	font-size:11px;
	color:red;
	position:relative;
	top:8px;
	right:-15px;
	float:right;
	z-index:1;
}

span#valueactive{
	padding:1px 4px 1px 4px;
	color:#fff;
	background:#666;
	font-weight:900;
	margin:0 3px 0 3px
	}

#titlebar{background:#cc5407;padding:2px 0 2px 0;margin:10px 0 8px 0;width:599px;/*width:100%;*/position:relative}
#titlebar h1{font-size:11px !important;color:#fff;margin:0 !important;padding-left:5px}

.titlebelow{font-size:10px;font-weight:normal;font-style:italic;color:#666 !important}


/* Styles for search "GO" button - included in gen.gss instead of buttons.css because it is shown globally */
.btnGo_mndOn, .btnGo_mndOff, .btnGo_mnd, .btnGo_mnd:hover, .btnGo_mnd:active, .btnGo_mnd:focus{border:none;width:26px;height:18px;background-repeat:no-repeat;cursor:pointer}
.btnGo_mndOff, .btnGo_mnd{background:url(/images/gen/buttons/go/mand_off.gif)}
.btnGo_mndOn, .btnGo_mnd:hover, .btnGo_mnd:active, .btnGo_mnd:focus{background:url(/images/gen/buttons/go/on.gif)}

div.greyfadecontent ul li{position:relative;margin:0;padding:0}
div#rightside div#body2col div.greyfade div.greyfadecontent ul li h3{padding:0}
div#rightside div#body2col div.greyfade div.greyfadecontent ul li p{padding:0 44px 5px 0}
div.greyfadecontent ul li span.more{position:absolute;top:0;right:-5px}

.actionrow,.actionrow2{
	clear:both;
	width:auto;
	text-align:right;
}
.actionrow3{
	clear:both;
	width:auto;
	text-align:left;
}
.actionrow{
	margin:10px -18px 0 0;
}
.actionrow2{
	margin:10px 0 10px 0;
}
.actionrow3{
	margin:10px 0 0 0;
}
.actionrow input,.actionrow2 input,.actionrow3 input{
	margin:10px 0 0 0;
}

div.rowleft{
	clear:left;
	float:left;
	width:auto;
}

div.rowright{
	clear:right;
	float:right;
}

div.rowleft input#txtTitle,div.rowleft input#txtURL{width:150px;border:1px #666 solid}

div.rowleft h2,div.rowleft h3,div.rowleft input,div.rowleft span{float:left}
div.rowleft input,div.rowleft span{margin:0}
div.rowleft h2{margin:3px !important;font-size:11px !important;font-weight:bold;color:#666}
div.rowleft h3{margin:4px 0 0 15px !important;font-size:10px;font-weight:bold;color:#666}
div.rowright input{margin:0}

/* Publication Document Images */
body#temp-0top-0left div#rightside-wide div#body2col img{float:left;margin:0 25px 15px 0}
body#temp-0top-0left div#rightside-wide div#linksbtm img{margin:0}

/* Archive banner for publication documents */
span.archived{position:relative;display:block;color:white;background:red;padding:5px;top:0;width:auto;font-weight:bold;font-size:18px;font-family:arial;text-align:center;clear:both;letter-spacing:0.5pt;border-top:2px #9db1b3 solid}

.helpnav{margin-top:20px}
.helpnav img{padding-bottom:10px}
.helpnav div{position:relative}
.helpnav .gsleft{width:116px;float:left}
.helpnav .gsmid{width:591px}
.helpnav .gsmid .gsmid_l{width:317px;padding-left:15px;float:left}
.helpnav .gsmid .gsmid_r{width:136px;float:left;margin-left:6px}
.helpnav .gsleft div{top:-5px;right:0px}
.helpnav .gsleft div .qmark{right:0;top:-5px}
.helpnav .fourbox,.helpnav .fourbox2{width:151px;display:inline-block;float:left}
.helpnav .fourbox2{margin-left:3px}
.helpnav .qmark{background: url(/images/gen/gs_qmark.png) no-repeat;width:16px;height:16px;position:absolute}
.helpnav .qmark2,.helpnav .qmark3{right:0px}
.helpnav .qmark2{top:-5px;z-index:0}
.helpnav .qmark3{top:-5px;z-index:0}
.helpnav .qmark4{top:-5px;left:575px}
.helpnav .overlay{position:absolute;z-index:1;cursor:pointer;cursor:hand}


.optintro{margin-top:10px;width:600px}

/* unordered lists */
ul.introul{list-style:url(/images/gen/bull.gif) outside;margin:0 0 0 16px}
ul.introul li{margin:5px 0 0 0;color:#666;clear:both;position:relative}
ul.introul li.firstli{margin:0}

input#hbkSearch{width:265px;margin-right:5px}

.list2col, .list2col_intro{width:100%}
.list2col .list_l,.greyfadecontent .list2col .list_r,.list2col_intro .list_l,.list2col_intro .list_r{width:46%}
.list2col .list_l,.list2col_intro .list_l{clear:left;float:left}
.list2col .list_r{clear:right;float:right}
.list2col_intro .list_r{clear:right;float:left;margin-left:4%}

.list3col .list_l,.list3col_intro .list_l,.list3col .list_m,.list3col_intro .list_m,.list3col .list_r,.list3col_intro .list_r{width:30%}
.list3col .list_l{clear:left;float:left}
.list3col .list_m{float:left}
.list3col .list_r{float:right}

#ddTrainingCat{width:235px}
#ddTrainingCat option{display:block !important}

table.media caption{text-align:left;margin-top:20px;font-weight:bold}
table.media tr.colhdr{background:#cc5407}
table.media tr.colhdr th{color:#fff;padding:5px;font-weight:bold !important;text-align:left}
table.media td{background:#f0f0f0;padding:5px;font-size:11px !important}

/* Added on 12/10/2008 to fix word wrapping issue on search response page */
body#temp-1top-2left div#main div#rightside div#body2col div p font{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
display:inline;
}