/*-----   Jay CSS   -----*/


/*-----   Colors   
BLUE      #2E3192
YELLOW    #ffda4b
DARK GRAY #161616
LIGHT GRAY #e1e4e8
-----*/

/*-----   Resets   -----*/

img{border: none;}
ul li{list-style-type: disc;}
a{ text-decoration: none; }
a.contact{margin-left: 125px; margin-right: 0;}
p{margin: 10px 0;}
li{ list-style: none; }
h1{ font-size: 20px; line-height: 26px; color:#333333;}
h2{margin-bottom: 0px;}
h2.blue{font-size: 18px; line-height: 24px; color:#2E3192; font-weight: 500; margin-top: 0px;}
h2.gray{color:#333333; font-size: 20px; line-height: 20px; font-weight: 500; margin-bottom: 0; margin-top: 10px;}
.newsletterLarge{font-size: 20px; font-weight: 500;}
.newsletterInput{color: #777777;}
#newsletter p{margin-top: 10px;}
#reseller a{color:#2E3192; font-weight: 500;}
#reseller a:hover{text-decoration: underline;}
#reseller p{margin-top: 10px;}
.red{color: red;}
.blue{color: #2E3192;}


body{
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
background-image: url(../images/bodyTile.gif);
background-repeat: repeat-x;
}

/*-----   Styles   -----*/

#mainWrapper{
margin: 0 auto;
width: 1000px;
height: auto;
background-image: url(../images/pageTile.gif);
background-repeat: repeat-y;
}

/*-----------------------------------------------------------   Header   -----*/
#mainHeader{
position: relative;
float: left;
width: 1000px;
height: 168px;
background-image: url(../images/headerBg.jpg);
background-repeat: no-repeat;
z-index: 9;
}
#headerLogo{
position: relative;
float: left;
width: 430px;
height: 110px;
}
#headerLogin{
position: relative;
float: left;
width: 480px;
height: 56px;
padding: 20px 0 0 90px;
z-index: 10;
}
#headerLogin a{
color: #333333;
font-size: 14px;
font-weight: bold;
}
a.loginButton{
display: block;
width: 35px;
height: 35px;
background-image: url(../images/loginButton.gif);
}
a.loginButton:hover{
background-position: 0 35px;
}

#divLogout a{font-size:12px;font-weight:none;color:#244981;}
#divLogout a:hover{text-decoration: underline;}

.logoutAnchor
{
	font-size:12px;
	font-weight:none;
	color:#244981;
}
.logoutAnchor:hover
{ text-decoration:underline;}

#headerQuestions{
position: relative;
float: left;
width: 540px;
height: 34px;
padding: 0 30px 0 0;
text-align: right;
font-size: 14px;
}
#headerNav{
position: relative;
float: left;
width: 940px;
height: 38px;
margin: 0 0 0 30px;
display: inline;
}
#headerNavLeft{
position: relative;
float: left;
width: 10px;
height: 38px;
background-image: url(../images/headerNavLeft.gif);
background-repeat: no-repeat;
}
#headerNavContent{
position: relative;
float: left;
width: 920px;
height: 38px;
background-image: url(../images/headerNavContent.gif);
}
#headerNavRight{
position: relative;
float: left;
width: 10px;
height: 38px;
background-image: url(../images/headerNavRight.gif);
background-repeat: no-repeat;
}
/*-----------------------------------------------------------   Header Nav   -----*/
#headNav{
margin: 0;
padding: 0;
z-index: 10;
}
#headNav li{
margin: 0 15px 0 0;
padding: 0;
list-style: none;
float: left;
font-size: 17px;
}
#headNav li a{
display: block;
padding: 10px;
color: #2E3192;
text-align: center;
text-decoration: none;
font-weight: bold;
}
#headNav li a:hover{
background: #2E3192;
color: #ffffff;
}
#headNav div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
z-index: 10;
}
#headNav div a{
position: relative;
display: block;
margin: 0;
padding: 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background-image: url(../images/headerNavContent.gif);
color: #2E3192;
font-size: 17px;
font-weight: bold;
}
#headNav div a:hover{
background: #2E3192;
color: #FFF;
}



