﻿ 
  
body {
	 font-family : "Open Sans", Helvetica Neue,Helvetica,Arial,sans-serif !important;
         color:#333;
         /*font-weight:300;*/
     }

header#top {
	            width:100%;
	            background-position: left top;
	            background-repeat: repeat-x;
	            background-image: url('../img/header-background.jpg');
	            background-color: #FFFFFF;
            }
#title {
	        color:#FFF;
	        font:bold 2.4em/26px 'Trebuchet MS',Trebuchet,Arial,sans-serif;
	        letter-spacing:-0.02em;
	        text-shadow:1px 1px 3px #111;
	        background-image: url(../img/recruitalliance-com-logo1.jpg);
	        background-repeat: no-repeat;
	        padding-top: 30px;
	        padding-right: 0;
	        padding-bottom: 45px;
	        padding-left: 0;
	         
	        
       }
#title span {
	color: #FFC806; 
}

#pagetitle {
	background-color:#5D9ADF;
	border-top:4px solid #266DBB;
	border-bottom:1px solid #2A7AD2;
	float:left;
	width:100%;
	background: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(80,146,220)),
	color-stop(0.8, rgb(107,163,226))
	);
	background: -moz-linear-gradient(
	center bottom,
	rgb(80,146,220) 20%,
	rgb(107,163,226) 80%
	);
}


.note
{
    border-left:5px solid #0071AF; line-height:2.5; padding:25px; color:#333; background-color:#f5f5f5; 
    
    }


/********************************/

.f-nav{  /* To fix main menu container */
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
 
#main-menu-container {
    text-align: center; /* Assuming your main layout is centered */
}
#main-menu {
    display: inline-block;
    width: 100%; /* Your menu's width */
    margin-bottom:-10px;
}


/**********Chat support ***************/

  #lhnchatimg {
    margin-top: 130px;
}




/************Nav*******************/

.menu,
.menu ul,
.menu li,
.menu a{
margin:0;
padding:0;
border:none;
outline:none;	 
	 
}

ul.menu{ margin:0px;}
.menu{width:100%;}
/*.menu li:first-child{margin-left:15px; text-align:center;}*/
.menu li > ul li:first-child{margin-left:0px;}
.menu li > ul li:last-child{margin-left:0px;}
.menu li {list-style:none; float:left; display:block;  position:relative; }
.menu li a {
display:block; text-decoration:none;
color:#ffffff;
 font-size:14px;
padding:15px 15px; 
font-weight:600 !important;
text-align:center;
line-height:30px; 
 -moz-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -webkit-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -o-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -ms-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 transition:background 0.4s linear 0s, color 0.3s linear 0s;
}

