/****************** THIS IS THE CSS DOCUMENT FOR ************************/
/********************** THE HOMEPAGE (index) ***************************/

@import url(top.css);
@import url(middlebanner.css);
@import url(commoncontent.css);
@import url(cfooter.css);

/*======================================================================*/

/* UNIQUE CONTENT */

h1
{
	display: inline;
	font-size: 12px;
}
h2 
{
	display: inline;
	font-size: 10px;
	color: #3d98c9;	
}

#maincontent {
	width: 450px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	margin-top: 10px;
	background-color: #FFFFFF;
}

#resourcesmaincontent {
	width: 575px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	margin-top: 10px;
	background-color: #FFFFFF;
}
html>body #maincontent {
	padding-top: 0px;
}

#introtitle {
    width: 100%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#introtitle h1{

}

#resourecesintrotitle {
    width: 100%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.introtext {
  padding-top: 2px;
  font-size: 12px;
}

#article1 h3 {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3d98c9;
}


.a {
   	font-size: 18px;
	font-weight: bold;
}

#reviewof {
	font-size: 12px;
	text-align:left;
	float: left;
	font-weight: bold;
}

#stars {
	font-size: 12px;
	text-align: right;
	float: left;
	color: #3d98c9;
}

.thereview {
	font-size: 12px;
}

.order {
  color:#3d98c9;
}

.readmore {
  color: #3d98c9;
  text-align: left;
  font-size: 12px;
}

.post {
  color: #3d98c9;
  text-align: right;
  font-size: 12px;
  margin-left: 167px;
}

.more {
  color: #3d98c9;
  font-size: 12px;
}

.resourceheading {
  color:  #3d98c9;
  font-size: 12px;
  font-weight: bold;
}

#article1 a {
	font-size: 12px;
	color: #3d98c9;
	text-decoration: none;
}

#article1 a:hover {
    color:#3d98c9;
	text-decoration: underline;
}

#article2 h3 {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3d98c9;
}

#article2 .subheader {
	font-size: 14px;
	text-align:left;
	font-weight: bold;
}

#article2 a {
	font-size: 12px;
	color: #3d98c9;
	text-decoration: none;
}

#article2 a:hover {
    color: #3d98c9;
	text-decoration: underline;
}

#article2 {
	font-size: 12px;
}

#article2 ul {
	list-style-type: square;
}

.resourcelist {
	text-align: left;
	margin-top: 10px;
}

.resourcelist ul {
	list-style-type: none;
	list-style-image: url(http://www.exchangehostingreviews.com/gr/bullet.png);
	font-size: 12px;
}

.resourecelist li a {
	text-decoration: none;
}

.resourcelist li a:hover {
	text-decoration:underline;
}
/***************************************************/

/* Help Center Table */
.helpcenter {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_top.png) no-repeat center;
   font-size: 10px;
   color: #3d98c9;
   text-align: center;
   height: 19px;
   padding-top: 7px;
   width: 100%;
}

.hccontent {
   border-right: 1px solid #3d98c9;
   border-left: 1px solid #3d98c9;
   height: auto;
   width: 443px;
   margin-top: -3px;
   margin-left: 3px;   
}

.hctext {
   color: #333333;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 10px;
}

.hctextUL {
   color: #333333;
   padding-left: 3px;
   font-size: 10px;
   text-decoration: underline;
}

.hctext a{
  color: #333333;
  font-size: 10px;
}

.hctext a:hover {
  text-decoration: underline;
  color: #3d98c9;
}

.hctext ul
{
	
	//list-style-type: ;
	
	list-style: none;
	font: 10px;
}

.helpbottom {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_bottom.png) no-repeat;
   height: 7px;
   margin-left: 3px;
   margin-top: 0px;
}
/***************************************************/

/* Matrix Table */
.matrix {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_top.png) no-repeat center;
   font-size: 10px;
   color: #3d98c9;
   text-align: center;
   height: 19px;
   padding-top: 7px;
   width: 100%;
}

.mtxcontent {
   border-right: 1px solid #3d98c9;
   border-left: 1px solid #3d98c9;
   height: auto;
   width: 443px;
   margin-top: -3px;
   margin-left: 3px;   
}

