body {  font: .8em/1em Verdana, Arial, Sans; }

ol, ul {
	list-style: none; background: none; margin: 0px; padding: 0px;
}
ol li, ul li {
	background:none; margin: 0px; padding: 0px;
}

h1, h2, h3, h4, h5 { 
	text-align: left; font-weight: bolder; font-family: "Arial Black", "Helvetica Black", Helvetica, Arial, Sans; 
	line-height: 1em; text-transform: capitalize;}
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em;}
h3 { font-size: 1.25em;}
h4 { font-size: 1em;}

.error
 { color:red;}
td.center { text-align: center; }

#page { width: 980px; margin: 0px auto 20px auto; padding: 0px 0px 20px 0px; }
#logo { position: absolute; }
#logo h1 { font-size: 2em; line-height: 1em;  }
#logo h1 a { color: black; text-decoration: none;  }
#logo h1 a:hover { text-decoration: underline;  }
ul.icons li { cursor: pointer; float: right; list-style: none; margin: 2px; padding: 4px 0px; position: relative; width: 20px; }
ul.icons span.ui-icon { float: right; margin: 0px 4px; }
.break { clear: both;}
div.spinner { text-align: center; margin: 0px auto; }
.datepicker { position: absolute; z-index: 99999;}
/* Nav */

#nav { padding: 0px 0px 20px 0px; height: 80px; position: relative; }
#main_nav_list { text-align: center; margin: 0px auto 6px auto; position: absolute; bottom: 0px; }
#main_nav_list li { display: inline; background-color: #dfdfdf; position: relative;
	padding: 10px 3px 0px 3px; margin: 5px 5px -10px 5px;
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px;  -webkit-border-top-right-radius: 5px; 
	font-family: "Arial Black", "Helvetica Black", Helvetica, Arial, Sans;  }
#main_nav_list li.selected {  background-color: white;   border-bottom: 0px none; position: relative; top: 2px; z-index: 100;}
#main_nav_list li a { text-decoration: none;  color: #666;  position:relative; top: -3px;  }
#main_nav_list li .spacer { padding: 10px 10px 0px 10px; margin: 0px 0px 0px 0px;}
li#agent { display:none;}
body.logged-in #main_nav_list li { display:none; }
body.logged-in #main_nav_list li#home { display:inline; }
body.logged-in.Employer #main_nav_list li#employer { display:inline; }
body.logged-in.Candidate #main_nav_list li#candidate { display:inline; }
body.logged-in.Administrator #main_nav_list li#administration { display:inline; }
body.logged-in.Recruiter #main_nav_list li#recruiter { display:inline; }
body.logged-in.Participant #main_nav_list li#participant { display:inline; }
body.logged-in.Agent #main_nav_list li#agent { display:inline; }
li#support { display:none; }
#page.subtree_level_1_node_id_96 #main_nav_list #agent { display:inline; }

#page .page_masthead { width: 900px; height: 300px; 
	-moz-border-radius-bottomLeft: 10px; -webkit-border-bottom-left-radius: 10px; 
	-moz-border-radius-bottomRight: 10px;  -webkit-border-bottom-right-radius: 10px;}
#homepage #page .page_masthead { height: 500px; }
#homepage #page .content-view-full .class-page h1 { display:none;  }
#homepage .content-view-full .class-page p { display:none; }
/* form */

form#editform  { }
form#editform .labelbreak { }
form fieldset { border: 0px none; clear:both; margin: 20px 0px; }
form#editform .attribute-header h1 { text-align: center; font-weight: bolder; font-size: 2em; padding: 10px;  }
form#editform .block { clear: both; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%;  }

form#dontuse .block label { display:inline;  width: 250px; text-align: right; position: absolute;
	                font-size: .7em; font-family: Tahoma, Verdana, Sans;  color: #666; text-transform: uppercase; 
	                 padding-top: 7px;}
form .block .labelbreak { clear: both; margin: 10px; padding: 0px;    }
form#dontuse .block .control {  padding-left: 260px; border: 1px solid white;  }

