.gridData{
clip:rect(auto,10px,auto,auto);
border-bottom-width:1px;
border-bottom-style:inset;
border-bottom-color:#999999;
}
.InputsMargin {margin-top:8px}

.DynamicGrid{}
.insulate{padding:0 3px 0 3px}
.BigFont {
font-family:Arial;
font-size:18px;
font-style:normal;
line-height:normal;
font-weight:bold;
font-variant:normal;
color:#3E668E;
}
.menuitem{
margin-left:10px;
margin-right:10px;
}
.loginTitle {
color:#999999;
text-align:left;
margin-left:40px;
}
.error{
color:#FF0000;
}
.LittleGrayTxt {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:lighter;
color:#666666;
}
.TablesSpaced {
padding:5px;
margin:5px;
}
.Header {
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
text-indent:5px;
color:#000066;
border-bottom-width:Thin;
border-bottom-style:dotted;
}

.ButtonPanelItem {
background-image:url(../img/icArr.gif);
background-position:left;
background-repeat:no-repeat;
text-indent:20px;
}
.EditItem{
background-image:url(../img/icPortfolioSettings.gif);
background-position:-5px;
background-repeat:no-repeat;

}
.RemoveItem{
background-image:url(../img/icKillPortfolio.gif);
background-position:left;
background-repeat:no-repeat;

}
.CreateItem{
background-image:url(../img/icNewPortfolio.gif);
background-position:left;
background-repeat:no-repeat;
}
.PortfolioHistoryItem{
background-image:url(../img/icPortfolioHistory.gif);
background-position:left;
background-repeat:no-repeat;
}
.TradesHistoryItem{
background-image:url(../img/icAssetHistory.gif);
background-position:left;
background-repeat:no-repeat;
}
.TransactionHistoryItem{
background-image:url(../img/icTransactHistory.gif);
background-position:left;
background-repeat:no-repeat;
}


/* reset {{{ */
html,body,div,ol,ul,li,fieldset,form,h1,h2,h3,h4,h5,h6,p,label,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,hr,b,u,i,center,dl,dt,dd,applet,object,iframe,span,
legend,table,caption,tbody,tfoot,thead,tr,th,td{
padding:0;
margin:0;
border:none;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
outline:none;
}
html{
font-size:100.01%;
}
dfn,i,cite,var,address,em{
font-style:normal;
}
th,b,strong,h1,h2,h3,h4,h5,h6{
font-weight:normal;
}
textarea,input,select{
font-size:1em;
font-family:inherit;
}
blockquote,q{
quotes:none;
}
q:before,q:after,
blockquote:before,
blockquote:after{
content:'';
content:none;
}
ol,ul{
list-style:none;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border-spacing:0;
}
caption,th,td{
text-align:left;
}
:focus{
outline:none;
}
html,body {
height:100%;
}
body,textarea,input,select {
font-family:'helvetica neue',helvetica,arial,sans-serif;
}
body {
background:#fff;
line-height:1.5;
font-size:.8125em;
color:#000;
}
a {
text-decoration:none;
}
a:link {
color:#0093dd;
text-decoration:underline;
}
a:visited,
a:hover {
color:#005f8f;
}
a:active {
color:#f00;
}
q:before {
content:'\00ab';
}
q q:before {
content:'\201e';
}
q:after {
content:'\00bb';
}
q q:after {
content:'\201c';
}
/* reset }}} */

body{font-family:Arial}
.cl{clear:both}
.hidden{display:none}
.hSpace{margin:15px;height:1px}

#page{
width:100%;
margin:0px auto 0 auto;



}
#foot{
width:100%;
margin:5px auto 0 auto;

