/* @Reset ==========>> */
html, body, caption, div, span, a, img, h1, h2, h3, h4, h5, h6, hr, hgroup, p, dl, dialog, dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup, textarea, object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, optgroup, option, article, aside, footer, header, nav, section, figure, menu, time, mark, audio, video {
   background: transparent;
   text-align: left;
   text-decoration: none;
   margin: 0;padding: 0;border: 0;outline: 0;
   font-family: inherit;font-size: 100%;font-weight: inherit;font-style: inherit;
   }
article, aside, footer, header, hgroup, nav, section, dialog, figure, menu {
   display: block;
   }
del, ins {
   text-decoration: none;
   }
ol, ul {
   list-style: none;
   }
table {
   border-collapse: collapse;
   }
button, input, select, textarea {
   *width: auto;
   *overflow: visible;
   margin: 0;
   }
input::-moz-focus-inner, button::-moz-focus-inner {
   border: 0; padding: 0;
   }
textarea {
   overflow: auto;
   vertical-align: bottom;
   }
input, select {
   margin: 0;
   cursor: pointer;
   }
:focus {
   outline: 0;
   }
/* @end ====================================>> */
/* @Layout =================================>> */
.PageBackground {
   max-width: 1250px;
   margin:auto;
   padding: 20px;
   background: #fff;
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
   -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; 
   }
.ConstrainWidth {  
    position: relative;
   margin: 0 auto;
   max-width: 1000px;
   }
.Columns, dl {asdf
   *display: inline-block; *zoom: 1;
   }
.Columns:before, .Columns:after, dl:before, dl:after {
   content: "$"; display: block; height: 0; clear: both; visibility: hidden;
   }
.Column { float: left; width: 50%; *width: 48.96%; }  /* default - required - must be in .Columns */
/* Column Width Setters - Reduce Your Fractions! */
.OneQuarter {width: 25%; *width: 28.96%}
.OneHalf {width: 50%; *width: 48.96%}
.ThreeQuarters {width: 75%; *width: 74.96%}
.OneThird {width: 33.333%; *width: 32.000%}
.TwoThirds {width: 66.667%; *width: 64.000%}
/* @end ====================================>> */
/* @Main ===================================>> */
html {
   min-height: 100%; *height: 100%; height: 100%\9;
   overflow-y: scroll;
   }
