﻿
/*=======================================================+
|                                                        |
|        CSS for DotNetNuke Skin - Baywise.info          |
|               Developed by Adammer LLC                 |
|                http://www.Adammer.com                  |
|                                                        |
|                    January 2008                        |
|                                                        |
+=======================================================*/


/*=======================================================+
|  Universal                                             |
+=======================================================*/

/*-- HTML (Left blank on purpose)     --*/ html {}
/*-- Body                             --*/ body {background-color: transparent; margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:1.3em;}
/*-- Default Font                     --*/ table, p, li {background-color: transparent; margin: 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:1.3em; }
/*-- Additional space for lists       --*/ li { margin-bottom: 10px;}


/*========================================================+
|  Design Elements                                        |
+========================================================*/


#logo {}
.header{width:820px; margin:0px;}
.top-links {color:#228DC1 !important; font-size:10px !important; white-space:nowrap;}
.top-links a {color:#228DC1 !important; font-size:10px !important; text-decoration:none !important; }
.top-links a:hover {font-size:10px !important; text-decoration:underline !important; }
.top-links-table  {padding-top:10px; text-align:right;}

.banner {background-color:#6089E4; height:222px; width:100%; margin-top:0px;}
.menu {width:190px; padding-top:10px; vertical-align:top; text-align:right;}
.menu-header{width:187px;color:#FFFFFF; text-align:right; font-weight: bold; border-bottom: #B0C4F2 solid 1px; padding:0 0 5px 0; margin:0;}

.main-graphic{background:url(graphics/default.jpg) no-repeat; height:222px;}

#content-wrapper {float:none; top:500px; position:relative; top:50px;}
.content-table {width:820px;}
.gutter {width:170px !important; padding:10px 55px 0 20px; vertical-align:top;}
.gutter-right {width:180px !important; padding-left:15px; vertical-align:top;}
.content {padding:5px 5px 0 10px; vertical-align:top;}

#footer {background-color:#CAE6D7; top:10px;position: relative; height:60px; text-align:left;}
#footer a {color:#333333;}

#footer td, .copyright, .login, .terms {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}
#footer table {width:100%; padding:7px 10px 0 10px;}

.footer-padding {padding-top: 40px;}

#list-addinfo table, #list-addinfo p, #list-addinfo li {font-size:10px;}



/*-- Main page wrapper: Adding a 
     little space at the bottom so 
     footer has some room before the
     end of the browser window.       --*/ #wrapper {padding-bottom:20px;}

/*-- Set the page top background
     image. The image behind the 
     login links.                     --*/ #login-bg{background: url(graphics/bg_outside_top.png) center no-repeat;}

/*-- Set font size, color, etc. 
     for login links and text.        --*/ #login{font-size:11px; text-decoration:none; color: #666666; margin:0 auto 0 auto; width: 900px; padding: 4px 5px 0 0; height:22px; text-align:right;}
                                           #login a {font-size:11px; text-decoration:none; color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
                                           #login a:hover {text-decoration:underline;}
                                           
/*-- Set the padding of the
     search div.                      --*/ #search {float:right; width:250px; vertical-align: middle; text-align: right;  padding:0px 0px 0 0;line-height:10px;}
                                           #search img {border:none; padding:0px 0px 0px 0px;}

/*-- Set the background for the
     Header and the master page
     width.                            #header-bg{background: url(graphics/bg_outside.png) center repeat-y;}
                                           #header{margin:0 auto 0 auto; text-align:left; width: 900px;}--*/

/*-- Added a little padding to 
     make sure logo doesn't 
     overlap background elements.     --*/ #logo {text-align:left; padding-left:2px;}

/*-- Set the background image, 
     width, and margins for 
     the menu.                         #menu-bg{background: url(graphics/bg_outside.png) center repeat-y;}
                                           #menu{margin:0 auto 0 auto; width: 860px; text-align:left;}--*/

/*-- Set the background image, 
     width, and margins for the 
     Breadcrumb.                      --*/ #breadcrumb-bg{background: url(graphics/bg_outside.png) center repeat-y;}
                                           #breadcrumb-row{margin:0 auto 0 auto; width: 860px; padding:2px 0 4px 2px; }

/*-- Set font size, color, etc. 
     for the breadcrumb div.          --*/ #breadcrumb {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666666; text-align:left; line-height:12px;}
                                           #breadcrumb a {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#666666; font-style:normal;}
                                           #breadcrumb a:hover {text-decoration:underline;font-style:normal;}

/*-- Set font size, color, etc. 
     for the Current Date div.        --*/ #current-date {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666666; float:right; line-height:12px; padding-right:3px;}
                                           #current-date a {font-size:10px; text-decoration:none; color:#666666;}
                                           #current-date a:hover {text-decoration:underline;}

/*-- Set the background image, 
     width, margin, and border
     for the content div.             #content-bg {background: url(graphics/bg_outside.png) center repeat-y;}
                                           #content {width:860px; border:#999999 solid 1px; background:#FFFFFF; margin:0 auto 0 auto; padding-bottom:10px;} --*/

/*-- Set the background image,
     width, margin, and font
     for the footer div.               #footer-bg {background: url(graphics/bg_outside_bottom.png) top no-repeat;}
                                           #footer {font-size:10px; text-decoration:none; color:#666666;margin:0 auto 0 auto; width: 900px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px;}
                                           #footer a {font-size:10px; text-decoration:none; color: #666666;}
                                           #footer a:hover {text-decoration:underline;}--*/

/*-- Padding-right is used to set
     the terms and privacy text
     3 pixels from the right edge.    --*/ #terms{float:right; bottom:0px; margin-top:36px; padding-right:3px;}

/*-- Margin-left is used to set
     the copyright text 3 pixels 
     from the left edge.              --*/ #copyright{padding: 36px 0px 0 0; margin-left:3px; line-height:15px;}
     
/*-- Horizontal Rule                  --*/ hr {height: 1px; color: #bbb;}
     
     
/*========================================================+
|  Search Items                                           |
+========================================================*/

/*-- Font for Radio Button labels.
     Not displayed by default 
     but just in case.                --*/ .SearchField{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
                                            a.SearchField {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666 !important; text-decoration:none !important; padding-right:0px; vertical-align:bottom;}
                                           a.SearchField:hover {text-decoration:underline !important;}
/*-- Search Textbox Font and
     background image.                --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 2px 1px 4px; font-size:11px; border: #999999 1px solid; width:150px;}


/*========================================================+
|  DNN Control Panel                                      |
+========================================================*/

/*-- We are using the DNN defaults    --*/

.ControlPanel, .PagingTable {background-color:#FFFFFF;border:1px solid #003366; text-align:center; width:50%;margin-left: auto;margin-right: auto;}
.DNNAligncenter {text-align:left;}


/*========================================================+
|  Text Styles                                            |
+========================================================*/

/*-- Default Font                     --*/ table, p, li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin:0 0 10px 0; background-color:transparent;}

/*-- Most of the site text.           --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif;}

/*-- Most of the bold site text.      --*/ .NormalBold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold;}

/*-- Red Error site text.             --*/ .NormalRed {color: #990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

/*-- subheadings - mostly in admin.   --*/ .SubHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000;}

/*-- headings - mostly in admin.      --*/ .Head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; font-weight: bold; white-space: nowrap;background-color:transparent; color:#000000;}

/*-- Header 1 site text.              --*/ h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;}

/*-- Header 2 site text.              --*/ h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold;}

/*-- Header 3 site text.              --*/ h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold;}

/*========================================================+
|  User Defined Tables                                    |
+========================================================*/

.UDT_Table_Head th {font-size:10px;}
.UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:10px;background-color:#F3F3F3;vertical-align:top;}
.UDT_Table_Item, .UDT_Table_Item p {font-size:10px;vertical-align:top;}


/*========================================================+
|  Module Menus                                           |
+========================================================*/

/*-- Usually no need to change 
     these styles.                    --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333333;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;}                                          
                                           .ModuleTitle_SubMenu {background-color:#F7F7F7;border:1px solid #666666;margin:1px 0px 0px;padding:0px;z-index:1000;}                                           
                                           .ModuleTitle_MenuItemSel {background:#DDDDDD none repeat scroll 0%;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;color:#000000;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;}                                           
                                           .ModuleTitle_MenuIcon {border:1px solid #EEEEEE;padding:2px 3px;}                                           
                                           .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;}


/*========================================================+
|  Links                                                  |
+========================================================*/

/*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #003399; font-style:normal;text-decoration:underline;}

/*-- default links hover              --*/ a:hover {text-decoration:none;}

/*-- normal  links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; }

/*-- normal  links hover              --*/ a.Normal:hover {text-decoration: none; }


/*========================================================*/
/*  Forms                                                 */
/*========================================================*/
     
/*-- Default for Element              --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; }

/*-- Default Textbox                  --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }


/*========================================================+
|  Navigation Menu Styles - Default to Grey               |
|                                                         |
|  These are set individually for each skin color but we  |
|  default to blue just in case the skin CSS has          |
|  been removed and can't be found.                       |
+========================================================*/


/*========================================================+
|  Navigation Menu Styles                                 |
+========================================================*/


/*-- Set line height.                  --*/ #nav li {position:relative;float:left;line-height:24px;list-style:none;padding:0;white-space:nowrap;margin-bottom:0px; width:187px;}

/*-- Set bottom margin and
     color of menu that does not
     contain menu items.               --*/ #nav ul {padding:0;margin:0 0 3px 0;list-style:none;float:left;width:187px;background-color:#6089E4;}

/*========================================================+
| The following three (3) items should have the same      |
| background color                                        |
+========================================================*/

/*-- Font for top menu items.          --*/ #nav a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;display:block;margin: 0;text-decoration:none;text-align:right;font-weight:normal;padding: 0;color: #FFFFFF;border-bottom:1px solid #B0C4F2;background-color: #6089E4;}

/*-- Second-level list container.      --*/ #nav li ul {position:absolute;left: -999em;width:190px;border-top: #B0C4F2 1px solid;background-color:#4C6FBA;}

/*-- Second-level menu items.          --*/ #nav li li a {width:190px;font-size:11px;text-align:left;border-bottom: 1px solid #B0C4F2;border-left:1px solid #B0C4F2;border-right:1px solid #B0C4F2;background-color:#4C6FBA;padding-left:5px;}

/*========================================================+
| The following four (4) items should have the same       |
| background color                                        |
+========================================================*/

/*-- Hover style for unselected 
     menu items.                       --*/ #nav li a:hover { color:#FFE700; font-style:italic; font-weight:bold;}

/*-- Top-level selected menu items.    --*/ #nav li.SelectedTab a {color:#FFE700; font-style:italic; font-weight:bold;}

/*-- Second-level selected
     menu items.                       --*/ #nav li li.SelectedTab a {color:#FFE700; font-style:italic; font-weight:bold;}

/*-- Third-level selected 
     menu items.                       --*/ #nav li li li.SelectedTab a {color:#FFE700; font-style:italic; font-weight:bold;}


/*-- Hover style for selected 
     menu items.                       --*/ #nav li.SelectedTab a:hover {background-color: #6089E4;}
     

/*-- Font color for disabled tabs.     --*/ #nav .DisabledTab {color:#CCCCCC;}

/*-- 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;}
                                            #nav li:hover ul, 
                                            #nav li.iehover ul {top: 5px;left:187px;}
                                            #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:171px;}


/*========================================================+
|  End ArchitectX DNN Skin Styles                         |
+========================================================*/


#earth911-recycle-widget {
    width: 320px !important;
    padding: 10px 12px 12px 12px !important;
    background-color: #FFF !important;
    border: 1px solid #DDD !important;
    font-family: 'Trebuchet MS', 'Verdana', 'Helvetica', sans-serif !important;
	margin-bottom:20px;
	
}

/* hack for ie width */
html>body #earth911-recycle-widget {
    width: 274px !important;
}

