@font-face {
	font-family: "Arabic";
	src: url(../fonts/DejaVuSans-Bold.ttf);
}

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Arabic";
}


ul, ol, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

body {background:url(../images/body_bg.jpg) repeat #d9d9da; margin:0;}

#container {width:96%; margin:0 auto; padding-bottom:40px;}

#header {padding:20px; height:48px;}

#logo {width:313px; height:48px; background-image:url(../images/logo.png); text-indent:-9999px; float:left;}
#logo a {display:block; width:313px; height:48px;}
#number {font-family:"Myriad Pro", "Trebuchet MS", Arial; font-size:20px; text-align:right; width:140px; float:left; padding:19px 10px 0 357px;}
#contact {width:84px; height:19px; background-image:url(../images/contact.png); float:left; margin-top:22px; text-indent:-9999px;}
#contact a {display:block; width:84px; height:19px;}
#contact a:hover {background-image:url(../images/contact_over.png);}

#menu {text-transform: uppercase;height:39px; width:100%;background-image:url(../images/menu_empty.png); padding-left: 15px; border:4px solid #aae0a4; -moz-border-radius: 10px;}
#menu ul {list-style:none; margin:0; padding:0 5px;}
#menu ul li {float:left;  border-right: 1px solid #fff; margin-top: 15px; height:14px; display:block; }
#menu a {display:block; width:100%;margin-top: -15px;  height:100%; line-height: 39px; color: #fff; font-size: 12px; font-weight: bold; padding: 0 5px;}

#directoriesAdd input,
#directoriesAdd textarea {
  width: 90%;
}

#directoriesAdd li {
  border-top: 1px solid #bababa;
	padding: 4px;
	margin: 3px;
}

.webPagesFromToStep input {
	width: 30px !important;
}

#banner {
	position: relative;
	left: 50%;
	margin-left: -512px;
	margin-top:5px;
	background-image:url(../images/banner.png);
	background-repeat: no-repeat;
	background-position: 15px 0;
	width:1024px;
	height:520px;
}

#publicOrderForm li {
	margin: 4px;
	padding: 5px;
	border-top: 1px solid #bababa;
}

#publicOrderForm li:first-child {
	border-top: 0;
}

#main {
	text-transform: uppercase;
	overflow:hidden;
	width:100%;
	padding:10px 5px 0 10px;
	color:#140505;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	background: #f8f8f8;
	border: 3px solid #d6d6d7;
	-moz-border-radius: 15px;
	margin-top: 20px;
}

