::selection {
    color: #FFF;
    background: #45BEEB
}
::-moz-selection {
    color: #FFF;
    background: #45BEEB
}
body {
    background: url(../images/bg-default.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#miscellaneous fieldset {
    padding: 15px;
    border: 1px solid #62757B
}
#miscellaneous a {
    color: #EA0000;
    border-bottom: 1px solid;
    text-decoration: none
}
#miscellaneous h1 {
    font-size: 2.4em;
    margin: 0;
    color: #FFF
}
#miscellaneous h2 {
    font-size: 1.7em;
    margin: 0;
    color: #2677B6
}
#miscellaneous h3 {
    font-size: 1.2em;
    margin: 10px 0 0;
    color: #030406
}
#miscellaneous_header {
    width: 96%;
    margin: 0;
    padding: 6px 2%;
    color: #FFF;
    background-color: #58841D
}
#miscellaneous_content {
    margin: 0 0 0 2%;
    position: relative
}
#miscellaneous_content_container {
    background-color: #FFF;
    width: 96%;
    margin-top: 8px;
    padding: 10px;
    position: relative
}
img {
    border: none;
    outline: none;
}
.clr {
    clear: both;
    width: 100%
}
.noScroll {
    overflow: hidden
}
.curvy {
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
    border-radius: .5em
}
#ModalWindow .ModalWindowOptions .icon-close,
#message_icon,
.LinkButton,
.checkbox .checker,
.fileIcon,
.icon-folder,
.icon-search,
.icon16,
.icon20,
.icon24,
.icon48{
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat
}
#ModalWindow,
#alertWindow,
#blockUI {
    background: url(../images/trans-black.png) repeat scroll 0 0 transparent
}
#content_bot,
#content_mid,
.DataTable .head,
.DataTable .item.active,
.DataTable .item:hover,
.no_records,
#footer,
.login-form,
.FileUploadSuccess,#related_actions {
    background: url(../images/trans-white.png) repeat scroll 0 0 transparent
}
#ModalWindow,
#alertWindow,
#blockUI {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}
#blockUI #still_working {
    height: 48px;
    margin: 19% auto auto;
    text-align: center;
    width: 48px
}
#ModalWindow,
#alertWindow {
    z-index: 11000
}
#ModalWindow #ModalWindowCanvas {
    height: auto;
    margin: 4% auto auto;
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
    width: 800px
}
#ModalWindow .ModalWindowOptions {
    float: left;
    height: 30px;
    width: 100%
}
#ModalWindow .ModalWindowOptions .icon-close {
    background-position: -348px -676px;
    float: right;
    height: 27px;
    margin-right: 4px;
    margin-top: 2px;
    width: 27px
}
#ModalWindow #ModalWindowWrapper {
    float: left;
    height: auto;
    max-height: 500px;
    min-height: 222px;
    overflow: auto;
    width: 100%
}
#ModalWindow #ModalWindowWrapper.working {
    background: url(../images/throbber.svg) no-repeat scroll center center transparent;
    height: 250px
}
#ModalWindow #ModalWindowTitle {
    float: left;
    margin-left: 11px;
    margin-top: 7px
}
#alertWindow #alertCanvas {
    margin: 6% auto auto;
    width: 500px;background-color: #FFF
}
#alertWindow .alertContent {
    padding: 25px
}
#alertWindow .alertFooter {
    padding: 13px;
    text-align: right;background-color: #f2f2f2
}
#message_box_login_wrapper {
    margin-left: -10px;
    margin-top: -18px;
    position: absolute;
    width: 317px
}
#message_box_home_wrapper {
    height: 37px;
    margin: 13px;
    width: 50%
}
#message_box {
    float: left;
    height: 27px;
    padding: 5px 0 5px 5px;
    width: 99.4%
}
#message_icon {
    display: block;
    height: 28px;
    margin-top: 1px;
    position: absolute;
    width: 28px
}
#message_box_close {
    color: #FFF;
    cursor: pointer;
    float: right;
    font-family: cursive;
    font-weight: 700;
    margin-right: 10px;
    margin-top: -23px
}
#message_dialogue {
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 36px;
    padding-top: 5px
}
#login_wrapper {
    width: 300px;
    height: 400px;
    position: absolute;
    left: 49%;
    top: 45%;
    margin-left: -150px;
    margin-top: -200px
}
.login-form {
    margin: 0 auto;
    padding: 10px;
    position: relative;
    width: 300px;
    z-index: 5
}
.login-form .header {
    background: url(../images/logo.png) no-repeat scroll 0 0 transparent;
    height: 88px;
    margin: 25px 25px 25px 10px;
    width: 240px
}
.tagline {
    color: #717293;
    float: left;
    margin-top: 70px;
    text-align: right;
    width: 90%
}
.login-form .underline {
    border-top: 1px solid #CACACA;
    height: 15px;
    width: 100%
}
.login-form .spacer {
    height: 14px;
    width: 100%
}
.login-form .content {
    padding: 0 13px 25px
}
.login-form .content .input {
    background-color: transparent;
    border: 1px solid;
    padding: 10px 17px 10px 50px;
    width: 197px
}
.login-form .content .pass-icon,
.login-form .content .password {
    margin-top: 25px
}
.pass-icon,
.user-icon {
    display: block;
    height: 24px;
    left: 30px;
    padding-right: 2px;
    position: absolute;
    width: 24px;
    z-index: 100
}
.user-icon {
    background: url(../images/icon-email.png) no-repeat scroll 0 0 transparent;
    top: 186px
}
.pass-icon {
    background: url(../images/icon-password.png) no-repeat scroll 0 0 transparent;
    top: 250px
}
.login-form .footer {
    border-top: 1px solid #ccc;
    overflow: auto;
    padding: 25px 20px 20px 35px
}
.login-form .footer span {
    float: left;
    margin-left: -19px;
    margin-top: 14px
}
.login-form .footer .button:hover,
.login-form .footer span,
.login-form .footer span a {
    color: #007CAF;
    text-decoration: none
}
.login-form .footer span a:hover {
    color: #D21C2B
}
.login-form .footer .button {
    background: 0 0;
    border: 1px solid;
    cursor: pointer;
    float: right;
    font-size: 18px;
    font-weight: 300;
    padding: 6px 25px
}
.login-form .content .input,
.login-form .footer .button {
    color: #595D55
}
.fileSection {
    height: 48px;
    width: 100%
}
.fileSection .fileIcon {
    float: left;
    height: 48px;
    width: 48px
}
.fileSection .fileTitle {
    float: left;
    margin-left: 5px;
    margin-top: 8px
}
.fileSection .fileTitle label {
    font-size: 11px
}
a i.label {
    margin-left: 5px;
    position: absolute
}
.icon16 {
    height: 16px;
    width: 16px
}
.icon20 {
    height: 20px;
    width: 20px
}
.icon24 {
    height: 24px;
    width: 24px
}
.icon48 {
    height: 48px;
    width: 48px
}
.icon-edit {
    background-position: -165px -1012px
}
.icon-delete {
    background-position: -59px -761px
}
.icon-back {
    background-position: -441px -645px
}
.icon-browse {
    background-position: -166px -833px
}
.icon-download {
    background-position: -300px -697px
}
.icon-upload {
    background-position: -436px -704px
}
.icon-share {
    background-position: -397px -703px
}
.icon-mail {
    background-position: -21px -796px
}
.icon-link {
    background-position: -165px -760px
}
.icon-attachment {
    background-position: -130px -833px
}
.icon-view {
    background-position: -338px -707px
}
.icon-key {
    background-position: -202px -833px
}
.icon-succes {
    background-position: -417px -704px
}
.icon-cancel {
    background-position: -131px -868px
}
.icon-info {
    background-position: -202px -868px
}
a {
    text-decoration: none
}
.hidden {
    display: none
}
.lnk {
    border-bottom: 1px solid
}
a.NoLink {
    cursor: default
}
#wrapper {
    margin: auto;
    height: auto;
    width: 100%
}
#header {
    height: 40px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}
