/* DSG website top Navigation Created/Updated:12-29-2011 by Kevin Knipe 
   Document Solutions Group,Inc.(DSG)©2011, 2012 */
 /* This controls the top four main buttons on the top right */
#buttons{float:right;width:315px;padding:9px 12px 4px 0;margin:0;} #buttons img{padding:0 6px 0 0;}
#dsg-logo{float:right;background-image:url(../img/logos/dsg-logo.png);background-repeat:no-repeat;height:170px;width:390px;margin-top:25px;}
.logo-area{float:left;width:580px;padding-top:5px;margin-left:8px;}
/* This controls the Top grey header */	
#header-shell{width:auto;min-width:949px;height:60px;display:inline-block;overflow:hidden;padding:8px 0 0 10px;margin:0;background:#e7e9e9 url(../img/bkgd/bkgd-top-header.png) repeat-x top left;border-top:none;border-right:1px solid #909294;border-left:none;border-bottom:none;clear:both;}
/* Controls height and marging placement for the Cleint Search area */
#header-tab{width:300px;float:right;display:block;overflow:hidden;padding:4px 10px 0 10px;margin:0;height:30px;float:right;}
/* controls the background image for the top header */
#homenavigation{height:280px;background:#1376ee url(../img/bkgd/bkgd-navigation.jpg);background-repeat:no-repeat;background-position:top left;}
.lang-shell{margin:0 0 0 5px;padding-right:4px;display:inline;text-align:left;vertical-align:middle;float:right;height:22px;font-size:11px;}
/* controls client Log-In button */
.link-area{margin:0 0 8px 0;}
.login-area{padding:3px 8px 5px 6px;border-right:1px solid #CCC;background:#fff;margin:0 24px 0 0;display:inline-block;height:100%;color:#006699;font-size:11px;float:left;vertical-align:middle;background:url(../img/bkgd/bkgd-login.png);background-repeat:repeat-x;background-position:top left;}
.login-area a{color:#006699;text-decoration:none;}
.login-area a:hover{color:#009df8;}
.flag-icon img{margin:0 3px 0 3px;vertical-align:middle;}
.orange-arrow{color:#cc9933;font-weight:bold;font-size:14px;padding-right:4px;}
#search{color:#006699;margin:0 0 4px 0;padding:0 4px 0 0;font-size:13px;display:inline-block;float:right;vertical-align:middle;border-top:1px solid #cccccc;border-right:2px solid #cccccc;border-bottom:1px solid #bdbdbf;border-left:1px solid #cccccc;width:260px;vertical-align:middle;background:url(../img/bkgd/bkgd-lightblue.png);background-repeat:repeat-x;background-position:top left;}
#search input{margin:4px 0 2px 0;vertical-align:middle;}
#search img{margin-top:0px;}
/* controls the submenu heading */
#nav-header{padding:84px 0 0 25px;}
/* controls the headings of all of the pages within the top navigation */
#nav-header h1{font-size:24px;font-weight:bold;padding-bottom:8px;float:left;margin-left:-40px;text-align:center;min-width:250px;color:white;letter-spacing:1px;border:none;background:url(../img/bkgd/btm-line.png);background-repeat:no-repeat;background-position:bottom left;}
#subcontainer-shell{margin:0;padding:0;height:30px;font-size:12px;letter-spacing:1px;background:url(../img/bkgd/bkgd-sub-menu.jpg);background-repeat:repeat-x;width:100%;float:left;z-index:1;}
#subcontainer ul{list-style:none;margin:0;padding:0;border:none;color:white;letter-spacing:1px;}
#subcontainer li, #results li{display:block;float:left;width:auto;}
#subcontainer a, #results li{color:white;display:block;width:auto;line-height:30px;text-decoration:none;padding:0 5px 0 5px;margin:0;border-right:1px solid #CCCCCC;font-weight:bold;vertical-align:middle;}
#subcontainer a:hover{color:#f4f4f4;background:url(../img/bkgd/bkgd-blue.png);background-repeat:repeat-x;background-position:top left;border-right:1px solid #ccc;display:block;overflow:hidden;letter-spacing:1px;margin:0;padding:0 5px;}
/* [Start] of top navigation */
#navcontainer-shell{margin:0;padding-top:20px;padding:0;height:30px;font-size:12px;letter-spacing:1px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background:url(../img/bkgd/bkgd-navbar.jpg);background-repeat:repeat-x;width:100%;}
#navcontainer ul{list-style:none;margin:0;padding:0;border:none;color:white;line-height:30px;letter-spacing:1px;}/*This corrects link displays in ie-7*/
* + html #navcontainer ul, html+body #navcontainer ul, * html body #navcontainer ul{z-index:500;}/* for ie-7 Only */
#navcontainer li{display:block;margin:0;padding:0;float:left;letter-spacing:1px; z-index:1000;}
#navcontainer, #subcontainer{padding-left:10px;}
#navcontainer a{color:white;display:block;width:auto;text-decoration:none;margin:0;padding:0 10px;border-right:1px solid #022a61;font-weight:bold;letter-spacing:1px;  z-index:1000;}
#navcontainer a.last, #subcontainer a.last{border-right:0px solid #999;}
#navcontainer a:hover{color:#f4f4f4!important;background-image:url(../img/bkgd/bkgd-blue.png);background-repeat:repeat-x;background-position:top left;border-right:1px solid #444;display:block;overflow:hidden;letter-spacing:1px;margin:0;padding:0 10px;position:relative; z-index:1000;}/* Need the important tag for the hover over the selected menu */
/* This is position: relative; needed for IE-8 to display drop down menu hover correctly */
#navcontainer a.active:visited{position:relative;z-index:102;}
.bkgd-white{background-image:none;background-color:white;color:black;}
.selected{color:#333333!important;background:#f5f5f5 url(../img/bkgd/bkgd-selected.jpg);background-repeat:repeat-x;background-position:top left;border-top:1px solid white;border-right:none!important;border-bottom:1px solid #f5f5f5;display:block;overflow:hidden;letter-spacing:1px;margin:0;padding:0 5px;}
/* [Start] Dropdown menu second-level lists */
#nav li ul{position:absolute;background-color:#dae4f0;border-top:none;border-right:1px solid #2f5f97;border-bottom:1px solid #2f5f97;border-left:1px solid #2f5f97;width:180px;left:-999em;padding:5px 5px 5px 0;margin-top:-1px;opacity:.90;filter:alpha(opacity=90);}
/* using left:-999em instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul li a{font-size:11px;font-weight:normal;color:#333333;letter-spacing:1px;display:block;margin:0;border:none;width:180px;line-height:18px;}
#nav li ul li a:hover{color:white; }
#nav li:hover ul, #nav li.sfhover ul{left:auto;overflow:hidden;}/* lists nested under hovered list items */