.menu li:first-child a{border-left:none;}
.menu li:last-child a{border-left:none;}
.menu li:hover {color:#ffc200;background-color:#002032;}
.menu li:hover > a {color:#ffc200;}
.menu li.selected{ background-color:#002032; color:#ffc200;}
.menu li.selected a{background-color:#002032;color:#ffc200;}
.menu li.selected > ul li a{background-color:#002032;color:#ffffff;}
.menu li.selected > ul li:hover a{ background-color:#0071af; color:#ffffff;}
.menu ul{position:absolute; opacity:0; width:230px;background-color:#002032;
-webkit-transition: opacity .25s ease .1s;
   -moz-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
     -o-transition: opacity .25s ease .1s;
        transition: opacity .25s ease .1s;
display:block;
border-radius:0px;
top:56px;
z-index:1;
filter:alpha(opacity=0);
}
.menu li:hover > ul{
opacity:1;
filter:alpha(opacity=100); 
}
.menu ul li{
height:0;
overflow:hidden;
padding:0;
}
.menu ul li a{
padding:10px 15px; 
text-align:left;
line-height:25px; 
color:#181c1f;
}


.menu ul li {
list-style:none; float:left; display:block;  position:relative; 
}

.menu li:hover > ul li{
height:auto;
overflow:hidden;
}
.menu ul li a{
width:230px;
color:#ffffff;
margin:0;
border:none;
padding:10px 10px;
text-align:left;
border-bottom:1px solid #00263c;  
font-weight:normal;
text-transform:none;
}
.menu ul li:hover a{
background-color:transparent;
-moz-background:linear-gradient(#0071af,#0071af);
-webkit-background:linear-gradient(#0071af,#0071af);
    -ms-background:linear-gradient(#0071af,#0071af);
     -o-background:linear-gradient(#0071af,#0071af);
        background:linear-gradient(#0071af,#0071af); 
                    color:#ffffff;margin:0;text-transform:none;
}

.menu ul li:last-child a{border:none;} 
.menu li a.selected{background-color:#002032;color:#ffc200;}
.nav{ background-color:#0071af !important; width:100%; display:block; }


/***************Banner********************/

.bigNum{font-size:48px;color:#999999;}
.midNum{font-size:30px;color:#999999;}


.banner 
{
 background-image: url("../img/newHome/raHomeBg.jpg");
/*background-image:url('../img/newHome/banner.jpg'); */
background-repeat:no-repeat ; 
background-position:top center;
width:100%; 
min-width:100%; 
max-width:100%; 
height:auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;  
     color:#fff;
}

.onbanner
{
width:100%; 
min-width:100%; 
max-width:100%; 
height:400px;     
}


.banner-m 
{
background-image:url('../img/newHome/raHomeBg.jpg'); 
background-repeat:no-repeat ; 
background-position:top center;
width:100%; 
min-width:100%; 
max-width:100%; 
height:auto;
padding-bottom:0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;  
     color:#fff;
}

.transp 
{
    background:rgba(0,51,102,0.7);
    padding-bottom: 30px;
}


.bannerInternal 
{
background-image:url('../img/newHome/raHomeBg.jpg'); 
background-repeat:no-repeat ; 
background-position:center 25%;
width:100%; 
min-width:100%; 
margin-top:130px;
max-width:100%; 
height:200px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;  
     color:#fff;
}
.transpInternal 
{
    background:rgba(0,51,102,0.7);
    height:200px;
}

.bannersmall
{
background-image:url('../img/newHome/raHomeBg.jpg'); 
background-repeat:no-repeat ; 
background-position:center 20%;
width:100%; 
min-width:100%; 
max-width:100%; 
height:150px;
margin-top:130px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;  
     color:#fff;
      -moz-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -webkit-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -o-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -ms-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 transition:background 0.4s linear 0s, color 0.3s linear 0s;
}

.db{ display:block;}

.transpSmall 
{
    background:rgba(0,51,102,0.7);
    height:150px;
}

.f15{ font-size:15px; line-height:26px;}
.f17{ font-size:17px}
.employer{border-right:thin solid #507a96; padding-right:30px; }
.vendor1,.employer1,.employer,.vendor{ margin-top:30px; text-align:center}
.employer h2,.vendor h2{ font-family:Open Sans}
.signup .employer h2,.signup .vendor h2{ font-family:Sans-Serif; font-weight:600;}
.yellowtxt{color:#ffc610;}
a.yellowtxt{color:#ffc610;}
a:hover.yellowtxt{color:#ffc610;}
.bluetxt{color:#0071AF;}
a.bluetxt{color:#0071AF;}
a:hover.bluetxt{color:#0071AF;}
.signup .employer{border-right:0 solid #507a96;}
 .aboutRA{margin-top:50px; text-align:center; line-height:25px; font-weight:600}
 .aboutRA h3{ line-height:30px; margin-bottom:20px}
 .aboutRA p{font-weight:300 !important; font-size:15px;}
.contactRA{margin-top:50px; text-align:left; margin-left:0px;}
.bannersmall .contactRA h1{ font-weight:600;}
.aboutRA span{background-color:#ffc610;padding:1px;}
.black{color:#000 !important}
.pad{ padding:20px 0;}
.content{ margin-left:10px;}
.scheduledemo 
{
background-color: #00ABEC;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	min-width: 100%;
	max-width: 100%; /*height:270px;*/;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff;
	font-family: Open Sans;
	padding-bottom: 25px;
}

.onscheduledemo
{
width:100%; 
min-width:100%; 
max-width:100%; 
height:400px;     
}

.scheduledemoBig 
{
background-image:url('../img/newHome/imgBig.jpg'); 
background-repeat:no-repeat ; 
background-position:top center;
width:100%; 
min-width:100%; 
max-width:100%; 
height:400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover; 
   color:#fff;
    font-family:Open Sans;
}


.logins
{
background-color:#ccc;
background-repeat:no-repeat ; 
background-position:top center;
width:100%; 
min-width:100%; 
max-width:100%; 
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;  
}

.bgccc{ background-color:#ccc; padding:20px 0;}
.bgeee{
	background-color: #EFEFEF;
	padding: 20px 0;
}
.bgffff{ background-color:#fff; padding:20px 30px 20px 20px;}
.box-shadows{ box-shadow:0px 0px 2px #888}
.ht420{ height:430px}
.ht220{ height:240px}
.ht130{ height:130px}
.ht180{ height:180px}
.padding{ padding:20px;}
.pad5{ padding:5px;}
.boxbrdr{border:thin solid #ccc; padding:10px; margin-top:10px}
.boxbrdrCrv{border:thin solid #ccc; padding:10px; margin-top:10px; border-radius:4px; margin-bottom:10px;}
.numBox { border:thin solid #0071AF; background-color:#0071AF; padding:5px 10px; color:#fff; border-radius:4px; font-weight:600; font-size:20px;}
.rtBrdr{ border-right:thin solid #ccc; }    
.rtBrdr-resp{ border-right:thin solid #ccc; }    
.ltBrdr{ border-left:thin solid #ccc; }    
div.threeC{ font-size:25px; }
div.threeC div::first-letter {
    font-size: 60px;
    color: #ccc;
     font-weight:600
}
.center{ width: 920px; margin-left:auto;
          margin-right:auto}
.blueshadowbox{background-color:#3db4f6; color:#fff; padding:15px 10px;}      
.blueshadowbox a{/*border:2px solid #ffffff;*/ padding:5px 10px;  color:#fff; font-weight:600;text-decoration:none; margin-top:15px; }   
.blueshadowbox li a{ padding-left:0px !important}
.blueshadowboxL{/*background-color:#3db4f6;*/ color:#fff; padding:15px 10px;/*box-shadow:-4px 4px 4px #888;*/ margin-bottom:10px;}          
.blueshadowboxR h3,.blueshadowboxL h3{ margin-top:0 !important; margin-bottom:0px;}
.blueshadowboxR div,.blueshadowboxL div{padding:10px; text-align:left;}
.blueshadowboxL div a{border:2px solid #ffffff; padding:5px 10px;  color:#fff; font-weight:600; text-decoration:none;}
.blueshadowboxR{/*background-color:#5fc1f7;*/ color:#fff; padding:15px 10px; /*box-shadow:4px 4px 4px #888;*/margin-bottom:10px;}          
 .blueshadowboxR a{border:2px solid #ffffff; padding:5px 10px;  color:#fff; font-weight:600;text-decoration:none; }         
.loginfields{ margin-top:35px; margin-left:0; padding-bottom:10px}
a.btn-yellow,.btn-yellow {
    color: #FFF;
    background-color: #ffc610;
    border-color: #e2ad03;
    font-weight:600;
}
a:hover.btn-yellow,button:hover.btn-yellow {
    color: #FFF;
    background-color: #ffc610;
    border-color: #e2ad03;
    font-weight:600;
}

figure img{ max-width:100%;}
.articleHori,.articleVert{ font-family:Open Sans}
.articleHori section,.articleVert section{ padding:20px 0 10px 0; font-size:13px; }
.articleVert section h1,
.articleVert section h2,
.articleVert section h3,
.articleVert section h4,
.articleVert section h5{color:#666}

.articles,.articleHori section h1,
.articleHori section h2,
.articleHori section h3,
.articleHori section h4,
.articleHori section h5 {color:#666; margin-top:0 !important}

section strong{color:#333}

.row.articles{ margin-left:0px !important}

footer
{
background-image:url('../img/newHome/raHomeBg.jpg'); 
background-repeat:no-repeat ; 
background-position:top center;
width:100%; 
min-width:100%; 
max-width:100%; 
height:auto;
padding-bottom:0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover; 
   color:#fff;
    font-family:Open Sans;
}

.transpFooter
{
    background:rgba(0,51,102,0.7);
    height:auto;
    
}


.onfooter
{
width:100%; 
min-width:100%; 
max-width:100%; 
height:400px;     
}

.footer{ margin-top:40px;margin-left:0px !important}
.disclaimer{
	background-color: #1A1A1A;
	width: 100%;
	padding: 10px 0;
	color: #969696;
}

.disclaimer a{color:#fff; text-decoration:none}
.disclaimer a:hover{color:#e1b61b;text-decoration:none}
.disclaimer a:active{color:#e1b61b;text-decoration:none}
.disclaimer a i{color:#f5f5f5;text-decoration:none}
.disclaimer a:hover i{color:#fff;text-decoration:none}
.contact div{ line-height:30px;}
.or{background-color:#ccc; padding:10px; border-radius:60px; width:40px; margin-top:95px; margin-left:auto; margin-right:auto;}

a.multibtn{ margin:0 10px;}
a:first-child.multibtn{ margin:0 10px 0 0;}

button.multibtn{ margin:0 10px;}
button:first-child.multibtn{ margin:0 10px 0 0;}

input[type=submit].multibtn{ margin:0 10px;}
input[type=submit]:first-child.multibtn{ margin:0 10px 0 0;}
input[type=reset].multibtn{ margin:0 10px;}
input[type=reset]:first-child.multibtn{ margin:0 10px 0 0;}
input[type=button].multibtn{ margin:0 10px;}
input[type=button]:first-child.multibtn{ margin:0 10px 0 0;}

.circleBg{  background-color:#0071af;padding:28px 20px 20px 20px ; color:#fff;width:100px; height:100px; text-align:center; margin-left:auto; margin-right:auto; border-radius:60%; margin-bottom:20px; line-height:45px; font-size:20px; font-weight:600}
.circleBgGray{  background-color:#f9f9f9; border:thin solid #eee;padding:28px 20px 20px 20px ; color:#fff;width:100px; height:100px; text-align:center; margin-left:auto; margin-right:auto; border-radius:60%; margin-bottom:20px; line-height:45px; }

.circleBlue{  background-color:#0071af;padding:28px 20px 20px 20px ; color:#fff;width:80px; height:80px; text-align:center; margin-left:auto; margin-right:auto; border-radius:60%; margin-bottom:20px;}
.tabsbg{background-color:#0071af; width:100%;}
button{outline:none !important;}
a{outline:none !important;}
.strong{ font-weight:600 !important;}
.mt1{ margin-top:1px !important;}
.mt2{ margin-top:2px !important;}
.mt3{ margin-top:3px !important;}
.mt4{ margin-top:4px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt12{ margin-top:12px !important;}
.mt13{ margin-top:13px !important;}
.mt15{ margin-top:15px !important;}
.mt18{ margin-top:18px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt55{ margin-top:55px !important;}
.mt60{ margin-top:60px !important;}
.mt75{ margin-top:68px !important;}
.mt80{ margin-top:80px !important;}
.mt85{ margin-top:85px !important;}
.mt95{ margin-top:90px !important;}
.mt96{ margin-top:95px !important;}
.mt120{ margin-top:120px !important;}
.mt130{ margin-top:130px !important;}
.mt140{ margin-top:140px !important;}
.mt150{ margin-top:150px !important;}


.mt0{ margin-top:0px;}
.mt-5{ margin-top:-5px;}
.mt-10{ margin-top:-10px;}
.mt-15{ margin-top:-15px;}
.mt-20{ margin-top:-20px;}
.mt-25{ margin-top:-25px;}
.mt-30{ margin-top:-30px;}
.mt-35{ margin-top:-35px;}
.mt-40{ margin-top:-40px !important;}
.mt-45{ margin-top:45px;}
.mt-50{ margin-top:-50px;}
.mt-75{ margin-top:-75px;}

.mL5{ margin-left:5px;}
.mL10{ margin-left:10px;}
.mL15{ margin-left:15px;}
.mL20{ margin-left:20px;}
.mL25{ margin-left:25px;}
.mL30{ margin-left:30px;}
.mL35{ margin-left:35px;}
.mL40{ margin-left:40px !important;}
.mL45{ margin-left:45px;}
.mL50{ margin-left:50px;}
.mL75{ margin-left:75px;}

.mL-10{ margin-left:-10px;}
.mL-15{ margin-left:-15px;}
.mL-25{ margin-left:-25px;}
.mL-30{ margin-left:-30px;}
.mL-35{ margin-left:-35px;}
.mL-40{ margin-left:-40px !important;}
.mL-45{ margin-left:45px;}
.mL-50{ margin-left:-50px;}
.mL-75{ margin-left:-75px;}
.mL-100{ margin-left:-180px;}

.bold{ font-weight:600;}
.unbold{ font-weight:300;}

.div-bordered {
  border: 1px solid #ddd;
  padding:5px;
  text-align:center;
  width:100%;
  margin:10px 0;
  
}

.capitals{ text-transform:uppercase !important}

.pb10{ margin-bottom:10px;}
.pb20{ margin-bottom:20px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.ml0{ margin-left:0px !important;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.mtb30{ margin-top:30px; margin-bottom:30px;}
.fff{ color:#fff !important;}

label.loginpwd{color:#111; font-weight:600 !important}

#txtusernameindex,#txtpasswordindex{height:42px !important; line-height:42px !important; padding:5px 20px !important; line-height:10px !important;}
.breadcrumbs 
{
  width:75%;
    padding: 8px 0px;
    top: 118px;
    list-style: outside none none;
    background: linear-gradient(90deg,rgba(0,0,0,0) 2px,rgba(0,0,0,0.7),rgba(0,0,0,0));
      background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 2px,rgba(0,0,0,0.7),rgba(0,0,0,0));
    font-size:85%;  
     margin-left:0;
   position:absolute;   
    color:#fff;
}

.row p{ line-height:25px;}
.breadcrumbs span.current { font-weight:600}
ul.arrowsBullet{list-style-type:none; }
.arrowsBullet li {line-height:30px; margin-left:0px; font-family:Open Sans !important; font-size:15px; color:#111; font-weight:300 }
ul.arrowsBullet li a{margin-left:0px; padding-left:0 !important }
.arrowsBullet li i{ margin-top:0px;line-height:30px; margin-right:0px;}
ul.nobullet{list-style-type:none; }
.nobullet li {line-height:26px; margin-left:0px; font-family:Open Sans !important; font-size:14px; color:#111; }
.nobullet li i{ margin-top:5px;}
ul.taglist{ list-style-type:disc; }
.taglist li{ line-height:25px; margin-left:-15px; font-family:Open Sans !important; font-size:14px; color:#111}
.taglist li h4 {
    font-weight: 600;
}


ul.arrowUl {    list-style: none;   width:50%; }
 .arrowUl li { margin-left:-35px; padding-left:0; line-height:25px; }
.arrowUl li:before { content: '> '; word-spacing:10px;}
.arrowUl li a{color:#fff; text-decoration:none; }
.arrowUl li a:hover{color:#ffc610;text-decoration:none; }
.arrowUl li:hover{color:#ffc610; }

 ul.tags {    list-style: none; margin-left:0; padding-left:0  }
 .tags li { margin-left:10px; padding-left:0;  padding-bottom:20px;  }
 .tags li h4{ font-weight:600;}
 
/*.tags li.arr-checkmark h4:before { content:  url("../img/arr-bullet.png") ; word-spacing:20px; }*/
 .tags .arr-checkmark
    {
        background:url(../img/arr-bullet-sm.png) no-repeat; background-position:left 4px; 
    }
    
.tags .arr-checkmark div{ margin-left:20px;}    

.raButton{ background:linear-gradient(#0b76b1 50%,#0b76b1 50%);
           background:-webkit-linear-gradient(#0b76b1 50%,#0b76b1 50%); 
           height:40px; padding:5px 20px; border:thin solid #0d78b3;  color:#fff; font-weight:600;}
.raButton:hover{color:#FFC200}

a.raButton 
{
    background-color:#0b76b1;
    background:linear-gradient(#0b76b1 50%,#0b76b1 50%);
            background:-webkit-linear-gradient(#0b76b1 50%,#0b76b1 50%);
             padding:10px 20px; border:thin solid #0d78b3;  color:#fff; font-weight:600;text-decoration:none; outline:none; line-height:20px;}
             
             a.raButton:hover{color:#fff; opacity:0.9}

.raButtonYellow{ background:linear-gradient(#fcc619 50%,#f2bc0f 50%);
                 background:-webkit-linear-gradient(#fcc619 50%,#f2bc0f 50%);
                  height:40px; padding:5px 20px; border:thin solid #f2bc0f;  color:#333; font-weight:600}
                  
                  
a.raButtonYellow{ background:linear-gradient(#fcc619 50%,#fcc619 50%);  
                   background:-webkit-linear-gradient(#fcc619 50%,#fcc619 50%);
                  padding:10px 20px; border:thin solid #f2bc0f;  color:#333; font-weight:600;text-decoration:none; outline:none;height:40px; line-height:20px}
                  
                  
                  .raButtonLiteYellow{ background:linear-gradient(#fada72 50%,#edc957 50%);
                 background:-webkit-linear-gradient(#fada72 50%,#edc957 50%);
                  height:40px; padding:5px 20px; border:thin solid #edc957;  color:#333; font-weight:600}
                  
                  
a.raButtonLiteYellow 
{
     background-color:#fada72;
    background:linear-gradient(#fada72 50%,#fada72 50%);  
                   background:-webkit-linear-gradient(#fada72 50%,#fada72 50%);
                  padding:10px 20px; border:thin solid #edc957;  color:#333; font-weight:600;text-decoration:none; outline:none; height:40px; line-height:20px;}
                  
               a.raButtonLiteYellow:hover{color:#333; opacity:0.9;} 

.raDefaultBtn{ background-color:#fbfcfe; border:thin solid #0071af;height:40px; padding:6px 20px;color:#0071af; font-weight:600}
a.raDefaultBtn{ background-color:#fbfcfe; border:thin solid #0071af; padding:10px 20px;color:#0071af; font-weight:600; text-decoration:none; outline:none;}
a.raYellowBtn{ background-color:#fcc619; background:linear-gradient(#fcc619 50%,#fcc619 50%); border:thin solid #fcc619; padding:10px 20px;color:#333; font-weight:600; text-decoration:none; outline:none;}
a.raYellowBtn:hover{ text-decoration:none; outline:none;}
.raDefaultBtn:hover,a:hover.raDefaultBtn{ color:#FFC200; font-weight:600; text-decoration:none; outline:none; opacity:0.9}
a.raYellowBtn:hover{color:#333; opacity:0.85} 

a.button-xxs,.button-xxs{ width:10%;}
a.button-xs,.button-xs{ width:20%;}
a.button-vvs,.button-vvs{ width:30%;}
a.button-vs,.button-vs{ width:40%;}
a.button-s,.button-s{ width:50%;}
a.button-m,.button-m{ width:60%;}
a.button-xl,.button-xl{ width:70%;}
a.button-xxl,.button-xxl{ width:80%;}
a.button-xxxl,.button-xxxl{ width:90%;}
a.button-full,.button-full{ width:100%;}

.w1{ width:10%;}
.w2{ width:20%;}
.w3{ width:30%;}
.w4{ width:40%;}
.w5{ width:50%;}
.w6{ width:60%;}
.w7{ width:70%;}
.w8{ width:80%;}
.w9{ width:90%;}
.w10{ width:100%;}


form {    margin: 0px 0px 0px !important;}
/*.row { margin: 0 !important; padding: 0 !important; }*/

.centerAlign{ width:70%; margin:0 15%;}

/* Top
---------------------------------------------------------------------*/

a#toptop {
	background-color:#ccc;
	bottom:2px;
	display:block;
	font-size:11px;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	padding:3px 6px;
	position:fixed;
	right:2px;
	color:#666;
	text-decoration:none;
	cursor:pointer;
	
}
a#toptop:hover, a#toptop:focus, a#toptop:active{
	color:#333;
	text-decoration:none;
	
}
/*.strong,strong{font-weight:600 !important;}*/

strong{ font-weight:600 !important}

.articles strong{ font-weight:600}
div.small {
    font-size: 11px;
    padding-bottom: 6px;
    margin-bottom: 12px;
    line-height: 160%;
    color: #7C7C7C;
    border-bottom: 1px solid #F1F1EB;
}

span.post_written {
    line-height: 18px;
    padding: 2px 0px;
}
.fw-normal{ font-weight:300 !important}
.topHr{border-top:thin solid #507A96; width:100%; margin-bottom:15px;}
.transpSection{background:linear-gradient(90deg, rgba(0,0,0,0.5),rgba(0,0,0,0.8),rgba(0,0,0,0.5)); width:100%; padding:0 20px 20px 20px; margin-top:20px}



.fancybox-wrap .fancybox-desktop .fancybox-type-iframe .fancybox-opened{
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 105px !important;
    left: 251px !important;
    opacity: 1 !important;
    overflow: visible !important;
} 
    
    
.fancybox-skin
{
    padding: 0px !important;
width: auto !important;
height: auto  !important;} 

 .disclaimer .footerMenu span{ padding-left:12px !important; }
 
 
 
 .raButtonGreen 
 {
     background-color:#89C402;
	background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	/*height: 40px;*/
	padding:20px 40px;
	border: thin solid #89C402;
	color: #fff;
	font-weight: 600;
	line-height:20px;
	font-size:17px;
}
a.raButtonGreen 
{
    background-color:#89C402;
	background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	padding:20px 40px;
	border: thin solid #99CC00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height:20px;
	outline: none;
	font-size:12px;
}

a:hover.raButtonGreen 
{
    background-color:#99CC00;
	background: linear-gradient(#99CC00 50%,#99CC00 50%);
	
}

.raBtnGreenTop
{
     background-color:#89C402;
    background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	padding:10px 20px;
	border: thin solid #99CC00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height:20px;
	outline: none;
	font-size:14px;
	
	}

.raBtnGreen 
{
     background-color:#89C402;
	background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	padding:10px 20px;
	border: thin solid #99CC00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height:20px;
	outline: none;
	font-size:14px;
}
a.raBtnGreen 
{
     background-color:#89C402;
	background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	padding:10px 20px;
	border: thin solid #99CC00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height:20px;
	outline: none;
	font-size:14px;
}






a:hover.raBtnGreen 
{
     background-color:#99CC00;
	background: linear-gradient(#99CC00 50%,#99CC00 50%);
	background: -webkit-linear-gradient(#99CC00 50%,#99CC00 50%);
}

.raBtnGreen:hover 
{
     background-color:#99CC00;
	background: linear-gradient(#99CC00 50%,#99CC00 50%);
	background: -webkit-linear-gradient(#99CC00 50%,#99CC00 50%);
}



.raBtnGreen-sm 
{
    background-color:#89C402;
	background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	padding:8px 20px;
	border: thin solid #99CC00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height:16px;
	outline: none;
	font-size:14px;
}
a.raBtnGreen-sm 
{
     background-color:#89C402;
	background: linear-gradient(#89C402 50%,#89C402 50%);
	background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
	padding:8px 20px;
	border: thin solid #99CC00;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height:16px;
	outline: none;
	font-size:14px;
}






a:hover.raBtnGreen-sm 
{
     background-color:#99CC00;
	background: linear-gradient(#99CC00 50%,#99CC00 50%);
	background: -webkit-linear-gradient(#99CC00 50%,#99CC00 50%);
}

.raBtnGreen-sm:hover 
{
     background-color:#99CC00;
	background: linear-gradient(#99CC00 50%,#99CC00 50%);
	background: -webkit-linear-gradient(#99CC00 50%,#99CC00 50%);
}



a.raBtnGreenTop:hover{color:#fff; opacity:0.80; text-decoration:none;}

 
 
 .text-right-resp{ text-align:right !important}
 

@media screen and (max-width:2700px)
{
    div#clickMenu{ display:none; margin-top:5px; color:#fff; cursor:pointer} 
div:hover #clickMenu{ display:none; margin-top:5px; color:#f5f5f5;cursor:pointer} 
.wrappers{ width:1366px; margin:0 auto}
.centerAlign{ width:70%; margin:0 15%;}

 .container {
    margin: 0 auto !important;
    max-width: 1170px !important;
    width: 100% !important;
}

.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}
a.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}

.banner {
    background-image: url("../img/newHome/raHomeBg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom:30px;
    background-size: cover;
    color: #FFF;
}
#txtusernameindex{ width:300px}
#txtpasswordindex{width:295px}

.ht450{ height:400px;}




.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:left top !important; width:100%}

.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:left top !important; width:100%}

.text-right-resp{ text-align:right !important}
.rtBrdr-resp{ border-right:thin solid #fff; }    

.social-sep{border-right:thin solid #ddd !important; height:350px;}
.social-sep:last-child{border-right:0 solid #ddd !important;}
.fmenu-align{ text-align:right !important;}
 .social{text-align:center !important; margin:0px 0;} 

    }
    
    @media screen and (max-width:1366px)
{
    div#clickMenu{ display:none; margin-top:5px; color:#fff; cursor:pointer} 
div:hover #clickMenu{ display:none; margin-top:5px; color:#f5f5f5;cursor:pointer} 
.centerAlign{ width:70%; margin:0 15%;}
.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}
a.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}

.ht400{ height:350px}

.banner {
    background-image: url("../img/newHome/raHomeBg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom:30px;
    background-size: cover;
    color: #FFF;
}
.align3c{width:630px; height:500px; margin-left:0px}
.wrappers{ width:80% !important; margin:0 10% !important;}
.btnAlign1{ margin-top:20px;}
.btnAlign2{ margin-top:20px;}
 .container {
    margin: 0 auto !important;
    max-width: 1170px !important;
    width: 100% !important;
}
#txtusernameindex{ width:300px}
#txtpasswordindex{width:295px}

.ht450{ height:400px;}
.social-sep{border-right:thin solid #ddd; height:350px;}
.social-sep:last-child{border-right:0 solid #ddd;}

.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}

.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}
.text-right-resp{ text-align:right !important}

.rtBrdr-resp{ border-right:thin solid #fff; } 
.fmenu-align{ text-align:right !important;}
 .social{text-align:center !important; margin:0 0;}    

    }
    
   @media screen and (max-width:1280px)

 {
    div#clickMenu { display:none; margin-top:5px; color:#fff; cursor:pointer} 
div:hover #clickMenu{ display:none; margin-top:5px; color:#f5f5f5;cursor:pointer} 

.banner {
    background-image: url("../img/newHome/raHomeBg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
   height: auto;
    padding-bottom:30px;
    background-size: cover;
    color: #FFF;
}
.ht400{ height:350px}

.wrappers{ width:80% !important; margin:0 10% !important}
.centerAlign{ width:70%; margin:0 15%;}
.btnAlign1{ margin-top:20px;}
.btnAlign2{ margin-top:20px;}

 .container {
    margin: 0 auto !important;
    max-width: 1170px !important;
    width: 100% !important;
}

.social-sep{border-right:thin solid #ddd; height:350px;}
.social-sep:last-child{border-right:0 solid #ddd;}
#txtusernameindex{ width:300px}
#txtpasswordindex{width:295px}
.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}
a.raButtonGreen {
	padding:20px 40px;
	font-size:17px;
}
.ht450{ height:400px;}

.align3c{width:580px; height:500px; margin-left:10px}
.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}

.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}
.text-right-resp{ text-align:right !important}

.rtBrdr-resp{ border-right:thin solid #fff; }    

.fmenu-align{ text-align:right !important;}
 .social{text-align:center !important; margin:0 0;} 

    }
    
    
    
    @media screen and (max-width:1024px)
{
    div#clickMenu{ display:none; margin-top:5px; color:#fff; cursor:pointer} 
div:hover #clickMenu{ display:none; margin-top:5px; color:#f5f5f5;cursor:pointer} 

.banner {
    background-image: url("../img/newHome/raHomeBg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    background-size: cover;
    color: #FFF;
    padding-bottom:30px;
}
.rtBrdr-resp{ border-right:thin solid #fff; }    
.wrappers{ width:100% !important; margin:0 0 !important}
.btnAlign1{ margin-top:40px;}
/*.btnAlign2 {
    margin-top: 80px;
}*/

 .container {
    margin: 0 auto !important;
    max-width: 970px !important;
    width: 100% !important;
}

.ht400{ height:400px}

.social-sep{border-right:thin solid #ddd; height:390px;}
.social-sep:last-child{border-right:0 solid #ddd;}

#txtusernameindex{ width:250px}
#txtpasswordindex{width:250px}

.ht450{ height:450px;}

.align3c{width:400px; height:600px; margin-left:10px}
.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}
a.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}
.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}

.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}
.text-right-resp{ text-align:right !important}

.fmenu-align{ text-align:right !important;}
 .social{text-align:center !important; margin:0 0;} 

    }

@media screen and (max-width:768px)
{
    

 ul.arrowUl {
    list-style: outside none none;
    width: 100%;
}   
.or {
    background-color: #CCC;
    padding: 10px;
    border-radius: 60px;
    width: 40px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
} 

a.multibtn:first-child,a.multibtn:last-child {
    margin: 0px 10px 20px 0px;
}
a.multibtn {
    margin: 20px 10px;
}
#txtusernameindex{ width:300px}
#txtpasswordindex{width:295px}

h1,h2,h3,h4,h5 {
        line-height:35px
}  

.fmenu-align{ text-align:center !important;}
 .social{text-align:left !important; margin:10px 0;} 
.employer{border-right:0 solid #507a96; border-bottom:thin solid #507a96; padding-bottom:40px;}

li h5{ line-height:20px; font-size:14px}
.social-sep{border-right:thin solid #ddd; height:330px; margin-top:10px; }
.social-sep:last-child{border-right:0 solid #ddd;}

    
.banner {height: auto; padding-bottom:30px;}
.banner-m 
{
 
height:auto;
   
}    
.logins 
{
  /*  background-image: url("../img/newHome/login-section-xs.jpg");*/
  /*background-image:url('../img/newHome/login-section.jpg'); */
/* background-color:#ffc610;*/
background-repeat: no-repeat;
background-position: center 80%;
width: 100%;
min-width: 100%;
max-width: 100%;
background-size: cover;
    
    }
    .ht450{ height:auto;}
.scheduledemoBig {height: 410px;}
.w1{ width:10%;}
.w2{ width:20%;}
.w3{ width:25%;}
.w4{ width:60%;}
.w5{ width:50%;}
.w6{ width:60%;}
.w7{ width:70%;}
.w8{ width:80%;}
.w9{ width:90%;}
.w10{ width:100%;} 

footer{height:420px;}  

.articleHori{ margin-left:-15px;}
.wrappers{ width:100% !important; margin:0 0 !important}
.centerAlign{ width:70%; margin:0 15%;}


.container {
    margin: 0 0 !important;
    max-width: 768px !important;
    width: 100% !important;
}

.align3c{width:100%; height:auto; margin-left:30px}
.raButtonGreen {
	
	padding:20px 40px;
	font-size:17px;
}
a.raButtonGreen {
	
	padding:20px 20px;
	font-size:17px;
}

.rtBrdr-resp{ border-right:thin solid #fff; }    
.text-right-resp{ text-align:left !important}
.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:right top !important; width:100%}
.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:70% top !important; width:100%}
    
}



@media screen and (max-width:360px)
{
    
.banner { margin-top:32px;}    
    nav{ margin-top:30px;}

    
.menu,
.menu ul,
.menu li,
.menu a{
margin:0;
padding:0;
border:none;
outline:none;	 
}

#txtusernameindex{ width:300px}
#txtpasswordindex{width:295px}

ul.menu{ margin:19px -40px 0 -15px; }

.menu{
width:360px; display:none;background-color:#0071af;
}
.menu li:first-child{margin-left:0px; text-align:center;}
.menu li > ul li:first-child{margin-left:0px;}
.menu li > ul li:last-child{margin-left:0px;}
.menu li {list-style:none; float:none; display:block;  position:relative; }
.menu li a {
display:block; text-decoration:none;
color:#ffffff;
 font-size:14px;
padding:10px 15px; 
font-weight:600;
text-align:center;
line-height:25px; 
 -moz-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -webkit-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -o-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -ms-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 transition:background 0.4s linear 0s, color 0.3s linear 0s;
}

.menu li:first-child a{border-left:none;}
.menu li:last-child a{border-left:none;}
.menu li:hover {color:#ffc200;background-color:#002032;}
.menu li:hover > a {color:#ffc200;}
.menu li.selected{ background-color:#002032; color:#ffc200;}
.menu li.selected a{background-color:#002032;color:#ffc200;}
.menu li.selected > ul li a{background-color:#002032;color:#ffffff;}
.menu li.selected > ul li:hover a{ background-color:#0071af; color:#ffffff;}
.menu ul{position:absolute; opacity:0; width:360px;background-color:#002032;
-webkit-transition: opacity .25s ease .1s;
   -moz-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
     -o-transition: opacity .25s ease .1s;
        transition: opacity .25s ease .1s;
display:block;
border-radius:0px;
top:40px;
z-index:1;
filter:alpha(opacity=0);
}
.menu li:hover > ul{
opacity:1;
filter:alpha(opacity=100); 
}
.menu ul li{
height:0;
overflow:hidden;
padding:0;
}
.menu ul li a{
padding:10px 15px; 
text-align:center;
line-height:25px; 
color:#fff;
}

.menu ul li {
list-style:none; float:left; display:block;  position:relative; 
}
 
.menu li:hover > ul li{
height:auto;
overflow:hidden;
}
.menu ul li a{
width:360px;
color:#ffffff;
margin:0;
border:none;
padding:10px 10px;
text-align:center;
border-bottom:1px solid #00263c;  
font-weight:normal;
text-transform:none;
}
.menu ul li:hover a{
background-color:transparent;
-moz-background:linear-gradient(#0071af,#0071af);
-webkit-background:linear-gradient(#0071af,#0071af);
    -ms-background:linear-gradient(#0071af,#0071af);
     -o-background:linear-gradient(#0071af,#0071af);
        background:linear-gradient(#0071af,#0071af); 
                    color:#ffffff;margin:0;text-transform:none;
}

.menu ul li:last-child a{
border:none;
}

 ul.arrowUl {
    list-style: outside none none;
    width: 100%;
}   
.or {
    background-color: #CCC;
    padding: 10px;
    border-radius: 60px;
    width: 40px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
} 




a.multibtn:first-child,a.multibtn:last-child {
    margin: 0px 10px 20px 0px;
}
a.multibtn {
    margin: 20px 10px;
}

input[type=submit].multibtn{ margin:10px;}
input[type=submit]:first-child.multibtn{ margin:10px;}
input[type=reset].multibtn{ margin:0 10px;}
input[type=reset]:first-child.multibtn{ margin:10px;}
input[type=button].multibtn{ margin:10px;}
input[type=button]:first-child.multibtn{ margin:10px;}


h1,h2,h3,h4,h5 {
    font-size:130%;
    line-height:25px
}    
.employer{border-right:0 solid #507a96; border-bottom:thin solid #507a96; padding-bottom:40px;}
  .signup .employer{border-right:0 solid #507a96;border-bottom:0 solid #507a96; padding-bottom:0px !important;}    
.banner {height: auto; padding-bottom:20px;}  
.banner-m 
{
 
height:auto;
   
}  
.logins 
{
    /*background-image: url("../img/newHome/login-section-xs.jpg");*/
    /*background-image:url('../img/newHome/login-section.jpg'); */
 /*background-color:#ffc610;*/
background-repeat: no-repeat;
background-position: center bottom;
width: 100%;
min-width: 100%;
max-width: 100%;
background-size: cover;

}

.scheduledemoBig {height: auto;}
.disclaimer .footerMenu span{display:block !important; padding-bottom:5px;}
.disclaimer span{ display:inline}
    .disclaimer span.yellowtxt{ display:inline}
    .disclaimer { font-size:13px;}
footer{height:420px;}    
.footerMenu{ margin:20px -10px;}
     .social{ margin:20px -10px;} 
     .disclaimer .social span a i{ padding:5px;}
     
     .social i:hover{ background-color:#000}

a.button-xxs,.button-xxs{ width:20%;}
a.button-xs,.button-xs{ width:40%;}
a.button-vvs,.button-vvs{ width:60%;}
a.button-vs,.button-vs{ width:80%;}
a.button-s,.button-s{ width:100%;}
a.button-m,.button-m{ width:100%;}
a.button-xl,.button-xl{ width:100%;}
a.button-xxl,.button-xxl{ width:100%;}
a.button-xxxl,.button-xxxl{ width:100%;}
a.button-full,.button-full{ width:100%;}     
     
.w1{ width:10%;}
.w2{ width:20%;}
.w3{ width:60%;}
.w4{ width:40%;}
.w5{ width:50%;}
.w6{ width:60%;}
.w7{ width:70%;}
.w8{ width:80%;}
.w9{ width:90%;}
.w10{ width:100%;}     

.wrappers{ width:100% !important; margin:0 0 !important}
 header#top {height:156px;}  
.centerAlign{ width:90%; margin:0 5%;}
    .bannersmall {
    margin-top:180px;
} 
.banner-m {margin-top:130px}

.bannerInternal { height:250px; margin-top:180px;}
.transpInternal 
{
    background:rgba(0,51,102,0.7);
    height:250px;
}

li h5{ line-height:20px; font-size:14px}
.social-sep{border-bottom:thin solid #ddd; height:320px; margin-top:10px; text-align:center }
.social-sep:last-child{border-bottom:0 solid #ddd;}
.social-sep a.raBtnGreen {
   text-align:center
}


.container {
    margin: 0 0 !important;
    max-width: 360px !important;
    width: 100% !important;
}
 .ht450{ height:auto;}
.pull-right{ float:none !important;}
div#clickMenu{ display:block; margin-top:5px; color:#fff; cursor:pointer; margin-left:10px;  } 
div:hover #clickMenu{ display:block; margin-top:5px; color:#f5f5f5;cursor:pointer;margin-left:10px;  } 
.breadcrumbs {
    width: 95%;
}

.align3c{width:100%; height:auto; margin-left:0px}
.raButtonGreen {
	padding:20px 15px;
	font-size:11px;
}
a.raButtonGreen {
	
	padding:20px 15px;
	font-size:11px;
}
.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:60% top !important; width:100%; }

.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:80% top !important; width:100%}

.raButtonLiteYellow,.raButtonYellow{ display:block; margin-top:5px; line-height:20px;}
.raButton,.raBtnGreen{display:block; margin-top:15px; line-height:20px;}
.text-right-resp{ text-align:left !important}
.rtBrdr-resp{ border-right:0 solid #ccc; border-bottom:thin solid #fff;  }  
.f-nav{ 
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
}
#main-menu-container {
    text-align: center; /* Assuming your main layout is centered */
}
#main-menu {
    display: inline-block;
    width: 100%; /* Your menu's width */
    margin-bottom:-40px;
}

.fmenu-align{ text-align:left !important;}
.social{text-align:left !important; margin:10px 0;} 
}

@media screen and (max-width:320px)
{
    .disclaimer .footerMenu span{display:block !important}

    .disclaimer span{ display:inline}
    .disclaimer span.yellowtxt{ display:inline}
    .disclaimer { font-size:13px;}
    .footerMenu{ margin:20px -10px;}
    .social{ margin:20px -10px;}
    
 ul.arrowUl {
    list-style: outside none none;
    width: 100%;
}   
.or {
    background-color: #CCC;
    padding: 10px;
    border-radius: 60px;
    width: 40px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
}    
  .text-right-resp{ text-align:left !important}  
  a.multibtn:first-child,a.multibtn:last-child {
    margin: 10px 20px 20px 0px;
}

#txtusernameindex{ width:300px}
#txtpasswordindex{width:295px}

a.multibtn {
    margin: 20px 10px;
}  
h1,h2,h3,h4,h5 {
    font-size:130%;
    line-height:25px
}    
.employer{border-right:0 solid #507a96; border-bottom:thin solid #507a96; padding-bottom:40px;}
  .signup .employer{border-right:0 solid #507a96;border-bottom:0 solid #507a96; padding-bottom:0px !important;}  
.banner {height: auto; padding-bottom:20px;}  
.banner-m 
{
 
 height: auto;
 padding-bottom:30px;
   
} 
.raButtonLiteYellow,.raButtonYellow{ display:block; margin-top:5px; line-height:20px;}

.raButton,.raBtnGreen{display:block; margin-top:15px; line-height:20px;}

.f-nav{  /* To fix main menu container */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
}
#main-menu-container {
    text-align: center; /* Assuming your main layout is centered */
}
#main-menu {
    display: inline-block;
    width: 100%; /* Your menu's width */
    margin-bottom:-40px;
}


.logins 
{
   /* background-image: url("../img/newHome/login-section-xs.jpg");*/
   /*background-image:url('../img/newHome/login-section.jpg'); */
/* background-color:#ffc610;*/
background-repeat: no-repeat;
background-position: center bottom;
width: 100%;
min-width: 100%;
max-width: 100%;
background-size: cover;
    
    /*height: 330px;*/}
.scheduledemoBig {height: auto;}
footer{height:450px;}
    
  header#top {
    height:150px;
}  
    
div#clickMenu{ display:block; margin-top:5px; color:#fff; cursor:pointer;margin-left:10px;} 
div:hover #clickMenu{ display:block; margin-top:5px; color:#f5f5f5;cursor:pointer;margin-left:10px;}     
    
    
    
.menu,
.menu ul,
.menu li,
.menu a{
margin:0;
padding:0;
border:none;
outline:none;	 
	 
}

ul.menu{
 margin:11px -40px 0 -15px; 
}

.menu{
width:320px; display:none;background-color:#0071af;
 
}
.menu li:first-child{margin-left:0px; text-align:center;}
.menu li > ul li:first-child{margin-left:0px;}
.menu li > ul li:last-child{margin-left:0px;}
.menu li {list-style:none; float:none; display:block;  position:relative; }
.menu li a {
display:block; text-decoration:none;
color:#ffffff;
 font-size:14px;
padding:10px 15px; 
font-weight:600;
text-align:center;
line-height:25px; 
 -moz-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -webkit-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -o-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 -ms-transition:background 0.4s linear 0s, color 0.3s linear 0s;
 transition:background 0.4s linear 0s, color 0.3s linear 0s;
}

.menu li:first-child a{border-left:none;}
.menu li:last-child a{border-left:none;}
.menu li:hover {color:#ffc200;background-color:#002032;}
.menu li:hover > a {color:#ffc200;}
.menu li.selected{ background-color:#002032; color:#ffc200;}
.menu li.selected a{background-color:#002032;color:#ffc200;}
.menu li.selected > ul li a{background-color:#002032;color:#ffffff;}
.menu li.selected > ul li:hover a{ background-color:#0071af; color:#ffffff;}
.menu ul{position:absolute; opacity:0; width:320px;background-color:#002032;
-webkit-transition: opacity .25s ease .1s;
   -moz-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
     -o-transition: opacity .25s ease .1s;
        transition: opacity .25s ease .1s;
display:block;
border-radius:0px;
 
top:40px;
 
z-index:1;
filter:alpha(opacity=0);
}
.menu li:hover > ul{
opacity:1;
filter:alpha(opacity=100); 
}
.menu ul li{
height:0;
overflow:hidden;
padding:0;
}
.menu ul li a{
	padding:10px 15px; 
text-align:center;
line-height:25px; 
color:#fff;
}
.menu ul li {
list-style:none; float:left; display:block;  position:relative; 
}

.menu li:hover > ul li{
height:auto;
overflow:hidden;
}
.menu ul li a{
width:320px;
color:#ffffff;
margin:0;
border:none;
padding:10px 10px;
text-align:center;
border-bottom:1px solid #00263c;  
font-weight:normal;
text-transform:none;
}
.menu ul li:hover a{
background-color:transparent;
-moz-background:linear-gradient(#0071af,#0071af);
-webkit-background:linear-gradient(#0071af,#0071af);
    -ms-background:linear-gradient(#0071af,#0071af);
     -o-background:linear-gradient(#0071af,#0071af);
        background:linear-gradient(#0071af,#0071af); 
        color:#ffffff;
        margin:0;
        text-transform:none;
}

.menu ul li:last-child a{
border:none;
}

a.button-xxs,.button-xxs{ width:20%;}
a.button-xs,.button-xs{ width:40%;}
a.button-vvs,.button-vvs{ width:60%;}
a.button-vs,.button-vs{ width:80%;}
a.button-s,.button-s{ width:100%;}
a.button-m,.button-m{ width:100%;}
a.button-xl,.button-xl{ width:100%;}
a.button-xxl,.button-xxl{ width:100%;}
a.button-xxxl,.button-xxxl{ width:100%;}
a.button-full,.button-full{ width:100%;}

input[type=submit].multibtn{ margin:10px;}
input[type=submit]:first-child.multibtn{ margin:10px;}
input[type=reset].multibtn{ margin:0 10px;}
input[type=reset]:first-child.multibtn{ margin:10px;}
input[type=button].multibtn{ margin:10px;}
input[type=button]:first-child.multibtn{ margin:10px;}

 .w1{ width:10%;}
.w2{ width:20%;}
.w3{ width:60%;}
.w4{ width:40%;}
.w5{ width:50%;}
.w6{ width:60%;}
.w7{ width:70%;}
.w8{ width:80%;}
.w9{ width:90%;}
.w10{ width:100%;} 
.wrappers{ width:100% !important; margin:0 0 !important}
.centerAlign{ width:96%; margin:0 2%;}
.bannersmall {
    margin-top:180px;
}

#title {
    color: #FFF;
    font: bold 2.4em/26px "Trebuchet MS",Trebuchet,Arial,sans-serif;
    letter-spacing: -0.02em;
    text-shadow: 1px 1px 3px #111;
    background-image: url("../img/recruitalliance-com-logo.jpg");
    background-repeat: no-repeat;
    padding: 30px 0px 40px 0;
    margin-left:-10px;
}
.container {
    margin: 0 0 !important;
    max-width: 320px !important;
    width: 100% !important;
}

 .ht450{ height:auto;}
 .raButtonGreen {
	padding:20px 15px;
	font-size:9px;
}
a.raButtonGreen {
	padding:20px 15px;
	font-size:9px;
}

.targetimg{  background-image:url(../img/newhome/targetImg.png); height:auto; background-size:cover; background-repeat:no-repeat; background-position:60% top !important; width:100%}
.vendorHandshake{  background-image:url(../img/newhome/vendorHandshake.jpg); height:auto; background-size:cover; background-repeat:no-repeat; background-position:80% top !important; width:100%}
.rtBrdr-resp{ border-right:0 solid #ccc; border-bottom:thin solid #fff;  } 
li h5{ line-height:20px; font-size:13px}
.social-sep{border-bottom:thin solid #ddd; height:330px; margin-top:10px; text-align:center }
.social-sep:last-child{border-bottom:0 solid #ddd;}
.social-sep a.raBtnGreen {
   text-align:center
}

.fmenu-align{ text-align:left !important;}
 .social{text-align:left !important; margin:10px 0;} 
}
