body{
	background-color:#fff;
	color: #555555;
	font-family: Helvetica, Lucida Grande,Verdana, Arial, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	font-size: x-small;
}

table, td, tr, th, ul{
	margin: 0px;
	padding: 0px;
}

.clearfix{
	clear: both;
}

#canvas{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#wallpaper{	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	position:fixed
}
#wall_top_X{display:block; background: url("/img/wallpaper/soeie_bg_top.png") repeat-x scroll;height:150px;width:100%;z-index:0;position:fixed;top:0px;margin:0px;}
/*#wall_bottom{display:block; background: url("/img/wallpaper/soeie_bg_bottom.png") repeat-x scroll;height:150px;z-index:0;position:fixed;bottom:150px;margin:0px;}
*/
#soeie_logo{position:relative;top:50px;*width:100%;z-index:0; height:35px;}
#soeie_logo img{display:block;position:relative;margin-left:auto;margin-right:auto;color:transparent;opacity:1;border:0px none;}#soeie_logo img:hover{opacity:0.7;}
			#double { z-index: 0; font-weight: bold; bottom: 10px; position: absolute; width: 100%; color: #dfdfdf; text-align: center; font-size: 10em; font-family: Helvetica, Verdana, Arial, sans-serif; }
			.innerDIV{
				padding: 15px;
			}
			#soeie_top{ border-bottom-style: none; z-index: 0; height: 105px; padding: 5px; margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: 0px;  border-top-width: 10px; top: 0px; display: block; 	background-image: url("/img/header_background.png");
	background-repeat: repeat-x;}
			#title_box{
				z-index: 0;
				height: 100%;
				width: 20%;
				display: inline;
				float: left;
			}
			#username { z-index: 0; margin-top: 6px; font-size: 1.7em; color: #b3b3b3; display: block; }


			#logo_bar {
			height:30px;
			margin:0pt 10px 0pt 0pt;
			padding:15px 0px 0pt 0pt;
			width:100px;
			}
			

			#soeie_header{
				top:-2px;
				right:0px;
				padding:0pt;
				position:absolute;
				z-index:8500;
				width: 100%;
				height: auto;
			}
			#soeie_control{
				bottom:20px;
				left:0px;
				padding:0pt;
				position:fixed;
				z-index:9001;
				background-color: transparent;
			}
			
			#titlebar, #leafbar, #tabbar{
				width: auto;
				padding: 0px;
				margin: 0px;
			}
			
			#titlebar li, #leafbar li, #tabbar li{
				cursor: hand; cursor:pointer; 
			}
			
			#titlebar{
				z-index:9000;
				padding: 2px;
			}
			

			#leafbar {	
				opacity:0.5;	
			}
			
			#leafbar:hover{opacity:1;}
			
			#tabbar {
				position:fixed;
				bottom:45px;
				padding:0pt;
				z-index:8000;
				*filter:alpha(opacity=80);	
			}
			
			#leafbar ul {
				list-style: none;
				line-height: normal;
			}
			
			#leafbar li {
				list-style-position: inside;
				display: inline;
				float: left;
				text-decoration: none;
				font-weight: bold;
				text-align: center;
				border: 0px;
			}
			
			#leafbar a:hover .menu_desc{
				display:block;
			}
			

			#titlebar a, #leafbar a{
				border-bottom: none;
			}
			
			#titlebar a:hover{
				color: #3399FF;
				background-color: transparent;
				text-decoration:none;
			}


			#survey{
				color: #ff7439;
				z-index: 0;
			}
			.taskbar{
				z-index: 0;
				float: right;
				padding-bottom: 10px; padding-top: 10px; margin-top: 15px; color: #f2f2f2; margin-left: 15px; font-weight: bold; font-size: 1.2em; text-align: center; display: block; 
			}

			#soeie_content{
				width:100%;
				margin:0px;
				z-index:2px;
				background-color:#efefef;
			}

.lefty{float:left;}
		
#left {
	float: left;
	width: 650px;
	min-height: 600px;
}

#right { 
	float: right;
	top: 0px;
	left: 660px;
	width: 300px;
	min-height: 600px;
}

/*SOEIE CONTENT*/

#soeie_content_header{
	background-color: #353535;
	border-bottom: 10px solid #4FC847;
	height:100px;
	position: relative;
	z-index: 2;
}

#soeie_content_body{
	min-height:500px;
	padding:0px;
	margin:0px 0px;
	z-index: 1;
}
#soeie_content_footer{background-color:#4FC847;border-top:5px solid #353535;}

#soeie_content_menu{position:relative;width:670px;margin:25px auto;}

