/* Version 1.1 @ 23 Dec 2009 */

/* FORM STYLE */
/*######## Textbox ##########*/
input.textStyle1 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/box-form-textbox3.gif) no-repeat ; /*Change Background here*/
	height:19px;
	padding-left:7px;
	_padding-left:3px;
	padding-top:7px;
	width:105px;
	border:0 none;
	display:inline;
	font-size:12px;
	vertical-align:middle;
}
input.textStyle1Focus { background-position: 0px -27px; } /*Change Background position here*/
input.textStyle1Alert  { background-position: 0px -54px; } /*Change Background position here*/	
/*#########################*/

/*######## Textbox ##########*/
input.textStyle2 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/box-form-textbox4-bk.gif) no-repeat ; /*Change Background here*/
	height:21px;
	padding-left:7px;
	padding-top:5px;
	width:312px;
	border:0 none;
	display:inline;
	font-size:12px;
	vertical-align:middle;
}
input.textStyle2Focus { background-position: 0px -27px; } /*Change Background position here*/
input.textStyle2Alert  { background-position: 0px -54px; } /*Change Background position here*/	
/*#########################*/

/*######## Textbox ##########*/
input.textStyle3 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/box-form-textbox5.gif) no-repeat ; /*Change Background here*/
	height:21px;
	padding-left:7px;
	padding-top:5px;
	width:120px;
	border:0 none;
	display:inline;
	font-size:12px;
	vertical-align:middle;
}
input.textStyle3Focus { background-position: 0px -27px; } /*Change Background position here*/
input.textStyle3Alert  { background-position: 0px -54px; } /*Change Background position here*/	
/*#########################*/

/*######## TEXTAREA #########*/
div.textareaStyle1 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-image: url(../img/box-form-comment.gif); /*Change Background here*/
	background-repeat: no-repeat;
	height:80px;
	padding:0; 
	width:312px;
	border:0 none;
	display:block;
	vertical-align:middle;
}
div.textareaStyle1Focus { background-position: 0px -80px; } /*Change Background position here*/
div.textareaStyle1Alert { background-position: 0px -160px; } /*Change Background position here*/
textarea.textareaStyle1 { background:url(../../img/clear.gif); border:0 none; display:block; font-size:11px; padding:7px; overflow:auto}
/*#########################*/

/*######### Button ################*/
form.frmUI input.submitStyle1 { 
	height:29px; 
	width:89px;  
	background: transparent url(../../Images/quiz-button-on.png) no-repeat;/*Change Background here*/
	_background: transparent url(../../Images/quiz-button-on.gif) no-repeat;
	/*background-position: left -2px;*/  /*Change Background position here*/
}
form.frmUI input.submitStyle1Focus { 
	height:29px; 
	width:89px;  
	background: transparent url(../../Images/quiz-button-over.png) no-repeat;/*Change Background position here*/
	_background: transparent url(../../Images/quiz-button-over.gif) no-repeat;
	/*background-position: left -36px;*/ /*Change Background position here*/
}
form.frmUI div#divSubmit { position:relative;  }
/*#########################*/

/*#######  Checkbox , Radio Button #########*/
div .radioLabel { float:left; padding-right:10px; padding-left:5px; }
/* 
 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
 * Examples:
 * .ui-radio-state-checked (simply checked) 
 * .ui-radio-state-checked-hover (checked and hovered/focused)
 * .ui-radio-state-hover (unchecked and hovered/focused)
 */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}
span.ui-helper-hidden {
	display: none;
}
label {
	padding: 2px;
	
}

span.ui-checkbox, span.ui-radio {
	background: url(../img/icon_checkbox.png) no-repeat;/*Change Background here*/
	_background: url(../img/icon_checkbox.gif) no-repeat;/*Change Background here*/
	display: block;
	float: left;
	width: 18px;
	height: 18px;
}

