
/*========================================================*/
/*         CSS for HQ Skin              */
/*                  by Brian Connor                       */
/*========================================================*/

/*========================================================*/
/*   Universal                              iss            */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ #body { margin: 0; background: #fff; margin: 0px 0 0 0; font: 1.05em/1.7em Georgia, 'Bitstream Vera Serif', serif;  color: #262626; }
/* Setting Text Throughout the skin      table, tr, td, p, .Normal, blockquote { font: 1.1em/1.7em Georgia, 'Bitstream Vera Serif', serif; color: #262626; margin: 0; } */ 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
/*========================================================*/
/*   Design Elements                                    */
/*========================================================*/

/*-- width for the standard skin            --*/ .StandardWidth { width: 920px;}
/*-- width for the admin skin               --*/ .AdminWidth { width: 85%;}

/*-- outermost table of skin                --*/ .OuterTable { width: 100%; height: 100%;}
/*-- content area height                    --*/ .StandardHeight { height: 100%;}
/*-- logo area width                        --*/ .OuterTableDIV  { width: 100%;}
/*-- width for the standard skin            --*/ .LogoArea { padding: 5px 0 5px 0;}
/*-- cell containing menu                   --*/ .MenuTD { height:47px; vertical-align: top; padding: 8px 31px 0 20px; }
/*-- cell containing search                 --*/ .SearchTD { height:47px; vertical-align: top; text-align:right; padding: 15px 16px 0 0;}
/*-- cell containing date                   --*/ .DateTD { height:20px; vertical-align: top; text-align:left; padding: 0 0 0 14px;}
/*-- cell containing login and register     --*/ .LoginTD { height:20px; vertical-align: top;text-align:right;  color: #FFF; padding: 0 17px 0 0; }
/*-- cell containing breadcrumbs            --*/ .BreadCrumbsTD { vertical-align: top; text-align:left; padding: 9px 18px 0 26px; color: #797979; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:normal; }
/*-- cell containing logo                   --*/ .LogoTD { vertical-align: middle; padding: 0 14px 0 16px;}
/*-- copyright class                        --*/ .CopyrightClass { text-align:right;}
/*-- privacy class                          --*/ .PrivacyClass { text-align:left;}
/*-- cell containing panes                  --*/ .PanesTD { width:100%; vertical-align: top; padding: 5px 5px 0 5px; }
/*-- top header section                     --*/ .TopRow { background:  url(header_bg.gif) repeat-x top left; height: 100px; padding: 0; }
/*-- topleft header section                 --*/ .TopRowLeft { background:  url(header_bg_l.gif) no-repeat top left; height: 100px; width:100%; padding: 0; }
/*-- topright header section                --*/ .TopRowRight { background:  url(header_bg_r.gif) no-repeat top right; height: 100px; width:100%; padding: 0;}
/*-- bottom footer section                  --*/ .BottomRow { background:  url(footer_bg.gif) repeat-x top center #EFF1F5; height: 80px; padding: 0;}
/*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url(footer_bg_l.gif) no-repeat top left; height: 80px; padding: 0;}
/*-- bottomright footer section             --*/ .BottomRowRight { background:  url(footer_bg_r.gif) no-repeat top right; height: 80px; text-align: right; vertical-align: top; padding: 22px 30px 0 22px; }
/*-- middle content section                 --*/ .MiddleRow { background:  url(page_bg2.jpg) repeat-x top left #EFF1F5; }
/*-- top section background                 --*/ .PageBg01 { background:  url(page_bg.jpg) repeat-x top left; padding: 0; }
/*-- middle section background              --*/ .PageBg02 { background:  url(page_bg2.jpg) repeat-x top left #EFF1F5; padding: 0; }
/*-- middle section background              --*/ .PageBg04 { height:100%; background:  url(page_bg04.jpg) repeat-x top left #EFF1F5; padding: 0; }
/*-- bottom section background              --*/ .PageBg03 { background: #EFF1F5; padding: 0; }
/*-- middle content section background      --*/ .MiddleRowBg { background: #FFF; height:100%; }
/*-- middle content section padding         --*/ .MiddleRowPad { padding: 0 10px 0 5px; }

/*========================================================*/
/*   Content Panes                                      */
/*========================================================*/
#ContentPane {
	font: 1em/1.7em Georgia, 'Bitstream Vera Serif', serif;
}
/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px; font: 1.05em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626; }
/*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 23%; font: 1.05em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626; }
/*-- content pane                  --*/ .PaneCenter { padding: 0 7px 0 7px; font: 1.05em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626; }
/*-- right content pane      --*/ .PaneRight { padding: 0 7px 0 7px; width: 13%; }
/*-- left content pane         --*/ .PaneLeft2 { padding: 0 7px 0 7px; width: 33%; }
/*-- content pane      --*/ .PaneCenter2 { padding: 0 7px 0 7px; }
/*-- right content pane      --*/ .PaneRight2 { padding: 0 7px 0 7px; width: 33%; }
/*-- bottom inside pane       --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- tag line content pane   --*/ .TagLinePane { width:100%; border-left: 3px solid #EEE; vertical-align:middle; padding: 0px 20px 0 20px; }
p.blog_header, p.blog_body, .blog_body, .blog_header {
	font: 1.05em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626;
}
/*-- top login strip --*/
.utils {
	width:920px margin 2px 0 2px 0 0; text-align:center;
}
.centerIn, .mavLoginBarCenter {
	text-align: right;
	padding: 0 4px 0 0;
	margin: auto;
	height: auto;
	width: 920px; 
}

.mavLoginBar, .mavLoginBarClient, .mavLoginBarEmployee {
	background-image: url(img/bg_login.gif);
	background-repeat: repeat-x;
	margin: 0 0px 0 0px;
	height: 22px;
	cursor: default;
	font-size: 10px;
	font-family: Tahoma;
	letter-spacing: 1px;
	border: 1px inset #88BF00;
	border-width: 0 0 0px 0;
	
}
#contentPane, .PaneTop img {
	padding: 2px;
	background: #f2f2f2;
	border: 0px solid #111; */
}

#contentPane, .PaneTop img.AlignLeft{
	float: left;
	margin: 0 15px 0 0; }

#contentPane, .PaneTop img.AlignRight{
	float: right;
	margin: 0 0 0 15px; }
/*========================================================*/
/*   Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active  {
	color: #f2f2f2;
	background: #999999;
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 5px 2px 5px;
	border: 1px inset #88BF00;
	border-width: 0 0 2px 0;
}
.USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #f2f2f2; background: #f60 /*url(bullet.gif) no-repeat top left*/;  font-family: tahoma; font-size: 10px; font-weight:normal; text-decoration: none; padding: 0 5px 2px 5px; border: 1px solid #88BF00;	border-width: 1px 1x 1px 1px; }
/*-- login and user token hover        --*/
 a.LOGIN_object:hover {
	color: #FDFFD2;
	font-family: tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	border: 1px inset #88BF00; border-width: 0 0 1px 0;
}
 a.USER_object:hover {
	color: #fff;
	font-family: tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	border: 1px inset #00A801;
	border-width: 1px 1px 1px 1px;
}
/*-- date token idle                   --*/ 
.DATE_object { color: #939393; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token     --*/ 
.BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #797979; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:normal; }
a.BREADCRUMBS_object:hover { color: #666; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:normal; }
/*-- terms privacy and copyright       --*/ 
.FOOTER_objects { color:#858585; font-family: tahoma; font-size: 11px; }
/*-- terms privacy and copyright links --*/ 
a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#858585; font-family: tahoma; font-size: 11px; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#666; text-decoration:none;  }

/*========================================================*/
/*   Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal, ol, ul, li { font: 1em/1.7em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626; }
/*-- most of the bold text on site     --*/ .NormalBold { font: .95em/1.5em "Trebuchet MS", Trebuchet, arial, sans-serif; font-weight:bold; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*   Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active {  text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #444;  text-decoration: none; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited {  text-decoration: underline; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; text-decoration: none; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 27px 6px 31px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}
h1 {
	font-size: 1.65em;
	color: #6F1202;
	line-height: 25px;
}
h2,h3,h4 {
	font-weight: bold;
	margin: 5px 0 5px 0;
	border: 0px dashed #666;
	border-width: 0 0 0px 0;
	font: 1em/1.7em Georgia, 'Bitstream Vera Serif', serif;
	}
	h2 {
	font-size: 1.4em;
	color: #3E3E3E;
}
h2.blog_title {
	font: 1.15em Georgia, 'Bitstream Vera Serif', serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h3 {
	font-size: 1.3em;
	color: #3E3E3E; }

h4 {
	font-size: 1.2em;
	color: #3E3E3E;
}
p {
	font: 1.1em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626; margin: 5px 0 15px 0;
} 
blockquote {
/*border : 2px solid #000;
width: 200px;
float: right;
background-color: #ccc;
padding: 10px;*/
font: 1.1em Georgia, 'Bitstream Vera Serif', serif; line-height: 1.6em; color: #262626;
margin: 0 0 5px 10px;
quotes: "\201C" "\201D";
 }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
#top {	float: right;
	color: #7F7F7F;
	font: .75em/1.7em Helvetica, 'Helvetica Neue', Arial, sans-serif; }
/*=====================================*/
/*   Forms                                              */
/*=====================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 140px; color: #888; padding: 4px 8px 0 0; border: 0px solid #FFFFFF; cursor:text;}

/*========================================================*/
/*   Main Menu and Module Menus                         */
/*========================================================*/

/*-- removing bg colors         --*/ .MainMenu_Idle.MainMenu_MenuItem, .MainMenu_Selected.MainMenu_MenuItemSel, .MainMenu_Active.MainMenu_MenuItem, .MainMenu_BreadcrumbActive.MainMenu_MenuItem { background:transparent; }
/*-- box that holds the menu    --*/ .MainMenu_MenuContainer { background: transparent; }
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; }
/*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 1px 0 0 0; background: #EEEEEE; padding: 0px; border: 1px solid #AAA; font-weight: normal; filter: none; }
/*-- submenu items idle         --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #FCFCFC; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }
/*-- submenu items hover        --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #222; background: #EEE; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
/*-- menuitems idle             --*/ .MainMenu_Idle TD { color: #FFF; background: transparent; font-size: 8pt; padding: 9px 10px 10px 10px; font-weight: bold; }
/*-- menuitems over             --*/ .MainMenu_Selected TD { color: #eee; background: transparent; font-size: 8pt; padding: 9px 10px 10px 10px; font-weight: bold; }
/*-- menuitems active           --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #eee; background: transparent; font-size: 8pt; padding: 9px 10px 10px 10px; font-weight: bold; }
/*-- middle seperator           --*/ .MainMenu_Seperator { background: url(divider_menuitem.gif) no-repeat top right transparent; width:2px; height: 32px; }
/*-- not needed - main menu     --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer       --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar            --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding        --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu   --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
/*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}


/*==========================================================*/
/*  End DNN Specific - start Sign Up page css              */
/*==========================================================*/
table.signup th.side div.nubbin_region div.nubbin {
    display: none;
    width: 0;
    height: 0;
    position: relative;
}

table.signup th.side div.hover div.nubbin {
    display: block;
    cursor: pointer;
}

table.signup th.side div.nubbin div.wrapper {
    position: absolute;
    top: -25px;
}

table.signup th.side div.nubbin div.content {
    width: 350px;
    margin: 0;
    padding: 0 7px 8px 0;
    background: url(img/tip_box-bottom_right.png) no-repeat bottom right;
    text-align: left;
    font: Lucida Grande, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    white-space: normal;
}

table.signup th.side div.nubbin div.content div.arrow {
    position: absolute;
    top: 18px;
    left: -47px;
    width: 50px;
    height: 40px;
    background: url(img/tip_box-arrow.png) no-repeat top left;
}

table.signup th.side div.nubbin div.content div.inner {
    padding: 10px;
    background: url(img/tip_box-bottom_right.gif) no-repeat top left;
}

table.signup th.side div.nubbin div.content div.inner p {
    margin-bottom: 0;
}
/*-------------------------------------------------
signup chart
-------------------------------------------------*/

table.signup {
	border: 10px solid #f2f2f2;
	margin: 0 auto 30px auto;
	width: 100%;
}

table.basecamp {
	margin-bottom: 0;
}

table.signup td, table.signup th {
	font-size: 11px;
	padding: 5px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 1px solid #E3DFDF;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	white-space: nowrap;
}

table.signup td.big {
	font-size: 16px;
	font-weight: bold;
}

table.signup th {
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
}

table.signup th.side {
	font-size: 12px;
	text-align: right;
}

table.signup tr.plans th.fade {
	background-image: url(img/topfade.gif);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;
}

table.signup th span {
	font-size: 12px;
	color: #f60;
}

table.signup tr.category th {
	padding: 3px;
	font-size: 11px;
}

table.signup tr.category th.biz {
	background-color: green;
	color: #fff;
	border-left: 0;
}

table.signup tr.category th.max {
	background-color: #f60;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

table.signup tr.plans th {
	font-size: 12px;
}

table.signup td.shaded {
	background-color: #ffc;
}

table.signup td.bigend, table.signup th.bigend {
	border-right: 2px solid #0c0;
}

table.signup tr.solo td {
	border-top: 10px solid #ccc;
	padding-top: 15px;
	background-color: #ffffe3;
}

table.signup tr.solo td p {
	margin-bottom: 10px;
}

table.signup tr.solo td h1 {
	font-size: 16px;
	margin-bottom: 5px;
}

table.signup tr.solo td h2, table.signup tr.solo td h3 {
	margin-bottom: 10px;
}

table.signup tr.solo td h3 {
	color: #390;
	font-size: 12px;
}

/******* Rooms Grid ***************/

.clear { background-color: transparent; clear: both; height: 0; overflow: hidden; }

.column {float: left; overflow: hidden; }
.grid { padding: 20px; width: 785px; overflow: hidden; background: #fff url('img/background-whiteshadow.gif') repeat-x;}
.grid .left {width: 410px; overflow: hidden;}
.grid .right {width: 304px; margin-left: 30px; overflow: hidden;}
.grid strong {color: #000;}
.grid:after, .content {_zoom: 1;}

p.first {font-weight: bold; color: #000;}
/*
a.signup_big {display:block; width:271px; height: 147px; padding-top:0px; margin: 0 0 0 20px; text-indent:-9999px; background: url("#") no-repeat; position: relative; } */
#hq_difference {background: #fff url("img/background-difference.gif") repeat-y; overflow: hidden;}
#hq_difference, #harvest_difference:after {_zoom: 1;}
#hq_difference h2 {
	margin: 0;
	padding: 0;
	background: #fff url('img/RmGrid_header.gif') no-repeat; height: 31px
	color: #000; text-indent: 20px;
	font-weight: bold;
}
#hq_difference #menu {float: left; width: 197px;}
#hq_difference #panels {float: left; width: 545px; margin: 0 0 0 1px; background: #fff url('img/background-whiteshadow.gif') repeat-x; overflow: hidden; padding: 20px;}
#panels h3 {margin: 0 0 0.8em 0; padding: 0; color: #333; font-size: 1.2em; line-height: 1.4em;}
#menu {padding: 0 0 10px 0;}
#menu a {margin: 10px 10px;}
#menu ol {margin: 0 0 10px 0; padding: 0; list-style: none;}
#menu ol li {
        cursor:pointer;
        color: white;
        padding: 5px 20px;
        border-bottom: 1px solid #7794a6;
        list-style: none;
        margin: 0;
}
#menu ol li:hover {background-color: #769ab2;}
#menu ol li.active {background-color: #5c8caa;}

.grid2col .column { width: 49%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

ul.bullets {
        list-style: square;
        padding-left: 15px;
        padding-top: 0px;
}
#panels ul.bullets {margin-bottom: 1em;}

