/*------ Core -------*/
html, body {
  margin: 0;
  width: 100%;
  height: auto;
  background: #FFF;
  font-family: "Helvetica", arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
}
h3 {
  font-family: "Arimo", Arial, sans-serif;
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
h4, h5{
  font-family: "Arimo", Arial, sans-serif;
  font-size: 15px;
  /*width: 600px;*/
  display: block;
}

div {
  border: 0px #000 solid;
}
a {
  color: #000099;
  text-decoration: none;
}
h3 img {
  float: right;
  width: 18px;
  margin-right: 2px;
}
iframe {
  width: 95%;
  height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
}
div.hidden {
  display: none;
}
/*------ Sections -------*/

div.noticeBox {
  background: #DFD;
  width: 100%;
  border: 1px solid #3F3;
  margin: 10px 0 10px 0;
}
div#main {
  background: #FFF;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: 960px;
  margin: 0 auto;
  margin-top: 45px;
}
div#page {
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
div#head {
  height: 190px;
  background: #FFF url('../images/bg2.PNG') repeat;
}
div#foot {
  width: 960px;
  margin: auto;
  clear: both;
  text-align: center;
}
div#top {
  color: #BBB;
  height: 35px;
  width: 960px;
  overflow: visible;
  position: relative;
z-index: 2;
  margin: auto;
}
div#top div.label {
  margin-top: 2px;
}
div#top img {
  height: 115px;
  margin-top: 25px;
  margin-left: 30px;
}
div#top input[type=text], div#top input[type=password] {
  margin-top: 1px;
  margin-right: 5px;
  border: 3px solid #FFF;
}
div#top input[type=text] {
  color: #999;
  background: #DDD;
}
div#top input[type=submit] {
  color: #FFF;
  background: none;
  border: 0px solid #000;
  /*width: 100px;*/
  padding: 6px 15px;
  text-transform: none;
  box-shadow: none;
  font-weight: normal;
  /*text-decoration: underline;*/
  cursor: pointer;
  border-radius: 2;
  background: rgba(67,87,109,0.64);
}
div#controls {
  height: 35px;
  z-index: 5;
  /*background: rgba(67,87,109,0.64);*/
  position: absolute;
  top: 0;
  right: 0;
}
div#controls .item {
	padding: 0 !important;
}
div#banner {
  margin-top: -20px;
  height: 315px;
}
div#banner img {
  margin-top: -50px;
}
div#left {
  width: 73%;
  /*padding: 5px;*/
}
div#side {
  width: 25%;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: hidden;
}
div#side h4{
	margin: 15px 0 5px 0;
}
div#projectsAccordion {
  clear: both;
  padding-bottom: 5px;
}
div#projectsAccordion a {
  display: block;
}
div#projectsAccordion a.dashboardList {
	display: inline;	
	float:left; margin-right: 5px;
}
div#projectsAccordion a.dashboardList::after {
	content: ', ';	
}
input#projectsAccordionSearch {
  width: 100%;
  background: url('../images/search-clear.png') 98.5% 1px no-repeat;
  margin-bottom: 1.5em;
  box-sizing: border-box;
  padding: 5px;
}
div.col {
  float: left;
  min-height: 400px;
  margin-bottom: 15px;
  border: 0px #000 solid !important;
}
div#easy_popupcontent div.col, div.popup div.col {
  width: 100%;
  min-height: 22px !important;
  clear: both;
  float: none;
}
span.urgent_task_notice a {
  color: #B00;
}
/*------ Tools -------- */
tr.underline td {
  border-bottom: 1px solid #DDD;
}
/*-----Forms-----*/

div#form-left, div#form-right {
  float: left;
  margin-right: 5px;
}
div.radioIndent {
  margin-left: 200px;
}
.groupRow {
	overflow: hidden;
}
.groupRow label {
  clear: right;
}
.groupRow .radio {
	margin-right: 5px;
}
div.row:not(div.container-fluid div.row) {
  margin-top: 8px;
  float: left;
}
div.contentBox {
  width: 100%;
  clear: both;
}
div#easy_popupcontent div.row, div.contentBox div.row, div.content div.row {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}
div#head div.label {
  width: 0px !important;
  color: #000;
}
div.item, div.label {
  float: left;
  width: 90%;
}

