﻿html, 
body,
form
{
    margin:0;
    padding:0;
    border:none;
    width:100%;
/*    height:100%; */
}

/* HTML tags */
a 
{
    cursor:pointer;
}
input,
select,
textarea
{
    color: #000000;
    font-family: Arial;
    font-size:14px;
}
img
{
    border: 0px;
}

/* tables */
td
{
    border: solid 0px #FFFFFF;
    vertical-align:top;
    text-align:left;
}
th
{
    text-align: left;
}

.tbldetail td.tdradio
{
    padding-top:12px;
}

.tblhist td
{
    padding:10px;
}

.tblhist tr.tr0
{
    background-color: #eeeeee;
}

.tblhist tr.tr1
{
    background-color: #fefefe;
}

.tbllb
{
    border-collapse:collapse;
    border: 1px solid #cccccc;
}

.tbllb td
{
    padding: 2px 5px 2px 5px;
    border: 1px solid #cccccc;
}

.tbllb th
{
    border: 1px solid #cccccc;
    padding: 2px 5px 5px 5px;
}

div.iepsel
{
    padding:5px;
    margin:1px;
    background-color: greenyellow;
    cursor:pointer;
}

div.iepnosel 
{
    padding: 5px;
    margin: 1px;
    background-color: #dddddd;
    cursor:pointer;
}

.divbox {
    background-color: #f1f1f2; /*rgba(254,196,101,.5);*/
    padding: 20px;
    margin-top: -5px;
}

.divboxtop {
    background-color: #fec465; /*rgba(254,196,101,.5);*/
    padding: 20px;
    margin-top: -5px;
}

.divboxtopM {
    background-color: #fec465; /*rgba(254,196,101,.5);*/
    padding: 5px;
    margin-top: -5px;
}

table.divboxes
{
    margin-left:30px;
    margin-right:30px;
}

table.divboxes td
{
    padding: 5px;
}

.tddet
{
    vertical-align:top;
    text-align:right;
}

.thdash
{
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	vertical-align:bottom;
}

#table-wrapper {
    position:relative;
}

#table-scroll {
    height:250px;
    overflow:auto;  
    margin-top:20px;
}

#table-wrapper table {
    width:100%;
}

#table-wrapper table * {
    background:white;
    color:black;
}

#table-wrapper table thead th .text {
    position:absolute;   
    top:-20px;
    z-index:2;
    height:20px;
    width:35%;
    border:1px solid red;
}

table
{
    border-collapse: collapse;
}

.list h2
{
    margin-left:30px;
}

.list table
{
    margin-left:30px;
}

.list table td
{
    padding:10px;
}

table.subdetail td 
{
    padding: 4px;
}


table.list
{
    border: solid 1px #797979;
    width:98%;
    min-width:300px;
    margin-left:20px;
    margin-right:20px;
}
table.list td
{
    border-spacing:0;
    padding:10px;
}
table.list th
{
    color:#000000;
    font-weight:bold;
    background-color:#F5F5F5;
    text-align: left;
    padding:3px 8px;
    border-bottom:1px solid  #797979;
}

table.list th a
{
    color:#000000;
}

table.list th a img
{
    width:25px;
    margin-bottom:-5px;
    margin-right:5px;
}

table.list th.sort, 
table.list th.sortd 
{
    cursor: pointer;
    color: cornflowerblue;
    white-space:nowrap;
}


table.data
{
    border: solid 0px #797979;
    min-width:300px;
    margin-left:40px;
    margin-right:40px;
}
table.data td
{
    border-spacing:0;
    padding:10px 10px;
}
table.data th
{
    color:#000000;
    font-weight:bold;
    background-color:#F5F5F5;
    text-align: left;
    padding:3px 8px;
    border-bottom:1px solid  #797979;
}

table.data th a
{
    color:#000000;
}

table.data th a img
{
    width:25px;
    margin-bottom:-5px;
    margin-right:5px;
}

table.entry
{
    border: solid 0px #797979;
    margin-left:20px;
    margin-right:20px;
}
table.entry td
{
    border-spacing:0;
    padding:10px 10px;
}
table.entry th
{
    color:#000000;
    font-weight:bold;
    background-color:#F5F5F5;
    text-align: left;
    padding:3px 8px;
    border-bottom:1px solid  #797979;
}

table.entry th a
{
    color:#000000;
}

table.entry th a img
{
    width:25px;
    margin-bottom:-5px;
    margin-right:5px;
}


table.nopad
{
    border: 0px solid #ffffff;
}

table.nopad td
{
    border-spacing:0;
    padding:1px 1px;
}

table.calendar
{
	font-family:Arial;
	font-size:12px;
    border: solid 1px #999999;
    width:100%;
}

table.calendar td
{
    border: solid 1px #999999;	
    border-spacing:0;
    padding:4px 4px;
}

table.calentry
{
	font-family:Arial;
	font-size:11px;
    border: solid 0px #999999;
    width:100%;
}

table.calentry td
{
    border: solid 0px #999999;	
    border-spacing:0;
    padding:2px 2px;
}

