@import url("/resources/shared/stylesheets/yui/reset-fonts-grids.css");
@import url("/resources/shared/stylesheets/yui/base-min.css"); 

body {
  font-family: arial, helvetica, verdana;
}

#wrapper {
  position: relative;
  margin: auto;
  padding: 0 5px 0 5px;
  width: 960px;
}

#header {
  position: relative;
  height:60px;
  width: 960px;
  z-index: 2000;
}

#logo {
  position: absolute;
  width: 160px;
  height: auto;
  top: 15px;
  left: 15px;
}

#logo_home {
  position: absolute;
  width: 160px;
  height: auto;
  top: 15px;
  left: 15px;
  visibility: hidden;
}

#menu_top_wrapper {
  background: url(images/menubackgrnd.png) no-repeat top right;
  position: relative;
  width: 960px;
  height: 60px;
}

#menu_top {
  position: relative;
  float: right;
  margin-top: 0px;
  margin-right: 2px;
  color: #F4F4F4;
}

#menu_account {
  position: absolute;
  top: 42px;
  right: 19px;
  height: 40px;
  width: auto;
  text-align: right;
  display: inline;
  margin-top: 0px;
  
}

#menu_account a {
  color: #545454;
  font-weight: bolder;
  font-size: .75em;
  text-transform: uppercase;
}

#maincontent_wrapper {
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
}


#showcase {
  position: relative;
  height: auto;
  overflow: hidden;
  text-align: left;
}

#menu_left {
  font-family: arial, helvetica, verdana;
  position: relative;
  margin: 150px 0px 0px 30px;
  float: left;
  width: 200px;
  height: auto;
  text-align: left;
  text-transform: uppercase;
}

#menu_left ul {
  margin-left: 2px;

}

#menu_left ul li {
  font-size: 9pt;
  font-weight: bolder;
  margin-bottom: 0px;
  list-style-type: none; 
}

#menu_left ul li a {
  background: url(/Portals/0/Images/rule.png) no-repeat -300px 100%;
  color: #959595;
}

#menu_left ul li a:hover {
  color: red;
  background: url(/Portals/0/Images/rule.png) no-repeat -10px 100%;
}

#menu_left ul li ol {
  margin-bottom: 5px;
  margin-top: 0px;
  margin: 0 0 5px 8px;
}

#menu_left ul li ol li {
  font-size: 8pt;
  list-style-type: none;
  margin-bottom: 0px;
}

#menu_left ul li ol li a {
  background: url(/Portals/0/Images/rule.png) no-repeat -350px 100%;
  color: #959595;
  font-weight: normal;
}

#menu_left ul li ol li a:hover {
  background: url(/Portals/0/Images/rule.png) no-repeat -10px 100%;
  color: red;

}
 
#content_wrapper {
  position: relative;
  overflow: hidden;
  clear: none;
  height: auto;
}

#content {
  position: relative;
  overflow: hidden;
  margin-right: 0px;
  width: 540px;
  height: auto;
  text-align: left;
  top: 0px;
}

#promo_wrapper {
  background: url(/Portals/0/Images/promoadboxbkgr.png) no-repeat;
  position: relative;
  float: right;
  overflow: hidden;
  margin-left: 10px;
  margin-bottom: 0px;
  padding: 0 0 0 0;
  width: 164px;
  height: auto;
}

#promo_wrapper_home {
  background: url(/Portals/0/Images/promoadboxbkgr_home.png) no-repeat 0% 0%;
  position: relative;
  float: right;
  overflow: hidden;
  margin-top: 30px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0 0 0 0;
  width: 164px;
  height: auto;
}

#promo_wrapper_left {
  background: url(/Portals/0/Images/promoadboxbkgr.png) no-repeat;
  position: relative;
  margin: 150px 0px 0px 15px;
  float: left;
  padding: 0 0 0 0;
  width: 164px;
  height: auto;
  clear: both;
}

#promo_title {
  margin-left: 0px;
  margin-top: 3px;
  *margin-top: 5px;
  width:100%;
  height: 20px;
  clear: both;
}