form#editform input[type="text"] { font-size: 1.25em;  border: 0px none; background-color: #dfdfdf; vertical-align: middle; margin-bottom: 0.25em;}
form#editform .panel input[type="text"] { background-color: white; }
form#editform input[type="password"] { font-size: 1.25em;  border: 0px none; background-color: #dfdfdf; vertical-align: middle; margin-bottom: 0.25em;}
form .block  textarea { font-size: 1.25em;  border: 0px none; background-color: #dfdfdf; width: 800px;}
form .block  textarea.narrow { font-size: 1.25em;  border: 0px none; background-color: #dfdfdf; width: 350px;}
input.ezcca-camp_arrival_city_state { width: 350px; border: 1px solid orange; }
form#editform .wide-block  { clear:both; margin: 0px auto; width: 850px;  }
form#editform .wide-block label { float: left; width: 200px; text-align: right; position: absolute;
	                font-size: .7em; font-family: Tahoma, Verdana, Sans;  color: #666; text-transform: uppercase; 
	                margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }
form#editform .wide-block .wide-block-design { padding-left: 210px;  }

form .date-block { display:inline;  }
form .date-block .date { display:inline;}
form .date-block .element { display:inline; line-height: 8px; }
form .date-block .element b {font-weight: normal; font-size: 8px; text-transform: uppercase; line-height: 8px; margin-top: -2px;}

form .date-block input[type="text"] { text-align: center; }
form .date-block .element label { display:none; }
form .date-block .element.day input { width: 2em;  }
form .date-block .element.month input { width: 2em;  }
form .date-block .element.year input { width: 3em;  }
.yui-calendar .calnavright, .yui-calendar .calnavleft, .yui-calcontainer .link-close { text-indent: -10000px;}
form .block .date .element.inline-datepicker { padding-right: 0px; width: 24px; height: 28px; }
form .buttonblock { padding: 20px 0px;}
fieldset.panel hr { color: white; margin: 20px; background-color:white; height: 2px;  }
form .staffingneeds input { width: 100px; text-align: center; }

form .buttonblock { text-align: center; margin: 0px auto; position:relative; top: 30px; 
				    border-top: 1px solid #ccc; margin-top: 20px; z-index: 10; height: 2.5em;}
form .buttonblock .leftbutton { position: absolute; left: 0px; text-align: left; z-index: 10;}
form .buttonblock .leftbutton input { color: red;}
form .buttonblock .rightbutton { position: absolute; right: 0px; text-align: right; z-index: 10;}
form .block input[value='Disable editor'] { display:none; }


form.advanced_form .block { clear: both;  padding-bottom: 10px; }
form.advanced_form .addressblock {clear:both; display: block; border-bottom: 1px solid #ccc; margin: 10px auto 20px auto;}
form.advanced_form .addressblock .container { }
form.advanced_form .block span { display: block; float: left; }
form.advanced_form .block span.spacer { width: 50px; height: 50px;  }

form.advanced_form .block span label { display:block;  text-align: left; font-size: .7em; font-family: Tahoma, Verdana, Sans;  color: #666; text-transform: uppercase; }
form.advanced_form .block span label.error  { color:red; }
form.advanced_form .block span label.top_label { padding-bottom: 0px; margin-bottom: 0px; }

form.advanced_form .block span.radio label { display:inline;   }
form.advanced_form .keywords .suggestions { }
form.advanced_form .keywords .suggestions span { background-color: #aaa; margin: 3px 5px; padding: 1px 3px; font-size: 10px; text-transform: uppercase;}
form.advanced_form .keywords .suggestions span:hover { background-color: white; }
form.advanced_form .ezimage { background-color: white; border: 1px solid #ccc; }

/* TOOLBARS */

div#toolbar-top
{ 
	position: absolute;
	right: 0px; 
    padding: 13px 0 0 8px;
    text-align: right;
	z-index: 9999;
}

div#toolbar-top
{ 
    text-align: right;
}

div#toolbar-top ul
{
    float: right;
}

div#toolbar-bottom
{ 
    margin-top: 8px;
    text-align: center;
}

div#toolbar-bottom ul
{
    padding: 0.5em 0 0.5em 0;
}

div#toolbar-bottom li.toolbar-item a
{
    font-weight: bold;
}

div#toolbar-top li.toolbar-item, div#toolbar-bottom li.toolbar-item
{
    border-right: 1px solid;
    display: inline;
    margin: 0;
    padding: 0 10px 0 6px;
}

div#toolbar-top div.search-line, div#toolbar-bottom div.search-line
{
    display: inline;
    vertical-align: middle;
}

div#toolbar-top div.label, div#toolbar-bottom div.label
{
    display: inline;
    text-align: left;
}

div#toolbar-top div.search-line form, div#toolbar-bottom div.search-line form
{
    display: inline;
}

div#toolbar-top div.search-line div.optionblock input,
div#toolbar-top div.search-line div.optionblock label,
div#toolbar-right div.search-full div.optionblock input,
div#toolbar-right div.search-full div.optionblock label
{ 
    display: inline;
}

div#toolbar-top input.searchinput, div#toolbar-bottom input.searchinput
{
    height: 1.6em;
    width: 7em;
}

div#toolbar-top li.toolbar-item a, div#toolbar-bottom li.toolbar-item a
{ 
    text-decoration: none;
}

div#toolbar-top li.first, div#toolbar-bottom li.first
{
    display: inline;
}

div#toolbar-top li.last, div#toolbar-bottom li.last
{
    border-right: none;
    display: inline;
}
#toolbar-top .toolbar-design { height: 30px; font: 10px/1em Tahoma, Verdana, Sans; }
.toolbar-design .search-line input { border: 0px none; background-color: #dfdfdf; }

p.breadcrumbs {
	font-family: "Helvetica Narrow", Tahoma, "Arial Narrow", Sans ;
	padding: 20px 0 20px 0;
	font-size: 9px;
	text-transform: uppercase; color: #666;  }
p.breadcrumbs a { text-decoration: none; color: #666; }
p.breadcrumbs a:hover { text-decoration: underline; }
		
.sidemenu .content-view-full { padding-left: 20px; }		
.sidemenu h4 { text-transform: capitalize;}	
table.prettyTable
	{width:90%;margin:0px auto 10px auto;padding:0px 0px 0px 0px;white-space:nowrap;background-color:white; }
table.prettyTable tr.odd
	{background-color:#efefef;padding:0px;margin:0px;}
table.prettyTable tr th
	{margin:0px;padding:2px 5px;font-size:9px;border:0px none;background:none;color:#bbb;text-align:left; text-transform: uppercase;}
table.prettyTable tr td
	{border-right:1px solid #dfdfdf;margin:0px;padding:4px 3px;font-size:100%;text-align:left; white-space: normal;}
table.prettyTable tr td.first
	{padding:0px 0px 0px 3px;margin:0px; }
table.prettyTable tr td.last, table.prettyTable tr th.last
	{border:0px none;padding:0px 0px 0px 3px margin:0px;text-align:right;}
table.prettyTable tr.conflict td.first { border: 1px solid red; }
table.prettyTable tr td.conflict { color: red; border: 1px solid red; }
table.prettyTable tr td.conflict a { color: red; }
table.prettyTable .recommendations { border: 2px solid red;}
table.memberApproval tr td.first, table.memberApproval tr td.last { text-align: center; }
table.prettyTable tr td ul li { padding: 3px 0px 3px 0px;}



/* TabbedPanels */

#tabbed_panels { border: 1px solid #666; background-color: #dfdfdf; margin: 20px 0px; position: relative;}
#tabbed_panels #tabbed_panels_tabbar { position: relative; top: -5px;  }
#tabbed_panels #tabbed_panels_tabbar ul.tabs { text-align: center;  text-align: center; margin: 0px auto;}

#tabbed_panels #tabbed_panels_tabbar ul.tabs li.tab { border: 1px solid #666; border-left: 0px none; 
		text-align: center; display:inline;  padding: 5px 5px 5px 5px; margin: 5px 0px -10px 0px; 
	 background-color: white;  cursor:pointer; 
	filter:shadow(color:gray);
	background: -webkit-gradient( linear, 0 50%, 0 100%, from(white), to(lightblue) ); 
	background: -moz-linear-gradient( top, white, white, lightblue );
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);   -moz-box-shadow: black 1px 1px 1px;
	
	}
#tabbed_panels #tabbed_panels_tabbar ul.tabs li.active {
	background-color: #666; color: white; 
	background: -webkit-gradient( linear, 0 50%, 0 100%, from(lightblue), to(darkblue) ); 
	background: -moz-linear-gradient( top, white, lightblue, darkblue );
}
#tabbed_panels #tabbed_panels_tabbar ul.tabs li.tab a { color: #666; text-decoration: none; }
#tabbed_panels #tabbed_panels_tabbar ul.tabs li.active a { color: white; }
#tabbed_panels #tabbed_panels_tabbar ul.tabs li.first { border-left: 1px solid #666; 
	-moz-border-radius-topleft 5px; -webkit-border-top-left-radius: 5px; 
	-moz-border-radius-bottomleft 5px; -webkit-border-bottom-left-radius: 5px; 
	padding-left: 10px; }
#tabbed_panels #tabbed_panels_tabbar ul.tabs li.last { border-right: 1px solid #666; 
	-moz-border-radius-topRight 5px; -webkit-border-top-right-radius: 5px; 
	-moz-border-radius-bottomRight 5px; -webkit-border-bottom-right-radius: 5px; 
	padding-right: 10px; }
#tabbed_panels #tabbed_panels_tabbar ul li .spacer { }
#tabbed_panels #fieldsets { margin-top: 10px;  }
#tabbed_panels #fieldsets fieldset { padding-top: 20px;  }

#tabbed_panels #fieldsets legend { font-size: 2em; line-height: 2.5em; font-weight: bolder; text-align: center;}
#tabbed_panels #fieldsets fieldset  input, #tabbed_panels .fieldsets fieldset  textarea { background-color: white; }


#footer {}
#footer-design { border-top: 1px solid #dfdfdf;}
#footer-design ul {}
#footer-design ul li { text-transform: lowercase; display:inline;}
#footer-design ul li a { text-decoration: none; color: #666;}
#footer-design ul li a:hover { text-decoration: underline; }

#footer-design .copyright { font-size: .7em; color: #666;}
#salary_price, #housing_cost_price, #ezcoa-386_hours, #offered_housing_deposit_price, #transportation_cost_price, #distance input 
	{ width: 100px; text-align: center; }
.wide-block p.room_share_para { text-align: center; font-size: 12px;}
#room_share input { width: 25px; text-align: center; }


#overlay {
	background-color:#000;
	left:0;
	opacity:.5;
	filter:alpha(opacity=50);
	position:absolute;
	top:0;
	z-index:100;
	width:0;
	height:0; }

#modal {
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:125;
	opacity:1;
	padding: 30px; }
	#modal p.close { text-align:right; }
	#modal p.close a{ }
#modal .content-view-full { text-align: left;}
#ui-datepicker-div { z-index: 130;}

.landing-page { margin: 0px 0px 0px 10px; }
.landing-page .content-view-list { border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 0px 10px 0px; }
.landing-page .content-view-list #myCamps { padding: 10px; }
.landing-page h2 { text-align: center; padding: 10px 0px;}
.landing-page .content-action {  border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 0px 10px 0px; padding: 0px 10px; }

.candidate-link { }
.candidate-link textarea { width: 90%; height: 100px; margin: 0px auto;  }
.content-view-full .camp-job h3 { padding-top: 20px; }

.container { padding: 20px; }
.yui-calcontainer { z-index: 9999;}

.content-view-full #rightcolumn-position{ position: absolute; right: 0px; width: 200px;  }





.content-view-full .camp-job { margin: 10px; padding: 10px; border: 1px solid #dfdfdf; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px;}
.content-view-full .camp-job h1 { border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; margin-bottom: 10px; }

.content-view-full .click-to-apply { position: relative;   }
.content-view-full .click-to-apply a { padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; background: orange; position: absolute; right: 0px; color: white; text-decoration: none;  }
.content-view-full .click-to-apply a:hover { text-decoration: underline ;}
.content-view-search {  text-align: center; }
.content-view-search .search-top {  padding: 10px; }
.content-view-search .search-results {  padding: 10px; text-align: left; }
.content-view-search .search-results .content-view-line {  padding: 10px; }
.content-view-search .search-results .content-view-line h3 a {  }
.content-view-search .search-results .content-view-line p { color: #666; font-size: .9em; line-height: 1em; padding: 0px; margin: 0px; }
.content-view-search .tag-cloud-container { padding: 10px; }
.content-view-search .tag-cloud-container h3 { text-align: center; }
.content-view-search .tag-cloud-container .tag-cloud { padding: 10px; text-align: center; }
.content-view-search .tag-cloud-container .tag-cloud p { line-height: 2em; text-align: justify; }

.attribute-attached-files { padding: 20px; margin-top: 20px; }
.attribute-attached-files p {font-size: .7em; color: #ccc; }
.attribute-attached-files div { padding-top: 10px; }


#page.section_id_11 #sidemenu-position { display: none; }
#page.section_id_11 #columns { padding: 0px;}
#page.section_id_11 #columns .column { width: 45%;  }

#page.section_id_11 #columns #recent_jobs { float: left;  }
#page.section_id_11 #columns #recent_candidates { float: right;  }
#recent_candidates .content-view-line { padding: 5px 0px; }
#recent_jobs .content-view-line { background-color: white; padding: 10px; color: #666; border: 1px solid #ccc; margin: 10px 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#recent_jobs .content-view-line .attribute-recommendations  { padding: 10px;  background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#recent_jobs .content-view-line .attribute-recommendations .content-view-line { padding: 2px 0px; border: 1px solid white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }


#recent_jobs .content-view-line .attribute-recommendations h3 { color:#666; text-transform: uppercase; font-size: .9em; }

/* agent filter form */
#dashboard-agent fieldset { border: 0px none;  }
#job_list_filter {  }
.list-filter #filter_this_list { width: 360px; border: 1px solid #ccc; font-size: 14px; margin: 0px auto; text-align: center; }
.list-filter .block { text-align: center; position: relative; }
.list-filter .block .clear-search { text-align: center; position: relative; position: absolute; right: 16px; top: 0px; width: 16px; height: 16px; }

.content-view-line .class-camp { padding: 5px; }
.content-view-line .content-view-line .class-camp { padding: 0px; }

.content-view-full .camp-job .content-view-line .class-camp { width: 260px; float: right; border: 1px solid #aaa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

 .addresses { width: 260px; background-color: #dfdfdf; margin: 0px auto;  }
 .addresses .summer_location { width: 110px; float: left;   background-color: white; border: 1px solid #ccc; margin: 5px; padding: 5px; }
 .addresses .winter_location { width: 110px; float: left;   background-color: white; border: 1px solid #ccc; margin: 5px 0px 0px 0px; padding: 5px;}
 .content-view-line .addresses ul.address li { font-size: .8em; line-height: 1em;}
 .content-view-full .addresses ul.address li { font-size: 1em; line-height: 1.15em;}
 .addresses ul.address li b { font-size: .8em; text-transform: uppercase; color: #535353; font-weight: bolder; }
#footer-design ul li#footernav_agent { display:none; }
#page.subtree_level_1_node_id_96 #footer-design ul li#footernav_agent { display:inline; }
body#Agent #footer-design ul li#footernav_agent { display:inline; }




/* Counselor Candidate */

.candidate-actions .button-holder { display:block; height: 2em; margin: 1em auto;  }
.candidate-actions .modal-link { position: relative; padding: 0.4em 1em 0.4em 20px; text-decoration: none;  margin-bottom: 1.5em; }
.candidate-actions .modal-link span { left: 0.2em; margin: -8px 5px 0px 0px; margin-top: -8px; margin-top: -8px; position: absolute; top: 50%; zoom: 1;}
.candidate-actions * { outline: 0px !important; }
.content-view-line .class-counselor-candidate 
  {  border: 1px solid #ccc; position: relative; z-index: 50;}
#recent_jobs .content-view-line .class-counselor-candidate { border: 0px none; }
.content-view-line .class-counselor-candidate .candidate-header h2 
  { background: transparent url(/share/icons/crystal/16x16/apps/personal.png) 3px 3px no-repeat; 
	padding-left: 23px; font-size: 16px; line-height: 25px;  }
.content-view-line .class-counselor-candidate .icons { }
.content-view-line .class-counselor-candidate .candidate-info a.full-view
  {  background: transparent url(/share/icons/crystal/16x16/actions/identity.png) center right no-repeat;  
	 width: 16px; height: 16px; position: absolute; right: 30px; top: 0px;cursor: pointer;  text-indent: -9999px; z-index: 99;}
.content-view-line .class-counselor-candidate .candidate-info  {  }
.content-view-line .class-counselor-candidate .candidate-info .attribute-abstract { padding: 0px 20px 20px 20px; font-family: "Helvetica", "Arial", "Sans-serif"; font-size: 1em;  }
.content-view-line .class-counselor-candidate .candidate-info .attribute-abstract p { margin: 0px; padding: 3px 0px; text-align: left;   }
.content-view-line .job h2.attribute-name { font-weight: bolder; padding-top: 12px;}
.content-view-full .content-view-line .class-counselor-candidate { min-height: 25px;position:relative; padding: 0px;   }
.content-view-line .class-counselor-candidate address { float: right; padding: 10px 5px 5px 5px; border: 1px solid #dfdfdf;}
.content-view-line .class-counselor-candidate h4 {padding: 10px 0px 0px 0px;}

.content-view-full .class-counselor-candidate { min-height: 600px; position: relative; padding: 10px;  }
.content-view-full .class-counselor-candidate  .attribute-photo { width: 200px; height: 200px; overflow:hidden;}
.content-view-full .class-counselor-candidate .main-attributes { margin-right: 220px; }
.content-view-full .class-counselor-candidate  { clear:both;   }
.content-view-full .class-counselor-candidate .secondary-attributes { margin-right: 220px;}
.content-view-full .class-counselor-candidate  .contact-block {  border: 1px solid #666; width: 180px; font-size: 12px; line-height: 12px; padding: 10px;}
.content-view-full .class-counselor-candidate  .contact-block h6 { font-weight: bolder;}
.content-view-full .class-counselor-candidate  .contact-block ul { padding: 0px; margin: 0px;}
.content-view-full .class-counselor-candidate  .contact-block ul li { padding: 0px; margin: 6px 0px; color: black; }
.content-view-full .class-counselor-candidate  .contact-block ul li.address { line-height: ;}
.content-view-full .class-counselor-candidate  .contact-block ul li b { display: block; font-weight: bolder; color: #aaa; text-transform: uppercase; font-size: 8px; line-height: 8px;}

table.sortable th.header { 
    background-image: url(../images/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left;
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}
table.sortable th.headerSortUp { 
    background-image: url(../images/asc.gif);     
    background-color: #3399FF; 
	color:white; 
}

table.sortable th.headerSortDown { 
    background-image: url(../images/desc.gif);     
    background-color: #3399FF;
	color: white; 
}
table.sortable th.headerSortUp a, table.sortable th.headerSortDown a { color: white; }
.content-view-line .class-participant, .content-view-line .class-participant-offer { }
.content-view-full .class-participant-offer .attribute-candidate { width: 45%; float: right;  }
.content-view-full .class-participant-offer .attribute-job { width: 45%; float: left; }