html, 
body,
form
{
    font-family:Arial;
    font-size:13px;
    margin:0;
    padding:0;
    border:none;
    width:100%;
    background-color:#EDEDED;
}

/* HTML tags */
a 
{
    cursor:pointer;
}
input,
select,
textarea
{
    color: #000000;
    font-family: Arial;
    font-size:1em;
}
img
{
    border: 0px;
}

.subtbl tr td
{
    font-size: 13px;
    border: solid 0px #FFFFFF;
    vertical-align:top;
    text-align:left;
    padding: 2px;

}

table.list th.sort, 
table.list th.sortd {
    cursor: pointer;
    color: cornflowerblue;
    white-space:nowrap;
}

/* tables */
td
{
    font-size: 13px;
    border: solid 0px #FFFFFF;
    vertical-align:top;
    text-align:left;
    padding: 8px;
}
th
{
    font-size: 13px;
    border: solid 0px #FFFFFF;
    vertical-align:top;
    text-align:left;
    padding: 8px;
    font-weight:bold;
}

.tddet
{
    vertical-align:top;
    text-align:right;
}

.thdash
{
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	vertical-align:bottom;
}

table.detail td
{
    border-spacing:0;
    padding:5px 5px 5px 5px;
}

table
{
    border-collapse: collapse;
    padding-bottom:5px;
    font-size:13px;
}

table.tdata
{
    border-collapse: collapse;
    padding-bottom:5px;
    font-size:13px;
}

table.tdata td
{
    border-spacing:0;
    padding-left:8px;
    padding-right:8px;
    padding-top:2px;
    padding-bottom:2px;
}

table.list
{
    border: solid 1px #797979;
    width:100%;
    min-width:300px;
}
table.list td
{
    border-spacing:0;
    padding-left:8px;
    padding-right:8px;
    padding-top:8px;
    padding-bottom:8px;
}

table.list th,
table.list th a
{
    color:#000000;
    font-weight:bold;
    background-color:#F5F5F5;
    text-align: left;
    padding-left:8px;
    padding-right:8px;
    padding-top:8px;
    padding-bottom:8px;
    border-bottom: solid 1px #797979;
    white-space: nowrap;
}

table.sublist
{
    border: solid 0px #797979;
}

table.calendar
{
	font-family:Arial;
	font-size:10px;
    border: 1px solid #999999 !important;
    width:100%;
}

table.calendar td
{
    border: 1px solid #999999 !important;
    border-spacing:0;
    padding:4px 4px;
}

table.calentry
{
	font-family:Arial;
	font-size:9px;
    border: 0px solid #999999 !important;
    width:100%;
}

table.calentry td
{
    border: 0px solid #999999 !important;
    border-spacing:0;
    padding:2px 2px;
}

table.calentry td a
{
    border: 0px solid #999999 !important;
	text-decoration: none;
}

