html { overflow:auto; }
html, body { margin:0; padding:0; width:100%; height:100%; }
body {
  background:#CBCBCB url(../images/bg-body.png) top repeat-x; 
  font:12px Arial,Helvetica,sans-serif;
  line-height:1.5em;
  color:#59686e;
}


h1 { font-family:Arial, Helvetica, sans-serif; margin:4px 0; padding:0; }
h2 { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
h3 { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }

p { margin:0 0 15px 0; }

/* changes per CGI email 1/13/2010 - S.T. */
a { color:#F58546; outline:none!important; }
a:hover { text-decoration:none;color:#3197c0; }
a:link, a:visited { text-decoration:none; }
a:link:hover, a:visited:hover { text-decoration:none; }

a img, a:link img, a:visited img { border:none; }

ul, ol { margin:0; padding:0; }

img { border:none; display:block; }

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; line-height:1; }


/* -- FRAME -- */
div#home { }
div#page { }


/* Tara said to eliminate the top whitespace on 01APR2010 (was 30px) - S.T. */
#container { width:897px; margin:0 auto; padding-top:0px; }


/* -- HEADER -- */
#header { background:#fff url(../images/bg-header.png) no-repeat; height:134px; }

#logo { float:left; padding:35px 0 0 20px; }

#aSide { float:right; padding:52px 72px 0 0; }
#aSide a { font-size:11px; color:#666666; }
#aSide a img { margin-left:4px; display:inline; }
#aSide #search { height:20px; margin-bottom:4px; width:162px; }
#aSide #search iframe { width:350px; height:20px; }


/* -- SELECT BOX -- */
/* -------------
 * Selects
 * ------------- */
#aSide #quickselect .jqTransformSelectWrapper { width: 45px; position:relative; height: 18px; background-color:#fff; float:left; border:1px solid #cbcbcb; }

#aSide #quickselect .jqTransformSelectWrapper div span {
font: 11px Arial,Helvetica,sans-serif;
float: none;
position: absolute;
white-space: nowrap;
height: 17px;
line-height: 15px;
padding: 1px 0 0 7px;
overflow: hidden;
cursor:pointer;
}

#aSide #quickselect .jqTransformSelectWrapper  a.jqTransformSelectOpen {
display: block;
position: absolute;
right: 0px;
width: 20px;
height: 18px;
background: url(../images/select_right.gif) no-repeat center center;
}

#aSide #quickselect .jqTransformSelectWrapper ul {
position: absolute;
width: 43px;
top: 20px;
left: 0px;
list-style: none;
background-color: #FFF;
border: solid 1px #CCC;
display: none;
margin: 0px;
padding: 0px;
height: 150px;
overflow: auto;
overflow-y: auto;
z-index:10;
}

#aSide #quickselect .jqTransformSelectWrapper ul a { display: block; padding:2px 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 11px; }
#aSide #quickselect .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; }
#aSide #quickselect .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4; color: #fff; }

/* -------------
* Hidden - used to hide the original form elements
* ------------- */
#aSide #quickselect .jqTransformHidden {display: none;}


/* -- NAV -- */
#nav { background:#333 url(../images/bg-nav.png) no-repeat; height:30px; margin-bottom:2px; }

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style:none;
margin:0;
padding:0;
}

ul.dropdown { font:14px Arial, Helvetica, sans-serif; position:relative; top:1px; left:25px; z-index:597; float:left; }

