html, body { margin: 0; padding: 0; height: 100%; }
body { color: #444; font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1.4em; min-width: 600px; overflow:hidden;}






#TB_window body { overflow-x: hidden; }






#perspective-close { display: none !important; }





form.auth label { font-weight: bold; margin: 8px 0; display: block; color: #111;}




form.auth.F input { display: block;/*border: 2px solid #DE0404;*/ padding-top: .75em !important; padding-bottom: .75em !important; color: #111;padding-left: 8px; padding-right: 8px; width: 310px; }
form.auth.F input { background-color: #f6f6f6; border: none; }
form.auth.F input:hover
form.auth.F input:focus { color: #1f1f1f; background-color: #FFF7AD; }







.pv-popup { position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -210px; width: 360px; display: none; min-height: 420px; z-index: 14;}
.pv-popup .logo { height: 80px; background-image: url(../images/perspective-logo-register.png); background-size: 100% auto; background-position: 50% 0%; background-repeat: no-repeat; background-color: #fff; margin-top: -80px; display: block;}
.pv-popup .title { margin: 0; padding: 16px; font-size: 1.2em;}
.pv-popup .button { position: absolute; bottom: 0px; right: 0px; padding: 8px 16px; cursor: pointer; margin: 0px; border: none; background: #de0404; color: #fff; font-size: 1.2em; outline: none;}
.pv-popup .button:hover { background: #c40404;}
.pv-popup .button:active { background: #de0404;}
.pv-popup .message { margin: 16px; padding: 0 16px;}
.pv-popup .message p { margin: 16px 0;}
.pv-popup .message .ether-message-icon { width: 16px; height: 16px; background-size: 100%; margin-left: -24px;}
.pv-popup .form-inner-wrap { margin: 16px;}
.pv-popup .message.type-info { background-color: #E1F5FF; border: 1px solid #E1F5FF;}







form.register .pv-popup { min-height: 420px; margin-top: -210px;}
form.login .pv-popup { min-height: 230px; margin-top: -115px;}






.F .pv-popup { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);}
.F .pv-popup .logo { }
.F .pv-popup .title { background: #f6f6f6; color: #111;}
.F .pv-popup .button {}
.F .pv-popup .message {}









#media-upload #filter { width: auto;}
html, body#media-upload { min-width: 650px !important; }

form#image-form { width: 100%; }
.tb-media-title { margin: 0px 0 8px; background: #F6F6F6; color: #111; padding: 8px 8px; font-weight: normal;}



.images-inner-wrap { margin: 0; padding: 0; }
ul.images-inner-wrap:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }

ul.images-inner-wrap .image-entry { float: left; position: relative; list-style: none; margin: 2px;}

.images-inner-wrap .image-item { float: left; padding: 4px; margin: 0px; background-color: #ccc; overflow:hidden;}
.images-inner-wrap .image-item img { outline: none; border: none;}
.images-inner-wrap .image-item:hover,
.images-inner-wrap .selected .image-item { background-color: #333; }

.images-inner-wrap .image-item img { display: block; }
ul.images-inner-wrap 	.image-item img { width:80px; height: 80px; margin: 0; padding: 0;}
table.images-inner-wrap .image-item img { width:80px; height: 80px; }




p.ml-submit input.insert { display: block !important; }

.media-upload-form fieldset.ether-form { padding-top: 5px; }

fieldset.ether-form { width: 100%; padding: 0; margin: 0; border: none; }

.tablenav { text-align: center;}
.tablenav .tablenav-pages { float: none; display: inline-block;}
.tablenav-pages { display: block; padding: 8px; text-align: center;}
.tablenav-pages a { text-align: center; display: inline-block;padding: 8px 12px !important; line-height: 1.1em; border: none; color: #111;  overflow: hidden; cursor: pointer; outline: none; position: relative; text-decoration: none; color: #49A5D1; background: #f6f6f6;}
.tablenav-pages a.current { background-color: #d6d6d6;}
.tablenav-pages a.prev { margin-right: 4px;}
.tablenav-pages a.next { margin-left: 4px;}
.tablenav-pages a:hover,
.tablenav-pages a:focus {background-color: #eee; color: #49A5D1; }
.tablenav-pages a:active { }
.tablenav-pages a.disabled { color: #999 !important; background: #f6f6f6 !important; }

fieldset.upload .buttonset-1 { margin: 0; display: block;}
.upload-image { visibility: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; }

p.error { text-align: center; font-weight: bold; color: #C90000; }

.ether-form.media-chooser-form { max-width: 100%;}












body.page-media-viewer { overflow: auto;}

#mv { padding-bottom: 60px; min-height: 100%; position: relative;
 -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; }

#mv-topbar { padding: 0px 16px 0px; background-color: #de0404; color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 10000;}

#mv .logo-wrap { padding: 2px 0 4px; }
#mv .logo-wrap:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }
#mv .logo { height: 44px; background-image: url(../images/perspective-logo-white-trans.png); background-size: 100% auto; background-position: 50% 0%; background-repeat: no-repeat;   display: block; width: 360px; float: left;}

#pv-nav { width: 100px;}
#mv-topbar .pv-nav-wrap { position:relative; float: right; position: absolute; top: 0px; right: 0;}
#mv-topbar #pv-nav { top: 0; right: 0; left: auto; bottom: auto; height: 50px;}
#mv-topbar #pv-nav .subnav { top: 50px; right: 0; left: auto; bottom: auto;}
#mv-topbar #pv-nav .nav-item-main {  float: right; height: 50px; line-height: 50px;}

#mv .title { background: #d2d2d2; font-weight: normal; color: #111; margin: 16px;}
#mv .title { margin: 0; padding: 16px; font-size: 1.2em;}


#mv .ether-form { margin: 0; }


#mv .tablenav-pages { padding: 0; margin: 16px; }


.images-outer-wrap { padding: 0 8px;}
#mv .images-outer-wrap { position: relative; padding: 0 16px;}

#mv .images-inner-wrap .image-item img { float:left; width:142px; height: 142px; }
#mv table.images-inner-wrap .image-item img { width:80px; height: 80px; }

#mv ul.images-inner-wrap 	{  background: #f6f6f6; padding: 16px; margin: 0px; }
#mv table.images-inner-wrap { margin: 0; padding: 0; width: 100%; border-collapse: collapse;  background: #f6f6f6; padding: 0; margin: 0;}
#mv table.images-inner-wrap th,
#mv table.images-inner-wrap td { padding: 8px;}
#mv table.images-inner-wrap th { text-align: left; background: #eee;}
#mv table.images-inner-wrap th a { text-decoration: none; color: #49A5D1;}
#mv table.images-inner-wrap .odd { background: #fff; }

#mv ul.images-inner-wrap .image-entry .actions {  position: absolute; top: 4px; right: 4px; z-index: 10; display: none;}
#mv .images-inner-wrap .image-entry:hover .actions { display: block; }

#mv .images-inner-wrap .actions .button { cursor: pointer; float: left;}
#mv .images-inner-wrap .actions .icon-button { color: #666; background: #f6f6f6;}
#mv table.images-inner-wrap .actions .icon-button { background: transparent;}
#mv .images-inner-wrap .actions .icon-button:hover,
#mv .images-inner-wrap .actions .icon-button:focus { color: #111;}
#mv .images-inner-wrap .actions .remove-image { background: #fff; border: none; }
#mv .images-inner-wrap .actions .remove-image { background: #fff; border: none; }


#mv-footer { background: #eee; color: #666; /*display: none; */position: absolute; bottom: 0; width: 100%;}
#mv-footer .copy { background: #eee; color: #aaa; margin: 0; padding: 16px; text-align: center; }
#mv-footer .copy a { background: #eee; color: #999; text-decoration: none;}
#mv-footer .copy a:hover,
#mv-footer .copy a:focus { color: #333;}






.icon-button .icon { width: 28px; height: 28px;}
.icon-button .icon:hover {}
.icon-button .icon.dashicons:before { vertical-align: top; -webkit-font-smoothing: antialiased; font: normal 18px/28px 'dashicons'; }
.icon-button .button-title { display: none;}







#mv .display-options-wrap { padding: 0 16px;}
#mv .display-options-wrap label.inline { margin: 0;}

#mv .upload { float: right; margin: 16px;}

#mv .settings { background: #f6f6f6; padding: 16px 16px;}
#mv .settings:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }

#mv .settings .upload {  margin: 4px 0 0;}
#mv .settings .display-options-wrap { padding: 0;}
#mv .settings .ether-error {  margin: 16px 0 8px;}






.ajax-loader-wrap { position: relative; z-index: 100; }
.ajax-loader-wrap > .ajax-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff;}
.ajax-loader .ajax-spinner { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; background: url(../images/ajax-spinner.gif); background-size: 100% 100%; }






/*these are not officially added yet, implement main colors for ether-builder first*/
.ether-button.ether-color-main-1 { background: #49A5D1; color: #fff;}
.ether-button.ether-color-main-1:hover,
.ether-button.ether-color-main-1:focus { background: #4192B9; color: #fff;}
.ether-button.ether-color-main-1:active { background: #49A5D1; color: #fff;}



























.F #mv-topbar #pv-nav { background: transparent;}
.F #mv-topbar #pv-nav .subnav { border: none; background: #fff; border: 2px solid #ddd;}
.F #mv-topbar #pv-nav .subnav li a { color: #999;}
.F #mv-topbar #pv-nav .nav-item-main { background: transparent; color: #fff;}
.F #mv-topbar #pv-nav .nav-item-main > a { color: #fff; text-decoration: none;}
.F #mv-topbar #pv-nav .subnav li a:hover,
.F #mv-topbar #pv-nav .subnav li a:focus { color: #fff; background: #CD0202;}
.F #mv-topbar #pv-nav .nav-item-main:hover,
.F #mv-topbar .nav-item-main:hover { background: #CD0202;}