@font-face {
    font-family: 'THSarabun';
    src: url('THSarabun.eot');
    src: local('THSarabun'), 
         url('THSarabun.ttf') format('truetype'); 
}
/* You don't need these, they are here to tune up the page */
        html{ color: #343434; background: #F5F5F5; font-size: 12px; line-height: 1.5; font-family: Verdana, sans-serif; height: 100%;}
        body
        {
        	height: 100%;
			padding: 0px;
			margin: 5px auto;
        }
          
        a:link,
        a:visited{ text-decoration: none; color: #254a86; }
        a:hover,
        a:focus  { text-decoration: underline; }
          
        /*h1,h2,h3,ul,ol,p{ margin: 1.5em 0; }
          
        h1{ margin: 42px auto 28px auto; width: 284px; }*/
        h1 {border-radius:         5px;
                -webkit-border-radius: 5px;
                -moz-border-radius:    5px;
                -o-border-radius:      5px;
                -khtml-border-radius:  5px;
                background: #eae8e8; margin: 10px auto; padding: 5px; padding-bottom:8px; font-size: 1.25em; font-weight:bold;
                border-bottom-color:#FBBF18;
				border-bottom-width:2px;
				padding-left:23px;
                }
        h2{ font-size: 1.25em; }
        .uniForm h2{ margin: 1em 0 1em 1.15em; }
        fieldset h3{ margin: 1em -28px 1em 3px; padding: 10px 24px; line-height: 1; }
          
        .uniForm{ 
                }
            
        .header{ margin: -28px -28px 28px -28px; padding: 1px 28px; background: #efefef; border-bottom: 1px solid #dfdfdf; position: relative;
                    /* CSS3 */
                    border-top-left-radius:          10px;
                    border-top-right-radius:         10px;
                    -webkit-border-top-left-radius:  10px;
                    -webkit-border-top-right-radius: 10px;
                    -moz-border-radius-topleft:      10px;
                    -moz-border-radius-topright:     10px;
                }
        .header h2{ margin: 1.5em 0 0 0; color: #343434; color: #777; }
        .header p { margin-top: 0; font-size: 12px; color: #777; }
        .header .cta{ position: absolute; bottom: 26px; right: 28px; text-align: right; font-weight: bold; background: #194789; padding: 7px 14px;
                        /* CSS3 */
                        -webkit-border-radius: 4px;
                        -moz-border-radius:    4px;
                        -o-border-radius:      4px;
                        -khtml-border-radius:  4px;
                    }
        .header .cta:link,
        .header .cta:visited{ color: #fff; }
        .header .cta:focus,
        .header .cta:hover{ text-decoration: none;
                            /* CSS3 */
                            -webkit-box-shadow: 0 0 9px rgba(0,163,255,1);
                            -moz-box-shadow:    0 0 9px rgba(0,163,255,1);
                            }
        .header .cta:active{ bottom: 25px; }
          
        .browse{ margin: 0; position: fixed; top: 28px; right: 28px; width: 84px; padding: 28px 28px 14px 28px; font-size: 12px; background: #97a2b0;
                /* CSS3 */
                -webkit-border-radius: 12px;
                -moz-border-radius:    12px;
                -o-border-radius:      12px;
                -khtml-border-radius:  12px;
                 }
        .browse h2{ font-size: 12px; margin: 0 0 14px 0; }
        .browse ul{ margin: 0; padding: 0; }
        .browse li{ margin: 0 0 14px 0; padding: 0; list-style: none; }
        .download{ float: right; position: relative; top: 2px; }
        .intro { width: 95%; margin: 28px auto; text-align: center; font-size: 1.15em; }
        #footer{ width: 95%; margin: 28px auto; text-align: center; font-size: .75em; color: #777; }
          
          /* IE6 fixes for the page */
        * html form.uniForm{ overflow: hidden; }
        * html .header{ overflow: hidden;}
        * html .browse{ position: absolute; }

        .uniForm .ctrlHolder { width: 100%; padding: 7px 0 3px 3px; border-bottom: none; }
        .uniForm fieldset { border: 1px solid #ccc; margin: 5px 3px; padding: 5px 3px; line-height: 1;}
        .uniForm fieldset legend { margin: 0px 5px; padding: 0px 5px; line-height: 1; padding-bottom: 0px;}
        /*.uniForm ul { width: 100%; }*/
	    .uniForm ul.alternate li { width: auto; }
	    .uniForm .inlineLabels ul.alternate li { margin-top: 0px; margin-bottom: 0px; }
        .uniForm .inlineLabels label, .uniForm .inlineLabels .label { width: 200px; margin: 0px 5px; text-align: left; line-height: 150%; cursor: default;}
        .uniForm ul li label { font-size: 1em; }
        .uniForm .inlineLabels ul li label { text-align: left; }
        .uniForm .inlineLabels select { width: auto; height: 22px; }
        .uniForm .inlineLabels ul { width: 100%; }
        .uniForm ul.alternate select { width: auto; margin-top: 0px; }
        .uniForm .inlineLabels .checkbox label { width: 175px; font-size: 12px; padding-top: 1px; }
        .uniForm .inlineLabels .checkbox input { width: auto; float: left; }
        .uniForm .inlineLabels .radio label { width: auto; font-size: 12px; padding-top: 1px; }
        .uniForm .inlineLabels .radio input { width: auto; float: left; }
        .uniForm .inlineLabels .alternate input { width: auto; float: left; }
        .uniForm .inlineLabels textarea { width: auto; }
        .uniForm textarea { height: auto }
        .uniForm .inlineLabels .smalllabel { width: auto; padding-left: 10px; }
        .uniForm .inlineLabels .mediumlabel { width: 180px; }
        .uniForm .inlineLabels .longlabel { width: 250px; }        
        .uniForm .buttonHolder { margin: 0; padding: 3px 0px 5px; background: none; }
        .uniForm select { width: auto; }
        
        .uniForm .small { width: auto !important;}       
        .small { font-size: 12px; float: left; margin: 3px; }
        .inline, .inline input, .inline img, .inline span { float: left; }
        
        .ui-datepicker-trigger { margin: 3px; }
        .claro .dijitSelect { float: left; overflow:hidden; }
        .error {color: Red; visibility: visible;font-size: 18px;}
        .warning {color: Red; visibility: visible;font-size: 14px;}
        
        .banner { height: 106px; width: 100%; background: #fff url('../images/banner.png') no-repeat;}
        
        .bluebg { background: #f1f7fb; }
        
        .uniForm .inlineLabels .bigfont label { width: auto; font-size: 14px; padding-top: 0px; }
        
        div#container 
        {
        	width: 1000px;  margin: 0px auto 5px; padding: 5px;
        	border: 1px solid #CACACA;        	
                /* CSS3
                border-radius:         12px;
                -webkit-border-radius: 12px;
                -moz-border-radius:    12px;
                -o-border-radius:      12px;
                -khtml-border-radius:  12px; */
                
			height: 100%;
			height: auto !important;
			min-height: 100%;
			
			background: #fff;
			
			-moz-box-shadow: 0 0 5px 0px #888;
			-webkit-box-shadow: 0 0 5px 0px #888;
			box-shadow: 0 0 5px 0px #888;						
			
		}
		
		.bannerToolbar1 
		{
			background: #686868;
			color: White;
		}
		
		.bannerToolbar1 a 
		{
			color: White;
		}
		
		.content-box-error {
			border: 1px solid;
			margin: 10px 0px;
			padding: 15px 10px 15px 50px;
			background-repeat: no-repeat;
			background-position: 10px center;
			color: #9F6000;
			background-color: #FEEFB3;
			background-image: url('../images/icon/alert.png');
		}
		
		
		
        .displayNone  {
        	display:none;
        }