/*========================================================*/
/*         Skin styles for  dnnskin.com: Techie           */
/*              created by dnnskin.com                    */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. General                                            */
/*  2. Skin Layout                                        */
/*  3. Controls                                           */
/*  4. Links and Buttons                                  */
/*  5. Text                                               */
/*  6. Main Menu                                          */
/*  7. Module Menus                                       */

/*========================================================*/


/*========================================================*/
/*  1. General                                            */
/*========================================================*/

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

/* Body style */
body { font-family: Verdana,Arial,sans-serif;
       margin:0px;
       background-image:url(background.gif); }

/* To ensure text consistency */
div, table, tr, td, a { font-family: Verdana,Arial,sans-serif;
	               font-size:10px;
	               line-height:1.4em;
                        background:none; }

/*========================================================*/
/*  2. Page Layout                                        */
/*========================================================*/
/* You may adjust the site width here */
.SiteWidth { background:none;
             left:0px;
             top:0px;
             width:100%;
             height:100%;
             margin:0px;
             padding:0px; }

/* The container for inner for site table */
.SiteBorder { width: 100%;
	     border: none; /* Inner border: lighter blue */
	     padding: 0px;
	     text-align: left; }


/* Style for Solpart Menu */
.Menu {background:none;}


/* Style for Panes */
.TopPane { background:none;
	  padding:0px 20px 0px 20px; }

.LeftPane { background:none;
	   padding:0px 20px 0px 20px; }

.ContentPane { background:none;
	      padding:0px 20px 0px 20px; }

.RightPane { background:none;
	    padding:0px 20px 0px 20px; }

.BottomPane{ background:none;
	      padding:0px 20px 0px 20px; }

/* The very tricky separator */
.Separator { background-color:lightgrey;  /* add the background color so the   break wouldn't show and will work on both ie and firefox */
	    background-image:url(transparent.gif); height:25px; width:1px;
	    padding-left:0px; /* To create the funny multiple vline */
	    padding-right:0px; /* To create the funny multiple vline */ }


/*========================================================*/
/*  3. Controls                                           */
/*========================================================*/



/* Style for date control */
.date{
	font-family: Verdana,Arial,sans-serif;
	color:#555000;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
         padding-left:20px;
}

.logindeco {padding:0px 20px 0px 10px;}

/* Style for Login/Logout, Register/User controls */
a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active {
	font-family:tahoma;
	font-size:11px;
	color:#555000;
	font-weight:bold;
	text-decoration: none;
}

a.LoginUser:hover{
	font-family:tahoma;
	font-size:11px;
	color:#1110000;
	font-weight:bold;
	text-decoration:underline;
}

/* Style for legal related controls */
.LegalLinks, a.LegalLinks:link, a.LegalLinks:visited, a.LegalLinks:active {
	color:#666;
	font-weight:bold;
	text-decoration: none;
}

a.LegalLinks:hover {
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}



/*========================================================*/
/*  4. Links and Buttons                                  */
/*========================================================*/


/* Default link style */
a:link, a:visited, a:active {
	font-weight: normal;
	font-size: 10px;
}

a:hover {
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}


/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {
	font-weight: normal;
	font-size: 10px;
}

a.Normal:hover {
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}

/* buttons and link buttons style used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active  {
	color: #FFF;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #666;
	border-left: 1px solid #bbb;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family:tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #666;
}

A.CommandButton:hover    {
	color: #FFF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family:tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #333;
}



/*========================================================*/
/*  5. Text                                               */
/*========================================================*/



/* text style for module titles */
.Head {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-weight: bold;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubHead {
	font-family:tahoma;
	font-size: 11px;
	color:#333;
	font-weight: bold;
}


/* text style used for most text rendered by modules; applies to the majority of text in the site */
.Normal{
	color: #333;
	font-family:tahoma;
	font-size: 11px;
	font-weight: normal;
	line-height:1.8em;
}

.NormalBold {
	color: #333;
	font-family:tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height:1.8em;
}

/* Bold red text for alerts and such */
.NormalRed {
	color: #930;
	font-family:tahoma;
	font-weight: bold;
	font-size: 11px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family:tahoma;
    font-size: 11px;
    font-weight: normal;
}

/*  form style */
select, input {
	font-family:tahoma;
	font-size: 11px;
}

form {width:100%;height:100%;}


/* all the other text*/
h3, h4, h5, h6, DT, TFOOT, THEAD, TH {
	color:#333;
}


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

/* Container for main menu */
.MainMenu_MenuContainer {
	/*background: none;*/
         border: 2px outset #669966;
         background-image:url(buttondeaktiv.png);
	margin:0;
	margin:0;
}

/* Menu bar */
.MainMenu_MenuBar {
	cursor: pointer;
	cursor: hand;
	height:30px;
	padding:0;
}

/* Applies to off state of submenu items only */
.MainMenu_MenuItem { positon:absolute;
                     cursor:pointer;
                     background-image:url(buttondeaktiv.png);
                     color:lavender; }


/* Container for submenu */
.MainMenu_SubMenu {  /*the same style as MainMenu_MenuItem*/
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	background-image:url(buttondeaktiv.png);
	filter: none;
	margin: 0px;
	padding: 0px;
}


/* Hover state for submenu items only */
.MainMenu_MenuItemSel {
	cursor: pointer;
	cursor: hand;
	background-image:url(buttonaktiv.png);
         /*border: 2px outset #99CC66;
	border: none;
	padding: 0px;*/
         color:lavender;
}

/* The Root Menu styles have to be AFTER the Submenu styles to overwrite submenu styles*/
/* Idle state for main menu items, can overwrite MainMenu_MenuItem */
.RootMenu_Off { background-image:url(buttondeaktiv.png);
                /*border: 2px outset #669966;*/
                cursor:pointer;
                color:lavender; }


/* Active state for main menu items */
.RootMenu_On { background-image:url(buttondeaktiv.png);
               /*border: 2px outset #669966;*/
               cursor:pointer;
               cursor: hand;
               color:lavender; }


/* Hover state for main menu items */
.RootMenu_Hover { background-image:url(buttonaktiv.png);
                  /*border: 2px outset #99CC66;*/
                  cursor:pointer;
                  cursor: hand;
                  color:lavender; }



/* Inserts a small space between main menu items, also can get rid of the funny red borders */
.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}


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



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

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
         /*background: none;*/
         border: 2px outset #669966;
        background-image:url(buttondeaktiv.png);
	margin:0px 0px 0px 0px;
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer;
	cursor: hand;
	/*height: 25px;
         border: 2px outset #669966;
         background-image:url(buttondeaktiv.png);*/

}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem { positon:absolute;
                        cursor:pointer;
                        /*height: 25px;*/
                          }

/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	/*margin: 20px 0px 0px 0px;*/
	/*background: none;*/
         background-image:url(buttondeaktiv.png);
	filter: none;
	/*border: #333 1px solid; */
	/*padding: 1px 4px 1px 2px;*/
         color:lavender;
         height: 25px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	cursor: pointer;
	cursor: hand;
	color:lavender;
	background: none;
	/*padding: 1px 4px 1px 2px;*/

}


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