@import url(../../sq-css-static-common/css/sq_static.css);

hr {
    color: #000;
    background-color: #000;
    height: 1px;
    border: 0;
}

.highlighttxt {
    color: #ff9966;
}

img.highlightborder {
    border: 1px solid #ff9966;
}

.hide {
    display: none;
}



/* Homepage */

/*Box*/

.right_panel {
    width: 27%;
    float: right;
}

.left_panel {
    width: 71%;
    float: left;
}

.left_panel.widthpx {
    width: 685px;
    float: left;
}

.left_panel h1{
	font-size: 14px;
	color: #747474;
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: 1px solid #ddd;
}

.left_panel h2{
	font-size: 14px;
	color: #a3a3a3;
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: 1px solid #ddd;
}

/* FAQ */

.top_faq a:link, .top_faq a:active, .top_faq a:visited {
    color: #000;
}

.top_faq a:hover {
    color: #EB6B2A;
}

.top_faq ul {
    margin: 0;
    margin-left: 5px;
    padding: 15px 0 0 13px;
}

.top_faq ul li {
    margin-top: 11px;
}


/* Guide epargne */
div.guide_step {
	margin: 10px 0;
}
div.guide_step span {
	display: inline;
	padding-right: 10px;
}
.wraper h4 {
	margin-top: 0;
	font-size: 14px;
}


/*Customer Care*/

.customer_care {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
} .customer_care .header .left {
    background-image: url(../images/box_highlight_corners.gif);
    background-repeat: no-repeat;
    background-position: left top;
} .customer_care .header .right {
    background-image: url(../images/box_highlight_corners.gif);
    background-position: right top;
    background-repeat: no-repeat;
} .customer_care .header .content {
    background-image: url(../images/box_highlight_middle.gif);
    text-align: left;
    font-size: 13px;
    color: #ff9966;
    font-weight: bold;
    padding: 7px 10px 5px 5px;
    margin-left: 5px;
    margin-right: 5px;
} .customer_care .header .content span.ccare_img {
    margin-top: 15px;
} .customer_care .body .content {
    text-align: left;
    border: 1px solid #ccc;
    padding: 10px 5px 10px 5px;
} .customer_care .body .content table td {
    text-align: left;
    vertical-align: top;
    color: #747474;
    padding: 0 6px 0 0;
} .customer_care .body .content .title {
    color: #fe7a39;
    font-size: 14px;
    font-weight: bold;
} .customer_care .body .content .size_mini {
    font-size: 11px;
} .customer_care .body .content .orange {
    color: #ff9966;
}

/*Searchbox*/

.search_box {
    width: 100%;
    margin-bottom: 15px;
	font-size: 10px;
	color: #666;

} .search_box .header .content {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-size: 13px;
    color: #ff9966;
    font-weight: bold;
    padding: 2px;
    padding-left: 5px;

} .search_box .body .content {
    background-color: #eee;

} .search_box .body .content {
    padding: 10px;
    background-color: #eee;
    text-align: left;

}

.search_box .body .content input {
	width: 75%;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 2px;
    float: left;
}

.search_box .body .content select {
    width:50%;
	font-size: 11px;
}

.search_box .body .content .letters {
    color: #ff9966;
    font-size: 14px;
    font-weight: bold;
	margin-right: 4px;
}

.search_box .body .content .letters a{
    text-decoration: none;
	color: #ff9966;
}

.search_box .body .content .form_content {
	width: 40%;
	float: left;
	margin-right: 30px;
	}

.search_box .body .content .form_search {
   margin-right:0;
}

a.search {
    margin-left: 5px;
}

