/*	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;font-size:14px;
}
form {
	margin: 0px;
}
a {
	text-decoration: none;
	color: #3399FF;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
img{
	padding:0;margin: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%;background:#fff;z-index:10;}
.bodyStyle{
	background-image:url('tm-images/header_shadow.png');
	background-repeat:repeat-x;
	background-color:#3399FF;
	height:340px;

}

#main {overflow:auto;
	padding-bottom: 50px;background:#ffffff;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	background:url('tm-images/footerShadows.png');
	background-repeat:repeat-x;
	background-color:#3399FF;
	height: 50px;
	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*/
}

.shadowFloatL{
	top:0;left:-475px;width:50%;height:100%;position:fixed;
	

}
.shadowFloatImageL{
	height:100%;background:url('tm-images/shad2.png') repeat-y right;

}
.shadowFloatR{
	top:0;right:-475px;width:50%;height:100%;position:fixed;
	
}
.shadowFloatImageR{
	height:100%;background:url('tm-images/shad1.png') repeat-y left;

}

.default_golden{
	
}
.default_golden td{
	vertical-align:top;
}

/* eof main body */




/* >> header graphic */
.headerContent{
	position:relative;height:329px;width:940px;margin:0 auto;
}
.headerContent img{
	border:0;
}
#langText{
	display:block;line-height:28px;padding-bottom:10px;
}
#langText a{
	color:#3399FF;
	text-decoration:none;
}
#langText a:hover{
color:#A8A8A8;
}
#langColorDiv{
	position:absolute;top:0;left:0px;width:193px;
}
#subLinks{
	position:absolute;top:0;right:0px;width:365px;
}
#subLinks ul{
	margin:0;padding:10px 0 0 0;
}
#subLinks ul li{
	background:url('tm-images/arrowHeader.png') no-repeat left ;list-style:none;float:left;display:block;padding:2px 20px 0 15px;
}
#subLinks ul li a{
	text-decoration:none;color:#ffffff;
}
#subLinks ul li a:hover{
color:#3399FF;
}
.chooseText{
	display:block;float:left;height:30px;font-size:13px;color:#ffffff;font-weight:bold;padding-top:10px;
}
.chooseImage{
	float:left;display:block;height:40px;padding-top:10px;
}
#langGraph{
	width:193px;height:29px;background:url('tm-images/languageBG.png') no-repeat;
}
/* eof header graphic */


/* >> sidebar style */
.sidebar{
	width:200px;vertical-align:top;
}
/* eof sidebar style*/


/* >> dynamic menu */
.item_class {
	background-image: url('tm-images/1.gif');
	height: 26px;
	color: #3399FF;
	text-align: left;
	width:225px;
	direction: ltr;
	
}
.item_class a {
	background-image: none;
	color: #000;
	font-size:12px;
	font-weight: bold;
	padding:0 0 0 30px;
}
.item_class a:hover {
	color: #3399FF;
}
.item_class_d {
	border-bottom:solid 1px #D1D1D1;
	border-left:solid 1px #D1D1D1;
		color: #FFF;
}
.item_class_d a {
	background-image: none;
	background: #F2F2F2;
	color: #000;
	font-size: 12px;
	line-height:25px;
	display:block;
	width:auto;
	padding:0 5px 0 5px;
	}
.item_class_d a:hover {
	background:#C4E8FF;
}
.botton {
font-size:12px;width:180px;
}

/* 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;
	border: 1px #3399FF solid;
}
.day-header {
	background-color: #3399FF;
	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: #3399FF;
	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: white;
}
a:hover.scrollbar {
	color: #ff0000;
}
/* eof scrollbar style */


/* >> page header text style */
.pagelabel {
	font-weight: bold;
	text-align: center;
	color: #3399FF;
	font-size: 10pt;
}

/* eof page header text style */


/* >> the blog styles */
.welcome td{
	vertical-align:top;
}
.block {
	background-color: #fff;
	border: 1px solid #F1F1F1;
	padding: 5px;
}
.block2 {
	background: url('tm-images/grad.jpg') repeat-x bottom;
	border: thin solid #F1F1F1;
}

.tdcolor {
	background: #3399FF url('tm-images/pxl.png') repeat-x;
	color: white;
	height: 30px;
	width: 100%;
	font-weight:bold;
    direction: ltr;
}
.header {
	color: white;
	font-weight: bold;
}

/* eof the blog styles */


/*----------------------Lauout--------------------------------------*/

.textbox {
	height: 11px;
	font-size: 7pt;
	width: 180px;
	text-align: left;
}
.adv {
	height: 100px;
}
.login {
	height: 11px;
	font-size: 7pt;
	width: 125px;
}
.tdtop {
	vertical-align: top;
}