﻿/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
        Style name:                EG Youth
        Based on style:        subSilver (the default phpBB 2 style)
        Original author:        subBlue ( http://www.subBlue.com/ )
        Modified by:                psoTFX and the phpBB team ( http://www.phpbb.com )
        
        This is an alternative style for phpBB3 for those wishing to stay with
        the familiar subSilver style of phpBB version 2.x
        
        Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/
@import url("topic.css");
@import url("chat.css");
/* Layout
 ------------ */
* {
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
}

html {
        font-size: 100%;
}

body {
        /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
        font-family: Tahoma;
        color: #323D4F;
        background-color: #cccccc;
        font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
        margin: 0;
}

#wrapheader {
        min-height: 120px;
        height: auto !important;
        height: 120px;
/*        background-image: url('./images/background.gif');
        background-repeat: repeat-x;*/
/*        padding: 0 25px 15px 25px;*/
        padding: 0;
}

#wrapcentre {
        margin: 15px 25px 0 25px;
}

#wrapfooter {
        text-align: center;
        clear: both;
}

#wrapnav {
        width: 100%;
        margin: 0;
        background-color: #ECECEC;
        border-width: 1px;
        border-style: solid;
        border-color: #A9B8C2;
}

#logodesc {
        margin-bottom: 5px;
        padding: 5px 25px;
        background: #D9DFE4;
        border-bottom: 1px solid #4787A7;
}

#menubar {
        margin: 0 25px;
}

#datebar {
        margin: 10px 25px 0 25px;
}

#findbar {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
}

.forumrules {
        background-color: #F9CC79;
        border-width: 1px;
        border-style: solid;
        border-color: #BB9860;
        padding: 4px;
        font-weight: normal;
        font-size: 1.1em;
        font-family: Tahoma;
}

.forumrules h3 {
        color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
        color: black;
        font-family: Tahoma;
        font-weight: bold;
        font-size: 1.8em;
        text-decoration: none;
}

h2 {
        font-family: Tahoma;
        font-weight: bold;
        font-size: 1.5em;
        text-decoration: none;
        line-height: 120%;
}

h3 {
        font-size: 1.3em;
        font-weight: bold;
        font-family: Tahoma;
        line-height: 120%;
}

h4 {
        margin: 0;
        font-size: 1.1em;
        font-weight: bold;
}

p {
        font-size: 1.1em;
}

p.moderators {
        margin: 0;
        float: left;
        color: black;
        font-weight: bold;
}

.rtl p.moderators {
        float: right;
}

p.linkmcp {
        margin: 0;
        float: right;
        white-space: nowrap;
}

.rtl p.linkmcp {
        float: left;
}

p.breadcrumbs {
        margin: 0;
        float: left;
        color: black;
        font-weight: bold;
        white-space: normal;
        font-size: 1em;
}

.rtl p.breadcrumbs {
        float: right;
}

p.datetime {
        margin: 0;
        float: right;
        white-space: nowrap;
        font-size: 1em;
}

.rtl p.datetime {
        float: left;
}

p.searchbar {
        padding: 2px 0;
        white-space: nowrap;
} 

p.searchbarreg {
        margin: 0;
        float: right;
        white-space: nowrap;
}

.rtl p.searchbarreg {
        float: left;
}

p.forumdesc {
        padding-bottom: 4px;
}

p.topicauthor {
        margin: 1px 0;
}

p.topicdetails {
        margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
        margin: 1px 0;
        color: red;
        font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
        color: green;
        font-weight:bold;
}

.postapprove img, .postreported img {
        vertical-align: bottom;
}

.postauthor {
        color: #000000;
}

.postdetails {
  background-image:url('./images/topic/Topic-Design_32.gif');
  width:159px;
  height:20px;
  text-align:center;
}

.postdetails2 {
  background-image:url('./images/topic/Topic-Design_25.gif');
  width:159px;
  height:20px;
  text-align:center;
}

.postbody {
        font-size: 1.3em;
        line-height: 1.4em;
        font-family: Tahoma;
}

.postbody li, ol, ul {
        margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
        margin: 0 1.5em 0 0;
}

.posthilit {
        background-color: yellow;
}

.nav {
        margin: 0;
        color: black;
        font-weight: bold;
}
/* old mahmoud
.pagination {
        padding: 4px;
        color: black;
        font-size: 1em;
        font-weight: bold;
}
*/
/* Pagination اولها هنا
---------------------------------------- */
.pagination {
        height: 1%; /* IE tweak (holly hack) */
        width: auto;
        text-align: right;
        margin-top: 5px;
        float: right;
}

.pagination span.page-sep {
        display: none;
}

li.pagination {
        margin-top: 0;
}

.pagination strong, .pagination b {
        font-weight: normal;
}

