/*
Copyright 2009 GoldenTwine Informatics
Style Name: GTI - Form Style Web 2.0
Description: Custom design for forms at GoldenTwine Informatics
Version: 2.1 Last Updated: Aug 11, 2009
Author: Subrato Paul
Author URL: http://www.goldentwine.com/wds.htm
W3C CSS Validator - Valid CSS level 2.1 (12/8/2009)
*/
	/* reset styles for forms */
	body,div,ul,li,p,blockquote,form,fieldset,legend,input,textarea{padding:0;margin:0;}
	body{text-align:center;font-family:verdana,arial,sans-serif;}
	div,p,blockquote,form{display:block;}
	fieldset{border:0;}
	li{list-style:none;}
	form, fieldset {padding:0;margin:0;}
	fieldset {border:1px solid #000;}
	legend {color:#000;padding:0;}
	input, textarea, select {font-family:inherit;font-size:11px;}
	select {padding:0;}
	a img {border:none;}
	/* general styles */
	a:link,a:visited {color:#A3756E;text-decoration:none;}
	a:hover,a:active {color:#7D4A42;text-decoration:none;} /*#003595*/
	a.pop:link,a.pop:visited {padding-right:13px;}
	a.pop:hover,a.pop:active {padding-right:13px;background:transparent url(http://www.GoldenTwine.com/btn/icnPop.gif) center right no-repeat;}
	.cbFs {color:#787878;background-color:#EFF9FA;border:1px solid #C8C8C8;}
	.cfb {color:#787878;padding:5px;border:1px solid #eee;}
	.cmnt, .msg, .inf, .hnt, .hlp, .wrn {text-indent:16px;}
	.cmnt {background:transparent url(http://www.GoldenTwine.com/btn/icnCmnt.gif) no-repeat 2px 50%;}
	.msg {background:transparent url(http://www.GoldenTwine.com/btn/btnMsg.gif) no-repeat 2px 50%;}
	.inf {background:transparent url(http://www.GoldenTwine.com/btn/icnInf.gif) no-repeat top left;background-attachment:scroll}
	.hnt {background:#B0BDC6 url("http://www.GoldenTwine.com/btn/btnHnt.gif") no-repeat 2px 50%;}
	.hlp {background:#B0BDC6 url("http://www.GoldenTwine.com/btn/btnHlp.gif") no-repeat 2px 50%;}
	.wrn {background:#B0BDC6 url("http://www.GoldenTwine.com/btn/btnWrn.gif") no-repeat 2px 50%;}
	img.lftImg {float:left;padding:0px;margin:0 5px 2px 0;} 
	img.rhtImg {float:right;padding:2px;margin:0 0 2px 5px;} 

	.hlpC {cursor:help}
	#hlpTip {position:absolute;left:-300px;z-index:100;visibility:hidden;width:150px;text-align:left;font-family:verdana,arial,sans-serif;font-weight:bold;font-size:9px;color:#937015;background:#FFFFE1;padding:2px;border:1px solid #EABA00}
	#hlpPointer {position:absolute;left:-300px;z-index:101;visibility:hidden;}
	ul.btnNav {list-style:none;text-align:center;padding:.25em 0;border-top:1px solid #666;margin:0 2em 5px;} 
	ul.btnNav li {list-style:none;} 
	ul.btnNav li a {width:5em;display:block;text-align:center;font-weight:bold;font-size:.8em;color:#FFF;background-color:#036;padding:.15em 0;text-decoration:none;} 
	ul.btnNav li a:hover {color:#FFF;background-color:#69C;text-decoration:none;} 
	ul.btnNav .lft {float:left;width:5em;}
	ul.btnNav .rht {float:right;width:5em;}
	.clrL {clear:left;}
	p {text-align:justify;padding:0 5px;margin:0 0 1em;}
/* containers */
#frmConOu {width:600px;}
#frmCon {width:500px;}
	#frmCon2 {width:300px;float:left;}
#frmConOu, #frmCon, #frmCon2 {text-align:left;font-size:10px;line-height:1.25;color:#3670a7;background:#f2efeb;border:1px solid #d3d3d3;padding:5px;margin:10px auto;}

.pnlOne, .pnlTwo {background:#f8f8ff url('http://www.GoldenTwine.com/asset/pnlGy.jpg') repeat-x left bottom;padding:5px 10px 10px;border-top:1px solid #ddd;border-right:1px solid #7f7f7f;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.pnlOne {border-bottom:1px solid #7f7f7f;}
.pnlTwo {background-position:left top;border-top-color:#8f8b8b;}
.conInf {color:#807970;background:#eee url(http://www.GoldenTwine.com/btn/icnInf.gif) no-repeat 5px 28px;padding:0;border:1px solid #C8C8C8;} /*color:#787878,#898378*/
.pnlOne h1 {height:20px;text-align:center;font-weight:700;font-size:14px;color:#8f8b8b;background:#d0d0d0;padding:2px;border-bottom:1px solid #999;margin:0 0 5px;}
.conInf p {text-indent:22px;}

form {background:url(http://www.GoldenTwine.com/asset/bgFrmBl1.jpg) repeat-y;padding:5px;border:1px solid #aacfe4;border-left:none;margin:0 0 5px;}
form p {padding-top:0.75em;}
form small, br.sml {display:block;font-weight:normal;font-size:10px;}
form small {margin:5px 0 0 200px;}
.sml {padding:1px 5px;margin:0 0 5px 10px;}
.asterisk {position:relative;top:-0.3em;left:-0.25em;width:7px;height:7px;}

fieldset {padding:0;border:1px solid #ebf4fb;margin-bottom:5px;}
fieldset.nb {border:none;}
fieldset.bt {border:none;border-top:1px solid #E2ECE9;}
fieldset.nl {border:1px solid #aacfe4;border-left:none;}
fieldset.p5 {padding-bottom:5px;}
fieldset.p10 {padding:10px;}
fieldset.grp {border:none;/*margin:5px 0 0;*/}
fieldset.grp label {/*margin-left: 5px;*/text-align:left;}
fieldset.grp legend {display:none;} /* in case someone adds a legend */
.mt {margin-top:5px;}

form legend {padding:0 2px 0 5px;}
form legend {font-variant:small-caps;font-size:11px;color:#3d5686;background:inherit;margin:5px 0;}
/*\*//*/ legend {display:inline-block;} /* IE Mac legend fix */

.row, .rowC {clear:left;min-height:30px;padding:5px;margin:0;}
.rowC {text-align:center;}
.lbl, .lbl2 {display:block;float:left;width:200px; min-height:20px; text-align:left;vertical-align:top;font-weight:bold;line-height:15px;padding:0;margin:5px 0 0;cursor:default;}
.lbl2 {width:150px;}
label {cursor:pointer;}
label.lrg {font-size:12px;}
label.act {font-weight:bold;}
label.psv {cursor:default;}

/* text inputs */
input.txt, input.ph, select.slct, select.mslct, textarea {vertical-align:middle;font-size:11px;line-height:15px;color:#102132;background:#F2F7FB;padding:3px 0;border:solid 1px #d3d3d3;margin:5px 0 0;}
input.txt, input.ph {width:200px;height:15px;}
input.ctr {width:25px;height:12px;font-size:9px;padding:0;border:1px solid #C8C8C8;background:#F0FFE6;cursor:default;}

/* selects */
select.slct {width:202px;height:auto;}
/* multiple selects */
select.mslct {width:200px;height:auto;}
/*option {color:#4A4A4A;  background:#inherit;margin-left:5px;background:#f2f2e6;padding:3px 0;  font:10px; max-height:120px; overflow-y:auto; overflow-x:hidden;}*/
option {height:18px;}

/* textareas */
textarea {width:200px;height:60px;}
textarea.full {width:98%;height:120px;margin:5px 5px 0;}
	textarea {overflow:auto;}

/* hovered */
input.txt:hover, input.ph:hover, select.slct:hover, select.mslct:hover, textarea:hover {/*color:#000;*/background:#ebf4fb;border:solid 1px #b7ddf2;cursor:pointer;}
/* focused */
input.txt:focus, input.ph:focus, select.slct:focus, textarea:focus {/*color:#000;*/background:#f9fbfd;border:solid 1px #d7e5f2;} /*f7fafd */
input.txt:focus, textarea:focus {cursor:text;}

/*checkbox and radio */
.box {width:12px;height:12px;border:1px solid transparent;/*margin-bottom:3px;*/cursor:pointer;}

/*input.submit {height:2.5em;} clear:both;margin-left:8em;*/
/*input.submit, input.reset {display:block;display:inline;float:none;width:125px;height:18px;text-align:center;font-size:11px;color:#102132;background-color:#D7E5F2;padding:1px 0;border:1px solid #284279;margin:0;cursor:pointer;}*/
/* no styling */

/*form input#submit, form input#reset {float:none;display:inline;padding:0;margin:0;}*/

/* buttons */
.btn {/*width:auto;*/width:125px;height:26px;vertical-align:middle;font-variant:small-caps;/*text-transform:uppercase;*/letter-spacing:1px;font-weight:bold;font-size:10px;line-height:26px;color:#fff;background:url(http://www.GoldenTwine.com/btn/btnFrm.png) repeat-x 0 0;padding:0 2px;border:none;margin:0;cursor:pointer;}
.btnLft, .btnRht {width:6px;height:26px;vertical-align:middle;}
.btnLft {background:url(http://www.GoldenTwine.com/btn/btnFrmLft.png) no-repeat 0 0;}
.btnRht {background:url(http://www.GoldenTwine.com/btn/btnFrmRht.png) no-repeat 0 0;}
.btn:hover {background-position:0 100%;}

/* upload files */
.btnBrs {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(http://www.GoldenTwine.com/btn/btnFrmBrs) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}

/*Defaults Styling*/
/*
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
input.btn {text-align:center;vertical-align:middle;font-weight:bolder;font-size:12px;color:#FFF;background-image:url(http://www.GoldenTwine.com/btn/btnFrm.gif);padding:1px;border:solid 1px #f66;cursor:pointer;}
input.btn:active {background-image:url(http://www.GoldenTwine.com/btn/btnFrm.gif);}
	body {font:12px/17px Arial, Helvetica, sans-serif; color:#333; background:#ccc; padding:40px 20px 20px 20px;}
	fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:600px;}
	input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
	fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
	legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
	label {font-size:11px; font-weight:bold; color:#666;}
	label.opt {font-weight:normal;}
	dl {clear:both;}
	dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
	dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}
	#footer {font-size:11px;}
	#container {width:700px; margin:0 auto;}	fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:600px;}
*/

/* Safari */
select, input, textarea, button {outline:none;}
/*.px3fix class below: Targets IE6 ONLY. Adds 3 pixel indent for multi-line form contents, to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */
* html .px3fix{margin-left:3px;}
/* end of CSS */