pre {
display:block;
font-family: Verdana, Arial, sans-serif;
margin:0;
white-space:normal;
}
button {
padding:0;
}
/*************************************************/

body {
	background:url(images/bg.jpg) no-repeat scroll top center #4c0506;
	font-family:/*"Trebuchet MS",*/ Verdana, Arial, sans-serif;
	font-size:76.1%;
	margin:0 auto;
	padding:0;
	width:960px;
	position:relative;
}

#container{
	background:url(images/bg.jpg) no-repeat scroll top center #4c0506;
	margin:0 auto;
	padding:0;
	width:960px;
	float:left;
}

/***** HEADER ******************************/

#wrapper-header {
	height:170px;
	width:960px;
	overflow:hidden;
	}
	
#logo{
	width:581px;
	height:62px;
	background:url(images/logo.png) top left no-repeat; 
	position:absolute;
	top:118px;
}

#search {
position:absolute;
right:0;
top:137px;
}

#top{
	position:absolute;
	top:45px;
	left:-58px;
	height:40px;
	width:940px;
	text-align:right;
	}	
		
/* MENU - list */
#top ul {
  margin: 0;
  padding: 0; 
  float: right; 
}
	#top ul li { 
	  display: inline;
	  list-style-type: none; 
	  font-family:"Lucida Console", Monaco, monospace; 
	  text-decoration:none !important; 
	  padding:0;
	  background:none;
	 }
	#top ul a { 
	text-decoration:none !important; 
	color:#f6eec1;
	font-weight:bold; 
	margin-left: 30px;			
	letter-spacing: -0.3px;
	font-size:11pt; }
	
	#top ul a:hover {color:#f08f12;}
	
	#top ul li.active a {color:#F08F12;}

/***** CONTENT ***************************/
#wrapper-content {
	width:960px;
	float:left;
}	
	.roundtop { width:960px; height:15px; background:url(images/round-top.png) bottom left no-repeat; font-size:0px;}
	.roundbottom {width:960px; height:15px; float:left; background:url(images/round-bottom.png) top left no-repeat; font-size:0;  font-size:0px; position:relative; top:-2px;}
	
#content {
	min-height:400px;
	background-color:#f6eec1;
	padding: 5px 20px 5px 30px;
	float:left;
        position:relative;
        top:-1px;
}

#main610, #main920 {
	float:left;
	overflow:hidden;
	display:inline;
}
#main610 {width:600px; margin-right:30px;}
#main920 {width:920px; margin-right:20px;}

#banner{	
margin-bottom:10px;
border:1px solid #cccccc;
width:598px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#page {
overflow:hidden;
padding-bottom:15px;
}

#inset{
height:100%;
width:600px;
}

#sidebar-right{
width:280px;
float:left;
overflow:hidden;
}

ul.submenu {
  margin: 0;
  padding: 0; }
  
	ul.submenu li {	
  	list-style:none;
	padding:5px 0; 
	background:none;}
	
	ul.submenu a {
	color:#ff0067; 
	text-decoration:none; 
	margin:0;
	padding-left:35px;
	font-size:115%; }
		ul.submenu a:hover {text-decoration:underline;}


/***** FOOTER ***************************/
#wrapper-footer{
width:960px;
margin-bottom:40px;
overflow:hidden;
clear:both;
}
#bottom-modules{
margin-top:10px;
height:202px;
font-size:110%;
}

#user1, #user2, #user3 {
	width:270px;
	height:182px;
	padding:10px 20px;
	float:left;
	/*position:relative;*/
}
	#user1{
	background:url(images/bottom-module1.png) top left no-repeat;
	margin-right:15px;
	}
	#user2{
	background:url(images/bottom-module2.png) top left no-repeat;
	margin-right:15px;
	}
	#user3{
	background:url(images/bottom-module3.png) top left no-repeat;
	}
	
	#user1 p, #user2 p, #user3 p {
	color:#4C0506;
	font-size:106%;
	font-weight:bold;
	line-height:150%;
	margin:0;
	padding-top:5px;
	}
	
	#user1 h2, #user1 h3, #user1 h4,
	#user2 h2, #user2 h3, #user2 h4, 
	#user3 h2, #user3 h3, #user3 h4 {color:#FF0067; margin:0; }

#footer{
width:960px;
margin-top:30px;
font-size:90%;
}

