/**-----------------------------------------------------------------------------
* Copyright (c) 2017 Zoot Enterprises, Inc. All rights reserved.
*
* Synopsis: Styles for the MyAdmin website
*
* @since    Nov 21 2011
*
*-----------------------------------------------------------------------------*/

/**** first, Eric Meyer's reset style sheet ****/
/*
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.6;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**** end reset ****/


/* ok, now my lame stuff */

body {
  background: #000033 url('../images/background_gradient.gif') top repeat-x; /* ##here */
  font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  text-align: center;
  font-size: 90%;
  min-width: 790px;  /* 720 */
}

caption {text-align: right;}

form {padding-right:0px;} /* 25 */

h1 {font-size:1.8em; padding-top: 13px; font-weight: bold; line-height: 1;} /* 22px */
h2 {font-size:1.2em; margin: 0;}
h3 {font-size:1.2em; margin-bottom: .5em;}

h1 + p {margin-top: 15px;}

strong {font-weight: bold;}

th {
  font-size:1.2em;
  font-weight: bold;
  vertical-align: bottom;
  white-space: nowrap;
}
th[scope="row"] {
  font-size: 1em;
  vertical-align: middle;
}
th[scope="col"] {
  background: #b63026; /* e98324 82af41 b1ce73 */
}

th,td { padding: 5px; } /* 4px 10px 4px 4px */

p {
  margin: 1em 0;
  width: 40em;
}

input[type="text"], input[type="password"] { width: 5em; }
input[type="text"]:focus, input[type="password"]:focus { background: #DBE8BF; }
/*input[type="radio"] { width: 14px; }*/
input[type="checkbox"] { width: 18px; margin-left: -2px; }
input[type="submit"], button { width: 80px; margin-left: -1px; }

ul {list-style: disc;}

#pagecontainer {
  text-align: left;
  margin: 0 auto;
  background: transparent;
  width: 850px; /* 760 800 */
  padding: 15px;
  /*padding-top: 25px;*/
  padding-top: 0;
}
#pagecontainer.wide {width: 90%;} /* 1100px */

#logocontainer {
  padding-left: 19px;
  height: 125px; /* 112 */
  background: transparent;
}

#logo {
  text-decoration:none;
  float: left;
  width: 150px;
  margin-top: 18px;
}

#logoMarg
{
  margin-top:15px;
}

#ksess
{
  text-align: right;
  padding-right: 0;
}

#ksessExp
{
  padding-left:5px;
}
#emailMessage1
{
  width: 500px;
}

#emailMessage2
{
  font-style: italic;
}

#emailMessage3
{
  margin-left: 30px;
  width: 500px;
}

#valErrMarg
{
  margin-top:0;
  margin-bottom:0;
  padding:0;
}

#valErrln
{
  margin-top:0;
  margin-bottom:0;
  border:0px solid red;
}

#sub_logo {
  padding: 0 0 0 3px;
  margin: 0;
  line-height: 15px;
  font-size: 15px;
  font-weight: bold;
  color: #009de7;
  width: 140px;
  border: 0px solid green;
}

#header_info {
  float: right;
  margin-right: 15px;
  margin-top: 20px;
  width: 300px;
}

#header_info a {
  color: #015291;
  text-decoration: underline;
}

#header_info a:hover {
  color: #009de7;
  text-decoration: none;
}

#titlecontainer {
  margin-left: 17px;
  margin-top: 22px;
  height: 40px;
  background: #fff url('../images/Horiz_color_small.gif') 97% top no-repeat;  /*##here */
}

#welcomecontainer {
  margin-left: 17px;
  margin-top: 22px;
}

.bodytext {
  margin-left: 17px;
}

.header_item {
  line-height: 1.2;
  margin: 6px 0; /* ##here margin was 8 w/no extra set in display_header */
  width: 100%;
  text-align: right;
  font-size: 14px;
  color: #333; /* 015291 */
  font-weight: bold;
}

.disabledLink { color: #acacac; }

.highlight {
  color: #b63026; /* 00adef e98324 b63026 */
  /*font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;*/
}

#contentcontainer {
  /*background:#fff url(../images/Horiz_color_small.gif) 97% 97% no-repeat;*/
  background:#fff;
  padding: 25px 0 75px 0;
  margin: 2px auto 15px auto;
  min-width: 760px;
  min-height: 425px;
  border: 1px solid #009de7;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
  border-radius: 10px; /* future proofing */
}

#navbar {
  background: #fff url(../images/nav_bg_dark.jpg) 1px 1px repeat-x; /* 00adef nav_bg_dark.jpg nav_bg.jpg */
  border: 1px solid #00adef;
  border-left-width: 0;
  border-right-width: 0;
  height: 25px;
  color: #fff;
  font-size: 14px;
  padding:0 0 0 17px;
  line-height: 24px;
}