table.calendar div
{
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

table.grid
{
	border-collapse:collapse;
	border:1px solid #AAAAAA;
}

table.grid td
{
	border:1px solid #AAAAAA;
}

td.td0
{
    background-color:#FFFFFF;
}

.dt1
{
    background-color:#EEEEEE;
}

tr.dt0
{
    background-color:#FFFFFF;
}
tr.dt1
{
    background-color:#EEEEEE;
}

li.du0
{
    background-color:#FFFFEE;
}
li.du1
{
    background-color:#FFEEFF;
}
li.du2
{
    background-color:#EEFFFF;
}


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 */
.imgwait
{
    border-radius:10px;
    width: 30px;
    height: 30px;
}

.pageHelp
{
    margin-top:-5px;
	color: #008000;
    font-style:italic; 
}
	
.pageError
{
    margin-top:-5px;
    color:#f00;
}
.error
{
    color: #f00;
    font-weight: bold;
}

.messages
{
    height:auto;
}

.warn
{
	color: #0000FF;
}

.warning
{
	padding: 2px 3px 2px 3px;
/*	margin-top: 5px;*/
/*	margin-right:40px;*/
    text-align:center;
    color: #007777;
/*    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; 
}

.dhelp
{
    color: #001547; 
    font-style:italic; 
}

.lghelp
{
    color: #008000;
    font-style: italic;
    font-size: 16px;
}
.help
{
    color: #008000; 
    font-style:italic; 
}
.question
{
    text-align:right;
    white-space:nowrap;
}

ol.noindent
{
    margin-top:0px;
    margin-bottom:0px;
}

ol.noindent li
{
    margin-left:-20px;
}

ul.noindent
{
    margin-top:0px;
    margin-bottom:0px;
}

ul.noindent li
{
    margin-left:-20px;
}


ul.notelist
{
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
   text-indent: -1em;
}

ul.notelist li
{
    margin-bottom: 6px;
}

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: 13px;
	text-decoration:none;
	color:#000099;
	padding-left: 5px;
	display:block;
}

.dimmer
{
	font-size: 13px;
	text-decoration:none;
	color:#000099;
	padding-left: 5px;
}

div.step
{
	margin-left:.5in;
	margin-top: .25in;
}

div.nmu
{
	display:inline;
	font-size:13px;
	text-decoration:underline;
}

div.listcontainer
{
	float:left;
	display:block;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	border: 1px solid #E59546;
	width: 95%;
}

div.tabcontainer
{
	float:left;
	display:block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:100%;
}

div.tab
{
	float:left;
	display:inline;
	border-top:1px solid #E59546;
	border-left: 1px solid #E59546;
	border-right: 1px solid #E59546;
	background-color: #EEEEEE; 
	margin:3px 0px 0px 3px;
	padding:3px 20px 0px 20px;
}

div.tab a
{
	text-decoration: none;
}

div.contactinfo
{
	float:left;
	margin-left:50px;
	min-width:300px;
}

div.othername
{
	display:inline;
	font-size:8pt;
	font-weight:lighter;
}

div.tabcount
{
	display:inline;
	font-size:8pt;
	font-weight:lighter;
	margin-left:5px;
}


div.tablist
{
	display:block;
	float:left;
	margin-left:0px;
	margin-right:30px;
	min-width:500px;
}

div.list
{
	float:left;
	margin-left:20px;
	min-width:300px;
}

/* Data Pager */
div.datapager {
    float: right;
    /*width:250px;*/
    text-align: right;
    /* padding-top:5px; */
}
div.recordcount
{
    float:left;
    width:300px;
    font-style:italic;
    margin-bottom:3px;
}
div.recordcount span
{
    font-style:normal;
}
a.pager,
.currentpage,
a.pagerbtn
{
    border: solid 1px #C2C2C2;
    padding: 2px 5px;
    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;
    width:100%;
    line-height:30px; 
}

.searchfieldsnotitle
{
    text-align:left;
    margin-bottom:20px;
}

.pageButtons
{
    float:right;
    margin-top:5px;
    margin-right:30px;
}

.msgsection
{
    margin-left:20px;
}

.selectButtons
{
	float:right;
	margin-top:0px;
}

.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;
    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 */

.buttonimg
{

}

.button, .button:visited {
    background: #002060 repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    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
}

.button:hover { background-color: #008080; color: #fff; }

.button:active { top: 1px; }

a.button:hover
{
    background-color:  #e0f809;
    color: #002060 !important; 
    text-decoration: none;
    border: 0px solid black;
}

input.button {
    border-style:none;
}

a.button, a.button:link, a.button:visited {
    color:#fff;
}

.small.button, .small.button:visited { font-size: 11px}

.button, .button:visited,
.medium.button, .medium.button:visited { 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 1; 
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}
.large.button, .large.button:visited { 
    font-size: 14px; 
    padding: 8px 14px 9px; 
}
.super.button, .super.button:visited { 
    font-size: 34px; 
    padding: 8px 14px 9px; 
}
.tiny.button, .tiny.button:visited 
{
    font-size:9px;
    padding: 2px 2px 2px;
}

.button:hover { background-color: #e0f809; color: #000; }

.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: 11px;
	background-color: #AEFF00;
	margin-top:5px;
	margin-left:5px;
	padding: 8px 8px 8px 8px;
	color: #111111; 
	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;
}

.SSsignoff {
	border: 0 solid #FF0000;
    color: #FF0000;
}

.SSbillable {
	border: 0 solid #00BF04;
    color: #00BF04;
}

.SSnotbillable {
	border: 0 solid #0000FF;     
	color: #0000FF;
}

.SSnotservice {
	border: 0 solid #FFFFFF; 
	color: #AAAAAA;            
}
 
.SSother {
	border-color: #36c; /* default BACKGROUND color */
	color: #fff;            /* default TEXT color */
}

.popupHours {
    position: fixed;
    top: 30%;
    left: 40%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 1000;
    box-shadow: 0px 0px 10px #666;
    width: 350px;
}

.overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.buttonHours {
    padding: 5px !important;
}