#promo_title p {
  font-weight: bolder; 
  text-align: center;
  font-size: .7em;
  color: #545454;
  clear: both;
  line-height: 12pt;
}


#promo_ads {
  position: relative;
  overflow: hidden;
  clear: both;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 164px;
  height: auto;
  background-color: #000;
}

#promo_ads p {
  margin: 1px 0 0 0;
  padding: 0px 0px 0px 0px;
  text-align: left;
  line-height: 0pt;
}

#promo_ads div h6 {
  margin: 5px 0 3px 0;
  padding: 0px 5px 0px 5px;
  line-height: 12px;
  font-size: 11px;
  text-align: left;
  font-weight: bold;
}

#promo_ads img>p {
  margin-bottom: 0px;
  
}

.promo {
overflow:hidden;
width:163px;
height:100px;
}

div#pro {
overflow:hidden;
width:163px;
height:100px;
background: url(/Portals/0/Images/promobox-pro.jpg) no-repeat 0 0;
}

div#pro a:hover {
text-decoration: underline;
}


div#pro:hover {
background: url(/Portals/0/Images/promobox-pro.jpg) no-repeat 0 -100px;
}

div#tele {
overflow:hidden;
width:163px;
height:100px;
background: url(/Portals/0/Images/promobox-tele.jpg) no-repeat 0 0;
}

div#tele a:hover {
text-decoration: underline;
}


div#tele:hover {
background: url(/Portals/0/Images/promobox-tele.jpg) no-repeat 0 -100px;
}

div#trash {
overflow:hidden;
width:163px;
height:100px;
background: url(/Portals/0/Images/promobox-trash.jpg) no-repeat 0 0;
}

div#trash a:hover {
text-decoration: underline;
}


div#trash:hover {
background: url(/Portals/0/Images/promobox-trash.jpg) no-repeat 0 -100px;
}

div#classic {
overflow:hidden;
width:163px;
height:100px;
background: url(/Portals/0/Images/promobox-classic.jpg) no-repeat 0 0;
}

div#classic a:hover {
text-decoration: underline;
}


div#classic:hover {
background: url(/Portals/0/Images/promobox-classic.jpg) no-repeat 0 -100px;
}


div#classic p a, div#pro p a, div#tele p a, div#trash p a {
display:block;
margin-left:0;
margin-right:0;
margin-top:0;
overflow:hidden;
padding:79px 8px 25px 15px;
text-align:right;
text-decoration:none;
}

*div.classicPromo p a {
width: 100%;
}

div#classic p {
width: 100%;
height:100px;
padding-top:0px;
}



/* promo ads box model enforcement */
div.DNN_HTMLContent {
overflow:hidden;
width:100%;
}

#footer {
  background: url(/Portals/0/Images/rule.png) no-repeat -10px 5%;
  position: relative;
  clear: both;
  overflow: hidden;
  margin: 30px 0px 0px 20px;
  height: auto;
  width: 940px;
  font-size: 8pt;
  
}

#footer_home {
  background: url(/Portals/0/Images/rule.png) no-repeat -10px 5%;
  position: relative;
  clear: both;
  overflow: hidden;
  margin: 10px 0px 0px 25px;
  height: auto;
  width: 940px;
  font-size: 8pt;
}

#breadcrumb {
  visibility: hidden;
  display: none;
}

#partner_links {
  position: relative;
  float: right;
  overflow: hidden;
  margin: 0px 0px 2px 0px;
  width: auto;
  text-align: right;
  width: 40%;
}
 
#footer_links {
  position: relative;
  float: left;
  margin-top: 10px;
  height: auto;
  font-size: 8pt;
  text-align: left;
  width: 60%;
}
 
#footer_links a{
  font-size: 8pt;
  color: #000000;
  text-transform: none;
  padding:0px;
}

#home_link {
  position: relative;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

#login_link {
  position: relative;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

#user_link {
  position: relative;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

#other_links {
  position: relative;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

