/*  
Theme Name: TonlineGames.com
Version: 1
Description: TonlineGames.com.
Author: TonlineGames.com
Author URI: http://www.tonlinegames.com
*/


html, body {
	font-family: arial;
	font-size: 13px;
	border: 0;
	color: #565656;
	
}

/* IE7 display fix */
div, ul { zoom: 1; } 


.clear{ clear:both;}

#wrap {
	url(images/bg_gradient.png) no-repeat;

}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
	margin: 0;
	padding: 0;
}

p {

	padding: 2px 0;
}

h1, h2, h3, h4, h5 {
	padding: 10px 0;
	font-family: Arial;
}

ul, ol {
	list-style: none;
	padding: 4px 0;
}

small {
	font-size: 13px;
}

code {
	background: #FFFFC1;
}

a {
	color: #a8bc70;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

blockquote p {
	padding: 5px 0;
}

/* Align */

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}

.alignleft {
	margin: 10px 20px 8px 0;
	float: left;
}

.alignright {
	margin: 10px 0px 8px 20px;
	float: right;
}

.col-left {
	float: left;
        font-size:13px;
}

.col-right {
	float: right;
        font-size:13px;
}

.col-left-footer {
	float: left;
        font-size:11px;
}

.col-right-footer {
	float: right;
        font-size:11px;
}

/* Wrap */

/* Top */

#top {
	width: 1000px;
	margin: 0 auto;	
}

/* Page Navigation */

#page_navi {
	height: 28px;
	font-size: 12px;

}

#page_navi a {
	color: #ffffff;
}

#page_navi a:hover {
	text-decoration: underline;

}

#page_navi ul {
	padding: 0;
}

#page_navi .col-left {
	margin-left: -6px;
}

/* Page Navigation (rss) */

#page_navi ul.rss {
	padding: 6px 0 3px 15px;
float:right;
}

#page_navi ul.rss li {
	padding: 0 10px;
	display: inline;
	background: url(images/bg_separator.gif) no-repeat left 4px;
}

#page_navi ul.rss li.last {
	background: none;
}

#page_navi li.last {
background: none;
color:#fff;
}

#page_navi li.last:hover{
cursor:pointer;
text-decoration:underline;
}

/* Header */

#header {
	width: 100%;
	height: 100px;
	padding-top: 25px;
        padding-bottom: 4px;
	clear: both;
	position: relative;
}

#logo{
   width:420px;
   height:80px;
   background:url(images/logo.gif) top left;
}

#logo:hover{
   width:420px;
   height:80px;
   background:url(images/logo.gif) bottom left;
}

#header img.title {
	margin-left: 5px;
}

#header h1 {
	display: none;
        
}

#about {
	position: absolute;
	left: 469px;
	top:-8px;
        font-size:14px;
        font-family: arial,helvetica,sans-serif;
        text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Page Nav */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	display: block;
	line-height: 28px;
	padding: 0 10px;
	z-index: 100;
}

#nav li {
	float: left;
	background: url(images/bg_separator.gif) no-repeat right 10px;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

/* Content */

#content {
	width: 1000px;
	margin:auto;
	min-height: 550px;
	padding: 0;

}

#content a:hover{
text-decoration: underline;

}

#main {
	width:740px;
}

* html #content {
	height: 550px;
}


/* Comments */

#comments {
background: #f4f4f4;
border: 1px solid #dddddd;
}

#comments h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

#comments_wrap {
	padding: 10px 8px 0px 8px;

}

#comments .comment a {
	text-decoration: none;
}

#comments .comment a:hover {
	text-decoration: underline;
}

#comments .comment small {
	font-size: 10px;
	margin-top: -2px;
}

#comments .comment {
	width: 725px;
        border-bottom: 1px solid #dddddd;
}

#comments .comment .col-left {
	width: 90px;
        padding-bottom:0px;
        padding-left:0px;

}

#comments .comment .col-right {
	padding: 0px 10px 2px 0px;
	margin-left:125px;
	float:none; 

}

* html #comments .comment .col-right {
	height: 100px;
}

#comments .comment .col-left img {
	border: #EDEDED 5px solid;
}

#comments .comment .col-left .inside {
	width: 100px;
	float: right;
	margin-right: -16px;
	position: relative;
	overflow: hidden;
	padding-right: 7px;
}

#comments .comment .col-left p {
	padding: 1px 0px 1px 2px;
	line-height: 13px;
}


