body 
{
    background-color: #fff !important;
}

/*.embed_logo{background:url("../images/embed_logo.png") no-repeat scroll transparent;display:inline-block;height:50%;width:50%;float:left;margin:8px 0 0 20px;}*/

.embed_logo {
    background: url("../images/embed_logo.png") no-repeat scroll transparent;
    display: inline-block;
    height: 70%;
    width: 100%;
    float: left;
    background-size: contain;
    margin: 8px 0 0 20px;
}


.setTitle
{
	/*font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;*/
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 10px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #ed6132;

}

.buttons {
  padding-top:20px;
}

button {
  float:left;
  margin-right:10px;
}

.x-button 
{
    background-image: none !important;
	background: #ed6132;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	padding: 7px 10px;
	margin-right: 5px;
    text-align: center !important;
}

.x-btn-default-small 
{
    background-image: none !important;
	background: #ed6132;
	color: #FFF;
	border: none;
}

.x-btn-default-small:hover
{
    background: #ca562f;
}

.x-button a
{
    text-decoration: none;
}

.x-button:hover
{
    background: #ca562f;
}

.x-button-hover
{
    background: #ca562f;
}

.x-button-white {
    background-image: none !important;
	background: #fff;
	border: none;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	padding: 0 10px;
}

.x-button-grey {
    background-image: none !important;
	background: #666;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	padding: 0 10px;
}

.x-button-grey:hover
{
    background: #454545;
}

.x-button-orange {
    background-image: none !important;
	background: #ed6132;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	padding: 0 10px;
}

.x-button-orange:hover
{
    background: #ca562f;
}

.x-button-red {
    background-image: none !important;
	background: #a72a1a;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	padding: 0 10px;
}

.x-button-red:hover
{
    background: #8d2416;
}

.x-button-green {
    background-image: none !important;
	background: #009953;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	padding: 0 10px;
}

.x-button-green:hover
{
    background: #007942;
}

.x-button-purple {
    background-image: none !important;
	background: #6b077b;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	padding: 0 10px;
}

.x-button-purple:hover
{
    background: #3b0344;
}

.x-form-button-orange {
    background-image: none !important;
	background: #ed6132;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	margin-left: 30px;
	margin-top: 10px;
}

.x-form-button-orange:hover
{
    background: #ca562f;
}

.x-form-button-green {
    background-image: none !important;
	background: #009953;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	margin-left: 30px;
	margin-top: 10px;
}

.x-form-button-green:hover
{
    background: #007942;
}

.x-form-button-purple {
    background-image: none !important;
	background: #6b077b;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	min-width: 100px;
	margin-left: 30px;
	margin-top: 10px;
}

.x-form-button-purple:hover
{
    background: #3b0344;
}

.x-button-wrap, .x-button-grey-wrap, .x-button-red-wrap, .x-button-orange-wrap, .x-button-purple-wrap, .x-button-green-wrap, .x-form-button-orange-wrap, .x-form-button-green-wrap, .x-form-button-purple-wrap {
    text-align: center;
    vertical-align: middle;
}


.x-button-wrap {
  position: relative;
  min-width: 120px;
}

.x-button-default-toolbar-large-icon-text-top .x-button-inner 
{
  padding-top: 37px;
}

.x-button .x-button-icon-el 
{
    min-height: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    width: 26px !important;    
    bottom: auto;
}

.x-ie6 .x-button-default-toolbar-large-icon-text-top .x-button-icon-el, .x-quirks .x-ie .x-button-default-toolbar-large-icon-text-top .x-button-icon-el {
  width: 100%;
}

