@charset "UTF-8";
/* WiTalk CSS Document */

body {margin:0px; background-color:#ffc000; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000;}
a:link, a:visited{color:#333333;}

#wrapper {width:980px; margin: 0 auto; padding:0;}
#container {width:980px; min-height:100%; margin-bottom: -30px; position: relative;}

/*--main navi--*/
#mainnav_bg{float:left; width:950px; height:45px;background-image:url(../images/_bg_top.gif); background-repeat:no-repeat;}

.list_h {margin:0 10px 0 0; padding:0; float:right;}

.list_h li {display:inline; float:left; margin:0; padding:15px 5px 0 0; width:85px; height:45px; text-align:center;}

.list_h li:hover {display:inline; width:85px; margin:1px 0 1px 0; padding:15px 5px 0px 0px; background-image:url(../images/_navi_hover.gif); background-repeat:no-repeat;}

.list_h a:link, .list_h a:visited {display:inline; font-family:Helvetica, Arial, sans-serif; font-size:12px; text-decoration: none; color:#ffffff; padding:5px 0px 5px 0px; margin:0}

.list_h a:hover {color:#000000; font-family: Helvetica, Arial, sans-serif; font-size:12px; font-style:none; padding:5px 0px 5px 0; margin:0;}


/* ---index ---*/
#contentleft{float:left; width:680px; padding:0px; margin:0;}
#indexlogo{float:left; width:250px; height:95px;}
#indextag{float:left; width:405px; height:95px;}
#indeximg{float:left; width:680px; height:422px; margin-top:5px; padding:0; background-image:url(../images/index/flash_img.jpg);}
#indexbanner{float:left; padding:0; margin-top:5px; width:680px; height:180px; margin-bottom:5px;}
#buyBtn {float:right; width:100px; height:30px; margin:280px 10px 0 0; padding:0;}

/* ---Content Right---*/
#contentright{float:left; width:265px; margin-top:5px; padding:0px;}
#rightbar {float:right; width:255px; height:auto; margin-bottom:5px;}
#login {width:255px; height:195px; background-image:url(../images/_bg_login.gif); background-repeat:no-repeat; padding:0; margin:0;}
#contentrightbox {float:left; width:265px; height:auto; background-color:#009900; padding: 2px 5px;}
#rightbar_wibox {float:right; width:255px; height:auto; margin-bottom:5px; padding:0px; background-color:#0066cc;}
#witalk_title {float:left; width:234px; height:40px; margin-left:8px;}
.witalkfeat {float:left; width:240px; height:auto; margin:0px; padding:0;}
.witalkfeat li {float:left; display:block; padding:5px; list-style:none;}


/*--Other inner page --*/
#innercontent_left{float:left; width:680px; min-height:600px; padding:0px; margin-top:5px; background-color:#ffffff;}
#headerbar {float:left; width:680px; height:150px; padding:0px; margin:0px; background-image:url(../images/inner_header.jpg); background-repeat:no-repeat;}
#inner_logo{float:left; width:257px; height:86px; margin:2px; padding:0;}
#pagetitle{float:left; width:800px; height:35px; padding:0; margin:20px 10px;}
#innercontent {float:left; width:660px; padding: 0px 10px 10px 10px;}



/* --- footer --- */
#footer {float:left; height:45px; position:relative; width:950px; background-image:url(../images/_bg_footer.gif); background-repeat:no-repeat;}
#footer_left {float:left; padding: 10px 0px 0px 10px;}
#footer_right {float:right; padding: 10px 0px 0px 10px;}
.clearfooter {height: 5px; clear: both;}

/* --- text controld --- */
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:bold; text-transform:uppercase;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; }
.contenttext {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:justify;}
.contenttext_padding {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:justify; padding:0px 5px 0px 5px;}
.centertext {font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; color:#003399; text-align:center;}
.footertext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff;}
.title2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold;}
.title3 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ffc000; font-weight:none; font-stretch:narrower;}
.welcometitle {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffc000; font-weight:bold; font-stretch:narrower;}
.rate_text {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px;}
.textgrey {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
.contextwhite{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
input.calculate1 {border: 0px; padding:2px;}

/* table */
table.table1 {
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: #f39530;
	border-collapse: collapse;
	background-color: white;
}
table.table1 th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #f39530;
	background-color: #c6c27b;
	-moz-border-radius: ;
}
table.table1 td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #f39530;
	background-color: white;
	-moz-border-radius: ;
}

a.topnavi_link, a.topnavi_link:link, a.topnavi_link:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color: #ffffff;}
a.topnavi_link:hover {color:#666666; font-weight:none; text-decoration:underline; } 
a.topnavi_link:active {color:#ffffff;} 

a.footertextlink, a.footertextlink:link, a.footertextlink:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #ffffff; text-decoration:none;}
a.footertextlink:hover {color:#ff9900; font-style:italic;} 
a.footertextlink:active {color:#ff9900;} 

a.footerlink2, a.footerlink2:link, a.footerlink2:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #ffc000; text-decoration:none; font-weight:bold;}
a.footerlink2:hover {color:#ffffff;} 
a.footerlink2:active {color:#ffffff;} 

a.contentlink, a.contentlink:link, a.contentlink:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #333333; text-decoration:none; font-weight:none;}
a.contentlink:hover {color:#ffc000; text-decoration:underline; font-style:italic;} 
a.contentlink:active {color:#ffc000;} 

a.contentlink3, a.contentlink3:link, a.contentlink:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #333333; text-decoration:none; font-weight:none;}
a.contentlink3:hover {color:#ffc000; text-decoration:underline; font-style:italic;} 
a.contentlink3:active {color:#ffc000;} 


a.link5, a.link5:link, a.contentlink:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #333333; text-decoration:none; font-weight:none;}
a.link5:hover {color:#ffc000; text-decoration:underline; font-style:italic;} 
a.link5:active {color:#ffc000;} 


a.contentlink2, a.contentlink2:link, a.contentlink2:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000000; text-decoration:underline; font-weight:bold;}
a.contentlink2:hover {color:#ff9900; text-decoration:underline;} 
a.contentlink2:active {color:#ff9900;} 

a.submenu_link, a.submenu_link:link, a.submenu_link:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration:underline; color: #666666;}
a.submenu_link:hover {color:#ffc000; font-weight:none; text-decoration:none; } 
a.submenu_link:active {color:#ffc000;}

a.link2, a.link2:link, a.link2:visited {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color: #000000;}
a.link2:hover {color:#ffc000; font-weight:none; text-decoration:none; } 
a.link2:active {color:#ffc000; 

/* lines */
.border {border:#ffc000 solid 1px;}
.linebottom{ border-bottom:#ffc000 solid 1px;}
.lineright{border-right: #ffc000 solid 1px;}
.lineleft{border-left: #ffc000 solid 1px;}

/* inner - faq */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: 12px font-family: Arial, Helvetica, sans-serif;
color: #000000;
margin:0;
padding:0;
}

.thelanguage{
font: 12px font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
color: #666666;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #000000;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #000000;
}