.soeie_body .s_content_right{float:left;width:520px;display:block;}
.soeie_body .s_content_left{float:left;width:130px;display:block;}
/* MENU*/
#logosmall{
	background:url("/img/logo/soeie_white_small.png") no-repeat scroll center;
	height:33px;
	width: 95px;
	display:none;
}

#hello{
	/*font-size:2.3em;*/
	font-size:0.9em;
	color:white;
/*	font-weight: bold;*/
	line-height:11px;
/*	line-height:40px;*/
}

#hello:hover{
	color:#DFFFDF;
}


#myname{
	font-size:0.9em;
}

li#logotype:hover #myname{
  color: #4FC847;
}

li#s_space{
	margin: 15px 2px;
	line-height: 50px;
	padding: 10px 1px;
	background-color: white;
}
li#logotype{
	float: left;
	color:white;
	font-weight:bold;
	padding: 5px 20px 0px;
	text-align: center;
}


.menulink{
	color: #ffffff;
	float: left;
	text-decoration: none;
	font-size: 1em;
}
li.keylink{
	font-size: 1.3em;
	font-weight: bold;
}
#menu ul:hover li.menulink{
	display: block;
}
#global_menu ul{
	list-style: none;
	line-height: normal;
	padding: 2px;
}

#global_menu {float:right;}

#menu ul, #soeie_content_menu ul{
	list-style: none;
	line-height: normal;
	left: 10px;
	height: 150px;
	width: auto;
	padding: 2px;
}


.menu_desc{
	font-size: 0.9em;
	font-weight: normal;
	display: none;
	padding: 5px;
	min-width: 150px;
	max-width:300px;
	min-height: 30px;
	background-color:black;
	color: white;
	bottom: 30px;
	right: 0px;
	position: absolute;
	z-index: 900;
}

.infobox:hover .menu_desc, #menu li:hover .menu_desc{
	display:block;
}

.infobox{
	text-decoration: none;
	color: #fff;				
	position: relative;
	width: auto;
	height: auto;	
	border: 3px solid transparent;
	padding: 4px 8px;
	margin: 3px 2px 0px;
	cursor:pointer;

}

#s_logout .infobox:hover{border-color:#CC0000;}


.infobox .keyline{
	margin-top: 3px;
}

.infobox a, .infobox a:hover{
	line-height:normal;
}

#s_soeiepad .infobox a, #s_soeiepad .infobox a:hover{
	color: #55c0f5;			
}

.infobox:hover, #s_soeiepad .infobox:hover{
	border: 3px solid #4FC847;
	background-color: transparent;
	text-decoration:none;
}

#soeie_content_footer .infobox:hover{
	border: 3px solid #fff;
	text-decoration:none;
}
.icons{
	text-decoration: none;
	opacity: 0.7;
	height:16px;
	width: 16px;
	cursor:pointer;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
}

.icons:hover {
	opacity: 1;
	background-color: transparent;
}

#left_arrow{
	position: absolute;
	left: 5px;
	line-height: 50px;
	font-size: 1.5em;
	font-weight:bold;
	display: block;
	color:#666;
}
	
#menu ul:hover #left_arrow{
	display: none;
}		

/* LEAFS */

.leafs{
	display: block;
	position: absolute;
}

.activeLeaf{
	z-index: 1;
}

.hiddenLeaf{
	z-index: -1;
}

ul.leaf_nav, ul.leaf_nav li{
list-style-type:none;
margin:0pt;
padding:0pt;
}
ul.leaf_nav {
margin:0px;
float: left;
}

ul.leaf_nav li{float:left;}

ul.leaf_nav li .leaf_div{
color:#CCCCCC;
font-size:1.4em;
padding:0px 16px;
line-height: 25px;
text-decoration:none;
border: 0px;
text-align:center;
background-color:#7C9A85;
height: 25px;
}

ul.leaf_nav li.leaf_tabs .leaf_div:hover {
color:#333;
}
.activelink{
	background-color:#4FC847;
	color:white;
font-size:1.4em;
padding:0px 16px;
line-height: 25px;
text-decoration:none;
border: 0px;
text-align:center;
height: 25px;
}
 

.leaf_tabs, .leaf_div{
	text-align: center;
	*filter:alpha(opacity=80);
	height: 25px;
}

#leaf_add .leaf_div{
	background-color: #333333;
	color: white;
	font-size:2em;
	font-weight:bold;
}

#leaf_add .leaf_div:hover{
	background-color: #55c0f5;
	color: white;
}

#leaf_input{
	width: 75px;
	height: 15px;
	*filter:alpha(opacity=100);
}

/* TOOLS */

li#hideall a{
	background:url(/img/icons/circularicons/eye.png) no-repeat;
}

li#showall a{
	background:url(/img/icons/circularicons/eye.png) no-repeat;
}
 

