#doc2{
color: #464337;
	background-color: white;
}

.mainContentArea .first_alt, .yui-b, .mainContentArea .box {
  padding-top: 10px;
  width: 96%;
  margin-left: 2%;
}

div.auto_complete {
  width: 350px;
	/* 
	 * z-index should be >= 30, which is the z-index of the dhtmlxcombo box (dhtmlxcombo.css)
	 * Prefer to use z-index = 30, which will allow the ordering of the boxes
	 * in the html determine which one to put in front.
	 */ 
	z-index: 30;
}
  div.auto_complete ul {
  border: 1px solid #888888;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: auto; 
}
div.auto_complete ul li {
	margin: 0;
	padding: 3px; 
}
div.auto_complete ul li.selected {
  background-color: #FFFDC0; 
}
.clear {
	clear: both;}
.right {
	float: right;}
.left {
	float:left;}
.centered {
	text-align:center; }
img.polaroid {
	padding:5px;
	border: 1px solid #A2A19B;
	}


/* =============================================== */
/* 2. HEADER                                       */
/* =============================================== */

#hd{
}

#hd h1{float: left;}

#hd h1 a{
font-size: 182%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
display: block;
margin: 0; /*20px 0 10px 0;*/
color: #464337;
}

#hd h1 a:hover{text-decoration: underline;}

#hd h2{
}

/* UserPanel */

#UserPanel{
	float: right;
	font-size: 80%;
	margin-top: 12px;	
}

/* Banner */

#Banner{
	clear: both;
	
	background-color: #405463;
	
	margin-top: 12px;
	height: 91px;

}

#Banner .sponsor{
	margin: 6px;
}

/* Navbar */

#NavBar{
	background: #aba8a3 url(/plugin_assets/community_engine/images/bg_navbar.gif) repeat-x 0 0;
	border-top: 1px solid #d9d6d3;
	clear: both;
}

#NavBar ul, #NavBar ul li{float: left;}

#NavBar ul li a{
display: block;
font-size: 108%;
padding: 15px 10px;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #fff;
color: #464337;
text-decoration: none;
}

#NavBar ul li#active a, #NavBar ul li.current a{
background: #fff;
text-decoration: none !important;
}

#NavBar ul li a:hover{text-decoration: underline;}

#NavBar form{float: right;}

#NavBar form label{display: none;}

#NavBar form select{
font-size: 108%;
padding: 4px 5px 4px 5px;
margin: 11px 10px 0 0;
border: none;
}

#NavBar form input{
font-size: 108%;
padding: 4px 15px 4px 5px;
margin: 11px 10px 0 0;
background: #fff url(/plugin_assets/community_engine/images/search.gif) no-repeat right center;
border: none;
}


/* =============================================== */
/* 3. WELCOME                                      */
/* =============================================== */

#welcome .box{
background: #fff1b2;
margin-top: 0;
padding: 1em;
border-bottom: 2px solid #ffd735;
border-top: 1px solid #ffd735;
}

#welcome .box h2{
font-size: 197%;
margin-bottom:.5em;
}

#welcome .box h2 a{color: #464337;}

#welcome .box p{
font-size: 108%;}

#welcome .box h4{
background:url(/plugin_assets/community_engine/images/bg_h6btn.gif) repeat-x left center;
}

#welcome .box h4 a{
background-color: transparent;
background-image: url(/plugin_assets/community_engine/images/icons/52.png);
background-repeat: no-repeat;
background-position: .5em center;
display: block;
padding: 1em 1em 1em 3.5em;
font-size: 138.5%;
text-decoration: none;
text-transform: uppercase;
color: #384016;
font-weight: bold;
border: 1px solid #9ec500;
}

#welcome .first .box h4 a{
background-image: url(/plugin_assets/community_engine/images/icons/31.png);
}

#welcome .box h4 a:hover{
background-color: #9ec500;
}

/* =============================================== */
/* 4. BOX and ALTBOX                               */
/* =============================================== */

.box{
width:auto;
margin-bottom: 1em;
}

.box h2{
margin-bottom: .5em;
font-weight: bold;
font-size: 153.9%;
}

.box h3{
font-size: 123.1%;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #ffd735;
margin:0;
padding: 1em 0 1em 0;
}

