/* 

================================

Skin styles for DotNetNuke

================================

*/

.Departments

{

    background-color: #ffffff;

    padding-left: 0px;

    padding-right: 20px;

    padding-bottom: 10px;

    padding-top: 20px;

    font-family: Tahoma, Arial, Verdana;

    font-size: 30px;

    color: #333333;

    font-style: normal;

    font-weight: bold;

    text-align: center;

}

.Departments_sub

{

    background-color: #ffffff;

    padding-left: 50px;

    padding-right: 20px;

    padding-bottom: 10px;

    padding-top: 2px;

    font-family: Tahoma, Arial, Verdana;

    font-size: 26px;

    color: #333366;

    font-style: normal;

    font-weight: bold;

}



.pagemaster

{

    width: 800px;

    height: 100%;

    background-color: #f4f4fb;

    padding-top: 5px;

    padding-bottom: 5px;

    align:center;

}

.trclass

{

    width: 100%;

    height: 100%;

    background-color: #ffffff;

    padding: 6px;

    text-align: left;

}

.skinmaster

{

    background-color: #ffffff;

    border-right: #333366 1px solid;

    border-top: #333366 1px solid;

    border-left: #333366 1px solid;

    border-bottom: #333366 1px solid;

    -moz-border-radius-bottomleft: 0px;

    -moz-border-radius-bottomright: 0px;

    -moz-border-radius-topleft: 0px;

    -moz-border-radius-topright: 0px;

}

.batchmailcontainer

{

    background-color: #ffffff;

    border-right: #333366 1px solid;

    border-top: #333366 1px solid;

    border-left: #333366 1px solid;

    border-bottom: #333366 1px solid;

    -moz-border-radius-bottomleft: 0px;

    -moz-border-radius-bottomright: 0px;

    -moz-border-radius-topleft: 0px;

    -moz-border-radius-topright: 0px;

    width: 100%;

    padding: 0;

}



/* 

================================

Gradient for links

================================

*/



.controlpanel

{

    width: 100%;

    background-color: #cccccc;

}

/* ===

style for Daily UPdate Type

====*/





.ArchdioceseofChicago

{

    width: 100%;

    height: 40px;

    background-color: #333366;

    padding-left: 20px;

    padding-right: 6px;

    font-family: Times New Roman, Arial, Verdana;

    font-variant: small-caps;

    font-size: 30pt;

    color: #f4df98;

    font-style: normal;

    font-weight: normal;

    white-space: nowrap;

    border-top: #f4df98 2px solid;

    border-bottom: #f4df98 5px solid;

    background-image: url(top_background.jpg);

    background-position: left top;

    background-repeat: repeat-y;

}



.logo

{

    height: 100px;

    border: 0;

    padding: 0;

    vertical-align: top;

}

.topimage

{

    height: 100px;

    border: 0;

    padding: 0;

    vertical-align: bottom;

}



/* ====

style for [CURRENTDATE], [BREADCRUMB][LOGIN]

====*/



.toplogin

{

    font-size: 9pt;

    font-weight: normal;

    font-style: normal;

    font-family: Tahoma, Arial, Helvetica;

    white-space: nowrap;

    color: #333366;

    background-color: #f8f9eb;

    border-bottom: 1px solid #333366;

    border-top: 1px solid #333366;

    padding-left: 6px;

    padding-right: 6px;

    padding-top: 2px;

    padding-bottom: 2px;

}

.toplinks_search

{

    font-size: 9pt;

    font-weight: normal;

    font-style: normal;

    font-family: Tahoma, Arial, Helvetica;

    white-space: nowrap;

    color: #333366;

    background-color: #ffffff;

    padding-left: 6px;

    padding-right: 6px;

    padding-top: 1px;

    padding-bottom: 1px;

}

.copyright

{

    font-size: 9pt;

    font-weight: normal;

    font-style: normal;

    font-family: Tahoma, Arial, Helvetica;

    white-space: nowrap;

    color: #000000;

    background-color: #f8f9eb;

    padding-left: 6px;

    padding-right: 6px;

    padding-top: 6px;

    padding-bottom: 6px;

    border-top: #f4df98 3px solid;

    border-bottom: 10px solid #333366;

}



.contentpane

{

    background-color: transparent;

    padding-left: 6px;

    padding-right: 6px;

    padding-top: 6px;

   width:60%;

}

.rightpane

{

    width: 20%;

    background-color: #333366;

    background: #333366;

    background-color: transparent;

    padding-left: 6px;

    padding-right: 6px;

    padding-top: 6px;

}









.SearchButton

{

    background: transparent;

    padding: 0px 4px 0px 32px;

    cursor: hand;

    font-size: 10px;

    margin: 0px;

    background-position: center;

}



/* 

================================

MENU

================================

*/

/* 

================================

this is the background for the main menu

================================

*/



.menupane

{

    width: 20%;

    background: #D3DEED;

    padding-left: 6px;

    padding-right: 6px;

    padding-top: 6px;

    padding-bottom: 3px;

    border-right: #333366 1px solid;

}

.MainMenu_MenuContainer

{

    background-color: #f4df98;

    padding: 0;

    width: 100%;

    height:100%;

  

    padding: 0px;

  

    border: 1px solid #333366;

}

/* 

================================

this menu bar is needed for horizontal menu

================================



.MainMenu_MenuBar

{

    cursor: pointer;

    cursor: hand;

    height: 16px;

    background-color: #eeeef4;

}

*/



/* 

================================

this are the drop down links 



================================

*/

.MainMenu_MenuItem

{

    font-family: Tahoma, Arial, Helvetica;

    color: #333366;

    font-size: 10pt;

    font-weight: bold;

    font-style: normal;

    height: 24px;

    background:transparent;

    border-left: #000000 0px solid;

    border-bottom: #000000 0px solid;

    border-top: #000000 0px solid;

    border-right: #000000 0px solid;

 

   



}