ul.leaf_nav li.leaf_tabs .leaf_div .icon_deleteTool, ul.leaf_nav li .activelink .tools{ 	
 	display:none;
}

.activelink:hover .tools,  ul.leaf_nav li .activelink:hover .tools{
  	display:inline;
}


#leaf_dashboard{
	display: block;
}

#leaf_people, #leaf_content{
	display: none;
}


/* MINIS (tabbar) */

ul.minitabs, ul.minitabs li{
margin:0pt;
padding:0pt;
	text-decoration:none;
}

ul.minitabs {

}
ul.minitabs li {
	float:left;

	text-align:center;
	list-style-type:none;
	font-weight:bold;
}
ul.minitabs a {
	text-decoration:none;
	border: 0px;
	font-size:0.9em;
	line-height:1;
	font-weight:bold;
	color:#222;
}

#leaf_dashboard div.minis{
	background-color: #4FC847;
	color:#353535;
	line-height: 25px;
	font-size: 1em;
	padding: 0px 5px;
	font-weight:bold;
	border: 3px solid transparent;
	opacity:0.8;
	height:25px;
	*height:auto;
	/*background:url(/img/sprite.png) repeat-x 0 -105px;
	opacity:.60;*filter:alpha(opacity=60);*/
}
#leaf_dashboard div.minis:hover{
	/*background:url(/img/sprite.png) repeat-x 0 -250px;
	opacity:1;*filter:alpha(opacity=100);*/
	color: white;
	border: 3px solid white;
	opacity:1;	
}

/*CONTAINER*/
#info_container{width: 100%; margin:0px auto 0px auto; background-color:#efefef; line-height: 20px; display:block;padding: 0px 0px 25px;position:relative;}
.info_col{padding-left: 10px; padding-bottom: 15px; padding-right: 10px; padding-top: 20px; width: 240px;float:left;}
.info_col_title{margin-left: 0px; margin-bottom: 10px; margin-right: 0px; margin-top: 10px; font-size:20px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;color: #489429;}
.info_col_content{font-size:12px;color:#787878;}
.keyline{text-align: center; line-height: 30px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 10px; padding: 10px; background-color: #cfcfcf; font-size: 18px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;color: #b1443c;}
.step{text-align: left; line-height: 20px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 10px; padding: 10px; background-color: #1e1e1e;}
.step_header{ font-size: 15px;font-family:Georgia, "Times New Roman", Times, serif;color: #dfdfdf;}
.features{text-align: left; line-height: 20px; margin: 0px; padding: 10px; background-color: #aaaaaa;}

/* LOGIN */

#login_container{z-index: 8600; height: 35px; margin-left: auto; margin-bottom: 0px; margin-right: auto; margin-top: 0px; border-left-width: 0px; border-bottom-width: 5px; border-right-width: 0px; border-top-width: 0px; border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: solid; border-color: #303030; line-height: 10px; display:block;position:fixed;font-size: 0.9em;padding: 5px 10px;background-color: #181818;	filter:alpha(opacity=70);opacity:0.7;width:100%; }

.login_input{padding-top:0px; margin-right: 10px;width: 100px;}
.login_center{margin-top:4px;}
.login_button_center{margin:10px 40px 0px 0px; border: 0px;}
a.login_button{	opacity: 0.8;color:transparent;}
a.login_button:hover{opacity: 1;color:transparent;}
.label_login{font-weight: bold; font-size: 1em; margin-right: 10px;line-height:35px;color:white;}

a#signup{padding-right: 10px; padding-left: 10px; line-height: 35px; margin-right: 30px; text-align: center;background-color: #b32b20;color:white;font-weight:bold;}
a#signup:hover{background-color: #e33f33;text-decoration: none;}

/*
color:#999999;
float:left;
font-size:1em;
padding:2px 5px;

border: 0px;
*/

a.recommmend:link{color:#FFFFFF;text-decoration:none}
a.recommmend:visited{color:#FFFFFF;text-decoration:none}
a.recommmend:hover{color:#FFFFFF;text-decoration:none}
a.recommmend:active{color:#FFFFFF;text-decoration:none}

#soeie_photo_bar{position:fixed;top:0px;z-index:9999;}
#soeie_profile_photo a img, #soeie_friend_photo a img{
	max-height:77px;
	max-width:77px;
	*width:75px;
	margin-left:25px;
	float:left;
	opacity:0.7;
	cursor:pointer;
}
#soeie_profile_photo a img{border-bottom:5px solid #4FC847;border-left:5px solid #4FC847;border-right:5px solid #4FC847;}
#soeie_friend_photo a img{border-bottom:5px solid #131313;border-left:5px solid #222222;border-right:5px solid #141414;}

#soeie_profile_photo a:hover img, #soeie_friend_photo a:hover img{opacity:1;}