/*
Widget Reset CSS
=-=-=-=-=-=-=-=-=-=
Modified from: "Default style sheet for HTML 4" - http://www.w3.org/TR/CSS2/sample.html
And: "HTML 5 Reset Stylesheet" -  http://html5doctor.com/html-5-reset-stylesheet

This stylesheet only needs to declare values for HTML elements that will be used in the widget. It should give default values for all CSS properties on those elements.
Where 'inherit' is given as a value in the main list of elements, a more specific value should be given on relevant elements - e.g. strong {font-weight:bold; } - or on the root element, .sqwidget

*/

/*
HTML elements used in the widget

*/

/* HTML 4.01 */
.sqwidget, .sqwidget h1, .sqwidget h2, .sqwidget h3, .sqwidget h4, .sqwidget h5, .sqwidget h6, .sqwidget p, .sqwidget td, .sqwidget dl, .sqwidget tr, .sqwidget dt, .sqwidget ol, .sqwidget form, .sqwidget select, .sqwidget option, .sqwidget pre, .sqwidget div, .sqwidget table,  .sqwidget th, .sqwidget tbody, .sqwidget tfoot, .sqwidget caption, .sqwidget thead, .sqwidget ul, .sqwidget address, .sqwidget blockquote, .sqwidget dd, .sqwidget fieldset, .sqwidget li, .sqwidget iframe, .sqwidget strong, .sqwidget legend, .sqwidget em, .sqwidget s, .sqwidget cite, .sqwidget span, .sqwidget input, .sqwidget sup, .sqwidget label, .sqwidget dfn, .sqwidget object, .sqwidget big, .sqwidget q, .sqwidget font, .sqwidget samp, .sqwidget acronym, .sqwidget small, .sqwidget img, .sqwidget strike, .sqwidget code, .sqwidget sub, .sqwidget ins, .sqwidget textarea, .sqwidget var, .sqwidget a, .sqwidget abbr, .sqwidget applet, .sqwidget del, .sqwidget kbd, .sqwidget tt, .sqwidget b, .sqwidget i, .sqwidget hr,

/* HTML5 new elements */
.sqwidget article, .sqwidget aside, .sqwidget dialog, .sqwidget figure, .sqwidget footer, .sqwidget header, .sqwidget hgroup, .sqwidget menu, .sqwidget nav, .sqwidget section, .sqwidget time, .sqwidget mark, .sqwidget audio, .sqwidget video {
	background-attachment:scroll !important;
	background-color:transparent !important;
	background-image:none !important; /* Note that, with this !important rule, pngfixing for IE6 may not function, since this rule obsures the VML image that is used to replace the given CSS background-image */
	background-position:0 0 !important;
	background-repeat:repeat !important;
	/* border-color: this should not be set in general, but can be decalred for specific elements */
	border-style:none !important;
	border-width:medium !important;
	bottom:auto !important;
	clear:none !important;
	clip:auto !important;
	color:inherit !important;
	content:normal !important;
	counter-increment:none !important;
	counter-reset:none !important;
	cursor:auto !important;
	direction:inherit !important;
	display:inline !important;
	float:none !important;
	font-family: inherit !important; /* As with other inherit values, this needs to be set on root element */
	font-size: inherit !important;
	font-style:inherit !important;
	font-variant:normal !important;
	font-weight:inherit !important;
	height:auto !important;
	left:auto !important;
	letter-spacing:normal !important;
	line-height:inherit !important;
	list-style:disc outside none !important; /* Could set list-style-type to none */
	margin:0 !important;
	max-height:none !important;
	max-width:none !important;
	min-height:0 !important;
	min-width:0 !important;
	outline:invert none medium !important;
	overflow:visible !important;
	padding:0 !important;
	position:static !important;
	quotes: "" "" !important;
	right:auto !important;
	table-layout:auto !important;
	text-align:inherit !important;
	text-decoration:inherit !important;
	text-indent:0 !important;
	text-transform:none !important;
	top:auto !important;
	unicode-bidi:normal !important;
	vertical-align:baseline !important;
	visibility:visible !important;
	white-space:normal !important;
	width:auto !important;
	word-spacing:normal !important;
	z-index:auto !important;
}
/* Block-level elements */
/* HTML 4.01 */
.sqwidget, .sqwidget th, .sqwidget table, .sqwidget h3, .sqwidget h5, .sqwidget p, .sqwidget h1, .sqwidget td, .sqwidget dl, .sqwidget tr, .sqwidget dt, .sqwidget h6, .sqwidget ol, .sqwidget form, .sqwidget select, .sqwidget option, .sqwidget pre, .sqwidget div, .sqwidget tbody, .sqwidget h2, .sqwidget tfoot, .sqwidget caption, .sqwidget thead, .sqwidget h4, .sqwidget ul, .sqwidget address, .sqwidget blockquote, .sqwidget dd, .sqwidget fieldset, .sqwidget li, .sqwidget textarea, .sqwidget hr,
/* HTML5 new elements */
.sqwidget article, .sqwidget aside, .sqwidget dialog, .sqwidget figure, .sqwidget footer, .sqwidget header, .sqwidget hgroup, .sqwidget menu, .sqwidget nav, .sqwidget section {
    display: block !important; /* Actually, some of these should be inline-block and other values, but block is fine */
}
/*
Specific elements
Some of these are browser defaults; some are just useful resets
*/
.sqwidget strong {
	font-weight:bold !important;
}
.sqwidget em {
	font-style:italic !important;
}
.sqwidget a, .sqwidget a *, .sqwidget input[type=submit], .sqwidget input[type=radio], .sqwidget input[type=checkbox], .sqwidget select {
	cursor:pointer !important;
}
.sqwidget a:hover {
	text-decoration:underline !important;
}
.sqwidget button, .sqwidget input[type=submit] {
  text-align: center !important;
}
.sqwidget input[type=hidden] {
	display:none !important;
}
.sqwidget abbr[title], .sqwidget acronym[title], .sqwidget dfn[title] {
	cursor:help !important;
    border-bottom-width:1px !important;
	border-bottom-style:dotted !important;
}
.sqwidget ins {
	background-color:#ff9 !important;
	color:black !important;
}
.sqwidget del {
	text-decoration: line-through !important;
}
.sqwidget blockquote, .sqwidget q  {
	quotes:none !important; /* HTML5 */
}
.sqwidget blockquote:before, .sqwidget blockquote:after, .sqwidget q:before, .sqwidget q:after, .sqwidget li:before, .sqwidget li:after  {
	content: "" !important;
	content:none !important; /* HTML5 */
}
.sqwidget input, .sqwidget select {
	vertical-align:middle !important;
}
.sqwidget select, .sqwidget textarea, .sqwidget input {
	border:1px solid #ccc !important;
}
.sqwidget table {
	border-collapse:collapse !important;
	border-spacing:0 !important;
}

.sqwidget hr {
	display:block !important;
	height:1px !important;
	border:0 !important;
	border-top:1px solid #ccc !important;
	margin:1em 0 !important;
}
.sqwidget *[dir=rtl] {
	direction: rtl !important;
}
.sqwidget mark {
	background-color:#ff9 !important;
	color:black !important;
	font-style:italic !important;
	font-weight:bold !important;
}



/*
Root element
- values to be inherited, where default properties was set to 'inherit' 
*/
.sqwidget {
	font-size: 12px !important; /* Usual default is medium */
	line-height: 1 !important;
	direction:ltr !important;
	text-align:left !important;
	font-family: verdana, helvetica, arial !important;
	color: black !important;
	font-style:normal !important;
	font-weight:normal !important;
	text-decoration:none !important;
}