/*-------------------------------------------------------------   Left & Right Cols   -----*/
.leftCol{
position: relative;
float: left;
width: 642px;
height: auto;
padding-left: 30px;
margin: 0 20px 0 0;
}
.leftCol a:hover{
text-decoration: underline;
}
.rightCol{
position: relative;
float: left;
width: 308px;
height: auto;
}
.bigAction{
position: relative;
float: left;
width: 410px;
height: 70px;
margin: 20px 0 0 150px;
}
.bigAction a{
position: relative;
float: left;
display: block;
width: 410px;
height: 70px;
background-image: url(../images/freeDemoButtonBig.gif);
}
.bigAction a:hover{
background-position: 0 70px;
}




/*-------------------------------------------------------------   Page Banners   -----*/
#aboutBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/aboutBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#careerBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/careersBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#brokerBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
margin-bottom: 30px;
}
#carrierBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
margin-bottom: 30px;
}
#partnersBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/partnersBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#testimonialsBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/testimonialsBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#successBanner{
position: relative;
float: left;
width: 642px;
height: 168px;
background-image: url(../images/successBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#newsBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/newsBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#referralBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/referralBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#productsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/productsBanner.gif);
background-repeat: no-repeat;
}
#movingBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/movingBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#freightBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/freightBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#contactBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/contactBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#demoBanner{
position: relative;
float: left;
width: 642px;
height: 232px;
background-image: url(../images/demoBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
}
#supportBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/supportBanner.jpg);
background-repeat: no-repeat;
}
#downloadsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/downloadsBanner.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
}
#ticketsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/ticketsBanner.gif);
background-repeat: no-repeat;
}
#searchTicketsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/searchTicketsBanner.gif);
background-repeat: no-repeat;
}
#addTicketsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/addTicketsBanner.gif);
background-repeat: no-repeat;
}
#viewTicketsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/viewTicketsBanner.gif);
background-repeat: no-repeat;
}
#editTicketsBanner{
position: relative;
float: left;
width: 642px;
height: 102px;
background-image: url(../images/editTicketBanner.gif);
background-repeat: no-repeat;
}


/*------------------------------------------------------------------------   Home Page   -----*/
#homeSlideshow{
position: relative;
float: left;
width: 642px;
height: 232px;
margin-bottom: 30px;
z-index: 1;
}

#leftColCallouts{
position: relative;
float: left;
width: 642px;
height: 132px;
margin: 20px 0 0 0;
}
#leftColCallouts1{
position: relative;
float: left;
width: 204px;
height: 132px;
margin: 0 18px 0 0;
}
#leftColCallouts1 a{
position: relative;
float: left;
display: block;
width: 204px;
height: 133px;
background-image: url(../images/calloutButton1.gif);
}
#leftColCallouts1 a:hover{
background-position: 0 133px;
}

#leftColCallouts2{
position: relative;
float: left;
width: 198px;
height: 132px;
margin: 0 18px 0 0;
}
#leftColCallouts2 a{
position: relative;
float: left;
display: block;
width: 197px;
height: 133px;
background-image: url(../images/calloutButton2.gif);
}
#leftColCallouts2 a:hover{
background-position: 0 133px;
}

#leftColCallouts3{
position: relative;
float: left;
width: 203px;
height: 132px;
}
#leftColCallouts3 a{
position: relative;
float: left;
display: block;
width: 202px;
height: 133px;
background-image: url(../images/calloutButton3.gif);
}
#leftColCallouts3 a:hover{
background-position: 0 133px;
}