#navbar a {
  color: #fff;
  text-decoration: underline;
}
#navbar a:hover {
  text-decoration: none;
}

#lstyleNone
{
   list-style-type:none;
}

#errorBoxU
{
   margin: 0 0 16px 0;
}

.errorBoxU
{
   margin: 0 0 16px 0;
}

#errorBoxMessage
{
   list-style-type:none; 
	margin: 16px 0;
}

#errorBox {
  min-height: 1em;
  color: red;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  list-style-position: inside;
}

#loginfailed1
{
  list-style: none;
  font-weight: bold;
  font-size: 120%;
}

#loginfailed2
{
  color: black;
  font-size: 100%;
}

#loginfailed3
{
  color: black;
  font-size: 100%;
}


#setback
{
   background-color: #FFEBEE !important; 
}

#groupsCode
{
   display: inline-block; 
	border-top: 1px dashed gray; 
	width: 100%; 
	padding-top: 2px;
}

#addUUname
{
   position: relative;
}

#groups
{
    padding-top:7px;
}

#ADadmincode
{
   margin: .5em 0;
}

#blockAdd
{
   display:block;
}

.blockAddUser
{
   display:none; 
	position: absolute; 
	top: 6px; 
	left: 155px;
	float:left;
}

#actionsMar
{
   width: 28em; 
	margin-top: 1em;
}

#avactions
{
   float:left;
}

#homeul
{
   float:left; 
	margin-left: 1em; 
	margin-top:.08em;
}

#viewOptionsForm
{
   margin:0 auto;
}

#user_listW
{
   width: 60%;
}

#unlockCode
{
   text-align: left;
}

#smalltextF
{
   float: left; 
	margin-top: 5px;
}

#smalltextFR
{
   float: right;
}

#manUserPass
{
   margin:0 auto; 
	width:90;
}

#manUsercode
{
  width: 63px;
}
/* form fields layout */

table.fieldsLayout {
  border-top: 3px double #c9cacb; /* c9cacb 82af41 */
  margin: 0 auto;
  margin-top: 1em;
}
.fieldsLayout tr.submitButton td {
  border-bottom: 3px double #c9cacb; /* c9cacb 82af41 */
  padding-bottom: 10px;
  text-align: left;
}
.fieldsLayout tr.divider td {
  margin-top: 10px;
  border-top: 3px double #c9cacb;  /* c9cacb 82af41 */
  padding-top: 10px;
}
.fieldsLayout tr:first-child td { padding-top: 10px; }
.fieldsLayout tr td:first-child {
  text-align: right;
  padding-right: 7px;
}
.fieldsLayout td { padding: 4px; }

/* Login, Forgot My Password Pages */
#loginFields, #errorBox.loginFields { width: 20em; }
#loginFields .fieldsLayout tr td:first-child { width: 40%; }
#loginFields input[type="text"], #loginFields input[type="password"] { width: 10em; }

/* Change Password Page */
#changePasswordFields, #errorBox.changePasswordFields { width: 25em; }
#changePasswordFields .fieldsLayout tr td:first-child { width: 40%; }
#changePasswordFields input[type="text"], #changePasswordFields input[type="password"] { width: 10em; }

/* Add User Page */
#addUserFields, #errorBox.addUserFields { width: 31em; }
#addUserFields .fieldsLayout tr td:first-child { width: 30%; }
#addUserFields input[type="text"], #addUserFields input[type="password"] { width: 10em; }
#tableFooter { text-align: left; }

#user_list tbody td.borderless { border-width: 0; }
#user_list input[type="password"] { width: 7em; }
#user_list input.emailCell {width: 150px;}
#user_list input.phoneCell {width: 75px;}

#view_options {margin-bottom:5px;}

form#main {margin:0 17px;}

#addUserLinkContainer {
  width: 100%;
  text-align: right;
  margin-bottom: -23px;
  font-weight: bold;
  font-size: 100%;
}

#user_list {
  /*border: 2px solid #5f893c;  c9cacb */
  border: 0px solid #82AF41; /* F7D2B0 F5C599 */
  border-bottom-width: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  /*width: 70%;*/
  border-collapse: collapse;
  width: 100%;
}
#user_list th {
  padding: 0 5px 0 5px; /* 4px 10px 4px 4px */
  /*font-variant: small-caps;*/
  color: #fff;
  font-weight: normal;
  font-size: 1em;
  border: 1px solid #82AF41; /* F7D2B0 c9cacb */
  background: #fff url(../images/bg_th_gr.jpg) 1px 1px repeat-x; /* bg_th_gr.jpg th_bg.png */
  text-align: left;
  white-space:nowrap;
}
#user_list td {
  white-space: nowrap;
  padding: 3px 5px; /* 4px 10px 4px 4px */
  border: 1px solid #82AF41; /* F7D2B0 c9cacb */
}
#user_list td.wrap {
  white-space: normal;
}
/*
#user_list td {
  border: 1px solid #82AF41; F7D2B0 c9cacb
}
*/
#user_list tfoot td {
  border: 0px solid #82AF41; /* F7D2B0 c9cacb */
  text-align: right;
}
#user_list tbody td:first-child {
  background-color: #fff;
  text-align: center;
}
#user_list td a {
  color: #009de7;
  font-weight: bold;
  text-decoration: none;
}
#user_list td a:hover {
  text-decoration: underline;
}
#user_list input[type="submit"], #user_list button {margin: 5px 0;}
#user_list input.emailCell {width: 150px;}
#user_list input.phoneCell {width: 75px;}
/*
#user_list span.sizeBar {
  margin: 5px 5px 0 0;
  float: left;
  background: url(../images/filesize_bar.jpg);
  background-repeat: repeat-x;
  height:12px;
}
*/


