﻿* 
{
   margin: 0;
   padding: 0;
   border: 0;
}

html, body, form, #wrap, #portal-wrap { height: 100%; } /* All the top order elements occupy maximum height */

body > #wrap{ height: auto; min-height: 100%; }

body > #portal-wrap{ height: auto; min-height: 100%; }

body 
{ 
	padding:0; 
	margin:0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
}


/* Common classes */

.dark-blue 
{
   color: #09649d;
}

.clearboth
{
   clear: both;
}

.user-home-item-separator
{
   border-top: 1px solid #EFEFEF;
   clear: both;
   height: 2px;
   width: 100%;   
}

.user-home-item-category-header
{
   clear: both;
   width: 100%;
}

.loading
{
   padding-left:15px;
   padding-top:20px;   
}

.mandatory-field
{
   font-size: 14px;
   color: red;
   margin-left: 5px;
   vertical-align: middle;
   line-height: 18px;
}

a.dp-choose-date 
{
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 3px 0;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}

a.dp-choose-date.dp-disabled 
{
	background-position: 0 -20px;
	cursor: default;
}

/* ------------------------------------------ Buttons --------------------------------------- */

.button-margin-left-15
{
   margin-left: 15px;
}

.button-margin-right-15
{
   margin-right: 15px;
}

.save-button
{
   width: 90px;
   height: 31px;
   margin-top: 10px;
   float: left;
}

.save-button input[type="submit"]
{
   display: block;
   width: 90px;
   height: 31px;
   text-indent: -6666px;
   background: url("images/save-button.png") no-repeat left top;   
}

.save-small-button
{
   width: 64px;
   height: 23px;
   margin-top: 10px;
   float: left;
}

.save-small-button input[type="submit"]
{
   display: block;
   width: 64px;
   height: 23px;
   text-indent: -6666px;
   background: url("images/save-small-button.png") no-repeat left top;   
}

.edit-button
{
   width: 92px;
   height: 31px;
   margin-top: 10px;
   float: left;
}

.edit-button input[type="submit"],
.edit-button a
{
   display: block;
   width: 92px;
   height: 31px;
   text-indent: -6666px;
   background: url("images/edit-button.png") no-repeat left top;   
}

.search-button
{
   width: 98px;
   height: 31px;
}

.search-button input[type="submit"]
{
   display: block;
   width: 98px;
   height: 31px;
   text-indent: -6666px;
   background: url("images/search-button.png") no-repeat left top;   
}

.clear-button input[type="submit"]
{
   float: left;
   display: block;
   width: 99px;
   height: 31px;
   margin-top: 8px;
   margin-left: 8px;
   text-indent: -6666px;
   background: url("images/clear-button.png") no-repeat left top;   
}

.delete-button
{
   width: 98px;
   height: 31px;
   margin-top: 10px;
   float: left;
}

.delete-button input[type="submit"]
{
   display: block;
   width: 98px;
   height: 31px;
   text-indent: -6666px;
   background: url("images/delete-button.png") no-repeat left top;   
}

.delete-small-button
{
   width: 76px;
   height: 23px;
   margin-top: 10px; 
   float: left;  
}

.delete-small-button input[type="submit"],
.delete-small-button a
{
   display: block;
   width: 76px;
   height: 23px;
   text-indent: -6666px;
   background: url("images/delete-small-button.png") no-repeat left top;   
}

.cancel-button,
.create-button
{
   width: 98px;
   height: 31px;
   margin-top: 10px; 
   float: left;  
}

.create-button input[type="submit"],
.create-button a
{
   display: block;
   width: 98px;
   height: 31px;
   text-indent: -6666px;
   background: url("images/create-button.png") no-repeat left top;   
}

.cancel-button input[type="submit"],
.cancel-button a
{
   display: block;
   width: 98px;
   height: 31px;
   text-indent: -6666px;
   background: url("images/cancel-button.png") no-repeat left top;   
}

.cancel-small-button
{
   width: 76px;
   height: 23px;
   margin-top: 10px; 
   float: left;  
}

.cancel-small-button input[type="submit"],
.cancel-small-button a
{
   display: block;
   width: 76px;
   height: 23px;
   text-indent: -6666px;
   background: url("images/cancel-small-button.png") no-repeat left top;   
}

.clear-form-values
{
   height: 25px;
   margin-top: 10px;
   float: left;
   margin-left: 15px;
}

.clear-form-values a
{
   color: #09649D;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1em;
   text-decoration: none;
   text-transform: uppercase;  
   line-height: 22px; 
}

.clear-form-values a:hover
{
   color: #F1271A;
   border-bottom: 1px dotted #F1271A;
}

.loading-bar-holder
{
   float: left;
   margin-left: 20px;
   margin-top: 15px;
}

/* category subtitle */

/* Used for categories within an item */

.user-home-item-category-header .subtitle
{
   color: #09649D;
   float: left;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.0em;
   text-transform: uppercase;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-top: 10px;
}

/* category show/hide */

.user-home-item-category-header .control   
{
   float: right;
}

.user-home-item-category-header .control a   
{
   color: #1543B4;
   display: block;
   height: 13px;
   width: 13px;
   margin: 10px 12px 0 0;
   overflow: hidden;
   text-decoration: none;
   text-indent: -6666px;
   text-transform: uppercase;
}

.user-home-item-category-header .show
{
   background: url("images/expander_plus.jpg") no-repeat left top;   
}

.user-home-item-category-header .hide
{
   background: url("images/expander_minus.jpg") no-repeat left top;   
}

.user-home-item-category-controls
{
   background: url("images/data-holder-body.png") repeat-y left top;
   border-top: 1px solid #EFEFEF;
   clear: both;
   height: 25px;
   padding-top: 10px;   
}

.user-home-item-category-controls .add-new-item
{
   float: left;
   height: 24px;
   padding-left: 15px;   
}

.user-home-item-category-controls .add-new-item a
{
   background: url("images/add-item-small.png") no-repeat left top;
   color: #09649D;
   display: block;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.0em;
   height: 24px;
   padding: 4px 0 0 26px;
   text-decoration: none;
   text-transform: uppercase;
}

/* End common classes */


/* -------------------------------------- Content Layout Common -------------------------------------- */

#wrap 
{
	width: 900px;
	margin:0 auto;
}

#portal-wrap
{
	width: 900px;
	margin:0 auto;
}

#container 
{
	width: 900px;
	margin: 0 auto;	
}

#content-container 
{ 
	padding-bottom: 40px; 
}

#content 
{ 
	padding: 0;
	position: relative;
	text-align: left;
}


.url a {
	color: #0e7ec4;
	font-size: 18px;
	float: right;
	text-decoration: none;
	
}

#content-title
{
   border-bottom: 1px solid #cecece;
   height: 30px;
   margin: 10px auto 0;
   width: 900px;
}

/*
#content-title h2
{
   color: #09649D;
   font-family: Arial, Verdana;
   font-size: 1.8em;
   font-weight: normal;
   line-height: 2.2em;
   float: left;
}
*/

label.add-contact-details-message
{
   color: #09649D;
   font-family: 'Lucida Sans Unicode',Arial;
   font-weight: normal !important;
   letter-spacing: 0em !important;
   line-height: 22px;
   vertical-align: middle;   
}

#content-title h3
{ 
   color: #09649D;
   float: left;
   font-size: 1.6em;
   font-weight: normal;
   line-height: 30px;
   font-family: 'Lucida Sans Unicode', Arial;
}

.create-item-form-title h3.asset,
#content-title h3.asset
{
   float: right;
   margin-right: 10px;
}

.create-item-form-title h3.liability,
#content-title h3.liability
{
   color: #ef350f;
   float: right;
}

.create-item-form-title h3.equity,
#content-title h3.equity
{
   color: #378F17;
   float: right;
   margin-right: 35px;
}

.create-item-form-title select.client-types,
.advisor-list
{
   float: right;
   margin: 5px 10px 0 0;
   height: 21px;
   border: 1px solid #CACACB;
   color: #5F5F5F;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1.1em;
   width: 200px;   
}

.advisor-select
{
   border:1px solid #CACACB;
   color:#5F5F5F;
   float:left;
   font-family:'Lucida Sans Unicode',Arial;
   font-size:1.1em;
   height:21px;
   margin: 20px 10px 20px 0;
   width:300px;
}

.advisor-list
{
   width: 250px;
}

.advisor-list-holder
{
   float: left;
}

.create-item-form-title span.account-type
{
   color: #676767;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1.1em;
   float: right;
   margin-right: 10px;
   line-height: 30px;
}

.delete-confirmation-holder
{
   width: 900px;
   margin: 0 auto;
   margin-top: 40px;
}

.delete-message
{
   color: #666666;
   font-family: 'Lucida Sans Unicode','Lucida Grande',Arial;
   font-size: 1.2em;
   line-height: 22px;
   padding-top: 10px;
   padding-bottom: 20px;
}

/* -------------------------------------- Header - top -------------------------------------- */

#header 
{
   width: 900px;
   height: 240px;
   background: #fff url("images/header-background.jpg") no-repeat top right;   
}

#portal-header
{
   width: 900px;
   height: 145px;
   background: #fff url("images/portal-header-background.jpg") no-repeat top right;   
}

#header-top 
{
   width: 900px;
   height: 90px;
}

#header-top-left
{
   width: 200px;
   height: 90px;
   float: left;
   margin: 0;
   padding: 0;
}

