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


body
{
margin-top: 0px;
}

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


}

DIV#container {
width: 100%;
margin: 0px auto;
height: auto;
text-align: center;

}

DIV#header {
float: left; 
height: 60px; 
width: 100%; 
border-bottom: 1px solid #8690ab;
background: #FAFAFA;
/*background: url('../img/title7.jpg');*/
margin-bottom: 10px;
margin-top: 0px;
margin-right: 0px;
}

DIV#left {
float:left; 
width: 18%; 
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;
padding-right: 1px;
margin-top: 0px;
}

DIV#middle {
float:left; 
width: 60%; 
/* border: 1px dotted #8690ab; */
border-left: 0px;  
border-top: 0px;
border-bottom: 0px;
overflow: auto;
height: auto;
text-align: left;
padding-left: 5px;
}

DIV#right {
float:left; 
width: 20%; 
height: 240px; 
border: 0px solid #8690ab; 
border-left: 1px dotted #8690ab;  
overflow: auto;
height: auto;
padding-left: 3px;
}

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


DIV#copyrightnew
{
width: 100%; 
text-align: center; 
background: #4b546c; 
float: left; color: #ffffff; 
height: 60px; 
vertical-align: middle;
}

DIV#footernew{
width: 100%; 
margin-top: 10px; 
margin-bottom: 5px; 
text-align: center; 
height: 20px;
color: #ffffff;

}

DIV#footernew a {
color: #000000;
}



DIV#footernew a:link	{color:#ffffff;text-decoration:none;}
DIV#footernew a:active	{color:#ffffff;text-decoration:none;}
DIV#footernew a:visited	{color:#ffffff;text-decoration:none;}



DIV#copyright-top {
width: 100%; height: 16px; 
text-align: center; 
background: url(http://www.reallyannoyingshit.com/img/tornedgeeffect.jpg) repeat top left #4b546c; 
float: left; 
color: #ffffff; 
vertical-align: middle
}


DIV#copyright a {
color: #ffffff;
}


DIV#copy-left {
width: 49%; 
float: left; 
text-align: left; 
margin-bottom: 3px; 
padding-left: 5px;
color: #dfdfdf;
background: #4b546c; 
}

DIV#copy-right {
width: 50%; 
float: right; 
text-align: right; 
margin-bottom: 3px; 
padding-right: 5px;
padding-right: 0px !important;
color: #dfdfdf;
background: #4b546c; 
}









.btitle
{
color: #000000;
text-align: left;
/* background: url('../img/header5.jpg') repeat; */
margin-bottom: 0px;
padding-left: 3px;
overflow: hidden;

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

.blogbox
{

text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
color: #000000;
margin-top: 5px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: small;
width: 99%;
}


.blogend
{

text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
color: #000000;
margin-top: 5px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: small;
width: 99%;
margin-bottom: 60px;
border-bottom: 1px dotted #dfdfdf;
}

.blogfeet
{

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

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

}

/* 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: 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;
  

  }

/* 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 */

.meme
{
letter-spacing: 2pt;
color: #000000;
text-align: left;
float: left;
height: 50px;

width: 59%;
}

.boxtitle1
{
width: 20%;
text-align: right;
float: left;
font-size: x-small;
height: 50px;

}

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

}


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

}

.boxtitle4
{
width: 15%;
text-align: right;
float: left;
font-size: x-small;
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;}



.img-shadow {
  float:left;
  background: 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;


  } 


.listme
{

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

}


#ddcolortabs{
margin-left: 4px;
margin-top: 0px;
padding: 0;
width: 99%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#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: #8690ab 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: #8cb85c;
}

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

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

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 6px;
line-height: 6px;
background: #8690ab;
border-top: 0px solid #fff; /*Remove this to remove border between bar and tabs*/
margin-bottom: 2px;
}


#galler img
{
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

.formlabl
{
width: 160px;
}

.alert
{

color: red;
font-weight: bold;
}



.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-right: 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;
background: #f2f2f2;

}

.formbox br {
clear: left;
}

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;
}




.window {
  background-color: #8690ab;
  border-color: #f0f0f0 #606060 #404040 #d0d0d0;
  border-style: solid;
  border-width: 2px;
  margin: 0px;
  padding: 2px;
 /* position: absolute; */
  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
{

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-right: 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;
}

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

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; }

#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;
}

.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;
}

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 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;}

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

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

#tablethreecol
{
border-top:  1px solid #8690ab;
border-left:  1px solid #8690ab;
background: #dfdfdf;
width: 90%;
}

#tablethreecol th
{
text-align: left;
border-right: 1px solid #8690ab;
border-bottom: 1px solid #8690ab;
padding: 2px;
}

#tablethreecol td
{
border-right: 1px solid #8690ab;
border-bottom: 1px solid #8690ab;
padding: 2px;
width: auto;
vertical-align: top;
}