.alt{
padding-top: 10px;
border: 1px solid #666666;
background: white;
padding: 1em;
}

.alt h3{
border: none;
margin: 0 0 .5em 0;
padding: .5em;
background: white;
color: #38465b;
}

.first_alt {
        margin-left: 10px;
        padding-top: 1.25em;
	}


/* =============================================== */
/* 5. BODY                                         */
/* =============================================== */

/* blog entry */

.hentry{
margin: 0 0 1em 0;
}

.comments .hentry{
border-bottom: 1px dotted #a2a19b;
}

.comments .hentry:last-child{border: none;}

.hentry h4{
font-size: 153.9%;
font-weight: bold;
margin-bottom: 15px;}

.hentry h4 a{
text-decoration: none;
color: #464337;
}

.hentry h4 a:hover{text-decoration: underline;}

.hentry .vcard{
float: left;
width: 13.8461em; /* about 180px */
*width:  13.5em; /* for IE */
}

div.main div.vcard{
width: 9.2307em; /* about 120px */
*width:  9em; /* for IE */
}

.entry-content{
margin-left:  15.3846em; /* about 200px */
*margin-left:  15em; /* for IE */
}

div.main div.entry-content{
margin-left:  10.4769em; /* about 140px */
*margin-left:  10.5em; /* for IE */
}


.hentry .vcard h5{
float: left;
width: 66px;
}

.hentry .vcard h5 a img{
display: block;
border: 1px solid #a2a19b;
padding: 2px;
background: #fff;
}