#header-top-left h1
{
   width: 120px;
   height: 75px;
   margin: 0;
   padding: 0;
   padding: 8px 0 0 15px;
}

#header-top-left h1 a, #header-top-left h1 a:link, #header-top-left h1 a:visited 
{
   background-image: url("images/logo.gif");
   background-position: 0 0;
   background-repeat: no-repeat;
   display: block;
   font-size: 10px;
   font-weight: normal;
   width: 120px;
   height: 75px;
   outline-style: none;
   outline-width: medium;
   text-decoration: none;
   text-indent: -5000px;
}

#header-top-right
{
   width: 700px;
   height: 90px;
   float: left;
   margin: 0;
   padding: 0;
}

#header-top-right .login-holder
{
   float: right;
   margin: 8px 0 0 0;
   padding: 0 10px 0 10px;
   height: 24px;   
}

#header-top-right .menu-holder 
{
   float: right;
   clear: both;
   padding: 6px 20px 0 0; 
   width: 700px;
}

#header-top-right .login-holder a
{
   color: #000000;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 1.2em;
}

#header-top-right .login-holder a.register-diy
{
   margin-right: 15px;
}

#header-top-right .login-holder a.login-status
{
   padding: 0 0 0 20px;
   background: url("images/lock.png") no-repeat left top;
}

#header-top-right .login-holder a.logged-in
{
   background: none;
   padding: 0 0 0 20px;
}

#header-top-right .login-holder a.dashboard
{
}

#header-top-right .login-holder a:hover
{
   color: #0d7abe;
}

#header-bottom
{
   width: 900px;
   height: 150px;
}

#header-bottom img
{
   border: 0;
}

/* -------------------------------------- Top Menu -------------------------------------- */

.top-menu, .top-menu *
{
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   margin: 0;
   padding: 0;
   z-index: 1000;
}

.top-menu
{
   float: left;
   font-size: 1.5em;
   line-height: 1.0;
}

.top-menu ul
{
   position: absolute;
   top: -9999em;
   /* width: 10em;    */
   width: 210px;
}

.top-menu ul li, .top-menu a 
{
   width: 100%;
}

.top-menu li 
{
   float: left;
   position: relative;
   z-index: 99;
   padding: 0 8px;
   width: auto;   
}

.top-menu a, .top-menu span 
{
   display: block;
}

.top-menu li:hover ul, ul.nav li.sfHover ul 
{
   left: 1em;
   top: 1.4em;
}

.top-menu li ul li
{
   line-height: 22px;
}


.top-menu li:hover li ul, .top-menu li.sfHover li ul 
{
   top: -9999em;
}

.top-menu li li:hover ul, ul.nav li li.sfHover ul 
{
   left: 11.2em;
   top: 0;
}

.superfish li:hover ul, .superfish li li:hover ul 
{
   top:-9999em;
}

.top-menu li li 
{
   background-color: #20a1f2;
   background-image: none;
}

.top-menu li li:hover, .top-menu li li.sfHover 
{
   background-color: #1e97e3;
}

.top-menu a
{
   color: #ffffff;
   padding: 5px;
   text-decoration: none;
   width: auto;
   text-transform: uppercase;
   font-size: 0.85em;
}

#portal-menu-holder
{
   width: 900px;
   height: 50px;
   margin-top: 2px;
}

#portal-menu-holder ul
{
   list-style-type: none;
   padding: 10px 0 0 10px;
}

#portal-menu-holder ul li
{
   float: left;
   padding: 0 10px 0 10px;
   border-right: 1px solid #3ea3e2;
}

#portal-menu-holder ul li.last
{
   border-right: none;
}

#portal-menu-holder ul li a
{
   color: #FFFFFF;
   display: block;
   float: left;
   font-size: 1.2em;
   letter-spacing: 1px;
   padding: 5px;
   text-decoration: none;
   text-transform: uppercase;
}

/* -------------------------------------- Footer -------------------------------------- */

#footer
{ 
	clear: both; 
	position: relative; 
	z-index: 10; 
	height: 30px; 
	margin-top: -30px; 
}

/* footer theme */

#footer 
{ 
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background: url("images/footer-background.jpg") repeat-x left top;
}

#footer p 
{
	margin-top:0;
	margin-bottom: 0;
	float: left;
	padding: 8px 10px 0 20px;
	color: #585858;
}

#footer p a
{
	color: #d8f0ff;
	text-decoration: none;
}

#footer-menu {
	margin: 0;
	padding: 8px 10px 0 20px;
	list-style: none;
	float: right;
}


#footer-menu li
{
	display: inline;
	margin: 0 0 0 8px;
}
#footer-menu li a
{
	color: #585858;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}

#footer-menu li a:hover
{
	color: #0d7abe;
	border-bottom: 1px solid #0d7abe;
}

#footer-menu li a.active 
{
	color: #0d7abe;
}

#footer-right a
{
	color: #e8e6db;
}

#prefooter {
	margin: 0 0 1px;
	width: 100%;
	height: 1px;
	clear: both;
}

/* -------------------------------------- Home -------------------------------------- */

#home-body
{
   width: 800px;
   margin: 0 auto;
   margin-top: 60px;
   padding-left: 30px;
   border-left: 5px solid #0D7ABE;
}

.home-body-section
{
   font-size: 1.3em;
   color: #585858;
   font-family: Arial;
   padding: 5px;
   line-height: 1.4em;
}

.home-body-section a
{
   text-decoration: none;
   color: #09649d; 
   border-bottom: 1px dotted #09649d;
}

.home-body-section a:hover
{
   text-decoration: none;
   border-bottom: 1px solid #09649d;
}

#home-contact-details
{
   width: 800px;
   margin: 0 auto;
   margin-top: 80px;
}

.address-summary
{
   font-size: 1.2em;
   line-height: 1.6em;
}

.company-name
{
   font-size: 1.1em;
   font-weight: bold;
}

/* -------------------------------------- Library -------------------------------------- */

.library-body
{
   width: 800px;
   margin: 0 auto;
   margin-top: 60px;
}

.library-body h2
{
   font-size: 1.8em;
   font-weight: normal;
   color: #09649d;
   padding: 8px 0 10px 5px;
   border-top: 1px solid #d6d6d6;
   border-bottom: 1px solid #d6d6d6;
}

.library-body h2 a
{
   font-size: 1.0em;
   font-weight: normal;
   color: #09649d;
   margin-left: 10px;
   margin-bottom: 10px;
   text-decoration: none;
}

.library-body h2 a
{
   border-bottom: 1px dotted #09649d;
}

/* -------------------------------------- Products & Services -------------------------------------- */

.products-body
{
   width: 800px;
   margin: 0 auto;
   margin-top: 60px;
}

.products-body h2
{
   font-size: 1.8em;
   font-weight: normal;
   color: #09649d;
   padding: 8px 0 10px 5px;
   border-top: 1px solid #d6d6d6;
   border-bottom: 1px solid #d6d6d6;
}

.products-body h2 a
{
   font-size: 1.0em;
   font-weight: normal;
   color: #09649d;
   margin-left: 10px;
   margin-bottom: 10px;
   text-decoration: none;
}

.products-body h2 a
{
   border-bottom: 1px dotted #09649d;
}

.products-body h3
{
   font-size: 1.4em;
   font-weight: bold;
   color: #09649d;
   margin:  20px 0 3px 0;
   padding-left: 5px;
}

.products-body-section
{
   font-size: 1.3em;
   color: #585858;
   font-family: Arial;
   padding: 5px;
   line-height: 1.4em;
}

.products-body-section a
{
   color: #09649D;   
   border-bottom: 1px dotted #09649D;
   text-decoration: none;
   line-height: 24px;
}

.products-body-section a:hover
{
   text-decoration: none;
   border-bottom: 1px solid #09649D;
}

/* -------------------------------------- About -------------------------------------- */

.about-body
{
   width: 800px;
   margin: 0 auto;
   margin-top: 60px;
}

.about-body h2
{
   font-size: 1.8em;
   font-weight: normal;
   color: #09649d;
   padding: 8px 0 7px 5px;
   border-top: 1px solid #d6d6d6;
   border-bottom: 1px solid #d6d6d6;
   margin-bottom: 10px;
}

.about-body h3
{
   font-size: 1.4em;
   font-weight: bold;
   color: #09649d;
   margin:  25px 0 10px 0;
   padding-left: 5px;
}

.about-body-section,
.pin-body-section
{
   font-size: 1.3em;
   color: #585858;
   font-family: Arial;
   padding: 5px;
   line-height: 1.4em;
}

.about-body-section a
{
   text-decoration: none;
   color: #09649d; 
   border-bottom: 1px dotted #09649d;
}

.about-body-section a:hover
{
   text-decoration: none;
   border-bottom: 1px solid #09649d;
}

.about-body ul,
.about-body ol
{
   float:left;
   padding: 5px 0 10px 30px;  
   width: 100%;  
}

.about-body ul li,
.about-body ol li
{
   line-height: 20px;
   font-size: 14px;
}

/* -------------------------------------- Login -------------------------------------- */

#login-holder 
{
   margin-top: 80px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 600px;
   border-bottom: 1px solid #1371aa;   
}

#login-holder h4
{
   color: #1371aa;
   font-weight: normal;
   font-size: 1.8em;
   line-height: 2.0em;
   letter-spacing: 1px;
}

#login-wrapper,
#pin-wrapper
{
   margin: 0 auto;
   margin-top: 60px;
   min-width: inherit;
   padding: 0 20px 10px;
   text-align: left;
}

