/*

Copyright (C) 2008-2009 <agenceXML> - Alain COUTHURES
Contact at : <info@agencexml.com>

Copyright (C) 2006 AJAXForms S.L.
Contact at: <info@ajaxforms.com>

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
	
*/
		
.aid-button {
	padding				: 0;
}
	
		
.calendar, .calendarList {
	border-top			: 1px solid black;
	border-right		: 2px solid black;
	border-bottom		: 2px solid black;
	border-left			: 1px solid black;
	padding				: 1px 0px 0px 1px;
	font-family			: tahoma, verdana, sans-serif;
	font-size			: 12px;
	color				: black;
	background			: #f8f8f8;
	display				: none;
	position			: absolute;
	z-index				: 9;
}
/*
     Shree
	border: 1px solid #FFFFFF;
*/
.xforms-label-label {width: 100px;  
	font-weight: bold; }	
	
.label {width: 100px;  
}	
.xforms-value, .input-value {
   border-style:none; 
   border-color:#ABC6DD; 
   border-bottom-style:dashed;
   border-bottom-width:1px; 
   text-align:left; 
   background-color:rgb(238,255,240);
   font-size: 12pt;
   margin-top: 0.5ex;
}

div.compact {
  display: inline;
  background-color: white;
  border-bottom: 0px none;
}

#custom_message_div {
  min-height : 25px;
}

.xforms-error {
  font-weight:bold;
  color:red;
}

#custom_message_text{
	font-weight: bold;
	display : inline-block;
	background-color : #FFB; 
	margin-top: -3px;
	min-height : 25px;
}

.message_ketcher{
	font-weight: bold;
	display : inline-block;
	background-color : #FFB; 
	margin-top: -3px;
	margin-bottom: 3px;
}

.message_div_editor{
	margin-top: 5px;
}

.close_message {
  cursor: pointer;
  position:relative;
  height:16px;
  top : 3px;
  left : 3px;
}
.dynamic-label .xforms-value {background-color:inherit;border:inherit;font-size: 10pt;}
.xml-editor .xforms-value {width:100%;height:700px;}
.file .xforms-value {width:40ex;}
.url .xforms-value {width:40ex;}
.tel .xforms-value {width:20ex;}
.email .xforms-value {width:30ex;}
.code .xforms-value {width:8ex;}
.center .xforms-value {text-align: center;}
.itemCode .xforms-value {width:14ex;}
.number .xforms-value {width:3em;text-align:right;}
.fixwidth {display: inline-block;}
.newLine {display: block;} /* display control/field on new line */
.smallint .xforms-value {width:2em;text-align:right;}
.smallid .xforms-value {width:4em;text-align:left;}
.unit .xforms-value {width:4em;}
.boolean .xforms-value {width:5ex;}
.oid .xforms-value {width:20ex;}
.displayNameShort .xforms-value {width:20ex;}
.displayName .xforms-value {width:30ex;}
.docSectType .xforms-value {width:40ex;}
.displayNameLong .xforms-value {width:70ex;}
.displayNameLongDropDown .xforms-value {width:70ex;}
.displayNameLongDropDown .xforms-value {width:70.3ex\9;}
.emailDropDown .xforms-value {width:30ex;}
.emailDropDown .xforms-value {width:30.3ex\9;}
.displayNameMedium .xforms-value {width:55ex;}
.displayNameMediumDropDown .xforms-value {width:55ex;}
.displayNameMediumDropDown .xforms-value {width:55.2ex\9;}
@-moz-document url-prefix() {
   .displayNameLongDropDown .xforms-value {width:70.2ex;}
   .emailDropDown .xforms-value {width:30.2ex;} 
   .displayNameMediumDropDown .xforms-value {width:55.2ex;}  
}
.mediaId .xforms-value {width:5ex;}
.mediaDescription .xforms-value {width:40ex;}
.uuid .xforms-value {width:19em;}
.date .xforms-value {width:5em;}
.stringValue .xforms-value {width:30em;}
.smallInt .xforms-value {width:2em;text-align:right;}
.organizationName .xforms-value {width:16em;}
.personName .xforms-value {width:20em;}
.userId .xforms-value {width:10em;}
.thingName .xforms-value {width:20em;}
.thingNameSuffix .xforms-value {width:6em;}
.appNum .xforms-value {width:16ex;}
.appNum3 .xforms-value {width:24ex;}
.idExtension .xforms-value {width:10ex;}
.duns .xforms-value {width:12ex;}
.unii .xforms-value {width:13ex;}
.nui .xforms-value {width:15ex;}
.fei .xforms-value {width:10ex;}
.ndc1 .xforms-value {width:6ex;}
.ndc2 .xforms-value {width:10ex;}
.ndc3 .xforms-value {width:14ex;}
.streetAddressLine .xforms-value {width:74ex;}
.city .xforms-value {width:20ex;}
.state .xforms-value {width:10ex;}
.postalCode .xforms-value {width:10ex;}
.gps .xforms-value {width:10ex;}
.country .xforms-value {width:6ex;}
.border-none {border:none;}
.display-none {display:none;}
.xforms-nowrap {white-space: nowrap;}
.xforms-checkbox div{padding-left: 1.5em;}
.xforms-checkbox input{border-color: white;background-color: white;}