#comments .comment span.reply { 
	float:right; 
	padding: 3px 3px 0; 
	font-size:11px; 
}
#comments .comment span.reply a { 
	text-decoration:none; 
	color:#aaa;
}

#comments ul.children { 
	margin:10px 0 0 20px; 
	padding:0; 
}

#comments .navigation .alignright, 
#comments .navigation .alignleft { 
	margin:0;
}

#comments .navigation a {
	display: block;
	padding: 10px 0px 20px 0px;
	margin-left: 4px;
	font-family:arial;
	font-weight:bold;
        font-size: 11px;
}

#comments .commentlist {
	padding:0;
        word-wrap:break-word;
}

#comments .commentlist #respond #form_wrap {
	padding:0 0 10px;
	margin:0;
	border:1px solid #dddddd;
	width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{
	float:none;
}
#comments .cancel-comment-reply {
	margin-bottom:10px;
}

/* Comments (form) */

#form_wrap {	
	padding: 0px 8px 10px 8px;
	position: relative;
}

#form_wrap h2 {
	padding-bottom: 28px;
	position: relative;
}

#form_wrap .form-left {
	width: 702px;
	float:left;
}

.children #form_wrap .form-right {
	float:none;
}

#form_wrap textarea, #form_wrap .form-left input {
	border: 1px solid #dddddd;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676563;
	padding: 7px 10px;
}


#form_wrap textarea {
	width: 700px;
	margin-bottom: 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}

#form_wrap .form-left input {
	width: 117px;
        height: 13px;
	display: block;
        margin-top: 10px;
	margin-bottom: 8px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 13px;
        padding: 5px;
        padding-bottom: 7px;
        padding-left: 10px;
}


/* PageNavi */

.more_entries {
	width: 740px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0;
        margin-right: 15px;
        float:right;
}

.Nav {
	clear:both;
	float: right;
}

.Nav a {
	text-decoration: none !important;
}

.Nav .on, .Nav a:hover {
	background: #555 !important;
}

.Nav a, .Nav .on {
	background: #bcbcbc;
	color: #fff;
	display: block;
	float: left;
	padding: 5px 9px;
	margin-left: 4px;
}

/* Sidebar */

#sidebar {
	width: 244px;
	overflow: hidden;
        font:12px  Arial;
}

#sidebar a:hover{
text-decoration:none;
}

#sidebar h2, #embed h3 {
	font:13px  Arial;
        font-weight: none;
        text-style: bold;
	color:#ffffff;
	background: #a8bc70;
	padding: 7px 10px;
	float: left;
	margin: 0 0 0px 0px;
	display: inline;
}

#sidebar ul {
	clear: both;
}



#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {
	color: #000;
	
}

#sidebar ul li span {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#878787;
	font-weight:normal;
}

/* Sidebar (block) */

#sidebar .block {
	width: 244px;
}

/* Sidebar (block > inside)*/

#sidebar .block .inside {
	border: #D5D4D4 1px solid;
	background: #EDEDED;
	padding-bottom: 5px;
}

#sidebar .block .inside ul {
	padding: 0;
}

#sidebar .block .inside li {
	padding: 8px 15px 8px 10px;
	line-height: 15px;
	position:relative;
}

#sidebar .block .inside li img.thumbnail {
	border: #A4A4A4 2px solid;
	float: left;
	margin-right: 10px;
}


#sidebar ul, #sidebar .textwidget {
	background:#F2F2F2 none repeat scroll 0 0;
	border:1px solid #E2E2E2;
	clear:both;
	padding:0;
}

#sidebar .widget {
	margin-bottom:15px;
}

#sidebar li {
	font-family:Arial;
	font-weight:bold;
	border-bottom: 1px solid #e2e2e2;
        border-right: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
	line-height: 17px;
        padding-top: 3px;
        padding-bottom: 3px;
	overflow: hidden;
}

#sidebar li:hover, #sidebar li.current-cat #sidebar li.active {
	background:#FFFFFF url(images/bg_sidebar_ul_lines.gif) repeat-x bottom;
}

/* Sidebar (widgetized>list>inside)*/

#sidebar ul ul {
	padding: 0;
	margin: 3px 0 0 0;
	border:0;
}

#sidebar ul ul li {
	border: 0;
	padding-bottom: 0;
	border-top:1px solid #E2E2E2;
}

/* Sidebar (widgets)*/

#tag_cloud h2 {
	display: block;
	float: none;
}

