/* ######### Start Slider ######### */
.container {
	width: 978px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;

}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:296px;	width: 978px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 25px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	width: 209px;
	background: url(../../../img/brokers/paging_bg3.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
/* ######### Landing page ######### */
.sliderPhoto{
width:978px;
height:296px;
margin:0 auto
}
.landingDiv{
width:978px;
margin:0 auto;
position:relative;
padding-top:20px
}
.landingDivRight{
float:right;
width:576px;
}
.landingDivRight .logoPhoto{
float:left;
width:150px;
padding-bottom:10px;
}
.landingDivLeft{
float:left;
width:300px;
padding-left:30px;
}
.featuresDiv{
width:570px;
float:left;
border:1px solid #aed2ff;
padding:2px
}
.featuresDiv .header{
width:560px;
float:left;
background:#e4f0ff;
height:20px;
text-align:right;
font-family:"Times New Roman", Times, serif;
font-size:15px;
color:#0b63af;
padding:3px 10px 0 0;
direction:rtl;
font-weight:bold
}
.featuresDiv ul{
width:500px;
padding:10px 30px 0 0;
margin:0;
list-style-type:none;
float:right
}
.featuresDiv ul li{
background:url(../../../img/brokers/dots.gif) no-repeat right 7px;
float:right;
padding:0 20px 15px 0;
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
color:#0b63af;
width:400px;
direction:rtl;
text-align:right
}


/* ######### Start tabs ######### */
.clear{clear:both}
.tabsContainer{
width:998px;
margin-top:10px;
float:right
}
.tabsBody{
border:1px solid #add2fe; width:978px; margin-bottom: 1em; padding: 10px; float:right
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 11px tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
margin-right:10px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
margin-right: 3px;
color:#0b63af;
float:right;
border-bottom:none;
background:url(../../../img/brokers/tabLink.gif) no-repeat;
width:83px;
height:22px;
padding:5px 0 0 0;
text-align:center;
}
.shadetabs li a:hover{
text-decoration: underline;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background:url(../../../img/brokers/tabLink.gif) no-repeat;
width:83px;
height:22px;
font-weight:bold
}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(../../../img/brokers/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}


.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../../../img/brokers/indentbg2.gif) center center repeat-x;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
/* ######### End tabs ######### */

.wizardContainer{
width:978px;
float:right;

}
.wizardContainer .topIcon{
float:right;
padding:15px;
}
.wizardContainer .smallLogo{
float:left;
width:200px;
padding-top:50px;
padding-left:267px;
}
.leftBanner{
float:left;
text-align:center;
width:200px;
}
.formRight{
width:710px;
float:right;
}

.leftBanner img{
border:1px solid #3fbdf9
}
/* scrollable root element */
#wizard li {
	margin-top:0 !important;
	list-style-type:none !important;
	list-style-image:none !important;
}
#wizard {	
	background:url(../../../img/brokers/wizard_bg.gif) repeat-x;

	
	height:700px;

	
	overflow:hidden;
	position:relative;
	
width:700px;
border:2px solid #3fbdf9;
float:right;
}  



/* scrollable items */
#wizard .items {
	width:20000em;	
	clear:both;	
	position:absolute;	
	height:auto;
    float:right;
}



#wizard .page {
float:left;
padding:20px 30px;
*padding:40px 55px;
width:620px;
direction:rtl;
}




/* title */
#wizard h2 {
border-bottom:1px dotted #CCCCCC;
font-size:22px;
font-weight:normal;
margin:10px 0 10px 0;
padding-bottom:15px;
font-family:"Times New Roman", Times, serif;
color:#0b63af;
}
#wizard h2 img{
float:right;
padding:0 0 0 6px;
margin-top:-8px
}
#wizard .logoBoker{
position:absolute;
left:50px;
top:15px;
}
#wizard h2 em {
color:#666666;
display:block;
font-size:14px;
font-style:normal;
margin-top:5px;
}
/* input fields */
#wizard ul {
margin:0 !important;
padding:0 !important;
}
#wizard li {
list-style-image:none;
list-style-type:none;
margin-bottom:10px;
}