/*------------------------------------------------------------------------   RIGHT COL INCLUDE   -----*/
#demo{
position: relative;
float: left;
width: 259px;
height: 170px;
background-image: url(../images/demoBg.jpg);
background-repeat: no-repeat;
margin: 0 0 20px 0;
padding: 0 0 0 20px;
line-height: 17px;
}
a.demo{
position: relative;
float: left;
display: block;
width: 110px;
height: 40px;
background-image: url(../images/demoButton.gif);
}
a.demo:hover{
background-position: 0 40px;
}
#chat{
position: relative;
float: left;
width: 280px;
height: 154px;
margin: 0 0 20px 0;
text-align: center;
font-size: 14px;
}
#newsletter{
position: relative;
float: left;
width: 280px;
height: auto;
margin: 0 0 20px 0;
color: #333333;
font-size: 16px;
line-height: 22px;
text-align: center;
}
.rightColBoxTop{
position: relative;
float: left;
width: 280px;
height: 15px;
background-image:url(../images/rightColBoxTop.gif);
background-repeat: no-repeat;
margin-bottom: 0;
}
.rightColBoxMiddle{
position: relative;
float: left;
width: 280px;
height: auto;
background-image:url(../images/rightColBoxMiddle.gif);
background-repeat: repeat-y;
}
.rightColBoxBottom{
position: relative;
float: left;
width: 280px;
height: 15px;
background-image:url(../images/rightColBoxBottom.gif);
background-repeat: no-repeat;
}
a.newsletter{
position: relative;
float: right;
display: block;
width: 108px;
height: 40px;
background-image: url(../images/newsletterButton.gif);
margin: -7px 15px 0 0;
}
a.newsletter:hover{
background-position: 0 40px;
}

#reseller{
position: relative;
float: left;
width: 244px;
height: 85px;
background-image: url(../images/reseller.gif);
background-repeat: no-repeat;
margin: 0 0 20px 0;
padding: 0 0 0 55px;
text-align: center;
font-size: 14px;
line-height: 20px;
}

#partners{
position: relative;
float: left;
width: 279px;
height: 224px;
background-image: url(../images/Partners.gif);
background-repeat: no-repeat;
margin: 0;
text-align: center;
padding: 5px 0 0 0;
}
a.partners{
position: relative;
float: left;
display: block;
width: 213px;
height: 40px;
background-image: url(../images/partnersButton.gif);
margin: 0 0 0 37px;
}
a.partners:hover{
background-position: 0 40px;
}



/*------------------------------------------------------------------------   RIGHT COL NEWS INCLUDE   -----*/

#newsletters{
position: relative;
float: left;
width: 280px;
height: auto;
margin: 0 0 20px 0;
line-height: 17px;
}
#whitePapers{
position: relative;
float: left;
width: 280px;
height: auto;
margin: 0 0 20px 0;
line-height: 17px;
}
#pressReleases{
position: relative;
float: left;
width: 280px;
height: auto;
margin: 0 0 20px 0;
line-height: 17px;
}
.newsBoxTop{
position: relative;
float: left;
width: 280px;
height: 15px;
background-image: url(../images/newsBoxA.gif);
background-repeat: no-repeat;
}
.newsBoxMiddle{
position: relative;
float: left;
width: 240px;
height: auto;
padding: 0 20px 0 20px;
background-image: url(../images/newsBoxB.gif);
background-repeat: repeat-y;
}
.newsBoxMiddle ul li{
list-style: none;
margin-left: -40px;
margin-bottom: 10px;
}
.newsBoxMiddle a{
color: #2E3192;
margin: 10px 0;
}
.newsBoxMiddle a:hover{
text-decoration: underline;
color:#333333;
}
.newsBoxBottom{
position: relative;
float: left;
width: 280px;
height: 15px;
background-image: url(../images/newsBoxC.gif);
background-repeat: no-repeat;
}
a.viewAll{
position: relative;
float: left;
display: block;
width: 110px;
height: 40px;
background-image: url(../images/viewAllButton.gif);
margin-bottom: -7px;
}
a.viewAll:hover{
background-position: 0 40px;
}







