@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:#f1f1f1}
#container {width:990px; margin:20px auto; background:#fff; border:1px solid #f5f5f5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#cont {width:770px; margin:100px auto; background:#f1f1f1; border:0px solid #f5f5f5; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#top {margin:10px 0px; border-bottom:solid #f1f1f1; border-width:0px 0px 5px 0px; padding:0px 0px 10px 0px; float:left; width:990px}
/*Logo */
#top .logo {float:left; padding:5px;}
#logo {float:left; padding:5px 5px 0px 4px; margin:0px 0px 0px 5px}
#top .logo img {border:0; margin:3px 0px 0px 10px}
/* top right */
#top .login {float:right; padding:5px 20px 5px 5px; width:622px; font-size:13px; text-align:right}
p span {background:#e7e7e7; padding:2px;}
span #remaining {background:#fff}
table td span {background:#fff; padding:2px;}
#top .login a {font-size:14px; width:120px; text-align:center; font-family:"Museo 300"; color:#fff; padding:6px; text-decoration:none; display:block; background:#00a867; float:right; margin:5px 0px 0px 0px}
#top .login a.logout {font-size:14px; width:50px; text-align:center; font-family:"Museo 300"; color:#fff; padding:6px; text-decoration:none; display:block; background:#ff8405; float:right; margin:5px 0px 0px 5px}
#top .login a:hover {background:#04996a}
#top .login a.logout:hover {background:#000}
#top .login span {color:#1E51D7}
#top .login span.bal {color:#FF8040; width:100%}
#content {clear:both; margin:10px 16px}
.btn-inverse {background:url(images/icon1.png) no-repeat;}
.btn-inverse:hover {cursor:pointer}
button {background:url(images/icon1.png) no-repeat;}
/* Notification */
#content .anno {margin:10px 0px 10px 0px; float:left; width:875px; padding:10px 10px 10px 70px; background:url(images/announcement.jpg) no-repeat 15px 6px; border:1px solid #ededed; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#1E51D7; font-size:16px; box-shadow:0px 2px 6px #ededed}
/*Navigation */
#content .nav {float:left; width:210px; margin:14px 0px; border:1px solid #E8E8E8; box-shadow:0px 2px 10px #ccc }
#content .nav ul {padding:0; margin:0}
#content .nav li {list-style:none; display:inline}
#content .nav li a { background:url(images/arrow-right.png) no-repeat 10px 12px; display:block; float:left; width:185px; padding:9px 0px 9px 25px; text-decoration:none; border-bottom:1px solid #E8E8E8; font-size:13px; color:#000099}
#content .nav li.active a { background:#f5f5f5 url(images/arrow-right.png) no-repeat 10px 12px; display:block; float:left; width:185px; padding:9px 0px 9px 25px; text-decoration:none; border-bottom:1px solid #E8E8E8; font-size:13px; color:#000099}
.tick { clear:both; background:#eef7ea url(images/tick-mark.png) no-repeat 4px 2px; height:20px;border-left:4px solid #b5d898; margin:10px 0px 0px 0px; padding:5px 10px 5px 30px; font-size:14px;}
.back { clear:both; background:#eef7fb; height:20px;border-left:4px solid #91d9e8; margin:10px 0px 0px 0px; padding:5px 10px 5px 10px; height:40px; font-size:14px;}
.tick a {color:#0E49E4; text-decoration:underline}
.tick a:hover{text-decoration:none}
.wrong {clear:both; background:#f9f0f0 url(images/wrong-tick.png) no-repeat 4px 2px; height:20px; border-left:4px solid #e1b4bc; margin:10px 0px 0px 0px; padding:0px 10px 5px 30px; line-height:1.7; font-size:14px;}
.wrong a {color:#89cbdf; text-decoration:underline}
.wrong a:hover{text-decoration:none}
/*
#content .nav li.mail a { background:url(images/mail-icon.jpg) no-repeat 5px 11px; display:block; float:left; width:175px; padding:9px 0px 9px 25px; text-decoration:none; border-bottom:1px solid #E8E8E8; font-size:13px; color:#000099}
#content .nav li.excel a { background:url(images/excel-icon.jpg) no-repeat 5px 11px; display:block; float:left; width:175px; padding:9px 0px 9px 25px; text-decoration:none; border-bottom:1px solid #E8E8E8; font-size:13px; color:#000099}
#content .nav li.pass a { background:url(images/password-icon.jpg) no-repeat 5px 10px; display:block; float:left; width:175px; padding:9px 0px 9px 25px; text-decoration:none; border-bottom:1px solid #E8E8E8; font-size:13px; color:#000099}
#content .nav li.supp a { background:url(images/support-icon.jpg) no-repeat 5px 11px; display:block; float:left; width:175px; padding:9px 0px 9px 25px; text-decoration:none; border-bottom:1px solid #E8E8E8; font-size:13px; color:#000099;}
*/
#content .nav li a:hover {color:#000}
#content .nav li h4 {background:#0088cc; padding:10px; color:#fff; font-family:"Museo 300"; font-size:16px; margin:0; float:left; width:190px;}
#content .nav li h4.bulk {background:#0088cc; margin:-8px 0px 0px 0px; padding:10px; border-radius:6px 6px 0px 0px; color:#fff; font-family:"Museo 300"; font-size:16px; float:left; width:190px;}
#content .maincontent {float:right; width:730px; padding:0px 0px 10px 0px}
#content .maincontent h5 {font-size:22px; font-family:"Museo 300"; padding:0px 0px 10px 0px; margin:0}
/* box */
#content .maincontent h3 {font-size:18px; font-family:"Museo 300"; padding:5px 0px 5px 10px; margin:0;  background:#44b6ae; color:#fff}
#content .maincontent .box1 {border:1px solid #44b6ae; margin:0; width:728px; padding:0px 0px 20px 0px; background:#fff}

#content .logo {float:left; padding:5px; width:300px; margin:40px 0px 0px 110px}
#content .logo img {border:0; margin:3px 0px 0px 10px}
/*signup */
#content .log {padding:5px; width:122px; margin:55px 110px 0px 0px; float:right; font-size:13px}
#log {float:right; padding:5px; font-size:13px;}
#content .log a {font-size:14px; width:120px; text-align:center; font-family:"Museo 300"; color:#fff; padding:6px; text-decoration:none; display:block; background:#00a867; float:right; margin:5px 0px 0px 0px}
#log a {font-size:14px; width:120px; text-align:center; font-family:"Museo 300"; color:#fff; padding:6px; text-decoration:none; display:block; background:#00a867; float:right; margin:5px 0px 0px 0px}


#content .log a.signup:hover {
background: #139dd7; color:#000;
	background: -webkit-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -moz-linear-gradient(top,#139dd7 50%, #42b1df 50%);
	background: -o-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -ms-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;

}
#log a.signup:hover {
background: #139dd7; color:#000;
	background: -webkit-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -moz-linear-gradient(top,#139dd7 50%, #42b1df 50%);
	background: -o-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -ms-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;

}
#content .log a.signup {background: #42b1df; width:100px; padding:11px 0px; margin:0px 10px 0px 0px;
	background: -webkit-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	background: -moz-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	background: -o-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	background: -ms-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;

	}
	#log a.signup {background: #42b1df; width:100px; padding:11px 0px; margin:0px 10px 0px 0px;
	background: -webkit-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	background: -moz-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	background: -o-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	background: -ms-linear-gradient(top, #42b1df 50%, #139dd7 50%);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;

	}
	h2 {font-family:"Museo 300"; background:url(images/line.jpg) no-repeat 2px 16px;  font-size:16px; color:#404040; padding:0px 5px 10px 0px;}
#content .log a.signup:hover {
background: #139dd7; color:#000;
	background: -webkit-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -moz-linear-gradient(top,#139dd7 50%, #42b1df 50%);
	background: -o-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -ms-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
#log a.signup:hover {
background: #139dd7; color:#000;
	background: -webkit-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -moz-linear-gradient(top,#139dd7 50%, #42b1df 50%);
	background: -o-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	background: -ms-linear-gradient(top, #139dd7 50%, #42b1df 50%);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
#content .signin a {text-decoration:underline; color:#F04E00}
#content .signin h5 {font-size:22px; font-family:"Museo 300"; padding:0px 0px 10px 0px; margin:0}
#content .signin input.cap {width:100px}
#content .signin input.cap img {margin:2px 0px 0px 0px; padding:5px 0px 0px 0px}
#content .signin {margin:20px 0px 30px 10px; clear:both; width:680px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:20px 20px 30px 20px; border:1px solid #ccc; float:left }
/* user active color */
#content .signin input::-webkit-input-placeholder{color:#cecece; opacity:  2}
/* user focus color  */
#content .signin input:focus::-webkit-input-placeholder {
    color: red;
}
#content .signin input::-moz-placeholder { color:#cecece; }
#content .signin input:focus::-moz-placeholder {
    color: red;
}
#content .signin input:-ms-input-placeholder{color:#FF8000;}
#content .signin input:focus:-ms-input-placeholder {
    color: red; }
#content .signin a:hover {text-decoration:none}
p {font-size:14px; text-align:justify; line-height:1.6; font-family:Arial, Helvetica, sans-serif}
/* 3d button */
input[type="submit"] { margin:0px 0px 0px 100px; background:#1B80E4; padding:10px 14px; color:#fff; cursor:pointer; border:0}

input[type=radio].css-checkbox {
    display: none;
}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:25px;
							height:21px;
							display:inline-block;
							line-height:21px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:14px;
							vertical-align:middle;
							cursor:pointer; font-weight:normal

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -21px;
						}
						label.css-label {
				background-image:url(csscheckbox.png);
				-webkit-touch-callout: inherit;
				-webkit-user-select: inherit;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
input[type="submit"]:hover { margin:0px 0px 0px 100px; background:#404040;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
	input.filt[type="submit"] { margin:0px 0px 0px 180px; background:#1B80E4; padding:10px 14px; color:#fff; cursor:pointer; border:0}
input.filt[type="submit"]:hover { margin:0px 0px 0px 180px; background:#404040;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.maincontent input[type="submit"].logn { background:none; margin:0; color:#FF8000; padding:0; font-size:13px; text-decoration:underline; border:0; cursor:pointer }
.maincontent input[type="submit"].logn:hover {color:#000; text-decoration:none}
.maincontent input[type="submit"].logn:active {border:0}
.maincontent input[type="submit"].logn:focus {border:0}
/*input[type="submit"] {background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-decoration:none; margin:0px 0px 0px 90px;
	color:#fff; border:0;
	position:relative;
	padding:10px 10px; cursor:pointer;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;}
input[type="submit"]:active {top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999; cursor:pointer;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;}
	input[type="submit"]::before {background-color:#2591b4;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}
input[type="submit"]:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}*/
input[type="text"], input[type="password"], input[type="email"]{border:1px solid #ccc; width:270px; padding:5px}
label {font-size:13px; float:left}
.maincontent input[type="text"]{border:1px solid #ccc; width:140px; padding:5px}
/* Breadcrump */
#breadcrump {background:#ededed; padding:5px; margin:7px 0px}
#breadcrump a.home {text-decoration:none; color:#525252; font-family:"Museo 300"; font-size:14px; background:url(images/home-icon.jpg) no-repeat 2px 2px; padding:0px 0px 0px 20px}
#breadcrump a {text-decoration:none; font-family:"Museo 300"; color:#525252; font-size:14px; background:url(images/icon.png) no-repeat 6px 3px; padding:0px 0px 0px 18px; line-height:1.5}
#breadcrump a.home:hover { text-decoration:underline}
#breadcrump a:hover { text-decoration:underline}

#keyword1 {background:#17bb76 url(images/keyword.jpg) no-repeat 10px 15px; width:220px; padding:10px; margin:20px 20px 20px 40px; float:left; height:80px;}
#keyword1 .value { margin:10px 0px 0px 40px; float:right; color:#fff; font-size:28px; text-align:right}
#keyword1 .value span {font-size:16px; color:#fff}
#keyword1 .bot1 {background:#00a968 url(images/arrow.png) no-repeat 218px 10px; font-size:13px; color:#e4fdf3; padding:8px 10px 15px 10px; margin:80px 0px 0px -10px; width:220px; height:8px}

#keyword2 {background:#17bb76 url(images/keyword.jpg) no-repeat 10px 15px; width:220px; padding:10px; margin:20px 40px 20px 0px; height:80px; float:right}
#keyword2 .value { margin:10px 0px 0px 40px; float:right; color:#fff; font-size:28px; text-align:right}
#keyword2 .value span {font-size:16px; color:#fff}
#keyword2 .bot2 {background:#00a968 url(images/arrow.png) no-repeat 218px 10px; font-size:13px; color:#e4fdf3; padding:8px 10px 15px 10px; margin:80px 0px 0px -10px; width:220px; height:8px}

#keyword {background:#17bb76 url(images/keyword.jpg) no-repeat 10px 15px; width:220px; padding:10px; margin:20px auto; height:80px;}
#keyword .value { margin:10px 0px 0px 40px; float:right; color:#fff; font-size:28px; text-align:right}
#keyword .value span {font-size:16px; color:#fff}
#keyword .bot {background:#00a968 url(images/arrow.png) no-repeat 218px 10px; font-size:13px; color:#e4fdf3; padding:8px 10px 15px 10px; margin:80px 0px 0px -10px; width:220px; height:8px}
#order {background:#19a9e6 url(images/order.jpg) no-repeat 10px 15px; width:220px; padding:10px; margin:40px 20px 20px 40px; height:80px; float:left}
#order .value { margin:10px 0px 0px 40px; float:right; color:#fff; font-size:28px; text-align:right}
#order .value span {font-size:16px; color:#fff}
#order .bot {background:#1594cb url(images/arrow.png) no-repeat 218px 10px; font-size:13px; color:#e4fdf3; padding:8px 10px 15px 10px; margin:80px 0px 0px -10px; width:220px; height:8px}
#balance {background:#ffb83a url(images/balance.jpg) no-repeat 10px 15px; width:220px; padding:10px; margin:40px 40px 20px 0px; height:80px; float:right}
#balance .value {margin:10px 0px 0px 40px; float:right; color:#fff; font-size:28px; text-align:right}
#balance .value span {font-size:16px; color:#fff}
#balance .bot {background:#dc9610 url(images/arrow.png) no-repeat 218px 10px; font-size:13px; color:#e4fdf3; padding:8px 10px 15px 10px; margin:80px 0px 0px -10px; width:220px; height:8px}
#balance .bot a, #order .bot a, #keyword .bot a, #keyword1 .bot1 a, #keyword2 .bot2 a {text-decoration:none; color:#fff}
#balance .bot a:hover, #order .bot a:hover, #keyword .bot a:hover, #keyword1 .bot1 a:hover, #keyword2 .bot2 a:hover {color:#525252}

table {width:100%;
		border-collapse: collapse;  font-size:13px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) {
		background: #f9f9f9;
	}
	th {
		background: #742895;
		color: white;
		font-weight: bold; font-size:16px;
	}
	th a.excel {float:right; width:150px; font-size:14px; margin:0px 0px 0px 0px; color:#ffffff; padding:0px 0px 0px 22px; background:url(images/excel-icon.png) no-repeat -2px 2px; height:16px;}
	th a.excel:hover {color:#fff}
	th.sms {
		background: #742895 url(images/sms-icon.png) no-repeat 6px 6px; padding:6px 0px 6px 32px;
		color: white; font-family:"Museo 300";
		font-weight: bold; font-size:18px; text-align:left
	}
	td, th {
		padding: 10px 4px;
		border: 1px solid #D8D8D8;
		border-width:0px 1px 1px 1px;
	}
	td.msg {word-break:break-all; line-break: strict; width:100px word-wrap:break-word;}
	table.bor {border:0}
	table.bor td {border:0; background:#fff}
	table.bor th {border:0; background:#fff}
table a {text-decoration:underline; color:#F04E00}
table a:hover {color:#000; text-decoration:none}

#footer {margin:20px 0px 0px 0px; background:#3E3E44; text-align:center; padding:10px; font-size:12px; color:#D0D0D5; clear:both; border-radius:0px 0px 5px 5px}
.footer {margin:-25px 0px 0px 25px; width:702px; text-align:center; padding:10px; font-size:12px; color:#ACACB5; float:left; clear:both; border-radius:0px}