
/*****************************************/
/******** dozomo.com styles **************/

/********** GENERAL **********/
body {
	margin			: 0;
	padding			: 0;
	font-family		: "Trebuchet MS", serif;
	background		: white;
	font-size		: 62.5%;
	line-height		: 1.5;
}

a {
	color			: #000;
	text-decoration : none;
	border-bottom	: 1px dotted black;
}

a:hover {
	color			: #86C1E6;
	border-bottom	: 1px solid #86C1E6;
}

code {
	font-size		: 1.1em;
}

ul {
	line-height		: 1.5;
}

p {
	
}

img {
	border			: 0;
}

div.clear {
	clear			: both;
}

h4 {
	margin			: 0;
	font-size		: 1.1em;
}

/********** END GENERAL **********/

/********* FORMS *********/

form {
	margin			: 0;
	padding			: 0;
}

input {
	font-family		: "Trebuchet MS",serif;
	font-size		: 1em;
}

select {
	font-family		: "Trebuchet MS",serif;
	font-size		: 1em;
	line-height		: 1.5;
}

input.text {
	border			: 1px solid #C2C2C2;
	background		: white;
	padding			: 2px 3px 2px 3px;
	font-size		: 1.1em;
	-moz-box-sizing : border-box;
}

textarea {
	border			: 1px solid #C2C2C2;
	background		: white;
	font-family		: "Trebuchet MS",serif;
	padding			: 2px 3px 2px 3px;
	font-size		: 1.1em;
	line-height		: 1.5;
}

textarea#examples, textarea#syntax, textarea#comments {
	width			: 200px;
	height			: 30px;
}

input.standard {
	width			: 200px;
}

input.large {
	width			: 100%;
}

/*main search field*/
form#searchform input#q {
	width			: 361px;
	margin			: 0 8px 0 0;
}

/*main search btn*/
form#searchform input#go {
/*	width			: 40px;*/
	height			: 19px;
	border			: 1px outset #777;
	color			: #333;
	background		: white;
	font-size		: 1.2em;
}

form#searchform input#go:hover {
	background		: #efefef;
	cursor			: pointer;
}


/*main search form div*/
form#searchform div.formsection {
	width			: 418px;
	margin			: 0 auto;
	padding			: 20px 0 0px 0px !important;
/*	background-image: url(/images/gt.png);
	background-repeat : no-repeat;
	background-position: 0 26px;*/
}

/*form error msgs*/
span.invalid {
	color			: #F05E5E;
}

form.enginesort select {
	width			: 95px;
	margin			: 0 0 0 5px;
}

label {
	display			: block;
	font-weight		: bold;
}

label span {
	font-weight		: normal;
}

div.formsection {
	padding			: 0 0 10px 0;
}

select.standardselect {
	width			: 200px;
}

/*tips in form*/
div.formsection p {
	margin			: 0;
	font-size		: 0.9em;
	color			: #555;
}

/*tips in main searchform*/
form#searchform p {
	margin			: 2px 0 0 0 !important;
}

div.formbuttons {
	text-align		: right;
}

/********* END FORMS *********/

/********* MISC *************/

/*examples on help*/

ul#examples {
	padding-left: 20px;

}

ul#examples li{
	list-style-image: url(/images/gt.png);
	margin-left: 0px;
	margin-bottom: 10px;	
}

ul#examples code{
	background-color: #ffffff;
	border:	1px solid #C2C2C2;
	padding: 4px;
}

div.tipsbox {
	background-color: #ffffff;
	border:	1px solid #C2C2C2;
	padding-left: 10px;
	margin-bottom: 5px;	
}

div#addenginebox {
	padding			: 0px 0 0px 0;
	width			: 200px;
	margin			: 0 auto;
}

div#addenginebox p {
	float			: right;
	width			: 100px;
	font-size		: 0.9em;
	margin			: 6px 0 0 0;
	line-height		: 1.3;
}

a#addengine {
	width			: 93px;
	height			: 36px;
	background-image: url(/images/btn_add_engine.png);
	display			: block;
	background-repeat : no-repeat;
	border-bottom	: 0;
}

a#addengine span {
	display			: none;
}

/*download, help*/
div.section {
	width			: 407px;
	font-size		: 1.1em;
	margin			: 0 auto;
	padding			: 0px 0 20px 0;
}

div#enginelist {
	width			: 625px;
	margin			: 0 auto;
	padding			: 0 0 20px 0;
}

div.enginelisthead {
	width			: 700px;
	margin			: 0 auto;
	padding			: 0 0 0px 0;
}

/*engine listing*/
div.engine {
	border			: 1px solid #C2C2C2;
	background		: #F6F6F6;
	margin			: 10px 0 0 0;
	padding			: 0 0 0 5px;
}

/*subengine listing*/
div.subengine {
	border			: 0;
	border		: 1px dotted #c2c2c2;
	border-right	: 0;
	border-bottom	: 0;
/*	background		: #f1f1f1;*/
	margin			: 0 0 0 15px;
	padding			: 0 0 0 5px;
/*	height			: 50px;*/
}

div.engine p {
	padding			: 0 0 5px 0;
	margin			: 0;
	font-size		: 1.1em;
}

div.enginelistsort {
	width			: 200px;
	float			: right;
	
}

p.category {
	float			: right;
	padding 		: 3px 5px 0 0 !important;
	font-style		: italic;
	width			: 110px;
	text-align 		: right;
	color 			: #555;
}

