 /********** CSS RESET **********/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus{outline: 2px dotted highlight;
  outline: 5px auto -webkit-focus-ring-color;}


/************* Original css **********************/

@charset "utf-8";
@font-face {
    font-family: 'Rockwell';
    src: url('custom_fonts/rockwell.eot');
    src: url('custom_fonts/rockwell.eot?#iefix') format('embedded-opentype'),
         url('custom_fonts/rockwell.woff') format('woff'),
         url('custom_fonts/rockwell.ttf') format('truetype'),
         url('custom_fonts/rockwell.svg#rockwell') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rockwell_bold';
     src: url('custom_fonts/rockwell.eot');
    src: url('custom_fonts/rockwell.eot?#iefix') format('embedded-opentype'),
         url('custom_fonts/rockwell.woff') format('woff'),
         url('custom_fonts/rockwell.ttf') format('truetype'),
         url('custom_fonts/rockwell.svg#rockwell') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('custom_fonts/CaviarDreams-webfont.eot');
    src: url('custom_fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('custom_fonts/CaviarDreams-webfont.woff') format('woff'),
         url('custom_fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('custom_fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body { background:#fff; font-family:rockwell;}
* {padding:0px; margin:0px; text-decoration:none;border:none; list-style:none;}
a {}
ul {float:left; position:relative; width:auto;}
ul li {float:left; position:relative;}
ul li a  { }
p {width:100%;}
h1,h2,h3,h4,h5,h6 {width:100%;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
.common {float:left; position:relative;}
.commonChange {float:right; position:relative;}
.allWrapper {}

.midWrapper {background:url(../images/body_bg.jpg) no-repeat ; background-size: cover}
.footerWrapper {background:url(../images/footer_bg.jpg) repeat-x;height:101px;padding: 42px 0 0;}
.autoWrapper {width:1059px; margin:0 auto; position:relative; }
.mainContant {float:left; position:relative; width:1059px; text-align: left;}
.header {color:#ffffff;}
.logo {top: 13px;margin-top:10px}
.logo a { position:absolute; top:0px; z-index:1;}
.footer .Nav {width:auto; margin: 27px 16px 0 0;float: right; }
.header .Nav {width:auto; margin: 44px 16px 0px 0;float: right; }
.header .Nav a{margin-right:0 }
.Nav ul li {   margin-right: 27px}
.Nav ul li a {color:#fff; float:left; font-size:18px; line-height:17px;font-family: 'rockwell'; text-transform:uppercase; font-weight:normal;}
.Nav ul li a:hover{color:#80BC22;}
.headerRight {}
.headerRight p {float:left; position:relative; width:100%; font-size:12px; line-height:15px; text-align:center; padding:0 0 8px 0;}
.headerRight p a {float:left; position:relative;top: -38px;left: 45px;z-index: 100;}
.mj-if{width:853px; height:480px;}

.footerBotom p {float:left; padding:30px 0 0 0;}
.footerBotom p span  {color:#50036d; float:left; padding:60px 0 0 0; font-size:12px;}
.footerBotom p a  { float:left;position: relative;top: -28px;}

.mid {margin:0; background:transparent; min-height:750px;padding:5px 0 0 0;background: #fff}
.footer {}
.account_nav{float:right;color:#ffffff;font-size:12px; font-family: arial;margin-right: 25px;    opacity: 0.7;    position: relative;    top: -53px;}
.account_nav a{display:inline-block;color:#ffffff;margin:0 3px;}

.pdfspan {
padding-left:15px;
}

.pdf_link{
	background: #00408f;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
    margin: 0 0 0 0;
    cursor: pointer;
	float:left;
}
 /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 979px) {
.logo {top: 13px;}

	/*global*/
	.autoWrapper {width:780px !important; margin:auto; position:relative;}
	

	.mainContant {float:left; position:relative; width:786px;}
	.headerRight {width:170px; margin:-20px 0 7px 0;}
	.headerRight p {float:left; position:relative; width:100%; font-size:9px; line-height:13px; text-align:center; padding:0 0 8px 0;}
	.headerRight p a {width:100px; float:left; position:relative; text-align:center; padding:5px 8px 6px 8px; margin:0 35px 0 30px; line-height:13px; font-size:14px;}
	.mid {margin:20px 0 20px 0; background:#fff; min-height:698px;}


	.footerWrapper { padding:10px 0 40px 0; background-repeat: repeat;}
	.footerBottom {padding:0 ; margin-left: -10px !important;}
	.footerBotom p {float:left; padding:18px 0 0 0;}
	.footerBotom p span  { float:left; padding:38px 0 0 0; font-size:12px;}
	.footerBotom p a  { float:left;}
	.footer .logo img {margin-left:30px;}
	.mid {margin:20px 0 20px 0; background:#fff; min-height:800px;}
	.footer {}
  
  .account_nav{float:right;color:#ffffff;font-size:12px; font-family: arial;margin-right: 25px;    opacity: 0.7;    position: relative;    top: -53px;}
.account_nav a{display:inline-block;color:#ffffff;margin:0 3px;}
        .header .Nav{
            margin: 44px 16px 0px 195px;
        }
        .Nav ul li{
            margin-right: 0px;
        }
        .footer .Nav{
            margin: 27px 26px 0 210px;
        }
        .footer .Nav ul li {
            margin-right: 10px;
        }
	
    }	
    
 /* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

	/*global*/
		.autoWrapper {width:480px !important; margin:0 auto; position:relative;}
	

	.mainContant {float:left; position:relative; width:480px;}
	.headerRight {width:200px; margin:20px 0 7px -20px; }
	.headerRight p {float:left; position:relative; width:100%; font-size:12px; line-height:13px; text-align:center; padding:0 0 8px 0;}
	.headerRight p a {width:140px; float:left; position:relative; text-align:center; padding:5px 8px 6px 8px; margin:25px 35px 0 24px; line-height:14px; font-size:16px;font-family: 'caviar_dreamsregular';}
	.mid {margin:20px 0 20px 0; background:#fff; min-height:698px;}


	.footerWrapper { padding:10px 0 40px 0; background-repeat: repeat;margin-top:0px;}
	.footerBottom {padding:0 0 0 0; margin-left:-30px; float:left;}
	.footerBotom p {float:left; padding:18px 0 0 0;}
	.footerBotom p span  {color:#50036d; float:left; padding:38px 0 0 0; font-size:12px; width:80px;}
	.footerBotom p a  {color:#50036d; float:left;}
	.footer .logo img {margin-left:80px;}
	
	.header .Nav {clear:both;width:auto; padding:0px 0px 0px 0px;  margin:0 auto;text-align:center; z-index:5000; display:block;}
	.header .account_nav{top:0px;}
	.footer .Nav {clear:both;width:auto; padding:0px 0px 0px 0px;  margin:0 auto;text-align:center; z-index:5000; display:block;}
	.Nav ul { margin:0 auto; width:320px; float:left;}
	.Nav ul li { padding:6px 0px 4px 0px; margin-left:28px;margin-right:0px }
	.Nav ul li:nth-child(4){margin-left:58px;}
	.Nav ul li a {color:#fff; float:left; font-size:13px; line-height:16px;font-family: 'rockwell'; text-transform:uppercase; font-weight:normal; padding: 0 0 0 4px;}
	
    }	   
    
    /*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 480px) {


	/*global*/

	.autoWrapper {width:390px !important; margin:auto; position:relative;}

	
    	.midWrapper {overflow: auto;}
    	
	.mainContant {float:left; position:relative; width:100%;}
	h1.newStd{margin-left: 0px !important;}
	.headerRight {position: absolute;  width:130px; margin:10px 0 7px -10px;  }
	.headerRight p {float:left; position:relative; width:100%; font-size:11px; line-height:13px; text-align:center; padding:0 0 8px 4px;}
	.headerRight p a {width:100px; float:left; position:relative; text-align:center; padding:5px 8px 6px 8px; margin:17px 0px 0 1px; line-height:14px; font-size:14px;font-family: 'caviar_dreamsregular';}

    	 .logo{height:70px;top:0}
	.logo a img{ width:160px;  margin-top: 0; margin-left:70px;}
        .logo a { z-index:4000;}
	.mid {margin:20px 0 0px 0; background:#fff; min-height:698px;margin-bottom: 25px;}

    	.login_profile_info .account_btns a, .login_profile_info .profile_btns  a{width: 45%;}
    	

	.footerWrapper { padding:10px 0 40px 0; background-repeat: repeat;}
	.footerBottom {padding:0 0 0 0; margin-left:-30px; float:left;}
	.footerBotom p {float:left; padding:18px 0 0 0;}
	.footerBotom p span  {color:#50036d; float:left; padding:38px 0 0 0; font-size:12px; width:80px;}
	.footerBotom p a  {float:left; left: 32px;  top: -12px; }
	.footer .logo img {margin-left:65px; width:168px; height:auto; }
	
	.header .Nav {clear:both;width:auto; padding:0px 0px 0px 0px;  margin:0 auto;text-align:center; z-index:5000; display:block;}
	.header .account_nav{top:10px;}
	.footer .Nav {clear:both;width:auto; padding:0px 0px 0px 0px;  margin:0 auto;text-align:center; z-index:5000; display:block;}
	.Nav ul { margin:0 auto; width:320px; float:left;}
	.Nav ul li { padding:6px 0px 4px 0px; margin-left:28px;margin-right:0px }
	.Nav ul li:nth-child(4){margin-left:58px;}
	.Nav ul li a {color:#fff; float:left; font-size:13px; line-height:16px;font-family: 'rockwell'; text-transform:uppercase; font-weight:normal; padding: 0 0 0 4px;}
        .account_nav a{
            line-height: 20px;
        }
        .refences_video{
            top:0px!important;
        }
        .jobapp_forms{
            margin-top: 60px;
        }
        .mj-if{
            height: auto;
            width: 100%;
        }
        
	
    }

    .n-header{

    font-family:BebasNeue;
    font-size: 60px;
    color: #525352!important;
} 