/*
	You Name It Labels (Screen Styles)
	Created: 16th July 2007, Next Digital (Melbourne)
	Modified: 4th October 2007, Next Digital (Brisbane)
	
	# This stylesheet contains
	    - Imported Stylesheets
	    - Base HTML Elements
*/


/*
	** Imported stylesheets
*/
@import url(structure.css);
@import url(components.css);
@import url(theme.css);

/*
	** Base HTML Elements
*/
body 
{
	width:100%; height:auto;
	background-color: #fff;
	background-image: url(../images/background_thread.png);
	background-repeat: no-repeat;
	background-position: 50% 200px;
	/* background:#FFF url(../images/background_thread.png) 50% 200px no-repeat scroll; */
	font:normal 62.5%/1.0 Verdana, Arial, sans-serif; color:#000;
	text-align:center;
	padding:0; margin:0;
}
a img, iframe  {border:none;}
/* p, blockquote, ul, ol, dl, li, dt, dd {font-size:1.2em; font-weight:normal; padding:0; margin:0;font-family: Arial, Verdana;} */
p, blockquote, dl, dt, dd 
{
	font-size:1.2em;
	font-weight: normal;
	font-family: Arial, Verdana;
	color:#666;
	/* text-align:justify; */
	width:auto;
	margin:0 0 14px 0;
	padding:0;
}
ul
{
	padding: 0 0 0 0;
	margin: 0 0 14px;
	height: 1%;
	list-style-type: none;
}
li
{
	font-size: 1.2em;
	font-family: Arial, Verdana;
	color:#858585;
	text-align:left;
	width:auto;
	margin:0 0 2px 0;
	padding:0px 0 0 20px;
	
	background-position: 0 0.1em;
	background-repeat: no-repeat;
}
li p
{
	font-size: 1em;
}
form, fieldset, legend, select {padding:0; margin:0;}
fieldset {border:none;}
label, input, textarea, select {font:normal 1em/1.0 Arial, sans-serif; padding:0px; margin:0;}
label, input, textarea {padding: 1px;}
label {font-size:1.2em;}
h1, h2, h3, h4, h5, h6 {font-size:100%; padding:0; margin:0 0 10px; color: #000;}
h1{
	font-size: 20px;
	font-weight:  normal;
	line-height: 1em;
	background-position: 0 100%;
	background-repeat:  no-repeat;
	padding: 6px 0 1px 0; 
	margin: 0 0 12px 0;
}
.jsEnabled h1
{
	font-size: 32px;
	visibility: hidden;
}
h2
{
	font-size: 155%;
}
h3
{
	font-size: 1.8em;
	color: #787878;
	clear: both;
}
h4
{
	font-size: 1.2em;
	color: #787878;
}
a {
	color:#EF5BA1; 
	text-decoration:none;
}
a:hover {color:#7EC242; text-decoration:none;}
#column02 a:hover {text-decoration:underline;}
.hide {display:none;}
hr {display:none;}
.offleft
{
	position: absolute;
	left: -8000em;
	width: 1000em;
}
u
{
	text-decoration: none !important;
}

/*Form styling*/
label input
{
	margin-right: 3px;
}

form,
fieldset,
fieldset div
{
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset legend
{
	display: none;
}
fieldset div
{
	clear: both;
	padding: 2px 0 7px;
}

fieldset .note
{
	font-size: 90%;
	font-weight: normal !important;
}

fieldset input, 
fieldset select, 
fieldset textarea 
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 1.1em;
}
fieldset input.txt,
fieldset textarea.txt,
fieldset select.ddl
{
	width: 35%;
}
fieldset input.txt-small,
fieldset textarea.txt-small
{
	width: 20%;
}
fieldset input.txt-tiny,
fieldset textarea.txt-tiny
{
	width: 10%;
}
fieldset input.button,
fieldset input.btn
{
	padding: 3px 8px 2px !important;
	
	font-weight: bold;
	cursor: pointer;
	line-height: 1em;
}

fieldset input.chk
{
	margin-right: 3px;
}
/*
	** Labeling
*/
fieldset label
{
	position: relative;
	display: block;
	float: left;
	width: 30%;
	padding-top: 3px;
	
	font-weight: normal;
	cursor: pointer;
	color: #666;
}
fieldset ul label
{
	font-weight: normal;
}


/*
	** Lists
*/
fieldset ul li
{
	background-image: none !important;
	padding-left: 0;
}

ul.col-count-2,
ul.col-count-3,
ul.col-count-4
{
	margin: 0 0 0 40%; 
}

ul.col-count-2 li,
ul.col-count-3 li,
ul.col-count-4 li { float: left; }

ul.col-count-2 li { width: 48%; padding-right: 2%; }
ul.col-count-3 li { width: 31%; padding-right: 2%; }
ul.col-count-4 li { width: 25%; }


/*
	** Layouts
*/
fieldset div.full
{
}
	fieldset div.full input.txt,
	fieldset div.full textarea.txt
	{
		width: 90%;
		margin-bottom: 2px;
	}
	fieldset div.full ul
	{
		clear: left;
	}
	fieldset div.full label
	{
		float: none;
		width: 100%;
		padding-bottom: 8px;
	}
	fieldset div.full select
	{
		margin-left: 30%;
	}

fieldset div.input-align 
{
	padding-left: 30%;
}
fieldset div .inset,
fieldset div .inset *
{
	display: inline;
	float: none;
	clear: none;
	width: auto;
}
	fieldset div .inset input.txt
	{
		width: 27%;
	}

fieldset div.buttons
{
	padding-left: 30%;
	padding-top: 10px;
}


/*
	=Validation Styles
*/
fieldset .attention em,
fieldset .required em
{
	position: absolute;
	left: -8000px;
	width: 4000px;
}
fieldset .required
{
	position: absolute;
	right: 3px;
	
	color: #00a3e7;
}
	#thm-green fieldset .required{	color: #7ec242;}
	#thm-pink fieldset .required{	color: #ef5aa0;}
	#thm-lightblue fieldset .required{	color: #12bffe;}
	#thm-orange fieldset .required{color: #f89b36;}
	#thm-darkblue fieldset .required{color: #2e3092;}
fieldset .attention
{
	position: absolute;
	display: none;
	clear: both;
	width: 140%;
	margin: 20px 0 0 100%;
	padding: 0 0 2px 20px;
	
	background-image: url(../images/icon-error.gif);
	background-repeat: no-repeat;
	background-position: 2px 0;
	
	color: #e70004;
	font-weight: bold;
}
div.error
{
	padding: 0 0 12px 20px;
	
	background-image: url(../images/icon-error.gif);
	background-repeat: no-repeat;
	background-position: 2px 0;
	
	color: red;
	i
}