#login-wrapper
{
   width: 450px;
}

#pin-wrapper
{
   width: 750px;
}

#pin-wrapper table tr td
{
   width: 105px;
   height: 100px;
}

.pin-pad-holder
{
   width: 350px;
   float: left;
}

.pin-info-holder
{
   float: left;
   width: 400px;
}

.pin-info-holder input[type="password"]
{
   width: 55px;
   font-size: 1.4em;
   margin-bottom: 10px;
}

.pin-info-holder p
{
   color: #585858;
   font-family: Arial;
   font-size: 1.3em;
   line-height: 1.4em;
   padding-bottom: 10px;
}

#login-body
{
   margin: 0 auto;
	background: url("images/login-body-back.png") no-repeat top left;
	padding: 20px 35px 1px 27px;
	/* Give content layout to fix IE7 bug with 100% width tables  */
	zoom: 1.0;  
}

#login-footer
{
	background: url("images/login-footer-back.png") no-repeat top left;
	height: 18px;   
}

#login-body ul
{
   float:left;
   list-style-type:none;
   padding: 25px 0 20px 30px;   
}

#login-body ul li
{
   clear:both;
   width:100%;
   height: 60px;
}

#login-body ul label
{
   color: #09649D;
   float: left;
   font-size: 1.3em;
   width: 80px;
}

#login-body ul input[type="text"], input[type="password"] 
{
   border: 1px solid #dadada;
   color: #09649D;
   float: left;
   font-size: 1.1em;
   height: 18px;
   line-height: 18px;
   margin: 2px 0 0;
   padding: 2px 3px;
   width: 300px;
}

#login-body .login-button-holder
{
   clear: both;
   margin: 0 auto;
   width: 117px;
   height: 40px;
}

#login-body .login-button-holder input
{
   display: block;
   width: 117px;
   height: 40px;
   text-indent: -6666px;
   background: url("images/login-button.png") no-repeat left top;
}

/* -------------------------------------- Portal data holder classes -------------------------------------- */

.data-holder-wrapper
{
   clear: both;
   position: relative;
   margin: 0 auto;
   margin-top: 15px; 
   width: 900px;  
}

.data-holder-top
{
   height: 32px;
   width: 900px;
   background: url("images/data-holder-top.png") no-repeat left top;
}

.data-holder-top .title
{
   float: left;
   padding: 8px 0 0 10px;
   font-size: 1.25em;
   font-weight: bold;
   color: #09649D;
   letter-spacing: 0.05em;
}

.data-holder-top h2
{
   float: left;
   font-size: 1.25em;
   font-family: 'Lucida Sans Unicode', Arial, Verdana;
   font-weight: normal;
   color: #09649D;
   padding: 8px 0 0 10px;
   margin-bottom: 2px;
   letter-spacing: 1px;
}

.chart-wrapper
{
   margin: 0 auto;
   margin-top: 10px;   
   width: 500px;
}

.chart-wrapper h4
{
   color: #09649D;
   float: left;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1.15em;
   font-weight: normal;
   margin-top: 8px;
   padding-bottom: 5px;
   text-align: center;
   width: 100%;
}

.balance-sheet-chart-wrapper
{
   margin-top: 10px;
   width: 450px;
   float: left;
   padding-bottom: 10px;
}

.balance-sheet-chart-wrapper h4
{
   color: #09649D;
   padding-bottom: 5px;
   margin-top: 8px;
   text-align: center;
   float: left;
   width: 100%;   
   font-size: 1.15em;
   font-family: 'Lucida Sans Unicode', Arial;
   font-weight: normal;
}

.balance-sheet-chart-wrapper h4.asset
{
   color: #378F17;
}

.balance-sheet-chart-wrapper h4.liability
{
   color: #ef350f;
}

.balance-sheet-item-control-holder,
.portfolio-item-control-holder
{
   float: right;
   color: #09649D;
}

.balance-sheet-item-control-holder a,
.portfolio-item-control-holder a
{
   color: #09649D;
   font-size: 1.0em;
   text-decoration: none;
   text-transform: none;
}

.balance-sheet-item-control-holder a:hover,
.portfolio-item-control-holder a:hover
{
   border-bottom: 1px dotted #09649D;
}

.data-holder-top h2.asset
{
   float: right;
   margin-right: 300px;
   width: 105px
}

.data-holder-top h2.liability
{
   float: right;
   color: #ef350f;
   margin-right: 25px;
   width: 140px;
}

.data-holder-top a
{
   display: block;
   height: 13px;
   width: 13px;
   overflow: hidden;
   position: absolute;
   color: #1543B4;
   text-transform: uppercase;
   text-decoration: none;
   text-indent: -6666px;
   left: 875px;
   top: 8px;
}

.data-holder-top a.show 
{
   background: url("images/expander_plus.jpg") no-repeat left top;
}

.data-holder-top a.hide
{
   background: url("images/expander_minus.jpg") no-repeat left top;
}

.data-holder-body
{
   background: url("images/data-holder-body.png") repeat-y left top;
}

.data-holder-bottom
{
   height: 10px;
   background: url("images/data-holder-bottom.png") no-repeat left top;
}

.personal-details-top-background
{
   background: url("images/data-holder-body.png") repeat-y left top !important;
}
      
.data-holder-body .advisor-photo
{
   margin-left: 15px;
   margin-top: -15px;
}

.data-holder-body .advisor-specialities
{
   float: left;
   margin-top: 10px;
}

.data-holder-body .advisor-specialities li
{
   float:left;
   margin-left: 20px;
}

/* -------------------------------------- Advisor home - Manuals section -------------------------------------- */

.advisor-items-holder
{
   margin: 0 auto;
   margin-top: 25px;
   width: 900px;
}

.manuals-list-title,
.invoices-list-title
{
   height: 25px;
   line-height: 25px;
   text-transform: uppercase;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
   clear: both;
   list-style-type: none;
   font-family: 'Lucida Sans Unicode', Arial;
}

.manuals-list-title li,
.invoices-list-title li
{
   float: left;
   color: #666666;
}

.manuals-list,
.invoices-list
{
   font-family: 'Lucida Sans Unicode', Arial;
   clear: both;
   height: 30px;
   line-height: 30px;
   list-style-type: none;   
}

.manuals-list li,
.invoices-list li
{
   float: left;
   color: #09649D;
   font-size: 12px;
}

.manual-type
{
   padding-left: 10px;
   width: 40px;
}

.manual-type-img
{
   padding-left: 10px;
   width: 40px;
}

.manual-type-img img
{
   border: 0;
   vertical-align: middle;
   margin-top: -2px;
   padding-left: 8px;
}

.manual-name
{
   padding-left: 10px;
   width: 420px;
}

.manual-author
{
   padding-left: 10px;
   width: 180px;
}

.manual-revision
{
   padding-left: 10px;
   width: 100px;
}

.manual-actions
{
   width: 60px;
}

.manual-delete
{
   width: 60px;
}

.manual-delete a
{
   background: url("images/delete.png") no-repeat left top;
   color: #09649D;
   padding: 0 0 0 18px;
   text-decoration: none;
}

.invoice-number
{
   padding-left: 10px;
   width: 120px;
}

.invoice-date,
.invoice-due-date
{
   padding-left: 10px;
   width: 100px;
}

.invoice-amount
{
   padding-left: 10px;
   width: 100px;
}

.invoice-paid
{
   padding-left: 10px;
   width: 80px;
}

.invoice-actions
{
   padding-left: 40px;
   width: 120px;
}

.invoice-view
{
   width: 55px;
}

.invoice-view a
{
   background: url("images/view.png") no-repeat left top;
   color: #09649D;
   padding: 0 0 0 18px;
   text-decoration: none;
}

.invoice-view a:hover
{
   text-decoration: underline;
}

.invoice-comment
{
   width: 60px;
}

.invoice-comment a
{
   background: url("images/edit.png") no-repeat left top;
   color: #09649D;
   padding: 0 0 0 18px;
   text-decoration: none;   
}

.invoice-comment a:hover
{
   text-decoration: underline;
}

/* -------------------------------------- Advisor home - Clients section -------------------------------------- */

.clients-list-title,
.dependents-list-title,
.documents-list-title
{
   height: 25px;
   line-height: 25px;
   text-transform: uppercase;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
   clear: both;
   list-style-type: none;
   font-family: 'Lucida Sans Unicode', Arial;
}

.clients-list-title li,
.dependents-list-title li,
.documents-list-title li
{
   float: left;
   color: #666666;
}

li.client-list-type
{
   width: 35px;
   padding-left: 10px;
}

li.client-list-name,
li.dependent-name
{
   width: 240px;
   padding-left: 10px;
}

li.dependent-dateofbirth,
li.dependent-sex
{
   width: 110px;
   padding-left: 10px;
}

li.client-list-contact
{
   width: 130px;
   padding-left: 10px;
}

li.client-list-clients
{
   width: 60px;
}

li.client-list-invoices
{
   width: 80px;
   padding-left: 10px;
}

li.client-list-advisor
{
   width: 180px;
   padding-left: 10px;
}

li.client-list-balancesheet
{
   width: 100px;
   padding-left: 10px;
}

.clients-list-title li.client-list-actions,
.dependents-list-title li.dependent-list-actions
{
   width: 120px;
   padding-left: 90px;
}

li.client-list-view
{
   width: 80px;
   padding-left: 20px;
}