#footer1{
width:600px;
margin-right:60px;
float:left;
display:inline;
}
	#footer1 ul {float:left; padding-left:10px; list-style:none;}
	#footer1 ul li {float:left; padding:0 12px; border-right:1px solid #a9846c; background:none;}
	#footer1 ul li a {color:#a9846c;}

#footer2{
width:280px;
float:left;
color:#a9846c;
text-align:right;
margin-top:11px;
}
#footer3{
width:960px;
}

#fb {height:106px; overflow:hidden; position:relative;}
.follow-icons {position:absolute; top:55px;}
/***** MODULES **************************/

.orange {
	width:260px;
	height:240px;
	background:url(images/module-orange.gif) top left no-repeat;
	padding:10px;
	color:#702015;
	font-weight:bold;
	position:relative;
	margin-bottom:0/*20px*/;
	}
	.orange p {font-size:110%}
	.orange img {position:absolute; right:22px; top:145px; }
			
.newsfeed {
	width:260px;
	margin:0;
	padding-left:5px;
	list-style:none;
}
	.newsfeed li {background:url(images/new-window-icon.png) 0px 3px no-repeat;}

#column {
	margin-bottom:20px; }
	
#page_image { margin: 10px 0 20px 0 }

.file_download {margin-top:30px; margin-bottom:30px; padding:15px 15px 15px 40px; border:1px dotted #cccccc; background:url(images/arrow-download.png) 5px 6px no-repeat;}
	

/*****  OTHER  ********************************/

img, img a {border:none;}

.nocss {display:none}


/******** Banner **********************/

#banner {
	/*width:610px;
	height:322px;
	background:transparent url(images/banner-frame4.gif) top left no-repeat;
	padding: 18px 0 0 20px;*/
	position:relative;
	margin-bottom:15px;
	}
	
#banner p.captionDescription {
	color: #fff !important;
	position:absolute;
	bottom:0;
	left:0;
	margin:-8px 5px;
}

#banner h2.captionTitle {
margin:1px 5px;
color:#ffffff !important;
}

/******** COM-SEARCH **********************/

.button {display:inline; vertical-align:top;}

#ajaxSearch_form fieldset {width:210px; border:none; padding:0;}
#ajaxSearch_form input#ajaxSearch_input {background:transparent url(images/search-field.gif) no-repeat; height:29px; width:165px; padding-left:5px; padding-top:5px; border:none; color:#f08f12; font-size:14px;}
#ajaxSearch_form input#ajaxSearch_submit {vertical-align:top;
background:transparent url(images/search.gif) no-repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:29px;
text-indent:-9000px;
width:29px;}

a.ajaxSearch_resultLink {font-weight:bold;}
.paging1 {margin:10px 0}
.ajaxSearch_grpResultName {margin-bottom:30px;}
.ajaxSearch_result {margin-top:10px; padding-bottom:10px; border-bottom:#CCCCCC 1px dotted; overflow:hidden;}


/******** FORMS **********************/
/* Comments */

#comments {padding-top:30px; clear:both; }

/* lOGIN FORM */

#noticeForm {padding-left:50px;}

.wlpeForm fieldset,
#ContactForm fieldset
{ 
	border:#CCCCCC dotted 1px;
	padding:20px;
	margin-bottom:5px;
	}
	
	.wlpeForm fieldset#wlpeLoginFieldset {padding-left:199px; padding-bottom:42px;}
	
	.wlpeForm fieldset#wlpeNewPasswordArea {margin-top:70px;}
	
	.wlpeForm fieldset#wlpeUserProfileButtons,
	.wlpeForm fieldset#wlpeLoginButtons {
		text-align:center;
	}
	.wlpeForm fieldset#wlpeViewContactButtons {border:none;}
	
.wlpeForm legend {
	font-size:180%;
	color:#f08f12;
}	
	.wlpeForm #wlpeLoginFieldset legend {margin-left:-33px;}

.wlpeForm label,
#noticeForm label,
#ContactForm label,
.jot-form label {
	color:#333333;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
}
	.jot-form label {margin-top:8px;}
	.wlpeForm label#emailR, .wlpeForm label#emailL {display:inline; width:100px;}

