@charset "utf-8";
/* CSS Document for dashboard*/

body {
	background: url("/images/main-bg.jpg") repeat;
	background-attachment: fixed;
}

#top {
	background-color:white;
	padding-bottom: 2px; 
	text-align:center;
}

.mainBody {
	min-height: 650px; 
	background-image:url(/images/bgs/backsilver.gif);
}
.mainContent {
	overflow:auto;
	margin-left: 170px; 
	background-color:white; 
	padding: 15px; 
	min-height: 650px; 
	border-left: 1px solid black;
}
.client td {
	padding: 3px;
}
.title {
	font-size: 18px;
	color:white;
	background-color: #CC0033;
	padding: 5px;
	font-weight:bold;
}
input.clientAdd {
	border-bottom: 1px solid black;
	border-width: 0px 0px 1px 0px;
}

#nav ul {
	list-style-type:none;
}
#nav li {
	margin-left: -30px;
	display:block;
}
.navLink {
	text-decoration:none;
	color:black;
	font-size: 12px;
}

img.border {
border: 1px solid #333333 ;
padding: 7px ;
}
 
fieldset {
	margin: 15px 0px;
	border: 1px solid black;
	border-width: 1px 0 0 0 ;
} 

fieldset legend {
	font-size: 16px;
	padding: 5px;
	letter-spacing: 3px;	
	border: 1px solid black;
}

/* CSS Document for expense.php*/
.expense {
	empty-cells:show; 
	border-collapse:collapse;
	width:100%;
	
}

.expense th {
	background-color: #000099;
	color:white;
}
.expense,.expense th, .expense td {
	border:1px solid black;
	
}

/* CSS Document for file_detail.php*/
.textBox {
	border:1px solid #000066;
}

.textBox th {
	background-color: #000066;
	color:white;

}
.commentTable {
	border-collapse: collapse; 
	border: 1px solid black;
	font-size: 12px;

}

.commentTable td, .commentTable th, .commentTable td.commentDate {
	padding: 4px;
	border: 1px solid black;
}
.commentTable td.commentDate 
{
	white-space:nowrap;
	text-align:center;
}

.commentRow {
	padding: 2px;
}

.commentHeading {
	color:black;
	font-size: 14px;
	background:url(/images/bgs/bkbw.jpg); background-repeat:repeat-x;
}

/**Mitigator.php**/
.mitigatorTable td {
	padding: 3px;

}

/**Labels**/
form, label { 
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline; 
}

/*Structural*/
label{ 
	float:left; 
	width:14em; 
	display:block; 
	clear:left; 
	margin-right:1em; 
	text-align:left; 
}

input, select, label, button, optgroup { 
margin-top:5px; 
}

/**Appointment.php**/
table.appointmentTable th, table.appointmentTable td {
	padding-right: 10px;
	text-align:left;
    background:url(/images/bgs/bkbw.jpg); background-repeat:no-repeat;
}


/*Pipeline*/
table.pipeline {
	border:1px solid gray;	
	border-collapse: collapse;
	overflow:scroll;
}
table.pipeline td, table.pipeline th {
	border:1px solid #000066;	
	padding: 1px 10px;

}
tr.bluebg td {
	font-weight:bold;
	text-align:center;
	font-size:14px;
	padding: 5px;
	
}
table.pipeline td span 
{
	white-space:nowrap;
}

.pipelineDiv {
	overflow:scroll;
	padding: 5px;
	height: 530px;
}

table.pipeline td, table.pipeline th, table.pipeline .preClass {
		font: 12px Arial, Helvetica, sans-serif;

}
.pipelineComment {
	font-size: 12px;
	font-style:italic;
}

.pipeline a {
	text-decoration: underline;
	color: blue;
	font-size: 16px;
}
.pipelineRow {
	background-color:#CCCCCC;
	
}
/*Checklist.php*/
.checkListTitle {
	font-size: 19px;
	text-transform: capitalize;
	
}
.checklist {
	text-align:left;
  background:#ffff9f url(/images/bgs/background-fadeblue.jpg) repeat top left;
  border:1px solid #606006;
}

.checklist th, .checklist td{
	padding: 0 5px;
}

