﻿h3,h4,h5,p,ul
{
display: inline;
font-family: tahoma;
COLOR: black;
}
h2
{
display: inline;
font-family: tahoma;
COLOR: #990000;
}

h1
{
display: inline;
font-family: tahoma;
FONT-SIZE: 26px;
COLOR: black;
}
.toptext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;

}

/* this is where defualt.asp can be changed in colors*/


/* this is where header text in defualt.asp can be changed in colors*/
.headertext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
}
.text
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
}
.farsiheadertext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 24px;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
}
.farsitext
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
}
/* this is where main text in defualt.asp can be changed in colors*/ 
.menutext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #e200ad;
}
.small
{
    FONT-SIZE: 11px;
    COLOR: #B2B2B2;
    FONT-STYLE: bold;
    FONT-FAMILY: tahoma;
}
A {
	color: #e1689d;
	font-family: Arial;
	text-decoration: none;
	font-size: 12px;
}

A:link
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: black;
}
A:visited
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: black;
}
A:hover
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: #CC0000;
}
A:active
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: black;
}
BODY
{
	color: black;
    /* background-image: url("../img/nooch-bk.jpg"); */
    background-color: #f0f0f0;
	font-family: tahoma;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
	margin: 0px 0px 0px 0px;
}
.pic
{
	border-color:#e1689d;
	border-width:1px;
	border-style:solid;
	margin: 0px 0px 0px 0px;
}
.textpic
{
	border-color:#00ff00;
	border-width:1px;
	border-style:solid;
	margin: 10px 10px 10px 10px;
}
DIV.scroll
{
	border: solid;
	border-width: 1px;
	width: 100%;
    HEIGHT: 100%;
	padding: 3px;
    OVERFLOW: scroll;
    BACKGROUND-COLOR: transparent;
}
div.header
{
	width: 100%;
	height: 100%;
	padding: 5px;
    BACKGROUND-COLOR: transparent;
	vertical-align: middle;
}
div.farsipadded
{
	width: 80%;
	height: 100%;
	padding: 15px;
    BACKGROUND-COLOR: transparent;
	vertical-align: middle;
}
div.padded
{
	width: 100%;
	height: 100%;
	padding: 15px;
    BACKGROUND-COLOR: transparent;
	vertical-align: middle;
}
div.normal
{
	padding: 10px;
	width: 100%;
	height: 100%;
}
div.latestversion
{
	border: solid 1px #e1689d;
	width: 100%;
    HEIGHT: 100%;
/*	padding: 10px; */
    BACKGROUND-COLOR: transparent;
}
p.header
{
	width: 100%;
	height: 100%;
	padding: 5px;
    BACKGROUND-COLOR: transparent;
	vertical-align: middle;
}
td.limo
{
	background-color: #fffcd7;
}
td.blackBK
{
	background-color: white;
}
border
{
	padding: 5px;
	border: 1px solid #eeeeee;
    BACKGROUND-COLOR: transparent;
	border-width:1px;
}

td.bk-menu
{
 background-image:url(../img/KaKa-bk.gif);
}

td.bk-site
{
/* background-image:url(../img/nooch-bk.jpg); */
/* background-repeat:no-repeat;*/

background-color:transparent;
}

/*     this is imported from MyStyle CSS for          */




/*     this is for side main category to  change the color and background          */

.cat
{
	font-size: 12px;
	color: black;
	/* background-image:url(../img/bk.jpg); */
    background-color: #ffffff;
	font-weight:bold;
	border: thin solid #E2E2E2;
}
.cat2
{
	font-size: 12px;
	color: black;
	background-image:url(../img/bk.jpg); 
	font-weight:bold;
	border: thin solid #E2E2E2;
}
.catheader
{
/*    background-image: url(../img/top-box.png); */
    background-repeat: no-repeat;
	horizental-align: right;
	background-color :#F5F5F5;
    top:0;
	left: 0;
	height:28;
    padding: 0px;
	font-weight:bold;
	font-size: 14px;
	color: #A60108;
	border: 0;
}
.catheader2
{
/*    background-image: url(../img/top-box.png); */
    background-repeat: no-repeat;
	horizental-align: right;
	background-color :#F5F5F5;
    top:0;
	left: 0;
	height:28;
    padding: 0px;
	font-weight:bold;
	font-size: 14px;
	color: white;
	border: 0;
}


.english-box
{
	padding: 10px 0px 0px 10px; /* for farsi do this: 10px 10px 0px 0px;   */
	direction: ltr;  /* for farsi do this: rtl;   */
	text-align: left;  /* for farsi do this: right;   */
}

.farsi-box
{
	padding: 10px 10px 0px 0px;
	direction: rtl;
	text-align: right;

}


/*     this is for side sub main category to  change teh color and background          */
.maincat
{
  /*	background-color:white; */
}
.maincat A:link
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: black;
}
.maincat A:visited
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: black;
}
.maincat A:hover
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: #CC0000;
}
.maincat A:active
{
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma;
    TEXT-DECORATION: none;
    COLOR: black;
}

/*     this is for side submneu after  category to  change teh color and background          */
.subcat
{
  /*	background-color:#fde9f1; */
    padding: 0px 10px 5px 10px;
}
/*
.subcat A:link{
	COLOR: maroon; TEXT-DECORATION: none
}
.subcat A:visited {
	COLOR: maroon; TEXT-DECORATION: none
}
.subcat A:active {
	COLOR: maroon
}
.subcat A:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline
}
*/

