/*
  	          SIL::data_set - css file

				first created: <2009-01-21
				Last updated: 2009-01-25
                       Ver. 1.1

             Copyright (c) 2008 - Stedfox - Web Solutions - Cameron Burns

  -- Dev notes:
		Dependancies:
			
		Notes:
			-
					
  -- User notes:
	todo:
		-- See todo.txt (in SIL folder)
		-- Development history:
			-- v2.xx [2009-xx-xx]
				- xx
			
  -- READ ME:
    -- Purpose/use of file:
		The default css file (look, feel/layout) of the data_set HTML rendition
  */
div1 {
	border:					1px solid #333;
	padding: 2px;
	margin: 2px;
}

.DS-box-skin-DEFAULT {
	padding:									4px 2px 3px 5px;
	
	background-color:					#ececec;
	border:										1px solid #c4c2bd;
}

.DS-box-skin-DEFAULT .submit1 {
	padding:									2px 0px 2px 0px;
	border:										1px solid #6f6f6f;
	background-color:					#d0cfce;
	font-weight:							bold;
	color:										#333;
	margin:										4px;
	float:										right;
}
.DS-box-skin-DEFAULT input[type="submit"] {
	padding:									2px 4px 2px 4px;
	border:										1px solid #6f6f6f;
	background-color:					#d0cfce;
	font-weight:							bold;
	color:										#333;
	margin:										4px;
	float:										right;
}

.data_set-skin-DEFAULT {
  padding-left:			6px;
  padding-bottom:		2px;
  padding-top:			1px;
}

.data_set-skin-DEFAULT h2 {
	margin:								0px;
	padding:							0px;
  padding-left:					8px;
  text-align:						left;
  font-size:						24px;
  font-weight:					bold;
}
.data_set-skin-DEFAULT h3 {
	margin:								3px;
	padding:							0px;
  padding-left:					0px;
  text-align:						left;
  font-size:						14px;
	color:								#333;
  font-weight:					bold;
}
.data_set-skin-DEFAULT .row  {
	border-top:								1px solid #ececec;		/* BUG-FIX: invisible Border top is needed to push down the .row .boxed, as without it tags with class="boxed" cram up against the element above for some reasons */
	clear:										both;
}
.data_set-skin-DEFAULT .row .boxed1 {
	margin:										5px 10px 5px 0px;
	padding:									4px;

	border:										1px solid #cccac5;
	background-color:					#e2e2e2;
}
.data_set-skin-DEFAULT .row .text1 {
	padding-left:							3px;
	
	font-size:								12px;
	color:										#444;
}

.data_set-skin-DEFAULT .row .default_field_container 	{
}
.data_set-skin-DEFAULT .row .caption_error,
.data_set-skin-DEFAULT .row .caption {
	float:								left;
	clear:								both;
	width:								190px;
	
  padding:							5px 6px 5px 2px;

  background-color:			#c4c2bd;
  border-bottom:				1px solid #606060;
  border-top:						1px solid #eeeeee;
  border-left:					3px solid #999999;
  border-right:					1px solid #999999;

  text-align:						right;
  color:								#353535;
  font-weight:					bold;
  font-size:						11px;
}
.data_set-skin-DEFAULT  .row .caption_error {
	background-color:			#a3a19d;
}

.data_set-skin-DEFAULT  .row .default_field_container {
	float:							left;
	margin:							0px 1px 0px 4px;
	text-align:					center;
}

.data_set-skin-DEFAULT .row .field {
  float:							left;
	padding:						2px;
}
.data_set-skin-DEFAULT .row .field textarea,
.data_set-skin-DEFAULT .row .field input,
.data_set-skin-DEFAULT .row .field select{
	border:								1px solid #7f9db9;
}
.data_set-skin-DEFAULT .row .field textarea:focus,
.data_set-skin-DEFAULT .row .field textarea.error:focus,
.data_set-skin-DEFAULT .row .field input:focus,
.data_set-skin-DEFAULT .row .field input.error:focus,
.data_set-skin-DEFAULT .row .field select:focus,
.data_set-skin-DEFAULT .row .field select.error:focus {
  background-color:			#c2cbdc;
	border:								1px solid #666;
}

.data_set-skin-DEFAULT .row .field textarea.error,
.data_set-skin-DEFAULT .row .field input.error,
.data_set-skin-DEFAULT .row .field select.error {
	background-color:			#ffa2a2;
	border: 1px solid #555;
}
.data_set-skin-DEFAULT .row .field .error {
  background-color:		#
}

.data_set-skin-DEFAULT .row span.mini_caption {
	font-weight:				bold;
  font-size:					12px;
}
.data_set-skin-DEFAULT .row .validation_error_message {
	clear:						both;
	float:						left;
	width:						200px;
	
  font-size:			  9px;
  font-weight:			normal;

  text-align:       right;
  color:            #444444;
  padding:   				2px 5px 2px 15px;
}