html, body {font-family: Arial,Helvetica,sans-serif}
#mediaManager .theme-bg.bg, #mm2Editor .theme-bg.bg{height:100%; position:fixed; width:100%; z-index:0}
#mmContainer{position:relative; z-index:2}

iframe{border:none}
.boxSizing{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
.mmBigShadow, #cboxWrapper{-moz-box-shadow:0 0 20px #222; -webkit-box-shadow:0 0 20px #222; box-shadow:0 0 20px #222}
.outlined{outline:1px dotted; padding:0 5px}
.id-tabloid{display:none; font-weight:bold; height:26px; text-align:center}
.id-message{color:#66CD00}
.error{color:#FF3030}
.padList{padding-bottom:280px!important}

.collectionHolder{height:100%; overflow-y:auto; position:absolute; top:0; width:100%}

.sprite.edit, .sprite.dCollection, #collection_content li .sprite{background-position:-27px -61px; height:20px; position:absolute; left:87px; top:18px; width:20px}
.sprite.dCollection{background-position:-51px -61px; top:-4px}
#collection_content li .sprite{background-position:-51px -61px; left:auto; right:-2px; top:2px}

#mmContainer #sidebar{background:#F3F3F3; border-right:1px solid #444; height:100%; left:0; position:fixed; width:150px; z-index:1000}
   #mmContainer #sidebar ul{left:0; list-style:none; margin:20px 0; padding:0; position:relative; z-index:3}
   #mmContainer #sidebar li{background:#600; border:3px solid #9F9A87; cursor:pointer; height:65px; left:15px; margin:5px 0 10px; position:relative; text-align:center; width:80px}
  .collectionTitle{background:#F5F2E7; bottom:0; font-size:11px; left:0; max-height:26px; overflow:hidden; padding:2px; position:absolute; text-align:center; width:76px}

#mmContainer .tabTools{padding:6px 0 4px 12px; z-index:44}

#mmContainer #content{overflow:auto; padding:40px 0 0 154px}
    #mmContainer #content ul{margin:0; padding:15px 10px; overflow:hidden}
    #mmContainer #content li, .mediaItem{background:#fff; border:3px solid #839faf; cursor:pointer; float:left; height:80px; list-style:none; margin:8px; overflow:hidden; position:relative; width:80px}

#toolbar{border-bottom:1px solid #444; left:0; min-width:970px; position:fixed; top:0; width:100%}
#media_area{position:relative; z-index:1}
#collections_tools{height:38px; padding:0; position:relative; top:-1px; width:149px}
.leftHolder{left:158px; position:relative}

#collection_content{background:#F3F3F3; bottom:0; left:0; margin:0; position:fixed; width:100%; z-index:999}
    #collection_header{border-bottom:1px solid #444; border-top:1px solid #444; height:24px; line-height:24px; padding:5px 10px 3px 172px}
    #collection_header span{font-weight:bold; margin-right:10px}
    #c_btn_hide{background-position:-51px -58px; height:23px; width:19px}
    #c_btn_edit{background-position:-27px -58px; display:block; height:19px; width:19px}
#collection_content ul{padding-left:164px!important; max-height:204px; overflow:auto!important}

#STATUS_MMITEMS, #STATUS_MMESAVEOPTIONS{display:block; float:left; width:62px}
#mm_options{position:absolute; right:25px; top:6px; width:220px}
#media_list{margin-bottom:15px}
.spaceHolder{line-height:26px; padding-left:15px}

#DROPDOWN_MMITEMS{left:170px; top:32px; width:122px}
#DROPDOWN_MMITEMS a{text-decoration:none}
#DROPDOWN_MMESAVEOPTIONS{right:18px; top:32px; width:122px}
#DROPDOWN_MMESAVEOPTIONS a{text-decoration:none}
#BUTTON_MMESAVEOPTIONS{text-align:left}
#mmSelector, #mmeSelector{width:75px}

/* start */
#idp2{width:580px; background:#293c45; color:#ddd; padding:15px; position:absolute; z-index:1000; top:100px; left:100px}
   #idp2 #image{width:270px; height:225px; background-color:#192a32; float:left; padding:15px}
   #idp2 #data{width:265px; float:right; position:relative}
   #idp2 textarea{margin-bottom:5px; width:152px; height:60px; resize:none}
   /*#idp2 label{float:left; width:80px}*/
   #idp2_dims, #idp2_size {float:right;}
   #idp2_dim_warning {float:right;margin-left:10px;}
   #idp2_dim_warning img {margin-top:1px;}
   #idp2 input, textarea{float:right; width:152px}
   #idp2 #saving{height:14px; line-height:16px; position:absolute; bottom:6px; right:60px}
   #idp2 #saving img{margin-top:2px}
   .readOnly{color:#888}
   .readOnly:focus{color:#000}
/* end */

#itemDetails{background:#293c45; color:#ddd; overflow:hidden; padding:15px; position:absolute; width:500px; z-index:999}
   #itemDetails #itemOptions{width:285px; word-wrap:break-word}
	#ta_id_description{margin-bottom:15px; resize:vertical}
	#itemDetails img{max-height:500px}

#createCollection{background:#3C3C3C; color:#fff; padding:5px 15px; position:absolute; top:0; z-index:1}
    #createCollection input[type="text"]{margin-right:20px}
    #createCollection label{margin-right:5px}

#mmContainer #sidebar li.about-drop{-moz-box-shadow:5px 5px 10px #000; -webkit-box-shadow:5px 5px 10px #000; box-shadow:5px 5px 10px #000; border:solid 3px #00f}
#mmContainer #sidebar li.drop-here{-moz-box-shadow:5px 5px 10px #538147; -webkit-box-shadow:5px 5px 10px #538147; box-shadow:5px 5px 10px #538147; border:solid 3px #7FFF00}
#collection_content .about-drop{background:#f3f8e6}
#collection_content .drop-here{background:#daf9d2}

/* ----- editColl popup ----- */
.ec_popup{padding:10px; overflow:hidden}
.ec_popup .button-container{padding:3px}
.ec_popup label{font-weight:bold; margin-right:5px}
.ec_row{height:24px; padding:3px}
.ec-data-row{line-height:24px; margin-bottom:5px}
.ec_row input[type="text"]{margin-right:5px; width:200px}

/* ================ MM Image Editor ================ */
#fileName{word-wrap:break-word}
#mm2Container{position:relative; z-index:2}
   #mm2Editor #fileTools{height:26px}
   #mm2Editor #fileTools span.tabloid{color:#090; /*display:none;*/ font-size:20px; font-weight:bold; position:relative; /*top:8px; left:45%*/}
	#mm2Editor #fileTools img{display:inline; position:absolute; top:10px; left:45%}
   #mm2Editor #fileTools .error{color:#F00}
#mm2Container .tabTools{padding:6px 12px 3px; text-align:center}

#mm2Editor .optionRow{height:24px; line-height:24px; overflow:hidden; padding:0 10px}
#mm2Editor .image{}

#mm2Editor #canvas{width:800px; height:600px; margin:25px auto; padding:25px 50px 50px 50px; text-align:center}

#mm2Editor #error{background:#555; color:#f00; font-size:30px; height:100%; position:fixed; width:100%}
#mm2Editor #error span{left:45%; margin-top:-0.5em; position:absolute; top:50%}

#mm2Editor #toolBar, #mm2Editor #toolOption, #mm2Editor #imageInfo, #mm2Editor #saveOptions, #mm2Editor .image{-moz-box-shadow:5px 5px 20px #222; -webkit-box-shadow:5px 5px 20px #222; box-shadow:5px 5px 20px #222}

#mm2Editor #toolBar{background:#F0F0F0; border:1px solid #293C45; height:200px; position:absolute; top:70px; left:10px; width:76px; z-index:400}
   #mm2Editor .toolButton{background-color:#F9F7F0; border:1px solid; border-color:#D9D5C6 #B1A98B #9D9169 #D9D5C6; color:#3F3B31; cursor:pointer; float:left; height:24px; margin:3px; text-indent:-9999px; width:30px}
   #mm2Editor .toolButtonActive{background-color:#bfb598; border-color:#9D9169 #B1A98B #D9D5C6; color:#111}
	#mm2Editor .toolButton:hover{background-color:#fffcf2}

	#imageTool_RL{background-position:-78px -84px}
	#imageTool_RR{background-position:-52px -84px}
	#imageTool_CR{background-position:-26px -84px}
	#imageTool_RS{background-position:1px -84px}

#mm2Editor #toolOption{background:#F0F0F0; left:150px; position:absolute; top:70px; z-index:400}
   #mm2Editor #toolOption .optionRow{background:#F0F0F0; padding:0 10px}
   #mm2Editor #toolOption input[type="text"]{margin:3px; width:75px}
   #mm2Editor #toolOption input[type="button"]{margin-left:10px}
   #mm2Editor #toolOption input[type="checkbox"]{margin:3px 10px 3px 0}
   #mm2Editor #toolOption label, div{font-size:12px}
   #mm2Editor #toolOption .c1{width:100px}
   #mm2Editor #toolOption .c2{width:20px; text-align:right}
   #mm2Editor #toolOption .c3{width:50px; padding-left:3px}

#mm2Editor #save_opts_holder{height:28px}
#mm2Editor #saveOptions{background:#F0F0F0; display:none; position:absolute; right:100px; top:35px; width:100px}
   #mm2Editor #saveOptions div{color:#000;font-weight:normal; padding:3px; text-align:left}
   #mm2Editor #saveOptions div:hover{background:#A5A5A5; color:#000; padding:3px}
#mm2Editor #imageInfo{background:#F3F3F3; border:1px solid #293C45; right:10px; position:absolute; top:70px; width:300px; z-index:400}

#imageInfo p, #toolOption p, #toolBar p{background:#293C45; color:#eee; cursor:move; font-size:12px; font-weight:bold; height:20px; line-height:20px; margin:0 0 2px; padding-top:2px; padding-left:6px}
#toolBar p{padding-left:0; text-align:center}

/* ----- Misc ----- */
#mm2Editor .file-button{background:#555; border:solid 1px #666; border-spacing:2px; color:#eee; cursor:pointer; font-weight:bold;  font-size:11px; margin:0 5px; padding:3px 8px; text-align:center; text-decoration:none!important}
#mm2Editor file-button:hover{background:#0078A3; border:solid 1px #59B4D4; color:#fff; font-weight:bold}
#mm2Editor .file-button:active{background:#F58400; border:solid 1px #FFAF0F; color:#fff; font-weight:bold}
#mm2Editor .option-close-button{position:absolute; right:5px; cursor:pointer}
#mm2Editor .corner-all{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}
#mm2Editor .display-none{display:none}

/* ===== importer page ===== */
#mediaManager.importer{position:relative}
#fiLogo{background:url(/adm/images/flickrLogo.png); display:block; height:255px; left:33%; position:relative; text-align:center; text-decoration:none; width:400px}
#fiLogo span{bottom:0; color:#ff0084; font-size:16px; left:0; position:absolute; width:100%}
#fiLogo:hover{color:#e00074; text-decoration:underline}

.importer #mmContainer{position:absolute; top:0; width:100%}
.importer #toolbar{padding:6px 15px; position:fixed; top:0; z-index:9}

#fi_main ul{min-height:500px; overflow:hidden; padding:0 0 10px 15px}
#fi_main li{background:#fff; border:3px solid #9F9A87; display:block; float:left; height:75px; list-style:none; margin:8px; vertical-align:top; width:75px}

#thumbs .selected{border:#73BAD9 3px solid}
#flickr_copy{font-size:24px; font-weight:bold; padding:20px; text-align:center}

#bottomBar{border-top:1px solid #444; bottom:0; left:0; position:fixed; width:100%; z-index:9}
#bottomBar span{margin-right:20px}

#mmContainer #content li.selected-item{border-color:#73BAD9}

.stackedImages{background:url(/images/stack.png); height:84px; width:84px}
.selectedCount{background:url(/images/itemCount_bg.png); color:#fff; font-size:14px; font-weight:bold; height:25px; line-height:25px; position:absolute; right:10px; text-align:center; top:5px; width:25px}

#ne_collection{height:200px; width:300px}

#fi_main{padding-top:34px; padding-bottom:20px}

/* ie fixes for flicker importer */
.ie7 #fi_main ul{padding-top:10px}
.ie7 #btn_close{margin-right:20px}