html, body{
	font-size: 14px; color: #555;
	font-family: 'Source Sans Pro', arial, sans-serif;
	font-weight: 400;
}

a,
a:visited{
	color: #4182D0; text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover{
	color: #45667F;
}

.lpj_row,
.lpj_row2{
	max-width: 95%; margin: 0 auto;
}
.clearing{
	display: block; float: none; font-size: 1px; clear: both;
}


#masthead{
	border-bottom: solid 1px #ccc; 
}
.site-branding{
	margin-right: 20px; line-height: 1;
}

.logged_in_user{
	margin: 30px 0;
}
.logged_in_user .name{
	font-size: 36px; line-height: 1; margin-bottom: 5px;
	margin-left: 20px;
}
.logged_in_user .email{
	font-size: 14px; margin-left: 20px;
}
.logged_in_user .user_buttons{
	margin-left: 20px;
}
.logged_in_user .user_buttons a{
	display: inline-block; margin-right: 10px;
}

.logged_in_user .user_info{
	min-width: 250px;
}

.user_photo{
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
	border: solid 5px #66AEED;
}

#page {
	position: relative;
}
#toggle-print {
	display: block;
	position: fixed;
	right: 10px;
	top: 10px;
	background: #75923c none;
	color: #fff;
	font-weight: 700;
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer; 
}
#toggle-print.toggled {
	background: #333 none;
}

#colophon{
	padding: 20px 0;
	border-top: solid 1px #ccc;
}

/*FORMS*/
input[type=email], 
input[type=number], 
input[type=password], 
input[type=tel], 
input[type=text], 
input[type=url],
input[type=file],
input[type="search"],
select,
textarea{
	border: solid 1px #ccc;
	padding: 10px;
	border-radius: 0; width: 100%;
	margin-bottom: 10px;
}

textarea{
	height: 140px;
}