.mtxtext {
   color: #333333;
   padding-left: 3px;
   font-size: 10px;
}

.mtxtext a{
  color: #333333;
  font-size: 10px;
}

.mtxtext a:hover {
  text-decoration: underline;
  color: #3d98c9;
}

.mtxtext ul
{
	list-style-type: ;
	list-style: none;
	font: 10px;
}

.mtxtext p {
   padding-left: 5px;
   padding-right: 5px;
}

.mtxbottom {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_bottom.png) no-repeat;
   height: 7px;
   margin-left: 3px;
}

.sublist {
    padding-left: 20px;
}

table.helpT
{ text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

td.helpHed { 
border-top: 1px solid #3d98c9;
border-bottom: 1px solid #3d98c9;
border-left: 1px solid #3d98c9;
border-right: 1px solid #3d98c9;
background-color: #dfdfdf;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #404040; 
}

.RCHelpHed {
border-top: 1px solid #3d98c9;
border-bottom: 1px solid #3d98c9;
border-left: 1px solid #3d98c9;
border-right: 1px solid #3d98c9;
background-color: #dfdfdf;
text-align: left;
text-indent: 5px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #404040; 
}

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; 
}

table.sofT { 
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 430px;
background-color: #fafafa;
border: 1px #3d98c9 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 10px;
margin-left: 7px;
}
/********************************/

/* Content Table */
.MainBodyText {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_top.png) no-repeat center;
   font-size: 10px;
   color: #3d98c9;
   text-align: center;
   height: 19px;
   padding-top: 7px;
   width: 100%;
}

.MBTtextTitle {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_top.png) no-repeat center;
   font-size: 100%;
   font-weight: bold;
   color: #3d98c9;
   text-align: left;
   height: 19px;
   width: 100%;
   padding-bottom: 2px;
   padding-top: 2px;
}

.textTitlePadding {
    padding-left: 7px;
}

.textTitleCV {
    color: #000080;
}

.MBTcontent {
   border-right: 1px solid #3d98c9;
   border-left: 1px solid #3d98c9;
   padding-bottom:10px;
   width: 443px;
   margin-top: -3px;
   margin-left: 3px;   
}

.MBTtext {
   color: #333333;
   padding-left: 3px;
   font-size: 10px;
}

.MBTtextUL {
   color: #333333;
   padding-left: 3px;
   font-size: 10px;
   text-decoration: underline;
}

.MBTtext a{
  color: #333333;
  font-size: 10px;
}

.MBTtext a:hover {
  text-decoration: underline;
  color: #3d98c9;
}

.MBTtext ul
{
	list-style-type: none;
	list-style: none;
	font: 10px;
}

.MBTbottom {
   background: url(http://www.exchangehostingreviews.com/gr/helpcenter_bottom.png) no-repeat;
   height: 7px;
   margin-left: 3px;
   margin-top: 0px;
}
/********************************/

/* Shared vs. Dedicated Table */

tr:hover {
background: #c7d8f6;
}

.rating {
padding-left: 10px;
}

.rating a {
    color: #333333;
	text-decoration: none;
}

.ratingTD a {
    color: #3d98c9;
	text-decoration: none;
}

ratingTD a:hover {
    color: #3d98c9;
	text-decoration: underline;
}
	
.rating a:hover {
    color: #3d98c9;
	text-decoration: underline;
}

.sup a {
    color: #333333;
	text-decoration: none;
}

.sup a:hover {
    color: #3d98c9;
	text-decoration: underline;
}

.ratingPadding {
padding-left: 25px;
}

.tr {
background:#feffee;
color:#333;
hover: expression(this.onmouseover=new Function("this.style.background='#c7d8f6';"),this.onmouseout=new Function("this.style.background='#feffee';"));
}


/* Reviews */

#mainreviews {
	font-size: 12px;
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3d98c9;
}

#mainreviews p {
	padding-left: 30px;
}

#mainwriteareview p {
	padding-left: 30px;
}

#mainreviews .toprow {
	width: auto;
	height: 5px;
}

