@import "reset.css";
@import "typography.css";
@import "navigation.css";
@import "cms.css";
/*	
LEGEND:
	BODY/GENERAL
	HEADER/BRANDING    
	PRIMARY CONTENT
	SECONDARY CONTENT
	NAVIGATION.css
	FOOTER
	------------------------------------------------------ */
	
/*	=BODY/GENERAL
	------------------------------------------------------ */

body 
{
    background-color : #DDDDDD;
}
	
body#home {
    background-color : #60976A;
}
body#alternate
{
    background-color : #CEDB94;
}

h3 em {
  display:block;
  background : #FFF url(../images/em-background.gif) repeat-y 0 0;
}

dl {
    margin : .5em;
}
dl di {
    margin-bottom : 1em;
    display : block;
}
dl ul li {
    margin-left : 1.25em;
    list-style-type : disc;
}

div#FAQs h3 {
    
}

div#page {
    width : 917px;
    margin : 25px auto 0;
    position : relative;
    background-color : #FFFFFF;
    padding-bottom : 10px;
    
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:2px 2px 8px 1px #000;
	-webkit-box-shadow: 2px 2px 1px #000;
	
	/* IE
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=5, OffX=5, Color='#999999', positive='true'); */

}
body#home div#page {
    background-color : #FDFAF1;
}
div#page.full #secondary_content 
{
    display:none;
}

#branding, #header, #primary_content, #footer {
	
}


#volunteer_login {
    
    bottom : -22px;
    left : 12px;
    width : 106px;
    height : 18px;
    z-index : 5;
    position : absolute;
}

#home #volunteer_login,
#admin #volunteer_login {
    top : 8px;
    right : 15px;
    bottom : auto;
    left : auto;
}


span.clear {
    clear:both;
    height:1px;
    display:block;
}

a.partner_logo {
    position:absolute;
    top : 8px;
    z-index : 2;
}

a#cnl_logo.partner_logo{
    right : 0;
    width : 50px;
}
a#nnlp_logo.partner_logo{
    right : 55px;
    width : 65px;
}
a.partner_logo img {
    height : 50px;
}

#home a.partner_logo
{
    display : none;
}


/* the overlayed element */
.modal {
	display:none;
	z-index:10000;

	background-color:#fff;
	
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	
	
	/* CSS3 styling for latest browsers */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
#CMSEditor.modal {
    width : 650px;
}
#fireWatchLocationEdit.modal {
    width : 650px;
}
.modal .hint {
    color : #FFF;
    font-size : .6em;
    vertical-align : text-bottom;
    text-align : right;
    display : block;
}
.modal div.close {
    background-image:url(../images/close.png);
    cursor:pointer;
    height:35px;
    position:absolute;
    right:-18px;
    top:-18px;
    width:35px;
}

#admin {
    background : #60976A;
}
#admin #content {
    background : #FFF;
}
#admin #primary_navigation .activities {
    width: 119px;
}

li.break {
    margin-bottom : 10px;
}

/*	=HEADER/BRANDING
	------------------------------------------------------ */
#header {
    margin : 0 0 8px;
}
body#home #header {
    height : 154px;
}
body#home #branding{
    z-index : 1;
    position : absolute;
}
#branding,
#branding img
{
	margin : 0;
}

#content {
    position : relative;
    margin : 10px 10px 0;
    z-index : 3;
    background : transparent url(../images/content-bg.gif) repeat-y 0 0;
    width : 897px;
}
body#home #content,
div#page.full #content
{
    background-image : none;
}
/*	=PRIMARY CONTENT
	------------------------------------------------------ */
div#primary_content {
    width : 644px;
    margin-left : 249px;
    min-height : 500px;
}	

body#home div#primary_content {
    width : 594px;
    margin-left : 0;
}

div#page.full div#primary_content {
    width : 897px;
    margin-left : 0;
}
div#primary_content.video {
    min-height : 400px;
}

#interactive_map {
    position : relative;
    width:594px;
    height:795px;
    margin-top : 15px;
    background : transparent url(../images/irvine-map.jpg) no-repeat 0 0;
}

#home #site_search {
    position:relative;
    right : 0;
    top : 0;
}