li.dependents-list-view
{
   width: 50px;
   padding-left: 40px;
}

li.client-list-edit,
.dependents-list-edit
{
   width: 50px;
}

li.client-list-delete,
li.dependents-list-delete
{
   width: 60px;
}

li.action-view
{
   width: 50px;
   padding-left: 40px;
}

li.client-list-view a,
li.dependents-list-view a,
li.client-list-advisor a
{
   color: #09649D;
   text-decoration: none;
   padding: 0 0 0 18px;   
   background: url("images/view.png") no-repeat left top;
}

li.client-list-edit a,
li.dependents-list-edit a
{
   color: #09649D;
   text-decoration: none;
   padding: 0 0 0 18px;   
   background: url("images/edit.png") no-repeat left top;
}

li.client-list-delete a,
li.dependents-list-delete a
{
   color: #09649D;
   text-decoration: none;
   padding: 0 0 0 18px;   
   background: url("images/delete.png") no-repeat left top;
}

li.client-list-add-client a
{
   color: #09649D;
   text-decoration: none;
   padding: 0 0 0 18px;   
   background: url("images/add-new-member-small.png") no-repeat left top;   
}

li.client-list-view a:hover
{
   text-decoration: underline;
}

.clients-list,
.dependents-list
{
   height: 30px;
   line-height: 30px;
   clear: both;
   color: #1543B4;
   list-style-type: none;
   font-family: 'Lucida Sans Unicode', Arial;
}

.clients-list li,
.dependents-list li
{
   float: left;
   font-size: 12px;
   color: #09649D;
}

.client-controls-holder
{
   background: url("images/data-holder-body.png") repeat-y left top;
   padding-top: 10px;
   border-top: 1px solid #efefef; 
   height: 25px;
}

.create-new-client
{
   height: 24px;
   float: left;
   padding-left: 15px;
}

.create-new-client a
{
   color: #09649D;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.0em;
   text-transform: uppercase;
   text-decoration: none;
   display: block;
   height: 24px;
   padding: 4px 0 0 26px;
   background: url("images/add-new-member.png") no-repeat left top;
}

.create-new-client a:hover
{
   color: #f1271a;
}

.export-clients-list
{
   height: 24px;
   float: left;
   padding-left: 15px;
}

.export-clients-list a
{
   color: #09649D;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.0em;
   text-transform: uppercase;
   text-decoration: none;
   display: block;
   height: 24px;
   padding: 4px 0 0 26px;
   background: url("images/export-pdf.png") no-repeat left top;
}

.export-clients-list a:hover
{
   color: #f1271a;
}

/* -------------------------------------- Balance Sheet / Portfolio -------------------------------------- */

.balance-sheet-list-title,
.portfolio-list-title
{
   height: 25px;
   line-height: 25px;
   text-transform: uppercase;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
   clear: both;
   list-style-type: none;
   font-family: 'Lucida Sans Unicode', Arial;
}

.balance-sheet-list-title li,
.portfolio-list-title li
{
   float: left;
   color: #666666;
}

.balance-sheet-list,
.portfolio-list
{
   clear: both;
   height: 30px;
   line-height: 30px;
   list-style-type: none;   
}

.balance-sheet-list li,
.portfolio-list li
{
   float: left;
   color: #09649D;
   font-family: 'Lucida Sans Unicode', Arial;
}

/* V1 styles

.asset-name
{
   padding-left: 10px;
   width: 380px;
}

.asset-value
{
   padding-left: 10px;
   width: 100px;
}

*/

.asset-name,
.liability-name
{
   width: 300px;
   padding-left: 10px;
}

.portfolio-asset-name
{
   width: 365px;
   padding-left: 10px;
}

.asset-value,
.liability-value,
.portfolio-asset-value
{
   width: 105px;
}

.asset-value span
{
   float: right;
   margin-right: 6px;
}

.asset-value
{
   border-right: 1px solid #efefef;
}


.asset-liability
{
   padding-left: 10px;
   width: 100px;
}

.asset-expense
{
   padding-left: 10px;
   width: 110px;
}

.asset-income
{
   padding-left: 10px;
   width: 110px;
}

.asset-code
{
   padding-left: 10px;
   width: 90px;
}

.asset-units
{
   padding-left: 10px;
   width: 70px;
}

.asset-unit-price
{
   padding-left: 10px;
   width: 90px;
}

.portfolio-item-purchase-history
{
   padding-left: 10px;
   width: 60px;
}

.remove-document
{
   background: url("images/trash.gif") no-repeat center center;
   margin-left: 10px;
   display:inline-block;
   margin-left:10px;  
   width: 16px;
   text-indent: -9999px;   
}

.balance-sheet-controls,
.portfolio-controls,
.document-controls
{
   background: transparent url("images/data-holder-body.png") repeat-y left top;
   border-top: 1px solid #EFEFEF;
   height: 25px;
   padding-top: 10px; 
   clear: both;
}

.balance-sheet-controls .add-new-item, 
.portfolio-controls .add-new-item,
.document-controls .add-new-item
{
   float: left;
   height: 24px;
   padding-left: 15px;   
}

.balance-sheet-controls .add-new-item a,
.portfolio-controls .add-new-item a,
.document-controls .add-new-item a
{
   background: transparent url("images/add-item-small.png") no-repeat left top;
   color: #09649D;
   height: 24px;
   display: block;
   font-family: 'Lucida Sans Unicode', Arial;
   padding: 2px 0 0 26px;
   text-decoration: none;
   text-transform: uppercase;
}

.balance-sheet-data-entry,
.portfolio-data-entry,
.document-data-entry
{
   background: transparent url("images/data-holder-body.png") repeat-y left top;
   padding: 10px; 
   clear: both; 
}

.balance-sheet-data-entry label,
.portfolio-data-entry label,
.document-data-entry label
{
   display: block;
   font-size: 1.0em;
   letter-spacing: 0.05em;
   margin-bottom: 3px;
   width: 100%;
   color: #09649D;
   line-height: 22px;
   vertical-align: middle;   
   font-family: 'Lucida Sans Unicode', Arial;
}

.balance-sheet-data-entry input[type="text"],
.portfolio-data-entry input[type="text"],
.document-data-entry input[type="text"]
{
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #DADADA;
   color: #5F5F5F;
   font-family: Arial;
   font-size: 1.2em;
   padding: 4px 3px;
   font-family: 'Lucida Sans Unicode', Arial;
}

.balance-sheet-data-entry .form-item-holder,
.portfolio-data-entry .form-item-holder,
.document-data-entry .form-item-holder
{
   padding: 4px 0;
   float: left;
}

.balance-sheet-data-entry .asset-description-holder,
.balance-sheet-data-entry .liability-description-holder,
.portfolio-data-entry .portfolio-item-name-holder,
.portfolio-data-entry .liability-description-holder
{
   float: left;
   width: 520px;
}

.balance-sheet-data-entry .asset-description-holder input[type="text"],
.balance-sheet-data-entry .liability-description-holder input[type="text"],
.portfolio-data-entry .portfolio-item-name-holder input[type="text"],
.portfolio-data-entry .liability-description-holder input[type="text"]
{
   width: 490px;
}

.balance-sheet-data-entry .asset-value-holder,
.balance-sheet-data-entry .liability-value-holder,
.portfolio-data-entry .portfolio-item-code-holder
{
   float: left;
   width: 150px;
}

.balance-sheet-data-entry .ownership-holder,
.portfolio-data-entry .ownership-holder
{
   float: left;
   width: 190px;
}

.balance-sheet-data-entry .asset-value-holder input[type="text"],
.balance-sheet-data-entry .liability-value-holder input[type="text"],
.portfolio-data-entry .portfolio-item-code-holder input[type="text"]
{
   width: 120px;
}

.portfolio-data-entry .portfolio-item-code-holder .fund-unit-price-date,
.portfolio-data-entry .portfolio-item-code-holder .share-unit-price-date
{
   width: 100px !important;
}

.balance-sheet-data-entry .managed-fund-type-holder,
.balance-sheet-data-entry .share-type-holder,
.balance-sheet-data-entry .superannuation-fund-type-holder
{
   float: left;
   width: 350px;
}

.balance-sheet-data-entry .managed-fund-type-holder select,
.balance-sheet-data-entry .share-type-holder select,
.balance-sheet-data-entry .superannuation-fund-type-holder select
{
   border: 1px solid #CACACB;
   font-family: 'Lucida Sans Unicode',Arial;
   color: #5F5F5F;
   font-size: 1.2em;
   padding: 2px;
   width: 300px;
}

.new-item-request-message
{
   padding: 15px 5px 5px 5px;
   color: #555555;
   float: left;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1.2em;
}

.balance-sheet-data-entry select,
.portfolio-data-entry select
{
   border: 1px solid #CACACB;
   font-family: 'Lucida Sans Unicode',Arial;
   color: #5F5F5F;
   font-size: 1.2em;
   padding: 2px;
   width: 180px;
}

.asset-category-header
{
   width: 100%;
   clear: both;
}

.asset-subtitle
{
   font-size: 1.2em;
   font-weight: bold;
   color: #09649D;
   padding-left: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
   float: left;
}

.asset-summary
{
   float: right;
}

.asset-summary a
{
   color:#1543B4;
   display: block;
   height: 13px;
   width: 13px;
   overflow: hidden;
   text-decoration: none;
   text-indent: -6666px;
   text-transform: uppercase;
   top: 8px;
   margin: 10px 10px 0 0;
}

