/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 6, 2014, 10:59:45 AM
    Author     : WIN7
*/

 html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#page-bodyfill {
    /*99% will give a bit of padding at the bottom*/
    height: 99%; 
    min-height:99%;
}
#page-container {
   min-height:100%;
   position:relative;
}
#page-header {
   /*background:#ff0;*/
   /*padding:10px;*/
}
#page-body {
   /*padding:10px;*/
   padding-bottom:60px;   /* Height of the footer */
}
#page-footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   /*background:#6cf;*/
}

body {
    margin : 0 auto;
    padding : 0;
    font : 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 	
    color : #000; 
    text-align: center;
/*    background: #fff url(https://vietnamvisacenter.org/images/bodyback.png) left top;*/
    background:#FFF;
}

.bg_img {
    background: url(../images/landing/bg.png);
}

body {
	background: url(../images/landing/bg.png);
	margin: 0px;
	padding: 0px;
}
.container960 {
	max-width: 960px;
	/*	background:#CCC;*/
	margin: auto;
}
.content {
    padding-left: 4%; 
    padding-right: 4%;   
}
h5 {
    font-size: 16px;
}
h4{
    font-weight: 500;
    font-size: 18px;
    color: #436C80;
}
h4 span {
	color: #000;
}
h3 {
    font-weight: 600;
    font-size: 24px;
    color: #436C80;
    margin-top: 10px;
    margin-bottom: 10px;
}
h3 span {
	color: #000;
}
h2 {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #436C80;
    float: left;
    margin-bottom: 10px;
}
h2 span {
	color: #000;
}
hr {
	max-width: 960px;
	margin: 10px auto;
	border: none;
	border-bottom: 1px solid #c7c7c7;
	margin-top: 20px;
	margin-bottom: 20px;
}
hr {
	margin: 0px;
	padding: 0px;
}
hr.faded {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	 margin: 1.4em 0;
	border: none;
	background: #ddd;
	background-image: -webkit-gradient(  linear,  left bottom,  right bottom,  color-stop(0, rgb(255,255,255)),  color-stop(0.1, rgb(221,221,221)),  color-stop(0.9, rgb(221,221,221)),  color-stop(1, rgb(255,255,255))  );
	background-image: -moz-linear-gradient(  left center,  rgb(255,255,255) 0%,  rgb(221,221,221) 10%,  rgb(221,221,221) 90%,  rgb(255,255,255) 100%  );
}
.shadowunder {
	-webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.75);
}

.inline {
    display: inline;
    margin: 0px;
}

.cursor { 
    cursor: pointer;
}

.toggle {
    cursor: pointer;
}

.centred_text {
    margin: auto; 
    padding-left:20px; 
    padding-right:20px;
    /*padding-top:5px;*/
}

.left_text {
    padding-left:20px; 
    padding-right:20px;
    padding-top:5px;
}

.hidden {
     display: none;
}

.readable_blurb {
    max-width: 480px;
}

.blue {
	color: #436C80;
}
.white {
	background: #fff;
}
.nopad {
	padding: 0px;
}
.nomarg {
	margin: 0px;
}
.nomargtop {
	margin-top: 0px;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}

.right15 {
    right: 15px;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
a:link {
	color: #666
}       unvisited link 
a:visited {
	color: #666;
}   visited link 
a:hover {
	color: #666;
	text-decoration: underline;
}   mouse over link 
a:active {
	color: #666;
}   selected link 

.bold {
	font-weight: 700;
}
.pl20 {
	padding-left: 20px;
}
.italic {
	font-style: italic;
}
.center {
	text-align: center;
}
.pt10 {
	padding-top: 10px;
}
.plr50 {
	padding-left: 50px;
	padding-right: 50px;
}
.green {
	background: #0F3;
}
.black {
	color: #000;
}
.f12 {
	font-size: 12px;
}
.mb10 {
	margin-bottom: 10px;
}
.mlr15 {
	margin-left: 15px;
	margin-right: 15px;
}
p {
	font-size: 12px;
}
.fs16 {
    font-size: 16px;
}
.fs14 {
    font-size: 14px;
}
.fs12 {
    font-size: 12px;
}
table {
    width: 100%;
}
th, td, caption { 
    vertical-align: top; width: 0px; padding-left: 4px; padding-right: 4px;
padding : .25em 10px .25em 5px; 
    padding-left: 2px;
    padding-right: 4px;
padding : .25em 10px .25em 5px; 
}
input {
    padding-left: 2px; padding-right: 2px;
} 


td{
    padding-top: 10px;
    padding-bottom: 10px;
}

table{
    margin-bottom: 20px;
}

.marginbottom10
{
    margin-bottom: 10px;
}

.margintop10
{
    margin-top: 10px;
}

.radiolabelalign
{
position: relative; top:4px;
}





.help-block {

  display: none;
}



.titleplusblock
{
 background: #EEEEEE; 
 padding: 5px; 
 margin-bottom: 5px;
 padding-bottom: 10px;
 padding-top: 10px;
 color: #7A7979;
 -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
border-bottom: 1px solid #CCC;
font-weight: bold;
font-size: 14px;
}

.toggle_highlight:hover {
    background: #EEEEFF; 
}



.bdpicker td 
{
    padding-bottom: 0px;
 
}


/* SAMPLE CSS STYLES FOR JQUERY CLOCK PLUGIN */
.jqclock { 
    float:left; 
    text-align:center; 
    border: 1px #ccc solid; 
    background: #EEEEEE; 
    padding: 10px; 
    margin: 5px; 
}
.clockdate { 
    color: DarkRed; 
    margin-bottom: 10px; 
    font-size: 12px; 
    display: block;
}
.clocktime { 
    border: 2px inset White;
    background: Black; 
    padding: 5px; 
    font-size: 14px;
    font-weight: bold;
    font-family: "Courier"; 
    color: #fff; 
    margin: 2px; 
    display: block; 
}

.form_button {
    border-top: 1px solid #e3e3e3;
   background: #d4d4d4;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d4d4d4));
   background: -webkit-linear-gradient(top, #ffffff, #d4d4d4);
   background: -moz-linear-gradient(top, #ffffff, #d4d4d4);
   background: -ms-linear-gradient(top, #ffffff, #d4d4d4);
   background: -o-linear-gradient(top, #ffffff, #d4d4d4);
   padding: 2px 9px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #4a4a4a;
   text-decoration: none;
   vertical-align: middle;
   }
.form_button:hover {
    border-top-color: #ffffff;
   background: #ffffff;
   color: #666666;
   }
.form_button:active {
   border-top-color: #669ec4;
   /*background: #669ec4;*/
   }
   
   a {
       text-decoration: none;
   }   
/*
img {
    width: 100%;
}*/
     .contact_form_box{
      
        height:600px;
        
    }
    
    .infobox {
        width:95%; 
        border: 1px solid #09C; 
        padding: 3%;
        /*margin: 5px;*/
        color: #09C; 
        font-size: 12px; 
        margin-top: 10px;
    }
    
    .noticebox {
        border: 2px solid red; background: #CCC; padding: 5px;
    }
    
    .noticebox_general {
        border: 2px solid #FF9A70;
        /*background: #FFC873;*/
        background: rgba(255,200,115,0.3);
        /*opacity: 0.1;*/
        color: #A66400;
        padding: 5px;
    }


@media only screen and (max-width: 480px) {
    /*This is where responsiveGridSystem breaks*/
    .contact_form_label{
        text-align: left;
        padding-left: 5px;
    }

     .contact_form_box{
        padding: 5%;
        height:500px;
        
    }
}