/*****************************************************************************/
/* Master Page Layout to include table rows for ads at top,left,right,bottom */
/* Change background color of .mpBody and body bkg and color for each site   */
/* Note colors for TabMenus Container #143D55 blue, #007200 green, Blue orange   */
/* orange Dk Base color for title text et al #60200C  =                        */
/* Blues panel= #608fc8 pagelablel text =#143D55  #143D55 #dde8ff  #000066      */
/* Dec 22 changed 940px to 990px to accomodate ADBRITE 300x 250 panel  */
/*****************************************************************************/
body {
	color:Black;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
    background-color:transparent;
}
h1 {  text-align: center;  line-height:32px; height:32px; font-weight:normal; padding:6px 0px 0px 0px; margin:0;  font-family:Arial; font-size:20px; color:#143D55;}
h2 {  text-align: left;   font-family:Arial; font-size:12px; font-weight:bold; padding:6px 0px 0px 0px; margin:0;  color:Blue;}
h3 { font-size:12px;}
h4 { font-size:11px;}

.pagetitle{ text-align: center;  line-height:32px; height:32px;  padding-left:16px; padding-top:6px; font-family:Arial; font-size:20px; color:#143D55; }
.pagesubtitle{ text-align: left; padding:0px 50px 8px 50px; font-family:Arial; font-size:12px; color:#0000ff; }

/*~~~~~~~~~~~~~~ LINKS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.thumbImgBtn { border:outset 3px #aaaaaa;}
.mnuImgBtn { border:none;}
.mnuLink a:visited{ text-decoration:none;}

/* default */
a:link {
	color:#0000ff;
	text-decoration:underline;
}
a:visited {
	color:#0000ff;
	text-decoration:underline;
}
a:hover {
	color:#000040;
	text-decoration:none;
}
a:active {
	color:#0000ff;
}


/* Master page layout for tables and columns 
   the layout is an ad col on right and left with spacer inbetween middle content section
   the content section has a menu,body,and footer
   widths:  990 940  760  note: if we want 900px wide then add (900-760=140 ) to 940 and 760
   heights: 800  550  note: 800 overall ht -  550 is the std table ht
   rick note mpTopTable was width:900px then changed mpMenuLogoTable & mpCenterTable to 100% from 900px
*/
.mpTopmostBanner{ width:1060px; height:110px; background-color:Transparent; padding:0 0 0 0; margin:0px 0px 0px 0px; border:none 0px; border-collapse:collapse;}
.mpTopmostBannerSm{ width:990px; height:60px; text-align:center; background-color:Transparent; padding:0 0 0 0; margin:0px 0px 0px 0px; border:none 0px; border-collapse:collapse;}

/* Rick note: .mpTopTable is used if a banner is placed at the top of the framed area .mpNotTopTable is used if we put logo and banner at abs top of page */
.mpTopTable{ width:100%; height:57px;  background-color:Transparent; padding:0 0 0 0; margin:0px 0px 0px 0px; border:none 0px;  border-collapse:collapse;}
.mpNotTopTable{ width:990px; height:2px;  background-color:Transparent; padding:0 0 0 0; margin:0px 0px 0px 0px; border:none 0px;  border-collapse:collapse;}

/* Rick note mpMasterTable holds the mpCenterTable and inside banners and left and right banners if any */
.mpMasterTable{width:990px; padding:0; margin:0;   border-collapse:collapse;}
.mpMasterTable td { padding:0 0 0 0;   border-collapse:collapse; }

/* Rick note mpCenterTable is where all the content is! It should be desired size and every child 100% width */
.mpCenterTable{width:990px; vertical-align:top;  border-collapse:collapse;padding:0 0 0 0; background-color:#dde8ff; }
.mpLeft{vertical-align:top;  width:80px;height:800px; background-color:Transparent;padding:0 0 0 0;}
.mpRight{ vertical-align:top; width:80px;height:800px; background-color:Transparent;padding:0 0 0 0;}
.mpBottom{ width:100%; background-color:Transparent;padding:0 0 0 0; margin:0px 0px 0px 0px; border:none 0px;}
.mpMenuLogoTable{padding:0 0 0 0; margin:0px 0px 0px 0px; border:none 0px; border-collapse:collapse; width:100%;}
.mpAddSpacer{ width:2px; background-color:Transparent; padding:0 0 0 0;}
.mpNoPadding{ padding:0 0 0 0; }
.mpFooterTable { vertical-align:top; width:100%; height:20px;  font-size:10px;
                color:#ffffff; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none 0px;  border-collapse:collapse;
                background-image: url(../../menu-images/Blue/bg.png);
                }
/* 
    Content area of mpCenterTable these are used to design the main content and right panel content 
    The widths must add up to the mpCenterTable width
*/                
.mpTableMainContentCenterPanel{
    width:660px; 
    background-image: url(../../menu-images/Blue/blue_bg_tier_ecviewer.png); background-repeat:repeat-x; 
}
.mpTableMainContentRightPanel{
    width:330px; /*added 50 was 280 */
    background-color:#608fc8; 
}                
/*****************************************************************************/
/*****************  END MASTER PAGE   ****************************************/
/*****************************************************************************/
.noborders {padding:0 0 0 0; margin:0 0 0 0; border-style:none; border-width:0; border-collapse:collapse; }
/* these are revertical-align:top;quired to make the table centered in mozilla and opera */
div.dummycentered{text-align: center;} /*need this as placeholder */
div.centered{ text-align: center; padding:0 0 0 0; margin:0 0 0 0;}
div.centered table {margin:0 auto; padding:0 0 0 0; border-collapse:collapse; text-align: left;  }
td.centeredtitle{  font-size:16px; color: #0000ff; text-align:center; font-family:Arial; height: 40px; vertical-align:middle; }

.selectcontainer { background-color: #ff9a00; border: 0px solid #B5C7DE; font-size: 10px; font-family: Arial; }
.selectbutton { background-color:#8BB7FF ; border: 1px solid #000000; font-family: Arial; color: #000000; }
.selecttext{ font-family: Arial; font-size: 12px; border-style:inset; background-color:#eeeeFF; color:#000000;}
.selecttextlight{ font-family: Arial; font-size: 12px; border-style:inset; border-color:#d0d0ff; border-width:2px; background-color:#e0e0FF; color:#000000;}
.readonlytext{ font-family: Arial; font-size: 12px; background-color:#ddddee; color:#000000;}


/* ------------- Base tables used for all content inside the master page ---------------------------------- */
/* note contentCenterTable and simpletable are the same except that simpletable has no height both restore padding lost in masterpage*/
/* these tables work in the Center Content of the Master Pg */
table.contentCenterTable{ width: 100%; height: 700px; font-family:Arial; color:Black;  font-size: 12px;    vertical-align:top; }
table.contentCenterTable td { padding:2px 2px 2px 2px; }
table.simpletable{ width: 100%; font-family:Arial; color:Black;  font-size: 12px;    vertical-align:top; }
table.simpletable td { padding:2px 2px 2px 2px; }
/* these tables work in the Right Panel Content of the Master Pg */
table.contentRightTable{ width: 100%; height: 100%; font-family:Arial; color:Black;  font-size: 12px;    vertical-align:top; }
table.contentRightTable td { padding:2px 2px 2px 2px; }

table.contentStdTable { width: 100%; font-family:Arial; color:Black; font-size: 12px; text-align:center;}
table.contentStdTable td { vertical-align:top; }
/* ------------- Base tables used for all content inside the master page ---------------------------------- */

/* 2 Panel WIZARD based on .mpTableMainContentCenterPanel{width:660px;}   left:190px center:470px */
.WizardSmallTitle{ margin-left:0px; text-align: center; font-family:Arial; font-size:12px; font-weight:bold; }
.WizardPagetitle{ margin-left:180px; text-align: center;  line-height:32px; height:32px;  padding-left:16px; padding-top:6px; font-family:Arial; font-size:20px; color:#143D55; }
td.Wizard-left-sidepanel{  width:180px;   vertical-align:top; height:100%;   background-image: url(../../graphics/wizleftbkg.png); background-position:right; background-repeat:repeat-y; }
td.Wizard-centerpanel{  color:#143D55;  width:480px; height:100%; vertical-align:top;  text-align:center; }
div.Wizard-leftText {color:#143D55;   font-family:Comic Sans MS; font-size:12px; line-height:14px; text-align:left; padding: 0 8px 0 8px; }
.wizardValidator{ font-family:Arial; font-size: 10px; color:Red;}
.wizardselecttext{ font-family: Arial; font-size: 12px; border-style:inset; background-color:#eeeeff; color:#000000;}
.wizardreadonlytext{ font-family: Arial; font-size: 12px; border-style:none; background-color:#ddddff; color:#000000;}


/* SEARCH  TABLE */
.SearchCtrlsText{ font-family: Arial; font-size: 1.0em; border-style:inset; border-width:2px; background-color:#eeeeFF; color:#000000;}
.selecttextlight{ font-family: Arial; font-size: 0.9em; border-style:inset; border-color:#d0d0ff; border-width:2px; background-color:#e0e0FF; color:#000000;}

/* usedfor search table results for thumbs and description */
table.searchECTable
{
    /*border-right: solid 1px #7f7f7f; */
    border-bottom: solid 1px #7f7f7f;
    border-top: solid 1px #7f7f7f; border-left: solid 1px #7f7f7f;  border-right: solid 1px #7f7f7f; 
    width: 100%; 
    font-family: Arial;
    color: #000044;
    font-size: 10px;
    background-color: #ffffff;
}
table.searchECTable td { border-width:1px; border-collapse:separate; padding:2px 2px 2px 2px; vertical-align: top; }
table.searchCtrlsTable{ 
    /* border-left: solid 1px #7f7f7f;  */
    border-bottom:solid 1px black;
    font-family:Arial; color:#0000ff; font-size:10px;  
    background-color:#ffffff;  background-image: url(../../menu-images/Blue/blue_bg_tier_ecviewer.png); background-repeat:repeat-x;
    /* background-color:#eaeaea; background-image: url(../../graphics/ltblue-bkg_panelramp.png); background-repeat:no-repeat; */
    }
table.searchCtrlsTable td { padding:2px 2px 2px 2px; }

.selectcontainer { background-color: #608fc8; border: 0px solid #B5C7DE; font-size: 0.9em; font-family: Arial; }
.selectbutton { background-color:#8BB7FF ; border: 1px solid #000000; font-family: Arial; color: #000000; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
    Page Top Header for menu and other functions
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.tblMenuHdr
{
    /* width:990px;height:100px; OR 70px */
    width:990px;height:84px;border:none 0; border-collapse:collapse; border-width:0; 
    font-size:12px; font-family:Arial; color: Blue;  
}
table.tblMenuHdr td
{
    
    margin:0; padding:0 0 0 0; border:none 0; border-collapse:collapse;
}
 .mnuBtnTD 
 { 
     width:108px; vertical-align:top; height:51px; /*51*/
     margin:0; padding:0 0 0 0; border:none 0; border-collapse:collapse;
  }
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Expandable Panel Hdr */
.collapsePanelHdr{ width:100%; height:20px; vertical-align: top; text-align:center; color:Black; font-size:12px; font-family:Arial; 
                padding:1px 0 1px 0; border:none 0; background-image:url('../../graphics/bkg-collapsepnl.png');
}


/* AJAX Calendar theme */
div.ajax__calendar_days table tr td
{
    padding-right:0px;
}
.MyCalendar .ajax__calendar_container {
    border:1px solid Blue;
    background-color: #bebeff;
    color: Black;
}
/* AJAX Watermark */
.MyWatermark {
    color:#333333; background-color:#ccccff; font-size:12px; font-family:Arial, Verdana, Helvetica;
    
}
.none {
    display:none;
}
/*************** hidden DIV that pops up to prompt user ****************/
.divPopupStd{
    position:absolute; 
    left:200px; top:110px; 
    background-color:#ffff99; color:Blue; 
    border:outset 2px Gray; 
    text-align:left; width:500px; height:150px; 
    padding: 5px 15px 5px 15px; 
    font-size: 11px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;

}
/***************** TABS WIZARDS *****************************************/
    div.tabDivCtrls{
            width: 100%; height: 26px; padding:2px 0px 3px 0px;
           /*  background-color: #0055ff; border:outset 2px Blue; */
        }
    .tabDiv{
        width:100%; height:100%; 
    }
    .tabTable{
        width:100%; height:500px; 
        /* background-color:#9999ff; */
    }
    
/************** BUTTON DESIGNS **************************/   
    .panelHdrBlue {
          height:20px; width:100%;
          padding: 2px 2px 2px 2px;
          border-style: solid;
          border-top-width: 1px;
          border-left-width: 1px;
          border-bottom-width: 1px;
          border-right-width: 1px;
          border-top-color: #e9D9EA; /* #D9DFEA; */
          border-left-color: #e9D9EA;
          border-bottom-color: #0e1f5b; /*142B82*/
          border-right-color: #0e1f5b;
          background-color: #3b5998;
          color: #FFFFFF;
          font-size: 11px;
          font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
          text-align: center; 
          cursor:pointer;
    }
    .btnDesignStd, .btnDesignMed, .btnDesignMajor {
          padding: 2px 15px 3px 15px;
          border-style: solid;
          border-top-width: 1px;
          border-left-width: 1px;
          border-bottom-width: 1px;
          border-right-width: 1px;
          border-top-color: #e9D9EA; /* #D9DFEA; */
          border-left-color: #e9D9EA;
          border-bottom-color: #0e1f5b; /*142B82*/
          border-right-color: #0e1f5b;
          background-color: #3b5998;
          color: #FFFFFF;
          font-size: 11px;
          font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
          text-align: center; 
          cursor:pointer;
    }
    .btnDesignMed {
        padding: 4px 15px 5px 15px;
        font-size:12px; 
        background-color: #59983b; 
    }
    
    .btnDesignMajor {
        padding: 6px 15px 7px 15px;
        font-size:14px; 
        background-color: #ff6600;
    }
    /* used for bkg img selection in MYO */
    .btnBkgSeln{
	 border-color:#9090dd;
	 border-style:outset;
	 border-width:2px;
	 height:52px;
	 width:100px;
    }


 /*************** for bubble tooltips ***********************************/
.tooltip{
	width: 200px; color:Black;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;text-align:center;
}
.tooltip span.top{padding:60px 12px 0px; background: url( ../../graphics/AlphaBubble.png) no-repeat top}
.tooltip b.bottom{padding:3px 12px 30px;color: #ff0000; background: url( ../../graphics/AlphaBubble.png) no-repeat bottom}
/*************** end bubble tooltips ***********************************/