.x-button-default-large .x-button-glyph {
  font-size: 32px;
  line-height: 32px;
  color: white;
  opacity: 0.5;
}
/* line 128, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8m .x-button-default-large .x-button-glyph {
  color: #9bc8e9;
}

/* line 134, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-disabled {
  border-color: #157fcc;
}

/* line 160, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon .x-button-button,
.x-button-default-large-noicon .x-button-button {
  height: 32px;
}
/* line 164, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon .x-button-inner,
.x-button-default-large-noicon .x-button-inner {
  line-height: 32px;
}

/* line 174, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon .x-button-arrow-right .x-button-inner,
.x-button-default-large-noicon .x-button-arrow-right .x-button-inner,
.x-button-default-large-icon-text-left .x-button-arrow-right .x-button-inner {
  padding-right: 0;
}

/* line 189, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon .x-button-inner {
  width: 32px;
  padding: 0;
}
/* line 195, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon .x-button-icon-el {
  width: 32px;
  height: 32px;
}

/* line 202, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon-text-left .x-button-button {
  height: 32px;
}
/* line 207, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon-text-left .x-button-inner {
  line-height: 32px;
  padding-left: 37px;
}
/* line 223, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon-text-left .x-button-icon-el {
  width: 32px;
  right: auto;
}
/* line 228, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-ie6 .x-button-default-large-icon-text-left .x-button-icon-el, .x-quirks .x-button-default-large-icon-text-left .x-button-icon-el {
  height: 32px;
}

/* line 242, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon-text-right .x-button-button {
  height: 32px;
}
/* line 247, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x-button-default-large-icon-text-right .x-button-inner {
  line-height: 32px;
  padding-right: 37px;
}

.x-toolbar-default {
  border-color: silver;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  background-image: none;
  background-color: white;
}

.x-toolbar-footer
{
    background: #fff;    
}

.x-button-upload 
{
    background: url(../images/icons.png) no-repeat -127px -82px !important;
    background-size: 221px 99px;
}

.menuitem, .menuitem_selected
{
  	font-size: 14px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 300;
	padding: 10px 0px 0px 20px;  
	margin-bottom: 5px;  
}

.menuitem:hover
{
    background: rgb(231, 231, 231);
    cursor: pointer;
}

.menuitem_selected
{
    background: rgb(212, 212, 212);
}

.menuitem_selected:hover
{
    background: rgb(212, 212, 212);
    cursor: pointer;
}

.containerTitle
{
 	font-size: 20px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 300;
	padding-top: 15px;
	padding-left: 20px;
}

.containerMain 
{
    	border-top: 1px solid #e5e5e5;
}

.storageinfo 
{
  	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	color: #666;      
}

.storageinfolink
{
    color: #ed6132;
    text-decoration: none;
    cursor: pointer;
}

.viewportFooter 
{
    background: #fff; 
    padding-left: 20px;
    font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
}

.viewportFooter a 
{
    color: #ed6132;
    text-decoration: none;
}

.spacetotal
{
    font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif; 
    font-size: 42pt;
    font-weight: 300;
    padding-top: 20px;  
}

.spaceavailable
{
    font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif; 
    font-weight: 300;
    color: #666;
}

.x-progress 
{
    background: rgb(231, 231, 231);
}

.x-grid-row, .x-grid-cell, .x-column-header
{
  font-family: "Open Sans","Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif" !important; 
  font-weight: 300;
  font-size: 14px;
  border-right: 1px solid #e5e5e5;
}

.x-column-header-over,
.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none;
  background: rgb(243, 243, 243);
}

.x-nlg .x-column-header-over,
.x-nlg .x-column-header-sort-ASC,
.x-nlg .x-column-header-sort-DESC {
  background: rgb(243, 243, 243) repeat-x 0 top;
  background-image: none;
}

.x-menu-item-active {
  background-image: none;
  background-color:rgb(243, 243, 243);
  border-color: #e5e5e5;
}

.x-panel-body-default {
  background: white;
  border-color: #e5e5e5 !important;
  color: black;
  font-size: 13px;
  font-size: normal;
  border-width: 1px;
  border-style: solid;
}

/* line 75, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x-nlg .x-menu-item-active {
  background: rgb(238, 238, 238) repeat-x left top;
  background-image: none !important;
}

.x-column-header-open 
{
    background: rgb(243, 243, 243);
}

.x-nlg .x-column-header-open {
  background-color: rgb(243, 243, 243);
}
.x-nlg .x-column-header-trigger {
  background-color: rgb(238, 238, 238);
}

.x-panel-body, .x-grid-body 
{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.x-nlg .x-grid-header-ct, .x-nlg .x-column-header 
{
  background-color: #fff !important; 
  background-image: none !important;
}

.x-grid-row:hover, .x-grid-cell:hover
{
    cursor: pointer;
}

.x-form-item, .x-form-field
{
    font-size: 12px;
}

.x-form-text, .x-form-trigger-wrap
{
    height: 30px; 
}

.x-form-trigger 
{
    margin-top: 5px !important;    
}

.x-toolbar-footer
{
    background: #fff;    
}

.x-progress-default .x-progress-bar-default 
{
    background-color: rgb(0, 153, 83);
}

.x-grid-body 
{
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

.x-panel-header-default {
    background-color: silver !important; 
}

.x-panel-body-default {
    border-bottom-width: 0px;
    border-top-width: 0px;
}

.x-panel-header-default .x-tool-img {
    background-color: silver !important; 
}

.NoResults 
{
    font-family: "Open Sans","Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif" !important; 
    font-weight: 300;   
    font-size: 18px;
    color: #8b8b8b;
	border:dashed 1px #bbbbbb;
	background:#eee;
	width:100%;
	height:80px;
	text-align:center;
	vertical-align:middle;
	padding:25px;
}

.NoResultsPlain
{
    font-family: "Open Sans","Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif" !important; 
    font-weight: 300;   
    font-size: 14px;
    color: #000;
	width:100%;
	padding:25px;
}


.NoResultsLink
{
    text-decoration: underline;
    cursor: pointer;
    color: #ed6132;
}

.x-column-header-last .x-column-header-over .x-column-header-trigger {
  border-right: 1px solid #e5e5e5;
}

.x-tip-default  
{
    background: rgb(253, 207, 170);
}

.x-form-file-wrap .x-form-file-input 
{
    top: 0;
    width: 40px;    
    cursor: pointer;
}


.x-window-default {
  border-color: #f2682b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.x-window-header-default {
  font-size: 13px;
  border-color: #f2682b; 
  zoom: 1;
  background-color: #f2682b;
}
/* line 111, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default .x-tool-img {
  background-color: #f2682b;
}

.x-box-inner 
{
    width: 110% !important;
}

.swfupload 
{
    display: block; 
    top: 0;
    position:inherit; 
    z-index: 1000;  
}

#instructions ul li {
	list-style-type:disc;
	list-style-position:outside;
	font-size:12px;
	margin:0px 0px 0px 20px;
}

/* Icons */
.ux-notification-icon-information {
	background-image: url('../images/icon16_info.png');
}