/*-------------------------------------------------------------------------------   REFERRAL PAGE   -----*/
.referralTable{
position: relative;
float: left;
width: 642px;
height: auto;
}




/*-------------------------------------------------------------------------------   PRODUCTS PAGE   -----*/
.productDiv{
position: relative;
float: left;
width: 642px;
height: auto;
margin-bottom: 40px;
}
.productDivText{
position: relative;
float: left;
width: 424px;
height: auto;
}
.productDiv a{
text-decoration: none;
}
.productDiv a:hover{
text-decoration: underline;
}
.productDiv img{
position: relative;
float: left;
max-width: 198px;
height: 132px;
margin: 0 20px 0 0;
}


/*-------------------------------------------------------------------------------   PRODUCTS PAGE SECONDARY NAV   -----*/
#toggleNav{
position: relative;
float: left;
width: 642px;
height: 47px;
}
#toggleNav a.toggle1  {
width:132px;
height: 47px;
background:url("../images/productNav1.gif") no-repeat;
float:left;
display:inline-block;
}
#toggleNav a.toggle1:hover { 
background-position: 0 -47px;
}
#toggleNav a.toggle2  {
width:159px;
height: 47px;
background:url("../images/productNav2.gif") no-repeat;
float:left;
display:inline-block;
}
#toggleNav a.toggle2:hover { 
background-position: 0 -47px;
}
#toggleNav a.toggle3  {
width:166px;
height: 47px;
background:url("../images/productNav3.gif") no-repeat;
float:left;
display:inline-block;
}
#toggleNav a.toggle3:hover { 
background-position: 0 -47px;
}
#toggleNav a.toggle4  {
width:185px;
height: 47px;
background:url("../images/productNav4.gif") no-repeat;
float:left;
display:inline-block;
}
#toggleNav a.toggle4:hover { 
background-position: 0 -47px;
}
#toggleDivs{
position: relative;
float: left;
width: 642px;
height: auto;
padding: 20px 0 20px 0;
}

.toggleDivNavList{
position: relative;
float: left;
width: 203px;
height: auto;
}
.toggleDivNavListTop{
position: relative;
float: left;
width: 203px;
height: 15px;
background:url("../images/productListBgA.gif") no-repeat;
}
.toggleDivNavListMiddle{
position: relative;
float: left;
width: 183px;
height: auto;
background:url("../images/productListBgB.gif") repeat-y;
padding: 0 0 0 20px;
}
.toggleDivNavListMiddle a{
color: #333333;
font-weight: bold;
display: block;
margin-bottom: -10px;
}
.toggleDivNavListMiddle a:hover, .toggleDivNavListMiddle a:active, .toggleDivNavListMiddle a.active{
text-decoration: underline;
color: #2E3192;
}
.toggleDivNavListBottom{
position: relative;
float: left;
width: 203px;
height: 15px;
background:url("../images/productListBgC.gif") no-repeat;
}

.toggleDivContent{
position: relative;
float: left;
width: 379px;
height: auto;
padding: 0 20px 0 40px;
}
.toggleDivContent ul li{
list-style: circle;
margin-left: -25px;
}
.toggleDivContent a{
margin: 0 10px 0 0;
}

.thumb{
font-style: italic;
font-size: 10px;
}


/*-------------------------------------------------------------------------------   PRODUCTS PAGE   -----*/
p.testimonialsBold{
font-weight: bold;
margin-bottom: 40px;
}



/*-------------------------------------------------------------------------------   NEWS PAGE   -----*/

#feeddiv ul li{
margin-left: -40px;
list-style: none;
margin-bottom: 20px;
}

#feeddiv a{
color: #2E3192;
font-size: 14px;
font-weight: bold;
}

a.newsPage{
color: #2E3192;
font-size: 14px;
font-weight: bold;
}