.hentry .vcard h5 a:hover img{background: #a2a19b; }

.hentry .vcard ul{
margin-left: 66px;
font-size: 85%;
}

div.main .vcard ul{
margin-left: 0;}


.hentry .vcard ul li{
padding: 3px 0;
border-bottom: 1px dotted #a2a19b;
padding-left: 20px;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
}

.hentry .vcard ul li.fn{
font-size: 130%;
font-weight: bold;
padding:0 0 3px 0;
}

.hentry .vcard ul li.update{background-image: url(/plugin_assets/community_engine/images/icons/date.png) }
.hentry .vcard ul li.view{background-image: url(/plugin_assets/community_engine/images/icons/page_white_magnify.png) }
.hentry .vcard ul li.comments{background-image: url(/plugin_assets/community_engine/images/icons/comments.png) }
.hentry .vcard ul li.msg{background-image: url(/plugin_assets/community_engine/images/icons/email_go.png) }
.hentry .vcard ul li.addfriend{background-image: url(/plugin_assets/community_engine/images/icons/user_add.png) }
.hentry .vcard ul li.print{background-image: url(/plugin_assets/community_engine/images/icons/printer.png) }
.hentry .vcard ul li.email{background-image: url(/plugin_assets/community_engine/images/icons/user_go.png) }
.hentry .vcard ul li.share{background-image: url(/plugin_assets/community_engine/images/icons/group_go.png) }
.hentry .vcard ul li.tags{background-image: url(/plugin_assets/community_engine/images/icons/tag_blue.png) }
.hentry .vcard ul li.skills{background-image: url(/plugin_assets/community_engine/images/icons/wrench.png) }
.hentry .vcard ul li.geo{background-image: url(/plugin_assets/community_engine/images/icons/world.png) }
.hentry .vcard ul li.edit{background-image: url(/plugin_assets/community_engine/images/icons/post.png) }
.hentry .vcard ul li.delete{background-image: url(/plugin_assets/community_engine/images/icons/delete.png) }

.entry-content h6{
border-bottom: 1px dotted #a2a19b;
border-top: 1px dotted #a2a19b;
text-align: right;
padding:2px 0;
}

.entry-content h6 a{
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
background: transparent url(/plugin_assets/community_engine/images/icons/add.png) no-repeat left center;
padding-left: 20px;
padding: 2px 2px 2px 20px;
}

.entry-content h6 a:hover{text-decoration: underline;}


/* brings back styles for entry elements */
.entry-content blockquote, .entry-content ul, .entry-content ol {margin:1em;}
.entry-content ol, .entry-content ul{margin-left:2em;}
.entry-content ol li {list-style: decimal outside;}
.entry-content ul li {list-style: disc outside;}
.entry-content strong{font-weight: bold;}
.entry-content em, .entry-content blockquote{font-style:italic;}
.entry-content blockquote{font-family:Georgia, Times, serif;}

.hentry .tags{margin-left: 0;}

.hentry .tags li{
list-style: none;
float: left;}

.hentry .tags li a{
background: red;
display: block;
margin: 0 10px 5px 0;
padding: 2px 0 2px 15px;
background: url(/plugin_assets/community_engine/images/icons/tag_blue.png) no-repeat left center;
}




/* =============================================== */
/* 6. SIDEBAR                                      */
/* =============================================== */

.list{
}

.list li{
margin-left: 15px;
padding:3px 0;
/*border-bottom: 1px dotted #a2a19b;*/
}

.checks li, .page li{
/* padding-left: 20px; */
background-color: transparent;
/*background-image: url(/plugin_assets/community_engine/images/icons/accept.png);*/
background-repeat: no-repeat;
background-position: left center;
}
/*
.checks li{background-image: url(/plugin_assets/community_engine/images/icons/accept.png)}
.page li{background-image:url(/plugin_assets/community_engine/images/icons/page_white.png)}
*/

/* user list */
dl.vcard{
margin-bottom: 1em;
}

dl.vcard dt.photo{
float: left;
width: 66px;
margin: 0;
}

dl.vcard dt.photo a img{
display: block;
padding: 2px;
border: 1px solid #a2a19b;
background: #fff;
}

dl.vcard dt.photo a:hover img{background: #a2a19b;}

dl.vcard dd{
margin-left: 66px;
}

dl.vcard dd.fn a{
font-size: 108%;
font-weight: bold;
}

dl.vcard dd.member, dl.vcard dd.post, dl.vcard dd.rss{
padding: 2px 0 2px 20px;
border-top: 1px dotted #a2a19b;
background-position: left center;
background-repeat: no-repeat;
background-color: transparent;
}

dl.vcard dd.member{background-image: url(/plugin_assets/community_engine/images/icons/user.png);}
dl.vcard dd.post{background-image: url(/plugin_assets/community_engine/images/icons/page_white.png);}
dl.vcard dd.rss{background-image: url(/plugin_assets/community_engine/images/icons/rss.png);}

h6.all{margin:.5em 0;}

/* copy in def of genericButton from tellart */
h6.all a{
	color: #FFEF0A;
	text-align: center;
	display: block;
	width: 116px;
	padding-top: 2px;
	height: 15px;
	background-image: url("/gs/images/generic_button.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	font-size: 123.1%;
}
h6.all a:active{
	background-position: right top;
}


/* Main Form ========================= */

.MainForm{
}

.MainForm label{
display: block;
margin: 1em 0 2px 0;
}

.MainForm label em{
font-style: italic;
font-family: Georgia, Times, serif;
color: #777;
}

.MainForm select{
border:1px solid #ccc;
}


.MainForm input, .MainForm textarea{
border: 1px solid #ccc;
padding: 5px;
font-size: 123.1%;
font-weight: bold;
color: #777;
width: 250px;
background: #f8f8f8;
}

.MainForm input:focus, .MainForm textarea:focus{
color: #777;
border-color: #777;
background: #fff;
}

.MainForm div.fieldWithErrors {
  display: inline;
}

.MainForm input.wrong, .MainForm .fieldWithErrors input, .MainForm .fieldWithErrors select {
border-color: #f00;
color: #f00;
background: #ffd5d5;
}

/* submit 
.MainForm p input, .MainForm p button {
padding-left: 1em;
padding-right: 1em;
background: #008000;
border: 4px solid #004500;
color: #fff;
margin: 1em 0;
width: auto;
cursor: pointer;
}


.MainForm p input:hover{
background:#004500;}
*/


.MainForm strong{color: #f00;}

.MainForm strong.ok{color: #008000;}

.MainForm strong em{
text-decoration: underline;
font-weight: bold;}


.MainForm textarea{
width: 550px;
color: #777;
}


/* checks */

.MainForm fieldset {margin: 1em 0 0 0;}

.MainForm fieldset label{
margin: 4px 0;
color: #777;
}

.MainForm fieldset input{
border: none;
width: auto;
}

.MainForm fieldset.inline label{
display: inline;
margin-right: 1em;
}

.warning, #errorExplanation, .errorExplanation{
padding: 1em 1em 1em 1em;
/*margin: 1em 0; */
border: 1px solid #fc0;
background: #fff3c5;
color: #6b5e2b;
}


/* =============================================== */
/* 7. FOOTER                                       */
/* =============================================== */
#ft{
background: #f1f1f1;
padding-bottom: 1em;
border-top: 1px solid #ccc;
}

#ft .yui-u .box{margin:0 1em 0 0;}

#ft .first .box{margin:0 0 0 1em;}

#ft .yui-u .box h3{
color: #666;
border-color: #666;
}

/* whats fresh */

.fresh dl{
clear: both;
border-bottom: 1px dotted #ccc;
padding: 3px 0;
}

.fresh dt{
float: left;
width: 10.8461em; /* about 180px - 3em */
*width:  10.5em; /* for IE */
}

.fresh dd{
margin-left:  12.3846em; /* about 200px - 3em*/
*margin-left:  12em; /* about 200px */
}

.fresh dt {
	padding-left: 20px;
	background-image: url(/plugin_assets/community_engine/images/icons/activity_default.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;	
}

.fresh .comment dt {background-image: url(/plugin_assets/community_engine/images/icons/comment.png);}
.fresh .photo dt {background-image: url(/plugin_assets/community_engine/images/icons/picture.png);}
.fresh .clipping dt {background-image: url(/plugin_assets/community_engine/images/icons/book.png);}
.fresh .updated_profile dt {background-image: url(/plugin_assets/community_engine/images/icons/user_edit.png);}
.fresh .favorite dt {background-image: url(/plugin_assets/community_engine/images/icons/heart_add.png);}
.fresh .post dt, .fresh .sb_post dt, .fresh .topic dt{background-image: url(/plugin_assets/community_engine/images/icons/post.png);}



/* =============================================== */
/* 8. COMMUNITY FOOTER                             */
/* =============================================== */

#CommunityFooter{
margin: 0;
margin-top: 20px;
font-size: 85%;}

#CommunityFooter ul, #CommunityFooter ul li{float: left;}

#CommunityFooter li {
padding: 2px 10px;
display: block;
border-left: 1px solid #ccc;
}

#CommunityFooter li#rss a{
color: #fff;
background: orange;
text-decoration: none;
}