#site_search {
    display:block;
    height:22px;
    margin : 5px;
    font-size : .75em; 
    position:absolute;   
    top : 12px;
    right : 8px;
}
#site_search label {
    display:block;
    height:22px;
    right : 185px;
    position:absolute;
    top:0;
}
#site_search input
{
    background : transparent;
    border : 0;
    top:3px;
    width : 150px;
    right : 24px;
    position:absolute;z-index : 50;
}
#site_search span {
    display:block;
    height:22px;
    width : 180px;
    position:absolute;
    right:0;
    top:0;
    background : transparent url(../images/search-bg-trans.png) no-repeat 0 0;
    z-index : 1;
}
#site_search .result {
    text-indent : 8px;
    padding-top : 1px;
    z-index : 100;
}
#site_search .attention {
    color : Red;
}

#site_search a
{
    display:block;
    height:22px;
    width : 22px;
    overflow : hidden;
    position:absolute;
    right:0;
    top:0;z-index : 50;
    text-indent : -999;
    background : transparent url(../images/search-button-trans.png) no-repeat 0 0;
}

#interactive_map #map_detail {
    background : transparent url(../images/interactive-map-detail-bg-trans.png) no-repeat bottom right;
    padding : 5px 15px 25px 10px;
    min-height : 300px;
    width : 185px;
    position : absolute;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

#interactive_map #map_detail h3 {
    margin-bottom : 4px;
}
#interactive_map #map_detail p,
#interactive_map #map_detail ul {
    margin : .5em 1em .5em 0;   
}
#interactive_map #map_detail li {
    list-style-type : disc;
    list-style-position : inherit;
    margin-left : 15px;
}

#interactive_map #map_detail div img {
    width : 23px;
}

.deck,
.deck .slide
{
	margin:0 auto;
	width:275px;
	height: 40px;
}
.deck .slide {    
	border-top : 1px solid #976B55;/*#b18f7d;*/
}

.deck .slide a {
    padding : 0 5px;
}
.deck .slide a img {
    /*width : 24px; height : 24px;*/
    border : 0;
}

#pages {position:relative;top:0px;right:0;margin:0 0 10px 0; width:100%;z-index : 100; background : #8E8E8E;}
#pages, #pages ul, #pages label { float : left;list-style : none;margin : 0;padding : 0; }
#pages li { cursor : pointer; float : left; margin : 0; position : relative;  width:30px; text-align : center;}
#pages span { line-height : 19px; display : block; width:32px; text-align : center; vertical-align : middle; }    
#pages label { color:#ffe;padding : 0 13px; }
#pages span:hover{background:#ffe; color:#f60;}
#pages .selected span{background:#ffe;}


