/* CSS Document */
/*---- DIV layouts ----*/
#wrapper{
	width:100%;
	margin:0;
	padding:0;
	}

#webpage{
	width:832px;
	margin:0 auto 0 auto;
	padding:0;
	}
#menuPanel{
	float:right;
	width:591px;
	height:60px;
	overflow:hidden;
	margin:0;
	padding:0;
	}
#page{
	float:left;
	width:832px;
	margin:0;
	padding:0;
	}

#header{
	float:left;
	width:832px;
	height:126px;
	margin:0;
	padding:0;
	}
#content{
	float:left;
	width:832px;
	margin:0;
	padding:15px 0px;
	}

#welcomePanel{
	float:left;
	width:312px;
	padding:15px 15px;
	margin:0;
	}
#featurePanel{
	float:left;
	width:811px;
	text-align: center;
	background:url(../img/site/body_bg.gif) no-repeat center top;
	margin-left: 20px;
	}
#testimonialPanel {
  float: left;
  width: 244px;
  padding: 10px;
  height: 275px;
  border-right:1px #ccc solid;
  text-align: left;
}
#testimonialPanel h3 {
  padding-top: 0px;
}
#featurePanel2 {
  float: left;
  padding: 10px;
  width: 244px;
  height: 275px;
  border-right:1px #ccc solid;
  text-align: left;
}
#featurePanel2 h3 {
  padding-top: 0px;
}

#newsPanel {
  float: left;
  padding: 10px;
  width: 244px;
  height: 275px;
  text-align: left;
}

#newsPanel h3 {
  padding-top: 0px;
}
.floating {
	position: relative;
	text-align: right;
	bottom: 5px;
}

/*----basic elements setup----*/
body{
	margin:0;
	padding:0;
	background:#fff url(../img/site/bg.jpg) repeat-x 0 0;
	font-family: Helvetica;
	font-size: 95%;
	}


p{
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#6c6d6a;
	text-align:justify;
}
a img, a:hover img{
	border:none;
}
h1, h2{
	font-family: geneva,arial,sans-serif;
	font-weight: bold;
	color: #a6ce39;
	}

h3{
	font-family: geneva,arial,sans-serif;
	color: #a6ce39;
	font-size:16px;
	padding-top: 30px;
	}

.more-info
{
	display: none;
	margin-left: 15px;
}
#download-box
{
	border: 1px solid #A6CE39;
	width: 400px;
	height: 200px;
	margin: 20px;
	padding: 20px;
}
#download-box label
{
	padding-right: 15px;
}
/*----Rounded Corners-------*/
spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#A9D13B}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #daebaa;
  border-right:1px solid #daebaa;
  background:#bedc6c}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f6faeb;
  border-right:1px solid #f6faeb;
  background:#b9d960}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b9d960;
  border-right:1px solid #b9d960;}
.spiffy4{
  border-left:1px solid #daebaa;
  border-right:1px solid #daebaa}
.spiffy5{
  border-left:1px solid #bedc6c;
  border-right:1px solid #bedc6c}
.spiffyfg{
  background:#A9D13B}
.spiffyfg h3{
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	color: #ffffff;
}

/*----download now panel----*/
#downloadPanel{
	float:right;
	width:460px;
	height:200px;
	padding:0;
	margin:0;
	background:url(../img/site/download_box-bg.jpg) repeat-x;
	overflow:hidden;
	}



#downloadPanel .block{
	float: left;
	width:410px;
	padding:7px;
	margin:0;
	display:block;
}
/*
#downloadPanel img{
	width:18px;
	height:200px;
	padding:0;
	margin:0;
	}
#downloadPanel .block img{
	float:left;
	width:135px;
	height:168px;
	padding:0px 10px;
	}
*/
ul.list{
	float: left;
	padding:20px 0px 0px 0px;
	margin:0px;
	width:300px;
	}

ul.list li{
	float:left;
	width:210px;
	margin:0;
	margin-left:20px;
	padding:0;
	list-style-type:none;
	background:url(../img/site/bullet.gif) no-repeat 0px 3px;
	padding-left:20px;
	padding-bottom:4px;
	}

html ul.list li{ margin-left:10px;}

.text3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#6b510a;
	}
.olclass li
{
	padding: 10px;
}
.olclass li ul li
{
	padding: 5px;
}
.highlight
{
	color: red;
}
.left{ /* need for image placement */
	float:left;
	}

.right{ /* need for image placement */
	float:right;
	}


