/* 
    Document   : formstyles
    Created on : 2 Apr, 2009, 11:31:39 AM
    Author     : Vineeth
    Description: Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root 
{ 
    display: block;
}
/*Forms Styles*/
.checkbox input
{
	vertical-align: middle;
}
.textbox
{
	border:1px #6B6B6B solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:145px;
}
.textboxGrid
{
	border:1px #6B6B6B solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:120px;
}
.textboxSmall
{
	border:1px #6B6B6B solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:70px;
}
.textboxSearch
{
	border:1px #6B6B6B solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:100px;
	vertical-align:middle;
}
.textboxBig
{
	border:1px #6B6B6B solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:195px;
}

.textboxTooBig
{
	border:1px #6B6B6B solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:400px;
}
.textbox:hover
{
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:145px;
}
.textboxGrid:hover
{
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:120px;
}
.textboxSmall:hover
{
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:70px;
}
.textboxSearch:hover
{
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:100px;
	vertical-align:middle;
}
.textboxBig:hover
{
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:195px;
}

.textboxTooBig:hover
{
	border:1px solid #FF0000;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:400px;
}

.textsort
{
	border:1px #333333 solid;
	background-color:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:17px;
	width:110px;
}

/* Text Box with Different Border: */

/* Text Box with Side Image: */
.tb-bg-side {
    background-image:url(../../images/Portal_small.gif);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #6297BC;
    padding-left:16px;
}

.tb-bg-side-small {
    background-image:url(../../images/textbox_search_date.gif);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #6297BC;
    padding-left:16px;
	width:70px;
}

/* Text Box with Rounded Corners: */
.tb-rounded {
    border:0;
    background: transparent url(../../images/rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;
	padding-left:5px;
}

.tb-rounded-small {
    border:0;
    background: transparent url(../../images/rounded_Small.gif) no-repeat top left;
    height: 22px;
    width: 136px;
    padding-top:2px;
	padding-left:5px;
}

/* Text Box with Gradient: */
.tb-gradient {
    border:0;
    background: transparent url(../../images/gradient.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;
}

.textarea
{
	border:1px #6B6B6B solid;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:45px;
	width:147px;
	top:0px;
}
.TextareaInvoice
{
	border:1px #6B6B6B solid;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	height:100px;
	width:270px;
	top:0px;
}
.textarea:hover
{
	border:1px solid #FF0000;
	background:#FFFFFF;
	font:11px Geneva, Verdana, Arial;
	color:#333333;
	line-height: 12px;
	height:45px;
	width:147px;
}


/*Button Styles*/

input.Button
{
	background-color:#0964AA;
	color:#FFFFFF;	
}
input.Bigbtn
{
   	color:#006699;
	height:35px;
	width:100px;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:small;
	font-weight:bold;
}
input.Bigbtn:hover
{
	color:#FF6600;
}
input.Smallbtn
{
   	color:#006699;
	height:25px;
	width:100px;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:small;
	font-weight:bold;
}
input.Smallbtn:hover
{
	color:#FF6600;
}