html, body {background: url('../img/header/bg.gif') repeat-x; margin: 0; padding: 0;}
body {font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #484848; line-height: 16px;}
a {color: #a60000; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {display: block; border: 0;}
form, fieldset {margin: 0; padding: 0; border: 0;}
input, select, textarea {margin: 0; padding: 0; outline: none; font: 12px Arial, Helvetica, sans-serif; color: #484848;}
h1, h2, h3, h4, p, ul {margin: 0; padding: 0;}
ul {list-style: none;}
.clear {clear:both;}

/* Header */

#header {width: 995px; height: 81px; margin: 0 auto;}
#header h2 {font-size: 12px;}
#header .box {float: left;}
#header .logo {margin: 12px 0 5px 0;}

/* Mainmenu */

#mainmenu {margin: 13px 0 0 15px; display: inline;}
#mainmenu ul {}	
#mainmenu ul li {float: left; margin: 0 2px 0 0; position: relative; display: inline;}
#mainmenu ul li a {float: left; width: 82px; height: 68px; overflow: hidden; position: relative; cursor: pointer;}
#mainmenu ul li a:hover, 
#mainmenu ul li.selected a {color: #fff; text-decoration: none;}
#mainmenu ul li a span {display: block; width: 82px; height: 20px; line-height: 10px; font-weight: bold; text-align: center; position: absolute; bottom: 5px}
*html #mainmenu ul li a span {height: 23px; line-height: 12px;}
*:first-child+html #mainmenu ul li a span {height: 23px; line-height: 12px;}
#mainmenu ul li.disabled a {color: #9b9b9b;}

/* Mainmenu > Link */

#mainmenu ul li a.m-purchases {background: url('../img/header/mainmenu.gif') no-repeat;}
#mainmenu ul li a.m-logistics {background: url('../img/header/mainmenu.gif') no-repeat -83px 0;}
#mainmenu ul li a.m-sales {background: url('../img/header/mainmenu.gif') no-repeat -166px 0;}

/* Mainmenu > Hover & Active */

#mainmenu ul li a.m-purchases:hover, 
#mainmenu ul li.selected a.m-purchases {background: url('../img/header/mainmenu.gif') no-repeat 0 -69px;}
#mainmenu ul li a.m-logistics:hover, 
#mainmenu ul li.selected a.m-logistics {background: url('../img/header/mainmenu.gif') no-repeat -83px -69px;}
#mainmenu ul li a.m-sales:hover, 
#mainmenu ul li.selected a.m-sales {background: url('../img/header/mainmenu.gif') no-repeat -166px -69px;}

/* Mainmenu > Disabled */

#mainmenu ul li.disabled a.m-purchases {background: url('../img/header/mainmenu.gif') no-repeat 0 -138px;}
#mainmenu ul li.disabled a.m-logistics {background: url('../img/header/mainmenu.gif') no-repeat -83px -138px;}
#mainmenu ul li.disabled a.m-sales {background: url('../img/header/mainmenu.gif') no-repeat -166px -138px;}

#mainmenu ul li a span.count {float: right; width: auto; height: auto; margin: 0; position: absolute; top: 10px; right: 8px; background: url('../img/header/count-left.gif') no-repeat;}
#mainmenu ul li a .count span {float: left; width: auto; height: 16px; line-height: 12px; margin: 0; font-size: 10px; color: #fff; letter-spacing: -0.1px; padding: 3px 5px 0 5px; position: relative; bottom: 0; background: url('../img/header/count-right.gif') no-repeat top right;}

#mainmenu ul li a:hover .count, 
#mainmenu ul li.selected a .count {background: url('../img/header/count-a-left.gif') no-repeat;}
#mainmenu ul li a:hover .count span, 
#mainmenu ul li.selected a .count span {background: url('../img/header/count-a-right.gif') no-repeat top right;}
	
/* Company info */

#company-info {width: 278px; margin: 9px 0 0 13px; display: inline;}
#company-info h2 {padding: 0 0 2px 30px; line-height: 17px;}
#company-info h2.profile {background: url('../img/header/profile-icon.gif') no-repeat 2px 0;}
#company-info h2.company-name {float: left; margin: 5px 0 0 0; background: url('../img/header/company-icon.gif') no-repeat 2px 1px;}
	
#company-info ul {clear: both; float: left; padding: 0 0 5px 0;}
#company-info ul li {float: left; color: #b0bdc8; padding: 0 6px 0 0;}
#company-info ul li a {float: left;}

#company-info .line {cleaR: left; width: 100%; height: 1px; overflow: hidden; background: #bcbcbc; border-bottom: 1px #fff solid;}
	
#company-info .count {float: left; margin: 0 0 0 5px; background: url('../img/header/count-s-left.gif') no-repeat #ed0000;}
#company-info .count span {float: left; height: 14px; line-height: 12px; padding: 1px 4px 0 4px; font-size: 10px; color: #fff; font-weight: bold; background: url('../img/header/count-s-right.gif') no-repeat top right;}

/* Company info > Select */

#company-info .select {float: left; margin: 0 0 0 4px; position: relative; z-index: 15; height: auto; overflow: visible; background: none;}
#company-info .select .arrow {float: left; margin: 4px 7px 0 7px;}
#company-info .select .active {float: left; margin: 0; border-left: 1px #c1c1b7 solid; border-top: 1px #c1c1b7 solid; border-right: 1px #c1c1b7 solid; background: #fff; position: relative; z-index: 17;}
#company-info .select .active img {padding: 3px 6px 4px 6px; background: #fff;}

/* Company info > Select > Dropdown */

#company-info .select .dropdown {display: none; float: right; width: 195px; overflow: hidden; padding: 18px 12px 8px 12px; border: 1px #c1c1b7 solid; background: #fff; position: absolute; z-index: 16; top: 29px; right: 0;}
#company-info .select .dropdown fieldset {clear: both; width: 100%; overflow: hidden; padding: 0 0 12px 0;}
#company-info .select .dropdown .input {float: left; width: 160px; height: 20px; line-height: 20px; padding: 0 5px 0 10px; font-weight: bold; border: 0; background: url('../img/header/search-input2-bg.gif') no-repeat;}
#company-info .select .dropdown .submit {float: left; width: 20px; height: 20px; border: 0; background: url('../img/header/search-button2.gif') no-repeat; cursor: pointer;}
			
#company-info .select .dropdown .title {width: 100%; overflow: hidden; border-bottom: 1px #c1c1b7 solid;}
#company-info .select .dropdown .title h3 {padding: 0 0 4px 0; font-size: 13px; text-transform: uppercase;}
					
#company-info .select .dropdown ul {margin: 5px 0 0 3px; display: inline;}
#company-info .select .dropdown ul li {clear: both; width: 100%;}
#company-info .select .dropdown ul li a {padding: 3px 0; color: #484848;}
#company-info .select .dropdown ul li a.all {padding: 6px 0 0 0; font-weight: bold; color: #a60000;}
							
/* Attributes */

#header #attributes {float: right; width: 348px; display: inline;}

/* Attributes > Sign out */

#attributes .sign-out {float: right; background: url('../img/header/sign-out-left.gif') no-repeat;}
#attributes .sign-out span {float: left; height: 20px; line-height: 18px; padding: 0 10px; background: url('../img/header/sign-out-right.gif') no-repeat top right;}

/* Attributes > Info */

#attributes .info {float: left; margin: 9px 0 0 0; padding: 0 0 3px 32px; background: url('../img/header/question-icon.gif') no-repeat 1px 0; display: inline;}
#attributes .info h2 {padding: 0 0 1px 0;}
#attributes .info ul {}
#attributes .info ul li {float: left; padding: 0 8px 0 0; color: #b0bdc8;}
#attributes .info ul li.date {font-size: 11px; color: #484848;}
#attributes .b-email {margin: 15px 0 0 8px;}

/* Attributes > Options */

#attributes .options {clear: both; float: left; background: url('../img/header/options-bg.gif') repeat-x;}
#attributes .options .inline {float: left; width: 348px; height: 33px; overflow: hidden; background: url('../img/header/options-bg-right.gif') no-repeat top right;}
#attributes .options ul {float: left;}	
#attributes .options ul li {float: left;}
#attributes .options ul li.slide {width: 40px; overflow: hidden;}
#attributes .options ul li.selected {width: 184px; overflow: hidden;}
#attributes .options ul li a {float: left;}
#attributes .options ul li.sep {width: 1px; height: 31px; overflow: hidden; margin: 1px 0 0 0; background: #9e9e9e; border-right: 1px #d9d9d9 solid;}
#attributes .options ul li.slide form, 
#attributes .options ul li.slide fieldset {float: left;}
			
/* Attributes > Options > Search */

#attributes .options ul li ul.search {float: left; width: 135px; height: 20px; overflow: hidden; margin: 6px 9px 0 3px; display: inline;}
#attributes .options ul li ul.search li {float: left;}
#attributes .options ul li ul.search li input {float: left;}
#attributes .options ul li ul.search li .input {width: 103px; height: 20px; line-height: 20px; padding: 0 5px 0 8px; border: 0; background: url('../img/header/search-input-bg.gif') no-repeat;}
#attributes .options ul li ul.search li .submit {width: 19px; height: 20px; border: 0; background: url('../img/header/search-button.gif') no-repeat;}
					
/* Attributes > Options > Font size */

#attributes .options ul li ul.font-size {float: left; width: 140px; height: 23px; overflow: hidden; margin: 6px 0 0 5px; display: inline;}
#attributes .options ul li ul.font-size li.title {width: 100%; font-size: 10px; line-height: 9px; font-weight: bold; text-transform: uppercase;}
#attributes .options ul li ul.font-size li a {float: left; margin: 0 12px 0 0; padding: 0 0 1px 0; font-size: 10px; color: #484848;}
#attributes .options ul li ul.font-size li a.active {font-weight: bold;}
					
/* Attributes > Options > Lang */

#attributes .options ul li ul.lang {float: left; overflow: hidden; margin: 8px 0 0 11px; display: inline;}
#attributes .options ul li ul.lang li {display: none; float: left; margin: 0 13px 0 0;}
#attributes .options ul li ul.lang li.active {display: block;}
#attributes .options ul li ul.lang li a {float: left; padding: 0 0 2px 0; font-size: 9px; color: #484848; line-height: 8px; text-align: center;}

/* Attributes > Options > Active */

#attributes .options ul li.selected ul.lang li {display: block;}
			
/* Submenu */

#submenu {width: 100%; height: 44px; background: url('../img/submenu/bg.gif') repeat-x;}
#submenu .inline {width: 995px; height: 44px; margin: 0 auto; background: url('../img/submenu/bg.gif') repeat-x;}
#submenu ul {float: left; width: 100%; margin: 10px 0 0 0; display: inline;}
#submenu ul li {float: left; padding: 0 13px 0 0;}
#submenu ul li.links ul {float: left; width: auto; margin: 1px 0 0 12px; display: inline;}
#submenu ul li.links ul li {font-weight: bold; color: #9c9c9c; padding: 0 10px 0 0;}
#submenu ul li.links ul li a {color: #fff;}
		
#submenu ul li.right {float: right; padding: 0;}
#submenu .select .button {margin: 6px 0 0 0;}
			
/* Submenu > Select */
		
#submenu .select {position: relative; z-index: 15; margin: -6px 0 0 0; height: auto; overflow: visible; background: none;}
#submenu .select .active {margin: 2px 0 0 0; border-left: 1px #c1c1b7 solid; border-top: 1px #c1c1b7 solid; border-right: 1px #c1c1b7 solid; background: none;}
#submenu .select .active span {height: 30px; line-height: 25px; padding: 0 24px 0 11px; background: url('../img/header/select-arrow.gif') no-repeat right #fff; position: relative; z-index: 17;}
				
/* Submenu > Select > Dropdown */

#submenu .select .dropdown {display: none; float: right; width: 195px; overflow: hidden; padding: 18px 12px 10px 12px; border: 1px #c1c1b7 solid; background: #fff; position: absolute; z-index: 16; top: 28px; right: 0px;}
*html #submenu .select .dropdown {right: -1px;}
#submenu .select .dropdown fieldset {clear: both; width: 100%; overflow: hidden; padding: 0 0 12px 0;}
#submenu .select .dropdown .input {float: left; width: 160px; height: 20px; line-height: 20px; padding: 0 5px 0 10px; font-weight: bold; border: 0; background: url('../img/header/search-input2-bg.gif') no-repeat;}
#submenu .select .dropdown .submit {float: left; width: 20px; height: 20px; border: 0; background: url('../img/header/search-button2.gif') no-repeat; cursor: pointer;}
			
#submenu .select .dropdown .title {width: 100%; overflow: hidden; border-bottom: 1px #c1c1b7 solid;}
#submenu .select .dropdown .title h3 {padding: 0 0 4px 0; font-size: 13px; text-transform: uppercase;}
					
#submenu .select .dropdown ul {margin: 5px 0 0 3px; display: inline;}
#submenu .select .dropdown ul li {clear: both; width: 100%;}
#submenu .select .dropdown ul li a {float: left; padding: 3px 0; color: #484848;}
#submenu .select .dropdown ul li a.all {padding: 6px 0 0 0; font-weight: bold; color: #a60000;}

/* Page */

#page {width: 999px; margin: 16px auto 0 auto; background: url('../img/content/content-bg.gif') repeat-y;}
#page .bg-top {width: 100%; background: url('../img/content/content-bg-top.gif') no-repeat;}
#page .bg-bottom {width: 100%; background: url('../img/content/content-bg-bottom.gif') no-repeat bottom left;}
	
#inline {padding: 10px 20px 20px 20px;}
#inline .count {float: left; background: url('../img/header/count-s-left.gif') no-repeat #ed0000;}
#inline .count span {float: left; height: 14px; line-height: 12px; padding: 1px 2px 0 2px; font-size: 10px; color: #fff; font-weight: bold; background: url('../img/header/count-s-right.gif') no-repeat top right;}

/*  
#####################################################################################################
	DASHBOARD LAYOUT
#####################################################################################################
*/

#dashboard {width: 100%; overflow: hidden; margin: 4px 0 0 0; background: url('../img/content/line-vertical.gif') repeat-y 682px 0;}
#dashboard .left-side {float: left; width: 670px; overflow: hidden;}
#dashboard .right-side {float: right; width: 260px; overflow: hidden;}

/* Dashboard > Title */

#dashboard .left-side .title {width: 100%; overflow: hidden; padding: 0 0 7px 0;}
#dashboard .left-side .title h2 {float: left; padding: 3px 12px 0 0; font-size: 13px;}

/* Dashboard > Notes */

#dashboard .notes {margin: 0 0 1px 0;}
#dashboard .notes li {padding: 3px 0 4px 20px; background: url('../img/icons/important.gif') no-repeat 0 5px;}
#dashboard .line {width: 100%; height: 2px; overflow: hidden; background: url('../img/content/line-horisontal.gif') repeat-x;}
			
/* Dashboard > Navi bar */

#dashboard .navi-bar {height: 31px; overflow: hidden; padding: 0; background: url('../img/content/navi-bar-bg.gif') repeat-x;}

/* Dashboard > Search-info */
		
#dashboard .search-info {}
#dashboard .search-info li {float: left; line-height: 28px; color: #fff;}
#dashboard .search-info li.left {padding: 0 0 0 10px; font-weight: bold;}
#dashboard .search-info li.left span {color: #ffd118;}
#dashboard .search-info li.right {float: right; padding: 0 15px 0 0;}

/* Dashboard > Search bar */

#dashboard .search-bar {margin: 10px 0 0 0; padding: 0;}
#dashboard .search-bar .input input[type=text] {padding-left: 108px}
#dashboard .search-bar .select {width: 100px; margin: 0 -105px 0 0;}
#dashboard .search-bar .select li a.active {padding: 0 13px 0 0; background: url('../img/content/select-arrow.gif') no-repeat center right;}

/* Dashboard > List */

#dashboard .list .table-scroll {width: 648px; overflow: auto;}

#dashboard .list dl dd.icon {float: left; width: 10px; height: 18px;}
#dashboard .list dl dd.mail-new {background: url('../img/icons/mail-new.gif') no-repeat 3px 3px;}
#dashboard .list dl dd.mail {background: url('../img/icons/mail.gif') no-repeat 3px 0;}
#dashboard .list dl dd span {font-weight: bold;}

/* Dashboard > Pagination */
		
#dashboard .pagination {clear: both; float: left; padding: 11px 0 0 0; display: inline;}
#dashboard .pagination li {float: left; padding: 0 8px; line-height: 22px;}
#dashboard .pagination li.prev {padding: 0 16px 0 0;}
#dashboard .pagination li.next {padding: 0 0 0 16px;}
#dashboard .pagination li a.active {color: #484848; font-weight: bold;}
#dashboard .pagination li a:hover {color: #484848;}

/* Dashboard > Info side */
		
#dashboard .info-block {width: 100%; overflow: hidden; margin: -3px 0 0 0;}
#dashboard .info-block .row {width: 100%; overflow: hidden;}

/* Dashboard > Info side > Title */
				
#dashboard .info-block .title {clear: both; width: 100%; overflow: hidden; padding: 6px 0 9px 0; background: url('../img/content/line-horisontal.gif') repeat-x bottom;}
#dashboard .info-block .title h3 {float: left; font-size: 13px; padding: 0 0 0 18px; background: url('../img/content/info-block-arrow.gif') no-repeat 2px 3px; cursor: pointer;}
#dashboard .info-block .title h3.open {background: url('../img/content/info-block-arrow-active.gif') no-repeat 0px 5px;}
					
#dashboard .info-block .add-new {float: right; padding: 0 18px 0 0; background: url('../img/content/add-new.gif') no-repeat right;}
#dashboard .info-block .button {margin: 7px 5px 0 0;}
#dashboard .info-block .link {float: right; margin: 0 5px 0 0; display: inline;}
				
#dashboard .info-block .count {float: right; background: url('../img/content/count-light-left.gif') no-repeat #ed0000;}
#dashboard .info-block .count span {padding: 1px 4px 0 4px; background: url('../img/content/count-light-right.gif') no-repeat top right;}

/* Dashboard > Info side > Inline */
				
#dashboard .info-block .inline {display: none; clear: both; width: 100%; overflow: hidden;}

/* Dashboard > Info side > New partners */
					
#dashboard .info-block .shortcuts .inline {display: block;}
#dashboard .info-block .shortcuts .inline ul {margin: 3px 0 0 0;}
#dashboard .info-block .shortcuts .inline ul li {display: inline;}
#dashboard .info-block .shortcuts .inline ul li a {display: block; padding: 3px 0 4px 24px; background: url('../img/content/arrow.gif') no-repeat 3px 6px;}

/* Dashboard > Info side > Account manager */
							
#dashboard .info-block .account-manager .inline	{width: auto; padding: 7px 0 5px 70px; line-height: 16px;}
#dashboard .info-block .account-manager .inline .pic {float: left; position: relative; left: -70px; margin-right: -68px; border: 1px #acacac solid;}
#dashboard .info-block .account-manager .buttons {clear: both; width: 100%; overflow: hidden; padding: 0 0 5px 0;}

/* Dashboard > Info side > New partners 2 */
					
#dashboard .info-block .new-partners .inline {line-height: 16px;}
#dashboard .info-block .new-partners .inline p {padding: 4px 0;}
#dashboard .info-block .new-partners .inline ul, 
#all-partners-modal ul {margin: 2px 0 5px 0;}
#dashboard .info-block .new-partners .inline ul li {padding: 2px 0 3px 24px; background: url('../img/content/arrow.gif') no-repeat 3px 6px;}
#dashboard .info-block .new-partners .inline ul li a, 
#all-partners-modal ul li a {color: #484848;}
#dashboard .info-block .new-partners .inline ul li span, 
#all-partners-modal ul li span {font-weight: bold;}

/* Dashboard > Info side > News */
					
#dashboard .info-block .news .inline {line-height: 16px;}
#dashboard .info-block .news .inline li {display: inline;}
#dashboard .info-block .news .inline li a {display: block; padding: 5px 0; color: #484848;}

/*  
#####################################################################################################
	DETAILS LAYOUT
#####################################################################################################
*/

#details {width: 100%;}

/* Details > Form fields */

#details .form-fields { background:url("../img/content/navi-bar-bg.gif") repeat-x scroll 0 0 #656565; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD; clear:both; overflow:hidden; padding:4px 10px 13px; }
#details .form-fields fieldset { float:left; padding:15px 80px 15px 5px;}

#details .form-fields fieldset label {clear: left; float:left; width: 150px; font-weight: bold; color:#fff;}
#details .form-fields fieldset label.radio {clear: none; float:none;}
#details .form-fields fieldset input, 
#details .form-fields fieldset label, 
#details .form-fields fieldset select {margin-bottom:10px;}
#details .form-fields fieldset select option {background: #fff;}
#details .form-fields fieldset input.radio {background-image:none; width:10px;}
#details .form-fields fieldset .radiowrap {display:inline-block;}
#details .form-fields fieldset .radiowrap label, 
#details .form-fields fieldset .radiowrap input {float:left; margin:3px;}
#details .form-fields fieldset .radiowrap label {width:70px; padding-top:1px; font-weight:normal;}
#details .form-fields fieldset .textarea {width: 313px; height: 60px;}

#details .form-fields fieldset.fs2 { padding-right:0;}
#details .form-fields .buttons a { margin:5px 2px 0; float:right; padding-bottom:5px;}
#details .form-fields .yellow-b { background:url("../img/buttons/webshop-button.gif") no-repeat scroll 0 0 transparent; cursor:pointer; width:58px; height:22px; margin:5px 30px 10px 2px; border:0 none !important; color:#484848; float:right; padding-bottom:5px;}

/* Details > List */

#details .list dl dd.icon {padding: 1px 20px 0 0;}

/*  
#####################################################################################################
	ADD PRODUCTS LAYOUT
#####################################################################################################
*/

#add-products {width: 100%; overflow: hidden; margin: 4px 0 0 0; }

/* Add products > Title */

#add-products .title .order-nr, 
#add-products .title .delivery-date {float:right;}
#add-products .title .order-nr {padding-right:20px;}

/* Add products > Menu */

#add-products .items {float:right; margin:14px 0 0;}
				
/* Add products > Dashboard */

#add-products .dashboard { background:url("../img/content/navi-bar-bg.gif") repeat-x scroll 0 0 #656565; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD; clear:both; width: 100%; padding: 10px 0;}
#add-products .dashboard  a {color:#fff;}
#add-products .dashboard  a:hover {text-decoration:none;}

#add-products .dashboard .browse-categories {clear: both; overflow: hidden; padding: 0 0 0 10px; position: relative; top: -18px; margin: 0 0 -18px 0;}
#add-products .dashboard .categories {width: 100%; overflow: hidden; padding: 10px 10px 10px 20px; display: none;}
#add-products .dashboard .categories .breadcrumb { margin: 0 0 10px 0; color:#fff;}
#add-products .dashboard .categories .breadcrumb a { color:#FFD118; font-weight:bold;}
#add-products .dashboard .categories ul {float: left; margin: 0 80px 0 0; padding: 0;}
#add-products .dashboard .categories ul li {padding-bottom: 3px;}
#add-products .dashboard .categories ul li a.selected {font-weight: bold; color: #ffd118;}
#add-products .browse {background:url("../img/content/browse-arrow.gif") no-repeat scroll 3px 7px transparent; font-size:13px; padding:3px 12px 0 20px;font-weight:bold;}
#add-products .browse-active {background:url("../img/content/browse-arrow-down.gif") no-repeat scroll 0 8px transparent;}

/* Add products > Dashboard > Search bar */

#add-products .search-bar {position: relative; z-index: 1;}

/*  
#####################################################################################################
	OVERVIEW LAYOUT
#####################################################################################################
*/

#overview {width: 100%;}

/* Overview > Title */

#overview .title .order-nr, 
#overview .title .delivery-date {float:right;}
#overview .title .order-nr {padding-right:20px;}

/* Overview > Menu */

#overview .items {float:right; margin:14px 0 0;}
				
/* Overview > Dashboard */

#overview .dashboard { background:url("../img/content/navi-bar-bg.gif") repeat-x scroll 0 0 #656565; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD; clear:both; padding:13px 10px 13px 16px;}
#overview .dashboard ul {color:#fff;}
#overview .dashboard ul a {background:url("../img/content/open-arrow.gif") no-repeat scroll left 9px transparent; padding:3px 0 0 12px; color:#fff; font-weight:bold; display:inline-block;}
#overview .dashboard ul a:hover {text-decoration:none;}
#overview .dashboard ul a.open span {font-weight:normal; padding-right:2px;}
#overview .dashboard ul li ul.info {display:none; color:#ededed; padding:0 0 5px 12px;}

/*  
#####################################################################################################
	CONFIRM LAYOUT
#####################################################################################################
*/

#confirm {width: 100%;}

/* Confirm > Title */

#confirm .title .order-nr, #confirm .title .delivery-date {float:right;}
#confirm .title .order-nr {padding-right:20px;}

/* Confirm > Menu */

#confirm .items {float:right; margin:14px 0 0;}
				
/* Confirm > Dashboard */

#confirm .dashboard { background:url("../img/content/navi-bar-bg.gif") repeat-x scroll 0 0 #656565; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD; clear:both; padding:4px 10px 13px;}
#confirm .dashboard .title {overflow: visible; padding:10px; clear:both;}
			
#confirm .dashboard {color:#fff;}
#confirm .dashboard .info-list, 
#confirm .dashboard .notes {float:left; padding:20px 0}
#confirm .dashboard .info-list {width:450px;}
#confirm .dashboard .info-list .primary {padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #fff; width:400px;}
#confirm .dashboard label {float:left;display:inline-block;width:160px; padding-bottom:5px;}
#confirm .dashboard .textarea {float: left; width: 232px; height: 58px; margin: 0 0 0 10px;}
				
#confirm .dashboard dl {width: 100%; overflow: hidden; margin: 0; padding: 2px 0 2px 0;}
#confirm .dashboard dl dd {float: left; margin: 0; padding: 0 10px 0 0;}
#confirm .dashboard dl dd span {display: block;}
#confirm .dashboard dl dd a.open {color:#fff;padding-right:12px;background:url("../img/content/confirm-open-arrow.gif") no-repeat scroll right 6px transparent;}
						
#confirm .dashboard dl dd ul, 
#confirm .dashboard dl dd div  {color:#dcdcdc;margin-left:10px;}
#confirm .dashboard dl dd div.input {margin-left: 0;}
#confirm .dashboard dl dd div.notes {margin:0;}
#confirm .dashboard dl dd ul li span, 
#confirm .dashboard dl dd div span {display: inline-block;width:90px;}

/*  
#####################################################################################################
	DOCLIST LAYOUT
#####################################################################################################
*/
	
#doclist {width: 100%;}

/* Doclist > Menu */

#doclist .menu {bottom: 0;}

/* Doclist > List */

#doclist .list {clear: both;}
#doclist .list dl dt.space {float: left; width: 126px; margin: 0; padding: 0 20px 0 0;}
#doclist .list dl dd.check {padding: 6px 13px 0 0;}
#doclist .list dl dd.check input {float: left; margin: 2px 0 0 0; padding: 0;}
#doclist .list dl dd.icon {padding: 6px 6px 0 0;}
#doclist .list dl dd.icon-wide {padding: 6px 20px 0 0;}

/*  
#####################################################################################################
	COMPANY PAGE LAYOUT
#####################################################################################################
*/
	
#company-page {width: 100%;}

/* Company page > Form */

#company-page .form, 
#company-page .form-2, 
#company-page .services {padding: 9px; border-left: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; background: #fff;}
#company-page .form h3 {padding: 8px 0 15px 10px; font-size: 13px;}
	
#company-page .form .columns, 
#company-page .form-2 .columns, 
#company-page .services .columns {clear: both; overflow: hidden;}
	
#company-page .form-2 .columns {margin: 10px 0 25px 0; background: url('../img/content/form-columns-bg.gif') repeat-y;}
#company-page .form .col {float: left; width: 325px;}
#company-page .services .columns {margin: 10px 0 25px 0; padding: 0 0 15px 0; background: url('../img/content/services-columns-bg.gif') repeat-y;}
#company-page .services .col-first {float: left; width: 250px; margin: 0 20px 0 10px;}
#company-page .services .col-last {float: left; width: 625px; margin: 0 0 0 20px;}
	
#company-page .services .topic {height: 50px; overflow: hidden;}
#company-page .services .topic .phone {display: block; padding: 0 0 13px 0;}
#company-page .services .topic .phone strong {font-size: 14px;}
				
#company-page .form-2 .col {float: left; width: 250px; margin: 0 20px 0 19px;}
#company-page .form-2 .col .topic {height: 45px; overflow: hidden;}
#company-page .form-2 .col .topic h3 {float: left; padding: 0; font-size: 14px;}
#company-page .form-2 .col .topic .button {float: right;}
#company-page .form-2 .col-last .topic .button, 
#company-page .services .col-last .topic .button {float: left; margin: 0 10px 0 0;}
			
#company-page .form-2 .col-first {width: 300px; margin: 0 20px 0 10px;}
#company-page .form-2 .col-last {width: 290px; margin: 0 0 0 19px;}
#company-page .form .col-last {width: 280px;}
	
#company-page .form .field, 
#company-page .form-2 .field {width: 100%; overflow: hidden; padding: 0 0 9px 0;}
#company-page .form .spacer, 
#company-page .form-2 .spacer {clear: both; width: 100%; height: 15px;}
#company-page .form .field label {float: left; width: 110px; padding: 0 0 0 10px; font-weight: bold; font-size: 11px; line-height: 20px;}
#company-page .form-2 .field label {float: left; width: 103px; font-weight: bold; font-size: 11px; line-height: 20px;}

#company-page .form .field ul {float: left;}
#company-page .form .field ul li {float: left;}
				
#company-page .form .field .label {float: left; padding: 0 26px 0 6px;}				
#company-page .form .field input[type="checkbox"], 
#company-page .form .field input[type="radio"] {float: left; margin: 1px 0 0 0;}
					
#company-page .form .col-wide {clear: left; width: 100%;}
#company-page .form .col-wide .select {margin: 0 23px 0 0;}
#company-page .form .separator {clear: both; width: 100%; height: 1px; overflow: hidden; margin: 9px 0 8px 0; background: #cfcfcf;}
	
#company-page .form .buttons {cleaR: both; float: right; overflow: hidden; margin: 11px 20px 20px 0;}
#company-page .form-2 .buttons {width: 250px; margin: 12px 0 0 0;}
	
#company-page .form .buttons .button, 
#company-page .form-2 .buttons .button {float: right; margin: 0 0 0 12px;}
	
#company-page .form-2 .link-list {}
#company-page .services .link-list {border-top: 1px #cfcfcf solid; display: inline-block;}
#company-page .form-2 .link-list li, 
#company-page .services .link-list li {float: left; width: 100%; border-bottom: 1px #cfcfcf solid;}
#company-page .form-2 .link-list li a, 
#company-page .services .link-list li a {color: #484848; display: block; padding: 5px 0 8px 0; font-weight: bold; line-height: 16px;}
#company-page .form-2 .link-list li a span, 
#company-page .services .link-list li a span {display: block; font-weight: normal;}
#company-page .form-2 .link-list li a:hover, 
#company-page .services .link-list li a:hover {color: #a60000; text-decoration: none; background: url('../img/content/arrow2.gif') no-repeat right;}
	
#company-page .form-2 .user-info {}
#company-page .form-2 .user-info td {line-height: 20px;}
#company-page .form-2 .user-info td.left {padding: 0 25px 0 0; font-weight: bold; vertical-align: top;}
	
#company-page .form-2 .branch-info {}
#company-page .form-2 .branch-info td {line-height: 20px;}
#company-page .form-2 .branch-info td p {line-height: 16px;}
#company-page .form-2 .branch-info td.left {width: 1%; white-space: nowrap; padding: 0 15px 0 0; font-weight: bold;}
	
#company-page .info-bar {clear: both; padding: 10px 0 10px 20px; overflow: hidden; border: 1px #ddd solid; background: #ededed;}
#company-page .info-bar dl {float: left; width: 455px; margin: 0; padding: 0; line-height: 18px;}
#company-page .info-bar dl dt {clear: both; float: left; width: 113px; font-weight: bold;}
#company-page .info-bar dl dd {flaot: left;}
	
#company-page .services-info-list {overflow: hidden; margin: -10px 0 0 0;}
#company-page .services-info-list h3 {padding: 0 0 15px 0;}
#company-page .services-info-list ul {}
#company-page .services-info-list ul li {float: left; width: 100%; overflow: hidden; padding: 7px 0;}
#company-page .services-info-list ul li h4 {}
#company-page .services-info-list ul li h4 a {padding: 0 0 0 20px; font-size: 12px; color: #484848; background: url('../img/content/arrow3.gif') no-repeat left;}
#company-page .services-info-list ul li h4 a.active {background: url('../img/content/arrow3-down.gif') no-repeat left;}
#company-page .services-info-list ul li p {display: none; line-height: 16px; padding: 0 0 0 20px;}
					
/* Company page > List */

#company-page .list dl dt.icon {float: left; width: 10px;}
#company-page .list dl dd.icon {width: 14px; padding: 0 11px 0 5px;}

/*  
#####################################################################################################
	DOC VIEW LAYOUT
#####################################################################################################
*/

#doc-view {width: 100%;}
#doc-view .b-viewedoc {float:right;}
#doc-view .line {clear: both; width: 100%; height: 2px; overflow: hidden; padding: 8px 0; background: url('../img/content/line-horisontal.gif') repeat-x center;}
	
/* Doc-view > Navi bar */

#doc-view .navi-bar {height: auto;}
		
#doc-view .navi-bar .info {float:left;padding-left:20px;padding-top:5px;color:#fff;}
#doc-view .navi-bar .info a.show-details {color:#ffd118;background: url('../img/content/arrow-yellow.gif') no-repeat left center;padding-left:15px;}
#doc-view .navi-bar .info a.show-details.active {background: url('../img/content/arrow-yellow-down.gif') no-repeat left center;}
#doc-view .navi-bar .info h2 {float:left;line-height:17px; padding-bottom:5px;font-size:13px;}
#doc-view .navi-bar .info h2 span {font-weight:normal;}
					
#doc-view .navi-bar .dropdown-info {overflow: hidden; padding: 0 0 10px 0; color: #fff;}
#doc-view .navi-bar ul.details {padding-left:35px;}
#doc-view .navi-bar ul.details li {font-weight:bold;}
#doc-view .navi-bar ul.details li ul {float: left; width: 400px; padding-right: 40px;}
#doc-view .navi-bar ul.details li span {font-weight:normal;width:150px;display:inline-block;}
#doc-view .navi-bar ul.details li .title {clear: both; padding:5px 0;}
							
#doc-view .navi-bar .inline .status {float:left;margin-left:40px;display:block;}
		
/* Doc-view > Submenu */
	
#doc-view .submenu {float:right;}
#doc-view .submenu li {float: left; border-left: 1px #848484 solid;}
#doc-view .submenu li ul li {float: none; border: 0; display: inline;}
		
/* Doc-view > Document > Infoboxes */
		
#doc-view .list .infoboxes {overflow: hidden; margin: 0 0 20px 0;}
#doc-view .list .infobox {float: left; width: 440px; padding-left: 10px; padding-bottom: 9000px; margin-bottom: -9000px;}
#doc-view .list .infoboxes  .no-border{border-right: 0 transparent none;}
#doc-view .list .infobox h3 {line-height:17px;padding-bottom:10px;font-size:13px;}
#doc-view .list .infobox a {background: url('../img/content/arrow-right.gif') no-repeat left center;color:#484848;display:block;line-height:17px;padding:5px 0 5px 15px;font-size:13px;font-weight:bold;}
#doc-view .list .infobox a.active {background: url('../img/content/arrow-down.gif') no-repeat left center;}
				
#doc-view .list .infobox ul.dropdown {margin-left:15px;}
#doc-view .list .infobox ul.dropdown li {font-weight:bold;padding-bottom:3px;}
#doc-view .list .infobox ul.dropdown span {font-weight:normal;width:110px;display:inline-block;}
			
#doc-view .list .infoboxes .parties {border-right:1px solid #dddddd;}
#doc-view .list .infoboxes .parties a {font-weight:bold;padding-bottom:3px;line-height:14px;font-size:12px;}
#doc-view .list .infoboxes .parties a:hover {text-decoration:none;}
#doc-view .list .infoboxes .parties a span {font-weight:normal;width:110px;display:inline-block;}
					
/* Doc-view > Document > Table */
		
#doc-view .list .table dl {width: 100%; overflow: hidden; margin: 0; padding: 4px 0 5px 0; border-bottom: 1px #ddd solid;}
#doc-view .list .table dl.active {width: auto; padding-top: 0px; border: 1px solid #717171; margin: -1px 0 0 0;}
#doc-view .list .table dl.active .row-container {width: 100%; overflow: hidden; background:#ededed;border-bottom:1px solid #dddddd;padding-top:4px;padding-bottom:5px;}

#doc-view .list .table .dropdown, 
#doc-view .list .table .dropdown2 {width: 100%; height: 0; overflow: hidden; padding: 0;}

#doc-view .list .table .drop-active {height: auto;}

#doc-view .list .table dl.active dd.dropdown {background:#fff;border:0 none transparent;}
#doc-view .list .table dl .dropdown a {background:url("../img/content/arrow-right.gif") no-repeat scroll 5px center transparent;color:#484848;display:block;line-height:17px;padding:5px 0 5px 30px;}
#doc-view .list .table dl .dropdown a.active {font-weight:bold;background: url('../img/content/arrow-down.gif') no-repeat 5px center;}

#doc-view .list .table dl .dropdown ul.dropdown2 {margin-left:40px;}
#doc-view .list .table dl .dropdown ul.dropdown2 li {padding-bottom:3px;}
#doc-view .list .table dl .dropdown ul.dropdown2 span {display:inline-block;width:200px;}
				
#doc-view .document .list dl.topic {padding-bottom:5px;border-bottom: 2px #ddd solid;border-top: 2px #ddd solid;}
#doc-view .list .table dl.topic dt {float: left; margin: 0; padding: 0 20px 0 0; font-weight: bold;}
				
#doc-view .list .table dl .browse {float: left; width: 10px;height:16px;margin: 0; padding: 0 18px 0 0;}
#doc-view .list .table dl dt.browse {padding-right: 18px;}
#doc-view .list .table dl .browse a {background: url('../img/content/arrow-right.gif') no-repeat 5px center;text-decoration:none;}
#doc-view .list .table dl.active .browse a {background: url('../img/content/arrow-down2.gif') no-repeat 5px center;text-decoration:none;}
#doc-view .list .table dl .browse a span {display:inline-block;visibility:hidden;}
				
#doc-view .list .table dl dt.hidden {visibility:hidden;}

#doc-view .list .table dl dd {float: left; margin: 0; padding: 0 20px 0 0;}
#doc-view .list .table dl dd span {display: block;}
#doc-view .list .table dl dt.right, 
#doc-view .list .table dl dd.right {text-align: right;}

/*  
#####################################################################################################
	PRICES LAYOUT
#####################################################################################################
*/

#prices {width: 100%;}

/* Prices > Buttons */

#prices .buttons {float: right; margin: 4px 0 0 0;}
#prices .buttons .button {margin: 0 0 0 10px;}

/* Prices > Submenu */

#prices .submenu li.partners {height: 49px; padding: 0 12px;}
#prices .submenu li.partners span {display: block; padding: 4px 0 5px 0; color: #fff; font-weight: bold;}
#prices .submenu li.partners form {overflow: hidden;}
#prices .submenu li.partners .input {float: left; width: 105px; height: auto; padding: 3px 0 3px 10px; border: 0; background: url('../img/content/input5-bg.gif') no-repeat;}
#prices .submenu li.partners .button {float: left; width: 20px; height: 20px; border: 0; font-size: 0; background: url('../img/content/input5-button.gif') no-repeat; cursor: pointer;}

/* Prices > Document */

#prices .list dl {clear: both; overflow: hidden; margin: 0; padding: 4px 0 5px 0; border-bottom: 1px #ddd solid;}
#prices .list dl .row-container {clear: both; overflow: hidden;}

#prices .list dl.topic {border-bottom: 2px #ddd solid; border-top: 2px #ddd solid;}
#prices .list dl.topic dt {float: left; margin: 0; padding: 0 20px 0 0; font-weight: bold;}

#prices .list dl dd {float: left; margin: 0; padding: 0 20px 0 0;}
#prices .list dl dd span {display: block;}
#prices .list dl dt.right, 
#prices .list dl dd.right {text-align: right;}

#prices .list .dropdown {display: none; clear: both; width: 100%; overflow: hidden; margin: 5px 0px -5px 0px; padding: 0; background: #fff;}
#prices .list .dropdown dl {margin: 0; padding-bottom: 0; border-top: 1px #ddd solid; border-bottom: 0;}
#prices .list .dropdown dl.topic {padding-bottom: 5px;}
#prices .list .dropdown dd {padding-bottom: 5px;}

#prices .list .dropdown2 {display: none; clear: both; width: 100%; overflow: hidden; padding: 0; margin: 0; background: #fff;}
#prices .list .dropdown2 dl {margin: 0; padding-bottom: 5px; border-top: 1px #ddd solid; border-bottom: 0;}
#prices .list .dropdown2 dd {padding-bottom: 0;}

#prices .list dl.active {width: auto; border: 1px solid #717171; background: #ededed;}

#prices .list dl .browse, 
#prices .list dl .browse2 {float: left; width: 1px; height: 16px; margin: 0;}
#prices .list dl .browse a, 
#prices .list dl .browse2 a {background: url('../img/content/arrow-right.gif') no-repeat 0 center;}
#prices .list dl .browse a.active {background: url('../img/content/arrow-down.gif') no-repeat 0 center;}
#prices .list dl.active .browse a.active {background: url('../img/content/arrow-down2.gif') no-repeat 0 center;}
#prices .list dl .browse2 a.active {background: url('../img/content/arrow-down2.gif') no-repeat 0 center;}
#prices .list dl .browse a span, 
#prices .list dl .browse2 a span {display: inline-block; visibility: hidden;}
#prices .list dl .browse a:hover, 
#prices .list dl .browse2 a:hover {text-decoration: none;}

#prices .list dl .check {width: 15px; margin: 0;}
#prices .list .dropdown .check {width: 30px; padding-right: 18px;}
#prices .list dl .check input {float: left; margin: 1px 0 0 5px;}

#prices .list dl dt.hidden {visibility: hidden;}


/* Footer */

#footer {clear: both; float: left; width: 100%; margin: 18px 0 0 0; padding: 2px 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; background: #ededed;}
#footer .inline {width: 995px; margin: 0 auto;}
#footer .shortcuts {float: left; margin: 7px 0 0 0;}
#footer .shortcuts li {float: left; margin: 0 20px 0 0; line-height: 18px; display: inline;}
#footer .logos {float: right; margin: -3px 0; padding: 3px 0; border-left: 1px #ddd solid; border-right: 1px #ddd solid; background: #fff; position: relative;}
#footer .logos li {float: left; margin: 0 13px; display: inline;}

/*  
#####################################################################################################
	MODAL BOX
#####################################################################################################
*/
		
.modal-content {width: 513px; overflow: hidden; padding: 12px 10px 10px 10px; background: #fff;}
.modal-content .title {width: 100%; overflow: hidden; padding: 0 0 8px; border-bottom: 1px #ddd solid;}
.modal-content .title h1 {float: left; font-size: 13px;}		
.modal-content .content {padding: 15px 10px 10px 10px; overflow: hidden;}	
.modal-content .content .inline {width: 100%; overflow: auto;}
.modal-content .content p {padding: 0 0 15px 0; line-height: 18px;}

/* Modal box > News */

#news-modal {}

/* Modal box > Sent */

#sent-modal {}

/* Modal box > Template */

#template-modal {}
#template-modal .inputwrap {float: left; width:350px; display:inline-block;}
#template-modal .inputwrap .check {clear: left; padding:10px 5px 10px;}
#template-modal button.save { background:url("../img/buttons/save-btn.gif") no-repeat scroll 0 0 transparent; margin-top:28px; float:left; cursor:pointer; width:58px; height:22px; border:0 none !important; color:#484848; margin:0 0 0 10px; padding:0 0 5px 0;  display:inline-block;}

/* Modal box > Note */

#note-modal {}
#note-modal .inputwrap {background:url("../img/modal/input2.gif") no-repeat scroll 0 0 transparent; width:420px; display:inline-block;}
#note-modal .inputwrap input#note {background-color:transparent; border:0 none; height:22px; line-height:20px; margin:0; padding:0 10px; width:400px;}
#note-modal button.save { background:url("../img/buttons/save-btn.gif") no-repeat scroll 0 0 transparent; margin-top:28px; float:right; cursor:pointer; width:58px; height:22px; border:0 none !important; color:#484848; margin:0 0 0 10px; padding:0 0 5px 0;  display:inline-block;}

/* Modal box > Email */

#email-modal {}
#email-modal .content .form {width: 420px; overflow: hidden;}
#email-modal .content .form .row {width: 100%; overflow: hidden; padding: 0 0 10px 0;}
#email-modal .content .form textarea {width:408px; height:150px;}
#email-modal .content .form button.send { background:url("../img/buttons/save-btn.gif") no-repeat scroll 0 0 transparent; float:right; cursor:pointer; width:58px; height:22px; border:0 none !important; color:#484848; margin:10px 0 0 10px; padding:0 0 5px 0;  display:inline-block;}

/* Modal box > Cancel */

#cancel-modal  {}
#cancel-modal .buttonwrap {float:right;}
#cancel-modal .buttonwrap .button {margin-left:10px;}

/* Modal box > Status */

#status-modal  {width:720px;overflow:hidden;border: 2px #000 solid;}
#status-modal .content {padding: 15px 10px 10px 10px; height: 400px; overflow: auto;}
#status-modal .inline .table {max-height: 500px; height: 500px; height: auto !important; overflow-y: auto;}
#status-modal .inline .table dl {margin:0;overflow:hidden;}
#status-modal .inline .table dl dd {float:left;margin:0;padding:5px 20px 5px 0;}
#status-modal .inline .table dl dd.w-25, #status-modal .inline .table dl dt.w-25 {padding-right: 10px !important;}

#status-modal .inline .table dl dd.border {border-left:1px solid #dddddd;padding:5px 0 5px 10px;}
#status-modal .inline .table dl dd.bold {font-weight:bold;}
#status-modal .inline .table dl dd.browse, 
#status-modal .inline .table dl dd.browse2, 
#status-modal .inline .table dl dd.browse3, 
#status-modal .inline .table dl dd.browse4, 
#status-modal .inline .table dl dd.browse5, 
#status-modal .inline .table dl dd.browse6, 
#status-modal .inline .table dl dd.browse7, 
#status-modal .inline .table dl dd.browse8, 
#status-modal .inline .table dl dd.browse9, 
#status-modal .inline .table dl dd.browse10, 
#status-modal .inline .table dl dd.browse11, 
#status-modal .inline .table dl dd.browse12, 
#status-modal .inline .table dl dd.browse13, 
#status-modal .inline .table dl dd.browse14, 
#status-modal .inline .table dl dd.browse15 {float:left;height:16px;margin:0;width:5px;}

#status-modal .inline .table dl .browse a, 
#status-modal .inline .table dl.active .browse2 a, 
#status-modal .inline .table dl.active dl.active  .browse3 a, 
#status-modal .inline .table dl.active dl.active dl.active  .browse4 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active  .browse5 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active  .browse6 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active  .browse7 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse8 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse9 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse10 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse11 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse12 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse13 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse14 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active  .browse15 a {background:url("../img/content/arrow-right.gif") no-repeat scroll 5px center transparent;text-decoration:none;}
#status-modal .inline .table dl.active .browse a, 
#status-modal .inline .table dl.active dl.active .browse2 a, 
#status-modal .inline .table dl.active dl.active dl.active .browse3 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active .browse4 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active .browse5 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active .browse6 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse7 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse8 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse9 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse10 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse11 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse12 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse13 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse14 a, 
#status-modal .inline .table dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active dl.active .browse15 a {background:url("../img/content/arrow-down.gif") no-repeat scroll 5px center transparent;text-decoration:none;}
#status-modal .inline .table dl .browse a span, 
#status-modal .inline .table dl .browse2 a span, 
#status-modal .inline .table dl .browse3 a span, 
#status-modal .inline .table dl .browse4 a span, 
#status-modal .inline .table dl .browse5 a span, 
#status-modal .inline .table dl .browse6 a span, 
#status-modal .inline .table dl .browse7 a span, 
#status-modal .inline .table dl .browse8 a span, 
#status-modal .inline .table dl .browse9 a span, 
#status-modal .inline .table dl .browse10 a span, 
#status-modal .inline .table dl .browse11 a span, 
#status-modal .inline .table dl .browse12 a span, 
#status-modal .inline .table dl .browse13 a span, 
#status-modal .inline .table dl .browse14 a span, 
#status-modal .inline .table dl .browse15 a span {display:inline-block;visibility:hidden;}

#status-modal .inline .table dl dd.dropdown dl dd {padding:3px 20px 3px 0;}
#status-modal .inline .table dl dd.dropdown dl dd.border {padding:3px 0 3px 10px;}

#status-modal .inline .table dl dd.dropdown, 
#status-modal .inline .table dl dd.dropdown2, 
#status-modal .inline .table dl dd.dropdown3, 
#status-modal .inline .table dl dd.dropdown4, 
#status-modal .inline .table dl dd.dropdown5, 
#status-modal .inline .table dl dd.dropdown6, 
#status-modal .inline .table dl dd.dropdown7, 
#status-modal .inline .table dl dd.dropdown8, 
#status-modal .inline .table dl dd.dropdown9, 
#status-modal .inline .table dl dd.dropdown10, 
#status-modal .inline .table dl dd.dropdown11, 
#status-modal .inline .table dl dd.dropdown12, 
#status-modal .inline .table dl dd.dropdown13, 
#status-modal .inline .table dl dd.dropdown14, 
#status-modal .inline .table dl dd.dropdown15 {padding: 0 0 0 10px !important;}

#status-modal .form {float: left; width: 365px; margin: 0 35px 0 0; display: inline;}
#status-modal .form ul {}
#status-modal .form ul li {}
#status-modal .form ul li a {display: block; padding: 3px 10px 3px 25px; color: #484848; font-weight: bold; background: url('../img/content/arrow-right.gif') no-repeat 8px center;}
#status-modal .form ul li a:hover {text-decoration: none; background: url('../img/content/arrow-right2.gif') no-repeat 8px center #ededed;}
#status-modal .form ul li a.active {background: url('../img/content/arrow-down2.gif') no-repeat 8px center #ededed;}
#status-modal .form ul li .dropdown {display: none; overflow: hidden; padding: 15px 0 5px 25px;}
#status-modal .form ul li .dropdown .row {clear: both; overflow: hidden; padding: 0 0 8px 0;}
#status-modal .form ul li .dropdown label {float: left; width: 45px; height: 18px; line-height: 18px; margin: 0; padding: 0 10px 0 0;}
#status-modal .pic {float: left;}

/* Modal box > Status > Navi bar */

#status-modal .navi-bar {clear: both;padding: 7px 0 8px 0;background: url('../img/content/navi-bar2-bg.gif') repeat-x #656565;}
*html #status-modal .navi-bar {overflow: hidden;}
#status-modal .navi-bar .inline {float: left; width: 100%;}
#status-modal .navi-bar .inline .info {float:left;padding-left:20px;padding-top:5px;color:#fff;}
			
#status-modal .navi-bar .inline .info a.show-details {color:#ffd118;background: url('../img/content/arrow-yellow.gif') no-repeat left center;padding-left:15px;}
#status-modal .navi-bar .inline .info a.show-details.active {background: url('../img/content/arrow-yellow-down.gif') no-repeat left center;}
#status-modal .navi-bar .inline .info h2 {line-height:17px; padding-bottom:5px;font-size:13px;}
#status-modal .navi-bar .inline .info h2 span {font-weight:normal;}
#status-modal .navi-bar .inline .info h3 {line-height:16px; padding-bottom:5px;font-size:12px;font-weight:normal;}
				
#status-modal .navi-bar .inline .info ul.details {padding-left:15px;}
#status-modal .navi-bar .inline .info ul.details li {font-weight:bold;}
#status-modal .navi-bar .inline .info ul.details li span {font-weight:normal;width:150px;display:inline-block;}
#status-modal .navi-bar .inline .info ul.details li .title {padding:5px 0;}
				
#status-modal .navi-bar .inline .status {float:left;margin-left:40px;display:block;}
		
/* Modal box > Status > Submenu */
	
#status-modal .submenu {float:right;}
#status-modal .submenu li {float: left; border-left: 1px #848484 solid;}
#status-modal .submenu li.drop {position: relative; z-index: 1;}
#status-modal .submenu li ul li {float: none; border: 0; display: inline;}
#status-modal .submenu li.sep {width: 196px; height: 49px; overflow: hidden;}
			
#status-modal .submenu li a.icon {float: left; width: 59px; height: 49px;}
*html #status-modal .submenu li a.icon {overflow: hidden;}

#status-modal .submenu li a.icon .tip {display: block; margin: 33px 0 0 0; line-height: 12px; font-size: 10px; color: #fff; text-align: center;}
#status-modal .submenu li.drop a.active .tip {margin: 32px 0 0 0; color: #cfcfcf;}
#status-modal .submenu li a.icon:hover .tip {color: #cfcfcf;}
		
/* Modal box > Status > Submenu > Active */
			
#status-modal .submenu li.drop a.active {border-left: 1px #848484 solid; border-top: 1px #848484 solid; border-right: 1px #848484 solid; height: 57px; position: relative; z-index: 3; margin: 0 -1px -1px -1px;}

/* Modal box > Status > Submenu > Icons */
			
#status-modal .submenu li a.icon:hover {text-decoration: none;}

#status-modal .submenu li.new a.icon {background: url('../img/icons/new.png') no-repeat 0 -6px;}
#status-modal .submenu li.new a.icon:hover {background: url('../img/icons/new-hover.png') no-repeat 0 -6px;}

#status-modal .submenu li.edit a.icon {background: url('../img/icons/edit.png') no-repeat 0 -6px;}
#status-modal .submenu li.edit a.icon:hover {background: url('../img/icons/edit-hover.png') no-repeat 0 -6px;}

#status-modal .submenu li.delete a.icon {background: url('../img/icons/delete.png') no-repeat 0 -6px;}
#status-modal .submenu li.delete a.icon:hover {background: url('../img/icons/delete-hover.png') no-repeat 0 -6px;}

#status-modal .submenu li.save a.icon {background: url('../img/icons/save.png') no-repeat 0 -6px;}
#status-modal .submenu li.save a.icon:hover {background: url('../img/icons/save-hover.png') no-repeat 0 -6px;}
#status-modal .submenu li.save a.active, 
#status-modal .submenu li.save a.active:hover {background: url('../img/icons/save-hover.png') no-repeat #484848 0 -7px;}
			
#status-modal .submenu li.print a.icon {background: url('../img/icons/print.png') no-repeat 0 -6px;}
#status-modal .submenu li.print a:hover {background: url('../img/icons/print-hover.png') no-repeat 0 -6px;}
				
#status-modal .submenu li.close a.icon {background: url('../img/icons/close-modal.png') no-repeat 0 -6px;}
#status-modal .submenu li.close a:hover {background: url('../img/icons/close-modal-hover.png') no-repeat 0 -6px;}

/* Modal box > Products */

#products-modal {}
#products-modal .buttonwrap {float:right;}
#products-modal .buttonwrap .button {margin-left:10px;}

/* Modal box > New partner */

#all-partners-modal {}
#all-partners-modal .content {height: 400px; overflow: auto !important;}

#partner-modal {}
#partner-modal td {padding: 2px 15px 2px 0;}
#partner-modal td.w-150 {width: 140px;}
#partner-modal td.w-170 {width: 160px;}
#partner-modal .line {width: 100%; height: 1px; overflow: hidden; margin: 10px 0 15px 0; background: #ddd;}
	
#partner-modal .form {}
#partner-modal .form li {float: left; margin: 0 10px 0 0; line-height: 22px; display: inline;}
#partner-modal .form li input {float: left; width: 147px; height: 22px; line-height: 20px; margin: 0; padding: 0 10px; border: 0; background: url('../img/modal/input.gif') no-repeat;}
#partner-modal .form li input.errorInput {background: url('../img/modal/input-error.gif') no-repeat;}
#partner-modal .form li.send {float: right; margin: 0;}

/* Modal box > Change Password */

#change-passwd-modal  {}
#change-passwd-modal .field {width: 100%; overflow: hidden; padding: 0 0 9px 0;}
#change-passwd-modal .field label {float: left; width: 125px; font-weight: bold; font-size: 11px; line-height: 20px;}
#change-passwd-modal .field input {float: left;}
#change-passwd-modal .field .required {float: left; line-height: 20px; padding: 0 0 0 5px; color: #a60000;}
#change-passwd-modal .buttonwrap {clear: both; float: right; padding: 10px 0 0 0;}
#change-passwd-modal .buttonwrap .button {margin-left:10px;}