/* ------------------------------------------------------------------------------

	Khitba.com
	Developed by: KCCG.com
	Date Created: December, 14, 2006

------------------------------------------------------------------------------ */

/* ------ HTML Tags ------ */
body {
	
	background:#FFFFFF;
	margin:0px;
	text-align:center;
	font:13px "Trebuchet MS",verdana,arial,sans-serif;
	color:#545454;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
form, label {
	margin:0px 10px 0px 0px;
	padding:0px;
}
p.red  {
	text-align:center !important;
	color:#990000 !important;
}
p.red a {
	text-align:center !Important;
	color:#990000 !important;
	display:block;
}

a {
	text-decoration:underline;
	color:#000000;
}
a img {
	border:0px;
}
a.stars {
	text-decoration:none !important;
}
a.arabic {
	position:absolute;
	right:10px;
	top:10px;
}
.registration label {
	width:190px !important;
	text-align:right;
}

div.captcha-content {
	padding:2px 0px;
	height:auto !important;
	height:80px;
	min-height:80px;
	margin-bottom:15px !important;
	padding-bottom:10px !important;
}
div.captcha-content label {
	float:left;
	width:120px !important;
}
div.captcha {
	padding:5px 0px;
	float:left;
	padding-bottom:10px !important;
}
div.captcha,
div.captcha a {
	font-size:12px;
}
div.captcha br {
	display:none;
}
div.captcha input {
	display:block;
}
div.thecheckbox {
	padding-top:10px !important;
	padding-bottom:20px !important;
}

.red {
	color:#990000 !important;
}
.bold {
	font-weight:bold !important;
}
h4.big-text {
	margin:0px;
	position:relative !important;
	margin-top:-25px !important;
}

a.stars img{
border:0px !important;
margin:0px !important;
padding:0px !important;
background:none !important;
text-decoration:none !important;
}
a.stars img.noborder {
	margin-left:4px !important;
}
input.inputbox{
	width:235px;
}
select {
	width:239px;
}
select.home {
	/*width:120px; removed by Nadia*/
	width:124px;
}
select.small {
	width:40px;
}
select.profile {
	width:200px;
}
select.year {
	width:70px;
}
label.small {
	width:80px !important;
	margin-bottom:10px !important;
}
input.home {
	width:110px;
}
label span {
	color:#CC0000;
}
label.reply,
label.reply_box {
	background:#EFEFEF;
	padding-left:5px;
	position:relative;
	top:0px !important;
	margin:0px !important;
	border-bottom:1px solid #DEDEDE;
	color:#999999;
}
label.reply_box {
	font:12px/25px "Trebuchet MS",verdana,arial,sans-serif;
	width:100px !important; /*added by Nadia*/
	
}
label.reply,
label.compose_box {
	width:100px !important; /*added by Nadia*/
}
span.the_content {
	border-bottom:1px solid #DEDEDE;
	display:block;
	float:left;
	width:300px;
	color:#999999;
	padding-left:5px;
}
span.the_content_reply {
	border-bottom:1px solid #DEDEDE;
	display:block;
	float:left;
	width:300px;
	height:25px;
	color:#999999;
	padding-left:5px;
}
.the-content h3 {/*added by Nadia*/
	color:#9F6BBE;
	font:bold 18px "Trebuchet MS",verdana,arial,sans-serif;
	letter-spacing:-1px;
	position:relative;
	padding-top:5px;
}
input.button {
	font:10px verdana,arial,sans-serif;
	background:#70A600;
	color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#E1FFE4 #70AAA0 #70A900 #E1FFE4;
	text-transform:lowercase;
}
td.even a,
td.odd a {
	color:#0063C8;
}
td.even a:hover,
td.odd a:hover {
	text-decoration:none;
	color:#333333;
}
div, td, p, span {
	/*direction:rtl;*/
}

/* ------ Class Definition ------ */
.clear {
	clear:both;
}
.inputbox,
select,
input.inputbox {
	font:13px "Trebuchet MS",verdana,arial,sans-serif;
}
input.button {
	cursor:pointer;
}



/* Title */
h3.title {
	font:bold 16px "Trebuchet MS",verdana,arial,sans-serif;
	color:#9F6BBE;
	letter-spacing:-1px;
	position:relative;
	margin:0px !important;
}

/* ------ Template Layout ------ */
#wrap {
	width:100%;
	position:relative;
	padding-bottom:80px;
	background:url('../images/bg_body.jpg') repeat-y top center;
	height:auto !important;
	height:300px;
	min-height:300px;
}
#container {
	width:930px;
	margin:0px auto;
	text-align:left;
	position:relative;
	z-index:1;
}

