/* general classes used in multiple places */
body{background-color:#FFF;margin:0;padding:0;}
body,div,p,th,td,li,dd{font-family:verdana,arial,helvetica;font-size:12px;}
form {margin-top:0px;}
a img{border:0;}
.disabledlink{color:#888;}
.smallerror{font-size:10px;font-weight:bold;color:red;text-decoration:none;}
.smallerror a{color:#b00;}
.commandlink{font-weight:bold;font-size:10px;font-family:verdana,arial,helvetica;}
.smalltext{font-size:10px;}

/* items appearing on all pages */
#footerlogo{position:absolute;top:5px;left:0;font-size:9px;font-family:verdana,arial,helvetica;}
.footerversion{position:absolute;top:0;vertical-align:top;margin:0;padding:0;}
#footerbreadcrumbs{position:absolute;top:5px;right:0;font-size:9px;font-family:verdana,arial,helvetica;}
#smallfooter{position:relative;margin-top:0;margin-left:10px;margin-right:10px;}
#pagecontent{left:0;right:0;}
#pageheader {font-weight:bold;height:60px;border:0;}
#pagename {position:absolute;font-weight:bold;font-size:20px;}
#forumname {position:absolute;font-weight:bold;}
div#usemobile {position:fixed;bottom:0;right:0;width:100%;background-color:black;text-align:center;}
div#usemobile a {color:white;font-size:x-large;font-weight:bold;text-transform:uppercase;text-decoration:none;padding-top:3px;padding-bottom:3px;}

/* classes used inside rendered content of pages */
.bordertable{border-collapse:collapse;}
.bordertable td{border:1px solid #999;}
ins{color:green;text-decoration:none;background-color:#e0ffe0;}
del{color:red;text-decoration:line-through;}
.viewrule{height:0;border-top:solid 1px #999;border-bottom:0;border-left:0;border-right:0;}
.heading{font-family:verdana,arial,helvetica;font-weight:bold;font-size:17px;margin-bottom:4px;}
.footnoteref a{text-decoration:none;}
.helplink{background-color:#eee;border-bottom:2px solid #555;border-right:2px solid #555;border-top:2px solid #ddd;border-left:2px solid #ddd;padding:0;}
.helplinktext{font-size:10px;}

/* view pages */
#bodycontent {min-height:100px;}
#bottomcontrols {clear:both;position:relative;}
#bottomcommands{position:absolute;background-color:#ddd;left:0;top:0;padding-bottom:5px;padding-top:2px;width:100%;border-bottom:solid 1px #bbb;}
#bottomcommands a.cmlink,.disabledcmlink{font-weight:normal;font-size:10px;font-family:verdana,arial,helvetica;vertical-align:center;text-decoration:none;}
#bottomcommands a.cmlink img,#bottomcommands span.disabledcmlink img{border-width:0;margin-left:15px;margin-right:2px;padding:0;height:16px;margin-top:3px;margin-bottom:-3px;}
.disabledcmlink{color:#888;}
#bottomcommands #rightspacer{width:10px;float:right;}
#bottomcommands a.cmimglink,#bottomcommands .disabledcmimglink{float:right;padding:0;margin:0;;text-decoration:none;font-size:10px;}
#bottomcommands a.cmimglink div.imgcmdplacer{position:absolute;}
#bottomcommands a.cmimglink span.label{display:none;font-weight:normal;padding-left:5px;padding-right:5px;}
#bottomcommands a.cmimglink img,#bottomcommands .disabledcmimglink img{padding:0;padding-left:12px;padding-right:5;margin-left:0px;margin-right:0px;height:16px;margin-top:3px;margin-bottom:-3px;border-width:0;}
.imgCmdLabel{position:absolute;left:-40px;top:-41px;display:none;width:90px;height:12px;padding:5px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;border-bottom:0px;background-color:#ddd;font:10px verdana,Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;color:#333;z-index:5;}
#postmsgs{position:absolute;top:36px;left:5px;font-size:10px;font-family:verdana,arial,helvetica;color:#666;font-weight:bold;}
.postmsg{font-size:10px;font-family:verdana,arial,helvetica;color:#666;font-weight:bold;}
#modified{position:absolute;top:-17px;right:10px;text-align:right;font-size:9px;font-family:verdana,arial,helvetica;color:#888;}
#commentarea{position:absolute;top:33px;left:140px;z-index:5;}
#commentstext{font-size:11px;font-family:verdana,arial,helvetica;width:350px;height:70px;}
#viewmsgarea{font-size:10px;font-family:verdana,arial,helvetica;position:absolute;right:10px;top:32px;text-align:right;color:#333;line-height:150%;z-index:3;}
.viewboxheader{font-size:11px;font-weight:bold;margin-bottom:0;margin-top:5px;text-align:center;}
.searchpageheader{color:#000;background-color:#ccc;font-size:20px;padding:10px;}
.searchform{font-size:10px;}
#viewbox {float:right;width:153px;}
#keypages {font-size:11px;}
#keypages .keypageheader {font-size:11px;font-weight:bold;}
#recentchanges {font-size:11px;}
#tinyrecentchanges {display:none;}
.redirectfrom {margin-left:25px;font-size:10px;font-style:italic;color:#888;margin-top:0px;margin-bottom:25px;}

/* edit pages */
.editboxdiv{width:99%;}
.editbox{font-family:verdana,arial,helvetica;font-size:12px;margin-top:0;width:100%;}
.editmainframe{background-color:#ddd;margin-right:5px;padding:10px 5px 2px;}
.editmainframe table{width:auto;}
.editmainframe td{width:100%;white-space:nowrap;}
#srctoolbar{border-spacing:2px 0;padding-top:2px;}
a.srctoolbaricon img{border:0;}
img.srctoolbaricon{border:0;margin-bottom:1px;cursor:pointer;vertical-align:bottom;padding-left:2px;padding-right:0px;}
span#toolbar img.srctoolbaricon {padding-left:0px;padding-right:2px;}
.editpreview{border:solid #888 1px;background-color:#ffe;margin:15px;padding:10px;}
table.editlockform{font-size:10px;width:100%;}
.accordionTabTitleBar{font-size:11px;border-top-color:#BDC7E7;border-bottom-color:#182052;background-color:#6b79a5;color:#ced7ef;border-style:solid none;border-width:1px 0;padding:2px 6px;}
.accordionTabTitleBarActive{background-color:#63699c;color:#FFF;font-weight:bold;}
.accordionTabContentBox{background-color:#FFF;border:1px solid #1f669b;overflow:hidden;}
a.srctoolbaricon,span#growshrinktext,span#previewspan{vertical-align:bottom;}
br.editlockformbreak {display:none;}
p.lockformerror{font-weight:bold;font-size:11px;text-align:left;color:red;padding-bottom:4px;}
div#editpostlocation {float:right;}
p#helpToggle {text-align:right;}
p#previewWarn{background-color:#ddd;margin-right:5px;padding:10px 5px 10px 5px;}
table#srctoolbar tbody tr td {padding-bottom:0px;}
td#previewtd {vertical-align:bottom;text-align:right;padding-left:0;padding-right:0;}
span#previewspan {margin-right:9px;position:relative;top:-3px;}
div#editbodywrapper {margin-right:5px;}
textarea#body {padding:2px;}
.defaultWikiSkin div.mceIframeContainer {margin-right:-1px;}

/* versions page */
td.versionsprev {width:50px;}
td.versionswhich {width:75px;text-align:center;font-weight:bold;}
td.versionsnext {width:100px;}
table.versionsinnertable {width:550px;border:0;margin-top:-5px;margin-bottom:5px;}

/* directory page */
#directorylist{margin:0;padding:0;}
#directorylist li{list-style-type:none;}
.logorule{height:0;border-top:2px solid #b0c4de;}
.fullwidth{width:100%;}
.directorylogin {width:150px;margin-right:20px;}
.welcomemsg{font-family:verdana,arial,helvetica;font-weight:bold;font-size:17px;margin-bottom:4px;}
.directorypagefooter {font-size:9px;padding:0;margin:0;vertical-align:top;text-align:right;padding-right:10%;}
.directorypagefooter a img {vertical-align:top;}
div#directoryforums {float:left;padding-left:5%;width:20%;}
div#directoryadmin {float:left;padding-left:5%;padding-right:5%;width:60%;}
div#homepageauth p {text-align:right;}

/* admin pages */
#adminpageexit{font-size:10px;position:absolute;left:10px;color:#5973a9;top:65px;text-align:right;width:800px;}
#adminpageexit a{font-weight:bold;text-decoration:none;color:#36538f;}
#adminpageexit a:hover{text-decoration:underline;}
#adminpagemenu{border-bottom:solid #ccc 1px;margin-bottom:20px;padding:5px;}
#pagestable{width:700px;}
#accountstable,#attachmentstable,#versionstable,#activitytable,#customlinkstable,#webviewstable{width:600px;}

/* forms */
.formheader{font-weight:bold;font-size:16px;text-align:center;padding-bottom:10px;}
.formmessage{font-size:12px;padding-bottom:10px;text-align:center;}
.formlabel,.formtextlabel,.formentrylabel{text-align:right;vertical-align:bottom;padding-right:10px;padding-bottom:6px;width:175px;font-family:'lucida grande',tahoma,verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:bold;color:#666;}
.formcontrols {width:500px;}
.formtextlabel{vertical-align:top;padding-top:7px;}
.formentrylabel{vertical-align:baseline;}
.formtable,.formadmintable{background-color:#f7f7f7;border:1px solid #b3b3b3;padding-bottom:40px;padding-top:20px;padding-left:20px;padding-right:30px;margin-bottom:20px;width:800px;}
.formadmintable{padding-bottom:20px;}
.formshortentry{margin-top:2px;vertical-align:baseline;width:50px;}
.formshortpassword{margin-top:2px;vertical-align:baseline;width:110px;}
.formhelp{font-size:11px;text-align:left;padding-bottom:5px;padding-left:50px;}
.formhelp tt{font-size:12px;}
.formlistbox{margin-top:7px;vertical-align:bottom;width:300px;}
.formerror{font-weight:bold;font-size:11px;text-align:center;color:red;padding-bottom:4px;}
.formerror a{color:#b00;}
.formsubmit{margin-top:12px;margin-right:10px;}
.formentry,.formpassword{margin-top:2px;vertical-align:bottom;width:300px;}
.formcheck,.formtext{margin-top:-1px;}
.formadminfooter{margin:0;padding:0;height:0;padding-top:30px;font-size:10px;font-family:verdana,arial,helvetica;color:#5973a9;text-align:right;}
.formadminfooter a{color:#36538f;font-weight:bold;}
.formsubmitlink{font-weight:bold;font-size:10px;font-family:verdana,arial,helvetica;background:none!important;border:none;padding:0!important;color:#00f;text-decoration:underline;cursor:pointer;}
.formdisabledsubmitlink{font-weight:bold;font-size:10px;font-family:verdana,arial,helvetica;background:none!important;border:none;padding:0!important;color:#888;}

/* css based forms */
div.forminput, div.forminputstatic {margin-left:200px;margin-bottom:5px;}
div.forminputstatic {padding-top:5px;}
label {float:left;width:175px;text-align:right;padding-top:5px;font-family:'lucida grande',tahoma,verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:bold;color:#666;}
label.inline {float:none;width:auto;}
label.combo {margin-top:1em;}
/*form .clearfix::before, form .clearfix::after {display:table;}*/
.clearfix {*zoom:1;}
.clearfix:after {clear:both;content: ""; display:table;}

/* sortable tables used in various admin screens */
.prototools-table{width:100%;font-family:Helvetica;background-color:#E1E1E1;text-align:left;font-size:11px;}
.prototools-table th{background-color:#e4e4e4;border:1px solid #FFF;cursor:pointer;background-position:right center;background-repeat:no-repeat;background-image:url(default/bg.gif);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;}
.prototools-table th.desc{background-image:url('default/desc.gif');background-color:#CDDBDC;}
.prototools-table th.asc{background-image:url('default/asc.gif');background-color:#CDDBDC;}
.prototools-table td,.prototools-table th{padding:3px;font-size:11px;}
.prototools-table tr.line0{background-color:#FFF;}
.prototools-table tr.line1{background-color:#F4F4F4;}
.prototools-table tr.selected{background-color:#E4E4E4;cursor:pointer;}
div.prototools-options input,div.prototools-options select{border:1px solid #CCC;font-size:11px;margin:0 5px;padding:1px 3px;}
div.prototools-pager{border:1px solid #E1E1E1;font-size:11px;text-align:right;padding:5px 7px;}
div.prototools-pager .currentpage{padding-left:10px;padding-right:10px;}
div.prototools-pager .totalpages{padding:0;}
.prototools-table th.on,.prototools-table tr.on{background-color:#CDDBDC;cursor:pointer;}
div.prototools-options,div.prototools-search{border:1px solid #E1E1E1;font-size:11px;padding:5px 7px;}
div.prototools-pager input,div.prototools-search input{border:1px solid #E1E1E1;font-size:11px;margin:0 3px;}

/* tabs used in admin screens */
.tabs{padding:0;}
.tabs.top{background-color:#f7f7f7;}
.tabs .left_tabs{padding-left:10px;float:left;border-top-width:0px;left:0;}
.tabs .right_tabs{padding-right:10px;float:right}
.tabs .back_links{padding-right:20px;float:right}
.toggle_tabs{text-align:center;margin-bottom:-1px;list-style-type:none;padding:0px;margin-top:0px;margin-left:0;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;}
.toggle_tabs li{display:inline;padding:2px 0 3px;background:#f1f1f1;}
.toggle_tabs li a{border:1px solid #898989;border-left:0;color:#333;font-weight:bold;padding:2px 6px 3px 7px;display:inline-block;text-decoration:none;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;}
.toggle_tabs li a small{font-size:11px;font-weight:normal;}
.toggle_tabs li a:focus{outline:0;}
.toggle_tabs li a:hover{text-decoration:underline;}
.toggle_tabs li.first a{border:1px solid #898989}
.toggle_tabs li a.selected{margin-left:-1px;background:#6d84b4;border:1px solid #3b5998;border-left:1px solid #5973a9;border-right:1px solid #5973a9;color:#fff}
.toggle_tabs li.last a.selected{margin-left:-1px;border-left:1px solid #5973a9;border-right:1px solid #36538f}
.toggle_tabs li.first a.selected{margin:0;border-left:1px solid #36538f;border-right:1px solid #5973a9}
.toggle_tabs li.first.last a.selected{border:1px solid #36538f}
.toggle_tabs li a.selected:hover{text-decoration:none}
.toggle_tabs li a.disabled{color:#999;cursor:default}
.toggle_tabs li a.disabled:hover{text-decoration:none}
.toggle_tabs .hidden{display:none}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  /* ipad */
  body,div,p,th,td,li,dd{font-size:18px;}
  .commandlink,.smalltext,#bottomcommands a.cmlink,.disabledcmlink,#footerbreadcrumbs,#viewmsgarea,#postmsgs,#shortrecentchanges,#recentchanges,div#keypages,.helplinktext,.searchform,#commentstext {font-size:15px;}
  #modified {font-size:15px;top:-24px;}
  #commentarea {left:190px;top:39px;}
  div#keypages {top:40px;}
  #postmsgs {top:40px;}
  #bottomcommands {padding-top:0;}
  div#commandbuttons {width:250px;}
  div#pagename {font-size:24px;}
  div#forumname {font-size:15px;}
  div#bottomcontrols {height:120px;}
  #bottomcommands a.cmimglink,#bottomcommands .disabledcmimglink {font-size:15px;}
  .toggle_tabs li a {font-size:14px;padding-top:4px;}
  .formheader{font-size:20px;}
  .formmessage{font-size:18px;}
  .formlabel,.formtextlabel,.formentrylabel{font-size:14px;}
  .formhelp{font-size:15px;}
  .formhelp tt{font-size:15px;}
  .formerror{font-size:15px;}
  .smallerror{font-size:15px;}
  .formadminfooter{font-size:15px;}
  div.directorypagefooter{font-size:13px;}
  .formadminfooter a{color:#36538f;font-weight:bold;}
  .formsubmitlink{font-size:14px;}
  .formdisabledsubmitlink{font-size:14px;}
  label {font-size:15px;}
  input,select {font-size:16px;}
  .formtext {font-size:17px;}
   td.versionsprev {width:70px;}
  td.versionswhich {width:100px;font-size:15px;}
  td.versionsnext {width:145px;}
   form#versionsform label {width:125px;}
   form#versionsform div.forminput,form#versionsform div.forminputstatic {margin-left:150px;}
   table.versionsinnertable {width:700px;}
   .formtable,.formadmintable {width:900px;}
   #pagestable,#accountstable,#attachmentstable,#versionstable,#activitytable,#customlinkstable,#webviewstable{width:800px;}

  .prototools-table,.prototools-table th,.prototools-table td,.prototools-table th,div.prototools-options input,div.prototools-options select,div.prototools-pager,div.prototools-options,div.prototools-search,div.prototools-pager input,div.prototools-search input{font-size:15px;}

  img,input[type='image'] {zoom:1.5;}
  textarea.editbox {font-size:18px;}
  .heading {font-size:20px;}
   .accordionTabTitleBar {font-size:15px;}
   #adminpageexit {font-size:14px;top:80px;}
}