/*
Filename: 		curreX.css
Date: 			2008-05-10
Copyright: 		2008, miCRoSCoPiC^eaRthLinG
Author: 		Sourjya Sankar Sen (sourjya@choas-laboratory.com)
Description: 	CSS Styling for the curreX Widget
License:		GPL
Requires:
*/

div#curreX {
	margin-top:10px;
	width:400px;
	font-size:1.25em;
	border: 1px solid #ded6cb;	
	padding : 30px 0px 30px 30px;	
}

div#curreXbody {
	padding:2px;
	font-size:0.8em;
}
div#curreXbody label { 
  color : #29303b; 
  margin-top : 5px;
  margin-left : 0;
}
div#help-link {
	float:right;
	margin-bottom:2px;
	cursor:pointer;
}

div#help-link a { text-decoration:none; }
div#help-link img { border:0; }

input#amount {
  font-size : 1.1em;
  padding : 4px;
  width : 300px;
  border : 1px solid #ded6cb;
  background-color : #fff;	
}

select#curr_from, select#curr_to {
  font-size : 1.1em;
  padding : 4px;
  width : 310px;
  border : 1px solid #ded6cb;
  background-color : #fff;
}

select#curr_from option, select#curr_to option { padding-left:4px; }

div#convResult {
	width: 300px;
	border:1px solid #CC3333;
  	padding : 4px;
	font-size:1.1em;
}

div#convResult span#result {
	font-weight:bold;
	color:#017546;
}

div#convResult span#error {
	font-weight:bold;
	color:#B91919;
}

input#convert { 
	border:2px solid #D1D1D1;
	margin:3px 0 0 0;
	padding:1px 3px 1px 3px;
	letter-spacing:1px;
	cursor:pointer;
	font-weight:bold;
	background-color:#000;
	color:#fff;
}


input#amount:hover, input#amount:hover, 
input#amount.hover, input#amount.focus,
select#curr_from:hover, select#curr_from:focus, 
select#curr_from.hover, select#curr_from.focus, 
select#curr_to:hover, select#curr_to:focus, 
select#curr_to.hover, select#curr_to.focus { 
  color : #333333;  
  background-color : #f3f6ed;
  cursor : text;
}


div#notice { font-size:0.9em; }