a.search span.m_left {
    background-image: url(../images/btn_highlight_corners.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 21px;
    width: 5px;
}

a.search span.m_right {
    background-image: url(../images/btn_highlight_corners.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 21px;
    width: 6px;
}

a.search span.m_middle {
    background-image: url(../images/btn_highlight_middle.gif);
    font-size: 10px;
    line-height: 20px;
    padding: 0 5px;
    font-weight: bold;
    background-position: left top;
    color: #fff;
    height: 21px;
}

/*How can we help*/

.how_help {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.how_help .header .left {
    background-image: url(../images/box_grey_roundcorners.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.how_help .header .right {
    background-image: url(../images/box_grey_roundcorners.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.how_help .header .content {
    background-image: url(../images/box_grey_middle.gif);
    text-align: left;
    font-size: 13px;
    color: #747474;
    font-weight: bold;
    padding: 7px 10px 5px 5px;
    margin-left: 3px;
    margin-right: 3px;
}

.how_help .body .content {
    text-align: left;
    border: 1px solid #ccc;
}

.how_help .body .content .option {
    padding: 10px;
    text-align: left;
    border-bottom: 1px dotted #ccc;
}

.how_help .body .content .option .left {
    float: left;
}

.how_help .body .content .option .right {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

.how_help .body .content .option .left .title {
    color: #747474;
    font-size: 14px;
    font-weight: bold;
}

/*Box Guides*/

.guides {
    width: 100%;
    height: auto;
}

.guides .minwidth{
    min-width: 675px;
}
.guides.bmargin {
    border-bottom: 0px solid #ccc;
}

.guides .header .right {
    background-image: url(../images/box_highlight_corners.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.guides .header .left {
    background-image: url(../images/box_highlight_corners.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.guides .header .content {
    background-image: url(../images/box_highlight_middle.gif);
    text-align: left;
    font-size: 13px;
    color: #ff9966;
    font-weight: bold;
    padding: 7px 10px 5px 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.guide .guide_subheader {
    border-bottom: 1px solid #cccccc;
}


.guide .guide_subheader .left {
    background-image: url(../images/box_grey_corners.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.guide .guide_subheader .right {
    background-image: url(../images/box_grey_corners.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.guide .guide_subheader .content {
    background-image: url(../images/box_grey_middle.gif);
    text-align: left;
    font-size: 13px;
    color: #747474;
    font-weight: bold;
    padding: 7px 10px 5px 5px;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}

.guide .guide_subheader .content.nocursor{
	cursor:default;
	}

.guide .guide_subheader .content span.title_bullet{
	background-image: url(../images/category_right.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;

}

.guide .guide_subheader.selected .content span.title_bullet{
	background-image: url(../images/category_down.gif);
	background-position: left 7px;
	}

.guide .selected .left {
    background-image: url(../images/box_darkgrey_corners.gif);
}

.guide .selected .right {
    background-image: url(../images/box_darkgrey_corners.gif);
}

.guide .selected .content {
    background-image: url(../images/box_darkgrey_middle.gif);
    color: #fff;
}

.guide .body .content {
    text-align: left;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-top: 0px solid #ccc;
    padding: 10px;
    border-bottom: 0px solid #ddd;
}

.guide .body .content .item {
    margin-bottom: 30px;
    text-align: center;
}

.guides, .guides.bmargin .guide .body .content {
    border-bottom: 1px solid #ccc;
}

.guides.bmargin .guide {
    margin-bottom: 10px;
}

.guide  a:active, .guides  a:visited, .guides  a:link {
    color: #000;
}


.guides .body .csntent a:hover {
    color: #EB6B2A;
}

.guides .body .content ul.highlight{
	margin: 5px;
	padding: 5px;
	padding-top: 0;
	margin-top: 0;
}

.guides .body .content ul.highlight li{
	padding-top: 5px;
}

.guides .body .content ul.highlight a:active, .guides .body .content ul.highlight  a:visited, .guides .body .content ul.highlight  a:link {
   color: #EB6B2A;
}

.guide span.q_list{
	 background-image: url(../images/fleche.gif);
	 background-repeat: no-repeat;
	 background-position: left 50%;
	 padding-left: 12px;
}

.guide span.q_list.open_step{
	 background-image: url(../images/guidebourse_open.gif);
}

.guide span.q_list a{
	text-decoration: underline;
	cursor: pointer;
}

.guide span.q_list a:visited, .guide span.q_list a:active, .guide span.q_list a:link{
	color: #EB6B2A;
}

.guide span.six_list{
	 background-image: url(../images/guides_closed.gif);
	 background-repeat: no-repeat;
	 background-position: left 50%;
	 padding-left: 12px;

}

.guide span.six_list.open_sub{
	 background-image: url(../images/guidebourse_sub_open.gif);
}

.guide span.six_list a{
	text-decoration: underline;
	cursor: pointer;
	color: #8b8b8b;
}

.guide .body .content span.six_list a:hover{
	color: #8b8b8b;
}

.guide .subcontent{
	padding-left: 20px;
	padding-top: 3px;
}

.guide .p_marginleft{
	margin-left: 80px;
}

.guide table tbody tr td{
	text-align:left;
}

.guide table.center tbody tr td{
	text-align: center;
}

.guide .wraper{
	margin: 3px -10px 0 -10px;
	padding: 0 10px;
}

.guide .wraper.open{
	margin-top: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color:#fff;
	}

.guide span.print_area{
	margin-top: -5px;
	background-image: url(../images/icon_print.gif);
	float: right;
	width: 30px;
	height: 23px;
	display: none;
	cursor: pointer;
}

.guide span.print_area.display{
	display:inline-block;
	}


.guide a.chapter_link, .guide a:active.chapter_link, .guide a:visited.chapter_link, .guide a:link.chapter_link{
	cursor: pointer;
	color: #000;
}

/*FAQ*/

.faq_box {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.faq_box .body .content {
    text-align: left;
}

.faq_box .body .content .title {
    color: #a3a3a3;
    font-size: 13px;
    font-weight: bold;
}

.faq_box .body .content ul {
    margin: 17px 0 0 8px;
    padding: 0;
}

.faq_box .body .content li {
    margin: 5px 0 0 8px;
    padding: 0;
}

/*Categories*/
/* ----- Select Form ------*/

.activ, a.activ:link, a.activ:visited {
    background-color: #EFEFEF;
    color: #CC0000;
    text-decoration: none;
}

.snav {
    background-color: #999999;
}

a.snav:link, a.snav:visited, .snav, .tool2, a.tool2:link, a.tool2:visited {
    color: #FFFFFF;
    text-decoration: none;
}

/* ---------- Titres --------------- */
/* --- Légende SIX ---*/
.title_main {
    color: #a3a3a3;
    font-size: 13px;
    font-weight: bold;

} .title_highlight {
    color: #ff9966;
    font-weight: bold;
}



h2 {
    margin: 10px 0 10px 0;
    color: #fe9a68;
    font-size: 14px;
    border-bottom: 1px solid #CCCCCC;
}

h2.title {
    color: #666666;
    height: 21px;
}

h2.title span {
    float: right;
    border: 1px solid #000;
    display: block;
    padding: 5px 5px 3px 5px;
    line-height: 10px;
    height: 12px;
    font-weight: normal;
}

h2.title a:link, h2.title a:active, h2.title a:visited, h2.title a:hover {
    text-decoration: none;
    color: #000;
}

h2.chapter {
    color: #000;
    font-weight: normal;
    font-size: 12px
}

h2.chapter span {
    float: right;
    border: 1px solid #000;
    display: block;
    padding: 5px 5px 3px 5px;
    line-height: 10px;
    height: 12px;
    font-size: 12px
}

h2.chapter a:link, h2.chapter a:active, h2.chapter a:visited, h2.chapter a:hover {
    font-size: 14px;
    text-decoration: none;
    color: #000;
} .title {
    color: #fe9a68;
    font-size: 14px;
    font-weight: bold;
} .title.var {
    color: #666666;
} .chapter {
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
    margin-bottom: 5px;
    line-height: 21px;
    font-size: 12px
}

/*------------------------------------------- BOXES & Container---------------------------------*/
div.nofloat {
    float: none;
}

/*Market Schedule Boxes */ .market .separator {
    background-color: #f8f8f8;
    color: #ff9966;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}

/*Header border-bottom */ .content_border {
    padding-left: 5px;
    line-height: 29px;
    height: 30px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

div.halfpage {
    margin-right: 405px;
}

div.halfpage_right {
    width: 385px;
    float: right;
}

div.bonds_box {
    width: 97%;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
}

div.encart_important {
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 10px 20px 10px 20px;
}

/* Box border orange (Warrants Fullquote) */ .cadre {
    width: 90%;
    margin: auto;
    border: 1px solid #ff9966;
} .cadre.slo {
    width: 46%;
    height: auto;
    margin-right: 5px;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
}

/*--------- Help Box -----------*/

.box {
    width: 48%;
    height: auto;
    float: left;
    margin: 5px;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    text-align: left;
}

.box .header {
    margin: 0;
    padding: 0;
    height: 30px;
}

.box .header .right {
    margin: 0;
    padding: 0;
    height: 30px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right top;
} .box .header .left {
    margin: 0;
    padding: 0;
    height: 30px;
    background-image: none;
    background-repeat: no-repeat;
} .box .header .content {
    height: 30px;
    background-color: #eeeeee;
    background-image: url(/gifs/puce_fleche_g.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 22px;
    line-height: 29px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-align: left;
} .box .header .content .moreinfo {
    font-size: 11px;
    margin-right: 7px;
    float: right;
    font-weight: normal;
} .box .body .content {
    padding: 10px;
    font-size: 11px;
} .box.nopadding .body .content {
    padding: 0;
} .box .body .content .help_pic {
    float: left;
} .box .body .content .help_text {
    width: 170px;
    float: left;
    line-height: 18px;
} .box .body .content .help_text_container {
    margin-left: 200px;
    height: auto;
} .box .body .content p {
    margin: 7px 0 4px 0;
    padding: 0;
} .box .body .content span {
    color: #ff7937;
    font-weight: bold;
} .box .body .content span.highlight {
    font-size: 14px;
}

/* Longue */ .box.width_box {
    width: 98%;
}

/* Tiers */ .box.width_tiers {
    width: 31.7%;
}

/* Header blanc */

.box.lighter .header .content {
    padding: 0 0 0 4px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #FE9A68;
    text-decoration: none;
    line-height: 29px;
    background: none;
    text-align: left;
}

/* Header blanc +arrow font size normal */

 .box.light .header .content {
    background-color: #ffffff;
    background-image: url(/gifs/puce_fleche_g.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 22px;
    line-height: 29px;
    height: 30px;
    font-size: 11px;
    color: #000;
    text-align: left;
} .box.light .header .content .moreinfo {
    font-size: 11px;
    margin-right: 7px;
    float: right;
    font-weight: normal;
}

/* header orange sans flèche + texte centré */ .box.highlight .header .content {
    background-color: #ffe0c2;
    line-height: 19px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    color: #666666;
    background-image: none;
} .box.highlight .body .content {
    text-align: center;
}

/* header orange */ .box.important .header .content {
    background-color: #ffe0c2;
    background-image: url(/gifs/puce_fleche_g.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 22px;
    line-height: 29px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}

/*--- Mini Box ---*/

.box_mini {
    width: 225px;
    float: right;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-size: 11px;
    margin-left: 20px;
    text-align: left;
} .box_mini .header .content {
    background-color: #eee;
    background-image: url(/gifs/puce_fleche_g.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 22px;
    line-height: 29px;
    height: 30px;
    text-align: left;
    font-size: 15px;
    color: #666;
    font-weight: bold;
} .box_mini .body .content {
    list-style: url('../images/fleche.gif');
    text-align: left;
    padding: 10px 10px 15px 10px
}

/*---------  Box Sans contour -----------*/

.box_light {
    width: 48%;
    height: 100px;
    float: left;
} .box_width {
    width: 98%;
} .box_light .header {
    height: 30px;
    _margin-right: -3px;
} .box_light .header .content {
    padding-left: 5px;
    line-height: 29px;
    height: 30px;
    text-align: left;
} .box_light .body .content {
    padding: 5px 5px 5px 5px;
    border-top: 0;
    min-height: 50px;
    font-size: 11px;
    text-align: left;
} .box_light .body .content .slotuser {
    background-image: url(../images/picto_services_nuser.gif);
    background-repeat: no-repeat;
    float: left;
    width: 89px;
    height: 60px;
} .box_light .body .content .slotfeedback {
    background-image: url(../images/picto_envelope.gif);
    background-repeat: no-repeat;
    float: left;
    width: 89px;
    height: 60px;
} .box_light .body .content .slot .type {
    padding: 5px 5px 5px 5px;
    border-top: 0;
    height: 60px;
    font-size: 11px;
    text-align: left;
    vertical-align: text-bottom;
}

/*------- Box PersoPage -------*/

.persopage_area {
    text-align: center;
}

.picture_content {
    width: 362px;
    margin: auto;
    padding: 5px;
    border: 1px solid #000000;
}

/*---- PDA ---*/

.pdabox {
    padding: 20px;
    padding-left: 100px;
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-image: url(/gifs/services/bg_info_dist_pda_top.gif);
    background-position: left bottom;
    height: 140px;
    border: solid 1px #E8E8E8
}

.pdabox span {
    color: #FF9966;
    font-size: 14px;
    font-weight: bold;
}

/* menu */

#first ul.menu {
    /* alignement avec border titre */
    margin: 1px 0 0 0;
    _margin: 0;
    _border-right: solid 1px #000000;
}

#first ul.menu li {
    border: solid 1px #000000;
    height: 19px;
    _height: 20px;

    /* hauteur texte */
    line-height: 19px;
    margin: 0 -1px 0 0;
}

#first ul.menu li span.m_middle, #second ul.menu li span.m_middle, #third ul.menu li span.m_middle {
    padding: 0px 5px 0px 5px;
    font-size: 13px;
}

#second ul.menu {
    border: solid 1px #bfbfbf;
    background-color: #f1f1f1;
    border-right: 0px;
}

#second ul.menu li {
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    height: 17px;
    /* hauteur texte */
    line-height: 17px;
    margin: 0 0 -1px 0;
}

#second ul.menu li span.m_middle {
    padding: 0 10px 0 10px;
}

#second .header_left p {
    margin-top: 0;
}

#second ul.menu li a:hover, #second ul.menu li a:hover, #second ul.menu li a:hover, #second ul.menu .active {
    background: none;
    color: #f63;
}

/* Primary button */
a.help_btn, a.button.help_btn:link, a.button.help_btn:visited, a.button.help_btn:hover {
    border: 1px solid #999999;
    background-color: #eeeeee;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

a.help_btn span.m_left {
    width: 3px;
    height: 17px;
    max-height: 17px;
    padding: 0;
}

a.help_btn span.m_middle {
    height: 17px;
    padding: 2px 10px 0px 10px;
}

a.help_btn span.m_right {
    width: 3px;
    height: 17px;
    max-height: 17px;
    padding: 0;
}

/* Important button */
a.help_important, a.help_important:link, a.help_important:visited, a.help_important:hover {
    border: 1px solid #ff9933;
    background-color: #ffe7d1;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

/* Tables */
div.tool_content {
    width: 62%;
    float: left;
}



.table_tool {
    border-collapse: collapse;
}

.table_tool tr td {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

table.help_table {
    border-collapse: collapse;
    font-size: 11px;
	border: 1px solid #aaaaaa;
}

table.help_table .title{
	color: #737373;
	font-weight: bold;
	font-size: 11px;
	}

table.help_table.borderlight {
    border-collapse: collapse;
	border: 1px solid #ccc;
}

table.help_table thead th {
    background-color: #e7e7e7;
    font-weight: normal;
    border: 1px solid #aaaaaa;
    padding: 4px;

}

table.help_table thead th.noborder {
	border:0;
	}

table.help_table .center {
    text-align: center;
}

table.help_table .left {
    text-align: left;
}

table.help_table .valign_top{
	vertical-align: top;
}

table.help_table tbody td {
    border: 1px solid #aaaaaa;
    padding: 3px;
	text-align: left;
}

table.help_table.borderlight tbody td{
    border-collapse: collapse;
	border: 1px solid #ccc;
}


table.help_table.padding tbody td{
	padding: 10px;
}

table.help_table tr {
	background-color: #fff;
}

table.help_table .grey {
    background-color: #f8f8f8;
}

table.help_table .yellow {
    background-color: #ffffcc;
}

table.help_table .orange {
    background-color: #ffcc99;
}

table.help_table .retrait {
    padding-left: 80px;
    height: 40px;
}

table.help_table.warrant_fq {
    width: 30%;
}

table.help_table.warrant_fq tbody td {
    border: 1px solid #fff;
    padding: 0;
}

table.help_table.warrant_fq .left {
    width: 10%;
}

table.table_schedule {
    width: 100%;
    height: 30px;
    padding-left: 5px;
}

table.table_schedule td {
    text-align: left;
}

table.table_schedule .bullet {
    width: 2%;
}

table.table_schedule .left_cell {
    width: 20%;
}

table.table_schedule .right_cell {
    width: 78%;
    text-align: center;
}

/* Table VAR */
td.var_illustration {
    width: 40%;
    text-align: center;
}

/* Stock Markets */
/*Generals*/ .twelve {
    font-size: 11px;
} #intro {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #index {
    position: absolute;
    top: 190px;
    left: 70px;
    width: 150px;
    visibility: visible;
}

/*Africa*/ #CMA {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #Share {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
}

/*America*/ #Amex {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #Merval {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #BOVESPA {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #XXM {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #TSE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #CHX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #IPC {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #Nasdaq {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #NY {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #SP {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
}

/*Europe*/ #ATX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #BEL {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #PX50 {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #KFX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #DJ {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #Xetra {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #HEX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
}
#CAC {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #LIFFE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #ASE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #BUX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #ISEQ {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #MIBTel {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #OBX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #WIG {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #BVL30 {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #RTX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #IBEX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #OMX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #SMI {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #AEX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #ISE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
} #FTSE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden;
}

/*Asia*/ #ASX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #Shangai {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #BSE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #JSX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #Nikkei {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #Kopi {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #KLSE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #NZSE {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #SES {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #TAIEX {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
} #SET {
    position: absolute;
    top: 190px;
    left: 283px;
    width: 280px;
    height: 280px;
    visibility: hidden
}

/* SMS */ .container_left {
    float: left;
    width: 30%;
} .container_right {
    float: right;
    width: 70%;
    text-align: right;
}

/* Orderbook */
span.square {
    display: inline-block;
    border: 1px solid #000;
    width: 20px;
    height: 14px;
}

span.square.red {
    background-color: #FF0000;
}

span.square.green {
    background-color: #00cc00;
}

span.square.light_yellow {
    background-color: #ffffcc;
}

span.square.yellow {
    background-color: #ffff00;
}

span.square.blue {
    background-color: #aaccff;
}

span.square.light_green {
    background-color: #ccffcc;
}

span.square.pink {
    background-color: #ffcccc;
}

span.square.light_grey {
    background-color: #f5f5f5;
}

span.square.grey {
    background-color: #b4b4b4;
}

/* SIX */
div.table_container {
    margin: auto;
    width: 70%;
} .sub_six {
    font-size: 9px;
    color: #0000CC;
}

/*Customer Care */
div.customer_cadre {
    width: 48%;
    float: right;
    border: 1px solid #ccc;
}

table.help_table.ccare {
    border: 1px solid #CCCCCC;
    padding: 3px;
}