@CHARSET "ISO-8859-1";

body { margin:0; padding:0; background:#fff; }
p { margin: 0; padding: 0; }
.clear { clear:both; }
.brk { height:10px; }
.img_flag{margin-right: 10px;}

.title { border:1px solid #CD661D; background-color:#0F0F0F; width:98%; margin:5px auto; }
.title h2{ padding:0; margin:0; margin-left:5px; font-size:14px; color:#FCFFF0; }

/* Top Menu and Logo Etc */
#top { height: 230px; width: 940px; margin:0 auto;}
#top-menu { min-height:50px; background: #909599; margin-top: 44px; text-align: center; line-height: 50px; }
.top-menu-item{ float:left; border-right:solid 1px #FFF; }
.top-menu-item a{ text-decoration:none; color:#000; width:100%; }
.top-menu-item a:hover { background:#FFF; color:#000; }


#top .h_link{ float:left; width:940px; height:49px;font-family:Arial, Helvetica, sans-serif; font-size:14px;padding:0 0 0 0; margin-top: 44px; }
#top .h_link ul { margin:0 0 0 0px; padding:0px 0px 0px 0px; list-style:none; width:960px;  }

#top .h_link li {display:inline; float:left; padding:0px 0px 0 0px; margin:0; /* background:url(../images/link_d.jpg) no-repeat; background-position:10px 20px; */ }

#top .h_link a {float:left; background:url(../images/nav-left1.png) no-repeat left top; margin:0 10px 0 0px; padding:0 0 0 7px; text-decoration:none;font-weight:normal;}

#top .h_link a span {float:left; display:block; background:url(../images/nav-right1.png) no-repeat right top; 
padding:0px 9px 0px 2px; line-height:50px; color:#fff;}
	  
#top .h_link a span {float:none; color:#fff; }
#top .h_link a:hover span {color:#121212;}
#top .h_link a:hover {background-position:0% -50px;}
#top .h_link a:hover span {background-position:100% -50px;}
 
#top  .h_link .active a {float:left; color:#fff;  background:url(../images/nav-left.png) no-repeat left top; margin:0 10px 0 0px;  text-decoration:none;font-weight:normal;}
  
#top  .h_link .active a:hover {float:left;  background:url(../images/nav-left1.png) no-repeat left top; }
#top  .h_link .active a span {float:left; display:block; background:url(../images/nav-right1.png) no-repeat right top; padding:0px 9px 0px 2px; line-height:50px; color:#121212;}
  
#top  .h_link .active a:hover{background-position: 0% -50px; }
#top  .h_link .active a span{background-position: 100% -50px;}



/* Main Content of the Website */
#content { width: 100%; border:none; }
#content a{ text-decoration:none; color:#4D70DB; }
#content a:hover { text-decoration:underline; }

/*Table style used to display projects*/
.proj_table { width:100%;font: 10px/14px Arial, Helvetica, sans-serif; border-left: 2px solid #262626;
border-right: 2px solid #262626; border-bottom: 2px solid #262626; }
.proj_table td { background: white; color: #444; text-align: left; font-size: 11px; line-height: 1.6em; padding: 5px 5px 6px 6px; cursor: pointer !important; border-right: 1px solid #DEDEDE;
border-bottom: 1px solid #EEE; }
.proj_table tbody tr:hover td{background: #d0dafd;}
.proj_table thead td,
.proj_table thead th
{ text-align: left; font-size: 11px; line-height: 1.6em; padding: 5px 5px 6px 6px; background-color: #333; color: white; padding-right: 20px; cursor: pointer !important; border-right: 1px solid #555; }


#content .task-box {
width: auto;
border: solid 1px #CCC;
margin: 0 auto;
padding: 30px 22px 6px;
background:#FFF;
border-top:none;
}
.proj_title {
font: 21px/24px Arial, Helvetica, sans-serif;
color: #000D2D;
padding: 0 0 13px;
}
.proj_title .number {
float: right;
display: block;
font-weight: 700;
}
.proj_title .gray {
color: #8D9DAA;
font-weight: 400;
}
.line {
overflow: hidden;
clear: both;
padding: 8px 10px 7px;
font: 12px/16px Arial, Helvetica, sans-serif;
color: #372B2D;
}
.line.gray {
border-top: solid 1px #EEE;
border-bottom: solid 1px #EEE;
background: whiteSmoke;
}
.line .param {
display: block;
float: left;
width: 224px;
font-weight: 700;
color: #401C00;
}
.line > p {
margin-left: 224px;
}
.param b {
font-weight: bold;
font-size: 18px;
}

#add_interest {float: right;}


a.button:hover, button.button:hover {
border: 1px solid #999;
color: black;
}
button.button[type] {
width: auto;
padding: 5px 10px 5px 7px;
line-height: 17px;
}
button.button {
padding: 4px 10px 3px 7px;
}
a.button, button.button {
float: none;
display: inline;
display: inline-block;
}
a.button, button.button{text-decoration:none;background:#EAEAEA;border:1px solid #dedede;border-right:1px solid #bbb;border-bottom:1px solid #bfbfbf;padding:5px 10px 6px 10px;display:block;cursor:pointer;font-size:100%;line-height:130%;color:#464646;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;-o-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;box-shadow:rgba(0,0,0,.15) 0px 1px 3px;}
button {
width: auto !important;
overflow: visible !important;
}
a.button img, button.button img {
margin: 0 3px -3px 0 !important;
}

.assign_proj{
float: right;
margin-right: 150px;
}

#close_project {
	float:left;
}


.buttons {
	text-align:right;	
}
/* Start of Style for Home or index.php*/
#home-left { border:0px dashed #FFF; width:30%; float:left; margin:2% 0 1% 0; }
.home-left-inner { border:1px solid #FFD700; background-color:#0F0F0F; width:100%; } 
.home-left-inner h1{ text-align:center; font-size:16px; }
.home-left-inner h2{ font-size:15px; margin:0; padding:0; }
.home-left-inner h3{ font-size:14px; margin:0; padding:0; display:inline; }
.home-left-inner a { text-decoration:none; font-size:14px; color:#FFD700; }
.home-left-inner a:hover { text-decoration:underline; }

#home-right { border:1px solid #FFD700; width:68%; float:right; margin:2% 0 1% 0; }
.home-right-inner { border:1px solid #F00; background-color:#1F1F1F; width:99%; margin:5px auto; }
.home-right-inner-data { width:90%; margin:10px auto; text-align:justify; }
.home-right-inner-data table { font-size:12px; background-color:#333333; margin-top:10px; margin-bottom:10px; width:100%; }
.home-right-inner-data table,th,td { text-align:left; }

.home-reports { border:1px solid #FFD700; background-color:#1F1F1F; width:100%; margin:0 0 2% 0; }
.home-reports table { border:1px solid #C30; width:95%; margin:1% auto; text-align:center; }
/* End of Style for Home or index.php*/

/* Start of Style for Forms and Form's Validations */
input, textarea { border: 1px solid #333; }
input[type="submit"]:hover{ cursor:pointer; color:#FFF; background-color:#1F1F1F; border:1px solid #FFD700; }
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color: #000; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color: #000; }

.validation-advice { margin: 2px 0; padding: 3px; color: #C60; }
.custom-advice { margin: 2px 0; padding: 3px; background-color: #C8AA00; color: #FFF; }
.server-validation-advice { color:#C60; }
.success-message { color:#060; };

.smallform { width: 25%; }
.mediumform { width: 50%; }
.largeform {width: 80%; background-color:#0F0F0F; margin:0 auto;}

fieldset { padding: 1em; margin-bottom: 0.5em; }
.form-row {	clear: both; padding: 0.5em; }
.field-label { float:left; }
.field-widget { margin-left:30%; }

.inner-form { border:1px solid #FFD700; background-color:#1F1F1F; width:70%; }
.inner-form-data { margin: 2% 2% 2% 2%; }

.rating {
	width:50px;
	height:10px;	
	background:url(../images/starsoff.png) no-repeat;
	display:inline-block;
}
.rating > div {
	width:0px;
	height:10px;	
	background:url(../images/stars.png) no-repeat;
}
.notes {
	display:inline-block;
	background:url(../images/notes.png) no-repeat;
	width:12px;
	height:12px;
}
.pagenav {
	text-align:center;	
}
.pagenav > * {
	display:inline-block;
	padding:2px 10px;
	margin:5px;
	color:#ddd;
	background:#fff;
	border:1px solid #ddd;
	text-decoration:none;
	color:#666;
}
.pagenav > span {
	color:#3AB517
}
.emailsent {
	float:right;
	width:20px;
	height:14px;
	background:url(../images/emailsent.png) no-repeat;
	margin-left:10px;	
}

.error {
	width:893px;
	padding:10px 22px;
	background:#930;
	margin:10px auto 0px auto;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	z-index: 100;
	position: relative;
}

tbody th {
	text-align:right;
	padding-right:5px;
	vertical-align:top;	
	padding-top:3px;
}
select,input[type="text"],input[type="password"],input[type=""],textarea {
	border-radius:4px;
	border:1px solid #ccc;
	padding:2px 3px;	
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}
form td {
	padding-bottom:5px;
}
#comments > div,.commentsneedaccepting > div {
	margin-bottom:5px;
	border:1px solid #ddd;
	background:#f1f1f1;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif
}
#comments > div .meta,.commentsneedaccepting > div .meta {
	font-size:10px;
	border:1px solid #ccc;
	background:#ddd;
	margin-bottom:5px;
	padding:5px;
}
#comments > div .comment,.commentsneedaccepting > div .comment {
	font-size:14px;
	border:1px solid #ddd;
	background:#fff;
	padding:5px;
	clear:both;
}
.markseen {
	float:right;
	color:red;
	cursor:pointer;	
	margin-left:10px;
	vertical-align:bottom;
	display: inline-block;
    line-height: 2.2em;
}
.commentsneedaccepting {
	width:600px;	
}
.noindent {
	clear:both;
}
.noindent p {
	margin:0 !important;	
}
a.button.disabled {
	color:white !important;	
}
#comments > div.admin .meta,.commentsneedaccepting > div.admin .meta {
	background:#0b415d;
	color:#fff;
	transition:background 2s;
	-moz-transition:background 2s; /* Firefox 4 */
	-webkit-transition:background 2s; /* Safari and Chrome */
	-o-transition:background 2s; /* Opera */
}
#comments > div.client .meta,.commentsneedaccepting > div.client .meta {
	background:#E483F1;
	color:#fff;
	transition:background 2s;
	-moz-transition:background 2s; /* Firefox 4 */
	-webkit-transition:background 2s; /* Safari and Chrome */
	-o-transition:background 2s; /* Opera */
}
.nojob {
	background:#fff;
	margin:20px 0px;
	padding:20px;
	clear:both;
}
.nojob > h3 {
	margin-top:0px;	
}
.nojob .comments > div {
	border:1px solid #ddd;
	background:#f1f1f1;
	padding:20px;
	border-radius:10px;
	font-size:12px;
}
.hiddencomment {
	display:none;	
}
#notescont a {
	margin-bottom:20px;	
}
#comments > div.admin .meta a,
#comments > div.client .meta a {
	color:white;	
}
.highlight .meta {
	background:#F00 !important;	
}
#comments > div.admin .delete,.commentsneedaccepting > div.admin .delete {
	color:white;	
}
.accept {
	text-align:center;	
}
.accept a {
	color:#f00 !important;
	font-size:18px;
}
#comments .accept,.commentsneedaccepting .accept {
	text-align:left;	
}
.acceptbuttons {
	float:left;
	width:100%;
	margin:10px 0px;
}
.acceptbuttons > div {
	float:right;	
	color:white;
	font-weight:bolder;
	margin-left:10px;
	padding:5px 10px;
	border-radius:6px;
	cursor:pointer;
}
.acceptbutton {
	background:#0C0;
	box-shadow:inset 3px 3px 3px #82EB7E,inset -3px -3px 3px #090;
}
.rejectbutton {
	background:#C30;
	box-shadow:inset 3px 3px 3px #F49A95,inset -3px -3px 3px #900;
}
.acceptbutton:hover {
	background:#0B0;
}
.rejectbutton:hover {
	background:#B20;
}
.rejected .rejectbutton {
	background:#888 !important;
	box-shadow:none !important;
}
.accepted .acceptbutton {
	background:#888 !important;
	box-shadow:none !important;
}
.proofreader .meta {
	background:#7b017f !important;	
}
.unassigned .meta {
	background:#000 !important;	
}
div#dp-popup {
	z-index:100000;	
}
#comments > div.otheruser .meta {
	background:#2be !important;
	color:white !important;
}
#comments > div.admin.otheruser .meta {
	background:#09C !important;
	color:white !important;
}
.actions a.disabled {
	color:#888 !important;
	text-decoration:none !important;
	cursor:not-allowed !important;	
}
.button.small {
	display:inline-block;
	line-height:70%;
	margin:0 0 0 10px;
}

.table {
	width:95%;
	margin:0 auto;
	font: 10px/14px Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
}
.table td {
	color: #444;
	text-align: left;
	font-size: 11px;
	line-height: 1.6em;
	padding: 5px 5px 6px 6px;
	border:1px solid #eee;
}
.table tbody tr {
	color:#fff;	
}
.table tbody tr:hover {
	background: #d0dafd;
}
.table thead th {
	text-align: left;
	font-size: 11px;
	line-height: 1.6em;
	padding: 5px 5px 6px 6px;
	background-color: #eee;
	color:#000;
	border:1px solid #ccc;
}
td.remove {
	width:16px;
	height:16px;
	background-image:url(../images/remove.png) !important;
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
}
td.yes {
	width:16px;
	height:16px;
	background-image:url(../images/flag.png) !important;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.invalidemail {
	color:red;	
}
.invalid {
	border-color:red !important;
	color:red !important;	
}
html.flash .noflash {
	display:none;	
}
html.noflash .flash {
	display:none;	
}
.uploaded {
	vertical-align:top;
	min-height:100px;
	border:1px solid #ddd;
	background:#f1f1f1;
	padding:10px;
}
.uploaded > div {
	float:left;
	padding:4px 8px;
	border:1px solid #ccc;
	background:#e1e1e1;
	margin-right:5px;
	margin-bottom:5px;
	white-space:nowrap;
	border-radius:10px;
	font-size:11px;
	line-height:16px;
}
.uploaded > div.dragupload {
	cursor:move;
}
.uploaded > div > a {
	cursor:pointer;
}
.uploaded > div .remove {
	width:16px;
	height:16px;
	background:url(../images/remove.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
}
.uploaded > div .download {
	width:16px;
	height:16px;
	background:url(../../images/download.png) no-repeat;
	display:inline-block;
	vertical-align:middle;
}
.uploaded > div.type0 {
	border:1px solid #95CADB;
	background:#B5EAFB;	
}
.uploaded > div.type1 {
	border:1px solid #C6C;
	background:#FAF;	
}
.uploaded > div.type2 {
	border:1px solid #97BF49;
	background:#a7dF69;	
}
.uploaded > div.forclient {
	border:1px solid #adaf12;
	background:#dbdd14;	
}
.details {
	padding:5px;
	border:1px solid #ddd;
	background:#f1f1f1;
	margin:0px 10px;
	font-size:12px;
	min-height:100px;
}
.description > .full {
	background:#fff;
	z-index:100;	
}
.proj_table .disabled td {
	color:#aaa !important	
}

.prnote {
	position:relative;	
}
.prnote > img {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;	
}
#anotheruser {
	width:915px;
	margin:20px auto;
	text-align:center;
	padding:10px;
	background:#FC0;
	border:2px dashed #F90;
	font-weight:bolder;
	font-size:17px;
}
#header {
	background:#000;
}
.main {
	width:960px;
	margin:0 auto;
}
#header {
	color:#fff;	
}
#header a {
	color:#fff;
	text-decoration:none;	
}
#logo {
	text-align:center;
	padding:20px 0px;
}
.row {
	float:left;
	width:100%;	
}
.row .left {
	float:left;	
}
.row .right {
	float:right;
}
.row .left > * {
	float:left;
	margin-right:10px;
	display:block;	
}
.row .right > * {
	float:left;
	margin-left:10px;
	display:block;	
}
.menu {
	float:left;
	width:100%;
	background:#6a80bb url(/images/menuback.png) repeat-x;	
	box-shadow:0px 10px 20px rgba(0,0,0,0.2);
	margin-bottom:30px;
}
.menu ul.menu {
	background:transparent;	
	width:auto;	
	box-shadow:none;
	margin:0;
}
.menu li {
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;	
}
.menu ul {
	padding:0px;
	margin:0px;		
}
.menu li a {
	padding:12px 15px;
	font-size:14px;
	display:inline-block;	
}
.menu li.active a,.menu li a:hover {
	background:#3e507f;
	background:rgba(0,0,0,0.2);
}
.menu li + li {
	background:url(/images/menusep.png) 0% 50% no-repeat;
}
.userrow {
	margin-bottom:20px;
	font-size:12px;	
}
.userrow form {
	margin-top:-5px;	
}
.userrow ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.userrow ul li {
	float:left;
	padding:0px;	
}
.userrow ul li + li  {
	margin-left:10px;	
}
html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
}

#main {
	padding-bottom: 150px;
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height:120px;
	clear:both;
	border-top:3px solid #6a80bb;
	background:#000;
	padding:20px 0px;
	color:#fff;
	line-height:18px;
	font-size:11px;
	text-align:center;
}
#footer a {
	color:#fff;	
}
#footer .designedby,#footer .designedby a {
	color:#ddd;	
}
td.uploaded {
	position:relative;
}
a.moveall {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	background:#999;
	color:#fff !important;
	text-decoration:none !important;
	padding:4px 6px;
}
.moveall > a.moveall {
	display:inline-block;
}
.fullscreen #body > .main {
	width:75%;
	margin:0px auto;
	min-width:960px;
	background:#ddd;
	padding:20px 20px 20px;
}
.writerscreen,.fullscreen {
	background:#fff url(/images/writers.jpg) no-repeat fixed 100% 0%;
	background-size:cover;	
}
#securityseal {
	margin:7px 0px	
}
.cols {
	list-style:none;
	margin:10px 0px;
	padding:0;
	-webkit-column-count: 4;
	-webkit-column-gap: 0px;
	-moz-column-count: 4;
	-moz-column-gap: 0px;
	column-count: 4;
	column-gap: 0px;
}
#notpaid {
	width:80%;
	text-align:center;
	font-size:22px;
	color:#fff;
	clear:both;
	padding:20px 10%;
	background:#222;
	margin:20px 0px;
	position:relative;
	top:20px;
}
#premierproj {
	width:80%;
	text-align:center;
	font-size:22px;
	color:#fff;
	clear:both;
	padding:20px 10%;
	background:#F36;
	margin:20px 0px;
	position:relative;
	top:20px;
}
.comment pre {
	white-space:normal;
}
.comment_job {
	padding:0px;
	font-size:10px;
	margin:0px 5px;	
}
.client_comment,.writer_comment {
	padding:10px 10px 10px 40px;
	margin-top:10px;
	background:#f9f9f9 no-repeat 10px 10px;
	border:1px solid #ccc;
	background-size:20px 20px;
	margin-left:30px;
	font-size:0.9em;
}
.client_comment {
	background-image:url(../images/to-client.png);
	border-color:#E483F1;
}
.writer_comment {
	background-image:url(../images/to-writer.png);
}
.comment_icon {
    float: right;
    height: 20px;
    width: 20px;
    padding: 5px;
    background-position: 50% 50%;
	margin:0;
}
.comment_icon + .comment_icon {
	margin-right:5px;	
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.btn {
	border-radius:2px;
	padding:4px 6px;
	background:#eee;
	border:1px solid #777;	
	text-decoration:none !important;
	color:#000 !important;
}
.btn:hover {
	background:#ddd;	
}
.btn.red {
	border:1px solid #422;	
	background:#9E0608;
	color:#fff !important;	
}
.btn.red:hover {
	background:#AB0104;
}	
.btn.btn-small {
	font-size:10px;
	padding:2px 3px;	
}
.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top:0px;
  z-index: 1;
}
.comments_actions {
	background:rgba(255,255,255,0.9);
	padding:10px;	
}

.frontupload {
	background:#fff;	
}