@charset "utf-8";
/* CSS Document */

@import url("ie.css");
body{
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
}
p,h1,h2,h3,h4{
	margin:0;
	padding:0;
}
#outer{ width:100%; margin:0 auto;}

header { width:100%; margin: 0 auto; background:#32ADED; padding:20px 0px; border-bottom:3px solid #5AC1F8;}
header h1 { text-align:center; color:#fff; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);}



#wrapper{ width:690px; margin:0 auto;}

#wrapper h1 { font-family: 'Trebuchet MS', Trebuchet, 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 2em;  color:#666; margin:10px 0px; padding:2px 0px 7px;
	width:690px; text-align:center; text-shadow:0 1px 0 #FFFFFF; background:url("../images/title_bg.png") no-repeat;}

.training{ background: #fff; padding:40px; float:left; width:630px; border: 1px solid #E0E0E0; border-top: none; 
	-webkit-box-shadow: inset 0px -3px 0px #ddd; -moz-box-shadow: inset 0px -3px 0px #ddd; -o-box-shadow: inset 0px -3px 0px #ddd; box-shadow: inset 0px -3px 0px #ddd;
	border-left:1px solid #ddd; border-right:1px solid #ddd; }

.mandatory{
	margin-bottom:15px;
	float:right;
}
.red{
	font-size:13px;
	font-family: Arial,Helvetica, sans-serif;
	color:#F00;
}

/*.note { float:left; line-height:22px; background:#ffffff; border:1px solid #32ADED; border-top:3px solid #32ADED; padding:10px;
-webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.50);
-moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.50);
box-shadow: 0 1px 5px rgba(50, 50, 50, 0.50);}*/

.note { background: #E7F7FF; border: solid 1px #ADE2FE;  padding: 15px; position:relative; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0);}
.note:after {left: 4px; right: 4px; bottom: -5px; box-shadow: 0 0 2px #ADE2FE;}
.note, .note:before, .note:after {background: #E7F7FF; border: 1px solid #ADE2FE;}
.note:before, .note:after {content: ""; position: absolute; bottom: -3px; left: 3px; right: 3px; height: 1px; border-top: none;}
.note p:last-child, .note-folded p:last-child{margin-bottom:0px !important;}
.note p:first-of-type, .note-folded p:first-of-type{margin-bottom:10px !important;}

/***** form style *****/
.fieldset{
	margin-bottom:10px;
	width:90%;
	line-height:18px;
	float:left;
}
.fieldset label{
	width:200px;
	float:left;
	font-size:14px;
	line-height:38px;
	margin-right:15px;
}
.fieldset input.input{ font-weight:normal; font-size:14px; text-indent: 10px; border:1px solid #ccc; margin-bottom:5px; padding:6px 0;  background:#fafafa; color:#999; outline: 0; 
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:60%; }

.fieldset select.combo { font-weight:normal; font-size:14px; border:1px solid #ccc; margin-bottom:5px; padding:6px 0; background:#fafafa; color:#999; outline: 0; padding-right:5px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; width:60%;}
	
.fieldset textarea.textarea { font-weight:normal; font-size:14px; text-indent: 10px; border:1px solid #ccc; margin-bottom:5px; padding:6px 0; background:#fafafa;
	color:#999; outline: 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:60%;}

.fieldset input.check { border:none; margin:0px; padding:0px; font-size:14px;}

.fieldset_btn{ margin-bottom:10px; margin-left:214px; /*width:80%;*/ line-height:18px; float:left;}

.fieldset input.input:focus, .fieldset select.combo:focus, .fieldset textarea.textarea:focus { border:1px solid #82bfe8 !important; border-color: rgba(14,122,195, 0.6); background-color:#f6fbff !important;
outline: 0; outline: thin dotted \9;/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(14, 122, 195, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(14, 122, 195, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(14, 122, 195, 0.6);
}
/***** button style ******/
a.button { text-decoration:none; margin:0px 5px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; padding:10px 20px; background:#32ADED; border:none; float:left;
	transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; text-align:center; cursor:pointer; color:#ffffff; 
	text-transform:uppercase; font-weight: bold; letter-spacing:1px;}
a.button:hover { text-decoration: none; background:#5AC1F8;}