div.label {
  width: 150px;
}
div#controls div.teleform {
  /*margin-top: 5px;*/
  float: left;
}
table div.form_row img {
  float: left;
  margin: 0px !important;
}
div#project_list div.row {
  width: 100%;
}
div#project_list div.form_row {
	overflow: auto;
}
div#project_list div.form_row img {

  max-width: 410px;
}
textarea#form_notes {
  width: 300px;
  height: 150px;
}
div#project_list div.form_row label,
div#project_list div.form_row input,
div#project_list div.form_row textarea {
  float: left;
}
div#project_list div.form_row{
	padding:2px 0px;
}
div#project_list div.form_row label {
  width: 200px;
  display: block;
  clear: none;
}
div#project_list div.form_row div.item{
	max-width: 700px;
}
div#project_list div.form_row div.item p, div#project_list div.form_row div.item ul {
	margin:0px 0px 10px 0px;
}
div#project_list div.form_row div.item ul {
	padding-left:20px;
}
div#project_list div.form_row {
  clear: both;
  margin-bottom: 5px;
}
div#project_list div.form_row textarea {
  width: 410px;
}
div.rowB, div.odd_row {
  background: #DDD;
}
div.scrollbox, div.multi_checkbox_select {
  width: 300px;
  height: 165px;
  overflow-y: scroll;
  border: 1px inset #FFF;
}
input.submit {
  font-family: "Arimo", Arial, sans-serif;
	border: 1px solid #eee;
	color: #000;
	font-weight: bold;
	padding: 8px 25px;
	font-size: 12px;
	margin-left: 2px;
	text-transform: uppercase;
	background: ##00003A;
}
div#Grouping1, div#Grouping2 {
  float: left;
}
textarea.mediumTextArea, textarea.largeTextArea, textarea[name=description] {
  width: 300px;
  height: 150px;
}
/*------- NAV ------------*/

ul#nav {
  list-style: none;
  margin-top: 117px;
  height: 38px;
  clear: both;
  position: relative;
  z-index: 1;
  text-align: center;
  background: #073569;
  white-space: ;
}
ul#nav li {
  display: inline-block;
  padding: 0;
}
ul#nav li a {
  color: #eee;
  display: block;
  font-family: "Arimo", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-shadow: none;
  text-transform: uppercase;
  /*border-bottom: 1px solid #444;*/
  border-left: 1px solid #1b2531;
  margin: 0;
  padding: 8px 15px;
  height: 22px;
}
ul#nav li a:hover {
	background-color: #09478d;
}
ul#subnav {
  width: 960px;
  display: none;
  height: 0px;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  margin-left: -450px;
  top: 44px;
  z-index: 2;
  clear: none;
  text-align: center;
}
ul#subnav li {
  width: auto;
  clear: none;
  padding: 0 10px 3px 10px;
  z-index: 2;
}
ul#subnav li a {
  color: #43576d;
  /*font-size: 14px !important;*/
  background: none;
  border: none;
  padding: 2px;
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
}
ul#subnav li a:hover {
	background-color: transparent;
	opacity: .8;
}
/*----------- Contacts --------------*/
div.contact_wrapper {
  clear: both;
}
div.contact_wrapper:hover {
  background-color: #DBEAF9;
}
div.contact_wrapper a {
  float: left;
}
div.contact_wrapper span:nth-child(2) {
  float: right;
}
div.contact_wrapper a span {
  margin-top: -3px;
  clear: none;
}
tr.listRow, div.contact_wrapper {
  padding: 2px 2px 2px 2px;
}
div.contact_wrapper a img, div.contact_wrapper img {
  float: left;
  margin-right: 3px;
  height: 16px;
}
div.interaction li {
  list-style: none;
}
div.interaction img {
  margin: 5px !important;
}
li.alertList {
  list-style: none;
}

div.top-thumb {
	margin-top: -70px;
	clear: both;
}

div.form_row img.contact_avatar {
	height: 40px;
	margin-top: 10px;
	margin-left: 200px;
}

table tr td table{width: 100%;}

table div.right-text {
	text-align: right;
	float: right;
	clear: none;
	vertical-align: middle;
}

table span.small-label {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 10px;
}

table tr td.hours-box {
	width: 30px;
	background: #CCF;
}

table tr td.task-box {
	width: 30px;
	background: #CFC;
}

table.center-table td{
	text-align: center;
}

table.contact_stats tr td {
	margin:0px;
	padding: 3px;
	vertical-align: top;
}

table.table-grid tr td{
	border: 1px solid #000044;
}

table.table-grid tr{
	border: 1px solid #000044;
}
/*--------- Sidebar ----------*/

#side ul.online, div#side ul.online li {
  color: #000 !important;
  width: 100% !important;
  clear: both !important;
}
ul.online {
  color: #000;
  margin-top: 10px;
  list-style: none;
}
ul.online img {
  width: 40px;
  float: right;
  margin: 3px;
  vertical-align: middle;
}
ul.online li {
  height: 30px;
  /*font-size: 9px;*/
  width: 130px;
  height: 80px;
  background: rgba(26,72,125,0.18);
  margin: 5px;
  padding: 4px;
  clear: none;
  float: left;
}
ul.online div.uName {
  font-weight: bold;
  float: left;
  background: rgba(255,255,255,0.5);
  padding: 4px;
  position: relative;
  top: -4px;
  left: -4px;
  width: 74px;
}
ul.online div.uAct {
  font-weight: 200;
  float: right;
  clear: both;
  text-align: left;
}
}

