/* styles for our header */
body {
  margin: 0;
  overflow: hidden;
  background-color: #e3e3e3;
  overflow:auto;
}
#container {
background-color:#FFFFFF;
border:0 solid #9D9FA1;
color:#333333;
height:450px;
margin:10px auto;
min-width:1024px;
width:80%;
}
.popup.bg {
  position: fixed;
  position: expression("absolute"); /* Cursor disappearance hack for FF */
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1000;
  /* Make sure overlay.png is larger that 1x1 else IE does weird interpolation */
  background-image: url("../images/css_images/layout/overlay.png");
}

.popup.content {
  margin: 5% auto 0;
  /*background: #fff;*/
  background:#F2F2F2 none repeat scroll 0 0;
  border: 2px ridge #333;
  padding: 15px;
  text-align: left;
  width: 75%;
  height: 75%;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*
.popup.bg {
background-image:url(../images/css_images/layout/overlay.png);
height:100%;
left:0;
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:1000;
}
.popup.content {
background:#AEBFCD none repeat scroll 0 0;
border:2px outset #000000;
height:auto;
margin:5% auto 0;
overflow-x:hidden;
overflow-y:scroll;
padding:15px;
text-align:left;
width:75%;
}
*/
.ir {
background:transparent none no-repeat scroll 0 0;
display:block;
float:left;
margin:2px;
overflow:hidden;
height:0 !important;
text-indent: -999px;
}
.popup .ir.close {
background-image:url(../images/css_images/icons/delete.png);
float:right;
height:16px;
padding-top:16px;
width:16px;
}

div.header {
  background: url(../images/titlefade.png) repeat-x;
  height: 75px
}

/*.header h1 {*/
#LIVE, #BETA {
  margin: 0;
  height: 62px;
  width: 397px;
  text-indent: -999px;
  float: left;
}
#LIVE{
  background: url(../images/concord.png) no-repeat;
}

#BETA{
  background: url(../images/concordBETA.png) no-repeat;
}

.header ul {
  float: right;
  clear: right;
  margin: 31px 20px 0px 0px;
}
      
.header li {
  float: left;
  list-style: none;
  text-indent: -9999px;
  margin-right: 2px;
  width: 128px;
  height: 44px;
 }

.header li a {
  display: block;
  width: 128px;
  height: 44px;
  margin-right: 2px;
  outline: none;
}

.header li.faq {
  background: url(../images/faq_inactive.png) no-repeat;
}

.header li.crm {
  background: url(../images/crm_active.png) no-repeat;
}

.header li.help {
  background: url(../images/help_inactive.png) no-repeat;
}


/*panels*/
#content {
margin:10px 0px 0px 10px;
width:auto;
height:auto;
/*
height: 520px;
overflow:auto;
*/
}

#list_headings{
border: 1px solid black;
position: absolute;
margin-left: 182px;
height: 25px;
overflow:auto;
}

#control_panel {
float: left;
border-bottom: 1px solid #bebebe;
border-left: 1px solid #bebebe;
border-top: 1px solid #bebebe;
width: 170px;
background-color: #e7decf;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-topleft: 8px;
/*overflow: auto;*/
}

input.labelInBox{
color : #C0C0C0;
}

label.checkLabel {
font-weight:normal;
}

#control_panel ul{
list-style-type: none;
margin: 0px 0px 0px 0px;
/*-moz-border-radius-topleft: 8px;*/
}
li.topLI , a.topLI {
-moz-border-radius-topleft: 8px;
}
a.bottomLI {
-moz-border-radius-bottomleft: 8px;
}

#control_panel  li  {
background-color: #ffffff;
/*border-bottom: 1px dotted black;*/
width: 162px;
height: 30px;
text-decoration: none;
padding-right: 8px;
padding-top:0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #bebebe;
}

#control_panel li.link_li{
background-color: transparent;
padding-left: 0px;
width: 161px;
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
}



#control_panel li  a{
padding: 3px 0px 9px 8px;/*padding-right : 160px left ; 8px*/
font-size:medium;
font-weight: bold;
text-decoration: none;
background-color: transparent;
vertical-align:text-top;
width: 161px;
display:block;
height:18px;
text-shadow:0.1em 0.1em 0.1em #F3F3F3;
/*font-family:Georgia,"Times New Roman",Times,serif;*/
}
#control_panel a:hover{
background-color: #FFF;
text-shadow:0.1em 0.1em 0.1em #DDD;
}
#control_panel .current_li {
padding-left: 8px;
padding-top: 3px;
font-size:medium;
font-weight: bold;
width: 154px;
height:27px;
}

