/* - USED COLORS --------------------------- */

/* light green - #96c703 */
/* dark green - #76ad00 */

/* light blue - #58b6dc */
/* dark blue - #1e82be */
/* darkest blue - #369 */

/* light orange - #ffb700 */
/* dark orange - #f90 */
/* darkest orange - #f60 */

/* light gray - #e7e7e7 */
/* medium gray - #aaa */

/* ----------------------------------------- */

/* ----------------------------------------- */
/* - GLOBAL ELEMENTS ----------------------- */
/* ----------------------------------------- */

body, p, h1, h2, h3, span, a
{
    margin: 0;
    padding: 0;
}

body
{
    background: #e8fbff url(Images/pad_bkg.jpg) repeat-x fixed;
    color: #333; /*font: 75%/130% tahoma, verdana, sans-serif;*/
    font: small tahoma, verdana, sans-serif;
}

input, textarea
{
    background-color: #fff;
    clear: right;
    color: #666;
    font-size: small;
}

h1
{
    font-size: small;
}
h2
{
    font-size: x-small;
}

hr
{
    color: #aaa;
    height: 1px;
    padding: 0;
    margin: 0.5em 0 0 0;
}

ul, li
{
    list-style-type: none;
}

fieldset
{
    padding: 0.5em;
}

legend
{
    color: #999;
    font-weight: bold;
}

a
{
    text-decoration: underline;
}

a:link, a:visited
{
    color: #1e82be;
}
a:hover, a:active
{
    color: #369;
}


/* ----------------------------------------- */
/* - THEME IMAGES -------------------------- */
/* ----------------------------------------- */

#bkgimage
{
    background: url(Images/top_bkg.png) no-repeat center top;
    height: 260px;
    width: 100%;
    position: fixed;
    margin-top: 1em;
}

/* Transparent PNG trick for IE6 */
* html #bkgimage
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/top_bkg.png', sizingMethod='scale');
    height: 260px;
    width: 100%;
    position: fixed;
    margin-top: 1em;
    text-align: center;
}

#logo
{
    background: url(Images/top_logo.png) no-repeat center top;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 1em;
}

/* Transparent PNG trick for IE6 */
* html #logo
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/top_bkg.png', sizingMethod='scale');
    height: 50px;
    margin: auto;
    position: absolute;
    top: 1em;
    text-align: center;
}

/* ----------------------------------------- */
/* - SPECIFIC ELEMENTS AND CLASSES --------- */
/* ----------------------------------------- */

/* General Site Design */

#pageholder
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pagebody
{
    margin: auto;
    position: relative;
    min-width: 74em;
    width: 90%;
    background-color:white;
    border: solid 1px #aaa;
    min-height: 600px;
}
#preferences
{
    clear: both;
    float: right;
    margin-bottom: 3em;
}

#login
{
    height: 28px;
    line-height: 2em;
    position: absolute;
    top: 5px;
    right: 10px;
}
#login a:link, #login a:visited
{
    color: #96c703;
    font-weight: bold;
}
#login a:hover, #login a:active
{
    color: #76ad00;
    font-weight: bold;
}

.bar
{
    clear: both;
    height: 24px;
    top: 26px;
    position: relative;
    width: 100;
    border: solid 1px #aaa;
    
   
}
.barcontent
{
    line-height: 2em;
    position: relative;
    text-align: center;
    width: 100%;
}
.bar a:link, .bar a:visited
{
    color: #333;
    text-decoration: underline;
}
.bar a:hover, .bar a:active
{
    color: #369;
    text-decoration: underline;
}

.transbox
{
    background-color: #fff;
   /*
    border: solid 1px #aaa;
    */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .65;
    filter: alpha(opacity=65);
}

