/* SIMPLY DANCIN' COLOURS: 
#FF3399; fushia  (or E40080 for darker colour...)
#333333; very dark grey 
#C0C0C0; silver
#000000; black
#FFFFFF; white
*/


/* default page style */
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #333333;
    padding: 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; /*12px;*/
}

/*  Headings */
h1
{
    font-family: Neuropol, Biondi, tahoma, Arial, Verdana;
    font-size: 20px; /*18px;*/
    color: #FF3399;
    font-weight: bold;
    text-align: center;
}

h2
{
    font-family: tahoma, Arial, Verdana;
    font-size: 16px; /* 16px */
    color: #333333;
    font-weight: bold;
    text-align: left;
}

.plain_text
{
    text-align: left;
}

.plain_label
{
    text-align: left;
}

.email_field
{
    text-align: left;
}
.message_field
{
    color: #FF3399;
    font-style: italic;
}

/* links */
a
{
    color: #333333;
}

/* buttons */
.command_button
{
    font-family: Neuropol, Biondi, tahoma, Arial, Verdana;
    font-size: 12px;
    color: #333333;
    text-align: center;
}


/* back to... links - used in the User Control UCHeadingBackLink */
td.back_link_td
{
    text-align: right;
    font-family: Neuropol, Biondi, tahoma, Arial, Verdana;
    font-size: 12px;
    color: #333333;
    vertical-align: middle;
    text-decoration: underline;
    padding-right: 10px;
}

.back_link_td a:hover
{
    color: #FF3399; /* fushia */
}



/* ========== banner =========== */
.banner /*GM*/
{
    text-align: center;
    background-color: #000000;
    width: 100%;
}
.marquee
{
    font-size: 14px;
    color: White;
    text-align: center;
    background-color: #000000;
}

/* ========== top menu level 1 =========== */
div.nav_main
{
    background-color: #999999;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-family: Neuropol, Biondi;
    text-align: left;
    font-size: 14px;
}
.nav_main a
{
    color: #FFFFFF; /* white */
    text-decoration: none;
}
.nav_main a:hover
{
    color: #FF3399; /* fushia */
}

/* ------- admin nav ------- */

.admin_nav
{
    font-family: Neuropol, Biondi;
    text-align: left;
    font-size: 14px;
    color: #FFFFFF; /* white */
    padding-left: 30px;
}
.admin_nav_link
{
    color: #FFFFFF; /* white */
    text-decoration: none;
}

.admin_nav_link:hover
{
    color: #FF3399; /* fushia */
}


/* ========== top menu level 2 =========== */
div.nav_main2
{
    background-color: #FF3399;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: -0.1em;
    font-family: Neuropol, Biondi;
    color: #FFFFFF; /*white */
    text-align: right;
    font-size: 14px;
    overflow: hidden;
    height: 21px;
}
.nav_main2_img
{
    z-index: 1;
    float: left;
    width: 250px;
    padding-bottom: 1px;
}

.nav_main2 a
{
    color: #FFFFFF;
    text-decoration: none;
}
.nav_main2 a:hover
{
    color: #C0C0C0;
}


/* ========== left navigation menu =========== */

.left_nav_title
{
    font-family: Neuropol, Biondi, tahoma, Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    padding-left: 30px;
    top: -30px;
}
.left_nav_item
{
    font-family: Neuropol, Biondi, tahoma, Arial, Verdana;
    font-size: 12px; /* 12px; */
    color: #999999;
    padding-left: 30px;
    text-decoration: none;
}
.left_nav_item:hover
{
    font-family: Neuropol, Biondi, tahoma, Arial, Verdana;
    font-size: 12px; /* 12px; */
    color: #FF3399;
}

.left_nav_divider
{
    background-image: url(/Images/navleftline.gif);
    background-repeat: no-repeat;
    width: 240px;
    vertical-align: top;
}

/* ------- admin nav ------- */