/*-------------------------------------------------------------------------------   REQUEST DEMO PAGE   -----*/
a#requestDemo  {
width:213px;
height: 40px;
background:url("../images/requestDemoButton.gif") no-repeat;
float:left;
display:inline-block;
margin: 10px 13px 0 0;
}
a#requestDemo:hover { 
background-position: 0 -40px;
}




/*-------------------------------------------------------------------------------   CONTACT PAGE   -----*/


#contactAddresses{
position: relative;
float: left;
width: 300px;
height: auto;
}

#contactInfo{
position: relative;
float: right;
width: 340px;
height: auto;
text-align: right;
}
.addressBox{
position: relative;
float: left;
width: 200px;
height: auto;
}
.addressBox ul{
margin-left: -40px;
*margin-left: 0px;
}
.addressBox ul li{
list-style-type: none;
}
#contactForm{
position: relative;
float: left;
width: 642px;
height: auto;
}

a#contactSend  {
width:110px;
height: 40px;
background:url("../images/contactSendButton.gif") no-repeat;
float:left;
display:inline-block;
margin: 10px 13px 0 0;
}
a#contactSend:hover { 
background-position: 0 -40px;
}




/*-------------------------------------------------------------------------------   CLIENT SUPPORT PAGES   -----*/
#clientAccount, #usefulLinks{
position: relative;
float: left;
width: 280px;
height: auto;
margin: 0 0 20px 0;
line-height: 17px;
}
.accountBoxTop{
position: relative;
float: left;
width: 280px;
height: 15px;
background-image: url(../images/newsBoxA.gif);
background-repeat: no-repeat;
}
.accountBoxMiddle{
position: relative;
float: left;
width: 240px;
height: auto;
padding: 0 20px 0 20px;
background-image: url(../images/newsBoxB.gif);
background-repeat: repeat-y;
}
.accountBoxMiddle a{
color: #2E3192;
display: block;
margin: 10px 0;
}
.accountBoxMiddle a:hover{
text-decoration: underline;
color:#333333;
}
.accountBoxBottom{
position: relative;
float: left;
width: 280px;
height: 15px;
background-image: url(../images/newsBoxC.gif);
background-repeat: no-repeat;
}

a.wikkiButton{
position: relative;
float: left;
display: block;
width: 150px;
height: 165px;
background-image: url(../images/supportNavButtonsA.gif);
margin: 20px 0 0 30px;
}
a.wikkiButton:hover{
background-position: 0 165px;
}

a.downloadButton{
position: relative;
float: left;
display: block;
width: 150px;
height: 165px;
background-image: url(../images/supportNavButtonsB.gif);
margin: 20px 0 0 70px;
}
a.downloadButton:hover{
background-position: 0 165px;
}

a.ticketsButton{
position: relative;
float: left;
display: block;
width: 150px;
height: 165px;
background-image: url(../images/supportNavButtonsC.gif);
margin: 20px 0 0 65px;
}
a.ticketsButton:hover{
background-position: 0 165px;
}

.ticketBack{
position: relative;
float: right;
width: 213px;
height: auto;
margin: 20px 30px 0 0;
}
.ticketBack a{
position: relative;
float: left;
display: block;
width: 213px;
height: 40px;
background-image: url(../images/ticketsBackButton.gif);
}
.ticketBack a:hover{
background-position: 0 40px;
}


.ticketWrapper{
position: relative;
float: left;
width: 940px;
height: auto;
padding: 0 0 0 60px;
}
.tableWrapper a{
font-size: 12px;
}


