html {
overflow:auto;
}

* {
margin:0;
padding:0;
}

body {
background-color: #eeeeee;
margin: 40px;
font-family: Lucida Grande, Verdana, Sans-serif;
font-size: 14px;
color: #4F5155;
}

a {
color: #003399;
background-color: transparent;
font-weight: normal;
}

h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 16px;
font-weight: bold;
margin: 24px 0 2px 0;
padding: 5px 0 6px 0;
}

code {
font-family: Monaco, Verdana, Sans-serif;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
		
.result{
display: inline-block;
margin: 5px 0px 5px 0px;
border: 1px solid #4081af;
border-bottom-color: #20559a;
color: white;
text-align: left;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	 

background: #0052a5; /*Fallback*/
background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(.2, #0052a5),
	color-stop(1, #0e3a70)
	);
background: -moz-linear-gradient(
	center top,
	#0052a5 20%,
	#0e3a70 100%
	);
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
			
.profile-picture{
float: left;
margin: 10px;
}
			
.profile-picture img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	 
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
	inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
	0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
			
#responseTable{
width: 100%;
font-family: Arial;
}
	
.result:hover{
background: #003f7e; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #003f7e),color-stop(1, #0052a5));
background: -moz-linear-gradient(center top,#003f7e 20%,#0052a5 100%);
}
			
.result:active{
border-color: #20559a;
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
    0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
    0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
	0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
			
.result a{
color: #ffffff;
}
			
.info{
float: left;
padding: 10px 5px 5px 5px;				
}

#navigation{
height: 35px;
color: white;
text-align: left;
width: 100%;
border-bottom: 1px solid #000000;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px; 
background: #444444; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #444444),color-stop(1, #333333));
background: -moz-linear-gradient(center top,#444444 20%,#333333 100%);
-webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
 }
 
.nav-but{
height: 25px;
padding: 10px 5px 0px 5px;
float: left;
cursor: pointer;
}

.nav-but:hover{
background: #555555; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #555555),color-stop(1, #333333));
background: -moz-linear-gradient(center top,#555555 20%,#333333 100%);
}

.prev{
border-right: 1px solid #333333;
border-left: 1px solid #555555;
}

.left-side-nb{
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px; 
}

.right-side-nb{
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px; 
}

.next{
border-left: 1px solid #555555;
border-right: 1px solid #333333;
}

.search{
border-right: 1px solid #333333;
float: left;
height: 25px;
padding: 10px 5px 0px 5px;
}

.adv{
float: right;
}

#mostPopular p{
padding: 10px;
text-align: left;
background: #0052a5; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #0052a5),color-stop(1, #003f7e));
background: -moz-linear-gradient(center top,#0052a5 20%,#003f7e 100%);
border-bottom: 1px solid #00264c;
border-top: 1px solid #1f78d2;
color: #ffffff;
}

#mostPopular a{
text-decoration: none;
color: #ffffff;
text-shadow: 0 1px 0 #000000;
}

#mostPopular p:hover{
padding: 10px;
color: white;
text-align: left;
background: #003f7e; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #003f7e),color-stop(1, #0052a5));
background: -moz-linear-gradient(center top,#003f7e 20%,#0052a5 100%);
}

#stat-bottom{
margin-bottom: 5px;
border-top: 1px solid #777777;
color: white;
text-align: left;
width: 100%;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-bottom-right-radius: 5px; 
background: #444444; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #444444),color-stop(1, #333333));
background: -moz-linear-gradient(center top,#444444 20%,#333333 100%);
-webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

#stat-bottom p{
padding: 5px;
height: 20px;
}

#searchQuery, .input{
color: #333333;
padding: 0px 5px 0px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
text-shadow: 0 1px 0 white; 
background: #ffffff; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ffffff),color-stop(1, #eeeeee));
background: -moz-linear-gradient(center top,#f3f3f3 20%,#e6e6e6 100%);
}

.green-text{
color: #8aff00;	
}

.red-text{
color: #ff0000;
}

.clicks{
float: right;
}

#commandLine{
background: #003f7e; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #003f7e),color-stop(1, #0052a5));
background: -moz-linear-gradient(center top,#003f7e 20%,#0052a5 100%);
border-bottom: 1px solid #00264c;
border-top: 1px solid #1f78d2; 
color: #ffffff;
text-shadow: 0 1px 0 #000000;
font-family: Arial;
text-align: center;
}

#commandLine p{
padding: 5px;
}

#executeURL p{
padding: 5px;
}

#executeURL a{
color: #8aff00;	
text-decoration: none;
}

.sep-line{
height: 1px;
width: 100%;
background-color: #1f78d2;
border-top: 1px solid #00264c;
margin: 5px 0px 5px 0px;
}

#commandText{
font-family: Arial;
width: 90%;
}

#commandURL, #commandDescription{
padding: 5px;
}

.coolButton{
background: #ffffff; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ffffff),color-stop(1, #cccccc));
background: -moz-linear-gradient(center top,#ffffff 20%,#cccccc 100%);
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
padding: 5px 10px 5px 10px;
text-shadow: 0 1px 0 white; 
color: #55555;
}

#subscribeButton{
background: #cc0000; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ff0000),color-stop(1, #cc0000));
background: -moz-linear-gradient(center top,#ff0000 20%,#cc0000 100%);
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
padding: 5px 10px 5px 10px; 
color: #ffffff;
}

#addDescription{
background: #ffffff; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ffffff),color-stop(1, #cccccc));
background: -moz-linear-gradient(center top,#ffffff 20%,#cccccc 100%);
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
padding: 5px 10px 5px 10px;
text-shadow: 0 1px 0 white; 
color: #55555;
}

#sendQuery{
background: #ffffff; /*Fallback*/
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ffffff),color-stop(1, #cccccc));
background: -moz-linear-gradient(center top,#ffffff 20%,#cccccc 100%);
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
padding: 5px 10px 5px 10px;
text-shadow: 0 1px 0 white; 
color: #55555;
}

.logo{
width: 100%;
height: 105px;
}

.credits p{
padding: 40px 0px 0px 10px;
font-size: 12px;
color: #555555;
text-shadow: 0 1px 0 #ffffff;
}

.credits{
float: left;
}

.logo img{
float: left;
}

.share{
float: right;
height: 102px;
width: 146px;
}

.share-top, .share-bottom{
float: left;
}

.share-top{
background-image: url(../img/top.png);
width: 96px;
height: 64px;
padding: 3px 0px 0px 50px;

}

.share-bottom{
width: 146px;
height: 35px;
background-image: url(../img/bottom.png);
}