@charset "utf-8";

/*
| -------------------------------------------------------------------
| BasE
|
| font	: #b0b0b0 / #565656 (light/dark)
| blue	: #356dad
| error	: #f00
| -------------------------------------------------------------------
*/


html { height: 100%; overflow: hidden; } 
body { font: normal 11px/100% Arial, Sans-serif; color: #000000; height: 100%; overflow: hidden;}

#wrapper { margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;
	background: url('../images/layout/ui-border.gif') scroll repeat-x left top;
}


/*
| -------------------------------------------------------------------
| DefineD
| -------------------------------------------------------------------
*/



a, a:hover { color: inherit; }

ul { list-style: disc outside none; padding-left: 15px; }

hr { page-break-after: always; /*line-height: 1px; height: 1px; border-width: 1px; /**/
	/*background: transparent url('../images/layout/line-dotted.png') scroll repeat-x left top;*/
         height: 1px;color: #000;background: #fff;font-size: 0;border: 0;
     
} hr:after { font-size: 11px; }

form p { padding-bottom: 5px; }

label, input, select { vertical-align: middle; }

input, select, textarea { padding: 2px 3px; border: solid 1px #356dad; /*color: #565656;*/ }
select { padding: 1px 1px 1px 0; }

input:-moz-placeholder				{ color: #c0c0c0; font-style: italic; }
input:-ms-input-placeholder			{ color: #c0c0c0; font-style: italic; }
input::-webkit-input-placeholder	{ color: #c0c0c0; font-style: italic; }

textarea:-moz-placeholder			{ color: #c0c0c0; font-style: italic; }
textarea:-ms-input-placeholder		{ color: #c0c0c0; font-style: italic; }
textarea::-webkit-input-placeholder { color: #c0c0c0; font-style: italic; }

.blue { color: #356dad; }

.error { color: #f00; }
.error.fld { padding-left: 5px; }

.hidden { display: none; }

.as-link { cursor: pointer; /*display: inline-block;*/ }

span.sort-me
{
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
span.sort-me.asc  { background-image: url('../images/layout/ico-asc.png');  }
span.sort-me.desc { background-image: url('../images/layout/ico-desc.png'); }

/*
| -------------------------------------------------------------------
| HeadeR
| -------------------------------------------------------------------
*/

header { height: 60px; padding: 0 5px; overflow: hidden;
	background-image: url('../images/layout/ui-border.gif'), url('../images/layout/line-dotted.png'), url('../images/layout/bg-header.jpg');
	background-position: left top, left bottom, left top;
	background-repeat: repeat-x;
}
header a.logo { float: left; /*display: inline-block;*/ margin: 16px 40px 0 0; /*cursor: pointer;*/ }
header a.logo img { display: block; /*width: 88px; height: 28px;*/ }

header a.refresh, header a.logout { float: right; display: block; margin-top: 24px; width: 20px; height: 20px; /*text-align: center;*/
	background: url('../images/layout/ico-refresh-small.png') scroll no-repeat right bottom;
}
header a.logout { margin-left: 10px; background-image: url('../images/layout/ico-logout-small.png'); }

#user { float: left; font-weight: bold; color: #356dad; line-height: 20px; margin: 15px 0 0 5px; }

/*
| -------------------------------------------------------------------
| NavigatioN + NaV + SubnaV
| -------------------------------------------------------------------
*/

#navigation { /*float: left; margin-top: 22px;*/ position: relative; top: 15px; left: 135px; }

nav#nav { position: absolute; /*float: left; margin-top: 33px;*/ }
nav#nav a, nav#nav a:hover { display: inline-block; margin-right: 20px;
	font-size: 13px; text-decoration: none; text-transform: uppercase;
} nav#nav a:hover, nav#nav a.active { color: #356dad; }

/*
| -------------------------------------------------------------------
| SubnaV
| -------------------------------------------------------------------
*/

nav#subnav { position: absolute; top: 18px; /*float: left; margin-top: 33px;*/ }
nav#subnav a, nav#subnav a:hover { display: inline-block; margin-right: 20px;
	font-size: 13px; text-decoration: none; text-transform: none;
} nav#subnav a:hover, nav#subnav a.active { color: #356dad; }

/*
| -------------------------------------------------------------------
| FilteR
| -------------------------------------------------------------------
*/

#filtration { overflow: hidden; height: 90px; }
#filtration.lower { height: 50px; }

/* form */

#filter { float: right; width: 325px; margin: 15px 0 0 0; }

#filter form { padding: 0; }
#filter form p { padding-bottom: 0; }
#filter form p label { display: inline-block; width: 70px; text-align: right; /*vertical-align: middle;*/ text-transform: uppercase; padding-right: 5px; line-height: 20px; }
#filter form p input { width: 200px; /*height: 14px;*/ padding: 3px; }
#filter form p input#fld-table, #filter form p input#fld-order { width: 50px; }
#filter form p input#fld-table { width: 93px; margin-right: 5px; }

#filter form p input[type="submit"], #filter form p a#do-filter { width: auto; height: 20px; padding: 0 5px;
	background-color: #356dad; border: none; color: #fff; /*cursor: pointer;*/
}
#filter form p a#do-filter { display: inline-block; vertical-align: middle; line-height: 20px; }






/*
| -------------------------------------------------------------------
| ProjectS
| -------------------------------------------------------------------
*/







#projects ul li article { padding: 0 5px;
	background: url('../images/layout/bg-header.jpg') scroll repeat left top;
	border-radius: 0 0 5px 5px;
}

#projects ul li article>div { padding: 5px 0; line-height: 20px;
	background: url('../images/layout/line-dotted.png') scroll repeat-x left bottom;
}
#projects ul li article div.customer { color: #356dad; }
#projects ul li article div.history {  }
#projects ul li article div.status { background: none; }

#projects ul li article div.customer a.info-customer { float: right; /*cursor: pointer;*/ }
#projects ul li article div.customer div.info-customer-info { /*display: none;*/ position: absolute; z-index: 5; padding: 0 5px;
	background: url('../images/layout/bg-header.jpg') scroll repeat left top;
	border: solid 1px #356dad; /*color: #b0b0b0;*/ color: #356dad;
	border-radius: 5px;
}

#projects ul li article div.customer div.info-customer-info table td { vertical-align: top; }
#projects ul li article div.customer div.info-customer-info table td.middle { padding: 0 5px;
	background-image: url('../images/layout/line-dotted-vertical.png'), url('../images/layout/line-dotted-vertical.png');
	background-position: left top, right top;
	background-repeat: repeat-y;
}
#projects ul li article div.customer div.info-customer-info table td.left { padding-right: 5px; }
#projects ul li article div.customer div.info-customer-info table td.right { padding-left: 5px; }


/*
| -------------------------------------------------------------------
| ProjecT add
| -------------------------------------------------------------------
*/

/*a#add-project { float: right; font-size: 25px; }*/

fieldset { border: none; } fieldset legend { color: #c0c0c0; }
fieldset.left, fieldset.right { float: left; width: 280px; height: 150px; margin: 10px 0; padding: 10px 5px 0 5px; border: solid 1px #ddd; }
fieldset.right { float: right; }
fieldset.full { clear: both; padding: 10px 5px 0 5px; border: solid 1px #dddddd; }

fieldset.inline p { float: left; display: inline-block; }
fieldset.inline p.right { float: right; }

#dialog-add-project form textarea { resize: none; }

#dialog-add-project form p label { display: inline-block; width: 62px; padding-right: 5px; /*color: #B0B0B0;*/ }
#dialog-add-project form p input { width: 205px; border-color: #ddd; }
#dialog-add-project form p select { width: 213px; border-color: #ddd; }
#dialog-add-project form p textarea { width: 272px; height: 119px; border-color: #ddd; }












a#add-user { /*float: right;*/ /*cursor: pointer;*/ font-size: 25px; vertical-align: middle; }

#all-users { padding: 5px 0; }
#all-users div.user-added { padding-top: 5px; }
#all-users div.user-added span, #all-users div.user-added a { display: inline-block; vertical-align: middle; /*margin: 0 5px;*/ }

#all-users div.user-added a { /*float: right;*/ width: 14px; height: 14px; /*cursor: pointer;*/
	background: url('../images/layout/ico-remove-user.gif') scroll no-repeat left top; 
}

fieldset.full input { width: 50px; margin: 0 5px; } /* #all-users div.user-added input { width: 50px; margin: 0 5px; } */
#all-users div.user-added input[type="checkbox"] { width: auto; /*margin-right: 5px;*/ }

/*#dialog-add-project form p.full { padding-bottom: 10px; }
#dialog-add-project form p.full label { display: block; width: auto; padding-bottom: 2px; }
#dialog-add-project form p.full input { display: block; width: 272px; }*/

/* do not now why */

div.user-added { padding-top: 5px; }
div.user-added span, div.user-added a { display: inline-block; vertical-align: middle; /*margin: 0 5px;*/ }

div.user-added a { /*float: right;*/ width: 14px; height: 14px; /*cursor: pointer;*/
	background: url('../images/layout/ico-remove-user.gif') scroll no-repeat left top;
}
div.user-added input { width: 50px; }
div.user-added input[type="checkbox"] { width: auto; margin-right: 5px; }


/*
| -------------------------------------------------------------------
| table basic
| -------------------------------------------------------------------
*/
.offertit {
    background-color: #f1f1f1;border-top: 1px solid #000000;border-bottom: 1px solid #000000;text-transform: uppercase;
}
.offercattit {
    background-color: #f1f1f1;text-transform: uppercase;
}
.contenttxt { color:#c0c0c0;font-size:6pt;line-height: 8px;}
.offertxt {font-size:7pt;line-height: 9px;}

#listview, #report, #customers, #domains, #hostings
{
	overflow: auto; /* scrollbar */
}

.add-item { float: right; font-size: 25px; }

.table-basic { width: 100%;
	background-image: url('../images/layout/line-dotted.png')/*, url('../images/layout/line-dotted.png')*/;
	background-position: left top/*, left bottom*/;
	background-repeat: repeat-x;
}

.table-basic thead { background: url('../images/layout/line-dotted.png') scroll repeat-x left bottom; }

.table-basic th, #projects ul li.title
{
	padding: 5px;
	font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; white-space: nowrap;
	background: url('../images/layout/line-dotted-vertical.png') scroll repeat-y right top;
}
#projects ul li.title {
	background: url('../images/layout/line-dotted.png') scroll repeat-x left bottom;
}
.table-basic th:last-child { background: none; }

.table-basic tbody tr:nth-child(even) { background-color: #f1f1f1; }

.table-basic tbody tr.header1 td, .table-basic tbody tr.header2 td
{
	padding: 1px 5px; font-weight: bold; color: #000; /*background: none;*/
}
.table-basic tbody tr.header1 { background-color: #F3CD08; } .table-basic tbody tr.header1 td { background: none; }
.table-basic tbody tr.header2 { background-color: #f5e400; } .table-basic tbody tr.header2 td { background: none; }

.table-basic td
{
   	padding: 5px; color: #356dad; line-height: 20px; vertical-align: top;
	background-image: url('../images/layout/line-dotted-vertical.png'), url('../images/layout/line-dotted.png');
	background-position: right top, left bottom;
	background-repeat: repeat-y, repeat-x;
}

.table-basic td:last-child, .table-basic td.empty, .table-basic td.second, .table-basic td.third
{
	background: url('../images/layout/line-dotted.png') scroll repeat-x left bottom;
}
.table-basic td.empty  { width: 10px; padding-right: 0; }
.table-basic td.second { width: 55px; padding-right: 0; }
.table-basic td.third  { width: 35px; padding-right: 0; font-weight: bold; }

.table-basic td.error-bloc { color: #fff; background-color: red; }
.table-basic td.green-bloc { color: #fff; background-color: green; }

.table-basic td a.edit,		.table-basic td a.delete,	.table-basic td a.show-doc,	.table-basic td a.show-doc-edit,
.table-basic td a.follow,	.table-basic td a.approved,	.table-basic td a.dinied,
.table-basic td a.toggle,	.table-basic td a.inactive
{
	display: inline-block; width: 10px; height: 20px;
	background: url('../images/layout/ico-edit.png') scroll no-repeat center center;

	display: block; /* removes space under a */
}
.table-basic td a.delete { background-image: url('../images/layout/ico-delete.png'); }
.table-basic td a.show-doc,
.table-basic td a.show-doc-edit { background-image: url('../images/layout/ico-document.png'); }

.table-basic td a.follow { margin-right: 5px; background-image: url('../images/layout/ico-follow.png'); }
.table-basic td a.follow:hover, .table-basic td a.follow.active { background-image: url('../images/layout/ico-follow-active.png'); }

.table-basic td a.approved { margin-right: 5px; background-image: url('../images/layout/ico-smile.png'); }
.table-basic td a.approved:hover, .table-basic td a.approved.active { background-image: url('../images/layout/ico-smile-active.png'); }

.table-basic td a.dinied { background-image: url('../images/layout/ico-sad.png'); }
.table-basic td a.dinied:hover, .table-basic td a.dinied.active { background-image: url('../images/layout/ico-sad-active.png'); }

.table-basic td a.toggle { background: url('../images/layout/ico-active.png') scroll no-repeat center center; }
.table-basic td a.inactive { background: url('../images/layout/ico-inactive.png') scroll no-repeat center center; }


/*
| -------------------------------------------------------------------
| jQuery UI slider
| -------------------------------------------------------------------
*/

.ui-slider { /*left: 40px;*/ }


/*
| -------------------------------------------------------------------
| jQuery UI autocomplete
| -------------------------------------------------------------------
*/

.ui-autocomplete { border-radius: 0; border: solid 1px #356dad; border-top: none; }
.ui-menu-item a { border-radius: 0; border: none; padding: 0; font-size: 10px; }


/*
| -------------------------------------------------------------------
| jQuery UI dialog
| -------------------------------------------------------------------
*/

.ui-dialog { font: normal 12px Arial, Sans-serif; }

.ui-dialog .ui-dialog-buttonpane {
	padding: 0.3em 0.5em 0.5em 1em;
}
.ui-dialog div.dialog-message {
	float: left; margin: 0.5em 0.4em 0.5em 0; line-height: 27px;
}