ul.dropdown a:link,
ul.dropdown a:visited { color:#fff; text-decoration:none; }
ul.dropdown a:hover { color:#fff; text-decoration:none; }
ul.dropdown a:active { color:#fff; }

ul.dropdown li { background:url(../images/divider.png) left no-repeat; float:left; color:#fff; padding:0; line-height:normal; line-height:1em; vertical-align:middle; zoom:1; }
ul.dropdown li:hover { position:relative; z-index:599; cursor:default; }

ul.dropdown ul { visibility:hidden; position:absolute; top:100%; left:0; z-index:598; width:100%; }
ul.dropdown ul li { float:none; text-align:left; }
ul.dropdown ul ul { top:1px; left:99%; }

ul.dropdown li:hover > ul { visibility:visible; }

ul.dropdown li a { margin-left:1px; padding:7px 2.55em 7px 2.54em; display:block; }
ul.dropdown li a:hover { background:#1c5abb url(../images/bg-link-hover.png) repeat-x; }

ul.dropdown ul {
background-color:#363636;
width:170px;
padding-bottom:2px;
color:#fff;
font-size:12px;
text-transform:none;
border:solid #fff; 
border-width:0 1px 1px 1px;
border-top:1px solid #d9dad2; 
}

ul.dropdown ul li { background-image:none; background-color:transparent; color:#000; filter:none; }
ul.dropdown ul li.hover,
ul.dropdown ul li:hover { background-color:transparent; }

ul.dropdown ul li:hover { background:url(../images/bg-dd-link.png) left no-repeat; }

ul.dropdown ul a:link,
ul.dropdown ul a:visited { color:#fff; }
ul.dropdown ul a:hover { background-image:none; color:#fff; text-decoration:none; }
ul.dropdown ul a:active { color:#fff; }

ul.dropdown *.dir {
background-image:none;
background-position:100% 50%;
background-repeat:no-repeat;
}

ul.dropdown ul li.dir { padding-right:15px; }

ul.dropdown ul a { padding:7px 5px 7px 14px; width:151px; /* For IE */ }
ul.dropdown ul a:hover { background-image:none; background-color:transparent; color:#f38300; }

ul.dropdown li:hover > a.dir { background:#1c5abb url(../images/bg-link-hover.png) repeat-x; color:#fff; }

ul.dropdown li#knowledge-center { width:206px; }
ul.dropdown li#knowledge-center a { background:url(../images/bg-link-kc.png) right no-repeat; }
ul.dropdown li#knowledge-center a:hover { background:url(../images/bg-link-kc.png) right no-repeat; }

#breadcrumb { 
background:url(../images/bg-breadcrumb.png) top left no-repeat; 
width:865px; 
height:21px; 
font-size:10px;
color:#666666; 
margin-left:4px; 
padding:4px 0 0 20px; 
text-transform:uppercase; 
}

#breadcrumb a { color:#666666; text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }

#breadcrumb span.bread_crumb_active_tab { color:#f38300; }


/* -- FLOATING SIDEMENU -- */
body div#sidemenu {
position:fixed!important;
top:325px!important;
left:0;
z-index:100001!important;
width:152!important;
margin:-45px 0 0 0!important;
padding:0!important;
display:block!important;
}

body div#sidemenu-top { background:url(../images/sidemenu-top.png) left no-repeat; width:152px; height:7px; display:block; }
body div#sidemenu-btm { background:url(../images/sidemenu-btm.png) left no-repeat; width:152px; height:7px; display:block; }

body div#sidemenu-mid { background:url(../images/sidemenu-mid.png) left repeat-y; width:132px; padding:5px 10px; }

body div#sidemenu ul {
font-size:11px;
color:#fff;
margin:0;
padding:0;
list-style:none; 
}

body div#sidemenu ul li a { color:#fff; padding:5px 5px 5px 15px; display:block; text-decoration:none; }
body div#sidemenu ul li a:hover { color:#f38300; }

body div#sidemenu ul li:hover { background:url(../images/bg-dd-link.png) left no-repeat; }


/* -- TOP PANE -- */
#dnn_TopPane { height:259px; margin-bottom:2px; padding:0 20px 16px 4px; }

#dnn_TopPane #flash { background-color:#fef2e5; float:left; width:638px; padding:0 0 20px 20px; border-right:1px solid #fff; }

#dnn_TopPane #kc { background-color:#e9f9cc; float:left; width:204px; height:275px; }
#dnn_TopPane #kc ul { list-style-type:none; margin-top:20px; }
#dnn_TopPane #kc ul li { padding-left:20px; }
#dnn_TopPane #kc ul li:hover { background:url(../images/bg-kc-link.png) no-repeat; }
#dnn_TopPane #kc ul li a { font-size:11px; color:#666666; padding:3px 0; border-bottom:1px solid #fff; text-decoration:none; display:block; }
#dnn_TopPane #kc ul li a:hover { color:#7ec100; }

#dnn_TopPane #kc #social { margin-top:35px; text-align:center; }
#dnn_TopPane #kc #social a img { display:inline; }


/* -- MAIN CONTENT PANE -- */
div#home #contentPane ul,
div#home #contentPane ol,
div#page #contentPane ul,
div#page #contentPane ol {
margin:5px 0 5px 25px;
}
  
div#home #contentPane-top { background:url(../images/bg-content-top.png) no-repeat; height:8px; }
div#home #contentPane { background:url(../images/bg-content-mid.png) repeat-y; padding:20px 40px 20px 50px; }

div#page #contentPane-top { background:url(../images/bg-content-toppage.png) no-repeat; height:8px; }
div#page #contentPane { background:url(../images/bg-content-midpage.png) repeat-y; padding:0 40px 20px 50px; }

/* for Wide_Content and TV-Page layouts (no sidebar modules) - 02APR2010 Sam T. */
div#page #container.wide #contentPane #col1 { width:800px;padding-right:0px; }


#contentPane-btm { background:url(../images/bg-content-btm.png) no-repeat; height:8px; }

div#home #contentPane #col1 { float:left; width:600px; padding-right:10px; }
div#home #contentPane #col2 { float:right; width:172px; padding:0 5px; }

div#page #contentPane #col1 { float:left; width:578px; padding:25px 10px 0 0; }
div#page #contentPane #col1 p a { font-size:10px; color:#f38300; text-transform:uppercase; }
div#page #contentPane #col2 { float:right; width:204px; padding:0; }

div.page-maincontainer { display:block; }
div.page-maincontainer h2.ContainerTitle { font-size:20px; color:#f38300; margin-bottom:10px; font-weight:normal; }
div.page-maincontainer h3 { font-size:12px; color:#3f7dde; margin-bottom:10px; font-weight:normal; text-transform:uppercase; }


/* -- SIDE CONTAINERS -- */
div.page-sidetop { background-color:#e9f9cc; width:184px; margin:0 0 4px 10px; padding:0 10px 10px 10px; }
div.page-sidetop h3.ContainerTitle { font-size:16px; color:#7ec100; font-weight:normal; }

div.page-sidedemo { background-color:#ebf2fc; width:184px; margin:0 0 4px 10px; padding:10px; }
div.page-sidedemo h3.ContainerTitle { font-size:16px; color:#3f7dde; font-weight:normal; }

div.page-sidemain { background-color:#f2f2f3; width:184px; margin:0 0 4px 10px; padding:10px; }
div.page-sidemain h3.ContainerTitle { font-size:16px; color:#3f7dde; font-weight:normal; }


/* -- FOOTER -- */
#footer { font-size:11px; color:#656565; padding:10px 0 0 50px; }
#footer span { }
#footer a { color:#656565; display:inline; text-decoration:none; }





/* **************************** */
/*  quick nav and search        */
/* **************************** */
#aSide #quickselect select {
width: 140px;
height: 20px;
color: #9C9C9C;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
border:1px solid #cbcbcb;
}

#search {
width: 162px;
height: 20px;
overflow: hidden;
}



/* ********* */
/* main menu */
/* ********* */
#nav {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
}
#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#nav ul.rootGroup {
float:left;
padding-left:25px;
padding-top:1px;
}

#nav ul.rootGroup li.item {
background:transparent url(../images/divider.png) no-repeat scroll left center;
color:#FFFFFF;
float:left;
line-height:1em;
padding:0;
vertical-align:middle;
}

#nav ul.rootGroup li.item a {
margin-left:1px; 
padding:7px 0px; 
display:block;
text-decoration:none;
cursor:pointer;
}

#nav ul.rootGroup li.item a:hover, 
#nav ul.rootGroup li.item a.selectedtab {
background:#1c5abb url(../images/bg-link-hover.png) repeat-x;
}

#nav ul.rootGroup li.item a span.text{
color:#ffffff;
padding: 0px 36px;
}
#nav ul.rootGroup li.item a span.text.expandTop  {
background: transparent url(../images/btn-menumore.gif) right center no-repeat;
}
#nav ul.rootGroup li.item a:hover span.text {

}


/* knowledge center menu item */
#nav ul.rootGroup li.item.last a {
background:transparent url(../images/bg-link-kc.png) no-repeat scroll left center;
}
#nav ul.rootGroup li.item.last a span.text {
color:#ffffff;
padding: 0px 43px;
}

#nav ul.rootGroup ul li.item.last a { background:none; }


#nav ul.group {
background-color:#363636;
border-color:#D9DAD2 #FFFFFF #FFFFFF;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-size:12px;
padding-bottom:2px;
}

/* undo top-level style */
#nav ul.group li.item.last {
background:transparent none;
}


#nav ul.rootGroup li.item.last ul li a, 
#nav ul.rootGroup li.item.last ul li li a {
background: transparent url(../images/divider.png) no-repeat scroll left center;
}


