#chatresp  {width:450px; background-color:#ffffff; border-color: #000000; text-align:left; padding:40px; font-size:12px; height:600px; overflow:scroll;}
#chatresp2  {width:150px; background-color:#ffffff; border-color: #000000; text-align:left; padding:0px; font-size:12px; height:100px; overflow:scroll;}

#fixedtop { position: fixed; top: 100px; left:80%; border: none; z-index: 50; width:200px; background-color: #CCCCCC} 

.class3 a {background:transparent; text-decoration: none; color: #ffffff}
.class3 A:hover {text-decoration: underline; color: #000000; }

.class4 a {background:transparent; text-decoration: none; color:#B94231}
.class4 A:hover {text-decoration: underline; color: #000000; }

.has_syno a {background:transparent; text-decoration: none; color:#F1D787}
.has_syno A:hover {text-decoration: underline; color: #ffffff; }

.msgtextlowerlinks {font-family:Arial, Helvetica, sans-serif; color:#3a3cc3; font-size:12px;}
.msgtextlinks a {background:transparent; text-decoration: none; color: #3a3cc3;}
.msgtextlinks A:hover {text-decoration: underline; color: #000000; }

.invite {height: auto; width: 300px; margin-left: 75px;}
.online2 {border: 1px solid #a13a13; background: #F0F0F0;}

.dropdown {border:solid thin; background-color: #ffffff; color:#a13a13; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 225px; font-weight:bold;}
.dropdowntext {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.dropdownbutton {color:#a13a13; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width: 125px;}
.dropdown {
   	border:solid thin;
	background-color: #ffffff;
	color:#a13a13; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 225px;
	font-weight:bold;
}
.dropdown2 {
	background-color: #cccccc;
	color:#a13a13; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.dropdownbutton {
	color:#a13a13; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width: 100px;
}
.profile {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff;
left: 55%;
top: 55%;
padding: 5px; 
width: 250px;
min-height: 50px;
z-index:100;
}
.profile2 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff;
padding: 5px; 
width: 250px;
min-height: 50px;
z-index:100;
}
.prof_text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
}
.p_profile {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff;
width: 250px;
padding: 5px;
min-height: 50px;
z-index:100;
}
.p_prof_text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
}
.sts {
  height: auto;
  width: 125px;
  font-family: "Times New Roman", Times, serif;
  padding-left: 2px;
  padding-right: 2px;
  overflow:hidden;
}
.status {
	position:absolute;
	visibility: hidden;
	border: 2px solid #a13a13;
	background-color: #ffffff;
	width: 250px;
	min-height: 50px;
	z-index:100;
	vertical-align: top;
} 
.button {background:transparent; text-decoration: none; border:none; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.button:hover {text-decoration: underline; color: #000000; cursor:pointer;}
.middletext {background:transparent; text-decoration: none; color: #BE0F0F}
.synoform {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 425px;
min-height: 50px;
z-index:100;
}
.synoform2 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 375px;
min-height: 50px;
z-index:100;
}
.privform2 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 250px;
min-height: 50px;
z-index:100;
}
.icons {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 200px;
z-index:100;
}
.pmb {
  height: auto;
  width: 500px;
  border: 1px solid #ffffff;
  font-family: "Courier New";
  background: #000000;
}
.pmb2 {
  height: auto;
  border:thin;
  width: 500px;
  font-family: "Times New Roman", Times, serif;
  padding-left: 2px;
  padding-right: 2px;
  background-color: #FFFFFF;
}
.status {
	position:absolute;
	visibility: hidden;
	border: 2px solid #a13a13;
	background-color: #ffffff;
	width: 250px;
	min-height: 50px;
	z-index:100;
	vertical-align: top;
}
.menu {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
text-align: left;
width: 475px;
min-height: 50px;
padding:10px;
z-index:100;
}
.form {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
text-align: left;
width: 450px;
min-height: 50px;
padding:10px;
z-index:100;
}
.cmt_form {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
text-align: left;
width: 515px;
min-height: 50px;
z-index:100;
}
.menu2 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
text-align: left;
width: 200px;
min-height: 50px;
z-index:100;
}
.form2 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
text-align: left;
width: 200px;
min-height: 25px;
z-index:100;
}
.form3 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
text-align: left;
width: 425px;
min-height: 50px;
padding:10px;
z-index:100;
}
.cmt_header {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;	
}
.cmts {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;		
}
.cmt_close {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	
}

.menu2 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 200px;
min-height: 25px;
z-index:100;
}
.menu3 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 425px;
min-height: 50px;
padding:10px;
z-index:100;
}
.menu4 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 425px;
min-height: 50px;
padding:10px;
z-index:100;
}
.menu5 {
position:absolute;
visibility: hidden;
border: 2px solid #a13a13; 
background-color: #ffffff; 
width: 200px;
min-height: 25px;
z-index:100;
}
	
.stry_box  {
padding-left: 20px;
padding-right: 20px;
}
.feed {
  height: auto;
  width: 515px;
  border: 1px solid #a13a13;
  background: #F0F0F0;
}
.sitemap {
  height: auto;
  padding: 10px;
  width: 550px;
  border: 1px solid #a13a13;
  background: #F0F0F0;
}
#cd {
/*width: 20px; height: 50px; */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
padding-right: 20px;
}



.thrColFixHdr #header {
	height: auto;
} 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px 10px 10px;
	margin: 15px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 150px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px 10px 10px;
	margin: 15px;
}
.thrColFixHdr #mainContent {
	margin: 0 200px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 600px;
	top: 30%;
	height: auto;
}
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#divleft {float: left;}
#msgdiv {float: right;}
.clear {clear: both;}




	/* CSS NEEDED ONLY IN THE DEMO */
	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding:10px;	/* Air */
	}
	
	.smallArticle,.bigArticle{
		float:left;
		border:1px solid #000;
		background-color: #DDD;
		padding:2px;
		margin-right:10px;
		margin-left:20px;
		margin-bottom:5px;
	}
	.smallArticle img,.bigArticle img{
		float:left;
		padding:5px;
	}
	.smallArticle .rightImage,.bigArticle .rightImage{
		float:right;
	}
	.smallArticle{
		width:274px;		
	}
	.bigArticle{
		width:530px;
	}
	.clear{
		clear:both;
	}
	
	/* END DEMO CSS */
	
	/* REQUIRED CSS */
	
	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color: #FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}		
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		border:1px solid #000;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */
	}
	
	/* END REQUIRED CSS */