div#side ul {
  padding: 0;
}
div#side ul li.alertList {
  clear: both;
  margin-bottom: 5px;
  height: 40px;
  width: 100%;
}
div#side ul li.alertList a {
  width: 210px;
  clear: none;
  float: left;
}
td a.tools, div#side ul li.alertList a.tools {
  padding-top: 6px;
  margin-right: 10px;
  width: 20px;
}
/*------------phone script--------------------*/

#scriptConsole {
  width: 80%;
  float: right;
}
#scriptMenu {
  width: 20%;
  float: left;
}
.script1 {
  padding: 20px;
  margin: 20px;
  /*font-size: 17px;*/
  border-bottom: 6px solid #225;
  background: #d1e4f3;
}
#scriptConsole img {
  vertical-align: middle;
  width: 32px;
  position: relative;
  left: -10px;
}
#scriptConsole DL {
  border: 1px solid #DDD;
  padding: 2%;
  /*font-size: 17px;*/
  margin: 1% 4% 1% 4%;
}
#scriptConsoleDT {
  border: 1px solid #DDD;
  padding: 10px;
  background: #FFF;
  color: #222;
  text-decoration: none;
  /*font-size: 17px;*/
  border-left: 8px solid #225;
  background: #f7ffef;
}
#scriptConsole DD {
  padding: 10px 15px 10px 25%;
  font-weight: 100;
}
a:visited {
  color: #4650ae;
}
/*--------------reports-----------------------------*/

#group1, #group2 {
  float: left;
  width: 50%;
}
/*--------------projects---------------------------*/