.wlpeForm input, .wlpeForm textarea, .wlpeForm select,
#noticeForm input, #noticeForm textarea,
#ContactForm input, #ContactForm textarea,
.jot-form input, .jot-form textarea {
	border:#3ba38a 1px solid;
	background-color:#fffade; /*#fff7c7;*/
	margin-top:5px;
	/*display:block;*/
	font-size:11px;
	padding:2px;
	width:200px;
	height:16px;
}
select, textarea {display:block}

	#noticeForm input, #noticeForm textarea {
	border:#F08F12 1px solid;
	}
	.wlpeForm input#wlpeUserProfileWebsite {display:inline; width:150px;}
	.wlpeForm input#wlpeUserProfileEmailL, .wlpeForm input#wlpeUserProfileEmailR {display:inline; width:100px;}
	.wlpeForm input#wlpeUserProfileEmailR {width:75px;}
	.wlpeForm input#wlpeUserProfileFullName {margin-bottom:15px;}
	.wlpeForm input#wlpeTosCheckbox {background-color:none; width:15px;}
	
	.wlpeForm input.hidden, #ContactForm input.hidden {display:none; !important} 
	
	#noticeForm textarea, .jot-form textarea { width:493px; height:90px;}
	#noticeForm textarea#content {height:400px; margin-bottom:15px}
	.wlpeForm textarea, #ContactForm textarea {height:130px; width:500px;}
	.wlpeForm textarea#wlpeUserProfileAddress {height:80px; width:200px;}
	
	.wlpeForm select {height:24px;}
	.wlpeForm select#userSectors {height:100px; width:206px;}


/*.wlpeForm div.upload_file {
position:relative;
}
.wlpeForm div.upload_file img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.wlpeForm div.upload_file input#wlpeUserProfilePhoto {
	position:relative;
	text-align:right;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity:0;
	z-index:10;
	width:319px;
	height:23px;
}*/
.wlpeForm div.upload_file input#wlpeUserProfilePhoto {
width:250px;
height:23px;
font-size:110%;
}

	
.wlpeForm p#wlpeNewPasswordInfo {font-size:11px; line-height:12px; margin-bottom:25px;}
.wlpeForm p#wlpeNewPasswordInfo .info {font-size:10px;}

.wlpeMessage p {background-color:#F08F12; padding:5px; color:#FFFFFF; font-weight:bold;}

.wlpeForm #wlpeUserProfilePhotoImg {float:right; margin-top:15px;}

.wlpeForm #wlpeWelcome img { float:right;}


.wlpeForm button,
#noticeForm input#submit,
#ContactForm input.button,
.jot-form input#submit,
.poll input.vote  {
background:url("images/button1.png") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFADD;
cursor:pointer;
font-size:14px;
font-weight:bold;
height:25px;
padding-bottom:6px;
vertical-align:middle;
width:110px;
}
	.jot-form input#submit {margin-top:25px; margin-bottom:10px; font-size:12px;  padding-bottom: 8px;}
	.wlpeForm button#wlpeReminderButton, .wlpeForm button#wlpeProfileDeleteButton, #ContactForm input.button {
	background:transparent url(images/button-long.png) 0 0 no-repeat; width:144px;}
	.wlpeForm button#wlpeRegisterButton {
	background:transparent url(images/button2.png) 0 0 no-repeat; color:#ffffff;}

	
#wlpeViewContactForm {
margin-top:60px;
}	

.wlpeViewAttributeValue {
width:170px;
}

