﻿
div#outer > div#middle > div#content
{
}

div#outer > div#middle > div#content h3
{    
    font-size: 1.8em;
    font-weight: bolder;
    color: #37c;
    margin-bottom:12px;
}
div#outer > div#middle > div#content h4
{    
    font-size: 1.2em;
    font-weight: bolder;
    color: #37c;
    margin-bottom:8px;
}

div#outer > div#middle > div#content p
{
    margin-bottom:10px;
}

div#outer > div#middle > div#content .highlight_blue
{
    color: #37c;
    font-size: 1.1em;
}

div#outer > div#middle > div#content a
{
    color: #ed5a9e;
}
/*
div#outer > div#middle > div#content a:hover
{
    background: #eee;
}
 styles for different form field widths */
div#outer > div#middle > div#content > div > table > tbody > tr > td#medium > input[type=text],input[type=password],input[type=textarea]
{
    width: 300px;
    margin-bottom: 5px;
    padding: 2px 2px 0px 4px;
}

/* style for red error / info text */
.warning
{
 color:#ff3333;
 font-weight:normal;
 margin-top: 8px;
 background: #f6f6f6;
 padding: 4px;
}   
.form
{
 padding:5px 3px 3px 3px;
}
.form Label
{
 width:110px;
 min-width:110px;
}
.form td
{
 padding:5px 3px 3px 3px;
}
.thumbs
{
    width: 700px;
    float: left;
    margin: 0;
}


.thumbs .thumb
{
    float: left;
    margin: 30px 10px 0 0;
    height: 150px;
}

.thumbs .thumb img
{
    float: left;
    margin: 0;
    border: solid 1px #ccc;
}

.thumbs .thumb span a
{
    color: #00aeef;
}

.thumbs .thumb ul
{
    list-style: none;
    margin: 7px 0 0 0;
    float: left;
    padding: 0;
    clear: left;
}

.thumbs .thumb ul li
{
    margin: 0;
    padding: 0;
}

.icon-wrapper
{
	background: transparent url(images/rgba-0-0-0-07.png) repeat;
	cursor: pointer;
	font-size: 1px;
	line-height: 1px;
	padding: 8px 10px;
}
.contentRight
{
    margin: 5px 0 5px 10px;
    float: right;
}

.contentRightMedium
{
    margin: 5px 0 5px 10px;
    float: right;
	width: 200px;
	/* border: solid 1px pink; */
}
.contentRightMedium img
{
    margin: 0 0 20px 0;
}
.contentRightMedium img.top
{
    margin: -20px 0 20px 0;
}
.contentRightMedium img.bottom
{
    margin: 0 0 350px 0;
}

.contentRightMedium .video
{
	position:relative;
	display:block;
	width:200px;
    margin: 0 0 20px 0;
 }
.play-wrapper
{
	background: transparent url(images/rgba-0-0-0-07.png) repeat;
	cursor: pointer;
	font-size: 1px;
	line-height: 1px;
	padding: 8px 10px;
	position: absolute;
}
 .contentRightMedium .video .play-wrapper
{
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 10;
}

.play-icon
{
	-webkit-user-select: none;
	background: transparent url(images/play-icon.png) no-repeat;
	cursor: pointer;
	display: block;
	font-size: 1px;
	height: 15px;
	width: 18px;
	line-height: 1px;
	opacity: 0.85;
	position:relative;
	overflow: hidden;
	text-indent: -5000px;
	z-index: 10;
}

.contentRightMedium .video .play-wrapper .play-icon
{
	margin: 0px;
}
a.hover .play-icon, a.focus .play-icon
{
	opacity: 1;
}

.alignTop
{
 vertical-align:top;
}

#boxes
{
    width: 580px;
    height: 166px;
    background: url(images/bg-boxes.png) no-repeat;
    padding: 8px 8px;
    float: left;
}