.xforms-button-label {width: 100px;  
	font-weight: bold; }
.form-color{
background-color: rgb(210,230,230);
}
	
.changed {
 font-weight: bold;
 color: blue;
} 
.unchanged {
 font-weight: bold;
 color: green;
} 

.border td {
 border: solid 1px;
}
.zeroborder td{
	border: solid 0px;
}
.collapsor {
  cursor: pointer;
  font-size: 16px;
}


.suggestion_list {
  background: white;
  border: 1px solid;
  padding: 4px;
}
		
.suggestion_list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
		
.suggestion_list a {
  text-decoration: none;
  color: navy;
}
		
.suggestion_list .selected {
background-color: #ffb;
color: black;
}
		
.suggestion_list .selected a {
color: black;
}

#autosuggest {
display: none;
}
 
.calendar .button {
	text-align			: center;
	padding				: 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
}

.calendar thead .hover {
	border				: 2px solid;
	border-color		: #fff #000 #000 #fff;
	padding				: 0px;
	background-color	: #d8e0e4;
}

.calendar .title, .calendar .title input, .calendar .title select, .calendar tfoot {
	font-weight			: bold;
	padding				: 1px;
	border				: 1px solid #000;
	color				: #000;
	text-align			: center;
	background-color	: #f8f8f8;
	background-image	: url(titleBackground.png);
}

.calendar .title input {
	width				: 4em;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	background			: #f8f8f8;
}

.date tfoot {
	display				: none;
}

.calendar tfoot input {
	width				: 2em;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	text-align			: center;
	background			: #f0f0f0;
}

.calendar .names {
	background-image	: url(thBackground.png);
}

.calendar .name {
	border-bottom		: 1px solid #000;
	padding				: 2px;
	text-align			: center;
}

.calendar .day {
	width				: 2em;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	text-align			: right;
	padding				: 2px 4px 2px 2px;
}

.calendar tbody .hover {
	padding				: 1px 3px 1px 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
	background-color	: #dddddd;
}

.calendar .today {
	font-weight			: bold;
	color				: #00f;
}

.calendar .selected {
	font-weight			: bold;
	padding				: 2px 2px 0px 2px;
	border				: 1px solid;
	border-color		: #000 #fff #fff #000;
	background			: #cccccc;
}

.calendar .weekend {
	color				: #f00;
}

