/* OVERALL DOCUMENT SETTINGS 
 * ======================================== */

html
{
	color: rgb(64, 64, 64);
	background-color: white;
}

body, input, textarea, select
{
	font-family:"Lucida Grande","Lucida Sans Unicode","Malgun Gothic",Helvetica,Arial,sans-serif;
}

.hand { cursor: hand; }

.section { margin-top: 1em; }
h1, h2, h3, ul, ol { margin-top: 0.5em; margin-bottom: 0.5em; }
p { margin-top: 1em; margin-bottom: 1em; }
h1 { font-size: 232%; }
h2 { font-size: 153.9%;  }
h3 { font-size: 123.1%; }
h4 { font-size: 116%; font-weight: bold; }
p, li { line-height: 150%; }
ul li { margin-top: 0.3em; }
.mainunit li, ul.green-bullet li {
	padding-left: 1.5em;
	background-image: url(../images/bullet_green.png);
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
}
/*em { font-;  }*/
strong { font-style: italic; }
em { font-weight: bold; }
blockquote { right-margin: 2em; left-margin: 1em; padding: 1em; background-color: rgb(245, 245, 245); border: 1px solid rgb(225, 225, 225); }

/* LINKS 
 * ========================================= */
a { text-decoration: none; color: #75507B; }
ul a, p a { text-decoration: underline; }
a:hover { text-decoration: underline; color: rgb(119, 68, 0); }

/* HEADERS AND FOOTERS
 * ============================================ */

#hd div#languages
{
	padding: 1em;
	float: right;
}


#hd h1 a 
{
/*    color: #5B464F;*/
}
#hd h1 span.desc
{
	font-size: 36%;
	color: rgb(128, 128, 128);
}


#hd 
{
}

#hd h2
{
	text-transform: uppercase;
	letter-spacing: 2px;
    color: #75507B;
/*	color: rgb(128, 128, 128);*/
	border-bottom: 1px solid rgb(196, 196, 196);
}

#bd
{
}

#ft
{
	padding: 0.5em;
	border-top: 1px solid rgb(196, 196, 196);
	text-align: right;
	color: rgb(128, 128, 128);
}

#ft a
{
	color: rgb(80, 148, 189);
}

div.docmain
{
	background-image: url(../images/shade2.png);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #D1D2C2;
	border-left: 1px dotted #D1D2C2;
	border-right: 1px dotted #D1D2C2;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
/*	background-color: rgb(249, 224, 255);*/
	background-color: rgb(251, 248, 255);

}

div.toolbar
{
	margin-top: 1em;
	padding-left: 1em;
	border-left: 1px solid rgb(196, 196, 196);
	overflow: hidden;
}

div.toolbar h3
{
	margin-top: 0.5em;
}

/* STYLE LINKS 
 * ============================================ */
a.imglink img
{
	border: 1px solid silver;
}


/* FORM ELEMENTS LINKS 
 * ============================================ */

input.blur
{
	color: rgb(160, 160, 160);
}

textarea
{
	padding: 0.2em;
	font-size: 100%;
	border: 1px solid silver;
	line-height: 150%;
}

input.button
{
	padding: 0.2em;
	height: 1.7em;
	border: 1px solid gray;
}

input.submit
{
	padding: 0.2em;
	height: 1.9em;
	border: 1px solid gray;
	background-color: rgb(235, 235, 255);
}

select
{
	padding: 0.2em;
	height: 2em;
	font-size: 100%;
	border: 1px solid silver;
	line-height: 150%;
}

input.text
{
	padding: 0.2em;
	height: 1.7em;
	font-size: 100%;
	border: 1px solid silver;
	line-height: 150%;
}

input.shorttext
{
	padding: 0.2em;
	height: 1.7em;
	font-size: 100%;
	border: 1px solid silver;
	line-height: 150%;
	width: 80px;
}

input.mediumtext
{
	padding: 0.2em;
	height: 1.7em;
	font-size: 100%;
	border: 1px solid silver;
	line-height: 150%;
	width: 160px;
}

input.button
{
	padding: 0.2em;
	height: 2.0em;
	font-size: 100%;
	border: 1px solid gray;
}

input.checkbox
{
	position: relative;
	top: 2px;
}

/* MISCELLANEOUS 
 * ================================================= */

div.centered
{
	text-align: center;
}

div.math
{
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.padded-singleline
{
	padding: 0.2em;
	padding-bottom: 0.4em;
}

img.shift-down-1px
{
	position: relative;
	top: 1px;
}

img.shift-down-3px
{
	position: relative;
	top: 3px;
}

div.hidden
{
	display: none;
}

div.rowname-small
{
	text-align: right;
	color: rgb(128, 128, 128);
}

div.rowname
{
	text-align: right;
	font-size: 153.9%;
	color: rgb(128, 128, 128);
	font-weight: bold;
}

/* POPUP MENU 
 * ========================================= */
div.popupmenu
{
	position: absolute;
	display: none;
	z-index: 500;
	top: 0px;
	left: 0px;
	width: 180px;
	background-color: white;
	border: 1px solid gray;
}

div.popupmenu *
{
	margin: 0px;
}

div.popupmenu h3
{
	padding: 0.2em;
	font-size: 93%;
	background-color: black;
	color: white;
}
div.popupmenu li
{
	padding: 0.2em;
	padding-left: 1.5em;
	cursor: pointer;
}

div.popupmenu li a
{
	text-decoration: none;
}

div.popupmenu li.selected
{
	background-color: rgb(120, 120, 120);
	color: white;
}

/* GLOBAL LAYOUTS 
 * ================================================= */

/* mainunit is a major unit of composition: mainunit should consist of a single, self-consistent entry */
.mainunit
{
}

/* has-transparent is an option of mainunit, but has a transparent child. the child should be shown when the cursor hovers over the mainunit. */
.has-transparent
{
}

/* transparents are not visible at first, and will be shown when the mouse hovers on the mainunit it belongs to */
.transparent
{
	display: none;
}

/* when will-highlight has the cursor, the mainunit gains highlighted class */
.highlighted
{
	background-color: rgb(250, 250, 245);
}


/* a one-columed div */
div.onecol
{
	padding: 0.5em;
}

/* a two-columned table with the leftmost column the id */
table.twocol
{
	width: 100%;
}

table.twocol td
{
	padding: 0.5em;
}

table.twocol td.first
{
	width: 12%;
	vertical-align: top;
}

table.twocol td.first div.day
{
    font-size: 40px;
    font-weight: bold;
    color: #d1d2c2;
    text-align: center;
}

table.twocol td.first div.month
{
    text-align: center;
    color: #8d8a85;
}

table.twocol td.second
{
	padding-left: 1em;
}

table.twocol td.small
{
	width: 12%;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	background-color: rgb(245, 245, 250);
	border-right: 1px solid rgb(210, 230, 230);
}

table.twocol td.center
{
	text-align: center;
}

table.twocol td.right
{
	text-align: right;
}

table.twocol tr.margin
{
	height: 0.5em;
}

table.twocol td.first input.text
{
	width: 60px;
	margin-bottom: 0.5em;
}

/* when the main unit of a table (a row) has transparent, it should be on the right side.. leave space for it. */
table.twocol .has-transparent td.second div.colmain, table.twocol .has-transparent td.second div.colmain
{
	width: 580px;
}

table.twocol td.second input.text, table.twocol td.second textarea
{
	width: 600px;
}

table.twocol td.second textarea
{
	height: 80px;
}

/* a multi-column table */
table.mulcol td
{
	padding-left: 0.5em;
}

/* TABULAR LAYOUT 
 * ======================================================= */
table.tabular
{
	margin-top: 1em;
	margin-left: 1em;
	width: 95%;
	border-top: 1px solid rgb(220, 220, 220);
	border-bottom: 1px solid rgb(200, 200, 200);
}

table.tabular td
{
	padding: 0.5em;
}

table.tabular tr.first 
{
	border-bottom: 1px solid rgb(200, 200, 200);
	background-color: rgb(250, 250, 250);	
}

table.tabular tr.first td
{
	text-align: center;
	font-weight: bold;
}

table.tabular tr.odd { }
table.tabular tr.even { background-color: rgb(250, 250, 255); }
table.tabular tr.selected { background-color: rgb(240, 240, 245); cursor: pointer; }

table.tabular td.col5 { width: 5%; }
table.tabular td.col10 { width: 10%; }
table.tabular td.col15 { width: 15%; }
table.tabular td.col20 { width: 20%; }
table.tabular td.col25 { width: 25%; }
table.tabular td.col30 { width: 30%; }

/* ICONS AND BULLETS 
 * ================================================= */

.quickpost-bullet
{
	background-image: url(../images/lightning.png);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.7em;
}
.page-bullet
{
	background-image: url(../images/page_white_text.png);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.7em !important;
}
.comment-bullet
{
	background-image: url(../images/comments.png);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.7em;
}
.folder-bullet
{
	background-image: url(../images/folder.png);
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.7em !important;
}

/* SOME SPECIFICS 
 * ============================================ */

.error_message
{
	font-weight: bold;
	color: rgb(128, 0, 0);
}

.login_message
{
	padding-left: 1em;
	font-weight: bold;
}


.float-right
{
	float: right;
}

.pagination
{
	text-align: center;
}

/* in read_view.php */
.moreinfo
{
	margin-top: 1em;
	border-top: 1px solid silver;
	border-bottom: 1px solid rgb(200, 200, 200);
	background-color: rgb(240, 240, 240);
	color: rgb(128, 128, 128);
}

.moreinfo a
{
	color: rgb(64, 64, 128);
	text-decoration: none;
}

.moreinfo a:hover
{
	color: rgb(196, 64, 64);
	text-decoration: underline;
}

/* in post_view.php */

#add_attachment
{
	width: 16px;
	height: 16px;
	background-image: url(../images/image_add.png);
}

.float-left-small
{
	float: left;
	width: 32px;
}

.attachment-entry
{
	float: left;
	text-align: center;
	padding: 0px;
	border: 1px solid silver;
	margin-right: 1em;
	margin-bottom: 1em;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.attachment-entry-highlight
{
	border: 1px solid black;
}

/* FOR PLUGINS AND STUFF
 * ============================================== */

/* for textarea resize plugin */
div.grippie {
	background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
}

.dp-highlighter li
{
	background-image: none;
}


/* DEPRECATED 
 * =====================================================
 
div#tooltip
{
	position: absolute;
	border: 1px solid black;
	background-color: rgb(255, 255, 225);
	color: black;
	font-size: 9pt;
	display: none;
	padding: 8px;
	padding-top: 6px;
	filter:alpha(opacity=0.5);
	-moz-opacity:0.5;
	opacity:.5;
}

*/