.textwidget {
        margin-top:-16px;
}


/* Sidebar (Search)*/

#sidebar #search_main form div {
	background:#ffffff url(images/ico-search.png) no-repeat 220px center;
        border: #E2E2E2 1px solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	height:33px;
	position:relative;
	margin-bottom:15px;
}

#sidebar #search_main input.field {
	position: absolute;
	left: 10px;
	top: 8px;
	padding-top: 2px;
	outline: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #636363;
	border: 0;
	background: transparent;
	z-index: 1;
	width:220px;
        text-transform:capitalize;
}

#sidebar #search_main input.submit {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

/* Footer */

#footer {
	width: 1000px;
        margin: auto;
        margin-top:40px;
	font-size: 11px;
	color: #222222;
        padding:10px 10px 20px 10px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
}
#footer a{
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
#footer p{
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.footer-div{
    width:160px;
    float:left;
    margin-right: 6px;
}

.footer-div a {
     height:20px;
     line-height:20px;
     clear:both;
}

.footer-div a:hover{
     text-decoration:underline;

}

.under-footer{
width:1000px;
margin:auto;
background:#e9e9e9;
padding:10px 10px 40px 10px;
margin-bottom:30px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

.under-footer a{
     height:20px;
     line-height:20px;
     clear:both;
}

/* Fix */

.wrap:after,
#sidebar .widget_categories ul:after,
#sidebar .widget_archive ul:after,
#sidebar .widget_links ul:after {
    content: "."; 
    display: block;
	 height: 0;
    clear: both; 
    visibility: hidden;
}

/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl{
	float: left;

}       
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}
	
/* Homepage layout */

.home #main { margin-bottom:15px; }
.home #main-content .post { position:relative; }


#content .home { width:756px; }

#main-content {
        border: 1px #dddddd solid;
        background: #f4f4f4;
        padding: 15px;
        padding-top: 0px;
}

.adsbox-left {
        float:left;
        width:215px;
	background:#f3f3f3;
	border:1px solid #E2E2E2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	margin:0 15px 15px 0;
	position:relative;
	padding:10px;
        text-align:center;
}

.adsbox-left:hover {
background: #ffffff; 
}

.adsbox-right {
        float:right;
        width:213px;
	background:#f3f3f3;
	border:1px solid #E2E2E2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	margin:0 14px 15px 0;
	position:relative;
	padding:10px;
        text-align:center;
}

.adsbox-right:hover {
background: #ffffff; 
}


.adsbox-center {
        float:left;
        width:729px;
	background:#f3f3f3;
	border:1px solid #E2E2E2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	margin:0 15px 15px 0;
	position:relative;
	padding:5px;
        text-align:center;
}

.adsbox-center:hover {
background: #ffffff; 
}

.video-box {
	float:left;
	width:235px;
	background:#f3f3f3;
	border:1px solid #E2E2E2;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
	margin:0 15px 15px 0;
	position:relative;
	padding:0px;
}

.video-box:hover {

	background:#fff;

}

.video-box .inside { font-style: italic; padding:5px; margin-left:2px; margin-top:2px; height:172px; }

.video-box.last { margin-right:0; }

.video-box h4 { 
text-align: left;
margin-top: -3px;
height: 20px;
background:url(images/more.gif) no-repeat;
font-style: italic;
}

.video-box h4 a { font-size:12px; color:#515151; line-height:0px; padding:5px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}
.video-box h4 a:hover { text-decoration: underline; }

.video-box .box-bot {
        margin-top: 0px;
        height:35px;
	background:url(images/bg_box_bot.gif) repeat-x;
	font-size: 11px;
} 

.comment-cloud { display: block; margin-top:8px; }
.comment-cloud a {
	width: 70px;
	height: 20px;
	padding: 3px 0 0 0;
	margin: 0 10px 0 0; 
	background: url(images/plays.png) no-repeat 0 0;
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	color: #ffffff;
	display: block;
	text-decoration: none;
}
.comment-cloud a:hover { text-decoration: underline; }
#main-content .comment-cloud a {margin:10px 0 0 15px; padding:auto 0; text-decoration:none; }

.box-bot .ratings { padding: 13px 0 0 10px; }

#save {
float:left;
width: 740px;
}

#info{
width: 740px;
height: 60px;
margin:auto;
line-height: 10px;
text-align:center;
font-family: Arial;
font-size: 13px;
color: #FFFFFF;
}

