/*=================================================*\
|	gWidget.css										|
|	(c)2006 Robin Morrison (www.nosync.org)			|
|	All classes within begin with gWidget to ensure	|
|	that the inclusion of this file should not		|
|	interfear with any existing classes you may 	|
|	have already built for your existing site.		|
|	Please note that conflicts are still possible	|
|	and that the Author holds no responsibilites	|
|	for these conflicts.  Use of these files is		|
|	solely at the discretion of the user, and does	|
|	not emply any form of guarantee or warranty		|
|   from the Author.								|
|	Released for free on the sole requirement that	|
|	all credit comments remain in the scripts as 	|
|	orginally placed by the author.					|
\*=================================================*/
#gWidgetBox {
	border: 1px solid black;
	background-color: #ffffff;
	background-image: url('../images/pGoogleBg.gif');
	background-repeat: no-repeat;
	width: 150px; /* Note, the Overall Width is 150, but the border of 1px takes up 2px of width and height, 1 for each side */
	height: 57px;
}
html>body #gWidgetBox { /*This 'hack' allows us to set a different height for non-IE Browsers. Work around for Width/Height issues in IE */
	width: 148px;
	height: 55px;
}
/* gWidgetSearchBar just positions the div that contains both the search input and Go Button. */
.gWidgetSearchBar {
	position: relative;
	top: 33px;
	left: 4px;
}
html>body .gWidgetSearchBar {
	top: 33px;
	left: 1px;
}
/* 
gWidgetSearch controls the styles for the Search Text Input field.
NOTE: To change the colour you can do that here, but it is recommended you do it from the color styles
below that are designed specificly for that.
*/
#gWidgetSearch {
	background-repeat: repeat-x;
	width: 107px;
	height: 17px;
	color: black;
	opacity: .75; /* .75 = 75% Opacity in Non-IE Browsers */
	filter: alpha(opacity=75); /* opacity=75 = 75% Opacity in IE ONLY */
	font: 9pt Tahoma;
	padding: 0px 2px 1px 2px;
}
.gWidgetSearchRed {
	background-image: url('../images/gWidgetInput_red.gif');
	border: 1px solid #da230a;
}
.gWidgetSearchBlue {
	background-image: url('../images/gWidgetInput_blue.gif');
	border: 1px solid #1b5ce3;
}
.gWidgetSearchGreen {
	background-image: url('../images/gWidgetInput_green.gif');
	border: 1px solid #148613;
}
.gWidgetSearchYellow {
	background-image: url('../images/gWidgetInput_yellow.gif');
	border: 1px solid #725a01;
}
.gWidgetGo {
	margin: 0px 0px 0px 4px;
}
#gWidgetTypeBar {
	width: 152px;
	height: 10px;
	border-width: 0px;
	font: 7pt Tahoma;
	color: #cdcdcd;
}
html>body #gWidgetTypeBar {
	width: 150px;
	height: 12px;
}
#gWidgetTypeSubBar {
	float: left;
	width: 142px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
	border-top-width: 0px;
}
html>body #gWidgetTypeSubBar {
	width: 140px;
	height: 12px;
}
#gWidgetLeftWS {
	float: left;
	width: 4px;
}
#gWidgetRightWS {
	float: right;
	width: 4px;
}
.gWidgetSelectedBlue, .gWidgetSelectedRed, .gWidgetSelectedGreen, .gWidgetSelectedYellow {
	float: left;
	color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 0px 2px 1px 2px;
	height: 10px;
	width: 38px;
	text-align: center;
	cursor: pointer;
}
html>body .gWidgetSelectedBlue, .gWidgetSelectedRed, .gWidgetSelectedGreen, .gWidgetSelectedYellow {
	width: 32px;
	height: 10px;
	padding-bottom: 2px;
}
.gWidgetSelectedBlue {
	background-image: url('../images/gWidgetTypeSelected_blue.gif');
}
.gWidgetSelectedRed {
	background-image: url('../images/gWidgetTypeSelected_red.gif');
}
.gWidgetSelectedGreen {
	background-image: url('../images/gWidgetTypeSelected_green.gif');
}
.gWidgetSelectedYellow {
	background-image: url('../images/gWidgetTypeSelected_yellow.gif');
}	
.gWidgetUnselected {
	float: left;
	color: #ffffff;
	border: 0px;
	padding: 0px 2px 1px 2px;
	height: 10px;
	width: 34px;
	background-image: url('../images/gWidgetTypeUnselected.gif');
	text-align: center;
	cursor: pointer;
}
html>body .gWidgetUnselected {
	width: 30px;
	height: 10px;
	padding-bottom: 2px;
}