#actions {
  border: 0px solid #82AF41; /* F7D2B0 c9cacb */
  margin: 3em auto 0 auto;
  width: 30em;
}
#actions ul {
  list-style: none;
}
#actions li {
  font-size: larger;
}
#actions a {
  /*font-size: larger;*/
  color: #015291;
}


#footer {
  text-align: center;
  color: white;
  margin-top: 25px;
}

#footer a {
  color: #fff;
  text-decoration: underline;
}
#footer a:hover {
  text-decoration: none;
}

#txt {
  border: 0; /* IE special-ness: "none" didn't work */
  color: #b63026;
  width: 3.1em;
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: right;
}

/*
for username help popup
from http://sites.google.com/site/nicolaenamolovan/jquery.inputHintBox.html?attredirects=0
*/
.textstyle {
  font-size:100%;
  /*font-family: Arial,Helvetica,sans-serif;*/
  border-color: #A7A7A7 #CCCCCC #CCCCCC #CCCCCC;
  border-style:solid;
  border-width:1px;
  /*color:#555555;*/
  font-size:1em;
}
.shiny_box {
  background: #dbe8bf; /* fff 0066FF */
  border-color: #848484 #c2c2c2 #c2c2c2 #c2c2c2; /* #A7A7A7 #CCCCCC #CCCCCC #CCCCCC */
  border-style:solid;
  border-width:2px;
  width: 170px; /* 210 */
  overflow: hidden;
  text-align: left;
  padding: 5px 5px 5px 7px; /* 10 */
  font-size: 85%;
  line-height: 1.2;
  margin-top: -2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px; /* for old Konqueror browsers */
  border-radius: 6px; /* future proofing */
}
.shiny_box ul li { margin-left: 15px;}
.shiny_box p {
  padding: 0;
  margin: 0;
  width: 158px;
}

.shiny_boxAU {
  background: #dbe8bf; /* fff 0066FF */
  border-color: #848484 #c2c2c2 #c2c2c2 #c2c2c2; /* #A7A7A7 #CCCCCC #CCCCCC #CCCCCC */
  border-style:solid;
  border-width:2px;
  width: 170px; /* 210 */
  overflow: hidden;
  text-align: left;
  padding: 5px 5px 5px 7px; /* 10 */
  font-size: 85%;
  line-height: 1.2;
  margin-top: -2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px; /* for old Konqueror browsers */
  border-radius: 6px; /* future proofing */
  display:none; 
  position: absolute; 
  top: 6px; 
  left: 155px;
}
.shiny_box ul li { margin-left: 15px;}
.shiny_box p {
  padding: 0;
  margin: 0;
  width: 158px;
}

.bulleted {
  list-style-type: disc;
  margin-left: 20px;
}

.instruction {
  width: 32em;
  text-align: left;
  /*
  margin-left:auto;
  margin-right:auto;
  */
}

.number {text-align: right;}

.success {
  /*margin-left: 17px;*/
  font-weight: bold;
  text-align: left;
  width:300px;
  padding: 5px 10px;
  /*
  margin-left:auto;
  margin-right:auto;
  */
  background-color: #b1ce73;
  border: 1px solid #5f893c;
}
/*
.successBullet {
  background-color: #b1ce73;
  border: 1px solid #5f893c;
  width: 7px;
  height: 7px;
  float: left;
  margin-right: 5px;
}
*/

.required, .important { font-weight: bold; }
.empty { background-color: #B4C5C5; }
.entered { background-color: white; }
.incomplete { color: white; background-color: white; }
.complete { color: #333; background-color: #9f9; }
.warning { color: #333; background-color: yellow; }
.smalltext { font-size: 82%; }
.scooted_up { margin-top: -36px; }
.error { color: red; }
.disabled {
  color: #757575;
  background-color: #ebebe4;
  font-weight: bold;
}
.noneditable {
  color: #757575;
  background-color: #ebebe4;
}
.editable {
  color: #333;
  background-color: #fff;
}

a {color:#009de7; text-decoration: underline;}
a:hover {text-decoration: underline;}
a:visited {color:#009de7;}