#terms_link {
  position: relative;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

#privacy_link {
  position: relative;
  float: left;
  clear: none;
  display: inline;
  margin-right: 10px;
}

#copyright {
  position: relative;
  clear: both;
  height: auto;
  font-size: 10pt;
  text-align: left;
  text-transform: none;
}

/* Product Page Styles */

#product_details {
  position: relative;
  float: left;
  margin-right: 0px;
  height: auto;
  width: 420px;
  text-transform: none;
}

#product_image {
  position: relative;
  float: right;
  height: auto;
  width: 100px;
  top: 0px;
}

/* Story Styles */
#story_header {
  position: relative;
  float:left;
  background: url(/Portals/0/Images/storyheader.jpg) no-repeat top right;
  width: 770px;
  height: 81px;
}

#story_top_wrapper {
  position: relative;
  float:left;
  margin-left:200px;
  width:500px;
}

#story_top_wrapper h1 {
  position: relative;
  float:left;
  font-size: 135%;
}

#story_footer {
  position: relative;
  float:left;
  background: url(/Portals/0/Images/storyfooter.jpg) no-repeat 0px -10px;
  width: 770px;
  height: 78px;
  margin-left:-10px;
}

/* inside content_wrapper */

div#storymaincontent_wrapper {
clear:both;
float:left;
overflow:hidden;
width:770px;
}

div#storycontent_wrapper {
clear:both;
float:left;
overflow:hidden;
width:750px;
margin-left:20px;
margin-bottom:20px;
margin-top:10px;
padding:0px;
text-align:left;
}


div#dnn_ctr555_ContentPane div#dnn_ctr555_ModuleContent {
clear:both;
float:left;
overflow:hidden;
*width:748px;
*padding-right:60px;
}


/* story button wrapper */
div#dnn_ctr557_ContentPane div#dnn_ctr557_ModuleContent {
overflow:hidden;
width:274px;height:74px;
margin-right:10px;
}

div#dnn_ctr557_ContentPane div#dnn_ctr557_ModuleContent img {
overflow:hidden;
width:auto;

}

#story_buttons {
  overflow: hidden;
  position: relative;
  float: right;
  width: 272px;
  height: auto;
}

/* Form Styles */

#form_content {
  position: relative;
  float: left;
  margin: 20px 0 0 0;
  height: auto;
  width: 510px; 
  text-transform: none;
  text-align: left;
}

#form_image {
  position: relative;
  float: right;
  overflow: hidden;
  height: auto;
  width: 290px;
  margin-top: 20px;
}

/* Account Menu Links */

div#menu_account div {
  width: auto;
}

div#menu_account table {
  width: auto;
}

/* Footer Menu Other Links */

#other_links p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 8pt;
  *line-height: 9pt;
}

#other_links div {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 0px;
}

div#other_links div {
  position: relative;
  clear: none;
  height: auto;
  width: auto;
}

div#other_links div div {
  position: relative;
  clear: none;
  height: auto;
  width: auto;
}

div#other_links div div div {
  position: relative;
  clear: none;
  height: auto;
  width: auto;
}

div#other_links div div div div {
  position: relative;
  clear: none;
  height: auto;
  width: auto;
}

div#other_links div div div div p {
}


/* Pik Stik Team */

div#bio div div div div.Normal {

position: relative;
clear: both;
border-top: 2px dotted rgb(209, 209, 209); 
margin-top: 20px; 
margin-left:20px; !important
overflow: hidden;  
width: 640px;
padding-top:15px; 


