/* Common styles */
* {
    margin: 0;
    padding: 0;
}

body {
    background: url('images/body_bg.gif');
    color: #333333;
    font-family: Verdana,"BitStream vera Sans",Arial,Helvetica,sans-serif;
    font-size: 10pt;
    text-align: center;
}

a {
    color: #2970A6;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a:visited {
  color: #2970A6;
}

a img {
  border-style: none;
  vertical-align: bottom;
}

/* End common */

/* Header */

#header {
  height: 100px;
  background: url('images/line.png') center bottom no-repeat;

}

#img_header {
  margin-top: 15px;
}

/* End header*/

/* Container */
#container {
    margin: 0 auto;
    width: 880px;
    text-align: left;
}
/* End container */

/* Sidebar */
#sidebar {
    float: left;
    width: 190px;
    padding: 4px;
}


#sidebar input#search {
    width: 184px;
    border: 1px #E5E3D8 solid;
    padding: 2px;
}

#sidebar h2 {
    font-family:'Lucida Grande',Verdana,Sans-Serif;  
    font-size: 1.1em;
    margin-bottom: 4px;
}

#sidebar ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#sidebar li {
    padding: 2px 0 2px 16px;
    font-size: 0.85em;
}

/* End sidebar */

/* Content */
#content {
    float: left;
    width: 640px;
    padding: 0 20px 20px;
}
/* End content */

/* Footer */
#footer {
    background: url('images/footer.png') top center no-repeat;
    height: 30px;
    padding: 20px 10px 0 10px;
}

#footer #feedback {
    padding-left: 19px;
    background: url('images/email.gif') 0px -2px no-repeat;
}

#footer .copyright {
  text-align: center;
  margin: 7px 0;
}

#footer .version {
  text-align: center;
  font-size: 0.8em;
  padding-bottom: 7px;
}

/* End footer */

/* Show Message */
.message-title {
    font-size: 1.4em;
    margin-bottom: 0.45em;
}

.message-title a {
    color: black;
}

.message-title a:visited {
    color: black;
}

.message_content {
    padding: 10px 0 0;
}

.message_content .read_more {
  text-align: right;
  font-weight: bold;
  padding-bottom: 7px;
}

.message_separator {
  border-top: 1px silver solid;
  padding-top: 10px;
}

/* End Show Message */

/* Message Editor and Viewer */

#preview {
  padding: 5px 0;
  width: 560px;
  float: right;
}

#preview div#anotation_preview {
  width: 560px;
}

#preview div#text_preview {
  width: 560px;
}

/* End Message Editor and Viewer */

/* Admin Toolbar */

#admin_toolbar_placeholder {
    height: 21px;
}

#admin_toolbar {
    position: fixed;
    width: 100%;
    background: #FAF9C8; /*Old #FFFFE0*/
    padding: 3px;
    height: 15px;
    border-bottom: 1px gray solid;
}

/* End Admin Toolbar */

/* Navigation Panel */
#navigation {
  margin-top: 10px;
  margin-bottom: 45px;
}

.prev_link {
  float: left;
  padding-left: 10px;
}

.next_link {
  float: right;
  padding-right: 10px;
}

/* End Navigation Panel */

/* Attachment */

#file_upload_form p {
  padding-bottom: 5px;
}

#file_upload_form input {
  width: 99%;
}

#file_upload_form #submit {
  float: right;
  width: auto;
}

#attachment_scroll {
  margin-top: 10px;
  overflow: auto;
  height: 250px;
}

/* End Attachment */

/* About Page */
#about div, #about img {
  float: left;
}

#about div {
  width: 440px;
}

#about ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

#about li {
  padding: 2px 0 2px 16px;
  font-size: 0.90em;
}

#about ul li ul li:before {
     content: "\2212\0020";
}

#about p {
  text-align: justify;
  line-height: 1.4em;
  margin: 15px 0;
}
/* End About Page */

/* Cloud */

#cloud a {
  padding: 0 2px;
}