text-align:center;
}
.copyright{
}
.crLeft, .crRight,.crCenter{
}
.crLeft{
}
.crCenter{
}
.crRight{
}
.copy{font-size:12px}
#head{
border-bottom:2px solid #29176b;
margin:0 0 30px 0;
}
#head .top{
}
#head .top ul, #head .top li{
display:inline;
}
#head .mainNavMenu a, #head .langSwitcher a, #head .topCenterLink{
position:relative;
font-size:10px;
text-align:center;
text-transform:capitalize;
text-decoration:underline;
color:#fff;
display:block;
height:17px;
}
#head .mainNavMenu a{
margin:0 0 0 -9px;
background:url(../img/prMain.png) -315px -43px no-repeat;
width:143px;
float:left;
}
#head .topCenterLink{
margin:0 -6px;
width:218px;
float:left;
}
#head .topCenterLink:hover, #head .topCenterLink.selected{
background:url(../img/topCenter.png) no-repeat;
color:#29176b;
}
#head .mainNavMenu a:hover, #head .mainNavMenu a.selected{
background:url(../img/prMain.png) -172px -43px no-repeat;
color:#29176b;
}
#head .langSwitcher a{
margin:0 -9px 0 0;
background:url(../img/prMain.png) -86px -43px no-repeat;
width:86px;
float:right;
}
#head .langSwitcher a:hover, #head .langSwitcher a.selected{
background:url(../img/prMain.png) 0 -43px no-repeat;
color:#29176b;
}
#head .logoFull{
margin:30px auto 0 auto;
width:423px;
height:43px;
background:url(../img/prMain.png) no-repeat;
}
#head .logoSmall{
margin:10px auto 0 auto;
width:279px;
height:29px;
background:url(../img/smallLogo.png) no-repeat;
}
#head .userLogged{
position:relative;
top:3px;
height:20px;
margin:25px 15px -25px 0;
float:right;
}
#head .pageTitle{
position:relative;
top:22px;
margin:0 auto;
width:354px;
height:25px;
line-height:25px;
text-align:center;
font-weight:bold;
font-size:14px;
border-bottom:2px solid #29176b;
background:#fff;
}
#head .loginForm{
position:relative;
top:22px;
background:#fff;
margin:0 auto;
width:354px;
height:66px;
border-bottom:2px solid #29176b;
}
#head .loginForm form{
margin:10px 0 0 0;
width:354px;
height:66px;
}
#head .lfBottomLeftCorner, #head .lfBottomRightCorner{
margin:-20px 0 0;
width:12px;
height:22px;
}
#head .lfBottomLeftCorner{
background:url(../img/prMain.png) -435px 0 no-repeat;
float:left;
}
#head .lfBottomRightCorner{
background:url(../img/prMain.png) -423px 0 no-repeat;
float:right;
}
.lfLeft{
margin:5px 0 0 50px;
width:200px;
height:50px;
float:left;
line-height:150%;
}
.lfLeft label{
padding:0 0 3px 0;
font-size:11px;
width:65px;
float:left;
}
.lfLeft input{
font-size:12px;
float:right;
width:125px;
}
.lfRight{
margin:15px 30px 0 0;
width:50px;
float:right;
}
.lfRight a{
display:block;
font-size:10px;
height:17px;
width:45px;
line-height:17px;
background:#fff url(../img/prMain.png) right -60px  no-repeat;
text-decoration:underline;
color:#29176b;
margin-left:-40px;

}
#middle{
margin:20px 0;
width:950px;

}
#middle .title{
padding:0 0 0 45px;
width:auto;
background:#29176b;
}
#middle .title h2{
padding:0 0 0 20px;
background:#fff url(../img/prMain.png) 0 -77px no-repeat;
color:#29176b;
font-size:12px;
font-weight:bold;
line-height:16px;
}
#middle .content{
margin:15px 10px 0 70px;
font-size:14px;
}
.CenterView {
width:947px;
vertical-align:middle;
padding:5px;
margin-top:5px;
margin-right:auto;
margin-bottom:60px;
margin-left:auto;
float:none;
}
#middle .content a{
text-decoration:underline;
}
#middle .columnLeft{

