body { font-family: verdana,Arial,Helvetica,sans-serif; font-size: 12px;min-width:980px; }
a{ color:#775019; text-decoration:none; }
img{border-style:none;}
#header
{
    display: block;
    margin: 0 20px 10px;
    padding: 20px 30px 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }
#headertitle {
    color: rgba(26, 89, 120, 0.9);
    font-family: verdana,Arial,Helvetica,sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 35px;
    padding: 0 0 15px;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#leaguesites
{
    margin:0 auto;
    width:520px;
    height:85px;
    }
#socanglogo
{
    float:left;
    width:260px;
    height:85px;
    }
#museumlogo
{
    
    float:left;
    width:260px;
    height:85px;
    margin:11px 0 12px 0px;
    }
 #museumlogobg
 {
     background: url("/images/museumbg_head.gif") repeat-x scroll 0 0 transparent; 
     }
 .headsummary
 {
     clear:both;
     font-size:14;
     margin:3px 0 3px 0;
     }
.container 
{
border:1px solid #ccc;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);  
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;  
-webkit-box-shadow:
        0 0 2px rgba(0, 0, 0, 0.2),
        0 1px 1px rgba(0, 0, 0, .2),
        0 3px 0 #fff,
        0 4px 0 rgba(0, 0, 0, .2),
        0 6px 0 #fff,  
        0 7px 0 rgba(0, 0, 0, .2);
-moz-box-shadow:
        0 0 2px rgba(0, 0, 0, 0.2),  
        1px 1px   0 rgba(0,   0,   0,   .1),
        3px 3px   0 rgba(255, 255, 255, 1),
        4px 4px   0 rgba(0,   0,   0,   .1),
        6px 6px   0 rgba(255, 255, 255, 1),  
        7px 7px   0 rgba(0,   0,   0,   .1);
box-shadow:
        0 0 2px rgba(0, 0, 0, 0.2),  
        0 1px 1px rgba(0, 0, 0, .2),
        0 3px 0 #fff,
        0 4px 0 rgba(0, 0, 0, .2),
        0 6px 0 #fff,  
        0 7px 0 rgba(0, 0, 0, .2);

margin: 20px auto;
overflow: hidden;
padding: 50px 0;
position: relative;
z-index: 0;
}
.container:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
	  
.container fieldset {
      padding: 20px;
    border: 0;
    margin: 0;


      }
#login
{
    height: 296px;
    width: 418px;
    }
#register
{
    height: 435px;
    width: 754px;
    }
#errors
{
    width:880px;
    }	  
input.text 
{
    padding: 7px 7px 7px 30px;
    margin: 0 0 10px 0;
    width: 333px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;

	  background: #ddd url('/images/inputSprite.png') no-repeat 4px 5px;
	  background: url('/images/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
           center bottom,
           rgb(225,225,225) 0%,
           rgb(215,215,215) 54%,
           rgb(173,173,173) 100%
           );
	  background:  url('/images/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(225,225,225)),
          color-stop(0.54, rgb(215,215,215)),
          color-stop(1, rgb(173,173,173))
          );
}	  

 input.email { 
 	background-position: 4px 5px; 
	background-position: 4px 5px, 0px 0px;
	}
	
 input.password { 
 	background-position: 4px -20px; 
	background-position: 4px -20px, 0px 0px;
	}
	
 input.name { 
 	background-position: 4px -46px; 
	background-position: 4px -46px, 0px 0px; 
	}
	
 input.tel { 
 	background-position: 4px -76px; 
	background-position: 4px -76px, 0px 0px; 
	}
input.error
{
    border:1px solid #ff0000;
    }
span.error{color:#ff0000;}
/*--------------------*/

h1
{
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 20px 10px 20px;
    letter-spacing: 4px;
    font: normal 32px/1 verdana,Arial,Helvetica,sans-serif;
    position: relative;
}

h1:after, h1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 80px;   
}

h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}


h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}
h2{margin:5px 20px 5px 20px;}
.container p {
    position: relative;
}
	  
fieldset label.infield {
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    position: absolute;
    text-align: left;
    top: 3px !important;
    left: 35px !important;
    line-height: 29px;
    }

.container .labelfor {
    color: #666666;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    margin: 0 5px;
    *margin: -40px 5px;
    width: 320px;
}
#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    margin:0 auto;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 16px verdana,Arial,Helvetica,sans-serif;
    color: #8f5a0a;
}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

.btn5
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    margin:0 auto;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 16px verdana,Arial,Helvetica,sans-serif;
    color: #8f5a0a;
}

.btn5:hover,.btn5:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

.btn5:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.btn5::-moz-focus-inner
{
  border: none;
}