/* Top rule suppression on Merchandising, Product Uses and PikStik Team */
}
div#dnn_ctr532_ModuleContent div#dnn_ctr532_HtmlModule_lblContent, div#dnn_ctr525_ModuleContent div#dnn_ctr525_HtmlModule_lblContent, div#dnn_ctr429_ModuleContent div#dnn_ctr429_HtmlModule_lblContent,
div#dnn_ctr544_ModuleContent div#dnn_ctr544_HtmlModule_lblContent,
div#dnn_ctr430_ModuleContent div#dnn_ctr430_HtmlModule_lblContent,
div#dnn_ctr437_ModuleContent div#dnn_ctr437_HtmlModule_lblContent,
div#dnn_ctr439_ModuleContent div#dnn_ctr439_HtmlModule_lblContent,
div#dnn_ctr444_ModuleContent div#dnn_ctr444_HtmlModule_lblContent,
div#dnn_ctr445_ModuleContent div#dnn_ctr445_HtmlModule_lblContent,
div#dnn_ctr446_ModuleContent div#dnn_ctr446_HtmlModule_lblContent,
div#dnn_ctr447_ModuleContent div#dnn_ctr447_HtmlModule_lblContent,
div#dnn_ctr448_ModuleContent div#dnn_ctr448_HtmlModule_lblContent,
div#dnn_ctr449_ModuleContent div#dnn_ctr449_HtmlModule_lblContent,
div#dnn_ctr425_ModuleContent div#dnn_ctr425_HtmlModule_lblContent,
div#dnn_ctr427_ModuleContent div#dnn_ctr427_HtmlModule_lblContent,
div#dnn_ctr559_ModuleContent div#dnn_ctr559_HtmlModule_lblContent  {
border-top: 0px dotted #D1D1D1;
}




/* Homepage bottom rounded corner */

#dnn_ctr547_ModuleContent div {
  background: #ffffff;
}

/* Showcase Story Styles */


.scStory {
position:relative;
float:left;
background: url(/portals/0/images/scbutton.jpg) no-repeat center top;
margin:0 4px 0 4px;
padding:10px 22px 0 9px;
width:28%;
}

a:hover div.scStory {
background: url(/portals/0/images/scbutton_active.jpg) no-repeat center top;

}

/* Form Styles */

/* H20 Form */

span.UDT_Field {

color:#7F7F7F;
font-family:Arial,Helvetica,verdana;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align: right;
margin-right: 5px;
margin-bottom: 5px;
}

span.H20_Checkbox {
margin-right: 5px;
}

span.H20_Checkbox input {
margin-right: 5px;
}

input.NormalTextBox {

border:1px solid #B2B2B2;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
width:100%;
}

select.UDT_Input, input.UDT_Input {

color:#929292;
font-family:Arial,Helvetica,verdana;
font-size:11px;
font-weight:normal;
height:18px;
text-decoration:none;

}

/* DNN Form */

.UDT_Field label {

color:#7F7F7F;
font-family:Arial,Helvetica,verdana;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

input.NormalTextBox {

border:1px solid #B2B2B2;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
width:100%;
}


div.UDT_Input table, div.UDT_Type_Boolean {
margin: 5px 0 5px 0;
}


div.UDT_Input select, div.UDT_Input input {

color:#929292;
font-family:Arial,Helvetica,verdana;
font-size:11px;
font-weight:normal;
height:18px;
text-decoration:none;

}

div.UDT_Input table label {
padding: 5px 25px 0 5px;
}


div a.CommandButton {

color:#959595 !important;
font-size:14px;
font-weight:bold;
display:inline-block;
}

#dnn_ctr469_Default_Form_cmdUpdate {
color:#959595 !important;
font-size:14px;
font-weight:bold;
display:inline-block;
margin-left: -100px;

}
div a.CommandButton:hover {
color: #545454;
border: dotted 1px #545454;
} 

#dnn_ctr469_Default_Form_lblRequiredFootnote {
color:red;
display:block;
font-size:11px;
margin:0px 0px 14px 0px;
}



/*                     Rounded Rectangle Box                              */

/* Rounded Borders */

/* control all classes from here */

/* .t, .b, .l, .r, .bl, .br, .tl, .tr {

}

*/
 
.t {

background: url(/portals/0/images/t.png) 0 0 repeat-x; 
width:auto;

}

.b {

background: url(/portals/0/images/b.png) 0 100% repeat-x;

}

.l {

background: url(/portals/0/images/l.png) 0 0 repeat-y;

}

