@charset "utf-8";
/* CSS Document */
/* http://www.ventio.se/tools/minify-css/ */

/* **************** start from portal ********************* */

/* General page style. The scroll bar colours only visible in IE5.5+ */

html, body { 

    height: 100%; 

} 



body {

	margin: 0;

	/*background-color: #DED8C8;

	background-color:#a49b82;*/

	background: #b4d1da url(images/bg1.png) repeat-x top center fixed;

	/* Ramadan

	background: #000 url(images/bg_ramadan.jpg) repeat-x top left fixed;*/

}



/* General font families for common tags */

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

a:link,a:active,a:visited { color : #646464; }

a:hover		{ text-decoration: underline; color : #DD6900; }

hr	{ height: 0px; border: solid #eff1f1 0px; border-top-width: 1px;}



/* This is the border line & background colour round the entire page */

.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }





/* This is the outline round the main forum tables */

/*.forumline	{ background-color: #FFFFFF; border: 1px #8B0202 solid; }*/

.forumline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

.forumline2	{ background-color: #FAFAFA; border: 1px #98AAB1 solid; }



/* Main table cell colours and backgrounds */

td.row1	{ background-color: #eff1f1; }

td.row2	{ background-color: #eff1f1; }

td.row3	{ background-color: #eff1f1; }



/*

  This is for the table cell above the Topics, Post & Last posts on the index.php page

  By default this is the fading out gradiated silver background.

  However, you could replace this with a bitmap specific for each forum

*/

td.rowpic {

		background-color: #FFFFFF;

		background-image: url(images/cellpic2.jpg);

		background-repeat: repeat-y;

}



/* Header cells - the blue and silver gradient backgrounds */

th	{

	color: #444; font-size: 11px; font-weight : bold; 

	background-color: #646464; height: 25px;

	background-image: url(images/cellpic3.gif);

	/*color: #F2F0E9*/

}



td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

			background-image: url(images/cellpic1.gif);

			background-color:#eff1f1; border: #FFFFFF; border-style: solid; height: 28px;

}



/*

  Setting additional nice inner borders for the main table cells.

  The names indicate which sides the border will be on.

  Don't worry if you don't understand this, just ignore it :-)

*/

td.cat,td.catHead,td.catBottom {

	height: 25px;

	border-width: 0px 0px 0px 0px;

}

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {

	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;

}

td.row3Right,td.spaceRow {

	background-color: #eff1f1; border: #FFFFFF; border-style: solid;

}



th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }

th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }

th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }

th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }

th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }

th.thTop	 { border-width: 1px 0px 0px 0px; }

th.thCornerL { border-width: 1px 0px 0px 1px; }

th.thCornerR { border-width: 1px 1px 0px 0px; }



/* The largest text used in the index page title and toptic title etc. */

.maintitle	{

	font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none; line-height : 120%; color : #000000;

	margin-top:50px;

}



/* General text */

.gen { font-size : 12px; }

.genmed { font-size : 11px; }

.gensmall { font-size : 10px; }

