/* CSS Document 
 * version	: 2.0
 * date		: 09.07.2007 (Last updated 06.07.2008)
 * author	: mohammed ahmed
 * copyright: Radio Ramadan Edinburgh
 */
body {
background:#000 url(../images/bg.jpg) no-repeat fixed center top;
height:100%;
margin:0 0 0 0;
}
body *{
font-family:Arial,Helvetica,sans-serif;
}
H1{
font-size:medium;
color:#CC9900;
font-weight:bold;
}
/* round corners */
b.corner{
display:block;
margin-left: 0px; 
margin-right: 0px; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial; 
}
b.corner *{
display:block;
height: 1px;
line-height:1px;
font-size: 1px;
overflow:hidden;
border-style:solid;
border-width: 0 1px
}
b#top{
margin-bottom: -5px;
}
b#bottom{
margin-top: -5px;
}
b.r1 {
border-width:0pt 2px;
margin:0pt 3px;
}
b.r2 {
margin:0pt 2px;
}
b.r3 {
margin:0pt 1px;
}
b.r4 {
height:2px;
}

/* side bar */
div#side {
background:#F1EDB6 none repeat scroll 0%;
display:inline;
float:left;
margin:0pt 10px 10px 0pt;
width:100%;
height:100%;
}
div#side p {
margin:5px 0pt 10px;
padding:0pt 10px;
}
div#side div{
margin: 0 0 10px;
padding: 10px 0;
}
div#side b.corner{
background: #FFFFFF none repeat scroll 0%;
}
div#side b.corner b{
border-color:#F1EDB6; background-color: #F1EDB6;
}
/* contents box */
div#contentsBox{
/*background:#C3D7AC none repeat scroll 0%;*/
display:inline;
float:left;
margin:0pt 10px 10px 0pt;
width:100%;
height:100%;
text-align:center;
}
div#contentsBox p#main {
margin:5px 0pt 5px;
padding:0pt 10px;
background: #fff none repeat scroll 0%;
color:#BBBBBB;
}
div#contentsBox div{
margin: 0 0 10px;
padding: 10px 0;
}
div#contentsBox b.corner{
background: transparent none repeat scroll 0%;
}
div#contentsBox b.corner b{
border-color:#fff; background-color: #fff;
}

/* footer */
.footer *{
font-size:9px;
color:#666;
}

.messages{
color:#0099CC;
}
.errors{
color:#CC0000;
}

p#adv{
	font-size:large;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#6B9C31;
}

/********** BASIC LINKS  *******/
a:link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform: none;
text-decoration: none;
color:#0000ff; 
}

a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform: none;
text-decoration: none;
color:#0000ff;
}

a:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform: none;
text-decoration: none;
color:#0000ff;
}

