/* 

	project: internet services - 2nd edition
	author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
*{ margin: 0; padding: 0; }* 
body { 
	font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff; 
	color: #444; 
}

a {	color: #DE0029;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

/*
h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #737373; background: inherit; }*/
.orange { color: #E0692A; }
.red {color:#DE0029;}
sup { font-size: .5em; }


h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h1, h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }

ul { list-style : none; }
hr { margin-bottom:10px; margin-top:10px; height:1px; border:none; border-bottom:1px dotted #cccccc;}

h4 {font-size:12px;}

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 980px;
	padding: 10px; 
}

.header { 
	height: 70px;
	background: #fff url(../images/headerbg.gif) repeat-x bottom;
	color: #808080;
	margin: 3px 0;
	padding: 10px 0 0 0;
}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.browse_category  {
	width: 200px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	background: #DE0029 url(../images/combinedimages.gif) 0px -75px repeat-x;
}

	.bar li { 
		padding: 6px 12px 6px 12px;
		color: #FFEADC;
		float: left; 
	}
	
	.bar li.active { 
		background: #E0691A url(../images/combinedimages.gif) 0px -105px repeat-x; 
		color: #fff;
		font-weight: bold; 		
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
		
	
/* search form */
.siteMap
{
	font-weight:bold;
	padding: 15px 12px 10px 10px;
}

.search_field { 
	/*background: #fff url(../images/searchbg.gif) no-repeat right; */
	background-color:#f8f8f8;
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 12px 10px 10px;
	margin: 5px 0;
	width:475px;
	float:right;
}
	input.search { 
		width: 292px; 
		border: 0;
		background: #FFF url(../images/input.gif) no-repeat;
		padding: 4px; 
		color: #DE0029;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.submit {
		background: #DE0029 url(../images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 65px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
	}
	.grey { color: #808080; background: inherit; font-weight: normal; }
	.search_form { float: right; }

/* left side
   --------- */

.left {
	float: left;
	width: 634px;
	margin: 0 0 10px 0;
}

.left h2, .left h1 {
	clear: both;
	/*background: #E8E8E8 url(../images/h2bg.gif) no-repeat center left;*/
	background: #DDD url(../images/combinedimages.gif) 0px -135px repeat-x; 
	color: #444;
	padding: 3px 0 4px 13px;
	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
	.left_side {
		float: left;
		width: 178px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 20px;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
	.left_side a:hover, .right_side a:hover { color:#DE0029; background: #FFF; }
		
	.right_side {
		float: right;
		width: 200px;
		background: #FFF url(../images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 70px;
		margin: 10px 70px 0;
	}
	.left_box { 
		margin: 0 0 10px 0; 
		color: #000; 
		background: #FFF; 
		padding: 3px 0; 
	}
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 340px;
	margin: 0 0 10px 0;
}
	.right h3 {
		/*background: #BDBDBD  url(../images/h3bg.gif) no-repeat center right;
		background: #DE0029 url(../images/menubg.gif) repeat-x;*/
		background: #DDD url(../images/combinedimages.gif) 0px -105px repeat-x; 
		color: #FFF;
		padding: 8px 0 8px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 3px 0;
	}
	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	.right_articles table .pos
	{
		font-weight:bold;
		width:30px;
	}
	
	.right_articles table th
	{
		text-align:left;
		border-bottom:solid 2px #cccccc;
	}
	
	.right_articles table .main
	{
		width:300px;
	}
	
	.right_articles td
	{
		border-bottom:dotted 1px #CCCCCC;
		padding:3px;
	}
	.notice {
		background: #eee;
		color: #808080;
		padding: 12px 8px;	
		margin: 0 0 3px 0;
	}
	.image {
		width:100px;
		float: left;
		margin: 0 9px 3px 0;
		border:0;
	}
	.imagemain {
		width:250px;
		float: left;
		margin: 0 9px 3px 0;
		border:0;
	}
	.imagesmall {
		float: left;
		margin: 0 9px 3px 0;
		width:60px;
		border:0;
	}

/* footer
   ------ */

.footer 
{
	text-align:center;
	clear:both;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}
	.footer a { color: #808080;}
	
	
	
/* Start of work added on By NS */

/* Most read article tabs */

.right_articles .rankingstabs a
{
	float:left;
	display:block;
	padding:5px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin-left:-1px;
	background-color:#f8f8f8;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}



.right_articles .rankingstabs a:hover
{
	background-color:#dddddd;
}

.right_articles #mostPopularForum,
.right_articles #mostPopularArticles
{
	border:1px solid #ddd;
	background-color:#f8f8f8;
	padding:10px;
}

.right_articles #mostPopularForum ol,
.right_articles #mostPopularArticles ol
{
	margin-left:15px;
}

.clear
{
	clear:both;
}

.breadcrumb
{
	float:left;
	padding:10px;
}

/*News Widget*/
.NewsWidget img
{
	float:left;
	margin:2px 7px 5px 2px;
}

.NewsWidget li
{
	border-bottom: dotted 1px #dddddd;
	list-style-type: none;
	padding:5px 2px 5px 2px;	
	height:80px;	
}

.NewsWidget .date
{
	width:100px;
}

.NewsWidget .alt
{
	background-color:#F8F8F8;
}

/*NS form layout*/
.form input 
{
	width:250px;	
	font-size:10px;
}

.form select
{
	width:250px;	
	font-size:10px;
}

.form .label
{
	color:#333;
	font-size:10px;
	width:200px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
}

.form .button
{
	width:75px;
	font-size:11px;
	background-color:#f8f8f8;
	color:#333;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid grey;
	border-bottom:1px solid grey;
	margin-left:210px;
}

.form .atbutton
{
	width:75px;
	font-size:11px;
	background-color:#f8f8f8;
	color:#333;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid grey;
	border-bottom:1px solid grey;
	margin-left:890px;
}

.form .validationSummary
{
	margin-left:210px;
	color:Red;
}

.form .checkbox input
{
	width:20px;
}

.form .checkbox input
{
	margin-left:210px;
	margin-bottom:20px;
}


/*NS form layout for right column*/
.formRight input 
{
	width:150px;	
	font-size:10px;
}

.formRight select
{
	width:250px;	
	font-size:10px;
}

.formRight .label
{
	color:#333;
	font-size:10px;
	width:100px;
	display:block;
	text-align:right;
	float:left;
	margin-right:10px;
}

.formRight .button
{
	width:75px;
	font-size:11px;
	background-color:#f8f8f8;
	color:#333;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-left:1px solid grey;
	border-bottom:1px solid grey;
	margin-left:110px;
}

.formRight .validationSummary
{
	margin-left:110px;
	color:Red;
}

.formRight .chk input
{
	width:20px;
}
.formRight .chk
{
	margin-left:110px;
}

/*Table content*/
.tblContent
{
	margin-left:30px;
}


.tblContent table
{
	Border: solid 1px #dddddd;
}

.tblContent td
{
	padding:5px;
}

.tblContent .header,
.tblContent .header a
{
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px;
}

.tblContent .alternate
{
	background-color:#dddddd;
}

.tblContent .gridviewheader
{
	background-color:#999999;
	height:40px;
}

.tblContent .gridviewheader a
{
	color:#FFFFFF;
	font-weight:bold;
	padding:8px;
	text-decoration:none;
}

.tblContent .gridviewheader a:hover
{
	text-decoration:underline;
}

/*right side nav*/
	
.rightSideNav a
{
	color:#6C757A;
	background-image:url(../images/IconGreyArrow.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	background-position:center left;
	height:20px;
	display:block;
}

.rightSideNav a:hover
{
	color:#DE0029;
}

.rightSideNav ul
{
	margin-left:30px;
}


/*Active topics home page*/
	
.ActiveTopics a
{
	color:#6C757A;
	/*background-image:url(../images/IconGreyArrow.gif);*/
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
	background-position:center left;
	display:block;
}

.ActiveTopics a:hover
{
	color:#DE0029;
}

.ActiveTopics ul
{
	margin-left:5px;
}

.ActiveTopics .left
{
	width:300px;
	float:left;
}

.ActiveTopics .right
{
	width:300px;
}

/*Article pages*/

.article h3
{
	font-size:18px;
	border-bottom: dashed 1px #dddddd;
	padding:10px;
	margin-bottom: 20px;
}

.article
{
	font-size:1.15em;
	padding: 0px 30px 10px 0px;
}

.article .img
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.article .date
{
	text-align:right;
	font-size:0.9em;	
	color:#999;
	font-style:italic;
}
	
/* Article Options Pages*/
.aoboxcontent
{
	width:525px;
	background-color:#f8f8f8;
	border: solid 1px #ddd;
	padding:30px;
}

.aobox a
{
	float:right;
	margin-right:20px;
}

.aobox h3
{
	border:none;
	font-size:14px;
	color:#666;
	margin-bottom:5px;
}

.messageresponse
{
	font-weight:bold;
	color:Green;
	margin-left:210px;
	width:250px;
}
	
/*Article Icons*/

.addComments a
{
	background-image:url(../images/icons/icon_add_comment.png);
	background-repeat:no-repeat;
	height:20px;
	vertical-align:middle;
	padding-left:20px;
	padding-right:10px;
	border-right:dotted 1px #333;
}
.emaf a
{
	background-image:url(../images/icons/icon-email-to-friend.png);
	background-repeat:no-repeat;
	height:20px;
	vertical-align:middle;
	padding-left:28px;
}

/* FF News homepage */
.ffNewsHome .right_articles
{
	background-color:Transparent;
}

.ffNewsHome .imagesmall
{
	width:60px;
	float:left;	
	border:1px solid #000;
}

.ffNewsHome a
{
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	color:#DE0029;
}

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

.ffNewsHome p
{
	border-bottom:1px dotted #cccccc;
	padding-bottom:5px;
	width:225px;
}

.ffNewsHome h3
{
	background:url(../images/combinedimages.gif) 0px 135px no-repeat;
	height:25px;
	color:#333333;
	font-size:14px;
	padding: 5px 0px 0px 10px;
	width:225px;
	
}

.ffNewsHome #lnkImage
{
	text-decoration:none;
}

.ffNewsHome .articleComments
{
	font-style:italic;
	background-image: url(../images/icons/icon_add_comment.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 17px;
	height:15px;
}

.article .acItem
{
	background-color:#f8f8f8;
	border-bottom: 1px solid #ccc;
	border-top:1px solid #999;
}

.article .acItem h4
{
	background-color:#ddd;
	padding:2px 0px 2px 5px;
}

.article .acDate
{
	color:#999;
	padding:5px 0px 5px 10px;
	font-style:italic;
}

.article .acComments
{
	padding:5px 0px 5px 10px;
}


/* Forum layout*/
.forum
{
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;	
	margin-left:5px;
	margin-right:5px;
	background-color:#f8f8f8;
}
.forum table
{
	margin:0px;
	width:100%;
}

.forum table .thead
{
	font-size:12px;
	font-weight:bold;
	background: #DDD url(../images/combinedimages.gif) 0px -105px repeat-x; 
	color: #FFF;
	padding: 6px 0 10px 5px;
	height:14px;
}

.forum .item
{
	border-bottom:5px solid #FFF;
	background-color:#eee;
	padding:5px;
}

.forum .altitem
{
	border-bottom:5px solid #FFF;
	background-color:#f8f8f8;
	padding:5px;
}

.forum a
{
	display:block;
}

.forum .replies a
{
	display:inline;
}

.forum .alt
{
	background-color:#eee;
}

.forum .readmore
{
    text-align:right;
}

.forum .replies
{
	padding:10px;
	font-size:1.1em;
}

.forum .replies .postHeader
{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.topicReply .form .button
{
	margin-left:557px;
}

.forum .gv
{
	border:none;
}

.forum .gv a
{
	display:inline;
	text-align:left;
	width:auto;
	padding-left:5px;
}

.forum .gv .header
{
	font-size:12px;
	font-weight:bold;
	background: #DDD url(../images/combinedimages.gif) 0px -105px repeat-x; 
	color: #FFF;
	padding: 6px 0 10px 5px;
	height:30px;
}
.forum .gv .header a
{
	text-decoration:none;
}

.forum .gv .header a:hover
{
	text-decoration:underline;
}
.forum .gv .item
{
	border-bottom:1px solid #FFF;
	background-color:#eee;
	padding:5px;
	height:30px;
}

.forum .gv .altitem
{
	border-bottom:1px solid #FFF;
	background-color:#f8f8f8;
	padding:5px;
	height:30px;
}

.forum .gv .label
{
	padding-left:5px;
}

.forum .MembersImg
{
	width:250px;
	float:left;
	border:1px solid #ccc;
	margin-right:20px;
	margin-bottom:10px;
}

.forum .memberDetails
{
	height:500px;
	padding:20px;
	font-size:1.2em;
}

.forum .memberDetails p .label
{
	width:125px;
	text-align:right;
	display:block;
	padding-right:10px;
	float:left;
	color:#999;
}

.forum .latestcommentshp
{
    font-size:0.8em;
    line-height: 1.3em;
}



.AddTopicBar
{
	height:22px;
	background-color:#f8f8f8;
	padding:5px 5px 5px 10px;
	text-align:right;
}

.AddTopicBar select
{
	width:200px;
	font-size:10px;
	border-right:1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background-color:#f8f8f8;
	color:#333;
	padding:2px;
}

.addTopic a
{
	display:inline;
}

/* Set up the image sprites for the facebook, RSS and twitter Icons*/

.lnkTwitter{background:url(../images/combinedimages.gif) 0px 0px no-repeat;float:left;margin-right:1px;}
.lnkTwitter a{display:block;width:15px;height:15px;}

.lnkRss{background:url(../images/combinedimages.gif) 0px -15px no-repeat;float:left;margin-right:1px;}
.lnkRss a{display:block;width:15px;height:15px;}

.lnkRss{background:url(../images/combinedimages.gif) 0px -15px no-repeat;float:left;margin-right:1px;}
.lnkRss a{display:block;width:15px;height:15px;}

.lnkFacebook{background:url(../images/combinedimages.gif) 0px -30px no-repeat;float:left;margin-right:1px;}
.lnkFacebook a{display:block;width:15px;height:15px;}

.lnkCss{background:url(../images/combinedimages.gif) 0px -45px no-repeat;margin-right:1px;}
.lnkCss a{width:16px;height:15px;text-decoration:none;}

.lnkXhtml{background:url(../images/combinedimages.gif) 0px -60px no-repeat;margin-right:1px;}
.lnkXhtml a{width:16px;height:15px;text-decoration:none;}

.lnkfooterRss{background:url(../images/combinedimages.gif) 0px -15px no-repeat;margin-right:1px;}
.lnkfooterRss a{width:15px;height:17px;text-decoration:none;}


/* Button effect*/
	.linkButton
	{float:left;}
	
	.linkButton a
		{
		background: #DE0029 url(../images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 65px;
		margin: 5px 2px 0px 1px;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
		text-align:center;
		text-decoration:none;
	}
	
	.clearBoth
	{
		clear:both;
	}
	
	.pager
	{
		display:inline;
		text-align:left;
		font-size:12px;
		font-weight:bold;
		text-align:left;
	}
	.pager a
	{
		padding-right:3px;
		margin:0px;
		text-align:left;
		display:inline;
	}
	
/* entry for standard pages */
.entry
{
	margin:10px;
}

/* Blog Styling for home page centre */

.bloghpright
{
    padding-left:10px;
    width:300px;
    padding-right:20px;
    border-right:dotted 1px #cccccc;
    float:left;
}
 
 .bloghpleft
 {
     float:left;
     width:250px;
     padding-left: 20px;
 }   
 
 .blogarticlelist
 {
     padding:10px;
 }
 .blogarticlelist li
 {
     border-bottom:dotted 1px #cccccc;
     padding: 3px 0px 10px 0px;
 }
 
 /* Social Bookmark options */
 
 .socialoptions
 {
     margin:10px;
     border:1px solid #dddddd;
     background-color:#f8f8f8;
 }
 
 .socialoptions ul
 {
          padding:10px;
 }
 
 .socialoptions li
 {
     display:inline;
     margin-right:50px;
 }
 
 .socialoptions li .twitter-share-button
 {
 }
 
 .socialoptions h4
 {
     border-bottom:1px solid #dddddd;
     padding:5px;
     color:#999999;
 }
 .socialoptions p
 {
     padding:10px;
     color:#999999;
 }