.pagination span strong {
        padding: 0 2px;
        margin: 0 2px;
        font-weight: normal;
        color: #FFFFFF;
        background-color: #bfbfbf;
        border: 1px solid #bfbfbf;
        font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
        font-weight: normal;
        text-decoration: none;
        color: #747474;
        margin: 0 2px;
        padding: 0 2px;
        background-color: #eeeeee;
        border: 1px solid #bababa;
        font-size: 0.9em;
        line-height: 1.5em;
}

.pagination span a:hover {
        border-color: #d2d2d2;
        background-color: #d2d2d2;
        color: #FFF;
        text-decoration: none;
}

.pagination img {
        vertical-align: middle;
}
/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: #4692BF;
	border-color: #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

.pagination span a:hover {
	border-color: #368AD2;
	background-color: #368AD2;
	color: #FFF;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #368AD2;
}

/* Pagination
---------------------------------------- */
.rtl .pagination {
	text-align: left;
	float: left;
	padding-left: 5px;
}

/* Pagination in viewforum for multipage topics */
.rtl .row .pagination {
	float: left;
	padding: 1px 0 1px 15px;
}

.rtl .pagination span {
	direction: ltr;
}

.rtl .pagination span.page-sep {
	display: inline;
	visibility: hidden;
	position: absolute;
}
/* ارقام الصفح اخرها هنا
---------------------------------------- */

.cattitle {

}

.gen {
        margin: 1px 1px;
        font-size: 1.2em;
}

.genmed {
        margin: 1px 1px;
        font-size: 1.1em;
}

.gensmall {
        margin: 1px 1px;
        font-size: 1em;
}

.copyright {
        color: #444;
        font-weight: normal;
        font-family: Tahoma;
}

.titles {
        font-family: Tahoma;
        font-weight: bold;
        font-size: 1.3em;
        text-decoration: none;
}

.error {
        color: red;
}


/* Tables
 ------------ */
th {
        color: #000000;
        font-size: 1.1em;
        font-weight: bold;
        background-color: #006699;
        background-image: url('./images/cellpic3.gif');
        white-space: nowrap;
        padding: 7px 5px;
}

td.profile {
        padding: 4px;
}

.tablebg {
        background-color: #000000;
}

.catdiv {
        height: 28px;
        margin: 0;
        padding: 0;
        border: 0;
        background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}

.cat {
        height: 28px;
        margin: 0;
        padding: 0;
        border: 0;
        background-color: #C7D0D7;
        background-image: url('./images/cellpic1.gif');
        text-indent: 4px;
}

.row1 {
        background-color: #ffffff;
        padding: 4px;
}

.row2 {
        background-color: #ffffff;
        padding: 4px;
}

.row3 {
        background-color: #cccccc;
        padding: 4px;
}

.spacer {
        background-color: #D1D7DC;
}

hr {
        height: 1px;
        border-width: 0;
        background-color: #D1D7DC;
        color: #D1D7DC;
}

.legend {
        text-align:center;
        margin: 0 auto;
}

/* Links
 ------------ */
a:link {
        color: #000000;
        text-decoration: none;
}

a:active,
a:visited {
        color: #000000;
        text-decoration: none;
}

a:hover {
        color: #000000;
        text-decoration: underline;
}

a.forumlink {
        color: #000000;
        font-weight: bold;
        font-family: Tahoma;
        font-size: 1.2em;
}

a.topictitle {
        margin: 1px 0;
        font-family: Tahoma;
        font-weight: bold;
        font-size: 1.2em;
}

a.topictitle:visited {
        color: #cc0000;
        text-decoration: none;
}

th a,
th a:visited {
        color: #FFA34F !important;
        text-decoration: none;
}

th a:hover {
        text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
        margin: 0;
        padding: 0;
        border: 0;
}

input {
        color: #000000;
        font-family: Tahoma;
        font-size: 1.1em;
        font-weight: normal;
        padding: 1px;
        border: 1px solid #000000;
        background-color: #ffffff;
}

textarea {
        background-color: #ffffff;
        color: #000000;
        font-family: Tahoma;
        font-size: 1.3em; 
        line-height: 1.4em;
        font-weight: normal;
        border: 1px solid #000000;
        padding: 2px;
}

select {
        color: #ffffff;
        background-color: #000000;
        font-family: Tahoma;
        font-size: 1.1em;
        font-weight: normal;
        border: 1px solid #000000;
        padding: 1px;
}

option {
        padding: 0 1em 0 0;
}

option.disabled-option {
        color: graytext;
}

.rtl option {
        padding: 0 0 0 1em;
}

input.radio {
        border: none;
        background-color: transparent;
}