/* End Cloud */

ul.message-header {
  padding: 5px 0;
  border-bottom: 1px #CCC solid;
/*  border-top: 1px #CCC solid;*/
}

/* Start Multi-CAPTCHA */

.multi-captcha {
  width: 100%;
}

.multi-captcha .refresh-captcha {
  cursor: pointer;
  padding-bottom: 14px;
}

/* End Multi-CAPTCHA */

.pagination {
  font-family: "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
  text-align: center;
  font-weight: bold;
  color: black;
  margin: 7px 0;
}

.pagination span, .pagination a {
  background: url(images/number_bg.gif) top left repeat-x;
  border: 1px #CCC solid;
  height: 20px;
  padding: 0 5px;
  text-decoration: none;
  color: black;
}

.pagination span.current {
  background: white;
}

.pagination span.disabled {
  display: none;
}

.pagination a:hover {
  background: none;
  color: black;
  text-decoration: none;
}


.message {
  color: #333333;
  font-family: Verdana,"BitStream vera Sans",Arial,Helvetica,sans-serif;
  font-size: 10pt;
  line-height:1.45em;
}

.message ul {
  padding-left: 20px;
  padding-bottom: 15px;
}

.message ol {
  padding-left: 26px;
  padding-bottom: 15px;
  text-align: justify;
}

.message img {
  padding: 7px;
}

.message p {
  text-align: justify;
  line-height: 1.4em;
  margin-bottom: 15px;
}

.message .ximg {
  border: 1px silver solid;
  padding: 7px 7px 0px 7px;
  background: #F5F5F5;
  margin: 0 7px;
}

.message .ximg img {
  padding: 0;
}

.message .ximg .label {
  text-align: center;
  font-style: italic;
  font-size: 0.8em;
}

.message pre {
    background: #F0F0F0 none repeat scroll 0 0;
    overflow: auto;
    margin: 15px 0;
    padding: 5px 0;
    clear: both;
    width: 100%;
}

.message .default_table {
  border: #ccc 1px solid;
  border-spacing: 0;
}

.message .default_table th {
  background-color: #ddd;
  padding: 4px;
}

.message .default_table td {
  padding: 4px;
}

.message blockquote {
  padding-left: 5px;
  margin-left: 15px;
  border-left: 2px #ccc solid;
}


/*

Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>

*/
.comment,
.annotation,
.template_comment,
.diff .header,
.chunk,
.apache .cbracket {
    color: rgb(0, 128, 0);
}

.keyword,
.id,
.title,
.vbscript .built_in,
.rsl .built_in,
.cpp .built_in,
.aggregate,
.smalltalk .class,
.winutils,
.bash .variable {
    color: rgb(0, 0, 255);
}

.string,
.title,
.parent,
.tag .attribute .value,
.rules .value,
.rules .value .number,
.ruby .symbol,
.instancevar,
.aggregate,
.template_tag,
.django .variable,
.addition,
.flow,
.stream,
.apache .tag,
.date {
    color: rgb(163, 21, 21);
}

.ruby .string,
.decorator,
.filter .argument,
.localvars,
.array,
.attr_selector,
.pi,
.doctype,
.deletion,
.envvar,
.shebang,
.preprocessor,
.userType,
.apache .sqbracket {
    color: rgb(43, 145, 175);
}

.phpdoc,
.javadoc,
.xmlDocTag {
    color: rgb(128, 128, 128);
}


/* Common styles */

.clearfix {
    clear: both;
}

label {
    font-weight: bold;
    padding-right: 4px;
    color: #505050;
}

.information {
    text-align: center;
    border: #e2c822 1px solid;
    background-color: #fff9d7;
    padding: 3px;
}

.information2 {
    text-align: center;
    border: #ccc 1px solid;
    background-color: #f7f7f7;
    padding: 3px;
}

.error {
    text-align: center;
    border: #dd3c10 1px solid;
    background-color: #ffebe8;
    padding: 3px;
}