.asset-summary .show
{
   background: url("images/expander_plus.jpg") no-repeat left top;   
}

.asset-summary .hide
{
   background: url("images/expander_minus.jpg") no-repeat left top;   
}

.asset-category-separator
{
   clear: both;
   width: 100%;
   height: 2px;
   border-top: 1px solid #efefef;
}

/* -------------------------------------- Generic form styles -------------------------------------- */

.create-item-form-title,
.view-item-form-title
{
   width: 900px;
   margin: 0 auto;
   margin-top: 10px;
   height: 30px;
   border-bottom: 1px solid #cecece;    
}

.create-item-form-title h3
{
   font-size: 1.2em;
   line-height: 30px;
   color: #09649D;
   font-weight: normal;
   float: left;
   font-family: 'Lucida Sans Unicode', Arial;
}

.create-item-form-title ul
{
   float: left;
}

.create-item-form-title ul li
{
   float: left;
   list-style-type: none;
   width: auto;
}

.create-item-form-title ul li a
{
   color: #09649D;
   font-size: 1.2em;
   line-height: 30px;
   margin-left: 20px;
   margin-top: 1px;
   text-decoration: none;
   font-family: 'Lucida Sans Unicode', Arial;
   display: block;   
}

.create-item-form-title ul li a:hover,
.create-item-form-title ul li a.selected
{
   color: #757678;
   background: url("images/step-menu-active.jpg") no-repeat center center;
}

.create-item-form-title ul li a.editing
{
   color: #EF350F !important;
}

.create-item-form-title ul li a.dashboard
{
   margin-left: 0 !important;
}

.create-item-form-title ul li a.dashboard:hover
{
   background: none;
}

.create-item-form-title ul li img
{
   border: 0;
   float: left;
   margin-top: -1px;
}

.create-item-form,
.view-item-form
{
   width: 900px;
   margin: 0 auto;  
   margin-top: 25px; 
}

.create-item-form .form-item-holder
{
   padding: 4px 0;    
}

.create-item-form .form-item-holder label
{
   line-height: 22px;
   vertical-align: middle;
   color: #09649D;
   font-weight: normal;
   font-family: 'Lucida Sans Unicode', Arial;
}

.create-item-form .form-item-holder input[type="text"],
.create-item-form .form-item-holder input[type="password"]
{
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border: 1px solid #dadada;
   font-size: 1.2em;
   padding: 4px 3px;
   /* color: #5f5f5f; */
   color: #333333;
   font-family: Arial;
   font-family: 'Lucida Sans Unicode', Arial;
}

.form-item-holder input[type="textarea"]
{
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border: 1px solid #dadada;
   font-size: 1.2em;
   padding: 4px 3px;
   color: #000000;
   font-family: 'Lucida Sans Unicode', Arial;
}

/* -------------------------------------- Create new client -------------------------------------- */

#client-login-message,
#advisor-login-message
{
   color:#585858;
   font-family:Arial;
   font-size:1.3em;
   line-height:1.4em;
   padding:5px;
}

#client-login-message img
{
}

.client-details,
.managed-fund-create,
.managed-fund-edit
{
   width: 870px;
   display: block;
}

.client-details span.display
{
   width: 100%;
   color: #676767;
   font-size: 1.1em;
   font-family: 'Lucida Sans Unicode', Arial;
}

.client-details-title
{
   float: left;
   padding: 8px 0 0 10px;
   font-size: 1.25em;
   color: #09649D;
   letter-spacing: 0.05em;
   font-family: 'Lucida Sans Unicode', Arial;
}

.client-details-top-border,
.managed-fund-create-top-border,
.managed-fund-edit-top-border
{
   border-top: 1px solid #efefef;
}

.client-details-separator,
.managed-fund-create-separator,
.managed-fund-edit-separator
{
   padding-right: 15px;
   border-top: 1px dotted #dddddd;
   clear: both;
}

.client-details-padding,
.managed-fund-create-padding,
.managed-fund-edit-padding
{
   padding-left: 15px;
   padding-bottom: 5px;
}

.client-details .phone-holder
{
   width: 200px;
   float: left;
}

.client-details .phone-holder-wide
{
   width: 600px;
   float: left;
}

.client-details .mobile-holder
{
   width: 200px;
   float: left;
}

.client-details .email-holder
{
   width: 600px;
   float: left;
}

.client-details .title-holder
{
   width: 80px;
   float: left;
}

.client-details .name-holder
{
   width: 210px;
   float: left;
}

.client-details .client-name-holder
{
   width: 600px;
   float: left;
   margin-bottom: 10px;
}

.client-details .client-name-holder input[type="text"]
{
   width: 550px;
}

.client-details .salutation-holder
{
   float: left;
   width: 210px;
}

.client-details .name-holder input[type="text"],
.client-details .name-holder input[type="password"]
{
   width: 170px;
}

.client-details .salutation-holder input[type="text"]
{
   width: 180px;
}

.client-details .birthdate-holder
{
   float: left;
   width: 120px;
}

.client-details .birthcountry-holder,
.client-details .country-established-holder
{
   float: left;
   width: 230px;
}

.client-details .country-established-holder
{
   margin-bottom: 10px;
}

.client-details .advisor-placeofbirth-holder
{
   float: left;
   width: 220px;
}

.client-details .advisor-driverslicense-holder
{
   float: left;
   width: 200px;
}

.client-details .advisor-gst-holder
{
   float: left;
   width: 200px;
   padding-top: 20px;
}

.client-details .advisor-gst-holder p
{
   float: left;
   line-height: 18px;
   padding: 10px 0 0;
}

.client-details .advisor-gst-holder p span.check
{
   float: left;
   height: 15px;
   margin: 5px 5px 0 0;
   width: 15px;   
}

.client-details .advisor-gst-holder p label
{
   float: none;
   width: 180px;
}

.client-details .advisor-placeofbirth-holder input[type="text"]
{
   width: 190px;
}

.client-details .advisor-driverslicense-holder input[type="text"]
{
   width: 100px;
}

.client-details .dependent-birthcountry-holder
{
   float: left;
   width: 250px;
}

.client-details .birthcountry-holder input[type="text"],
.client-details .country-established-holder input[type="text"]
{
   width: 190px;
}

.client-details .birthdate-holder input[type="text"]
{
   width: 80px;
}

.client-details .sex-holder
{
   float: left;
   width: 120px;
}

.client-details .sex-holder input[type="text"]
{
   width: 90px;
}

.client-details .marital-holder
{
   float: left;
   width: 200px;
}

.client-details .smoker-holder
{
   float: left;
   width: 180px;
}

.client-details .health-holder
{
   float: left;
   width: 120px;
}

.client-details .tfn-holder
{
   float: left;
   width: 180px;
}

.client-details .abn-holder
{
   float: left;
   width: 120px;
}


.client-details label,
.registration-details label,
.managed-fund-create label,
.managed-fund-edit label
{
   width: 100%;
   display: block;
   margin-bottom: 3px;
   font-size: 1.1em;
   font-weight: bold;
   letter-spacing: 0.05em;
}

.client-details .title
{
   width: 50px;
}

.client-details .phonecode
{
   width: 20px;
}

.client-details .phone
{
   margin-left: 10px;
   width: 110px;
}

.client-details .mobile
{
   width: 152px;
}

.client-details .email
{
   width: 320px;
}

.client-details .address-holder
{
   float: left;
   width: 850px;
}

.client-details .address-holder .address
{
   width: 350px;
}

.client-details .address-part-holder
{
   float: left;
   width: 200px;
   margin-bottom: 10px;
}

.client-details .employment-holder
{
   float: left;
   width: 280px;
}

.client-details .employment-holder input[type="text"]
{
   width: 250px;
}

.client-details .employment-date-holder
{
   float: left;
   width: 200px;   
}

.client-details .employment-date-holder input[type="text"]
{
   width: 70px;
}

.client-details .employer-abn-holder
{
   float: left;
   width: 200px;
}

.client-details .business-status-holder
{
   float: left;
   width: 400px;
}

.client-details .business-status-holder input[type="text"]
{
   width: 350px;   
}

.client-details .client-rating-holder,
.client-details .business-source-holder,
.client-details .group-owner-holder
{
   float: left;
   width: 280px;
}

.client-details .client-rating-holder   input[type="text"],
.client-details .business-source-holder input[type="text"],
.client-details .group-owner-holder     input[type="text"]
{
   width: 250px;
}

.client-details .contact-date-holder
{
   float: left;
   width: 165px;
}

.client-details .contact-date-holder input[type="text"]
{
   width: 80px;
}

.form-item-holder textarea
{
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #dadada;
   font-size: 1.2em;
   padding: 4px 3px;
   color: #000000;
   font-family: Arial;
}

.client-details .will-date-holder
{
   float: left;
   width: 150px;   
}

.client-details .will-date-holder input[type="text"]
{
   width: 120px;
}

.client-details .will-status-holder
{
   float: left;
   width: 280px;   
}

.client-details .will-status-holder input[type="text"]
{
   width: 250px;
}

.client-details .executor-holder
{
   float: left;
   width: 500px;
}

.client-details .executor-holder input[type="text"]
{
   width: 350px;
}

.client-details .executor-address-holder
{
   float: left;
   width: 500px;
}

.client-details .executor-address-holder input[type="text"]
{
   width: 350px;
}

.client-details .dependent-age-holder
{
   float: left;
   width: 275px;
}

.client-details .dependent-age-holder input[type="text"]
{
   width: 60px;   
}

