/* This CSS style sheet is coyrighted 2007 by Eriginal Ltd. All rights are reserved. 
*/

/* Main styling elements for text. Text is denoted in relative size so visitors can change through browser for accessibility.
*/

	body, p, td, li, div { 
	font-family: arial, verdana, helvetica, sans-serif; 
	color: #000080;
	font-size: small;
	}

	body{
	background: #ffffff url('../img/gz.jpg') top left repeat-x; /* #f2f2f2 */
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	/* background: #ffffff url('../img/birds.jpg') top left repeat-x; */
	}

/* The basic structure of the site is a header, three column content, and a footer. The div widths are liquid rather than fixed. 
*/

/* The container "contains" the overall structure except for the tabs window. If you change the width here also do so for the tabs menu.
*/

	DIV#container {
	width: 800px;
	border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 10px; */
	height: auto;
	text-align: center;
      /* background-color: #fafafa !important; */
	background-color: #ffffff; 
       background: #ffffff; 
	}

	DIV#header {
	float: left; 
	height: 96px; 
	width: 800px; 
	/*border-top: 2px solid #458a00;
	border-bottom: 8px solid #00458a;
	 background: #ffffff url('../img/cloud.jpg') top left no-repeat; */
	background: #4b6ea4 url('../img/z2.jpg') top left no-repeat;
	/* border-right: 2px solid #4b6ea4; */
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
  	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	}

	DIV#left {
	float:left; 
	width: 144px; 
	height: 240px; 
	border: 0px solid #8690ab; 
	overflow: auto;
	height: auto;
	font-family: arial, verdana, helvetica, sans-serif; 
	font-size: small;
	border-right: 1px dotted #C0C0C0;
	margin-right: 0px;
	margin-top: 0px;
	min-width: 125px;
	background-color: #ffffff; 
	padding-top: 10px;
	/* padding-left: 1%; */
	}

	DIV#middle {
	float:left; 
	width: 504px; 

	border-left: 0px;  
	border-top: 0px;
	overflow: none;
	height: auto;
	text-align: left;
	padding-left: 4px;
	background-color: #ffffff; 
       min-height: 500px;
	padding-top: 10px;
	}

	DIV#right {

	float:left; 
	width: 144px; 
	height: 240px; 
	border: 0px solid #8690ab; 
	border-left: 1px dotted #8690ab; 
	margin-left: 2px;
	overflow: none;
	height: auto;
	padding-left: 0px;
	min-width: 125px;
	background-color: #ffffff; 
	padding-top: 10px;
	}

	DIV#footer{
	float: left; 
	border-bottom: 1px solid #8690ab; 
	text-align: center; 
	height: 60px; 
	width: 99.3%; 
	border-top: 0px;
	}


/* A blog post is comprised of a number of sections: 

	1 btitle 	-	The blog title
	2 blogdate	-	The date and number of comments
	3 blogbox	-	The content of the blog
	4 blogfeet	-	The footer containing elements such as the blogger name
	5 blogbox	-	The div containing link such as the permalink, add a comment, furl, reddit etc.

*/
	
/* This is a class for the <h3> tag used for blog titles etc. 
*/

	.btitle
	{
	color: #000000;
	text-align: left;
	margin-bottom: 0px;
	padding-left: 3px;
	}


/* This is the class for the date section of a blog post 
*/


	.blogdate
	{
	text-align: left;
	font-style: italic;
	border-bottom: 1px solid #000000;
	color: #000000;
	font-size: small;
	float: left;
	width: 100%;
	padding-bottom: 3px;
	padding-top: 3px;
	}

/* This is the div class for the body of a blog post 
*/

	.blogbox
	{
	text-align: left;
	padding: 5px;
	color: #000080;
	margin-top: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: small;

	}