#control_panel li.bottomLI{
  border-bottom: 0px;
}

/*
#current_link {
padding-left: 8px;
font-size:medium;
font-weight: bold;
width: 162px;
height:30px;
}
*/
#login_panel {
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-top: 1px solid #bebebe;
position: absolute;
margin-left: 300px;
height: 83%;
overflow:auto;
background-color: #ffffff;

}


#footer{
padding-top:50%;
text-align: right;
color: #888888;
}


#main_panel {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topright:6px;
background-color:#FFFFFF;
border-bottom:1px solid #BEBEBE;
border-right:1px solid #BEBEBE;
border-top:1px solid #BEBEBE;
bottom:5px;
left:181px;
overflow:auto;
padding-left:5px;
padding-top:5px;
position:absolute;
right:10px;
top:85px;
width:auto;

}

#main_panel# {
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
border-top: 1px solid #bebebe;
position: absolute;
/*margin-left: 181px;*/
left: 181px;
/*
height: 83%;
*/
top: 85px;
overflow:auto;
background-color: #ffffff;
padding-left: 10px;
padding-top: 5px;
width: auto;
right: 10px;
bottom: 5px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 8px;
}

#taskMain{
float:left;
width:620px;
}

#taskExtras{
position:absolute;
display:inline;
}
#taskExtras ul{
margin: 0px;
display:inline;
}
#taskExtras li{
list-style-type: none;
border-top: 1px solid #9f9f9f;
border-left: 1px  solid #9f9f9f;
border-right: 1px  solid #9f9f9f;
width: 137px;
background-color: #EFEFEF;
}
#taskExtras a{
display:block;
padding: 3px 3px 5px 20px;

}
#taskExtras a:hover{
background-color: #FFF;
color:#000099;
}
#taskExtras li.lastLI{
border-left: 0px;
border-right: 0px;
height:1px;
margin:0px;
padding:0px;
width:139px;
}

#taskTime, #taskBilling{
font-size:1.2em;
font-weight:bold;
}

.imgAdd{
background-repeat: no-repeat;
background-position: center left;
margin-left: 3px;
}
.imgAdd.print{
background-image:url(../images/css_images/icons/printer.png);
}
.imgAdd.printAdd{
background-image:url(../images/css_images/icons/printer_add.png);
}
.imgAdd.email{
background-image:url(../images/css_images/icons/email.png);
}
.imgAdd.attachment{
background-image:url(../images/css_images/icons/attach.png);
}
.imgAdd.log{
background-image:url(../images/css_images/icons/book.png);
}
.imgAdd.faq{
background-image:url(../images/css_images/icons/star.png);
}
.imgAdd.timesheet{
background-image:url(../images/css_images/icons/clock.png);
}
.imgAdd.invoice{
background-image:url(../images/css_images/icons/money.png);
}
.imgAdd.tanc{
background-image:url(../images/css_images/icons/script_edit.png);
}



div.linkButton{
border:solid 1px Black;
left:630px;

position:absolute;
}

h2.pageTitle {
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: -5px;
  
 padding:0px 5px 2px 9px;
 border-left:   2px solid #9f9f9f;
 border-top:    2px solid #9f9f9f; 
 border-right:  2px solid #585858;
 border-bottom: 2px solid #585858;
 
 background-color: #6785be;  
 color:white;
 font-family:Georgia,"Times New Roman",Times,serif;
 font-size: 1.7em;
}

.header form#search {
  float: right;
  margin: 5px 10px 0;
}

/* START slide in message box */
.inlineAttn {
  background-repeat: no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
  text-align: left;
  padding: 5px 20px 5px 45px;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  margin: 1em 0.5em;
}
.error {
  background-color: #FFDDDD; 
  background-image: url(../images/css_images/icons/error.png);
  border-color: red;
}
.alert {
  background-color: rgb(206,198,193);
  background-image: url(../images/css_images/icons/exclamation.png);
  border-color: rgb(154,148,145);
}
.info {
  background-color: rgb(206,198,193); 
  background-image: url(../images/css_images/icons/information.png);
  border-color: rgb(154,148,145);
}
/* END slide in message box */

