/******* Master ********/   
body 
{  
    background-color: black;    
    color: #fff;    
    font-family: arial;
    font-size: 12px;
    margin: 0;
    padding: 0;        
    text-align: center;
    overflow: hidden;
}

a, a:visited  {color:#fff;text-decoration: none;}
a:hover {color:#ccc;}
a:active {color:#ccc;}

.left {
    float: left;
}

.right {
    float: right;
}

.width200 {
    width: 200%;
}
.width4 {
    width: 4%!important;
}
.width3 {
    width: 3%!important;
}
/******* FONT FACE ********/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 12, 2012 */

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

}

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

}

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

}

/******* Standard and Scalable Styling ********/   
#container {
    font-size:12px;  
    height:600px;     
    margin: 0 auto;    
    position:relative;     
    text-align: left; 
    width:800px; 
}

h1, h2, h3, h4, h5, h6 { 
	padding: 0; 
    margin: 0;
    text-align: center;
}

h1 { font-size: 125%; }
h2 { font-family: microgrammadbolextregular, 'Arial', sans-serif; font-size: 100%;font-weight: normal; }
h3 { font-family: microgrammadbolextregular, 'Arial', sans-serif; font-size: 85%;color: #fdca00;font-weight: normal; }
h4 { font-family: microgrammadbolextregular, 'Arial', sans-serif; font-size: 100%;color: #00bcff;font-weight: normal; }
h5 { font-family: britannic_boldbold, arial; font-size: 140%;color: #00bcff;font-weight: normal;}
h6 { font-family: Arial;font-weight: bolder;font-size: 100%;}


p  {
    display: block;       
    font-family: arial; 
    margin: 0; 
    padding: 0;
}

div, img, a, select  {
    display: block; 
    margin: 0px;
    padding: 0px;
}

input  {
    border: none;
    font-family: arial;    
    font-size: 100%;    
    font-weight: bold;                 
    padding: 0px;
    color: #0c2d9b;
    border: 1px solid #FFCC00;
}


input[type='button'] { display: block;cursor: pointer;
                                  font-family: microgrammadbolextregular, 'Arial', sans-serif; font-weight: normal;font-size: 85%; }

input[type='button']:disabled { opacity: 0.5;color: #666;}
.button-yellow-thick:hover 
{
    background-image: none;
    background-color: #ffee00;
    border: 2px solid #ffa200;
    cursor: pointer;
}
input[type='button'].button-yellow-thick:disabled:hover { opacity: 0.5;color: #666;
    background: #ffa200; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffa200 0%, #ffee00 21%, #ffa200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffa200), color-stop(21%,#ffee00), color-stop(100%,#ffa200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* W3C */
    border: 2px solid #ffa200;
}

textarea  {
    border: none; 
    font-family: arial;
    font-size: 100%;      
}

.scalable-border-width {
    border-width: 1px;    
}

.scalable-border-radius {
    border-radius: 13px;
}
.scalable-shadow {
}

.blue { color: #000099;}

/******* Container ********/

#img-bg {
    background-color: black;
    z-index: 1;    
}

#title-logo {
    left: 5.7%;
    top: 3.8%;
    width: 23.1%;    
    z-index: 5;
}

#footer {
    bottom: 1.95%;
    height: 7.9%;
    left: 6.15%;     
    z-index: 5;
}   

.title-gradient 
{
    background: #fe9f00; /* Old browsers */
    background: -moz-linear-gradient(left, #fe9f00 0%, #fdca00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fe9f00), color-stop(100%,#fdca00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #fe9f00 0%,#fdca00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #fe9f00 0%,#fdca00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #fe9f00 0%,#fdca00 100%); /* IE10+ */
    background: linear-gradient(to right, #fe9f00 0%,#fdca00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9f00', endColorstr='#fdca00',GradientType=1 ); /* IE6-9 */
}

.dialog-gradient {
    background: #1366bf; /* Old browsers */
    background: -moz-linear-gradient(left,  #1366bf 0%, #0b1f92 83%, #0b1f92 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1366bf), color-stop(83%,#0b1f92), color-stop(100%,#0b1f92)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #1366bf 0%,#0b1f92 83%,#0b1f92 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #1366bf 0%,#0b1f92 83%,#0b1f92 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #1366bf 0%,#0b1f92 83%,#0b1f92 100%); /* IE10+ */
    background: linear-gradient(to right,  #1366bf 0%,#0b1f92 83%,#0b1f92 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1366bf', endColorstr='#0b1f92',GradientType=1 ); /* IE6-9 */
    border: 2px solid #FFCC00; 
}

.popup { padding: 2%;}
.popup p { font-weight: bold;padding-top: 0.5%;font-family: Britannic;}
.popup span { color:#FFf400;}
.popup .popup-content { border-top: solid 1px #00bcff;border-bottom: solid 1px #00bcff;padding: 3% 1%;}
p .popup-icon { display: inline-block; height: 4%;margin-right: 1.5%;}
.popup-small {
position: absolute;
top: 11.167%;
left: 17%;
height: 64.997%;
width: 63.375%;
z-index: 101;
}
.popup-medium {
position: absolute;
top: 11.167%;
left: 17%;
height: 45%;
width: 46.75%;
z-index: 101;
}
.popup-large {
position: absolute;
top: 27.333%;
left: 18%;
height: 29%;
width: 30.125%;
z-index: 101;
}

.popup-gradient {/*TODO: IE9, choose correct colours */
    background: #0c2d9b; /* Old browsers */
    background: -moz-linear-gradient(left,  #0c2d9b 0%, #1785d3 48%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0c2d9b), color-stop(48%,#1785d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #0c2d9b 0%,#1785d3 48%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #0c2d9b 0%,#1785d3 48%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #0c2d9b 0%,#1785d3 48%); /* IE10+ */
    background: linear-gradient(to right,  #0c2d9b 0%,#1785d3 48%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c2d9b', endColorstr='#1785d3',GradientType=1 ); /* IE6-8 */
    border: 2px solid #FFCC00; 
}

.popup-gradient2 {
    background: #050e49; /* Old browsers */
    background: -moz-linear-gradient(top,  #050e49 1%, #0b1d91 50%, #050e49 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#050e49), color-stop(50%,#0b1d91), color-stop(100%,#050e49)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #050e49 1%,#0b1d91 50%,#050e49 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #050e49 1%,#0b1d91 50%,#050e49 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #050e49 1%,#0b1d91 50%,#050e49 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #050e49 1%,#0b1d91 50%,#050e49 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050e49', endColorstr='#050e49',GradientType=0 ); /* IE6-8 */
}

.popup-gradient2-light 
{
    background: #0a3764; /* Old browsers */
    background: -moz-linear-gradient(top,  #0a3764 0%, #1998df 50%, #0a3764 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a3764), color-stop(50%,#1998df), color-stop(100%,#0a3764)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0a3764 0%,#1998df 50%,#0a3764 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0a3764 0%,#1998df 50%,#0a3764 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0a3764 0%,#1998df 50%,#0a3764 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0a3764 0%,#1998df 50%,#0a3764 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3764', endColorstr='#0a3764',GradientType=0 ); /* IE6-8 */
}

.select-div-header-gradient {   
    background: #ccebff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ccebff 30%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ccebff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ccebff 30%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ccebff 30%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ccebff 30%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ccebff 30%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccebff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

input.button-yellow  {
    background: -moz-linear-gradient(top, #d8a701 0%, #fed750 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8a701), color-stop(100%,#fed750)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d8a701 0%,#fed750 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d8a701 0%,#fed750 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d8a701 0%,#fed750 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d8a701 0%,#fed750 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a701', endColorstr='#fed750',GradientType=0 ); /* IE6-8 */
    border: 3px solid #d8a701;
    padding:0.3% 2%;
    margin: 0;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

input.button-lightblue 
{
    color: #00607f;
    background: #70e6ff; /* Old browsers */
    background: -moz-linear-gradient(left,  #70e6ff 0%, #00ccff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#70e6ff), color-stop(100%,#00ccff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #70e6ff 0%,#00ccff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #70e6ff 0%,#00ccff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #70e6ff 0%,#00ccff 100%); /* IE10+ */
    background: linear-gradient(to right,  #70e6ff 0%,#00ccff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70e6ff', endColorstr='#00ccff',GradientType=1 ); /* IE6-8 */
    border: 1px solid #00607f;
    padding: 0.3% 2%;
    margin: 0;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

.button-yellow-thick  {
    background: #ffa200; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffa200 0%, #ffee00 21%, #ffa200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffa200), color-stop(21%,#ffee00), color-stop(100%,#ffa200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffa200 0%,#ffee00 21%,#ffa200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa200', endColorstr='#ffa200',GradientType=1 ); /* IE6-8 */
    border: 2px solid #ffa200;
    border-radius: 18px;
    font-size: 95%;
    padding:0.3% 5%;
    margin: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;    
}

.step1-gradient-top {
    background: #0c1f92; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #0c1f92 0%, #1258b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0c1f92), color-stop(100%,#1258b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #0c1f92 0%,#1258b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #0c1f92 0%,#1258b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #0c1f92 0%,#1258b7 100%); /* IE10+ */
    background: linear-gradient(135deg,  #0c1f92 0%,#1258b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1f92', endColorstr='#1258b7',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    border: 2px solid #FFCC00;
}

.step1-gradient-topleft {
    background: #101d83; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #101d83 0%, #188ed8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#101d83), color-stop(100%,#188ed8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #101d83 0%,#188ed8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #101d83 0%,#188ed8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #101d83 0%,#188ed8 100%); /* IE10+ */
    background: linear-gradient(135deg,  #101d83 0%,#188ed8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101d83', endColorstr='#188ed8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    border: 2px solid #FFCC00;
}

.step1-gradient-topright {
    background: #1258b7; /* Old browsers */
    background: -moz-linear-gradient(top,  #1258b7 0%, #188ed8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1258b7), color-stop(100%,#188ed8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1258b7 0%,#188ed8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1258b7 0%,#188ed8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1258b7 0%,#188ed8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1258b7 0%,#188ed8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1258b7', endColorstr='#188ed8',GradientType=0 ); /* IE6-8 */
    border: 2px solid #FFCC00;
}

.step1-gradient-botleft {
    background: #0d2f9b; /* Old browsers */
    background: -moz-linear-gradient(left,  #0d2f9b 0%, #178dd9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0d2f9b), color-stop(100%,#178dd9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #0d2f9b 0%,#178dd9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #0d2f9b 0%,#178dd9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #0d2f9b 0%,#178dd9 100%); /* IE10+ */
    background: linear-gradient(to right,  #0d2f9b 0%,#178dd9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2f9b', endColorstr='#178dd9',GradientType=1 ); /* IE6-8 */
    border: 2px solid #FFCC00;
}

.step1-gradient-botright {
    background: #1988d0; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #1988d0 0%, #178dd5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1988d0), color-stop(100%,#178dd5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #1988d0 0%,#178dd5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #1988d0 0%,#178dd5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #1988d0 0%,#178dd5 100%); /* IE10+ */
    background: linear-gradient(135deg,  #1988d0 0%,#178dd5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1988d0', endColorstr='#178dd5',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    border: 2px solid #FFCC00;
}

.step3-gradient-gray {
    background: #999999; /* Old browsers */
    background: -moz-linear-gradient(top,  #999999 0%, #5e5e5e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#999999), color-stop(100%,#5e5e5e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #999999 0%,#5e5e5e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #999999 0%,#5e5e5e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #999999 0%,#5e5e5e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #999999 0%,#5e5e5e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-8 */
    border: 2px solid #FFCC00;
}

.destination-bg-blue {
    background-color: #09c; border: solid 1px white;
}

.step3-gradient-botright {
    background: #1cb4f1; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #1cb4f1 0%, #0b1d91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#1cb4f1), color-stop(100%,#0b1d91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #1cb4f1 0%,#0b1d91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #1cb4f1 0%,#0b1d91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #1cb4f1 0%,#0b1d91 100%); /* IE10+ */
    background: linear-gradient(135deg,  #1cb4f1 0%,#0b1d91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cb4f1', endColorstr='#0b1d91',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    border: 2px solid #FFCC00;
}

.dialog-shadow {
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5);
}

div.scalable-select-div-container { border: 2px solid #FFCC00;background-color: white;font-weight: bold; overflow-y: auto;z-index: 102;}
div.scalable-select-div-container div.select-div-header { cursor:pointer;border-bottom: solid black 1px;}
div.scalable-select-div-container div.select-div-header div:hover { cursor: pointer; background-color: #eff3df;  }
div.scalable-select-div-container div.select-div-item { cursor:pointer; background-color: white; padding: 0.8% 1.2%;}
div.scalable-select-div-container div.select-div-item .select-div-item-front-div { height: auto; float: left; width: 7%; padding-left: 2%;}
div.scalable-select-div-container div.select-div-item .select-div-item-Hot-Job { height: auto;float: left; width: 7%; background-image: url('../images/common/Animated-Fire-T-small.gif');background-repeat: no-repeat;background-size: contain;background-position: 50% 0%;}
div.scalable-select-div-container div.select-div-item.selected { cursor: pointer; background-color: #fff2c0;  }
div.scalable-select-div-container div.select-div-item:hover { cursor: pointer; background-color: #fff2c0;  }
div.select-div-message { text-align: center;padding-top: 11%;color: black;font-weight: normal;}
div.scalable-dropdown-div-container { /*padding: 0.8% 1.2%;*/ }
div.scalable-dropdown-placeholder {padding: 1%; background-color: white; background-image: url(../images/common/menu-btn.gif); background-repeat: no-repeat; background-position: right center; background-size: contain;}
div.scalable-dropdown-placeholder.disable {padding: 1%; background-color: white; background-image: url(../images/common/menu-btn-opacity-50.gif); background-repeat: no-repeat; background-position: right center; background-size: contain;}
/* cchung: Do not use background-position-x, not supported by firefox */

.license-plate{background-image: url(../images/common/license-plate-footer.gif); background-repeat: no-repeat; background-position: right center; background-size: contain;}

/* rtsang: FOR TESTING ONLY ---->  */ div.scalable-select-div { border: 2px solid #FFCC00;background-color: white; overflow-y: auto;}  div.scalable-select-div div.select-div-header { cursor:pointer; padding: 0.8% 1.2%;border-bottom: solid black 1px;} div.scalable-select-div div.select-div-item { cursor:pointer; background-color: white; padding: 0.8% 1.2%; }

.row 
{
    overflow: hidden;
    clear: both;
}

#progress-items p 
{
    float: left;
    margin-right: 5%;
}

#progress-items .complete {
    color: lime;
}

/***** SELECT DIV ******/
.two-column-select {
    float: left; 
    width: 50%;
}

/******* FRONT ********/   
a.landing-enter {float: left; display: block;width: 196px;height: 36px;background-image:url('../images/common/buttons.gif');background-position: left top;}
a.landing-enter:hover { background-position: left bottom;}

a.landing-viewdemo { float: left;display: block;width: 188px;height: 36px;background-image:url('../images/common/buttons.gif');background-position: right top;}
a.landing-viewdemo:hover { background-position: right bottom;}

/******* Portal ********/   
#portal-title h2 {padding: 0;margin: 2.75% 8.5%;text-align: left; }
#portal-partial .row { margin-bottom: 1.8%;}
#portal-partial .row-button {overflow: hidden;clear: both;padding-bottom: 1.8%;padding-right: 1%;}
#portal-partial input[type=text], #portal-partial input[type=password]  {
    padding: 1% 1.5%;
}

.span-select {
    padding-left: 1%;
    cursor: pointer;
}
.span-select:hover, .span-select.selected 
{
    color: #fdca00 !important;    
}

.gold-arrow {
    background-image: url('../images/common/gold-arrow.gif');
    padding-left: 4%;
    background-size: contain;
    background-repeat: no-repeat;
}

#nav-menu a.nav-button
 {
    font-weight: normal;font-family: britannic_boldbold, arial;
    font-size: 120%;
    color: #00bcff;
    float: right;
    display: block;
    margin-left: 3%;
}

/*TESTING*/
#test-menu a.nav-button
 {
    font-weight: normal;font-family: britannic_boldbold, arial;
    font-size: 120%;
    color: #00bcff;
    float: right;
    display: block;
    margin-left: 3%;
}

/*PORTALNAV*/
.stepOneHover {background-image: url('../images/portalNav/step1-hover.jpg')!important ;}
.stepTwoHover {background-image: url('../images/portalNav/step2-hover.jpg')!important ;}
.stepThreeHover {background-image: url('../images/portalNav/step3-hover.jpg')!important ;}

.titleLogoTempCenter{left: 0%!important ;top: 0%!important ;width: 42%!important ;left: 27%!important ;top: 6.5%!important ;}
.buttonNavAlign{ top: 22%!important;}

/*STEP1*/
#step1-status-bar div.status-bar-item 
{
    font-weight: normal;font-family: britannic_boldbold, arial;
    font-size: 120%;
    color: #33ccff;
    float: left;
    display: block; 
    margin: 1% 0.8% 0%;
    opacity: 0.4;
    padding-right: 3%;
    background-image: url('../images/common/blue-nav-arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

#step1-status-bar div.status-bar-item.progressed {
    opacity: 1;
}

.answer-text 
{
    font-weight: normal;font-family: britannic_boldbold, arial;
    color: #3cf;
    float: left;
    width: 25%;
    text-align: center;
}

.question-bar-text {
    color: #3cf;
    float: left;
    width: 12.5%;
    text-align: center;
}

div.select-button-container {
    margin: -4% 10% !Important;
}
div.previous-button {
    background-image: url('../images/common/g-previous-01.png');
    /*box-shadow: 3px 3px 4px #000;*/
    background-size: 100% 100%;
    height: 80%;
    width: 9%;
    top:2%;float:left;box-shadow: none;
}
div.next-button {
    background-image: url('../images/common/g-next-01.png');
    /*box-shadow: 3px 3px 4px #000;*/
    background-size: 100% 100%;
    height: 80%;
    width: 9%;
    top:2%;float:right;box-shadow: none;
}
div.select-button {
    background-image: url('../images/common/select.png');
    /*box-shadow: 3px 3px 4px #000;*/
    box-shadow: none;
    background-size: 100% 100%;
    height: 95%;
    width: 33.5%;
    margin:0 auto !important;  
}

div.blue-arrow-nav {
    background-image: url('../images/common/blue-nav-arrow.png');
    height: 15px;
    width: 15px;
    float: right;
}

div.select-part-preview-image img {
    width: 100%;
}

.step1-questions{font-family: 'Regalese Heavy'!important;}
.step1-questions-header{font-family:'Britannic Bold'}

.fontBritannicBold{font-family:'Britannic Bold'}
.fontBritannic{font-family:'Britannic'}
.fontSize85{font-size: 85%}
.fontSize100 { font-size: 100%;}
.fontSize115{font-size: 115%}
.fontSize130{font-size: 130%}
.fontSize145{font-size: 145%}

.pulsebutton-parent {    
    background-image: url('../images/common/question-tracker-next.png');background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.pulsebuttonWithoutBorder-parent
{
    background-image: url('../images/common/question-tracker-off.png');background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
 }
 
 #question-bar img.question-bar-tracker.selected {
     background: #fc0;
     border-radius: 999px;
 }
 
 #question-bar img.question-bar-tracker {
     width: 60%; margin: 0 auto;
 }

.pulsebutton {
/*padding: 10px 10px;margin-right: 10px;margin-bottom: 5px;display: inline-block;color: #421f00;background-color:#e6a560;background: -moz-linear-gradient(
top,#e6a560 0%,#ca6609);background: -o-linear-gradient(top,#e6a560 0%,#ca6609);*/
/*border-radius:20px;
background: -webkit-gradient(
linear, left top, left bottom, 
from(#fdca00),
to(#fdca00));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdca00', endColorstr='#fdca00');
opacity:0.7;*/
-webkit-animation-name: buttonPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}

/*STEP2*/
.education-no-hs { background-image: url('../images/common/g_cap1.png');background-repeat: no-repeat;padding-left: 7%;background-size: contain;}
.education-hs    { background-image: url('../images/common/g_cap2_h.png');background-repeat: no-repeat;padding-left: 7%;background-size: contain;}
.education-1yr   { background-image: url('../images/common/g_cap2_1.png');background-repeat: no-repeat;padding-left: 7%;background-size: contain;}
.education-2yr   { background-image: url('../images/common/g_cap2_2.png');background-repeat: no-repeat;padding-left: 7%;background-size: contain;}
.education-4yr   { background-image: url('../images/common/g_cap2_4.png');background-repeat: no-repeat;padding-left: 7%;background-size: contain;}
.education-5yr   { background-image: url('../images/common/g_cap2_5.png');background-repeat: no-repeat;padding-left: 7%;background-size: contain;}
.hot-job         { background-image: url('../images/common/Animated-Fire-T-small.gif');background-repeat: no-repeat;padding-right: 7%;background-size: contain;background-origin: 100%;}
.hot-job-title   { background-image: url('../images/common/Animated-Fire-T-small.gif');background-repeat: no-repeat;background-size: contain;}
.searchIcon   { background-image: url('../images/common/magnify.png');background-repeat: no-repeat;background-size: contain;}

.search.span-select {
    color: lime;
}

.text-search { display: none;}

#career-search-popup #career-search-select.scalable-select-div-container { background-color: #06c; border: none;}  
#career-search-popup #career-search-select.scalable-select-div-container div.select-div-item { background-color: #06c;border-bottom: dotted 1px gray;}
#career-search-popup #career-search-select.scalable-select-div-container div.select-div-item:hover { cursor:pointer; background-color: #008cf2;}
#career-search-popup #career-search-select.scalable-select-div-container div.select-div-item.selected { cursor:pointer; background-color: #008cf2;}

span.career-sort {background-color: #004cbf; float: right;padding: 0.5% 2%;margin: 0% 1%;color: #FC0;}
span.career-sort:hover {cursor: pointer;}
div.row p.step2-help {
    float: left; font-size: 90%; width: 43%;
}

#step2-careers-partial div .row.scalable-select-div-container { background-color: #004cbf; border: none;}  
#step2-careers-partial div .row.scalable-select-div-container div.select-div-item { cursor:pointer; background-color: #004cbf; padding: 0.8% 1.2%;border-bottom: dotted 1px gray;}
#step2-careers-partial div .row.scalable-select-div-container div.select-div-item.match2 { background-color: #039;}
#step2-careers-partial div .row.scalable-select-div-container div.select-div-item:hover { cursor:pointer; background-color: #008cf2;}
#step2-careers-partial div .row.scalable-select-div-container div.select-div-item.selected { cursor: pointer; background-color: #008cf2;  }

#destinations-select.row.scalable-select-div-container { background-color: #0073bf;border: none;font-weight: normal; }  
#destinations-select.row.scalable-select-div-container div.select-div-item { cursor:pointer; background-color: #0073bf; padding: 0.8% 1.2%; padding-left: 8%; background-position: 0% 40%;border-bottom: dotted 1px gray;}
#destinations-select.row.scalable-select-div-container div.select-div-item:hover { cursor:pointer; background-color: #007fcc;}
#destinations-select.row.scalable-select-div-container div.select-div-item.selected { cursor: pointer; background-color: #007fcc;  }

/*STEP3*/
#step3-destinations-partial div .row.scalable-select-div-container { background-color: #09c; border: none;font-weight: normal;}  
#step3-destinations-partial div .row.scalable-select-div-container div.select-div-item { cursor:pointer; background-color: #09c; padding: 0.8% 1.2%; padding-left: 14%;border-bottom: dotted 1px gray;background-size: 14%;}
#step3-destinations-partial div .row.scalable-select-div-container div.select-div-item:hover { cursor:pointer; background-color: #007fcc;}
#step3-destinations-partial div .row.scalable-select-div-container div.select-div-item.selected { cursor: pointer; background-color: #007fcc;}

.license-icon {background-image: url('../images/common/license.png'); background-size: 8%; background-repeat: no-repeat;}
.crossed-license-icon {background-image: url('../images/common/license-cross-out.png'); background-size: 8%; background-repeat: no-repeat;}

.step3-answer-text {
    font-weight: normal;font-family: britannic_boldbold, arial;
    color: lime;
    float: left;
    width: 80%;
    text-align: left;
}

#questions-radio .row:hover{ cursor: pointer;}

.trivial-header{color:lime!important;text-align:left!important;}
.trivia-answered { margin-top: 25%;text-shadow: 2px 2px black;color: #33c9ff;}

input[type='button'].button-purple {background-color: #339;color: white; padding: 1.2% 1.6%; border-radius: 15px;border: solid 2.25px transparent;font-family: 'arial', 'sans-serif';font-weight: bold;}
input[type='button'].button-purple:hover {cursor: pointer; border: solid 2.25px black;}
input[type='button'].button-purple:disabled:hover {border: solid 2.25px transparent;}

input[type='button'].button-green {background-color: #090;color: white; padding: 1.2% 1.6%; border-radius: 15px;border: solid 2.25px transparent;font-family: 'arial', 'sans-serif';font-weight: bold;}
input[type='button'].button-green:hover {cursor: pointer; border: solid 2.25px black;}
input[type='button'].button-green:disabled:hover {border: solid 2.25px transparent;}

.popup-white 
{
    position: absolute; 
    z-index: 100;
    background-color: white;
    color: #339;
    font-family: britannic_boldbold, arial;
    font-weight: normal;
}

.popup-white span {
    color: #339;
}

.popup-white .title {
    margin-bottom: 3%;
}

.popup-white .popup-content {
    border: solid 2.25px #161645; 
    background-color: #b8b8c2; 
    border-radius: 13px;
    padding-left: 6%;
    padding-right: 6%;
}

.popup-white .row-button {
    margin-top: 4%;
}

.popup-white div.scalable-select-div-container {
    font-weight: normal;
}

.radial-gradient {
    background: #1cb1ef; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #1cb1ef 0%, #0b1d91 80%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#1cb1ef), color-stop(80%,#0b1d91)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #1cb1ef 0%,#0b1d91 80%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #1cb1ef 0%,#0b1d91 80%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #1cb1ef 0%,#0b1d91 80%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #1cb1ef 0%,#0b1d91 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1cb1ef', endColorstr='#0b1d91',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.popup-subpanel {
    border: 2px solid #fc0;
}

.store-category-item 
{
    cursor: pointer;
    font-weight: normal;font-family: britannic_boldbold, arial;
    font-size: 125%;
    color: #33ccff;
    float: left;
    display: block; 
    margin: 1% 1.05% 0%;
    opacity: 0.4;
}

.store-category-item:hover {
    opacity: 0.65;
}

.store-category-item.selected {
    opacity: 1;
}

.purple-billboard {    background-image: url('../images/billboards/purple-sign-template.png');}
.blue-billboard {   background-image: url('../images/billboards/blue-sign-template.png');}
.red-billboard {    background-image: url('../images/billboards/red-sign-template.png');}
.green-billboard {    background-image: url('../images/billboards/green-sign-template.png');}

input[type='button'].button-light-blue {
    background: #6ee5fe; /* Old browsers */
    background: -moz-linear-gradient(left,  #6ee5fe 0%, #00ccff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6ee5fe), color-stop(100%,#00ccff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #6ee5fe 0%,#00ccff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #6ee5fe 0%,#00ccff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #6ee5fe 0%,#00ccff 100%); /* IE10+ */
    background: linear-gradient(to right,  #6ee5fe 0%,#00ccff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ee5fe', endColorstr='#00ccff',GradientType=1 ); /* IE6-8 */
    color: #069
}

div.billboard-bg {
    background-image: url('../images/billboards/sign-bg.png');
    background-size: 101%;
    background-position: 50% 50%;
}

/*CAREER FAST FACTS*/
.fast-facts.popup-white {
    font-family: 'arial', 'sans-serif';
    font-weight: bold;
}

.fast-facts.popup-white .popup-content {
    font-family: 'arial', 'sans-serif';
    font-weight: bold;
    border-radius: 0px; 
	overflow-y: auto; 
	background-color: #b8b8d8; 
	border: solid 1px black;
}

.fast-facts.popup p {
    font-family: 'arial', 'sans-serif';
    font-weight: bold;
    padding: 0.5%;
}

#fast-facts-div { 
	border-radius: 0px; 
	overflow-y: auto; 
	background-color: #b8b8d8; 
	border: solid 1px black;
}
.ff-title {font-weight:bolder; margin:2% 1%; }
.ff-box { background-color:white; text-align:left; border:1px solid black !important;  min-height:10%; margin:0 1%; padding:2%;overflow: auto;}

/*military button*/
#military-text {
    background:transparent;
    font-weight: bolder;
    font-family: Arial sans-serif;
    font-size:100%;
    border:none;
    position: absolute;
}
#military-img {
    position:absolute;
    width:100%;
    display:none;
}
.military-button {
    width:11%;
    float:right;
    position:relative;
    cursor:pointer;
}

#military-div {
    border-radius: 0px;
    overflow-y: auto;
    background-color: #b8b8d8;
    border: solid 1px black;
}

#military-faq-div {
    border-radius: 0px;
    overflow-y: auto;
    background-color: #b8b8d8;
    border: solid 1px black;
}
.faq-title {
    background-color:white; 
    text-align:left; 
    border:1px solid black !important;  
    margin:3% 1% 1%; 
    padding:1%;
    overflow: auto;
   font-weight: bolder !important;
}

div.ff-box.scalable-select-div-container div.select-div-item:hover { background-color: #dfdfef;}
div.ff-box.scalable-select-div-container div.select-div-item.selected { background-color: #dfdfef;}

.fast-facts.popup-white div.scalable-select-div-container { border: none;overflow-y: auto;}
#related-courses-left .select-div-item:hover { background: none;}
#related-courses-left .select-div-item.selected { background: none;}
#related-courses-right .select-div-item:hover { background: none;}
#related-courses-right .select-div-item.selected { background: none;}

.career-chart-gradient {
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#career-sort-header .column-career-name {
    width: 24.3%;
    padding: 2% 0% 7.6% 3%;
    cursor: pointer;
}

#career-sort-header .column-career-name:hover {
    background-color: #eaeaea;
}

div.column-career-name {
    width: 24%;
    padding-left: 3%;
    vertical-align: bottom;
    float: left;
    background-size: 7%;
    background-position: 1.5% 50%;
    padding-left: 3%;
}

#career-sort-header .column-career {
    border-left: solid 1px black;
    text-align: center;
    width: 10%;
    height: 50%;
    background-size: 80%;
    background-position: 50% 20%;
    background-repeat: no-repeat;
    padding-top: 7%;
    padding-left: 0%;
    float: left;
    cursor: pointer;
}

#career-sort-header .column-career:hover {
    background-color: #eaeaea;
}

div.column-career 
{
    width: 9.5%;
    float: right;
    padding-left: 0.9%;
}

.column-career.education-no-hs, .column-career.education-hs, .column-career.education-1yr, .column-career.education-2yr, .column-career.education-4yr, .column-career.education-5yr 
{ padding-left: 0% !important;background-position: 50%;}

#career-compare-select .select-div-item {
    padding: 0.8% 0%;
    border-bottom: solid 1px black;
    cursor: default;
}

#career-compare-select .select-div-item.row-odd {
    background-color: #c1c1d7;
}

#career-compare-select .select-div-item.row-even {
    background-color: #d4d4e8;
}

#career-compare-select .select-div-item input[type='checkbox'] {
    margin-left: 40%;
}

/*LICENSE*/
.license-gradient {
    background: #996600; /* Old browsers */
    background: -moz-linear-gradient(top,  #996600 0%, #ffffff 17%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996600), color-stop(17%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #996600 0%,#ffffff 17%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #996600 0%,#ffffff 17%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #996600 0%,#ffffff 17%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #996600 0%,#ffffff 17%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#996600', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#related-courses-select .select-div-item {
    background-color: #339;
    cursor: default;
}

.high-score {
    font-weight: normal; font-family: britannic_boldbold, arial; color: #3CF; font-size: 125%;padding-left: 8%;clear: both;
}

.score-rank {
    float: left; width: 19%; text-align: right;
}

.upside-down {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

#print-license-back #license-back {
    overflow-y: hidden !important;
}

#print-license-back img {
    width: 90% !important;
}

#print-license-back #related-courses 
{
    right: 8% !important;
    top: 36% !important;
    height: 30% !important;
    font-size: 75% !important;
}
#print-license-back #related-courses-select .select-div-item {
    color: black;
    background-color: white;
    float: left;
}

#related-courses #related-courses-select-left.scalable-select-div-container div.select-div-item:hover { background: none;}
#related-courses #related-courses-select-left.scalable-select-div-container div.select-div-item.selected { background: none;}
#related-courses #related-courses-select-right.scalable-select-div-container div.select-div-item:hover { background: none;}
#related-courses #related-courses-select-right.scalable-select-div-container div.select-div-item.selected { background: none;}

#typical-day-content a { color: black;}
#typical-day-content a:visited { color: black;}

@-webkit-keyframes buttonPulse { 
0% { opacity: 0 }
25% { opacity: 0.5 }
50% { opacity: 1 }
75% { opacity: 0.5 }
100% { opacity: 0 }
}