.opaquebox
{
    background-color: #fff;
  /*
    border: solid 1px #aaa;
    */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.leftfloater
{
    float: left;
    position: relative;
    width: 49%;
}

.rightfloater
{
    float: right;
    position: relative;
    width: 50%;
}

.widebox
{
    float: left;
    position: relative;
    width: 100%;
}

.thinbox
{
    float: left;
    margin-left: 1%;
    position: relative;
    min-width: 10em;
    width: 24%;
}

.boxcontent
{
    position: relative;
    margin: 0.5em;
}

.boxtitle
{
    background: #1e82be url(Images/tit_blue.png) repeat-x;
    border: solid 1px #58b6dc;
    color: #fff;
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    position: relative;
    text-align: center;
}

.boxbar
{
    background-color: #fff;
    border: solid 1px #ccc;
    clear: both;
    display: block;
    height: 1.5em;
    margin-top: 0.3em;
    line-height: 1.4em;
    position: relative;
    text-align: center;
}

.boxbar img
{
    vertical-align: text-bottom;
}

.boxbar a:link, .boxbar a:visited, .table a:link, .table a:visited, .gridstyle a:link, .gridstyle a:visited
{
    color: #333;
    text-decoration: underline;
}

.boxbar a:hover, .boxbar a:active, .table a:hover, .table a:active, .gridstyle a:hover, .gridstyle a:active
{
    color: #369;
    text-decoration: underline;
}

.textcontent
{
    margin: 0.5em;
    position: relative;
}

.listtitle
{
    border-bottom: dotted 1px #ccc;
    display: block;
    font-weight: bold;
    height: 1.5em;
    overflow: hidden;
}
.listsubtitle
{
    border-bottom: dotted 1px #ccc;
    display: block;
    height: 1.5em;
    overflow: hidden;
}
.listdesc
{
    text-align: justify;
}
.detail
{
    border-bottom: dotted 1px #999;
    display: block;
    line-height: 1.4em;
}

.submenuop, .submenuop:link, .submenuop:visited
{
    background: #fff url(Images/mnsubbtn.png) repeat-x;
    border: solid 1px #ccc;
    color: #666;
    display: block;
    float: right;
    height: 20px;
    line-height: 20px;
    margin: 0.3em 0 0.1em 0.3em;
    min-width: 6em;
    padding: 0 0.3em 0 0.3em;
    text-align: center;
    text-decoration: none;
}

.submenuop:hover, .submenuop:active
{
    border: solid 1px #1e82be;
    color: #1e82be;
}

.tabholder
{
    border-bottom: solid 1px #ccc;
    clear: both;
}

.tab, .tab:link, .tab:visited
{
    background-color: #fff;
    border: solid 1px #ccc;
    border-bottom: none;
    color: #666;
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 0.3em 0 0.3em;
    text-align: center;
    text-decoration: none;
}

.tab:hover, .tab:active
{
    border: solid 1px #1e82be;
    border-bottom: none;
    color: #1e82be;
}

/* General Form related (non asp objects) */

.form_spacer
{
    border-bottom: dotted 1px #ccc;
    clear: both;
    height: 0.3em;
    margin-bottom: 0.3em;
}
.p_spacer
{
    clear: both;
    height: 1.5em;
}
.spacer
{
    clear: both;
    height: 0.5em;
}

.form_title
{
    display: block;
    font-weight: bold;
    padding: 0.3em 0 0.3em 0;
}

.form_label
{
    display: block;
    float: left;
    min-width: 6em;
    padding-right: 0.3em;
}

.rbtn_label
{
    display: block;
    float: left;
    line-height: 25px;
    min-width: 6em;
}

.avatar
{
    float: left;
    margin-right: 14px;
}

.close2avatar
{
    margin-left: 74px;
}

.fleft
{
    float: left;
}

.fright
{
    float: right;
}

/* Table related */

.table
{
    border: solid 1px #ccc;
    border-right: none;
}

.header
{
    background: #eaeaea url(Images/mnsubbtn.png) repeat-x;
    border-right: solid 1px #ccc;
    font-weight: bold;
    padding: 0.1em;
}

.cell
{
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 0.5em;
    vertical-align: top;
}

.cellcenter
{
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 0.5em;
    text-align: center;
    vertical-align: top;
}

.celljustify
{
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 0.5em;
    text-align: justify;
    vertical-align: top;
}


/* Map related */

.mapbox
{
    float: left;
    height: 500px;
    position: relative;
    width: 46%;
    padding: 0.5em;
}
.mapboxsmall
{
    height: 25em;
    position: relative;
    width: 100%;
    padding: 0.5em;
}

#myMap
{
    border: solid 1px #aaa;
}

#mapmenu
{
    background: #e7e7e7 url(Images/mnbtn.png) repeat-x;
    border: solid 1px #aaa;
    height: 30px;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

/* EventList related */

.eventholder
{
    clear: both;
    float: left;
    margin-top: 1%;
    margin-bottom: 1%;
    position: relative;
    width: 100%;
}

.eventoptions
{
    background-color: #fff;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: none;
    border-left: solid 1px #ccc;
    float: left;
    padding-left: 0.3em;
    padding-right: 0.3em;
    position: relative;
    top: 1px;
    z-index: 1;
}

.eventoptions img, .eventoptions input
{
    vertical-align: text-bottom;
}

.eventdetails
{
    background-color: #fff;
    border: solid 1px #ccc;
    clear: both;
    padding: 0.3em;
    position: relative;
    width: 96%;
    z-index: 0;
}

/* NewsList related */

.newsholder
{
    clear: both;
    float: left;
    margin-top: 1%;
    margin-bottom: 1%;
    position: relative;
    width: 100%;
}

.newsoptions
{
    background-color: #fff;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: none;
    border-left: solid 1px #ccc;
    float: left;
    padding-left: 0.3em;
    padding-right: 0.3em;
    position: relative;
    top: 1px;
    z-index: 1;
}

.newsoptions img, .newsoptions input
{
    vertical-align: text-bottom;
}

.newsdetails
{
    background-color: #fff;
    border: solid 1px #ccc;
    clear: both;
    padding: 0.3em;
    position: relative;
    width: 96%;
    z-index: 0;
}

/* ----------------------------------------- */
/* - .NET CONTROL CLASSES ------------------ */
/* ----------------------------------------- */





/* ASP.NET MENU */
/*
.AspNet-Menu-Horizontal 
{
    position: relative;
    
    z-index: 5;
}

.AspNet-Menu-Leaf
{
    font-size:small;
    font-style:normal;
    float: left;
    line-height: 2em;
    height: 28px;
    margin: 0;
    padding: 0 0.5em 0 0.5em;
}

.AspNet-Menu-Selected
{
     font-weight:bold;
}

.asp_menu_item_hover
{
    background: #76ad00 url(Images/mnbtn_hover.png) repeat-x;
    float: left;
    line-height: 2em;
    height: 28px;
    padding: 0 0.3em 0 0.3em;
}

.asp_menu_submenu
{
    border-top: solid 1px #aaa;
    border-right: solid 1px #96c703;    
    border-bottom: solid 1px #96c703;
    border-left: solid 1px #aaa;
    margin: 0;
    padding: 0;
    
}

.asp_menu_subitem
{
    background: #e7e7e7 url(Images/mnsubbtn.png) repeat-x;
    border-bottom: solid 1px #aaa;
    clear: right;
    float: left;
    height: 28px;
    line-height: 2em;
    margin: 0;
    padding: 0 0.3em 0 0.3em;
}

.asp_menu_item, .asp_menu_item a {color: #666; font-weight: bold;}
.asp_menu_item_hover, .asp_menu_item_hover a {color: #fff; font-weight: bold;}
.asp_menu_subitem, .asp_menu_subitem a {color: #999; font-weight: bold;}
.asp_menu_subitem_hover, .asp_menu_subitem_hover a {color: #666; font-weight: bold;}

*/
/* ASP.NET DROPDOWNLIST */

.form_drop
{
    background-color: #fff;
    border: solid 1px #aaa;
    color: #666;
    font-family: tahoma, verdana, sans-serif;
}

/* ASP.NET DATALIST */
.AspNet-DataList table
{
    width: 100%;
}

/* ASP.NET TEXTBOX */

.form_textbox
{
    background-color: #fff;
    border: solid 1px #58b6dc;
    clear: right;
    color: #666;
    font-family: tahoma, verdana, sans-serif;
}

.form_textbox:focus
{
    border: solid 1px #1e82be;
    outline: none;
}

/* ASP.NET BUTTON AND FORM LINK BUTTON */

.small_button
{
    height: 1.3em;
}

.form_button
{
    font: 90% tahoma, verdana, sans-serif;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    min-width: 6em;
}

.form_button, .small_button
{
    background-color: #e7e7e7;
    border: solid 1px #aaa;
    display: inline-block;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-align: center;
}

.form_button:hover, .small_button:hover
{
    background-color: #1e82be;
    border: solid 1px #369;
    color: #fff;
    cursor: pointer;
}

.form_button, .form_button:link, .form_button:visited, .small_button, .small_button:link, .small_button:visited
{
    color: #666;
    text-decoration: none;
}

.form_button:hover, .form_button:active, .small_button:hover, .small_button:active
{
    color: #fff;
}

/* ASP.NET GRIDVIEW */

.gridstyle
{
    border: solid 1px #ccc;
    width: 100%;
}

.gridwrap_lower, .gridwrap_lower_alt
{
    border: solid 1px #ccc;
    text-transform: lowercase;
    padding: 0.5em;
    vertical-align: top;
}

.gridwrap_lower_alt
{
    background-color: #fff;
    border: solid 1px #ccc;
}

.gridwrap, .gridwrap_alt
{
    border: solid 1px #ccc;
    padding: 0.5em;
    vertical-align: top;
}

.gridwrap_alt
{
    background-color: #fff;
    border: solid 1px #ccc;
}

.gridheader
{
    background: #eaeaea url(Images/mnsubbtn.png) repeat-x;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
    padding: 0.5em;
}

/* ASP.NET WIZZARD */

.wizard
{
    width: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.wiz_sidebar
{
    font: tahoma, verdana;
    font-size: small;
    margin: 0 0.5em 0 0;
    vertical-align: top;
    padding: 0;
    width: 25%;
}

/* ASP.NET FILE UPLOAD */

.form_fileup
{
    background-color: #e7e7e7;
    border: solid 1px #aaa;
    display: inline-block;
    font: 90% tahoma, verdana, sans-serif;
    font-weight: bold;
    height: 1.8em;
    line-height: 1.7em;
    min-width: 6em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-align: center;
}

.form_fileup:hover
{
    background-color: #B0E0E6;
    border: solid 1px #369;
    color: #fff;
    cursor: pointer;
}

.form_fileup, .form_fileup:link, .form_fileup:visited
{
    color: #666;
    text-decoration: none;
}

.form_fileup:hover, .form_fileup:active
{
    color: #fff;
}

.ero
{
    z-index: 100002 !important;
}
.ero-progressAnimation
{
    z-index: 100002 !important;
}

.VE_Message
{
    z-index: 100002 !important;
}

.text-stats-value
{
    color: #369;
}

.text-stats-label
{
    font-weight: bold;
    color: #369;
}

div.RB_overlay_dark
{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #444;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    text-align: center;
    position: absolute;
}

div.RB_overlay_image
{
    z-index: 100002 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    border: 0;
    width: 64px;
    height: 64px;
}

.map-point-text
{
    font-weight: bolder;
    font-size: xx-small;
    color: Navy;
    text-transform: capitalize;
    z-index: 0;
    text-align: center;
    left: -5px;
    position: absolute;
    background-color: White;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}