div.taskpreviewops img {
  width: 14px;
  padding-right: 5px;
}
div.taskpreviewops {
  display: none;
  float: left;
}
li.taskpreview {
  margin-left: 0px !important;
  padding-left: 0px;
  list-style: none;f
  }

  .taskpreview span.taskcategory {
  /*width: 50px;*/
  /*padding-right: 5px;*/
  display: block;
  float: left;
}
dt.project_content {
	display: block;
	font-weight: bold;
	margin: 15px 0 3px 0;
	font-size: 14px;
	line-height: 1.5em;
}
.project_content span {
  font-family: "Arimo", Arial, sans-serif;
  cursor: pointer;
}
dt.project_content span sub, sub.red-highlight {
  font-family: Arial, sans-serif;
	display: inline-block;
	background-color: #aa0000;
	vertical-align: middle;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding: 1px 3px 2px 3px;
	margin-left: 5px;
	border-radius: 50px;
	margin-top: -4px;
}
.project_content a img {
  float: right;
  width: 18px;
  margin-top: -20px;
}
span.extend_info_single, div.hideThis, div.task_options_extend, #projectid {
  display: none;
}
img.task_options_toggle, div.task_options_extend {
  float: left;
}
div.task_wrapper img {
  width: 18px;
  padding-right: 5px;
}
div.task_wrapper a {
  /*line-height: 2em;*/
}
div.task_wrapper {
  width: 100%;
  height: 25px;
  clear: both;
  overflow: hidden;
  /*line-height: 1em;*/
}
div.task_date {
  font-weight: bolder;
}
img.project_aSmallImage {
  width: 9px !important;
  opacity: 0.3;
}
img.project_aSmallImage:hover {
  opacity: 0.9;
}
img.project_aSmallImage, h3#project_header img, h3.inner_sub_header img {
  width: 18px;
  margin-left: 5px;
}
#user_box {
  position: absolute;
  z-index: 10;
  width: 300px;
  background: #EEF;
  /*padding: 5px;*/
  border-radius: 3px;
  overflow: hidden;
  right: 17px;
  top: 33px;
  box-shadow: 0 0 5px #333;
}
#user_box_header {
  background: #ccc;
}
#user_box_header img {
  float: right;
  width: 18px;
  margin-top: 3px;
  padding-right: 5px;
}
#timer_task_tools label {
  font-weight: bold;
  width: 50px;
}
#timer_task_tools img {
  width: 18px;
  padding-left: 10px;
  vertical-align: middle;
}
div#comment_thread{
  padding: 0;
}
span.comment_footer {
  font-style: italic;
  margin-bottom: 10px;
}
div#comment_response textarea {
  width: 400px;
  height: 150px;
}
.task_options img {
  margin-top: 2px;
  vertical-align: bottom;
}
.task_wrapper .task_options {
  width: auto;
}
a.activeList {
  /*font-weight: bolder;*/
  color: #008;
  /*font-size: 13px;*/
}
a.inactiveList {
  /*font-size: 13px;*/
  color: #777;
}
/*COMMENT STYLES*/
.comment {
  width: auto;
  border: 2px solid #FFF;
  margin-top: 4px;
  display: block;
}
.comment_wrapper {
  width: auto;
  margin: 5px 0px 5px 0px !important;
  display: block;
  padding: 4px;
}
.comment_header {
  width: auto;
  background-color: #FFF;
  margin: 0px 0px 0px 0px;
  padding: 2px;
  /*font-size: .9em;*/
  border: 1px solid #EEE;
}
.comment_body {
  width: auto;
  display: block;
  padding: 15px 15px 25px 15px;
  background-color: #e3e3e3;
  background-image: url(../images/comment-quote-background-bottom.png);
  background-repeat: no-repeat;
  background-position: 99% bottom;
}
.comment_footer {
  /*font-size: .7em;*/
  text-align: right;
  display: block;
  /*font-style: italic;*/
  color: #333;
  font-size: 12px;
}
#comment_thread {
  width: 100%;
  clear: both;
}
#comment_response {
  padding-top: 5px;
  display: block;
  width: auto;
}
#recent_comments {
  list-style: none;
  padding: 0px;
}
dt.status ,#recent_comments li {
  padding: 8px 8px 20px 8px;
  background-color: #eee;
  margin-bottom: 5px;
  background-image: url(../images/comment-quote-background-bottom.png);
  background-repeat: no-repeat;
  background-position: 99% bottom;
  width:17%;
  float:left;
  min-height: 120px;
  margin-right:1%;
}
#recent_comments span {
  /*font-size: .7em;*/
}
dd.status {
	margin-top: -14px;
	margin-bottom: 18px;
	font-size: 9px;
}
dd.status a,#recent_comments a {
  text-decoration: none;
  /*font-size: 12px;*/
  /*font-weight: bold;*/
}
/*TASK STYLES*/
#large_task_wrapper {
  background-color: #FFF;
  float: left;
  margin: 0px 0px 0px 5px;
}
.task_inner_header {
  margin: 5px 0;
  padding: 3px 5px;
  font-size: 14px;
  border-bottom: 0 solid transparent;
  /*font-weight: normal;*/
}
#hide_timer_tools {
  padding-right: 30px;
  width: 24px !important;
  height: auto !important;
  padding: 0px !important;
}
#hide_timer_tools:hover {
  cursor: pointer;
}
.clear {
  clear: both;
}
/*PROJECT LIST*/

.taskpreview {
  white-space: nowrap;
  overflow: hidden;
  height: *;
}
dd.tasks ul {
  margin: 30px 20px 10px 25px;
}
div.task_desc, li.taskpreview {
  /*font-size: 11px;*/
  color: #000;
  margin: 0 0 5px 71px;
  /*line-height: 1em;*/
  list-style: none;
  width: auto;
  padding-right: 5px;
  /*width: 570px;*/

}
div.task_desc img, li.taskpreview img {
  height: 18px;
  vertical-align: middle;
}
div.task_desc img:hover, li.taskpreview img:hover {
  cursor: pointer;
}
div.task_desc a, a.task_prev_link {
  text-decoration: none;
  display: block;
  color: #000;
}
span.taskcategory {
  display: block;
  float: left;
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 3px
}
.taskpreviewops {
  display: none;
  margin-right: 7px !important;
}
.taskpreviewops img {
  float: left;
  width: 18px;
  padding-right: 1px;
}
.taskpreviewdiffered {
  opacity: 0.5;
}
DL.notasks DT {
  display: inline;
  /*font-size: 12px;*/
  float: none;
}
DL.notasks DT:hover {
  /*font-size: 13px;*/
  color: #444;
}
DL.notasks DT:before {
  content: "•";
  padding: 5px;
}
div.task_desc {
  margin-left: 3px !important;
}
div.task_date {
  margin-top: 10px;
  margin-bottom: 5px;
}
.ticket_details  .form_row,
#project_detail  .form_row {
  height: auto !important;
  clear: both;
  overflow: auto;
}
.ticket_details  .form_row label,
#project_detail  .form_row label {
	font-weight: bold;
}
.ticket_details .form_row p,
#project_detail .form_row p  {
	width: 700px;
	float: left;
	margin: 0 0 15px 0;
}
#project_detail textarea,
#project_detail input {
	padding: 10px;
	margin-bottom: 15px;
}
#project_detail textarea {
	display: block;
	width: 700px;
	height: 300px;
	font-size: 13px;
	line-height: 1.5em;
}

