html {
	margin: 0px; padding: 0px; background-color: rgb(226, 226, 226);
}
body {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 0.85em; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; background-color: rgb(255, 255, 255);
}
a {
	color: rgb(51, 51, 51); padding-right: 3px; padding-left: 3px; text-decoration: underline;
}
a:link {
	color: rgb(51, 51, 51);
}
a:visited {
	color: rgb(51, 51, 51);
}
a:active {
	color: rgb(51, 51, 51);
}
a:hover {
	color: rgb(51, 51, 51);
}
a:hover {
	background-color: rgb(199, 209, 214);
}
header {
	display: block;
}
footer {
	display: block;
}
hgroup {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
mark {
	padding-right: 5px; padding-left: 5px; background-color: rgb(166, 219, 237);
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-fix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}
h1 {
	color: rgb(0, 0, 0); padding-bottom: 0px; margin-bottom: 0px;
}
h2 {
	color: rgb(0, 0, 0); padding-bottom: 0px; margin-bottom: 0px;
}
h3 {
	color: rgb(0, 0, 0); padding-bottom: 0px; margin-bottom: 0px;
}
h4 {
	color: rgb(0, 0, 0); padding-bottom: 0px; margin-bottom: 0px;
}
h5 {
	color: rgb(0, 0, 0); padding-bottom: 0px; margin-bottom: 0px;
}
h6 {
	color: rgb(0, 0, 0); padding-bottom: 0px; margin-bottom: 0px;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.75em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1em;
}
h5 a:link {
	padding: 0px; text-decoration: none;
}
h5 a:visited {
	padding: 0px; text-decoration: none;
}
h5 a:active {
	padding: 0px; text-decoration: none;
}
.content-wrapper {
	margin: 0px auto; max-width: 960px;
}
#body {
	padding-bottom: 35px; clear: both; background-color: rgb(239, 238, 239);
}
.main-content {
	background: url("../Images/accent.png") no-repeat; padding-top: 30px; padding-left: 10px;
}
.featured + .main-content {
	background: url("../Images/heroAccent.png") no-repeat;
}
header .content-wrapper {
	padding-top: 20px;
}
footer {
	height: 100px; clear: both; font-size: 0.8em; background-color: rgb(226, 226, 226);
}
.site-title {
	margin: 0px; color: rgb(200, 200, 200); font-family: Rockwell, Consolas, "Courier New", Courier, monospace; font-size: 2.3em;
}
.site-title a {
	background: none; color: rgb(200, 200, 200); text-decoration: none;
}
.site-title a:hover {
	background: none; color: rgb(200, 200, 200); text-decoration: none;
}
.site-title a:active {
	background: none; color: rgb(200, 200, 200); text-decoration: none;
}
#login {
	margin: 0px 0px 10px; text-align: right; font-size: 0.85em; display: block;
}
#login a {
	padding: 2px 3px; text-decoration: none; margin-right: 3px; margin-left: 10px; background-color: rgb(211, 220, 224);
}
#login a.email {
	background: none; margin: 0px; padding: 0px; text-decoration: underline;
}
#login ul {
	margin: 0px;
}
#login li {
	list-style: none; display: inline;
}
ul#menu {
	margin: 0px 0px 5px; padding: 0px; text-align: right; font-size: 1.3em; font-weight: 600;
}
ul#menu li {
	list-style: none; padding-left: 15px; display: inline;
}
ul#menu li a {
	background: none; color: rgb(153, 153, 153); text-decoration: none;
}
ul#menu li a:hover {
	color: rgb(51, 51, 51); text-decoration: none;
}
.featured {
	background-color: rgb(255, 255, 255);
}
.featured .content-wrapper {
	padding: 20px 40px 30px; color: rgb(62, 86, 103); background-image: -ms-linear-gradient(left, rgb(122, 192, 218) 0%, rgb(164, 212, 230) 100%); background-color: rgb(122, 192, 218);
}
.featured hgroup.title h1 {
	color: rgb(255, 255, 255);
}
.featured hgroup.title h2 {
	color: rgb(255, 255, 255);
}
.featured p {
	font-size: 1.1em;
}
hgroup.title {
	margin-bottom: 10px;
}
hgroup.title h1 {
	display: inline;
}
hgroup.title h2 {
	display: inline;
}
hgroup.title h2 {
	font-weight: normal; margin-left: 3px;
}
section.feature {
	padding: 10px; width: 300px; float: left;
}
ol.round {
	padding-left: 0px; list-style-type: none;
}
ol.round li {
	margin: 25px 0px; padding-left: 45px;
}
ol.round li.zero {
	background: url("../Images/orderedList0.png") no-repeat;
}
ol.round li.one {
	background: url("../Images/orderedList1.png") no-repeat;
}
ol.round li.two {
	background: url("../Images/orderedList2.png") no-repeat;
}
ol.round li.three {
	background: url("../Images/orderedList3.png") no-repeat;
}
ol.round li.four {
	background: url("../Images/orderedList4.png") no-repeat;
}
ol.round li.five {
	background: url("../Images/orderedList5.png") no-repeat;
}
ol.round li.six {
	background: url("../Images/orderedList6.png") no-repeat;
}
ol.round li.seven {
	background: url("../Images/orderedList7.png") no-repeat;
}
ol.round li.eight {
	background: url("../Images/orderedList8.png") no-repeat;
}
ol.round li.nine {
	background: url("../Images/orderedList9.png") no-repeat;
}
article {
	width: 70%; float: left;
}
aside {
	width: 25%; float: right;
}
aside ul {
	list-style: none; padding: 0px;
}
aside ul li {
	background: url("../Images/bullet.png") no-repeat 0px 50%; padding: 2px 0px 2px 20px;
}
.label {
	font-weight: 700;
}
#loginForm {
	width: 55%; border-right-color: rgb(200, 200, 200); border-right-width: 2px; border-right-style: solid; float: left;
}
#loginForm .validation-error {
	margin-left: 15px; display: block;
}
#loginForm .validation-summary-errors ul {
	margin: 0px; padding: 0px;
}
#loginForm .validation-summary-errors li {
	list-style: none; margin: 0px; display: inline;
}
#loginForm input {
	width: 250px;
}
#loginForm input[type='checkbox'] {
	width: auto;
}
#loginForm input[type='submit'] {
	width: auto;
}
#loginForm input[type='button'] {
	width: auto;
}
#loginForm button {
	width: auto;
}
#socialLoginForm {
	width: 40%; margin-left: 40px; float: left;
}
#socialLoginForm h2 {
	margin-bottom: 5px;
}
#socialLoginList button {
	margin-bottom: 12px;
}
#logoutForm {
	display: inline;
}
.contact h3 {
	font-size: 1.2em;
}
.contact p {
	margin: 5px 0px 0px 10px;
}
.contact iframe {
	margin: 5px 0px 0px 10px; border: 1px solid rgb(51, 51, 51); border-image: none;
}
fieldset {
	margin: 0px; padding: 0px; border: currentColor; border-image: none;
}
fieldset legend {
	display: none;
}
fieldset ol {
	list-style: none; padding: 0px;
}
fieldset ol li {
	padding-bottom: 5px;
}
label {
	font-size: 1.2em; font-weight: 600; display: block;
}
label.checkbox {
	display: inline;
}
input {
	background: rgb(226, 226, 226); margin: 0px 0px 0px; padding: 1px; border: 1px solid rgb(226, 226, 226); border-image: none; width: 300px; color: rgb(51, 51, 51); font-size: 0.9em;
}
textarea {
	background: rgb(211, 211, 211); margin: 5px 0px 6px; padding: 5px; border: 1px solid rgb(226, 226, 226); border-image: none; width: 300px; color: rgb(51, 51, 51); font-size: 0.9em;
}
textarea {
	width: 500px; font-family: inherit;
}
input:focus {
	border: 1px solid rgb(122, 192, 218); border-image: none;
}
textarea:focus {
	border: 1px solid rgb(122, 192, 218); border-image: none;
}
input[type='checkbox'] {
	background: none; border: inherit; border-image: inherit; width: auto;
}
input[type='submit'] {
	padding: 7px; border: 1px solid rgb(120, 120, 120); border-image: none; width: auto; font-size: 1.2em; font-weight: 600; margin-right: 8px; cursor: pointer; background-color: rgb(211, 220, 224);
}
input[type='button'] {
	padding: 7px; border: 1px solid rgb(120, 120, 120); border-image: none; width: auto; font-size: 1.2em; font-weight: 600; margin-right: 8px; cursor: pointer; background-color: rgb(211, 220, 224);
}
button {
	padding: 7px; border: 1px solid rgb(120, 120, 120); border-image: none; width: auto; font-size: 1.2em; font-weight: 600; margin-right: 8px; cursor: pointer; background-color: rgb(211, 220, 224);
}
td input[type='submit'] {
	padding: 4px; font-size: 1em; margin-right: 4px;
}
td input[type='button'] {
	padding: 4px; font-size: 1em; margin-right: 4px;
}
td button {
	padding: 4px; font-size: 1em; margin-right: 4px;
}
.message-info {
	padding: 10px 20px; border: 1px solid currentColor; border-image: none; clear: both;
}
.message-error {
	margin: 20px 0px 10px; color: rgb(232, 12, 77); clear: both; font-size: 1.1em; font-weight: bold;
}
.message-success {
	margin: 20px 0px 10px; color: rgb(122, 192, 218); font-size: 1.3em; font-weight: bold;
}
.error {
	color: rgb(232, 12, 77);
}
.field-validation-error {
	color: rgb(232, 12, 77); font-weight: bold;
}
.field-validation-valid {
	display: none;
}
input.input-validation-error {
	border: 1px solid rgb(232, 12, 77); border-image: none;
}
input[type='checkbox'].input-validation-error {
	border: 0px currentColor; border-image: none;
}
.validation-summary-errors {
	color: rgb(232, 12, 77); font-size: 1.1em; font-weight: bold;
}
.validation-summary-valid {
	display: none;
}
table {
	border-image: none; margin-top: 0.75em; border-collapse: collapse; border-spacing: 0;
    margin-right: 2px;
}
th {
	border: 0px currentColor; border-image: none; text-align: left; padding-left: 0px; font-size: 1.2em;
}
th a {
	display: block; position: relative;
}
th a:link {
	padding: 0px; color: rgb(51, 51, 51); font-weight: 600; text-decoration: none;
}
th a:visited {
	padding: 0px; color: rgb(51, 51, 51); font-weight: 600; text-decoration: none;
}
th a:active {
	padding: 0px; color: rgb(51, 51, 51); font-weight: 600; text-decoration: none;
}
th a:hover {
	padding: 0px; color: rgb(51, 51, 51); font-weight: 600; text-decoration: none;
}
th a:hover {
	color: rgb(0, 0, 0);
}
th.asc a {
	margin-right: 0.75em;
}
th.desc a {
	margin-right: 0.75em;
}
th.asc a::after {
	top: 0px; right: 0em; font-size: 0.75em; display: block; position: absolute;
}
th.desc a::after {
	top: 0px; right: 0em; font-size: 0.75em; display: block; position: absolute;
}
th.asc a::after {
	content: "?";
}
th.desc a::after {
	content: "?";
}
td {
	padding: 0.25em 2em 0.25em 0em; border: 0px currentColor; border-image: none;
}
tr.pager td {
	padding: 0px 0.25em 0px 0px;
}
@media only screen and (max-width:850px)
{
header .float-left {
	float: none;
}
header .float-right {
	float: none;
}
header .site-title {
	margin: 10px; text-align: center;
}
#login {
	margin: 0px 0px 12px; text-align: center; font-size: 0.85em;
}
#login ul {
	margin: 5px 0px; padding: 0px;
}
#login li {
	list-style: none; margin: 0px; padding: 0px; display: inline;
}
#login a {
	background: none; margin: 2px; padding: 0px; color: rgb(153, 153, 153); font-weight: 600;
}
#login a:hover {
	color: rgb(51, 51, 51);
}
nav {
	margin-bottom: 5px;
}
ul#menu {
	margin: 0px; padding: 0px; text-align: center;
}
ul#menu li {
	margin: 0px; padding: 0px;
}
.main-content {
	background-position: 10px 0px;
}
.featured + .main-content {
	background-position: 10px 0px;
}
.content-wrapper {
	padding-right: 10px; padding-left: 10px;
}
.featured .content-wrapper {
	padding: 10px;
}
article {
	width: 100%; float: none;
}
aside {
	width: 100%; float: none;
}
ol.round {
	padding-left: 0px; list-style-type: none;
}
ol.round li {
	margin: 25px 0px; padding-left: 10px;
}
ol.round li.zero {
	background: none;
}
ol.round li.one {
	background: none;
}
ol.round li.two {
	background: none;
}
ol.round li.three {
	background: none;
}
ol.round li.four {
	background: none;
}
ol.round li.five {
	background: none;
}
ol.round li.six {
	background: none;
}
ol.round li.seven {
	background: none;
}
ol.round li.eight {
	background: none;
}
ol.round li.nine {
	background: none;
}
section.feature {
	padding: 10px; width: auto; float: none;
}
section.feature img {
	color: rgb(153, 153, 153); font-size: 1.5em; font-weight: 600; content: attr(alt);
}
input {
	width: 90%;
}
#loginForm {
	width: auto; border-right-color: currentColor; border-right-width: medium; border-right-style: none; float: none;
}
#loginForm .validation-error {
	margin-left: 15px; display: block;
}
#socialLoginForm {
	width: auto; margin-left: 0px; float: none;
}
footer .float-left {
	float: none;
}
footer .float-right {
	float: none;
}
footer {
	padding: 10px 0px; height: auto; text-align: center;
}
footer p {
	margin: 0px;
}

}
.divWaiting{
   
position: absolute;
background-color: #FAFAFA;
z-index: 2147483647 !important;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
padding-top:20%;
} 
 select {
   background:lightgrey;
   width: 170px;
   padding: 0px;
   font-size: 11px;
   font:white;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 20px;
   -webkit-appearance: none;
   }
 /*select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}*/

        title
        {
            background-color: #FFFFFF;
            border: 1px solid #CCCCCC;
            bottom: 1px;
            left: 1px;
            color: #1A1A1A;
            font-size: x-small;
            font-weight: bold;
            padding: 8px 8px 8px 8px;
            text-transform: uppercase;
            width: 100px;
        }
  .ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.HellowWorldPopup
{
    min-width:200px;
    min-height:150px;
    background:white;
}
   .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;
    }
          .Background

        {

            background-color: Black;

            filter: alpha(opacity=90);

            opacity: 0.8;

        }

        .Popup

        {

            background-color: #FFFFFF;

            border-width: 0px;

            border-style: solid;

            border-color: black;

            padding-top: 10px;

            padding-left: 10px;

            width: 550px;

            height: 300px;

        }

        .lbl

        {

            font-size:16px;

            font-style:italic;

            font-weight:bold;

        }

        table.mylist input {
      width: 20px;
      display: block;
      float: left;
   }
   table.mylist label {
      width: 250px;
      display: block;
      float: right;
   }
    table.mylist2 input {
      width: 20px;
      display: block;
      float: left;
   }
   table.mylist2 label {
     width: 250px;
       display: block;
      float:right;
            
   }