/*========================================================*/
/*    Cascading Style Sheet for HubSpot-Rome DNN Skin     */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */ 
/*  7. Module Menus                                       */
/*========================================================*/


/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}


/* Body style */
body {
	margin: 0;
	background: #fff;
}


/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {
	font-family: "trebuchet ms", verdana, sans-serif;
	line-height: 1.4em;
}



/*========================================================*/
/*  2. Framework                                          */
/*========================================================*/


#red table.body-bg{background: url(images/red-bg-r.gif) top left repeat-x; font-size: 1px;}
#red td.banner-left{background: url(images/red-left.gif) top right no-repeat; width:250px;}
#red td.banner-right{background: url(images/red-right.gif) top left no-repeat;}

td.top{height:110px;}
td.top-left{background: url(images/top-left.gif) top right no-repeat; width:250px;}
td.top-right{background: url(images/top-right.gif) top left no-repeat;}
td.top-middle{width:574px;}

td.bannerArea{height:215px; vertical-align:top;}
td.banner-middle{width:574px; background: url(images/banner-bg.gif) top right no-repeat;}

td.grey-top{height:14px; vertical-align:top; background: url(images/greyLine-top.gif) top left no-repeat;}

td.grey-bottom{height:14px; vertical-align:top; background: url(images/greyLine-bottom.gif) top left no-repeat;}

td.content{height:100%; vertical-align:top;}
td.leftCanvas-bg{background: url(images/bottom-left.gif) top right no-repeat; width:250px;}
td.rightCanvas-bg{background: url(images/bottom-right.gif) top left no-repeat;}
td.canvas-middle{width:574px; vertical-align:top;}


td.bannerPane{padding:0 0 0 0;}

td.site-width{width:846px; height:100%;}
 
td.logo-cell{ width:100px; height:100%; left:0px;}
td.login-cell{text-align: right; padding: 0 5 0 0; font-size: 11px; color:#333;}
td.menu-bg{background: #b3d24e;; font-size: 1px; height:40px; width:100%; width:100%;}
td.menu-cell{text-align: right; vertical-align:middle; padding: 0 5 0 0; font-size: 12px; color:#fff;}



td.ContentTop{padding: 5 5 5 5; text-align:center; vertical-align:top;}
td.ContentCenter{padding: 15 20 15 15; height:100%; vertical-align:top;}
td.ContentCenterAdmin{padding: 5 10 5 5; height:100%; vertical-align:top;}
td.leftPane{padding: 15 5 0 0; vertical-align:top; height:100%; text-align:right;}
td.ContentRight{padding: 5 5 5 5; width:33%; vertical-align:top; height:100%;}
td.ContentBottom{padding: 5 5 5 5; text-align:center; vertical-align:bottom;}

td.topLeft{padding:3; width:33%; text-align:center;}
td.topCenter{padding:3; width:33%; text-align:center;}
td.topRight{padding:3; width:33%; text-align:center;}

td.bottomLeft{padding:3; width:33%; text-align:center;}
td.bottomCenter{padding:3; width:33%; text-align:center;}
td.bottomRight{padding:3; width:33%; text-align:center;}

td.footer-bg{background: url(images/footer-bg.gif) top left repeat-x; font-size: 1px; height:37px; width:100%;}

td.terms-cell{text-align: left; padding: 0 0 0 5; font-size: 11px; color:#333;}
td.copyright-cell{text-align: right; padding: 0 5 0 0; font-size: 11px; color:#333;}


td.search-cell{color:#333; font-size:11px; padding:0 0 0 5;}


/*========================================================*/
/*  3. Links                                              */
/*========================================================*/


/* Basic links */
a:link, a:visited, a:active {
	color: #172dff;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #172dff;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
    text-decoration: none;
    color: #172dff;
	font-weight: normal;
}

a.LoginLink:hover {
    text-decoration: underline;
    color: #172dff;
	font-weight: normal;
}




/* For the Register and Login/Logout links in the header */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
    text-decoration: none;
    color: #172dff;
	font-weight: normal;
}

a.FooterLink:hover {
    text-decoration: underline;
    color: #172dff;
	font-weight: normal;
}



/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #172dff;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.CommandButton:hover {
	color: #172dff;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}


/* For links that come with a pre-attached Normal class */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #172dff;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.Normal:hover {
	color: #172dff;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink {
    text-decoration: none;
    color: #172dff;
	font-weight: bold;
	font-size: 11px;
}

a.BreadcrumbLink:hover {
    text-decoration: underline;
    color: #172dff;
	font-weight: bold;
	font-size: 11px;
}



/*========================================================*/
/*  4. Text                                               */
/*========================================================*/


/* Style for current date token */
.DateText {
	 color: #555;
}


/* Style for copyright text in footer */
.CopyrightText {
	color: #fff;;
}


/* Used in admin sections */
.SubHead    {
    font-family: "trebuchet ms", verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
	padding: 0;
}


/* Module titles */
.Head {
	font-size: 16px;
	font-weight: bold;
	color: #555;
}


/* Bold colored - used for warnings and such */
.NormalRed {
	color: #f55;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	line-height: 2.2em;
}


/* Normal bold text */
.NormalBold {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 2.2em;
}


/* Normal text */
.Normal {
	color: #000;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 13px;
	line-height: 2.2em;
}




/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 11px;
	color: #333;
}


/* Applies to text input boxes */
.NormalTextBox {
	color: #2f2f2f;
	padding-left: 2px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #333;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}


/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
}


.GoButton {
	margin-bottom: -8px;
	position: absolute;
}






/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/




MainMenu_MenuContainer { background-color: transparent;  width: 100px; }
.MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff;  width: 100px; }
.MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background: #f3f3f3; padding: 0px; border: 1px solid #999; font-weight: normal; filter: none; }

/***** NOTE: Change the 'color' to match the skin ********/
.MainMenu_MenuItem, .ModuleTitle_MenuItem { color: #4c9732; font-family: tahoma; background: #f3f3f3;  font-size: 11px; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 30px; border: 0;}

/***** NOTE: Change the 'background' to match the skin ********/
.MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #4c9732; font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand;  color: White; padding: 0px 30px 0px 16px; height: 30px; border: 0;}

/***** NOTE: Change the 'background' to match the skin ********/
.MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #4c9732; font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand;  color: White; padding: 0px 30px 0px 16px; height: 30px; border: 0;}

.MainMenu_Idle {border-top:dotted 1px #feefef; color: White; background:  url(Images/nav_idle.gif) no-repeat; padding: 0; height: 28px; font-weight: bold; }
.MainMenu_Selected {border-top:dotted 1px #feefef; color: White; background: Transparent; padding: 0; height: 28px; font-weight: bold; }
.MainMenu_Active, .MainMenu_BreadcrumbActive {border-top:dotted 1px #feefef; color: White; background:  url(Images/nav_active.gif) no-repeat; padding: 0; height: 28px; font-weight: bold;}
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
.ModuleTitle_MenuContainer { color: #2c2c2c; }
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
.ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }







/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {
	display: none;
}




/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/


/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	background: #f7f7f7;
	border-top: #f7f7f7 1px solid;
	border-left: #f7f7f7 1px solid;
	border-bottom: #f7f7f7 1px solid;
	border-right: #f7f7f7 1px solid;
	padding: 1px 10px 2px 0px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 0px;
	background-color: #f7f7f7;
	border: 1px solid #999;
	padding: 0px;
	filter: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #333;
	background: #ddd;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	padding: 1px 10px 2px 0px;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	padding: 0 3px 0 3px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}


/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/