/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
/* TEMPLATE */


#Print
{z-index: 2; left: 45px; top: 200px; height: 500px; width: 220px; position: absolute;}

#Events
{z-index: 2; left: 363px; top: 200px; height: 500px; width: 220px; position: absolute;}

#Online
{z-index: 2; left: 610px; top: 200px; height: 500px; width: 220px; position: absolute;}


#sendemail
{
    z-index: 1; left: 528px; top: 10px; width: 200px; height: 400px; position: absolute;
}







/* /////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////// */
/* ECOMMERCE ELEMENTS */

#MainBkgdInner
{
 z-index: 1; left: 39px; top: 240px; width: 750px; position: absolute;   
}

#ConfirmInner
{
 z-index: 1; left: 39px; top: 190px; width: 750px; position: absolute;   
}

#TemplateBoxes
{border: 1pt solid #CCCCCC; font-family: Verdana; font-size: 11px; color: #484848; width: 100px; height: 200px;}

.templatelink
{font-size: 11px; color: #FFFFFF; font-family: Verdana; text-decoration: none; font-weight: bold; text-align:center;}

.PurchaseBarLeft
{background: url( 'http://www.mediateam.ie/App_Themes/Mediateam/Template/PurchaseLeft.jpg');}
 
.PurchaseBarRight
{background: url( 'http://www.mediateam.ie/App_Themes/Mediateam/Template/PurchaseRight.jpg');}

.PurchaseCentre
{background: url( 'http://www.mediateam.ie/App_Themes/Mediateam/Template/MainPanel.jpg');}

.NewsLeft
{background: url( 'http://www.mediateam.ie/App_Themes/Mediateam/Template/NewsLeft.jpg');}
 
.NewsRight
{background: url( 'http://www.mediateam.ie/App_Themes/Mediateam/Template/NewsRight.jpg');}



/* /////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////// */
/* HTML ELEMENTS */


H1
{
    font-family: Tahoma;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

H2
{
    font-family: Verdana;
    font-size: 24px;
    color: #666666;
    font-weight: lighter;
}

hr
{
    font-family: Verdana;
    font-size: 1px;
    color: #F0F0F0;
}

td
{
    font-family: Verdana;
    font-size: 14px;
    color: #666666;
}

p
{
    font-family: Verdana;
    font-size: 14px;
    color: #666666;
}

li
{
    font-family: Verdana;
    font-size: 14px;
    color: #666666;
}

.imageborder
{
    border: 1pt solid #B70000;
}

.tableborder
{
    border: 1pt solid #CCCCCC;
}



a
{font-size: 14px;color: #EA0000; font-family: Verdana;text-decoration: none;}

a:hover
{
font-size: 14px; color: #333333; font-family: Verdana; text-decoration: underline;
}

a.Purchase
{font-size: 14px;color: #FFFFFF;font-family: Verdana;text-decoration: none;}

a:hover.Purchase
{font-size: 14px;color: #FFFFFF;font-family: Verdana;text-decoration: underline;}

a.Links
{font-size: 14px;color: #EA0000; font-family: Verdana;text-decoration: none;}

a:hover.Links
{
font-size: 14px; color: #333333; font-family: Verdana; text-decoration: underline;
}

tr.ArticleLinks
{
    background-color: #EBEBEB;
    height: 30px
}

tr:hover.ArticleLinks
{
    background-color: #CCCCCC;
    height: 30px
}

.dottedLine
{
    font-family: Tahoma;
    font-size: 10px;
    color: #E4E4E4;
}


.ErrorMessage
{font-family: Verdana; font-size: 10pt; color: #FF0000;}

.NoteText
{
    font-family: Verdana;
    font-size: 10pt;
    color: #666666;
}

.WhiteText
{font-family: Verdana; font-size: 10px; color: #FFFFFF;}

.RedText
{font-family: Tahoma;font-size: 14px;color: #880000;font-weight: bold;font-variant: normal;}



/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
/* INNER ITEMS */


#pageTitle
{z-index: 1; left: 30px; top: 17px; height: 51px; width: 342px; position: absolute;}




/*/////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* FORM FIELDS */

.INPUT
{
    border: 1pt solid #d3d3d3;color: #000099;font-size: 8pt;text-decoration: none;
    height: auto;
}

.INPUTButton
{
    border: 1pt solid #D50000;
    color: #FFFFFF;
    font-size: 8pt;
    text-decoration: none;
    height: 22px;
    background-image: url( 'http://www.mediateam.ie/App_Themes/Mediateam/Templates/FormButton.jpg' );
}
    
/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
/* NAVIGATION STYLE FOR THE ONLINE SHOP */


tr.ShopNavigation
{
 background-color: #EA0000;
}

tr.ShopNavigation:Hover
{
 background-color: #880000;
}

a.ShopLinks
{font-family: Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none;}

a.ShopLinks:Hover
{font-family: Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: underline;}



/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
/* DHTML CALENDAR FOR CONTENT MANAGEMENT SYSTEM */

#CalendarControlIFrame 
{display: none; left: 100px; position:absolute; top: 0px; height: 250px; width: 250px; z-index: 0px;}

#CalendarControl 
{position:absolute; background-color:#FFF; margin:0; padding:0; display:none; z-index: 100;}

#CalendarControl table
{font-family: arial, Verdana, helvetica, sans-serif; font-size: 8pt; border-left: 1px solid #336; border-right: 1px solid #336;
border-style: solid; border-width: 1px; border-color: #3366CC;
}

#CalendarControl th 
{font-weight: normal;}

#CalendarControl th a
{text-decoration: none; color: #FFFFFF; padding: 1px;}

#CalendarControl td 
{text-align: center;}

#CalendarControl .header
{background-color: #6699FF;}

#CalendarControl .weekday
{background-color: #DFEDFD; color: #000;}

#CalendarControl .weekend
{background-color: #B0CAFF; color: #000;}

#CalendarControl .current 
{border: 1px solid #339; background-color: #336; color: #FFF;}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current 
{display: block; text-decoration: none; border: 1px solid #FFF; width: 2em;}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover 
{color: #FFF; background-color: #336; border: 1px solid #999;}

#CalendarControl .previous 
{text-align: left;}

#CalendarControl .next 
{text-align: right;}

#CalendarControl .previous,
#CalendarControl .next 
{padding: 1px 3px 1px 3px; font-size: 1.4em;}

#CalendarControl .previous a,
#CalendarControl .next a 
{color: #FFF; text-decoration: none; font-weight: bold;}

#CalendarControl .title 
{text-align: center; font-weight: bold; color: #FFF;}

#CalendarControl .empty
{background-color: #F2F8FF; border: 1px solid #FFF;}

/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/
/* DHTML IMAGE POPUP - WEB SHOP */

.thumbnail
{position: relative; z-index: 0;
 font-size: 11px; color: #FFFFFF; font-family: Verdana; text-decoration: none; font-weight: bold; text-align:center;
}

.thumbnail:hover
{background-color: transparent; z-index: 50;}

.thumbnail span
{
    position: absolute;
    background-color: #E8E8E8;
    padding: 5px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img /*CSS for enlarged image*/
{border-width: 0; padding: 2px; z-index: 2;}

.thumbnail:hover span /*CSS for enlarged image on hover*/
{ visibility: visible; top: -100px; left: 60px; 
/*position where enlarged image should offset horizontally */
}