/* 

================================

backgrounf for icones for dotne nuke()



================================

*/

.MainMenu_MenuIcon

{background-color: #333366;

    border-left: #000000 0px solid;

    border-bottom: #000000 0px solid;

    border-top: #000000 0px solid;

 

    cursor: hand;

    text-align: center;

    width: 15px;

    height: 24px;

    

}

/* 

================================

trie 2 menu backgfround



================================

*/

.MainMenu_SubMenu

{

    background-color: #f4df98;

    z-index: 1000;

    cursor: hand;

       border: 1px solid #333366;

       width:198px;

}

.MainMenu_MenuBreak

{

    height: 1px;

}

/* 

================================

when M is over the main menu link, and sub menu links have the background dark blue 



================================

*/

.MainMenu_MenuItemSel

{

    background-color: #333366;

    cursor: hand;

    

    font-family: Tahoma, Arial, Helvetica;

    color: #ffffff;

    font-size: 10pt;

    font-weight: bold;

    font-style: normal;

    width:198px;

    height: 24px;

}

.MainMenu_MenuArrow

{

  display: none;

}

.MainMenu_RootMenuArrow

{

    display: none;



}



/* 

================================

END OF MENU



================================

*/

.ModuleTitle_SubMenu

{

    z-index: 1000;

    cursor: pointer;

    font-family: Tahoma, Arial, Helvetica;

    color: #000000;

    font-weight: normal;

    cursor: hand;

    background-color: #ffffcc;

    border-bottom: 0px solid #ffffff;

    border-left: 0px solid #eeeef4;

    border-top: 0px solid #ffffff;

    border-right: 0px solid #ffffff;

}

.ModuleTitle_MenuIcon

{

  

    cursor: hand;

    background-color: #333366;

    border-left: #DFD7D8 0px solid;

    border-bottom: 0px solid #333366;

    border-top: #D4D0C8 0px solid;

    text-align: center;

    width: 15;

    height: 20;

    color: Black;

}

.ModuleTitle_MenuArrow

{

    font-family: webdings;

    font-size: 9pt;

    cursor: pointer;

    cursor: hand;

    border: 0px;

    color: Black;

}

.ModuleTitle_MenuItem

{

    cursor: hand;

    color: #333366;

    font-family: Tahoma, Arial, Helvetica;

    font-size: 10pt;

    font-weight: normal;

    font-style: normal;

    border-left: #FFFFFF 0px solid;

    border-bottom: #333366 0px solid;

    border-top: #7AD7E3 0px solid;

    border-right: #FFFFFF 0px solid;

    background-color: #333366;

    height: 22px;

}

.ModuleTitle_MenuBreak

{

    border-bottom: transparent 0px solid;

    border-left: transparent 0px solid;

    border-top: transparent 0px solid;

    border-right: transparent 0px solid;

    background-color: transparent;

    height: 0px;

}

.ModuleTitle_MenuItemSel

{

    font-family: Tahoma, Arial, Helvetica;

    font-size: 10pt;

    font-weight: normal;

    font-style: normal;

    cursor: hand;

    background: #999933;

    height: 22px;

    color: #333366;

}

.ModuleTitle_RootMenuArrow

{

    font-family: Tahoma, Arial, Helvetica;

    font-size: 11px;

    cursor: pointer;

    cursor: hand;

}



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

/*  End Style Sheet                                         */

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



.links

{

    font-size: 10pt;

    font-weight: normal;

    font-style: normal;

    background-color: Transparent;

    font-family: Tahoma, Arial, Helvetica;

    color: #333366;

}



.StandardButton

{

    background: #333366 none;

    color: #ffffff;

    font-family: Tahoma, Arial, Helvetica;

    font-size: 10pt;

    font-weight: normal;

    

}



.login

{

    font-family: Tahoma, Arial, Helvetica;

    font-size: 10pt;

    color: #000000;

    font-weight: normal;

}

.Head

{

    font-family: Tahoma, Arial, Helvetica;

    font-size: 11pt;

    font-weight: bold;

    color: #000000;

    padding: 3px;

    height: 20;

}



.SubHead

{

    color: #333333;

}

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

default text style used for the main content text

eg. used by the Text / HTML module 

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

.Normal

{

    color: #000000;

    font-family: Arial, Helvetica;

    font-weight: normal;

    font-size: 9pt;

    padding: 6px;

    text-align: left;

}



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

text style used for textboxes in the admin and edit pages

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

.NormalTextBox

{

    font-family: Tahoma, Arial, Helvetica;

    font-weight: normal;

    font-size: 9pt;

    color: #000;

}

.NormalRed

{

    color: #FF0000;

    font-family: Tahoma, Arial, Helvetica;

    font-weight: bold;

    font-size: 9pt;

}

.NormalBold

{

    font-family: Tahoma, Arial, Helvetica;

    font-size: 9pt;

    font-weight: bold;

    color: #000;

    text-align: left;

}

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

 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

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



/* This is the Date eg. any items that are not links */

.SkinItem

{

    color: #333366;

    font-family: Tahoma, Arial, Helvetica;

    font-weight: normal;

    font-size: 9pt;

}

/* This sets the style for all skin items that are links */

A.SkinItem:link

{

    color: #333366;

    font-family: Tahoma, Arial, Helvetica;

    font-weight: normal;

    font-size: 10pt;

}



A:link

{

    text-decoration: none;

    color: #333366;

}



A:visited

{

    text-decoration: none;

    color: #333366;

}



A:hover

{

    color: #666666;

    text-decoration: underline;

}



A:active

{

    text-decoration: none;

    color: #333366;

}