/* === PHOTO === */
div.photo
{
  float: left;
  border: 1px solid #C2E3EF;
  padding: 5px;
  background: #FFF;
  width: 100px;
  height: 100px;
  margin: 0 4px 8px 4px;
  font: 11px Verdana, sans-serif;
  text-align: center;
}

img.thumb
{
  width: 100px;
  height: 100px;
  margin-bottom: -3px;
}

div.photo div.name
{
  width: 100px;
  overflow: hidden;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

div.photo div.status
{
  margin-bottom: 10px;
}

div.photo div.progress
{
  border: 1px solid #C2E3EF;
  text-align: left;
  height: 6px;
  width: 98px;
}

div.progress div
{
  background: #7BB963;
  height: 6px;
  width: 0;
}

/* === MESSAGES === */
span.error
{
  margin-left: 10px;
  background: url(/images/icons/error.png) left center no-repeat;
  padding-left: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #C34D34;
}

div.fieldWithErrors
{
  display: inline;
}

div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select
{
  border-color: #C34D34;
}

div.errorExplanation
{
  padding: 10px;
  margin-bottom: 10px;
  background: #FFE4DF;
  border: 1px solid #EFB3B3;
}

div.errorExplanation h2
{
  font-size: 12px;
  color: #C34D34;
  background: url(/images/icons/error.png) left center no-repeat;
  padding-left: 20px;
  border: none;
}

div#loading
{
  background: #CF0C0C url(/images/loading.gif) 8px center no-repeat;
  color: #FFF;
  padding: 8px 12px 8px 30px;
  font-weight: bold;
  position: fixed;
  top: 0;
  right: 30px;
}

div#notice
{
  padding: 10px 10px 10px 30px;
  background: #E7FFDF url(/images/icons/notice.png) 8px center no-repeat;
  margin-bottom: 10px;
  border: 1px solid #73B65A;
  font-weight: bold;
}

div#warning
{
  padding: 10px 10px 10px 30px;
  background: #FFEFEF url(/images/icons/error.png) 8px center no-repeat;
  margin-bottom: 10px;
  border: 1px solid #EFB3B3;
  font-weight: bold;
}

div.message
{
  background: #FFF8CC;
  border: 1px solid #FFE222;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
}

/* === CLEARER === */
.clearer
{
  clear: both;
  height: 1px;
  overflow: hidden;
  margin-top: -1px;
}

/*
* Forum Styles
*/

#sub_nav a    {margin: 0 9px 0 0; padding: 5px; background: #aaa; border: 1px solid #333;}
#sub_nav    {margin: 0 0 20px 0; padding-top: 10px;}

.forums_wrapper {margin: 0; padding: 0}
.forums_wrapper li {list-style: none;}

#forum_list_header, ul .forum, .forum_topics tr {
  margin: 3px 0px 3px 0px;
  position: relative;
  background: #999;
}

#forum_list_header div, ul .forum div, .forum_topics td {
  padding: 3px 10px;
}

#forum_list_header .info {
  margin-right: 220px;
}

#forum_list_header .last_post, ul .forum .last_post {
  position: absolute;
  right: 0px;
  width: 200px;
  height: 100%;
/*  border-left: 1px solid #000;*/
  text-align: right;
}

ul .forum .info {
  margin-right: 220px;
}


ul .forum:hover, .forum_topics tr:hover {
  background: #aaa;
}

ul .forum .details {
  margin-bottom: 5px;
  display: block;
}

ul .forum h2 {
  margin-bottom: 0px;
}

ul .forum h2 a{
  font-size: 14px
}

div.forum .forum_name, .forum_topic h1 {
  margin-bottom: 5px;
}

div.forum .forum_description {
  margin-top: 10px;
}

div.forum table, table.forum_topics {
  width: 100%;
}

table.forum_topics tr.labels {
  background: #bbb;
  font-weight: bold;
}

table.forum_topics td.last_post {
  text-align: right;
  width: 200px;
}

table.forum_topics td.posts {
  text-align: center;
  width: 50px;
}