.calendarList {
	padding				: 0;
	margin				: 0;
	width				: 55px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

.calendarList li {
	list-style-type		: none;
	text-align			: center;
	padding				: 1px;
}

.calendarList li.hover {
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
	padding				: 0px;
	background-color	: #dddddd;
	width				: 100%;
}
	
		
#console {
	font-size			: 0.8em;
	color				: #888888;
	border-top			: thin solid #888888;
	display: none;
}
	
		
div.xforms-dialog {
	display				: none;
	position			: absolute;
	width				: 400px;
	height				: 300px;
	background-color	: white;
	border-top			: 1px solid black;
	border-left			: 1px solid black;
	border-bottom		: 3px solid black;
	border-right		: 3px solid black;
	padding				: 10px;
	z-index				: 10;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

#xforms-dialog-surround {
	display				: none;
	position			: absolute;
	left					: 0;
	top						: 0;
	width				: 100%;
	height				: 100%;
	background-color	: green;
	filter:alpha(opacity=40); 
	opacity:0.4; 
	-moz-opacity:0.4;
}
body {
	margin: 0;
}
	
		
.xforms-disabled, span.xforms-control.xforms-appearance-minimal.xforms-disabled {
	display				: none !important;
}
	
		
span.xforms-required-icon, span.xforms-alert, span.xforms-help, span.xforms-hint {
	vertical-align		: top;
}

.xforms-required-icon {
    display				: none;
    color				: red;
}

.xforms-required .xforms-required-icon {
    display				: inline;
    margin-left			: 3px;
}

div.xforms-help-value, div.xforms-alert-value, div.xforms-hint-value { 
	display				: none;
	background-color	: #ffeeee;
	position			: absolute;
	border				: black 1px solid; 
	width				: 70%;
	white-space: normal;
	margin-top			: 16px;
	margin-left			: -16px;
	padding				: 5px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

span.xforms-alert {
	display				: none;
}

.xforms-invalid span.xforms-alert {
	display				: inline;
}

div.xforms-alert-value  {
	background-color	: #ffeeee;
}

span.xforms-alert-icon, span.xforms-help-icon, span.xforms-hint-icon {
	
	padding-left		: 16px;
	padding-bottom		: 1px;
	width				: 16px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

span.xforms-alert-icon {
	background-image	: url(icon_error.gif); 
	background-repeat : no-repeat;
}

span.xforms-help-icon {
	background-image	: url(icon_help.gif); 
	background-repeat : no-repeat;
}

span.xforms-hint-icon {
	background-image	: url(icon_error.gif); 
	background-repeat : no-repeat;
}

span.focus {
	display:none;
}
	
		
span.xforms-message {
	display				: none;
}
	
		
.xforms-readonly input, .xforms-readonly textarea, .xforms-readonly select, .xforms-readonly option {
	background-color	: #f8f8f8;
	color				: #333333;
}
	
textarea.svgtextarea  {
	width	: 90%;
	height	: 200px;
	display : none;
}

div.svgdiv {
  display : block;
  width: 900px; 
  height: 300px;
  border:1px solid gray; 
  overflow:auto;
}
		
div#statusPanel {
	display				: none;
	position			: absolute;
	width				: 300px;
	height				: 120px;
	padding-top			: 40px;
	text-align			: center;
	background-color	: #eeeeee;
	opacity				: 0.85;
	filter				: alpha(opacity=85);
	border				: 1px solid black;
	font				: bold 20px Arial, Verdana;
	z-index				: 11;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}
	
		
.xforms-trigger a, .xforms-trigger a:link, .xforms-trigger a:hover, .xforms-trigger a:visited {
	text-decoration				: none;
	color 													: #000000;
	border: none !important;
	cursor: pointer;
}

img.xforms-value {
	border : 0;
}

span.value > a > button  {
	padding: 0px 0px 0px 0px;
}

table.tableContentAlign tr td:first-child {text-align: left;}
table.tableContentAlign tr td:last-child {text-align: right;}

/*
.xforms-repeat-item-selected {
    border: 2px solid red;
}
*/