#earth911-recycle-widget h2 {
    float: left !important;
    margin: 0 0 8px 0 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    color: #004C84 !important;
	line-height:1.4em !important;
}

#earth911-recycle-widget img {
    float: right !important;
    height: 71px !important;
    width: 65px !important;
    background-color: #FFF !important;
    border: none !important;
}


#earth911-recycle-widget label {
    float: left !important;
    margin-bottom: 8px !important;
    margin-right: 5px !important;
    font-size: 14px !important;
}

#earth911-recycle-widget label span.earth911-instruct {
    color: #555 !important;
    font-size: 12px !important;
}

#earth911-recycle-widget input#earth911-recycle-where, #earth911-recycle-widget {
    display: block !important;
   /* width: 85px !important;*/
    padding: 3px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    background-color: #FFF !important;
    border: 1px solid #666 !important;
}

#earth911-recycle-widget input#earth911-recycle-submit {
    float: left !important;
    margin: 18px 0 10px 10px !important;
    height: 28px !important;
    border: none !important;
    color: #FFF !important;
    background-color: #004C84 !important;
    cursor: pointer !important;
}

#earth911-recycle-widget a.more-link {
    display: block !important;
    overflow: hidden !important;
    font-size: 12px !important;
    color: #444 !important;
}

#earth911-recycle-widget br.earth911-clear {
    clear: left !important;
}