.client-details .business-name-holder
{
   float: left;
   width: 400px;
}

.client-details .business-name-holder input[type="text"]
{
   width: 360px;
}

.client-details .asset-description-holder,
.client-details .liability-description-holder
{
   float: left;
   width: 520px;
}

.client-details .asset-description-holder input[type="text"],
.client-details .liability-description-holder input[type="text"]
{
   width: 490px;
}

.client-details .asset-value-holder,
.client-details .liability-value-holder
{
   float: left;
   width: 150px;
}

.client-details .ownership-holder
{
   float: left;
}

.client-details .ownership-holder select
{
   border: 1px solid #CACACB;
   color: #5F5F5F;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1.2em;
   padding: 2px;
   width: 180px;   
}

.client-details .asset-value-holder input[type="text"],
.client-details .liability-value-holder input[type="text"]
{
   width: 120px;
}

.client-details-individual-a,
.client-details-individual-b
{
   width: 428px;
   float: left;
}

.client-details-individual-b
{
   padding-left: 10px;
}

.client-details-individual-a h4,
.client-details-individual-b h4
{
   line-height: 24px;
   color: #09649D;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.1em;
   font-weight: normal;
   text-transform: uppercase;
}

.client-details-individual-a
{
   border-right: 1px dotted #dddddd;
   padding-bottom: 10px;
}

.trustee-container
{
   width: 430px;
   float: left;
   padding: 0 0 20px 10px;
}

.trustee-tab-container
{
   padding-left: 10px;
   margin-bottom: 8px;
   float: left;
}

.trustee-tab-container .trustee-tab-click
{
   line-height: 24px;
   margin-right: 10px;
   color: #09649D;
   border-bottom: 1px dotted #09649D;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.1em;
   font-weight: normal;
   text-transform: uppercase;
   text-decoration: none;   
}

.trustee-tab-container .trustee-tab-click-selected,
.trustee-tab-container .trustee-tab-click:hover
{
   color: #f1271a;
   border-bottom: 1px solid #f1271a;
}

/* -------------------------------------- Portal/ResearchShares -------------------------------------- */

.shares-quote-trade-holder
{
   width: 900px;
   margin: 0 auto;
   margin-top: 20px;
   background-color: #fafafa;
   border: 1px solid #e7e7e7;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
}

.research-shares-market-summary-holder
{
   width: 900px;
   margin: 0 auto;
   margin-top: 20px;
}

.research-shares-market-snapshot-holder,
.research-shares-indices-holder,
.research-shares-market-news-holder,
.research-shares-announcements-holder
{
   background-color: #fafafa;
   border: 1px solid #e7e7e7;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   width: 430px;
   margin-top: 10px;
}

.research-shares-market-snapshot-holder
{
   float:left;   
}

.research-shares-market-snapshot-holder .snapshot-data
{
   padding: 8px 0 0 10px;
}

.research-shares-market-snapshot-holder .snapshot-data label
{
   line-height: 22px;
   font-size: 1.2em;
}

.research-shares-market-snapshot-holder .snapshot-data label.padright
{
   padding-right: 50px;
   color: #676767;
}

.research-shares-market-snapshot-holder .snapshot-data label.movement-plus
{
   color: #088F0A;
}

.research-shares-market-snapshot-holder .snapshot-data label.movement-minus
{
   color: #d7240d;
}

.research-shares-market-snapshot-holder .snapshot-data img
{
   padding: 15px 0 15px 60px;
}

.research-shares-market-snapshot-holder .search-shares
{
   border-top: 1px solid #efefef;
   height: 60px;
   padding: 8px 0 0 10px;
}

.research-shares-market-snapshot-holder .search-shares label
{
   color: #09649D;
   line-height: 22px;
   vertical-align: middle;
   font-size: 1.1em;
   font-weight: bold;
   letter-spacing: 0.05em;
   margin-bottom: 3px;
   width: 100%;   
   float: left;
}

.research-shares-market-snapshot-holder .search-shares input[type="text"]
{
   -moz-border-radius: 4px;
   border: 1px solid #DADADA;
   color: #676767;
   font-family: Arial;
   font-size: 1.2em;
   padding: 4px 3px;
   width: 295px;
   float: left;
}

.research-shares-market-snapshot-holder .search-shares .search-button-adjust
{
   float: left;
   margin: -2px 0 0 10px;
}

.research-shares-indices-holder
{
   float: left;
}

.research-shares-market-news-holder
{
   float: left;
}

.research-shares-announcements-holder
{
   float: right;
}

.shares-quote-trade-holder .item-header,
.research-shares-market-summary-holder .item-header
{
   height: 32px;
   width: 100%;
   border-bottom: 1px solid #efefef;  
}

.shares-quote-trade-holder .item-header label.item-title,
.research-shares-market-summary-holder .item-header label.item-title
{
   color: #09649D;
   float: left;
   font-size: 1.25em;
   font-weight: bold;
   letter-spacing: 0.05em;
   padding: 8px 0 0 10px;
}

.research-shares-market-summary-holder .item-header label.refreshed
{
   color: #888888;
   float: right;
   margin-right: 15px;
   font-size: 1.1em;
   padding-top: 8px;
}

.research-shares-indices-holder .indices-list
{
   border-bottom: 1px solid #EFEFEF;
}

.research-shares-indices-holder .currencies-list
{
}

.research-shares-indices-holder .indices-list .indices-header,
.research-shares-indices-holder .currencies-list .currencies-header
{
   border-bottom: 1px solid #EFEFEF;
   clear: both;
   height: 25px;
   line-height: 25px;
   list-style-type: none;
   text-transform: uppercase;   
}

.research-shares-indices-holder .indices-list .indices-header li,
.research-shares-indices-holder .currencies-list .currencies-header li
{
   color: #666666;
   float: left;
   font-size: 12px;
}

.research-shares-indices-holder .indices-list .indices-header li.ord-name,
.research-shares-indices-holder .indices-list .indices-item li.ord-name
{
   padding-left: 10px;
   width: 140px;   
}

.research-shares-indices-holder .indices-list .indices-header li.value,
.research-shares-indices-holder .indices-list .indices-item li.value
{
   padding-left: 10px;
   width: 80px;      
}

.research-shares-indices-holder .indices-list .indices-header li.change,
.research-shares-indices-holder .indices-list .indices-item li.change
{
   padding-left: 10px;
   width: 80px;      
}

.research-shares-indices-holder .indices-list .indices-header li.change-percent,
.research-shares-indices-holder .indices-list .indices-item li.change-percent
{
   padding-left: 10px;
   width: 80px;      
}

.research-shares-market-snapshot-holder .snapshot-data label .change-plus,
.research-shares-indices-holder .indices-list .indices-item .change-plus
{
   color: #088f0a;
}

.research-shares-market-snapshot-holder .snapshot-data label .change-minus,
.research-shares-indices-holder .indices-list .indices-item .change-minus
{
   color: #d7240d;
}

.research-shares-indices-holder .indices-list .indices-item,
.research-shares-indices-holder .currencies-list .currencies-item
{
   clear: both;
   color: #1543B4;
   height: 30px;
   line-height: 30px;
   list-style-type: none;
}

.research-shares-indices-holder .indices-list .indices-item li,
.research-shares-indices-holder .currencies-list .currencies-item li
{
   color: #09649D;
   float: left;
   font-size: 12px;   
}

.research-shares-indices-holder .currencies-list .currencies-header li.name,
.research-shares-indices-holder .currencies-list .currencies-item li.name
{
   width: 235px;
   padding-left: 10px;
}

.research-shares-indices-holder .currencies-list .currencies-header li.value,
.research-shares-indices-holder .currencies-list .currencies-item li.value
{
   width: 100px;
   padding-left: 10px;
}

/* -------------------------------------- Portal/TradeShares -------------------------------------- */

/* -------------------------------------- Shares -------------------------------------- */

.share-query-input-holder,
.fund-query-input-holder
{
   padding-left: 10px;
   margin-top: 20px;
   float: left;
   width: 600px;
}

.share-query-input-holder input[type="text"], 
.fund-query-input-holder input[type="text"] 
{
   width: 100%;
   float: left;
}

.share-query-input-holder .search-button,
.fund-query-input-holder .search-button
{
   float: left;
   margin-top: 8px;
}

.share-query-input-holder .clear-button,
.fund-query-input-holder .clear-button
{
   margin-left: 10px;
   /* margin-top: 8px; */
}

.share-query-input-holder label,
.fund-query-input-holder label
{
   font-size: 1.3em;
}

.share-data-holder,
.fund-data-holder
{
   margin-top: 20px;
   padding-left: 10px;
   float: left;
   color: #3f3f3f;
   border-top: 1px solid #CECECE;
   padding-top: 15px;
}

.share-trade-links-holder
{
   padding: 20px 0 20px 20px;
   float: left;
}

.share-trade-links-holder a
{
   text-decoration: none;
   font-size: 1.25em;
   font-weight: bold;
   border-bottom: 1px dotted #09649D;
   color: #09649D;
   line-height: 30px;
}

.share-trade-links-holder a:hover
{
   border-bottom: 1px solid #09649D;
}

.stock-name-holder 
{
   float: left;
   width: 750px;
   height: 50px;
}

.stock-name-holder label
{
   font-size: 1.8em;
}

.stock-price-holder
{
   float: left;
   width: 220px;
   height: 80px;
   padding-top: 10px;
}

