html {overflow: auto;} /*remove disabled scrollbar for ie*/
body {color:#333;background:url(/img/topgrad.jpg) repeat-x scroll left top;}
a img {border:none;}
a {color:#0182d5; text-decoration:none;}
a :visited {color:#f15638;}
html , body {padding:0;margin:0;font-family:arial,sans-serif;}
#arabic , #yoolki_output {font-family:traditional arabic,arial,sans-serif;font-weight:bolder;}
#links_top {padding:3px;font-size:smaller;}
#links_top a img {margin-bottom:-5px;}

#footer {clear:both;font-size:x-small;margin:20px auto 0 auto;text-align:center;}
h1 { color:#0182d5; font-size:14pt; font-weight:bold;margin:10pt 0 10pt 0;}
h3 { color:#f15638; font-size:10pt;}
#logo_margin {float:left;margin:5px 20px 10px 30px;}

/* Search */
#logo_big {margin:40px 0 40px 0;}
#footer
#footer {margin-bottom:5px;font-size:smaller;}
.clicked {color:#f15638;font-weight:bold;text-decoration:none;}

/* Help tip editor - about us*/
#help {border:2px solid #c1d9fb;width:2%;min-height:450px;}
#help , #editor #help_content {display:none;}
#help li {text-align:center;display:block;float:right;}
#help {font-size:smaller;}
#help h2 {margin:10px 2px 2px 2px;padding-left:2px;border-bottom:1px solid #f15638;}
#help td {background-color:#eee;text-align:center;width:15px;padding:0 1px 0 1px;}
#help .letter_ar {background-color:#c1d9fb; width:15px;font-size:1.4em;font-weight:bold;}
#help .sep {background-color:#fff;border:none; width:10px;}
#help .escape_english td , #help .escape_english td .letter_ar {width:auto;}


/* Editor */
#editor #help {position:absolute;right:5px;top:127px;}
#editor #header {text-align:center;margin-bottom:20px;}
#editor h2 {font-size:1em;color:#0182d5;}
#editor #copyright {font-size:x-small;float:right;}
#editor .keep_english ,#editor .escape_english {font-size:0.9em;}
#editor #help h3 {margin:5px 5px 2px 5px;}

/*#editor_container {width:100%;border:1px solid red;}*/

table#table_editor  {width:100%;height:80%;background-color:#c1d9fb;border:5px solid #fff;}
table#table_editor thead {height:20px;font-weight:bold;}
table#table_editor td{border:1px solid #eee;}
table#table_editor #table_foot td {border:none;}

#eng_options {float:right;font-size:small;}
#ar_options {float:left;font-size:small;}

textarea {width:99%;height:100%;}

#yoolki_output_container {vertical-align:top;background-color:#eee;}
#yoolki_output {height:auto;}
#yoolki_input {background:#fff url(/img/save_or_paste.jpg) no-repeat;background-position:center;}


table#table_editor td.arabic {width:40%;}
#yoolki_input {font-size:15px;line-height:25px;}#yoolki_output {font-size:18px;line-height:25px;}

/* Generic pages about us contact us help pages ...*/
.generic {min-height:400px;width:550px;margin:10px;margin-left:200px;}
.generic h1 {border-bottom:1px solid #0182d5;}
.generic p {font-size:10pt;padding-bottom:5pt;margin:8px 10px 0 10px ;text-align:justify;}
.generic h2 { color:#f15638;font-size:12pt; font-weight:bold;margin:5pt 0 0 0;}
.generic #help {display:block;float:none;width:100%; border:none;position:static;}

/* About us */
#about_us .more_info	{   display:block;font-size:8pt;			}
#about_us .icon {float:left;margin-left:-64px;}
#about_us .unique {float:right;margin-top:-10px;}

/* Contact Us */
#contact_us label {display:block;float:left;width:100px;}
#contact_us input {border:1px solid #666; width:150px;margin-bottom:2px;}
#contact_us #action {width:auto;}

/* tutorial */
#tutorial input {display:block;margin:5px auto 5px auto;}
#tutorial .side_bar {position:fixed;top:250px;left:5px;width:180px;}
* html #tutorial .side_bar  {position:absolute;left:5px;top: expression( ( 250 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );;}


#demo #try_it {background:url(/img/demo_bg.jpg) no-repeat;width:164px;height:15px; text-align:center;padding:7px 10px 6px 10px;font-weight:bold;}
#demo #try_it a {font-size:small;color:#fff;text-decoration:none;}
#demo #latin , #menu #demo #arabic {height:120px;width:175px;}
#demo #arabic {direction:rtl;font-weight:bold;font-size:larger;
	border:1px solid #000; padding:3px;margin-top:15px;width:170px;
	min-height:100px !important;height:auto;}
* html #demo #arabic {height:100px;}


/*************************************************************************/

#sl , #sr {width:5px;height:80px;}
#sl {background:url(/img/sl.gif);float:left;}
#sr {background:url(/img/sr.gif);float:right;}

#search_box {margin-top:50px;}
#search_box {padding:0;min-width:730px;width:800px;height:80px;background:url(/img/sbg.gif);margin-right:auto;margin-left:auto;}
#search_box #form_search {width:500px;}
#search_box #links_search_type {text-align:left;margin:5px;font-size:smaller;padding-top:9px;margin-left:20px;}
#search_box #links_search_type , #search_box #q {width:350px;}
#search_box #q {font-size:larger;height:22px;border:1px solid #666;margin-left:10px;}
#search_box .example {color:#f15638;font-weight:bold;}

#search_box #search_help {font-size:small;margin-bottom:15px;width:350px;text-align:center;margin-top:32px;}
#search_box #button_search {height:26px;width:130px;border:1px solid #666;padding:1px;background:url(/img/sb_bg.gif);border-left:0;
	font-weight:bolder;}

#search_box #logo {float:right; text-align:center;margin:15px 70px 0 0;}
#motto {font-size:10pt;color:#0182d5;font-weight:bold;}
#motto .bil_3arabi {color:#f15638;}


#search_box #button_search  , #search_box #q {position:absolute; }
#search_box #button_search  {margin-left:363px}
#search_box #button_search:active {padding:3px 0 0 3px;}
.small #search_box {margin-top:0px;width:99%;}
#search #discover {font-size:small;text-align:center;margin:30px 30px 30px 40px;}

/*************************************************************************/

#main #search_box {margin-top:30px;}
#main_motto, #main_content {width:800px;margin:35px auto 40px auto;}
#main_motto {text-align:center;}
#main_motto #motto {font-size:14pt;color:#0182d5;font-weight:bold;}

* html #main_motto, #main_content {margin-top:10px;}
#main_sidebar {width:250px;}
#main_sidebar .title {color:#f15638; font-size:14pt;}
#main_sidebar .title img {float:right;margin-right:15px;margin-top:-35px;}
* html #main_sidebar .title img {float:none;position:absolute;margin-top:-15px;}
#main_sidebar ul {border:1px solid #ccc;margin:15px 0;padding:0 0 40px 25px; list-style-image:url(/img/check.gif);}
#main_sidebar li , #main_sidebar #learn_more {font-size:13px;font-weight:bold;color:#0182d5;margin-top:10px;margin-bottom:5px;}
#main_sidebar #learn_more {float:right;margin:-35px 5px 0 0;font-weight:normal;}

#main_demo {padding:0;width:530px;height:300px;float:right;margin-bottom:20px;}
#main_demo #latin_container {margin-right:10px;}
#main_demo .demo_box {height:220px;padding:10px;}
#main_demo #demo #try_it.title_bar {background:url(/img/main_demo_bg.jpg) no-repeat -50px 0;width:270px;padding:7px 10px 6px 10px;text-align:left;}
#main_demo #demo #try_it #help_links {float:right;font-size:x-small;font-weight:normal;padding-top:5px;}
#main_demo #demo #try_it #help_links a {color:#0182d5;font-size:x-small;font-weight:normal;}
#main_demo #arabic ,#main_demo #latin {margin:0;height:200px;border:1px solid #0182d5;padding:3px;line-height:20px;}
#main_demo #demo #arabic {width:200px;background-color:#f8f8f8;margin-top:28px;height:auto;min-height:200px !important;}
* html #main_demo #demo #arabic {height:200px;}
#main_demo #latin  {width:280px;background:#fff url(/img/save_or_paste_small.gif) no-repeat;background-position:center;}

#main_demo #demo {height:250px;}
#main_demo #demo_links {margin-left:10px;clear:both;}
#main_demo #flags {margin:7px 0 3px 0;display:absolute; padding:7px 0 6px 0px;height:15px;}
#main_demo #discover {font-size:small;position:absolute;top:480px;}

#main_demo .demo_box  {position:absolute;top:230px;}
#main_demo #latin_container #latin , #main_demo #latin_container .title_bar {margin-left:210px;}


#main_demo #demo #arabic_container {padding-top:0;}
* html #main_demo #demo #arabic_container {margin-top:-3px;;}
#main_demo #demo #arabic {margin:0;	}


#main #help {display:block;position:absolute;margin-top:20px;margin-left:780px;width:150px;height:320px;min-height:320px;}
#main #help h3{margin:2px}
#main #help a{display:block;margin-top:5px;text-align:center;}

/*#links_top {text-align:right;}*/

/*#search_box #logo {margin-top:5px;}*/