* {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
}

body {
  border-top: 4px solid #56A2FC;
  background: #FFF url(/images/layout/back.jpg) repeat-x top left;
}

div.code {
  font-family: monospace;
  background-color: #EEE;
  margin: 1em 2em;
  padding: 1em;
}

a[href] {
	text-decoration: none;
	color: #007BFF;
}

a:hover {
	text-decoration: underline;
}

ul, ol {
	margin: 0 0 1em 2em;
}

dt {
  font-weight: bold;
  color: #666;
}

dd {
  margin-left: 1em;
}

td {
	vertical-align: top;
}

a img {
	border: 0;
}

img.photo {
	border: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	width: 215px;
	background-color: #FFF;
}

.small {
	font-size: 90%;
}

img.left {
	float: left;
	margin: 0 1em 1em 0;
}

img.right {
	float: right;
	margin: 0 0 1em 1em;
}

.clear {
	clear: both;
}

.caution {
  color: red;
  padding: 10px;
  background: #FFE;
  border: 1px dotted red;
}

/*
 *
 */

.flash {
	font-size: 130%;
	font-weight: bold;
	color: #FF5900;
	padding: .25em 0;
	background-color: #FFF;
}

.scrollable {
	font-size: 80%;
	margin: .5em 0 0 1em;
	padding-right: 1em;
	max-height: 8em;
	overflow: auto
}

/*
 *
 */

.pagination {
	text-align: right;
	font-size: 90%;
	margin: 1em 0 2em 0;
}
.pagination .disabled {
	display: none;
}
.pagination a, .pagination span {
	padding: 2px 4px;
	border: 1px solid #DDD;
}
.pagination .current {
	color: #999;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
}

/*
 *
 */

.progress-border {
	height: 10px;
	background: white;
	border: 1px solid #CCC;
	margin: 0;
	padding: 0 2px 0 0;
	font-size: 0px;
}
.progress-bar {
	height: 8px;
	margin: 1px;
	padding: 0;
	background: blue;
	font-size: 0px;
}

/*
 *
 */

#wrap {
	width: 950px;
	margin: 0 auto 20px auto;
	background: #FFF url(/images/layout/wrap.jpg) repeat-y top left;
}

/*
 *
 */

#header {
	/*background: #20A51C url(/images/layout/header.gif) repeat-x top left;*/
	background: #FFF;
	color: #FFF;
	height: 155px;
}
#header h1 {
	font-size: 180%;
}
#header div.gutter {
	padding: 10px;
}
#header div.info {
	width: 230px;
	float: right;
	color: #666;
	font-size: 80%;
}
/*
 *
 */



body#root #t-root a,
	body#posts #t-posts a,
	body#events #t-events a,
	body#files #t-files a,
	body#users #t-users a,
	body#searches #t-searches a,
	body#workgroups #t-workgroups a,
	body#projects #t-projects a,
	body#documents #t-documents a {
	background: #BEF799 url(/images/layout/tab-hilite.gif) repeat-x top left;
}

/*
 *
 */

#content {
	float: left;
	width: 700px;
	font-size: 90%;
}
#content div.gutter {
	padding: 10px 15px 50px 15px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	color: #C0320D;
        clear: both;
}
#content h1 {
	font-size: 160%;
	margin: .25em 0 1em 0;
}
#content h1 .sup {
  font-weight: normal;
  font-size: 70%;
}
#content h1 .sub {
  font-weight: normal;
  font-size: 120%;
  margin-top: -1em;
}
#content h2 {
	font-size: 120%;
	margin: 1.5em 0 .5em 0;
	border-bottom: 1px dotted #C0320D;
	width: 100%;
}
#content h3 {
	font-size: 110%;
	margin: 1em 0 .25em 0;
}
#content p {
	margin-bottom: .5em
}
#content form {
	margin: 0;
	border: 1px solid #CCC;
	padding: 10px 20px 10px 10px;
	background-color: #F6F5F0;
	-moz-border-radius: .5em;
  border-radius: .5em;
}
#content input.special {
	display: none;
}
#content input, #content textarea {
	padding: 2px;
	font-size: 14px;
}
#content input.title, #content textarea.title {
	font-size: 200%;
	width: 100%;
}
#content div.submit {
	margin-top: 20px;
}