.stock-price-holder label.price
{
   font-size: 2.6em;
   line-height: 34px;
}

.stock-price-holder label.price-time
{
   font-size: 1.1em;
   color: #4f4f4f;
}

.stock-price-holder label.price-up
{
   font-size: 1.4em;
   color: Green;
   padding-left: 15px;
   background: url("images/up.gif") no-repeat;
   line-height: 24px;
}

.stock-price-holder label.price-down
{
   font-size: 1.4em;
   color: Red;
   padding-left: 15px;
   background: url("images/down.gif") no-repeat;
   line-height: 24px;
}

.stock-price-holder label.price-none
{
   font-size: 1.4em;
   color: #09649D;
   line-height: 24px;
}

.stock-chart-holder 
{
   float: left;
   width: 200px;
}

.stock-chart-holder img
{
   border: 0;
}

.previous-close-holder,
.open-price-holder,
.bid-price-holder,
.ask-price-holder,
.one-year-target-holder, 
.days-range-holder,
.one-year-range-holder,
.volume-holder,
.average-volume-holder
{
   font-size: 1.2em;
   width: 250px;
   clear: right;
   height: 24px;
   border-bottom: 1px dotted #bfbfbf;
   padding: 4px 0 0 4px;
}

.previous-close-holder .name,
.open-price-holder .name,
.bid-price-holder .name,
.ask-price-holder .name,
.one-year-target-holder .name, 
.days-range-holder .name,
.one-year-range-holder .name,
.volume-holder .name,
.average-volume-holder .name
{
   font-weight: bold;
}

/* -------------------------------------- Managed Funds -------------------------------------- */

.fund-summary-holder,
.fund-price-holder
{
   float: left;
   width: 250px;
}

.fund-price-holder
{
   margin-left: 20px;
}

.fund-summary-holder h3,
.fund-price-holder h3
{
   color: #09649D;
   line-height: 28px;
}

.fund-attribute-holder
{
   border-bottom: 1px dotted #cfcfcf;
   line-height: 26px;
   color: #4f4f4f;
   font-size: 1.1em;
}

.fund-attribute-holder .value
{
   float: right;
}

#user-guide,
#financial-services-guide,
#terms
{
   background: #ebebeb;
   font-size: 12px;
   margin-left: 40px;
   width: 90%;
   padding: 5px;
   font-family: Arial,Geneva,Sans-Serif;
}

.registration-details
{
   width: 800px;
   margin: 0 auto;
   padding-left: 10px;
}

.first-name,
.last-name,
.date-of-birth
{
   float: left;
   width: 300px;
}

.password-question-register,
.password-answer-register
{
   float: left;
   width: 320px;
}

.password-register
{
   float: left;
   width: 220px;
}

.username-register
{
   float: left;
   width: 400px;
}

.email-register
{
   float: left;
   width: 320px;
}

.password-register label.error
{
   float: left !important;
   width: 0;
}

.email-register img,
.username-register img
{
   vertical-align: middle;
}

#email-registered,
#username-available
{
   margin-bottom: 3px;
   color: #09649D;
   line-height: 24px;
   vertical-align: middle;
   font-size: 1.1em;
}

.title
{
   float: left;
   width: 80px;
}

.title input[type="text"] 
{
   width: 40px;
}

.client-registration-type
{
   float: left;
   width: 650px;
   margin-bottom: 10px;
}

.client-registration-type select
{
   float: left;
   margin: 5px 10px 0 0;
   height: 21px;
   border: 1px solid #CACACB;
   color: #5F5F5F;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1.1em;
   width: 200px;     
}

.first-name input[type="text"],
.last-name input[type="text"] 
{
   width: 260px;
}

.email-register input[type="text"],
.password-question-register input[type="text"],
.password-answer-register input[type="password"]
{
   width: 280px;
}

.password-register input[type="password"]
{
   width: 150px;
}

.condition-holder
{
   height: 45px;
   float: left;
   width: 600px;
   margin-top: 30px;
}

.condition-holder input[type="checkbox"]
{
   margin-right: 2px;
   position: relative;
   top: 3px;   
}

.submit-button
{
   float: left;
   height: 31px;
   margin-top: 10px;
   width: 92px;   
}

.submit-button input[type="submit"] 
{
   background: url("images/submit-button.png") no-repeat left top;
   display: block;
   height: 31px;
   text-indent: -6666px;
   width: 92px;
}

.register-error
{
   color: Red;
   font-size: 12px;
   width: 700px;
   display: block;
}


/* ------------------------ Contact Us ----------------------- */


.contactus-body
{
   width: 800px;
   margin: 0 auto;
   margin-top: 60px;   
}

.contactus-body h2
{
   font-size: 1.6em;
   font-weight: normal;
   color: #09649d;
   margin-bottom: 15px;
   padding: 8px 0 10px 5px;
}

.contactus-body h3
{
   font-size: 1.3em;
   font-weight: normal;
   color: #09649d;
   padding: 0 0 10px 0;
}

.contactus-body .services-title
{
   font-size: 1.2em;
   font-weight: bold;
}

.complete-details
{
   font-size: 1.2em;
   padding-left: 5px;
}

.contactus-body .contact-details,
.contactus-body .services
{
   line-height: 30px;
   list-style-type: none;
   padding: 0 0 10px 10px;  
   float: left; 
}

.contactus-body .contact-details
{
   width: 410px;
   border-right: 1px solid #d6d6d6;
}

.contactus-body .services 
{
   width: 330px;
   float:left;
   padding-left: 30px;
}

.contactus-body .contact-details li
{
   clear: both;
   height: 45px;
   vertical-align: top;
   width: 100%;
}

.contactus-body .services li
{
   float: left;
   height: 30px;
   vertical-align: top;
   width: 100%;
}

.contactus-body .contact-details li .item-label,
.contactus-body .contact-details li .item-label-checkbox-details,
.contactus-body .services li .item-label,
.contactus-body .services li .item-label-checkbox-details
{
   width: 120px;
   font-size: 1.2em;
   float: left;
   vertical-align: top;
}

.contactus-body .contact-details li .item-label-checkbox-details,
.contactus-body .services li .item-label-checkbox-details
{
   width: 250px;
   float: none;
}

.contactus-body .contact-details li .contact-method
{
   line-height: 18px;
}

.contactus-body .contact-details li .item-input
{
   -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border: 1px solid #d6d6d6;
   color: #233A6E;
   float: left;
   font-size: 1.2em;
   height: 18px;
   line-height: 18px;
   margin: 5px 0 0;
   padding: 2px 3px;
   width: 250px;   
}

.contactus-body .contact-details li .item-input-multiline
{
   -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   border: 1px solid #d6d6d6;
   color: #233A6E;
   float: left;
   font-size: 1.2em;
   margin: 7px 0 0;
   padding: 2px 3px;
   font-family: Arial, Verdana;
}

.contactus-body .contact-details li .item-input-dropdown
{
   border: 1px solid #d6d6d6;
   color: #233A6E;
   height: 24px;
   margin-top: 2px;
   padding-top: 2px;
   width: 260px;
}

.contactus-body .contact-details li .salutation
{
   width: 80px;
}

.contactus-body .checkbox-holder
{
   float: left;
   line-height: 18px;
   padding: 10px 0 0 0;   
}

.contactus-body .check
{
   float: left;
   height: 15px;
   margin: 2px 5px 0 0;
   width: 15px;   
}

.contact-submit-holder
{
   clear: both;
   margin: 0 auto;
   padding-top: 40px;
}

.managed-fund-create-title,
.managed-fund-edit-title
{
   float: left;
   padding: 8px 0 0 10px;
   font-size: 1.1em;
   color: #555555;
   font-family: 'Lucida Sans Unicode', Arial;
}

.managed-fund-create .fund-name-holder,
.managed-fund-create .manager-name-holder,
.managed-fund-edit .fund-name-holder,
.managed-fund-edit .manager-name-holder
{
   float: left;
   width: 430px;
}

.managed-fund-create .manager-name-holder,
.managed-fund-edit .manager-name-holder
{
   margin-bottom: 10px;
}

.managed-fund-create .fund-name,
.managed-fund-create .manager-name,
.managed-fund-edit .fund-name,
.managed-fund-edit .manager-name
{
   width: 400px;
}

.managed-fund-create .code-holder,
.managed-fund-edit .code-holder,
.managed-fund-create .date-holder,
.managed-fund-edit .date-holder,
.managed-fund-create .base-currency-holder,
.managed-fund-edit .base-currency-holder,
.managed-fund-create .morningstar-rating-holder,
.managed-fund-edit .morningstar-rating-holder
{
   float:left;
   width: 150px;
}

.managed-fund-create .code,
.managed-fund-edit .code,
.managed-fund-create .date,
.managed-fund-edit .date,
.managed-fund-create .base-currency,
.managed-fund-edit .base-currency,
.managed-fund-create .morningstar-rating,
.managed-fund-edit .morningstar-rating
{
   width: 120px;
}

.managed-fund-create .savings-plan-holder,
.managed-fund-edit   .savings-plan-holder,
.managed-fund-create .buy-sell-spread-holder,
.managed-fund-edit   .buy-sell-spread-holder
{
   float: left;
   width: 160px;
}

.managed-fund-create .fund-status-holder,
.managed-fund-edit   .fund-status-holder,
.managed-fund-create .entry-fee-holder,
.managed-fund-edit   .entry-fee-holder,
.managed-fund-create .exit-fee-holder,
.managed-fund-edit   .exit-fee-holder
{
   float: left;
   width: 120px;
}