html>body #mainreviews .toprow {
	width:auto;
	margin-top: -10px;
	height: 30px;
}

#mainreviews p.subject {
	font-weight: bold;
	text-align:left;
	float: left;
	font-size: 12px;
}

#mainreviews p.stars {
	font-size: 12px;
	text-align: right;
	float: right;
	color: #3d98c9;
}

#mainreviews .hrline {
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	width: 75%;
	margin-bottom: 5px;
}

html>body #mainreviews .hrline {
	margin-left: 90px;
}

/* Write a Review */

#mainwriteareview {
	font-size: 12px;
	margin-top: 15px;
	padding-bottom: 10px;
}

.mainform {
	margin-top: 30px;
	background-color: #ffffff;
	width: 100%;
}

.mainform a{
    color: black;
	text-decoration: none;
}

.mainform a:hover {
    color: black;
	text-decoration: none;
	cursor: text;
}

html>body .mainform {
	margin-top: 10px;
}

.ratingTip {
	font-size: 9px;
	padding-left: 5px;
	
}

#mainwriteareview textarea {
	BORDER-RIGHT: #3d98c9 1px solid;
	PADDING-RIGHT: 0.1em; 
	BORDER-TOP: #3d98c9 1px solid;
	PADDING-LEFT: 0.1em;
	PADDING-BOTTOM: 0.1em;
	BORDER-LEFT: #3d98c9 1px solid;
	WIDTH: 88%; 
	COLOR: black;
	PADDING-TOP: 0.1em;
	BORDER-BOTTOM: #3d98c9 1px solid;
	BACKGROUND-COLOR: white;
} /*old color was #8cacbb*/

.input {
	BORDER-RIGHT: #3d98c9 1px solid;
	PADDING-RIGHT: 0.1em;
	BORDER-TOP: #3d98c9 1px solid;
	PADDING-LEFT: 0.1em;
	MARGIN-BOTTOM: 1px;
	PADDING-BOTTOM: 0.1em;
	FONT: 100% Verdana, Helvetica, Arial, sans-serif;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #3d98c9 1px solid;
	COLOR: black;
	PADDING-TOP: 0.1em;
	BORDER-BOTTOM: #3d98c9 1px solid;
	BACKGROUND-COLOR: white;
}

.radioButton {
    border: none;
	vertical-align: middle;
}

/********************************/

/* Contact Us Form */

#contactUs{
	font-size: 12px;
	margin-top: 15px;
	padding-bottom: 10px;
}

.contactUsForm {
	margin-top: 30px;
	background-color: white;
	width: 100%;
}

html>body .contactUsForm {
	margin-top: 10px;
}

#contactUs textarea {
	padding-right: 0.1em;
	padding-left: 0.1em;
	padding-bottom: 0.1em;
	width: 88%; 
	color: #3d98c9;
    padding-top: 0.1em;
	border: #3d98c9 1px solid;
	background-color: white;
	overflow: auto;
} /*old color was #8cacbb*/

#contactUs input {
    border-right: #3d98c9 1px solid;
	padding-right: 0.1em;
	border-top: #3d98c9 1px solid;
	padding-left: 0.1em;
	margin-bottom: 1px;
	padding-bottom: 0.1em;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-left: #3d98c9 1px solid;
	color: #3d98c9;
	padding-top: 0.1em;
	border-bottom: #3d98c9 1px solid;
	background-color: white;
}

.submitButton {
    border: #3d98c9 1px solid;
}

/* Google Search */
.googleSearch {
    width: 90%;
	color: #3d98c9;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.googleSearchText {
    text-align: center;
}

.googleLogo {
    padding-left: 35px;
}
 
.prText {
     color: #333333;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.prText a {
    color: #333333;
	font-size: 10px;
	text-decoration: none;
}

.prText a:hover {
    color: #3d98c9;
	font-size: 10px;
	text-decoration: underline
}

.requiredField {
    color: #000080;
	font-size: 10px;
}

#OtherSelect {
    color: #333333;
}

#OtherField {
    color: #333333;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
font-size: 10px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}