@import url("reset.css");

body {background:#fff url(../images/header.png) no-repeat top center ; color:#252525; font-family:Arial, Helvetica, Sans Serif; font-size:12px; font-weight:normal; }
a { color:#005e9d; text-decoration:none }
a:hover {text-decoration:underline}

sup { font-size: 60%; }

/* HEADER */
#ypgHeader { position:relative; min-height:95px; margin-bottom:5px   }

/* Logo EN FR */
#ypgHeader a.ypLogo { position:absolute; width:204px; height:40px;top:30px; text-decoration:none}
#ypgHeader .mobileLogo {position:absolute; top:45px; left:210px; margin:0; padding:1px 0 0 15px; font-size:20px; color:#585a5d; font-weight:normal; background:url(../images/header_divider.gif) no-repeat 0 0px;}
#ypgHeader .mobileLogo a { color:#585a5d;}
#ypgHeader .mobileLogo a:hover { text-decoration:none}

/* Header links */
#ypgHeader ul { position:absolute; right:5px; top:17px;  }
#ypgHeader ul  li {display:inline; text-align:center}
#ypgHeader ul .ypgDividerPipe {background: transparent url(../images/divider.png) 0 3px no-repeat; padding:0 1px;}
#ypgHeader ul a{ text-decoration:none; padding:0 5px 0 3px; font-size:11px  }
#ypgHeader ul a:hover {text-decoration:underline}

h2 {margin:15px 0 5px 0; font-size:18px }
h2 span,
.boxdum h2 span{font-weight:normal; color:#666}

#holder { width:980px;  margin:0 auto}

/* BUTTON */
a.ypgBtn {    background: transparent url(../images/btn_right.png) no-repeat scroll top right; color: #fff; display: block; float: left;  font: normal 11px arial, sans-serif !important; height: 19px; margin-right: 6px; padding-right: 5px; text-decoration: none;}
a.ypgBtn span { background: transparent url(../images/btn_left.png) no-repeat; display: block; line-height: 10px; padding: 4px 3px 5px 8px;}
a.ypgBtn,
a.ypgBtn span {text-decoration:none !important}

.boxhead {background:#F3F3F3;padding-right:10px; padding-top:7px; padding-bottom:5px; margin-bottom:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.boxhead form {display:inline; float:right}
.boxhead label {font-size:12px; font-weight:bold; float: left; display:block; line-height:22px}
.boxhead input,
.inner .innerhead input { border:1px solid #d8d8d8; background:#fff;  margin:0 2px 0 4px; width:210px; padding:2px 3px;
-moz-box-shadow: inset 1px 1px 2px #dbd9d9; -webkit-box-shadow: inset 1px 1px 2px #dbd9d9; box-shadow: inset 1px 1px 2px #dbd9d9;
  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.boxhead input {color:#666; float:left; font-size:12px}
.boxhead em {color:#999; font-style:normal; font-size:10px; padding-top:5px; display:inline-block}


.yellowbox {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff200; width:980px; height:74px; position:absolute; top:48px; left:0;}

.boxphones{ position: relative; margin-bottom:5px; z-index:100 }

.boxphones p {font-size:12px; line-height:15px; }
.box .cont a:hover {text-decoration:underline}

.boxphones .boxcontent { padding-left:10px }
.boxphones .boxcontent h3 { text-align:center; font-weight:bold; font-size:13px; color:#005e9d; margin:5px 0 }
.boxphones .btn_dld { position:relative; top:-15px; }
.en .boxphones .btn_dld {left:64px  }
.fr .boxphones .btn_dld {left:57px  }
.boxphones .phonecont a:hover {text-decoration:underline}


*+html .boxphones .phonecont a {margin-top:10px; display:block;}


.boxphones .phone {width:190px; float:left; }
.boxphones a.pic {display:block; width:110px; height:203px; margin:0 auto; text-decoration:none; cursor:pointer }
.boxphones .iphone .pic { background:url(../images/iphone.png) no-repeat left top; }
.fr .boxphones .iphone .pic { background:url(../images/fr/iphone.png) no-repeat left top; }
.boxphones .ipad .pic { background:url(../images/ipad.png) no-repeat left top; }
.fr .boxphones .ipad .pic { background:url(../images/fr/ipad.png) no-repeat left top; }
.boxphones .blackberry .pic { background:url(../images/blackberry.png) no-repeat left top; }
.fr .boxphones .blackberry .pic { background:url(../images/fr/blackberry.png) no-repeat left top; }
.boxphones .android .pic{ background:url(../images/android.png) no-repeat left top; }
.fr .boxphones .android .pic{ background:url(../images/fr/android.png) no-repeat left top; }
.boxphones .palmpre .pic{ background:url(../images/palmpre.png) no-repeat left top; }
.fr .boxphones .palmpre .pic{ background:url(../images/fr/palm.png) no-repeat left top; }
.boxphones .windowsmobile .pic{ background:url(../images/winseven.png) no-repeat left top; }
.fr .boxphones .windowsmobile .pic{ background:url(../images/fr/winseven.png) no-repeat left top; }

.boxphones .windowsmobile .btn_dld { left:63px; width:80px}
.fr .boxphones .windowsmobile .btn_dld { left:57px}


.boxphones .iphone {position:relative; z-index:1001}
.boxphones .ipad {position:relative; z-index:1001; }
.boxphones .ipad .pic {width:150px; }
.boxphones .blackberry {position:relative; z-index:1001}
.boxphones .android {position:relative; z-index:1001}
.boxphones .windowsmobile  {position:relative; z-index:1000; }

.box { position:relative;}
.box .cont {padding: 7px 5px 7px 10px;}

.boxdum {width:480px; float:left; min-height:192px}
.boxdum h2 {font-size:16px; padding:10px 0 0 20px; margin:0 0 20px 0}
.boxdum .boxcontent {background:url(../images/phones_dum.png) no-repeat 20px; padding:10px 10px 0 150px; min-height:110px; font-size:12px}
.boxdum .boxcontent p { margin:5px 0 10px 0; line-height:16px}
.boxdum .boxcontent a strong {font-size:15px}
.boxdum .boxcontent a,
.boxfeatures .cont h2 a,
.boxfeatures .cont p a,
.boxphones .phonecont a{ text-decoration:none; }


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider { width: 478px; height: 192px; position: relative; margin: 0 auto 15px; float:right; border:1px solid #d9d9d9; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;  }
.anythingSlider .wrapper{ width: 440px; overflow: auto; height: 192px; margin: 0 19px; position: absolute; top: 0; left: 0;}
.anythingSlider .box {border:none}

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul{ width: 2760px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; }

.box,
.anythingSlider .wrapper ul {background-color:#f7f7f7;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #d8d8d8; 
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaebeb)); 
background-image: -moz-linear-gradient(-90deg, #fff, #eaebeb); } 
 
.anythingSlider ul li { display: block; float: left; padding: 0; height: 192px; width: 440px; margin: 0; }

.anythingSlider .arrow { display: block;  height: 192px; width: 19px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider .forward { background-position: -20px 0; right: 0px;  -moz-border-radius-topright: 5px;  -webkit-border-top-right-radius: 5px;}
.anythingSlider .back { background-position: -2px 0; left: 0px;  -moz-border-radius-topleft: 5px;  -webkit-border-top-left-radius: 5px;}

#thumbNav { position: relative; top: 196px; text-align: right; margin-right:20px  }
#thumbNav a { color: black; font: 11px/18px Arial, Serif; display: inline-block; padding: 1px 7px 2px 7px; height: 16px; margin: 0 0px 0 5px; text-align:center;border:1px solid #575a5d; color:#fff; font-weight:bold;
background-color:#272727;
-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px; 
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575a5d), to(#272727)); 
background-image: -moz-linear-gradient(-90deg, #575a5d, #272727); 
}
#thumbNav a:hover,
#thumbNav a.cur  { color:#252525; text-decoration:none; border:1px solid #d7d7d7;
background-color:#d7d7d7;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#d7d7d7)); 
background-image: -moz-linear-gradient(-90deg, #f9f9f9, #d7d7d7);
 }
#thumbNav a.cur     {  }

#start-stop { display:none }

/*  Prevents  */
.anythingSlider .wrapper ul ul  { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }


.anythingSlider .slide {padding-top:50px}
.anythingSlider .slide h2 a:hover {text-decoration:none; color:#252525}
.anythingSlider .slide h2 {font-size:16px; height:20px; margin:3px 0}
.anythingSlider .ico {width:80px; height:80px; float:left; display:block; margin:0 18px }

.anythingSlider .sendsms .ico {background:url(../images/ico_411_b.png) no-repeat left; }
.anythingSlider .urbanizer .ico {background:url(../images/ico_urba_b.png) no-repeat left; }
.anythingSlider .shopwise .ico {background:url(../images/ico_shop_b.png) no-repeat left; }
.anythingSlider .autotrader .ico {background:url(../images/ico_auto_b.png) no-repeat left; }
.fr .anythingSlider .autotrader .ico {background:url(../images/fr/ico_auto_b.png) no-repeat left; }
.anythingSlider .redflagdeals .ico {background:url(../images/ico_rfg_b.png) no-repeat left; }
.anythingSlider .lespac .ico {background:url(../images/ico_lespac.png) no-repeat left; }


.anythingSlider .slide p { font-size:1em; line-height:15px}
.anythingSlider .slide p a {display:block; margin-top:5px; }
.fr .anythingSlider .slide p a {margin-top:4px; }

.anythingSlider .yapi h2 a {display:block; background:url(../images/yellowapi.gif) no-repeat top left; height:22px;   }
.anythingSlider .yapi  {margin-left:18px}
.anythingSlider .yapi p {padding-left:5px; margin-top:5px}

.container .inner .box p {background:url(../images/ico_urbanizer.gif) no-repeat left; }


.container .inner .box {margin:0px 25px 0 25px; padding:0; position:relative}
.container .inner .box span {display:none}
.container .inner .box span.new {display:block}
.container .inner .box  .cont {}
.container .inner .box h2 {font-size:14px; margin:5px 0 8px 10px; padding:0}
.container .inner .box p {min-height:58px; padding-left:65px; font-size:13px; margin-bottom:5px; margin-left:10px}
.fr .container .inner .box p { }
.en .container .inner .box p {}
.container .inner .box p strong,
.container .inner .box p a {font-weight:bold; display:block; font-size:14px; padding:5px 0 7px }


.urbanizer .new { width:86px; height:89px; right:-5px; top:-5px; position:absolute;  }
.en .urbanizer .new {background:url(../images/ico_new_en.png) no-repeat left top;}
.fr .urbanizer .new {background:url(../images/ico_new_fr.png) no-repeat left top;}
.container .inner .urbanizer a.more {font-size:12px; font-weight:normal; margin-top:2px}


.popupForm {position:absolute; bottom:-65px; left:0px; width:270px; border:1px solid #ebebeb; padding:10px 5px 10px 5px; 
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; 
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eaebeb)); 
background-image: -moz-linear-gradient(-90deg, #fff, #eaebeb); 
-moz-box-shadow:0 0 15px #999; -webkit-box-shadow:0 0 15px #999; box-shadow:0 0 15px #999}

.popupForm a.closeForm,
.popupForm a.closeForm:hover {position:absolute; top:5px; left:255px;background:url(../images/ico_close.gif) no-repeat; width:16px; height:16px; text-decoration:none }
.popupForm label {font-size:12px; font-weight:bold; display:block; line-height:22px; padding-left:5px}
.popupForm input {-moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #a8a8a8; margin:0 2px 0 4px; width:180px}
.popupForm input {color:#666; float:left; font-size:11px}
.popupForm em {font-size:10px; font-style:normal; padding-left:10px; display:block; padding-top:2px; clear:both}
#sendAppWin {left:-90px; display:none}
#sendAppAndroid {left:-50px; display:none}

/* INNER PAGE */

.container #LeftBar {width:195px; float:left; padding-bottom:30px;  min-height:644px; position:relative; margin-right:1px;}
.container .inner {float:left; width:770px;  position:relative}

.container #LeftBar .shadow {position:absolute; right:0; top:-1px; width:20px; height:644px; background:url(../images/inner_shadow.png) no-repeat left top} 
.container #LeftBar h4 {margin:13px 0; text-align:right; padding-right:10px; font-size:12px;  }
.container #LeftBar h4 a {color:#005e9d; font-weight:bold; text-decoration:none; padding:0 4px }
.container #LeftBar h4 a:hover {text-decoration:underline}
.container #LeftBar h3 {font-size:15px; padding:10px 10px 9px 0; background:#fff;-webkit-border-radius:5px 0 0 0px; -moz-border-radius:5px 0 0 0px;border-radius:5px 0 0 0px;border-bottom: 1px solid #c1c1c1;}

#ypgCategoryMenu {
border: 1px solid #D8D8D8; border-width:1px 0 1px 1px;  background: #F7F7F7; text-align:right;  position:relative;
-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;
}
#ypgCategoryMenu ul li { display:block; border-bottom:1px solid #d8d8d8 }
#ypgCategoryMenu ul li a {display:block; padding:10px 12px; -webkit-transition: background-color 0.5s linear;  }
#ypgCategoryMenu ul li.selected,
#ypgCategoryMenu ul li.selected a:hover{background-color:#fff200; -webkit-transition: background-color 0s linear;}
#ypgCategoryMenu ul li {font-size:12px;}
#ypgCategoryMenu ul li a:link,
#ypgCategoryMenu ul li a:visited {text-decoration: none; color:#252525;}
#ypgCategoryMenu ul li a:hover {text-decoration:none;}
#ypgCategoryMenu ul li a:hover {background-color:#ebebeb; }
.container #LeftBar a.leftBanner {display:block; width:174px; height:189px; text-decoration:none; margin:10px 0 10px 8px; cursor:pointer}
.en .container #LeftBar a.leftBanner {background:url(../images/banner_left_en.png) no-repeat left}
.fr .container #LeftBar a.leftBanner {background:url(../images/fr/banner_left_fr.png) no-repeat left}

.container .innerhead {padding:25px 20px 0 20px; font-size:12px; margin-bottom:10px;
background: #fff url(../images/bgr_inner_header.gif) repeat-x top left;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f6f6),color-stop(100%, #fff), to(#fff)); 
background-image: -moz-linear-gradient(-90deg, #f5f6f6, #fff);  }
.container .innerhead .pic {width:173px; height:312px; float:left; display:block; margin-right:10px; }
.container .inner .iphone,
.container .inner .ipad {position:relative}
.container .inner .iphone .pic {background:url(../images/iphone_big.png) no-repeat left; }
.fr .container .inner .iphone .pic {background:url(../images/fr/iphone_big.png) no-repeat left; }
.container .inner .iphone a#demo,
.container .inner .ipad a#demo {position:absolute; bottom:-3px; left:60px; display:block; padding:2px 0 0 25px;  font-weight:bold;  line-height:20px}
.container .inner .iphone a#demo {background:url(../images/ico_play.gif) no-repeat left;}
.container .inner .ipad a#demo  {left:90px; background:url(../images/ico_img.gif) no-repeat left;}
.container .inner .ipad .pic {background:url(../images/ipad_big.png) no-repeat left; width:250px }
.fr .container .inner .ipad .pic {background:url(../images/fr/ipad_big.png) no-repeat left; width:250px }
.container .inner .blackberry .pic {background:url(../images/bb_big.png) no-repeat left}
.fr .container .inner .blackberry .pic {background:url(../images/fr/bb_big.png) no-repeat left}
.container .inner .android .pic {background:url(../images/android_big.png) no-repeat left}
.fr .container .inner .android .pic {background:url(../images/fr/android_big.png) no-repeat left}
.container .inner .palm .pic {background:url(../images/palm_big.png) no-repeat left}
.fr .container .inner .palm .pic {background:url(../images/fr/palm_big.png) no-repeat left}
.container .inner .winseven .pic {background:url(../images/winseven_big.png) no-repeat left}
.fr .container .inner .winseven .pic {background:url(../images/fr/winseven_big.png) no-repeat left}


.container .inner .mobileweb .pic {background:url(../images/wap_big.png) no-repeat left; width:205px; margin-right:20px}

.container .innerhead h2 {font-size:18px; line-height:20px; margin:15px 0 3px 0; padding:0; font-weight:bold}
.container .innerhead h3 {font-size:12px; margin:10px 0 10px 0}
.container .innerhead ul.ficons {margin:0 0 15px 10px; float:left; width:530px;}
.container .mobileweb ul.ficons {width:490px;}
.container .inner .ipad ul.ficons {width:390px;}
.container .innerhead .ficons li {line-height:25px; color:#333333; }
.container .innerhead .ficons li span { background-image:url(../images/iphone_icons.gif); background-repeat:no-repeat; width: 20px; height: 20px; margin-bottom: -4px; margin-right: 5px; display: inline-block; }
.container .innerhead .ficons li span.one {background-position:0 0}
.container .innerhead .ficons li span.two {background-position:-20px 0}
.container .innerhead .ficons li span.three {background-position:-40px 0}
.container .innerhead .ficons li span.four {background-position:-60px 0}
.container .innerhead .ficons li span.five {background-position:-80px 0}
.container .innerhead .ficons li span.six {background-position:-100px 0}
.container .innerhead .ficons li span.seven {background-position:-120px 0}
.container .innerhead .ficons li span.eight {background-position:-140px 0}
.container .innerhead .ficons li span.nine {background-position:-160px 0}

.container .innerhead .noicons  {margin-left:20px; margin-bottom:20px}
.container .innerhead .noicons li {line-height:20px; color:#333333; list-style:disc }

.container .innerhead table {margin-left:15px; float:left}
.container .innerhead th {vertical-align:bottom; padding:0 7px 2px; font-weight:normal; text-align:center}
.container .innerhead td {vertical-align:top; }
.container .innerhead td input {width:210px}
.container .innerhead td label {display:block; margin:0; padding:0; line-height:20px; font-weight:bold }
.inner .innerhead input {padding:3px 3px; margin:0; width:170px; color:#666; font-size:12px}
.container .innerhead td em {font-style:normal; color:#999; font-size:10px; display:block; padding-top:3px }
.container .innerhead td.btn {vertical-align:bottom}

/* BUTTON */
.container .innerhead td.btn a {    background: transparent url(../images/btn_midd_right.gif) no-repeat scroll top right; color: #fff; display: block; float: left;  font: normal 12px arial, sans-serif !important; height: 23px; margin-right: 4px; padding-right: 4px; text-decoration: none; margin-left:5px; position:relative; top:-1px}
.container .innerhead td.btn a span { background: transparent url(../images/btn_midd_left.gif) no-repeat; display: block; line-height: 10px; padding: 7px 3px 6px 8px;}



.container .innerhead .otherinfo {clear:both; float:none}
.container .innerhead .otherinfo h3 { font-size:14px; margin:15px 0 3px 0 ; padding:0}

.container .innerhead .otherinfo p { line-height:140%; margin-top:3px; margin-bottom:10px}
.container .innerhead .otherinfo p a {color:#005e9d}
.container .innerhead .otherinfo ul {margin:5px 0px 15px 25px}
.container .innerhead .otherinfo ul li {list-style:disc; margin-left:10px; margin-bottom:5px; line-height:140%}

.container .inner .shadow {position:absolute; right:-26px; top:-1px; width:26px; height:644px; display:block; background:url(../images/inner_shadow_r.gif) no-repeat left top; border-left:1px solid #fff}

#yptabs {padding:10px; margin:20px 15px 0 15px; clear:both}

#sendEmail .rel #errmsg {position:absolute; top:27px; right:5px; color:red; font-size:11px ; display:none}

.tabs-nav {list-style-type: none; margin:0; padding:0; position:relative; top:1px; z-index:2; }
.tabs-nav li{display: inline;margin: 0; padding:0; }
.tabs-nav li a,
.tabs-nav li a span {display:block; float:left; cursor:pointer; font-size:12px}
.tabs-nav li a {text-decoration:none; margin-right:5px; padding-left:4px;  background:url(../images/tabs_left.gif) no-repeat left top;  }
.tabs-nav li a span {  color:#252525; padding:8px 20px 8px 15px; text-transform:uppercase;  background:url(../images/tabs_right.gif) no-repeat right top; font-weight:bold;}
.tabs-nav li a:hover span{ text-decoration: none;}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {   outline: 0; /* prevent dotted border in Firefox */}
.tabs-nav a:link, .tabs-nav a:visited, .tabs-nav { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.tabs-container {    background: #f9f9f9;  z-index:1; border:1px solid #d7d7d7; position:relative; padding:15px 20px 14px 20px; color:#1d1d1d; font-size:1em; height:100%; 
-webkit-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; border-radius:0 5px 5px 5px;}
.tabs-container  h3 {font-size:1.1em; margin:0px 0 10px 0}
.tabs-container  p {margin:0px 0 10px 0; line-height:16px; text-align:justify; }
.tabs-container  ul {margin-left:25px}
.tabs-container  li {list-style:disc; margin-bottom:7px; line-height:16px}


.winsevenphone #yptabs {margin-top:0}
.winsevenphone #yptabs .tabs-container {min-height:190px}


/* DYNAMIC tooltip */

.tipsy {opacity:.8;filter:alpha(opacity=80); padding:5px; }
.tipsy-inner {padding:8px 8px;max-width:150px;font-size:11px;text-align:center;font-weight:bold;line-height:13px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 0 10px #999;
}

	/* structure */
.tipsy .inBrd,
.tipsy .outBrd { border:6px solid transparent;  height:0; position:absolute; width:0; }
.tipsy .outBrd { border-width:7px;  }

	/* structure top-bottom */
.tipsy-north .inBrd,
.tipsy-north .outBrd,
.tipsy-south .inBrd,
.tipsy-south .outBrd { left:50%; margin-left:-6px;}

.tipsy-north .outBrd,
.tipsy-south .outBrd {margin-left:-7px; }

	/* structure left-right */
.tipsy-west .inBrd,
.tipsy-west .outBrd {top:50%; margin-top:-5px; margin-left:-11px; }
.tipsy-west .outBrd {margin-left:-13px; margin-top:-6px; }

.tipsy-east .inBrd,
.tipsy-east .outBrd {top:50%; right:0; margin-top:-5px; margin-right:-6px; }
.tipsy-east .outBrd {margin-right:-8px; margin-top:-6px; }

.tipsy-north .inBrd,
.tipsy-north .outBrd  { top:-6px;}
.tipsy-north .outBrd {top:-8px;}

.tipsy-south .inBrd,
.tipsy-south .outBrd  { bottom:-6px;}
.tipsy-south .outBrd {bottom:-8px;}

.tipsy-west .inBrd,
.tipsy-west .outBrd  { bottom:-6px;}
.tipsy-west .outBrd {bottom:-8px;}


	/* themes */
.blue .tipsy-inner { background-color:#e5f0f6; border:1px solid #90aec6; color:#252525;  }
.green .tipsy-inner { background-color:#f2fdf1; border:1px solid #b6e184; color:#558221; }




/*--------------------------- FOOTER ---------------------------*/
#ypgFooter {clear:both; margin: 5px auto 1.5em; font-size: 0.9em; padding-top:15px;}
#ypgFooter sup {font-size:70%; vertical-align:top}

/* Footer links */
#ypgFooter {clear:both; margin: 5px auto 1.5em; padding-top:15px;}
#ypgFooter p {margin:0}

/* Footer links */
#ypgFooter ul {margin:0 0 2px 0; padding:0; float:left; margin-right:45px}
#ypgFooter ul.last {margin-right:0}
#ypgFooter li {line-height: 15px}
#ypgFooter .ypgFooterLinks {border:#d6d6d6 solid 1px; border-width:1px 0;  padding:10px 15px 10px 0; margin:10px 0; font-size:11px ; overflow:auto }
#ypgFooter h3 { font-weight:bold; margin-bottom:2px; }
#ypgFooter p { line-height:15px; }

.fr small.trade {font-size:8px; position:relative; top:-4px}

/* POPUP */

.ypgOverlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50;  }


.ypgPopupBox {display: none;  position: absolute; top: 10%; left: 33%;   z-index:1002; overflow: hidden;font-family:Arial, Helvetica, Sans Serif; font-size:12px; font-weight:normal;color:#252525;
-moz-background-clip: padding;     /* Firefox 3.6 */
-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
border: 4px solid #6f6f6f;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-moz-box-shadow:3px 3px 15px #383838;-webkit-box-shadow:3px 3px 15px #383838; box-shadow:3px 3px 15px #383838;
 }
.ypgPopupBox a { color:#005e9d; text-decoration:none }
.ypgPopupBox a:hover {text-decoration:underline}
.ypgPopupBox form {margin:0; padding:0}
a:active { outline:none;}
:focus { -moz-outline-style:none; }
img {border:0}

.ypgPopupBox { width:500px;}

/* popup structure  */

.ypgPopupBox .popup_top {position:relative  }

.ypgPopupBox .popup_top h1 {margin:0; padding:10px; font-size:15px; line-height:32px;  color:#2f2f30;
-moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e4e4));
background-image: -moz-linear-gradient(-90deg, #fff, #e6e4e4);
-moz-box-shadow:0px 2px 5px #686868;-webkit-box-shadow:0px 2px 5px #686868; box-shadow:0px 2px 5px #686868;}
.ypgPopupBox .popup_top a.close { background:url(../images/popup/ico_close.png) no-repeat; width:20px; height:20px; position:absolute; top:17px; right:20px; }
.ypgPopupBox .popup_top a.close:hover{text-decoration:none}
.ypgPopupBox .popup_top a.help { position:absolute; top:20px; right:50px; display:block; font-weight:bold; font-size:11px }

.ypgPopupBox .popup_content {background:white; padding:15px; min-height:115px; _height:115px; text-align:left;line-height:1.4em;  }
.ypgPopupBox .popup_bottom {background:white; height:5px;
-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
-moz-border-radius-bottomright :5px;-moz-border-radius-bottomleft :5px;}

/* outline radius for mozilla/firefox only */
.ypgPopupBox {-moz-box-shadow:0 0 25px #333; -webkit-box-shadow:0 0 25px #333;}

.ypgPopupBox .popupFooter {font-size:11px; background:white; clear:both; padding:0 15px;
-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius: 0 0 4px 4px}
.ypgPopupBox .popupFooter .popupFooterContent {position:relative;  border-top:1px solid #ccc; padding:15px 0}
.ypgPopupBox .popupFooter a {font-weight:normal}
.ypgPopupBox .popupFooter .fLogo {position:absolute; top:5px;  right:0px; font-size:10px; color:#666666}
.ypgPopupBox .popupFooter .fLogo img {vertical-align:middle}

#iphoneApp {left:38%}
.ypgPopupBox .popup_content .videoContent{text-align:center; width:240px; margin:0 auto}

/* Fixed stuff */
.rel {position:relative}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
.right { float: right; }