/*checkbox*/
span.ui-checkbox {
	background-position: 0 -1px;
}
span.ui-checkbox-state-hover {
	background-position: 0 -33px;
}
span.ui-checkbox-state-checked {
	background-position: 0 -65px;
}
span.ui-checkbox-state-checked-hover {
	background-position: 0 -97px;
}
span.ui-checkbox-state-disabled, 
span.ui-checkbox-state-disabled-hover {
	background-position: 0 -161px;
}
span.ui-checkbox-state-checked-disabled, 
span.ui-checkbox-state-checked-disabled-hover {
	background-position: 0 -129px;
}


/*radio*/
span.ui-radio {
	background-position: 0 -193px;
}

span.ui-radio-state-hover {
	background-position: 0 -225px;
}
span.ui-radio-state-checked {
	background-position: 0 -257px;
}

span.ui-radio-state-checked-hover {
	background-position: 0 -289px;
}

span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled{
	background-position: 0 -321px;
}

span.ui-radio-state-disabled, 
span.ui-radio-state-disabled-hover {
	background-position: 0 -353px;
}


.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}
/*#########################*/

/*######## Select Menu #########*/
select.ddTitle {
	width:90px; 
	_width:95px;
}

.dd {
	display:inline-block !important;
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.dd .ddTitle {
	/*background:#f2f2f2;*/
	background:transparent url(../img/box-form-textbox3.gif) no-repeat ; /*Change Background here*/
	/*border:1px solid #c3c3c3;*/
	border:0px solid #c3c3c3;
	padding:0px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	/*height:16px;*/
	height:27px !important; 
	height:27px;
	
}

.dd .ddTitle span.arrow {
	background:url(../img/box-form-select-arrow-2.gif) no-repeat 0 0;  /*Change Background Arrow here*/
	float:right; display:inline-block;width:30px; height:27px; cursor:pointer; padding-right:0px;
}

.dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px; padding:0 0 0 10px;}
.dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 0px 0 0;
	vertical-align:top;
}

.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;  /*##Change option border color here##*/
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background:#CCCCCC; /*##Change mouse over color here##*/
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background:#CCCCCC;  /*##Change selected color here##*/
	
}
.hidden {display:none;}


/*customize*/
.dd .ddTitleAlert {
  background-position: 0px -54px;
}
/*#########################*/

/*********** Warning DIV*****************/
div#divWarning {  display:none;  width:100%;  background:#ff0000; -moz-opacity: 0.9; opacity: 0.9;}
div#divWarning div#warningmsg {  background-color:#ff0000; position:relative; height:100px; font-size:15px; font-weight:bold; text-align:center; padding-top:100px; }
div#divWarning div#warningmsg div#msg { color: #FFFFFF; background-image:url(../../img/warning.png); background-repeat:no-repeat; display:inline; padding-left:64px; padding-bottom:64px; padding-top:15px; *height:100px; }
div#divWarning div#warningBottom {width:100%; height:20px; background:#ff0000;}
div#divWarning div#bottomLeft { position:relative; width:20px; height:20px; float:left }
div#divWarning div#bottomCenter {  background:#ff0000; position:relative; height:20px; padding:0px 20px 0px 20px; margin-left:auto; margin-right:auto; float:left  }
div#divWarning div#bottomRight { position:relative; width:20px; height:20px; float:right }

/*.bottomplace { background: url(../../img/warning_br.png) no-repeat top right; }
img.placeborder { width: 20px; height: 20px;border: none;display: block !important; }*/
div#divWarning {
         position: absolute; 
         top: expression( document.body.scrollTop + 'px' );
		 left: expression( document.body.scrollLeft + 'px' );

    }
body>div#divWarning {  position:fixed; top:0;}	
*html div#divWarning { 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
/*************/

/* Alert Mark*/
div.alertMark { color:#FF0000; font-weight:bold; padding-top:6px;}
div.alertMarkFocus { height:20px; width:20px;  background: transparent url(../../img/alert-arrow.gif)  no-repeat; }


/*.dropDown.contactUs .submitArea A:hover { background: transparent url(..//i/buttons/sendMessage.gif) no-repeat left -35px; }*/

/* Standard DIV */
div.divError {
	position:absolute;
	display:none;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}