.ux-notification-icon-error {
	background-image: url('../images/icon16_error.png');
}


/* Using standard theme */
.ux-notification-window .x-window-body {
	text-align: center;
	padding: 5px 5px 15px 5px;
	width: 200px;
}


/* Custom styling */

.ux-notification-light .x-window-header-default {
  font-size: 13px;
  border: 0px solid #f2682b !important; 
  zoom: 1;
  background-color: #fff;
}

.ux-notification-light .x-window-header {
	background-color: transparent;
}

body .ux-notification-light {
	background-image: url('../images/fader.png');
}

.ux-notification-light .x-window-body {
	text-align: center;
	padding: 5px 5px 15px 5px;
	width: 200px;
	background-color: transparent;
	border: 0px solid white;
}

.ux-notification-light.x-window-default {
  border: 1px solid #bbb !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.browse_button_hover
{
    background: #ca562f;
}

.x-grid-row-over .x-grid-td {
  border-color: #f3f3f3;
  background-color: #f3f3f3;
}

/* line 52, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x-grid-row-focused .x-grid-td {
  border-top: 1px solid #f3f3f3 !important;
  border-bottom: 1px solid #f3f3f3 !important;
  background-color: #f3f3f3;
}

/* line 59, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x-grid-row-selected .x-grid-td {
  border-style: dotted;
  border-color: #d9d9d9;
  background-color: #d9d9d9 !important;
}

.x-progress .x-progress-default 
{
    text-align: center !important;
}

.x-progress-default .x-progress-text {
  color: #fff;
  /*font-weight: bold;*/
  font-size: 13px;
  text-align: center;
  line-height: 20px;
}

.x-progress-default .x-progress-text-back {
  color: #666;
  line-height: 20px;
  text-align: center;
}

.ux-explorerview-item {
	float: left; display: block; border: none;
	cursor: default;height:56px;
}

.ux-explorerview-tiles-item { width: 300px; height: 85px; margin: 5px 0 0 5px; -moz-user-select: none; }
.ux-explorerview-tiles-item .ux-explorerview-icon { float: left; width: 50; height: 50; padding: 0px; margin: 19px 0px 0px 20px; }
.ux-explorerview-tiles-item .ux-explorerview-text  {
	float: left; width: 70%; padding-top: 20px; padding-left: 10px; white-space:pre-wrap; overflow: hidden; 
    /*font-family: tahoma,arial,verdana,sans-serif;*/
    font-size:12px;
}

.ux-explorerview-tiles-item .ux-explorerview-options  {
	float: left; width: 16px; height: 16px;
}

