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

 RMSforms CSS Forms Framework 0.5
 http://rmsjr.com

   * Copyright (c) 2009-Present.

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

@charset "utf-8";
/* CSS Document */

/* BASE FORM CLASS */

#loginForm {
	background:#ffd05a;
	color:#333;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:330px;
	position:relative;
	float:left;
	
}

table.login-table td{
	font-weight:normal;
	padding:5px 0 5px 10px 
}

#calendar-block table.sufc_table th, td {
	font-weight:normal;
	padding:0px;
}


.form { 
	margin:0 0 0 0; 
	/*padding:7px 10px 10px 10px;*/ 
	list-style:none;
}

.form ul{
	overflow:hidden; 
	height:1%;
}

.form label{ 
	padding:0px 8px 0 0; 
	float:left; 
	display:inline;
}

label{ 
	padding:0px 8px 0 0; 
	float:left; 
	display:inline;
}

.form li{
	list-style:none;
}

.form li ul li{ border-bottom:0px solid #ff0000;}

.form input{ 
	float:left; 
	display:inline; 
	line-height:100%; 
}

.form select{ 
	float:left; 
	display:inline; 
}

.form textarea{ 
	float:left; 
	display:inline;
}

.form input[type='radio'] { 
	border:0px;
	float:left;
 }
 
.form input[type='checkbox'] { 
	float:none;
	width:auto;
	margin:0;
}


/* FORM MODIFIERS */
/*
All of the modifier classes should be applied to fomr uls and are used to present the structure: <li><label></label><input/></li>.
Each letter represented in the class name represents the orientation of the li - label - input elements respectively.

h = horizontal block element (floated left)
v = vertical block element 
i = inline element

for example, the class:.hvv  =  [LI:Horizontal Block Element]  [LABEL:Verticle block element]  [INPOUT:Vertical block element]
*/	
.vvv li { display:block; clear:both; width:100%;}
.vvv label{ display:block;  width:100%; clear:both; float:none;}
.vvv input{ display:block; float:left;}
.vvv select{ display:block; float:left;}
.vvv textarea{ display:block; float:left;}

.hvv{ overflow:hidden; height:1%; }
.hvv li{ float:left; margin-right:10px; display:inline; width:auto; }
.hvv label{ display:block; width:auto; float:none;  }
.hvv input{ display:block;}
.hvv select{ display:block;}
.hvv textarea{ display:block;}

.hii{ overflow:hidden; height:1% }
.hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;}
.hii input{ display:inline; vertical-align:middle; }
.hii select{ display:inline; vertical-align:middle;}
.hii textarea{ display:inline; vertical-align:middle;} 
.hii li li{ clear:both; } /* reset second level lis */

.hhh{ overflow:hidden; height:1% }
.hhh li{  margin-right:10px;  border-bottom:0;}

.hhh label{ 
	display:inline;
	float:left;
	text-align:right;
	width:100px;
	line-height:12px;
	margin:5px 0;	
}

.hhh input{ float:right; width:195px;}
.hhh select{ float:right}
.hhh textarea{ float:right} 
.hhh li li{ clear:both; } /* reset second level lis */

.vii{ float:left; display:inline; width:auto}
.vii li{ display:block; float:left; width:auto; clear:both;}
.vii label{ display:inline; width:auto; vertical-align:middle; float:none;}
.vii input{display:inline;  vertical-align:middle;  float:none; }
.vii select{ display:inline;  vertical-align:middle;  float:none;}
.vii textarea{display:inline;  vertical-align:middle;  float:none;}

.vhh{  float:left; display:inline;}
.vhh li{ display:block; clear:both; float:left; width:auto; padding:0 0 10px 0;}
.vhh label{ float:left; width:100px; display:inline; text-align:right; }
.vhh input{ float:right; display:inline;}
.vhh select{ float:left; display:inline;}
.vhh textarea{ float:right; display:inline;}

 
/* LABEL MODIFIERS */

label.v { display:block; float:none; width:auto; text-align:left}
label.h { display:block; float:left; width:auto; display:inline;}


/* MULTI-SELECT BOX */

.multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; }
.multiSelect .form{ height:auto; margin:0; padding:0; border:0;}
.multiSelect .vhh{ margin:0; padding:0;}
.multiSelect .vhh input{ float:left; } 
.multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; padding-left: 3px}
.multiSelect .vhh li{ overflow:hidden; width:100%}
.multiSelect .vii li{ width:100%;}

/* OTHER STYLES */

/* COLOR CODE - FOR CLARIFICATION & DEBUGGING */
/*
ul { background-color:#666}
ul li{ background-color:#999}
ul li ul{ background-color:#ccc}
ul li ul li{ background-color:#eee}
label{ background-color:#A0EFED; } */ 

/* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/
.form input.noBorder{ border:0px;}


/* FORM NOTES */
.leftNote{ padding:3px 5px 0 5px; float:left}
.bottomNote{ padding:0; color:#FF9933;  clear:both; display:block;}
.tar label{ text-align:right;}
.errorText { color: #dd0000; font-weight: bold; }
.required { color: #dd0000; font-weight: bold; }

/* GENERAL TWEAKING STYLES */
.fl{ float:left;}

.fr { float: right; }

.cb{ 
	clear:both;
}



.w100p{ width:100%;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.offset1{ margin-left:130px;}
.offset2{ margin-left:105px;}





.dropdown {
	padding:1px;
	width:200px;
}

.box-length {
	width:195px;
}

.camp-type {
	float:left;
	margin-left:60px;
}

.gender {
	float:right;
	margin-right:60px;
}


/* Condensed Version of the Form */

#camp_search_form_condensed {
	background:#ffd05a;
	color:#333;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	width:265px;
	position:relative;
	float:left;
	min-height:310px;

}

#newsletter_search {
	margin-top: 10px;
	background:#ABD2F1;
	color:#333;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	width:265px;
	position:relative;
	float:left;
	text-align: center;
}

.facetbox {
	margin-top: 10px;
	background:#ABD2F1;
	color:#333;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
	width:265px;
	position:relative;
	float:left;
	text-align: center;
}

#filterRem {
    *height:22px;
}

#filterRem li {
    margin:0 0 6px 0;
    float:left;
}

#filterRem ul {
    float:left;
}

#filterRem strong {
    float:left;
    margin:0 10px 10px 0;
}


a.filterButton,
a.filterRemButton,
a.filterButton:link,
a.filterButton:visited,
a.filterButton:hover,
a.filterButton:active
a.filterRemButton:link,
a.filterRemButton:visited,
a.filterRemButton:hover,
a.filterRemButton:active {
    color:#666;
    text-decoration:none;
}

a.filterButton,
a.filterRemButton {
    float:left;
    display:block;
    margin:0 8px 0 0;
}

a.filterButton,
a.filterButton b {
    height:20px;
    background:url(../img/filterButton.gif) top left no-repeat;
}



a.filterRemButton,
a.filterRemButton b {
    height:20px;
    background:url(../img/filterRemButton.gif) top left no-repeat;
}

a.filterButton b,
a.filterRemButton b{
    background-position:bottom right;
    font:92% arial,helvetica,sans-serif;
    padding:0 33px 0 0;
    position:relative;
    left:2px;
    margin:0 0 0 12px;
    display:inline;
    float:left;
    line-height:160%;*line-height:160%;
    cursor:pointer;
}




#camp_search_form_condensed .dropdown
{
	padding:1px;
	width:140px;
}

#camp_search_form_condensed .box-length {
	width:135px;
}

#camp_search_form_condensed .hhh input{ float:right; width:135px;}

#camp_search_form_condensed .multiSelect{ height:200px; width:200px; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; }

#camp_search_form_condensed .vhh label{ float:left; width:95px; display:inline; text-align:right;line-height:12px; }
#camp_search_form_condensed .hvv li{ float:left; margin:0 0 0 5px; display:inline; width:auto; }

#camp_search_form_condensed .camp-type {
	float:left;
	margin-left:20px;
}

#camp_search_form_condensed .gender {
	float:right;
	margin-right:20px;
}


#camp_search_form_condensed .form input[type='checkbox'] { 
	float:none;
	width:auto;
}

#schedule-filters .vhh li {
	clear:both;
	display:block;
	float:right;
	width:200px;

}

#schedule-filters .form input {
	float:left;
	width:auto;
}

#create-director-block .vhh input {
	width:200px;
}