.msgtextheader {
  font-family: "Courier New";
  font-weight: bold;
  color: #a13a13; 
  font-size:22px;
}
.msgtextsubheader {
  font-family: "Courier New";
  color: #000000; 
  font-size:18px;
}
.msgtext {
  font-family:Arial, Helvetica, sans-serif;
  color: #000000; 
  font-size:16px;
}
.msgdiv {
  height: 200px;
  width: 500px;
  overflow: auto;
}
.msgdiv_del {
  height: auto;
  width: 500px;
  overflow: auto;
}
.msgtextdate {
  font-family:Arial, Helvetica, sans-serif;
  color: #a13a13; 
  font-size:12px;
}
.press_txt  {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #000000;
}
.info  {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

.sp_but
{
font-size:10px; background-color: #fee399; border:1px solid; color:#a13a13; cursor: pointer;
}
.sp_but:hover
{
font-size:10px; background-color: #a13a13; border:1px solid; color:#fee399; cursor: pointer;
}
.spbutton {
border:3px solid #CCCC99;
background:#fee399;
padding: 3px;
cursor:pointer;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #a13a13;
-moz-border-radius: 10px 0 10px 0;
border-style:outset
}
.spbutton:hover {
border:3px solid #CCCC99;
background:#a13a13;
padding: 3px;
cursor:pointer;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #fee399;
-moz-border-radius: 10px 0 10px 0;
border-style:inset;
}

.sidebarhdr_txt_sml {color: #BDBDBD; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}