.managed-fund-create .entry-price-holder,
.managed-fund-edit   .entry-price-holder,
.managed-fund-create .exit-price-holder,
.managed-fund-edit   .exit-price-holder
{
   float: left;
   width: 130px;
   margin-bottom: 10px;
}

.managed-fund-create .exit-price-week-change-holder,
.managed-fund-edit   .exit-price-week-change-holder
{
   float: left;
   width: 160px;
   padding-left: 5px;
}

.managed-fund-create .mer-holder,
.managed-fund-edit   .mer-holder,
.managed-fund-create .icr-holder,
.managed-fund-edit   .icr-holder
{
   float: left;
   width: 105px;
}


.managed-fund-create .six-month-return-holder,
.managed-fund-edit   .six-month-return-holder,
.managed-fund-create .one-year-return-holder,
.managed-fund-edit   .one-year-return-holder,
.managed-fund-create .two-year-return-holder,
.managed-fund-edit   .two-year-return-holder,
.managed-fund-create .three-year-return-holder,
.managed-fund-edit   .three-year-return-holder,
.managed-fund-create .five-year-return-holder,
.managed-fund-edit   .five-year-return-holder,
.managed-fund-create .seven-year-return-holder,
.managed-fund-edit   .seven-year-return-holder
{
   float: left;
   width: 160px;
}

.managed-fund-create .seven-year-return-holder,
.managed-fund-edit   .seven-year-return-holder
{
   margin-bottom: 10px;
}

.managed-fund-create .annual-return-inception-holder,
.managed-fund-edit   .annual-return-inception-holder
{
   float: left;
   width: 220px;
}

.managed-fund-create .minimum-initial-investment-holder,
.managed-fund-edit   .minimum-initial-investment-holder,
.managed-fund-create .entry-fee-percent-holder,
.managed-fund-edit   .entry-fee-percent-holder,
.managed-fund-create .exit-fee-percent-holder,
.managed-fund-edit   .exit-fee-percent-holder,
.managed-fund-create .switching-fee-percent-holder,
.managed-fund-edit   .switching-fee-percent-holder,
.managed-fund-create .net-assets-holder,
.managed-fund-edit   .net-assets-holder,
.managed-fund-create .australian-equity-holder,
.managed-fund-edit   .australian-equity-holder,
.managed-fund-create .international-equity-holder,
.managed-fund-edit   .international-equity-holder,
.managed-fund-create .fund-property-holder,
.managed-fund-edit   .fund-property-holder,
.managed-fund-create .fund-cash-holder,
.managed-fund-edit   .fund-cash-holder,
.managed-fund-create .fund-others-holder,
.managed-fund-edit   .fund-others-holder
{
   float: left;
   width: 180px;
}

.managed-fund-create .fund-cash-holder,
.managed-fund-edit   .fund-cash-holder
{
   margin-bottom: 10px;
}

.managed-fund-create .australian-fixed-interest-holder,
.managed-fund-edit   .australian-fixed-interest-holder,
.managed-fund-create .international-fixed-interest-holder,
.managed-fund-edit   .international-fixed-interest-holder
{
   float: left;
   width: 220px;
}

.managed-fund-create .product-type-holder,
.managed-fund-edit   .product-type-holder,
.managed-fund-create .legal-type-holder,
.managed-fund-edit   .legal-type-holder
{
   float: left;
   width: 150px;
}

.managed-fund-create .fund-category-holder,
.managed-fund-edit   .fund-category-holder
{
   float: left;
   width: 210px;
}

.managed-fund-create .savings-plan,
.managed-fund-edit   .savings-plan,
.managed-fund-create .buy-sell-spread,
.managed-fund-edit   .buy-sell-spread
{
   width: 130px;
}

.managed-fund-create .mer,
.managed-fund-edit   .mer,
.managed-fund-create .icr,
.managed-fund-edit   .icr
{
   width: 75px;
}

.managed-fund-create .entry-price,
.managed-fund-edit   .entry-price,
.managed-fund-create .exit-price,
.managed-fund-edit   .exit-price,
.managed-fund-create .exit-price-week-change,
.managed-fund-edit   .exit-price-week-change
{
   width: 105px;
}

.managed-fund-create .fund-status,
.managed-fund-edit   .fund-status
{
   width: 90px;
}

.managed-fund-create .entry-fee,
.managed-fund-edit   .entry-fee,
.managed-fund-create .exit-fee,
.managed-fund-edit   .exit-fee
{
   width: 95px;
}

.managed-fund-create .fund-category,
.managed-fund-edit   .fund-category
{
   width: 180px;
}

.managed-fund-create .product-type,
.managed-fund-edit   .product-type,
.managed-fund-create .legal-type,
.managed-fund-edit   .legal-type
{
   width: 120px;
}

.managed-fund-create .six-month-return,
.managed-fund-edit   .six-month-return,
.managed-fund-create .one-year-return,
.managed-fund-edit   .one-year-return,
.managed-fund-create .two-year-return,
.managed-fund-edit   .two-year-return,
.managed-fund-create .three-year-return,
.managed-fund-edit   .three-year-return,
.managed-fund-create .five-year-return,
.managed-fund-edit   .five-year-return,
.managed-fund-create .seven-year-return,
.managed-fund-edit   .seven-year-return,
.managed-fund-create .annual-return-inception,
.managed-fund-edit   .annual-return-inception
{
   width: 130px;
}


/* ----------------------- Documents ------------------------ */

li.document-name
{
   padding-left: 10px;
   width: 350px;
}

li.document-category
{
   padding-left: 10px;
   width: 180px;
}

li.document-version
{
   padding-left: 10px;
   width: 150px;
}

li.document-published
{
   padding-left: 10px;
   width: 180px;
}

li.document-list-actions
{
   padding-left: 60px;
   width: 120px;
}

a.upload-file
{
   color: #09649d;
   border-bottom: 1px dotted #09649d;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.0em;
   line-height: 22px;
   text-decoration: none;
   text-transform: uppercase;
   margin-right: 5px;
}

.document-data-entry .document-name-holder
{
   float: left;
   width: 520px;
}

.document-data-entry .document-name-holder input[type="text"]
{
   width: 490px;
}

.document-data-entry .document-category-holder
{
   float: left;
   width: 260px;
}

.document-data-entry .document-category-holder select
{
   border: 1px solid #CACACB;
   color: #5f5f5f;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.2em;
   padding: 2px;
   width: 240px;   
}

.document-data-entry .document-description-holder
{
   float: left;
   width: 520px;
}

.document-data-entry .document-description-holder textarea
{
   border:1px solid #DADADA;
   color: #3F3F3F;
   font-family: 'Lucida Grande','Lucida Sans Unicode', Arial;
   font-size: 12px;
   padding: 4px 3px;
   width: 490px;
   height: 100px;
}

.document-data-entry .document-users-holder 
{
   float: left;
   width: 260px;
}

.document-data-entry .document-users-holder select 
{
   border: 1px solid #CACACB;
   color: #5f5f5f;
   font-family: 'Lucida Sans Unicode', Arial;
   font-size: 1.2em;
   padding: 2px;
   width: 240px;   
   height: 110px;
}   

.document-data-entry .document-revision-holder
{
   float: left;
   width: 300px;
}

.document-data-entry .document-revision-holder input[type="text"]
{
   width: 250px;
}

ul.documents-list,
ul.uploaded-documents-list
{
   list-style-type: none;
   margin-top: 8px;
   padding-bottom: 8px;
}

ul.uploaded-documents-list
{
   height: 30px;
   line-height: 30px;
   margin-top: 0 !important;
   padding-bottom: 0 !important;
}

ul.documents-list li,
ul.uploaded-documents-list li
{
   line-height: 20px;
   font-size: 11px;
   color: #142FB3;
   padding-left: 24px;
   background: url("images/file.png") no-repeat left top;   
   font-family: 'Lucida Sans Unicode', Arial;
}

ul.uploaded-documents-list li
{
   background: none;
}

ul.uploaded-documents-list li.name,
ul.uploaded-documents-list li.category,
ul.uploaded-documents-list li.published,
ul.uploaded-documents-list li.version,
ul.uploaded-documents-list li.view,
ul.uploaded-documents-list li.edit,
ul.uploaded-documents-list li.delete
{
   color: #09649D;
   float: left;
   font-size: 12px;  
   padding-left: 10px; 
   line-height: 30px;
}

ul.uploaded-documents-list li.name
{
   width: 350px;
}

ul.uploaded-documents-list li.category,
ul.uploaded-documents-list li.published
{
   width: 180px;
}

ul.uploaded-documents-list li.version
{
   width: 150px;
}

ul.uploaded-documents-list li.view a
{
   background: url("images/view.png") no-repeat left top;
   color: #09649D;
   padding: 0 0 0 18px;
   text-decoration: none;   
}

ul.uploaded-documents-list li.edit a
{
   background: url("images/edit.png") no-repeat left top;
   color: #09649D;
   padding: 0 0 0 18px;
   text-decoration: none;   
}

ul.uploaded-documents-list li.delete a
{
   background: url("images/delete.png") no-repeat left top;
   color: #09649D;
   padding: 0 0 0 18px;
   text-decoration: none;   
}

a.cancel-upload-file
{
   margin-left: 5px;
}

a.upload-file:hover
{
   color: #f1271a;
   border-bottom: 1px dotted #f1271a;
}