table.forum_topics td.controls {
  text-align: right;
  width: 100px;
}
table.forum_topics td {
  border-bottom: 1px solid #000;
}


.forum_topic .post {
  position: relative;
  margin-bottom: 30px;
}

.forum_topic .info {
  left: 0;
  top: 0;
  position: absolute;
  width: 150px;
  height: 100%;
  background: #999;
  padding: 10px;
}

.forum_topic .body {
  padding: 10px;
  margin-left: 170px;
  border-top: 3px solid #ddd;
  min-height: 90px;
}

.topic_followup .body {
  text-align: right;
}

.topic_followup textarea{
  float: none;
  width: 100%;
  margin-bottom: 10px;
}


#new_forum_topic textarea {
  width: 600px;
}

#new_forum_post label {text-align: left;}

.user-thumb { float: left; margin-right: 3px;}
.user-medium { float: left; margin-right: 5px;}
.friend-small { float: left; margin-right: 5px;}
.global-friend, .global-friend-small { float: left; margin-right: 5px;}

.wall {margin-top: 10px;}
.wall_comments {margin-left: 20px;}

form ul.module_list, form ul.tabs_list{
	list-style: none;
	margin-left: 10px;
	min-height: 40px;
	min-width: 50px;
}
form ul.module_list li{
	border: 1px solid #c0c0c0;
	padding: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	vertical-align: text-top;
}
form #feature-left{
	float: left;
	width: 18%;

	min-height: 200px;
}
form #feature-right{
	float: right;
	width: 78%;
}
p#form-submit{ clear: right;
		float: right;
		margin-right:  20px;}
form div#first{width: 26%;
	border-top: 3px solid #408080;
	border-right: 1px solid #408080;
	border-bottom: 3px solid #408080;
	border-left: 3px solid #408080;}
form div#midle{width: 44%;
	border-top: 3px solid #408080;
	border-right: 1px solid #408080;
	border-bottom: 3px solid #408080;
	border-left: 2px solid #408080;}
form div#last{width: 25%;
	border-top: 3px solid #408080;
	border-right: 3px solid #408080;
	border-bottom: 3px solid #408080;
	border-left: 2px solid #408080;}
form div.feature-column{
	float: left;
	min-height: 200px;
}
form #feature-bottom{
	float: right;
	width: 30%;
	margin-right: 50px;
	margin-top: 20px;
	clear: both;
}
form #feature-disabled{
	border: 3px solid #004040;
	min-height: 50px;
}
form span.feature-item{
	vertical-align: middle;
}
/* tabs edit css beginning */
form #shown-tab-list li.shown-tabs, form #mandatory-tab-list li.non-feature-tab{
	width: 240px;
	border: 2px solid #ffffff;
	margin: 8px 10px;
	padding: 5px;
	min-height: 20px;
	-moz-border-radius: 4px;

}
form #shown-tab-list li.disable-tabs{
	width: 240px;
	border: 2px dotted #ffffff;
	margin: 8px 10px;
	padding: 5px;
	min-height: 20px;
	-moz-border-radius: 4px;
	background-color: #2C3131;
}
form #shown-tab-list li label, form #mandatory-tab-list li label{
	width: 120px;
	float: left;
	text-align: left;
}
form #shown-tab-list li label.checkbox-label{
	width: 70px;
	float: right;
}
form #shown-tab-list input.checkbox-hide-tab{
	margin: 4px;
	padding: 0;
}
form #tabs-right-column{
	margin-left: 20px;
	float: left;
}
form shown-tab-list li label{
	width: 120px;
	float: right;
}
form #tabs-right-column h2{
	color: #CFDE68;
	margin-left: 21px;
}
p#tabs-form-submit{
	 clear: both;
		float: left;
		margin-left:  193px;}

fieldset.radio {border-left: none; border-right: none; border-bottom: none; margin-top: 0; margin-bottom: 0 }
fieldset.radio ol li label {float: none; }

/* === Event === */
.event {
  margin: 10px 0;
}

#content-inner {
  padding: 10px;
}

iframe { background-color: #999 }