.MonthPicker { position : relative; z-index : 999; margin:10px 0 0; padding:0; font:bold; color:#ffe; background-image:url(../images/monthpicker-bg.gif);}
.MonthPicker {-moz-user-select:none; user-select:none;}
.MonthPicker th { padding : 0 10px; }
.MonthPicker th, .MonthPicker td{vertical-align:top;}
.MonthPicker a{text-decoration:none; color:#333;}
.MonthPicker a:hover{background:#ffe;}
.MonthPicker a:hover span{background:#ffe; color:#b10;}
.MonthPicker a.li{position:relative;}
.MonthPicker ul{font-size : 1em;list-style:none; margin:0; padding:0;}
.MonthPicker ul table{width:100%; border-collapse:collapse;}
.MonthPicker ul ul{font-size : 1em;position:absolute; visibility:hidden; left:-1px; top:20px; z-index:2; border:1px solid #999;}
.MonthPicker ul ul .selected{background:#B2B1B1; color:#b10;}
.MonthPicker li{position:relative; width:60px; float:left; text-align:center;}
.MonthPicker li a{display:block;}
.MonthPicker .li:hover ul{background:#ffe; visibility:visible;}
.MonthPicker .li:hover li a:hover{background:#09f; color:#ffe;}
.MonthPicker span{display:inline-block; width:58px; padding:1px; line-height:19px; text-align:center; cursor:pointer;}
.MonthPicker .month span{width:30px;}
.MonthPicker .selected{background:#ffe;}
/* print style */
@media print{
.MonthPicker span{display:none;}
.MonthPicker .selected{display:block;}
}

.ItemList {
    margin : 20px 0;
    width : 100%;
}

.ItemList th {
    background : #DDDDDD;
    font-weight : bold;
}
.ItemList th a {
    display : block; 
}
.ItemList th.sort {
     background : #891345;
}
.ItemList th.sort a {
    color : #FFF;
}
.ItemList th,
.ItemList td
{
    padding : 4px 2px;
}
.ItemList a {
    color : #891345;
}

.ItemList .even, .ItemList .even td {
    background : #EFEFEF;
}

#activityList td.Type
{
    width : 30px;
    overflow : hidden;
}
.ItemList td.Date,
#activityList td.Flags {
    width : 50px;
    overflow : hidden;
}
#activityList td.StagingArea {
    width : 135px;
}
.ItemList td.Date,
#activityList td.Type,
#activityList td.Flags,
#activityList td.DifficultyLevel,
#activityList td.LedBy
{
    text-align : center;
}
#activityList td.Type,
#activityList td.Flags,
#activityList td.LedBy
{
    vertical-align : middle;
}
#activityDetail {
    margin-top : 20px;
    width : 450px;
}
#activityDetail .LedByIcon
{
    float : right;
}

#activityDetail table {
    clear : right;
}
#activityDetail td,
#participantTable td {
    padding : 2px 16px 2px 0;
}

#activityDetail td.data {
    font-weight:bold;
}

#activityDetail label
{
    font-weight : bold;
}

#filters ul li label { display:inline;float:none;}
#filters ul li a img { vertical-align : text-bottom; }


.slideshow {
    font-weight : bold;
    margin : 0 0 10px;    
}
#home #slideshow {
    
    width : 917px!important;
    height : 154px!important;
}
#home .slideshow .slide {
    
}

.slideshow .slide {
    width : 644px;
    min-height : 195px;
}

.slideshow #markers {
    background : #E2C577 url(../images/slideshow-bg.gif) repeat-x 0 0;
    height : 23px;
    position : relative;
}
.slideshow #markers .caption {
    position : absolute;
    line-height : 22px;
    font-size : .75em;
    top : 0;
    right : 10px;
}

#markers ul {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#markers ul li {
    float:left;
    margin:2px 3px;
    position:relative;
    text-align:center;
    width:18px;
}
#markers ul li a {
    color : #FFF;
    display : block;
    background : transparent url(../images/slideshow-marker-button.gif) no-repeat 0 0; 
    line-height : 1.5em;
    text-decoration : none;   
}

#markers ul li a.activeSlide,
#markers ul li a:hover {
    background : transparent url(../images/slideshow-marker-button_on.gif) no-repeat 0 0; 
}

#video {
    padding : 0;
    width : 644px;
    height : 420px;
    position : relative;
}

.flash_fail {
    background-color:#EFEFEF;
    border:1px outset #CCCCCC;    
    padding:10px;
    width:400px;
    margin : 0 auto;
    position : absolute;
    top : 100px;
    right : 110px;
}

.flash_fail img {
    float:left;
    margin-right:10px;
}
#volunteerDetail 
{
    width : 650px;
}
#volunteerDetail input.HoursWorked 
{
    width : 40px;
}

/* = templates
----------------------------------- */
body#home div#primary_content div.cms_content_region
{
    background : #E9DED4;
    padding : 5px 10px;
}
body#home div#primary_content div.cms_content_region p
{
    margin-bottom : .5em;
}

div.quote
{
   padding : 20px 45px;
   margin : 10px 0;
}
div#top_quote {
   border-bottom : 1px solid #966850;
}

div#bottom_quote {
   border-top : 1px solid #966850; 
}

div.image_band,
div.image_band .cms_image_region,
div.image_band img {
    float : left;
}
div.image_band #cms_image_region_image_band1 {
    margin-right : 14px;
}

.right_images  {
    float : right;
    margin-left : 10px;
}
.right_images img {
    min-width : 100px;
    float : right;
    font-size: 0.65em;
}
.right_images label {
    display : block;
    font-size: 0.65em;
}
.right_images .cms_image_region { 
    margin-bottom : 10px;
    clear:right;
}

