/* CSS Document */
#main{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;	
text-align:left; font-stretch:normal;
margin:0px; padding: 0px;}
input,  textarea, select{
border: 1px solid #999999;
margin-left:2px;
margin-right:2px;
padding-left:2px;}
textarea {font-family:Arial, Helvetica, sans-serif;}
.radio { border:0px;}
a:link,	a:visited,	a:active{
text-decoration:none;
color:blue;
cursor:pointer;}
a:hover{
text-decoration:underline;
cursor:pointer;}

#header {width: 100%;}
#main h1 {
font-size: 12px;
font-weight: bold;
text-align: center;
margin-bottom: 3px;}
	  
#profile_place{
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
#profile_reference{
font-size:11px;
text-align:right;
color:#666666;
font-weight:bold;
margin-bottom: 3px;}

.hadith_box{
border: 1px solid #CCCCCC; 
width: 90%; 
color:#666666; 
float: left;
margin-left: 5%;
margin-top: 20px;
padding: 5px;
font-family:verdana;
background-color:#D9E6F7;}
.about_app{
border: 1px solid #000; 
width: 90%; 
color:#666666; 
float: left;
margin-left: 5%;
margin-top: 30px;
padding: 5px;
background-color:#FFF;}
.about_app p {margin-top: 5px;}	  
.reference {
text-align:right;
border: 0px;
width: 100%;
font-weight:bold;  
color:#666666; 
float: right;
padding: 5px;}


#contact_us_form {
margin-top: 30px;
margin-left:5%; 
width: 90%;
float:left; 
border:1px solid #CCC; 
background-color: #D9E6F7;
padding-top:10px;
padding-bottom:10px;}
#contact_us_form label.text {
width:30%;
display:block; 
float:left;
text-align:center;
margin-top:5px;}
#contact_us_form input.text, 
#contact_us_form textarea.text , 
#contact_us_form input.button, 
#contact_us_form select {
width:50%; 
display:block; 
float:left; 
clear:right;
margin-top:5px;}
	
#contact_us_form fieldset{
width:50%; 
display:block; 
float:left; 
clear:right;
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;						
border:none; 
padding:0px;}
	

#contact_us_form input.button {
width:10%;
margin-bottom:5px;
text-align:center;
clear:none; }


.search_controls {
float:right;
width:90%;
margin-right:5%;
text-align:right;
margin-bottom:2px;
margin-top:10px;
border:0px;}



#top_error_container{
margin-top: 20px;
width: 90%;
margin-left: 5%;
float:left;
font-size: 10px;
clear:both;}

	
/*************************** Quran/Hadith Search CSS  ****************************/
#hadith_search_results,	
#quran_search_results {
margin-top: 0px;
margin-left:5%; 
width: 90%;
float:left; 
border:1px solid #CCC; 
background-color:#FFF;  
padding:0px;}

#hadith_search_results .search_item,
#hadith_search_results .search_item_last,
#quran_search_results .search_item, 
#quran_search_results .search_item_last{
clear: both;
border-bottom: #000 solid 1px;
margin: 5px;
padding-bottom:5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
width:  98%; }


#hadith_search_results .search_item_last,
#quran_search_results .search_item_last{
border-bottom: 0px; }


#hadith_search_results .search_item em,
#hadith_search_results .search_item_last em,
#quran_search_results .search_item em,	
#quran_search_results .search_item_last em{
font-weight:bold;
clear:both;}

#friends_without_app_installed{
border: solid 1px #666666;
border: 1px solid #000; 
width: 90%; 
color:#666666; 
float: left;
margin-left: 5%;
margin-top: 30px;
padding: 5px;
background-color:#FFF;}
#friends_without_app_installed p{
margin-top: 5px;
width: 100%;
clear:both;}

#friends_without_app_installed p span{
margin: 0px;
padding: 0px;
border: 0px;}
#friends_without_app_installed p span img{
display:block;
clear:right;}


.yui-g strong{
font-weight: bold;
color:#666666;}

.yui-g a:link,
.yui-g a:visited,
.yui-g a:hover{
font-size: 12px;
display:block;
clear:left;
text-decoration:none;}

.yui-g a:hover{
background-color:#F7F7F7;
cursor:pointer;
text-decoration: underline;}
.yui-g img:hover{ background-color:#F7F7F7; }

/*************************** Quiz ****************************/
#quiz_main{
width:100%;
padding:0px;
margin:0px;}

#quiz_report_container{
width: 90%; 
color:#666666; 
margin-left: 5%;
margin-top: 30px;	
float: left;}

#quiz_questions{
width: 90%; 
color:#666666; 
margin-left: 5%;
float: left;
margin-top: 30px;
padding:0px;
border: 1px solid #999999;}
#quiz_questions th{
background-color:#999999;
font-weight:bold;
text-align: center;
height:20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;}
#quiz_questions td{
padding-left: 5px;
height:20px;
vertical-align:middle; 
text-align: left;}
#quiz_questions td strong{ font-weight: bold;}
#quiz_report_control{
border: 1px solid #999; 
width:100%;
height: 25px;}

#quiz_report_control #navigation{
display:block;
float:left;
width:50%;
text-align:right;
clear:none;
padding-right:5px;
margin-top:5px;}
#quiz_report_control #controls
{
	display:block;
	float:left;
	width:48%;
	clear:none;
	padding-left:5px;
	margin-top:5px;	
}