#nav ul.rootGroup li.item.last ul li a span.text {
color:#FFFFFF;
padding:0 10px;
}



#nav ul.group li.item a {
padding: 5px;
}

#nav ul.group li.item a:hover, 
#nav ul.group li.item a.selectedtab {
background:url(../images/bg-dd-link.png) left no-repeat !important;
background-color:#363636;
}

#nav ul.group li.item a span.text {
color:#ffffff;
padding:0 10px;
}

/* undo top-level style */
#nav ul.group li.item.last a span.text {
padding:0 10px;
}
#nav ul.group li.item a:hover span.text, 
#nav ul.group li.item a.selectedtab span.text {
color:#f38300;
}

#nav ul.group.level2 { margin-top:-1px; margin-left:0px; }



/* **************************** */
/* home page - container styles */
/* **************************** */
div.home-maincontainer {
display: block;
}
div.home-maincontainer h2.ContainerTitle {
color:#0492D6;
font-size:22px;
font-weight: normal;
}
div.home-maincontainer div.ContainerContentWrapper {
padding-top: 10px;
}


div.home-auxcontainer {
display: block;
}

div.home-auxcontainer div.titleborder {
display: block;
background: transparent url(../images/titleborder-blue.gif) 0px 10px repeat-x;
}
div.home-auxcontainer h2.ContainerTitle {
display: inline;
color: #92A934;
font-size:18px;
font-weight: normal;
background: #fff none;
padding: 0px 10px 5px 0px;
}
div.home-auxcontainer div.ContainerContentWrapper {
padding-top: 10px;
}

