html {background: #565D63; height: 100%}

html, body {height: 100%; margin: 0; font-size: 10px; font-family: Lucida Grande, Arial, sans-serif; color: #888C8E;}

body {background: #fff; margin: 0; padding: 0; position: relative; height: 100%}

#mfContainer {position:relative; min-height: 100%}
* html #mfContainer {height: 100%}

body.login {background: #fff; padding: 0px; }

body * {font-size: 12px;  }

ul {list-style-type: square}

img, input, a, button {  behavior: url("/static/2/iepngfix.htc");} 

a img {border: 0;}

h1,h2,h3,h4,h5,h6{margin: 0; font-size: 130%; padding: 10px 0 0 0; color: #202020}

a {color: #000; font-weight: bold}

sup {font-size: 80%}

h2.strong {color: #fff; padding: 2px 40px 10px 0px; margin: 0; height: 20px; background: #fff url('/static/2/images/mediaActions_bg.png') repeat-x left top; border-bottom: 1px solid #fff; font-size: 12px }

textarea { font-family: monaco, courier new, monospace; font-size: 10px}

.nice_hr {border: 0; border-bottom: 1px solid #dcded3 }
.clear_both {clear:both}
.closed {display: none;}
.open {display: block; }

.lotsofspace { padding: 40px }
#Messenger {position:absolute; left: 0px; height: 10px; width: 100%; z-index: 4000}
#messagebox {width: 100%; float: left; position: absolute; left: 0px; z-index: 2000}

#messagebox span {font-size: 14px; border-width: 2px; border-style: solid; padding: 10px; display: block; margin: 10px 30px; padding-left: 20px; background: #fff; z-index: 3000; text-align: left}

#messagebox span.closed {display: none;}
#messagebox span.open {display: block; }

span#message {border-color: green; color: green; background: #fff url(/static/2/images/icons/note.gif) 2px 10px no-repeat}
span#error {border-color: red; color: red; background: #fff url(/static/2/images/icons/error.gif) 2px 10px no-repeat}

#debugger {margin: 10px; min-height: 50px; padding: 5px; background: #fff; border: 1px solid red; color: #000; font-size: 12px;}

.popupMask { position: fixed; left: 0px; top: 0; background: url('/static/2/images/50_opacity.png');  width: 100%; height: 100%;}
.popupWindow{ width: 500px; min-height: 300px; position: absolute; z-index: 4000; top: 175px; left: 200px; background: #ffffff url('/static/2/images/editor_bg.jpg') left 20px repeat-x; border: 1px solid #000;}
.popupWindow h2 { color: #fff; font-size: 90%; padding: 3px 0 0 0px; margin: 0; position: relative; height: 20px; background: #fff url('/static/2/images/mediaActions_bg.png') repeat-x left top; border-bottom: 1px solid #fff}
.popupWindow h2 img.icon {margin: 0 5px 0 0 }
.popupWindow h2 a#close_btn {position: absolute; right: 3px; top: 2px; color: #fff; text-align: center; text-decoration: none; float: right; width: 12px; height: 12px; background: url('/static/2/images/icons/close_off.png') no-repeat center center}
.popupWindow h2 a#close_btn:hover {background: url('/static/2/images/icons/close_on.png') no-repeat center center}
.popupWindow p {margin: 10px;}

.popupMask.closed, .popupWindow.closed {display: none;}
.popupMask.open, .popupWindow.open {display: block;}

form.create_new {padding: 5px;}
form.create_new label{width: 100px; float: left; clear: left; height: 17px; margin-bottom: 12px; }

form.create_new input, form.create_new select, form.create_new textarea { padding-left: 3px; width: 350px; float: left; border: 1px solid #444C51; font-family: Lucida Grande, Arial, sans-serif}

form.create_new .btn {width: 90px; float: right; margin: 20px 39px; border: 1px solid #ecede8}


/******************/
/* global layout */
/******************/


#welcome {float:left; padding-right: 5px;}
#welcome p { margin: 0; padding: 0 0 5px 0; left: 400px; bottom:5px; color: #444c51}
#welcome p strong {color: #000}

#useractions {float: left; padding-right: 5px; display:block}
#useractions a {color: #444c51}
#useractions a:hover {border-bottom: 1px dotted #242526; color: #000}

/* sabretooth: server-side import: Header */

/* appHeader contains the navigation, project selector and logo */

.appHeader {

 background: #444C51 url(/static/2/images/page_bg.png) repeat-x scroll center 41px;
 border-bottom:1px solid #9A9A9A !important;
 color:#888C8E;
 height:73px !important;
 margin:0px;
 min-width:960px;
 position:relative;
 width:auto !important;


}

.logo {
  display: block; 
  color: black; 
  font-size: bigger;
  float: left;
}

.logo img { float: left;  margin: 0px 10px; }

.logo .title {color: #444c51; font-weight: normal; font-size: 14px; padding-top: 5px; display: none}
.loggedin { float: right; margin: 10px 50px 0 0; width: 200px;}

div.navigation {
 left:220px;
 position:absolute;
 top:11px;
 margin: 0 !important ;
 padding: 0 !important ;
 width: 780px;
}

div.navigation a {font-weight: normal}

div#topMenu {margin-bottom: -2px;}

span.topMenuItem {
   font-size:16px;
   padding: 0;
   height: 40px !important;
   height: 31px;
   z-index: 100;
   text-transform: uppercase;
}

.topMenuItem a {
   text-decoration: none;
   color: #FFF;
   padding: 6px 6px 5px 6px;
   background-repeat: no-repeat;
   background-position: 5px 5px;
   display: block;
   float: left;
}

.topMenuItem a:hover {
   padding: 5px 5px 4px 5px;
}

.topMenuItem a.active {

   border: 1px solid #A3ABAE;
   border-bottom: 1px solid #FFF;
   background-color: #FFF;
   margin: 0;
   color: #444C51;
   padding: 5px 5px 4px 5px;

}
.subMenuSection {
    display: none;
    text-indent: 20px;
    padding-top: 0px;
    position: absolute;
    left: 0px;
    top: 35px !important;
    z-index: 3000;
}

* + html .subMenuSection {
    left: 200px;
}

.subMenuSection a {
color:#333333;
display:block;
float:left;
font-size:90%;
padding:5px 15px 8px 0pt;
text-decoration:none;
text-indent:15px;
word-spacing:1px;
}

.subMenuSection a:hover {
  color: #000;
  background: #ffffff url(/static/2/images/page_bg.png) left 5px;
}

#subMenu {height: auto}


#project_switcher {color: #000; padding: 0px 0 0 0; height: 16px; display: block;  float: left; position: absolute; left: 29px; top: 47px; z-index: 3000}
#project_switcher select { color: #444C51; border: 1px solid #737E84; display:block; height:1.6em; width:170px}
#project_switcher select option {padding: 3px; display: block; width: 200px;}


/* FROM THIS POINT ON: OLD STUFF */
/* This is kept for reference, for now */
/*

#sidebar.horizontal ul#mainmenu {font-size:19px; font-weight:bold; list-style:none; margin:0 auto; padding:0;  height: 30px; }
#sidebar.horizontal ul#mainmenu li { float:left; height: 13px; padding:0px; list-style-type: none} 

#sidebar.horizontal ul#mainmenu li a { height: 19px;  color: #fff; border: none; background-color: transparent;  text-decoration: none; background-position: 1px center !important; none; text-transform: uppercase; position: relative; padding: 10px 5px 10px 20px !important; padding: 10px 4px 11px 21px; margin: 1px;}

#sidebar.horizontal ul#mainmenu li a:hover {border: 1px solid #A3ABAE; border-bottom: 1px solid #fff; background-color: #fff;  margin:0; color: #444C51; padding: 10px 4px 10px 21px !important; padding: 10px 4px 11px 21px;}

#sidebar.horizontal ul#mainmenu li a.active {border: 1px solid #A3ABAE; border-bottom: 1px solid #fff; background-color: #fff;  margin:0; color: #444C51; padding: 10px 4px 10px 21px !important; padding: 10px 4px 11px 21px;}

*/

/***********************/
/* 2nd level menuitems */
/***********************/

#sidebar.horizontal ul#mainmenu li ul {margin:0pt; padding-left:0px; position:absolute; top:31px!important; top: 35px}
#sidebar.horizontal ul#mainmenu li ul li { font-size:80%; height:20px; padding:0px; } 
#sidebar.horizontal ul#mainmenu li ul li a {border: none; padding: 5px 10px 6px 10px !important; color: #444c51; display:inline; text-transform: none; font-weight: normal; margin: 1px;}
#sidebar.horizontal ul#mainmenu li ul li a:hover {border: none; padding: 5px 10px 6px 10px !important;  background: #fff; }








/* end of import: Header */

/**********/
/* toolbar */
/**********/
div.toolbar * {text-align: left}
div.toolbar {width: 180px; float: left; clear: left; padding: 0px; margin: 0}
div.toolbar h2{ clear:left; display:block; float:left; font-weight:bold; margin: 0px 0px 3px 0; padding:0px; width:170px; position:relative}
div.toolbar form {margin: 0 0 20px 0; padding: 0;}
div.toolbar fieldset {clear:left; border: 0; margin: 0; padding: 0;}
div.toolbar .divider {display: block; height: 1px; width: 150px; clear: left; margin: 0 0 30px 0}
div.toolbar select {width: 170px;  margin: 0 0 3px 0; float: left; clear: left; border: 1px solid #888C8E;}
div.toolbar select option {}

div.toolbar input#query { background: #fff url('/static/2/images/icons/search_bg.png') 1px -1px no-repeat;  padding: 0 !important; padding: 3px 0 3px 22px; margin: 0 0 3px 0; text-indent: 22px}
div.toolbar input#query:focus {}
div.toolbar input.text {width: 170px! important; height: 17px; margin:0 3px 0 0; text-indent: 3px; border: 1px solid #888C8E; color: #888C8E; font-size: 11px;}

div.toolbar .btn { color:#444C51; display:block; float:left; margin:3px 1px; padding: 4px 2px 4px 25px; text-decoration:none; width: 140px; font-size: 9px }

div.toolbar .boxboy {position:absolute; right: -5px; top: 1px; display: block; height: 14px; width: 24px; background: #fff; border: 0;}
div.toolbar .boxboy.show {background: url(/static/2/images/icons/expand_btn.png) center -5px no-repeat;}
div.toolbar .boxboy.hide {background: url(/static/2/images/icons/collapse_btn.png) center -5px no-repeat;}
div.toolbar .boxboy:hover {cursor: pointer;}
span.label {font-size: 10px; padding-top: 5px; display: block; clear: left;}

span.pagesize {padding-left: 5px;}
span.pagesize a {width: 24px; height: 14px; padding: 5px 0 0  0; text-decoration: none; color: #444C51}

/* app-page  ************/

#app-page { 
 background:#FFFFFF url(/static/2/images/page_bg.png) repeat-x scroll center -34px !important;
 border-top:1px solid #FFFFFF;
 color:#242526;
 margin:0pt;
 min-height:100%;
 min-width:960px;
 padding:0px 0px 0px;
 position:relative;
}

* html #app-page {height: 100%}

/* sabretooth: server-side import: Footer */

/* app-footer **********/

#app-footer {clear: both; min-height: 150px; background: #272C2F; padding: 20px 0px 5px 0px; width: 100%; position: relative; margin: 0 auto 0 auto;
}

* html #app-footer {margin-top: -15px}

#app-footer span {font-weight: bold}
#app-footer .copyright-notice {margin: 0px 37px; color: #DDE4E7; clear: left}
#app-footer p a {color: #DDE4E7; text-decoration: none; border-bottom: 1px dotted #444c51}

div.footerlinks {padding-left: 180px; background: url(/static/2/images/FM_logo_grey.png) no-repeat 9px 166px}
div.footerlinks ul {list-style-type: none;}


div.footerlinks ul.footerlinks {width: 150px; height: 160px; float: left; }
div.footerlinks ul.footerlinks li {font-weight: bold; color: #DDE4E7}
div.footerlinks ul.footerlinks li a { font-weight: normal; color: #888C8E; text-decoration: none; display: block; height: 1.5em}
div.footerlinks ul.footerlinks li a:hover {color: #A3ACAE; text-decoration: underline}

div.footerlinks ul.footerlinks_hovered li {color:#FFF}
div.footerlinks ul.footerlinks_hovered li a {color:#A3ACAE}
div.footerlinks ul.footerlinks_hovered li a:hover {font-weight: normal; color: #DDE4E7; text-decoration: underline}


/* end of import: Footer */

/**********/
/* editor */
/**********/

#editor {  margin: 0px auto; padding: 0 30px 20px 30px; color: #444c51; text-align: center; min-width: 950px;}
#editor * {text-align: left}
#editor:after {content: ""; clear:both; display: block;}
#editor a {}
#editor table {border-collapse: collapse; background: #fff; margin: 0px auto 10px 0px; }
#editor table tr.index {background: #272C2E; color: #fff;  white-space: nowrap;}
#editor table tr { background: transparent;}
#editor table tr.odd { background: #e6e8e5;}

#editor table tr th {text-align: left; padding: 3px 0px 2px 5px; margin-right: 1px; vertical-align: top}
#editor table tr td {text-align: left; padding: 3px 0 3px 5px; vertical-align: top}
#editor table tr td a {color: #888C8E; font-weight: bold; text-decoration: none; }
#editor table tr td a:hover {color: #444C51; font-weight: bold; text-decoration: none;}
#editor table tr td a.delete:hover {border:none!important}
#editor table tr td input {border: 1px solid #888C8E }
#editor table tr td input.checkbox {border: none}
#editor table tr td input#remaininglength {clear: left}
#editor table tr td { padding-left: 5px;}
#editor table.list { border: none}
#editor table.list tr:hover {background: rgb(147,179, 199); color: #ffffff; cursor: default}
#editor table.list tr:hover a {color: #fff}
#editor table.list tr.index:hover {background: #272C2e; color: #fff; cursor: default;}

/* Collections */
ol#activeList {clear: left; margin: 10px 20px; padding: 0; list-style-position: outside; width: 549px;} 
ol#activeList li {height: 70px; padding: 5px 2px 0 5px; font-size: 16px;}
ol#activeList.manual li {cursor:move; width: 600px; clear: left;}
ol#activeList li span {display: block; float: left; height: 50px; font-size: 12px;}
ol#activeList li span strong {width: 450px; overflow: hidden; display: block}
ol#activeList li span.thumb {display: block; float: left; height: 50px; width: 50px;}
ol#activeList li.odd {background: #eee}

ol#activeList .editList {float: right; width:50px;}
ol#activeList .editList a {display: block; width: 16px; height: 16px; padding: 2px; float: left; }
ol#activeList .editList a.down {background: transparent url(/static/2/images/icons/control_down.png) no-repeat left top}
ol#activeList .editList a.down:hover {background: transparent url(/static/2/images/icons/control_down.png) left bottom; cursor: pointer}

ol#activeList .editList a.delete {background: transparent url(/static/2/images/icons/control_delete.png) no-repeat left top}

ol#activeList .editList a.delete:hover {background: transparent url(/static/2/images/icons/control_delete.png) no-repeat left bottom; cursor: pointer }

ul#pendingList {clear: left; margin: 10px 20px; padding: 0; list-style:none; width: 549px;} 
ul#pendingList li {height: 70px; padding: 5px 2px 0 5px; font-size: 16px; width:600px;}
ul#pendingList li span {display: block; float: left; height: 50px; font-size: 12px;}
ul#pendingList li span.thumb {display: block; float: left; height: 50px; width: 50px;}
ul#pendingList li.odd {background: #eee}

ul#pendingList .editList {float: right; width:50px;}
ul#pendingList .editList a {display: block; width: 16px; height: 16px; padding: 2px; float: left; }
ul#pendingList .editList a.up {background: transparent url(/static/2/images/icons/control_up.png) no-repeat left top}
ul#pendingList .editList a.up:hover {background: transparent url(/static/2/images/icons/control_up.png) left bottom; cursor: pointer}

ul#pendingList .editList a.delete {background: transparent url(/static/2/images/icons/control_delete.png) no-repeat left top}

ul#pendingList .editList a.delete:hover {background: transparent url(/static/2/images/icons/control_delete.png) no-repeat left bottom; cursor: pointer}

div.dropmarker {
  height:0px;
  width:600px;
  background: #999;
  margin-top:-1px;
  margin-left: 0px;
  z-index:1000;
  overflow: hidden;
  opacity: 0.6;
  border: 2px dotted #000
 }

 

#editor table.collection { width: 600px;}
#editor table.collection a:hover {border-bottom: 0; text-decoration: underline;}
#editor table.collection td.position { width: 24px}
#editor table.collection td.position input {margin: 0;}
#editor table.collection td.thumb { width: 65px;}
#editor table.collection td.thumb a img { border: 1px solid #fff !important; margin: 2px !important;}
#editor table.collection td.thumb a:hover img {border: double #fff !important; margin: 0px !important; border:1px solid #fff; margin: 2px}
#editor table.collection td.ext { width: 58px;}
#editor table.collection td.user {width: 130px;}
#editor table.collection td.title {width: 200px; overflow: hidden; word-wrap: break-word}
#editor table.collection td.hits {width: 43px;}
#editor table.collection td.rating {width: 64px;}
#editor table.collection td.uploaded {width: 100px;}



#editor table.collection td a.up:hover   {background: transparent url(/static/2/images/icons/control_up.png) left bottom}
#editor table.collection td a.down:hover {background: transparent url(/static/2/images/icons/control_down.png) left bottom}



#page-header { padding: 10px 0 10px 0; margin-bottom: 10px; position: relative; border-bottom: 1px solid #dde4e7} 

#page-header h2 { margin-bottom: 5px; color : red }


/************************/
/* search / filter box */
/************************/

/*
span.label {float: left; clear: left; width: 70px; font-weight:bold; padding-top: 10px; }
*/

#controls { padding: 0; background: #fff; margin: 0; }
#controls:after {content: ""; display: block; clear: left;}
#controls h1 {font-size: inherit; background: #fff; padding: 5px; border-bottom: 1px solid #d4d5d6; margin: 0 0 4px 0; font-weight: bold; text-transform: uppercase;}
#controls a {text-decoration: none}
#controls form {padding: 0; margin: 0 10px 0 0; border: 0; float: left; }
#controls fieldset {border: 0; border-bottom: 1px solid #dcded3; padding: 0 0 5px 0; margin: 0;}
#controls fieldset:after {content: ""; clear: left; display:block;}
#controls fieldset label {color: #444C51; }
#controls select {border: 1px solid #888C8E; font-size: 10px; color: #444C51; }
#controls fieldset select option {font-size: inherit;}

input.btn_ok {height: 17px; width: 25px; margin: 2px 5px -1px px; border: 0; background: #444c51 url('/static/2/images/btn_ok.png') no-repeat center center; color: #fff; float: left; }

.btn { background: #fff; display: block; float: left; padding: 4px 5px 1px 26px; border: 1px solid #efefef; border-right: 1px solid #eee; border-bottom: 1px solid #eee; margin: 3px 1px; color: #444C51; text-decoration: none;}
.btn:hover {color: #000; border: 1px solid #fff; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.btn:active {border: 1px solid #efefef; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}

.btn.left {padding-left: 25px;}

#view_options {}
#view_options a.icon {display:block; float:left; height:24px;}
#view_options span {display: block; height: 16px; float: left; padding: 5px 4px 4px 0; margin-left: 0px;}
#pager { margin: 0 0 0 190px !important; margin: 0; padding: 10px 3px; width: auto !important; width: 95%; } 
#pager a {display: inline; padding: 3px 5px !important; border: none; float: none; background: transparent}
#pager a:hover {background: #DDE4E7; border: none; }
#pager a.selected {background:#444C51;

color:white;
font-weight:bold;
}


#actions {float: left; width: 200px}
#actions form {clear: left}
#actions span {clear: left}
#actions fieldset { margin: 0 0 4px 0; padding: 3px 0 6px 2px}

#controls .status {padding: 5px 0 0 0; clear: left}
#controls .status .Unmoderated {color: #444C51}
#controls .status .Approved {color: green}
#controls .status .Denied {color: red}

#settings label { float: left;}
#settings #limitLengthValue {float: left}

#buttonlist {height: 20px; width: 200px;}

/* sabretooth: server-side import: Buttons */

.blog_this   {background: #fff url('/static/2/images/icons/blog.png') no-repeat left center}
.dl_original {background: #fff url('/static/2/images/icons/dl_original.png') no-repeat left center}
.rotate_img  {background: #fff url('/static/2/images/icons/rotate_img.png') no-repeat }
.embed_options {background: #fff url('/static/2/images/icons/page_white_code.png')  no-repeat left center}
.slideshow   {background: #fff url('/static/2/images/icons/slideshow.png')  no-repeat}
a.slideshow {background-position: left center; padding-left: 25px;}
.blog     { background: #fff url('/static/2/images/icons/template_add.png') no-repeat 2px center; }
.save     { background: #fff url('/static/2/images/icons/save.png') no-repeat left center  }
.approve  { background: #fff url('/static/2/images/icons/accept.png') no-repeat left center }
.cancel   { background: #fff url('/static/2/images/icons/deny.png') no-repeat left center }
.delete   { background: url('/static/2/images/icons/control_delete.png') no-repeat left top}
.delete:hover {background-position: left -20px}
.deny     { background: #fff url('/static/2/images/icons/deny.png') no-repeat left center; }
.collection_add { background: #fff url('/static/2/images/icons/collection.png') no-repeat left 2px; }
.channel_add { background: #fff url('/static/2/images/icons/channel_add.png') no-repeat left 2px; }
.next     { background: #fff url('/static/2/images/icons/next.png') no-repeat right center;float:left; padding: 2px 20px 2px 2px; }
.prev     { background: #fff url('/static/2/images/icons/prev.png') no-repeat left center; }
.movedown { background: #fff url('/static/2/images/icons/down.png') no-repeat 5px 2px;text-align: right; padding-left: 22px;}
.moveup   { background: #fff url('/static/2/images/icons/up.png') no-repeat 2px 2px;text-align:left; padding-left: 22px }
.publish  { background: #fff url('/static/2/images/icons/disk.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.backup   { background: #fff url('/static/2/images/icons/backup.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.apptemplate_add  { background: #fff url('/static/2/images/icons/apptemplate_add.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.css_add  { background: #fff url('/static/2/images/icons/css_add.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.email_add{ background: #fff url('/static/2/images/icons/email_add.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.template_add{ background: #fff url('/static/2/images/icons/template_add.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.revert   { background: #fff url('/static/2/images/icons/undo.png') no-repeat 2px center; text-align:right; padding-left: 25px}

.email_send {background: #fff url('/static/2/images/icons/email.png') no-repeat 2px center; text-align:right; padding-left: 25px}
.event_add {background: url('/static/2/images/icons/event_add.png') no-repeat left center}
.select_file {background: url('/static/2/images/icons/folder_picture.png') no-repeat left center}
.select_all {background: #fff url('/static/2/images/icons/wand.png') no-repeat left center; padding-left: 25px;}
.selected { background: #444C51; color: white; font-weight: bold; border: 1px solid white;}
.selected:hover {color: white; border: 1px solid white; cursor: default}
.view_icons {background: url('/static/2/images/icons/view_icons.png') no-repeat left center}
.view_list  {background: url('/static/2/images/icons/view_list.png') no-repeat left center}
.upload     {background: url('/static/2/images/icons/server_go.png') no-repeat left center}
.user       {background: url('/static/2/images/icons/vcard_add.png') no-repeat}
.closeFeedback {background: url('/static/2/images/icons/close_feedback.gif') center center no-repeat; width: 16px; height: 16px; float: right;}

#page-header .btn {margin:0pt 0pt 3px; padding:5px 3px 0px 24px;}
.mediaDetailEditor .btn {
background-position:3px center;
height:26px;
width:75px;
}
input.comment  { background: #fff url('/static/2/images/icons/comments.png') no-repeat 2px center;}

.feed_add { background: url('/static/2/images/icons/feed_add.png') no-repeat left center}
.import { background: url('/static/2/images/icons/page_white_go.png') no-repeat left center}
.csv_export { background: url('/static/2/images/icons/csv_export.png') no-repeat left center}
/* end of import: Buttons */




input.btn_go {width: 25px; height: 17px; margin: 2px 0 0 0; border: 0; background: #444c51 url(/static/2/images/btn_go.png) no-repeat center center; color: #fff; }

#massTag {float: left; display: block; }

fieldset#search {margin: 0 0 15px 0; padding: 0 0 0px 0; border: 0; }
fieldset#search form {margin: 0; padding: 0; position: relative}
/*fieldset#search input {width: 141px; height: 15px; margin-right: 3px; text-indent: 3px; border: 1px solid #888C8E; color: #888C8E; float: left; font-size: 11px;}/*
fieldset#search input.btn_go {width: 25px; height: 18px; border: 0; }
fieldset#search label {float: left; height: 14px; margin: 2px 5px 0 0; color: #242526}
fieldset#search select {color: #888C8E; height: 17px; border: 0; border: 1px solid #888C8E;  margin-right: 5px; float: left;}
fieldset#search input#showinactive {width: 16px}
fieldset#search button span {display: none;}





/**************************************************************************/
/*  Media Actions Panel -  the one in the bottom of the page              */
/**************************************************************************/


#mediaActions_bg {position: absolute; bottom: 0px; left: 0px; right: 0px; height: 218px; width: 100%;  background:#ffffff; position: fixed; z-index: 100; padding: 0; margin: 0;}


#mediaActions {position: absolute; bottom: 0px; left: 0px; right: 0px; height: 218px; width: 100%; color: #888C8E; color: #888C8E; position: fixed; z-index:110; background: #fff}
#mediaActions a {text-decoration: none; color: #888C8E;}
#mediaActions a:hover {color: #444C51; border-bottom: 1px dotted #ffffff}

#mediaActions h1 {padding: 1px 0 0px 10px; margin: 0 0 20px 0; position: relative; background: url('/static/2/images/mediaActions_bg.png') repeat-x left bottom; font-size: 12px; height: 19px; color: #fff}
#mediaActions h1 img.icon {margin: 0 5px 0 40px }
#mediaActions h1 a#close_btn {z-index: 1000; display: block; position: relative; left: 0px; top: 0px; text-decoration: none; text-align:left;  font-size: 10px; font-weight: bold; text-decoration: none; color: #e1e1e1; height: 19px; background: url('/static/2/images/close_btn.gif') no-repeat center top }
#mediaActions h1 a#close_btn:hover {border-bottom: 0; background: url('/static/2/images/close_btn.gif') no-repeat center bottom}



#mediaActions #actions {border: 1px solid #000; height: 170px; margin: 5px 10px;}
#mediaActions #meta {float: left; margin: 0; padding: 0; width: 100%}
#mediaActions #meta p {margin: 0 0 10px 0;}

#mediaActions #thumb_link {float: left; padding: 10px; margin: 0px 30px ; width: 178px; height: 134px; border: 1px solid #999; background: #eee; text-align: center}
#mediaActions #thumb_link img {border: 1px solid #ccc}


#mediaActions #avatarBox {float: left; width: 85px; height: 85px; border: 1px solid #888C8E; margin: 10px 0 10px 10px}
#mediaActions table { float: left; margin: 2px 12px; border-collapse: collapse; color: #242526; background: #ffffff; border: 0px;}
#mediaActions table td, #mediaActions table th {text-align: left; padding: 2px 3px; border-top: 1px dotted #ddd; vertical-align: top;}
#mediaActions table tr td:first-child {} 
#mediaActions table tr:hover { color: #000; cursor: default;}

#plank { background: #fff}
#plank.open {display: block;}
#plank.closed {display: none;}


/*********************************************************/
/* Channels     & Collections                            */
/*********************************************************/

.channelContainer { width: 800px;}

#channeldata {margin: 0 0 0 200px}

#channeldata table {width: 700px }

#collectionData table {width: 700px}

.sidePanel {
  background-color: gray;
  float: right;
}

.c_itemthumb {width: 180px; height: 60px; border: 1px solid #aaa; padding: 5px; float: left; margin: 10px;}
.c_itemthumb img  {float: left; margin: 5px;}
.c_itemthumb span {float: left; display: block; width: 100px; padding: 5px; overflow: hidden}


#collectionFileList {float: left; width: 700px; margin-left: 20px}
#collectionFileList table {clear: left; width: 100%;}
#collectionFileList table a {line-height: 0;} 
#collectionFileList div#activeFiles { /*width: 600px; */}
#collectionFileList div#pendingFiles {width: 600px;}
#collectionFileList div#savedSearchTools {width: 600px; float: left;}
#collectionFileList a {text-decoration: none; }
#collectionFileList h1 {width: 600px; margin: 10px 0}
#collectionFileList .widgets {float: right; height: 300px; width: 160px; margin: 0 auto; background: #e0e0e0}


#savedSearchTools fieldset input.text {float: left; border: 1px solid #888C8E;  }
#savedSearchTools fieldset select {float: left; border: 1px solid #888C8E; margin-right: 4px; padding: 2px 0 1px; }
#savedSearchTools fieldset button {display: block; float: right; margin: 0 1px; padding: 0;}

.titleEditor { padding: 0px; margin: 10px 0;}
.titleEditor textarea {width: 400px; height: 100px; margin: 0px 0px; padding: 5px; border: 1px solid #444C51; font-family: Lucida Grande, Arial; font-size: 12px;}
.titleEditor input {margin-right: 5px;}
.titleEditor input {display: none}
.titleEditor input.editor {display: block; float: left; margin: 3px 3px 0 0; border: 1px solid #444C51; font-family: Lucida Grande, Arial; font-size: 20px}
.titleEditor .btn {float: none}
.titleEditor .open .btn { float : none}
.titleEditor .open .cancel { float: none}
.titleEditor span { display: block; float: left; width: 150px;}

#titleEdit input.editor {font-size: 20px}

form.titleEditor.open input {}
form.titleEditor .btn {display: block; float: left}

/* sabretooth: server-side import: Members */

/*********************/
/*     members       */ 
/*********************/


#userList { margin: 0 0 0 193px; padding: 0;}
#userList tr {}

/*
#memberDetails {margin: 0px 0 0 200px}
*/

#memberDetails fieldset {width: 350px; float: left; margin: 0 20px 20px 0; border: 0; border-top: 1px solid #000; padding: 0px 0 10px 0; position: relative; background: url('/static/2/images/editor_bg.jpg') repeat-x left 21px}
#memberDetails fieldset h1 {margin: 0 0 10px 0; height: 19px; background: url('/static/2/images/mediaActions_bg.png') repeat-x left top; color: #fff; font-size: 11px; padding: 2px 0 0 5px;}




#memberDetails fieldset label:first-letter{ text-transform:uppercase} 
#memberDetails fieldset input.text {float: left; height: 16px; width: 120px; margin: 0 0 2px 0; border: 1px solid #444C51; color: #444C51}

#memberDetails fieldset input.btn {float: right}
#memberDetails #btn_go{ margin: 10px 0 10px 0px;}


#memberDetails form.userprofile {width: 100%; clear: left}
#memberDetails form.userprofile fieldset {width: 100%}


#memberDetails table td,#memberDetails table th {width: 50%}

ul.users {width: 300px;}
ul.users li.userCard {height: 50px; padding: 5px 0; border-bottom: 1px solid #565D63; list-style-type: none}
ul.users li.userCard .userAvatar {display: block; width: 50px; height: 50px; float: left;}
ul.users li.userCard .userInfo   {display: block; width: 200px; height: 50xp; float: left;}

/* end of import: Members */
/* sabretooth: server-side import: Events */

#eventsList a.deleteEvent {display: block; height: 20px; width: 20px; background: url(/static/2/images/icons/delete.png) no-repeat center center; visibility:hidden}

#eventsList a.deleteEvent:hover {border: none; }

#eventsList table.list {width: 600px;}
/* end of import: Events */
/**************** Comments list *******************************************************/

table #commentsList {display:block; border: none!important}
#commentsList tr { vertical-align: top; }
#commentsList tr:hover,  #commentsList tr.odd:hover{ background: rgb(147,179, 199); cursor: default;}
#commentsList tr:hover a {color: #fff}
#commentsList tr:hover a:hover {text-decoration: underline; border-bottom: none; color: #fff}
#commentsList tr:hover a.btn {color: #444c51}
#commentsList tr:hover a.btn:hover {text-decoration:none} 

#commentsList a img {margin: 4px; border: 1px solid #fff}
#commentsList a:hover img {border: double #fff; margin: 2px;}

#commentsList td.check_it {width: 20px; padding: 0;}
#commentsList td.thumb {width: 65px;}
#commentsList td.username {width: 75px;}
#commentsList td.comment {}
#commentsList td.commenting_user {width: 75px;}
#commentsList td.date {width: 90px;}

#commentEditor { height: 150px; padding: 0px; margin: 10px;}
#commentEditor textarea {width: 400px; height: 100px; margin: 0px 0px; padding: 5px; border: 1px solid #444C51; font-family: Lucida Grande, Arial; font-size: 12px}
#commentEditor input {margin-right: 5px;}
#commentEditor input#remainingLength {clear: left; float: left}
#commentEditor input:first-child {margin-left: 10px; }


/*********************/
/*    tabbed box    */ 
/*********************/

ul.tabSelect { float: left; margin: 0; list-style: none; padding: 10px 0 0 10px; width: 100%; background: #fff url('/static/2/images/tabbedNav_line_dot.gif') left bottom repeat-x;}
ul.tabSelect li {float: left; margin: 0; padding: 0;}
ul.tabSelect li a { float: left; display: block; margin: 0 1px 1px 0; padding: 4px 8px; color: #888C8E; border: 1px solid #c3c8c6; border-bottom: none;  text-decoration: none; font-weight: bold; background: #ffffff }
ul.tabSelect li a:hover {color: #444C51; margin-bottom: 0px; border: 1px solid #888C8E; border-bottom: none; background: #ffffff }
ul.tabSelect li a.active {color: #444C51; padding-top: 4px; margin-bottom: 0px; padding-bottom: 5px; border: 1px solid #888C8E; border-bottom: none; background: #fff url('/static/2/images/editor_bg.jpg') repeat-x left 1px }
ul.tabSelect li img {vertical-align: top}

div.tabBox { clear: left; padding: 20px; width: 660px; border:0; position: relative}

div.tabBox div {display: none; } 
div.tabBox div div {display: block; } 
div.tabBox div.open {display: block; }

.tabBox div.filename {float: left; }
.tabBox div.percHolder {float: right}
.tabBox .percCount {color: #000}

.wizardButtons {
  position: absolute;
  bottom: 30px;
  left: 0px;
  width: 680px;
  padding: 0 10px 5px 10px;
  text-align: right;
  border-top: 1px solid #dcded3;
  padding-top: 5px;
  background: #fff url(/static/2/images/editor_bg.jpg) repeat-y left 1px;

}


#nextBtn {float: right}




/*************************************/
/*   Dashboard                       */
/*************************************/

.box { min-height: 150px; padding: 20px 0 0 0}
.box h1 { color: #272C2f; font-size: 18px; padding: 2px 0 2px 5px;  }
.box p {margin: 10px;}
.box a {}
.box a:hover {text-decoration: underline}
.large {margin-bottom: 10px;}
.small {width: 49%; margin: 0; float: left; }
.left {float: left;}
.right {float: right; }
.isOuter {border: 0; }

.yourstuff {padding: 0 0 0 5px;}
.yourstuff .thumb {margin-right: 5px;}
.yourstuff .viewmore {}

#myBlogsList li {list-style-image: url(/static/2/images/icons/external_link_icon.gif); padding-right: 10px; }

table.gallery {margin: 20px; border-left: 1px solid #444c51}
table.gallery tr td {border-right: 1px solid #444c51; }

/*************************************/
/*    Login                          */
/*************************************/


#loginscreen {border: 1px solid #444C51; width: 550px; height: 200px; margin: 0px auto 20px auto; text-align: left; background: url(/static/2/images/page_bg.png) left -32px repeat-x}
#loginscreen .panel {width: 49%; float: left;}
#loginscreen p {margin: 50px 20px;}
#loginscreen h1 {color: #fff; margin: 0;}
#loginscreen form {margin: 0 20px;}
#loginscreen form label {width: 67px; padding-right: 3px; float: left; clear: left; height:24px; text-align: right}
#loginscreen form label.rightLabel {margin: 10px 0 0 0; float: left; width: 220px; font-size: 90%}
#loginscreen form input {border: 1px solid #eee; border-top: 1px solid #aaa; border-left: 1px solid #ccc;  float: left; width: 120px; font-size: 90%}
#loginscreen fieldset {margin: 1px; padding: 0; background: #565D63 url(/static/2/images/footer_bg.png) repeat-x scroll center 1px; border: 0; height: 198px;}

#loginscreen input.btn {width: 60px; height: 20px; float: left; clear: left; border: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #aaa; color: #000; padding: 3px;}
#loginscreen input.checkbox {width: 16px; height: 16px; float: left; clear: left}
#loginscreen a {float: left; margin: 2px 5px; display: block; color: #fff; text-decoration: none}
#loginscreen a:hover {text-decoration: underline}

#loginscreen .signup {color: #444C51; padding-top: 24px;}
#loginscreen .login {color: #fff}
#loginscreen #forgotpassbox {width: 50% !important; width: 46%; float: right;}
#loginscreen #loginbox {float: right; margin:0; padding: 0; }


/**** Cat. homepages ***************************************************************************************************/

.homepage {width: 800px; margin: 0 auto}
/*
.homepage a.btn {float: left; text-decoration: none; clear: left; display: block; width: 300px; color: #fff; background: #f17121; text-align: center; padding: 0px; margin: 15px 45px; border: 5px solid #f1c0a1}
.homepage a.btn:hover {border-color: #f1a270; }

.homepage a.btn span {background: #f17121; padding: 5px 0; display: block; width: 298px; border: 1px solid #f1a270}
.homepage a.btn:hover span {background: #f17121; border: 1px solid #fff}
*/

.homepage div {}
.homepage .supportingContent {border: 0; background: #fff;}
.homepage .introtext {padding: 20px 0 10px 0; margin: 0 0 10px 0;}
.homepage .introtext p {padding: 20px 0}
.homepage .introtext h1 {margin: 10px 0; }
.homepage .whatsinhere {float: right; width: 350px; height: 320px; border: 1px solid #e3e3e3; background: #efefef}

.homepage .whatsinhere ul {margin: 4px; padding: 0; list-style-type: none;}
.homepage .whatsinhere ul li {margin:0; padding: 0; }
.homepage .whatsinhere ul li a {display: inline; color: #444c51;}
.homepage .whatsinhere ul li a.li {text-decoration: none; background: transparent url(/static/2/images/icons/bullet_go_off.png) no-repeat 10px 12px; color: #000; padding: 10px 0 10px 40px; display: block;}
.homepage .whatsinhere ul li a.li:hover { background: #fefefe url(/static/2/images/icons/bullet_go.png) no-repeat 10px 12px;}
.homepage .whatsinhere ul li span {padding: 0; display: block; color: #667}
.homepage .whatsinhere ul li a.li:hover span {text-decoration: none; color: #000}

.homepage .videocontainer {float: left; width: 420px; height: 320px; }
.homepage .videocontainer img {width: 420px; height: 260px;}
.homepage .blogposts {clear: left; width: 420px; margin: 10px 0 0 0; border: 1px solid #444C51; display: none}
.homepage .blogposts h1 { margin: 2px 10px}
.homepage .blogposts ul {list-style: none} 

.homepage textarea {width: 604px; height: 100px; border: 1px solid #888C8E; font-family: Lucida Grande, Arial, sans-serif; color: #444c51; font-size: 11px; padding; 3px;}

/* sabretooth: server-side import: Sitebuilder */

/**** sitebuilderform **************/

#sitebuildertable {width: 100% !important; width: auto; border-collapse: collapse; border: none; clear: left; margin-top: 10px;}
table#sitebuildertable tr td {background: #eee; border-right: 0px; padding: 2px 10px; }
table#sitebuildertable.list tr td{ color: #444C51; border-bottom: 1px solid #fefefe }
table#sitebuildertable.list tr.odd td {background: #ddd}
table#sitebuildertable.list tr.active td {background: #93B3C7; color: #fff;}
table#sitebuildertable.list tr.active td a {color: #fff}
table#sitebuildertable.list tr:hover td {background: rgb(147,179, 199); color: #fff}
table#sitebuildertable.list tr:hover td a {color: #fff;}
table#sitebuildertable.list tr:hover td a:hover {color: #fff; border-bottom: none!important}


#sitebuilderform textarea {border: 1px solid #ccc; width: 100% !important; width: 500px}

#sitebuilderform label {padding: 5px 0 0 0; text-align: left; font-weight: bold}

#sitebuilderform .fieldedit {width: 100%; border:1px solid #eee; border-bottom: 1px solid #ddd; padding: 3px; background: #eee! important; background: #fcfcfc; font-size: 11px}
#sitebuilderform .fieldedit:focus {border: 1px solid #ccc; background: #fefefe! important}
#sitebuilderform select.fieldedit {padding: 3px 0px auto 0px;}
#sitebuilderform textarea {padding-right: 0; font-family: Monaco, courier, monospace; font-size: 11px}

#sitebuildertable div.translationlist {padding: 10px 0px 0px 0px}
#sitebuildertable div.translationlist select {width: 150px; margin: 0 0 5px 0; border: 1px solid #444C51}
#sitebuildertable div.translationlist select option.selected {background: #444C51; font-weight: normal; border: 0;}
#sitebuildertable div.translationlist textarea {width: 600px; margin: 0 0 30px 0}
#sitebuildertable div.translationlist input {color: #444C51; width: 110px; float: left}
#sitebuildertable div.translationlist input:hover {color: #000; }
#sitebuildertable div.translationlist input.btn.add {width: 35px; font-size: 10px; padding:  1px 2px 2px 2px; margin: 0 0 0 3px}
#sitebuildertable div.translationlist textarea {border: 1px solid #444C51; margin: 0 0 5px 0;}


#sitebuildertable.channeleditor {width: 780px;}
#sitebuildertable.channeleditor td {padding: 3px;} 
#sitebuildertable.channeleditor input {width: 500px;} 
#sitebuildertable.channeleditor textarea {width : 500px; border-width 1px; font-family: Lucida Grande,Arial,sans-serif; font-size: 12px; border: 1px solid #888C8E}

/* Asset Manager */


#assetmanager {}
#assetmanager form {padding: 20px 0}
#assetmanager form fieldset {padding: 0; margin: 0; border: 0;}
#assetmanager #fileUpload {}
#assetmanager #fileUpload #fileSelect {float: left;}
#assetmanager #fileUpload #buttonUpload {float: right}

#assetmanager #fileList { float: left;  width: 49%; clear: left; border: 1px solid #000; height: 398px; overflow-y: scroll; padding: 1px;}

#fileList ul {list-style: none; padding: 0 0 0 10px; border-top: 1px solid #dfdfdf;}
#fileList ul li { border-top: 1px solid #dfdfdf; position: relative; padding: 0px; margin: 0;}
#fileList ul li:first-child {border: none;}
#fileList ul li a.file {color: #333; background: #fdfdfd url('/static/2/icons/page.gif') left center no-repeat; text-decoration: none; display: block; position: relative; margin: 0; padding: 2px 5px 2px 20px;}
#fileList ul li a.dir {background: #fdfdfd url('/static/2/icons/folder.gif') left center no-repeat;}
#fileList ul li a.file:hover {background-color: #ffffff; color: #000}
#fileList ul li a.selected {color: #fff; background-color: #888C8E; font-weight: normal }
#fileList ul li a.selected:hover {color: #fff; background-color: #888C8E; }
#fileList ul li a.deleteFile {display: none; position: absolute; top: 1px; right: 0px; color: red; background: white; width: 20px; text-align: center; text-decoration: none; padding-bottom: 5px;}
#fileList ul li:hover a.deleteFile {display: block}
#fileList ul li a span.filesize {width: 90px; text-align: right; display: block; position: absolute; top: 2px; right: 3px;}

#fileDetails dl {}
#fileDetails dl dt {width: 5em; height: 3em; float: left; clear: left; padding-left: 5px;}
#fileDetails dl dd {display:block; float: left; width: 23em; height: 3em;}
#fileDetails dl dd form {margin: 0; padding: 0;}

#assetmanager #fileDetails{float: right; width: 49%; border: 1px solid #000; min-height: 400px;}


#sitebuildertable.blogmedia textarea {font-family : Lucida Grande,Arial,sans-serif; font-size: 11px; width: 500px;}


td.statusCell {}

td.statusCell a {float: left; display: block; width: 150px;}
td.statusCell form {float: right; width: 20px;}
td.statusCell form.deleteTemplateForm a {background-color: transparent; height: 17px; width: 17px;}
/* end of import: Sitebuilder */

/* sabretooth: server-side import: Blogging */

/* blogsetup */


#blogsetup {background: transparent; position: relative;}
#blogsetup .inputwrap {display: block}
#blogsetup #container {position: relative; left: 0; top: 0;}
#blogsetup img.loader {margin: 30px auto; width: 108px; }
#blogsetup hr {display: block; clear: left; border: 0; margin: 10px 0}
#blogsetup div.tabpage {margin: 20px 10px; border-top: 1px solid #aaa; background: transparent; position: relative}
#blogsetup fieldset {border: 0; padding: 30px 80px; }
#blogsetup fieldset legend {margin: 20px 0 0 0; font-size: large}
#blogsetup fieldset legend span {font-size: inherit}
#blogsetup fieldset input { float: left; clear: left; border: 1px solid #bbb; margin:5px; text-indent: 5px; width: 100%}
#blogsetup fieldset select { float: left; clear: left; border: 1px solid #bbb; padding: 1px; margin: 0 0 5px 0; width: 100%}
#blogsetup fieldset button { display: block;  font-size: large; height: 40px; width: 80px; margin: 0 auto; border: double #999; width: 100px;}
#blogsetup #status p {margin: 30px 80px; font-size: large; text-align: center;}

span.loader {background: url('/static/3/images/loader_bg.gif') repeat-x left top; width: 200px; height: 16px; display: block; margin: 1px auto;
 overflow: hidden;
 padding-top: 5px;
 border-top: 1px solid #999;
 border-right: 1px solid #f6f6f6;
 border-bottom: 1px solid #fcfcfc;
 border-left: 1px solid #ccc;
 font-size: 10px;
 letter-spacing: 0.5px;
 text-align: center
}


#blogsetup div.loaderwrap {padding: 0 0 20px 0; background: transparent;}

#blogsetup div.tabpage {background: #F1F1F1 margin: 0 auto 20px auto; padding: 20px 0 0 0; width: 570px;}
#blogsetup div.tabpage fieldset {padding: 0; margin: 0 auto 40px auto; width: 550px;}
#blogsetup div.tabpage fieldset legend {text-align: center; width: 550px; display: block;  margin: 15px auto;}
#blogsetup div.tabpage select {width: 500px; margin: 0 auto 10px auto; display: block;}
#blogsetup div.tabpage input {width: 500px; padding: 5px 2px; margin: 20px auto 3px auto; display: block; }



/*  Edit Blogs   */

#blogslist {width: 180px; float: left;}
#blogslist ul {width: 180px; padding: 0;  list-style-position: inside}
#blogslist ul a { width: 165px; overflow: hidden;}
#bloginfo {float: left;}
.blogtitles {width: 180px; float: left; } 
.blogtitles ul {font-size: 11px; padding: 0; margin: 0;}  
.blogtitles ul li {padding: 3px 0} 
.blogtitles ul li a {display: block} 
.blogtitles ul li a span {border-bottom: 1px solid #A4AAC5;} 
.blogtitles ul li a:hover span{ border-bottom: 1px solid #F34C20 } 
.bloginfo {width: 380px; float: left;}
.bloginfo label {float: left; clear: left; width: 80px; font-size: 12px; border: 1px solid #fff; padding: 0 0 1px 0; margin: 2px;}  
.bloginfo input {float: left; width: 260px; border: 1px solid #A3ACAE; margin: 2px; text-indent: 4px;}  
.bloginfo select {float: left; width: 262px; height: 16px; margin: 1px 0 0 2px}
.bloginfo button.cancel {float: left; clear: left; margin: 4px 0 0 2px;} 
.bloginfo button.save {float: right; margin: 4px 6px 0 0} 
.bloginfo button#showpass {float: left; margin: 4px} 

#blogedit fieldset {border: none}

#blogposts {}
#headlines {height: 300px; overflow-y: scroll; width: 220px; float: left;}
#blogpreview {height: 300px; width: 500px; float: left; padding: 10px;}

#videowall {}
#videowall h2 {padding: 6px 0 7px 5px; border-top: 2px solid #333; border-bottom: 1px solid #000; margin-bottom: 10px; position: relative}
#videowall .thumb {border:1px solid #fff; float:left; height:50px; margin:0px; padding:10px; width:160px; overflow: hidden}
#videowall .thumb:hover, #videowall .viewing  {background: #f6f6f6; border: 1px solid #ddd;}
#videowall .thumb img {float: left; height: 50px; wdth: 50px; }
#videowall .pager {display: block; float: right; width: 100px; height: 30px; position: absolute; right: 3px; top: 0px;}
#videowall .pager a {border: 1px solid #666; display: block; float: left; margin: 1px; height: 18px; width: 20px; text-decoration: none; text-align: center; padding-top: 1px;}

a#pager_next {position: absolute; right: 1px; top: 4px;} 
a#pager_prev {position: absolute; right: 27px; top: 4px;}

#videodisplay {float: left; width: 480px; height: 360px; background: url(/static/2/images/video_wall_bg.jpg) left top no-repeat}
#videodisplay img {height: 360px;}
p.videodescription {width: 400px; float: left;}
#ad {float: right; width: 300px;}

.videoselect {clear:left; float:left;}
#videowall .thumb p {color:#333333; float:right; height:50px; margin:0px 5px auto auto; overflow:hidden; width:90px;}
#videowall .thumb p a {font-weight: bold; color: #000; text-decoration: none;}
#videowall .thumb p a:hover { text-decoration: underline}

#channellist {width: 230px; float: left; clear: left;}
#channellist ul {margin: 0; padding: 0px; list-style: none}
#channellist ul li {}
#channellist ul li a {padding: 2px; color: #666; text-decoration: none; display: block; border: 1px solid #fff}
#channellist ul li a:hover,  #channellist ul li a.active {color: #000; text-decoration: none; background: #f6f6f6; border: 1px solid #ddd}

#thumbwall {float: left; width: 550px; margin-left: 10px;}

table.blogTable {}
table.blogTable input.text, textarea, select{ width: 400px; border: 1px solid #888C8E; font-size: 12px; font-family: Lucida Grande, Arial, sans-serif; }
table.blogTable textarea {height: 300px}

p.blogMeta {text-align:right; font-size: 90%}
ul.blogHeadlines li {padding: 2px 0}
/* end of import: Blogging */

/* sabretooth: server-side import: About */

/******************/
/*   Contact us   */
/******************/

#contactus {color: #565d63}

#contactus h3 {margin: 10px 0; padding: 0 0 5px 0;}

#contactus form {width: 300px;  font-family:Lucida Grande,Arial,sans-serif;}
#contactus form .textfield {border: 1px solid #EFEFEF; width: 300px; font-size: 11px; color: #444c51; padding: 5px 3px; margin-bottom: 5px;}

#contactus a {font-weight:normal; text-decoration:none; color: #888C8E;}
#contactus a:hover {text-decoration:underline; color: #444c51;}


/* end of import: About */

/* sabretooth: server-side import: Report */

#reportTabs #pager a{
padding: 3px !important;
}

#totalSummaryData th
{
border: 1px solid grey;
text-align: center !important;
}

/* Report divider below filters */
#reportSettings {
  width: 960px;
  height: 125px;
  border-bottom: 1px solid #DDE4E7;
}


/************************/
/* Report type dropdown */
/************************/

.mfReportChannel { height: 18px; }
.mfReportChannelShow { height: 100px;}

#reportTitle {
float: left;
clear: both;
width: 960px;
margin-top:30px;
}

#reportNav {
  width: 140px;
  height: 120px;
  float: left;
}


#vhostName, #startDate, #endDate {
  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
  font-size: inherit;
}


#reportNav select#reportType{
  width: 100px;
  float: left;
  clear: left;
  overflow: hidden;
 height: 18px;
}

.fmDisabled {
  font-size: 12pt;
  color: black;
}


#reportNav select#reportType option {
  padding:6px 3px 4px 25px;
  margin-left: -20px;
  width: 70px;
}

.report_firstColumn a {
margin-left: 0px !important;
}

#reportNav b {
float: left;
}

#reportNav ul{
position:absolute;
top:150px;
left:25px;
}

#reportNav li{

}

/*************/
/* Calendars */
/*************/

#reportsCalendarWrapper{
  width: 260px;
  height: 120px;
  float: left;
  position: relative;
}

#reportsCalendarWrapper form{
margin-top: 0px;
}


#calendarSubmit {
  border-width: 1px;
  height: 20px;
  float: left;
}

#calendarWrapper{

}

#reportStartDate{
  width: 80px;
  border:1px solid #888C8E;
  text-align: center;
  height: 16px;
  float: left;
}


#reportEndDate{
  width: 80px;
  border:1px solid #888C8E;
  text-align: center; 
  height: 16px;
  float: left;
  margin-left: 5px;
}

#reportSummary { 
   padding: 10px 0; 
   margin-top:-20px;
   float: left;
   clear: both;
}

#reportTitle h1 {
font-size: 150%! important;
font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
}
#reportSummary h1 {
font-size: 150%;
font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
}
#reportSummary h1 span{color: #565D63; padding: 5px 2px 0 2px}
#reportSummaryInfo{
margin-left: 50px;
}


#reportStartDate, $reportEndDate, #calendarSubmit {
float: left;
margin-left: 5px;
}

#calendarRange{
}

#calendar ul, #calendar2 ul {
  clear:both;
  float:left;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#calendar li, #calendar2 li {
  float:left;
  height:20px;
  text-align:center;
  width:21px;
}

#calendar h4, #calendar2 h4{
  text-align: center;
  padding: 3px;
}

.calendarRow{
  width: 161px;
  border-right: 1px solid #DDE4E7;
  margin-left: 3px!important;
}

.calendarRow li{
  background-color:#fff;
  border-left:1px solid #DDE4E7;
  text-align:center;
  width: 20px;
}


.calendarRow li a, .calendarRow li span {
  display: block; 
  width: 20px;
  height: 17px;
  float: left;
  text-align: center !important;
  padding-top: 3px;
  background: #fefefe;
  text-decoration: none;
  color: #888C8E !important;
}

.calendarRow li span {color: white !important; background: #444C51; font-weight: bold}

.calendarRow li a:hover {
  
  background: #EFEFEF !important;
  color: #000000 !important;
}

#calendar, #calendar2{
  border: 1px solid #565D63;
}

#calendar2, #calendar {
  margin: 0px;
  float: left;
  z-index: 2000;
}

#calendar{
  position: absolute;
  height: 188px;
  width : 165px;
  top: 50px;
  background: #FFFFFF;
}

#calendar2{
  position: absolute;
  height: 188px;
  width:  165px;
  top: 50px;
  left: 100px;
  background: #FFFFFF;
}

li#month {
  float: left;
  clear: both;
  width: 150px;
  display: block;
}


#paging {

}

#channelsDropdown{
  width: 150px;
  float: left; 
  height: 120px;
}

#fileFilters {
  width: 400px;
  height: 120px;
  float: left;
}

#fileFilters ul {
  float: right;
  width: 150px; 
  margin: 0 auto;
  list-style-type: none;
}

#fileFilters ul li {
  display: block;
  height: 18px;
  padding-bottom:5px;
}

#fileFilters ul li.first {
  height: 22px;
}

#fileFilters ul li input {
  display: block;
  float: left;
}
#fileFilters ul li label{
  display:block;
  float:right;
  padding:3px;
  width:120px;
}

#pageSize {
  width: 180px;
  padding: 8px 0;
  position:absolute;
  top:-31px;
  left: 325px;
}

#reportCsvForm{
  width: 70px;
  position: absolute;
  left: 250px;
  top: -30px;
}

#reportCsvForm input {
  width: 70px !important;
}

.arrowPrev {
  float:left;
  margin-top:-3px;
  margin-left:4px;
  text-decoration: none;
}

.arrowNext {
  float:right;
  margin:0px;
  margin-top:-18px;
  text-decoration: none;
}

#reportTable a {
  color:white;
  text-decoration: none;
}

#reportTable th a {
  margin-left: -15px;
}

.reportSorted {
font-size:14px;
}

.reportSorted span {
font-weight: bold;
}

#reportTable{
  overflow-x:auto;
  width:960px;
  clear:left;

 min-height:350px;
  height:auto !important;
  height:350px;

}

#reportTable table#report tr td span {
  height: 1.3em;
  overflow: hidden;
  display: block;
  width: 100px;
}

#reportTable table#report tr .report_data_mediagallery_id {   width: 60px;}
#reportTable table#report tr .report_filetype shown {   width: 60px;}
#reportTable table#report tr .report_sends shown {   width: 60px;}

#channelOptions b{
  float: left;
}

#channelOptions select {
}

#channelOptions span {
position: absolute;
z-index: 1000;
}

#reportTabs{
  float: left;
  clear: both;
}

#reportTabs ul.tabSelect {
  width: 960px;
}

#reportTabs div.tabBox {
  padding: 0;
  width: 960px;
}

#reportTabs #pager {
  margin: 0 !important;
  position: absolute;
  right: 0px;
  top: -30px;
  width: 300px;
}

#reportSummarize{
  position: absolute;
  left: 800px;
  top: -22px;
}

#reportSummarize a {
  padding:0 10px 6px;
  text-decoration: none;
  font-weight: normal;
  color: #888C8E;
  background: url(/static/2/images/inactive_link.gif) center bottom no-repeat;
}

#reportSummarize a.active {
  color: #272c2e;
  background: url(/static/2/images/active_link.gif) center bottom no-repeat;
}

#graph {
  width: 960px;
}


#reportData {
  clear: left;
  margin-top: 80px;
}

#reportData table{
  width: 960px !important;
}

#reportDataWrapper{
  float: right;
  margin: 0px;
  width: 960px;
  margin-bottom: 50px;
}

#reportDataWrapper p{
  float: left;
  margin-left: 70px;
}

.reportDataEven{
  background-color:#DDDDDD;
}

#reportData td, #reportData b{
  font-size: 13pt;
}

#reportData a{ font-size: 13pt; }
#reportData p{font-size: 13pt;}
#reportData th{font-size: 13pt;}

#reportForm input{float: left;}
#reportForm{float: left; margin: -15px 0 0 0;}
#reportForm ul{float: left; margin-top: 50px; }

#reportSummary ul{list-style-type: none;}

#reportSummary .col1{
  position:absolute;
  right:150px;
  top:80px;
}

#reportForm li{
  margin-top: 10px;
}

#reportSummary .col2{
  position:absolute;
  right:70px;
  top:95px;
}

#reportForm #channel{
  float: left;
}

#table {}

div#reportTable {
   position: relative; 
   top: 10px;
   margin-bottom: 20px;
}

div#tableColumnSelect {
   position:absolute;
   left: 0px;
   top: 10px;
   z-index: 3000;
}

#tableColumnSelect a {display: block; margin: 2px 3px 0 2px; height: 14px}

#tableColumnSelect ol { padding: 10px 5px; margin: 0 0 0 4px; list-style:none; background: #FFFFFF; border: 1px solid #565D63; color: #272C2E }


/*******************/
/*   table colums  */
/*******************/

table#report th {padding-left: 20px!important}

table#report th.hidden, table#report td.hidden {
display:none;
} 

/*
table#report .Username {display:none}
table#report .Active {display:none}
table#report .FirstName {}
table#report .LastName {}
table#report .Email {}
table#report .Address1 {display:none}
table#report .Address2 {display:none}
table#report .City {}
table#report .PostalCode {display:none}
table#report .Country {display:none}
table#report .Phone {display:none}
table#report .CellPhone {display:none}
table#report .Gender {display:none}
table#report .DateOfBirth {display:none}
table#report .WebSite {display:none}
table#report .Occupation {display:none}
table#report .MSN {display:none}
table#report .Yahoo {display:none}
table#report .AIM {display:none}
table#report .Jabber {display:none}
table#report .MetaData {display:none}
*/
/* end of import: Report */

/* sabretooth: server-side import: Admin */

/*************************/
/*  NEW PROJECT  STYLES  */
/*************************/

form.vhostManager {}
form.vhostManager fieldset { border: none}
form.vhostManager fieldset legend {color: #202020; font-size: 110%}
form.vhostManager fieldset label {display: block; width: 100%; font-size: 100%;}
form.vhostManager fieldset input {display: block; width: 300px; padding: 2px; margin: 2px 0 0px 0; border: 1px solid #444C51; color: #444C51}
form.vhostManager fieldset input.required {}
form.vhostManager fieldset input.checkbox {width: 14px; height: 14px;}
form.vhostManager fieldset select {display: block; width: 300px; margin: 2px 0 0px 0;}
form.vhostManager fieldset select option {paddding: 2px}

/*************************/
/* ACCESS CONTROL STYLES */
/*************************/

div.acl-list {width: 220px; padding: 0 10px; min-height: 400px; float: left; border-right: 1px solid #767A7B} 

div.acl-list h4 {}

div.acl-list div.permissionswrap {position:relative}
div.acl-list ul {margin: 0; padding: 0;}
div.acl-list ul li {list-style: none}
div.acl-list ul li a {text-decoration: none; display: block; padding-left: 3px;}


div.acl-list ul li.last { border-top: 1px double #40484B;}

ul.acl-list ul li input {border-width: 1px; padding: 2px;}
ul li.active {}
ul li.active a {color: #000; font-weight: bold}
ul li.active a:hover {color: #000; font-weight: bold}

div.acl-list ul li label a {display: inline}

/* ul.permissionsGroup {position: absolute; left: 200px; top: 0px;} */
/* end of import: Admin */

/* sabretooth: server-side import: Uploader */

ul#htmlUpload {
    float:left;
    margin:5px 5px 5px 0pt;
    min-height:24px;
    padding:0px 5px 24px 0pt;
    width:300px;
} 

ul#htmlUpload li {list-style: none; display: block; clear: both; margin: 2px 0; padding: 2px 0;}

ul#htmlUpload li input.file {display: block; float: left; width: 150px;} 

ul#htmlUpload li button.addFileField {display: block; float: left; height: 20px; width:20px; margin-right: 10px; background: transparent url('/static/2/images/icons/add.png') center center no-repeat; border: none;}  

ul#htmlUpload li button.removeFileField {display: block; float: right; height: 20px; width:20px; background: transparent url('/static/2/images/icons/delete.png') center center no-repeat; border: none;} 

td.uploadForm {width: 50%; border:1px solid #888C8E;
}

#uploadStatus {
  border:1px solid #DDDDDD;
  float:right;
  margin:10px;
  padding:0px 5px 5px;
  width:315px;
}



div.queuedUploadItem{
  background:#EFEFEF!important;
  border-bottom:1px solid #DDDDDD;
  clear:left;
  color:#4F575B;
  height:14px;
  margin:5px 0px 0px;
  overflow:hidden;
  padding:4px 0px 4px 5px;
  position:relative;
  width:310px;
}

#uploadStatus {padding: 10px; width: 315px; float: right; }
#uploadStatus:after {content: ""; clear: both; display: block}

#uploadMetaData { width: 300px; float: left; padding: 10px;}
#uploadMetaData fieldset {border: 0;}
#uploadMetaData fieldset label {clear: left; float: left;  width: 80px; }
#uploadMetaData fieldset input.btn {float: right}
#uploadMetaData fieldset select {width: 186px}
#uploadMetaData fieldset input.text {border: 1px solid #888C8E; margin: 0 0 10px 0; padding: 3px; width: 186px;}

div.queuedUploadItem {
  color: #4f575b; 
  width: 310px; 
  height: 16px; 
  position: relative; 
  overflow: hidden; 
  padding: 4px 5px;  
  clear: left;}

div.queuedUploadItem img.progressBar {
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: -100; 
  background:transparent url(/static/3/images/loader_bg.gif) repeat-x scroll left top;
  border-right: 1px solid #aaa;
}


#uploadMetaData {
  float:left;
  padding:10px 6px;
  width:300px;
}
/* end of import: Uploader */

/* sabretooth: server-side import: Widgetfactory */

#widgetHeaderLabel, #widgetEmbedLabel {
float:left;
margin-left:30px;
margin-top:20px;
}

.embedCase {
float: left;
}


#widgetEditor {text-align:center;}

#widgetEditor #sitebuildertable { margin: 0px auto}

#widgetEditor form { margin: 0 auto 20px auto; text-align: left}
#widgetEditor hr {border: none; border-top: 1px solid #C3C8C6; margin: 5px 0 20px 0; clear: left;}
#widgetEditor p {margin: 10px 0; padding: 5px 0}

#widgetEditor  { margin: 0 0 20px 0; background: #FFFFFF; border: 0; border-bottom: 1px solid #272C2E; }

#widgetEditor .open {min-height: 200px}
#widgetEditor .open * {display:block;}
#widgetEditor  legend {display: block; margin: 0; padding: 0 0 0 20px; font-size: 120%; cursor: pointer} 

#widgetEditor  label {float: left; clear: left; text-align: right; height: 20px; width: 155px; margin: 10px 5px 0 0; padding: 3px 0 0 0}

#widgetEditor input.textfield {float: left; width: 250px; border: 1px solid #565D63; margin: 10px 0 0 0}
#widgetEditor input.checkbox  {float: left; width: 12px; margin: 10px 0 0 0} 
#widgetEditor input.button {border-width: 1px !important}
#widgetEditor select {float: left; width: 258px; border: 1px solid #565D63; margin: 10px 0 0 0}
#widgetEditor textarea  {float: left; width: 250px; border: 1px solid #565D63; margin: 10px 0 0 0}

#widgetEditor input, #widgetEditor textarea, #widgetEditor select {padding: 3px;}

form.newWidgetForm {padding:10px 15px;}
form.newWidgetForm label { width: 100px;}
form.newWidgetForm input.textfield { width: 150px; border:1px solid #888C8E; font-family:Lucida Grande,Arial,sans-serif; font-size:12px; margin-bottom: 4px;}
form.newWidgetForm select          { width: 152px; border:1px solid #888C8E; font-family:Lucida Grande,Arial,sans-serif; font-size:12px; margin-bottom: 4px;}
form.newWidgetForm label { display:block; float:left; width:130px; }

#widgetEditor a.delete {
  margin: 0;
  padding: 0;
  text-decoration: none;
  display:block;
  width: 18px;
  height: 20px;
  background: transparent url(/static/2/images/icons/control_delete.png) no-repeat scroll left top
}

#widgetEditor a.delete:hover {  border: none !important; background: transparent url(/static/2/images/icons/control_delete.png) no-repeat scroll left bottom}

/* sliders */

div.track { }

div.slider {}


/* end of import: Widgetfactory */

/* sabretooth: server-side import: colorsphere */

#everything {
margin:0pt auto;
padding-bottom:25px;
text-align:left;
width:770px;
}
#colorspy {
background:#FBFBFB none repeat scroll 0%;
border:2px solid #EEEEEE;
color:#555555;
font-size:16px;
margin:0pt 0pt 7px;
padding:7px 0pt 20px 20px;
text-align:left;
}
#colorspy a {
color:#E04F92;
}
#colorspy legend {
color:#BBBBBB;
font-size:17px;
padding:0pt;
}
.botLine {
border-top:1px solid #EEEEEE;
color:#999999;
margin-top:9px;
padding-top:9px;
width:370px;
}
.botLine a {
color:#E04F92;
}
.botLine a:hover {
color:#F360BB;
}
#mini {
background:#000000 none repeat scroll 0%;
border:1px solid #111111;
color:#999999;
cursor:move;
font-family:arial,helvetica,san-serif;
font-size:11px;
height:155px;
padding-bottom:8px;
position:absolute;
width:148px;
z-index:100;
}
#mini div {
margin:0pt;
padding:0pt;
}
#mini .north {
background:#111111 none repeat scroll 0%;
border-bottom:1px solid #171717;
}
#mini .north div {
-moz-user-select:none;
color:#999999;
cursor:pointer;
float:right;
padding:5px 7px;
}
#mini .north div:hover {
color:#DE83AD;
}
#mini .south {
-moz-user-select:none;
cursor:crosshair;
margin:32px 0pt 0pt 10px;
}
#mini .south div {
background:transparent url(http://www.colorjack.com/software/media/miniCurr.gif) no-repeat scroll 0%;
height:9px;
position:absolute;
width:9px;
z-index:101;
}
#mini .south img {
height:100%;
left:-1px;
position:relative;
top:-8px;
width:100%;
}
#mini #mHEX {
cursor:text;
float:left;
padding:5px 0pt 4px 7px;
}
#mini #mHEX:hover {
color:#DE83AD;
}
#mini #mSize {
cursor:se-resize;
float:right;
height:14px;
left:7px;
top:-14px;
width:14px;
}
/* end of import: colorsphere */

