/* STYLES FOR BODY */
body { font-family: verdana, arial;}
//.topbg { background: #ffffff url(images/top_bg.gif) repeat-x; }
.pop { background-color: #ffffff; }
.body { background-color: #666666; }
h3 { margin-bottom: 0; }
h4 { font-size: 13px; margin: 0; color: #fff;  }

/* GENERIC CLASSES */
.hidden { display: none; }

A{ color: #333333; text-decoration:none;}
A:hover { color: #555555; text-decoration:none;}
A.greenLink { color: #4fc000; }
A.greenLink:hover { color: #459a0a; }


A.body { font-family: verdana, arial; font-size: 11px; color: #333333; text-decoration:none;}
A.body:hover { font-family: verdana, arial; font-size: 11px; color: #555555; text-decoration:none;}

.bodyPop { background-color: #ffffff; }
A.bodyPop { font-family: verdana, arial; font-size: 11px; color: #333333; text-decoration:none;}
A.bodyPop:hover { font-family: verdana, arial; font-size: 11px; color: #555555; text-decoration:none;}
.popupHeader { background-color: #4fc000; }
.popupHeader a { color: #fff; }
.popupHeader a:hover { color: #fff; text-decoration: underline; }
TH { text-align: center; padding: 5px; }
.bodyPop TD { font-size: 12px; /*line-height: 18px;*/ }
.toolButton { background-color: #666; padding: 0 10px; white-space: nowrap; }
.green { background-color: #4fc000; }
.borderLeft { border-left: 1px solid #fff; }
.whiteText { color: #fff !important;  }
.nowrap { white-space: nowrap;}
.close { color: #fff; font-family: verdana, arial; font-size: 11px; padding: 0 10px;}
.rowCategory    { background-color: #666666; }
.rowHeader    { background-color: #4fc000; }
.rowSubHeader    { background-color: #555555; } 
.rowDone    { background-color: #555555; }
.rowTimerOn { background-color: #555555; }    
.rowNew  td {  border-top: 2px solid #4fc000 !important; border-bottom: 2px solid #4fc000 !important; background-color: #87be74;}
.rowNew  td.leftSide {  border-left: 2px solid #4fc000;  }
.rowNew  td.rightSide {  border-right: 2px solid #4fc000;  }
.rowEdit    { background-color: #e5e5e5; }
.rowBlank  { background-color: #ffffff; }
.row0  { background-color: #eeeeee; }  
.row1  { background-color: #dddddd; }    
.row2  { background-color: #cccccc; }  
.row3  { background-color: #bbbbbb; } 
.row4  { background-color: #aaaaaa; }
.row5  { background-color: #999999; }
.row6  { background-color: #888888; }
.row7  { background-color: #777777; }
textarea.fullwidth { width: 100%; }
.revTable { width: 100%; }
.revTable td { border-bottom: 1px solid #ddd; }
tbody.toggler td { cursor: pointer; }
td.roundHeader { background-color: #888; padding: 10px 15px;  }
.toggler td.roundHeader h4 { position: relative; padding-left: 20px; background-repeat: no-repeat; background: transparent url(../images/icon_row_toggle.png) no-repeat top left; line-height: 13px; }
td.roundHeader.on h4 { background-position: left -17px; }
h4.newRoundHeader { float: left; }
a.toggleDisplayAll { display: block; position: absolute; right: 0px; top: -2px; z-index: 2; color: #fff; font-size: 12px; background: transparent url(../images/icon_row_toggle_big.png) no-repeat top right; line-height: 17px; padding-right: 22px;}
a.toggleDisplayAll:hover { color: #fff; text-decoration: underline;}
a.toggleDisplayAll.on { background-position: right -17px; }

/* STYLES FOR COPY TEXT */
.normal   { font-family: verdana, arial; font-size: 10px; color: #000000; }
.normalWhite   { font-family: verdana, arial; font-size: 10px; color: #ffffff; }
.normalWhiteBold   { font-family: verdana, arial; font-size: 12px; color: #ffffff; font-weight: bold;}
.side	   { font-family: verdana, arial; font-size: 12px; color: #555555; text-decoration:none;}
.head1   { font-family: verdana, arial; font-size: 18px; color: #4fc000; font-weight: bold;}
.head1White   { font-family: verdana, arial; font-size: 18px; color: #ffffff; font-weight: bold;}
.head2   { font-family: verdana, arial; font-size: 14px; color: #000000; font-weight: bold;}
.head2Red   { font-family: verdana, arial; font-size: 14px; color: #cc3300; font-weight: bold;}
.head2White   { font-family: verdana, arial; font-size: 14px; color: #ffffff; font-weight: bold;}
.head3   { font-family: verdana, arial; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none;}
.head3White   { font-family: verdana, arial; font-size: 10px; color: #ffffff; font-weight: bold;}

.button   { font-family: arial, verdana; font-size: 12px;}
.sup     { font-family: verdana, arial; font-size: 7px;}
.field { font-family: verdana, arial; font-size: 10px; color: #000000; }
.breadcrumb_arrow { background: #666666 url(../images/breadcrumb_arrow.png) no-repeat center center; width: 36px; }

A.reg:link { font-family: verdana, arial; font-size: 10px; color: #333333; text-decoration:none;}
A.reg:visited { font-family: verdana, arial; font-size: 10px; color: #333333; text-decoration:none;}
A.reg:active { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none;}
A.reg:hover { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none;}

A.reg2:link { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none;}
A.reg2:visited { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none;}
A.reg2:active { font-family: verdana, arial; font-size: 10px; color: #333333; text-decoration:none;}
A.reg2:hover { font-family: verdana, arial; font-size: 10px; color: #333333; text-decoration:none;}

A.reg3:link { font-family: verdana, arial; font-size: 14px; color: #319900; text-decoration:none;font-weight: bold;}
A.reg3:visited { font-family: verdana, arial; font-size: 14px; color: #319900; text-decoration:none;font-weight: bold;}
A.reg3:active { font-family: verdana, arial; font-size: 14px; color: #4fc000; text-decoration:none;font-weight: bold;}
A.reg3:hover { font-family: verdana, arial; font-size: 14px; color: #4fc000; text-decoration:none;font-weight: bold;}

A.regBold:link { font-family: verdana, arial; font-size: 10px; color: #333333; text-decoration:none; font-weight: bold;}
A.regBold:visited { font-family: verdana, arial; font-size: 10px; color: #333333; text-decoration:none; font-weight: bold;}
A.regBold:active { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none; font-weight: bold;}
A.regBold:hover { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none; font-weight: bold;}

A.regRed:link { font-family: verdana, arial; font-size: 10px; color: #cc3300; text-decoration:none;}
A.regRed:visited { font-family: verdana, arial; font-size: 10px; color: #cc3300; text-decoration:none;}
A.regRed:active { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none;}
A.regRed:hover { font-family: verdana, arial; font-size: 10px; color: #555555; text-decoration:none;}

A.regWhite:link { font-family: verdana, arial; font-size: 10px; color: #ffffff; text-decoration:underline;}
A.regWhite:visited { font-family: verdana, arial; font-size: 10px; color: #ffffff; text-decoration:underline;}
A.regWhite:active { font-family: verdana, arial; font-size: 10px; color: #ffffff; text-decoration:underline;}
A.regWhite:hover { font-family: verdana, arial; font-size: 10px; color: #ffffff; text-decoration:underline;}

A.regBig:link { font-family: verdana, arial; font-size: 14px; color: #333333; text-decoration:none; font-weight: bold;}
A.regBig:visited { font-family: verdana, arial; font-size: 14px; color: #333333; text-decoration:none; font-weight: bold;}
A.regBig:active { font-family: verdana, arial; font-size: 14px; color: #555555; text-decoration:none; font-weight: bold;}
A.regBig:hover { font-family: verdana, arial; font-size: 14px; color: #555555; text-decoration:none; font-weight: bold;}

/*LOGIN*/
#login { margin: auto; width: 400px;  }
#login h1 { font-size: 24px; }
#login_fields { background-color: #7dbb67; color: #fff; margin: auto; padding: 10px 20px 30px 20px; font-size: 14px; text-align: center; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
#login_fields table { margin: auto; }
#login_fields .label { text-align: right; }
#login_fields td {  padding: 3px; text-align: left; } 
#login #copyright { font-size: 10px; color: #999; text-align: center; padding: 6px; }
#login_btn { width: 150px; }

/*GENERAL*/
.divider   { background-color: #ffffff;}
.revTable textarea { font-size: 12px;}
.revTable td { width: 100px; }
.revTable td.revDescription { width: 80%; }
 

.list {list-style-image: url(../gl_images/bullet_reg.gif)}
.messageTitle { max-width: 500px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.icon_desc { background: transparent url(../images/icon_desc.gif) no-repeat 100% center; padding-right: 20px; }
.icon_asc { background: transparent url(../images/icon_asc.gif) no-repeat 100% center; padding-right: 20px; }


.tab { 
  float: left;
  margin-top: 2px;
  display: block;
  border: 1px solid #fff;
  font-size: 14px;
  background-color: #999;
  color: #fff !important;
  padding: 3px 10px 2px 10px;

  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.new-page { float: left; margin: 9px 0 0 -6px; }

.tab-on { background-color: #4fc000;}
.logout { color: #fff !important; font-size: 11px; margin-right: 10px; }
.logout a { color: #fff !important; }

/* FOR TEXTAREA AUTO RESIZE JQUERY PLUGIN */
.full-width-hack { padding-right: 20px; }

/* HIT AREA STYLES */
.hit a { display: block; padding: 15px 15px 15px 15px; text-decoration: none; color:#000; z-index:99; }
.hitOpen a {}
.hit a:hover  { opacity: .80; filter: alpha(opacity=80); }
.checkBox {  z-index: 99; }

/* FILES STYLES */
.success { background-color: #c9f9a8; padding: 3px; }
.error { background-color: #cc3300; color: #fff; padding: 3px; }
.bodyPop .files { list-style: none; padding: 0; margin: 0; }
.bodyPop .files a { color: #4fc000; text-decoration: underline; }
.bodyPop .file { display: block; }
div.files  { font-size: 12px; padding: 5px;}
div.files button { font-size: 10px; }
div.files .file { display: block; padding: 3px; white-space: nowrap; min-width: 150px; }
div.files a { color: #666;  }
.rowNew div.files a { color: #fff; }
.row0 div.files a { color: #4fc000; }
div.files .file_delete { display: none; }
div.files .file:hover .file_delete { display: inline-block; margin-left: 5px; font-weight: bold; }
.cya { font-size: 9px; color: #999; position: absolute; bottom: 0px;}
  
/* ARCHIVES STYLES */
#archiveList { color: #fff; font-size: 10px; }
#archiveList select { margin-bottom: 3px; height: 20px; line-height: 10px; padding-top: 0px; padding-bottom: 0px; }

/*------------------------------------`----------------------------------------------------------------
UI FORM FIELDS 
Inspired by Twitter Bootstrap
http://twitter.github.com/bootstrap/
----------------------------------------------------------------------------------------------------*/
button { text-transform: uppercase; min-width: 130px }
::-moz-focus-inner { border: 0; padding: 0; }
input[type="search"]::-webkit-search-decoration { display: none; }
input, button, select, textarea { margin: 0; }
input[type="radio"], input[type="checkbox"] { top: 3px; /* IE8, IE9, IE10 */ top: 0\0; /* IE7 */ *top: -3px; }

button,
input[type="submit"],
input[type="file"] 
{ font-size: 12px; }


button,
input[type="reset"],
input[type="submit"],
input[type="button"]
 {

  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  /*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font-weight: bold;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button { /* IE7 */ *padding-top: 1px; *padding-bottom: 1px; }
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #aaa #c1c1c1 #e1e1e1;
  outline: 0;
  padding: 5px 3px 4px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;


  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
  
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  
  
}

select { height: 25px; line-height: 16px;}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder { color: #888; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #888; }

input.placeholder_text, textarea.placeholder_text { color: #888; }

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);

  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select { background-image: url(../images/select_arrow.gif); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
  select[size], select[multiple] { background-image: none; padding: 0; }
  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 13px/17px 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
    height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border: 0;
  }
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(140,140,140,0.9);
}
/*----------------------------------------------------------------------------------------------------
END FORM FIELDS 
----------------------------------------------------------------------------------------------------*/