.admin_left_nav
{
    font-family: Neuropol, Biondi;
    text-align: left;
    font-size: 12px;
    color: #FFFFFF; /* white */
    padding-left: 30px;
}
.admin_left_nav_link
{
   font-size: 12px;
   color: white; /* white */
   text-decoration: none;
}

.admin_left_nav_link:hover
{
   font-size: 12px;
   color: #FF3399; /* fushia */
}

/* ========== Main content ========== */


/* ------- MASTER PAGE STYLES ------- */
.content_div
{
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* table styles */

.main_content_td
{
    background-color: #FFFFFF;
    min-height: 300;
}


/* ------- CONTENT PAGE STYLES ------- */


/* for content pages: */
td.content_column_td
{
    vertical-align: top;
    padding-left: 10px;
}

td.image_column_td
{
    vertical-align: top;
    text-align: right;
    padding-top: 20px;
    padding-right: 5px;
}

td.fees_column_td
{
    border: thin dashed #C0C0C0;
    text-align: center;
    padding-top: 00px;
}

table.info_table
{
}

/* this style applies to all table cells in an info_table */
table.info_table td
{
    vertical-align: top;
    padding-bottom: 2px;
    padding-left: 0px;
}

/* text styles */

.content_impact
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif; tahoma, Arial, Verdana;*/
    font-size: 16px;
    color: #FF3399;
    font-weight: bold;
    text-align: left;
}

.content_impact_medium
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif; tahoma, Arial, Verdana;*/
    font-size: 14px;
    color: #FF3399;
    font-weight: bold;
    text-align: left;
}

.content_impact_medium_black
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif; tahoma, Arial, Verdana;*/
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-align: left;
}

.content_impact_medium_grey
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif; tahoma, Arial, Verdana;*/
    font-size: 14px;
    color: #CCCCCC;
    font-weight: bold;
    text-align: left;
}


.content_heading
{
   /* font-family:  Verdana, Arial, Helvetica, sans-serif; tahoma, Arial, Verdana;*/
    font-size: 14px; /* 14px;*/
    color: #333333;
    font-weight: bold;
    text-align: left;
}

