/** 
 * gTalker - Google search results speech app
 * Author: Aakash Chakravarthy
 * Version: 1.0
 * Contact: www.aakashweb.com - aakash.19493@gmail.com
 * Made for Kurukshetra 2012 - k! Apps event
 * 19/01/2012
 **/

body{
	font: 15px "Calibri", Arial, Helvetica, sans-serif;
    background: url('../images/bg.jpg');
}

#wrap{
	margin: 0px auto;
	width: 700px;
	padding: 50px 0px;
}
#logo{
	background: url(../images/logo.png) no-repeat center top;
	height: 100px;
}
.desc{
	color: #333333;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 12px;
	padding: 2px 0px;
	opacity: 0.7;
    width: 320px;
    margin: 0px auto 20px auto;
    text-align: center;
}
.main{
	display: none;
}
h3{
	margin: 5px 0px;
}
#theForm{
	background-color:#4C5A65;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 25px;
	margin: auto;
	border: 5px solid #FF6600;
	-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
}
.container{
	background: #FFFFFF;
	margin: 20px 0px 0px;
	padding: 5px;
	border: 5px solid #91bd09;
	-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#window{
	top: 0px;
	bottom: 0px;
	background: #FFFFFF;
	padding: 15px;
	border: 1px solid #CCCCCC;
	position: fixed;
	margin: 15px 15%;
	left: 0px;
	right: 0px;
	-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: none;
}
.winContent{
	height: 90%;
	overflow-y: auto;
	margin: 0px 0px 15px;
}
.winData{
	padding: 5px;
}
.winCurrent{
	background-color:#FFFF99
}
.winTitle{
	margin: 0px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #666666;
}
.current{
	background: #FFFFCC;
	-moz-box-shadow: 0 1px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.3);
}
.result{
	padding: 10px;
	border-bottom: 1px dotted #999999;
}
.rUrl{
	color: #009933;
	text-decoration: none;
}
.rThumb{
    float: right;
    margin-top: -15px;
}
.closeBt{
	height: 30px;
	width: 30px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	background: url(../images/close-bt.png) no-repeat;
	right: 10px;
}
.loading{
	background: url(../images/loading.gif) no-repeat;
	height: 13px;
	width: 208px;
	margin: 50px auto auto;
	padding-top: 25px;
	text-align: center;
}

.moreBt{
	width:83px;
	height:24px;
	background:url('../images/more.png') no-repeat;
	cursor:pointer;
	margin:40px auto;
}
.moreBt:hover{
	background-position:left bottom;
}

#calc{
	background: #FFFFFF;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -165px;
	-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.9);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
	display: none;
}
#calc #calcBox{
	font-size: 20px;
	border: 1px solid #999999;
	padding: 5px;
	width: 97%;
	margin: 0px 0px 10px;
}
#calc #calcResult{
	font-weight: bold;
	margin-top: 10px;
	font-size: 18px;
	background: #FFFFCC;
	padding: 5px;
	display: none;
	border: 1px solid #FFCC33;
}

.bts{
	margin: 0px auto 10px auto;
    text-align: center;
}
.bt, .bt:visited {
	background: #222 url(../images/bt-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border-nottom: 1px solid #000;
	border: 0px solid #333333;
	font-weight: bold;
}
.bt:hover							{ background-color: #111; color: #fff; }
.bt:active							{ top: 1px; }
.large.bt, .large.bt:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
.green.bt, .green.bt:visited		{ background-color: #91bd09; }
.green.bt:hover						{ background-color: #749a02; }
.orange.bt, .orange.bt:visited		{ background-color: #ff5c00; }
.orange.bt:hover							{ background-color: #d45500; }
.blue.bt, .blue.bt:visited    	{ background-color: #00ccff; }
.blue.bt:hover							{ background-color: #00ABD6; }

#searchBox{
	padding: 0 0 0 35px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	-webkit-transition: .3s ease-in-out;
  	-moz-transition: .3s ease-in-out;
  	-o-transition: .3s ease-in-out;
	color:#333333;
	float:left;
	height:36px;
	outline:medium none;
	padding:0 0 0 35px;
	text-shadow:1px 1px 0 white;
	width:93%;
	display: block;
	background: #FFFFFF url(../images/search-icon.png) no-repeat 5px 8px;
	font: 18px Arial, Helvetica, sans-serif;
	margin: 10px auto 30px;
}
#searchBox:focus {
	border: 1px solid #fafafa;
	-webkit-box-shadow: 0px 0px 10px #E3E7EA;
	-moz-box-shadow: 0px 0px 10px #E3E7EA;
	box-shadow: 0px 0px 10px #E3E7EA;
}
.info img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.browserImg{
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.greyText{
    color: #666;
}
.cWhite{
    color: white;
    text-shadow: 1px 1px 2px black;
}
.cWhite a{
    color: white;
}
.red{
	color:#FF0000;
}