/* sabretooth: server-side import: Media */

/* MediaOverview and MediaDetail styles */

/*********************************************************/
/* - Media overview  -  displaying (max of) files        */
/*********************************************************/

#mediaList {padding: 0px 10px 50px 5px; margin: 0 0 0 185px;}
#mediaList:after {content: ""; display: block; clear: both;}

div.mediaPreview {width: 57px; height: 57px; text-align: center; float: left; margin: 5px 4px 0 0;  position: relative; /* background: #fff url(/static/2/images/thumb_frame.gif) left top no-repeat */}

/*
div.mediaPreview:hover {background: #fff url(/static/2/images/thumb_frame.gif) left top no-repeat}
*/

div.mediaPreview a {margin: 0px; display: block; }
div.mediaPreview img.thumb { width: 50px; height: 50px; margin: 3px; position: relative;}

div.mediaPreview .meta {position: absolute; top: 32px; left: -45px; z-index: 5000; background: transparent url(/static/2/images/mediaPreview_meta.gif) repeat-x scroll left top}

div.mediaPreview .meta ul {margin: 17px 0; padding: 3px; background: #fff; border: 1px solid #272c2e; width: 140px; border-top: none;}

div.mediaPreview .meta ul li {background: #fff; border-bottom: 1px solid ##E4E4E4; padding: 3px; list-style-position: inside}

div.mediaPreview .meta ul li.title      {border-bottom: 1px solid #9A9A9A; list-style: none; }
div.mediaPreview .meta ul li.user       {list-style-image: url(/static/2/images/icons/user.png);}
div.mediaPreview .meta ul li.moderation {list-style-image: url(/static/2/images/icons/shield.png);}
div.mediaPreview .meta ul li.created    {list-style-image: url(/static/2/images/icons/upload.png);}
div.mediaPreview .meta ul li.link       {list-style-image: url(/static/2/images/icons/page_white_go.png);}


div.mediaPreview .meta ul li a {display: inline}


div.mediaPreview .meta p {float: left; display: inline; font-size: 85%; margin: 0px !important; text-align: left; white-space: normal; width: 51px !important; overflow: hidden; height: 1.1em; padding: 3px 2px 2px 3px; margin: -4px 0px 0pt 0pt !important; margin: 0; width: 56px; text-align: center}

div.mediaPreview.highlighted {background: #fff url(/static/2/images/thumb_frame_highlighted.gif) left top no-repeat}
div.mediaPreview.highlighted .meta p{  border:0; padding: 3px 2px 2px 3px; margin: -4px 0px 0pt 0pt !important; margin: 0; }

table.mediaList {width: 600px;}
table.mediaList td, table.mediaList th {display: block; float: left; overflow: hidden; white-space: nowrap;}
table.mediaList .filename {width: 100px;}
table.mediaList .filetype {width: 70px; }
table.mediaList .extension {width: 30px;}
table.mediaList .username {width: 80px;}
table.mediaList .title {width: 120px;}
table.mediaList .views {width: 30px; text-align: right}
table.mediaList .status {width: 50px;}
table.mediaList .rating { width: 60px; }
table.mediaList .uploaded {width: 94px;}
table.mediaList .tags { width: 80px}


div.tagCloud { text-align :center; padding: 0 100px; font-size: smaller; }
div.tagCloud a { text-decoration: none; color: #111 }
div.tagCloud a:hover { color: #333 }

/**************************************************************************/
/*  Media Detail Page - displaying media files and attached info */
/**************************************************************************/

#mediaDetails {padding: 0px; margin:0;}
#mediaDetails .toolbar .addto { float: left; }

#mediaDetail {float: left; text-align: left; padding: 0px; margin:0px 0; display: block; width: 560px;}
#mediaDetail h1 {text-align: left; padding: 10px 5px; border: 1px solid #888C8E}
#mediaDetail .mediaContainer { margin: 0px auto;  text-align: center;}
#mediaDetail .mediaContainer img {margin: 0px auto; border: 1px solid #999; line-height: 0; background: #fff;}
#mediaDetail .mediaContainer h3 {text-align: left; padding: 0 0 0 10px;}
#mediaDetail #mediaMessage {text-align: left; padding: 10px 5px; border: 10px solid #ecede8}
#mediaDetail #mediaMessage h2 {margin: 2px 0 0 10px; padding: 0px; font-size: 95%}
#mediaDetail #mediaMessage p {margin: 0 0 10px 10px}

div.prevnext {padding: 3px; background:#FFFFFF; width:164px; margin-bottom: 10px;}
div.prevnext a {display: block; float: left; height: 66px; width: 75px; padding: 2px; }

div.prevnext img { float: left; height: 50px; width: 50px; border: 1px solid #000;}
div.prevnext a.nextimg {float: right}
div.prevnext a.nextimg img {float: right}
div.prevnext img.arrowprev {float: left; width: 40px; height: 16px; margin: 0 auto; border: 0;}
div.prevnext img.arrownext {float:right; width: 40px; height: 16px; margin: 0 auto; border: 0;}

/*** media meta info in the right hand side **************************************/

#metaDetail {float: left; margin: 0px 0px 0 10px!important; margin-left: 0;width: 170px; font-size: 14px; padding: 0 10px !important; padding: 0; background: #ffffff}
#metaDetail #user {padding: 0 3px; height: 52px; line-height: 0; background: #fefefe; overflow: hidden}
#metaDetail #user img {width: 50px; border: 1px solid #000; width: 50px; height: 50px; display: block; float: left; }
#metaDetail #user p {line-height: 140%; float:left; width: 100px;}
#metaDetail #user p.username { color: #242526; font-weight: bold; }
#metaDetail #user p.location { }
#metaDetail p {float: left; margin: 0 0 0 10px; }
#metaDetail dl {margin: 0;}
#metaDetail dl dt {background: #fff; display: block; width: 78px; margin: 1px 0px 0 0; font-weight: bold; float: left; clear: left; padding: 3px 3px 4px 3px; color: #000; font-size: 10px}
#metaDetail dl dt.botbreed {width: 173px;}

#metaDetail dl dd {background: #fff; display: block;  margin: 1px 0 0 0; float: left; padding:3px 0; width: 86px !important; width: 70px; font-size: 11px;}
#metaDetail dl dd.clear_left {display: block; width: 179px; margin: 0 10px 10px 0; padding: 0; clear: left; white-space: normal; overflow: hidden}
#metaDetail dl dd form { margin: 3px; padding: 3px; width: 166px; }
#metaDetail dl dd input.fileurl {border: 1px solid #000; margin: 2px; width: 173px; background: #f6f6f4}
#metaDetail dl dd .editor {width: 160px;}

form.mediaDetailEditor {margin:0px 0px 10px 0px; color: #242526; width: 557px; border: 1px solid #fff; padding: 0 5px; text-align: left}
form.mediaDetailEditor:hover {border: 1px solid #dcded3 }
form.mediaDetailEditor:after {content: ""; display: block; clear: left;}
form.mediaDetailEditor input {display: none;}
form.mediaDetailEditor .editor{display: block; width: 535px; padding: 3px; border: 0; font-size: 11px; background: #fff }
form.open .editor {border-bottom: 1px solid #dcded3; margin-bottom: 3px; font-size: 11px;}
form.open input{display: block; }
form.open .cancel {float: right}
form.open {border: 1px solid #dcded3}




/* comments below media ********************************************************/


.mediaComments {margin: 10px auto; background: #fff; padding: 9px 0px; text-align: left}
.mediaComments .comment {clear: left; padding: 10px; background: #fff}
.mediaComments .comment:after {content: ""; display: block; clear: both}
.mediaComments .comment img {float: left; border: 1px solid #000}
.mediaComments .comment p {padding: 0; margin: 0 0 0 10px;; width: 75%; float: left;}
.mediaComments .comment p:after {content: ""; display: block; clear: left; line-height: 0;}
.mediaComments .comment p span {float: left; clear: left;}


/* media detail's tag auto-completer; formatting for the tag suggestion box ****/

.mdfLabel
{
	width: 78px;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}

.mdfField
{
	font-size: 10px;
}

.metaDetail table form.mediaMiniForm, .metaDetail table input.fileurl, textarea#embedCode
{
	width: 160px;
	font-weight: normal;
}

.mediaMiniForm div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
.mediaMiniForm div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.mediaMiniForm div.autocomplete ul li.selected { background-color: #CCCCCC; font-weight: bold; color: #000000; }
.mediaMiniForm div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    height: 1em;
    cursor:pointer;
}

/* To avoid borders on tags causing tag size changes on hover */
#metaDetail table tr td #CurrentTags a, #metaDetail table tr td #CurrentTags a:hover
{
	border: none;
}

/* Handling alignment of tag text box and add button icon */
input#TagInput
{
	width: 80%;
}

input#TagSelect
{
	position: relative;
	top: 3px;
	border: none !important;
}

a.btn.delete.empty
{
	float: none !important;
	padding: 2px 10px;
}

div#CurrentTags div a
{
	display: inline !important;
}

div#CurrentTags
{
	margin-top: 0.5em;
}

div#CurrentTags div
{
	height: 2em !important;
	float: left;
}


/*********************************************************/
/* - Media embed  -  transcoder status styles            */
/*********************************************************/

img.cnvstatus {
  display:block;
  float:left;
  height:16px;
  width:16px;
  margin: 0 0 0 3px;
}

span.cnvstatus {
  display:block;
  float:left;
  padding-bottom:0pt;
  padding-left:5px;
  padding-right:5px;
  padding-top:0pt;
}

#filestatus span.loader {padding-top: 3px !important; padding-bottom: 2px;}
#filestatus span#done {background-image: none!important}
/* end of import: Media */

/* sabretooth: server-side import: Wiki */

a.interwiki
{
	background:transparent url(http://wiki.filemobile.com/lib/images/interwiki.png) 0px 1px no-repeat;
	padding-left:16px;
}

a.iw_wp
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/wp.gif)
}

a.iw_wpde
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/wpde.gif)
}

a.iw_wpmeta
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/wpmeta.gif)
}

a.iw_doku
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/doku.gif)
}

a.iw_sb
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/sb.gif)
}

a.iw_amazon
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/amazon.gif)
}

a.iw_amazon_de
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/amazon.de.gif)
}

a.iw_amazon_uk
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/amazon.uk.gif)
}

a.iw_phpfn
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/phpfn.gif)
}