/*
#content table {
	 margin-bottom: 1em;
	 border-collapse: collapse;
}
#content table th, #content table td {
	 padding: 0 1em 0 0;
}
*/

/*
 * 700px -> 15 670 15
 */

#content div.left-66 {
	float: left;
	width: 400px; /* 670 - 15 / 3 * 2 - 5 */
}

#content div.right-33 {
	float: right;
	width: 250px; /* 670 - 15 / 3 * 1 */
}

#content div.left-50 {
	float: left;
	width: 325px; /* 670 - 15 / 2  - 5*/
}

#content div.right-50 {
	float: right;
	width: 325px; /* dito */
}

#content div.box, #content div.red-box, #content div.green-box {
	background: #FFF url(/images/layout/box-back.png) repeat-x top left;
	border: 1px solid #CC9;
	padding: 10px 10px 5px 10px;
	font-size: 90%;
	margin: 0 0 1em 0;
}
#content div.red-box {
	background: #FFF url(/images/layout/red-box-back.png) repeat-x top left;
	border: 1px solid #C99;
}
#content div.green-box {
	background: #FFF url(/images/layout/green-box-back.png) repeat-x top left;
	border: 1px solid #9C9;
}
#content div.box h1 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: .75em;
	color: #8B7765;
	border-bottom: 1px dotted #BFB483;
}

/*
 *
 */

#submenu {
  border-bottom: 1px solid #DCE7F5;
  margin: 0 0 1em 0;
  padding: 0 10px 5px 10px;
}

#submenu span.menu-item {
  font-size: 80%;
  padding-right: 1em;
}

/*
 *
 */

#sidebar {
	float: right;
	width: 250px; /* 10 230 10 */
	font-size: 80%;
}
#sidebar div.gutter {
	padding: 10px;
}
#sidebar h1 {
	font-size: 200%;
	margin-bottom: .5em;
}
#sidebar h2 {
	clear: both;
	font-size: 140%;
	margin: 1em 0 .25em 0;
}
#sidebar p {
	margin-bottom: .25em
}
#sidebar ul.labels {
	list-style: none;
	margin-left: 1em;
}

/*
 *
 */

div#activities-wrap {
	border: 1px solid #E2E2E2;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 4px 8px;
	background-color: #FFF;
	background-image: url(/images/layout/box-back.png);
	background-repeat: repeat-x;
	background-position: top left;
}
ul#activities {
	margin: 0;
}
ul#activities li {
	list-style-type: none;
	margin-bottom: 2px;
}
ul#activities li div {
	margin-left: 10px;
}

/*
 *
 */

#footer {
	clear: both;
	background: #FFF;
	border-top: 1px solid #D6D2BF;
	font-size: 80%;
}
#footer div.gutter {
	padding: 10px 10px 40px 10px;
}

#expandable-footer {
	background: #f1ffa9;
	border-top: 1px solid #CC9;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 100%;
	padding: 10px;
	z-index: 999;
}


/*
 * Chat
 */
#chatroom {
  overflow: auto;
  padding: .5em;
  height: 250px;
  border: 1px solid #CCC;
	-moz-border-radius: .5em;
  border-radius: .5em;
  margin-bottom: .5em;
	background-color: #FCFCFC;
}
.chatname {
  font-weight: bold;
  color: green;
}

/*
 * Errors
 */
.fieldWithErrors { /* Style for the form fields and labels with errors. */
  border-left: 4px solid red;
  padding-left: 8px;
  margin-bottom: .5em;
}
#errorExplanation { /* Style for the div element with the error messages. */
  padding: .5em 1em 0 1em;
  background-color: #FCC;
  border: 1px solid red;
  margin: 0 -10px 1em 0;
	-moz-border-radius: .5em;
  border-radius: .5em;
}
#errorExplanation h2 { /* Style for the header of the div element. */
  margin-top: 0;
  color: red;
  border: 0;
}
#errorExplanation p { /* Style for the paragraph that holds the message that appears right below the header of the div element. */
  display: none;
}
#errorExplanation ul li { /* Style for the list items with individual error messages. */
}