#CommunityFooter li:first-child a{
border: none;
padding-left: 0;
}


#CommunityFooter p{
float: right;
padding: 2px 0 2px 120px;
#background: url(/plugin_assets/community_engine/images/logo.gif) no-repeat left center;
}

/* =============================================== */
/* 9. CLEARFIX                                     */
/* =============================================== */

#NavBar:after, .hentry:after, .box:after, dl.vcard:after, .fresh dl:after, #CommunityFooter:after, .hentry .tags:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #NavBar, * html .hentry, * html .box, * html dl.vcard, * html .fresh dl, * html #CommunityFooter, * html .hentry .tags {display: inline-table;}

/* Hides from IE-mac \*/
#NavBar, .hentry, .box, dl.vcard, .fresh dl, #CommunityFooter, .hentry .tags {height: 1%;}
#NavBar, .hentry, .box, dl.vcard, .fresh dl, #CommunityFooter, .hentry .tags {display: block;}
/* End hide from IE-mac */



/* SORTABLES */
ul.sortable {
	list-style:none;
	border:1px solid #ccc;
	min-height:20px;
	line-height:1.5em;
	padding:0;
	}
	ul.sortable li {
		cursor: move;		
	}

ul.sortable_hover {
	border:1px dashed #328E01;
	background:#efefef;
	}

ul#skills {
	width:250px;
	height:200px;
	overflow:auto;
	}
	ul#skills li {
		background:#ffffff;
		margin:.5em;
		padding:.5em;
		border:1px solid #cccccc;
		}

ul#users_skills {
	width:250px;
	background:#eee;
	overflow:hidden;	
	}		
	ul#users_skills li {
		background:#ffffff;
		margin:.5em;
		padding:.5em;
		border:1px solid #cccccc;
		}	
.handle {
	cursor:move;
}


/*	PAGINATION	*/
div.pagination a {
	margin-right:.3em;
	padding:.4em;	
	}
	div.pagination a:hover {
		background:#828282;
		color:#ffffff;
		margin-right:.3em;
		padding:.4em;	
		}