a.iw_dokubug
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/dokubug.gif)
}

a.iw_coral
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/coral.gif)
}

a.iw_google
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/google.gif)
}

a.iw_meatball
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/meatball.gif)
}

a.iw_wiki
{
	background-image:url(http://wiki.filemobile.com/lib/images/interwiki/wiki.gif)
}

a.mediafile
{
	background:transparent url(http://wiki.filemobile.com/lib/images/fileicons/file.png) 0px 1px no-repeat;
	padding-left:18px;
	padding-bottom:1px;
}

a.mf_jpg
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/jpg.png)
}

a.mf_jpeg
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/jpeg.png)
}

a.mf_gif
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/gif.png)
}

a.mf_png
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/png.png)
}

a.mf_tgz
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/tgz.png)
}

a.mf_tar
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/tar.png)
}

a.mf_gz
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/gz.png)
}

a.mf_zip
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/zip.png)
}

a.mf_rar
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/rar.png)
}

a.mf_pdf
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/pdf.png)
}

a.mf_ps
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/ps.png)
}

a.mf_doc
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/doc.png)
}

a.mf_xls
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/xls.png)
}

a.mf_ppt
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/ppt.png)
}

a.mf_rtf
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/rtf.png)
}

a.mf_swf
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/swf.png)
}