#wizard label .capsha {
float:right;
padding-left:10px
}
#wizard label {
display:block;
font-size:12px;
font-family:tahoma;
}
#wizard label strong {
color:#778899;
position:relative;
top:-1px;
}
#wizard label em {
color:#666666;
font-size:11px;
font-style:normal;
padding-bottom:5px;
}
#wizard .text {
border:1px solid #CCCCCC;
color:#445566;
letter-spacing:1px;
padding:5px;
width:600px;
}
#wizard .textArea {
border:1px solid #CCCCCC;
color:#445566;
letter-spacing:1px;
padding:5px;
width:600px;
height:100px;
}
#wizard .textSmall {
border:1px solid #CCCCCC;
color:#445566;
letter-spacing:1px;
padding:5px;
width:136px;
}
#wizard .textMed {
border:1px solid #CCCCCC;
color:#445566;
letter-spacing:1px;
padding:5px;
width:190px;
}
#wizard .textMed2 {
border:1px solid #CCCCCC;
color:#445566;
letter-spacing:1px;
padding:5px;
width:70px;
}
#wizard .textMed3 {
border:1px solid #CCCCCC;
color:#445566;
letter-spacing:1px;
padding:5px;
width:238px;
}
#wizard select {
border:1px solid #CCCCCC;
padding:4px;
width:200px;
}
#wizard .select_large {
border:1px solid #CCCCCC;
padding:4px;
width:613px;
}
#wizard label span {
color:#B8128F;
font-size:11px;
font-weight:bold;
}
#wizard .fours label {
width:145px;
margin-left:10px;
_margin-left:2px;
float:right
}
#wizard .fours .labelLong{
width:200px;
}
#wizard .three label {
margin-left:10px;
_margin-left:2px;
float:right
}
#wizard .double .text {
width:93%;
}

#wizard .clearfix {
clear:left;
padding-top:10px;
}
#wizard .right {
float:left;
}
#wizard .next,.prev {
background:#0b63af;
border:none;
color:#fff;
padding:5px 5px 5px 5px;
text-align:center;
font-size:11px;
font-family:tahoma;
margin-left:8px
}

/* validation error message bar */
#drawer {
background:#fff url(../../../img/brokers/h80.png) repeat-x scroll 0 0;
border-bottom:2px solid #778899;
display:none;
font-size:15px;
left:0;
overflow:visible;
padding:15px;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:2;
font-family:tahoma;
direction:rtl;
}
#wizard #status {
background:url(../../../img/brokers/statusBg.gif) repeat-x scroll 0 0 #112233;
height:35px;
margin:0 !important;
padding-left:25px !important;
width:682px;
}

#status li {
color:#FFFFFF;
float:right;
list-style-image:none;
list-style-type:none;
padding:10px 28px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
direction:rtl;
}

#status li.active {
font-weight:normal;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
background:url(../../../img/brokers/statusBg_active.gif) repeat-x;
direction:rtl;
}

#wizard .error {

}
#wizard label em.bold {
font-weight:bold;
font-family:"Times New Roman", Times, serif;
font-size:15px;
padding-bottom:0
}
.scorllerDiv{
float:right; 
width:590px; 
height:100px;
overflow:scroll; 
border:1px solid #ccc; 
padding:10px;
font-size:11px;
font-family:tahoma;
direction:rtl;
}
.floatRight{
float:right
}
.bold{font-weight:bold}
/* ######### demo Account ######### */
.rightData{
width:685px;
float:right;
border:1px dashed #bde0fd;
padding:20px;

}
.rightData p {
font-family:tahoma;
font-size:13px;
line-height:1.6em;
margin:0;
padding:0 0 10px;
direction:rtl;
}
.redTxt{
color:#C00A00
}
.rightData a{
color:#0B63AF;
text-decoration:none
}
.rightData .accountName{
width:250px;
float:right;
margin-right:20px;
margin-left:50px;
_margin-left:30px;
margin-bottom:20px;
border:1px dashed #bde0fd;
padding:10px;
height:130px;
text-align:center;
}
.rightData .accountName img{
border:1px dashed #bde0fd;
text-align:center;
cursor:pointer;
cursor:hand;
}
.rightData .accountName p{
width:200px;
margin: 0 auto;
text-align:center;
padding:10px 0 0 0;
margin-top:10px
}
.mainContent{
width:978px;
float:right;
direction:rtl;
margin-top:20px
}
.logoContent{
width:978px;
float:right;
margin-bottom:20px;
background:#fafbff
}
.logoContent .logoImg{
width:300px;
float:right;
height:100px;
border:1px dashed #bde0fd;
padding:30px 0 0 0
}
.logoContent .logoImg:hover, .logoContent .textPargraph:hover{
border:1px dashed #0b63af;
}
.logoContent .textPargraph{
float:right;
width:620px;
margin-right:10px;
border:1px dashed #bde0fd;
padding:10px;
font-family:tahoma;
font-size:13px;
height:110px;
line-height:1.5em
}