.r {

background: url(/portals/0/images/r.png) 100% 0 repeat-y;

}

.bl {

background: url(/portals/0/images/rr_bl.png) 0 100% no-repeat;
}

.br {

background: url(/portals/0/images/rr_br.png) 100% 100% no-repeat;

}

.tl {

background: url(/portals/0/images/rr_tl.png) 0 0 no-repeat;

}

.tr {

background: url(/portals/0/images/rr_tr.png) 100% 0 no-repeat; 
padding: 15px;
overflow:hidden;
width:auto;
}

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

#dnn_ctr_Login_pnlLogin {
  margin-left: 20px;
}

table, td, tr {
  border:0 none;
  margin:0;
  padding:0;
}

.ServerSkinWidget {
  font-size: 8pt;
  color: #b1b1b1;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body {
text-align:left;
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */

.Normal {
color:#616161;
font-family:Arial,Helvetica,verdana;
font-size:12px;
font-weight:normal;
line-height:17px;
text-decoration:none;
}

.Normal p {
  font-size: 10pt;
  line-height: 12pt;
}

.Normal h3 {
  font-size: 12pt;
  line-height: 14pt;
  font-weight: bolder;
}

.Normal h4 {
  font-size: 11pt;
  line-height: 13pt;
  font-weight: bolder;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */


.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu 
{
	cursor:pointer;
	font-size: 11px; 
	background-color:transparent;
	width:920px;
  z-index: 3000;
}

/* Main Menu Normal */
.mainMenu .root
{	
	float:left;
  margin-right:0px;
	padding:15px 15px 15px 15px;
	color: #F4F4F4;
	font-size: 12px; 
	font-weight:bold; 	
	text-align:center; 
	text-transform:uppercase;
	white-space:nowrap;
}


.mainMenu .first {

visibility: hidden;
display: none;
}

/* Main menu hover */
.mainMenu .hov{ 
	color:#858585;
	background:url(/Portals/0/Images/menuhoverbackgrnd2.jpg) no-repeat top left;
}

/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {
  color:#858585;
	background:url(/Portals/0/Images/menuhoverbackgrnd2.jpg) no-repeat top left;
}

.mainMenu table{
	border:0px solid #F4F4F4;
    visibility: hidden;
    display: none;
}

/* SUB Menu Normal */

.mainMenu tr {
  white-space:nowrap;
}

.mainMenu tr.mi{
	background-color:#D3D3D3;
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#858585;
	line-height:2em;
	text-transform:none;
  padding-left: 10px;
  padding-right: 10px;
}
.mainMenu tr.mi td{
  padding: 0 2px;
  text-transform:none;
}

/* SUB Menu hover & selected */
.mainMenu tr.hov { 
  background-color:#D3D3D3;

}

.mainMenu tr.hov td{
  color:#858585;

}

.mainMenu tr.sel, .mainMenu tr.bc{
  background:url(/Portals/0/Images/menuhoverbackgrnd.jpg) repeat-x top left;  

}

.mainMenu tr.sel td, .mainMenu tr.bc td{
	color:#858585;
}

.main_dnnmenu_break{
	height: 0px;
	background-color: #F4F4F4;
}



/* Module Action Menus */
.ModuleTitle_SubMenu
{
	border:1px solid #C0D6E5;
}

.ModuleTitle_SubMenu td{
	background-color:#F8FAFF;
	white-space: nowrap;
} 

.ModuleTitle_MenuIcon {
	background-color:#F8FAFF; 
	border:none;
	padding: 0px 2px;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	color: #fff;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
	height: 2px;
	background-color: #D5E0FF;
}


/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

.branding-top {
	background: url(dnn_large_banner.png) no-repeat top left;
	width: 890px;
	height: 427px;
	clear: both;
	overflow: hidden;
}
.branding-top p {
	padding: 0px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}
.branding-bottom {
	clear: bot
}

div.RepeaterContent table.3ImageTable {
  border: solid 1px #000000;
}