a.mf_rpm
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/rpm.png)
}

a.mf_deb
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/deb.png)
}

a.mf_sxw
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/sxw.png)
}

a.mf_sxc
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/sxc.png)
}

a.mf_sxi
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/sxi.png)
}

a.mf_sxd
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/sxd.png)
}

a.mf_odc
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/odc.png)
}

a.mf_odf
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/odf.png)
}

a.mf_odg
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/odg.png)
}

a.mf_odi
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/odi.png)
}

a.mf_odp
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/odp.png)
}

a.mf_ods
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/ods.png)
}

a.mf_odt
{
	background-image:url(http://wiki.filemobile.com/lib/images/fileicons/odt.png)
}

div.clearer
{
	clear:both;
	line-height:0px;
	height:0;
	overflow:hidden;
}

div.no
{
	display:inline;
	margin:0;
	padding:0;
}

.hidden
{
	display:none;
}

div.error
{
	background:#fcc url(http://wiki.filemobile.com/lib/styles/../images/error.png) 0.5em 0px no-repeat;
	color:#000;
	border-bottom:1px solid #faa;
	font-size:90%;
	margin:0;
	padding-left:3em;
	overflow:hidden;
}

div.info
{
	background:#ccf url(http://wiki.filemobile.com/lib/styles/../images/info.png) 0.5em 0px no-repeat;
	color:#000;
	border-bottom:1px solid #aaf;
	font-size:90%;
	margin:0;
	padding-left:3em;
	overflow:hidden;
}

div.success
{
	background:#cfc url(http://wiki.filemobile.com/lib/styles/../images/success.png) 0.5em 0px no-repeat;
	color:#000;
	border-bottom:1px solid #afa;
	font-size:90%;
	margin:0;
	padding-left:3em;
	overflow:hidden;
}

div.notify
{
	background:#ffc url(http://wiki.filemobile.com/lib/styles/../images/notify.png) 0.5em 0px no-repeat;
	color:#000;
	border-bottom:1px solid #ffa;
	font-size:90%;
	margin:0;
	padding-left:3em;
	overflow:hidden;
}

.medialeft
{
	float:left;
}

.mediaright
{
	float:right;
}

.mediacenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.leftalign
{
	text-align:left;
}

.centeralign
{
	text-align:center;
}

.rightalign
{
	text-align:right;
}

em.u
{
	font-style:normal;
	text-decoration:underline;
}

em em.u
{
	font-style:italic;
}

.code .br0
{
	color:#6c6;
}

.code .co1
{
	color:#808080;
	font-style:italic;
}

.code .co2
{
	color:#808080;
	font-style:italic;
}

.code .co3
{
	color:#808080;
}

.code .coMULTI
{
	color:#808080;
	font-style:italic;
}

.code .es0
{
	color:#009;
	font-weight:bold;
}

.code .kw1
{
	color:#b1b100;
}

.code .kw2
{
	color:#000;
	font-weight:bold;
}

.code .kw3
{
	color:#006;
}

.code .kw4
{
	color:#933;
}

.code .kw5
{
	color:#00f;
}

.code .me1
{
	color:#060;
}

.code .me2
{
	color:#060;
}

.code .nu0
{
	color:#c6c;
}

.code .re0
{
	color:#00f;
}

.code .re1
{
	color:#00f;
}

.code .re2
{
	color:#00f;
}

.code .re3
{
	color:#f33;
	font-weight:bold;
}

.code .re4
{
	color:#099;
}

.code .st0
{
	color:#f00;
}

.code .sy0
{
	color:#6c6;
}

#acl__manager label
{
	text-align:left;
	font-weight:normal;display:inline;
}

#acl__manager table
{
	margin-left:10%;
	width:80%;
}

#config__manager div.success,#config__manager div.error,#config__manager div.info
{
	background-position:0.5em;
	padding:0.5em;
	text-align:center;
}

#config__manager fieldset
{
	margin:1em;
	width:auto;
	margin-bottom:2em;
	background-color:#dee7ec;
	color:#000;
	padding:0 1em;
}

#config__manager legend
{
	font-size:1.25em;
}

#config__manager form
{
	
}

#config__manager table
{
	margin:1em 0;
	width:100%;
}

#config__manager fieldset td
{
	text-align:left;
}

#config__manager fieldset td.value
{
	width:30em;
}

#config__manager td input.edit
{
	width:30em;
}

#config__manager td select.edit
{
	
}

#config__manager td textarea.edit
{
	width:27.5em;height:4em;
}

#config__manager tr .input,#config__manager tr input,#config__manager tr textarea,#config__manager tr select
{
	background-color:#fff;
	color:#000;
}

#config__manager tr.default .input,#config__manager tr.default input,#config__manager tr.default textarea,#config__manager tr.default select,#config__manager .selectiondefault
{
	background-color:#cdf;
	color:#000;
}

#config__manager tr.protected .input,#config__manager tr.protected input,#config__manager tr.protected textarea,#config__manager tr.protected select,#config__manager tr.protected .selection
{
	background-color:#fcc!important;
	color:#000 !important;
}

#config__manager td.error
{
	background-color:red;
	color:#000;
}

#config__manager .selection
{
	width:14.8em;
	float:left;
	margin:0 0.3em 2px 0;
}

#config__manager .selection label
{
	float:right;
	width:14em;
	font-size:90%;
}

* html #config__manager .selection label
{
	padding-top:2px;
}

#config__manager .selection input.checkbox
{
	padding-left:0.7em;
}

#config__manager .other
{
	clear:both;
	padding-top:0.5em;
}

#config__manager .other label
{
	padding-left:2px;
	font-size:90%;
}

#plugin__manager
{
	
}

#plugin__manager h2
{
	margin-left:0;
}

#plugin__manager form
{
	display:block;
	margin:0;
	padding:0;
}

#plugin__manager legend
{
	display:none;
}

#plugin__manager fieldset
{
	width:auto;
}

#plugin__manager .button
{
	margin:0;
}

#plugin__manager p,#plugin__manager label
{
	text-align:left;
}

#plugin__manager .hidden
{
	display:none;
}

#plugin__manager .new
{
	background:#dee7ec;
}

#plugin__manager input[disabled]
{
	color:#ccc;
	border-color:#ccc;
}

#plugin__manager .pm_menu,#plugin__manager .pm_info
{
	margin-left:0;
	text-align:left;
}

#plugin__manager .pm_menu
{
	float:left;
	width:48%;
}

#plugin__manager .pm_info
{
	float:right;
	width:50%;
}

#plugin__manager .common
{
	
}

#plugin__manager .common form
{
	
}

#plugin__manager .common fieldset
{
	margin:0;
	padding:0 0 1.0em 0;
	text-align:left;
	border:none;
}

#plugin__manager .common label
{
	padding:0 0 0.5em 0;
}

#plugin__manager .common input
{
	
}

#plugin__manager .common input.edit
{
	width:24em;
	margin:0.5em;
}

#plugin__manager .common .button
{
	
}

#plugin__manager form.plugins
{
	
}

#plugin__manager .plugins fieldset
{
	color:#000;
	background:#fff;
	text-align:right;
	border-top:none;
	border-right:none;
	border-left:none;
}

#plugin__manager .plugins fieldset.protected
{
	background:#fdd;
	color:#000;
}

#plugin__manager .plugins fieldset.disabled
{
	background:#e0e0e0;
	color:#a8a8a8;
}

#plugin__manager .plugins .legend
{
	color:#000;
	background:inherit;display:block;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	text-align:left;
	float:left;
	padding:0;
	clear:none;
}

#plugin__manager .plugins .button
{
	font-size:95%;
}

#plugin__manager .plugins fieldset.buttons
{
	border:none;
}

#plugin__manager .plugins fieldset.buttons .button
{
	float:left;
}

#plugin__manager .pm_info h3
{
	margin-left:0;
}

#plugin__manager .pm_info dl
{
	margin:1em 0;
	padding:0;
}

#plugin__manager .pm_info dt
{
	width:6em;
	float:left;
	clear:left;
	margin:0;
	padding:0;
}

#plugin__manager .pm_info dd
{
	margin:0 0 0 7em;
	padding:0;
	background:none;
}

#plugin__manager .plugins .enable
{
	float:left;
	width:auto;
	margin-right:0.5em;
}

#user__manager tr.disabled
{
	color:#6f6f6f;
	background:#e4e4e4;
}

#user__manager tr.user_info
{
	vertical-align:top;
}

#user__manager div.edit_user
{
	width:46%;
	float:left;
}

#user__manager table
{
	margin-bottom:1em;
}

#user__manager input.button[disabled]
{
	color:#ccc!important;
	border-color:#ccc!important;
}

div.dokuwiki .header
{
	padding:3px 0 0 2px;
}

div.dokuwiki .pagename
{
	float:left;
	font-size:200%;
	font-weight:bolder;
	color:#dee7ec;
	text-align:left;
	vertical-align:middle;
}

div.dokuwiki .pagename a
{
	color:#436976 !important;
	text-decoration:none !important;
}

div.dokuwiki .logo
{
	float:right;
	font-size:220%;
	font-weight:bolder;
	text-align:right;
	vertical-align:middle;
}

div.dokuwiki .logo a
{
	color:#dee7ec !important;
	text-decoration:none !important;
	font-variant:small-caps;
	letter-spacing:2pt;
}

div.dokuwiki .bar
{
	border-top:1px solid #8cacbb;
	border-bottom:1px solid #8cacbb;
	background:#dee7ec;
	padding:0.1em 0.15em;
	clear:both;
}

div.dokuwiki .bar-left
{
	float:left;
}

div.dokuwiki .bar-right
{
	float:right;
	text-align:right;
}

div.dokuwiki #bar__bottom
{
	margin-bottom:3px;
}

div.dokuwiki div.meta
{
	clear:both;
	margin-top:1em;
	color:#638c9c;
	font-size:70%;
}

div.dokuwiki div.meta div.user
{
	float:left;
}

div.dokuwiki div.meta div.doc
{
	text-align:right;
}


div.dokuwiki div.page
{
	margin:4px 2em 0 1em;
	text-align:justify;
}

div.dokuwiki table
{
	font-size:100%;
}

div.dokuwiki tr,div.dokuwiki td,div.dokuwiki th
{
	
}

div.dokuwiki img
{
	border:0;
}

div.dokuwiki p,div.dokuwiki blockquote,div.dokuwiki table,div.dokuwiki pre
{
	margin:0 0 1.0em 0;
}

div.dokuwiki hr
{
	border:0px;
	border-top:1px solid #8cacbb;
	text-align:center;height:0px;
}

div.dokuwiki div.nothing
{
	text-align:center;
	margin:2em;
}

div.dokuwiki form
{
	border:none;display:inline;
}

div.dokuwiki label.block
{
	display:block;
	text-align:right;
	font-weight:bold;
}

div.dokuwiki label.simple
{
	display:block;
	text-align:left;
	font-weight:normal;
}

div.dokuwiki label.block input.edit
{
	width:50%;
}

div.dokuwiki fieldset
{
	width:300px;
	text-align:center;
	border:1px solid #8cacbb;
	padding:0.5em;
	margin:auto;
}

div.dokuwiki textarea.edit
{
	font-family:monospace;
	font-size:14px;
	color:#000;
	background-color:#fff;
	border:1px solid #8cacbb;
	padding:0.3em 0 0 0.3em;
	width:100%;
}

html>body div.dokuwiki textarea.edit
{
	background:#fff url(http://wiki.filemobile.com/lib/tpl/default/images/inputshadow.png) repeat-x top;
}

div.dokuwiki input.edit,div.dokuwiki select.edit
{
	font-size:100%;
	border:1px solid #8cacbb;
	color:#000;
	background-color:#fff;
	vertical-align:middle;
	margin:1px;
	padding:0.20em 0.3em;display:inline;
}

html>body div.dokuwiki input.edit,html>body div.dokuwiki select.edit
{
	background:#fff url(http://wiki.filemobile.com/lib/tpl/default/images/inputshadow.png) repeat-x top;
}

div.dokuwiki select.edit
{
	padding:0.1em 0;
}

div.dokuwiki input.missing
{
	font-size:100%;
	border:1px solid #8cacbb;
	color:#000;
	background-color:#fcc;
	vertical-align:middle;
	margin:1px;
	padding:0.20em 0.3em;display:inline;
}

div.dokuwiki textarea.edit[disabled],div.dokuwiki textarea.edit[readonly],div.dokuwiki input.edit[disabled],div.dokuwiki input.edit[readonly],div.dokuwiki select.edit[disabled]
{
	background-color:#f5f5f5!important;
	color:#666!important;
}

div.dokuwiki div.toolbar,div.dokuwiki div#wiki__editbar
{
	margin:2px 0;
	text-align:left;
}

div.dokuwiki div#size__ctl
{
	float:right;
	width:60px;height:2.7em;
}

div.dokuwiki #size__ctl img
{
	cursor:pointer;
}

div.dokuwiki div#wiki__editbar div.editButtons
{
	float:left;
	padding:0 1.0em 0.7em 0;
}

div.dokuwiki div#wiki__editbar div.summary
{
	float:left;
}

div.dokuwiki .nowrap
{
	white-space:nowrap;
}

div.dokuwiki div#draft__status
{
	float:right;
	color:#638c9c;
}

div.dokuwiki input.button,div.dokuwiki button.button
{
	border:1px solid #8cacbb;
	color:#000;
	background-color:#fff;
	vertical-align:middle;
	text-decoration:none;
	font-size:100%;
	cursor:pointer;
	margin:1px;
	padding:0.125em 0.4em;
}

html>body div.dokuwiki input.button,html>body div.dokuwiki button.button
{
	background:#fff url(http://wiki.filemobile.com/lib/tpl/default/images/buttonshadow.png) repeat-x bottom;
}

* html div.dokuwiki input.button,* html div.dokuwiki button.button
{
	height:1.8em;
}

div.dokuwiki div.secedit input.button
{
	border:1px solid #8cacbb;
	color:#000;
	background-color:#fff;
	vertical-align:middle;
	text-decoration:none;
	margin:0;
	padding:0;
	font-size:10px;
	cursor:pointer;
	float:right;display:inline;
}

div.dokuwiki div.pagenav
{
	margin:1em 0 0 0;
}

div.dokuwiki div.pagenav-prev
{
	text-align:right;
	float:left;
	width:49%
}

div.dokuwiki div.pagenav-next
{
	text-align:left;
	float:right;
	width:49%
}

div.dokuwiki a:link,div.dokuwiki a:visited
{
	color:#436976;
	text-decoration:none;
}

div.dokuwiki a:hover,div.dokuwiki a:active
{
	color:#000;
	text-decoration:underline;
}

div.dokuwiki h1 a,div.dokuwiki h2 a,div.dokuwiki h3 a,div.dokuwiki h4 a,div.dokuwiki h5 a,div.dokuwiki a.nolink
{
	color:#000 !important;
	text-decoration:none !important;
}

div.dokuwiki a.urlextern
{
	background:transparent url(http://wiki.filemobile.com/lib/tpl/default/images/link_icon.gif) 0px 1px no-repeat;
	padding:1px 0px 1px 16px;
}

div.dokuwiki a.windows
{
	background:transparent url(http://wiki.filemobile.com/lib/tpl/default/images/windows.gif) 0px 1px no-repeat;
	padding:1px 0px 1px 16px;
}

div.dokuwiki a.interwiki
{
	
}

div.dokuwiki a.media
{
	
}

div.dokuwiki a.urlextern:link,div.dokuwiki a.windows:link,div.dokuwiki a.interwiki:link
{
	color:#436976;
}

div.dokuwiki a.urlextern:visited,div.dokuwiki a.windows:visited,div.dokuwiki a.interwiki:visited
{
	color:purple;
}

div.dokuwiki a.urlextern:hover,div.dokuwiki a.urlextern:active,div.dokuwiki a.windows:hover,div.dokuwiki a.windows:active,div.dokuwiki a.interwiki:hover,div.dokuwiki a.interwiki:active
{
	color:#000;
}

div.dokuwiki a.mail
{
	background:transparent url(http://wiki.filemobile.com/lib/tpl/default/images/mail_icon.gif) 0px 1px no-repeat;
	padding:1px 0px 1px 16px;
}

div.dokuwiki a.wikilink1
{
	/* color:#090 !important; */
}

div.dokuwiki a.wikilink2
{
	color:#f30 !important;
	text-decoration:none !important;
	border-bottom:dashed 1px #f30 !important;
}

div.dokuwiki div.preview
{
	background-color:#f5f5f5;
	margin:0 0 0 2em;
	padding:4px;
	border:1px dashed #000;
}

div.dokuwiki div.breadcrumbs
{
	background-color:#f5f5f5;
	color:#666;
	font-size:80%;
	padding:0 0 0 4px;
}

div.dokuwiki span.user
{
	color:#ccc;
	font-size:90%;
}

div.dokuwiki li.minor
{
	color:#666;
	font-style:italic;
}

div.dokuwiki img.media
{
	margin:3px;
}

div.dokuwiki img.medialeft
{
	border:0;
	float:left;
	margin:0 1.5em 0 0;
}

div.dokuwiki img.mediaright
{
	border:0;
	float:right;
	margin:0 0 0 1.5em;
}

div.dokuwiki img.mediacenter
{
	border:0;display:block;
	margin:0 auto;
}

div.dokuwiki img.middle
{
	vertical-align:middle;
}

div.dokuwiki acronym
{
	cursor:help;
	border-bottom:1px dotted #000;
}

div.dokuwiki h1,div.dokuwiki h2,div.dokuwiki h3,div.dokuwiki h4,div.dokuwiki h5
{
	color:#000;
	background-color:inherit;
	font-size:100%;
	font-weight:normal;
	margin:0 0 1em 0;
	padding:0.5em 0 0 0;
	border-bottom:1px solid #8cacbb;
	clear:left;
}

div.dokuwiki h1
{
	font-size:160%;
	margin-left:0px;
	font-weight:bold;
}

div.dokuwiki h2
{
	font-size:150%;
	margin-left:20px;
}

div.dokuwiki h3
{
	font-size:140%;
	margin-left:40px;
	border-bottom:none;
	font-weight:bold;
}

div.dokuwiki h4
{
	font-size:120%;
	margin-left:60px;
	border-bottom:none;
	font-weight:bold;
}

div.dokuwiki h5
{
	font-size:100%;
	margin-left:80px;
	border-bottom:none;
	font-weight:bold;
}

div.dokuwiki div.level1
{
	margin-left:3px;
}

div.dokuwiki div.level2
{
	margin-left:23px;
}

div.dokuwiki div.level3
{
	margin-left:43px;
}

div.dokuwiki div.level4
{
	margin-left:63px;
}

div.dokuwiki div.level5
{
	margin-left:83px;
}

div.dokuwiki ul
{
	line-height:1.5em;
	list-style-type:square;
	list-style-image:none;
	margin:0 0 0.5em 1.5em;
	color:#638c9c;
}

div.dokuwiki ol
{
	line-height:1.5em;
	list-style-image:none;
	margin:0 0 0.5em 1.5em;
	color:#638c9c;
	font-weight:bold;
}

div.dokuwiki .li
{
	color:#000;
	font-weight:normal;
}

div.dokuwiki ol
{
	list-style-type:decimal
}

div.dokuwiki ol ol
{
	list-style-type:upper-roman
}

div.dokuwiki ol ol ol
{
	list-style-type:lower-alpha
}

div.dokuwiki ol ol ol ol
{
	list-style-type:lower-greek
}

div.dokuwiki li.open
{
	list-style-image:url(http://wiki.filemobile.com/lib/tpl/default/images/open.gif);
}

div.dokuwiki li.closed
{
	list-style-image:url(http://wiki.filemobile.com/lib/tpl/default/images/closed.gif);
}

div.dokuwiki blockquote
{
	border-left:2px solid #8cacbb;
	padding-left:3px;
}

div.dokuwiki pre
{
	font-size:120%;
	padding:0.5em;
	border:1px dashed #8cacbb;
	color:#000;
	overflow:auto;
}

div.dokuwiki pre.pre
{
	background-color:#f7f9fa;
}

div.dokuwiki pre.code
{
	background-color:#f7f9fa;
}

div.dokuwiki code
{
	font-size:120%;
}

div.dokuwiki pre.file
{
	background-color:#dee7ec;
}

div.dokuwiki table.inline
{
	background-color:#fff;
	border-spacing:0px;
	border-collapse:collapse;
}

div.dokuwiki table.inline th
{
	padding:3px;
	border:1px solid #8cacbb;
	background-color:#dee7ec;
}

div.dokuwiki table.inline td
{
	padding:3px;
	border:1px solid #8cacbb;
}

div.dokuwiki div.toc
{
	margin:1.2em 0 0 2em;
	float:right;
	width:200px;
	font-size:80%;
	clear:both;
}

div.dokuwiki div.tocheader
{
	border:1px solid #8cacbb;
	background-color:#dee7ec;
	text-align:left;
	font-weight:bold;
	padding:3px;
	margin-bottom:2px;
}

div.dokuwiki span.toc_open,div.dokuwiki span.toc_close
{
	border:0.4em solid #dee7ec;
	float:right;display:block;
	margin:0.4em 3px 0 0;
}

div.dokuwiki span.toc_open span,div.dokuwiki span.toc_close span
{
	display:none;
}

div.dokuwiki span.toc_open
{
	margin-top:0.4em;
	border-top:0.4em solid #000;
}

div.dokuwiki span.toc_close
{
	margin-top:0;
	border-bottom:0.4em solid #000;
}

div.dokuwiki #toc__inside
{
	border:1px solid #8cacbb;
	background-color:#fff;
	text-align:left;
	padding:0.5em 0 0.7em 0;
}

div.dokuwiki ul.toc
{
	list-style-type:none;
	list-style-image:none;
	line-height:1.2em;
	padding-left:1em;
	margin:0;
}

div.dokuwiki ul.toc li
{
	background:transparent url(http://wiki.filemobile.com/lib/tpl/default/images/tocdot2.gif) 0 0.6em no-repeat;
	padding-left:0.4em;
}

div.dokuwiki ul.toc li.clear
{
	background-image:none;
	padding-left:0.4em;
}

div.dokuwiki a.toc:link,div.dokuwiki a.toc:visited
{
	color:#436976;
}

div.dokuwiki a.toc:hover,div.dokuwiki a.toc:active
{
	color:#000;
}

div.dokuwiki table.diff
{
	background-color:#fff;
	width:100%;
}

div.dokuwiki td.diff-blockheader
{
	font-weight:bold;
}

div.dokuwiki table.diff th
{
	border-bottom:1px solid #8cacbb;
	font-size:120%;
	width:50%;
	font-weight:normal;
	text-align:left;
}

div.dokuwiki table.diff td
{
	font-family:monospace;
	font-size:100%;
}

div.dokuwiki td.diff-addedline
{
	background-color:#dfd;
}

div.dokuwiki td.diff-deletedline
{
	background-color:#ffb;
}

div.dokuwiki td.diff-context
{
	background-color:#f5f5f5;
}

div.dokuwiki table.diff td.diff-addedline strong,div.dokuwiki table.diff td.diff-deletedline strong
{
	color:red;
}

div.dokuwiki div.footnotes
{
	clear:both;
	border-top:1px solid #8cacbb;
	padding-left:1em;
	margin-top:1em;
}

div.dokuwiki div.fn
{
	font-size:90%;
}

div.dokuwiki a.fn_top
{
	vertical-align:super;
	font-size:80%;
}

div.dokuwiki a.fn_bot
{
	vertical-align:super;
	font-size:80%;
	font-weight:bold;
}

div.insitu-footnote
{
	font-size:80%;
	line-height:1.2em;
	border:1px solid #8cacbb;
	background-color:#f7f9fa;
	text-align:left;
	padding:4px;
	max-width:40%;
}

* html .insitu-footnote pre.code,* html .insitu-footnote pre.file
{
	padding-bottom:18px;
}

div.dokuwiki .search_result
{
	margin-bottom:6px;
	padding:0 10px 0 30px;
}

div.dokuwiki .search_snippet
{
	color:#ccc;
	font-size:12px;
	margin-left:20px;
}

div.dokuwiki .search_sep
{
	color:#000;
}

div.dokuwiki .search_hit
{
	color:#000;
	background-color:#ff9;
}

div.dokuwiki strong.search_hit
{
	font-weight:normal;
}

div.dokuwiki div.search_quickresult
{
	margin:0 0 15px 30px;
	padding:0 10px 10px 0;
	border-bottom:1px dashed #8cacbb;
}

div.dokuwiki div.search_quickresult h3
{
	margin:0 0 1.0em 0;
	font-size:1em;
	font-weight:bold;
}

div.dokuwiki ul.search_quickhits
{
	margin:0 0 0.5em 1.0em;
}

div.dokuwiki ul.search_quickhits li
{
	margin:0 1.0em 0 1.0em;
	float:left;
	width:30%;
}

div.footerinc
{
	text-align:center;
}

.footerinc a img
{
	opacity:0.5;
	border:0;
}

.footerinc a:hover img
{
	opacity:1;
}

div.dokuwiki div.ajax_qsearch
{
	position:absolute;right:237px;;
	width:200px;
	opacity:0.9;display:none;
	font-size:80%;
	line-height:1.2em;
	border:1px solid #8cacbb;
	background-color:#f7f9fa;
	text-align:left;
	padding:4px;
}

button.toolbutton
{
	background-color:#fff;
	padding:0px;
	margin:0 1px 0 0;
	border:1px solid #8cacbb;
	cursor:pointer;
}

html>body button.toolbutton
{
	background:#fff url(http://wiki.filemobile.com/lib/tpl/default/images/buttonshadow.png) repeat-x bottom;
}

div.picker
{
	width:250px;
	border:1px solid #8cacbb;
	background-color:#dee7ec;
}

button.pickerbutton
{
	padding:0px;
	margin:0 1px 1px 0;
	border:0;
	background-color:transparent;
	font-size:80%;
	cursor:pointer;
}

div.dokuwiki a.spell_error
{
	color:#f00;
	text-decoration:underline;
}

div.dokuwiki div#spell__suggest
{
	background-color:#fff;
	padding:2px;
	border:1px solid #000;
	font-size:80%;display:none;
}

div.dokuwiki div#spell__result
{
	border:1px solid #8cacbb;
	color:#000;
	font-size:14px;
	padding:3px;
	background-color:#f7f9fa;display:none;
}

div.dokuwiki span.spell_noerr
{
	color:#093;
}

div.dokuwiki span.spell_wait
{
	color:#06c;
}

div.dokuwiki div.img_big
{
	float:left;
	margin-right:0.5em;
}

div.dokuwiki dl.img_tags dt
{
	font-weight:bold;
	background-color:#dee7ec;
}

div.dokuwiki dl.img_tags dd
{
	background-color:#f5f5f5;
}

div.dokuwiki div.imagemeta
{
	color:#666;
	font-size:70%;
	line-height:95%;
}

div.dokuwiki div.imagemeta img.thumb
{
	float:left;
	margin-right:0.1em;
}

#media__manager
{
	height:100%;
	overflow:hidden;
}

#media__left
{
	width:30%;
	border-right:solid 1px #8cacbb;height:100%;
	overflow:auto;
	position:absolute;
	left:0;
}

#media__right
{
	width:69.7%;height:100%;
	overflow:auto;
	position:absolute;right:0;
}

#media__manager h1
{
	margin:0;
	padding:0;
	margin-bottom:0.5em;
}

#media__tree img
{
	float:left;
	padding:0.5em 0.3em 0 0;
}

#media__tree ul
{
	list-style-type:none;
	list-style-image:none;
}

#media__tree li
{
	clear:left;
	list-style-type:none;
	list-style-image:none;
}

* html #media__tree li
{
	border:1px solid #fff;
}

#media__opts
{
	padding-left:1em;
	margin-bottom:0.5em;
}

#media__opts input
{
	float:left;
	position:absolute;
}

* html #media__opts input
{
	position:static;
}

#media__opts label
{
	display:block;
	float:left;
	margin-left:30px;
}

* html #media__opts label
{
	margin-left:10px;
}

#media__opts br
{
	clear:left;
}

#media__content img.load
{
	margin:1em auto;
}

#media__content #scroll__here
{
	border:1px dashed #8cacbb;
}

#media__content .odd
{
	background-color:#f7f9fa;
	padding:0.4em;
}

#media__content .even
{
	padding:0.4em;
}

#media__content a.mediafile
{
	margin-right:1.5em;
	font-weight:bold;
}

#media__content div.detail
{
	padding:0.3em 0 0.3em 2em;
}

#media__content div.detail div.thumb
{
	float:left;
	width:130px;
	text-align:center;
	margin-right:0.4em;
}

#media__content img.btn
{
	vertical-align:text-bottom;
}

#media__content div.example
{
	color:#666;
	margin-left:1em;
}

#media__content div.upload
{
	font-size:90%;
	padding:0 0.5em 0.5em 0.5em;
}

#media__content form.upload
{
	display:block;
	border-bottom:solid 1px #8cacbb;
	padding:0 0.5em 1em 0.5em;
}

#media__content form.upload fieldset
{
	padding:0;
	margin:0;
	border:none;
	width:auto;
}

#media__content form.upload p
{
	clear:left;
	text-align:left;
	padding:0.25em 0;
	margin:0;
	line-height:1.0em;
}

#media__content form.upload label
{
	float:left;
	width:30%;
}

#media__content form.upload label.check
{
	float:none;
	width:auto;
}

#media__content form.upload input.check
{
	margin-left:30%;
}

#media__content form.meta
{
	display:block;
	padding:0 0 1em 0;
}

#media__content form.meta label
{
	display:block;
	width:25%;
	float:left;
	font-weight:bold;
	margin-left:1em;
	clear:left;
}

#media__content form.meta .edit
{
	font:100% "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
	float:left;
	width:70%;
	padding-right:0;
	padding-left:0.2em;
	margin:2px;
}

#media__content form.meta textarea.edit
{
	height:8em;
}

#media__content form.meta div.metafield
{
	clear:left;
}

#media__content form.meta div.buttons
{
	clear:left;
	margin-left:20%;
	padding-left:1em;
}


/* end of import: Wiki */

/* sabretooth: server-side import: accesscontrol */

.deleteGroupButton {
float:right;
height:20px;
}


.aclGroupLink {
float:left;
width:190px;
height:20px;
}


.aclGroupListItem {
float: left;
width: 220px;
}

.aclGroupList {
padding: 0px;
float: left;
list-style-type: none;
width:225px;
}
/* end of import: accesscontrol */
/* sabretooth: server-side import: collection */

.savedSearchDescription {
margin-left:25px;
}

.collectionLimitLabel {
float: left;
margin-top:3px;
}

#limitLengthValue {
margin-left:5px;
margin-right:5px;
height:11px;
}
/* end of import: collection */

/******************/
/* Developer Info */
/******************/

div.serviceInfo {width: 23%; float: left}
div.serviceInfo p {padding: 10px 20px 10px 0px;} 
div.serviceInfo ul {list-style: square; list-style-position: inside; margin: 0; padding: 10px;}
div.serviceInfo ul li a {color: #A3ABAE; text-decoration: none}
div.serviceInfo ul li a:hover {color: #444C51}