#volunteerSignUp {
    margin-left : -5px;
    margin-top:10px;    
    padding : 8px 5px;
   /* background : #FFF url(../images/em-background.gif) repeat-y 0 0;*/
}
#volunteerSignUp p
{
    /* font-weight : bold; */
}


/*	=SECONDARY CONTENT
	------------------------------------------------------ */
div#secondary_content {
    position : absolute;
    left : 0;
    top : 0;
    bottom : 0;
    z-index : 98;
    width : 240px;
}	

body#home div#secondary_content {
    /*left : auto;
    right : 0;*/
    position : relative;
    float:right;
    width : 287px;
}
body#home div#secondary_content #news
{
    height : 216px;min-height : 216px;padding : 8px 4px 8px 8px;background : #E9DED4;
}
body#home div#secondary_content #news .cms_content
{
    height : 216px;overflow:hidden;min-height : 216px;
}
div#secondary_content div.box {
    border : 1px solid #976B55; /*#b18f7d;*/
    margin-bottom : 15px;
}
div#secondary_content div.box .actions
{
    margin : 0 5px 5px;
}
#partnerList {
    margin-bottom : 15px;
}
#partnerList * {
    display : inline;    
}
#partnerList img { float:left; }
#partnerList li { 
    display: inline-block;
    width : 200px;
    height : 50px;
    margin : 2px;
}
#partnerList li .Actions a {
    
    display : block;
}
#partnerList li .Actions {
    background-color : #DDD;
}
#partnerList div img,
#partnerList div {
    max-height : 50px;
}
#partnerList div { margin : 5px 3px 5px 5px; float:left; height : 50px}


div#secondary_content .extra {
    margin : 10px auto;
    display : block;
}

#irnlSubNav
{
    width:239px;
    margin : 20px auto;
}
#irnlSubNav li {
    text-align:center;padding: 5px 0 0;background : transparent url(../images/graphic-nav-top-bg.gif) no-repeat 0 0;
}
#irnlSubNav li a,
#irnlSubNav li a img
{
    border:0;
    text-decoration : none;
}
#irnlSubNav li a {
    display:block;padding: 0px 0px 8px;background : transparent url(/assets/images/graphic-nav-bottom-bg.gif) no-repeat left bottom;
}
#irnlSubNav li a span {
    background-color : #999999;margin : 0 7px;display:block;padding-left : 12px;    
    text-align : left;font-weight:bold;font-size : .85em;line-height:2.25em;
}
#irnlSubNav li.selected a span {
    background-color : #60976A;
    color : #FFF;
}
#irnlSubNav li.box { margin-top:10px; }
#irnlSubNav li.box a span {
    background-color : #F8F2E4;
    text-align : center; font-size : 1em; line-height:1.25em; font-weight:normal;
    padding : 12px 18px;
}
#irnlSubNav li.box a span img {
    margin : 12px 4px 0;
}

#irnl-logos {
    position : absolute;
    bottom : 0;
    left : 0;
    width : 240px;
    text-align : center;
}

/*	=FOOTER
	------------------------------------------------------ */
#footer {
	width : 917px;
    margin : 20px auto;
    position : relative;
    padding-top : 10px;
    padding-bottom : 10px;
}
#home #footer {
    margin-top : 8px;
    padding-top : 0px;
}
#home #footer ul {
    /*margin:0 auto !important;*/
    /*width:700px;*/
    width:915px;
}
#footer a {
    padding:0; 
    text-decoration:none;
}
#footer ul {
    display : table; /* fixes FF bug for whitespace rendering between li elements. IE does not recognize this declaration. */    
}
#footer ul,
#footer ul li {
    margin : 0;
}
#footer ul li {
    display:inline;
    border-right : 1px solid #000;
    padding:0 8px;
}
#footer ul.extra {
    margin-bottom : 15px;
}

#home #footer ul li {
    border-right-color : #FFF;
}
#footer ul li.last {
    border : none;
}
#footer ul li.rights {
    padding-left : 4px;
}
#footer #info_navigation #info_navigation_irvine_parks
{
    margin-top : 10px;
}

