/* CSS for Toronto Mets DotNetNuke skin ------------------- */
/* Last updated February 2009 ----------------------------- */
/* http://tfdnn.com - tf@tylerfawcett.com ----------------- */


/* Universal ------------------------------ */
html {padding: 0; margin: 0; height: 100%; width: 100%; background: url(img/html_bg.gif);}
body {padding: 0; margin: 0; background: transparent;}
#body {text-align: center; background: transparent;}
table, tr, td, p, div, span, a {font-family: arial, sans-serif; line-height: 1.3em;}


/* Framework -------------------------- */
.hidden {display: none;}
table#wrapTable {background: url(img/page_bg.gif) top left repeat-x; width: 100%; height: 100%;}
td#wrapCell {text-align: center;}
table#canvas {text-align: left; margin: 15px auto; width: 970px;}
table#canvasAdmin {text-align: left; margin: 15px auto; width: 1100px;}
td#headerRow {height: 35px; background: url(img/header_bg_left.gif) top left no-repeat;}
div#headerContent {float: right; height: 35px; background: url(img/header_bg_cap_right.gif) top right no-repeat; padding-right: 20px;}
div#headerText {float: right; height: 35px; padding-left: 45px; background: url(img/header_bg_cap_left.gif) top left no-repeat;}
p#headerTextP {padding: 15px 0 0 0; margin: 0; line-height: 12px; font-size: 12px; font-size: 11px; color: #777;}
span#dnnLogin {}
td#bannerRow {height: 156px; background: url(img/banner_right.jpg) top right no-repeat;}
td#bannerRow div.relative {position: relative; top: 0; left: 0; width: 100%; height: 100%;}
div#bannerEdgeLeft {position: absolute; top: 0; left: 0; height: 156px; width: 23px; background: url(img/banner_left.jpg) top left no-repeat;}
div#dnnLogo {position: absolute; left: 24px; top: -47px;}
div#metsSlogan {position: absolute; bottom: 25px; left: 230px; width: 417px; height: 29px; vertical-align: bottom; background: url(img/slogan_script.gif) top left no-repeat;}
div#metsSlogan h3 {display: none;}
td#bodyRow {}
table#bodyTable {background: #767676; width: 100%;}
td.canvasEdgeLeft {width: 6px; background: url(img/canvas_edge_left.gif) repeat-y;}
td.menuColumn {padding: 2px 0; width: 212px; text-align: center;}
td.contentColumn {padding: 2px 5px 6px 0;}
td.canvasEdgeRight {width: 6px; background: url(img/canvas_edge_right.gif) repeat-y;}
div#main-menu-dnn {margin-top: -1px; margin-bottom: -3px;}
table.menuTable {width: 202px; text-align: left; margin: 0 auto;}
td.menuTableRowTop {height: 4px; width: 100%; background: url(img/menu_row_top.gif) top left no-repeat;}
td.menuTableRowMiddle {padding: 0 3px; background: url(img/menu_row_middle.gif) repeat-y;}
td.menuTableRowBottom {height: 4px; width: 100%; background: url(img/menu_row_bottom.gif) top left no-repeat;}
table.contentBox {width: 100%; background: #fff;}
td.contentBoxTL {width: 7px; height: 43px; background: url(img/content_box_tl.gif) top left no-repeat;}
td.contentBoxTR {background: url(img/content_box_tr.gif) top right no-repeat;}
h2.page-title {font-size: 19px; margin: 0; padding: 6px 0 0 6px; color: #fff; font-weight: bold;}
td.contentBoxML {background: url(img/content_box_ml.gif) top left repeat-y;}
td.contentBoxMR {background: url(img/content_box_mr.gif) top right repeat-y; padding: 14px 14px 20px 6px;}
td.contentBoxBL {width: 7px; height: 6px; background: url(img/content_box_bl.gif) top left no-repeat;}
td.contentBoxBR {height: 6px; background: url(img/content_box_br.gif) top right no-repeat;}
td#footerRow {height: 28px; background: url(img/footer_left.gif) bottom left no-repeat;}
div.footerContent {float: right; background: url(img/footer_right.gif) bottom right no-repeat; height: 100%;}
div.footerText {padding: 0 15px 0 0; font-size: 11px;}

table.contentTable {width: 100%;}
div.sideContentDiv {margin: 10px 7px; text-align: left;}
td.contentPaneClass {}
td.rightPaneClass {padding-left: 15px; width: 210px;}
.basicActions {padding-right: 14px;}
.basicActions2 {padding-right: 14px;}


/* Links -------------------------- */

/* basic links */
a:link, a:visited, a:active {font-family: arial, sans-serif; font-weight: normal; font-size: 12px; text-decoration: underline; font-weight: normal; line-height: 1.3em; color: #e16c21;}
a:hover {font-family: arial, sans-serif; font-weight: normal; font-size: 12px; text-decoration: none; font-weight: normal; line-height: 1.3em; color: #e16c21;}
/* register and login/logout links */
a.login-link:link, a.login-link:visited, a.login-link:active {text-decoration: none; font-weight: normal; color: #fff; font-size: 11px;}
a.login-link:hover {text-decoration: underline; font-weight: normal; font-size: 11px;}
/* breadcrumb links */
a.breadcrumb-link:link, a.breadcrumb-link:visited, a.breadcrumb-link:active, a.breadcrumb-link:hover {text-decoration: none; font-weight: normal; font-size: 11px; color: #e16c21;}
a.breadcrumb-link:hover {text-decoration: underline;}
/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {text-decoration: underline; font-weight: normal; color: #e16c21;}
a.CommandButton:hover {text-decoration: none; font-weight: normal; color: #e16c21;}
/* for normal links */
a.Normal:link, a.Normal:visited, a.Normal:active {text-decoration: underline;}
a.Normal:hover {text-decoration: none;}
/* for white links */
a.white:link, a.white:visited, a.white:active {text-decoration: underline; color: #fff;}
a.white:hover {text-decoration: none; color: #fff;}
/* footer links */
a.footer-link:link, a.footer-link:visited, a.footer-link:active {font-size: 11px; text-decoration: none; font-weight: normal; color: #fff;}
a.footer-link:hover {font-size: 11px; text-decoration: underline; font-weight: normal; color: #fff;}



/* Text -------------------------- */

/* current date */
.current-date {color: #999; font-size: 11px;}
/* copyright */
.CopyrightText {color: #aaa; font-size: 11px;}
/* used in admin sections */
.SubHead, .SubHead font {font-family: arial, sans-serif; font-size: 13px; font-weight: bold; color: #333; padding: 0;}
/* module titles */
.Head {font-family: arial, sans-serif; font-size: 16px; text-decoration: none; color: #333; font-weight: normal; white-space: nowrap;}
/* colored - used for warnings and such */
.NormalRed {color: #900; font-family: arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 1.3em;}
/* bold text */
.NormalBold {font-family: arial, sans-serif; font-size: 12px; font-weight: bold; color: #333; line-height: 1.3em;}
/* normal text */
.Normal {font-family: arial, sans-serif; font-size: 12px; color: #333; line-height: 1.3em;}
/* headers */
h1, h2, h3, h4, h5, h6 {font-family: arial, sans-serif; color: #333; font-weight: bold;}
h1 {font-size: 16px;}
h2 {font-size: 15px; margin: 5px 0 2px 0;}
h3 {font-size: 14px; font-weight: bold; margin: 5px 0 2px 0;}
h4 {font-size: 13px; font-weight: bold; font-style: italic;}
h5 {font-size: 12px; font-weight: bold;}
p {margin: 0; padding: 0.2em 0 1.2em 0; font-size: 12px;}
table {clear: both;}
ul {padding-top: 0; margin-top: 0;}

.DNN_ANN_Description {padding-bottom: 1.5em;}
tr.UDT_Table_AlternateItem td {background: #f4f4f4;}

.DNN_AnnouncementsContent {padding:0; margin:0; width:100%;}
.DNN_ANN_DesignTable {margin:0; padding:0; line-height:0; border-collapse: collapse;}
.DNN_ANN_DesignTable table {margin:0; padding:0; line-height:0; border-collapse:collapse; width:100%;}

/* Forms ----------------------------- */

/* catch-all */
select, input {font-family: arial, sans-serif; font-size: 12px; color: #333;}
/* Applies to text input boxes */
.NormalTextBox {font-family: arial, sans-serif; font-size: 12px; color: #333;}
/* table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent; visibility: hidden; color: #333;}



/* Main Menu ----------------------------- */

.MainMenu_MenuContainer {background: transparent; width: 196px; height: auto;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal;}
/* idle state of submenu items */
.MainMenu_MenuItem {font-size: 12px; font-family: arial, sans-serif; font-weight: normal; color: #fff; background: #444; border: #444 1px solid; padding: 3px 10px 3px 3px;}
/* hover state for submenu items */
.MainMenu_MenuItemSel {font-size: 12px; font-family: arial, sans-serif; font-weight: normal; color: #fff; background: #c85e1a; border: #c85e1a 1px solid; padding: 3px 10px 3px 3px;}
/* box for submenu */
.submenu-cus {z-index: 100; border: 1px solid #666; margin: 1px 0 0 -2px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}
/* Common settings for all three hover states */
.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_BreadcrumbActive td, .MainMenu_Active td {margin: 0; padding: 0 0 0 16px; height: 27px;}
.MainMenu_Idle td span, .MainMenu_Selected td span, .MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {font-size: 12px; font-weight: normal; line-height: 1.3em; font-weight: bold;}
/* idle state of main menu items */
.MainMenu_Idle td {background: url(img/menu_off.gif) top left no-repeat;}
.MainMenu_Idle td span {color: #fff;}
/* hover state of main menu items */
.MainMenu_Selected td {background: url(img/menu_over.gif) top left no-repeat;}
.MainMenu_Selected td span {color: #fff;}
/* active/selected state of main menu items */
.MainMenu_BreadcrumbActive td, .MainMenu_Active td {background: url(img/menu_on.gif) top left no-repeat;}
.MainMenu_BreadcrumbActive td span, .MainMenu_Active td span {color: #fff;}
/* items we don't need to see */
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;}
.MainMenu_MenuBreak {width: auto; border: 0; background: transparent;}
.MainMenu_MenuArrow {display: none;}




/* Module Menus ------------------------ */

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {}
/* Inner container for module submenu */
.ModuleTitle_MenuBar {}
/* Idle state for module submenu items */
.ModuleTitle_MenuItem {font-family: arial, sans-serif; font-size: 12px; color: #555; font-weight: normal;	background: #f7f7f7; border: #f7f7f7 1px solid;	padding: 1px 10px 2px 0px;}
/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}
/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {font-family: arial, sans-serif; font-size: 12px; font-weight: normal; 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;}



/* DNN Control Panel ---------------------- */
table.ControlPanel {width: 966px; background: url(img/control_panel_stripes.gif) #fff; color: #222; border: 0; border: 1px solid #fff; border-top: 2px solid #e16c21; border-bottom: 6px solid #fff; margin: 0 auto;}
table.ControlPanel a.CommandButton, table.ControlPanel a.CommandButton:hover {font-family: arial, sans-serif; font-size: 12px; color: #e16c21; margin: 0 8px; font-weight: normal;}
table.ControlPanel a.CommandButton:hover {color: #e16c21; text-decoration: none;}
table.ControlPanel .SubHead {font-size: 12px; color: #222; font-weight: normal; line-height: 2em;}
table.ControlPanel td td.SubHead {padding: 0;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel a.CommandButton img {margin-top: 8px;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; width: 0px; display: none;}
table.ControlPanel label {color: #222; font-size: 12px; font-weight: normal;}
table.ControlPanel td td {background: transparent; padding-bottom: 2px; padding-top: 2px;}
table.ControlPanel td td td {padding-bottom: 0; padding-top: 0;}

.tablestyle 
{
    font-family: arial, sans-serif;
    font-size: small;
    border: solid 1px #7f7f7f;
}

.altrowstyle 
{
    background-color: #F5F5F5
}

.headerstyle th
{
    background: black url(img/gradient_Gray.jpg) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #FFF;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle tr
{
    background-color: Aqua;
}

.headerstyle th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow
{
    background-color: White;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #F5F5F5;
    border-right: solid 1px #cbcbcb;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
        background-color: Transparent;
}

.headerstyle .sortascheader a 
{
        background-color: Transparent;
} 

.headerstyle .sortdescheader 
{
        background-color: Transparent;
}   

.headerstyle .sortdescheader a 
{
        background-color: Transparent;
} 

.DNN_UserDefinedTableContent table {width:100%;}


/*.UDT_Table_Head
{
    background: black url(img/gradient_Gray.jpg) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: White;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.UDT_Table_Head th, .UDT_Table_Head td
{
    border: solid 1px black;
}

.UDT_Table_Head th a, .UDT_Table_Head td a
{
    color:White;
}

.UDT_Table_AlternateItem td, .UDT_Table_Item td
{
    border: solid 1px black;
}

.UDT_Table_AlternateItem td.a, .UDT_Table_Item td.a {text-align: center}*/

.UDT_Table_Head
{
    background-color: #999999;
    border-width: 1px;
    color: White;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.UDT_Table_Head th, .UDT_Table_Head td
{
    border: solid 1px white;
    border-bottom-color: Black;
}

.UDT_Table_Head th a, .UDT_Table_Head td a
{
    color:White;
}

.UDT_Table_AlternateItem td, .UDT_Table_Item td
{
    border: solid 1px white;
    background-color: #EEEEEE;
    color: #4F4F4F;
}

.UDT_Table_Col1, .UDT_Table_Col2, .UDT_Table_Col3, .UDT_Table_Col4, .UDT_Table_Col5, .UDT_Table_Col6 {text-align:center}

.UDT_Table_AlternateItem td.a, .UDT_Table_Item td.a {text-align: center}


/* End Style Sheet ---------------------- */