body {
   color: #333;
   min-height: 100%;
   background: #a4d5ff;
   background-image: -moz-linear-gradient(top, #a4d5ff, #d9eeff);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d5ff), color-stop(1, #d9eeff));
   background-image: -o-linear-gradient(top, #a4d5ff, #d9eeff);
   *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d5ff', endColorstr='#d9eeff');
   }
body {
   XXfont: 300 12.5px/18px verdana, arial, helvetica;
   font: 300 62.5%/1.8em calibri, arial, helvetica;
   }
small {
   font-size:9px;
   }
/* css3 animations */
a, legend {
   -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
   }
@-webkit-keyframes swing {
   from {
      -webkit-transform-origin: top center;
      -webkit-transform: rotate(-2deg);
      -webkit-animation-timing-function: ease-in
      }
   50% {
      -webkit-transform-origin: top center;
      -webkit-transform: rotate(0deg);
      -webkit-animation-timing-function: ease-out
      }
   to {
      -webkit-transform-origin: top center;
      -webkit-transform: rotate(2deg);
      -webkit-animation-timing-function: ease-in
   }

}

@-moz-keyframes swing {
   from {
      -moz-transform-origin: top center;
      -moz-transform: rotate(-2deg);
      -moz-animation-timing-function: ease-in
      }
   50% {
      -moz-transform-origin: top center;
      -moz-transform: rotate(0deg);
      -moz-animation-timing-function: ease-out
      }
   to {
      -moz-transform-origin: top center;
      -moz-transform: rotate(2deg);
      -moz-animation-timing-function: ease-in
   }
}
a {
   color: #2e93e3;
   }
a:hover, a:focus {
   color: #900;
   }
h1, h2, h3, h4, h5, h6 {
   font-weight: 300;
   line-height: 30px;
   font-family: helvetica, arial, sans-serif;
   }
b, strong {
   font-weight: 700 !important;
   }
i, em {
   font-style: italic !important;
   }
h6 {font-size: 10px}
h5,p{font-size: 13px}
h4 {font-size: 18px}
h3 {font-size: 24px}
h2 {font-size: 20px; color: orange;}
h1 {font-size: 30px}
h2, h3, h4, h5, h6, p, ol, ul {
   margin-bottom: 10px;
   }
h4 {
   font-weight: 300;
   text-shadow: 0 0 2px #ccc;
   }
br {clear: both;}
em {font-style: italic}
sup {
   font-size: .9em;
   vertical-align: text-top;
   }
sub {
   font-size: .9em;
   }
hr {
   border-top: 1px solid rgba(0,0,0,.07);
   border-bottom: 1px solid rgba(255,255,255,.70);
   *border-top: 1px solid #ddd;
   height: 0;
   margin: 20px 0 10px 0;
   display: block; 
   clear: both;
   }
small {
   font-size: 9px;
   }
.TableWrapper {
   position:relative;
   background: #fff;
   margin-bottom: 10px;
   border: 1px solid #ddd;
   padding: 3px;
   -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   }
.TableWrapper table {
   background: #fff;
   border-collapse: collapse;
   width: 100%;
   line-height: 20px;
   }
.TableWrapper table caption {
   font-weight: 700;
   color: #fff;
   padding: 5px 10px;
   -moz-text-shadow: 0 -1px 0 #444;-webkit-text-shadow: 0 -1px 0 #444;text-shadow: 0 -1px 0 #444;
   background-color: #999999;
   background-image: -o-linear-gradient(top, #999999, #7a7a7a);
   background-image: -moz-linear-gradient(top, #999999, #7a7a7a);
   background-image: -webkit-linear-gradient(top, #999999, #7a7a7a);
   -moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-o-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;
   }
.TableWrapper table td {
   vertical-align: top;
   background-color: #fff;
   border: 1px solid #eee;
   padding: 5px;
   line-height: 14px;
   }
.TableWrapper thead td, .TableWrapper tfoot td {
   font-weight: 700;
   background-color: #eee;
   background-image: -o-linear-gradient(top, #fff, #eee);
   background-image: -moz-linear-gradient(top, #fff, #eee);
   background-image: -webkit-linear-gradient(top, #fff, #eee);
   }
/* NEW Forms ========== ========== ========== ========== ========== >> */
legend { 
   line-height: 20px;
   background-color: white;
   background-image: -moz-linear-gradient(top, white, #f5f5f5);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f5f5f5));
   background-image: -o-linear-gradient(top, white, #f5f5f5);
   *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f5f5f5');
   padding: 5px 10px;
   border: 1px solid #eee;
   border-bottom: 1px solid #ddd;
   font-weight: 700;
   font-size: 12px;
   min-width: 25%;
   *margin-bottom: 10px;
   }
legend:hover { 
   padding: 5px 20px;
   -moz-border-radius: 7px;-webkit-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;
   -webkit-box-shadow: 0 0 5px #ddd;-moz-box-shadow: 0 0 5px #ddd;box-shadow: 0 0 5px #ddd;
   cursor: help;
   }
fieldset {
   background-color: white;
   background-image: -moz-linear-gradient(top, white, #f5f5f5);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f5f5f5));
   background-image: -o-linear-gradient(top, white, #f5f5f5);
   *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f5f5f5');
   border: 1px solid #eee;
   border-bottom: 1px solid #ddd;
   -moz-border-radius: 7px;-webkit-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;
   padding: 20px;
   margin-bottom: 10px;
   }
fieldset dl{
   line-height: 20px;
	margin-bottom: 10px;
   }
fieldset dt {
   float: left;
   width: 27%;
   margin-right: 2%;
   text-align:right;
   }
fieldset dd {
   float: left;
   width: 70%;
   }
fieldset dt label {
   color: #333;
   }
select {
   color: #000;
   padding: 2px;
   border: 1px solid;
   border-color: #a6a6a6 #cccccc #cccccc #cccccc;
   -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;
   }
input, textarea {
   padding: 2px;
   background-color: #f9f9f9;
   background-image: -moz-linear-gradient(top, #f9f9f9, white);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, white));
   background-image: -o-linear-gradient(top, #f9f9f9, white);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='white');
   border: 1px solid;
   border-color: #a6a6a6 #cccccc #cccccc #cccccc;
   -moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;
   }
input[type='text'], input[type='password'], textarea, select {
   width: 75%;
   padding: 3px;
   *height: 20px; height: 20px\9;
   }
select {
   width: 95%;
   *height: 25px; height: 25px\9;
   }
textarea {
   height: 4em;
   overflow: auto;
   }
footer, header {
   padding: 20px;
   border: 1px solid #eee;
   border-bottom-color: #ddd;
   font-size: 11px;
   -moz-border-radius: 7px;-webkit-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;
   background-color: #f9f9f9;
   background-image: -moz-linear-gradient(top, white, #eee);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #eee));
   background-image: -o-linear-gradient(top, white, #eee);
   -webkit-box-shadow: 0px 0px 10px rgba(250, 250, 250, 0.1);-moz-box-shadow: 0px 0px 10px rgba(250, 250, 250, 0.1); box-shadow: 0px 0px 10px rgba(250, 250, 250, 0.1);
   }
header {
   -webkit-animation-name: swing;
   -webkit-animation-play-state: running;
   -webkit-animation-direction: alternate;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-name: swing;
   -moz-animation-play-state: running;
   -moz-animation-direction: alternate;
   -moz-animation-duration: 4s;
   -moz-animation-iteration-count: infinite
   }
/* @Utilities ==============================>> */
.Hide             {display: none}
.Show             {display: block}
.Margin           {margin: 10px}
.MarginTop        {margin: 10px}
.MarginRight      {margin-right: 10px}
.MarginBottom     {margin-bottom: 10px}
.MarginLeft       {margin-left: 10px}
.Padding          {padding: 10px}
.PaddingTop       {padding: 10px}
.PaddingRight     {padding-right: 10px}
.PaddingBottom    {padding-bottom: 10px}
.PaddingLeft      {padding-left: 10px}
.TextRight        {text-align: right}
.TextCenter       {text-align: center}
.TextLeft         {text-align: left}
.FloatRight       {float: right}
.FloatLeft        {float: left}
/* @end ====================================>> */         
@media only screen and (min-width:128px) and (max-width:641px){ /* small - tablets */
	 body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none;}
   .Column {width: 100%;}
   .Margin, .MarginRight, .MarginLeft {margin: 0;}
   .PageBackground {padding: 20px;}
}/*/mediaquery*/