.ux-explorerview-tiles-item .ux-explorerview-text span { color: #777; }

.ux-explorerview-item-over  {
	BACKGROUND: url(../images/metro-tiles.png) #fff no-repeat 0px 0px;
}

.ux-explorerview-item-selected {
	BACKGROUND: url(../images/metro-tiles.png) #fff no-repeat 0px -85px;
}


/* Large Icons */
.ux-explorerview-photo 
{
	float: left; display: block; border: none;
	cursor: pointer;
	
	width: 150px; height: 150px;
	margin: 5px 0 0 5px;
}

.ux-explorerview-photo-over  {
	BACKGROUND: url(../images/metro-photo-tiles.png) #fff no-repeat 0px 0px;
	z-index: 1000;
}

.ux-explorerview-photo-selected {
	BACKGROUND: url(../images/metro-photo-tiles.png) #fff no-repeat 0px -150px;
	z-index: 1000;
}

.ux-explorerview-photo .ux-explorerview-photo-item { width: 150px; height: 150px;  -moz-user-select: none; position: relative;}

.db-ellipsis {
	OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis
}

.filedesc 
{
    line-height: 18px;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.word-file-icon 
{
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -141px;
}

.excel-file-icon 
{
    margin-top: 5px;
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -188px;
}

.powerpoint-file-icon 
{
    margin-top: 5px;
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -238px;
}

.openoffice-file-icon 
{
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -95px;
}

.adobe-file-icon 
{
    margin-top: 5px;
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -0px;
}

.default-file-icon 
{
    margin-top: 5px;
    margin-left: 2px;
    width: 32px;
    height: 32px;
    background: url(../img/types/48/icons.png) no-repeat 0px -128px;
}

.photoshop-file-icon 
{
    margin-top: 5px;
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -332px;
}

.autodesk-file-icon 
{
    margin-top: 5px;
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -377px;
}

.png-file-icon, .jpeg-file-icon, bmp-file-icon, gif-file-icon
{
    margin-top: 5px;
    width: 48px;
    height: 48px;
    background: url(../img/types/48/icons.png) no-repeat 0px -46px;
}

.link-icon, .published-icon
{
    background: url(../img/types/16/menu-icons.png) no-repeat 0px 0px;
}

.view-icon 
{
    background: url(../img/types/16/menu-icons.png) no-repeat 0px -16px;  
}

.delete-icon
{
    background: url(../img/types/16/menu-icons.png) no-repeat 0px -32px;  
}

.fileinfo-pdf 
{
    background: url(../img/types/256/pdf.png) no-repeat;
}

.fileinfo
{
    font-family: "Open Sans","Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif" !important; 
    font-weight: 400;   
    font-size: 13px;    
}

.ux-selectionborder 
{
    top:0;
    left:0;
    right:0;
    bottom:0;
    border: 2px solid #000;
}

.custom-mask
{
    background-color: #202020 !important;    
}

.share-containerTitle
{
 	font-size: 16px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 400;
	padding-top: 20px;
	padding-left: 20px;
	color: #666;
}

.share_menuitem, .share_menuitem_selected
{
    font-size: 16px;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 500;
	padding: 5px 0px 5px 30px;  
}

.share_menuitem:hover
{
    background: rgb(231, 231, 231);
    cursor: pointer;
}

.share_menuitem_selected
{
    background: rgb(212, 212, 212);
}

.share_menuitem_selected:hover
{
    background: rgb(212, 212, 212);
    cursor: pointer;
}

.share_inviteheader .x-form-display-field
{
    line-height: 30px;
  	font-size: 160%;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 300;
	padding: 5px 0px 5px 30px;      
}

.share_inviteinstructions .x-form-display-field
{
    color: #666;
    line-height: 26px;
  	font-size: 120%;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 400;
	padding: 5px 0px 0px 30px;      
}

.share_inviteto .x-form-item-body
{
    color: #666;
    line-height: 24px;
  	font-size: 100%;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 400;
	padding: 5px 0px 0px 30px;      
}

.share_inviteto .x-form-item-label
{
    color: #666;
    line-height: 24px;
  	font-size: 100%;
	font-family: "Open Sans","Segoe UI Light",  "Helvetica Neue", openSansLight, Arial, Helvetica, sans-serif;  
	font-weight: 400;    
}

.icon-container 
{
    float: right; 
}

.view-icon 
{
    background: url(../img/icons.png) no-repeat 0px 0px;  
    width:20px;height:20px;
    float:left;
    padding-right: 30px;
    cursor: pointer;
}

.download-icon 
{
    background: url(../img/icons.png) no-repeat 0px -20px;  
    width:20px;height:20px;
    float:left;
    cursor: pointer;
}

div .x-tip {
    width: auto !important;
}

div .x-tip-body {
    width: auto !important;
}

div .x-tip-body span {
    width: auto !important;
}

.x-tip {
    width: auto !important;
}
.x-tip-body {
    width: auto !important;
}
.x-tip-body span {
    width: auto !important;
}

.x-tip-default  
{
    background: rgb(197, 197, 197);
}

.ViewIcon 
{
    background: url(../img/icons.png) no-repeat center 0px;  
    width:100%;height:20px;
    cursor: pointer;
}

.DownloadIcon 
{
    background: url(../img/icons.png) no-repeat center -20px;  
    width:100%;height:20px;
    cursor: pointer;
}

.ModalWindow-Animate-Icon
{
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.ModalIcon 
{
    width: 200px !important;
    height: 200px !important;
    margin-left: 50;
}

.ModalWindow-Download 
{
   background:url(../img/Modal.png) no-repeat -200px -800px !important;
}

.ModalWindow-Spinner
{
   background:url(../img/Modal.png) no-repeat -400px -1000px !important;
}

.ModalWindow-Download 
{
   background:url(../img/Modal.png) no-repeat -200px -800px !important;
}

.ModalWindow-DownloadFile
{
   background:url(../img/Modal.png) no-repeat 0px -400px !important;
}