.new-post .win-backbutton {
    border-color: #1E8CBE;
    color: #1E8CBE;
}

.new-post .win-backbutton:hover {
    border-color: #1E8CBE;
}

.new-post .win-backbutton:hover:active {
    border-color: #1E8CBE;
    background: #1E8CBE;
    color: #fff;
}

#new-post-content {
    margin:  -30px 50px 0 120px;
    font-size:  120%;
    line-height: 120%;
    display:  block;
    height:  75%;
    overflow-y: scroll;
}

#new-post-content a {
    color: #17739d;
}

#new-post-content p {
    margin-top: 0 !important;
}

#publish-button:active {
    background:  #17739d;
}

#publish-button {
    border:  none;
    background: #1e8cbe;
    font-weight: normal;
    padding:  14px 36px;
    margin:  0 50px 0 0;
    color: #fff;
    float:  right;
    font-family: "Segoe UI";
    font-size: 13pt;
    display:  inline;
}

.new-post .titlearea {
    margin-top: 36px !important;
}

#blogname {
    float:  left;
    color: #aaa;
    font-size:  130%;
    margin-left:  120px;
    padding-bottom: 4px;
    max-width:  70%;
    margin-top:  14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#post-footer {
    display:  block;
    margin-top:  12px;
}

div::selection {
    background:  #94c6fa;  
    color:  #464646;
}

#post-progress {
    width: 100%;
    margin: 0 0 0 50px;
    color:  #1e8cbe;
}

#imageFlyout {
    width: 200px;
}

#linkFlyout {
	width: 320px;
	padding: 12px 15px 10px;
}

#linkFlyout input[type=text] {
	width: 307px;
    padding: 4px 6px;
}

#linkFlyout input[type=button] {
	float: right;
	margin: 8px 0 0 0;
    background-color: #1e8cbe;
    color: #fff;
    border: none;
    outline: 2px solid #1e8cbe;
}

#linkFlyout input[type=button]:hover:active {
    background-color: #f1831e;
    outline: none;
}

/*Formatting Buttons*/
#bold .win-commandimage::before{
    content:  '\e19b';
}

#italic .win-commandimage::before{
    content:  '\e199';
}

#underline .win-commandimage::before{
    content:  '\e19a';
}

#strikethrough .win-commandimage::before{
    text-decoration: line-through; 
    content:  'ABC';
    font-size: 14px;
}

#indent .win-commandimage::before{
    content:  '\275d';
    font-size: 38px;
}

#indent .win-commandimage {
    margin-top: 3px !important;
}

#outdent .win-commandimage::before{
    content:  '\e150';
}

#insertunorderedlist .win-commandimage::before{
    content:  '\e133';
}

#insertorderedlist .win-commandimage::before{
    content:  '123';
    font-size: 16px;
}

#strikethrough .win-commandimage, #insertorderedlist .win-commandimage {
    margin-top: -5px !important;
}

#justifyleft .win-commandimage::before {
    content:  '\e1a2';
}

#justifycenter .win-commandimage::before {
    content:  '\e1a1';
}

#justifyright .win-commandimage::before {
    content:  '\e1a0';
}

#justifyleft .win-commandimage, #justifyright .win-commandimage, #justifycenter .win-commandimage {
    margin-top: -5px !important;
}

#insertimage .win-commandimage::before {
    content:  '\e187';
}

#linkflyout .win-commandimage::before {
    content:    '\e167';
}

/*flyout icons*/
#insertimagelibrary .win-commandimage::before {
    content:  '\e187';
}

#insertimagecamera .win-commandimage::before {
    content:  '\e114';
}

/*image uploading spinner*/
#image-loader {
    color: rgb(30, 140, 190);
    width: 80%;
    position: absolute;
    top: 120px;
    left: 39px;
    z-index: 999;
}

@media screen and (-ms-view-state: snapped) {
    
    #new-post-title {
        margin:  16px 20px 0 0;
    }
    
	#new-post-content {
        margin:  0px 20px 0 40px;
        height:  62%;
    }
    #blogname {
        display:  block;
        float:  none;
        margin:  0 0 10px 40px;
        font-size:  110%;
    }
    #publish-button {
        float: right;
        display:  block;
        margin:  0 40px 0 0;
        width:  auto;
    }
    #post-progress {
        margin: 0 80px 0 0;
    }
    #insertimage {
        display: none;
    }
    #linkFlyout {
	width: 220px;
	padding: 12px 15px 10px;
    }
    #linkFlyout input[type=text] {
	    width: 207px;
        padding: 4px 6px;
    }
}

@media screen and (-ms-view-state: fullscreen-portrait) {
    #new-post-content {
        margin:  0px 20px 0 100px;
        height:  80%;
    }
    #blogname {
        margin-left:  100px;
    }
}