.cb { clear:both; height:1px; font-size:1px; line-height:1px; }


/* Status Login Form */
form#constat_Login { border: 2px solid #717171;  width:30em; padding:1em 2em; text-align:center; margin:2em auto; -moz-border-radius:15px; -webkit-border-radius:15px; }
form#constat_Login p { margin:5px 0; padding:0; }
form#constat_Login p label { font-size:0.9em; display:block; text-align:left; cursor:pointer; }
form#constat_Login p input.txt { font-size:2em; width:90%; -moz-border-radius:10px; -webkit-border-radius:10px; border-color:#949494; }
form#constat_Login p.submit { margin:15px; text-align:right; }
form#constat_Login p.submit input { padding:5px 15px; overflow:hidden; width:auto; cursor:pointer; }
form#constat_Login #Submit { background:#ebf4fb; border:1px solid #8ab7da; color:#1061a1; -moz-border-radius:10px; -webkit-border-radius:10px; }
form#constat_Login { }
form#constat_Login input.txt {  }

/* Preview Box */
#JobPreviews { margin:1em 0 0 0.7em; padding: 0 2em 0 1em; border-top:2px dashed #CCC; }


/* Status Page Styles */
p.jobenquire { margin:1em 3.5em; padding:0.8em; -moz-border-radius:5px; -webkit-border-radius:5px; }
p.jobenquire.success { background:#d1f5cd; border:1px solid #69bb5f; color:#1a6011; }
p.jobenquire.failure { background:#f8e8e8; border:1px solid #d29797; color:#960b0b; }


#JobStatus { width:62em; margin:1em auto; }

#JobStatus .jobinfo { width:30em; float:left; }
#JobStatus .jobinfo p { clear:both; margin:4px 0; padding:0; }
#JobStatus .jobinfo p strong { display:block; float:left; clear:left; width:9em; }

#JobStatus .jobenquire { width:30em; float:right; }
#JobStatus .jobenquire label { display:block; cursor:pointer; }
#JobStatus .jobenquire textarea { width:95%; border:2px solid #6aa4d0; background:#f2f2f2; padding:5px; margin:5px 0; height:5em; 
									-moz-border-radius:5px; -webkit-border-radius:5px; }
#JobStatus .jobenquire textarea:focus { background-color:#FFF; }
#JobStatus .jobenquire .submit { text-align:right; }
#JobStatus .jobenquire input#SubmitEnquiry { cursor:pointer; color:#004d88; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:8px;
	border:1px solid #6aa4d0; background:#dfedf8 url(images/ico-mail.gif) 5px no-repeat; padding:3px 5px 3px 25px; }

#JobStatus .statusbar { margin:3em auto; }
ul.progress { list-style:none; margin:0; padding:0; background:url(images/prog-bg.gif) top left repeat-x; text-align:center; width:760px; margin:5px auto; }
ul.progress li { margin:0; padding:0; width:125px; float:left; background:url(images/prog-todo.gif) top center no-repeat; font-size:0.9em; }
ul.progress li span { display:block; height:25px; padding-top:8px; margin-bottom:5px; color:#000; font-size:1.2em; font-weight:bold; }
ul.progress li.done { background-image:url(images/prog-done.gif);  }
ul.progress li.doing { background-image:url(images/prog-doing.gif); font-weight:bold; }
ul.progress li.done span, ul.progress li.doing span { color:#FFF; }



.ui-widget { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; }
.ui-tabs-nav { font-size:0.8em; }



.stageTab { }
.stageTab .details { border:1px solid #8ab7da; background:#ebf4fb; padding:5px; margin:1em; }
.stageTab .details .describe, .stageTab .details .dates { width:20em; margin:0 2em;  }
.stageTab .describe { float:left; }
.stageTab .dates { float:right; }
.stageTab .dates p span.complete-date { display:block; text-align:center; font-size:1.4em; margin-top:0.4em; }
.stageTab .details p { line-height:1.4em; margin:0.4em 0; padding:0; }

.stageTab .note { padding:0em 1em 0.5em 4.5em; background:url(images/ico-speechbubble.gif) top left no-repeat; margin:1.5em 0; }
.stageTab .note h2 { font-size:1.2em; }
.stageTab .note p.date { margin:0 0 0.7em 0; padding:0; font-size:0.9em; color:#666; }
.stageTab .note p { margin:0.4em 0; padding:0; line-height:1.4em; }


#StatusTip { display:none; height:70px; width:160px; font-size:12px; padding:25px; color:#fff; background:transparent url(images/black_arrow.png); }