/* CSS Document */
html {
	SCROLLBAR-BASE-COLOR: #dedede;
	SCROLLBAR-ARROW-COLOR: #000;
}

body {
	background:#fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	FONT-FAMILY: Arial;
	font-size: 12px;
	line-height:18px;
	height:100%;
	color:#444444;
}
td,th {
	font-size: 12px;
	line-height:18px;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
}

.clear {clear: both; font-size: 0px; line-height: 0px; height:0;}
p {margin:0px;padding:5px 0px;}
ol,ul {	list-style: none;}

a { text-decoration:none; color:#1f4c92}
a:hover {  color:#FF6A06; text-decoration: underline; }

img { border : 0px; }
.img_border { border:1px solid #dfdede ; padding:1px;}
input {
    color: #000000;
}
.input-warn {border:1px solid #FF0000;line-height:20px;	height:18px;}
.input-ok { border:1px solid #00CC66; line-height:20px;	height:18px;}
.button {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#FF6A06;
	padding: 1px 1px;
}

  
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.btn { 
padding:0px 38px;
height:48px;
border:none;
background:#696969;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
overflow:visible;
text-transform: uppercase;
margin: 8px 0;
} 	
button.btn span {
	display:inline-block;
	vertical-align:middle;
	color:#ffffff;
	font-size:20px;
	font-family: "Tinos";
}
button.btn:hover, button.btn:focus{
	background:#ffcc00;
}
button.btn:hover span, button.btn:focus span{
	color: #333333;
}
  

.textfiled {
	background: none;
	border: none;
	height:23px; line-height: 23px;
	color: #333333 !important;
}

.textarea{
	background: none;
	border: none;
	height:80px; line-height: 23px;
	color: #333333 !important;
}
.select{
	border:1px solid #D3D3D3;
	padding:1px; 
	font-size:13px; 
	color: #333333 !important;
}


.font_f_title {
	color: #993333;
	font-weight: bold;
	font-size: 14px;
	text-transform:uppercase;
}

.font_err {
	color: #FF0000;
}
.error {color: #FF0000;
	font-weight:bold}


::-webkit-input-placeholder {
   font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic; opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
   font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic;   opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic;  opacity: 1;
}

:-ms-input-placeholder {  
   font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic; opacity: 1;
}
input[placeholder] { font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic;  opacity: 1;}
::-moz-placeholder { font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic;  opacity: 1;} /* firefox 19+ */
input:-moz-placeholder { font-size: 15px; font-family: "Tinos"; color: #bfbfbf; font-style: italic; opacity: 1;}


.mess_info {text-align:center; font-weight:bold; color:#993333}


/********************* CSS for boxMess ****************************/
#boxMess {
	border: 1px solid #F08200;
	padding: 2px 5px;
	background: #FCF5CD
}

#boxMess  h4.mess {
	background: url(../../../images/icon/icon_mess.gif) no-repeat left;
	padding: 2px 30px;
	color: #FF0000;
	font-weight: bold;
}

#boxMess  h4.err {
	background: url(../../../images/icon/icon_warning.gif) no-repeat left;
	padding: 6px 30px;
	color: #FF0000;
	font-weight: bold;
}

#boxMess .font_err {
	text-decoration: blink;
	color: #950000;
}

/*------------------------------------*/
.div_reg_title{}
.div_reg_title h2{
	font-weight: bold;
	font-size: 26px; color: #333333;
	 text-transform: uppercase;
	 font-family: "Tinos";
	 line-height: 1.8em;
}

.div_reg_input{
	width: 100%; height: 45px; border: 1px solid #e2e2e2;box-sizing: border-box; background: #f8f8f8; margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px;
}
.div_reg_input label{display: inline-block; width: 100px; font-family: "Tinos"; font-style: italic;font-size: 15px; color: #333333;}

.div-select{
	height: 23px;
}
.div-select .select{
	height: 100%;
	border: none;
	background: none;
	font-family: "Tinos";
    font-size: 15px;
    font-style: italic;
    color: #333333;
}

/*---------------------*/
.btnBrowse{
	height: 39px; display: inline-block;
	padding-left: 10px; padding-right: 25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,c6c4c4+100 */
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #c6c4c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#c6c4c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#c6c4c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#c6c4c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#c6c4c4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#c6c4c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c6c4c4',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.btnBrowse:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6c4c4+0,f9f9f9+100 */
	background: #c6c4c4; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c4c4 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c4c4), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c4c4 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c4c4 0%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c4c4 0%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c4c4 0%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c4c4', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	text-decoration: none;

}

.btnBrowse span{
	background: url(../images/addfile.png) left center no-repeat;
	height: 39px; display: block; line-height: 39px;
	padding-left: 42px;
	font-size: 14px; font-weight: bold; color: #333333;
	font-family: "Tinos";
}
.note_upload{
	font-size: 14px; 
	font-family: "Tinos";
	font-style: italic;
	color: #999999; padding: 10px 0; 
}
#filelist{padding: 10px 0;font-size: 14px; 
	font-family: "Tinos";
	font-style: italic;}