/*
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/
@charset "utf-8";

@font-face{
font-family:"Century Gothic";
src:url('../fonts/GOTHIC.eot');
src:url('../fonts/GOTHIC.eot?#iefix') format('embedded-opentype'),
url('../fonts/GOTHIC.woff') format('woff'),
url('../fonts/GOTHIC.TTF') format('truetype');
url('../fonts/GOTHIC.svg#GOTHIC') format('svg')
src:local(¡Ø), url('../fonts/GOTHIC.woff') format('woff');
}

@font-face{
font-family:"Century Gothicb";
src:url('../fonts/GOTHICB.eot');
src:url('../fonts/GOTHICB.eot?#iefix') format('embedded-opentype'),
url('../fonts/GOTHICB.woff') format('woff'),
url('../fonts/GOTHICB.TTF') format('truetype');
url('../fonts/GOTHICB.svg#GOTHICB') format('svg')
src:local(¡Ø), url('../fonts/GOTHICB.woff') format('woff');
}

@font-face{
font-family:"Nanum Gothic";
src:url('../fonts/NanumGothic.eot');
src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumGothic.woff') format('woff'),
url('../fonts/NanumGothic.TTF') format('truetype');
src:local(¡Ø), url('../fonts/NanumGothic.woff') format('woff');
}

@font-face{
font-family:"Nanum Gothic Bold";
src:url('../fonts/NanumGothicBold.eot');
src:url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumGothicBold.woff') format('woff'),
url('../fonts/NanumGothicBold.TTF') format('truetype');
src:local(¡Ø), url('../fonts/NanumGothicBold.woff') format('woff');
}


#contactus fieldset
{
	width: 320px;
	padding: 20px 20px;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;   
}

#contactus legend, h2
{
   font-family : Century Gothic;
   font-size: 1.3em;
   font-weight: bold;
   color: #333;
}

#contactus label
{
   font-family : Century Gothic;
   font-size: 0.9em;
   color: #777; 
   line-height: 24px;
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height: 140%;
  color : #848484; 
  padding : 3px; 
  border : 1px solid #dbdbdb;

}

#contactus input[type="text"]
{
  height: 18px;
  width: 220px;
}

#contactus #scaptcha
{
  width: 60px;
  height: 18px;
}

#contactus input[type="submit"]
{
   width: 70px;
   height: 30px;
   padding-left: 8px;
   margin-bottom: 10px;
}

#contactus textarea
{
  height: 120px;
  width: 310px;
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #848484;
  border : 1px solid #BDBDBD;
  background-color : #F5F7F8;
}

#contactus .container
{
   margin-top: 8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #f00;
   background-color : #fff;
}

#contactus fieldset#antispam
{
   padding: 2px;
   border-top: 1px solid #EEE;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   width: 350px;
}

#contactus fieldset#antispam legend
{
   font-family : Century Gothic;
   font-size: 0.8em;
   color: #333;   
}

#contactus .short_explanation
{
   font-family : Century Gothic;
   font-size: 0.6em;
   color: #333;   
}
#fg_formContainer
{
   height: 470px;
   width: 390px;
   background: #FFFFFF;
   border: 1px solid #000;
   padding: 0;
   position: absolute;
   z-index: 999;
   cursor: default;   
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;   
	display: none;
	box-shadow: 2px 2px 5px 0 #333;
}

#fg_container_header
{
   height: 36px;
   padding: 0 12px;
   background: #01abf8;
   border-top-right-radius: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -khtml-border-top-right-radius:  10px;  
   border-top-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -khtml-border-top-left-radius: 10px;   
}

#fg_container_header a
{
   color: #fff;
   font-family: Century Gothicb;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: none;
   white-space: pre;
}

#fg_box_Title
{
   float: left;
   width: 180px;
   margin: 10px 5px; 
   color: #fff;
   font-family: Century Gothicb;
   font-size: 13pt;
   font-weight: bold;   
}

#fg_box_Close
{
   float: right;
   width: 70px;
   text-align: right;
   margin: 10px 0;
   text-decoration: none;
   white-space: pre;
}

#fg_form_InnerContainer
{
   margin: 15px;
   padding-bottom: 10px;
}

#fg_form_InnerContainer h2
{
   font-family : Arial, sans-serif;
   font-size: 14pt;
   color: #333;     
}

#fg_form_InnerContainer p
{
   font-family : Arial, sans-serif;
   font-size: 12pt;
   color: #333;
}

#fg_backgroundpopup
{
   position: fixed; 
   top: 0; 
   left: 0; 
   bottom: 0; 
   right: 0;
   
   background: #000000;
   opacity: .5;
   -moz-opacity: .5;
   filter: alpha(opacity=50);
   border: 1px solid #cecece;
   z-index: 997;
   display: none;
}

#fg_submit_success_message
{
   display: none;
   padding: 15px;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display: none;
   width: 10px;
   height: 3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display: none;
}