/* 
================================
Skin Styles for ITW Binks
================================
*/   
html, body {padding:0; margin:0 auto; height:100%;}
#Body {background-color:#fff;}
.myPageTable {background-color:#fff; width:100%; padding-bottom:20px;}

#top-blue-bar {height:30px; width:100%; background:#006cb8; text-align:center; line-height:30px; color:#fff; font-size:9pt;}
.lgnbar {width:970px; margin:0 auto; text-align:right;}

#hdr {padding:0; margin:0 auto; width:970px;}
#logo {width:241px; height:93px; margin:0 0 0 50px;}
#search {float:right; margin: 10px 38px 5px 0;}
#search a:active img {position:relative; top:1px;}
.breadcrumbs{text-align:left; padding:5px 0 5px 100px; background:#ffffff; color:#ccc;}
#dnn_BREADCRUMB_lblBreadCrumb a{color:#aaa;}
#dnn_BREADCRUMB_lblBreadCrumb a:hover{text-decoration:underline;}
/*DNN Search Box Style*/
#dnn_SEARCH_txtSearch {width:185px; border:1px solid #ccc; font-size:8pt; color:#c0c0c0; padding:5px; background:#fff; -moz-border-radius:5px;}
a#dnn_SEARCH_cmdSearch img {height:25px; padding-bottom:3px;}
#adminmenu {float:right; margin:5px 15px 0 0;}
#mnu{width:908px; height:27px; margin:0 auto; text-align:center; padding-bottom:5px;}
#mnu-home{width:919px; height:27px; margin:-3px auto 0; text-align:center; padding-bottom:5px;}

#ftr {width:1000px; padding:10px 0; color:#000; margin:0 auto; }
#ftr_links {color:#000; font-size:10pt; font-weight:normal; text-align: center; line-height:20px;}
#ftr_links a {color:#000; text-decoration:none; padding:0 15px; font-weight:normal; font-size:9pt;}
#ftr_links a:hover {text-decoration:underline;}

#lft_links { color:#000; font-size:8pt;}
#lft_links a {color:#97B5D3; text-decoration:underline; }
#lft_links a:hover {text-decoration:none;}
.copyright {padding:10px 15px; font-weight:normal; font-size:8pt;}


.SkinObject, a.SkinObject:link, a.SkinObject:active, a.SkinObject:hover, a.SkinObject:visited
    {color:#000; font-weight:normal;}

.dvclr{ line-height:.01; clear:both; }

/*
============
Pane Styles
============
*/
#panecontainer{width:100%; background:#fff url(images/binks-swoosh.jpg) no-repeat top; margin-top:10px;}
#hdr-container {width:100%; background:#fff url(images/binks-swoosh.jpg) no-repeat center 216px;}
#panewrapper {background:#fff url(images/pane-wrap-rpt.jpg) repeat-y; width:962px; text-align:left; border-top:11px solid #006cb8; margin:0 auto; padding:0 5px 5px 5px;}
#panewrapper-home {background:#fff; width:960px; text-align:left; margin:0 auto; padding:5px;}
#pane-bottom {background:#fff url(images/rounded-bottom.jpg) no-repeat center center; height:12px; margin:0 auto;}
/*-----Control Panel-------*/
.cpWrpr { margin:0 auto; text-align:center; width:1000px; padding-left:10px; }
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

.leftpane { width:25% }
.flashpane {position:relative; z-index:5001;}
.toppane, .footerpane, .socialpane {padding:5px 30px; margin:0;}
.leftpane, .rightpane{padding:5px 0 5px 30px;}
.contentpane {padding:5px 30px;}
.bottompane {padding:5px 30px; margin:0;}
.footerpane {width:765px; padding: 5px 15px 5px 30px; text-align:left;}
.socialpane {width:190px; padding:5px 30px 0 15px; text-align:right;}

.DNNEmptyPane { margin:0; padding:0;display:none; height:0; font-size:1px; }
.Normal, .NormalRed, html, body, p{font-size:9pt; font-weight:normal; font-family:Sans-Serif, Arial, Tahoma; letter-spacing:normal;}
h1 {color:#006cb8; font-weight:800; font-size:18pt;}
h2, h3, h4, h5, h6{color:#000;}
h2 {font-size:14pt; font-weight:bold;}
a:link, a:visited {color:#006cb6; font-weight:bold;}
a:hover {text-decoration:underline; color:#006cb8;}

/*
================
Box Styles
================
*/

.boxEven, .boxEven2, .boxEven3 {overflow:hidden; border:1px solid #006CB7; color:#000; margin:0 0 30px 0; padding:5px; clear:both; font-size:10pt; 
		   -moz-border-radius:15px; -webkit-border-radius: 10px; background:#fff;}
.boxEven a:hover img {opacity:.9; filter:alpha(opacity=90;);}
.boxEven { min-height:100px; }
.boxEven2 { min-height:285px; }
.boxEven ul li, .boxEven2 ul li, .boxEven3 ul li { width:75%; margin-left:90px; }
.boxEven h2, .boxEven2 h2, .boxEven3 h2 { margin:0 0 10px 0; color:#006CB7; font-size:12pt; }
.boxEven img, .boxEven2 img, .boxEven3 img { margin-right:20px; float:left; }
.boxEven a, .boxEven2 a, .boxEven3 a { font-size:10pt; font-weight:bold; }

/*
====================
Nav Menu
====================
*/

.TabList { margin:0; padding:0; }

/*top level links */
#nav ul { padding:0; margin:0; list-style:none; line-height:26px; position:relative; z-index:5000; }

/* Menu Items ---- Settings here cascade down */
#nav li { position:relative; float:left; /*line-height : 1.25em;*/ width: 151px; list-style: none;}
#nav ul li a {background:url(images/mnu-item.jpg) no-repeat bottom left; height:26px; display:block; font-size:9pt; display:block; text-decoration:none; text-align:center; font-weight:normal; 
		 color:#fff; text-transform: uppercase;}
#nav ul li a:hover {height:27px; line-height:28px;}
/* second-level lists --  width of dropdowns must be set here for IE6  */
#nav li ul {  position: absolute; left: -999em; width:170px; padding:0px; z-index:1500; }

#nav li.SelectedTab a, #nav li a.SelectedTab { border:none; color:#fff; height:26px; background: url(images/mnu-item-selected.jpg) no-repeat bottom left;}
#nav li.SelectedTab a:hover, #nav li a.SelectedTab:hover { color: #fff; height:27px; line-height:28px;}

/*2nd Level Links --- width needs to be set in order for the drop downs to be vertical */
#nav li li a { width:170px; padding:0 0 0 3px; margin:0; height:22px; line-height:22px; background: #006cb8; text-align: left; }
#nav li li a:hover { color:#000; height:22px; line-height:22px; /*border-top:none;*/ }
#nav ul li li a:hover {top:0; position:relative; height:22px; line-height:22px;}

/*Prevent Selected Item Dropdowns for having same properties as top level selected item */
#nav li.SelectedTab ul li a, #nav li a.SelectedTab ul li a{background: #006cb8; color:#fff; border:1px solid #fff; height:22px; line-height:22px;}
#nav li.SelectedTab ul li a:hover, #nav li a.SelectedTab ul li a:hover{background: #63a9dc; color:#fff; height:22px; line-height:22px;}
#nav li ul li a, #nav li a ul li a{background: #006cb8; color:#fff; border:1px solid #fff; overflow:hidden;}
#nav li ul li a:hover, #nav li a ul li a:hover{background: #63a9dc; color:#fff;}

#nav .DisabledTab { color:#ccc; }
/* no need to change these hover classes unless you need more than 4 levels */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, 
#nav li.iehover ul ul ul ul { left: -999em; }
/* Adjust top to move vertical postion of drop down menus */
#nav li:hover ul, #nav li.iehover ul { top: 27px; left:0; }
/*Adjust left to change spacing of 2nd level and 3rd level menus */
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul { top: 0; left:172px; }