#info .info-center{
background:url("images/game-title.png") #343434 repeat-x;
float:left;
width:730px;
height:60px;
}

.info-left{
background:url("images/game-title-left.png");
float:left;
width:5px;
height:60px;
}

.info-right{
background:url("images/game-title-right.png");
float:right;
width:5px;
height:60px;
}

#info .title {
text-align: left;
padding: 13px 0px 0px 14px;
font-family: Arial;
font-size: 25px;
color: #f4f4f4;
width: 400px;
float:left;
font-weight: bold;

}

#info .title a {
color: #FFFFFF;
text-decoration: none;

}

#info .cat {
float: left;
padding: 10px 0px 0px 14px;
font-family: Arial;
font-size: 11px;
line-height: 11px;
font-weight: bold;
text-align:left;
width:400px;
}

#info .cat a {
color: #FFFFFF;

}

#info .plays {
background: url(images/play.png) no-repeat;
float:right;
width: 144px;
height: 29px;
line-height:29px;
margin-top:16px;
margin-right:10px;
font-family: Arial;
font-size: 13px;
font-weight: bold;

}

#info .ratings {
background: url(images/ratings.png) no-repeat;
width: 144px;
height: 29px;
padding-top:8px;
text-align: center;
font-family: Arial;
font-size: 13px;
float:right;
margin-right:10px;
margin-top:16px;

}

#game {
	background-color:#000000;
        border:5px solid #313131;
        border-bottom: none;
	padding:0px;
	margin:auto;
        text-align:center;
        border-top:none;

}


#adbottom {
	background-color:#313131;
        
        border-top: none;
	padding:0px;
	margin:auto;
        margin-bottom:40px;
        text-align:center;
        height:90px;

}


#subgame {

background: url(images/subgame.png);
width: 740px;
height: 40px;
margin:auto;
text-align:center;
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
}

#subgame .subgame-left{

width:285px;
line-height:40px;
margin:auto;
float:left;
padding-top:0px;
padding-left:10px;
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
text-align:left;
}

#subgame .subgame-left-left{
width:285px;
text-align:left;
}

#subgame .subgame-left-right{
width:50px;
text-align:left;
}

#subgame .subgame-left a{

color: #FFFFFF;

}

#subgame .subgame-right{
width:420px;
line-height:30px;
margin-right:0px;
float:right;
padding-top:9px;
padding-right:10px;
position:relative;
}

#subgame .subgame-right a{
color:#ffffff;
}

.addthis_toolbox .custom_images{
width:365px;
}

.addthis_toolbox .custom_images a
{
    width: 16px;
    height: 16px;
    margin: 0;
    padding-right: 5px;
}

.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}

.addthis_button_expanded {
margin-top:-26px;
float:right;
}

.addthis_button_expanded img:hover{
opacity: 0.75;
}


#desctitle {

       background: url(images/t.png) no-repeat;
       float:left;
       width: 740px;
       height: 35px;
       line-height: 35px;
       font-size: 15px;
       font-weight: bold;
       font-family: Arial;
       color: #6f6f6f;
       text-align:left;
       padding-left: 10px;
       clear:both;
       margin-top: 15px;
       text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);

}


#infos {

       background: url(images/t.png) no-repeat;
       float:left;
       width: 740px;
       height: 35px;
       line-height: 35px;
       font-size: 15px;
       font-weight: bold;
       font-family: Arial;
       color: #6f6f6f;
       margin-top:15px;
       text-align:left;
       padding-left: 10px;
       text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);

}

#desc {

background-color:#F4F4F4;
width:718px;
border:1px solid #DDDDDD;
float: left;
margin: 0px;
font-family: Arial;
font-size: 13px;
color: #333333;
text-align:left;
padding:10px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}


#adboxcenter {
background-color:#F4F4F4;
width:728px;
border:1px solid #DDDDDD;
float: left;
margin-top: 15px;
color: #333333;
padding:5px;
}

#searchresultstitle {

       background: url(images/t2.png) no-repeat;
       float:left;
       width: 729px;
       height: 35px;
       line-height: 35px;
       font-size: 15px;
       font-family: Arial;
       color: #515151;
       margin-top:0px;
       text-align:left;
       padding-left: 10px;
       margin-bottom:15px;
       border: 1px solid #DDDDDD;
        -moz-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-border-radius: 5px;
       text-transform:capitalize;
}

#tags {