/* CMS Controls */
.cms_image_region {
    position:relative;
}
.cms_image_region .region_menu {
    position : absolute;
    top:0;
    z-index:5;
}
.cms_image_region img {
    min-height : 45px;
}
.cms_content_region input,
.cms_content_region textarea
{
    width : 100%;
    border:0;
    background:transparent;
}



/* ------------------------ Page Specific ----------------------*/

#RoleSpaces,
#ActivitySpaces
{
    display : block;
    clear : left;
    background-color : #DDD;
    padding : 8px;
}
#RoleSpaces .role {
    display : block;
}
label.SpaceName
{
    width : auto;
    font-weight : bold;
}
.space-counts
{
	float:left;
}
.space-counts label,
.space-counts input {
    margin-right : 10px;
    font-weight : normal;
}

.space-counts label
{
    width : 50px;
}
.space-counts input {
    width:30px;
}


/* Volunteer Update Form */
#volunteerEditContainer_Clone
{
    background-color: #EFEFFB;
}

#volunteerEditContainer_Clone #volunteerEditTable
{
    font-size : .85em;
}

#gridRoleList
{
    font-size : .85em;
}

.volunteerEditContainer #volunteerEditTable
{
	float: left;
}

.volunteerEditContainer #volunteerEditTable.td_top_right
{
    text-align: right;
	vertical-align: top;
}

.volunteerEditContainer ul
{
	float: left;
	text-align: left;
	margin-left: 10px;
}

.volunteerEditContainer #buttonDiv
{
	width: 100%;
	margin: 0 auto;
}

/* End Volunteer User Management */

/* Activity Admin */

.activity_data_table
{
	margin: 3px;
}

/* End Activity Admin

/* News Release Admin */
#newsReleaseTable {
    margin : 20px 0;
}

#newsReleaseTable th 
{
	padding: 0 5px;
    background : #DDDDDD;
}

#newsReleaseTable td
{
	text-align: center;
}

.newsReleaseTitleText
{
	width: 200px;
}

.newsReleasePdfUpload
{
	width: 300px;
}

/* End News Release Admin */

/* Fire Watch Admin */

/* End Fire Watch Admin */

/* -------------------- End Page Specific -------------------*/

/* ------------------------------ Misc -------------------------------*/

#msg_head
{
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color: #EAECED;
    margin: 1px;
}
#msg_body
{
    padding: 5px 10px;
    border: 1px solid Black;
    position: relative;
    margin: 1px;
}

.active,
.active td
{
	background: #ff6!important;
}

/* For .gridView use ItemList */

#volunteerHoursEditor
{
	width: auto;
}

#administration {
    position:absolute;
    right:0;
    top:30px;
}

.fieldset-border-legend
{
	border: 1px solid #000;
	-moz-border-radius: 8px;
	border-radius: px;
}

.fieldset-border-legend legend
{
	display: block;
	margin-left: 15px;
}

fieldset li.long input
{
    width : 300px;
}

fieldset li .ui-important 
{
    float : left;
    margin-left : 10px;
    width : 510px;
}
fieldset li .ui-important span 
{
    display : block;
}
.wideTextBox
{
	width: 300px;
}

.wideLabel
{
	width: 350px;
}

th.header { 
    background-image: url(../images/bg.gif);     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right;
    padding-right: 20px;
} 

th.headerSortDown { 
    background-image: url(../images/desc.gif); 
    background-color: #b6b6b6; 
}

th.headerSortUp { 
    background-image: url(../images/asc.gif); 
    background-color: #b6b6b6; 
}


#ctl00_cphContent_ActivityReport_ReportArea_WaitControl,
#ctl00_cphContent_ReportViewer_ReportArea_WaitControl,
#ctl00_cphContent_ReportViewer1_ReportArea_WaitControl
{
    position : absolute;
    top : 50px;
    left : 0;
}
/* --------------------------- End Misc ----------------------------*/

#activityTotalHours p
{
    position: relative;
    top: 5px;
    left: 20px;
}

#activityStartDate p
{
    position: relative;
    top: 5px;
    left: 20px;
}