/*     this is for Feature colume to  change the color and background and borders      on subpages    */
.featcol 
{
	
	font-size: 12px;
	color: #FFFFFF;
/*	background-color:#002e49; */
	font-weight:bold;
	border: thin solid #eeeeee;
}

.featcol A:link{
	COLOR: #e1689d; TEXT-DECORATION: none
}
.featcol A:visited {
	COLOR: #e1689d; TEXT-DECORATION: none
}
.featcol A:active {
	COLOR: #e1689d;
}
.featcol A:hover {
	COLOR: #e200ad; TEXT-DECORATION: underline
}
/*     this is for main on top  to  change color and background          */
.copyright
{
font:tahoma ;
font-size:9px;
COLOR: black;
}

table.ontop
{
background-color:#fffcd7;
color:#e200ad;
}

.farsi
{
  text-align: right;
  direction: rtl;
}


.headerimg
{
 background-image:url(../img/KaKa-bk.gif);
background-repeat:no-repeat;

background-color:transparent;
height:104px;

}

.footer
{

    COLOR: #B3B3B3;
    font-weight: bold;
    FONT-FAMILY: tahoma;
    FONT-SIZE: 11px;
}

.feature
{
	border: thin solid #E2E2E2;  /* groove */
    background-color: #ffffff;
}

.subheader
{
	background-color:#white;
	text-align:right;
	vertical-align:middle;
	color:#e200ad;
}

a.menu:link
{
	/*background-color:#002e49;*/
	/* cursor: crosshair;
				auto		Shows it according to how the viewer has it set (plain)
				crosshair	Looks like a cross
				default		Makes the cursor stay the same
				move		Looks like you should be moving something
				hand		The hand you usually see over links
				help		A question mark beside the arrow
				text		The bar you see when the mouse is over text
				wait		The "waiting" hourglass!
				n-resize	An arrow- North
				s-resize	An arrow- South
				e-resize	An arrow- East
				w-resize	An arrow- West
				ne-resize	An arrow- NorthEast
				nw-resize	An arrow- NorthWest
				se-resize	An arrow- SouthEast
				sw-resize	An arrow- SouthWest
*/
/*	background-image:url(../img/menu_background.jpg); */

	display:block;
	background-image: url('../img/times.gif');
	height: 45px;
	width: 165px;
	vertical-align: middle;
	text-align:center;
	COLOR: #990000;
    font-weight: bold;
    font-size: 16;
    TEXT-DECORATION: none;
}
a.menu:visited
{
	display:block;
	background-image: url('../img/times.gif');
	height: 45px;
	width: 165px;
	vertical-align: middle;
	text-align:center;
	COLOR: #990000;
    font-weight: bold;
    font-size: 16;
    TEXT-DECORATION: none;
}
a.menu:hover
{
	display:block;
	background-image: url('../img/times.png');
	height: 45px;
	width: 165px;
	vertical-align: middle;
	text-align:center;
	COLOR: #ffffff;
    font-weight: bold;
    font-size: 16;
    TEXT-DECORATION: none;
}
a.menu:active
{
	display:block;
	background-image: url('../img/times.gif');
	height: 45px;
	width: 165px;
	vertical-align: middle;
	text-align:center;
	COLOR: #990000;
    font-weight: bold;
    font-size: 16;
    TEXT-DECORATION: none;
}

a.readmore:link, a.readmore:visited, a.readmore:hover, a.readmore:active
{
	display: block;
	width: 100%;
	padding: 25px 25px 25px 120px; /* top right bottom left*/
    TEXT-DECORATION: none;
}
.navCellOff
{
	background-image: url('../img/KaKa-bk.gif');
}
.navCellOn
{
	background-image: url('../img/on.png');
}
.padded
{
	padding: 5px 5px 5px 5px; /* top right bottom left*/
}
a.button1:link, a.button1:active, a.button1:visited
{
    display: block;
    width: 220px;
    height: 112px;
	padding: 10px 0 10 0;
    background: url("../img/KaKa-1.png") no-repeat 0 0;
}

a.button1:hover
{
    width: 220px;
    height: 112px;
	padding: 10px 0 10 0;
    background: url("../img/KaKa-1-hover.png") no-repeat 0 0;
}
a.button2:link, a.button2:active, a.button2:visited
{
    display: block;
    width: 220px;
    height: 112px;
	padding: 10px 0 10 0;
    background: url("../img/KaKa-2.png") no-repeat 0 0;
}

a.button2:hover
{
    width: 220px;
    height: 112px;
	padding: 10px 0 10 0;
    background: url("../img/KaKa-2-hover.png") no-repeat 0 0;
}
a.button3:link, a.button3:active, a.button3:visited
{
    display: block;
    width: 220px;
    height: 112px;
	padding: 10px 0 10 0;
    background: url("../img/KaKa-3.png") no-repeat 0 0;
}

a.button3:hover
{
    width: 220px;
    height: 112px;
	padding: 10px 0 10 0;
    background: url("../img/KaKa-3-hover.png") no-repeat 0 0;
}
.ad_padding
{
	padding: 0px 10px 10px 0px; /*  ads are stuck to top-left   order: top right bottom left*/
}




