@charset "utf-8";
/*----------------structure css start from here---*/

/*common child*/

.myli > li{width:33.33%; float:left; display:block}
.myli > li > .liWrap{width:82%}

.myli > li ul {margin-left:18px; margin-top:10px;}

.gridview{
	margin:15px 0 30px;
}

.gridview li{
	float:left;
	display:block;
	text-align:center;
}
.gridview li a{
	background:#f5f5f5;
	width:82%;
	color:#333;
	font-size:14px;
	text-align:center;
	padding:7%;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
}
.gridview li a a:hover {
	background:#f5f5f5;
}
.gridview li a a:active {
	background:#333;
	color:#fff;
}
.cms-ico{
	width:72px;
	height:72px;
	margin:0 auto;
	background:url(images/apicons.png) no-repeat;
	opacity:.5;
}
.cms-ico:hover {
	opacity:1;
}

/*icons wrap*/
#iconwrap {
	height:160px;
}
#iconwrap ul li {
	width:14.28%;
}
.apicons {
	width:72px;
	height:72px;
	margin:0 auto;
	background:url(images/apicons.png) no-repeat;
	opacity:.5;
}
.apicons:hover {
	opacity:1;
}
.basic {
	background-position:0 0;
}
.text {
	background-position:-72px 0;
}
.voice {
	background-position:-144px 0;
}
.virtual {
	background-position:-216px 0;
}
.reseller {
	background-position:-288px 0;
}
.sample {
	background-position:-360px 0;
}
.phonebook {
	background-position:-432px 0;
}
#iconwrap ul li:hover .basic {
	background-position:0 -72px;
	opacity:1
}
#iconwrap ul li:hover .text {
	background-position:-72px -72px;
	opacity:1
}
#iconwrap ul li:hover .voice {
	background-position:-144px -72px;
	opacity:1
}
#iconwrap ul li:hover .virtual {
	background-position:-216px -72px;
	opacity:1
}
#iconwrap ul li:hover .reseller {
	background-position:-288px -72px;
	opacity:1
}
#iconwrap ul li:hover .sample {
	background-position:-360px -72px;
	opacity:1
}
#iconwrap ul li:hover .phonebook {
	background-position:-432px -72px;
	opacity:1
}

.featbox .lsec{width:30%; margin-left:150px}
.featbox .rsec{width:30%; margin-right:150px}

.lsec h2, .rsec h2{ font-size:24px; margin-bottom:15px;}
.lsec p, .rsec p{ font-size:18px; line-height:28px}

/*.hilitBox {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.iWrp {
	border:1px solid #ccc;
	padding:4px;
	position:relative;
	background:#fff
}
.i, .in {
	padding:0;
	margin:0;
	width:100%
}
.inpt {
	width:200px;
}*/
/*------------blue theme css------------*/


a.blue {
	color:#0487AF;
}
.thmClr {
	background-color: #0487AF;
}
.bgBlck {
	background-color:#555;
}


/*.btn {
	padding:4px;
	position:relative;
	display:inline-block;
	border:none;
	cursor: pointer;
	text-decoration:none;
	background:#0487AF;
	color:fff;
}
.btn:hover {
	opacity:0.8;
}
.btn:active {
	background-color:#000;
}

.note2 {
	background-color:#EFEFEF;
	border-left:5px solid #333;
}
pre {
	color:#333;
}
.green {
	color:green;
}
.red {
	color:#a03;
}
.output {
	border:1px dashed #ccc;
	background:#EDF9FF;
}
.foutput {
	border:1px dashed #ccc;
	background:#F3F9E0;
}
.error {
	border:1px dashed #ccc;
	background-color:#FFE6E6;
}*/

/*landing*/

.line {
	height:2px;
	background:url(images/line.png) repeat-x;
}
.blue {
	color:#0487AF;
}
.featbox {
	padding:30px 0;
}
.selNone {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wt-btn {
	width:252px;
	height:48px;
	background:#fff;
	line-height:48px;
	text-align:center;
	font-size:18px;
	cursor:pointer;
	color:#000;
}
.wt-btn:hover {
	opacity:.8;
}
.wt-btn:active {
	background:#333;
	color:#fff;
	opacity:1;
}
.bl-btn {
	width:252px;
	height:48px;
	background:#0487AF;
	line-height:48px;
	text-align:center;
	font-size:18px;
	cursor:pointer;
	color:#fff;
}
.bl-btn:hover, #login-dialog input[type="button"]:hover {
	opacity:.8;
}
.bl-btn:active {
	background:#333;
	color:#fff;
	opacity:1;
}
.thmBdrLft {
	border-right:1px solid #9BCFDF;
}
h1.blue {
	color: #0487AF;
}
.thmBdrBtm {
	border-bottom: 1px solid #9BCFDF;
}

/*login popup css*/
.ui-widget-content{}

div[aria-describedby="login-dialog"] {
   background:#f5f5f5 !important
}
div[aria-describedby="login-dialog"] .ui-dialog-titlebar { color:#0487AF; padding:10px 30px;}

#login-dialog{padding:0 30px;}
#login-dialog .row{margin-bottom:20px;}
#login-dialog .line{ background:#dddddd; height:1px;  margin-bottom:15px;}
#login-dialog .line, #login-dialog label, #login-dialog input[type="text"], #login-dialog input[type="password"]{display:block;}

#login-dialog label{height:20px; line-height:20px; margin-bottom:5px;}
#login-dialog input[type="text"], #login-dialog input[type="password"]{transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border:1px solid #dddddd; height:32px; width:100%;}
#login-dialog input[type="button"]{
	background:#0487AF;
	height:34px;
	text-align:center;
	font-size:18px;
	cursor:pointer;
	color:#fff;
	border:none;
	padding:5px 20px;
}
#login-dialog input[type="text"]:focus, #login-dialog input[type="password"]:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
#login-dialog input[type="text"].error, #login-dialog input[type="password"].error{
	border-color: #e96666;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}