html{
overflow:hidden;
}
body
{
height:100%;
width:100%;
overflow:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:62.5%;
font-family:'Segoe UI',Candara,'Bitstream Vera Sans';
color:#777777;
scrollbar-base-color:  white;
scrollbar-arrow-color:  #ababab;
scrollbar-lightshadow-color:  #ababab;
scrollbar-highlight-color:#ababab;
scrollbar-darkshadow-color:white;
scrollbar-track-color:white;
scrollbar-background-color:white;
scrollbar-face-color:white;
}
div#Header{
position:absolute;
top:0;
bottom:0;
left:0;
overflow:hidden;
height:52px;
width:100%;
}
h1#MainTitle{
height:32px;
overflow:hidden;
}
div#Options{
height:20px;
}
div#GalleryContainer
{
position:absolute;
top:53px;
left:0px;
right:0px;
bottom:70px;
width:100%;
}
div#InsertGallery
{
position:relative;
height:100%;
width:100%;
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
text-align:center;
}
div#sizer{
width:695px;
height:365px;
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
input{
color:#777777;
font-size:1.1em;
width:75px;
height:25px;
background-color:white;
border:1px solid grey;
border:1px solid;
border-color:#dedfe0 #dedfe0 #dedfe0 #dedfe0;
cursor:pointer;
padding:0px 5px 0px 5px;
}
input[type="text"]{border-color:#dedfe0 #ffffff #dedfe0 #dedfe0;}
input.disabled{
background-color:#f6f6f6;
}
a{
color:#336699;
text-decoration:none;
}
a:hover{
color:#336699;
text-decoration:underline;
}
a:active{
color:#336699;
text-decoration:none;
}
div.TextNav{
max-width:113px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
div.MenuRight{
max-width:90px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
a.TabATag{
cursor:pointer;
color:#777777;
}
a.TabATag:hover{
text-decoration:none;
color:#252627;
}
a.SignInATag{
cursor:pointer;
color:#336699;
}
a.SignInATag:hover{
text-decoration:none;
color:#252627;
}
.TextNav{
cursor:pointer;
color:#777777;
}
.TextNav:hover{
text-decoration:none;
color:#252627;
}
a.selected{
width:190px;
padding:0px 0px 0px 0px;
margin:4px 4px 4px 0px;
}
h1#MainTitle
{
clear:both;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:2.2em;
font-weight:normal;
margin:0px 0px 0px 26px;
}
div#Options
{
margin-top:4px;
width:100%;
font-size:1.1em;
}
div#Tabs{
margin:0px 0px 0px 26px;
}
div#Tabs div{
float:left;
margin:0px 7px 0px 0px;
text-transform:uppercase;
}
div#MenuRight{
padding:0px 25px 0px 0px;
float:right;
}
div#MenuRight div
{
margin:0px 0px 0px 8px;
cursor:pointer;
}
div#Refresh{
margin-top:-10px;
}
div#Refresh img
{
vertical-align:text-top;
margin-top:-4px;
border:none;
}
div.separator
{
color:#dfdfe0;
}
div.notification
{
height:30px;
font-size:1.1em;
line-height:1.2em;
background-color:#fcf7b6;
padding:0px 0px 0px 0px;
clear:both;
display:none;
border-top:1px solid #d7d889;
}
div.wrapper
{
overflow:hidden;
}
div.message
{
float:none;
padding:0px 6px 3px 0px;
margin:0px 0px 0px 23px;
}
td#NotificationDismiss{
vertical-align:top;
width:16px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
img.dismiss
{
width:16px;
height:16px;
float:right;
border:none;
}
div.Gallery{
margin:0;
}
div.Moe{
float:left;
width:178px;
height:72px;
margin:0px 0px 0px 26px;
padding:0px 0px 0px 0px;
cursor:pointer;
text-align:left;
}
div.SpinWheel
{
border-color:transparent;
background:url("./PROGRESS.GIF") no-repeat center center;
}
div.MoeInner{
width:190px;
height:62px;
border:1px solid white;
padding:0px 0px 0px 0px;
margin:4px 4px 4px 0px;
position:relative;
}
div.MoeInner:focus{
outline:none;
}
div.Moe.mouseover div.MoeInner{
width:190px;
border:1px solid #777777;
padding:0px 0px 0px 0px;
margin:4px 4px 4px 0px;
}
div.Moe.click div.MoeInner{
width:190px;
border:1px solid #777777;
padding:0px 0px 0px 0px;
margin:4px 4px 4px 0px;
}
div.Moe.selected div.MoeInner{
width:190px;
border:1px solid #777777;
padding:0px 0px 0px 0px;
margin:4px 4px 4px 0px;
}
div.MoeInnerActive{
width:190px;
border:1px solid #13b512;
padding:0px 0px 0px 0px;
margin:4px 4px 4px 0px;
}
div.Moe div.Tn{
float:left;
width:32px;
height:32px;
background-color:#d7d7d7;
color:#d7d7d7;
margin:4px 0px 0px 4px;
}
p.DocumentAppsMessage{
font-size:1.2em;
text-align:left;
margin:15px 26px 15px 26px;
}
div.Moe.disabled.mouseover div.MoeInner{border:1px solid #b1b1b1;}
div.Moe.disabled.click div.MoeInner{border:1px solid #b1b1b1;}
div.Moe.disabled.selected div.MoeInner{
background:#eee;
border:1px solid #b1b1b1;
}
div.Moe div.TnNoBackGround{
float:left;
width:32px;
height:32px;
margin:4px 0px 0px 4px;
overflow:hidden;
}
img.MoeIcon
{
float:left;
}
div.Moe div.Details{
float:left;
width:125px;
font-size:1.1em;
line-height:1.4em;
padding:2px 0px 0px 5px;
overflow:hidden;
height:50px;
}
div.Moe div.Title{
font-weight:bold;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
}
div.Title{
white-space:nowrap;
}
div.Moe div.Description{
}
div.Moe span.getItLink
{
color:#336699;
padding:0px 0px 0px 5px;
visibility:hidden
}
div.Moe.mouseover span.getItLink
{
color:#336699;
padding:0px 0px 0px 5px;
visibility:visible;
}
div.Moe div.DisableSlashIcon{
float:right;
width:16px;
height:16px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
visibility:visible;
border-color:transparent;
background:url("./AgaveDisabledSlash.16x16x32.png") no-repeat center center;
}
div.Moe div.InsertButton{
margin-top:8px;
margin-bottom:4px;
text-transform:uppercase;
visibility:hidden;
}
div.Moe.mouseover div.InsertButton{
visibility:visible;
}
div#Footer{
position:absolute;
top:0px;
bottom:0;
left:0;
overflow:hidden;
height:70px;
width:100%;
background-color:#f6f6f6;
}
div#FooterLink{
float:left;
width:330px;
font-size:1.2em;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 30px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
cursor:pointer;
}
div#FooterLink a{
margin-top:5px;
}
div#FooterLink img
{
vertical-align:middle;
padding:0px 7px 0px 0px;
}
div#SelectedItem
{
float:left;
height:42px;
width:390px;
font-size:1.1em;
padding:0px 0px 0px 0px;
margin:20px 0px 10px 26px;
overflow:hidden;
color:#666666;
display:none;
}
div#SelectedItem div.details
{
float:left;
padding:0px 5px 0px 0px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
div#SelectedItem div.details span.SelectedDescriptionText
{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
div#SelectedItem div.details span.SelectedDescriptionReadMoreLink
{
display:none;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
padding:0px 0px 0px 5px;
}
div#SelectedItem div.PermissionTextAndLink
{
display:none;
float:left;
padding:0px 5px 0px 0px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
div#SelectedItem div.details div.Title
{
font-weight:bold;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
}
div#SelectedItem div#SelectedDescription
{
}
div#DialogButtons{
float:right;
text-align:right;
padding:0px 0px 0px 0px;
margin:27px 0px 0px 0px;
padding:0px 25px 0px 0px;
}
input#BtnAction
{
font-family:"Segoe UI";
max-width:135px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
input#BtnCancel
{
font-family:"Segoe UI";
max-width:135px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
input#BtnTrustAll
{
font-family:"Segoe UI";
max-width:135px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
input#BtnDone
{
font-family:"Segoe UI";
max-width:135px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
}
input#BtnStore
{
font-family:"Segoe UI";
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
width:100px;
height:32px;
font-size:1.0em;
color:#336699;
}
.NoAppsMessage{
display:none;
margin:0px auto;
width:600px;
text-align:center;
margin-top:70px;
}
.NoAppsMessage p{
font-size:1.2em;
}
.OptionsButton{
display:none;
position:absolute;
right:0px;
top:-1px;
background:url("./Ellipsis_16x16x32.png") no-repeat center top;
cursor:pointer;
border:none;
}
ul#OptionsMenu{
display:none;
list-style:none;
padding:0px 0px 0px 0px;
position:fixed;
margin:0px 0px 0px 0px;
background:#ffffff;
border:1px solid #777777;
text-align:left;
box-shadow:0px 0px 8px 1px rgba(0,0,0,0.6);
}
.menuOption{
color:#777777;
width:100%;
padding:.5em 1em;
display:block;
text-align:left;
background:#ffffff;
border:none;
margin:0px 0px 0px 0px;
cursor:pointer;
font-size:1.1em;
}
ul#OptionsMenu button.disabled{
color:#777777;
background-color:#f6f6f6;
cursor:not-allowed;
}
.Overlay{
display:none;
position:fixed;
left:0px;
right:0px;
top:0px;
bottom:0px;
opacity:.7;
background-color:white;
filter:alpha(opacity=70);
}
.ConfirmDialog{
display:none;
background-color:white;
font-size:1.1em;
text-align:left;
position:fixed;
border:1px solid #777777;
box-shadow:0px 0px 8px 1px rgba(0,0,0,0.6);
}
.ConfirmMessage{
padding:1em 1.2em .5em 1.2em;
}
.ConfirmButtons{
float:right;
padding:.5em 1.2em 1.0em 1.2em;
}
.ConfirmButtons input{
font-family:"Segoe UI";
max-width:135px;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-ms-text-overflow:ellipsis;
white-space:nowrap;
margin:0px 0px 0px .5em;
}
.clearfix::before,.clearfix::after{
content:"";
display:table;
}
.clearfix::after{
clear:both;
}