/*-------------------------------------------------------------   Footer   -----*/
#foot{
width: 100%;
height: 300px;
background-image: url(../images/footerTile.gif);
background-repeat: repeat-x;
}
#footer{
margin: 0 auto;
width: 1000px;
height: auto;
background-image: url(../images/footerBg.jpg);
background-repeat: no-repeat;
}
#socialTruck{
position: relative;
float: left;
width: 210px;
height: 98px;
padding: 70px 0 0 140px;
background-image: url(../images/socialTruck.jpg);
background-repeat: no-repeat;
}
a.facebook  {
width:34px;
height: 50px;
background:url("../images/social1.png") no-repeat;
float:left;
display:inline-block;
margin-right: 13px;
}
a.facebook:hover { 
background-position: 0 -50px;
}
a.twitter  {
width:34px;
height: 50px;
background:url("../images/social2.png") no-repeat;
float:left;
display:inline-block;
margin-right: 13px;
}
a.twitter:hover { 
background-position: 0 -50px;
}
a.blogger  {
width:35px;
height: 50px;
background:url("../images/social3.png") no-repeat;
float:left;
display:inline-block;
margin-right: 13px;
}
a.blogger:hover { 
background-position: 0 -50px;
}
a.linkedin  {
width:33px;
height: 50px;
background:url("../images/social4.png") no-repeat;
float:left;
display:inline-block;
}
a.linkedin:hover { 
background-position: 0 -50px;
}
#footerNav{
position: relative;
float: left;
width: 305px;
height: auto;
margin-left: 55px;
padding: 70px 0 0 0;
}
#footerNav a{
color: #aeaeae;
font-size: 10px;
line-height: 20px;
}
#footerNav a:hover{
text-decoration: underline;
}
#footerContact{
position: relative;
float: left;
width: auto;
height: auto;
margin: 60px 0 0 0;
color: #aeaeae;
line-height: 20px;
}
#footerContact a{
color: #ffffff;
text-decoration: underline;
}
#footerContact a:hover{
text-decoration: none;
}

/**************Login areas***************/

#divSmallLogin{
position: absolute;
top: 30px;
left: -250px;
display: none;
z-index: 10;
}
#btnShowLogin{
	cursor:pointer;
	font-weight:bold;
	font-height:15px;
	color:#244981;
}
#loginBox
{
	width:400px;
}

.btnLogin
{
	float:left;
	width:35px;
	height:35px;
	background-image:url("../images/loginButton.gif");
	background-repeat: no-repeat;
	background-position:0px 0px;
	border:none;
	cursor:pointer;
	color:green;
}

.btnLoginActive
{
	position:relative;
	float:left;
	width:35px;
	height:35px;
	background-image:url("../images/loginButton.gif");
	background-repeat: no-repeat;
	background-position:0px -35px;
	border:none;
	cursor:pointer;
}

.whiteboxTop
{	
	background-image:url("../images/boxes/whitebox_top.png");
	background-repeat: repeat-x;
	background-position:bottom;
}
.whiteboxLeft
{
	background-image:url("../images/boxes/whitebox_left.png");
	background-repeat: repeat-Y;
	background-position:right;
	width:40px;
}
.whiteboxRight
{
	background-image:url("../images/boxes/whitebox_right.png");
	background-repeat: repeat-y;
	background-position:left;
	width:50px;
}
.whiteboxBottom
{
	background-image:url("../images/boxes/whitebox_bottom.png");
	background-repeat: repeat-x;
	background-position:top;
}
.whiteboxTopLeftCorner
{
	background-image:url("../images/boxes/whitebox_top_left.png");
	background-repeat: no-repeat;
	background-position:right bottom;
	width:50px;
}
.whiteboxTopRightCorner
{
	background-image:url("../images/boxes/whitebox_top_right.png");
	background-repeat: no-repeat;
	background-position:left bottom;
	width:50px;
}
.whiteboxBottomLeftCorner
{
	background-image:url("../images/boxes/whitebox_bottom_left.png");
	background-repeat: no-repeat;
	background-position:right top;
	width:50px;
}
.whiteboxBottomRightCorner
{
	background-image:url("../images/boxes/whitebox_bottom_right.png");
	background-repeat: no-repeat;
	background-position:left top;
	width:50px;
}
/**************End Login area ***********/



/**************START LIGHTBOX ***********/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/**************END LIGHTBOX ***********/