float:left;
padding:15px
}
.columnLeft p, .columnRight p{
margin:15px 0;
}
.columnLeft ul{
margin:15px 0 15px 30px;
}
.columnLeft li{
font-size:14px;
font-weight:bold;
padding:8px 0 0 40px;
line-height:28px;
background:url(../img/liMark.png) no-repeat;
}
#middle .columnRight{
width:45%;
float:left;
margin-left:10%;
}
.columnRight p{
width:300px;

}
.columnRight ul{
margin:10px 0 0 45px;
}
.columnRight li{
padding:15px 0 0;
}
.columnRight li a{
display:block;
height:31px;
margin:0 0 0 -45px;
padding:5px 0 0 45px;
font-size:14px;
font-weight:bold;
background:url(../img/liLogo.png) no-repeat;
}
.columnRight li p{
margin:-10px 0 0;
font-size:12px;
}
.columnRight li p a{
display:inline;
height:auto;
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
background:none;
}
.columnRight li .hSpace{
margin:30px 0 0;
}
/* portfolio list {{{ */
.portfolioBlockHeader{
border-bottom:2px solid #29176b;
margin:0 0 30px 0;
}
.portfolioBlockHeader h2, .pbhDate{
width:30%;
height:25px;
line-height:25px;
float:left;
margin:0 15px -25px 15px;
}
#middle .portfolioBlockHeader h3 a{
line-height:20px;
font-size:14px;
color:#000;
}
.pbhDate{
text-align:right;
float:right;
}
#middle a.pbhEnter{
position:relative;
top:-10px;
font-size:14px;
text-decoration:underline;
padding:0 10px 0 0;
line-height:20px;
background:#fff url(../img/enter.png) right no-repeat;
color:#0194dd;
}
.pbhTitle{
position:relative;
top:22px;
margin:0 auto;
width:354px;
height:25px;
line-height:25px;
text-align:center;
font-weight:bold;
font-size:18px;
border-bottom:2px solid #29176b;
background:#fff;
}
.portfolioBlockHeader .lfBottomLeftCorner, .portfolioBlockHeader .lfBottomRightCorner{
margin:-20px 0 0;
width:12px;
height:22px;
}
.portfolioBlockHeader .lfBottomLeftCorner{
background:url(../img/prMain.png) -435px 0 no-repeat;
float:left;
}
.portfolioBlockHeader .lfBottomRightCorner{
background:url(../img/prMain.png) -423px 0 no-repeat;
float:right;
}
.portfolioDetails{
margin:-30px 15px 0 15px;

border-top:0;
}
.pdTitle{
border-bottom:1px solid #8c3fb8;
}
.pdtContent{
width:150px;
height:25px;
margin:0 auto -8px auto;
font-size:13px;
text-align:center;
background:#fff;
}
.pdtDate{
margin:-3px 0 0 0;
font-size:11px;
}
.pdBody{
padding:30px 10px 20px 10px;
}
.pdBody p{
margin:0 0 10px 0;
}
.navLeft, .navRight{
margin:15px 0 0;
}
.navLeft{
padding:0 0 0 10px;
float:left;
}
.navRight{
padding:0 10px 0 0;
float:right;
}
.navLeft li, .navRight li{
width:70px;
height:26px;
line-height:26px;
}
.navLeft li a, .navRight li a{
text-decoration:underline;
color:#0194dd;
}
.navLeft li{
padding:0 0 0 30px;
float:left;
}
.navRight li{
text-align:right;
float:right;
}
.chart{
background:url(../img/chart.png) no-repeat;
}
.navLeft li.tradesHistory{
padding:0 0 0 40px;
width:60px;
background:url(../img/trades.png) 0 2px no-repeat;
line-height:13px;
}
.tradesHistory a{
font-size:10px;
}
.navLeft li.assetsHistory{
padding:0 0 0 40px;
width:60px;
background:url(../img/assets.png) 0 2px no-repeat;
line-height:13px;
}
.assetsHistory a{
font-size:10px;
}
.compare{
padding:0 20px 0 10px;
background:url(../img/compare.png) no-repeat;
}
.settings{
padding:0 15px 0 8px;
background:url(../img/settings.png) no-repeat;
}
.navRight .delete{
width:65px;
padding:0 10px 0 0;
background:url(../img/delete.png) no-repeat;
}
/* }}} */
/* portfoilo new {{{ */
#page .portfolioNew .columnLeft{
width:35%;
padding:0 0 0 130px;
}
#page .portfolioNew .columnRight{
width:47%;
}
#page .portfolioNew .columnRight p{
width:85%;
}
#page .portfolioNew .title h2{
font-size:16px;
margin:40px 0;
}
.step1Parameters{
margin:100px 0 0;
}
.step2Parameters{
margin:30px 0 0;
}
.step1Parameters ul, .step1Parameters li,
.step2Parameters ul, .step2Parameters li{
margin:0;
padding:0;
background:none;
}
.step1Parameters li{
margin:20px 0;
}
.step1Parameters label, .step2Parameters label{
display:block;
width:130px;
float:left;
}
.step1Parameters input, .step1Parameters select,
.step2Parameters input{
margin:0 10px 0 0;
float:right;
width:200px;
}
.step3, .step4{
margin:0 0 0 130px;
width:80%;
}
.step3Parameters ul{
width:100%;
}
.step3Parameters li{
display:block;
width:20%;
float:left;
text-align:right;
}
.step3Parameters label, .step3Parameters input{
display:block;
width:100px;
margin:0 10px;
}
.step3Parameters .label6, .step3Parameters param6{
text-align:left;
}
#addStock{
margin:0  auto;
width:60px;
height:40px;
color:#0194dd;
text-decoration:underline;
border:1px solid #333;
background:#fff;
}
.stepDescription{
margin:20px 0 0;
}
.stepDescription p{
margin:0 0 10px 0;
}
.stepControl label{
font-size:18px;
}
.saveAndGo, .saveAndReturn{
display:block;
width:30%;
line-height:50px;
float:left;
font-size:18px;
text-decoration:underline;
}
.saveAndReturn{
float:right;
}
/* }}} */
/* member page {{{ */
.memberDescription{
margin:0 auto;
width:55%;
}
.memberDescription p{
margin:0 0 30px 0;
}
.memberDescription p a{
text-decoration:underline;
}
.memberPageForm{
width:40%;
margin:100px auto 0 auto;
}
.memberPageForm li{
margin:10px 0;
}
.memberPageForm label{
display:block;
width:100px;
float:left;
}
.memberPageForm input, .memberPageForm select{
margin:0 70px 0 0;
float:right;
width:200px;
}
.memberPageForm .paramNote{
margin:10px 0;
}
.memberPageForm .button{
width:70px;
padding:3px 0;
border:1px solid #333;
background:#fff;
margin:50px 0 0;
text-transform:capitalize;
text-decoration:underline;
color:#0194dd;
}
.memberPageForm .left{
float:left;
margin-left:110px
}
.memberPageForm .right{
float:right;
margin-right:110px;
}
.memberPageForm .disabled{
border:1px solid #aaa;
color:#aaa;
}
/* }}} */
/* {{{ */
#head .portfolioTitleBlock{
position:relative;
top:22px;
margin:0 auto;
width:990px;
height:25px;
line-height:25px;
text-align:center;
font-weight:bold;
font-size:18px;
border-bottom:2px solid #29176b;
background:#fff;
}
.portfolioTitleBlock li{
display:inline;
}
.portfolioTitleBlock *{
font-size:12px;
}
.portfolioTitleBlock select{
width:150px;
}
.portfolioTitleBlock a.selectPortfolio{
padding:2px;
background:#fff url(../img/prMain.png) right -60px  no-repeat;
}
.portfolioTitleBlock a.link div{
padding:0 4px 0;
display:inline;
}
.portfolioTitleBlock a.link:hover, .portfolioTitleBlock a.selected{
position:relative;
top:22px;
padding:22px 0 0;
background:#fff;
border-bottom:2px solid #29176b;
color:#000;
}
.portfolioTitleBlock a.link:hover div, .portfolioTitleBlock a.selected div{
position:relative;
padding-top:5px;
color:inherit;
background:#fff;
border-bottom:2px solid #29176b;
bottom:0;
}
.portfolioTitleBlock a.link:hover div.rightEdge, .portfolioTitleBlock a.selected div.rightEdge{
background:#fff url(../img/portfolioMenuRight.png) no-repeat;
border:0;
bottom:-2px;
}
.portfolioTitleBlock a.link:hover div.leftEdge, .portfolioTitleBlock a.selected div.leftEdge{
background:#fff url(../img/portfolioMenuLeft.png) no-repeat;
border:0;
bottom:-2px;
}
/* }}} */
/* login page {{{ */
.login-variants{margin:0 0 20px}
.registered, .signup{width:45%}
.registered{float:left}
.signup{float:right}
/* }}} */
/* contact page {{{ */
.contact-form{float:left;width:59%}
.contact-info{float:right;width:40%;margin:100px 0 0}
a.twitter, a.facebook, a.linkedin{padding:3px 0 3px 18px;text-decoration:none}
.twitter{background:url(../img/social-icons/twitter-ico.png) left center no-repeat}
.facebook{background:url(../img/social-icons/facebook-ico.png) left center no-repeat}
.linkedin{background:url(../img/social-icons/linkedin-ico.png) left center no-repeat}
/* }}} */

