@import url("../HeaderMenu.css");
@import url("../table.css");

* { padding:0; margin:0}
img { border:0}
a { color:#666666; text-decoration:none}
a:hover { color:#166f75}
body { background-image:url(images/body.jpg); background-repeat: repeat-x; font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:0 auto; width:1000px}
h1 {color: #166f75; font-size: 25px}
h2 { font-size:18px; color:#666666;}
h3 {color: #166f75; font-size: 14px}
p { color:#666666}
#wraper {	}
#header {background-image: url(images/bg-header.jpg);	background-repeat: no-repeat;	height: 129px; position: relative; }

.logo { background-image: url(images/logo.gif); background-repeat: no-repeat; height: 77px; width: 259px; float: left; margin: 15px 0 11px 10px;}

.logo a { display: block; width: 259px; height: 77px; text-indent: -9999px;}
/* login */
.wbr-login {float: right;	width: 400px;	height: 36px; margin-top:5px;}
span.yoo-login span.login span.username,
span.yoo-login span.login span.password {	margin: 0px 5px 5px 5px;	width: 120px;	height: 20px;	padding: 3px 2px 0px 25px;	overflow: hidden;}
span.username {	background:  url(images/icons/username_bg.png) 0 0 no-repeat;}
span.password {	background: url(images/icons/password_bg.png) 0 0 no-repeat;}
span.login-button { margin-left: 5px;}
.logbutton {height:22px; font-size:11px; width:50px;}

#branding {	width: 700px; margin: 10px auto 10px auto; height:auto}
* +html  #branding { margin-top:40px;}
.brand-left {	float: left;	width: 350px;}
.brand-left { list-style: none}
.brand-right {	float: right;	width: 350px; font-size: 18px; color:#666666}
.brand-right ul { list-style:none }
.brand-right li {	background-image: url(images/icons/tick.gif);	background-repeat: no-repeat;
padding-left: 40px;	background-position:  10px;}
.content { padding:10px 25px 10px 25px; background-image:url(images/bg-content.jpg); background-repeat:repeat-x; border-top: #CCCCCC solid 1px; }
#footer {	padding: 10px; font-size:11px; background-image:url(images/bg-footer.jpg); background-repeat:repeat-x; height:118; color:#666666}
.footercon { float:left; }
.inner-content { padding:10px 25px 10px 25px; width:95%; margin-left:25px }
.inner-content p  {margin-bottom:10px;}
.inner-content a{color: #166f75;}
.inner-content a:hover{color:  #FF9900 }

.content-ranking { background-color: #DFEFFF; padding:10px; width:98%; margin:0 auto}
.customer-ranking { width:100%; border-bottom:  #fff dashed 1px; margin-bottom:20px;}
.google { width:303; float:left; margin:10px 0 10px 10px;}
.google-header { background-image:url(images/bg-google.jpg); background-repeat:no-repeat; width:303px; height:42px;}
.yahoo-header { background-image:url(images/bg-yahoo.jpg); background-repeat:no-repeat; width:303px; height:42px;}
.msn-header { background-image:url(images/bg-msn.jpg); background-repeat:no-repeat; width:303px; height:42px;}

.ranking-contents { border: #CCCCCC solid 1px; background-image: url(images/bg-ranking-contents.jpg); background-repeat:repeat-x; min-height:300px; padding:10px; background-position:bottom; background-color:#FFFFFF; width:281px;}
.ranking-contents ul { list-style:none}

.ranking-contents ul li { background-image: url(images/bg-li.gif);
background-repeat: no-repeat;
background-position:0px 5px; padding-left:20px
}

.ranking-contents ul { list-style:none}

.ranking-contents ul li a  { color:#166f75; }
.ranking-contents ul li a:hover  { color:black; }

.ranking-contents1 ul li a  { background-image: url(images/bg-li.gif); background-repeat: no-repeat; background-position:0px 5px; margin-left1:20px; padding:0 10px 10px 20px;}

.ranking-reports { width:100%; border-bottom:  #fff dashed 1px; margin-bottom:20px;}
.ranking-part { width:50%; margin:10px 0 10px 10px;}

.points ul { list-style:none}
.points ul li { background-image:url(images/li-bullet.jpg); background-repeat: no-repeat; padding-left:30px;}

.se-content { width:815px; border-right: #999999 dotted 1px; float: left; margin-left:10px;}
.se-right { float:right; width: 160px;}
.sebox { border: 1px;  background-image1:url(images/bg-se.png); background-repeat:no-repeat; width:170px; height:90px; float: left; margin:5px 10px 20px 0px}

.hdr-se { height:22px; width:95%;}
.hdr-se h3{ text-decoration: underline; color: #166f75;}
.flag { float:left; width:60px; padding:10px; 0 0 10px; }
.se-desc { float:left; }

se-desc span a { color: #166f75; font-size: 10px; text-decoration: underline; !important}
se-desc span a:hover { color: black; font-size: 10px; text-decoration: none; !important}

.naming {
position: absolute;
height: 48px;
float: left;
margin-top: 10px;
left: 425px;
top: 45px;
}
.naming h3
{
	text-decoration: underline;
	color: #166f75;
	font-size: 16px;
}

a.renew-link
{
	color:red;
	font-size: 16px;
	font-weight: bold;	
	text-decoration: none;
}

a.renew-link:hover
{
	color:red;
	font-size: 16px;
	font-weight: bold;	
	text-decoration: underline;
}

.featureclient { width:100%;  margin:10px 0;}
.clients-details 
{ background:url(images/wra-clients/bg-client-details.jpg) center no-repeat; width:931px; height:101px; padding:20px; margin-bottom:20px;}
.clients-details div { float:left; width:700px;}
.clients-details img { float:right; padding:20px 0 0 0; text-align:center; }

a.sort
{	
	color: blue;	
	font-size: 12px;
	text-decoration: none;
}

a.sort:hover
{	
	color: red;	
	font-size: 12px;
	text-decoration: underline;
}

a.bsort
{	
	color: red;	
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

a.bsort:hover
{	
	color: blue;	
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

.sort
{
	color:blue;
}

td span.create-date
{
	margin-top: 5px;
	color: gray;
	font-size:8px;
}