.content_heading_centred
{
   /* font-family: Verdana, Arial, Helvetica, sans-serif; tahoma, Arial, Verdana;*/
    font-size: 14px; /* 14px;*/
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.input_field
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

.textfield
{
    border: 1px solid #929292;
    vertical-align: middle;
    padding: 3px;
    margin: 2px 0 5px 0;
}

div.silver_line
{
    border-style: solid none none none;
    border-width: 1px;
    border-color: #C0C0C0;
    vertical-align: middle;
    height: 1px;
}
/* time table */
table.timeTbl
{
   /* font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 10px;
    width: auto;
    background-color: #C0C0C0;
}
.timeTbl TD
{
    text-align: center;
    vertical-align: middle;
    width: 70px;
    background-color: #ffffff;
}
.timeTbl TH
{
    text-align: center;
    vertical-align: middle;
    width: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}


/* div styles for creating two columns, one left aligned, one right aligned */
div.left_text
{
    float: left;
}

div.right_text
{
    text-align: right;
    overflow: hidden;
}


/* div styles for creating two columns, both with left aligned text */
div.wrap
{
    margin: 0 auto;
}
div.leftcolumn
{
    float: left;
    width: 150px;
}
div.rightcolumn
{
    text-align: left;
    overflow: hidden;
}


/* admin - photo gallery page */

/* 2.1 ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */
div.page
{
}

#admin-albums, #admin-photos
{
    padding-top: 1px; /* Weird Mozilla Bug */
    padding-bottom: 40px;
    top: 0px;
    left: 0px;
    padding-left: 10px; /*37px;*/
    padding-right: 37px;
}

.emptydata td
{
    padding: 50px;
    color: #aeaeae;
}


/* 2.2 ALBUMS PAGE */

#albums
{
    padding: 0px 37px;
    padding-bottom: 40px;
}

.view
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.view .photo-frame
{
    margin-left: auto;
    margin-right: auto;
}

.item
{
    padding: 20px 50px;
    color: #B2B2B2;
}

.item h4
{
    margin-bottom: 0.4em;
}

.nullpanel
{
    padding: 150px;
    width: auto;
    text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details
{
    padding: 0;
}

/* photo navigation buttons */
.buttonbar
{
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    height: 33px;
    text-align: center;
}


#photos .view, #admin-details .view
{
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Inline styles are used because image controls hard code a border property */

.photo_198
{
    border: 4px solid #FFFFFF;
    vertical-align: top;
}

/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx--
{
    background-image: url(Images/frame-topx--.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 4px;
    vertical-align: top;
}
.photo-frame .top-x-
{
    background-image: url(Images/frame-top-x-.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 4px;
}
.photo-frame .top--x
{
    background-image: url(Images/frame-top--x.gif);
    background-repeat: no-repeat;
    width: auto;
    height: 4px;
    vertical-align: top;
}

.photo-frame .midx--
{
    background-image: url(Images/frame-midx--.gif);
    background-repeat: repeat-y;
    width: 4px;
    height: auto;
}
.photo-frame .mid--x
{
    background-image: url(Images/frame-mid--x.gif);
    background-repeat: repeat-y;
    width: 4px;
    height: auto;
}

.photo-frame .botx--
{
    background-image: url(Images/frame-botx--.gif);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
    vertical-align: top;
}
.photo-frame .bot-x-
{
    background-image: url(Images/frame-bot-x-.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 4px;
}
.photo-frame .bot--x
{
    background-image: url(Images/frame-bot--x.gif);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
    vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----, .album-frame .top----x, .album-frame .botx----, .album-frame .bot----x
{
    height: 14px;
    width: 14px;
}

.album-frame .top-x---
{
    background-image: url(images/album-tstretch.gif);
    background-repeat: repeat-x;
    text-align: left;
    height: 14px;
    width: auto;
}
.album-frame .top--x--
{
    background-image: url(images/album-tstretch.gif);
    background-repeat: repeat-x;
    height: 14px;
    width: auto;
}
.album-frame .top---x-
{
    background-image: url(images/album-tstretch.gif);
    background-repeat: repeat-x;
    text-align: right;
    height: 14px;
    width: auto;
}

.album-frame .mtpx----
{
    background-image: url(images/album-lstretch.gif);
    background-repeat: repeat-y;
    vertical-align: top;
    height: auto;
    width: 14px;
}
.album-frame .mtp----x
{
    background-image: url(images/album-rstretch.gif);
    background-repeat: repeat-y;
    vertical-align: top;
    height: auto;
    width: 14px;
}

.album-frame .midx----
{
    background-image: url(images/album-lstretch.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 14px;
}
.album-frame .mid----x
{
    background-image: url(images/album-rstretch.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 14px;
}

.album-frame .mbtx----
{
    background-image: url(images/album-lstretch.gif);
    background-repeat: repeat-y;
    vertical-align: bottom;
    height: auto;
    width: 14px;
}
.album-frame .mbt----x
{
    background-image: url(images/album-rstretch.gif);
    background-repeat: repeat-y;
    vertical-align: bottom;
    height: auto;
    width: 14px;
}

.album-frame .bot-x---
{
    background-image: url(images/album-bstretch.gif);
    background-repeat: repeat-x;
    text-align: right;
    height: 14px;
    width: auto;
}
.album-frame .bot--x--
{
    background-image: url(images/album-bstretch.gif);
    background-repeat: repeat-x;
    height: 14px;
    width: auto;
}
.album-frame .bot---x-
{
    background-image: url(images/album-bstretch.gif);
    background-repeat: repeat-x;
    text-align: left;
    height: 14px;
    width: auto;
}