.border {
  border: 1px silver solid;
}

.separator {
  border-top: 1px gray dotted;
}

.asterisk {
  padding: 10px 0;
  text-align: center;
}

.padding {
  padding: 7px;
}

.y_margin {
  margin: 7px 0;
}

.center_text {
  text-align: center;
}

.right_text {
  text-align: right;
}

.required {
  color: #B00;
}

.gray {
  color: #AAA;
  font-size: 0.8em;
  cursor: default;
}

/* End common */


/* Start Meta-Header */

ul.meta-header {
  overflow: hidden;
  list-style: none;
}

ul.meta-header img {
  vertical-align: top;
}

ul.meta-header li {
  float: left;
  padding-right: 10px;
}

/* End Meta-Header */

/* Notification Dialog */

.small-cross-button {
  cursor: pointer;
  float: right;
}

/* End Notification Dialog */


/* Comments */

.comments-header {
  margin: 20px 0;
}

.comment-item {
  margin-top: 10px;
}

ul li.comment-item {
  list-style: none;
}

ul li.comment-item ul li.comment-item {
  padding-left: 20px;
}

.comment-content {
  clear: both;
  margin: 5px 0;
  padding: 5px;
}

.not-verified-comment .comment-content{
  background-color: #EFF;
}

.comment-content p {
  padding: 4px 0;
}

.comment-content blockquote {
  margin-left: 10px;
  padding-left: 4px;
  border-left: 2px red solid;
}

.comment-content a {
  color: blue !important;
}

.comment-content cite {
  text-decoration: underline;
  font-style: normal;
}

.comment-content pre {
  overflow: auto;
  width: 100%;
  background-color: white;
}

ul.comment-edit-menu {
  float: right;
  list-style: none;
}

ul.comment-edit-menu li, ul.comment-verify-menu li {
  float: left;
}

ul.comment-edit-menu li a {
  margin: 3px;
}

.comment-editor-holder {
  padding-left: 20px;
}

.user {
  border: #ccc 1px solid;
  background-color: #f7f7f7;
}

.admin {
  border: #ccc 3px double;
  background-color: #f7f7f7;
}

/* End Comments */

/* Start Comment Editor Form */

#comment-preview {
  display: none;
  padding: 5px;
}

#comment-header {
  border-bottom: none;
}

#comment-header a {
  color: black !important;
  border-bottom: 1px black dashed;
  padding-bottom: 2px;
  margin: 10px 0;
}

#comment-header a:hover {
  text-decoration: none;
}

#comment-editor {
  padding: 10px 0;
  overflow: hidden;
}

#comment-editor input[type="text"] {
  width: 40%;
}

#comment-editor textarea {
  height: 150px;
}

#comment-editor input#captcha {
  width: 104px;
}

#comment-editor input[type="submit"] {
  display: inline;
  cursor: pointer;
}

/* End Comment Editor Form */


#bb-codes-help-dialog table {
  border: 1px solid gray;
  width: 100%;
  padding: 0;
}

#bb-codes-help-dialog table thead tr {
  background-color: gray;
  color: white;
}

#bb-codes-help-dialog table td,
#bb-codes-help-dialog table th {
  padding: 5px;
}

#bb-codes-help-dialog table tbody tr.even {
  background-color: #EEE;
}

/* Form Styles */

.form p {
  margin: 7px 0;
}

.form h1 {
  font-size: 1.4em;
  padding-bottom: 4px;
  border-bottom: 1px #AAA solid;
}

.form input[type="text"], .form textarea {
  background: #FFFFFF url(images/input.gif) repeat-x scroll 0 0;
  border: 1px solid #E5E3D8;
  padding: 3px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
}

.form input[type="submit"], .form input[type="button"] {
  margin: 7px 0;
  background: #FFFFFF url(images/input.gif) repeat-x scroll 0 0;
  border: 1px solid #AAA;
  padding: 3px;
}

/* End Form Styles */


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}