a#projectsAccordionClickMe {
  display: block;
  padding: 2px;
  margin-top: 3px;
  background-color: #FFF;
  color: #545454;
  text-decoration: none;
}
a#projectsAccordionClickMe img {
  vertical-align: text-bottom;
  float: right;
  height: 20px;
}
/* TIME TRACKING TOOLBAR STYLES*/
#user_box h3 {
  width: auto;
  /*height: 24px;*/
  overflow: auto;
  padding: 2px;
  margin: 0;
  /*border: 1px solid #CCCCCC;*/
}
#user_box_header span {
  float: right;
  vertical-align: middle;
  padding-top: 2px;
}
#user_box_header :hover {
  cursor: default;
}
.time_box {
  background-color: #ddd;
  margin: 0;
  padding: 4px;
  width: 100%;
  float: left;
  clear: both;
  max-height: 250px;
  overflow-y: auto;
  border-top: 1px solid #fff;
}
#timer_tools img {
  width: 40px;
  padding: 5px;
  float: left;
}
#timer_task_tools img {
  float: right;
  width: 24px;
  margin: 0px 3px 0px 3px;
}
#timer_task_tools img:hover {
  cursor: pointer;
}
.time_box label {
  float: left;
  padding: 0px 5px 0px 0px;
  font-weight: bold;
}
.time_box input[type="submit"] {
  margin: 5px 0px 5px 40%;
}
.time_box p {
  margin: 0;
}
.state_icons {
  float: right;
  width: 20px;
  max-height: 20px;
  padding: 2px;
}
.critical {
  background-color: #aa0000;
  font-weight: bold;
  color: #fff;
}
.normal {
  background: #ddd !important;
  font-weight: normal;
}
.important {
  background: #ea9600;
  font-weight: bold;
  color: #fff;
}
#ui-datepicker-div {
  z-index: 9999999 !important;
}
#redirect {
  text-align: center;
  margin-top: 20px;
  /*font-size: 1.3em;*/
  font-style: italic;
}
#redirect img {
  margin-right: 5px;
  vertical-align: text-bottom;
}
/* -----------------pipeline -------------------------*/

table#pipeline {
  width: 900px;
  margin-top: 4px;
}
div.buttonbox {
  float: left;
}
a img.icon, div.buttonbox img {
  width: 16px;
  padding-right: 6px;
}
table#pipeline th, table#pipeline td {
  text-align: left;
  margin: 0px;
}
table#pipeline tr {
  margin: 0px;
}
table#pipeline th {
  text-align: left;
  color: #43576d;
  padding: 3px;
  /*font-size: 12px;*/
}
a.tooltip {
  cursor: pointer;
}
div#pipeForm {
  width: 900px;
}
div#pipeForm div.row {
  float: left;
  width: 50%;
  clear: none;
}
h3 a.icon img {
  width: 20px;
}
textarea#form_note {
  width: 300px;
  height: 200px;
}
/* ----------------- Work Order -------------------------*/
div.workorder_item {
  margin: 0px 0px 10px 15px;
  padding: 5px;
  position: relative;
  background-color: #EAEAEA;
}
div.workorder_item img.close{
	position:absolute;
	right:2px;
	top:2px;
	width:20px;

}
div.workorder_item img.close:hover{
	cursor:pointer;
}
div.workorder_item  textarea {
  width: 390px !important;
}
div.workorder_item h4 {
  margin: 5px 0px 5px 0px;
}
a.urgent-workorder {
  color: #A64800;
}
span.estimate-stats {
  height: 17px;
  display: block;
  float: right;
  margin-left: 7px;
}
span.estimate-stats div {
  width: 17px;
  height: 15px;
  text-align: center;
  vertical-align: text-top;
  float: left;
  color: #FFF;
  padding-bottom: 2px;
  margin-right: 1px;
}
span.estimate-stats div.draft {
  background-color: #04356C;
}
span.estimate-stats div.pending {
  background-color: #D16800;
}
span.estimate-stats div.approved {
  background-color: #329000;
}
span.estimate-stats div.declined {
  background-color: #A60000;
}
span.estimate-stats div.complete {
  background-color: #000000;
}

/* ----------------- Work Order Estimate drawing-------------------------*/
div#estimate {
	box-shadow: 0 0 5px #666;
	margin:5px;
	padding:15px;
}

div#estimate h1, div#estimate h4{
	padding:10px 0px;
	border-bottom:1px solid #000;
	margin:1px;
}
div#estimate div.requested-by{
	margin:1px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	text-align:right;
	display:block;
}
div#estimate div.requested-by span{
	padding:2px 7px;
	display:inline-block;
	background-color:#DBDBDB;
}