.wlpeUserPage { padding:10px 0; border-bottom:1px dotted #999999; overflow:hidden; width:600px;}
.wlpeUserPagePhoto { width:170px; float:left;}
.wlpeUserPageUserContent {width:400px; float:left;}
p.wlpeUserPageUsername {font-weight:bold;}
.wlpeUserPage p {margin-top:0;}


img#wlpeUserProfilePhotoImg,
.wlpeUserPagePhoto img,
.wlpeViewAttributeValue img {
border: 1px solid #696;
-webkit-box-shadow: #666 0px 2px 5px;
-moz-box-shadow: #666 0px 2px 5px;
box-shadow: #666 0px 2px 5px;
behavior: url(PIE.htc);
}
.ProfileTop {overflow:hidden; width:600px;}
.ProfileImage {width:200px; float:left;}
.ProfileDetails {width:400px; float:left;}
.ProfileSkills {clear:both; margin-top:30px;}
.ProfileSkills dl {margin-bottom:30px;}
.ProfileSkills dt {}	
.ProfileSkills dd {
font-size:102%;
letter-spacing:0;
line-height:160%; 
margin:0;
}
 
 
/******** BLOG **********************/

.news-entry {margin-top:10px; padding-bottom:10px; border-bottom:#CCCCCC 1px dotted; overflow:hidden;}
#page-1 .news-entry {margin-top:6px; padding-bottom:6px;}


#pagination {margin-top:15px; text-align:center; width:500px; font-size:0.9em;}
.ditto_currentpage {color:#ffffff; background-color:#ff0067; padding:2px; margin-right:5px;}
a.ditto_page {margin-right:5px;}
#pagination p {color:#666666; margin-top:5px;}
#pagination_links {color:#666666;}
.ditto_next_link, .ditto_next_off {margin-left:10px;}
.ditto_previous_link, .ditto_previous_off {margin-right:10px;}







/******** LISTS **********************/
ul {	
margin:10px 0 0 0;
padding:0;
}

ul li {
list-style:none; 
display:block; 
padding:1px 5px 3px 18px;
background:url(images/bullet-circle.gif) top left no-repeat; 
}

.jot-list ul li {list-style:none; background:none;}

.JMyCarousel ul li {list-style:none; background:none;}

ul.list_arrow {
	margin:10px 0 0 0;
	padding:0;
	}
	.list_arrow li {
		padding:0 0 0 20px;
		background:url(images/bullet-arrow.png) top left no-repeat;
		list-style:none;
		}
	.orange .list_arrow li { 
		background:url(images/bullet-arrow-cream.png) top left no-repeat; 
		font-family:"Trebuchet MS", Verdana, Arial; 
		font-size:10pt;
		}
	
	.cbUserListFieldLine ul.list_arrow {margin:0; padding:0}
	.cbUserListFieldLine .list_arrow li {list-style:none; display:inline; padding:0 5px 0 15px; color:#666666;
										 background:url(images/bullet-circle-small.gif) top left no-repeat; }

/******** TEXT FORMATTING **********************/

#main610 p, #main920 p {
font-size:102%;
letter-spacing:0;
line-height:160%; 
margin:12px 0;}

#content .news-entry p {margin:0 0 3px 0; line-height:150%;}

#content p.news-info {color:#666666; margin:0 0 3px 0; line-height:150%;}

p.memb-pagination {font-weight:bold; color:#333333;}

h1, h2, h3, h4, h5 .componentheading, .contentheading {
	margin:0;
	letter-spacing:-1px;
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana, Arial;
	}

h1 {
	font-size:220%;
	color:#3ba38a;
	padding-bottom:5px; 
	}
	
h1.pagetitle {
	font-size:220%;
	color:#3ba38a;
	padding-bottom:5px; 
	border-bottom:#3BA38A 2px dotted;
	font-weight:bold;
	margin-bottom:5px;
	}
	
#page-1 h1 {
color:#f08f12;
}

h2 {
	font-size:180%;
	color:#f08f12;
}

h3 {
	font-size:150%;
	color:#3ba38a;
}

h4 {
	font-size:120%;
	color:#3ba38a;
	font-weight:bold;
	letter-spacing:0;
}

#container .stripe,
#sidebar-right h1 {
background-color:#3BA38A;
color:#FFFFFF; 
font-size:190%;
margin-bottom:10px;
padding-left:5px;
padding-top:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:10px;
}

#container .stripe a {
color:#FFFFFF;
}

#sidebar-right h2,
.ProfileSkills h2  {
	font-size:220%;
	color:#3ba38a;
	font-weight:normal;
	padding:0 0 2px 35px;
	background:url(images/bullet-heading.png) center left no-repeat;
	}
.ProfileSkills h2 {
font-size:170%;
	color:#3ba38a;
	font-weight:normal;
	padding:0;
	background:none;}
	
.orange h3 { 
	color:#702015;
	font-size:175%;
	line-height:123%;
	margin-top:15px;
	}
