/***************************************/
/* TYPOGRAPHY */

/* Typography */
body, table, td, input, select, option, textarea { font: 8pt Arial; line-height: 1.2em; }
h1, h3 { font: bold 10pt Arial; letter-spacing: -1px; }
h3 { margin-top: 0px; }
#navigation { }
#navigation_private, #navigation_private a, div#navigation_public li { font: 8pt Arial; }
div#navigation tr#actions a { }
#search a { font: bold 8pt Arial; }
h2 { font: bold 9pt Arial; letter-spacing: -1px; }
pre { font: 12px Courier; line-height: 1.4em; }
.message { font: bold 12px Arial; line-height: 1.5em; }
div#title h1 { }

/***************************************/
/* GLOBAL STYLING */

/* Paragraphs */
p { margin: 0 0 10px 0; max-width: 550px; }

/* Tables */
table { color: black; }
th { text-align: left; }
td { vertical-align: top; padding: 0 10px 2px 0; margin: 0;}

/* Links */
a { color: red; text-decoration: underline; }
a:hover { color: red; }
:focus { -moz-outline-style: none; }
a img { border: 0 }
a._zip { background: url("../g/media/zip.png") no-repeat; padding: 0 0 48px 52px; }
a._pdf { background: url("../g/media/pdf.png") no-repeat; padding: 0 0 48px 52px; }
a._mov { background: url("../g/media/mov.png") no-repeat; padding: 0 0 48px 52px; }
a._mp3 { background: url("../g/media/mp3.png") no-repeat; padding: 0 0 48px 52px; }

/* Images */
img { border: 0; }

/* Lists */
ul { margin: 0px; padding-left: 20px; }
ul li { }
li { list-style: disc; }
ul ul { padding-left: 10px; }
ul ul ul { padding-left: 10px; }
#content ul img { margin-left: -20px; margin-top: 20px; }

