@charset "UTF-8";
/* CSS Document */

html {	font-size: 100%;height: 100%;	margin-bottom: 1px; }/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */

/*DEFAULT BODY STYLES + BG FOR MAIN AND LOGIN SCREENS*/
body {font-family:  'Lucida Grande',"Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 140%; padding: 0 0 50px 0; position: relative}

p {padding-bottom: 7px}
.clear {clear: both}
strong {font-weight: bold}
a, a:hover {text-decoration: none}
em {font-style:italic}

/*UL*/
ul.points {list-style: none; padding: 15px 0}
ul.points li {padding: 3px  0 3px 20px;}

/*MAIN CONTAINERS*/
div.Wrapper {width: 1000px; float: left; position: relative; }
div.TopWrap {height: 200px;}
div.NavPane {width: 200px; position: absolute; left: 0; top: 0; }
div.ContentPane {width: 800px; float: left; padding: 0 0 0 200px}

/*SUB CONTAINERS*/
.container1 {width:770px; margin: 15px 0 0 30px; float: left; padding: 15px 0 0 0; clear: both }
.container2 {width:370px; margin: 15px 0 10px 30px; float: left; padding: 15px 0 0 0 }
.container3 {width:300px; margin: 15px 0 10px 30px; float: left; padding: 15px 0 0 0 }
.container4 {width:170px; margin: 15px 0 10px 30px; float: left; padding: 15px 0 0 0 }
.container5 {width:570px; margin: 15px 0 10px 30px; float: left; padding: 15px 0 0 0 }

.search_container {width:270px; margin: 0 0 10px 30px; float: left; padding: 0 0 0 0 }
.search_button {width:170px; margin: 0 0 10px 30px; float: left; padding: 0 0 0 0 }

/*HEADER*/
div#logo {width: 1010px; height: 200px; display: block; position: absolute; top: 0; left: 0;}
div#logo h1 {position: absolute; }
div#logo h1 a {text-indent: -9999px; display: block;}
div#logo .header_strapline {font-size: 16px; position: absolute; top: 95px; left: 230px}

div#logo ul#welcome {list-style: none; margin-top: 30px; color: #ababab; font-size:10px;}
div#logo ul#welcome li {float: right; margin: 0 10px 0 0}
div#logo ul#welcome li#last {clear: both;  padding: 8px 0 0 0; }
div#logo ul#welcome li strong {font-weight: normal; color: #ece0d2}
div#logo ul#welcome li a {text-decoration: none; padding: 1px 0 1px 10px; color:#ababab}
div#logo ul#welcome li a:hover {color: #efefef; }

div#logo ul#welcome li#eng a {border-left: none; background:url(/images/flags/gb.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}
div#logo ul#welcome li#esp a {border-left: none; background:url(/images/flags/es.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}

/*MENU*/
.first {border: none}
.menu_main_section h4 {padding: 15px 0 15px 50px; font-weight: normal;}
.menu_main_section ul li a {padding: 6px 20px; text-align: left; display: block; text-decoration: none; font-size:11px}

/*DASHBOARD*/
.welcome_list {padding: 20px 30px; border: 1px solid #b8c6d2; background: url(/images/layout/highlight_blue.gif) repeat-x #dae6f1;}
.welcome_list img {margin-right: 20px; position: relative; top: 3px}
.welcome_list .upload {margin-right: 20px; width: 350px;}

/*FORMS*/
.mdas_form {}
.mdas_form fieldset {border: none; outline: none; background:url(/images/icons/cross_circle.png) no-repeat -9999px -9999px}/*give the fieldset the image background so that it loads ready for jQuery execution*/
.mdas_form label {display: block;	position: relative;  padding: 10px 0; clear: both; float: left; width: 100%; height: 45px}
.mdas_form label.ta {height: 175px}
.mdas_form fieldset input {border: 1px solid #CCCCCC; height: 14px; padding: 6px 5px 4px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.mdas_form fieldset select {border: 1px solid #CCCCCC; height: 27px; padding: 5px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.mdas_form fieldset textarea {height: 143px;display: block; border: 1px solid #CCCCCC; overflow: auto; padding: 5px 5px; outline: none; position: absolute; bottom: 6px; left: 0; background: #f7f7f7}
.mdas_form label.error {color: #da3939; font-size: 10px;	font-style: italic;	width: 40%; text-align: right; padding: 0 20px 0 0; background:url(/images/icons/cross_circle.png) no-repeat center right; position: absolute; top: 10px; right: 0; height: 16px }

.mdas_form fieldset .label1 input,
.mdas_form fieldset .label1 textarea,
.mdas_form fieldset .label1 select {width: 200px;}
.mdas_form fieldset .label2 input,
.mdas_form fieldset .label2 textarea,
.mdas_form fieldset .label2 select  {width: 270px;}
.mdas_form fieldset .label3 input,
.mdas_form fieldset .label3 textarea,
.mdas_form fieldset .label3 select  {width: 370px;}

.mdas_form fieldset label.label_calendar1 input {width: 170px; padding: 6px 5px 4px 30px }
.mdas_form fieldset label.label_calendar2 input {width: 240px; padding: 6px 5px 4px 30px }
.mdas_form fieldset label.label_calendar3 input {width: 340px; padding: 6px 5px 4px 30px }

/*OTHER FORM ITEMS*/

em {color: red; }
fieldset {border: 1px solid #aaa; padding: 10px; }
fieldset legend {font-weight: bold; padding: 6px; }

.input_field { padding: 1px 6px; margin: 0px 0px 4px 0px; }
.input_field label {color: #333; display:block;	text-align:right; width:200px; float:left;	position: relative; top:3px; padding-right: 6px; }
.field_desc { padding-left: 6px; margin-bottom: 4px; color: #868176; }
.field_desc:hover { color: #59544A; }

input.tinyfield { width: 15px; } 
input.smallfield { width: 100px; }
input.mediumfield { width: 200px; }
input.bigfield { width: 400px; }

input[type=radio] { background: #fff; padding: 3px 8px; margin: 2px 0px; margin: 0px 2px 0 2px; } 
input[type=text],
input[type=password],
textarea { background: #fafafa; border: 1px solid #ccc; padding: 1px 8px; margin: 0px 2px 0 2px;  }
textarea { width: 97%; margin-bottom: 6px; }

input[type=text]:focus,
input[type=password]:focus,
textarea:focus { background: #FFF; }

.validate_success {	padding-left: 18px; margin-left: 4px; }
.validate_error { padding-left: 18px; margin-left: 4px; }
.validate_wait { padding-left: 18px; margin-left: 4px; }
.validate_success {	background: url(/images/validate_success.png) no-repeat left 50%; color: #39ce31; }
.validate_error { background: url(/images/validate_error.png) no-repeat left 50%; color: #d33232; }
.validate_wait { background: url(/images/postbackwait.gif) no-repeat left 50%; COLOR:#cccccc; }

/*BULLETPROOF BUTTON : <button> version based on the <a> of Cameron Moll : http://www.cameronmoll.com/  */
.button {float: right; margin: 10px 0 5px 10px; background: url(/images/layout/box-right.gif) top right no-repeat; clear: both}
.btn-inner {margin: 0;padding: 7px 0 0 0;background: url(/images/layout/box-left.gif) top left no-repeat;text-align: center;}		
.btn-inner span {display: block;margin: 0;padding: 0 0 0 17px;background: url(/images/layout/box-left.gif) bottom left no-repeat;}	
.btn-inner em {margin: 0;display: block;background: url(/images/layout/box-right.gif) bottom right no-repeat; font-style:normal}
.btn-inner button {outline: none;border: none;margin: 0;padding: 0px 20px 13px 0px;color:#a59a92;font-size: 11px;text-transform:capitalize; background: none}
.btn-inner button img {margin-right: 5px; position: relative; top: 3px; left: -2px}
.btn-inner button:hover {color: #ffffff;cursor: pointer;}		

/*NOTIFICATIONS -controls*/
a.close {position: absolute; top: 5px; right: 5px; padding-right: 15px; color:#990000; background: url(/images/icons/cross_small.png) no-repeat right center; font-size:9px}

/*NOTIFICATIONS -defaults*/
div.notification {position: relative; margin: 5px 0 5px 0; font-weight: bold; }
div.notification em {padding: 15px; font-style:normal; display: block; color:#333;}
div.notification em img {margin-right: 10px; position: relative; top: 3px;}

/*NOTIFICATIONS -variations*/
div.error {border: 1px solid #d7bbb8; background: url(/images/layout/highlight_red.gif) repeat-x #f6dcd9;}
div.confirm {border: 1px solid #cad3a6; background: url(/images/layout/highlight_green.gif) repeat-x #dfe9b8;}
div.attention {border: 1px solid #dbd6a1; background: url(/images/layout/highlight_yellow.gif) repeat-x #f8f2b7;}
div.information {border: 1px solid #b8c6d2; background: url(/images/layout/highlight_blue.gif) repeat-x #dae6f1;}

/* TABLES */	
table.mdas_table  {border-collapse: collapse; margin: 0; width: 100%;border: 1px solid #CCCCCC; border-right: none; font-size:11px}
table.mdas_table thead th{border-bottom: 1px solid #CCCCCC; color:#333333;text-align:left; font-weight:normal; font-size:11px; text-transform:uppercase; padding: 15px 20px 15px 25px; border-right: 1px solid #CCCCCC}
table.mdas_table thead th.asc{background: url(/images/icons/arrow_090.png) no-repeat 4px center;}
table.mdas_table thead th.desc{background: url(/images/icons/arrow_270.png) no-repeat 4px center;}

table.mdas_table  td { padding: 0 10px 0 20px; height: 3.2em; vertical-align: middle; background: #f7f7f7; border-right: 1px solid #CCCCCC;}
table.mdas_table  td a { display: block; padding: 10px 0; }
table.mdas_table  tr.odd td { background: #f1f1f1;}
.tablefooter      {text-align:right; font-style:italic}

/*MOUSEOVER*/
table.clickable tr.over td,
table.clickable tr:hover td { cursor: pointer; background: #E8E4DE }
table.clickable tr:hover a {}

table.mdas_table a.table_view {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/magnifier.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_view:hover {background:url(/images/icons/magnifier_left.png) no-repeat; }
table.mdas_table a.table_delete {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/cross.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_edit {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/pencil.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_comment {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/balloon.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_select {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/tick.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_bunit {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/home.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_adviser {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/adviser.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_master {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/blogs_stack.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_sub {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/blog.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_pdf {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/pdf.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_excel {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/excel.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_word {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/word.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_yes {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/tick.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_yes_disabled {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/tick_disabled.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_no {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/cross.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_wand {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/wand.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_flag {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/flag.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_commentadd {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/balloon__plus.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_deposit {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/money--plus.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_withdrawal {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/money--minus.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_buy {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/receipt_plus.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_sale {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/receipt_minus.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_text {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/documents_text.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_html {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/document-globe.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_info {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/information-frame.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_bugger {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/exclamation.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_uncheck {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/ui-check-box-uncheck.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_plus {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/plus.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_plussmall {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/plus_small.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_minus {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/minus.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_minussmall {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/minus_small.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_form {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/notebook_arrow.png) no-repeat; float: left; margin: 0 10px 0 15px}
table.mdas_table a.table_save {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/disk.png) no-repeat; float: left; margin: 0 10px 0 0}
table.mdas_table a.table_loading {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(/images/icons/loader.gif) no-repeat; float: left; margin: 0 10px 0 0}

/*TABLE - RECORD PAGINATION*/
.pagination {padding: 20px 0; text-transform:uppercase; font-size:9px}
.pagination a {text-decoration: none; color:#666666; background: #f1f1f1; padding: 6px 9px; margin: 0 3px 7px 0; border: 1px solid #CCCCCC; } 
.pagination span {text-decoration: none; width: 200px; color:#666666; padding: 6px 9px; margin: 0 3px 7px 0;  } 
.pagination select {position: relative; top: 4px; }
.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
.pagination a.selected { color: #ffffff; background: #5e5552; border: 1px solid #5e5552 }
.pagination a.excel { background: #f1f1f1 url(/images/icons/excel.png) no-repeat ; padding-left: 25px; background-position: 5px 6px; }
.pagination a.pdf { background: #f1f1f1 url(/images/icons/pdf.png) no-repeat; padding-left: 25px; background-position: 5px 6px;}

/*COMMAND BUTTONS*/
.mdas_command {padding: 20px 0; text-transform:uppercase; font-size: 8pt; clear:both;}
.mdas_command a {text-decoration: none; color:#666666; background: #f1f1f1; padding: 8px 10px; margin: 0 3px 7px 0; border: 1px solid #CCCCCC; } 
.mdas_command a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
.mdas_command a.add { background: #f1f1f1 url(/images/icons/plus.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.delete { background: #f1f1f1 url(/images/icons/cross.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.cancel { background: #f1f1f1 url(/images/icons/cross_circle.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.update { background: #f1f1f1 url(/images/icons/card__pencil.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.back { background: #f1f1f1 url(/images/icons/arrow_skip_180.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.go { background: #f1f1f1 url(/images/icons/arrow.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.submit { background: #f1f1f1 url(/images/icons/document__plus.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.scan { background: #f1f1f1 url(/images/icons/printer__arrow.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.upload { background: #f1f1f1 url(/images/icons/document__arrow.png) no-repeat; padding-left: 28px; background-position: 5px 9px;}
.mdas_command a.loading { background: #f1f1f1 url(/images/dnnanim.gif) no-repeat; padding-left: 28px; background-position: 5px 9px;} 
.mdas_command a.yes { background: #f1f1f1 url(/images/icons/tick.png) no-repeat; padding-left: 28px; background-position: 5px 9px;} 
.mdas_command a.no { background: #f1f1f1 url(/images/icons/cross.png) no-repeat; padding-left: 28px; background-position: 5px 9px;} 
.mdas_command a.yes_disabled { background: #f1f1f1 url(/images/icons/tick_disabled.png) no-repeat; padding-left: 28px; background-position: 5px 9px;} 

/*TEXT AND BUTTON*/
.textandbutton {font-size: 9pt; padding: 0; }
.textandbutton a {position: relative; left: 10px; bottom: 1px; background: #efefef; padding: 0px 10px 0px 10px;  text-decoration: none; color:#666666; border: 1px solid #CCCCCC;} 
.textandbutton a:hover {background: #cfcfcf; color: #fafafa; } 
.textandbutton img {position: relative; left: 15px; } 

/*NAME VALUE PAIRS*/
.namevalue { position: relative; width: 100%;  display: block; font-size: 9pt; padding: 5px;}
.namevalue .n {width: 150px; display: block; float: left; font-weight: bold; text-align:left; }
.namevalue .v {font-weight: normal;  clear:right;}

/*TEXTDROP*/
.select-free  { position: absolute; z-index: 10; overflow: hidden; width: 247px; }
.select-free iframe  { display: none; display: block; position: absolute; top: 0px; left: 0px; z-index: -1;  filter: mask(); width: 3000px; height: 3000px; }
.select-free .bd  { padding: 11px; }

/*LOGIN*/
.login_form {position: absolute; top: 200px; left: 200px; background: url(/images/layout/bg_login_top.gif) no-repeat #FFFFFF; width:600px}
.login_form fieldset {background:url(/images/layout/bg_login_bottom.gif) no-repeat left bottom; padding: 10px 30px 15px 30px; margin-top: 10px}
.login_form label {display: block;	position: relative;  padding: 10px 0 10px 0; float: left; width: 200px; height: 45px;}
.login_form fieldset input {border: 1px solid #CCCCCC; height: 27px; padding: 0 5px; position: absolute; top: 30px; left: 0; outline: none; width: 170px ;background: #f7f7f7}
.login_form .button {clear: none; margin: 30px 0 10px 0}
.login_form a.forgot_login {font-size:10px; float: right; clear: both;}

/* POPUP */
#background_popup {display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:100;}   
.popup_search {display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/   width:600px; background:#FFFFFF; border:2px solid #cecece; z-index:200; margin-top: 165px; padding:12px; font-size:13px; }  
#popup_searchclose{ font-size:12px; cursor: pointer; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; text-transform:uppercase; display:block;   }   
.popup_searchitems {width: 595px; background: #fcfcfc;}
    
/*FOOTER*/
.Footer {font-size:9px; list-style: none; padding: 100px 0 10px 230px; width:770px;}
.Footer li {float: left; margin-right: 10px}

/*IE7 FIX 18/12/2008 */
ul.tabbernav li,
.login_form a.forgot_login {white-space:nowrap;}/*additional*/
.mdas_form {clear: both}/*additional*/
.container1,
.container2 {margin: 0; padding: 20px 0 20px 30px }/*overwrites previous*/

/*TABBER*/
.tabberlive .tabbertabhide { display:none;}
.tabberlive {position: relative; top: -35px; z-index: 0}
.tabberlive .tabbertab {clear: both}
.tabberlive .tabbertab h2 {display:none; }

ul.tabbernav { padding: 0;}
ul.tabbernav li {	list-style: none;  font-size:11px; float: left;	background: url(/images/layout/tab_inactive_left.png) no-repeat; }
ul.tabbernav li.tabberactive {	background: url(/images/layout/tab_active_left.png) no-repeat;}
ul.tabbernav li a {	display: block;	margin: 0 5px; 	padding: 10px 25px;	text-decoration: none;	color: #a59a92;	border-bottom: 0;	background: url(/images/layout/tab_inactive_right.png) no-repeat right top; 	}
ul.tabbernav li a:hover {	color: #ece0d2;	}
ul.tabbernav li.tabberactive a {	color: #333;	background: url(/images/layout/tab_active_right.png) no-repeat right top; 	}

/*DATEPICKER*/

/* Calender Control */
table.jCalendar th { font-weight: bold; padding: 7px} 
table.jCalendar td { padding: 5px 7px; text-align: center; border-right: 1px solid #342c29; border-bottom: 1px solid #342c29} 
table.jCalendar td.other-month:hover { cursor: default} 

/* For the popup you will probably want to style a.dp-choose-date */
div.dp-popup { position: relative; font-size: 9px; padding: 20px; background: #342c29} 
div#dp-popup { position: absolute; z-index: 199} 
div.dp-popup h2 { font-size: 12px; text-align: center; line-height: 170%; color:#FFFFFF}
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block} 
a#dp-close:hover { text-decoration: underline} 
div.dp-popup a { color: #ac9a7a; text-decoration: none; padding: 5px 5px} 
div.dp-popup a:hover { color: #fff1be} 
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px} 
div.dp-popup div.dp-nav-prev a { float: left} 

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer} 
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default} 
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px} 
div.dp-popup div.dp-nav-next a { float: right} 
div.dp-popup a.disabled { cursor: default; color: #aaa} 
div.dp-popup td { cursor: pointer} 
div.dp-popup td.disabled { cursor: default} 

a.dp-choose-date { width: 16px; height: 16px; display: block; text-indent: -2000px; overflow: hidden; background: url(../img/icons/calendar.png) no-repeat; position: absolute; top: 35px; left: 6px}
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default} 

a.dp-choose-date:hover {cursor: pointer} 

/* makes the input field shorter once the date picker code has run (to allow space for the calendar icon */
input.dp-applied { width: 140px; float: left} 

form.main label input.date-pick { width: 53%;}

/* CONTAINERS */
.ActionButtons {position: absolute; bottom: 0px; right: 0px;}

/* ORDERS SCREEN */
.container1_shaded {width:770px; margin: 0 0 15px 0; float: left; padding: 0; clear: both; background: #fdfdfd; border: 1px solid #eaeaea;}
.container1_shaded h4 {padding-left: 10px;} 
.container1_shaded .order_status {display: block; background-color: #9f9f9f; padding: 5px; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef; margin: 0px;  text-align:right; float:right; }
.container1_shaded .order_status em {color: White; font-style:normal; font-weight: bold;}
.container1_shaded .order_portfolio {padding-left: 10px;}