
.c_form {							display:block; position:relative; float:left; width:400px; padding:0; margin:0; }
.c_form p {							}
.c_form h2 {						}
.c_form h3 {						}
.c_form fieldset {					display:block; position:relative; border:0; margin:0; padding:0; }
.c_form .fieldset {					border:1px solid #669; margin:5px; padding:2px; }

.c_form h3 {						padding:3px; margin:0; background-color:#669; color:#fff; }
.c_form h3.legend {					background-color:#669; color:#fff; }
.c_form .description {				padding:5px; margin:0; }
.c_form .messages {					display:block; padding:10px 10px 10px 25px; margin:5px; border:1px solid #393; color:#393; background:#cfc url(../images/gif/tick.gif) no-repeat 5px 9px; }
.c_form .messages.errors {			border-color:#933; color:#933; background-color:#fcc; background-image:url(../images/gif/actions/cross.gif); }
.c_form .successmessage {			padding:10px 10px 10px 25px; margin:5px; border:1px solid #393; color:#393; background:#cfc url(../images/gif/tick.gif) no-repeat 5px 9px; }
.c_form .errormessage {				padding:10px 10px 10px 25px; margin:5px; border:1px solid #933; color:#933; background:#fcc url(../images/gif/actions/cross.gif) no-repeat 5px 9px; }
.c_form .field {					display:block; position:relative; clear:both; padding:2px 0 0 5px; position:relative; }
.c_form .label,
.c_form .options,
.c_form .input {					display:block; float:left; padding:3px 0; border:0; }
.c_form .input:focus {				background-color:#ccc; }
.c_form .label {					width:30%; }
.c_form .input {					width:70%; background:#eee; }
.c_form .textarea .input {			height:100px; }
.c_form .datetime .input {			background:transparent; padding:0; }
.c_form .datetime .input .input {	background:#eee; padding:3px 0; }
.c_form .input .date {				width:49%; margin-right:1%; }
.c_form .input .time {				width:50%; }
.c_form .hidden {					display:none; }
.c_form .buttons {					padding:0; border:0; }
.c_form .button {					width:46%; margin:1%; padding:5px 0; background-repeat:no-repeat; background-position:4px; }
.c_form .button,
.c_form .button:focus {				background-color:#669; color:#fff; }
.c_form br {						clear:both; }
.c_form .value {					background-repeat:no-repeat; background-position:2px; }

.c_form .button.save {				background-color:#cfc; border:1px solid #393; color:#393; background-image:url(../images/gif/tick.gif); font-weight:bold; }
.c_form .button.cancel {			background-color:#fcc; border:1px solid #933; color:#933; background-image:url(../images/gif/actions/cross.gif); }
.c_form .button.continue {			background-color:#cfc; border:1px solid #393; font-size:12px; color:#393; background-image:url(../images/gif/actions/arrow_right.gif); font-weight:bold; width:96%; margin:1%; }
.c_form .button.login {				background-color:#ffc; border:1px solid #c60; font-size:14px; color:#c60; background-image:url(../images/gif/type/lock.gif); font-weight:bold; width:96%; margin:1%; }
.c_form .button.search {			background-color:#ffc; border:1px solid #c60; color:#c60; background-image:url(../images/gif/type/search.gif); font-weight:bold; width:96%; margin:1%; }

.c_form .ifile {					position:absolute; right:0; width:auto; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; }
.c_form .file .browse {				position:absolute; right:0; background:#669; color:#fff; padding:3px 0; width:auto; padding:3px; }
.c_form .attachment .browse {		position:absolute; right:0; background:#669; color:#fff; padding:3px 0; width:auto; padding:3px; }
.c_form .image .image {				margin-left:30%; width:70%; }
.c_form .image .image img {			padding:3px 0; max-width:100%; }
.c_form .image_remove {				margin-left:30%; padding:3px 2px; float:left; }
.c_form .file .items {				display:block; padding:0; margin-left:30%; list-style:none; width:70%; }
.c_form .file .items .item {		display:block; padding:0; margin:0; height:21px; float:none; width:100%; position:relative; clear:both; }

.c_form .field .container {			display:block; width:70%; margin-left:30%; height:100px; overflow:hidden; position:relative; }
.c_form .field .progress {			display:none; }
.c_form .file .progress {			display:block; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#fff; }
.c_form .field .progress .value {	display:none; }
.c_form .field .progress .bar .value {	display:block; top:100%; color:#669; right:0; text-align:right; line-height:auto; }
.c_form .field .progress .label {	width:100%; }
.c_form .field .progress .bar {		height:100%; overflow:visible; }
.c_form .field .progress .back {	position:relative; display:block; margin:0; background:#eee; height:5px; }
.c_form .field .progress .cancel_bt {	position:absolute; display:block; bottom:5px; right:0; text-align:right; }
.c_form .field .progress .title {	display:none; }
.c_form .field .progress .icon {	width:16px; height:16px; }

.c_form .progress {					 }
.c_form .progress span.input {		position:relative; height:15px; background-color:#eee; }
.c_form .progress .value {			position:absolute; top:1px; left:3px; margin:1px; line-height:16px; white-space:nowrap; font-size:10px; }
.c_form .progress .bar {	 		position:absolute; top:0; left:0; height:20px; width:0%; background:#669; overflow:hidden; }
.c_form .progress .bar .value {		margin:1px; color:#fff; }
.c__form .progress .input {	 		-moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box; border:1px solid #669; height:24px; }
.c__form .progress .bar {	 		-moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box; border:1px solid #fff; }

.c_form .options {					padding:0; }
.c_form .options .field {			clear:none; float:left; padding:3px; }
.c_form .option .label {			width:auto; margin:0; padding:0 20px; background:transparent; }
.c_form .option .input {			width:auto; position:absolute; top:0; left:0; }

.c_form .multicheckbox .field {		clear:both; float:none; padding:3px; }
.c_form .password_confirm {			font-size:9px; }

/*
.c_form .fieldset.radio {			border:0; padding:2px 0 0 5px; margin:0; width:auto; position:relative; }
.c_form .radio .field .label {		width:90%; margin-left:8%; background-color:#eee; }
.c_form .radio .field .input {		width:auto; position:absolute; top:-3px; left:-1px; }
.c_form .radio .options {			width:70%; background-color:#eee; }
.c_form .radio .options .field {	clear:none; float:left; padding:0; }
.c_form .radio .options .label {	width:auto; margin:0; padding:0 20px; background:transparent; }
.c_form .radio .options .input {	width:auto; }

.c_form .fieldset.checkbox {			border:0; padding:2px 0 0 5px; margin:0; width:auto; position:relative; }
.c_form .checkbox .field .label {	width:90%; margin-left:8%; background-color:#eee; }
.c_form .checkbox .field .input {	width:auto; position:absolute; top:-3px; left:-1px; }
.c_form .checkbox .options {		width:70%; background-color:#eee; }
.c_form .checkbox .options .field {	clear:none; float:left; padding:0; }
.c_form .checkbox .options .label {	width:auto; margin:0; padding:0 20px; background:transparent; }
.c_form .checkbox .options .input {	width:auto; }
*/

.c_form .single.checkbox {			margin-left:30%; }
.c_form .single.checkbox .input {	width:10%; }
.c_form .single.checkbox .label {	width:85%; }

.c_form .locked .input {			background-color:transparent; font-style:italic; }

.c_form .singleline {				width:auto; float:none; padding:1px; }
.c_form .singleline .button {		margin:0; }
.c_form .singleline .fieldset {		clear:none; float:left; }
.c_form .singleline .field {			clear:none; float:left; padding:1px; }
.c_form .singleline .label {			width:auto; padding:3px; }
.c_form .singleline .input {			width:auto; padding:3px; }
.c_form .singleline .button {		margin:1px 2px; padding:0 3px 0 24px; }
.c_form .singleline select.input {	padding:2px; }
.c_form .singleline br {			display:none; }

.c_form .label .option {			display:block; padding:2px 0 4px; }
.c_form .label .value {				display:block; float:left; width:70%; padding:0; background-color:transparent; }
.c_form .label .key {				display:block; float:left; width:30%; clear:left; font-weight:bold; }


/* ERRORS */
.c_form .error .label {				color:#c00; }
.c_form .error .input {				background-color:#fee; }
.c_form .error .input:focus {		background-color:#fcc; }
.c_form .error.info {				color:#c00; }
.c_form .error.info:hover .icon {	background-color:#c00; color:#fff; }

/* HELP */
.c_form .info {						display:block; float:left; position:absolute; top:3px; left:100%; text-decoration:none; color:#000; }
.c_form .info .icon {				display:block; width:16px; height:16px; text-align:center; color:#c00; }
.c_form .info .data {				display:none; }
.c_form .info:hover {				z-index:2; }
.c_form .info:hover .icon {			background-color:#ccc; }
.c_form .info:hover .data {			display:block; position:absolute; left:75%; top:75%; width:300px; border:1px solid #ccc; background:#eee; color:#c00; padding:5px; }
.c_form .info .head {				display:block; font-weight:bold; }
.c_form .info .body {				display:block; padding:3px; }
.c_form .info .body u {				display:block; }

/* ACTIONS */
.c_form .action {					background:#fff; }
.c_form .action a {                 display:block; padding:2px; background-repeat:no-repeat; background-position:2px; }
.c_form .action .table {			background-image:url(../images/gif/table.gif); }
.c_form .action a.add {				background-color:transparent; border:0; padding:0 0 0 22px; }
.c_form div.action {				margin:5px; padding:0; }
.c_form div.action a {              margin:0 5px; padding:4px 4px 4px 20px; float:left; }


/* VIEW CHANGE */
.c_form .viewStyle {					position:absolute; right:5px; top:5px; margin:5px; }
.c_form .viewStyle div {				position:absolute; top:0; right:0; width:11px; height:11px; background-repeat:no-repeat; }
.c_form .viewStyle div:hover {			cursor:pointer; }
.c_form .viewStyle div span {			display:none; }
.c_form .viewStyle div.extended {		background-image:url(../images/gif/actions/view_expand.gif); }
.c_form .viewStyle div.simple {			background-image:url(../images/gif/actions/view_collapse.gif); }

.c_form.extended .field {					display:block; }
.c_form.extended .fieldset {				display:block; }
.c_form.extended > .viewStyle .extended {	display:none; }

.c_form.simple .field {						display:none; }
.c_form.simple .field.required {			display:block; }
.c_form.simple .fieldset {					display:none; }
.c_form.simple .fieldset.required {			display:block; }
.c_form.simple .fieldset.buttons {			display:block; }
.c_form.simple > .viewStyle .simple {		display:none; }
.c_form.simple .extended .field {			display:block; }
.c_form.simple .extended .fieldset {		display:block; }


/* LIST IN FORM */
.c_form .c_table {							width:100%; float:none; }
.c_form .c_table .result {					margin:0; }
.c_form .c_table .actions {					margin:0; }
.c_form .c_table .result th {				background-color:#eee; border-color:#ccc; }
.c_form .c_table .result th a span {		color:#669; }
.c_form .c_table .result th a:hover {		background-color:#eee; }
.c_form .c_table .result .asc .value span {	background-image:url(../images/arrow_n_black.gif); }
.c_form .c_table .result .desc .value span {background-image:url(../images/arrow_s_black.gif); }

/* FORM IN FORM */
.c_form .c_form {							width:auto; }
.c_form .c_form h2 {						font-size:12px; font-weight:normal; border:0; }
.c_form .c_form .fieldset {					border-color:#ccf; margin:2px 0; }
.c_form .c_form h3.legend {					background-color:#99c; color:#fff; }

/* ITEMLIST IN FORM */
.c_form .c_itemList .body {					top:0; }