h1 {font-size:24px; margin:0 0 10px 0; font-weight:normal; font-family:Tahoma, Arial, Helvetica; line-height:normal;}
h2 {font-size:17px; margin:12px 0 5px 0; font-weight:normal; font-family:Tahoma, Arial, Helvetica; line-height:normal;}
h3 {margin:0; font-weight:normal;}
a {color:#036cb6; outline-style:none;}
a:hover {color:#023f6b;}
ul {margin:5px 0 5px 30px; padding:0;}
ol {margin:5px 0 5px 30px; padding:0;}
img {border:0;}
br {line-height:7px;}
.line {background:url(../images/line.png); width:100%; height:2px; margin:40px 0 20px 0; font-size:1px; clear:both;}
.clear {clear:both;}
form div {margin-top:3px;}
label {display:block; float:left; width:90px;}
.textfield {width:200px;}
textarea {width:400px; height:100px; font-size:14px;}
.button {margin-left:89px; margin-top:3px; cursor:pointer;}
.textfield:focus, textarea:focus {background-color:#FAFAFA;}
.sublink {margin-left:11px; list-style:circle;}
.url {margin:-5px 0 15px 0;}

#awards {background-image:url(../images/frame.png); width:884px; height:98px; margin-top:20px;}
#awards_google {float:left; padding:10px 20px 5px 30px;}
#awards_microsoft {float:left; padding:26px 20px 19px 20px;}
#awards_quickbooks {float:left; padding:22px 20px 22px 20px;}
#awards_sempo {float:left; padding:30px 20px 30px 20px;}
#awards_yahoo {float:left; padding:15px 20px 16px 20px;}

#services {height:185px; padding-top:20px; clear:both;}
#services ul {margin:0 0 0 70px; padding:8px 0 0 0; clear:both; height:100px;}
#services li {list-style:none; background:url(../images/services_li.png) no-repeat 0px 5px; padding:0 0 0 12px; font-size:11px; line-height:14px;}
#services li a {color:#535353; text-decoration:none;}
#services li a:hover {text-decoration:underline;}
#services li.sublink {background:url(../images/services_subli.png) no-repeat 0px 5px; padding:0 0 0 8px; margin-left:10px; color:#999999;}
#services li.sublink a {color:#747474;}
#services h3 a {text-transform:uppercase; font-size:14px; font-weight:bold; text-decoration:none; display:block; float:left; margin-top:22px;}
#services a.more {display:block; background:url(../images/services_more.png) no-repeat; width:116px; height:11px; margin-left:135px;}
#services_software, #services_websites, #services_marketing {background:url(../images/services_bg.png) no-repeat; width:279px; height:185px; float:left; margin-right:23px;}
#services_software div.icon {width:31px; height:32px; margin:16px 7px 0 15px; background-image:url(../images/services_software.png); float:left; display:inline;}
#services_software h3 a {color:#408508;}
#services_websites div.icon {width:30px; height:33px; margin:15px 7px 0 15px; background-image:url(../images/services_websites.png); float:left; display:inline;}
#services_websites h3 a {color:#0666b2;}
#services_marketing div.icon {width:48px; height:30px; margin:16px 7px 2px 15px; background-image:url(../images/services_marketing.png); float:left; display:inline;}
#services_marketing h3 a {color:#f73906;}

#projects {clear:both; line-height:normal;}
#projects h3 {text-transform:uppercase; font-size:16px; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#606060; margin:0 0 0 7px;}
#projects h3 a {text-decoration:none;}
#projects a.more {display:block; background:url(../images/projects_more.png) no-repeat; width:102px; height:12px; margin:15px 0 0 7px;}
#projects .projects {float:left; margin-right:24px;}
.projects {background:url(../images/projects_bg.png) no-repeat; width:264px; height:173px; padding:13px 0 0 14px; margin-top:15px;}
.projects a {text-decoration:none; font-size:13px; color:#000000;}
.projects a:hover span {text-decoration:underline; color:#000000;}
.projects img {margin-bottom:7px; border:#e0e0e0 solid 2px;}
.projects p {margin:3px 48px 0 0; color:#6b6b6b; font-size:11px;}
#projects_software, #projects_websites, #projects_marketing {float:left; width:278px; margin:20px 24px 0 0;}
#projects_software .projects, #projects_websites .projects, #projects_marketing .projects {float:none; margin-right:0;}
#projects_software h3 a {color:#408508;}
#projects_websites h3 a {color:#0666b2;}
#projects_marketing h3 a {color:#f73906;}
#projects .last, #services_marketing, #projects_marketing {margin-right:0;}
.screenshot {border:#e0e0e0 solid 4px; margin:10px 0;}

#sidebar {float:right; margin:0 0 20px 20px; width:276px;}
#sidemenu_top {width:276px; height:34px; background-image:url(../images/sidemenu_top.png);}
#sidemenu_top h3 {background:url(../images/sidemenu_arrow.png) no-repeat right bottom; float:left; padding:10px 30px 0 15px; height:24px; text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px;}
#sidemenu_top h3 a {color:#000000; text-decoration:none;}
#sidemenu {width:276px; background-image:url(../images/sidemenu_bg.png);}
#sidemenu ul {padding:12px 0 12px 0; margin:0 0 0 25px;}
#sidemenu li {list-style:none; background:url(../images/sidemenu_li.png) no-repeat 0px 5px; padding:0 0 0 12px; font-family:Verdana, Tahoma, Helvetica; font-weight:bold; text-transform:uppercase; color:#000000; font-size:10px; line-height:15px;}
#sidemenu li a {color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;}
#sidemenu li a:hover {text-decoration:underline;}
#sidemenu li.sublink {background:url(../images/sidemenu_subli.png) no-repeat 0px 6px; padding:0 0 0 8px; margin-left:10px; color:#606060;}
#sidemenu li.sublink a {color:#606060;}
#sidemenu_bottom {width:276px; height:14px; background-image:url(../images/sidemenu_bottom.png);}
.recommendation {border:2px solid #FFFFFF; background-color:#F4F4F4; padding:10px 20px 10px 20px; margin:20px 2px 0 3px;}
.recommendation h3 {text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px; margin:0 0 5px 0;}
.recommendation img {margin-bottom:5px; border:#EEEEEE solid 2px;}
.adsense {border:1px solid #FFFFFF; margin:20px 12px 0 12px; text-align:center;}
.nomargin .adsense {margin-top:0px;}

#footer { 
	background-image:url(../images/footer.png);
	border: 4px solid #aae0a4;
	-moz-border-radius: 10px;
	width:100%;
	height:70px;
	margin-top:5px;
	padding: 0 0 0 15px;
	color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	text-transform: uppercase;
}
#footer a {color:#FFFFFF; text-decoration:none; font-weight:normal;}
#footer a:hover {text-decoration:underline;}
#footer span {font-weight:normal;}
#footer_left {float:left; background:url(../images/copyright.png) no-repeat 28px 24px; padding:26px 0 6px 55px;}
#footer_right {float:right; padding:26px 30px 0 0; font-weight:bold;}

#preview {
	border: 1px solid #dadada;
	background: #fafafa;
	padding: 20px;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 500px;
}

#preview h2 {
  margin: 0;
}


#subpageContent,
#subpageContent * {
	text-transform: none !important;
}

#preview .keywords {
	display: block;
	color: #888;
}

#preview .date {
	display: block;
	color: #888;
}

#preview .content {
	display: block;
	text-indent: 25px;
	text-align: justify;
	width: 500px;
}

.ellipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('moz-text-overflow.xml#ellipsis');
	overflow: hidden;
	white-space: nowrap;
}

.smallInputs input[type=text] {
	width: 30px;
}

td.url { max-width: 350px; }

.info,
.warning,
.success {
	display: table-cell !important;
	display: block;
	vertical-align: middle;
	padding: 20px;
	padding-left: 60px;
	margin: 20px 5px 15px 5px;
	width: 975px !important;
	clear: both !important;
	background-position: center left;
	background-repeat: no-repeat;
}

#template.unauthorized .info,
#template.unauthorized .warning,
#template.unauthorized .success {
	width: 530px !important;
}

.info {
	background-image: url(../images/help.png);
	background-color: #ffffb8;
/* border: 1px solid #ffff44; */
}

.warning {
	background-image: url(../images/warningIcon.png);
	background-color: #ffcfcf;
/*	border: 1px solid #f9a0a0; */
}

.success {
	background-image: url(../images/success.png);
	background-color: #b8f6b8;
/*	border: 1px solid #b0dcb0; */
}

table thead {
	background-image: url(../images/table_header.png);
	background-repeat: repeat-x;
	background-color: #dadada;
	height: 34px;
}

table td,
table th { margin: 0px; padding: 2px; }
table th { border: 0; }
table td {
	margin: 0px;
	border: 0;
	background: #fafafa;
	border-bottom: 1px solid #aaa;
}
table tr td {
	border-right: 1px solid #aaa;
}
table tr th a.active {
	font-weight: bold;
	color: #000;
}
table tr td:first-child {
	border-left: 1px solid #aaa;
}

table.filtered {
	float: left;
	width: 73%;
}

table.filtered table,
table.filtered table th,
table.filtered table td,
table.filtered ul,
table.filtered li {
	width: auto;
	padding: 0 !important;
	margin: 0 !important;
}

.heading {
	overflow: auto;
}

.heading h1,
.heading a {
	float: left;
}

.button,
.heading a {
	background-image: url(/images/buttonbg.png);
	background-position: center left;
	background-repeat: repeat-x;
	padding: 4px;
	margin: 4px;
	text-align: center;
	width: 192px;
	height: 16px;
	margin-left: 10px;
}

.filterForm {
	float: left;
	width: 24%;
	padding: 2px;
	margin-right: 5px;
	background-color: #e3f4dd;
	background-image: url(../images/filtersbg.png);
	border: 1px solid #dadada;
	background-repeat: repeat-x;
	overflow-x: auto;
}

#webpageFilterForm li {
  float: left;
  clear: none;
  width: 290px;
}

#webpageFilterForm {
  float: left;
  clear: both;
  width: 98%;
  height: auto;
}