#boxes td
{
    vertical-align: top;
    padding: 0 10px 25px 0;
}
#boxes2
{
    position: relative;
    top: 5px;
    left: 0;
    float: left;
}
#boxes2-content
{
    width: 280px;
}
/*
#boxes2-left
{
    width: 13px;
    background: url(images/bg-boxes2-left.jpg) no-repeat top right;
}
#boxes2-right
{
    width: 8px;
    background: url(images/bg-boxes2-right.jpg) no-repeat top left;
}
*/
#grey-box
{
    width: 260px;
    background: #ffffff url(images/gradient-grey.gif) repeat-x left top;
    padding: 15px 6px 15px 15px;
    color: #3f3f3f;
    word-wrap: break-word;
}

#grey-box a
{
    /*background: url(images/bg-arrow3.png) no-repeat left center;*/
    padding: 5px 10px 0 15px;
    /*text-decoration:none;*/
}
/*#grey-box a:hover
{
    background: url(images/bg-arrow3.png) no-repeat left center;
}*/
#grey-box div
{
    margin-bottom: 5px;
}

#content
{
    padding-left: 8px;
    padding-right: 8px;
}

ul.normal
{
    padding-left: 15px;
    list-style: disc outside none;
    padding-top: 10px;
}
ul.normal li,ol.normal li
{
    padding-bottom: 10px;
}
ol.normal
{
    margin-left:15px;
    padding-left: 15px;
    padding-top: 10px;
}
ol.normal.alpha
{
    list-style-type: lower-alpha;
}

div.AspNet-FormView label
{
    display:inline;
	float:left;
	border:0px;
	padding: 1px 0 0 0;
    width:150px;
}
div.AspNet-FormView input[type=text],div.AspNet-FormView select
{
     width:300px;
     margin-bottom:6px;
}

div.AspNet-FormView textarea
{
     width:400px;
     margin-bottom:6px;
}
div.AspNet-GridView table
{
 width:100%;
}
div.AspNet-GridView td
{
     padding:4px;
}
tr.AspNet-GridView-Header th
{
  background-color:#e0e0e0;
  padding:4px;
  font-weight:bold;    
}
tr.AspNet-GridView-Normal
{
 background-color:White;
}
tr.AspNet-GridView-Alternate
{
 background-color:#efefef;
}

td.AspNet-DataList-Item
{
     padding-bottom:10px;
}

div.progress-container {
  border: 1px solid #ccc; 
  width: 200px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}