background-color:#F4F4F4;
width:718px;
border:1px solid #DDDDDD;
display: block;
float: left;
margin: 0px;
font-family: Arial;
font-size: 13px;
color: #333333;
text-align:left;
padding:10px;
text-transform: lowercase;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);

}

#tags a{
margin-right:5px;

}

/*     PLAY ICON ON GAME PHOTO     */

.play-icon{
			background:url(images/play-icon.png);
			position:absolute;
			top:53px;
			left:90px;
			width:40px;
			height:40px;
			display:none;
			color:#fff;
		}

#image-holder-box{
position:relative;
}

#sidebar ul li a {
        color: #636363;
	padding: 0px 0px 0px 8px;
	display:block;
        text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

#sidebar ul li img {
        color: #636363;
	padding: 5px 0px 0px 0px;

}

.sidebar-game-title{
  width:210px;
  margin-top: 0px;
  height:5px;
  margin-left:0px;
  margin-bottom:15px;
  padding-bottom: 0px;

}

#adp{
    
    width: 730px;
    height: 85%;
    font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    background-color:#000000;
    border-right: 5px solid  #313131;
    border-left: 5px solid  #313131;
    color: #ffffff;
    padding-top: 4%;
    position:absolute;
       
}

#gamep {
position:relative;
}


#category {
float:left;
color: #ffffff;
cursor:pointer;
}

#category a:hover {
text-decoration:underline;
}

#category-box {
background:#f4f4f4;
display:none;
border:1px solid #dddddd;
border-top:0px;
border-bottom:2px solid #dddddd;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
height:126px;
padding-left:5px;
padding-top:5px;
}

#category-box a {
display:block;
width:90px;
padding-left:5px;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

#category-box a:hover {
background:#212121;
text-shadow:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
	
#category-box li {
list-style: none;
width: 98.9px;
float:left;
text-transform:capitalize;
line-height:20px;
}

#category-box li a{
color: #515151;
}

#category-box li a:hover {
color: #fff;

}

#sidebar-more-games {
font-size:13px;
border:1px solid #e2e2e2;
border-top:0px; 
line-height:35px; 
padding:0px 0px 0px 5px; 
text-align:center; 
display:block;
}

#sidebar-more-games:hover {
background:#FFFFFF url(images/bg_sidebar_ul_lines.gif) repeat-x bottom;
}


/* HEADER RIGHT SUBSCRIBE AND SEARCH */


input{
	outline:none;
}

#header-right{
	float:right;
	width:560px;
	height:100px;
        padding-top:40px;
}

.header-left-box{
	float:left;
	padding:0px 5px 0px 0px;
}

.header-right-box{
	float:left;
	padding-top:16px;
}

/* Left Box */

.subscribe-input-left{
	background:url("images/header_box-right-input-left.png");
	float:left;
	width:7px;
	height:27px;
}

.subscribe-input{
	background:#FFFFFF;
	border:1px solid #c0c0c0;
	border-right:none;
	border-left:none;
	width:192px;
	height:17px;
	padding:4px 0px;
	float:left;
}

.subscribe-submit{
	background: url("images/subscribe.png") no-repeat top;
	width:73px;
	height:27px;
	float:left;
	border:none;
	cursor:pointer;
}

.subscribe-submit:hover{
	background: url("images/subscribe.png") no-repeat center;
}

.subscribe-submit:active{
	border:none;
	float:left;
	background: url("images/subscribe.png") no-repeat bottom;
}
	
.subscribe_top{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#646464;
}
.subscribe_bottom{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#646464;
	float:left;
}

.subscribe_bottom a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:none;
	color:#646464;
	float:left;
}

.subscribe_bottom a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#2a5879;
	float:left;
}

.subscribe_bottom img{
	float:left;
        padding-right:3px;
}


/* Right Box */

.search-input-left{
	background:url("images/header_box-right-input-left.png") no-repeat ;
	float:left;
	width:7px;
	height:27px;
	margin-left:10px;
}

.search-input{
	background:#FFFFFF;
	border:1px solid #c0c0c0;
	border-right:none;
	border-left:none;
	width:180px;
	height:17px;
	padding:4px 0px;
	float:left;
}

.search-submit{
	background: url("images/search.png") no-repeat top;
	width:57px;
	height:27px;
	float:left;
	border:none;
	cursor:pointer;
}

.search-submit:hover{
	background: url("images/search.png") no-repeat center;
}

.search-submit:active{
	background: url("images/search.png") no-repeat bottom;
}