@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/kbP_6ONYVgE-bLa9ZRbvvvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}







body{
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
background-color: #F2F2EF;

}
a {text-decoration:none;}
div {
display: block;
}
.wrapper { width:100%;}
.container{ position:static;  
            margin-left:auto!important;
			margin-right:auto!important;
			width:99%; 
			border:2px solid #cccccc; 
			min-height:30px!important;
			display:block;
	

}

.dboard
{
position:static;
width:99%;
margin-left:auto;
margin-right:auto;
box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
min-height:500px!important;
}

.header { position:static;width:100% !important; height:60px;  border-bottom:1px solid #ccc;
padding-top:5px;
font-size : 22px!important; 
font-weight: bold;
font-family : 'Droid Sans',Helvetica;
text-decoration : none; 

}
a {text-decoration:none;}
.header .logo { float:left;padding-bottom:-2px;font-size:30px;text-decoration : none;}
.header  .logotitle {float:right;font-size:9px;margin-right:3px;}

.slidebar{position:relative;width:100%!important;  border:0px solid #000; height:60px;clear:both;background-color:#E5E3DF;
border-bottom:1px solid #c3c3c3;padding-bottom:5px; margin-bottom:7px;
}
.lmheader
{
  background-color:#373737;
  border:0px solid #000;
  height:30px;
  min-width:130px;
  width:100%;
  font-size:0.85em;
  color:#f3f2f2;
  
  
}
.contactlinkrow .contact img {padding:6px;

box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);

}

.mainblock{ position:relative;width:100%!important; height:100%!important; clear:both;}
.leftblcok{ float:left; width:20%!important;  
border:1px solid #ccc;
background-color:#F2F2EF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height:auto!important;
min-width:190px!important;


}