/* This is the footer for a blog post, it contains the blogger name and the meta tag or channel 
*/

	.blogfeet
	{
	text-align: left;
	padding: 5px;
	color: #000000;
	letter-spacing: 1pt;
	margin-top: 5px;
	font-family: verdana, helvetica, arial, monospace;
	font-size: x-small;
	}

/* This is the title tag for comments on blogs 
*/

	.ctitle
	{
	color: #000080;
	text-align: left;
	background: #C0C0C0;
	margin-bottom: 0px;
	padding-left: 5px;
	}


/* This CSS right aligns content. It is otherwise identical to blogbox
*/

	.rightbox
	{
	text-align: right;
	padding: 5px;
	color: #000080;
	margin-top: 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: small;
	}


/* This CSS takes away the harsh straight bottom right corner 
*/

	.minner
	{
	background: url('img/brcorner.gif') no-repeat bottom right; 
	position: relative;
	}

/* This section creates a drop shadow for images. Currently only used for the bloggers picture 
*/

	.img-shadow {
	float:left;
  	background: #fff url('../img/shadowAlpha.png') no-repeat bottom right !important;
  	margin-left:5px; margin-right:0; margin-top:10px; margin-bottom:0
  	}

	.img-shadow img {
 	display: block;
  	position: relative;
  	background-color: #fff;
  	border: 1px solid #a9a9a9;
  	margin: -6px 6px 6px -6px;
  	padding: 4px;
  	text-align: wrap;
  	}

/* This section controls the header. Its made up of three parts - meme, boxtitle1 and boxtitle2 
*/
/* Owing to the menu overlap in the blogger panel boxtitle3 and boxtitle4 were created with different widths 
*/

/* The meme class controls the left hand of the header where the blogger name is displayed 
*/

	.meme
	{
	letter-spacing: 2pt;

	color: #8B0000; /* #CB1324 */
	text-align: left;
	font-weight: bold;
	font-style: normal;
	float: left;
	height: 50px;
	width: 500px;
	font-family:  "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	}

	.meme h1
	{

	font-family:  "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	}
	
/* boxtitle1 contains the database search box 
*/


	.boxtitle1
	{
	width: 150px;
/* background: #4b6ea4; */
	text-align: right;
	float: left;
	font-size: x-small;
	align: right;
	height: 50px;
	}

/* boxtitle2 contains the user log in link. This won't be necessary if the blog is in single mode. The whole with of the page can be reduced to 80% 
*/


	.boxtitle2
	{
	width: 150px;
	text-align: right;

	float: left;
	font-size: x-small;
	align: right;
	height: 50px;
	padding-right: 0px;
	}


/* boxtitle 3 and boxtitle 4 are only used on the private logged in pages 
*/
/* boxtitle3 contains the admin menu					  
*/

	.boxtitle3
	{
	width: 30%;
	text-align: right;
	float: left;
	font-size: x-small;
	align: right;
	height: 50px;
	}

/* boxtitle4 contains the logout button and displays the logged in user name 
*/

	.boxtitle4
	{
	width: 10%;
	text-align: right;
	float: left;
	font-size: x-small;
	align: right;
	height: 50px;
	padding-right: 1px;
	}

/* End of Section for Header 
*/



	.super
	{
	vertical-align: super;
	font-size: xx-small;
	}


	A.ssmItems:link	{color:black;text-decoration:none;}
	A.ssmItems:hover	{color:black;text-decoration:none;}
	A.ssmItems:active	{color:black;text-decoration:none;}
	A.ssmItems:visited	{color:black;text-decoration:none;}



	.listme
	{
	line-height: 150%;
	color: #000080;
	font-size: 80%;
	text-align: left;
	}

/* ddcolortabs controls the display of the top tabbed menu 
*/

	#ddcolortabs{
	/* margin-left: 4px; */
	padding: 0;
	width: 90%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 5px;
	align: center;
	margin-left: 5%;
	margin-right: 5%;
	}

	#ddcolortabs ul{
	font: bold 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	}

	#ddcolortabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:uppercase;
	}


	#ddcolortabs a{
	float:left;
	color: white;
	background: #b5b5b5 url('../img/color_tabs_left.gif') no-repeat left top;
	text-decoration:none;
	letter-spacing: 1px; margin-left:0; margin-right:2px; margin-top:0; margin-bottom:0; padding-left:3px; padding-right:0; padding-top:0; padding-bottom:1px
	}

	#ddcolortabs a span{
	float:left;
	display:block;
	background: url('../img/color_tabs_right.gif') no-repeat right top;
	padding-left:6px; padding-right:9px; padding-top:4px; padding-bottom:2px
	}

	#ddcolortabs a span{
	float:none;
	}


	#ddcolortabs a:hover{
	background-color: #CB1324;
	}

	#ddcolortabs a:hover span{
	background-color: #CB1324;
	}

	#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
	background-color: #CB1324;
	}

	#ddcolortabsline{
	clear: both;
	padding: 0px;
	width: 90%;
	height: 5px;
	line-height: 0px;
	background: #b5b5b5;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
	margin-bottom: 0px;
	margin-left: 5%;
	margin-right: 5%;
	}