/** For css style pop up box**/
a.info {
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:underline;
	}

a.info:hover{z-index:25; background-color:#ff0}

a.info span {display: none}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; 
	color:#000;
	padding: 4px;
	}
a.info:hover span.services_info { /*the span will display just on :hover state, for pipeline services*/
	   width: 450px;
	   
	}

a.noline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#E0E0E0; text-decoration: none }
a.topline { padding : 1px; border: solid 1px #999999; font-family: "trebuchet ms", Arial; color: #000000; font-size: 16px; text-decoration: none; letter-spacing:.04em; }
a.topline2 { padding : 1px;  font-family: "trebuchet ms", Arial; color: #000000; font-size: 15px; text-decoration: none; letter-spacing:.04em; }
a.headline { font-size:10px; font-family: "verdana", "trebuchet ms", Verdana, Arial; color:#FF1100; font-size: 18px; text-decoration: none; letter-spacing:.05em; }
a.headline2 { font-size:12px; font-family: "verdana", "trebuchet ms", Verdana, Arial; color:blue; font-size: 18px; text-decoration: none; letter-spacing:.05em; }
a.miniline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; font-size: 10px; text-decoration: none }
a.redline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#F00000; text-decoration: none }
a.blackline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#000000; text-decoration: none }
a.blueline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#0000E0; text-decoration: none }
a.greenline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#00E000; text-decoration: none }
a.grayline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#333333; text-decoration: none }
a.purpline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#600060; text-decoration: none }
a.taskline { font-size:10px; font-family: "verdana",Verdana,Arial,Sans-serif; color:#000000; font-size: 13px; text-decoration: none }
a.whiteline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#F1F1F1; text-decoration: none }
a.yellowline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#F1F101; text-decoration: none }
a.orangeline { font-size:10px; font-family: "verdana", "trebuchet ms", Arial; color:#FF9900; text-decoration: none }
a.showme { color:#FFFFFF; }
a.menuline {font-family: "verdana", "trebuchet ms", Arial; color:#0000E0; text-decoration: none; font-size:12px; }
a.menubline {font-family: "verdana", "trebuchet ms", Arial; color:#000000; text-decoration: none; font-size:10px; }
OL.withroman { list-style-type: lower-roman }
LI { font-family: Verdana, Arial; color:#0000E0; text-decoration: none; font-size:10px; }

input.grad { color:#00009f; background:#ffffff url(/images/bgs/bkbw.jpg) repeat top left; }

input.submit:active {
padding : 2px;
color : #000;
background : #666;
background-image: url(/members/images/submitBack.gif);
}
input.textnav {
font : 10px verdana, helvetica, arial, geneva, sans-serif;
border : 1px solid #666;
padding : 2px;
background : #EEE;
}
input.textback {
font : 10px verdana, helvetica, arial, geneva, sans-serif;
border : 1px solid #666;
padding : 2px;
background : #FFF;
}
input.password {
font : 10px verdana, helvetica, arial, geneva, sans-serif;
border : 1px solid #666;
padding : 2px;
background : #FFF;
}
input.check {
font : 10px verdana, helvetica, arial, geneva, sans-serif;
color : #666;
background : #FFF;
}
select {
font : 10px verdana, helvetica, arial, geneva, sans-serif;
color : #000;
background : #fff;
}
select.selectnav {
font : 10px verdana, helvetica, arial, geneva, sans-serif;
color : #000;
background : #fff;
}

.btsubmit {color:#1010bf;background:#dee1f2 url(/images/bgs/bt_bg.gif) repeat top left;
 border:1px solid #9a9dbd;
 }

.btother {color:#ffffef;background:#dee1f2 url(/images/bgs/bt_blue.gif) repeat top left;
 border:1px solid #9a9dbd;
 }
 .btother1 {color:#ffffef;background:#dee1f2 url(/images/bgs/bt_blue.gif) repeat top left;
 width:20px;height:18px;font-size:2em; 
 border:1px solid #9a9dbd;
 }

.btyell {color:#1f112f;background-color:yellow;
 border:1px solid #9a9dbd;
 }
 
.btpurp {color:white;background-color:purple;
 border:1px solid #9a9dbd;
 }

.btred2 {color:#ffffef;background-color:red;
 border:1px solid #9a9dbd;
 }

.btblue
{ background-color:#1F1F70; border-bottom: 2px #000000 solid; border-left: 2px #5F6606 solid; border-right: 2px #000000 solid; border-top: 2px #5F6606 solid; color: #FFFFFF;
	}
.btblue2
{ background-color:#1F1F70; color: #FFFFFF; border: 1px solid #5F6606;}

.btred
{ background-color:#7F1F10; border-bottom: 2px #000000 solid; border-left: 2px #5F6606 solid; border-right: 2px #000000 solid; border-top: 2px #5F6606 solid; color: #FFFFFF;}

.dropshadow1{
	float:left;
	clear:left;
	background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 500px;
}

.dropshadow1 table{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.anchor {font-size:11px; font-family:Arial,Helvetica,sans-serif; color:#7F7F7F; text-decoration:none;}

.anchor:hover {font-size:11px; font-family:Arial,Helvetica,sans-serif; color:#ff0033; text-decoration:none;}


.dropshadow2{
	float:left;
	clear:left;
	background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 500px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
p.header {
  color:#0033AA; 
  font-family: "Brush Script MT", sans-serif;
  font-size:20pt;

  letter-spacing:.05em;
}

P.legal { text-align: center; font-family: Arial; color:#000000; font-size: 8pt; font-style: italic}

p.quotes
{
	background: #5C7099 url(/images/bgs/whiteblackbg.gif) repeat top left;
	color: #10104F;
  text-align:center;
  text-transform:capitalize;
  font:bolder small-caps 9pt Georgia, Times New Roman, Times, serif; word-spacing: .3em; 
   border-style: double; border-color: gray; padding: 5px;
}

p.bigcaps {
  font:180%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

p.medfont {
	color: #0000AF;
	font:11px geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ; color:#000051; text-decoration: none
}
  
p.chatfont {
	font:10px Arial, "Comic Sans MS", helvetica, sans-serif; color:#010131; text-decoration: none
}

p.medcaps {
  font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

p.allcaps {
  font:92%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

p.midcaps {
  font:85%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

p.smallcaps {
  font:72%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
p.tiny {
  font:92%/1.4em "Verdana",Arial,Sans-serif; font-size:9px;
  }
  
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
.tcat
{
	background: #869BBF url(/images/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.whitehead
{
	color: #FFFFFA;
}
.blackhead
{
	font: 92%/1.0em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #110F0A;
	font-size: 10px;
  
}

.tfoot
{
	background-color: #3E5C92;
	color: #E0E0F6;
}
.tfoot a:link
{
	color: #E0E0F6;
}
.tfoot a:visited
{
	color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
	color: #FFFF66;
}
.thead
{
	background: #5C7099 url(/images/gradient_thead.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.theadcaps
{
	background: #5C7099 url(/images/gradient_thead.gif) repeat-x top left;
	color: #FFFFFF;
  font:82%/1.4em Arial,Verdana,"Trebuchet MS",Trebuchet,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
}

tr.grad {  background:#ffffff url(/images/bgs/bkg_fade.gif) repeat top left; }
tr.orangebg { background:#ffff9f url(/images/bgs/niceorange.gif) repeat top left; }
tr.fullorange { background-color:orange; }
tr.redbg { background:#ffff9f url(/images/bgs/nicered.jpg) repeat top left; 
	color: #F0FFFF;
	}
tr.redbg2 { background-color:red; color: white;
	}
tr.bluebg { color: #FFFFFF; background:#9f9fff url(/images/bgs/blue_stick.jpg) repeat top left; }
tr.bluebg2 { color: #FFFFFF; background:#9f9fff url(/images/bgs/backlightblue.gif) repeat top left; }
tr.greenbg { color: #FFFFFF; background:#9f9fff url(/images/bgs/whitegreen.gif) repeat top left; }

.tcontent
{
	background: #FFFFFA;
	color: #0000AF;
	font: bold 10px geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; ; color:#000051; text-decoration: none
}
.thead a:link
{
	color: #FFFFFF;
}
.thead a:visited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active
{
	color: #FFFF00;
}
.tfoot
{
	background-color: #3E5C92;
	color: #E0E0F6;
}

.font-small {
	 font-size: x-small;
  	font-family: 'Arial Narrow', sans-serif;
	 }

.tfoot a:link
{
	color: #E0E0F6;
}
.tfoot a:visited
{
	color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
	color: #FFFF66;
}

textarea2
{
  font-size: 11px;
  text-align: left;
  color: black;
  font-family: lucida console, arial, helvetica, sans-serif;
}


TEXTAREA {
color:#00009f; background:#ffffff url(/images/bgs/fadedbg.gif) repeat;
font-family: Verdana, ms sans serif;
font-size: 8pt;
font-weight: normal
}

textarea.goals {background-color: #FFFF40;
  font-size: 9px;
  text-align: center;
  color: red;
  font-family: Arial Bold, helvetica, sans-serif, arial;
}

textarea.project {background-color: #FFFFFF;
  font-size: 10px;
  color: blue;
  font-family: Arial Bold, helvetica, sans-serif, arial;
}

textarea.projectdata {background-color: #FFFFFF;
  font-size: 10px;
  color: red;
  font-family: Arial Bold, helvetica, sans-serif, arial;
}

textarea.timeline {background-color: #FFFFFF;
  font-size: 11px;
  color: green;
  font-family: Courier New, Courier;
}

.ACEExpanded
{
	display: block;
}

.ACECollapsed
{
	display: none;
}



li
{
	font-size: 10px; font-family: Geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

a:hover { text-decoration: underline }

#formbox 
{
 position:absolute;
 top: 450px;
 left: 10px;
 height: 95px;
 width: 455px;
 border: solid 1px #FFFFFF;
 color: #FFFF00;
 padding: 0px;
 z-index: 3;
 visibility: hidden;
}
#wrapper {width:300px; margin:50px auto}
.form {padding:10px; background:#f3f3f3; border:2px solid #cfcfcf;}
.form label {width:200px; }
.form select {width:146px;}
.form label, .form select, .form input {
	margin-top:5px;
}
.form .submit {clear:both}
#msg {display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

label
{
font-size:10px; font-family: "verdana", "trebuchet ms", Arial;
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
} 


.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
fieldset
{
border: 1px solid #781351;
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}


/* Yellow what next box */
* html fieldset {padding-top:3em}
*+html fieldset {padding-top:3em}
fieldset {position:relative; border:1px #de7c33 solid; background:#FFFF99 url("/images/bgs/bg-box-s1.gif") bottom left repeat-x; margin:2em 20px 0; padding:2em 10px 1em}

.ibox, .iboxJ {border:1px solid #de7c33; background:#fffe98; margin:3em 0 2em; padding:9px}
.iboxJ  {padding:0; position:relative; bottom:-1px}
.iboxJ div {margin:-1px}
.iboxJ div div {background:url("/images/bgsc-bl-ibox.png") no-repeat 0 100%; margin:0}
.iboxJ div div div {background:url(	) no-repeat 100% 100%}
.iboxJ div div div div {background:url("/images/bgsc-tl-ibox.png") no-repeat 0 0; position:relative; top:-8px; margin-right:9px}
.iboxJ div div div div div {background:url("/images/bgsc-tr-ibox.png") no-repeat 100% 0; top:0; right:-9px; margin-right:0; padding:10px 8px 1px 1px; height:1%}

* html .iboxJ div div {background-image:url("/images/bgsc-bl-ibox.gif")}
* html .iboxJ div div div {background-image:url("/images/bgsc-br-ibox.gif")}
* html .iboxJ div div div div {background-image:url("/images/bgsc-tl-ibox.gif")}
* html .iboxJ div div div div div {background-image:url("/images/bgsc-tr-ibox.gif")}

.iboxJ h2,.ibox h2,.ibox h3,.iboxJ h3 {padding:5px 0; position:relative; margin:0; background-image:none; left:0}
.iboxJ p,.ibox p {padding:1.1em 0; margin:0}

.enotesTable td {
	padding: 5px 15px 5px 1px;
}

/*Vishal*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}