/* SHARED CSS STARTS */
.account-index-table-area {padding:2px 4px; margin:0; width:97%; border:1px solid #c3cce0; background:#fff;}
.account-index-table {padding:0; margin:0; width:100%;}
.account-index-table th {padding:0; margin:0; vertical-align:top; font-weight:bold; text-align:left;}
.account-index-table td {padding:0; margin:0; vertical-align:top;}

.body-wrapper {padding:0; width:100%; float:left;}
.body-main {padding:0; margin:0; width:539px; float:left;}
.body-rightside {padding:0; margin:0;width:216px; float:right;}

.floatleft {float:left;}
.floatright {float:right;}
.margintop {margin-top:12px;}

.rightside-icon-div-left {margin:0; padding:0; width:20px; float:left;}
.rightside-icon-div-right {margin:0; padding:0; width:165px; float:right;}

.largetext {font-size:1.5em; font-weight:bold;}
/* SHARED CSS ENDS */


/* DYNAMIC WHITE BOX STARTS */
.whitebox-wrapper {}
.whitebox-top {width:100%; height:6px; background:url('/produits/servicesdedepot/_assets-custom/images/whitebox.gif') top right no-repeat; display:block; float:left;}
.whitebox-top b {font-size:0; width:3px; height:6px; float:left; background:url('/produits/servicesdedepot/_assets-custom/images/whitebox.gif') top left no-repeat;}

.whitebox-middle {border-right:1px solid #c4cce1; border-left:1px solid #c4cce1; display:block;}

.whitebox-bottom {width:100%; height:6px; background:url('/produits/servicesdedepot/_assets-custom/images/whitebox.gif') bottom right no-repeat; display:block; float:left;}
.whitebox-bottom b {font-size:0; width:3px; height:6px; float:left; background:url('/produits/servicesdedepot/_assets-custom/images/whitebox.gif') bottom left no-repeat;}
/* DYNAMIC WHITE BOX STARTS */


/* TAB SCRIPT STARTS */
.button-area {width:155px; float:left;}
.button-area ul {margin:0; list-style-type:none;}
.button-area ul li {margin:0; padding:0; height:auto; width:155px; float:left;}

.button-area .btn-on a, .button-area .btn-off a {margin:4px 12px 0 15px; width:128px; text-decoration:none; color:#000; background:none; display:block; font-size:.9em;}

.button-area .btn-on {background:url('/produits/servicesdedepot/_assets-custom/images/tab-btn.gif') top right no-repeat;}
.button-area .btn-on b {font-size:0; display:block; height:6px; background:url('/produits/servicesdedepot/_assets-custom/images/tab-btn.gif') bottom right no-repeat;}
.button-area .btn-on i {border-bottom:1px solid #b8b8b8; margin:0; padding:0; font-size:0; display:block; height:3px; overflow:hidden;}
.button-area .btn-on a {font-weight:bold;}
.button-area .btn-on a:hover {text-decoration:none;}

.button-area .btn-off {background:url('/produits/servicesdedepot/_assets-custom/images/tab-btn.gif') top left no-repeat;}
.button-area .btn-off b {font-size:0; display:block; height:6px; background:url('/produits/servicesdedepot/_assets-custom/images/tab-btn.gif') bottom left no-repeat;}
.button-area .btn-off i {border-bottom:1px solid #b8b8b8; margin:0; padding:0; font-size:0; display:block; height:3px; overflow:hidden;}
.button-area .btn-off a {font-weight:normal;}
.button-area .btn-off a:hover {text-decoration:underline;}

.tab-wrapper {float:left; margin-top:12px; background-position:bottom right; background-repeat:no-repeat;}
.tab-content-wrapper {padding:8px; float:left; border-top:1px solid #b8b8b8;}

.account-tab-right-wrapper {width:120px; float:right;}
.account-tab-right-wrapper ul {margin:0 0 12px 0; font-size:.845em;}
/* TAB SCRIPT ENDS */


/* ACCOUNT SELECTOR STARTS */
.account-selector-wrapper {margin-bottom:12px; width:100%; border-bottom:1px solid #e2e6ef; background:url('/produits/servicesdedepot/_assets-custom/images/account-selector-bg.jpg') no-repeat bottom right;}
.account-selector-wrapper table {width:100%; margin-bottom:12px;}
.account-selector-wrapper table td {margin-bottom:4px; _vertical-align:top; vertical-align:top;}

.account-selector-box, .account-selector-box-index {padding:6px; margin:0 8px 12px 8px; text-align:left; border:1px solid #a3b2d1; background:#fff;}
.account-selector-box {width:210px;}
.account-selector-height {height:8.5em;}

.account-selector-box ul {margin:0;}

.recommend-table {width:100%; border-collapse:collapse; margin-bottom:12px; border-top:1px solid #d1d1d1;border-bottom:3px solid #d1d1d1;}
.recommend-table th {padding:8px; text-align:left; font-weight:bold; background:#cdd4e6;}
.recommend-table td {padding:16px 8px 0 8px; text-align:left; background:#f7f4ef;}
.recommend-table td ul {margin:0 0 12px 0;}

.recommend-table-leftside {width:280px; float:left;}
.recommend-table-rightside {float:right; padding:0; margin-right:4px; width:212px;}

.account-table {padding:0; margin:0; width:100%;}
.account-table th {padding:0; margin:0; vertical-align:top; font-weight:bold; text-align:left; background:#fff;}
.account-table td {padding:0; margin:0; vertical-align:top; background:#fff;}
/* ACCOUNT SELECTOR ENDS */

/* START YOUR APPLICATION BOX STARTS */
.start-your-app-bnr {background: url(/uos/_assets/images/callouts/gradient-lightblue-bg.gif) bottom left repeat-x; border:1px solid #cbcdd9}
.get-started-wrapper {padding:14px 12px;}
.get-started-form-wrapper {}
.get-started-form-wrapper input {width:200px;}
/* START YOUR APPLICATION BOX ENDS */

/* HOMEPAGE TABLE STARTS */
.account-selector-box-homepage {float:left; width:220px; padding:4px; margin:0 8px 12px 0; text-align:left; border:1px solid #a3b2d1; background:#fff;}
.account-tab-right-wrapper-homepage {width:110px; float:right;}
.account-tab-right-wrapper-homepage ul {margin:0 0 12px 0; font-size:.9em;}
/* HOMEPAGE TABLE ENDS */