/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
	
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Open Sans', sans-serif;
font-weight:normal;
}

thead th,
tbody th{
    font-family: inherit;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: 'Open Sans', sans-serif;
}

.menu{
font-family: 'Open Sans', sans-serif;
}

blockquote{
font-family: 'Open Sans', sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#efefef url(img/gray_jean.png);
font:normal 0.9em/150% 'Open Sans', sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
text-rendering: optimizelegibility;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}
	
/* NAV BAR*/
.navbar{
background-color: rgba(69, 152, 239, 0.8);
color:#fff;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}
	
	.navbar span{
	color:#86dc00;
	}
	
	
	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}
	
		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}
		
		.navbar li a{
		display:inline-block;
		color:#777;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
        text-shadow: 0 1px 1px #fff;
		/*font-size: 1.2em;*/
		}
		
.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}
	 
#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

p {
    font-size: 16px;
    color: #555;
    padding: 2px;
    width: 100%;
    line-height: 1.5;
    text-align: justify;
}

ul.namelist li {
    color: #555;
    font-size: 11px;
    line-height: 1.5;
}

span.name {
    font-weight: bold;
    font-size: 13px;
    margin-right: 4px;
}

p.loginfo {
    font-size: 13px;
    color: #fff;
    padding: 2px;
    width: 100%;
    line-height: 240%;
}

    p.loginfo strong {
        color: #fff;
        text-shadow:0px 1px 1px #777;
    }

    p.loginfo a {
        font-weight: bold;
    }

h6.sectitle {
    font-size: 20px;
    color: #4598EF;
    font-weight: bolder;
    padding: 0;
}

h6.steptitle {
    font-size: 16px;
    line-height: 38px;
    color: #4598EF;
    font-weight: bolder;
    padding: 2px 10px;
    background-color: rgba(70,70,70,0.3);
}

h6.stepsubtitle {
    font-size: 15px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    padding: 2px 10px;
    background-color: #4598EF;
    margin: 0;
}

h6.pagetitle {
    font-size: 1.4em;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px 8px;
}

p.footer {
    color: #ccc;
    font-size: 12px;
}

form.fs1 {
    font-size: 16px;
    color: #777;
}

form.fs2 {
    font-size: 14px;
    color: #777;
}

form.fs1 input,
form.fs1 select,
form.fs1 textarea,
form.fs1 option
{
    font-family: "Microsoft YaHei","΢ÈíÑźÚ","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
    font-size: 14px;
    color: #777;
}

form.fs2 input,
form.fs2 select,
form.fs2 textarea,
form.fs2 option
{
    font-family: "Microsoft YaHei","΢ÈíÑźÚ","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
    font-size: 12px;
    color: #777;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-datepicker .ui-datepicker-title {font-size: 14px;}
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

#lean_overlay {
    position: fixed;
    z-index:1000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #4598EF;
    display: none;
}

div.modalbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 8px;
    width: 400px;
}

div.largebox {
    width: 900px;
    max-height: 500px;
}

div.largerbox {
    width: 1120px;
    max-height: 800px;
}

table.resume {
    border: 1px solid #ccc; 
    padding: 2px;
    margin-top: 0px;
}
    table.resume td {
        border: 1px solid #ccc; 
    }

    table.resume label {
        font-weight: bold;
        color: #333;
        font-size: 13px;
    }

    table.resume span {
        font-family: "Microsoft YaHei","΢ÈíÑźÚ","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
        color: #333;
        font-size: 15px;
        vertical-align: top;
    }

    table.resume td.fieldtitle {
        width: 100px;    
        text-align: center;
    }

table.attached td {
    padding: 11px 7px;
}

.smaller-tab-content {
    padding: 10px;
    margin-bottom: 5px;
}

span.tags {
    display: inline-block;
    height: 25px;
    background-color: #777;
    color: #fff;
    padding: 2px 6px;
    text-align: center;
    margin-right: 6px;
    margin-bottom: 10px;
    text-shadow: 0 -1px 0 #555;
    border-radius: 8px;
}