table.calentry td a
{
	border: solid 0px #999999;
	text-decoration: none;
}

table.calendar div
{
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

table.grid
{
	border-collapse:collapse;
	border:1px solid #AAAAAA;
}

table.grid td
{
	border:1px solid #AAAAAA;
}

tr.dt0 {
    background-color: #fdfdfd;
}
tr.dt1 {
    background-color: #eeeeee;
}

tr.dthi
{
	background-color:#AEFF00;
}

tr.dte
{
	background-color:#FFAAAA;
}

tr.dtw
{
	background-color:#AAAADD;
}

tr.dtdm
{
	color: #999999;
	background-color:#555555;
}
 
tr.dtgoal
{
	color: #555555;
	background-color: #DDDDDD;
}

tr.dt1 td 
{
    border-top: solid 1px #D2E6FF;
    border-bottom: solid 1px #D2E6FF;
}

tr.dthi td
{
	background-color:#AEFF00;
}

tr:last-child td
{
    border-bottom: none;
}
tr.selected
{
    background-color:#FCFBD0;
}

/* custom classes */
.pagehelp
{
    background-image:url("/images/qm.png?vers=2");
    background-repeat:no-repeat;
    width:600px;
    margin-top:25px;
    padding-top:-5px;
    border-top:1px solid #000080;
	color: #000080;
    font-style:italic; 
}

.pageHelp
{
    padding-left:20px;
	color: #008000;
    font-style:italic; 
}
	
.pageError
{
    padding-top:10px;
    padding-left:20px;
    color:#f00;
    font-weight:bold;
}
.error
{
    color: #f00;
    font-weight: normal;
}

.warn
{
	color: #0000FF;
}

.warning
{
	padding: 2px 3px 2px 3px;
/*	margin-top: 5px;*/
/*	margin-right:40px;*/
    text-align:center;
    color: #007777;
    font-weight:bold;
/*    color: #0000FF; */
    font-weight: normal;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	max-height:200px;	
}

.warnhead
{
	padding: 0px 0px 0px 0px;
	text-align:center;
    color: #0000FF;
    font-weight: normal;
}

.info
{
    color: #008000; 
}
.help
{
    color: #598234;
    font-style:italic; 
}
.helpil {
    display:inline-block;
    padding-left: 5px;
    color: #598234;
    font-style: italic;
}
.question
{
    text-align:right;
}
ul.simplelist
{
    margin:0;
    padding:0;
}
ul.simplelist li
{
    list-style:none;
    position:relative;
}
fieldset
{
    background-color:#F2FBFB;
    border: solid 1px #507D82;
    margin:0;
    margin-bottom:10px;
    padding:5px;
    width:250px;
    *position: relative;
    *padding-top:20px;
    display:block;
}
legend
{
    color:#3F251C;
    font-weight:bold;
    *position:absolute;
    *top: -10px;
    *left: 10px;
    *margin-top:10px;
}
.tdcenter,
tr.tdcenter td
{
    text-align:center;
}
.tdright
{
    text-align:right;
}
.clear
{
    clear:both;
}
.photoleft
{
    float:left; 
    padding-right:10px; 
    padding-bottom:10px;
}
.photoright
{
    float:right; 
    padding-left:10px; 
    padding-bottom:10px;
}
.norecords
{
    color:Red;
    text-align:center;
}

.atdimmer, .addimmer
{
	font-size: 14px;
	text-decoration:none;
	color:#000099;
	padding-left: 5px;
	display:block;
}

.dimmer
{
	font-size: 14px;
	text-decoration:none;
	color:#000099;
	padding-left: 5px;
}

div.step
{
	margin-left:.5in;
	margin-top: .25in;
}

div.nmu
{
	display:inline;
	font-size:14px;
	text-decoration:underline;
}

div.listcontainer
{
	float:left;
	display:block;
	padding: 15px 20px 15px 30px;
	margin: 0px 20px 0px 20px;
	border: 1px solid #F98866;
	width: 95%;
}

div.tabcontainer
{
	float:left;
	display:block;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width:95%;
}

div.tab 
{
    float: left;
    padding: 4px 30px 4px 30px;
}

.tabon 
{
    background-color: #80BD9E;
    color: #FFFFFF;
    border-top: 1px solid #80BD9E;
    border-left: 1px solid #80BD9E;
    border-right: 1px solid #80BD9E;
}

.taboff 
{
    background-color: #EEEEEE;
    color: #444444;
    border-top: 1px solid #F98866;
    border-left: 1px solid #F98866;
    border-right: 1px solid #F98866;
}


.tabon a
{
    color: #FFFFFF !important;
	text-decoration: none;
}


.taboff a 
{
    color: #444444 !important;
    text-decoration: none;
}

div.tabmsgcontainer {
    float: left;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}

div.tabmsg {
    float: left;
    border-top: 1px solid #F98866;
    border-left: 1px solid #F98866;
    border-right: 1px solid #F98866;
    background-color: #EEEEEE;
    padding: 3px 20px 0px 20px;
}

div.tabmsgon {
    float: left;
    border-top: 1px solid #F98866;
    border-left: 1px solid #F98866;
    border-right: 1px solid #F98866;
    background-color: #E59546;
    margin: 3px 0px 0px 3px;
    padding: 3px 20px 0px 20px;
}

div.tabmsg a, div.tabmsgon a
{
	text-decoration: none;
}

div.contactinfo
{
	float:left;
	margin-left:50px;
	min-width:300px;
}

div.othername
{
	display:inline;
	font-size:10px;
	font-weight:lighter;
}

div.tabcount
{
	display:inline;
	font-size:10px;
	font-weight:lighter;
	margin-left:5px;
}


div.tablist
{
	display:block;
	float:left;
	margin-left:0px;
	margin-right:30px;
	min-width:500px;
}

div.list
{
	margin-left:20px;
	min-width:300px;
}

/* Data Pager */
div.datapager {
    float:right;
    width:250px;
    text-align:right;
    padding-right:20px;
    margin-top:10px;
    /* padding-top:5px; */
}
div.recordcount
{
    float:left;
    width:300px;
    font-style:italic;
    margin-bottom:3px;
    margin-top:10px;
    padding-left:20px;
}
div.recordcount span
{
    font-style:normal;
}
a.pager,
.currentpage,
a.pagerbtn
{
    border: solid 0px #C2C2C2;
    padding: 2px 2px;
    font-size:14px;
}
.currentpage
{
    font-weight:bold;
}
a.pagerbtn[disabled]
{
    color:Gray;
}
a.pagerbtn[disabled]:hover
{
    text-decoration:none;
}

.searchfields
{
    text-align:left;
    margin-bottom:10px;
    background-color: rgba(128,189,159,0.5);
    padding: 20px 20px 20px 20px;
    color: black;
    min-height: 20px;
}

.searchfieldsnotitle
{
    text-align:left;
    margin-bottom:20px;
}

.pageButtons
{
    float:right;
    padding-top:10px;
    margin-bottom:5px;
    margin-right:30px;
}

#btnAdd
{
    width: 40px !important;
}

.selectButtons
{
	float:right;
	margin-top:0px;
    margin-bottom:10px;
    margin-right:10px;
}

.selectButtonsNM {
    float: right;
}


.clicker {
    background: #222 url('/images/button_overlay.png') repeat-x; 
    display: inline-block; 
    margin-right:2px;
    text-align:center;	
    width: 40px;
    padding: 5px 0px 5px 0px;
    margin-bottom: 3px;
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer
}

/* Buttons */

input.button {
    border-style:none;
}

.small.button, .small.button:visited 
{ 
    color: #193463 !important;
    margin-top:0px !important;
    font-size: 11px;
    padding: 4px 8px 4px 8px;
}

.button, .button:visited,
.medium.button, .medium.button:visited { 
    font-size: 14px; 
    font-weight: bold; 
    line-height: 1; 
}
.large.button, .large.button:visited { 
    font-size: 16px; 
    padding: 8px 14px 9px; 
}
.super.button, .super.button:visited { 
    font-size: 34px; 
    padding: 8px 14px 9px; 
}
.tiny.button, .tiny.button:visited 
{
    font-size:10px;
    padding: 2px 2px 2px;
}

.button:hover { background-color: #cf002a; color: #fff; }

.pink.button, .pink.button:visited		    { background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #C13933; } /* #e62727; } */
.red.button:hover							{ background-color: #cf2525; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }

/* Refine all of the button stuff for something called buttonnd (no disappear) so it won't disappear when clicked */

/* Watermark */

.watermark
{
    color:#A6A6A6;
}

/* Maxlength */

.maxlengthStatus
{
    color:Green;
}
.maxlengthStatusEnd
{
    color:Red;
}

/* Twitter */ 

.tweet, .query {
  font-family: Georgia, serif;
  font-size: 120%;
  color: #085258; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #8ADEE2; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #0C717A; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #91E5E7; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
    .tweet_time { padding-left:8px; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }

span.show-tooltip-text {
    display: none;
    position: absolute;
    font-size: 12px;
    background-color: #80BD9E;
    margin-top: 5px;
    margin-left: 5px;
    padding: 8px 8px 8px 8px;
    color: #000000;
    width: 400px;
    font-weight: lighter;
}
        
.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left:10px;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #006699;
    cursor: pointer;
}
#divwidth
{
    width: 150px !important;    
}
#divwidth div
{
	width: 150px !important;   
}

.SSincomplete 
{
	border: 0 solid #FF00FF;
    color: #FF00FF;
    font-weight: bold;
}

.SSsignoff {
    border: 0 solid #FF0000;
    color: #FF0000;
    font-weight: bold;
}

.SSbillable {
    border: 0 solid #00BF04;
    color: #00BF04;
    font-weight: bold;
}

.SSnotbillable {
    border: 0 solid #0000FF;
    color: #0000FF;
    font-weight: bold;
}

.SSnotservice {
    border: 0 solid #FFFFFF;
    color: #AAAAAA;
    font-weight: bold;
}

.SSother {
    border-color: #36c; /* default BACKGROUND color */
    color: #fff; /* default TEXT color */
    font-weight: bold;
}
