/*--------------------------*/
/*********** Ruby ***********/
/*--------------------------*/

figure.effect-ruby {
	background-color: transparent;
}

figure.effect-ruby img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-ruby h5 {
	margin-top: 5%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-ruby a {
    color: #414141;
    text-decoration: none;
}
figure.effect-ruby p {
	margin: 2em 0 0;
	padding: 3em;
	border: 0px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h5 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	background: #c7d92b;
	font-size: 110%;
	line-height: 50%;
	-webkit-transform: translate3d(0,20,0) scale(0.85);
	transform: translate3d(0,20,0) scale(0.85);
}

.flexcontainer {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   padding: 0 50px;
}

.item {
  flex-grow: 1; /* default 0 */
  padding: 0 0 0 30px;
}



/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #353535;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
 
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  
}
.cta-widget-button{
background: #e3e3e3 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #0d194b;
    cursor: pointer;
    filter: none;
    font-family: lato;
    font-size: 130%;
    font-weight: 100;
    height: auto;
    letter-spacing: 1px;
    line-height: 93%;
    margin-left: 30px;
    margin-top: -17px;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 128%;
    z-index: 1001;
}

.cta-widget-button a {
 text-decoration: none;
}

.cta-widget-button a:hover {
 color: #fff;
}

.cta-widget-button:hover {
	filter:none;
	cursor:pointer;
	background:#fff;
	color:#fff;
	}
#default-intro-section::before {
    background: #e3e3e3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



#default-intro-section #content-box::before {
    background: #0d194b none repeat scroll 0 0;
    content: "";
    height: 106%;
    left: 715px;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 1500px;
}
*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
#default-intro-section #content-box {
    color: #ffffff;
    padding: 45px 70px 40px;

}

#default-intro-section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}


/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.sticky {
    background-color: #0d194b !important;
    border-top: 0 none;
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 5000;
}
/*--------------------------------------*/
/*************** End RUBY ***************/
/*--------------------------------------*/

html 
{    
   overflow-y:scroll;
}

body {
	/*color: rgb(51, 51, 51); line-height: 15px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; background-color: White;*/
	background-color: #fff;
    /*font-size: .75em; 12/07/2009 GJC change the font size to 70%*/
    font-size: 100%/*80%*/; 
    font-family: Verdana, Helvetica, Sans-Serif;
    /*margin-top:-1px;
    margin-left:-1px;
    margin-right:-1px;
    padding: 0;*/
   line-height:1.4em; 
   overflow-x:hidden;

}

.container-fluid 
{
    padding-right: 0px;
    padding-left: 0px;
}

.homeWrapper
{ 
    background-color:#ffffff;
    width:100%; /*990px;*/ /*1024px;*/
    margin:0 auto; 
}

#header-1 {
    width: 100%;
    display: inline-block;
    position: relative;
    /*border-bottom: 3px solid #F8DF8D;*/
    /*overflow: hidden !important;*/
}

#header-overflow 
{
    width: 100%;
    min-height: 86px/*103px*/;
    overflow: hidden !important;
    position: absolute;
    right: 0;
}
#header-overflow-inner.col-lg-12 
{
    padding-right: 0px;
    padding-left: 0px;
}

.table-container {
    display: table;
    width: 1250px;
    margin: 0 auto;
}

.MiddleColumn
{
    width:100%;
    /*float:left;*/
}

select {
  -webkit-appearance: menulist; /*webkit browsers*/
}

h1 {
	text-transform: capitalize; font-family: Verdana, sans-serif; font-size: 32px; margin: 0px;
}
h1.welcome { font-size: 48px; color: #780000; }
h2 {
	text-transform: capitalize; font-family: Verdana, sans-serif; font-size: 28px; font-weight: bold;
}
h3 {
	font-family: Verdana, sans-serif, Helvetica, Sans-Serif; padding: 0px;
    margin-top:10px; margin-bottom:10px; font-size: 22px; padding-top:-10px; font-weight: bold; color:#780000;
}
h4 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 18px; font-weight: bold;
}

h4.resumeTitle
{margin:0px/*10px 10px 5px 10px*/; padding:10px 15px; vertical-align:top;font-size: 18px; }

h5 {
	text-transform: uppercase; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: bold;
}
h5.resumeSubTitle
{margin:0px 0px 0px 15px/*10px 10px 5px 10px*/; vertical-align:top;font-size: 15px; background: #6d6d6d; border-radius: 8px 8px 0px 0px; text-align:center; margin-top: -42px;}

h6 {
	text-transform: capitalize; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; margin-bottom: 0px;margin-top:15px;
}
hr {
    border-top: 1px solid #A71C21;
}
#nav_menu {
	font-family:  Verdana, Helvetica, Sans-Serif; font-size: 14px; font-weight: bold;
}
p {
	color: Black;  line-height: 1.85em/*20px*/;  font-size: 135%; font-family: Verdana, Helvetica, Sans-Serif; 
}

p.small {
	/*font-size: 11px;*/
	font-size: .8em;
}
p.smaller {
	/*font-size: 10px;*/
	font-size: .7em;
}
p.copyRight {
	text-align: center; font-family: Geneva, Verdana, Arial, Helvetica, Sans-Serif; /*font-size: 9px;*/ font-size: .6em;
}
th {
	text-align: center; text-transform: capitalize; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-weight: bold;
}
td 
{
  line-height:1.5em;
  padding: 0px 0px 5px;
}

td.viewApp
{
    width:25%; vertical-align:top; font-weight:normal; font-weight:bold; font-size:12px;
}

td.viewApp2
{
    width:50% !important; padding: 0px 8px 0px 0px !important; vertical-align:top; font-weight:normal; font-weight:bold; font-size:12px;
}