/* Line */
hr { height: 0px; border: 0; border-bottom: 1px solid #ccc; margin: 5px 0 0px 0; padding: 0px; }

/* Forms */
input, select { width: 120px; margin: 0 5px 0 0; }
/*input, select, textarea { border: 1px solid #999; }
input:focus, select:focus, textarea:focus { border: 1px solid rgb(0,128,255); }*/
input { padding: 1px 2px 1px 2px; }
select { background: white !important; }
input[type="file"], input[type="checkbox"] { width: auto; }
textarea { width: 100%; height: 200px; margin-bottom: 5px; padding: 3px; }
iframe { border: 0; }

/* Code */
pre { margin: 0; }
pre.python { background: rgb(245,240,235); background: rgb(235,235,225); border: 1px solid #ddd; color: #555; padding: 2px 5px 2px 5px; }
ul+pre { margin-top: 10px; }
td pre { margin-top: 5px; margin-bottom: 5px; }
pre+pre { margin-top: 5px; }
pre.python { margin: 10px 0 10px 0; }

body { background: url(gradient.jpg); color: black; margin: 20px; }
body#body { background: white; color: black; margin: 20px; }

/***************************************/
/* WIKI STYLING */

/* Page structure */
div#all { }
div#header_and_navigation { }

/* Page header */
div#header { margin-bottom: 25px; }
div#header img { border: 0; }

div#title { display: none; }

/* Page navigation */
div#navigation { width: 142px; }
div#navigation_public { padding: 10px 10px 10px 0px; }
div#navigation_private { padding: 0; }
div#navigation td { padding-right: 5px; }
div#navigation a { color: black; padding-right: 5px; text-decoration: none; }
div#navigation a:hover { color: red; }
div#navigation_private { color: #888; position: absolute; top: 45px; left: 230px; width: 400px; }
div#navigation_private a { color: #888; display: inline; }
div#navigation_private .user_private_nav a { color: black; }
div#navigation_private .user_private_nav a:hover { text-decoration: underline; }

/* Page navigation tree */
div#navigation_public { }
div#navigation_public ul { padding: 0; display: block; }
div#navigation_public li { list-style: none; }
div#navigation_public img { padding-left: 2px; border-left: 1px solid white; }
div#navigation_public img:hover { }
div#navigation_public li:hover { color: red; }
div#navigation_public li#current_node { font-weight: bold; }
div#navigation_public a { white-space: nowrap; }
div#navigation_public a#current_page { }
div#navigation_public ul ul { margin-left: 55px; margin-top: -34px; display: none; min-height: 25px; position: absolute; }
* html div#navigation_public ul ul { margin-left: 0px; margin-top: 4px; } /* IE specific */
div#navigation_public ul ul ul { color: #666; margin: 0 0 5px 0; position: relative; }
div#navigation_public ul ul ul a { color: #666; } 
div#navigation_public ul li#current_node,
div#navigation_public ul li:hover { background: url(../g/dot-black.gif) no-repeat 0px 6px; padding-left: 7px; margin-left: -7px; }  
div#navigation_public ul ul li:hover { background: none; padding-left: 0; margin-left: 0; }
div#navigation_public ul ul li#current_node { background: url(../g/dot-black.gif) no-repeat 0px 4px; padding-left: 7px; margin-left: -7px; }  
div#navigation_public ul ul ul li#current_node { background: url(../g/dot-grey.gif) no-repeat 0px 4px; padding-left: 7px; margin-left: -7px; }  

/* Page contextual links: languages and search */
div#contextual { }
div#languages { display: inline; padding: 0 10px 0 10px; }
div#search { display: inline; padding: 0 5px 0 0; }
div#search form { display: inline; margin: 0; }
div#search input { margin: 4px 0 4px 0; padding: 0px; width: 100px; }
div#search a { font-weight: normal; color: #666;}
div#search a:hover { color: #666; text-decoration: underline; }

div#languages a { background: rgb(255,0,100); }
div#languages a { border: 1px solid #444; color: #555; padding: 3px 4px 3px 4px;  }

/* Page content */
div#content { background: white; padding: 5px 20px 10px 5px; margin-left: 50px; }
div#content .inside { width: 650px; }

/* Page footer */
#footer { color: #aaa; font-size: 10px; padding-left: 55px; margin-top: 15px; }
#footer a { color: #aaa; }

/* Page comments */
.comment { color: #666; }
.comment textarea { width: 350px; height: 10em; margin: 0; }
.comment_by { }
#blog_link { }

/* Search page */
.search input { margin: 3px 0 0 3px; }
.search { background: rgb(230,235,245); }
.bar { background: rgb(190,195,205);; height: 8px; margin-top: 4px; line-height: 1px;  }

/* Clients */
table.clients { width: 100%; border-collapse: collapse; }
table.clients th { padding-left: 10px; }
table.clients td { padding: 2px 10px 2px 10px; }
table.clients td.right { width: 100%; }
tr.odd td { background: rgb(245,250,255); }

/* Shared pages */
#shared { width: 100%; }
#shared td { white-space: nowrap; padding-right: 10px; padding-bottom: 0; }
.shared-comments { width: 15px; padding-top: 3px; }
.shared-comments div { background: rgb(0,128,255); color: white; font: bold 9px Arial; padding: 1px 2px 1px 2px; width: 10px; text-align: center; }
.shared-comments div.recent { background: deeppink; }
.shared-date { font-style: italic; }
.comment pre { max-width: 650px; min-width: 98%; overflow: hidden; }

/* Generate / Image selections */
#select_images, #selected_images { border: 1px solid #999; padding: 3px; margin-bottom: 10px; overflow: auto; }
#select_images { height: 210px; }
#selected_images { height: 100px; }
#selected_images img { padding-right: 3px; padding-bottom: 3px; }
#generate textarea { height: 100px; }

/* Backend */
.edit textarea, .create textarea { height: 450px; width: 650px; }
.edit .tags, .create .tags { margin-top: 8px; width: 248px; font-size: 95%; }
.passwd textarea { height: 100px; }
.perm td { padding-bottom: 5px; }
.util { padding: 20px; }
.util a { color: white; }
.util #content { padding: 10px 20px 20px 20px; text-align: left; }
.util textarea { height: 400px; }
.util #content iframe { margin-bottom: 5px; }

/* Style items */
.black_box { background: black; color: white; font-size: 80%; font-weight: bold; padding: 2px 4px 2px 4px; margin: 0 5px 0 0; }
.red_box { background: red; color: white; font-size: 80%; font-weight: bold; padding: 2px 4px 2px 4px; margin: 0 5px 0 0; }
.red_text, .red_text a { color: red; }
.red_text a { text-decoration: underline; }
.green_text, .green_text a { color: #0CB14B; }
.green_text a { text-decoration: underline; }
.image_border img, table span.image_border img, .border { border: 1px solid #888; }
.arial8pt { font-family: Arial; font-size: 8pt; line-height: 1.2em; }
.arial10pt { font-family: Arial; font-size: 10pt; line-height: 1.2em; }
.arial12pt { font-family: Arial; font-size: 12pt; line-height: 1.2em; }
.georgia8pt { font-family: Georgia; font-size: 8pt; line-height: 1.2em; } 
.georgia10pt { font-family: Georgia; font-size: 10pt; line-height: 1.2em; } 
.georgia12pt { font-family: Georgia; font-size: 12pt; line-height: 1.2em; } 
.mceContentBody .header_image { display:block !important; }
.mceContentBody .header_image img { border: 1px solid rgb(255,0,128); width: 100px; }

/***************************************/
/* TINYMCE STYLING */

/* TinyMCE editor */

.mceContentBody { background: white; padding: 3px; text-align: left; width: 620px; margin: 0; }
.mceContentBody table { border-collapse: collapse; width: 100%; }
.mceContentBody td { border: 1px dotted black; }
.mceContentBody a { color: red !important; } /* Nasty Firefox-TinyMCE bug */
.mceContentBody embed { background: url("../g/media/mov.png") no-repeat 5px 10px; padding: 25px; }
.mceStatusbarPathText { display: none !important; }

/* TinyMCE popups */
.tabs { display: none; }
.panel_wrapper { background: rgb(230,235,245); border-bottom: 1px dotted #333; padding: 20px 0 30px 20px;  }
.panel_wrapper legend { display: none; }
.panel_wrapper fieldset {  border: 0; }
.panel_wrapper #advanced_panel { display: none; }
body.source { padding: 5px; background: rgb(230,235,245); }
body.source textarea { padding: 5px; }

/* Overlay editors */
.overlay_editor { z-index: 100; overflow: hidden; color: white; }
.overlay_editor { position: absolute; bottom: 20px; left: 20px; width: 350px; padding: 15px 10px 25px 10px; }
.overlay_editor, body.util #content { background: rgb(10,10,10); filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; color: #ccc; border: 1px solid #444; }
.overlay_editor, body.util #content td { color: white; }
.overlay_editor h3 { padding-top: 0; margin-top: 0; }
.overlay_editor table { color: white; }
.overlay_editor a { color: white; }
#link_editor input, #link_editor select { width: 200px; }
#media_editor { height: 350px; width: 450px; }
#media_editor .thumbs,
#media_editor .list { padding: 3px; height: 270px; overflow: auto; border: 1px solid #444; }
#media_editor img { filter:alpha(opacity=90); opacity: 1.0; -moz-opacity:1.0; }
#source_editor { height: 375px; width: 450px;  }
#source_editor textarea { height: 300px; }
#source_editor textarea, .util textarea { font: 11px Courier; line-height: 1.3em; }

/***************************************/
/* SPECIFIC PAGES */
div.topic { width: 80px; }
div.example { margin-top: 20px; }