/* End of menu section 
*/



	.formlabl
	{
	width: 160px;
	}

	.alert
	{

	color: red;
	font-weight: bold;
	}


/* This provides the CSS for forms such as blog.php. It has been improved by formbox2 but is still in use on many form scripts.
*/

	.formbox
	{
	padding: 5px;
	color: #000080;
	letter-spacing: 1pt;
	margin-top: 5px;
	font-family: verdana, helvetica, arial, monospace;
	font-size: x-small;
	float: left;
	width: auto;
	}



	.formbox label{
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 4px;
	display: block;
	width: 100px;
	padding-right: 4px;
	visibility: visible;
	margin-rigth: 4px;
	}



	.formbox .submitbutton{
	margin-left: 125px;
	margin-top: 10px;
	width: auto;
	padding: 0px;
	cursor: pointer;
	border: 1px outset;
	float: left;
	}


	.formbox fieldset {
	border: 0px solid #8690ab;
	}

	.formbox input {
	border: 1px solid #C0C0C0;
	}

	.formbox br {
	clear: left;
	}


/* End of formbox section.
*/


	br
	{
	clear: left;
	}

	.mini
	{
	font-size: x-large;
	color: #000080;
	font-weight: normal;
	}

	form
	{
	margin-bottom: 0px;
	}

	.whitebox{
	width: auto;
	padding: 0px;
	cursor: pointer;
	border: 0px;
	background: #FFFFFF;
	text-decoration: underline;
	font-style: italic;
	color: red;
	text-align: left;
	}

	.hithere {
	text-decoration: underline;
	font-style: italic;
	color: red;
	}

	ul.piclist {
	list-style: none;
	padding-right: 6px;
	padding-bottom: 6px;
	display: block;
	list-style-position: outside;
	list-style-type: square;
	text-indent: 5px;
	}


/* This section was used to control layout of the therapy box used in reallyannoyingshit.com. It is not in use anywhere else
*/

