a:link  	  {   	color: #5CB3FF; TEXT-DECORATION: none }
a:visited 	  {  	color: #56A5EC; TEXT-DECORATION: none }
a:active 	  {  	color: #5CB3FF; TEXT-DECORATION: none }
body 	  {  	color: #616D7E;
background-color: #7ec5e8;
FONT-SIZE: 14px}

.title{ /*CSS for label field in general*/
color:red;
font-size: 200%;
font-weight: bold;
text-align: left;
}

.rsstitle{ /*CSS for label field in general*/
text-align: left;
}

.labelfield{ /*CSS for label field in general*/
color:red;
font-size: 90%;
font-weight: bold;
}

.datefield{ /*CSS for date field in general*/
color:green;
font-size: 90%;
text-decoration: none;
float:right;margin-left:2px;
}
.datefield a{ /*CSS for date field in general*/
color:green;
font-size: 90%;
text-decoration: none;
float:right;margin-left:2px;
}

.footer{ /*CSS for footer font*/
color:green;
font-size: 90%;
font-weight: bold;
text-align: center;
vertical-align: bottom;  
}

.footer a{ 
color:green;
font-size: 90%;
text-decoration: none;
font-weight: bold;
text-align: center;
vertical-align: bottom;  
}

.footerbg {
background: white url(http://yajadid.com/images/footer_bg.gif)  repeat-x center bottom;
}

.maint { /*CSS specific to demo 1*/
margin-bottom: 4px;
font-size: 120%;
font-weight: bold;
background:transparent url(http://yajadid.com/images/on.gif) no-repeat center center;
}

.main { /*CSS specific to demo 1*/
margin-bottom: 4px;
font-size: 120%;

}

.main a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 120%;
margin-bottom: 4px;
font-weight: bold;
color: #FFFFFF;
}

.main:hover a{

    border: 1px #C0C0C0 solid;
    background: #EAFFEA;
    margin-bottom:4px;
    font-weight: bold;
}

.mainv { /*CSS specific to demo 1*/
margin-bottom: 3px;
font-size: 100%;
font-weight: bold;
color: #CDCDCD;
background: #F9F9F9;
border: 1px #FF0000 solid;
border-left-width: 0px;
border-right-width: 2px;
border-top-width: 0px;
border-bottom-width: 0px;
text-align: left;
}

.note{ /*CSS for date field in general*/
color:green;
font-size: 90%;
position:absolute;
}


.note{ /*CSS for date field in general*/
color:green;
font-size: 90%;
float:left;margin-left:120px;
}

.twittpic { /*CSS for twitter image  */
border: 0px #FFFFFF solid;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
}

.twittpic a{
border: 0px #FFFFFF solid;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
}

p.wightefont { /*CSS specific to demo 1*/
color:#FFFFFF;
font-size: 12PX;
float:left;
}

#feed { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:40%;
float:left;margin-right:4px;
background-color:#FFFFFF;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 0px;
}

#feed a{ /*CSS specific to demo 1*/
text-decoration: none;
color:#c1ddf7;
font-size: 80%;
margin-bottom: 4px;
}


#examp2 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp2 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp3 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp3 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp4 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp4 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp5 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp5 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp6 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp6 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp7 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp7 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp8 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp8 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp9 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp9 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp10 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp10 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp11 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp11 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}

#examp12 { /*CSS specific to demo 1*/
margin-bottom: 4px;
width:30%;
float:left;margin-right:4px;
background-color:#FFFFCC;
border: 2px #F4F4F4 solid;
border-right-width: 0px;
border-left-width: 3px;
border-top-width: 0px;
border-bottom-width: 3px;
}

#examp12 a{ /*CSS specific to demo 1*/
text-decoration: none;
font-size: 50%;
margin-bottom: 4px;
}


#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example3 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}
#example3 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example4 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example4 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example5 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example5 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example6 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example6 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example7 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example7 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example8 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example8 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example9 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example9 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example10 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example10 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example11 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example11 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example12 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example12 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example13 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example13 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

#example14 div{ /*CSS specific to demo 2*/
margin-bottom: 10px;
text-align: left;
color:#999999;
width:30%;
float:left;margin-right:6px;margin-left:10px;
}

#example14 div a{ /*CSS specific to demo 2*/
text-decoration: none;
font-weight: bold;
color:#7cb5e6;
}

.twitter_div {

	background-repeat: no-repeat;

	border-bottom-style: solid;

	border-bottom-width: 0px;

	border-bottom-color: #5AA5BC;
                 vertical-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12PX;
    font-weight: bold;
	margin-top: 2px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;

}

 

.twitter_div ul li {

    text-align:left;

	color: #0066FF;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-bottom-color: #A1E8F7;



}

 

.twitter_div ul li a {

	text-decoration: none;

	color: #D78E42;

}

 

.twitter_div ul li a:hover {

	text-decoration: none;
	color: #996633;
	border: 1px #C0C0C0 solid;
    background: #EAFFEA;

}

 

.twitter_div p {

	text-align: left;

	padding-right: 6px;

	padding-bottom: 15px;

}

#styleone{position:inherit;display:block;height:24px;font-size:13px;
font-weight:bold;background:transparent url() repeat-x top right;
font-family:Arial,Verdana,Helvitica,sans-serif;}

#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}

#styleone ul li{display:block;float:left;0 1px 0 0}


#styleone ul li a{display:block;float:left;color:#1985b5;text-decoration:none;
padding:6px 20px 0 20px;height:24px;}


#styleone ul li a:hover,#styleone ul li a.current{color:#000;
background:transparent url(http://yajadid.com/images/on2.gif) no-repeat center center;}

.naw { /*CSS for naw image  */
border: 0px #FFFFFF solid;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
width: 250px;
height:25px;

}
.naw2 {
background-image:url('http://yajadid.com/images/naw_red.gif');
background-repeat:no-repeat;
background-position:left top;
}
.mainc {
background: white url(http://yajadid.com/images/mainc.jpg) no-repeat top center;
}
.sport {
background: white url(http://yajadid.com/images/football.jpg) no-repeat top center;
}
.techno {
background: white url(http://yajadid.com/images/techno.jpg) no-repeat top center;
}
.liferel {
background: white url(http://yajadid.com/images/liferel.jpg) no-repeat top center;
}
.politico {
background: white url(http://yajadid.com/images/politico.jpg) no-repeat top center;
}
.tool {
background: white url(http://yajadid.com/images/tool.gif) repeat-x center center;
}
.tool2 {
background: white url(http://yajadid.com/images/tool2.gif)  repeat-x center center;
}