#menu {
	width:720px;
	height:34px;
	position:absolute;
	right:20px;
	top:40px;
	background:transparent url("../images/bg_menu.jpg") no-repeat top left;
}
#menu ul {
	margin:0px;
	padding:0px;
}
#menu ul li {
	width:100px;
	font:12px/34px arial,verdana,sans-serif;
	float:left;
	list-style:none;
	text-align:center;
}
#menu li a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
#menu li a:hover {
	text-decoration:underline;
}

#interior-top {
	height:100px;
}

/* Top COntent */
#top_column {
	position:relative;
	width:720px;
	left:5px;
	margin-top:20px;
}

/* web title on interior page */
#logo {
	position:relative;
	width:116px;
	height:103px;
	z-index:10;
	left:0px;
	top:0px;
	float:left;
}
#logo h1#title {
	text-indent:-9000px;
	width:116px;
	height:103px;
	background:url('../images/bg_logo_interior.jpg') no-repeat top left;
}
#logo h1#title a {
	display:block;
	width:132px;
	height:122px;
}
#logo h2#description {
	font:bold 12px "Trebuchet Ms",verdana,arial,sans-serif;
	color:#666666;
	position:absolute;
	top:77px;
	right:4px !important;
	right:20px;
	display:none;
}


/* ------ Content Area ------ */
#content_area {
	width:930px;
	position:relative;
	line-height:15px;
	padding-bottom:20px;
}

h2.title {
	font:bold 25px arial,verdana,sans-serif;
	color:#70A501;
	margin:3px 0px;
}
h3.title {
	font:bold 19px arial,verdana,sans-serif;
	color:#70A501;
	margin:3px 0px;
}

table.data {
	margin-top:10px;
	background:#EFEFEF;
}
table.data th {
	background:#70A501;
	padding:5px 2px;
	font:bold 15px arial,verdana,sans-serif;
	color:#FFF;
	text-align:center;
}
table.data td {
	padding:2px 0px;
	border-bottom:1px solid #CCC;
	background:#FFF;
}





/* Footer */
#footer {
	background:#FFFFFF url('../images/bg_footer.jpg') no-repeat top center;
	height:170px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:0;
	padding-bottom:35px
}
#footer_content {
	position:absolute;
	z-index:100;
	text-align:center;
	margin:0px auto;
	width:100%;
	left:0px;
	font:10px verdana,arial,sans-serif;
	color:#999999;
	bottom:0px;
	padding-bottom:10px;
	line-height:14px;
}
#footer_content a {
	color:#999999;
}
#footer_content a:hover {
	color:#9F6BBE;
	text-decoration:underline;
}

/*** andra */
p.link {
	font:10px verdana,arial,sans-serif;
	position:relative;
	left:5px;
	margin-bottom:0px;
	margin-top:5px;
	text-transform:lowercase;
}
p.link a {
	background:#F0FFCF;
	color:#9F6BBE;
	border:1px solid #CCC;
	padding:3px;
	text-decoration:none;
	margin-bottom:5px;
	display:block;
	width:120px;
	text-align:center;
	margin-right:3px;
	float:left;
	position:relative;
}
p.link a:hover,
p.link a.active {
	background:#9F6BBE;
	color:#FFFFFF !important;
}
#menu li.active a,
#menu li a:hover{
	color:#FFFFFF;
	background:url('../images/bg_active.jpg') no-repeat bottom center;
	padding-bottom:13px;
	position:relative
}
