/* 
================================
Skin styles for DotNetNuke
================================
*/

body
{
    /* set default font size for skin titles etc will use % to specify sizes */
    background-image: url(AIBackground1.jpg);
    background-color: #250439;
    
    margin: 0;
    padding: 0;
    font: bold 85% Verdana, Tahoma, Arial, Helvetica, Sans-Serif; 
    color: #fff;
}

.pagemaster
{
    width: 100%;
    height: 100%;
    background-image: url(PurpleBar.jpg);
    background-color: #250439;
}
.DateBar
{
    width: 100%;
    height: 100%;
    background-image: url(Side.jpg);
    background-color: #250439;
}
.skinmaster
{
    height: 100%;
    background-color: #dc77b3;
    border-right: 1px solid #000;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.skinheader
{
    background-image: url(PurpleBar.jpg);
    height: 30px;
    background-color: #250439;
    height: 30px;
    border: 1px solid #000;
}




/*
===================================
Gradient for the links at bottom of page
===================================
*/
.skingradient
{
    /*background-image: url(gradient.jpg); */
    height: 30px;
    background-image: url(AIBackground1.jpg);
    background-color: #dc77b3;
    border: 1px solid #000;
}
.controlpanel
{
    width: 100%;
    background-color: #250439;
}
.contentpane, .bottomcontent, .PagingTable

{
    /* background-image: url(lightgradient.jpg);
    background-repeat:repeat-y; */
    background-image: url(AIBackground1.jpg);
    background-color: #dc77b3;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.musicplayer, .graficsright
{
    /* background-image: url(lightgradient.jpg);
    background-repeat:repeat-y; */
    width: 200px;
    background-image: url(side.jpg);
    background-color: #250439;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.toppanese {
	width: 100%;
    background: transparent;
}

.menupane 
{
    width: 100px;
    background-image: url(AIBackground1.jpg);
    background-color: #dc77b3;
    background-position: left top;
    background-repeat: repeat-y;
    border-left: 1px solid #250439;

}
.MainMenu_MenuContainer
{
    background-image: url(Menu.gif);
    background-color: #dc77b3;
    background-position: left top;
    background-repeat: repeat-xy;
    padding-left: 5px;
    padding-right: 7px;
    padding-top: 0px;
    width: 100%;
    height: 100px;
    border-right: 3px solid #250439;
    border-bottom: 3px solid #250439;
    
}
/* ==== not needed with vertical menu ===
.MainMenu_MenuBar
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}
====================== 

====  text style of menu items ======
*/
.MainMenu_MenuItem
{
    border-left: #ffffff 0px solid;
    border-bottom: #ffffff 0px solid;
    border-top: #ffffff 0px solid;
    border-right: #ffffff 0px solid;
    cursor: pointer;
    cursor: hand;
    color: #ffffff;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    height: 27px;
}
.MainMenu_MenuIcon
{
    background-color: #dc77b3;
    border-left: #CAD5EA 0px solid;
    border-bottom: #CAD5EA 0px solid;
    border-top: #CAD5EA 0px solid;
    background-image: url(Menu.gif);
    background-repeat:repeat-xy;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 27px;
}
.MainMenu_SubMenu
{
    border-left: #9f3ee6 1px solid;
    border-bottom: #250439 3px solid;
    border-top: #9f3ee6 1px solid;
    border-right: #250439 3px solid;
    background-image: url(Menu.gif);
    background-repeat:repeat-xy;
    background-color: #dc77b3;
    background-position: left top;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= '#696969' , Direction=135, Strength=3);
}
.MainMenu_MenuBreak
{
    height: 1px;
}
.MainMenu_MenuItemSel
{
    background-color: #dc77b3;
    background-image: url(MenuSel.gif);
    background-repeat:repeat-xy;
    cursor: hand;
    color: #250439;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 27px;
}
.MainMenu_MenuArrow
{
    border-right: #CAD5EA 0px solid;
    border-bottom: #CAD5EA 0px solid;
    border-top: #CAD5EA 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* ==== Not needed for vertical menu ====
.TreeViewMenu
{
    width: 175px;
    background-color: #DFE5F2;
    border-right: #7994CB 1px solid;
    border-top: #7994CB 1px solid;
    border-left: #7994CB 1px solid;
    border-bottom: #7994CB 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header
{
    background-image: url(gradient_LtBlue.jpg);
}
===========================================
*/

.StandardButton
{
    background: #dc77b3 none;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
/* ================================
style for module titles
================================ */
.Head {
   font-family: Verdana, Tahoma, Arial, Helvetica;
   font-size:  14px;
   font-weight: bold;
   color: #ffffff;
}
/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead    {
color: #666;
}
/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{color: #000;
	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 14px;
}

/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{	font-family: verdana, tahoma, arial;
	font-weight: normal;
	font-size: 14px;
	color: #250439;
}
.NormalRed
{color: #dc77b3;
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}
.NormalBold
{	font-family: verdana, tahoma, arial;
	font-size: 14px;
	font-weight: bold;
	color: #250439;
}
/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems -  Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */
.BCrumb
{
    color: #fff;
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	font-size: 14px;
	
}

/* This is the Date eg. any items that are not links */
.SkinItem {
	color: #fff;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A:link {
	color: #fff;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}

A.SkinItem:visited, A:visited {
	color: #fff;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}

A.SkinItem:active, A:active    {
	color: #250439;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}

A.SkinItem:hover, A:hover    {
	color: #dc4499;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}
/* =======================
 HTML Tag Styles 
=========================== */
H1  {font-family: verdana, tahoma, arial;
	font-size: 160%;
	font-weight: bold;
	color: #fff;
}

H2  {font-family: verdana, tahoma, arial;
	font-size: 150%;
	font-weight: normal;
	color: #fff;
}

H3  {font-family: verdana, tahoma, arial;
	font-size: 130%;
	font-weight: normal;
	color: #fff;
}

H4  {font-family: verdana, tahoma, arial;
	font-size: 110%;
	font-weight: normal;
	color: #fff;
}

H5, DT  {font-family: verdana, tahoma, arial;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
}

H6  {font-family: verdana, tahoma, arial;
	font-size: 80%;
	font-weight: normal;
	color: #fff;
}
/* Style for LINKS at the bottom of skin */
.CommandButton,
{
	color: #fff;
	font-family: tahoma, arial;
	font-weight: bold;
	font-size: 14px;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #fff;
	font-size: 14px;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #fff;
	font-size: 14px;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #dc4499;
	font-size: 14px;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #fff;
	font-size: 14px;
}