div#estimate p.overview{
	margin: 20px 0px;
}
div#estimate table{
	margin:20px 0px;
	width:100%;
	font-size:inherit;
}
div#estimate table tr th{
	text-align:left;
	font-size:14px;
}

div#estimate table.use-cases tr th, div#estimate table.requirements tr th{
	border-bottom:1px solid #A8A8A8;
	padding:10px 0px;
}

div#estimate table.use-cases tr td{
	border-right: 1px solid #A8A8A8;
	padding:10px 10px 10px 0px;
}
div#estimate table.use-cases tr td:last-child{
	border-right:none;
	padding:10px 10px 10px 10px;
}

div#estimate table.requirements tr td{
	padding:5px 5px 5px 3px;
}
div#estimate table.requirements tr:nth-child(odd) td{
	background-color:#DBDBDB;
}

div#estimate table.print-header{
	margin:0px 0px 10px 0px;

	margin-bottom: 20px;
}
div#estimate table.print-header img{
	max-height:100px;
	margin-left: 20px;
}
div#estimate table.print-header tr td {
	color:#000;
	font-weight:bold;
	padding:5px;
	text-align:left;
	
}
div#estimate table.print-header tr td:first-child{
	text-align:left;
	width:120px;
}
div#estimate table.print-header tr td:last-child {
	text-align: right;	
}
div#estimate table.print-header tr td h1{
	margin:0px;
	line-height:1em;
	border:none;
}

/*----------------------- Estimate invoice table --------------------------------*/
div#estimate table.invoice-table {
  width: 100%;
  border-right: 1px solid #A8A8A8;
  border-top: 1px solid #A8A8A8;
  /*font-size: 13px;*/
}
div#estimate table.invoice-table tr th {
  background-color: #D6D6D6;
}
div#estimate table.invoice-table thead td, div#estimate table.invoice-table tfoot td{
	font-weight:bold;
	padding:3px;
}

div#estimate table.invoice-table thead th{
	padding:3px;
	color:#FFFFFF;
	background-color:#263C4C;
}

div#estimate table.invoice-table tr.visual td{
	background-color:#E8EBFC;
}
div#estimate table.invoice-table tr.interactive td{
	background-color:#EBFFEE;
}
div#estimate table.invoice-table tr.logic td{
	background-color:#FBFFF2;
}
div#estimate table.invoice-table tr.data td{
	background-color:#F5EFEA;
}

div#estimate table.invoice-table td, div#estimate table.invoice-table th {
  padding: 8px 8px;
  border-left: 1px solid #A8A8A8;
  border-bottom: 1px solid #A8A8A8;
  text-align:center;
}
div#estimate table.invoice-table tr:hover {
  background-color: #E5E5E5;
}
img.toggle-req:hover{
	cursor:pointer;
}

div#estimate table.invoice-table td.inner-table{
	width:70%;
	padding:0px;
}
div#estimate table.invoice-table td.inner-table table{
	margin:0px;
}
div#estimate table.invoice-table td.inner-table table td{
	border-left:none;
	border-right:none;
}
div#estimate table.invoice-table td.inner-table table tr:last-child td{
	border-bottom:0px;
}

div#estimate table.invoice-table td.inner-table .description{
	width:80%;
}
div#estimate table.invoice-table td.inner-table .days, div#estimate table.invoice-table td.inner-table .budget{
	width:10%;
	border-left: 1px solid #A8A8A8;
	text-align:center;
}

div#estimate table.invoice-table tbody.data-table td.inner-table table td.description{
	border-collapse: separate;
    border-spacing: 10px 5px;
    text-align:left;
}
div#estimate table.invoice-table tfoot td.inner-table, div#estimate table.invoice-table thead td.inner-table{
	border-left: 1px solid #fff;;

}
div#estimate table.invoice-table tfoot td.inner-table table td.total-label{
	border-left: 1px solid #A8A8A8 !important;
}
div#estimate table.invoice-table tfoot td.total{
	color:#FFFFFF;
	background-color:#263C4C;
}

div#estimate-form div.form_row div.change-rationale, div#estimate-form div.form_row div.requirement{
	margin: 0px 0px 0px 15px;
	padding:7px;
	background-color:#EAEAEA;
}
div#estimate-form div.change-rationale div.rationale-item{
	position:relative;
}
div#estimate-form div.change-rationale div.rationale-item label{
	text-align:right;
	padding-left:5px;
	font-weight:bold;
	display:inline;
	width:8% !important;
	background-color:#F2F2F2;
	border: 1px solid #C4C4C4;
	border-right:none;
	padding: 2px 5px 2px 2px;
	height:24px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

