﻿/*	this is the css styles for template created by mahmoud 29-4-2010 
	u can easly navigate to this file just open the find word box 
	and enter one of the following words :
	
	>> General Tages
	>> main body
	>> header graphic
	>> sidebar style
	>> mh link box
	>> calendar box
	>> navigation style
	>> scrollbar style
	>> dynamic menu
	>> page header text style
	>> the blog styles
*/



/* >> General Tages */
html, body  {height: 100%;}
body{
	margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;
}
form {
	margin: 0px;
}
a {
	text-decoration: none;
	color: #B12414;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
img{
	padding:0;margin:0;
}
a img{
	border:0;
}
h1 {
	font-size: 12pt;
	font-weight: bold;
}
h2 {
	font-size: 10pt;
	font-weight: bold;
}
h3 {
	font-size: 8pt;
}

/* eof General Tages */





/* >> main body */

#wrap {min-height: 100%;width:100%;z-index:10;background:url('images/bg_repeat.jpg') repeat-x;}
.bodyStyle{
	background:url('images/bg_image.jpg') no-repeat top center;height:335px;
}

#main {overflow:auto;
	padding-bottom: 45px;background:#ffffff;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -45px; /* negative value of footer height */
	background:url('images/footer_jpg.jpg') repeat-x ;
	height: 45px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* eof main body */



/* >> header graphic */
.headerContent{
	position:relative;width:950px;margin:0 auto;height:335px;
}
.headerContent img{
	border:0;
}
/* eof header graphic */


/* >> sidebar style */
.sidebar{
	width:200px;vertical-align:top;
}
.menuHeader{
	background:url('images/mainMenu.jpg') no-repeat;height:55px;
}
.calendarHeader{
	background:url('images/calendarMenu.jpg') no-repeat;height:55px;
}
.calendarHeader_2{
}
.calendarHeader_3{
}

/* eof sidebar style*/


/* menu graphics */




/* >> dynamic menu */
.item_class {
	background-image: url('images/buttons.jpg');
	background-repeat:no-repeat;
	height: 30px;
	text-align: left;
	width:200px;
	direction: ltr;
	
}
.item_class a {
	background-image: none;
	color: #B12414;
	font-size:12px;
	font-weight: bold;
	padding:0 0 0 30px;
}
.item_class a:hover {
	color: #FF6600;
}
.item_class_d {
	border-bottom:solid 1px #666666;
	border-left:solid 1px #666666;
}
.item_class_d a
{
    background-image: none;
    background: #333333;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    display: block;
    width: auto;
    padding: 0 5px 0 5px;
}
.item_class_d a:hover
{
    background: #DD0000;
}
.botton {
font-size:13px;
}

/* eof dynamic menu */


/* >> mh link box */
.mhLink {
	color: white;
	padding-right: 5px;
	font-size: 7pt;
}
a.mhLink {
	color: white;
}
a:hover.mhLink {
	color: white;
}

/* eof search box */



/* >> calendar box */
.calendar {
	font-size: 7pt;
	color: black;
	width: 100%;
	background-color: white;
}
.day-header {
	background-color: #C92929;
	color: white;
	font-weight: normal;
}
.month-header {
	background-color: #ffffff;
	border: 0px white solid;
}
.day-event {
	background-color: Red;
	color: white;
	outline-color: white;
}
/* eof calendar box */


/* >> navigation style (bread crumb) */
a.nav {
	color: #B12414;
	font-style: italic;
	text-decoration: none;
	font-size: 8pt;
}
a:hover.nav {
	font-style: italic;
	color: #FF0000;
}

/* eof navigation style */


/* >> scrollbar style */
a.scrollbar {
	color: #FF6600;
}
a:hover.scrollbar {
	color: #ff0000;
}

.marq1{
	background:url('images/marq1.jpg') no-repeat;height:35px;width:121px;
}
.marq2{
	background:url('images/marq2.jpg') repeat-x;
}
.marq3{
	background:url('images/marq3.jpg') no-repeat left;height:35px;width:12px;
}

/* eof scrollbar style */


/* >> page header text style */
.pagelabel {
	font-weight: bold;
	text-align: center;
	color: #B12414;
	font-size: 10pt;
}

/* eof page header text style */


/* >> the blog styles */
.welcome td{
	vertical-align:top;
}
.block {
	background-color: #fff;
	border: 1px solid #F2F2F2;
	padding: 5px;
	vertical-align: top;
}
.tdcolor {
	background: #B12414 url('images/pxl.png') repeat-x;
	color: white;
	height: 30px;
	width: 100%;
	font-weight:bold;
    direction: ltr;
}
.header {
	color: white;
	font-weight: bold;
}


.blog1
{
	background:url('images/blog1.jpg') no-repeat ;width:44px;height:56px;
}
.blog2
{
	background:url('images/blog2.jpg') repeat-x ;
}
.blog3
{
	background:url('images/blog3.jpg') no-repeat ;width:44px;height:56px;
}
.blog4
{
	background:url('images/blog4.jpg') repeat-y ;width:33px;
}
.blog5
{
	background:url('images/blog5.jpg') repeat-y ;width:33px;
}
.blog6
{
	background:url('images/blog6.jpg') no-repeat ;width:33px;height:28px;
}
.blog7
{
	background:url('images/blog7.jpg') repeat-x ;
}

.blog8
{
	background:url('images/blog8.jpg') no-repeat ;width:33px;height:28px;
}

/* eof the blog styles */


/*----------------------Lauout--------------------------------------*/

.textbox {
	height: 15px;
	font-size: 12px;
	color:#999999;
	width: 145px;
	text-align: left;
	border:0;
}
.adv {
	height: 100px;
}
.login {
	height: 11px;
	font-size: 7pt;
	width: 125px;
}
.tdtop {
	vertical-align: top;
}