#quiz_report
{
  	border: 1px solid #999999; 
	width: 100%; 
 	color:#666666; 
	margin-top: 0px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	border-top:0px;
}

#quiz_report th
{
	background-color:#999999;
	color:#000000;
	margin:0px;
	padding:0px;
	font-weight:bold;
	text-align:center;
	height:15px;
	vertical-align:middle;
}

#quiz_report td
{
	text-align:center;
	height:20px;
	background-color:#FFFFCC;
}
#quiz_report tr:hover
{
	background-color:#F7F7F7;
}





/*************************** FAQ ****************************/
#faq_page
{
	border: 1px #999999 solid;
	width: 90%; 
  	color:#666666; 
	margin-left: 5%;
	float: left; 
	margin-top: 30px;
	font-size:12px;
	padding:5px;
}
#faq_page strong
{
color:#000000;
font-weight:bold;
}
#faq_page h1
{
	font-size:16px;
	color:#666666;
}

#faq_page .question
{
	display:block;
	background-color:#F2F2FF;
	clear:both;
	font-weight:bold;
	padding:5px;
}
#faq_page .answer
{ 
	display:block;
	background-color:#FFFFFF;
	clear:both;
	padding:5px; 
}





.metrics
{
	clear:both;
	width: 90%; 
	margin-left:5%;
	float:left;
	font-size: 10px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.metrics tr.details_row
{	
	padding-left: 5px;
	font-size: 10px;
	border: 0px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCC;
	background-color:#F2F2FF;	
}
.metrics tr.details_row td
{
	text-align:left;
	padding-left: 5px;
	border:0px;
}

.metrics tr.details_row td strong
{
	font-weight: bold;
	font-size:11px;
}

.metrics tr.details_row table.metric_internal_table td,
.metrics tr.details_row table.metric_internal_table,
.metrics tr.details_row table.metric_internal_table tr
{
border: 0px;
}
.metrics tr.details_row table.metric_internal_table
{
border-top: 1px;
border-bottom: 1px;
}


.metrics th
{
	font-weight:bold; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	width: 15%;
	background-color:#E9E9E9;
	padding: 1px;
	border-bottom: 1px solid #999999;
}
.metrics td
{
text-align:center;
height: 15px;
vertical-align:middle;
}



/******************************************************* Tabs  *********************************************/
.tablib_extension_left_selected, .tablib_extension_left_unselected {
  height: 23px;
  width: 6px;
  float: left;
}
.tablib_extension_left_selected {
  background-image: url(http://opensocial-resources.googlecode.com/svn/samples/orkut_ui/img/tabsel_l.gif);
}
.tablib_extension_left_unselected {
  background-image: url(http://opensocial-resources.googlecode.com/svn/samples/orkut_ui/img/tabnotsel_l.gif);
}
.tablib_selected, .tablib_unselected {
  font-size: 12px;
  font-height: 23px;
  text-transform: lowercase;
  height: 23px;
  line-height: 23px;
  font-family: Verdana,Arial,sans-serif;
  font-weight: 700;
  margin: 0px;
  padding: 0px;
  padding-right: 6px;
  width: auto;
  border: 0px;
  border-bottom: 1px solid #86A1C4;
}
.tablib_selected {
  background: url(http://opensocial-resources.googlecode.com/svn/samples/orkut_ui/img/tabsel_r.gif) no-repeat center right;
  color: #FFFFFF;
}
.tablib_unselected {
  background: url(http://opensocial-resources.googlecode.com/svn/samples/orkut_ui/img/tabnotsel_r.gif) no-repeat center right;
  color: #02679C;
}
td.tablib_unselected:hover {
  color: #00344F;
  text-decoration: underline;
}
.tablib_spacerTab, .tablib_emptyTab {
  border-bottom: 1px solid #86A1C4;
}
.tablib_emptyTab {
  width: 50px;
}
/********************************************************************************************************/



/************************************************************* Video Section  *******************************************/
#videos_page
{	
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}



#video_left_main
{
	width: 70%;
	float: left;
}

#video_left_main form
{
 display: block;
 margin-left: 5%;
 margin-top: 0px;
 float:left;
 clear:both;
 width: 80%;
 padding-left: 5%;
 padding-right: 5%; 
 text-align: center;
}
#video_left_main form input
{
	margin: 0px;
	background-color:#FFF;
}

#video_left_main .quick_links
{
 display: block;
 margin-left: 5%; 
 margin-top: 10px;
 float:left;
 clear:both;
 width: 90%;
 padding-left: 0%;
 padding-right: 0%; 
 text-align: center; 
 font-size: 11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#video_left_main .video_results_pane
{
	width: 100%;
	border: 1px solid #CCC;
}


#video_right_main h1
{
	font-size: 12px;
	width: 100%;
	display: block;
	clear: both;
	background-color:#CCCCCC;
	color:#333333;
	height: 20px;
}

.left_video_cat,
.right_video_cat
{
	display: block;
	width: 48%;
	text-align: center;
	float:left;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;	
}

.right_video_cat
{
clear: right;
}
.left_video_cat
{
margin-left: 3px;
}



#video_right_main
{
	width:29%;
	float: left;
	clear: right;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;		
}

#video_play_area_controls
{
	text-align: center;
}
.yui-u first,
.yui-u
{
	padding-top: 5px;text-align:center; border: 1px #FFF solid;
}

.sn_greenbor{border: 0px;}