/* Header */
#user-login-info {float:right; margin-top:10px; margin-right:15px; position:relative; z-index:2; color:#fff; text-align:right;}
#user-login-info a {color:#fff;}
#user-login-info form, #user-login-info input {font-size:12px;}
#user-login-info .forgottenPassword {margin-top:5px; display:block;}
#HeaderContainer {width:986px; position:relative; margin-bottom:10px;}
#HeaderShadowLeft {background:url(/Content/images/header-shadow-left.png) repeat-y; height:74px; width:3px; float:left;}
#HeaderShadowRight {background:url(/Content/images/header-shadow-right.png) repeat-y; height:74px; width:3px; float:right;}
#HeaderShadowBottom {background: url(/Content/images/nav-tile.png) repeat center bottom; float: left; height: 4px; width: 100%;}
#HeaderShadowBottomLeft {background: url(/Content/images/nav-left.png) repeat center bottom; float: left; height: 4px; width: 8px;}
#HeaderShadowBottomRight {background: url(/Content/images/nav-right.png) repeat center bottom; float: right; height: 4px; width: 8px;}
#HeaderBranding {height:74px; background:#224272; overflow:hidden; }
#header {width:980px; float:left;}
#container-logo {margin:8px 0 0 12px; width:auto; float: left;}
#container-logo img {float:left; margin-right:10px;}
#page-title {float:right;clear:right;color: #fff; font-size: 185%; margin-right: 15px; margin-top: 14px;}
#HeaderLivedriveBranding #page-title {margin-top:14px;}
#HeaderLivedriveBranding {background:#224272; height:74px;}


