body {
	font-family: verdana, arial, sans-serif;
	font-size: .8em;
	margin:0px;
	padding:10px;
	background-color:#ffffff;
}

img {
	border: 0px;
}


.codebox {
	border: 2px dotted gray;
	padding: 2em 1em 2em 1em;
	background-color: #FCFBC4;
	margin-bottom:1em;
}

.codebox strong {
	color:#000080;
}

code {
	font-size: 1.2em;
}

acronym {
	border-bottom: 1px dotted black;
	cursor: help;
}

.examplebox {border:1px solid silver;padding:1em;background-color:#F8F8F8;}

.graybox {
        background-color:#edf1f3;
	border-style:solid;
	border-width:1px;
	border-color:#9aaab4;
	padding:0em;
	text-align:left;
	margin-bottom:1em;
}

.sharaxaad {border:1px solid silver;padding:1em;background-color:#F8F8F8;}

.casanbox { border: 1px solid #FFCC34; background-color: #FFF4C2; padding: 8px; }

.yellowbg {
	background-color: #FFFF00;
        font-weight: bold;
}

.showhow {
	background-color: #FFFF00;
        font-weight: bold;
}

h1 {
	font-family: Tahoma;
	border-bottom: 2px solid #000080; 
	padding: 3px; 
	font-size: 200%;
}

h2 {	
	background-color:#F8F8F8;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #808080;
	font-size: 150%;
}

.eeg {
        line-height: 100%;
	background: url("eeghalka.gif") no-repeat center left;
	padding: 0 0 2px 20px;
}

.soorogo {
        line-height: 100%;
	background: url("icondown.gif") no-repeat center left;
	padding: 0 0 2px 20px;
}
ul.redarrow {margin: 0 0 10px 1em;}
ul.redarrow li{
	list-style: none;
	padding: 0.1em 10px;
	background: url("redarrow.gif") no-repeat 0;
}

ul.blkarrow {margin: 0 0 10px 1em;}
ul.blkarrow li{
	list-style: none;
	padding: 0.1em 15px;
	background: url("blkarrow.gif") no-repeat 0;
}

ul.redcheck {margin: 0 0 10px 1em;}
ul.redcheck li{
	list-style: none;
	padding: 0.5em 20px;
	background: url("redcheck.gif") no-repeat 0 0.5em;
}

ul.blkcheck {margin: 0 0 10px 1em;}
ul.blkcheck li{
	list-style: none;
	padding: 0.5em 20px;
	background: url("blkcheck.gif") no-repeat 0 0.5em;
}


ul.dotlist {margin: 0 0 10px 1em;}
ul.dotlist li {
	list-style: none;
	padding: 0.1em 15px;
	background:url("dotlist.gif") no-repeat 0;

}


.redt {
	list-style:none;
        margin:0 0 10px 1em;
	padding:0.5em 20px;
	background:url("redcheck.gif") no-repeat 0 0.5em;
}


a.banaanka {
 	background: url("banaanka.gif") no-repeat center right;
	padding-right: 12px;
}

/* warqad xusuus qor ah dhinac xejin */
.notepaper {float:right;width:250px;color:#000000;background-color:#fcf9d6;background-image:url("notepaper.gif");border:solid 1px #c8c0a0;padding:18px;margin:10px;font-family:verdana;font-size:80%; } 


/* float dhinac xejin sawir */

img.bidix { 
    float: left; 
    margin: 2px; 
}
img.midig { 
    float: right; 
    margin: 4px; 
}

/* frameset iyo legend */

.codemuhim {padding: 8px 10px 7px 20px; border: #808080 1px solid; } 
.codemuhim legend {padding: 1px 15px; background: #E8E8E8; border: #808080 1px solid; color: #808080; font: 1.2em "Trebuchet MS"; }



/* Linkiyada yaryar ee dhanka sare ee bogga */

#lnkyar {border: none; padding-bottom: 10px; margin-bottom: 0px; padding-top: 5px;}
#lnkyar a {padding: 3px 5px; margin: 0px; border:none;}
#lnkyar a:hover {padding: 2px 4px; border: 1px solid #0000dd; }

hr {
	margin-left: 5px;
	border-top: 1px solid #ccc;}


/* clear float after lists */
br
{
  clear: left;
}