/* 
 * flex1k.css - included with every pages that uses the flex1k outter template.
 * To make site specific changed edit the related flex1k-xxxx.css file (where
 * xxxx is the name of the site). You can also add page-specific CSS to any
 * page via the database field mpf_pages.page_specific_header
 *
 */

#wrapper {
    width:1000px;
    margin: 0 auto;
    overflow:hidden;
    position:relative;
}
#top {
    position:relative;
    width:100%;
    background-repeat: no-repeat;
}
#middle {
    width:100%;
    margin:0;
    padding:0;
    background-repeat: repeat-y;
    overflow:auto;
    overflow:hidden;
}
#bottom {
    width:100%;
    background-repeat: no-repeat;
}
#navigation {
    position: absolute;
    font-family:arial;
    font-weight:normal;
    font-size:12px;
}
#main {
    width: 800px;
    margin:0 auto;
    overflow:hidden;
}

#prefooter {
    clear:both
}
 
/* IE puts a 2px border around "a img"... why? */
img { border:0;}

/*
 * basics for ContentElementLegacyForm. These defaults may
 * be changed in downstream CSS
 */
 .legacy_form form {
     float:left;
     clear:both;
     width:100%;
 }
.legacy_form ul {
    list-style:none;
    /* padding:0;  commented out by mwb */
}
.legacy_form li {
    margin-bottom:0.5em;
	margin: 10px;
}

fieldset.legacy_form {
    margin: 10px;
    background: #FFF8F8;
}

@media print
{    
    fieldset.legacy_form
    {
        display: none !important;
    }
}

.legacy_form label {
    /* font-size:smaller; */
    float:left;
    clear:left;
    color: gray;
}
.legacy_form input[type='text'],
.legacy_form span {
    /* float:left; */  /* commented out by mwb per ticket #472391 */
	/* commented out by mwb
    clear:left;
    margin-bottom:0.5em;
    width:90%;
    max-width:400px;
	*/
}
.legacy_form input[type='submit'] {
    float:left;
    clear:both;
}

/*
 * SOME absolutely positioned divs....
 * probably need to override in the site-specific css files
 */
#abs_header_top,            
#abs_header_top_full {
    position:absolute;
    top:110px;
    left:250px;
    width:700px;
}
#abs_header_top_center {
    position:absolute;
    top:110px;
    left:180px;
    width:520px;
}
#abs_header_one_of_three {
    position:absolute;
    top:110px;
    left:250px;
    width:230px;
}
#abs_header_two_of_three {
    position:absolute;
    top:110px;
    left:480px;
    width:230px;
}
#abs_header_three_of_three {
    position:absolute;
    top:110px;
    left:716px;
    width:230px;
}

.program_names a {
    color: blue;
    margin:0px 0px 10px 0px;
    background:  url(/files/images/bullet.jpg) no-repeat left center;
    padding: 0px 5px 0px 20px;
    float:left;
}

/* Next two are to make iphone stuff hidden unless on iphone */

a.sidelinksiphone {
        display: none;
}

div.sidelinksiphone {
        display: none;
}

div.bottom-mobile {
    display: none;
}

/*
 * registration box - legacy color is orange but you should override 
 * in site-specific CSS specs.
 */
.legacy-registration-box {
     background-color:orange;
     padding:1em;
 }
 
 /*
 * used for tables within pages
 */
 
 table.border_table {
	border: 1px solid black;
	border-collapse: collapse;
}

.border_table td {
	border: 1px solid black;
        padding: 2px;
}

table.border_table_gray {
	border: 1px solid gray;
	border-collapse: collapse;
}

.border_table_gray td {
	border: 1px solid gray;
        padding: 1px;
        color: gray;
        font-size: small;
}

table.border_table_gray_simple {
    border: 1px solid gray;
    border-collapse: collapse;
}

.border_table_gray_simple td {
    border: 1px solid #C0C0C0;
    padding: 3px;
}


 table.numbers_table {
	border: 1px solid gray;
	border-collapse: collapse;
        margin: 5px;
}

.numbers_table td {
	border: 1px solid gray;
        padding: 2px;
        text-align: right;
}



