/*
	graph portal: forms styles
	09-FEB-2010
*/


/* form */
div.form-holder {width:65%; /*padding:10px 0 7px 0; margin-bottom:0.3em; background:#ccc;*/ }

	div.form-holder div.attention {font-size:110%; color:#666; margin:0 0 1em 0;}
	div.form-holder .m-asterisk {color:#9c0000 !important; font-weight:bold; font-size:130%; line-height:0.9; display:inline-block; height:10px; overflow:hidden;}
	div.form-holder .b-capcha {margin-bottom:0.2em;}

	div.form-holder div.form-line {margin-bottom:0.3em; zoom:1;}
	div.form-holder div.form-line-static {margin-bottom:0.1em; zoom:1;}
	div.form-holder div.form-line-static.question {clear:both; margin-top:7px;}
	div.form-holder div.form-line:after, div.form-holder div.form-line-static:after {content:" ";clear:both;display:block;overflow:hidden;width:0;height:0;font-size:0;}

		div.form-holder label {margin-right:3px; font-size:90%; font-weight:bold; line-height:1.1; text-transform:none; color:#000;}
		div.form-holder label.m-light {font-weight:normal;}
		div.form-holder .m-imposed {margin-bottom:0.5em;}
		div.form-holder div.form-label {float:left; width:130px; //width:145px; margin:3px 10px 0 0; text-align:left; /*background:#66ccff;*/ word-wrap: break-word; }		
		div.form-holder div.form-line div.form-label.wide, div.form-holder div.form-line-static div.form-label.wide {width:250px; margin-right:3px!important;}
		
		div.form-holder div.form-line.email select{ width: 175px;}
		div.form-holder div.form-line.email input {width:175px;}	
			
		div.form-holder div.w-240{width:240px;}
		div.form-holder div.m-bot5{ margin-bottom:5px;}
		div.form-holder div.form-label.m-short { width:100px; //width:115px; }
		div.form-holder div.form-label.m-shorter { width:70px; //width:85px; }
		div.form-holder div.form-field.digit-field {width:100px; text-align:right;}
		div.form-holder div.form-field.clr{ clear:both;}
		div.form-holder div.form-field{ margin-bottom:0.2em; float:left; width:440px; //width:445px; min-height:22px; /*background:#ff6600;*/ }
		
		fieldset div.form-holder div.form-field{ width:540px;}
		div.form-holder div.form-field label{font-weight:normal;}
		div.form-holder	div.form-field textarea { border:1px solid #999999;}
		div.form-holder div.form-field input, div.form-holder div.form-field select {margin-right:2px; margin-left:0; margin-top:0;}
		div.form-holder div.form-field a {margin-left:0}
		div.form-holder div.form-field img {vertical-align:top; margin-top:4px;}
		div.form-holder .b-expandable-form-section div.form-field input[type='image']{margin:3px 0 0 -2px; vertical-align:top;}
		div.form-holder  div.form-field input[type='image']{margin:3px 0 0 0; vertical-align:top;}
		td input[type='image'] {margin:3px 0 0 0; vertical-align:middle;}
		div.form-holder div.form-field.m-ptop4 {min-height:17px;}

		div.form-holder div.form-field .form-field-2cols {width:570px;}
			div.form-holder div.form-field .form-field-2cols .form-field {float:right; width:286px;}
		div.form-holder div.form-field .form-field-2cols .total {width:315px; border-top:1px solid #999; padding-top:8px; margin-top:-6px; margin-bottom:5px}
        div.form-holder div.form-field .form-field-2cols.w470{width:470px;}
		
		
		div.form-holder div.form-field .form-field-2cols.w460{width:460px;}
		div.form-holder div.form-field .form-field-2cols.w460 .m-form-label-auto{ width:250px !important;}
		div.form-holder div.form-field .form-field-2cols .form-field {float:right; width:186px;}
		div.form-holder div.form-field .form-field-2cols.w460 .total {width: 186px;}
		
		
		
		div.form-holder div.form-field .form-field-2cols.w555{width:565px;}
		
		
		div.form-holder div.form-line.m-error label {color:#9c0000}
		div.form-holder div.form-line.m-error .m-black label {color:#000000!important}
		/*div.form-holder div.form-line.m-error input,
		div.form-holder div.form-line.m-error select {border:1px solid #9c0000;}*/

/* static-text */
		div.form-holder div.form-line-static div.form-field{font-size:90%; padding-top:1px;}
		div.form-holder div.form-line-static div.form-field.m-ptop5{margin-top:5px;}
			div.form-holder div.form-line-static div.form-field p{margin-top:-2px;}
			div.form-holder div.form-line-static.question div.form-field p{margin-top:0;}

		div.form-holder div.form-label-static,
		div.form-line-static div.form-label {float:left; width:130px; //width:145px; margin:0 10px 0 0!important;  text-align:left; font-weight:bold; }
        
		
		div.b-expander-body div.form-holder div.form-field .form-field-2cols .form-field {padding-top:3px; width:250px;}
		div.b-expander-body div.form-holder div.form-field .form-field-2cols .total {width:279px;}
			div.b-expander-body	div.form-holder div.form-field .form-field-2cols .form-field span,
			div.b-expander-body	div.form-holder div.form-field .form-field-2cols .total span {float:right; margin-right:5px;}
			div.b-expander-body	div.form-holder div.form-field .form-field-2cols .form-field label,
			div.b-expander-body	div.form-holder div.form-field .form-field-2cols .total label {float:left}
		
/* 2c form */
div.form-holder.m-w100 .w-50 .form-field {width:300px; //width:305px;}


	div.b-label-line-as-tab, .b-label-line-as-tab .form-field {min-height:1.4em;}
	div.b-label-line-as-tab.question label{height:auto;}
	
	
	div.b-label-line-as-tab-2-line {height:2.8em;}
	
	
	div.b-label-line-as-tab-2-line label {line-height:1.3em;}
	div.b-label-line-as-tab-3-line {height:4.2em;}
		div.b-label-line-as-tab ul.b-links-list, table.m-w100.simple ul.b-links-list{display:inline; height:1.7em;}
			div.b-label-line-as-tab ul.b-links-list li,  table.m-w100.simple ul.b-links-list li {height:100%; /*padding:0.1em 0.4em 0 0.3em; margin-right:0.5em;*/ margin:0 0 0 5px; padding:1px 3px 6px 3px; display:inline;}

			div.b-label-line-as-tab ul.b-links-list li.m-tabbed {background:#d9e3e8;}
				div.b-label-line-as-tab ul.b-links-list li.m-tabbed a {text-decoration:none; color:#333;}

	div.form-holder .b-expandable-form-section { padding:0.7em 0.8em; background:#d9e3e8; position:relative; clear:both; }
		div.form-holder .b-expandable-form-section div.form-label { width:100px; }
		div.form-holder .b-expandable-form-section .b-close-btn { font-size:85%; position:absolute; top:0.7em; right:0.8em; height:13px; }
			div.form-holder .b-expandable-form-section .b-close-btn a { padding-right:1.6em; background:url('../i/ico/close-icon-spr.png') 100% 1px no-repeat; }
			div.form-holder .b-expandable-form-section .b-close-btn a:hover { padding-right:1.6em; background:url('../i/ico/close-icon-spr.png') 100% -13px no-repeat; }

div.form-holder.m-w80 .b-expandable-form-section {width:700px!important;}

.b-free-line { margin-bottom:0.6em; }

/* fix radio buttons / checkbox */
.b-radio {/*margin-top:0.3em;*/}
div.form-holder input[type='checkbox']{vertical-align:middle; margin:1px 0.3em 0.2em 0; padding:0 }

div.form-holder input[type='radio'] {vertical-align:middle; margin:0 5px 0.2em 0; padding:0 }
table td.vtop,
table.vtop td{vertical-align:top;}
table.vtop td input[type='checkbox'],
table.vtop td input[type='text']  {margin-top:2px;}
/*table .m-center input[type='checkbox'],*/
table .m-center input[type='radio']{ vertical-align:text-top;}
table input[type='text'] { margin:2px 0 0 0; vertical-align:top;}


/* stylised buttons */
div.b-btn-holder-under-form {width:460px; margin:1.5em 0 0.8em 140px;}
div.b-btn-holder-under-form-short {width:460px; margin:1.5em 0 0.8em 110px;}
div.b-btn-holder-under-board-member,
div.b-btn-holder-under-long-table,
div.b-btn-holder-two-stage-app  {width:720px; margin:1.5em 0 0.8em 0;}
div.b-btn-holder {margin:1.5em 0 0.8em 0; width:60%;}
	div.b-btn-holder a {margin-left:0;}
	.b-btn-holder.view-app a.b-btn {padding:3px 18px 3px 17px;}
		.b-btn-holder.short-btn a.b-btn {padding:3px 11px 3px 10px;}

a.b-btn {margin-right:6px; /*display:inline;*/ font-size:80%; padding:3px 20px 3px 18px; text-transform:uppercase; text-decoration:none !important; color:#222; font-weight:bold; vertical-align:top; display:inline-block }
a.b-btn.m-go {margin-right:0; padding:0.3em 0.3em 0.3em 0.4em;}
a.b-btn:hover {color:#222; text-decoration:none;}

a.m-pos {background:url('../i/bg/pos-btn-bg.gif') 0 100% repeat-x; border:1px solid #99bed5;}
a.m-pos.over {color:#000; background:url('../i/bg/pos-btn-over-bg.gif') 0 100% repeat-x;}
a.m-pos.clicked {color:#333; background:url('../i/bg/pos-btn-bg.gif') 0 100% repeat-x;}

a.m-neg {background:url('../i/bg/neg-btn-bg.gif') 0 100% repeat-x; border:1px solid #a6b3ba;}
a.m-neg.over {color:#000; background:url('../i/bg/neg-btn-over-bg.gif') 0 100% repeat-x;}
a.m-neg.clicked {color:#333; background:url('../i/bg/neg-btn-bg.gif') 0 100% repeat-x;}

a.m-disabled, a.m-disabled:hover {background:#ccc; border:1px solid #a2a2a2; color:#666; cursor:default;}

/* input="file" immitation */
.fileinputs {position: relative; float:left; width:350px;}
.fileinputs input.file{position: relative; 	text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; width:345px; overflow:hidden;}
	.fakefile {position: absolute;	top: 0px; left: 0px; z-index: 1;}
	.fakefile input{width: 265px; border:1px solid #999999; }
	.fakefile .browse-btn{margin:0 0 0 274px!important; width:70px!important;}
	.upload-btn img{margin:0px!important}

.immitation-browse-input {z-index:3; position:absolute; top:0; left:0; height:23px; width:274px;}
.immitation-browse-input input {background-color:#FFFFFF; width:265px;}

/* misc modificators */
.m-radio-label {margin-top:2px;}
.m-label-160{width:160px!important;}

.m-radio-two-line input[type='radio'] {margin:6px 5px 2px 0!important;}
.m-no-rm{margin-right:0!important;}
.m-inline-topup1,
.m-inline-topup2{display:inline; position:relative; top:-2px;}
.m-inline-topup1{top:-1px;}
.m-mleft15{margin-left:15px;}
.m-pleft19 {padding-left:19px!important;}
.m-mleft43 {margin-left:43px;}

.m-textarea-h {min-width:456px;}
.m-textarea-w580 {width:580px!important;}
.m-big-textarea {width:716px; height:300px;}
.m-textarea-project-budjet{width:670px; height:100px}
.m-static-text {font-size:90%;}

.m-ptop1 {padding-top:1px;}
.m-ptop2 {padding-top:2px;}
.m-ptop3 {padding-top:3px;}
.m-ptop4 {padding-top:4px;}
.m-ptop5 {padding-top:5px;}
.m-ptop6 {padding-top:6px;}

.m-long {min-width:265px;}
.m-200 {width:200px;}
.m-medium {min-width:150px;}
.m-short {width:110px;}
.m-tiny {width:2em;}

/* text input modificators */
.m-size1 { width:1.7em;}
.m-size2 { width:2em;}
.m-size3 { width:2.5em;}
.m-size4 { width:3.2em;}
.m-size5 { width:3.9em;}
.m-size6 { width:4.1em;}
.m-size7 { width:4.8em;}
.m-size10 { width:6em;}
.m-size12 { width:7.5em;}
.m-size13 { width:98px;}
.m-size14 { width:130px;}

/* radio button alignment */
.m-shift-to-left input {margin-left:0; margin-right:7px;}

/* form fiel, form label modificator */
.m-form-field-auto,
.m-form-label-auto {width:auto!important;}
div.form-holder div.form-label.m-185 {width:185px}

div.form-holder div.form-field.m-checkbox-label-box, div.form-holder div.form-field.m-radio-label-box {min-height:22px;}
.form-holder .m-radio-label-box {padding-top:2px; vertical-align:middle;}
	.form-holder .m-radio-label-box label {margin-right:19px; margin-top:2px;}
	.form-holder .m-radio-label-box input[type="radio"]{margin:2px 6px 0 0;}
	
.form-holder .m-checkbox-label-box {padding-top:3px;}
	.form-holder .m-checkbox-label-box label {margin-right:19px;}
	.form-holder .m-checkbox-label-box input[type="checkbox"]{margin:0 6px 2px 0; vertical-align:middle;}
	div.form-field.m-checkbox-label-box.m-r label{margin-right: 10px;} 
	div.form-field.m-checkbox-label-box.m-r input{margin-right:3px;}
	div.form-field.m-checkbox-label-box.m-r2 label{margin-right: 8px;} 
    div.form-field.m-checkbox-label-box.m-r2 input{margin-right:3px;}
	input.fl-l{float:left;}

/* only safari fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.form-holder div.form-label { margin:0.4em 10px 0 0;}
	a.b-btn {margin-left:0.25em; margin-top:2px;}
	.m-inline-topup2,.m-inline-topup1 {top:-4px;}
	.m-ptop2 {padding-top:4px;}
	.m-mleft43 {margin-left:41px;}
	.w-149{width:149px!important}
	.form-holder .m-checkbox-label-box, .form-holder .m-radio-label-box {padding-top:5px;}
	.form-holder .m-radio-label-box {padding-top:5px;}
	.form-holder .m-radio-label-box input[type="radio"]{margin:0px 6px 3px 0;}
	.form-holder .m-checkbox-label-box input[type="checkbox"]{margin:0px 6px 3px 0;}
	.fileinputs input.file {width:342px;}
	.fakefile .browse-btn, .upload-btn img {position:relative; top:1px; padding-top:1px}
	.l-body .out-top-menu .b-fixed-menu-body{top:220px;}
	table.vtop td input[type='checkbox'],
	table.vtop td input[type='text']  {margin-top:3px;}
	div.form-holder div.form-line-static div.form-field{padding-top:0;}
	div.form-holder div.form-line-static div.form-field p{margin-top:-1px;}
}



/* radio buttons on separate lines */

	.form-holder .m-radio-label-box input[type="radio"]{float:left;}
	.form-holder .m-radio-label-box label {float:left; max-width:400px;}
	div.b-label-line-as-tab-2-line {width:680px;}
	
	
/* issue #9994 */
     
	 *:first-child+html div.b-label-line-as-tab div.m-form-field-auto ul.b-links-list li{ margin:0 0 0 5px; padding:5px 0 0 0; float:left;}

/* issue #9997 */
.form-field.clrf{
clear:both;
margin-top:5px;
}

/* issue #10132*/
    table.b-header-immitation input[type='checkbox']{ float:left; margin:1px 0 0.2em 5px; }
	.m-noscroll table.b-header-immitation input[type='checkbox']{ float:none; margin:1px 0 0.2em 0;}
	
	table.b-header-immitation input[type='checkbox']{ float:left; margin:1px 0 0.2em 5px; }
	.no-scroll table.b-header-immitation input[type='checkbox']{ float:none; margin:1px 0 0.2em 0;}
	
    div.form-holder table.b-header-immitation input[type='checkbox']{ float:left; margin:1px 0 0.2em 7px; }
	div.form-holder div.b-outer.no-scroll table.b-header-immitation input[type='checkbox']{ float:none; margin:1px 0.3em 0.2em 0; }