/*---- Input fields and labels ----*/
.required label{
	margin: 0;
	padding-right: 10px;
	font-weight: bold;
	width: 13em;
	text-align: right;
	float: left;
}
.optional label{
	margin: 0;
	width: 13em;
	text-align: right;
	float: left;
	padding-right: 10px;
}
.submit{
	text-align: center;
	padding: 10px;
}
.button{
	background:url(../img/site/basic.gif) repeat-x;
	height:30px;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-align:center;
	border: 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #ccc;
}
.button:hover{
	background:url(../img/site/basic_on.gif) repeat-x;
	height:30px;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-align:center;
	border: 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #69a20d;
}
.buttonGreen{
	background:url(../img/site/basic_on.gif) repeat-x;
	height:30px;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-align:center;
	border: 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #69a20d;
	cursor: pointer;
}
input[type="submit"]:active{
	border: 2px solid #000; /* visual feedback */
}

/*---- Misc styles ----*/
.clear{
	clear:both;
	height: 17px;
	}
.error_message {
color:#900;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}


/*----Header panel----*/
#header img{
	float:left;
	width:212px;
	height:103px;
	margin:0;
	padding:0;
	padding-top:23px;
	}


#headerText{
	float:right;
	width:591px;
	margin: 0px;
	padding: 0px;
	height:66px;
	overflow:hidden;
	}

.header_text{
	float:right;
	width:330px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	color:#4a4a49;
	line-height:normal;
	font-style:italic;
	padding-top:15px;
}


/*------ Basic Text style -------*/
#welcomePanel ul{
	margin-top: 10px;
	margin-bottom: 10px;
}
#welcomePanel li{
	margin-top: 4px;
}

#welcomePanel img{
	padding: 2px;
}

.text2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#101506;
}
.panelText {
	height: 97px;
}
.quotel {
color:#888888;
font-size:30px;
left:-18px;
line-height:32px;
top:-3px;
font-family:Arial,Helvetica,sans-serif;
}
.quoter {
color:#888888;
font-size:30px;
line-height:30px;
position:absolute;
font-family:Arial,Helvetica,sans-serif;
}
.text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	line-height:18px;
	}

.link1{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#e83512;
	text-decoration:none;
	}

a.link1:hover{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#a6ce39;
	text-decoration:none;
	}

.text_box{
	background:url(../img/site/text_box.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:92px;
	width:262px;
	}

.text4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#322502;
	}

.small_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#083131;
	}

.link2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#cf0c0c;
	text-decoration:none;
	}

a.link2:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#849daa;
	}

/*----footer panel----*/

#footer{ /*---- green bar at bottom */
	width: 100%;
	height: 6px;
	padding:0px;
	margin:0px;
	position: fixed;
	bottom: 0px;
	vertical-align: top;
	background-color: #a6ce39;
}

.footer_menu{
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#4f4f4f;
	text-align:center;
	padding:15px;
	padding-top:25px;
	margin:0;
}

.footer_menu a{
	color:#4f4f4f;
	text-decoration:none;
	padding:0px 15px;
	}

.footer_menu a:hover{
	color:#4f4f4f;
	text-decoration:underline;
	}

.footer_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#525454;
	text-align:center;
	padding:5px 5px 15px 5px;
	}
#footer_links
{
	width: 832px;
	border-top: 1px #CCC solid;
	text-align: center;
	padding-top:5px;	/* Space at the left of each sub menu item */
	margin-top: 10px;
	font-size:11px;
	float: left;
}
#footer_links a
{
	color: #888;
	text-decoration: none;
}
#footer_links a:hover{
		color: #054055;
		text-decoration: underline;
}

.supported_no
{
	color:#4f4f4f;
	background: #fafafb;
}
.supported_yes
{
	color:#4f4f4f;
	background: #B5EDBC;
}


/*---- Table Related----*/
.table-title
{
	border-right: 1px solid #ccc;
	font-weight: bold;

}
table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(../img/site/th_bck.gif) repeat-x;
  color                 : #666;
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(../img/site/tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(../img/site/foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}
#comparisonTable td
{
	text-align            : center;
}
#comparisonTable th
{
	border: 0px;
}
#comparisonTable thead th
{
	background: url();
}
.highlightTd
{
	border: solid 1px #090;
	border-left: solid 1px #090;
	background-color: #dfd;

}
.highlightTdToTheRight
{
	border-right: solid 1px #090;
}
.comparison_table td {
	text-align: center;
}
.comparison_table .td-desc
{
	text-align: left;
}
.div_for_table
{
	padding-left: 30px;
	padding-top: 10px;
}

.div_for_table2
{
	padding-left: 30px;
	padding-top: 10px;
}
.div_for_table2 td
{
	text-align: center;
}
/*----Table: give tables a little padding----*/
.websites
{
	padding: 30px;
	margin: 30px;
	text-align: center;
}