input.text, input.title, textarea, select {
/*border:1px solid #BBBBBB;
margin:0em 0;
float:left;*/
margin-bottom:2px;
margin-top:2px;
font-size: 12px;
padding:0px;
width: 131px;
}

hr {
background:#DDDDDD none repeat scroll 0 0;
/*border:medium none;*/
clear:both;
color:#DDDDDD;
float:none;
/*height:0.1em;*/
/*margin:0 0 1.45em;*/
width:100%;
margin-top: 5px;
margin-bottom:2px;
margin-left:0;
margin-right:0;
}
form.controlPanel {
background:#d3dcde none repeat scroll 0 0;
padding: 8px 0px 8px 8px;
border-right: 1px solid #BBBBBB;
}

form.login  {
padding-bottom: 5px;
/*border-bottom: 1px solid #BBBBBB;*/
background:#FFF none repeat scroll 0 0;
border-top: 1px solid #BBBBBB;
-moz-border-radius-bottomleft: 8px;
}

table.filterTable  * {
padding: 0px 0px 1px 0px;
margin-bottom: 0px;
}
table.filterTable  {
width:160px;
}
/*
#############
 CRM CUSTOM 
#############
*/
/*
#main_panel {
height: 83%
width:auto;
right:10px;
}
*/
table.password{
width: auto;
}
table.dataTable{
width: auto;
}
td.dataTable{
background-color: #abcabc;
border: 1px solid #000000;
width: auto;
}

table, td, th {
vertical-align:top;
}

th, td, caption {
padding:2px 2px 2px 2px;
}
table {
margin-bottom:1.4em;
width:100%;
}
table.taskTable{
width:597px;
}
table.taskExtras{
width:280px;
}
input.taskExtrasX{
margin-left: 200px;
}

textarea.viewTaskSummary {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
}
textarea.viewTaskSummaryReadOnly {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
border: none;
}
textarea.newTaskNote {
background:#FFFFFF none repeat scroll 0 0;
}
.table_header {
background:#F8F8F8 none repeat scroll 0 0;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #E8E8E8;
}

td.listCell {
border-bottom: 1px solid;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:0.9em;
line-height:130%;
padding:3px;
}
td.statusOther {
background-color:#FFFFFF;
border-bottom-color:#E1E1E1;
}
td.statusInProgress {
background-color:#D8E9EB;
border-bottom-color:#6BB4DD;
}
td.statusAwaitingReply {
background-color:#F7B597;
border-bottom-color:#FF0000;
}
td.statusDone {
background-color:#EEE7CC;
border-bottom-color:#DBC670;
}
td.statusAwaitingApproval {
background-color:#FFFFBB;
border-bottom-color:#E1E100;
}
td.statusApproved {
background-color:#FFD79B;
border-bottom-color:#F7B597;
}

td{
border:solid 0px #EEE;
}
a.listTask {
text-decoration:none;
font-weight: bold;
font-size:1.1em;
}

a.noDecoration{
text-decoration:none;
}

div.terms h3{
margin-bottom: 0px;
}

p.memoText{
line-height: 1.2em;
}
p.memoHidden, div.memoHidden{
background-color:#F8F8F8;
border: 1px solid #F4C2C2;
padding:2px;
}
div.memoHidden{
border-bottom: 0px;
}

div.memoTitle{
font-size: 12px; 
font-weight: bold;
}

/* REPORTS */
#JobSummary, #JobSummaryFin {
/*border: 1px solid;*/
}

#JobSummary {
float: left;
}
#JobSummary th, #JobSummaryFin th {
text-align:right;
width: 50px;
}

#JobSummary td, #JobSummaryFin td {
padding-left: 15px;
}

#JobSummary textarea {
float: none;
}

#JobSummaryFin  {
position:absolute;
display:inline;
width: 300px;
height: 300px;
float:right;
}
#JobSummaryFin th {
width: 100px;
}


/*
jQuery TextAreaResizer plugin
*/
div.grippie {
	background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
	float:none;
}	
/* END jQuery TextAreaResizer plugin */