﻿/* Screen Layout */ 

body {
 margin-left: auto; margin-right: auto;
 padding: 0px;
 background: #fff;
 /*border: 1px solid #000000;*/
 }
 
.header {
 width: 938px;
 margin-left: auto; margin-right: auto;
}

.header-left {
 width: 193px; float: left;
 margin: 0px; padding: 0px 17px 17px 0px;
 text-align: right;
}

.header-right {
 width: 693px; float: right;
 margin: 0px; padding: 0px 17px 17px 17px;
}

.mid 
{
 width: 100%; position: absolute;
 top: 212px; left: 0px;
 background: url(/_common/images/bg_mid.gif) repeat-x;
 z-index: 1;
}

.main {
 width: 938px;
 position: relative;
 z-index: 2;
 background: #fff;
 margin-left: auto; margin-right: auto;
}

.lh-col {
 width: 193px; float: left;
 margin-top: -4px; padding: 0px 17px 0px 0px;
 background: #fff;
 text-align: right;
}

.rh-col {
 width: 728px; float: right;
 margin: 0px; padding: 0px;
 background: #fff;
}

.content {
 width: 693px; min-height: 523px; float: left;
 margin: 0 0 30px 0; padding: 0px 0px 17px 17px;
 border-left: 1px solid #89a7d3; border-bottom: 1px solid #89a7d3;
}

.distribution_partners {
 margin-top:60px;
}

.distributors_col_1 {
 width: 231px; min-height: 419px; float: left;
 margin: 0px; padding: 0px;
 border-right: 1px solid #89a7d3;
}

.distributors_col_2 {
 width: 443px; float: left;
 margin: 0px; padding: 18px 0 0 18px;
}

.members_col_1 {
 width: 231px; min-height: 419px; float: left;
 margin: 0px; padding: 0px;
}

.members_col_2_title {
 width: 443px; float: left;
 margin: 0px; padding: 40px 0 54px 0;
}

.members_col_2 {
 width: 443px; min-height: 419px; float: left;
 margin-top: 10px; padding: 0 0 0 18px;
 border-left: 1px solid #89a7d3;
}

.admin_members_col_1 {
 width: 231px; min-height: 300px; float: left;
 margin: 0px; padding: 0px;
}

.admin_members_col_2 {
 width: 443px; min-height: 360px; float: left;
 margin: 0px; padding: 0 0 0 18px;
 border-left: 1px solid #89a7d3;
}

.resources {
 width: 200px; height: 21px;
 padding: 8px 0 0 10px; margin-bottom: 5px; 
 z-index: 1;
 background: url(/_common/images/bg_resources0.gif) no-repeat; text-align: left;
}

.resources_hl {
 width: 200px; height: 21px;
 padding: 8px 0 0 10px; margin-bottom: 5px; 
 z-index: 1;
 background: url(/_common/images/bg_resources1.gif) no-repeat; text-align: left;
}

/*  --------------------------  */

table.outline {
 width: 210px; height:70px;
 border: 1px solid #cccaca;
 margin-bottom: 8px;
}

table.outline-links {
 width: 210px; height:70px;
 border: 1px solid #cccaca;
}

table.outline-small {
 width: 210px; height:30px;
 border-left: 1px solid #cccaca;
 border-right: 1px solid #cccaca;
 border-bottom: 1px solid #cccaca;
 margin-bottom: 20px;
}

.ESMA_logos td { 
 background-color: #FFFFFF;
}

.formTable {
 border: solid 1px #ccc;
}

.formTable td {
 padding: 3px;
}

input.txt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em; color: #454545;
 width: 200px; padding: 5px;
 border: solid 1px #999;
 background: url(/_common/images/inputBackground.gif) no-repeat;
}

textarea.txt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em; color: #454545;
 width: 200px; padding: 5px;
 border: solid 1px #999;
 background: url(/_common/images/inputBackground.gif) no-repeat;
}

select.ddl {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em; color: #454545;
 width: 212px;
 padding: 8px;
 border: solid 1px #999;
}

select.ddl_convention {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em; color: #454545;
 width: 35px;
 padding: 5px;
}

input.txt_delegate {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em; color: #454545;
 width: 110px;
 padding: 5px;
 background: url(/_common/images/inputBackground.gif) no-repeat;
 border: solid 1px #999;
}

select.ddl_delegate {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em; color: #454545;
 width: 113px;
 padding: 5px;
}

select.ddl_distributors {
 z-index: 10;
}

/*  --------------------------  */
.dist_popUp {
 position: absolute;
 width: 860px; height: 440px;
 top: 50%; left: 50%;
 margin-left: -450px; margin-top: -250px;
 padding: 20px;
 z-index: 1000;
 background: #fff;
 border: solid 1px black;
}

.dist_titleBar {
 width: 860px; height: 40px;
}

.dist_close {
 top: 20px; right: 20px;
 position: absolute;
}

.dist_leftCol {
 width: 240px; height: 400px;
 position: relative; float: left;
 border-right: 1px solid #89a7d3; 
 overflow: none; overflow-y: scroll;
}

.dist_rightCol {
 width: 600px; height: 400px;
 position: relative; float: right;
}

.dist_modal {
 width: 100%; height: 100%;
 position: absolute; top:0; left:0;
 z-index: 999;
 background: #000;
}


/* ----------------------------- */

img {
 border: 0; 
}

img.contact {
 border: 1px solid #c2c2c2; 
}
 
hr {
 clear: both;
 color:#89a7d3; background: #89a7d3; 
 border: 0; height: 1px;
}