.MyCalendar .ajax__calendar_container {padding:8px;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica; background-color:#f3f3f3;}
.MyCalendar .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.MyCalendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.MyCalendar .ajax__calendar_container TABLE {padding:0px;margin:0px;font-size:11px;}
.MyCalendar .ajax__calendar_container TD {padding:0px;margin:0px;font-size:11px;}
.MyCalendar .ajax__calendar_header {height:20px;width:100%;}
.MyCalendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(arrow-left.gif);}
.MyCalendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(arrow-right.gif);}
.MyCalendar .ajax__calendar_title {cursor:pointer;font-weight:bold; margin-left:15px; margin-right:15px;}
.MyCalendar .ajax__calendar_footer {height:15px;}
.MyCalendar .ajax__calendar_today {cursor:pointer;padding-top:3px;}
.MyCalendar .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.MyCalendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.MyCalendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.MyCalendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.MyCalendar .ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.MyCalendar .ajax__calendar .ajax__calendar_footer {border-top:1px solid #666666;}
.MyCalendar .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.MyCalendar .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyCalendar .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.MyCalendar .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.cal_Theme1 .ajax__calendar_container   {background-color: #e2e2e2;border:solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_header  {background-color: #ffffff;margin-bottom: 4px;}
.cal_Theme1 .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev {color: #004080;padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body    {background-color: #e9e9e9;border: solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_dayname {text-align:center;font-weight:bold;margin-bottom: 4px;margin-top: 2px;}
.cal_Theme1 .ajax__calendar_day {text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,.cal_Theme1 .ajax__calendar_active  {color: #004080;font-weight: bold;background-color: #ffffff;}
.cal_Theme1 .ajax__calendar_today {font-weight:bold;}
.cal_Theme1 .ajax__calendar_other,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {color: #bbbbbb;}

.map
{
    float: left;
    margin: 15px 10px 30px 0;
}

.IckleDetailsView
{
    width:400px;
}
.IckleDetailsView div.AspNet-DetailsView-Header
{
    position:relative;
    background: #E9F5DA;
    font-weight: bold;
    text-align:center;
    color:#465239;
    text-transform:uppercase;
    padding:10px 0;
    font-size:1.2em;
}

.IckleDetailsView div.AspNet-DetailsView-Data
{
    margin:10px 0;
}

/* Each field defined for the DetailsView generates an individual list item (li) in the rendered HTML. */
/* Each li effectively is a row in a table (though no table tag is generated by the adapter). */
.IckleDetailsView div.AspNet-DetailsView-Data li
{
    padding: 3px 0 2px 4px;
    color: #333333;
    background-color: White;
    vertical-align: middle;
    border-top: solid 1px #E7E7E7;
    border-right: solid 1px #D2D2D2;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #E7E7E7;
    margin:2px 0;
    min-height:1.4em; /* ADDED for Firefox */
}

/* Every other field is marked as being "Alternate." */
/* This allows you to define an "alternating row" style (though the adapter doesn't actually generate an HTML table). */
.IckleDetailsView div.AspNet-DetailsView-Data li.AspNet-DetailsView-Alternate
{
    background: #f0f0f0; /* url(bg-fade-light-short.png) repeat-x bottom; */
}

/* This corresponds to the HeaderText attribute of an <asp:BoundField>. */
.IckleDetailsView span.AspNet-DetailsView-Name
{
    position:absolute;
    top: 3px;
    left: 0;
    color:#737373;
}

/* This corresponds to the DataField attribute of an <asp:BoundField>. */
.IckleDetailsView span.AspNet-DetailsView-Value
{
    margin-left: 8em; 
    font-weight: bold;
}

.IckleDetailsView .AspNet-DetailsView-Pagination
{
    color: #F7F6F3;
    background: #E9F5DA;
    font-weight: bold;
    text-align:center;
    color:#465239;
    text-transform:uppercase;
    padding:10px 0;
    width:100%;
    position:relative;
    clear:both;
}

.IckleDetailsView .AspNet-DetailsView-ActivePage
{
    padding:2px;
    color:#999;
    font-family:Verdana, Sans-Serif;
}

.IckleDetailsView .AspNet-DetailsView-OtherPage
{
    padding:2px;
}

.IckleDetailsView a.AspNet-DetailsView-OtherPage:link
{

}

.IckleDetailsView a.AspNet-DetailsView-OtherPage:visited
{

}

.IckleDetailsView a.AspNet-DetailsView-OtherPage:hover
{
    text-decoration:none;
    background:#FFF;
    color:#000;
}

table.gold
{
 border: solid 1px #CCC;
 margin: 5px 0 15px 0;
}

table.gold th
{
	background-color:#e0e0e0;
	padding:4px;
	font-weight:bold;  
}
table.gold td
{
	padding: 3px 0 3px 5px;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
}

div.lejog p
{
	 font-style:italic;
}
div.lejog h4
{
	margin-top: 20px;
}

/* ADMIN STYLES */

/*body.popup{background:#FFF;border:none}*/
.container{width:700px;margin:30px auto}
/*.content{background:#FFF}*/
.content_inner{position:relative;height:680px;}
.content_inner_hide{left:-10000px}

/*
#overlay{height:480px;width:680px; padding:0;margin:0 19px;position:absolute;top:30px;background:url(images/overlay.png) repeat 0 0}
#overlay.non_popup{top:0}
#overlay .close{background-image:url(images/close.png);position:absolute;right:-20px;top:30;cursor:pointer;height:24px;width:29px}
#overlay .close_left{background-image:url(images/close.gif);position:absolute;left:-19px;top:0;cursor:pointer;height:24px;width:27px}

*/
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('images/overlay.png') repeat fixed 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 720px;
    background: #FFF;
    padding:15px;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('images/overlay-ie6.png');
    height: 100%;
    position: absolute;
}
#overlay-panel .hide-overlay{background-image:url(images/close.png); float:right;height:36px;width:36px}

#overlay iframe{height:480px;width:730px;border:none}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
.accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
.accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* END ADMIN STYLES */