#header .header {
    height: 100%;
    margin: auto
}
.ProfileWrapper {
    float: left
}
.ProfileWrapper img {
    cursor: default;
    float: left
}
.ProfileWrapper span {
    cursor: default;
    float: left;
    margin-left: 10px;
    margin-top: 12px
}
#menu_wrapper {
    float: right;
    width: auto
}
#MainMenu {
    list-style: none
}
#MainMenu li {
    display: block;
    position: relative;
    float: left
}
#MainMenu li ul {
    display: none;width:100%;
}
#MainMenu li a {
    display: block;
    margin-left: 1px;
    padding: 12px 11px 11px;
    text-decoration: none;
    white-space: nowrap
}
#MainMenu li ul a {
    border-top: 1px solid #fafafa;
    padding: 5px 12px
}
#MainMenu li ul li.first a {
    border-width: 0
}
#MainMenu li:hover ul {
    display: block;
    position: absolute
}
#MainMenu li:hover li {
    float: none;
    font-size: 11px
}
#MainMenu li.in_progress {
    display: none
}
#content {
    margin: 15px auto auto
}
#content_top {
    display: none
}
#content_mid {
    float: left;
    height: auto;
    width: 100%;
    padding-top: 35px
}
#content_bot {
    width: 100%;
    height: 20px;
    float: left
}
#footer {
    margin: auto;
    padding-top: 7px;
    padding-bottom: 9px
}
.NavBack {
    height: 35px
}
.NavBack .LinkButton {
    float: left;
    margin-left: 25px
}
.Mandatory,
.frmNote {
    color: #3D6A7D;
    font-style: normal;
    margin-left: 5px
}
.no_records {
    padding: 25px;
    text-align: left
}
.button {
    border-width: 0;
    cursor: pointer;
    padding: 6px 13px;
    width: auto
}
.LinkButton {
    border: 1px solid #CCC;
    background-position: -3px -467px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    padding: 4px 5px 4px 3px
}
.LinkButton:hover {
    border: 1px solid #BBB;
    background-position: -3px -495px
}
.LinkButton span {
    float: left
}
.JsValidateMsg {
    margin-left: 10px;
    margin-top: 5px;
    position: absolute
}
.JsValidateMsg,
.JsValidateMsg * {
    color: #EE1C24!important
}
.DataTable {
    border-collapse: collapse;
    width: 98%;
    margin: 5px auto auto
}
.DataTable.Medium {
    margin-left: 15px;
    width: 70%
}
.DataTable.Small {
    margin-left: 14px;
    width: 45%
}
.DataTable td {
    border: 1px solid #C4C4C4;
    border-left-width: 0;
    border-right-width: 0;
    padding: 5px
}
.DataTable.alertBox td {
    border-left: 1px solid;
    font-size: 11px;
    vertical-align: top
}
.DataTable.alertBox td.Label {
    border-left-width: 0;
    width: 85px
}
.DataTable.alertBox tr:first-child td {
    border-top-width: 0
}
.DataTable.alertBox tr:last-child td {
    border-bottom-width: 0
}
.DataTable.GridStyle td {
    border-width: 0;
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    padding: 10px 0
}
.DataTable.GridStyle {
    width: 100%
}
.DataTable.NoMargin {
    margin: 0!important
}
.DataTable .InnerTable td {
    border-width: 0;
    padding: 0
}
.DataTable .InnerTable td.UploadOn {
    font-size: 11px
}
.DataTable .Actions {
    display: none
}
.fileRows:hover .Actions {
    display: block
}
.DataTable .item {
    cursor: default
}
.DataTable .foot td {
    border-width: 0;
    padding: 7px 1px 7px 7px
}
.loadMoreStatus {
    padding-top: 20px;
    text-align: center
}
.fieldset {
    border: 1px solid #ababae;
    margin: 20px;
    min-height: 25px;
    padding: 10px;
    width: 70%
}
.fieldset.Border table td {
    border: 1px solid #C4C4C4;
    border-left-width: 0;
    border-right-width: 0;
    padding: 7px
}
.fieldset.btn,
.fieldset.btn table td {
    border-width: 0;
    padding: 0
}
.fieldset .legend {
    font-size: 11px;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px
}
#ModalWindowWrapper .fieldset.TableView {
    width: 92%!important
}
#ModalWindowWrapper .fieldset.TableView table td {
    border: 1px solid #D3D3D3;
    padding: 5px
}
#ModalWindowWrapper .fieldset.TableView.NoBorder table td {
    border-width: 0
}
.dropdown,
.tagedit-list,
.textarea,
.textbox {
    padding: 5px;
    resize: none;
    width: 235px
}
.textbox.caps {
    text-transform: uppercase
}
.textbox.medium {
    width: 100px
}
.textbox.large {
    width: 350px
}
.textbox.extra-large {
    width: 85%
}
.dropdown {
    width: 246px;
    padding: 4px
}
.dropdown.medium {
    width: 125px
}
.dropdown.small {
    width: 55px
}
.textarea {
    height: 85px
}
.textarea.large {
    height: 125px;
    width: 450px
}
.textarea.extra_large {
    height: 125px;
    width: 750px
}
.FormTable {
    border-collapse: collapse;
    width: 100%
}
.FormTable td {
    padding: 5px 5px 5px 7px
}
.FormTable .LabelTD {
    padding-right: 15px;
    text-align: right;
    width: 200px
}
.FormTable .LabelTD.Half {
    width: 100px
}
#related_actions {
    border:1px solid #E3E3E3;
		height: auto;
    padding: 7px 0 9px 7px;
    position: fixed;
    right: 10%;
    top: -100px;
    width: 200px
}
#related_actions span {
	border-bottom: 1px solid #BFBFBF;
	float: left;
	height: 19px;
	margin-bottom: 5px;
	width: 94%;
}
#related_actions a {
		float: left;
    margin-left: 1px;
    margin-top: 5px;
    width: 95%
}
.checkbox {
    cursor: pointer;
    float: left;
    width: auto
}
.checkbox .checker {
    height: 22px;
    width: 22px;
}
.checkbox.radio .checker {
    background-position: -147px -526px
}
.checkbox.radio.checked .checker {
    background-position: -171px -526px
}
.checkbox .text {
    float: left;
    margin-left: 27px;
    margin-top: -18px
}
#SilentUploader,
#fileRecipients,
.checkbox input {
    display: none
}
#DropTarget {
    border: 2px dashed;
    cursor: pointer;
    letter-spacing: 1px;
    margin: 8% auto auto;
    padding: 20px;
    text-align: center;
    width: 450px
}
#fileProgressSection {
    display: none;
    height: 5px;
    margin: 100px auto auto
}
#fileProgressTrack {
    float: left;
    height: 5px;
    width: 100%
}
#fileProgressBar {
    float: left;
    height: 5px;
    margin-top: -5px;
    width: 10%
}
#fileProgressFileInfo,
#fileProgressPercentage {
    float: left;
    text-align: center;
    width: 100%
}
#fileProgressFileInfo {
    margin-top: -33px
}
#fileProgressPercentage {
    font-size: 20px;
    margin-top: 7px
}
.FileUploadSuccess {
    margin: 10px auto auto;
    padding: 25px;
    width: 50%
}
.FileUploadSuccess span {
    color: #3495D1
}
.FileUploadSuccess .textbox {
    border-width: 0;
    background: 0 0;
    width: 98%;
    padding: 0
}
.FileUploadCancel {
	clear: both;
	display: none;
	margin: 50px auto auto;
	padding: 3px 3px 4px;
	text-align: center;
	width: 100px;
}
.DataTable td .icon-folder {
    cursor: pointer;
    margin-left: 10px
}
.DataTable td .fileIcon {
    height: 48px;
    margin-left: 19px;
    width: 48px
}
.SharingPanel {
    border-collapse: collapse;
    width: 98%;
    margin: 5px auto auto
}
.SharingPanel td {
    border: 1px solid #4FB0C1;
    padding: 7px
}
.SharingPanel .Label img {
    border: 1px solid #DDD;
    float: left;
    margin-left: 5px;
    margin-top: 2px
}
.SharingPanel .Label span {
    float: left;
    margin-left: 7px;
    margin-top: 7px
}
.SharingPanel .Label span label {
    font-size: 11px
}
.SharingPanel .textbox {
    width: 97%
}
.SharingPanel .share-count {
    margin-left: 22px;
    margin-top: -16px;
    position: absolute
}
.create_tmp_folder {
    color: #07C;
    display: none
}
.create_tmp_folder a {
    float: none;
    margin: 0
}
.Widget {
    margin-left: 15px;
    padding: 0;
    width: 70%
}
.Widget h1 {
    border-bottom: 3px solid;
    letter-spacing: 1px;
    padding-bottom: 2px;
    width: 250px
}
.Widget .DataTable {
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}
.Widget td.FileComments {
    font-size: 11px;
    text-align: justify
}
.Widget .InnerTable td.SharedBy {
    font-size: 11px
}
.search {
    background-color: #F2F2F2;
    float: left;
    margin-left: 25px;
    margin-right: 7px;
    margin-top: 7px;
    width: 200px
}
.search input {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    color: #000;
    float: left;
    width: 170px
}
.search img {
    background-position: -21px -761px;
    cursor: pointer;
    float: right;
    height: 16px;
    margin-right: 3px;
    margin-top: 6px;
    width: 17px
}
#MainMenu .icon24 {
	float: left;
	margin-left: -3px;
	margin-top: -4px;
}
.icon-notification {
	background-position: -334px -531px
}
.icon-administration {
	background-position: -300px -531px
}
.icon-users {
	background-position: -319px -794px
}
.icon-new-user {
	background-position: -289px -765px
}
.icon-system-history {
	background-position: -300px -531px
}
.icon-file-manager {
	background-position: -367px -566px
}
.icon-folders {
	background-position: -290px -794px
}
.icon-new-folder {
	background-position: -259px -763px
}
.icon-upload {
	background-position: -349px -764px
}
.icon-sent-items {
	background-position: -259px -824px
}
.icon-in-progress {
	background-position: -301px -566px
}
.icon-account-settings {
	background-position: -366px -533px;
}
.icon-settings {
	background-position: -289px -823px
}
.icon-history {
	background-position: -319px -824px
}
.icon-signout {
	background-position: -335px -565px
}