.centerblock{float:left; width:80%!important; border:0px solid #000;min-width:190px!important;}
.subcenterblock{position:static;float:left; width:59.9%;padding-right:1px; border:0px solid #000;height:auto!important;}
.rightblock{position:static;float:left; width:19.5%!important;border:0px solid #000; min-width:190px!important; background-color:#E5E3DF;}
.footerblock{position:relative;width:100% !important; 
      height:180px;clear:both; background-color:#191919; color:#f2f2f2;clear:both;}
.row{



}
.rowband {
border:6px solid #f2f2f2;
background-color:#F2F2EF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height:30px;
width:95%;
float:left;
margin-top:10px;
margin-left:5px;
}

.row .col1 {
float: left;
width: 28%;
padding:2px;
margin-right:15px;
margin-right:15px;

}
.row .col2{
float: left;
padding:2px;
width: 150px;
}

.row .col3{
float: left;
padding:2px;

min-width:18px;

}


.row .col4{
margin-left:auto;
margin-right:auto;
float: left;
padding:2px;
width: 15%;
min-width:30px;

}

.search-form-field {
float: left;
background: #ffffff;
border: 1px solid #cccccc;
font: italic 14px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 5px;

width: 98%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
input, textarea, select, .uneditable-input {
display: inline-block;
padding: 4px;
margin-bottom: 9px;
color: #555555;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width:99%;
}

img {width:100%!important; border:0px solid #ccc; vertical-align: middle;}




.catblock {

 float:left;

 min-width:120px!important;
 max-width: 240px!important;
 padding:0px;
 margin-bottom:25px;
 margin-right:10px;
  border: 1px solid #ccc;
 margin-left:15px;
box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 1px 6px 0px rgba(119, 119, 119, 0.75);
border: 1px solid rgba(192,192,192,0.49);
	border-radius: 5px;
}

.blockheader {
border-right: 1px solid #696969;
border-top: 4px solid rgba(0,0,0,0.0);
float: left;
width: 100%;
background-color: #373737;
padding: 11px 0 11px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-radius: 3px;

}

.relatedlockheader {


border-right: 1px solid #c3c3c3;
border-top: 4px solid rgba(0,0,0,0.0);
float: left;
width: 100%;
background-color: #c3c3c3;
padding: 11px 0 11px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-radius: 5px;


}
.linkbody { background:#f9f9f9;}

.stack-exchange:before {
content: "\f18d";
}
.blockarea {width:98%}
.blockarea .subtext{
 color:#036BBC;
 height:150px;
 width:95%;
 margin: 5px;
}

.blockarea text h3 {
font-family: 'Open Sans', sans-serif;
font-size: 0.75em
line-height: 25px;
color: #016abc;
font-weight: 600;
margin: 0;
text-align: center;
}
.
ul {list-style: none;margin:3px;}
.blockarea li {border: 0; font-size:0.8em; margin:0; font-weight:bold;}

.blockheader h2 {
font-family: 'Open Sans', sans-serif;

line-height: 12px;
color: #fff;
font-weight: bold;
margin: 0;
text-align: center;
text-transform: uppercase;
}
.blockheader a { color:#fffff;  text-decoration:none; }
.blockheader a :hover{ color:#fffff;  text-decoration:none; }
.catad
{
float:left;min-width:270px;height:201px; border:1px solid #000;width:34%;
}

.cathead
{float:left;width:65%;height:201px; border:1px solid #000;margin-left:2px;min-width:200px;
}
.cathead a {text-decoration:none;}

.catnav{
width:100%; height:auto;
}
.catbanner{
width:100%; height:auto !important; border:1px solid #000;
}
.catheaderimg{float:left;width:250px!important; padding:10px;}
.catheaderdesc{float:left;min-width:280px; width:60% !important; padding:10px;}
.catdesc { text-align: justify}
.catname{
float:left; width:200px;padding:5px;border:0px solid #cccccc;font-size:0.93em;
color:#535353; height:120px;margin-bottom:20px;
}
.sidesubcat {padding:15px; font-size:1.1em;}

.catnameV{
 width:99%;padding:6px;border-bottom:1px solid #e2e2e2;font-size:0.95em;
color:#535353; height:40px;margin:0 15px 3px 10px;
}
.catnameV a {color:#535353; }

.subcatimg{
 width:95%;padding:5px;height:100px;border:0px solid #cccccc;font-size:0.93em;
color:#535353;margin-bottom:5px; margin-top:10px
}
#banner-secondary .subcatimg img {height:100px;width:60px; max-width:100px;}

.catname a ,
#banner-secondary .catname a :hover{ color:#000;}
.subcatname{

padding:5px;height:23px;border:0px solid #cccccc;font-size:0.8em;
margin-left:2px;
}

.subcatname ul {list-style:none}
.subcatname li  {margin:0}

.icon {

 border:0;
 width:20px!important;
}
.linkicon{
 float:left;
 border:0;
 width:100px!important;
 padding:5px;
}

.linkrow
{  width:99%!important; 
   height:115px; position:relative;clear:both;padding:10px; border-bottom:1px solid #e9e9e9}

.download-options .linkrow
{  width:99%!important; 
   height:100px; position:relative;clear:both;padding:10px; border-bottom:1px solid #e9e9e9
   
   }

.relatedlinkrow
{ float:left; width:300px!important; 
   height:95px; position:relative;padding:10px; border-bottom:1px solid #e9e9e9}   

 
   
.relatedlinkrow a{ color:#535353; font-weight:bold; font-size:.81em;}
.relatedlinkrow a:hover{ color:#535353; font-weight:bold; font-size:1.0em;}
.contactlinkrow { width:99%!important; height:auto!important;
   min-height:120px; position:relative;padding:10px; border-bottom:1px solid #e9e9e9}

.populartag
{ float:left; width:300px!important; 
   height:41px; position:relative;padding:10px; border-bottom:1px solid #e9e9e9}   
.contact {float:left;width:300px!important; align:top;padding:14px  }

.populartag a,
.populartag a:hover
{ color:#c2c2c2; font-weight:bold; font-size:0.78em;}

.linkview {padding:10px; }
.linktext {padding-left:5px;}
.linktext img { max-width:60px; border:0px;}
.linkrow a { color:#000000; font-weight:bold; font-size:1.2em;}

.rating { font-size:0.75em; font-weight:bold; padding-top:5px;}
.rating img { max-width:46px;  vertical-align:middle;}



@media only screen and (max-width:1024px) {

.catblock {
 float:left;
 width:200px!important;
 border: 1px solid #ccc;
margin-left:5px;
 margin-right:5px;

  } 

}

@media only screen and (max-width: 940px) {

.catblock {
 float:left;
 width:240px!important;
 border: 1px solid #ccc;
margin-left:5px;


  } 


}

@media only screen and (max-width: 860px) {

.catblock {
 float:left;
 width:230px!important;
 border: 1px solid #ccc;
margin-left:5px;


  } 

}



@media only screen and (max-width: 768px){
	.review-top {
		
        position:static;  margin-left:auto !important; margin-right:auto !important; max-width:990px;background-color:#fff; 	
	}
	.header .logo { float:left;padding-bottom:-2px;font-size:25px;text-decoration : none;}
	
	.catblock {
		 float:left;
		 min-width:40% !important;

		 
		  border: 1px solid #ccc;
		 margin-left:1px;


		}

@media only screen and (max-width: 480px){


#banner-secondary h2 {
font-size: 12px;
line-height: 12px;
}
	.review-top {
		
        position:static;  margin-left:auto !important; margin-right:auto !important; max-width:469px;background-color:#000; 		
	}
	
	.header .logo { float:left;padding-bottom:-2px;text-decoration : none;font-size:20px!important;}
	.leftblcok{ float:left; width:100%!important;  
		border:1px solid #ccc;
		background-color:#F2F2EF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height:auto!important;
		min-width:190px;


		}

.centerblock{float:left; width:100%!important; border:0px solid #000;min-width:190px;}
.subcenterblock{float:left; width:100%!important;padding-right:1px; border:0px solid #000;min-width:190px;height:auto!important;}
.rightblock{float:left; width:100%!important;border:0px solid #000; min-width:190px; background-color:#E5E3DF;}

.catblock {
 float:left;
 min-width:100% !important;

 
  border: 1px solid #ccc;
 margin-left:1px;


}
.linkrow
{  width:99%!important; 
   height:135px; position:relative;clear:both;padding:10px; border-bottom:1px solid #e9e9e9}
.relatedlinkrow
{ float:left; width:100%!important; 
   height:105px; position:relative;padding:10px; border-bottom:1px solid #e9e9e9}   

}