﻿/* LX styles */
#wrap { position: relative;      
        background: #ccc; }

#banner a {
    position:absolute;
    right:0;
    top:8px;
    margin:10px;
    display:block;
    padding:5px 8px;
    font-size:.75em/* ~12px */;
    text-decoration:none;
    background-color:#354497;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border:1px solid rgba(0,0,0,0.4);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2); 
    -webkit-box-shadow:0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2); 
    -moz-box-shadow:0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
}
p#welcome { 
  position: absolute;
  right: 0;
  top: 1px;
  padding:5px; 
  text-align:right;
  font-size:.75em/* ~12px */;
  margin-right:10px;margin-bottom:0;line-height:1;}
  
#content  {
    background-color:#fff;
    overflow: hidden;
}

.hint {font-size:.8em; color:#7c7c7c;}

input[type=text], input[type=email], input[type=password], select {padding-left:5px; font-size:.9em;}
input[type=submit] { width:auto;margin:10px 0;padding:2px 15px;}

/* Arrows */
.tra {width:0;height:0;border-top:6px solid transparent;border-left:12px solid #2389ca;border-bottom:6px solid transparent;margin:4px 0 0 0px;float:right;}
.tda {width:0;height:0;border-top:12px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;margin:6px 10px 0 0;float:left;}
.tua {width:0;height:0;border-bottom:12px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;margin:4px 10px 0 0;float:left;}

.twocol { 
	width:50%;
	_width:48%;/* ie6 */
	float:left;
	margin:0;
}

#btnSearch { 
  background: rgb(94,160,196); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(94,160,196) 0%, rgb(35,137,202) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(94,160,196)), color-stop(100%,rgb(35,137,202))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(94,160,196) 0%,rgb(35,137,202) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(94,160,196) 0%,rgb(35,137,202) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(94,160,196) 0%,rgb(35,137,202) 100%); /* IE10+ */
  background: linear-gradient(top, rgb(94,160,196) 0%,rgb(35,137,202) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ea0c4', endColorstr='#2389ca',GradientType=0 ); /* IE6-9 */ 
  color: #fff;
  margin: -2.3em 0 0 7em;
  float:left;
  display: block;
}

#content h2
{
    text-align: left;
    background-color: #aac87e;
    color: #fff;
    padding: 10px 12px 10px 10px;
    border-bottom: #7b7b7b 1px solid;
    font-size: 18px;
}
#footer
{
    border-bottom: #7b7b7b 1px solid;
    text-align: center;
    font-size:12px;
    background-color: #f1f1f1;
    margin: 0px;
    padding: 7px;
}
#footer A
{
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
}
#pNav
{
    border-bottom: #7b7b7b 1px solid;
    padding: 0px;
    background-color: #fff;
    list-style-type: none;
    margin: 0px;
    clear: left;
    line-height: 1;
}
#pNav LI
{
    border-bottom: #ccc 1px solid;
    padding: 0px;
    margin: 0px;
    font-size: 1em;
}
#wrapper #pNav LI
{
    font-weight: bold;
}
#pNav LI.last
{
    border-bottom: medium none;
}
#pNav LI A
{
    padding: 10px 12px;
    display: block;
    text-decoration: none;
}
#home a:link, #wrapper a:link {
    -webkit-tap-highlight-color: #FF5E99;
}
#home a, #home a:active, #home a:visited, #wrapper a, #wrapper a:active, #wrapper a:visited  {
    color: #607890; 
}
#home a:hover, #wrapper a:hover  {
    color: #036; 
}

/* Small screens */
@media screen and (max-width: 480px) {
    #wrap { position:relative;}
    #banner a {
      margin-top:1px;
      font-weight:bold;}

    #content { padding-bottom:0;background-color:#fff}

    /* Arrows */
    .tra {width:0;height:0;border-top:6px solid transparent;border-left:12px solid #2389ca;border-bottom:6px solid transparent;margin:4px 0 0 4px;float:right;}
    .tda {width:0;height:0;border-top:12px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;margin:6px 10px 0 0;float:left;}
    .tua {width:0;height:0;border-bottom:12px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;margin:4px 10px 0 0;float:left;}   
}

.myMessageBox {
	padding: 0;
	margin: 0;
    text-align: center; 
}

#myMessageBoxText
{
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;}

#myMessageBoxText h2 {
    margin:10px 0 10px 0;
}