div.home-sidecontainer {

}
div.home-sidecontainer h2.ContainerTitle {
color:#95AE36;
font-size:18px;
font-weight: normal;
}
div.home-sidecontainer div.ContainerContentWrapper {

}

/* ******************************************** */
/*  interior page title in EditableArea         */
/* ******************************************** */
#pageTitleContainer {
font-size:0.8em;
margin-top:0;
}
#pageTitleContainer h1 {
font-family: arial, helvetica, sans-serif;
color:#F58220;
font-size:20px;
font-weight:normal;
margin:0 0 5px;
padding:0;
}

/* ******************************** */
/* interior page - container styles */
/* ******************************** */
div.page-maincontainer {

}
div.page-maincontainer h2.ContainerTitle {
color:#0091D5;
font-size: 13px;
font-weight:normal;
margin: 10px 0px;
text-transform: uppercase;
}
div.page-maincontainer div.ContainerContentWrapper {

}
div.page-maincontainer div.ContainerContentWrapper h2 {
color:#0091D5;
font-size: 13px;
font-weight:normal;
margin: 10px 0px;
text-transform: uppercase;
}


div.page-sidetop {

}
div.page-sidetop h3.ContainerTitle {

}
div.page-sidetop div.ContainerContentWrapper {

}

/* (has a gray background) */
div.page-sidemain {

}
div.page-sidemain h3.ContainerTitle {

}
div.page-sidemain div.ContainerContentWrapper {

}
/* green arrow */
div.page-sidemain div.ContainerContentWrapper ul {
list-style-type: none;
margin: 5px 0 5px -10px !important;
}
div.page-sidemain div.ContainerContentWrapper ul li {
padding-left: 10px;
background: transparent url(../images/sidebottom-li.gif) 0px 5px no-repeat;
}

div.page-sidedemo {

}
div.page-sidedemo h3.ContainerTitle {

}
div.page-sidedemo div.ContainerContentWrapper {

}

/* ******************************** */
/* special pages - container styles */
/* ******************************** */


/* tbd */