/* ######### Form Client #########  */

.tabelForm{
width:690px;
float:right;
direction:rtl
}
.tabelForm .rowTitle{
width:690px;
background:#e9f3ff;
height:21px;
padding:3px;
border-top:1px solid #acd0fc;
float:right
}
.tabelForm .titleText{
width:220px;
float:right;
border-left:1px solid #acd0fc;
padding:0 10px 0 0;
font-size:16px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
color:#0b63af;
}
.tabelForm .titleText1{
width:190px;
float:right;
border-left:1px solid #acd0fc;
padding:0 10px 0 0;
font-size:16px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
color:#0b63af;
}
.tabelForm .account{
border-left:1px solid #ACD0FC;
border-top:1px solid #E9F3FF;
color:#0B63AF;
float:right;
font-family:"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
padding:0 10px 0 0;
width:175px;
}
.tabelForm .account2{
border-left:1px solid #ACD0FC;
border-top:1px solid #E9F3FF;
color:#0B63AF;
float:right;
font-family:"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
padding:0 10px 0 0;
width:140px;
}
.tabelForm .account3{
border-top:1px solid #E9F3FF;
color:#0B63AF;
float:right;
font-family:"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
padding:0 10px 0 0;
width:140px;
}
.noneBorder{
border:none !important
}
.tabelForm .rowContent{
width:690px;
float:right;
padding:3px;
}
.tabelForm .rowContent2{
width:690px;
float:right;
padding:3px;
height:20px;
}
.tabelForm .textTable{
border-left:1px solid #ACD0FC;
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:65px;
padding:0 10px 0 0;
width:220px
}
.tabelForm .textTable3{
border-left:1px solid #ACD0FC;
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:65px;
padding:0 10px 0 0;
width:190px
}
.tabelForm .textTable4{
border-left:1px solid #ACD0FC;
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:65px;
padding:0 10px 0 0;
width:140px
}
.tabelForm .textTable span,.tabelForm .textTable3 span,.tabelForm .textTable4 span{
margin-left:30px;
float:right
}
.tabelForm .textTable a ,.tabelForm .textTable3 a,.tabelForm .textTable4 a{
color:#0b63af;
background:url(../../../img/brokers/download.gif) no-repeat center left;
float:left;
padding-left:23px
}
.tabelForm .textTable2{
border-left:1px solid #ACD0FC;
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:22px;
padding:0 10px 0 0;
width:220px
}
.tabelForm .textTable2 span{
margin-left:30px;
float:right
}
.tabelForm .textTable2 a{
color:#0b63af;
background:url(../../../img/brokers/download.gif) no-repeat center left;
float:left;
padding-left:23px
}
.tabelForm .accountTable2 a,.tabelForm .accountTable3 a{
color:#0b63af;
background:url(../../../img/brokers/download.gif) no-repeat center left;
padding-left:23px;
}

.tabelForm .accountTable{
border-left:1px solid #ACD0FC;
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:65px;
padding:0 10px 0 0;
width:175px;
}
.tabelForm .accountTable2{
border-left:1px solid #ACD0FC;
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:22px;
padding:0 10px 0 0;
width:140px;
}
.tabelForm .accountTable3{
color:#000000;
float:right;
font-family:tahoma;
font-size:12px;
min-height:22px;
padding:0 10px 0 0;
width:140px;
}
.tabelForm .accountTable img{
text-align:center;
padding:5px 15px 5px 0
}
.lightBlue{
background:#f5f8ff;
}

.news-mesrow{
padding:15px;
text-align:right;
height:182px;
font-family:tahoma;
font-size:12px;
font-weight:bold;
}
.sendsuc{
font-family:tahoma;
font-size:12px;
font-weight:bold;
}
.jobtitleclass{
	display:none;
	width:150px;
}