a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform: none;
text-decoration: underline;
color:#0099FF;
}
/********** CONTEXT LINKS  *******/
a:link.ctx{font-weight:bold;color:#FFFFFF;}
a:visited.ctx{font-weight:bold;color:#FFFFFF;}
a:active.ctx{font-weight:bold;color:#FFFFFF;}
a:hover.ctx{font-weight:bold;color:#FFF999;}

.defaultFont{font-weight:normal; font-size:x-small;}
.tips{font-weight:normal; font-size:x-small;color:#999999;}
.noteFont{font-weight:bold; font-size:small;color:#990000;}

/* NIFTY */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}

b.ncTop, b.ncBottom{display:block}
b.ncTop{margin-bottom: 20px;}
b.ncBottom{margin-top: 10px;}
b.ncTop,b.ncBottom{
background: #fff none repeat scroll 0%; 
margin-left: -20px; margin-right: -10px; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial;
}
b.ncTop *{border-right-width: 0pt; margin-right: 0pt;}
b.ncTop *,b.ncBottom *{
display:block;
height: 1px;
line-height:1px;
font-size: 1px;
overflow:hidden;
border-style:solid;
border-width: 0 1px;
}
	
.r1{margin: 0 5px} /* repeated in mobox.css */
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.rb1{margin: 0 8px;border-width:0 2px}
.rb2{margin: 0 6px;border-width:0 2px}
.rb3{margin: 0 5px}
.rb4{margin: 0 4px}
.rb5{margin: 0 3px}
.rb6{margin: 0 2px}
.rb7{margin: 0 1px;height:2px}
.rb8{margin: 0;height:2px}

ul#programmes,ul#programmes li{list-style-type:none;margin:0;padding:0}
ul#programmes{width: 800px;margin:30px auto 0;text-align:center}
ul#programmes li{
float:left;
width: 220px; 
height:700px;
padding: 30px 10px 20px 20px;
margin:8px 8px 0 0;
padding-top: 0pt; 
padding-bottom: 0pt; 
height: auto;}

ul#programmes li a{text-decoration:none;cursor:pointer;}

li#prg1, li#prg1 b.ncTop b, li#prg1 b.ncBottom b{background: #FC0; border-color:#FC0;}
li#prg1:hover{background:#FFE57F;}
/*li#prg1 b.ncTop b, li#prg1 b.ncBottom b{border-color: rgb(255, 229, 127);}*/ /* you may choose lighter color for the borders to backgroud for additional effect */ 

li#prg2, li#prg2 b.ncTop b, li#prg2 b.ncBottom b{background: #9F3; border-color:#9F3;}
/*li#prg1 b.ncTop b, li#prg1 b.ncBottom b{border-color: rgb(255, 229, 127);}*/
li#prg2:hover{background:#D5FFAA;}

li#prg3, li#prg3 b.ncTop b, li#prg3 b.ncBottom b{background: #F60; border-color:#F60;}
/*li#prg1 b.ncTop b, li#prg1 b.ncBottom b{border-color: rgb(255, 229, 127);}*/
li#prg3:hover{background:#FFCC9F;}

li#prg4, li#prg4 b.ncTop b, li#prg4 b.ncBottom b{background: #39F; border-color:#39F;}
/*li#prg1 b.ncTop b, li#prg1 b.ncBottom b{border-color: rgb(255, 229, 127);}*/
li#prg4:hover{background:#B9DCFF;}

li#prg5, li#prg5 b.ncTop b, li#prg5 b.ncBottom b{background: #F36; border-color:#F36;}
/*li#prg1 b.ncTop b, li#prg1 b.ncBottom b{border-color: rgb(255, 229, 127);}*/
li#prg5:hover{background:#FFB0C5;}

li#prg6, li#prg6 b.ncTop b, li#prg6 b.ncBottom b{background: #FF00FF; border-color:#FF00FF;}
/*li#prg1 b.ncTop b, li#prg1 b.ncBottom b{border-color: rgb(255, 229, 127);}*/
li#prg6:hover{background:#FFAAFF;}

.rFormTop,.rFormBottom			{display:block;background-color: #FFFFFF;} 
.rFormTop *						{display:block;height: 1px;overflow: hidden;background-color: #F1EDB6;}
.rFormBottom *					{display:block;height: 1px;overflow: hidden;background-color: #F1EDB6;}
.rFormElemTop,.rFormElemBottom	{display:block;background-color: #F1EDB6;} 
.rFormElemTop *					{display:block;height: 1px;overflow: hidden;background-color: #FFFFFF;}
.rFormElemBottom *				{display:block;height: 1px;overflow: hidden;background-color: #FFFFFF;}
div.rForm						{background-color:#F1EDB6; font-size:x-small;}
div.rForm fieldset				{border: 0px solid #000;}
div.rForm fieldset legend		{font: bold 140%/1.6 Verdana, Arial, Helvetica, sans-serif;;color: #6B9C31}
div.rForm fieldset label		{float:left;display:inline;width:130px;line-height:16px;margin: 3px 10px 0 3px;text-align:center;background: #FFF url("../images/arrow.jpg") no-repeat right center}
div.rForm fieldset input, div.rForm fieldset textarea, div.rForm fieldset select{margin:3px 0 8px;border-style:solid;border-color: #6B9C31 #6B9C31 #6B9C31 #6B9C31; border-width:2px 1px 1px 2px;width: 160px}
div.rForm fieldset input#button	{margin: 3px 0 8px 142px; background-color:#C3D7AC; font-weight:bold; font-size:x-small; text-transform:capitalize; border-width:1px;}
div.rForm fieldset input#button:hover{background-color:#6B9C31;color:#F1EDB6;cursor:pointer;}	
div.rForm fieldset br			{clear:left;}


div.scroll {
height: 408px;
width: 440px;
overflow: auto;
border: 0px solid #666;
background-color: #1a1a1a;
color:#bbb;

SCROLLBAR-FACE-COLOR: #1a1a1a; 
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
SCROLLBAR-HIGHLIGHT-COLOR: #1a1a1a; 
SCROLLBAR-SHADOW-COLOR: rgb(187,187,187); 
SCROLLBAR-3DLIGHT-COLOR: rgb(187,187,187); 
SCROLLBAR-ARROW-COLOR: rgb(187,187,187); 
PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #1a1a1a; 
SCROLLBAR-DARKSHADOW-COLOR: #1a1a1a; 
}
.tv-frame{
background-image:url(../images/tv-frame.gif);
background-repeat:no-repeat;
height: 370px;
width: 440px;
}
.homeBox{
background:url(../images/png/hanooni-box.png) no-repeat;
height: 490px;
width: 582px;
}
div.homeContents{
padding:4px;
overflow:auto;
height: 384px;
width: 546px;
}
div.sideCol{
float:right;
width: 280px;
display:inline;
}
table.calendarBox{
background:url(../images/png/calendar-box.png) no-repeat;
height: 119px;
width: 280px;
font-family: arial, sans-serif;
font-weight: bold;
}
table.calendarBox *{
color:#fff;
font-weight: bold;
}
table.calendarBox td.day{
font-size: 24px;
text-align: center;
}
table.calendarBox td.date{
font-size: 57px;
text-align: center;
}
table.calendarBox td.month{
font-size: 28px;
text-align: center;
}
table.calendarBox td.year{
font-size: 31px;
text-align: center;
}
table.calendarBox td.g-cal{
font-size: 12px;
text-align: right;
padding-right: 10px;       
}
div.sidebarAdv{
width:280px;
height:252px;
}
.advTitle{
font-size: x-small;
color: #fff;
	
}