/*remove underline in category link*/
p.category a, p.categoryFull a {
/*	text-decoration : none !important;*/
	border-bottom	: 0;
}

p.categoryfull {
	float			: right;
	padding 		: 3px 5px 0 0;
	font-style		: italic;
	width			: 290px;
	text-align 		: right;
	color 			: #555;
}

/*alias, syntax etc*/
p.engineinfo {
	padding			: 0 0 5px 19px !important;
}

/*engine title */
a.engine-title {
	font-weight		: bold;
}

a.alias {
	text-decoration	: none;
	border-bottom	: 0;	
}

/*engine icon in engines list*/
img.site-icon {
	width			: 16px;
	height			: 16px;
	position		: relative;
	top				: 4px;
	margin			: 0 2px 0 0;
}

/*engine icon in engines list*/
img.site-thumb {
	width			: 80px;
	height			: 59px;
	margin			: 0 5px 10px 0;
	float			: right;
}

/*browser imgs on download*/
img.browser {
	width			: 16px;
	height			: 16px;
	position		: relative;
	top				: 4px;
	margin			: 0 2px 0 0;
}

/*main body sections*/
div.bodysection {
	margin			: 0 auto;
	width			: 650px;
	padding			: 0px 0 1px 0;
}

/*main middle section*/
div.bodysection-middle {
	background		: #E9E9E9;
}

p#foot {
	font-size		: 1em;
	margin			: 20px auto 20px auto;
	width			: 650px;
	text-align		: center;
}

/*logo container*/
div#logo {
/*	background-image: url(/images/logo.png);*/
/*	height			: 72px;*/
	width			: 650px;
	margin			: 5px auto 5px auto;
	padding			: 0 0 0 15px;
	text-align		: center;
}

div#logo a {
	border-bottom	: 0;
}

/*div#logo a {
	height			: 72px;
	width			: 222px;
	display			: block;
}*/

/*div#logo span {
	display		: none;
}*/

div.engineparam {
	border			:1px solid #aaa;
	padding			: 5px 5px 5px 10px;
	margin			: 5px 0 10px 0;
	background		: #eee;
}

/******** END MISC *********/

/********** TABS *********/


#navigation {
/*      float:left;*/
	margin			: 0 auto;
    width			: 330px;
	line-height		: normal;
	height			: 20px;
}

#navigation ul {
	margin			: 0;
	padding			: 0px 10px 0;
    list-style		: none;
}

#navigation li {
	display			: inline;
	margin	: 0;
	padding : 0;
}

#navigation a {
      float			: left;
      background	: url("/images/tableft.png") no-repeat left top;
      margin		: 0;
      margin-left   : 1px;
      padding		: 0 0 0 9px;
/*      border-bottom:1px solid #765;*/
		border-bottom	: 0;
      }
      
#navigation a span {
	float			: left;
	display			: block;
    width			: 0.1em;
    background		: url("/images/tabright.png") no-repeat right top;
    padding			: 1px 8px 1px 1px;
    	border-bottom	: 0;
    font-size		: 1.2em;
	letter-spacing	: 0.05em;
    color			:#555;
    white-space		: nowrap;
}
      
#navigation > ul a span {
	width			: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navigation a span {
	float			: none;
}
/* End IE5-Mac hack */

#navigation a:hover {
	color			: #333;
}

#search #nav-search a, #engines #nav-engines a,#download #nav-download a, #help #nav-help a, #blog #nav-blog a {
	background-position: 0px -150px;
    border-width	: 0;
}

#search #nav-search a span, #engines #nav-engines a span,#download #nav-download a span, #help #nav-help a span, #blog #nav-blog a span {
	background-position:100% -150px;
/*    padding-bottom	: 5px;*/
    color			: #333;
}

#navigation li:hover, #navigation li:hover a {
    background-position:0% -150px;
	color			: #333;
}

#navigation li:hover a span {
	background-position:100% -150px;
}

/************** END TABS ***********/


/********* LIVE SEARCH ***********/

#livesearch {
  display: block;
  }
  
  #LSHighlight {
      background-color: #fff;
      border: 1px solid #ccc;
  }
  
  .LSRow {
    margin: 0px;
    margin-bottom: 1px;
    padding: 3px 10px;
    line-height: 1.2em;
    border: 1px solid #eee;
    z-index: 17;
    white-space: nowrap;

  }
  .LSRow a {
  
    position: relative;
/*    float: left;*/
    margin-right: 10px;
    z-index: 25;

	padding: 0 !important;
	margin:0 !important;
		border-bottom	: 0;
color : #888;
  }
 

  #LSResult {    
      position: absolute;
/*      background-color: #888; */
      min-width: 90px; 
      margin-left: 3px;
      margin-top: -11px;
      font-size: 0.9em;
/*      font-family: Tahoma;*/
      z-index: 16;
		background-image: none !important;

  }

	#LSResult div {
		background-image: none !important;
	}
  
  #LSShadow {
      position: relative;
      bottom: 1px;
      right: 1px;
      background-color: #999; /*shadow color*/
      color: inherit;
      z-index: 15;

  }
  
  .LSRes {
      position: relative;
      bottom: 2px;
	  right: 2px;
      background-color: #eee;
      border: #888 1px solid;

  }


div.LSRow span.req {
	color	: #F05E5E;
}

/********* END LIVE SEARCH ***********/