button,
input.button, 
input[type=image], 
input[type=submit]{
	display: inline-block;
	background: #003C71;
	box-shadow: none;
	border: none;
	color: #fff; font-size: 14px;
	text-transform: uppercase;
	border-radius: 0px;
	padding: 15px 30px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

button:hover,
input.button:hover, 
input[type=image]:hover, 
input[type=submit]:hover{
	box-shadow: none;
	background: #0093F8;
}

.form-group{
	margin: 10px;
}
.form-group label{
	font-weight: bold; text-transform: uppercase;
	margin-bottom: 5px;
}

button .ajax_loader{
	display: inline-block; border: dashed 2px #fff;
	font-size: 0px;
	width: 20px; height: 20px;
	border-radius: 50%;
	float: right; margin-left: 10px;

	-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.ajax_result{
	position: fixed; top: 0px; left: 0px;
	width: 98%; z-index: 999999;
	background: rgba(0, 0, 0, 0.71);

	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.ajax_result button.close_msg{
	position: absolute; top: 10px; right: 10px;
	width: 20px; height: 20px; border-radius: 50%;
	padding: 0; margin: 0; text-align: center;
	font-size: 10px;
}


.alert-danger{
	padding: 10px; color: #fff; position: relative;
	/*border: solid 1px red;*/
	background: #953735;
	max-width: 90%;
	margin: 5px auto;
}
.alert-danger button.close_msg{
	background: #F2DDDC; color: #953735; font-weight: bold;
}
.alert-danger button.close_msg:hover{
	background: #fff;
}

.alert-success{
	padding: 10px; color: #fff; position: relative;
	border: solid 1px green;
	background: #75923C;
	max-width: 90%;
	margin: 5px auto;
}







.post_list_wrap{
	position: relative;
	margin: 0 0 20px;
	padding: 0 0 15px 0; /* 15px */
	background: #FFF none;
}


.post_list_wrap .ajax_loader{
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
	background: #000; opacity: 0.7; overflow: hidden;
}

@keyframes infinite-spinning {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.post_list_wrap .ajax_loader .loader_circle{
	display: none; 
	width: 200px; height: 200px; border-radius: 50%;
	border: dashed 5px #ddd; margin-left: -100px; margin-top: -100px;
	position: absolute; top: 50%; left: 50%;

	animation: infinite-spinning 3s infinite;
}

.prj_category_tabs{
	margin: 15px 0 0;
}

.prj_category_tabs a.tab_item{
	display: inline-block; padding: 10px 20px; text-align: center;
	background: #333 none; margin: 1px 0px 0 2px;
	font-weight: 700; font-size: 16px; color: #FFF; text-transform: uppercase; letter-spacing: 2px; 
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	width: 200px; 
}

.prj_category_tabs a.tab_item:first-child {
	margin-left: 0; 
}

.prj_category_tabs a.tab_item:hover{
	/* background: #CCC none; color: #777; */
}

.prj_category_tabs a.tab_item.current_tab{
	/* background: #FFF none; color: #0094F8; */
}




table.post_list_table{
	border-collapse: collapse; /* separate */ 
	border-spacing: 0; /* 1px */
}
table.post_list_table tr{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

tr:nth-child(even) {
	/* background: #eee; */
}
tr:nth-child(odd) {
	/* background: #E2E2E2; */
}

tr th{
	padding: 10px;
	text-align: center;
	font-size: 15px;
	color: #FFF; /* 0094F8 */
	font-weight: 700;
	overflow: hidden;
	/* background: #ccc; */
	text-transform: uppercase;
	background: #0094f8 none;
}
.page-id-42 tr th {
	background: #FFF none;
}
tr td{
	vertical-align:top;
	position: relative;
	border-top: 1px solid #FFF;
}
tr td .data_wrap{
	padding: 15px 10px; text-align: center;
}
tr td .data_wrap.website {
	padding-bottom: 3px;
}
.proj-date-box {
	text-align: center;
	color: #999; 
	padding: 0 0 10px;
}
#status_wrap{
	color: #111;
}
.status_label{
	padding: 15px 10px; text-align: center; font-size: 8px;  color: #fff;
	position: relative;
}

.status_label > a{
	position: relative; 
	color: #333; display: inline-block;
	/* background: #333; */
	*display: inline; *zoom: 1;
	padding: 0 15px 6px 10px;
	width: 120px;
	font-size: 14px;
	font-weight: 700; 
	/* border-radius: 18px; */
	text-transform: uppercase;
	border: 0 none;
}
.status_label > a:after{
   border: 0.313em solid transparent; /* 5 pixels wide */
   border-bottom: none;  /* helps the drop-down arrow stay in the vertical centre of the parent */
   border-top-color: #333;   /* colour of the drop-down arrow */
   content: ''; /* content of the arrow, you want to keep this empty */
   vertical-align: middle;
   display: inline-block;
   position: relative;
   right: -0.5em; /* 5 pixels right of the menu text*/
}
.status_label ul{
	margin: 0; padding: 0;
	position: absolute; top: 100%; right: 0; z-index: 99;
	width: 150px;
	background: rgba(0, 0, 0, 0.71);

	display: none;
}


.status_label ul li{
	list-style: none; display: block; border-bottom: solid 1px #555;
}
.status_label ul li a{
	display: block;
	color: #fff; font-size: 10px;
	padding: 3px 5px;
}
.status_label ul li a:hover{
	background: #66AEED;
}


.status_completed{
	background: #D7E4BC; 
}
.status_completed .status_label{
	background: #3A6B2C; 
}
.status_completed_btn .status_label > a {
	color: #3A6B2C;
}
.status_completed_btn .status_label > a:after {
	border-top-color: #3A6B2C; 
}

.status_on-going{
	background: #FCD5B4;
}
.status_on-going .status_label{
	background: #E46D0A; 
}
.status_on-going_btn .status_label > a {
	color: #E46D0A;
}
.status_on-going_btn .status_label > a:after {
	border-top-color: #E46D0A; 
}

.status_queued{
	background: #E5E0EC;
}
.status_queued .status_label{
	background: #60497B;
}
.status_queued_btn .status_label > a {
	color: #60497B;
}
.status_queued_btn .status_label > a:after {
	border-top-color: #60497B; 
}

.status_for-qa{
	background: #DBE5F1;
}
.status_for-qa .status_label{
	background: #00AEF0;
}
.status_for-qa_btn .status_label > a {
	color: #00AEF0;
}
.status_for-qa_btn .status_label > a:after {
	border-top-color: #00AEF0; 
}

.status_important{
	background: #F2DDDC;
}
.status_important .status_label{
	background: #953735;
}
.status_important_btn .status_label > a {
	color: #953735;
}
.status_important_btn .status_label > a:after {
	border-top-color: #953735; 
}

.status_admin{
	background: #ccc;
}
.status_admin .status_label{
	background: #000;
}
.status_admin_btn .status_label > a {
	color: #000;
}
.status_admin_btn .status_label > a:after {
	border-top-color: #000; 
}
/*
.status_notes{
	background: rgba(255, 255, 0, 0.55);
}
.status_notes .status_label{
	background: #D8D800;
}
.status_notes_btn .status_label > a {
	color: #D8D800;
}
.status_notes_btn .status_label > a:after {
	border-top-color: #D8D800; 
}
*/
.status_sales{
	background: #FFE5FF; 
}
.status_sales .status_label{
	background: #F984EF; 
}
.status_sales_btn .status_label > a {
	color: #F984EF;
}
.status_sales_btn .status_label > a:after {
	border-top-color: #F984EF; 
}

.status_notes{
	background: #FAF1BA; 
}
.status_notes .status_label{
	background: #FFEFA4; 
}
.status_notes_btn .status_label > a {
	color: #D2B402;
}
.status_notes_btn .status_label > a:after {
	border-top-color: #D2B402; 
}



th.name{
	width: 22%;
}
th.assignedto{
	width: 15%;
}
th.details{
	width: 40%;
}
th.status{
	width: 10%;
}
th.signed{
	width: 8%;
}



.prj_btns a{
	display: inline-block;  margin: 10px 3px 0;
	width: 25px; height: 25px; 
	border-radius: 50%;
	text-align: center;
	background: #0094F8 none;
	color: #fff; line-height: 28px;
	font-size: 18px; font-weight: bold;
	/* opacity: 0.6; */
}
.prj_btns a.delete_prj {
	background: #B22D00 none;
}
.prj_btns a img{
	max-width: 70%;
}
.prj_btns a:hover{
	/* opacity: 1; */
}


a.add_new_item_btn{
	float: right; margin-top: 15px; margin-left: 10px;
	display: inline-block; padding: 10px 20px; background: #0094F8;
	color: #fff; text-align: center;
	font-weight: 700; text-transform: uppercase;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a.add_new_item_btn:hover, a.add_new_item_btn.isOpen {
	/* color: #555; background: #FCD5B4; */
	color: #FFF; background: #333;
}

a.print_btn{
	float: right; margin-top: 15px;
	display: inline-block; padding: 10px 20px; background: #75923C;
	color: #fff; text-align: center;
	font-weight: 700; text-transform: uppercase;
}
a.print_btn:hover{
	/* color: #555; background: #D7E4BC; */
	color: #FFF; background: #0094f8;
}


.prj_item_row .website{
	color: #111; font-size: 14px; text-transform: uppercase;
}
.prj_item_row .assignedto{
	text-transform: uppercase;
}
.prj_item_row .notes{
	text-align: left;
}
.prj_item_row .notes p{
	margin: 0 0 5px 0;
}
.notes ul{
	margin: 0 0 15px 10px;
	padding: 0 0 0 15px;
}



.prj_item_row .prj_btns{
	display: none;
	position: absolute; top: -1px; left: 100%; /* absolute */
	overflow: hidden;
	padding: 0 10px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #EEE none;
	-moz-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	width: 90px; 
	height: 100%;
}
.prj_item_row:hover .prj_btns{
	display: block; 
}
.post_list_table tr.a18 {
	background: rgba(0,0,0,0.2) none;
}
.post_list_table tr.a6 {
	background: rgba(149,55,53,0.2);
}
.post_list_table tr.a2 {
	background: rgba(58,107,44,0.2) none;
}
.post_list_table tr.a3 {
	background: rgba(228,109,10,0.2) none;
}
.post_list_table tr.a5 {
	background: rgba(96,73,123,0.2) none;
}
.post_list_table tr.a4 {
	background: rgba(0,174,240,0.2) none;
}
.post_list_table tr.a21 {
	background: rgba(249,132,239,0.2) none;
}
.post_list_table tr.a19 {
	background: rgba(255,239,164,0.6) none;
}

.post_list_table tr.a18.prj_item_row .website, .post_list_table tr.a18.prj_item_row .proj-date-box, .post_list_table tr.a18.prj_item_row .assignedto, .post_list_table tr.a18.prj_item_row .notes {
	color: rgb(0,0,0);
}
.post_list_table tr.a6.prj_item_row .website, .post_list_table tr.a6.prj_item_row .proj-date-box, .post_list_table tr.a6.prj_item_row .assignedto, .post_list_table tr.a6.prj_item_row .notes {
	color: rgb(149,55,53);
}
.post_list_table tr.a2.prj_item_row .website, .post_list_table tr.a2.prj_item_row .proj-date-box, .post_list_table tr.a2.prj_item_row .assignedto, .post_list_table tr.a2.prj_item_row .notes {
	color:  rgb(58,107,44); /* rgb(117,146,60) */
}
.post_list_table tr.a3.prj_item_row .website, .post_list_table tr.a3.prj_item_row .proj-date-box, .post_list_table tr.a3.prj_item_row .assignedto, .post_list_table tr.a3.prj_item_row .notes {
	color: rgb(228,109,10);
}
.post_list_table tr.a5.prj_item_row .website, .post_list_table tr.a5.prj_item_row .proj-date-box, .post_list_table tr.a5.prj_item_row .assignedto, .post_list_table tr.a5.prj_item_row .notes {
	color: rgb(96,73,123);
}
.post_list_table tr.a4.prj_item_row .website, .post_list_table tr.a4.prj_item_row .proj-date-box, .post_list_table tr.a4.prj_item_row .assignedto, .post_list_table tr.a4.prj_item_row .notes {
	color: rgb(0,174,240);
}
.post_list_table tr.a21.prj_item_row .website, .post_list_table tr.a21.prj_item_row .proj-date-box, .post_list_table tr.a21.prj_item_row .assignedto, .post_list_table tr.a21.prj_item_row .notes {
	color: rgb(249,132,239);
}
.post_list_table tr.a19.prj_item_row .website, .post_list_table tr.a19.prj_item_row .proj-date-box, .post_list_table tr.a19.prj_item_row .assignedto, .post_list_table tr.a19.prj_item_row .notes {
	color: rgb(139,98,1);
}

.post_list_table .prj_item_row:hover {
	box-shadow: 0 0 8px #999;
	color: #333; 
	background: #FFF none;
}
.page-id-42 .post_list_table .prj_item_row:hover {
	box-shadow: none;
	color: inherit;
	background: inherit;
}
/*
.post_list_table .prj_item_row:hover .prj_btns{
	display: block; height: 100%; padding: 10px;
}
*/
.dept_indicator{
	position: absolute; top: 0; left: 0; 
	width: 12px; height: 14px; background: #adadad;
	font-size: 10px; text-align: center;
	color: #fff;
	margin: 0 0 10px; 
}


.prj_item_col{
	margin: 15px;
	text-align: center;
	background: #efefef;
	padding: 10px;
}
.prj_item_col .data_wrap{
	margin-bottom: 5px;
}
.prj_item_col .data_wrap p{
	margin: 5px 0;
}

.prj_item_col .website{
	font-size: 16px; font-weight: bold; color: #003C71;
}

.prj_item_col .notes{
	min-height: 200px;
}


#add_new_wrap .mce-container-body{
	border:solid 1px #ccc;
}

.realtime_notification_wrap{
	position: fixed; bottom: 0; right: 0px;
	z-index: 999999;
}
.realtime_notification_wrap .rtmsg{
	width: 200px; padding: 10px; margin: 10px;
	background: rgba(0, 0, 0, 0.71);
	color: #fff; cursor: pointer;
}


/*******************************************************************
* @Author: Boutros AbiChedid
* @Date:   March 20, 2011
* @Websites: http://bacsoftwareconsulting.com/
* http://blueoliveonline.com/
* @Description: Styling Custom Numbered Page Navigation (Pagination)
********************************************************************/
.pagination {
    padding: 5px 1px 5px;
    float:left;
    width: 98%; font-size: 11px;
}
.pagination a {
    padding: 10px;
    margin: 3px;
    text-decoration: none;
    color:#fff;
    background: #003C71; 
    border: 1px solid #fff;
    float:left;
}
.pagination a:hover {
    color: #fff;
    background-color: #EF4E2A;
}
.pagination span{
    padding: 10px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #E5E5E5;
    background-color: inherit;
    float:left;
}
.pagination span.current {
    padding: 10px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #fff;
    color:#fff;
    background-color: #0093F8;
    float:left;
}
.pagination span.expand {
    padding: 10px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
    background-color: inherit;
    float:left;
}
.pagination .first, .pagination .last {
    border: 1px solid #aaa;
}
.pagination .single_page {
	
}
.tablenav-pages{
}
.tablenav-pages .item_count{
	margin-left: 5px;
}


/*USERS*/
.login_wrapper,
.register_wrapper{
	margin: 15px;
}

.print_title{
	color: #000;
}


.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{
    padding: 0px
}
.trumbowyg-modal-box .trumbowyg-modal-title{
    font-size: 16px; padding: 5px;
}
.trumbowyg-dropdown button{
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

.add_new_wrap {
    margin: 20px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    background: #F7F7F7 none;
    box-shadow: 0 0 15px #CCC; 
}
.close_wrapper {
    position: relative;
    margin: 0 0 10px;
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0 10px; 
    text-align: left;
}
.close_wrapper h5 {
    margin: 0; 
    font-weight: 700;
    font-size: 16px;
    color: #0094f8;
    text-transform: uppercase;
}
.close_wrapper a {
    position: absolute;
    top: -30px;
    right: -30px;
    display: block;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    text-align: left;
    text-indent: -9999em;
    background: #FFF url(../img/close.png) no-repeat 6px 6px;
    overflow: hidden;
    cursor: pointer;
    transition: none;
    *display: inline;
    *zoom: 1;
}
.close_wrapper a:hover {
    background: #b22d00 url(../img/close.png) no-repeat 6px -34px;
}
.inner-form-wrapper {
    padding: 10px;
    background: #E5F4FE none;
}

.site-main {
	padding: 15px 0 0; 
}

body .ui-widget, body .ui-widget input, body .ui-widget select, body .ui-widget textarea, body .ui-widget button {
	font-family: "Source Sans Pro",Arial,sans-serif;
}
body .ui-widget-header {
	border: 1px solid #333;
	background: #333 none;
}
body .ui-dialog .ui-dialog-title {
	text-transform: uppercase;
	letter-spacing: 1px; 
}
body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default, body .ui-button, html body .ui-button.ui-state-disabled:hover, html body .ui-button.ui-state-disabled:active {
	border: 0 none; background: #0094f8 none;
	text-shadow: none; color: #FFF; 
	box-shadow: none;
}
body .ui-state-hover, body .ui-widget-content .ui-state-hover, body .ui-widget-header .ui-state-hover, body .ui-state-focus, body .ui-widget-content .ui-state-focus, body .ui-widget-header .ui-state-focus, body .ui-button:hover, body .ui-button:focus {
	border: 0 none; background: #0094f8 none;
	text-shadow: none; color: #FFF; 
	box-shadow: none;
}
body .ui-dialog .ui-dialog-titlebar-close {
	background: #000; 
	color: #CCC;
}
body .ui-dialog .ui-dialog-titlebar-close:hover {
	background: CCC; 
}
body .ui-button .ui-icon {
	background-image: url(../images/ui-icons_d8e7f3_256x240.png);
}
body .ui-button:hover .ui-icon {
	background-image: url(../images/ui-icons_d8e7f3_256x240.png);
}
body .ui-dialog .ui-dialog-buttonpane {
	padding: 0.3em 0 0; 
}

#dialog-confirm, #dialog-notify-add {
	display: none;
}

.most-used-tags {
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
	list-style-type: none;
}
.most-used-tags li {
	display: inline-block;
	margin: 5px 10px 5px 0;
	padding: 0 12px;
	font-size: 14px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #CCC;
	letter-spacing: 1px;
	line-height: 2;
	color: #333;
	background: #FFF none; 
	vertical-align: top;
	text-transform: uppercase;
	*display: inline;
	*zoom: 1;
	cursor: pointer; 
}