div#estimate-form div.form_row div.change-rationale  input[type="text"]{
	float:none;
	width:92%;
	padding: 2px 2px 2px 5px;
	border: 1px solid #C4C4C4;
	margin: 0px 0px 2px 0px;
	height:24px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

div#estimate-form div.form_row div.requirement textarea[name="requirements[]"]{
	width:100%;
	height:35px;
	float:none;
}

div#estimate-form div#overview-builder input[type="text"]{
	float:none;
	width:100%;
	padding: 2px 2px 2px 2px;
	margin-bottom:2px;
}
div#estimate-form div#overview-builder label{
	font-weight:bold;
	margin-top:5px;
	display:block;
}

div#estimate-form div#overview-builder textarea[name="overview"]{
	display:block;
	width:100%;
	min-height:100px;
	float:none;
	margin-top:20px;
}

/*login*/
#mainlogin {
  padding: 20px;
  background-color: #f6f6f6;
  width: 100%;
  margin-top: 25px;
}
#mainlogin form input {
  padding: 4px;
  width: 100%;
  /*font-size: 16px;*/
}
#mainlogin form .form_row {
  margin: 4px;
  padding: 4px;
}
#mainlogin form .form_row label {
  float: left;
  width: 10%;
}
#mainlogin form .submit {
	padding: 8px 25px;
	width: 98.8%;
}
/* easy tooptip */
#easy_tooltip {
  padding: 2px 5px;
  background: rgba(246,245,222,0.96);
  box-shadow: 0px 0px 20px 5px rgba(51,51,51,0.27);
  /*font-size: 11px;*/
}
#easy_tooltip h3 {
  width: 400px;
  background-color: rgba(202,202,177,0.99);
  padding-top: 10px;
  padding-left: 4px;
  margin-top: 2px;
  /*font-size: 14px;*/
}
#easy_tooltip span {
}/* extra element */
/*CSS Hacks*/

/*Clearfix*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix { *
  zoom: 1;
}

/*---------------------------QA Parts---------------------------*/

.addButton img{
	float: right;
	width: 20px;
}

#formfields input[type=text] {
	width: 60%;
	margin-bottom: 3px;
}

h3.project_heading {
	background-color: rgba(26, 72, 125, 0.18);
	padding: 7px 0 4px 10px;
	/*font-size: 15px;*/
}

div.ibutton-container {width: 75px; float: left; margin: 7px;}
div#project_list div.ibutton-container div.ibutton-label-off > span > label, div#project_list div.ibutton-container div.ibutton-label-on > span > label {
	width:auto;
	float:none;
	font-size:13px !important;
	display:block;
	padding:0px;
}
div#project_list div.ibutton-container div.ibutton-label-off > span > label{
	padding: 0px 6px 0px 0px;
	display:none;
}
div#project_list div.ibutton-container div.ibutton-label-on > span > label {
	padding: 0px 0px 0px 7px;

}
div#project_list div.ibutton-container div.ibutton-label-off > span, div#project_list div.ibutton-container div.ibutton-label-on > span{
	width:40px;
	padding:0px;
	margin:0px;
}


/* ----------------- contact reports for staff -------------*/

div.report_col {float: left; width: 200px; margin-right: 20px;}

div.report_col dl dt,
div.report_col dd dt{
	margin: 0px 15px 5px 5px;
	font-weight: bolder; float: left;
	font-size: 12px;
	width: 100%;
}

div.report_col dl dt {clear: both; width: 100%;}

div.report_col dt {font-size: 16px;margin: 0px 15px 5px 5px;
	font-weight: bolder; float: left;width: 100%;}

div.report_col dd dd {float: right; clear: right;}

/* ----------------- proof previews on project page -------------*/
.proofs .proof-group {
	margin-bottom: 30px;
}
.proofs .proof-group ul{
	margin: 1.5em 0 0 0;
	padding: 0;
	overflow: auto;
}
.proofs .proof-group ul li{
	float: left;
	margin: 0 18px 18px 0;
	padding: 0;
	list-style: none;
}
.proofs .proof-group ul li a{
	display: block;
	border: 1px solid #ccc;
	width: 205px;
	height: 205px;
	overflow: hidden;
}
.proofs .proof-group ul li a img{
	max-width: 100%;
}
.proofs .proof-group .links {
	width: 800px;
	height: 100px;
}

/* ----------------- Project Aspect & Actor Styles -------------*/