/*

	.window {
	  background-color: #8690ab;
	  border-color: #f0f0f0 #606060 #404040 #d0d0d0;
	  border-style: solid;
	  border-width: 2px;
	  margin: 0px;
	  padding: 2px;
	  text-align: left;
	  visibility: hidden;
	  top: 50px;
	  height: 350px;
	}

	.titleBar {
	  background-color: #C0C0C0;
	  cursor: default;
	  color: #000000;
	  font-family: "MS Sans Serif", "Arial", "Helvetica", sans-serif;
	  font-size: 8pt;
	  font-weight: bold;
	  margin: 0px;
	  padding: 2px 2px 2px .5em;
	  text-align: right;
	  white-space: nowrap;
	}

	.titleBarText {
	  float: left;
	  overflow: hidden;
	  text-align: left;
	}

	.titleBarButtons {
	  border-style: none;
	  border-width: 0px;
	  vertical-align: middle;
	  width: 50px;
	  height: 14px;
	}

	.clientArea {
	  background-color: #FAFAFA;
	  border-color: #404040 #e0e0e0 #f0f0f0 #505050;
	  border-style: solid;
	  border-width: 2px;
	  color: #000000;
	  font-family: "Arial", "Helvetica", sans-serif;
	  font-size: 10pt;
	  margin: 2px 0px 0px 0px;
	  overflow: auto;
	  padding: .5em;
	  height: 350px;
	 }


	.therapybox
	{
	text-align: left; 
	width: 98%; 
	height: 290px; 
	background-color: #FAFAFA; 
	border: 0px solid #FAFAFA; 
	border-bottom: 1px dotted #000000;
	}

	.boxhide
	{
	visibility: hidden;
	}
	
*/



	.friday
	{
	margin: 0px;
	display: inline;
	}

	.friday input
	{
	border: 1px solid #8690ab;
	color: #8690ab;
	font-size: xx-small;
	}

/* Formbox2 is the CSS for new styling to forms, for example used for shareblog.php 
*/

	.formbox2
	{
	padding: 5px;
	color: #000080;
	letter-spacing: 1pt;
	margin-top: 5px;
	font-family: verdana, helvetica, arial, monospace;
	font-size: x-small;
	float: left;
	width: 60%;
	}



	.formbox2 label{
	float: left;
	width: 150px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 4px;
	display: block;
	padding-right: 4px;
	visibility: visible;
	margin-rigth: 4px;
	}

	.formbox2 legend {
	border: 1px solid #c0c0c0;
	font-family: verdana, helvetica, arial, monospace;
	font-size: small;
	width: 100px;
	background-color: #f2f2f2;
	padding: 3px;
	}


	.formbox2 .submitbutton{
	margin-left: 125px;
	margin-top: 10px;
	width: auto;
	padding: 0px;
	cursor: pointer;
	border: 1px outset;
	float: left;
	}


	.formbox2 fieldset {
	border: 1px solid #c0c0c0;
	margin-bottom: 6px;
	padding: 6px;
	}

	.formbox2 input {
	border: 1px solid #C0C0C0;
	width: 200px;
	}

	.formbox2 br {
	clear: left;
	}

/* End of formbox2 styling 
*/



/* This is the CSS for list items such as recent blog posts and archive in the left sidebar 
*/

	.fetch 
	{
	text-align: left;
	text-decoration: none;
	display-type: block;
	font-weight: normal;
	list-style-image: url('img/arrow_white.jpg');
	padding: 0px;
	margin-left: 20px;
	}