.gen,.genmed,.gensmall { color : #000000; }

a.gen,a.genmed,a.gensmall { color: #646464; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }



/* The register, login, search etc links at the top of the page */

.mainmenu		{ font-size : 11px; color : #000000 ; padding: 6px 6px 6px 6px;}

a.mainmenu,a.mainmenu:visited	{ text-decoration: none; color : #000 ;  padding: 6px 6px 6px 6px;}


/*a.mainmenu		{ text-decoration: none; color : #646464 ;  padding: 6px 6px 6px 6px;}*/

a.mainmenu:hover{ text-decoration: underline; color : white; padding: 6px 6px 6px 6px; background-color : #A40605; }



/* Forum category titles */

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #646464}

a.cattitle		{ text-decoration: none; color : #646464; }

a.cattitle:hover{ text-decoration: underline; }



/* Forum title: Text and link to the forums used in: index.php */

.forumlink		{ font-weight: bold; font-size: 12px; color : #646464; }

a.forumlink 	{ text-decoration: none; color : #646464; }

a.forumlink:hover{ text-decoration: underline; color : #DD6900; }



/* Forum title: Text and link to the forums used in: index.php */

.forumlinks		{ font-weight: bold; font-size: 11px; color : #646464; }

a.forumlinks 	{ text-decoration: none; color : #646464; }

a.forumlinks:hover{ text-decoration: underline; color : #DD6900; }



a.forumlinkmenu,a.forumlinkmenu:visited	{ text-decoration: none; color : #8B0202; font-weight: bold}

a.forumlinkmenu:hover,a.forumlinkmenu:active{ text-decoration: underline; color : #DD6900; font-weight: bold}



/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav			{ font-weight: bold; font-size: 11px; color : #000000;}

a.nav			{ text-decoration: none; color : #646464; }

a.nav:hover		{ text-decoration: underline; }



/* Used for Pagination */

.pageTD {font-size : 10px; padding:6px;}

.pagination {padding:2px 5px; margin:1px; background-color:#DED8C8; border:1px solid #bebaae; width:20px; height:15px}

.pagination_current{padding:2px 5px; margin:1px; border:1px solid #bebaae; width:20px; height:15px; background-color: #8B0202 ;color:#fa861c; font-weight:bold;}

a.pagination	{text-decoration: none; font-weight: bold; background-color:#DED8C8;}

a.pagination:hover{text-decoration: none; font-weight: bold; background-color:#8B0202 ;}



/* titles for the topics: could specify viewed link colour too */

.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #000000; }

a.topictitle:link   { text-decoration: none; color : #646464; }

a.topictitle:visited { text-decoration: none; color : #646464; }

a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }



/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name			{ font-size : 11px; color : #000000;}



/* Location, number of posts, post date etc */

.postdetails		{ font-size : 10px; color : #000000; }



/* The content of the posts (body of text) */

.postbody { font-size : 12px; line-height: 18px}

a.postlink:link	{ text-decoration: none; color : #646464 }

a.postlink:visited { text-decoration: none; color : #646464; }

a.postlink:hover { text-decoration: underline; color : #DD6900}



/* Quote & Code blocks */

.code { 

	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;

	background-color: #FAFAFA; border: #eff1f1; border-style: solid;

	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px

}



.quote {

	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;

	background-color: #FAFAFA; border: #eff1f1; border-style: solid;

	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px

}



/* Copyright and bottom info */

.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}

a.copyright		{ color: #444444; text-decoration: none;}

a.copyright:hover { color: #000000; text-decoration: underline;}



/* Form elements */

input,textarea, select {

	color : #000000;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	border-color : #000000;

}



/* The text input fields background colour */

input.post, textarea.post, select {

	background-color : #FFFFFF;

}



input { text-indent : 2px; }



/* The buttons used for bbCode styling in message post */

input.button {

	background-color : #eff1f1;

	color : #000000;

	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

}



/* The main submit button option */

input.mainoption {

	background-color : #FAFAFA;

	font-weight : bold;

}



/* None-bold submit button */

input.liteoption {

	background-color : #FAFAFA;

	font-weight : normal;

}



/* This is the line in the posting page which shows the rollover

  help line. This is actually a text box, but if set to be the same

  colour as the background no one will know ;)

*/

.helpline { background-color: #eff1f1; border-style: none; }

.help {cursor:help;}

.menupad {padding-left:15px;}



.commentBox{border-top:1px solid #8B0202;border-right:1px solid #8B0202;border-bottom:1px solid #8B0202;border-left:1px solid #ffffff;background-image:url(images/comnt_bg.jpg);background-repeat: repeat-x; background-position:bottom;}

.commentReport{/*border-top:1px solid #F2F0E9;*/ border-top:1px solid #ffffff;}

.commentForm{border-top:1px solid #98AAB1;border-right:1px solid #98AAB1;border-bottom:1px solid #98AAB1;border-left:1px solid #98AAB1;background-image:url(images/comnt_bg.jpg);background-repeat: repeat-x; background-position:bottom;}





.alKatib{font-family:AlKatib1;font-size:16px;}

.urduWeb{font-family:"Urdu Web";font-size:20px;font-weight:bold;}



/* Popular Searches */

a.popSearch1,a.popSearch1:visited{font-weight:bold;font-size:18;color:#009900;text-decoration: none;line-height: 90%;letter-spacing:2px;}

a.popSearch1:hover,a.popSearch1:visited{font-weight:bold;font-size:18;color:#009900;text-decoration: underline;line-height: 90%;letter-spacing:2px;}

a.popSearch2,a.popSearch2:visited{font-weight:bold;font-size:16;color:#0099FF;text-decoration: none;line-height: 90%;letter-spacing:2px;}

a.popSearch2:hover,a.popSearch2:active{font-weight:bold;font-size:16;color:#0099FF;text-decoration: underline;line-height: 90%;letter-spacing:2px;}

a.popSearch3,a.popSearch3:visited{font-weight:bold;font-size:12;color:#666600;text-decoration: none;line-height: 90%;letter-spacing:2px;}

a.popSearch3:hover,a.popSearch3:active{font-weight:bold;font-size:12;color:#666600;text-decoration: underline;line-height: 90%;letter-spacing:2px;}

a.popSearch4,a.popSearch4:visited{font-weight:bold;font-size:11;color:#9966CC;text-decoration: none;line-height: 90%;letter-spacing:2px;}

a.popSearch4:hover,a.popSearch4:active{font-weight:bold;font-size:11;color:#9966CC;text-decoration: underline;line-height: 90%;letter-spacing:2px;}



.tabON{

	border-top:1px solid #98AAB1;

	border-right:1px solid #98AAB1;

	border-bottom:0px solid #F2F0E9;

	border-left:1px solid #98AAB1;

	background-color:#FFF;

	background-image:url(http://www.desirecipes.com/images/tab_on.jpg);

	background-repeat:repeat-x;

	font-size:11px;

	padding:3px;

	cursor:pointer;

	text-align:center;

	font-weight:bold;

	color:#8B0202 ;

}

.tabOFF{

	border-top:1px solid #666666;

	border-right:1px solid #666666;

	border-bottom:1px solid #98AAB1;

	border-left:1px solid #666666;

	background-color:#BBBBBB;

	background-image:url(http://www.desirecipes.com/images/tab_off.jpg);

	background-repeat:repeat-x;

	font-size:11px;

	padding:3px;

	cursor:pointer;

	text-align:center;

	font-weight:bold;	

	color:#eee;

}

a.tabON:hover,a.tabON:active{color:#FF6600;}

a.tabOFF:hover,a.tabOFF:active{color:#FF6600;}



.tabBODY{border:1px solid #98AAB1;border-top:1px;background-color: #FFF; padding:6px 0px 0px 0px;}

.tabDEAD{border-bottom:1px solid #98AAB1;}

.catScroll{

	overflow:hidden;

	width:570px;

	height:120px;

	margin:2px 2px 2px 2px;

}

.tabCatItem{padding:2px 3px 5px 2px; font-size:10px;}



/* related items */

.rItem_TD{background-color:#fff;background-image:url(http://www.desirecipes.com/recipes/images/related_bg.jpg);

background-position:bottom; background-repeat:repeat-x;border-bottom:1px dotted #ccc; padding:6px;}



#MenuPanel{

	width:960px; 

	position:absolute; 

	display:none;

	height:0px;

	background-image:url(images/menubar/topmenupanel.png); 

	background-position:bottom; 

	background-repeat:no-repeat;

	z-index:1001;

	overflow:hidden;

}



#login_menu{

	background:url('images/login-menu.png') no-repeat center bottom; 

	text-align:center;

	width:600px;

	padding-top:0px;

}


/* **************** end from portal ********************* */

#content{margin:20px}
#options {
	display:inline;
	width:65px; 
	height:32px;
	/*float:right;
	clear:both;*/
	border:1px ridge #204d6d; 
	text-align:center;
	vertical-align:middle;
	margin-left:2px;
	color: #204d6d;
	font-weight:bold;
	background-color:#f60;
	background-image:url('images/srchbtnbg.png');
	background-repeat:repeat-x;	
	background-position:0% 50%;
	cursor:pointer;
	}
	
#options:hover{
	background-color:#204d6d;
	color:#d5eaf1;
	background-image:none;	
}
	
#results {
	width:500px;
	height:300px;
	border:1px solid #aaa;
	background-color:#eee;
	vertical-align:top;
	margin-top:2px;
	display:none;
	left: 18px;
	}
/*-------------------------------------*/	

#menu_1,#menu_2,#menu_3,#menu_4,#menu_5,#menu_6,#menu_7,#menu_8{cursor:pointer;}

#navBar{
	width:100%;
	position:fixed;
	/*clear:left;*/	
	bottom: 0px;
	left: 0px;
	padding:5px;
	background-color:#EEE;
	border:1px dotted gray;	
}

#objDiv{
	float:left;
	position:relative;
	left:50%;
	width:700px;
	}

#objDiv2{
	position:relative;
	right:50%;
	padding:1px 5px;
	/*background-color:#bbe;
	border:1px dotted red;*/
	}	
	
#mainDiv {
	width:500px; 
	height:40px;
	background-color:#204d6d;
	background-image:url(images/srchdivbg.png);
	background-repeat:repeat-x;	
	background-position:0% 50%;
	vertical-align:middle;
	border: 1px solid #204d6d;
	padding:10px 10px 0px 10px;

	}
	
#frm_search{
	margin:0px;
	float:left;
	}

#srchbox {
	width:400px; 
	height:25px; 
	border:1px solid #204d6d; 
	font-size:16px;
	vertical-align:middle;
	color:#222;
	background-color:#fff;
	background-image:url('images/search_icon.png');
	background-repeat:no-repeat;	
	background-position:0% 50%;
	padding:2px 2px 2px 25px;
	float:left;
	}	

#resultDiv{	
	width:502px; 
	position:absolute;
	margin-bottom:2px;
	padding:2px 2px 0px 2px;	
	background-color:#fff;
	border:2px solid #204d6d;
	/*bottom:-25px;
	left:10px;*/
	z-index:600;
	}

#umeantDiv{
	height:20px;
	background-color:#FFCC33;
	padding: 1px 2px;
	font-family:Verdana, Arial;
	font-size:12px;
	/*font-style:oblique;*/
	vertical-align:bottom;	
	text-align:left;
	}	
	
#umeantDiv a:link{color:#204d6d}
#umeantDiv a:visited{color:#204d6d}	
#umeantDiv a:hover{color:#f00}	
	
#recipesDiv{	
	height:300px; 	 
	background-color:#eee;
	vertical-align:top;	
	text-align:left;
	overflow:auto;
	overflow-x:hidden;	
	}
	
#statsDiv{	
	height:16px;
	background-color:#FFCC33;
	color:#204d6d;
	text-align:right;
	padding: 1px 3px;
	font-family:Verdana, Arial;
	font-size:10px;
	vertical-align:bottom;
	}		
	
.item{border-bottom:1px dotted #bbb;margin:0px 2px;width:100%;cursor:pointer;}
.item:after,.itemover:after { content: ""; display: block; height: 0; clear: both;}

/*
.item_frame{border:1px solid transparent; background-color:transparent;}
.item_frame:hover{border:1px solid maroon;background-color:#FFC;}
*/

.itemover{border-bottom:1px dotted #204d6d;margin:0px 2px;width:100%;background-color:#dfd;cursor:pointer;}	

.itempic{width:172px;margin:1px;float:left;text-align:center;}
.itemimg{width:150px; border:2px solid #fff;}

.itemimg:hover{ border:2px solid #FF9;}
/*.itemimg:hover{width:100px; border:1px solid #f60;}*/
.itemrating{text-align:center; padding:0px 0px 4px 0px;}

.itemdet{padding:10px 6px 2px 2px;}
.itemtitle{font-family:georgia; font-size:18px; color:#204d6d;font-weight:bold; margin-bottom:6px;}

a.itemtitle:link,a.itemtitle:visited{text-decoration:none;color:#204d6d;}
a.itemtitle:hover,a.itemtitle:active{text-decoration:underline;color:#204d6d;}

.q{color:#ff6600;}
.itemtxt{font-family:arial; font-size:12px; color:#222;}
.itemstats{font-family:arial; font-size:12px; color:#888; margin-top:10px;}
.itemstats img{vertical-align:middle; margin-right:2px;}

.itemPicture{
	width:150px;
	padding:3px;
	margin:5px;
	border:1px solid #ddd;
	background-color:#eee;	
	-moz-box-shadow:0 0 8px #999;
	-webkit-box-shadow:0 0 8px #999;
	box-shadow:0 0 8px #999;
}
.itemPicture:hover{
	border:1px solid #bbb;
	background-color:#fff;
	-moz-box-shadow:0 0 10px #666;
	-webkit-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
}

.picFrame1{background-image:url(images/picFrame_01.png);width:10px;height:10px;}
.picFrame2{background-image:url(images/picFrame_02.png);width:10px;height:10px;}
.picFrame3{background-image:url(images/picFrame_03.png);width:10px;height:10px;}
.picFrame4{background-image:url(images/picFrame_04.png);width:10px;}
.picFrame5{width:100px;}
.picFrame6{background-image:url(images/picFrame_06.png);width:10px;}
.picFrame7{background-image:url(images/picFrame_07.png);width:10px;height:10px;}
.picFrame8{background-image:url(images/picFrame_08.png);width:10px;height:10px;}
.picFrame9{background-image:url(images/picFrame_09.png);width:10px;height:10px;}

.rndCorner1_1{background-image:url(images/rndcrner1_01.png);width:12px;height:30px;}
.rndCorner1_2{background-image:url(images/rndcrner1_02.png);height:12px;vertical-align:top;padding-top:7px;
			font-family:Verdana;font-weight:bold;font-size:11px;color:#ece7da;text-align:center;}
.rndCorner1_3{background-image:url(images/rndcrner1_03.png);width:12px;height:30px;}
.rndCorner1_4{background-image:url(images/rndcrner1_04.png);width:12px;}
.rndCorner1_5{background-color:#ece7da;width:100%;}
.rndCorner1_6{background-image:url(images/rndcrner1_06.png);width:12px;}
.rndCorner1_7{background-image:url(images/rndcrner1_07.png);width:12px;height:13px;}
.rndCorner1_8{background-image:url(images/rndcrner1_08.png);height:13px;}
.rndCorner1_9{background-image:url(images/rndcrner1_09.png);width:12px;height:13px;}

.rndCorner2_1{background-image:url(images/rndcrner2_01.png);width:12px;height:30px;}
.rndCorner2_2{background-image:url(images/rndcrner2_02.png);height:12px;vertical-align:top;padding-top:7px;
			font-family:Verdana;font-weight:bold;font-size:11px;color:#444;text-align:center;}
.rndCorner2_3{background-image:url(images/rndcrner2_03.png);width:12px;height:30px;}
.rndCorner2_4{background-image:url(images/rndcrner2_04.png);width:12px;}
.rndCorner2_5{background-color:#fff;width:100%;}
.rndCorner2_6{background-image:url(images/rndcrner2_06.png);width:12px;}
.rndCorner2_7{background-image:url(images/rndcrner2_07.png);width:12px;height:13px;}
.rndCorner2_8{background-image:url(images/rndcrner2_08.png);height:13px;}
.rndCorner2_9{background-image:url(images/rndcrner2_09.png);width:12px;height:13px;}



/******************* FN Tabs *******************/


#FNTabs ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
#FNTabs ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 19px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 19px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
#FNTabs ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-family:verdana;
}
#FNTabs ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

#FNTabs .FNtab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
#FNTabs .tab_content {
	padding: 4px;
	font-size: 1.2em;
}

/* ******** navigator ******** */

#navItemTypesDiv,#navCatsDiv,#navItemsDiv{
	font-size: 9px;
	float: left;
	font-family:verdana;
	margin: 0px 10px; 0px 1px;
	color:#888;
	}
	
#navItemTypes{
	width:80px;
	}

#navCats{
	width:150px;
	}

#navItems{
	width:300px;
	}

/* ************ each item ************ */
.eItem_TD{border-bottom:1px solid #D8CDA9; background:url('images/related_bg.jpg') repeat-x bottom;}
.eItem_TDup{background:url('images/related_bg2.jpg') repeat-x top;}
.eItem_thumbnail{padding:3px;}
.eItem_title{border-bottom:1px dotted #CCCC99; margin-bottom:2px; /*background-color:#F2F0E9;*/ padding:5px;}
.eItem_category{padding:6px 0px 0px 12px;;text-align:left;}
.eItem_descr{padding:6px 12px 6px 12px;}
.eItem_poster{text-align:right;padding:4px 4px 0px 4px;color:#989283;}
.eItem_seperator{/*background-color:#F2F0E9;*/ border-bottom:1px solid #D8CDA9;height:10px;}

.eItemSocial{border-bottom:1px dotted #204d6d;border-top:1px dotted silver;}

/* ***************** connection sprite ****************** */

.conn_sprite{background-image:url('../../images/connections_sprite.png');
	width:20px;
	height:20px; 
	margin:-3px 4px 2px 4px; 
	background-repeat:no-repeat;
	float:left;
	clear:both;
	}	
#conn_delicious{background-position: 0px 0px;}
#conn_digg{background-position: -20px 0px;}
#conn_facebook{background-position: -40px 0px;}
#conn_gplus{background-position: -60px 0px;}
#conn_mixx{background-position: -80px 0px;}
#conn_myspace{background-position: -100px 0px;}
#conn_rss{background-position: -120px 0px;}
#conn_supon{background-position: -140px 0px;}
#conn_twitter{background-position: -160px 0px;}
#conn_ybuzz{background-position: -180px 0px;}
#conn_utube{background-position: -200px 0px;}
#connUL{float: left; width: 500px; margin-left: 0; padding-left: 0;  list-style: none; text-align:left;}
#connUL li{float: left; width: 160px; margin: 3px 0px; padding:2px;}

/* ***************** ratings sprite ****************** */

.ratings_sprite{background-image:url('../../images/ratings_sprite.png');
	width:86px;
	height:16px; 
	/*margin:-3px 4px 2px 4px; */
	background-repeat:no-repeat;
	float:right;
	clear:both;
	}	
.ratings_0{background-position: 0px 0px;}
.ratings_0_5{background-position: 0px -16px;}
.ratings_1{background-position: 0px -32px;}
.ratings_1_5{background-position: 0px -48px;}
.ratings_2{background-position: 0px -64px;}
.ratings_2_5{background-position: 0px -80px;}
.ratings_3{background-position: 0px -96px;}
.ratings_3_5{background-position: 0px -112px;}
.ratings_4{background-position: 0px -128px;}
.ratings_4_5{background-position: 0px -144px;}
.ratings_5{background-position: 0px -160px;}

/* ***************** buttons sprite ****************** */

.buttons_sprite{background-image:url('../../images/buttons_sprite.png');
	width: 16px;
	height: 16px; 
	/*margin:-3px 4px 2px 4px;*/
	float:left;
	background-repeat:no-repeat;
	}	
.button_vote{background-position: 0px 0px;}
.button_view{background-position: -16px 0px;}
.button_rate{background-position: -32px 0px;}
.button_comment{background-position: -48px 0px;}
.button_new{background-position: -64px 0px;}
.button_fav{background-position: -80px 0px;}
.button_link{background-position: -96px 0px;}
.button_email{background-position: -112px 0px;}
.button_print{background-position: -128px 0px;}
.button_fav2{background-position: -144px 0px;}


/* ************ Star Rating ************ */

#item_rating{
	width:150px;
	padding:0px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:123px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}

.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}


/* medium star */
.medium-star{
	width:150px;
	height:30px;
}
.medium-star,
.medium-star a:hover,
.medium-star a:active,
.medium-star a:focus,
.medium-star .current-rating{
	/*background-image: url(images/star_medium.gif);*/
	background-image: url(images/star_medium.png);	
	line-height: 30px;
	height:30px;
}


#rateMsg{
	background-color:#ffc;
	width:150px;
	color:#666;
	font-size:11px;
	font-family:Verdana, Arial;
	vertical-align:middle;
	text-align:center;
	padding:6px;
	border:1px dotted maroon;
	position:absolute;
	display:none;
}


/* Star Rating */	



/* ************ round corners ************/
.box1 {
	background-color: #f0f0f0;
	width: 533px;
	height: 50px;
	margin: 0 auto 15px auto;
	padding: 30px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}

/* *********** floating ******* */

#floating-tab {
		position:fixed;
		top:100px;
		right:0px;
		border-width:0px;
		width:60px;
		z-index:100;
}


/***************************************** */

/* ***************************** menu *************************** */

#MenuPanelBody{width:960px; height:240px; padding:15px 5px 0px 5px;}
.catUL{float: left; width: 420px; margin-left: 0; padding-left: 0;  list-style: none; text-align:left;}
.catLI{float: left; width: 1350px; margin: 0; padding:4px 2px 4px 0px;}
.forumUL{float: left; width: 960px; margin-left: 0; padding-left: 0;  list-style: none; text-align:left;}
.forumLI{float: left; width: 312px; margin: 0; padding:4px 2px 4px 0px;}

.linksUL{float: left; width: 300px; margin-left: 0; padding-left: 0;  list-style: none; text-align:left;}
.linksLI{float: left; width: 135px; margin: 0; padding:2px;}

.topUL{margin-left: 0; padding-left: 0; width:110px;  list-style: none; text-align:left;}
.topLI{padding:4px 2px 4px 0px;font-weight:bold;}
.topIcon{width:16px; height:16px; margin:0px 4px; border-width:0px; vertical-align:middle;}
.catBullet{color:#A40605;}
.menubody_title{font-weight:bold; padding:4px; font-family:Georgia; font-size:16px; color:#99CC66;}
.mnuRate {text-align:left; padding:1px 6px;margin-top:1px;width:100%;}
.mnuStats{text-align:center; padding:5px 6px;margin-top:10px;width:200px;}
.mnuStatsItem{text-align:left;float:left;width:35px;padding:2px 4px;}

#menu{	
	float:left;
   	width:100%;
   	position:relative;   
}	
#menu ul{
	clear:left;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
	text-align:center;   
}
#menu ul li{
	display:block;
	float:left;
	left:50%;
	position:relative;
	list-style:none;
}	
#menu a{
	display:block;
	border:1px solid #204d6d;
	background-color:#78acca;
	padding:9px 28px;
	margin:2px;
	color:#204d6d;
	text-align:center;
	text-decoration:none;
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	
	border-radius: 50px 10px 50px 10px;
	-moz-border-radius: 50px 10px 50px 10px;
	-webkit-border-radius: 50px 10px 50px 10px;	
	
	background: -moz-linear-gradient(top, #d5eaf1 0%, #5c8eab 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#d5eaf1), to(#5c8eab));
	background: -ms-linear-gradient(top, #d5eaf1 0%, #5c8eab 100%);
	background: -o-gradient(#d5eaf1 , #5c8eab);
	
	-moz-box-shadow: 2px 2px 5px #222;
	-webkit-box-shadow: 2px 2px 5px #222;
	box-shadow: 2px 2px 5px #222;
}
#menu a:hover{
	background-color:#204d6d;
	color:#b4d1da;	
	background: -moz-linear-gradient(top, #3388cc 0%, #204d6d 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#3388cc), to(#204d6d));
	background: -ms-linear-gradient(top, #3388cc 0%, #204d6d 100%);
	background: -o-gradient(#3388cc , #204d6d);
}	

/* ***************************** connections *************************** */

#floating_conn{
	position:fixed;
	background: #fff;
	border: solid 2px #000;
	border-right-width:0;
	width:70px;
	z-index:100;
	top:20%;
	margin: 0 0 0 -64px;
	padding:6px 0;
	font-size:12px;
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
}
#floating_conn .conn{
	text-align:center;
	padding:5px;
	clear:both;
}
#floating_conn .conn iframe{
	border: 0 !important;
}	

/* ***************************** other items *************************** */

#otherItems{width:120px; float:right;font-family: Arial;font-size: 12px;}
#otherItems ul{list-style:none;margin:0;padding:0;}
#otherItems li{text-align:left;}
#otherItems li ul{list-style:none;margin:0;padding:0;}
#otherItems li ul li{width:110px;padding-left:0px;}

#otherItems a{
	display: block;
	color: #036;
	background-color: #fff;
	width: 120px;
	padding: 3px;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
	font-weight: bold;
}
#otherItems a:hover{
	background-color: #69C;
	color: #FFF;
}

#otherItems li li a{
	display: block;
	color: #369;
	background-color: #fff;
	width: 112px;
	padding: 3px 0px 3px 15px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

/* ***************************** articles *************************** */
.article_img{padding: 0 6px 6px 0; float:left;}


/* ***************************** lightbox *************************** */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #990000;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}	

.roundedbox-brown {
	width:100%; 
	/*position:relative;*/
	margin-bottom:10px;
	border:1px solid #204d6d;
	background:#ece7da url(images/rndcrner1_02.png) repeat-x top center;
	background-position: 0px -3px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
}
.roundedbox-brown .boxheading{
	height:12px;
	vertical-align:top;
	padding-top:4px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#ece7da;
	text-align:center;
}
.roundedbox-brown .boxbody{
	padding:6px;
	overflow:auto;
}

.roundedbox-white {
	width:100%; 
	position:relative;
	margin-bottom:10px;	
	border:1px solid #999;
	background:#fff url(images/rndcrner2_02.png) repeat-x top center;
	background-position: 0px -3px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
}
.roundedbox-white .boxheading{
	height:12px;
	vertical-align:top;
	padding-top:4px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#666;
	text-align:center;
}
.roundedbox-white .boxbody{
	padding:6px;
	overflow:auto;
}


/**** ************************************ *****/