/* Navigation */
#navigation_container {width:100%; position:relative; z-index:2;}
#business-nav {width:100%; float:left; background:url(/Content/images/nav-tile.png) repeat-x; height:45px;}
#business-nav-left {background:url(/Content/images/nav-left.png); width:8px; height:45px; float:left;}
#business-nav-right {background:url(/Content/images/nav-right.png); width:8px; height:45px; float:right;}
#ul-business li {margin:5px; list-style:none; float:left; font-size:12px;}
li.business-tab a {display:block; text-align:center; padding:4px 12px; font-weight:bold; text-decoration:none;}
li.business-tab a:hover {cursor:pointer; background-color:#224272; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color:#ffffff !important;}
li.business-tab-selected a {background-color:#224272; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color:#ffffff !important;}


#business-subnav {margin-top:-22px; margin-bottom:30px; padding:0 10px 0 10px; height:25px; border-bottom:solid 1px #dce2e4; width:950px;}
#ul-business-subnav li {margin-right:20px; list-style:none; float:left;}
li.li-business-subnav {padding:0 0 4px 0px; color:#6a6464;}
li.li-business-subnav-selected a {font-weight:bold; color:#333 !important; text-decoration:none; text-shadow:none;}


/* Footer */
#footer p {
    margin: 0;
}

#footer {
    margin: 15px auto;
    width: 986px;
}

p#CompanyInfo {
    color: #AAAAAA;
}

/* Global */
body {background:#ffffff; margin:0; padding:0; overflow-y:scroll;}
body, form, fieldset, div, p, hr, dl, dd, dt, ol, ul, li, table, th, td, img {font-size:13px;}
body, form, fieldset, div, p, hr, h1, h2, h3, h4, h5, h6, dl, dd, dt, ol, ul, li, table, th, td, img {font-family:Arial;}
a {color:#224272; cursor:pointer;}
h2 {font-weight:normal; color:#333; margin-bottom:10px;}
p {line-height:20px; margin:0 0 10px 0;}
a:hover {text-shadow:none;}
hr {border-top:1px solid #DCE2E4; margin:20px 0;}
ul {list-style:none; margin:0; padding:0;}
.clearboth {clear:both; overflow:hidden;}
#page { margin: auto auto 10px; width: 986px;}

.filter-control-box {text-align:left; margin:10px 0;}
input[type="text"], input[type="password"], label {display:inline-block; float:none;}
.form-tip {color:#999999}
#main, #main-large { padding:10px; margin-top:0;}
#main {width:720px;}
#container {width:980px; background:#ffffff; margin-top:10px; border:1px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: auto;}
a img {border:0;}
h1, h2 {font-weight:normal; margin-top:0;}


/* Buttons */
.buttons-container {text-align:right; float:right; margin-top:10px;}
.buttons-container-top {float:right;}
.ui-dialog-buttonpane {padding:10px; text-align:right;}
.button, .ui-button { background: url(/Content/images/breadcrumb-tile.png) repeat-x; padding:6px 10px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  border-radius: 5px; text-decoration:none !important; font-weight:bold; display:inline-block; cursor:pointer; font-family:Arial; border:1px solid #E2E2E2;}
#topbuttons {float:right; padding:4px 3px 0 0;}
#topbuttons .button {border:0;}

.button:hover, .button-small:hover, .ui-button:hover {text-decoration:none;}
.button-small { padding:0; background:#fff; border:1px solid #DCE2E4; display:inline; color:#224272; cursor:pointer;}
.button-small-img {display:inline; cursor:pointer; color:#224272;}
.button-small-img:hover {text-decoration:underline;}
.button-small-img:hover img {text-decoration:none;}
.edit-dialog-button {margin-right:5px;}
.data-control-box {float:right; margin-bottom: 8px; margin-right: 2px;}

/* Validation */
.field-validation-error {width:auto; height:auto; float:none; margin:0; color:#CC3300;}
#validationSummary {margin-bottom:10px;}
#success-container, #DetectedPopupBlocker {margin-bottom:10px; background:#e6f4e9; border:1px solid #d0e6cc; color:#388364; font-weight:bold;  padding:10px 10px 5px; -moz-border-radius: 5px 5px 5px 5px;}
#DetectedPopupBlocker {float:left;}
#success-container li, #DetectedPopupBlocker li {color:#388364; font-weight:bold;}
.validation-summary-errors {background:#FFCCCC; border:1px solid #FF6666; margin-bottom:10px; padding:10px 10px 0 10px;}
.validation-summary-errors li {color:#CC3300; margin:0 0 10px 0;}
.input-validation-error {background:#FFCCCC; }
.Hidden {display:none;}
.page-box-red {padding:10px; width:950px;}
.page-box-red p {margin:0;}
#login .validation-summary-errors {background:transparent none; border:0; padding:0; margin:5px 0 0 0;}
#login .validation-summary-errors li {-moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0 0 #FFFFFF; display: inline-block; padding:5px; margin-bottom:0;}

/* Dialogs */
.ui-dialog {border:1px solid #DCE2E4; display: block; height: auto; outline: 0 none; position: absolute; width: 300px; z-index: 7000; background:#fff;-moz-box-shadow: 0px 1px 20px #717171; -webkit-box-shadow: 0px 1px 20px #717171; box-shadow: 0px 1px 20px #717171;}
.ui-dialog-titlebar { background:#EDF2F4; padding:10px 8px; font-weight:bold;}
.ui-dialog-titlebar-close { height: 18px; padding: 1px; position: absolute; right: 0.3em; top: 9px; width: 19px; background:url(/Content/images/close.png) no-repeat;}
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; }
.ui-dialog-content {padding:10px 10px 0 10px;}
#edit-dialog ul {margin:10px 0;}
#delete-dialog p {line-height:18px; margin-bottom:10px;}
.ui-widget-overlay {position:absolute; top:0; left:0; background:#000; overflow:hidden; opacity:0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
.NoCrossDialog .ui-dialog-titlebar-close {display:none;}

/* Pagination */
.pagination {text-align:center; margin-top:10px;}
.pagination a {padding:2px 4px; text-decoration:none;}
.pagination a:hover {color:#ffffff !important; background:#224272; }
a.SelectedLink {font-weight:bold; cursor:default; border-bottom:2px solid #224272; padding:0 2px; margin:2px 2px;}
a.SelectedLink:hover {text-decoration:none; color:#224272 !important; background:none; }
#filterShares {text-align:right; margin-right:9px;}
.privatetitle {float:left;}

/* Breadcrumbs */
#breadcrumbs-container {width:100%; background:url(/Content/images/breadcrumb-tile.png) repeat-x; height:32px;}
#breacrumb-home {float:left;  margin: 8px 2px 8px 8px;}
.breadcrumb-seperator {height:32px; background:url(/Content/images/breadcrumb-seperator.png); width:11px; float:left;}
#breadcrumbs {float:left;}
.breadcrumb-item {padding:8px 2px 8px 8px; float:left; font-weight:bold;}
.breadcrumb-item a:link, .breadcrumb-item a:visited, .breadcrumb-item a:active {text-decoration:none;}

/* Login */
#business-login .button {margin-left:0;}
#business-login p {margin:20px 0 0 0;}

/* Tool Tips */
.tooltip-container {padding-right:10px;}
.tooltip-container a {font-weight:normal;}


#FileList #fileDetails li {float: none;}
/* File List */
#FileList li {float:left;}
.file-item-container {float: left; font-size: 11px; height: 132px; margin: 9px; text-align: center; width: 102px; cursor:pointer; position:relative;}
.file-item-thumbnail-container { background-repeat: no-repeat; border: 1px solid #CCCCCC; height: 100px;  width: 100px;}
.file-item-name-container { border: 1px solid #FFFFFF; color: #333333; cursor: pointer; font-size: 12px; height: 28px; line-height: 14px; margin-top: 4px; overflow: hidden; text-align: center; width: 100px;}
.file-item-name-container a {text-decoration:none; color:#333333;}
.file-item-name-container a:hover {text-decoration:underline;}
#Preview {width:400px; float:left; padding:5px; border:1px solid #D7E7EC; text-align:center;}
#fileDetails {float: left; margin-left: 10px; width: 350px;}
#fileDetails li a {text-decoration:none;}
#fileDetails li a:hover {text-decoration:underline;}
#fileDetails li {margin-bottom:10px;}
#fileDetails hr {height:1px; background:#cccccc; border:0;}
#fileDetails .digg-share-link a, #fileDetails .direct-share-link a, #fileDetails .reddit-share-link a, #fileDetails .twitter-share-link a, #fileDetails .facebook-share-link a, #fileDetails .stumble-share-link a, #fileDetails .download-link a, #ShareLinkContainer {padding-left:23px;}
#fileDetails .digg-share-link {background:url(/Content/images/icons/digg.png) no-repeat;}
#fileDetails .direct-share-link {background:url(/Content/images/icons/directlink.png) no-repeat;}
#fileDetails .reddit-share-link {background:url(/Content/images/icons/reddit.png) no-repeat;}
#fileDetails .twitter-share-link {background:url(/Content/images/icons/twitter.png) no-repeat;}
#fileDetails .facebook-share-link {background:url(/Content/images/icons/facebook.png) no-repeat;}
#fileDetails .stumble-share-link {background:url(/Content/images/icons/stumble.png) no-repeat;}
#fileDetails .download-link {background:url(/Content/images/icons/download.png) no-repeat;}
#ShareLinkBox {width:320px; font-family:Arial;}

/* Welcome Pages */
#WelcomeDialogueLeft {width:720px; float:left; background:#fff; padding:10px;}
#WelcomeDialogueRight {background: none repeat scroll 0 0 #F8F8F8; float: right; padding: 10px 0 0 10px; width: 230px;}
#WelcomeDialogueRight ul {list-style-type:disc; margin-left:15px;}
#WelcomeDialogueRight li {margin-bottom:10px; font-size:11.5px; width:215px;}
#WelcomeDialogue {background:#f8f8f8;}
#WelcomeDialogue p {margin:10px 0 0 0;}
.nofilesfound {display:block; margin:10px auto; text-align:center;}
.nofilesfound h2 {padding:20px; color:#cccccc;}


/* Context Menus */

.leftClickMenu {
	position:absolute;
	top:5px;
	right:5px;	
}

.leftClickMenu img {
	width:16px;	
}

#UpdatePasswordContainer {
	padding:10px;	
}

#UpdatePasswordContainer li {
	float:none;
	margin-bottom:5px;
		
}

#UpdatePasswordContainer li label {
	width:150px;
	display:inline-block;	
}

#FileList {
	position: relative;
	min-height: 100%;
}

#Blocker,#PleaseWait,#Spinner
{
	position:absolute; 
	width:100%; 
	height:100%;
	top: 0;
	left: 0;
}

#Spinner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #000000;
    display: block;
    height: 75px;
    opacity: 0.9;
    overflow: hidden;
    padding: 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 130px;
    z-index: 99999;
	left: 50%;
    margin-left: -10em;
    margin-top: -10em;
}

#Spinner p {
    font-size: 20px;
    font-weight:bold;
}

#PleaseWait
{
	background-color: #dddddd;
	opacity: 0.5;
	
}

#FileList .validation-summary-errors li, #success-container li
{
	float: none;
}

/* Cookie policy banner */
.cookie-banner {
    -moz-transition: 1s, ease-in-out;
    -ms-transition: 1s, ease-in-out;
    -o-transition: 1s, ease-in-out;
    -webkit-transition: 1s, ease-in-out;
    background-color: #f3f3f3;
    border-top: 1px solid #cccccc;
    bottom: 0;
    display: none;
    font-size: 13px;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center;
    transition: 1s, ease-in-out;
    z-index: 1;
}

.cookie-banner p,
.cookie-banner button {
    display: inline-block;
    margin: .5em;
}

.cookie-banner a {
    text-decoration: underline;
}

.cookie-banner .accept-cookie-banner {
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    min-width: 5.625em;
    padding: 10px 20px;
    text-transform: uppercase;
}

.cookie-policy {
    float: right;
    text-decoration: none;
}

.cookie-policy:hover {
    text-decoration: underline;
}