/* IE6 */
* HTML #head form .lfLeft{
margin-left:25px;
}
* HTML #head form .lfRight{
margin-right:15px;
}
* HTML #head .lfBottomLeftCorner, * HTML #head .lfBottomRightCorner{
position:relative;
bottom:-2px;
}
* HTML #middle .columnRight li a{
position:relative;
left:-45px;
}
* HTML #middle .columnRight li p a{
position:static;
}
* HTML .pbhTitle{
position:relative;
top:22px;
height:22px;
background:#fff;
}
* HTML .portfolioBlockHeader .lfBottomLeftCorner, * HTML .portfolioBlockHeader .lfBottomRightCorner{
position:relative;
bottom:-2px;
}
* HTML .navRight{
width:290px;
}
* HTML .pdTitle{
margin-top:-50px;
}
* HTML .pdtContent{
position:relative;
top:15px;
}
* HTML #middle .title4{
margin:30px 0 0;
height:16px;
float:left;
overflow:hidden;
}
* HTML #middle .title4 h2{
position:relative;
top:-40px;
white-space:nowrap;
width:10px;
}
/* IE7 */
*+ html #head .loginForm{
padding:0 0 10px 0;
}
*+ html #middle .columnRight li a{
position:relative;
left:-45px;
}
*+ html #middle .columnRight li p a{
position:static;
}
*+ html .pbhIE7crap{
margin:-70px 0 100px 0;
}
*+ html .pbhTitle{
height:20px;

margin:75px auto 0 auto;
}
*+ html .pdtContent{
margin:-15px auto 0 auto;
position:relative;
top:20px;
height:auto;
}
*+ html .portfolioDetails{
overflow:hidden;
}
*+ html #middle .pbhIE7crap2 .lfBottomLeftCorner,
*+ html #middle .pbhIE7crap2 .lfBottomRightCorner,
*+ html #middle .pbhIE7crap2 h3{
position:relative;
top:-5px;
bottom:0;
}
*+ html .portfolioTitleBlock a.link:hover,
*+ html .portfolioTitleBlock a.selected{
position:relative;
top:21px;
padding:22px 0 0;
background:#fff;
color:#000;
}

.divStyle {float:left; margin:20px; border:1px; border-color:black;}
.style1 {color:#FF0000}