td.bottomLine
{padding-top: 2px; padding-bottom:2px; border-bottom:1px dotted #666;  }

td.bottomLine1
{padding-top: 20px; padding-bottom:15px; vertical-align: top; }

td.bottomLine2
{padding-top: 2px; padding-bottom:15px; border-bottom:1px dotted #666; text-align: center; }

td.bottomLine3
{padding-top: 20px; padding-bottom:15px; text-align: center; vertical-align: top; }

td.forgotpw
{padding-left:11px; padding-top:0px/*10px*/;}

td.changepw
{padding-top:20px;}

td.textfieldlabel
{width:32%;}

div.mResumeTitle
{border:1px solid blue;
 padding-left: 10px; font-size: 14px}


table.alternate_rows {
	border: 1px solid #ccc; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 1em; border-collapse: collapse; border-spacing: 0;
}
table.alternate_rows th {
	border-style: solid; border-color: #ccc; padding: 2px 4px; height: 25px;
}
table.alternate_rows td {
	border-style: solid; border-color: #ccc; padding: 2px 4px; height: 25px;
}
table.alternate_rows th {
	border-width: 1px; height: 25px; text-align: center; font-weight: bold; background-color: #ccc;
}
table.alternate_rows td {
	border-width: 0px 1px; text-align: left;
}
table.alternate_rows tr.odd td {
	text-align: left; background-color: #fff;
}
table.alternate_rows tr.even td {
	text-align: left; background-color: #ddd;
}
table.alternate_rows tr.sortbottom td {
	text-align: left; font-weight: bold; border-top-color: #cccccc; border-top-width: 1px; border-top-style: solid; background-color: #ccc;
}

td.emptydata {
    padding: 5px;
}

a, a:link {
	color: #740000/*White*/; text-decoration:underline;  
}
a:visited {
	 color: #740000/*White*/; text-decoration:underline;  
}
a:hover, a:focus 
{
    color: #A71C21;
}
.navwrapper 
{
    position:relative;
    width: 100%;
    margin-top: 0px/*-3px*/;
    /* IE10+ */ 
    background: -ms-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Opera */ 
    background: -o-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #780000), color-stop(100, #3B0202));

    /* Webkit (Chrome 11+) */ 
    background: -webkit-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* W3C Markup */ 
    background: linear-gradient(to bottom, #780000 0%, #3B0202 100%);
}

.navwrapper .bottom
{
    /*width:1250px990px/*1024px*/; text-align:center; vertical-align:middle; color:White; height:35px;
    /* IE10+ */ 
    background: -ms-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Opera */ 
    background: -o-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #780000), color-stop(100, #3B0202));

    /* Webkit (Chrome 11+) */ 
    background: -webkit-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* W3C Markup */ 
    background: linear-gradient(to bottom, #780000 0%, #3B0202 100%);
}

.navwrapper .bottom .holdingbox
{
    /*width:1250px990px/*1024px*/; margin:0 auto; height:100%; vertical-align:top; text-align:left/*center*/;
}

.navwrapper .bottom .holdingbox ul
{
   width: 100%; list-style-type:none; margin:0; padding:0px 0px/*7px 20px 15px 0px*/; float:left; text-decoration:none; z-index:5;
}

.navwrapper .bottom .holdingbox ul li
{
    display:inline;
}

a.mmenu:link {
	color: White ; text-decoration: none; font-size:15px/*14px*/; padding:14px 26px/*5px*/; position: relative; /*top:1px; margin-right: -4px !important*/;
}
a.mmenu:visited {
	 color: White ;text-decoration: none; font-size:15px; padding:14px 28px/*5px*/;
}
a.mmenu:hover
{
    background: #FFFFFF; color:#780000/*Orange*/; text-decoration:none; /*font-size:14px; padding:5px;*/ transition: 0.3s all !important;
}
.nav1 li.active a 
{
    background-color:#FFFFFF;
    color:#A71C21;
}
.nav1 li ul li.active a
{
    background-color:#f8df8d;
    color:#A71C21;
}
.nav1 li ul li.active a:hover, .nav1 li ul li.active a:focus
{
    background-color:#f8df8d;
    color:#A71C21;
}

a.orange:link {
	color: orange; text-decoration: none;
}
a.orange:visited {
	color: purple; text-decoration: none;
}
a.blue:link 
{color:blue; text-decoration:underline;
}
a.blue:visited
{
    color: purple; text-decoration: underline;
}
a.red:link, a.red:visited 
{color:#A71C21; text-decoration:underline;
}
a.red:hover
{
    color:#d00000; transition: 0.3s all;
}

a.bb:link 
{color:blue; text-decoration:underline; font-size:14px; line-height:25px;
}
a.bb:visited
{
    color: purple; text-decoration: underline;font-size:14px; line-height:25px;
}
    

input {
	padding: 2px; border: 1px solid #ccc; font-family: Arial, Helvetica, Sans-Serif, Verdana;
}
ol {
	padding-bottom: 2px;
}
ol.lvl_1 {
	padding-bottom: 2px; list-style-type: upper-roman;
}
ol.lvl_2 {
	padding-bottom: 2px; list-style-type: lower-roman;
}
ol.lvl_3 {
	padding-bottom: 2px; list-style-type: upper-latin;
}
ol.lvl_4 {
	padding-bottom: 2px; list-style-type: lower-alpha;
}
ul {
	padding-bottom: 2px;
}
ul.lvl_1 {
	padding-bottom: 2px; list-style-type: square;
}
ul.lvl_2 {
	padding-bottom: 2px; list-style-type: disc;
}
ul.lvl_3 {
	padding-bottom: 2px; list-style-type: circle;
}
ul.lvl_4 {
	padding-bottom: 3px; list-style-type: none;
}
li {
	padding-bottom: 0px/*3px*/;
}
p.banner_title {
	border: currentColor; text-align: center; color:#990000; padding-bottom: 0px; font-size: 14px; font-weight: bold;
}
.banner {
	margin: 0px 50px; padding: 0px 5px 10px; border: 1px solid #ccc; width: 80%; font-size: 12px;
}
.main_area {
	margin: 0px 30px 20px 20px; padding: 5px 20px 15px 20px ; width: 990px/*1024px*/; color: Black; background-color: White;
}
.FormLabelTop
{
   text-transform:capitalize; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 1em; vertical-align:top; font-weight: bold; width:25%;
}
.FormLabel
{
   text-transform:capitalize; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 1em; vertical-align:top; font-weight: bold; width:10%;
}

#limheight {
    height: 300px; /*your fixed height*/
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 2; /*3 in those rules is just placeholder -- can be anything*/
           
}
#limheight li {
   display: list-item; /*necessary*/
   list-style-type:disc;
}

/*------------------------- Header -------------------------*/

#dvHeader 
{
    width:100%; position:relative; z-index: 1000;
}

#dvHeader .siteMapBreadCrumbGoldenBox
{
    width:100%; height:25px; margin:8px auto; position:relative; background-color:#f8df8d; color:Black;
}

#dvHeader .siteMapBreadCrumbGoldenBox .holdingBox
{
    width:100%;  vertical-align:middle; position:absolute; color:Black; padding-top:2px;padding-left:5px;
}


/*------------------------- PreHeader -------------------------*/
.Preheader 
{
    width:100%; 
    height:auto/*110px*/;
    min-height: 134px;
    /*border: 1px dotted green;*/
    position:relative;
    z-index:0;
}

.Preheader .top
{
    width:100%;  text-align:right; height:100%/*75%*/; 
}

.Preheader .top .left
{
    width:25%; float:left; background-image:url(../images/header_logo_3.png); background-repeat:no-repeat; height:100%; min-height: 80px; margin:-2px 0px 0px 15px; position: relative;
}

.Preheader .top .right
{
    /*width:72%; background-color:#780000;*/ height:100%; float: right/*left*/; position: relative;
}

.Preheader .top .right .holdingbox
{
    width: 100%; /*width:1250px/*990px/*1024px*/; /*background-image:url(../images/header_logo_3.png); background-repeat:no-repeat; height:100%;*/
}

.Preheader .top .right .holdingbox .innerbox
{
    float:right; background-color:#780000; padding-right:5px; padding-top:10px; font-size: 12px;
}

/*#header-overflow::before, #header-overflow::after {
    box-sizing: border-box;
}
#header-overflow::before {
    background: #780000;
    height: 100%;
    content: "";
    position: absolute;
    right: -32%;
    top: 0;
    transform: skewX(-35deg);
    width: 1500px;
    z-index: 0;
}*/

#header-left , #header-right
{
    /*width: 50%;*/
}
#header-right::before, #header-right::after
{
    box-sizing: border-box;
}
#header-right::before {
    background: #780000;
    height: 126px;
    content: "";
    position: absolute;
    /*right: -85%;*/
    top: -1px;
    transform: skewX(-35deg);
    width: 2200px;
    z-index: 0;
}

.Preheader .top a:link, .Preheader .top a:visited, .Postheader .top a:link, .Postheader .top a:visited  
{
    font-family:Verdana; text-decoration:underline; font-style:italic; color:#FFFFFF;
}
.Preheader .top a:hover, .Preheader .top a:focus 
{
    color: #F8DF8D;
    transition: 0.3s all;
}

.Preheader .bottom
{
    width:100%/*1250px 990px 1024px*/; text-align:center; vertical-align:middle; color:White; background-color:#780000; height:35px;
}

.Preheader .bottom .holdingbox
{
    width:100%/*1250px 990px 1024px*/; margin:0 auto; height:100%; vertical-align:top; text-align:center;
}

.Preheader .bottom .holdingbox ul
{
   list-style-type:none; margin:0; padding:0px/*7px 20px 15px 0px*/; float:left; text-decoration:none; z-index:5;
}

.Preheader .bottom .holdingbox ul li
{
    display:inline;
}

.signinbtn, .logoutbtn 
{
    /* IE10+ */ 
    background: -ms-linear-gradient(top, #FFFFFF 30%, #cacaca 100%);

    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #FFFFFF 30%, #cacaca 100%);

    /* Opera */ 
    background: -o-linear-gradient(top, #FFFFFF 30%, #cacaca 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30, #FFFFFF), color-stop(100, #cacaca));

    /* Webkit (Chrome 11+) */ 
    background: -webkit-linear-gradient(top, #FFFFFF 30%, #cacaca 100%);

    /* W3C Markup */ 
    background: linear-gradient(to bottom, #FFFFFF 30%, #cacaca 100%);
    color: #780000;
    font-family: Verdana, Sans-Serif;    
    font-size: 11px; 
    width: 60px;
    height: 25px;
    font-weight: bold;
    padding-bottom: 4px;   
    border-width: 0;
    border-radius: 4px;
}

.signinbtn:hover, .logoutbtn:hover
{
    color: #d00000;
    transition: 0.3s all;
}

/*------------------------- PostHeader -------------------------*/
.Postheader 
{
    width:100%; 
    height:auto/*110px*/;
    min-height: 126px;
    /*border: 1px dotted green;*/
    position:relative;
    z-index:0;
}

.Postheader .top
{
    width:100%;  text-align:right; height:100%/*75%*/; 
}

.Postheader .top .left
{
    width:40%/*23%*/; float:left; background-image:url(../images/header_logo_3.png); background-repeat:no-repeat; height:100%; min-height: 80px; margin:-2px 0px 0px 0px; position: relative; z-index: 80;
}

.Postheader .top .right
{
    /*width:77%; background-color:#780000; height:100%;*/ height:100%; float: right/*left*/; position: relative; 
}

.Postheader .top .right .holdingbox
{
    width: 100%; /*width:990px 1024px; background-image:url(../images/header_logo_3.png);  background-color:#780000; background-repeat:no-repeat; height:100%;*/
}

.Postheader .top .right .holdingbox .innerbox
{
    float:right; background-color:#780000; padding-right:5px; padding-top:10px;
}

.Postheader .top a:link 
{
    font-family:Verdana; text-decoration:underline; font-style:italic; color:White;
}

.Postheader .bottom
{
    width:100%/*1250px 990px 1024px*/; text-align:center; vertical-align:middle; color:White; background-color:#780000; height:35px;
}
.Postheader .top a:hover, .Postheader .top a:focus
{
    color:#f8df8d;
    transition: 0.3s all;   
}

.Postheader .bottom .holdingbox
{
    width:100%/*1250px 990px 1024px*/; margin:0 auto; height:100%; vertical-align:top; text-align:center;
}

.Postheader .bottom .holdingbox ul
{
   list-style-type:none; margin:0; padding:0px/*7px 20px 15px 0px*/; float:left; text-decoration:none; z-index:1000;
}

.Postheader .bottom .holdingbox ul li
{
    display:inline;
}

.Postheader .bottom .holdingbox ul li ul
{
    background-color: rgba(248, 223, 141, 0.5) !important;
    z-index:1000;
}
    
.dropdown:hover .dropdown-menu 
{
    display: block;
    margin-top: 0; /*---- remove the gap so it doesn't close ----*/
    background-image:none;
    background-color: rgba(248, 223, 141, 0.5) !important;
        
 }

.dropdown-menu 
{
    background-image:none;
    background-color: rgba(248, 223, 141, 0.5) !important;
    z-index:1000;
}

.navbar-default .navbar-nav > li > .open > .dropdown-menu
{   
    background: rgba(248, 223, 141, 0.5) !important;
}

.divider 
{ 
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(248, 223, 141, 1) !important; 
}

.navbar .navbar-default .navbar-nav > li > .dropdown .active > ul > .dropdown-menu
{
    background: rgba(248, 223, 141, 0.5) !important;
}

.dropdown-menu>li>a 
{
    display: block;
    padding: 8px 26px;   
    color: #780000;
    text-decoration: none;
    font-size: 14px;
    text-decoration: none;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
    background-color: rgba(248, 223, 141, 1);
    transition: 0.3s all;
    color: #780000;
}


/*------------------------- CALLOUTS :: Home Page and My TeachGeorgia -------------------------*/

div#wrapper-callouts 
{
    width: 100%;
    position: relative;
    background: #FAF6EB;
    /*min-height: 260px;*/
    padding: 40px 0px;
    margin-bottom: 15px;
    z-index: 200;
}
div#wrapper-callouts-mobile 
{
    display: none;
    width: 100%;
    position: relative;
    background: #FAF6EB;
    padding: 40px 0px;
    margin-bottom: 15px;
    z-index: 200;
}

div#wrapper-callouts-myTG 
{
    width: 100%;
    position: relative;
    /* IE10+ */ 
    background-image: -ms-linear-gradient(top, #E8DDC9 0%, #E8DDC9 50%, #FFFFFF 50%, #FFFFFF 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #E8DDC9 0%, #E8DDC9 50%, #FFFFFF 50%, #FFFFFF 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #E8DDC9 0%, #E8DDC9 50%, #FFFFFF 50%, #FFFFFF 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8DDC9), color-stop(50, #E8DDC9), color-stop(50, #FFFFFF), color-stop(100, #FFFFFF));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #E8DDC9 0%, #E8DDC9 50%, #FFFFFF 50%, #FFFFFF 100%);

    /* W3C Markup */ 
    background-image: linear-gradient(to bottom, #E8DDC9 0%, #E8DDC9 50%, #FFFFFF 50%, #FFFFFF 100%);
    /*min-height: 260px;*/
    padding: 40px 0px;
    margin-bottom: 0px;
    z-index: 200;
}
div#wrapper-callouts-myTG a 
{
    text-decoration:none;
}

.calloutTG-label1 
{
    background: #3a0000;
}  
.calloutTG-label2 
{
    background: #780000;
}
.calloutTG-label3 
{
    background: #cdad58;
}  
.calloutTG-label1, .calloutTG-label2, .calloutTG-label3
{
    min-height: 50px;
    text-align: center;
    padding: 25px 10px;
    color: #ffffff;
    text-transform: capitalize;
    font-family: Verdana, sans-serif;
    font-size: 28px;
    margin: 0px;
    text-shadow: #626262 0px 4px 4px;
}

.calloutTG-Label1-bottom 
{
    background: url(../images/searchCTA_bg-arrow_3A0000.png); 
    min-height: 50px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 150;
    top: -1px;
}
.calloutTG-Label2-bottom 
{
    background: url(../images/searchCTA_bg-arrow_780000.png); 
    min-height: 50px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 150;
    top: -1px;
}
.calloutTG-Label3-bottom 
{
    background: url(../images/searchCTA_bg-arrow.png); 
    min-height: 50px !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 150;
    top: -1px;
}

.calloutTG 
{
    background: #faf6eb;
    min-height: 200px;
    border: 1px solid #e7dfc8;
    padding: 15px 12px 30px;
    margin-top: -50px;
}
.calloutTG img
{
    width: 100%;
    padding: 30px 0 15px;
}
.calloutTG p
{
    padding: 0 15px 15px 15px;
    color: #530100;
    font-size: 1.75em;
    text-align: center;
    line-height: 1.65em;
}

/*.calloutTG-label1-bottom, .calloutTG-label2-bottom, .calloutTG-label3-bottom 
{
    min-height: 50px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 150;
} */

/*------------------------- MainBody -------------------------*/

.MainBody
{
    width:100%/*1000px/*1024px*/; height:100%; padding:0px 0px 10px 0px; 
}

#Body_pnlResources, #Body_pnlJobFairList, #Body_pnlSearch, #Body_pnlSearchAgent
{
    font-size: 135%;
    line-height: 1.5em;
    padding-top: 15px;
}

/*------------------------- box inside  container -------------------------*/
.contBox
{margin: 5px 10px 10px 10px;
}
.contBox2
{margin: 20px 20px 30px;
}

/*------------------------- Footer -------------------------*/
.Footer 
{
   width:100%; text-align:center; padding: 20px/*30px*/ 0px 50px;
   /* IE10+ */ 
    background: -ms-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Opera */ 
    background: -o-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #780000), color-stop(100, #3B0202));

    /* Webkit (Chrome 11+) */ 
    background: -webkit-linear-gradient(top, #780000 0%, #3B0202 100%);

    /* W3C Markup */ 
    background: linear-gradient(to bottom, #780000 0%, #3B0202 100%);
    
    color: #FFFFFF;
    margin-top: 30px; 
    vertical-align: middle;
}

.Footer div.top
{
    /*padding-left:40%; background-color:#780000; height:25px;*/
}

.Footer div ul
{
   list-style-type:none; margin:0; padding:5px 20px 15px 20px; /*float:left;*/ color:White; font-size:12px; text-decoration:none; z-index:5; text-align:center;
}

.Footer div ul li
{
   display:inline;
}

.Footer div ul li a:link, .Footer a:visited
{
   font-size:12px;
   color: #FFFFFF;
   text-decoration: none;
}

.Footer a:hover, .Footer a:focus 
{
    color: #E6C55C !important;
    transition: 0.3s all;
}

.Footer div.bottom p
{
 
}

.Footer div.bottom 
{
    /*float:left;
    padding-left:35%;
    height:5px;*/
    font-size:11px;
    /*vertical-align:middle;*/

}

/*------------------------- Home Page -------------------------*/

.full-width-header
{
    /*height:434.25px/*180px;*/ 
    width:100%;
    position: relative;
    background:url(../images/header-image_ss-59625886_1250x285.jpg); 
    /*background-image:url(../images/home_image_990.jpg);*/ 
    background-position: center center;
    background-repeat:no-repeat; 
    background-size: cover;
    border-top: 3px solid #F8DF8D;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(120,0,0,0.25);
    -moz-box-shadow: 0px 8px 12px 0px rgba(120,0,0,0.25);
    box-shadow: 0px 8px 12px 0px rgba(120,0,0,0.25);
    z-index: 300;
}

.full-width-header-myTG
{
    /*height:434.25px/*180px;*/ 
    width:100%;
    position: relative;
    margin-top: -40px;
    padding: 40px 0px;
    background:url(../images/header-image_ss-112076411_1250x380.jpg) 70% center; 
    /*background-image:url(../images/home_image_990.jpg);*/ 
    background-repeat:no-repeat; 
    background-size: cover;
    z-index: 0;
}

.full-width-banner
{
    width:100%;
    position: relative;
    background: #faf6eb/*#f7f1e4*/; 
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(120,0,0,0.25);
    -moz-box-shadow: 0px 8px 12px 0px rgba(120,0,0,0.25);
    box-shadow: 0px 8px 12px 0px rgba(120,0,0,0.25);
    z-index: 1;
}
.full-width-banner h2
{
    color: #780000;
    font-family: Verdana, Sans-Serif;
    font-size: 30px;
    font-weight: normal;
    text-transform: none;
    margin: 0px;    
    padding: 30px 0px;
}

.spacerheader img
{
    width: 64%;
    height: auto;
    opacity: 0;
    float: left;
    padding-bottom: 30px;
}

#searchCTA-container 
{
    min-height: 270px;
    width: 35%;
    position: relative;
    float: right;
}
.searchCTA 
{
    /* IE10+ */ 
    background-image: -ms-linear-gradient(top, #F8DF8D 0%, #F9E08E 40%, #F8df8d 70%, #D0AC54 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #F8DF8D 0%, #F9E08E 40%, #F8df8d 70%, #D0AC54 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #F8DF8D 0%, #F9E08E 40%, #F8df8d 70%, #D0AC54 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F8DF8D), color-stop(40, #F9E08E), color-stop(70, #F8df8d), color-stop(100, #D0AC54));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #F8DF8D 0%, #F9E08E 40%, #F8df8d 70%, #D0AC54 100%);

    /* W3C Markup */ 
    background-image: linear-gradient(to bottom, #F8DF8D 0%, #F9E08E 40%, #F8df8d 70%, #D0AC54 100%);
    
    width: 100%;
}

/*.searchCTA:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 50px #D0AC54;
    border-left: solid 220px transparent;
    border-right: solid 220px transparent;
}*/

.searchCTALabel {
    text-align: center;
    padding: 15px;
    color: #ffffff;
    text-shadow: #242424 0px 4px 6px;
    font-style: italic;
}

.searchCTATable {
    text-align: center;
    padding: 15px 25px;
    color: #740000;
    font-size:14px;
    font-weight: bold;
}
.searchCTAsubject
{
    padding-top: 15px;
    text-align: left;
}

.searchCTAbtn 
{
    padding: 15px 0px 0px;
}

.searchCTA-bottom 
{
    min-height: 50px;
    background: url(../images/searchCTA_bg-arrow.png); 
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}    

.homePreLoginTopImageHoldingBox
{
    /*height:100%180px*/; 
    width:100%;
    position: absolute;
    right: 0; 
    /*background:url(../images/header-image_ss-59625886_1250x285.jpg); */
    /*background-image:url(../images/home_image_990.jpg);*/ 
    background-repeat:no-repeat; 
    background-size: contain;
}

.dvPreloginImageBox
{
    width:100%/*990px/*1024px*/; 
    text-align:right; 
    margin:0 auto; 
    height:100%;
}

.dvPostloginImageBox
{
    width:990px/*1024px*/; text-align:right; padding-top:4%; margin:0 auto; height:100%; background-image:url(../images/home_image_MTG_990.jpg); background-repeat:no-repeat;
}

.dvHomeContentBox
{
    width:100%; 
}

.dvHomeContentBox .LeftArea
{
   float:left; width:59%; margin:20px 0px 10px /*20px*/; /*height:500px;*/  
}

.dvHomeContentBox .RightArea
{
   float:right; width:36.5%; margin:20px 0px /*20px*/ 10px; /*height:350px;*/   
}
.dvHomeContentBox .LeftArea .top
{
   vertical-align:top; height:200px; border:1px solid #dedede;  box-shadow: 5px 5px 5px #dedede;
}

.dvHomeContentBox .LeftArea .top .JobSearchbanner
{
   height:40px;background-image:url(../images/bann_jobSearch.jpg); background-repeat:no-repeat;
}

.dvHomeContentBox .LeftArea .top .JobSearchTable
{
 margin:20px 30px 10px 30px; font-style:italic; font-family:Verdana; font-weight:bold;
}

.dvHomeContentBox .LeftArea .bottom
{
   text-align:left; margin:10px/*40px*/ 0px 20px /*5px*/; 
}

.spotlight 
{
    width: 100%;
    background: #740000;
    padding: 5px 15px;  
    margin: 25px 0px 10px;  
}

.spotlight h2 
{
    color: #FFFFFF;
    font-family: Verdana, Sans-Serif;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.dvHomeContentBox .RightArea .searchLabel 
{
    /* IE10+ */ 
    background: -ms-linear-gradient(top, #F8DF8D 30%, #D0AC54 100%);

    /* Mozilla Firefox */ 
    background: -moz-linear-gradient(top, #F8DF8D 30%, #D0AC54 100%);

    /* Opera */ 
    background: -o-linear-gradient(top, #F8DF8D 30%, #D0AC54 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30, #F8DF8D), color-stop(100, #D0AC54));

    /* Webkit (Chrome 11+) */ 
    background: -webkit-linear-gradient(top, #F8DF8D 30%, #D0AC54 100%);

    /* W3C Markup */ 
    background: linear-gradient(to bottom, #F8DF8D 30%, #D0AC54 100%);
    
    min-height: 50px;
    text-align: center;
    padding: 15px 10px;
    color: #ffffff;
    text-shadow: #626262 0px 4px 4px;
}

.searchLabel-bottom 
{
    min-height: 50px;
    background: url(../images/searchCTA_bg-arrow.png); 
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 150;
} 

/*.dvHomeContentBox .RightArea .holdingBox::before {
    content:'';
    position: relative;
    top: -17px;
    left: -4%;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 35px #D0AC54;
    border-left: solid 213px transparent;
    border-right: solid 210px transparent;
}
.dvHomeContentBox .RightArea .holdingBox::after {
    content:'';
    position: relative;
    top: -391px;
    left: 50%;
    right: 8.5%;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 35px #D0AC54;
    border-left: solid 210px transparent;
    border-right: solid 213px transparent;
}*/


.dvHomeContentBox .RightArea .holdingBox
{
   background: #FAF6EB; vertical-align:top; height:480px/*400px*/; border:1px solid #E8DDC9/*#dedede*/; padding: 50px 15px; margin-top: -50px; position: relative; z-index: 100;
}

.holdingBox a:link, .holdingBox a:visited 
{
    color: #780000;
}
.holdingBox a:hover 
{
    color: #A71C21; transition: 0.3s all;
}

.dvHomeContentBox .RightArea .JobPostingbanner
{
   width:100%; height:40px;background-image:url(../images/bann_jobPosting.jpg); background-repeat:no-repeat;
}

.dvHomeContentBox .RightArea  .JobFairLink
{
   width:90%; height:100px; margin-left:25px; background-image:url(../images/img_JobFair_4.jpg); vertical-align:middle;  background-repeat:no-repeat;
}
.dvContentBox
{
    vertical-align:top;
    padding:0px 20px 0px 20px;
}

 .ddl
        {
            border:1px solid #d0ac54;
            padding:3px;
            font-family:Verdana;
            -webkit-appearance: none; 
            background-position:88px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        }
        
.ddlarrow1:after 
        {
            content:'';
            position: relative;
            bottom: -15px/*10px*/;
            left: 0%/*45%*/;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-top: solid 12px #740000;
            border-left: solid 8px transparent;
            border-right: solid 8px transparent;
            opacity: 0 !important;
        } 
.ddlarrow2:after 
        {
            content:'';
            position: relative;
            bottom: -15px/*10px*/;
            left: 0%/*45%*/;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-top: solid 12px #740000;
            border-left: solid 8px transparent;
            border-right: solid 8px transparent;
            opacity: 0 !important;
        } 
             
          .listBox
        {
            border:1px solid #dedede;
            padding:3px;
            height:100px;
            width:300px;
            font-family:Verdana;
            -webkit-appearance: none; 
            background-position:88px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
        }
        
 fieldset.Main
 {
     position: relative; 
     padding-top: 20px; 
     margin-bottom: 5px;
      background: White;
       -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
         border-radius: 8px;
        border-width:0px;
        border-style:none;
          background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FFFFFF));
           background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%);
           box-shadow: 3px 3px 10px #333333;
            -moz-box-shadow: 3px 3px 10px #333333;
             -webkit-box-shadow: 3px 3px 10px #333333 ;
               
            }
 legend.Main
 {
    
     position: absolute; 
     left: 10px;
     padding-left:10px;
     padding-right:10px;
     padding-top:3px;
     padding-bottom:3px;
      top: -10px;
      font-family:Verdana;
             background-color: #b08b34; 
       color: white; 
       -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
         border-radius: 4px;
          box-shadow: 2px 2px 4px #888; 
          -moz-box-shadow: 2px 2px 4px #888;
           -webkit-box-shadow: 2px 2px 4px #888 ;
           -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888'); }
    
 .registermain
 {
 }
 .registersubmain  
 {
     padding: 20px 30px;
 }     
    
    td.currentaddresslabel2
    { 
        color: #F7F1E4;
        line-height: 0px;
    }
    
     fieldset.Register
 {
     position: relative; 
     padding: 15px 0px 25px; 
     margin-bottom: 5px;
      background: /*#e5d9bd*/#f7f1e4;
       /*-webkit-border-radius: 8px;
        -moz-border-radius: 8px;
         border-radius: 8px;*/
        border-width:0px;
        border-style:none;
}
fieldset.Register br
{
    display: none;
}
fieldset.Register table 
{
    margin: 0px 15px !important;
}
            
 legend.Register
 {    
     position: relative; 
     left: 0px/*10px*/;
     padding:10px 15px;
         margin-bottom: -5px;
      top: -10px;
      font-family:Verdana;
      font-size: 15px;
       background-color: /*#b08b34*/#6d6d6d; 
       color: white; 
       /*-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
         border-radius: 4px;*/
          box-shadow: 2px 2px 4px #888; 
          -moz-box-shadow: 2px 2px 4px #888;
           -webkit-box-shadow: 0px 2px 4px #888 ;
           -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888'); 
    }

.registerbutton
{
     text-align: center; 
     padding-top:20px; 
     max-width: 100%;
}

     fieldset.forgotPW
 {
     position: relative; 
     padding-top: 20px; 
     margin-top:20px;
     margin-bottom: 5px;
      background: #ffffff;
       -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
         border-radius: 8px;
        border:1px solid #ccc;
            }
 legend.forgotPW
 {
    
     position: absolute; 
     left: 10px;
     width: 97.5%;
     padding-left:15px;
     padding-right:15px;
     padding-top:5px;
     padding-bottom:5px;
      top: -14px;
      font-family:Verdana;
      font-size: 13px;
       background-color: #993333; 
       color: white; 
       -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
         border-radius: 4px;
          box-shadow: 2px 2px 4px #888; 
          -moz-box-shadow: 2px 2px 4px #888;
           -webkit-box-shadow: 2px 2px 4px #888 ;
           -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888'); }
     
        .labelRepeater{
    display: block; 
    padding-top:10px;
    text-align:center;
}
        
        .container-div { 
float:left; 
width:100%;
margin: 5px 20px 30px 0px;
} 

.search-subpanel
{
    height: 100%; 
    vertical-align: top; 
    border: 1px solid #dedede; 
    padding: 15px;
}

.container-div-jSearch { 
float:left; 
width:100%;
margin: 5px 0px 30px 0px/*5px 20px 30px 10px*/;
padding-bottom: 20px;
} 
.box-1 { 
float:left; 
margin: 0px 0px 0px 20px; 
width: 40%; 
} 

.box-2 { 
float:left; 
margin: 0 auto; 
padding-top:30px;
padding-left:15px;
width: 15%; 
} 
.b2btn1 
{
    display: block; 
    margin-bottom: 8px;
}

.box-3  
{
    padding-left:130px;
float:left; 
margin: 0 auto; 
width: 35%; 
} 

.largeBox  
{
    margin:20px 0px 0px 0px;
width:950px;
height: 350px;
} 

.box1  
{
float:left;
width:300px;
height: 300px;
} 

.box2  
{
    padding-left:25px;
float:left;
width:300px;
height:300px;
} 

.box3  
{
     padding-left:5px;
float:right;
  width:300px;
height: 300px;
} 
.AddButton
{
    vertical-align:middle;
    text-align:center;
}

.textbox
{
    border-color: /*#b08b34*/#dcca9e;
}

.headerClass
{
    text-align:left;
    padding: 10px 15px;
    font-weight: normal;
}
.headerClass a:hover
{
    color: #f8df8d !important;
    transition: 0.3s all;
}

#Body_tbContainerApps_body .headerClass a:link
{
    color: #f8df8d !important;
}
#Body_tbContainerApps_body .headerClass a:hover
{
    color: #ffffff !important;
    transition: 0.3s all;
}

.jobAppClass
{
    padding: 10px 15px !important;
}

.messageBox {
	border: 1px solid #b08b34;
	padding: 10px 10px 13px 10px;
	margin:10px 10px 10px 10px;
	font-size:12px;
	width:60%;
}

.event-notification
{
    background: #8f855e /*#596560 #5E3030 #3B0202*/;
    padding: 20px 0px;
    position: relative;
    z-index: 305;
}
.event-notification p
{
    margin: 0px 0px;
}

div#dvBanner-inner
{
    padding: 10px 40px 13px; 
    color: #c3c3c3;
    border-top: 1px solid #780000;
    border-bottom: 1px solid #780000;
    /*font-weight: bold; font-size: x-small;*/
}



/*------------------------- My TeachGeorgia -------------------------*/

.label-container
{
    overflow:hidden;
}

.label-red 
{
    width:30%; 
    padding: 20px; 
    color:#FFFFFF;
    margin: 0 0 0 -20px;
    background: #780000; 
    
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:hidden;
    position:relative;
}
.label-text 
{
    font-size: 26px; 
    font-family:Verdana, Sans-Serif;
    padding-left: 20px;
    
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}

.myTGmyResume-section
{
    float:left; 
    height:auto/*260px*/; 
    width:50%; 
    vertical-align:top; 
    padding:20px 15px 20px 20px; 
    margin:0px 0px 0px 0px; 
    box-shadow: 6px 8px 8px #b4b4b4; 
    border:1px solid #BDBDBD
}

.myTGresume-links 
{
    float:right;
    width:30%; 
    vertical-align:top; 
    margin:0 20px 0 0; 
    padding-top:160px; 
}

.myTGbutton
{
    opacity: .65;
} 
.myTGbutton:hover
{
    opacity: 1;
    transition: 0.3s all;
} 
.myTGbutton:active
{
    border: 0px solid blue;
}

.h4-style
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    color: #780000;
}
    
.resourcesMain
{
    position: relative;
    height: 100%; 
    vertical-align: top; 
    border: 1px solid #dedede; 
    padding:30px 20px 30px/*5px 20px 20px 5px*/; 
    background: rgba(247, 241, 228, 0.5);
}

.resourcesMain hr 
{
    border-top: 1px solid #dedede;
}
    
.resourcesintro 
{
    margin: 0px 0px 10px !important;
    padding: 20px 20px;
    background: #9c9683 !important;
    position: relative !important;
    border-bottom: 3px solid #F8DF8D;
}
.resourcesintro .h4-style
{
    font-size: 20px;
    color: #FFF !important;
}

#Body_tbContainerResume
{
    margin-top: 15px;
}

.resumeSectionLabel 
{
    background: #780000;
    color: #FFF;  
    width: 80%;
    margin:-50px 0 0 -20px;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:hidden;
    position:relative;
}
.rsl-text 
{
    font-size: 18px; 
    font-family:Verdana, Sans-Serif;
    padding-left: 20px;
    
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}

a.tab-btn
{
    text-decoration: none;
    color: #FFF;
}
a.tab-btn:hover
{
    color: /*#f26a6a*/#ffdb60 !important;
    transition: 0.3s all;  
}
a.tab-btn[aria-expanded="true"]
{
    color: /*#f26a6a*/#ffdb60 !important;
}
a.tab-button:focus
{
    color: /*#f26a6a*/#ffdb60 !important; 
}

.resumeSectionHeader 
{
    background: #780000;
    color: #FFF;  
   /*width: 80%;
    margin:-50px 0 0 -20px;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    overflow:hidden;
    position:relative;*/
}
.resumeSectionHeader h4
{    
    font-weight: normal;
    margin-bottom: 12px; 
}
.resumeTop 
{
    margin-top: -12px;
}
.resumeTop2 
{
    margin-top: 0px;
}

.resumesubheading h3
{
    font-weight: normal;
    padding: 5px 20px 0px;
}

p.resume-par 
{
    color: #780000;
}

.edinfo
{
    background: #780000;
    color: #FFF;  
    padding: 5px 0px 7px 20px;
    font-size:12px;
}

.preferred-Area
{
    width: 50%;
}

.resumeEmploymentTab
{    
    width: 25%;
}
.resumeEmploymentTab h5
{    
    font-weight: bold;
    font-style: normal;
    color: #fff;
    text-transform: none;
    padding: 12px 10px;    
}

div#Body_tbContainerResume_tbpnlAffirmation_pnlAffirmation td
{
    padding: 5px 10px;
}

div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_header .ajax__tab_tab
{
    background: #854A48/*#550101b3*/;
    height: 50px/*35px*/;
    margin-bottom: 15px;
    margin-top: -5px;
    border-radius: 8px 8px 0px 0px;
}

div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_tbpnlStudentTeaching
{
    margin-bottom: 60px;
}

div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_header .ajax__tab_tab a:focus
{
    color: #ffdb60 !important;
}

div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_tbpnlStudentTeaching,
div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_tbpnlSchoolEmploymentHistory_pnlSchoolEmploymentHistory,
div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_tbpnlEmploymentHistory
{
    border-top: 12px solid #6d6d6d/*#550101b3*/;    
    margin-bottom: 60px;
}

td.generalinfo
{
     padding-top:12px !important;
}

.resumeSave, .degreeSave, .resumeBankSave
{
    background: #F8DF8D;
    min-width: 80px;
    max-width: 80px;
    min-height: 26px;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 3px 4px #444;
    color: #A71C20;
}
.resumeSave:hover, .degreeSave:hover, .addDegree:hover, .resumeBankSave:hover
{
    background: #ffd95b;
    transition: 0.3s all;
}

.resumeRemove, .degreeCancel
{
    background: #848484;
    min-width: 80px;
    max-width: 80px;
    min-height: 26px;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 3px 4px #444;
    color: #FFF;
    opacity: 0.75;
}
.resumeRemove:hover, .degreeCancel:hover
{
    opacity: 1;
    transition: 0.3s all;
} 
.addDegree
{
    background: #F8DF8D;
    min-width: 120px;
    min-height: 26px;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 15px 20px;
    padding: 8px 15px 10px;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 3px 4px #444;
    color: #A71C20;
}


.delete-cert
{
    background: #C51616;
    padding: 5px 10px;
    color: #fff;
}

.resumePV-headings
{
    width:100%;
    background:#dedede; 
    vertical-align:middle;  
    padding:8px 5px;  
    margin-bottom: 15px;
    color:#780000; 
    font-weight:bold; 
    font-size: 14px; 
}

.resumeBankLabel
{
    width: 100%; 
    font-weight: normal;  
    padding: 10px 20px; 
    background:#6d6d6d; 
    color:#FFF; 
    border-bottom: 1px solid #FFF;
    box-shadow: 2px 2px 4px #888; 
          -moz-box-shadow: 2px 2px 4px #888;
           -webkit-box-shadow: 0px 2px 4px #888 ;
           -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888');
}

.resumeBank-container 
{ 
    width:100%;
    margin: 5px 20px 30px 0px;
    padding: 30px 15px;
    min-height:200px;
} 

div#Body_pnlResult h3, div#Body_pnlSearchAgent h3
{
    padding-left: 20px;
} 

.pnlresultmain 
{
    height: 100%; 
    width: 100%; 
    vertical-align: top; 
    border: 1px solid #dedede;
}

.pnlresultmain th.headerClass
{
    font-size: 14px !important;
}
.pnlresultmain .subjectresultmain
{
    font-size: 12px !important;
}
.pnlresultmain td
{
    font-size: 12px !important;
    padding-left: 4px;
    padding-right: 4px;    
    padding-top: 6px;
}

#Body_pnlJobDetails td
{
    font-size: 12px;
}

.jobfairresultmain
{
     height: 100%; 
     width: 100%; 
     vertical-align: top; 
     border: 1px solid #dedede;
}
.jobfairresultmain th.headerClass
{
    font-size: 14px !important;
    font-weight: normal;
}
.jobfairresultmain .titleresultmain
{
    font-size: 11px !important;
}
.jobfairresultmain td
{
    font-size: 12px !important;
}

.jobfairdetails
{
     height: 100%; 
     width: 100%; 
     vertical-align: top; 
     border: 1px solid #dedede;
}
.jobfairdetails td
{
     vertical-align: top; 
}
.jobfairdetails h4
{
    font-weight: normal;
    line-height: 1.2em;
}
.jbFairLabel
{
    font-weight: bold;
}

.jobdetailsappinfo
{
    height: 100%;
    margin-bottom: 20px;
}

.jobdetailsappinfo legend.Main
{    
    font-size: 14px;
    padding: 8px 10px;
    position: relative;
    left: 0px;
    background-color: #780000;
    border-radius: 0px;
    top:1px;
}

.jobdetailsappinfo fieldset.Main
{   
    padding: 15px 0px; 
    height:auto;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    box-shadow: 3px 3px 10px #888;
    -moz-box-shadow: 3px 3px 10px #888;
    -webkit-box-shadow: 3px 3px 10px #888;
    position:relative;
}

.pnlaltmessageifcomplete
{   
    font-size: 12px;
}

.vpresumeaffirm
{
     border-spacing:5px; 
     width:100%;
}

.resumebankmain
{
    width: 100%;
    height: auto; 
    vertical-align: top; 
    border: 1px solid #dedede;    
    overflow-x: hidden !important;
}

.resumebankmain h3
{
    padding: 10px 15px;
    font-size:2em; 
    font-weight:normal;
    text-align:left;
    color:#FFF;
    line-height: 1.2em;
}

.resumebanksubmain 
{ 
     padding: 15px 20px 20px; 
     font-size:120%; 
     line-height:1.5em;
}
    
td.gacert-type 
{  
    padding-left: 8px;
}
    
td.gacert-fielddesc 
{
    font-size: 12px;    
    padding-right: 9px;
}

#Body_gvSavedSearches td
{
    padding: 5px;
    border: 1px solid #ccc;
}


/* ----- Validation and error messages class starts -----*/
.validationsummary {
	border: 1px solid #b08b34;
	background: transparent url(../images/validation.png) no-repeat 5px 40px;
	padding: 0px 0px 13px 0px;
	font-size:13px;
	width:99%;
	color: #D63301;
    background-color : #FFCCBA;
}

.validationheader {
	left: 0px;
	position: relative;
	font-size: 11px;
	background-color: #e5d9bd;
	color: #56300a;
	height: 20px;
	vertical-align:middle;
	font-weight: bold;
	border-bottom: 1px solid #b08b34;
	padding-top: 3px;
}
.validationsummary ul {
	padding-top: 5px;
	padding-left: 100px;
	list-style:none;
	font-weight:500;
font-family:Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color:#982b12;
}
.validationsummary ul li {
	padding: 2px 0px 0px 10px;
	background-image:url(../images/Warning.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}
/* -- --Validation and error messages class ends -- --*/

.collapsible_div
{
    font: 12px; 
    padding-left: 15px;
}
.collapsible_div h2
{
    /*width: 750px;*/
    font-size:13px;
    margin:0;
    padding: 10px 0;
    background: url(../images/buttons/btn_Minus.jpg) no-repeat left center;
    border-top: 10px solid #F9F9F9;
}

.collapsible_div h2.active
{
    background: url(../images/buttons/btn_Plus.jpg) no-repeat left center;
}

.collapsible_div h2 a
{
    padding: 0 0 0 35px;
    text-decoration:none;
    color: #1869AE;
    font-family:Verdana;
}


.PopUpPanel {  
 background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 100%;
    position: relative !important;
    left: 0 !important;
    top: -520px !important;
}


  .modalBackground
    {      
        background-color:#333333;
        filter:alpha(opacity=80);
        opacity:0.5;
    }      
.ModalWindow
{
  border: solid1px#c0c0c0;
  background:#f0f0f0;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}

/* Message Boxes */

.info, .success, .warning, .error, .validation {
border: 1px solid;
font-weight:500;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../Images/Info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../Images/Success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../Images/warning_new.png');
}
.error {
color: #D8000C;
background-color: /*#FFBABA*/#f7f1e4;
background-image: url('../Images/error.png');
border: 1px solid #dcca9e;
}

.pnlBoard
  {
     position: relative; 
     padding:15px; 
     margin-bottom: 5px;
     width:80%;
      background: White;
       -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
         border-radius: 8px;
        border-width:0px;
        border-style:none;
          background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FFFFFF));
           background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%);
           box-shadow: 3px 3px 10px #333333;
            -moz-box-shadow: 3px 3px 10px #333333;
             -webkit-box-shadow: 3px 3px 10px #333333 ;
               
            }
            
            .bCrumbs
{
    padding-left:1.5em; /*10px;*/
    padding-right:1.5em;
    vertical-align:top;
    font-family:Verdana;
    font-size:12px; /*9pt;   */ 
    color:#780000;
}

#crumbs a:link {
	color: Black ; text-decoration:Underline ;  
}
#crumbs a:visited {
	 color: Black ;text-decoration: Underline;  
}


.jSearchLabel 
{
    width: 100%; 
    font-weight: normal; 
    margin: 0px 0px 15px; 
    padding: 8px 20px; 
    background:#6d6d6d; 
    color:#FFF; 
    border-bottom: 1px solid #FFF;
    box-shadow: 2px 2px 4px #888; 
          -moz-box-shadow: 2px 2px 4px #888;
           -webkit-box-shadow: 0px 2px 4px #888 ;
           -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888');
}

/*---------- Human Trafficking Notice ----------
------------ added by D.Adams 6/20/17 ----------*/

.htnotice 
{
    /*background: #780000;*/ 
    /* IE10+ */ 
    background-image: -ms-linear-gradient(top, #780000 0%, #B45050 100%);

    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #780000 0%, #B45050 100%);

    /* Opera */ 
    background-image: -o-linear-gradient(top, #780000 0%, #B45050 100%);

    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #780000), color-stop(100, #B45050));

    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #780000 0%, #B45050 100%);

    /* W3C Markup */ 
    background-image: linear-gradient(to bottom, #780000 0%, #B45050 100%);
    
    width:100%; 
    padding: 8px 0px 5px 15px; 
    margin: 25px 0px;
    /*font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Sans-Serif;
    color: #FFF;*/
    
}

.htnotice::before, .htnotice::after 
{
    box-sizing: border-box;
}
.htnotice::before 
{
  content:""; 
  display: inline-block;
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 19px solid #FFF;
  position: relative;
  top: 5px;
  padding-right: 8px;
  margin-left: -15px;
  z-index: 20;
}

.htnotice a:link, .htnotice a:visited 
{
    color: #E6C55C;
    text-decoration: underline;
    line-height: 1.25;
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
    position: relative;
    z-index: 25;
}
.htnotice a:hover 
{
    color: #FFFFFF !important;
    transition: 0.3s all;
}

.htnotice p
{    
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Sans-Serif;
    letter-spacing: -0.25px;
    color: #FFF;
    margin-top: 5px;    
}

.htnotice2 
{
    padding-left: 17px;
}

/*--------- Bootstrap and LESS Overrides ---------*/
/*------------------------------------------------*/

.navbar 
{
    min-height: 30px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #FFFFFF;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #A71c21;
    background-color: #FFFFFF;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #A71c21;
    background-color: #FFFFFF;
    transition: 0.3s all;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #A71c21;
    background-color: #F8DF8D;
}

/*.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}*/

.forgotPW-margin 
{
    margin-left: 15px;
}

/*---------- CUSTOM MEDIA QUERIES ----------*/
/*------------------------------------------*/

@media only screen and (min-width: 3370px) 
{
    #header-right::before 
    {
        right:-58%;
    }
}

@media only screen and (max-width: 3369px) 
{
    #header-right::before 
    {
        right:-75%;
    }
}

@media only screen and (max-width: 2760px) 
{
    #header-right::before 
    {
        right:-105%;
    }
}

@media only screen and (max-width: 2299px) 
{
    #header-right::before 
    {
        right:-135%;
    }
}

@media only screen and (max-width: 1920px) 
{
    #header-right::before 
    {
        right:-175%;
    }
}

@media only screen and (max-width: 1680px) 
{
    #header-right::before 
    {
        right:-210%;
    }
}

@media only screen and (max-width: 1440px) 
{
    #header-right::before 
    {
        right:-255%;
    }
}

@media only screen and (min-width: 1281px) 
{
    .item 
    {
    padding: 10px 25px;
    transform: scale(1.075);
    }
}

@media only screen and (max-width: 1280px) 
{
    .table-container {
    width: 96%;
    }
    .Preheader .top .left 
    {
        margin-left: 0px;
        width: 35%;
    }
    
     #header-right::before 
    {
        right:-295%;
    }
    
    h1 
    {
        font-size: 30px;
    }
    h1.welcome {
        font-size: 42px;
    }
    
    #wrapper-callouts .table-container 
    {        
        overflow: hidden !important;
    }
    
    .flexcontainer {
        padding: 0 0px;
    }
    .item {
        padding: 0 10px;
    }
}


@media only screen and (max-width: 1199px) 
{
    .box-3  
    {
        padding-left:90px;
    }
}


@media only screen and (max-width: 1152px) 
{
    #header-right::before 
    {
        right:-338%;
    }
    
    h1.welcome 
    {
        font-size: 38px;
    }
    .searchLabel h1 
    {
        font-size: 28px;
    } 
}


@media only screen and (min-width: 1099px) 
{
    .resize 
    {
        transform: scale(0.9);
        margin-top: -30px;
        margin-bottom: -30px;
    }
}


@media only screen and (max-width: 1098px) 
{
    .flexcontainer 
    {
        
    }
    .item {
        padding: 0px;
        max-width: 32%;
        -ms-transform: scale(0.90); /* IE 9 */
    }
    figure img {
        max-width: 95%;
    }
      
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3
    {
        font-size: 25px;
    }
    .calloutTG-label1-bottom, .calloutTG-label2-bottom, .calloutTG-label3-bottom
    {
        top: 0px !important;
    }
    
    .box-3  
    {
        padding-left:55px;
    }
}

/*@media only screen and (max-width: 1040px) 
{
    .item {
        max-width: 30%;
    }
    .grid {
        max-width: 30%;
    }
    figure img {
        max-width: 95%;
    }
}*/

@media only screen and (max-width: 1024px) 
{
    #header-right::before 
    {
        right:-375%;
    }
    .searchLabel h1 
    {
        font-size: 26px;
    }
    
    .box-3  
    {
        padding-left:40px;
    }
}

@media only screen and (max-width: 991px) 
{
    #header-right::before 
    {
        right:-105%;
        width: 1500px;
    }
    
    h1.welcome 
    {
        font-size: 34px;
    }
    
    .myTGmyResume-section
    {
        width:54%; 
        background: rgba(255,255,255,0.5);
    }
    .myTGresume-links 
    {
        margin:0 60px 0 0; 
    }
    
    div#wrapper-callouts-myTG
    {
        padding: 40px 0 0;
    }
    
    div#wrapper-callouts-myTG .col-md-12
    {
        width: 54%;
        margin: 0 auto;
        float: none;
    }
    
    div#wrapper-callouts-myTG .col-md-4
    {
        margin-bottom: 50px;
    }
      
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3
    {
        font-size: 24px;
    }
}


@media only screen and (max-width: 975px) {
    
    .box-3  
    {
        padding-left:25px;
    }
}


@media only screen and (max-width: 959px) {
    .Preheader .top .left 
    {
        width: 40%;
    }
    .Preheader .top .right 
    {
        width: 55%;
    }
    
    .item {
        max-width: 31%;
        -ms-transform: scale(0.82); /* IE 9 */
    }
    
    .searchLabel h1 
    {
        font-size: 24px;
    } 
    .dvHomeContentBox .LeftArea
    {
       width:59%;  
    }

    .dvHomeContentBox .RightArea
    {
       width:39%;  
    }
    
    .full-width-header-myTG
    {
        background-position: 82% center;
    }
      
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3
    {
        font-size: 22px;
    }
    .calloutTG p 
    {
        font-size: 1.6em;
        line-height: 1.5em;
    }
}


@media only screen and (max-width: 935px) {
    
    .box-3  
    {
        padding-left:15px;
    }
}


@media only screen and (max-width: 909px) 
{
    #header-right::before 
    {
        right:-116%;
    }
}

@media only screen and (max-width: 899px) 
{
    #header-right::before 
    {
        right:-119%;
    }
    .spacerheader img 
    {
        width: 60%;
    }
    .searchCTA-container 
    {
        width: 35%;
    }
    .searchCTALabel h1 
    {
        font-size: 28px;
    } 
    .searchLabel h1 
    {
        font-size: 22px;
    } 
    .searchCTAsubject
    {
        padding-top: 0px;
    }
    .ddlarrow1:after, .ddlarrow2:after 
    {
        left: 43%;
    }   
     
    .item {
        max-width: 30%;
        -ms-transform: scale(0.75); /* IE 9 */
    } 
      
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3
    {
        font-size: 20px;
        padding: 20px 10px;
    }
    
    .htnotice 
    {
        padding: 8px 15px 5px 15px;
    }   
    
    .htnotice a:link, .htnotice a:visited 
    {
        left: 10px;
    }
    .htnotice::before 
    {
        padding-right: 0px;
        margin-right: -9px;
    }
    
    .htnotice2 {
    padding-left: 10px;
    line-height: 1.5em;
    }
    
    h1.welcome 
    {
        font-size: 28px;
    } 
    
    .container-div-jSearch 
    {
        margin: 5px 0px 30px 0px;        
        padding: 0px 0 25px;
    }
    .box-1 
    {
        float: none;
        width: 55%;
        margin: 20px auto 0px;
    }
    .box-2 
    {
        float: none;
        width: 15%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px;
    }
    .box-3 
    {
        float: none;
        width: 55%;
        padding-left: 0px;
    }
    div#Body_pnlSearch select, #Body_pnlSearchAgent select
    {
        width: 400px;
    }
    
    .resumeBank-container 
    { 
        padding: 10px 15px 40px;
    }
    .fancy .ajax__tab_header {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 860px) 
{
    /*.dvContentBox 
    {
        min-width: 810px;
    }*/
    
    #header-right::before 
    {
        right:-124%;
    }
    .Preheader .top .right .holdingbox .innerbox
    {
        /*padding-top:5px10px*/;
    }
    .myTGresume-links 
    {
        margin:0 90px 0 0; 
        padding-top:190px; 
    } 
    .item 
    {
        -ms-transform: scale(0.70); /* IE 9 */
    }
    
    .label-red 
    {
        width:35%; 
    }
    
    .ajax__tab_header .ajax__tab_tab {
        padding: 10px 8.25px !important;
    }

    .preferred-Area
    {
        width: 80%;
    }
}

@media only screen and (max-width: 845px) 
{
    #header-right::before 
    {
        right:-128%;
    }
    .searchCTALabel h1
    {
        font-size: 26px;
    }     
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3 
    {
        font-size: 19px;
        padding: 20px 7px;
    }
    .calloutTG p 
    {
        font-size: 1.5em;
        line-height: 1.35em;
    }
}

@media only screen and (max-width: 819px) 
{
    #header-right::before 
    {
        right:-133%;
    }
}

@media only screen and (max-width: 799px) 
{
    #header-right::before 
    {
        right:-136%;
    }   
    
    .spacerheader img 
    {
        width: 55%;
    }
    #searchCTA-container 
    {
        width: 40%;
    }
    .item 
    {
        -ms-transform: scale(0.68); /* IE 9 */
    }
    
    .search-subpanel, .resumebankmain
    {
        max-width: 100%;
    } 
    
    fieldset.Register br
    {
        display: block;
    }  
    
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3 
    {
        font-size: 18px;
    }
    
}

@media only screen and (max-width: 790px) 
{
    #header-right::before 
    {
        right:-138%;
    }
}

@media only screen and (max-width: 785px) 
{
    #header-right::before 
    {
        right:-139%;
    }
}

@media only screen and (max-width: 779px) 
{
    #header-right::before 
    {
        right:-140%;
    }
}

@media only screen and (max-width: 775px) 
{
    #header-right::before 
    {
        right:-141%;
    }
}

@media only screen and (max-width: 771px) 
{
    #header-right::before 
    {
        right:-141.75%;
    }
}

@media only screen and (max-width: 769px) 
{
    #header-right::before 
    {
        right:-142.25%;
    }
}


@media only screen and (min-width: 768px) 
{
    #wrapper-callouts-myTG .col-sm-4
    {
        padding-right: 0px;
        padding-left: 20px;
    }  
    
    
    body.myresume .vpresumemain { width: 775px; height: 1000px } 
    @media print { body.myresume { width: 775px } } /* this line is needed for fixing Chrome's bug */
    
    .vpresumeaffirm 
    {
        width: 80%;
    }
}


@media only screen and (max-width: 767px) 
{
    body 
    {
        /*min-width: 750px;*/
    }
    
     #header-right::before 
    {
        right:0/*-70%*/;
        left: -100px;
        top:77px/*82px*/;
        height: 75px;
    }  
    .Preheader .top .left 
    {
        width: 100%;
        background-color: #FFF;
    } 
    .Preheader .top .right 
    {
        width: 100%;
        float: right;
        background: #780000;
        position: relative;
    }
    .Preheader .top .right::before
    {
        content: "";
        position: absolute;
        background: #780000;
        box-sizing: border-box;
        width: 800px;
        height: 100px; 
        left: -40px;      
    }
    .Preheader .top .right .holdingbox .innerbox
    {
        position: relative;
        padding-top: 10px;
        left: 0;        
        z-index: 50000;
        background: transparent;
    }
    .Preheader .bottom, .Preheader .bottom .holdingbox
    {
        width: 100%;
        max-width: 750px;
    }
    .Preheader .bottom .holdingbox ul
    {
        padding-bottom: 12px;  
    }  
    
    .Postheader .top .left 
    {
        width: 100%;
        background-color: #FFF;
    } 
    .Postheader .top .right 
    {
        width: 100%;
        float: right;
        background: #780000;
        position: relative;
    }
    .Postheader .top .right::before
    {
        content: "";
        position: absolute;
        background: #780000;
        box-sizing: border-box;
        width: 800px;
        height: 100px; 
        left: -40px;      
    }
    
    .Postheader .bottom, .Postheader .bottom .holdingbox
    {
        width: 100%;
        max-width: 750px;
    }
    
    .Postheader .top .right .holdingbox .innerbox
    {
        position: relative;
        padding-top: 15px;
        /*left: 0;*/        
        z-index: 50000;
        background: transparent;
    }
    
    .Postheader .bottom .holdingbox ul
    {
        padding-bottom: 12px;  
    }
        
    .Postheader .bottom .holdingbox ul li ul 
    {
        display: block;
        background-color: rgba(255, 255, 255, 1) !important;
        color: #780000;
        z-index: 1000;
        width: 100%;
        position: relative;
        padding-bottom: 0px;
        margin-bottom: 8px;
        border-radius: 0px;
        border: 0px;    
    }

    td.changepw
    {
        padding-top: 5px;
    }
    
    .dropdown-menu li
    {
        border-top: 1px solid #dedede;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu>li>a
    {
        color: #780000;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a
    {
        padding: 8px 15px 8px 25px;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover 
    {
        color: #A71c21 !important;
    }
    
    a.mmenu:link {
	    padding: 10px 26px;
    }
    a.mmenu:visited {
	    padding: 10px 26px;
    }  

    .navwrapper 
    {
        margin-top: -42px;
        padding: 2px 0px 2px;
    }
    
    .Postheader .navwrapper 
    {
        margin-top: -26px;
    }
    
    .navbar-default .navbar-toggle 
    {
        float: left;
        margin: 6px 0px 12px 25px;
        border-color: rgba(221, 221, 221, 0);
        z-index: 999;        
        top: -25px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover 
    {
        background-color: #d0ac54;
        transition: 0.3s all;
    }
    
    .navbar-default .navbar-nav>li.dropdown>a
    {
        background: rgba(248, 223, 141, 1);
        color: #A71C20;
    }
    
    .navbar 
    {
        max-width: 767px;
    }
    .navbar-nav>li>a
    {
        text-align: left;
    }    
    
    .Postheader .navbar-collapse
    {
        max-width: 750px;
    }
    
    div#dvBanner-inner
    {
         padding: 10px 15px 13px;
    }
    
    .full-width-header
    {
        background-position: 58% center;
    }
        
    .spacerheader img 
    {
        width: 35%;
    }
    #searchCTA-container 
    {
        width: 61%;
        padding-bottom: 30px
    }
    
    
     #wrapper-callouts 
    {
        display: none;
    }
    
    #wrapper-callouts-mobile
    {
        display: block !important;
        padding: 0px;
    }
    
    .flexcontainer
    {
        margin: 40px 0px;
    }
    .middle-callout
    {
        margin: 80px 0px;
    }
    
    .item 
    {
        max-width: 42%;
        transform: scale(1.35);
        -ms-transform: scale(1.1); /* IE 9 */
    }
    
    #Body_pnlJobFairList 
    {
        font-size: 125%;
    }
    
    .box-1, .box-3 
    {
        width: 60%;
    }
    /*div#Body_pnlSearch select
    {
        font-size: 12px;
    }*/
    .ddl 
    {
        font-size: 12px;
    }
    
    .myTGresume-links 
    {
        padding-top: 275px;
        transform: scale(.9);
    }    
    
    div#wrapper-callouts-myTG .col-sm-12
    {
        width: 85%;
        margin: 0 auto;
    }
    
    div#wrapper-callouts-myTG .col-sm-4
    {
        width: 65%;        
        left: 20%;
        margin-bottom: 40px;
    }
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3 
    {
        font-size: 24px;
    }
    .calloutTG p 
    {
        font-size: 1.6em;
        line-height: 1.5em;
    }
    
    .dvHomeContentBox .LeftArea
    {
       width:100%;  
    }

    .dvHomeContentBox .RightArea
    {
       width: 60% !important;
       position: relative;
       left: -20%;       
    }
    
    .resourcesMain
    {
        position: relative !important;
    }
    
    .resourcesintro .h4-style
    {
        font-size: 18px;
    }
    
    .resourcesMain ul
    {
        padding-left: 15px !important;
    }
    
    td.affirm-column1 
    {
        width: 75% !important;
    }
    
}


@media only screen and (max-width: 740px) 
{        
    .mini-mobile4
    {
        padding: 0px !important;
        overflow-x: hidden !important;
        margin: 0px -20px;
    }
}


@media only screen and (max-width: 720px) 
{
    .box-1, .box-3
    {
        max-width: 95%;
        transform: scale(0.95);        
    }
    .box-2
    {
        position: relative;
    }

    .preferred-Area
    {
        width: 100%;
    }
}

@media only screen and (max-width: 699px) 
{
   .flexcontainer
    {
        margin: 50px 0px;
    }
    .middle-callout
    {
        margin: 80px 0px;
    }
    
    .item 
    {   
        max-width: 52%;
        transform: scale(1.3);
        -ms-transform: scale(1.1); /* IE 9 */
    } 
    
    .myTGresume-links 
    {
        padding-top: 350px;
        transform: scale(.83);
    }
    .cat-description 
    {
        max-width: 90%;
    }
    
    div#Body_tbContainerResume_tbpnlGeneral .ajax__tab_body
    {
        font-size: 11px;
    }
    
     div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_body
    {
        margin-top: -13px;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_outer
    {
        margin-right: 2px;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_inner
    {
        margin-left: 0px;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_tab
    {
        padding: 10px 10px 12px !important;
        margin-bottom: 10px;
        margin-top: -2px;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_active .ajax__tab_tab
    {
        margin-bottom: 10px;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_hover .ajax__tab_tab
    {
        margin-bottom: 10px;
    }
    
}



@media only screen and (max-width: 670px) 
{
    .mini-mobile4
    { 
        margin: 0px;
    }
    .registersubmain 
    {
        padding: 20px 0px;
    }
}



@media only screen and (max-width: 660px) 
{
    .full-width-header
    {
        background-position: 53% center;
    }  
    .label-text {
        font-size: 23px; 
    }  
    
    .myTGmyResume-section 
    {
        width: 53%;
    }
    
    .myTGresume-links 
    {
        padding-top: 400px;
        transform: scale(.8);
    }   
    .box-1, .box-3
    {
        max-width: 100%;
        width: 95%;
        position: relative;
        left: 10%;      
    }  
    
    td.currentaddresslabel
    { 
        position:relative;
        min-width: 35% !important;
    }     
    
    td.addressinfofield
    {
        position: relative;
        left: 30px !important;
    }
}


@media only screen and (min-width: 651px) 
{
    .break-hide br
    {
        display: none;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment_header .ajax__tab_tab 
    {
        height: 35px;
    }
}

@media only screen and (max-width: 650px) 
{
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_body
    {
        font-size: 11px !important;
    }
    
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_tab
    {
        padding: 10px 6px;
        margin-top: -16px;
    }
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_header
    {
        font-size: 12px !important;
    }
}


@media only screen and (max-width: 640px) 
{  
    .affirmregistration
    {
        margin-right: 40px;
    }
}

    
@media only screen and (max-width: 630px) 
{   
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3 
    {
        font-size: 22px;
    }
    .calloutTG p 
    {
        font-size: 1.5em;
        line-height: 1.5em;
    }
}


@media only screen and (max-width: 599px) 
{
    .dvHomeContentBox .RightArea
    {
       width: 70% !important;
       left: -15%;       
    }
    div#wrapper-callouts-myTG .col-md-12
    {
        width: 70%;
    }
    
    .label-red {
        width: 50%;
    }
    
    .myTGmyResume-section 
    {
        width: 75%;
        margin-bottom: 45px;
    }
    .myTGresume-links 
    {
        width:100%;
        transform: scale(1);
        float: none;
        position: relative;
        margin: 0 auto;
        right: 0;
        left: 0;
    }    
    .box-1, .box-3
    {
        left: 5%;      
    } 
    .mini-mobile2
    {
        padding: 0px !important;
        overflow-x: hidden !important;
    }
    .mini-mobile3
    {
        padding: 0px !important;
        overflow-x: hidden !important;
    }
    
    .registermain
    {
        max-width: 100% !important;
        position:relative;
    }
    .registersubmain  
    {
        max-width: 100% !important;
        position:relative;
    }
    .fieldset.Register
    {
        max-width: 100% !important;  
        position:relative;
    }
    .legend.Register
    {
        max-width: 100% !important;  
        position:relative;
    }
    
    #Body_tbContainerResume .layoutwidth
    {
        max-width: 100%;
    }

    .registerbutton
    {
         max-width: 90% !important;
    }
}


@media only screen and (max-width: 590px) 
{  
    .affirmregistration
    {
        margin-right: 60px;
    }
}



@media only screen and (max-width: 580px) 
{
    .pnlresultmain td
    {
        font-size: 11px !important;
    }
    
    .jobfairresultmain td
    {
        font-size: 11px !important;
    } 
    
    div#wrapper-callouts-myTG .col-sm-4 
    {
        width: 75%;
        left: 15%;
    }    
    
}


@media only screen and (max-width: 560px) 
{  
    .affirmregistration
    {
        margin-right: 80px;
    }
}


@media only screen and (max-width: 540px) 
{
    .item 
    {        
        transform: scale(1.4);
    }
    
    .full-width-header
    {
        background-position: 50% center;
    } 
           
    .dvContentBox
    {
        overflow-x: hidden;
        max-width: 100%;
    }
    
    .box-1, .box-3
    {
        left: 0;
        transform: scale(0.90);        
    }
    .box-2
    {
        left: -5%;
    }
    .registermain
    {
        padding-right: 0px;
        padding-left: 0px;
    }
    .cat-description 
    {
        max-width: 69%;
    }
    fieldset.Register 
    {
        font-size: 93%;
    }
    .mini-mobile2
    {
        margin: 0px -12px;
        overflow-x: hidden !important;
    }
    .mini-mobile3
    {
        margin: 0px;
    }
    
    .affirmregistration
    {
        margin-right: 29px;
    }
}


@media only screen and (max-width: 525px) 
{
    #Body_pnlJobApplications 
    {    
        overflow-x: hidden !important;
    }   
        
    .affirmregistration
    {
        max-width: 90%;
    } 
}


@media only screen and (max-width: 499px) 
{
    
    div#Body_tbContainerResume_tbpnlEmployment_tbContainerEmployment .ajax__tab_tab
    {
        padding: 10px 5px 12px !important;
        margin-bottom: 10px;
        margin-top: -16px;
    }
    
    .dvHomeContentBox .RightArea
    {
       width: 80% !important;
       left: -10%;       
    }
    div#wrapper-callouts-myTG .col-md-12
    {
        width: 80%;
    }
    
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3 
    {
        font-size: 20px;
    }
    .calloutTG p 
    {
        font-size: 1.4em;
        line-height: 1.5em;
    }
}


@media only screen and (max-width: 490px) 
{
    #Body_tbContainerApps_tbpnlClosedApps_gvClosedApps th.headerClass
    {
        font-size: 13px !important;
        padding: 10px 10px;
    }    
    .jobAppClass {
        padding: 10px 10px !important;
    }
        
    .affirmregistration
    {
        max-width: 80%;
    }
}


@media only screen and (max-width: 480px) 
{      
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle
    {
        margin: 6px 0px 12px 3px !important;
    }     
    .Postheader .navbar-default .navbar-toggle, .Postheader .navbar-default .navbar-toggle
    {
        margin: 6px 0px 12px 25px !important;
    }   
    
    .mini-mobile
    {   
        margin: 0px -30px;
        overflow-x: hidden !important;
    }
    
    .box-1, .box-3
    {
        /*left:-70px;*/
        transform: scale(0.85);        
    }
    
    div#wrapper-callouts-myTG .col-sm-4 
    {
        width: 90%;
        left: 5%;
    } 

    .state-width
    {
        width: 120px !important;
    } 
    
    /*.registersubmain  
    {
        max-width: 90% !important;
    }*/
}

@media only screen and (max-width: 450px) 
{
    .spacerheader img 
    {
        width: 25%;
    }
    #searchCTA-container 
    {
        width: 73%;
    }
    div#wrapper-callouts-mobile
    {
         padding: 30px 0px !important;
    }
    .item 
    {        
        transform: scale(1.45);
    }
    
    .search-subpanel
    {
        padding: 15px 0;
        overflow-x: hidden !important;
    }
    .subpanel-mobile
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .resumebankmain
    {
        overflow-x: hidden !important;
    }    
    
     .registersubmain  
     {
         padding: 20px 0px 20px 0px;
     } 
        
    .contBox2
    {
        margin: 20px 0px 30px;
    }   
    .savedagentsection
    {
        padding-left: 15px;
    }
    
    .affirmregistration
    {
        padding: 0px 25px 0px 5px;
    }
        
}

@media only screen and (max-width: 440px) 
{
    .navwrapper 
    {
        margin-top: 0px;
    } 
    .Postheader .navwrapper 
    {
        /*margin-top: -24px !important;*/
    } 
    .navbar-default .navbar-toggle 
    {       
        top: 0;
    } 
    .Postheader .navbar-default .navbar-toggle 
    {       
        top: -25px !important;
    }
    /*.registermain
    {
        max-width: 375px !important;
    }*/
    .cat-description 
    {
        max-width: 60%;
    }
    fieldset.Register 
    {
        font-size: 90%;
    }

    .registerbutton
    {
         max-width: 80% !important;
    }
}

@media only screen and (max-width: 420px) 
{
    .dvHomeContentBox .RightArea
    {
       width: 90% !important;
       left: -5%;       
    }
    div#wrapper-callouts-myTG .col-md-12
    {
        width: 100%;
    }
    
    .label-red {
        width: 62%;
    } 
    
    .container-div-jSearch
    {
        position: relative;
        left: 0px;
        max-width: 100%;
    }
        
    div#Body_pnlSearch select, #Body_pnlSearchAgent select 
    {
        width: 345px;
    }
    
    .box-1, .box-3
    {
        left: 0px; 
        max-width: 95%;   
    }
    .box-2
    {
        left:-25px;     
    }
    /*.registermain
    {
        max-width: 330px !important;
    }*/
    .cat-description 
    {
        max-width: 53%;
    }
    fieldset.Register 
    {
        font-size: 85%;
    }
    legend.Register
    {
        font-size: 14px;
    }
    
    td.textfieldlabel
    {
        width:35%;
    }
    
    .fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
    {
        margin-left: 5px !important; /* offset the width of the left image */
    }
    /*.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
    {
        margin-bottom: 0px !important;
    }        
    .fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
    {
        padding: 10px 10px !important;
    }*/
    #Body_tbContainerApps_tbpnlClosedApps_gvClosedApps th.headerClass
    {  
        font-size: 12px !important;      
        padding: 10px 8px;
    }    
    .jobAppClass 
    {
        font-size: 11px !important;
    }
    
}


@media only screen and (max-width: 399px) 
{
    .jobdetailsappinfo fieldset.Main
    {   
        padding: 15px 0px 25px; 
    }
    
    .vpresumemain td 
    {
        font-size: 10px;
    }
    
    .vpresumemain td.viewApp2
    {
        font-size: 10.5px;
    }
    
    .vpresumeaffirm
    {
         width:95%;
    }
    
    .resumebanksubmain
    {
        padding: 15px 0px 20px;
    }
    
    .resumebankstatement
    {
        padding: 0px 15px;
    }
    
    .resumebankmain h3 
    {
        padding: 10px 15px 12px;
        font-size: 1.7em;
    }
    
    .resumeBank-container 
    {
        padding: 10px 0px 40px;
        font-size: 110%;
    }
    .resumeBank-container .box-1, .resumeBank-container .box-3
    {
        max-width: 80%;
    }
    
    td.gacert-fielddesc 
    {
        font-size: 11px;
    }

    .registerbutton
    {
         max-width: 70% !important;
    }
    .affirmregistration
    {
        padding-right: 35px;
    }
    
    div#wrapper-callouts-myTG .col-sm-4 
    {
        width: 100%;
        left: 0;
    }  
            
}


@media only screen and (max-width: 390px) 
{   
    .affirmregistration
    {
        padding-right: 48px;
    }
}


@media only screen and (max-width: 380px) 
{
    .Preheader .top .right 
    {
        padding-right: 0px;
        padding-left: 4px;
    }
    .spacerheader img 
    {
        width: 0%;
    }
    #searchCTA-container 
    {
        width: 80%;
    }
    div#wrapper-callouts-mobile
    {
         padding: 20px 0px !important;
    }
    .middle-callout
    {
        margin: 70px 0px;
    }
    .item 
    {        
        transform: scale(1.55);
    }  
    
    .mini-mobile2
    {
        margin-left: -7px;
        margin-right: -7px;
    }
    
    /*.registermain 
    {
        max-width: 300px !important;
    }
    .registersubmain 
    {
        padding: 20px;
    }*/
    
    .cat-description 
    {
        max-width: 43%;
    }   
    
    td.addressinfofield
    {
        left: 5px !important;
    }
    #Body_tbContainerApps_tbpnlClosedApps_gvClosedApps th.headerClass
    {  
        font-size: 11px !important;      
        padding: 10px 3px;
    }    
    .jobAppClass 
    {
        font-size: 10px !important;     
        padding: 10px 5px !important;
    }
    td.jobAppClass a:link
    {
        font-size: 10px !important;    
    }
    .affirmregistration
    {
        max-width: 86% !important;
        padding: 0px;
    }
}

@media only screen and (max-width: 370px) 
{
    .Preheader .top .right 
    {
        padding-bottom: 10px;
    }
    .signin-370 
    {
        position:relative;
        left: -280px;
        top: 30px;
    }
    td.forgotpw
    {
        padding-left:0px; 
        padding-right:70px;
    }
        
    .dvHomeContentBox .RightArea
    {
       width: 100% !important;
       left: 0;       
    }
        
    div#Body_pnlSearch select, #Body_pnlSearchAgent select 
    {
        width: 320px;
    }
    .affirmregistration
    {
        max-width: 82% !important;
    }
}


@media only screen and (max-width: 360px) 
{
    .pnlresultmain th.headerClass
    {
        font-size: 13px !important;
    }
    .pnlresultmain .subjectresultmain
    {
        font-size: 11px !important;
    }
    
    .jobfairresultmain th.headerClass
    {
        font-size: 13px !important;
    }
    .jobfairresultmain .titleresultmain
    {
        font-size: 11px !important;
    }

    /*.registerbutton
    {
         max-width: 85%;
    }*/
    
    div#wrapper-callouts-myTG .col-sm-12 
    {
        width: 95%;
    }  

}


@media only screen and (max-width: 350px) 
{
    .Postheader .navbar-default .navbar-toggle 
    {  
        margin: 6px 0px 12px 3px !important;
    }
    
    .full-width-header
    {
        background: #ADBEAA;
    }
    .full-width-banner h2
    {
        font-size: 26px;
    }
    
    #searchCTA-container 
    {
        width: 100%;
    }
    .middle-callout
    {
        margin: 80px 0px;
    }
    .item 
    {
        max-width:51%;
        transform: scale(1.75);
        margin-left: 15px;
    }
    .myTGresume-links 
    {
        transform: scale(.9);
        bottom: -35px;
    }  
    
    .resumeBank-container .box-1, .resumeBank-container .box-3
    {
        max-width: 85%;
    }
    
    td.fieldadjust
    {
        padding-right:25%;
    }
    
    .affirmregistration
    {
        max-width: 80% !important;
    }
}


@media only screen and (max-width: 340px) 
{
    .affirmregistration
    {
        max-width: 75% !important;
    }

    /*.registerbutton
    {
         max-width: 80%;
    }*/
    
    .calloutTG-label1, .calloutTG-label2, .calloutTG-label3
    {
        font-size: 19px;
    }
}


@media only screen and (max-width: 320px) 
{
    .Postheader .top .left
    {
        background-size: contain;
    }
    .myTGresume-links 
    {
        transform: scale(.8);
        bottom: -75px;   
        left:-18px;     
    }  
    
    div#Body_pnlSearch select, #Body_pnlSearchAgent select 
    {
        width: 290px;
    }

    /*.registerbutton
    {
         max-width: 75%;
    }*/
       
}