.post {
        background-color: white;
        border-style: solid;
        border-width: 1px;
}

.btnbbcode {
        color: #ffffff;
        font-weight: normal;
        font-size: 1.1em;
        font-family: Tahoma;
        background-color: #000000;
        border: 1px solid #cc0000;
}

.btnmain {
        font-weight: bold;
        background-color: #ffffff;
        border: 1px solid #cc0000;
        cursor: pointer;
        padding: 1px 5px;
        font-size: 1.1em;
}

.btnlite {
        font-weight: normal;
        background-color: #ffffff;
        border: 1px solid #000000;
        cursor: pointer;
        padding: 1px 5px;
        font-size: 1.1em;
}

.btnfile {
        font-weight: normal;
        background-color: #ECECEC;
        border: 1px solid #A9B8C2;
        padding: 1px 5px;
        font-size: 1.1em;
}

.helpline {
        background-color: #cccccc;
        border-style: none;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
        margin: 10px 5px 0 5px;
        padding: 4px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #cc0000;
        color: #000000;
        background-color: #999999;
        font-size: 0.85em;
        font-weight: bold;
}

.quotetitle .quotetitle {
        font-size: 1em;
}

.quotecontent, .attachcontent {
        margin: 0 5px 10px 5px;
        padding: 5px;
        border-color: #cc0000;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        font-weight: normal;
        font-size: 1em;
        line-height: 1.4em;
        font-family: Tahoma;
        background-color: #ffffff;
        color: #000000;
}

.attachcontent {
        font-size: 0.85em;
}

.codetitle {
        margin: 10px 5px 0 5px;
        padding: 2px 4px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #cc0000;
        color: #333333;
        background-color: #999999;
        font-family: Tahoma;
        font-size: 0.8em;
}

.codecontent {
        direction: ltr;
        margin: 0 5px 10px 5px;
        padding: 5px;
        border-color: #cc0000;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        font-weight: normal;
        color: #00000;
        font-size: 0.85em;
        font-family: Tahoma;
        background-color: #ffffff;
}

.syntaxbg {
        color: #FFFFFF;
}

.syntaxcomment {
        color: #FF8000;
}

.syntaxdefault {
        color: #0000BB;
}

.syntaxhtml {
        color: #000000;
}

.syntaxkeyword {
        color: #007700;
}

.syntaxstring {
        color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
        background-color: #000000;
}

.pm_replied_colour {
        background-color: #A9B8C2;
}

.pm_friend_colour {
        background-color: #007700;
}

.pm_foe_colour {
        background-color: #DD0000;
}


/* Misc
 ------------ */
img {
        border: none;
}

.sep {
        color: black;
        background-color: #FFA34F;
}

table.colortable td {
        padding: 0;
}

pre {
        font-size: 1.1em;
        font-family: Tahoma;
}

.nowrap {
        white-space: nowrap;
}

.username-coloured {
        font-weight: bold;
}
blockquote.editor{
display:block;
padding-left: 3em;
margin:0;
background-image:none;
background:none;
border:none;
}
.footer_add1 {
background-image: url('./images/overall_footer/footer_06.gif');
}
.footer_add2 {
background-image: url('./images/overall_footer/footer_05.gif');
}
.button2_add {
background: url(./images/long2/EG-Youth-Style-8-User_01_07.gif) no-repeat 0px 0px;
display: block;
height: 22px;
width: 25px;
float: right;
border: none;
}
.button2_add:hover {
border: none;
background: url(./images/long2/EG-Youth-Style-8-User_01_07.gif) no-repeat 0px -22px;
}
.button_add {
background: url(./images/long/EG-Youth-Style-8_01_07.gif) no-repeat 0px 0px;
display: block;
height: 22px;
width: 25px;
float: right;
border: none;
}
.button_add:hover {
border: none;
background: url(./images/long/EG-Youth-Style-8_01_07.gif) no-repeat 0px -22px;
}
.user_add {
    border: none;
}
.post_add {
    border: none;
}
.s_username {
	font-size: x-small;
	font-family: Tahoma;
	color: #CC3333;
}
.L_s_WARNINGS {
	color: #FF0000;
}
.all_center_add {
	text-align: center;
}
.mahmoud3 {
  border:1px;
  border-style:dotted;
  border-color:#cccccc;
  background-color:white;
  text-align:right;
  padding: 4px;
}
.mahmoud4 {
  border:1px;
  border-style:dotted;
  border-color:#cccccc;
  background-color:white;
  padding: 4px;
  margin-top:5px;
  width:368px;
}
.row1_add {
        background-color:#cccccc;
        padding: 4px;
}
#wrap {
        min-width: 650px;
        width: 900px;
        margin: 0 auto;
        background: url('./images/background_all.gif') repeat-y;
}