div.pagination a.active {
		background:#828282;
		border:none;
		color:#ffffff;		
	}

/* CLIPPINGS */
.clippings_grid {
  background: #fff; }
  .clippings_grid .row .clipping {
    border: 1px solid #ccc;
    padding: 10px 15px 20px 15px;
    margin: 10px 20px 20px 20px;
    width: 200px;
    float: left; }
    .clippings_grid .row .clipping img.clipping_image {
      width: 200px; }
    .clippings_grid .row .clipping p {
      font-size: 85%;
      margin-top: 10px; }


/* Tag Clouds */
.nube1 {
  font-size: 1.0em; }

.nube2 {
  font-size: 1.3em; }

.nube3 {
  font-size: 1.4em; }

.nube4 {
  font-size: 1.5em; }

.nube5 {
  font-size: 1.6em; }

.nube6 {
  font-size: 1.8em; }

.selected {
  color: #268999; }

/* USER LIST */
div.user_list .row {
	border:1px solid #cccccc;
	margin:1em 0 1em 0;
	margin-bottom:1.5em;
	padding:0.5em;
	}
	div.user_list .row h3 {
		}
div.user_list div.vcard {
	width: 100%;}
	div.user_list div.vcard ul {
	margin-left: 0;
	font-size: 85%;
	}
		
		
/*PHOTOS & CLIPPINGS*/
#photos img.polaroid, #clippings img.polaroid {
	margin: 0 12px 15px 0;
	}
	
/*USER PROFILE SIDEBAR*/
#profile_details div.vcard{
	width: 100%;}
	#profile_details .vcard ul{
		margin-left: 0px;}

/* CATEGORY PAGES */
.box h3 ul.subnav {
	display:inline;
	font-size: .7em;
	font-weight:normal;
	text-transform:none;
	margin:0 0 0 10px;
	}
	ul.subnav li {
		display:inline;}
		ul.subnav li a.active {
			color:#000;
			text-decoration:none;}


/*SWF UPLOAD*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #666666;
	background-color: #ededed;
	overflow: hidden;
}
.progressContainer .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.progressContainer .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.progressContainer .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
div.uploadStatus {
  margin: 5px;
}
div.progressBar {
  margin: 5px;
}
div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}
div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.mceEditorContainer table {
  margin: 0; }
  .mceEditorContainer table th {
    padding: 0;
    margin: 0;
    border: auto;
    font-weight: normal; }
  .mceEditorContainer table td {
    padding: 0;
    margin: 0;
    border: auto; }
  .mceEditorContainer table tfoot {
    font-style: auto; }
  .mceEditorContainer table caption {
    background: none; }
  .mceEditorContainer table img {
    margin: 0 0 0; }


table.poll {
  width: 100%;
  margin-bottom: 3em; }
  table.poll td {
    border-bottom: none; }
    table.poll td .vote {
      display: block;
      float: left;
      background: url(/plugin_assets/community_engine/images/icons/vote.png) no-repeat left;
      padding: 0 10px 0 20px;
      height: 20px;
      margin-right: 10px;
      border-right: 1px solid #ccc; }
  table.poll td.bars {
    width: 50%; }
    table.poll td.bars div.bar-container {
      border: 1px solid #ccc;
      width: 90%;
      margin: 0px 5px 2px 0;
      padding: 1px;
      float: left;
      background: white;
      height: 1em; }
    table.poll td.bars div.bar-container .bar {
      background-color: #cfe1f1;
      height: 12px;
      font-size: 10px;
      text-align: right;
      padding-right: 2px; }


/* other... assuming this stylesheet will be gone soon anyway */


#Banner .MainForm{
}

#Banner .MainForm label{
display: block;
margin: 0;
}

#Banner .MainForm label {
color: #ccc;
}

#Banner .MainForm input {
border: 1px solid #ccc;
padding: 0px;
font-size: 100%;
font-weight: normal;
color: #333;
width: auto;
background: #f8f8f8;
}

#Banner .MainForm input:focus, .MainForm textarea:focus{
color: #777;
border-color: #777;
background: #fff;
}

#Banner .login {
text-align: right;
margin-right: 8px;
}



#message_to_box {
	border: 1px solid #ccc;
	xwidth: 30%;
	height: 120px;
	overflow: scroll;
}