.filterForm.mini input[type=text] {
	width: 20px;
}

.filterForm.mini select {
/*	width: 80px;*/
}

.filterForm select[multiple] {
/*	width: 100%;
*/	height: 160px;
}

#loginLayer {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

#loginLayer td {
	border: 0;
}

.pager {
	float: right;
	overflow: auto;
	margin: -2.2em auto;
}
.pager span,
.pager a {
	display: block;
	float: left;
	width: auto;
	margin: 0 5px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #f4f4f4;
}

.pager span.active {
	border: 0;
	padding: 4px;
	background: transparent;
	font-weight: bold;
}

.filterSummary {
	float: left;
	width: 150px;
}

.filterSummary span {
	font-weight: bold;
}

.filterForm ul,
.filterForm ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.filterForm ul li label {
	width: 90px;
}

form ul li input[type=text],
form ul li textarea {
	width: 80%;
}

.filterForm ul li input {
	width: auto !important;
}

form ul {
	width: 100%;
}

form ul li {
	width: 100%;
	float: left;
	clear: both;
	margin: 2px;
	list-style-type: none;
}

form ul li label {
	float: left;
	clear: none;
	width: 120px;
}

form ul li input[type=checkbox] + label {
	float: none;
	clear: none;
	width: auto;
}

li.report {
  overflow: hidden;
	width: 100%;
	margin: 20px 0 0 -30px;
	padding: 0;
	background: #fcfcfc;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

li.report * {
	float: left;
	margin: 0;
}

li.report label {
	width: 80px;
}

li.report textarea {
	float: left;
	width: 450px;
}

li.report input[type=text] {
	float: left;
	width: 100px;
}


li.replicable {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 0 -30px;
	padding: 0;
	background: #fcfcfc;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

li.replicable .options {
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
}

li.replicable .options label {
	width: 120px;
	padding: 0;
	margin: 0;
}

li.replicable textarea {
	width: 95%;
	height: 250px;
	float: left;
	margin: 0;
	padding: 0;
}

li.replicable .synonymouses {
	float: left;
	clear: both;
}

.suggestedCategories {
	margin: 0;
	padding: 5px 0;
	background: #fcfcfc;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.suggestedCategories h2 {
	font-size: 14px;
	font-weight: bold;
}

.suggestedCategories li {
  float: left;
	clear: none;
	width: 220px;
	margin: 2px 5px;
	cursor: pointer;
}
/*
body > #wrapper > #content > table {
	width: 710px;
	float: left;
}

table td,
table th {
	margin: 0px;
	padding: 2px;
}

table td {
	margin: 0px;
	border: 1px solid #777;
	border-bottom: 0;
	border-right: 0;
	background: #fafafa;
}

table td:last-child {
	border-right: 1px solid #777;
}

table tr:last-child td {
	border-bottom: 1px solid #777;
}

form ul li {
	float: left;
	clear: both;
	margin: 2px;
	list-style-type: none;
}

form ul li label {
	float: left;
	clear: none;
	width: 250px;
}

form ul li input[type=checkbox] + label {
	float: none;
	clear: none;
	width: auto;
}

.filterForm {
	float: left;
	width: 150px;
	overflow: hidden;
	border: 1px solid #777;
	background: #fafafa;
	padding: 5px;
	margin: 5px;
}
.filterForm label {
	clear: both;
}
.filterForm label + input[type=text]:last-child {
	width: 130px;
}

#wrapper {
	position: relative;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	border: 1px solid #000;
	overflow: auto;
}

#wrapper #top {
	float: left;
	clear: both;
	width: 900px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}

#wrapper #top li {
	float: left;
	clear: none;
	list-style-type: none;
}

#wrapper #top li a {
	display: block;
	width: 90px;
	height: 20px;
	padding-top: 60px;
	color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}

#wrapper #top li.directories a,
#wrapper #top li.pages a {
	background-image: url(../../images/webPagesIcon.png);
}

#wrapper #top li.add a {
	background-image: url(../../images/editIcon.png);
}

#wrapper #top li.tools a {
	background-image: url(../../images/settingsIcon.png);
}

#wrapper #top li.stats a {
	background-image: url(../../images/statsIcon.png);
}

#wrapper #top li.orders a {
	background-image: url(../../images/orderIcon.png);
}
*/

#subPageForm textarea {
	width: 90%;
	height: 500px;
}