/* General Elements 

colLight: #00ADEF :#00ADEF
colMid: #0067B4 : #0067B4
colDark: #265270 :#265270
colHigh: #FFF34C :#FFF34C


*/

HTML,BODY { background:url(../images/PageBackground.png) top center; margin-left: auto ;  margin-right: auto ; font-size:100%; ine-height:1em; color:#4F4F4F; font-family:Verdana, Geneva, sans-serif;   }

body { 
	margin: 0px;
	padding: 0px;
	text-rendering: optimizeLegibility;		
}


  img { border: none; }
  ul { margin: 8px 0 8px 30px; padding: 0; }
  ol { margin: 8px 0 8px 30px; padding: 0; }
  li {font-size:0.875em; line-height:1.5em;}
  
  TEXTAREA,INPUT  {  font-family:Verdana, Geneva, sans-serif; font-size:0.875em; color:#707066; margin:1px; padding:3px;}
  SELECT { font-size:0.875em; color:#707066;; margin:1px; padding:1px; }
  INPUT:focus,SELECT:focus ,TEXTAREA:focus { background:#E0F0FF;}
  
  
  h1 { font-size: 1.75em; font-weight: bold; color:#265270; line-height:1.5em; margin:0 0 5px 0 /*padding:0 0 20px 0;*/}
  h2 { font-size: 1.5em; font-weight: bold;  color:#0067B4; line-height:1em;  margin:0 0 5px 0}
  h3 { font-size: 1.25em; font-weight: bold; line-height:1em; margin:0 0 5px 0}
  p  {font-size:0.875em; line-height:1.5em; padding:0px; margin:5px 0 5px 0px}
  hr {border-top : 1px dashed #788;}

/* CUFON FONT */

  a.Nav:link,a.Nav:visited    {color:#265270; font-size:24px; font-weight:bold; margin:10px 0 10px 0; display:block;   /* border:1px solid #333333; font-weight:600; margin:0 13px 0 13px*/}
  a.Nav:hover     { color:#00ADEF; text-decoration: none} 
  
  h5 { font-size: 1.875em; padding:0px; line-height:1em;  color:#265270;  margin:0 0 0 0}
  

/* ID elements */

  
  #DIVTree{ background:url(../images/BigBlue.jpg) repeat-x top center; margin-left: auto ;  margin-right: auto ;   }
  #DIVtop {}
  #DIVContent{width:1020px; margin-left: auto ;  margin-right: auto ;  height:100%; }
  
  #theNAV TR TD  { padding:0 5px 0 5px}
  #DivPanelFoot {/*{background:url(../images/Panelfoot.png) no-repeat;*/ height:60px; display:none}
  #DivPanelFootIndex {background:url(../images/Panelfoot.png) no-repeat; height:30px;}
  
  #DIVCopyAll { /*border:1px solid #333333;  */background:url(../images/CopyMid.png) repeat-x #FFF;  width:980px;  margin:10px 0 0 20px; /*border: solid #265270;*/  /*border-width: 0px 2px 0px 2px */   }
  #DIVMargin {width:300px; float:right; margin:58px 0 0 0 ; background:url(../images/marginBack.png) repeat-y; border: solid #265270; border-width: 2px 0px 2px 0px   }
  #DIVCopy {width:670px;  float:left; margin:3px 0 0 0;  /*margin:15px 0 0 5px; border:1px solid #000;*/  /*border: solid #265270; border-width: 0px 0px 0px 2px*/ }
  #DIVCopyInner {padding:20px 12px 0 12px; margin-bottom:200px }

/* Class elements */

  .h5SM { font-size:20px; margin:10px 0 10px 0 }
  .copy { padding:10px 10px 10px 10px;}
  .txtdate { color:#999999;  }
  .CatTitle { color:#999999;  font-size:11px }
  
  .TableA { font-size:0.75em; line-height:1.125em; }
  .space {height:10px}
  .fit IMG {width:100%;}
  
  .CellLine {border:dashed #999999; border-width: 0px 0px 1px 0px}
  .CellBread {padding:5px 0 2px 30px; font-size:0.75em; }
  .SomeRow {cursor: pointer; }
  .SearchRow {border-color:#666666; border-style: solid; border-width: 0px 0px 1px 0px; cursor:pointer; color:#999999; font-size:10px}
  .someGridOut {border-color:#999999; border-style: solid; border-width: 1px 1px 0px 0px}
  .someGridIn {border-color:#999999; border-style: solid; border-width: 0px 0px 1px 1px}
  .FindMore {cursor:pointer;  margin:10px 0 20px 0; border:1px solid #CCCCCC; padding:5px; background-color:#FFFFCC; font-size:12px; font-weight: bold} 
 
  .grey { color:#999999}
  
  .BodyCopy h1 { font-size: 1.25em; font-weight: bold; color:#265270; line-height:1.5em; margin:15px 0 10px 0 /*padding:0 0 20px 0;*/} 
  .BodyCopy h2 { font-size: 1.25em; font-weight: bold; color:#265270; line-height:1.5em; margin:15px 0 10px 0 /*padding:0 0 20px 0;*/} 
  

/* Looper styles */

  .loopSign {clear:right;  font-size:0.75em; color:#999999; /*font-variant:small-caps; width:300px; background-color:#CCCCCC*/ }
  .VideoList {width:190px; font-size:10px; line-height:12px; border-color:#CCCCCC;  border-style: solid; border-width: 1px 0px 0px 0px; padding:5px 0 0 0 }
  .ForumLoop {font-size:0.75em; width:300px; height:17px; padding:2px; color:#666666; float:right; text-align:right; clear:both}


/* LINKS */

	a, a:link, a:visited {font-size:1em; color: #265270; text-decoration: none; outline:none; }
	a:hover { color: #0067B4; text-decoration: none; outline:none; }
	
	a.LinkFooter:link,a.LinkFooter:visited    {font-size:1em; color:#FFFFFF; font-weight:600;}
	a.LinkFooter:hover     { color:#FFF34C; text-decoration: none}
	
	a.LinkBread:link,a.LinkBread:visited    {color:#265270; font-weight:600;}
	a.LinkBread:hover     {color: #00ADEF; text-decoration: none}
	
	a.linkH2:link,a.linkH2:visited    {font-size:1.25em;  font-weight: bold; line-height:1.25em; color:#265270; padding:10px 0 10px 0}
	a.linkH2:hover     {color: #00ADEF; text-decoration: none}
	
	a.LinkW1:link,a.LinkW1:visited    {font-size:1em;  font-weight: bold; line-height:1.25em; color:#FFFFFF;}
	a.LinkW1:hover     {color: #00ADEF; text-decoration: none}


/* Rollover elements */

a.join{
    background:transparent url(../images/JoinBut.png) no-repeat top left;
	width:164px;
    height:35px;
    float:right;
	/*margin-bottom:5px*/
    
}
a.join:hover{
    background:transparent url(../images/JoinBut.png) no-repeat bottom left;
}

a.login{
    background:transparent url(../images/LoginBut.png) no-repeat top left;
	width:75px;
    height:27px;
	float:right;
	/*margin:2px 2px 0 0*/
    
}

a.login:hover{
    background:transparent url(../images/LoginBut.png) no-repeat bottom left;
}



.LearnWin{clear:both;
	width:610px;
	background:#EFEFEF; 
	background: -moz-linear-gradient(top, #F3F1F1 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E4E3), to(#FFFFFF));
	border: 1px solid #999999;  
	margin:20px 0 10px 10px; padding:10px;
	
	-moz-border-radius: 14px;
  	-webkit-border-radius: 14px;
  	border-radius: 14px;}

.LearnWin:hover {
  background: #EFEFEF;
  background: -moz-linear-gradient(top, #CEC1D5 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEC1D5), to(#FFFFFF));
  border: 1px solid#4B1563;
  cursor: pointer;
  color: #333;
}


.someComment{ clear:both;	
	background:#9C2F2F; 
	background: -moz-linear-gradient(top, #9C2F2F 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E4E3), to(#FFFFFF));
	border: 1px solid #999999;  margin:0 10px 10px 0; padding:10px;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
 	 border-radius: 4px;	
	}

.someComment:hover {
  background: #EBB701;
  background: -moz-linear-gradient(top, #0067B4 0%, #00ADEF 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0067B4), to(#00ADEF));
  border: 1px solid#265270;
  cursor: pointer;
  color: #FFF;
}

.someCommentItem{ cursor: pointer; width:270px; 
	background:#EFEFEF; 
	background: -moz-linear-gradient(top, #F3F1F1 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E4E3), to(#FFFFFF));
	border: 1px solid #999999;  margin:0 10px 10px 0; padding:10px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
  	border-radius: 4px;	
	}

.someCommentItem:hover {
  background: #EBB701;
  background: -moz-linear-gradient(top, #0067B4 0%, #00ADEF 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0067B4), to(#00ADEF));
  border: 1px solid#265270;
  cursor: pointer;
  color: #FFF;
}



.someReply{ background:#EFEFEF; 
	border: 1px solid #999999;  margin:0 10px 10px 0; padding:10px;
	box-shadow:  0 0 10px #a5b9d9;
  	-moz-box-shadow:  0 0 10px #a5b9d9;
	-webkit-box-shadow:  0 0 10px #a5b9d9; 
	-moz-border-radius: 8px;
  	-webkit-border-radius:8px;
  	border-radius: 8px;
	}

.someReply:hover {
  background: #FFFFFF;
  color: #333;  
  
}

a.bLike{
 	background:transparent url(http://www.hometesterclub.com/images/bLike.png) no-repeat top left; width:18px; height:20px; float:left      }
a.bLike:hover{
    background:transparent url(http://www.hometesterclub.com/images/bLike.png) no-repeat bottom left;
}

a.bUnLike{
 	background:transparent url(http://www.hometesterclub.com/images/bUnLike.png) no-repeat top left; width:18px; height:20px; float:left    }
a.bUnLike:hover{
    background:transparent url(http://www.hometesterclub.com/images/bUnLike.png) no-repeat bottom left;
}




button:hover {
  cursor: pointer;
}

button::-moz-focus-inner {
  border:0;
}


button.header {
  background: #950109;
  background: -moz-linear-gradient(top, #F22244 0%, #950109 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F22244), to(#950109));
  border: 1px solid #FFFFFF;
 
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  /*-moz-box-shadow: inset 0 1px 0 0 #FEE78E;
  -webkit-box-shadow: inset 0 1px 0 0 #FEE78E;
  box-shadow: inset 0 1px 0 0 #FEE78E;*/
  color: #FFFFFF;
  /*margin:3px 0 3px 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  padding: 6px 10px 6px 10px;
  text-align: center;
  /*text-shadow: 1px 1px 1px #FFFFFF;
  text-transform: uppercase;
  width: 150px;*/
}

button.header:hover {
  background: #EBB701;
  background: -moz-linear-gradient(top, #FDDC6C 0%, #EBB701 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDDC6C), to(#EBB701));
  border: 1px solid#D19405;
 /* -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
  box-shadow: inset 0 1px 0 0 #a5b9d9;
  text-shadow: 1px 1px 1px #999999;*/
  cursor: pointer;
  color: #ffffff;
}

button.header:active {
  border: 1px solid #546685;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eee;
}



/*






* div { border:1px solid #333333;}

12	0.75
14	0.875
16	1
18	1.125
20	1.25
22	1.375
24	1.5
26	1.625
28	1.75
30	1.875
32	2
34	2.125
36	2.25
38	2.375
40	2.5
42	2.625
44	2.75
46	2.875
48	3
50	3.125
52	3.25




*/

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}