a.highlight {background-color:yellow;}

img.staff_photo {width: 200px;}

td.text_side {width: 70%;}

td.staff_photo {width: 30%;}

div.comingup {
    font-size: 9pt;
    float: left;
    width: 270px;
    height: 340px;
    overflow-y: scroll;
}

textarea[name^="form_input"] {
    width:90%;
    height:100px;
    margin-left: 5px;
}

input[name^="form_input"] { 
    width: 90%;
    margin-left: 5px;
}

table.footer {
    margin-left: 30px; 
    margin-bottom: 40px;
    border: 0px; 
    cellspacing: 0px; 
    cellpadding: 2px; 
    width: 100%;
}

td.mpf_table_column {
    padding: 5px;
}

table.mpf_table {
    padding: 5px;
    border: 2px solid #2D5D9A;
}

#noscreen, span.noscreen, div.noscreen, p.noscreen {
    display: none;
}

iframe.youtube_embed {
    width: 560px; 
    height: 315px; 
    
}

table.rollover_table {
    border: none;
    cellspacing: 0px;
    cellpadding: 20px;
    width: 100%;
}

#above-nav2 {
 height:65px;
 margin-bottom: 30px;
 margin-top: 15px;
 
 /* background: url(http://images.linx-usa.com/files/mpf/OuterHeader_NoGlow.png)center no-repeat; */
 display: block;
}

#above-nav-mobile {
    display: none;
}



#classes-trigger2, #camps-trigger2, #newsletter-trigger2
{
  text-align: center; 
  margin-top: -8px; 
  width: 140px; 
  height: 45px;
  padding:0px 5px 0px 3px;
  float: left;
  border: 1px solid red;
}

img.classes-trigger-image2
{
  background: url() center center no-repeat;
}

#classes-trigger2
{
  margin-left: 525px;
  margin-top: -7px;
}

#camps-trigger2
{
  background: url() center center no-repeat;
  width: 125px;
}

#newsletter-trigger2 
{
  background: url() center center no-repeat;
  width: 180px;
}

#trigger_button2 {
	display: block;
}

a.classes-trigger-link2, a.camp-trigger-link2, a.newsletter-trigger-link2 {
   display: block;
   position: absolute;
   height: 60px;
   width: 150px;
}

a.newsletter-trigger-link2 {
   width: 200px;
}

a.camp-trigger-link2 {
  width: 150px;
}


div.rounded_camp_button, div.rounded_classes_button, div.rounded_button, div.rounded_events_button {
  width: 210px;
  height: 70px;
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid #FFF;
  padding: 5px;
  text-align: center;
  float:left;
  display: inline;
}

div.rounded_camp_button {
	background: #F48026;
}

div.rounded_classes_button {
	background: #C0D72E;
}

div.rounded_events_button {
	background: #44ACE9;
}



div.rounded_camp_button:hover, div.rounded_classes_button:hover, div.rounded_button:hover, div.rounded_events_button:hover
{opacity: 0.6; }

div.reviews {
  width: 90%;
  /* height: 70px; */
  moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 5px solid green;
  padding: 15px;
  color: purple;
  text-align: center;
  float:left;
  display: inline;
  margin: 12px;
  opacity: .7;
}

div.reviews:hover {
    opacity: 1;
}



a.rounded_button {
	color: #fff;
	font-size: x-large;
	font-weight: bold;
}

div.register_box {
	margin-left: 27px; 
	margin-top: -20px; 
	width: 250px;
}

p.register_box {
	font-family: trebuchet MS; 
	text-align: center; 
	border: solid 2px #000000; 
	padding: 15px;
}

span.register_box {
	font-size: 30pt;
}


div.mobile_show {
	display: none;
}

div.mobile_hide {
	display: block;
}

div.fb-like {
    padding-left:20px;
}

input.next_button {
    margin: 2px 2px 2px 2px;
    border: 0;
    display: block;
    background:  url(/files/camp/next_button.png);
    width: 292px;
    height: 98px;
    padding: 0px;
}

input.next_button2 {
    font-size: xx-large; 
    color: green; 
    background: orange; 
    padding: 8px; 
    margin: 7px;
}