.news-entry h3 {margin:0 0 3px;}
.news-entry h3 a, .news-entry h3 a :hover {color:#3BA38A;}	
.wlpeUsersList h3 {margin-bottom:15px;}
h3.wlpeViewProfileHeader {margin-bottom:30px; font-size:180%; color:#F08F12;}

#main610 .wlpeUsersList .wlpeUserPageUserContent p,
#main610 .ProfileDetails p {margin-top:0; line-height:100%;}

#main610 .wlpeUsersList .wlpeUserPageUserContent p {margin-bottom:8px;}

		

.componentheading, .contentheading {
	font-size:220%;
	color:#3ba38a;
	}
		.blog .contentheading {
			margin:0;
			padding-left:0;
			line-height:normal;
			font-weight:normal;
			background:none !important;
			}
			
		h1.preloaderblog {
		margin-bottom:10px;}
	
a.contentpagetitle {
	color:#3ba38a !important;
	}
	
	

a:link, a:visited {
color:#ff0067;
text-decoration:none;
}

a:hover, .readon:hover {
color:#ff0067;
text-decoration:underline;
}
	.orange a {color:#702015;}

a.readon, .readon {
	display:block;
	float:left;
	width:110px;
	height:23px;
}
	#bottom-modules a.readon  {
		background:url(images/arrow-grungy.png) 0 0 no-repeat;
		width:64px;
		height:64px;
		/*padding-top:40px;*/
		margin:10px 20px 0 0;
		text-align:center;
		float:right;
		color:#f6eec1!important;
		font-weight:normal;
		text-indent:-9000px;
		cursor:pointer;
		}
		
		#bottom-modules a.readon:hover  {
		background:url(images/arrow-grungy-over.png) top left no-repeat;
		}
	
.moduletable a:link {font-weight:normal;}
	
	
.grey {color:#999999; font-weight:normal;}
	
.buttonheading {position:absolute; right:340px; top:200px;}

.metadata label {width:150px; display:block}
	
.frame {
background:url(images/frame.png) top left no-repeat;
padding:20px 0 20px 40px;
width:590px;
height:180px;
position:relative;
}
.frame .readon  {
		background:url(images/arrow-grungy.png) top left no-repeat;
		width:64px;
		height:64px;
		padding:70px 0 0;
		float:right;
		color:#530b0c!important;
		position:absolute;
		top:90px;
		left:490px;
		cursor:pointer;
		}	
	.frame .readon a, .frameprojects .readon a, .frameresources .readon a  {
		color:#530b0c!important;
		font-weight:bold;
		display:inline;
		}
		
	.frame p, frameprojects p {font-size:110%}
		
.frameprojects, .frameresources {
background:url(images/frame_blue.png) top left no-repeat;
padding:20px 30px 20px 40px;
width:540px;
height:265px;
position:relative;
}		
.frameprojects .readon, .frameresources .readon  {
		background:url(images/arrow-grungy-blue.png) top left no-repeat;
		width:64px;
		height:64px;
		padding:65px 0 0;
		float:right;
		color:#3ba38a!important;
		position:absolute;
		top:180px;
		left:490px;
		cursor:pointer;
		}		
	.frameprojects .readon a, .frameresources .readon a {
		color:#3ba38a!important;
		}

.frameresources {
background:url(images/frame_orange.png) top left no-repeat;
}		
.frameresources .readon  {
		background:url(images/arrow-grungy-orange.png) top left no-repeat;
		color:#f08f12!important;
		}		
	.frameresources .readon a {
		color:#f08f12!important;
		}
		
		
	.clear {clear:both;}
	
/*** Tinymce ****/
body#page-12 #tvNoticeContent_image,
body#page-12 #tvNoticeContent_emotions {display:none;!important}
body#page-12 #tvNoticeContent_tbl {
background-color:#FFFADE;
border:1px solid #F08F12;
}


/**** Share this icons*****/
#share {
border:1px dotted #CCCCCC;
height:75px;
margin-top:20px;
overflow:hidden;
padding:5px;
}
#share span {padding:0 48px 40px 0; margin-right:5px; cursor:pointer;}
.st_stumbleupon_custom {
background: url("images/icons/stumbleupon-48.png") no-repeat scroll left top transparent; 
}
.st_digg_custom {
background: url("images/icons/digg-48.png") no-repeat scroll left top transparent; 
}
.st_delicious_custom {
background: url("images/icons/delicious-48.png") no-repeat scroll left top transparent; 
}
.st_reddit_custom {
background: url("images/icons/reddit-48.png") no-repeat scroll left top transparent; 
}
.st_linkedin_custom {
background: url("images/icons/linkedin-48.png") no-repeat scroll left top transparent; 
}
.st_facebook_custom {
background: url("images/icons/facebook-48.png") no-repeat scroll left top transparent; 
}
.st_twitter_custom {
background: url("images/icons/twitter-48.png") no-repeat scroll left top transparent; 
}

/****** Project demo template ***/

.demo-content {width:320px; margin-right:20px; float:left;}
#voting {width:260px; float:left; padding-top:30px;}
#voting form {width:260px;}