/* Links: This control the link display on all pages 
*/

	a { color: #8690ab; text-decoration: none; }
	a:link { color: #8690ab; text-decoration: none; }
	a:visited { color: #8690ab; text-decoration: none; }
	a:hover { color: red; text-decoration: none; background-color: #c0c0c0; font-weight: bold}
	a:active { color: #8690ab; text-decoration: none; }


/* This controls the display of error messages which fail client side javascript validation 
*/

	#errordiv {
	  border: 0px solid #ff0000;
	  background-color: #FAFAFA;
	  display: none;
	  width: 50%;
	  margin: 5px;
	  color: #ff0000;
	  font-weight: bold;
	}

	.required {
	  background-color: #FF0000;
	}

	.required:focus {
	  background-color: #FAFAFA;
	  border: 1px solid #f00;
	}

	.checkit {
	  background-color: #FAFAFA;
	}

/* End of error validation CSS */



/* This section controls the display of tags as a cloud structure. The emphasise of individual tags is accomplished inline through a script 
*/

	.tagsstyle
	{
	margin-left:2px !IMPORTANT;
	margin-right: 2px;
	text-align:justify;
	line-height:2em;
	text-transform: lowercase;
	}

	.tagsstyle li
	{
	display: inline;
	list-style-type: decimal;
	text-decoration: none;
	}

	.tagsstyle em 
	{
	font-style: normal; 
	font-size: 1.1em;
	}

/* end of tags section */


/* This section is used for alternative styling to the middle content section. It's not currently in use
*/

	DIV#middle2 {
	float:left; 
	width: 59%; 
	border: 1px solid #8690ab; 
	border-left: 0px;  
	border-right: 1px solid #8690ab;
	border-top: 0px;
	overflow: auto;
	height: auto;
	text-align: left;
	padding-left: 5px;
	margin: 0px;
	}



/*  formula provides the styling to the right hand greeting (currently used for "last blogs") in the main index page.
*/

	.formula
	{
	margin: 0 3%; background:#ffffff; 
	width: 45%;
	float: left;
	text-align: left;
	}


/* formulab provides the styling to the main greeting above the fold on index.php. It used rounded corners
*/

	.formulb
	{
	margin: 0 3%; background:#f2f2f2; 
	width: 45%;
	float: left;
	text-align: left;
	}

/* Provides the round corners to formulab. The first line controlling in the <p> tag in a isn't required in formulab
*/

	.formula p {padding-bottom: 3px; padding-left: 10px; background-color: #f2f2f2}
	b.rtop, b.rbottom {display:block; background: #fafafa;}
	b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #f2f2f2}
	b.r1 {margin: 0 5px;}
	b.r2 {margin: 0 3px;}
	b.r3 {margin: 0 2px;}
	b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px;}


/* This section added to allow for the excel simulator used on newitsystem.com where some of the articles have previouly bee published
*/

.more
{
color: #000080;
font-weight: normal;
}


.simulator
{

border-collapse: collapse;
margin-left: 10px;

}

.simulator caption
{
text-align: left;
font-weight: bold;
}

.simulator th
{
background: #ECE9D8;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
width: 28pt;
text-align: center;
}

.simulator td
{
background: #FFFFFF;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
color: #000000;
width: 58pt;
text-align: right;

}

/* section to control layout of financial tables
*/




.number
{
border-collapse: collapse;
background: #FAFAFA;
border-bottom: 1px solid #003399;
border-top: 1px solid #003399;
border-left: 0px;
border-right: 0px;
margin-left: 10px;
color: #000000;

}

.number caption
{
caption-side: left;
text-align: left;
font-weight: bold;
background: #99CCFF;
padding: 5px;
color: #000000;

}
.number.thead
{
}
.number.tbody
{
border: 0px;
}
.number.th
{
font-weight: bold;
color: #6699CC;
background: #FFFAFA;
height: 13.5pt;
}

.number.td
{
height: 13.5pt;
color: #000000;
text-align: right;
}

.number.total
{
font-weight: bold;
border-top: 1px solid #003399;
}




/*********************************************
 *                                           *
 *     Pagination Style                      *
 *                                           *
 *********************************************/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
margin-top: 30px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
/* color: #2e6ab1; */
color: #666699;
}

.pagination a:hover, .pagination a:active{
/* border: 1px solid #2b66a5; */
border: 1px solid #000000;
color: #ffffff;
/* background-color: #FFFF80; */
background-color: #000000;
}

.pagination a.currentpage{
/* background-color: #2e6ab1; */
 background-color: #cc0000;
color: #fff !important;
/* border-color: #2b66a5;*/
border-color: #000000;
font-weight: bold;
cursor: default;
padding: 0 5px;

}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
/* color: #929292; */
color: #666699;
border-color: #929292;
font-weight: normal !important;
margin-left: 5px;
border: 0px;
}

.pagination a.prevnext{
font-weight: bold;
border: 0px;
}


.pagination a.prevnext:hover{
border: 1px solid #000000;
}