div#project_aspects div.form_row.aspect,
div#project_actors div.form_row.actor,
div#project_requirements div.form_row.requirement,
div#project_usecases div.form_row.usecase{
	margin: 0px 0px 5px 0px;
	padding:7px;
	background-color:#EAEAEA;
}
div#project_aspects div.form_row.aspect label,
div#project_actors div.form_row.actor label,
div#project_requirements div.form_row.requirement label,
div#project_usecases div.form_row.usecase label{
	text-align:right;
	padding-left:5px;
	font-weight:bold;
	display:block;
	float:left;
	width:10% !important;
	background-color:#F2F2F2;
	border: 1px solid #C4C4C4;
	border-right:none;
	padding: 3px 5px 3px 2px;
	height:24px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

div#project_aspects div.form_row.aspect input[type="text"],
div#project_actors div.form_row.actor input[type="text"] ,
div#project_requirements div.form_row.requirement input[type="text"],
div#project_requirements div.form_row.requirement select,
div#project_usecases div.form_row.usecase input[type="text"],
div#project_usecases div.form_row.usecase select{
	display:block;
	float:left;
	width:90%;
	padding: 2px 2px 2px 5px;
	border: 1px solid #C4C4C4;
	margin: 0px 0px 2px 0px;
	height:24px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

div#project_actors div.form_row.actor textarea,
div#project_requirements div.form_row.requirement textarea,
div#project_usecases div.form_row.usecase textarea{
	display:block;
	float:left;
	width:90%;
	padding: 2px 2px 2px 5px;
	border: 1px solid #C4C4C4;
	margin: 0px 0px 2px 0px;
	height:100px;
	resize:vertical;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}


	/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


table.timetable {
     border-collapse: collapse;
     border: 1px solid #aaa;
     width: 100%;
margin-bottom:20px;
}
table.timetable tr:first-child {
    background-color: #eee;
}

table.timetable th, table.timetable td {
     border: 1px solid #aaa;
     padding: 5px;
     text-align: left;
}
table.timetable tr td input {

padding: 5px !important;
font-size: 15px;
width: 100%;
margin: 0;
}

.quick {
	width: 100%;
	overflow:auto;	
}

h3.floating {
	float: left;
	width: 100%;
	margin: 20px;
	} 
	
	div.serviceBox {
		width: 278px; 
		height: 120px;
		margin: 10px 0 10px 10px;
		padding: 5px;
		border: .5px solid rgba(200,200,200,.5);
		background:  rgba(200,200,230,.3) 2px 2px no-repeat;
		float: left;
		overflow:auto;
		position: relative;
		}
		div.serviceBox img {
			width: 64px;	
			position: absolute;
			top: 0; left: 0;
		}
div.serviceBox span {
		font-size: 10px;
margin-left: 64px;
	}
		
div.serviceBox a {
		font-weight: 700;
		font-size: 20px;
		color: #447;
		display: block;
		margin-bottom: 3px;
		
		padding: 7px;
		border-bottom: 1px solid rgba(200,200,200,.5);
		background:  rgba(200,200,230,.3);		
		margin-top: 0;
		margin-left: 64px;
	}	
	
div.widget {
		width: 32%; 
		height: 100px;
		margin: 10px 0.5%;
		padding: 5px;
		border: .5px solid rgba(200,200,200,.5);
		background:  rgba(200,200,230,.3) 2px 2px no-repeat;
		float: left;
		
		}
div.widget span {
		font-size: 10px;

	}
		
div.widget h3 {
		font-weight: 700;
		font-size: 20px;
		color: #447;
		display: block;
		margin-bottom: 3px;
		padding: 7px;
		border-bottom: 1px solid rgba(200,200,200,.5);
		background:  rgba(200,200,230,.3);		
		margin-top: 0;
	}	
	
	div.salesLeadWidget {
		margin: 10px 0;
		padding: 5px;
		border: .5px solid rgba(200,200,200,.5);
		background:  rgba(200,200,230,.3) 2px 2px no-repeat;
		width: 100%;
		overflow:auto;
	}
	div.salesLeadWidget input[type="text"] {
		background: #FFF;
		padding: 5px 5px;	
		width: 19.5%;
	}
	div.salesLeadWidget input[type="submit"] {
		float:left;
		clear:both;
		margin: 10px 0;
		background: #FFF;
		border: 0;
		padding: 5px 15px;
	}
	div.salesLeadWidget textarea {
		clear:both;
		float:left;
		margin: 10px 0;
			
	}
	div.salesLeadWidget h2 {
		font-weight: 700;
		font-size: 20px;
		color: #447;
		display: block;
		margin-bottom: 10px;
		padding: 7px;
		border-bottom: 1px solid rgba(200,200,200,.5);
		background:  rgba(200,200,230,.3);		
		margin-top: 0;
	}	
	#server-table {
		width: 100%;	
	}
	#server-table tr td {
		padding: 0 0 10px 0;	
	}