/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #01232D url(images/bg01.jpg) repeat-x left top;
	overflow-x:hidden;
}

.nowhere {
  position:absolute;
  left:-10000px;
  top:-10000px;
  visibility:hidden;  
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h4 {
	margin-top: 0px;
	font-size: 18px;
}

h1, h2 {
	font-weight: normal;
	color: #d8faf6;
}

h1 {
	height: 27px;
	padding: 4px 0px 0px 14px;
	background: url(images/bar900.gif) no-repeat left top;
	font-size: 120%;
	color: #FFFFFF !important;
	font-weight: bold;
	margin-bottom:10px;
}

h3 {
	margin: 0px;
	font-size: 11px; /* Resets 1em to 10px */
	color: #B1C2C3;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-size: 75%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #98c6d3;
}

ol {
  font-size: 110%;
}

strong, b {
	color: #d8faf6;
}

p, ul, ol, dl {
	margin-top: 0px;
	text-align: justify;
	line-height: 120%;
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

.list1 li {
	display: block;
	float: left;
	width: 249px;
	height: 30px;
	background: url(images/homepage21.gif) no-repeat left top;
}

.list1 li h3 {
	float: right;
	margin: 0px;
	padding: 5px 14px 0px 0px;
	font-weight: normal;
	color: #84AAAC;
}

.list1 li p {
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 14px;
	line-height: normal;
}

/** LINKS */

a { color: #BEDAAC; }

a:hover { text-decoration: none; }

a.link1 {
	display: block;
	padding: 2px 8px;
	background: url(images/homepage18.gif) no-repeat left center;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

a.link1:hover {
	text-decoration: underline;
}

a.link75 {
	display: block;
	padding: 2px 8px;
	padding-top: 4px;
	background: url(images/btn75.png) no-repeat left center;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	height:19px;
}

a.link75:hover {
	text-decoration: underline;
}


a.link100 {
	display: block;
	padding: 2px 8px;
	padding-top: 4px;
	background: url(images/btn100.png) no-repeat left center;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	height:19px;
}

a.link100:hover {
	text-decoration: underline;
}


a.link2 {
	padding-left: 25px;
	background: url(images/homepage23.gif) no-repeat left center;
}

a.link3 {
	padding-left: 25px;
	background: url(images/homepage21.gif) no-repeat left center;
}

/** STYLES */

.style1 { }

.style1 a { }

.style1 a:hover { }

/** BACKGROUNDS */

.bg1 { }

/** MISC */

.align-justify { text-align: justify; }

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

a img { border: none; }

img.left {
	float: left;
	margin: 3px 25px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 25px;
}

hr { 
  height: 1px;
  border-bottom: 1px solid #a0d0ef; 
  margin: 5px 0 5px 0;
}

.hr1 { height: 1px; }

/** WRAPER */

#wrapper { background: url(images/bg03.jpg) repeat-y center top; }

#wrapper2 { background: url(images/bg02.jpg) no-repeat center top; overflow:none;}


/** FORMS */

#forms {
	width: 920px;
	height: 40px;
	margin: 0px auto;
}

#forms fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#forms input, #forms label {
	float: left;
	margin-left: 8px;
	padding-left: 5px;
	padding-right: 5px;
	border: none;
	color: #618745;
	font-size:100%
}

input.button
{
	border: 1px solid #2f481d;
	color: #ffffff !important;
	background-color: #618745;
	background-image: none;
	text-decoration:underline;
	font-weight:normal;
	padding: 4px;
	font-size: 90%;
}

input.button:hover
{
	border: 1px solid #2f481d;
	background-color: #517735;
	background-image: none;
	color: #ffffff !important;
	text-decoration:none;
	font-weight:none;
	padding: 4px;
	font-size: 90%;
}


#forms #label_remember
{
  font-size:100%;
  color:#fff;
  margin: 2px 0 0 -5px
}

#forms #progressmessage
{
  font-size:100%;
  color:#fff;
  margin: -5px 0 0 -5px
}

#forms #label_welcome
{
  font-size:100%;
  color:#fff;
  margin: 7px 0 0 -5px
}

#progressfieldset
{
  display:none;
}

#forms #label_user
{
  font-size:200%;
  color:#fff;
  margin: -5px 0 0 -5px
}

/** LOGIN */

#login, #login_community {
	float: right;
	width: 600px;
}

.fieldsetclass
{
	float:right !important;	
}

.fieldsetclass #login3
{
	font-size:90%;
}

.fieldsetclass #remember
{
	margin: 3px 5px 0 6px
}

#logout {
	float: right;
	width: 600px;
}

#logout_community {
   padding-top:10px;
   padding-left:30px;
   font-size:90%;
}

#login form, #login_community form , #logout form { float:right !important; padding: 10px 30px 0px 32px !important; }

#login1, #login2 {
	width: 103px;
	height: 19px;
	background: url(images/subpage1_02.gif) no-repeat left top;
}

input#login3 {
	width: 43px;
	height: 19px;
	padding: 0px;
	background: url(images/subpage1_03.gif) no-repeat left top;
	text-transform: lowercase;
	font-weight: bold;
	font-size:100%;
	color: #FFFFFF;
	cursor:pointer;
}

/** SEARCH */

#search {
	float: right;
	width: 261px;
}

#search form { display:none; padding: 10px 40px 0px 0px; }

#search1 {
	width: 143px;
	height: 19px;
	background: url(images/subpage1_04.gif) no-repeat left top;
}

input#search2 {
	width: 52px;
	height: 19px;
	padding: 0px;
	background: url(images/subpage1_05.gif) no-repeat left top;
	text-transform: lowercase;
	font-weight: bold;
	font-size:100%;
	color: #FFFFFF;
	cursor:pointer;
}

/** MENU */

#menu a { color: #80999A; }

/** FORMS */

#forms { background: url(images/homepage03.jpg) no-repeat left top; }

/** PAGE */

#page { 
  background: url(images/bg04.jpg) no-repeat left bottom; 
  overflow:hidden;
}

/** TOP MENU */

#topmenu { }

#topmenu ul {
}

#topmenu li { }

#topmenu a {
	padding: 0px 10px 0px 15px;
	background: url(images/subpage1_01.gif) no-repeat left center;
}

#topmenu .first a { }

/** MENU */

#menu {
}

#menu ul {
}

#menu li {}

#menu a {
	display: block;
	float: left;
	width: 120px;
	height: 40px;
	padding: 32px 0px 0px 0px;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	color: #FFFFFF;
}

#menu a:hover { text-decoration: underline; }

#menu1 { background: url(images/homepage05.jpg) no-repeat left top; }

#menu2 { background: url(images/homepage06.jpg) no-repeat left top; }

#menu3 { background: url(images/homepage07.jpg) no-repeat left top; }

#menu4 { background: url(images/homepage08.jpg) no-repeat left top; }

#menu5 { background: url(images/homepage09.jpg) no-repeat left top; }

/** NEWS */

#news {
	background: url(images/homepage11.jpg) no-repeat left top;
	font-size: 120%;
	font-weight:bold;
}

#news a { color: #D7E4E5; }

/** FOOTER */

#footer { color: #BEDAAC; }

#footer p {
	margin: 0px;
	padding: 20px 0px;
	text-align: center;
}

#footer a { color: #BEDAAC; }

.inputbox {
	border: 1px solid;
	border-color: #003d4f;
	background-color: #88b6c3;
	color: #001d2f;
	font-size:100%;
}

.darkwithborder
{
	border: 1px solid #184d5f;
	background: none !important;
	background-color: #0a3343 !important; 
}

.lightwithborder
{
	border: 1px solid #205d6f;
	background: none !important;
	background-color: #003d4f !important; 
}

.hint
{
	border: 1px solid #184d5f;
	background: none !important;
	background-color: #0a3343 !important; 
	padding:4px;
	width:98%;
	color : #fffea0;
}

.hint b
{
	color : #ffa040;
}


.padding1 { padding: 1px;}
.padding2 { padding: 2px;}
.padding4 { padding: 4px;}
.padding8 { padding: 8px;}

.p1 { padding: 1px;}
.p2 { padding: 2px;}
.p4 { padding: 4px;}
.p8 { padding: 8px;}

#footspacer { height: 40px }

.bold 
{
  color: #d8faf6;
}

.nodisplay
{
  display:none
}

#divCore
{
  position:absolute;
  left:0px;
  top:0px;
}

.font80p
{
  font-size: 80%;
}

.relative
{
  position:relative;
}

.top4
{
  top:4px;
}

.comment
{
  background-color: #003d4f !important;
  border: 1px solid #205d6f;
  font-size: 80%;
  font-style:italic;
  padding:4px;
  margin-top:5px;
  margin-bottom:5px;   
}
.wfull { width:375px; }

.w50 { width: 50px }
.w100 { width: 100px }
.w150 { width: 150px }
.w200 { width: 200px }
.w300 { width: 300px }
.w400 { width: 400px }
.w500 { width: 500px }
.w600 { width: 600px }
.w700 { width: 700px }
.w800 { width: 800px }

.h50 { height: 50px }
.h100 { height: 100px }
.h200 { height: 200px }

.w25p { width: 25% }
.w50p { width: 50% }
.w75p { width: 75% }
.w100p { width: 100% }


.fleft  { float:left }
.fright { float:right }
.cboth { clear:both }

div.datablock div.left
{
  float:left;
  width:200px;
}

div.datablock div.center
{
  float:left;
  width:10px;
}

div.datablock div.right
{
  float:right;
  width:610px;
}

div.datablock div.right div.caption
{
  float:left;
  margin-top:2px;
  width:200px;
  padding-bottom:5px;
}

div.datablock div.right div.captionlist
{
  float:left;
  margin-top:2px;
  width:180px;
  padding-bottom:5px;
}

div.datablock div.right div.value
{
  float:right;
  width:380px;
}

div.datablock div.right div.valuelist
{
  float:right;
  width:370px;
}

div.datablock div.last
{
  clear:both;
}

textarea.datablock
{
  height:150px;
  width: 590px;
}

div.listitem
{
   text-indent : 20px;
   background: url(images/list-bullet.png) no-repeat left top;
   margin-top: 2px;
}

.captionimage
{
	margin-left:45px;
}

.gravatar200 {	width:200px; height:200px; }
.gravatar100 {	width:100px; height:100px; }
.gravatar50 {	width:50px; height:50px; }

.bblack { background-color:black }
.bred { background-color:red }

.alert
{
  color: #afff60;
}
.alert b
{
  color: #afffd0;  
}
.rel { position:relative }
.abs { position:absolute }

#disabledpanel
{
	position:absolute;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80); 
	display:none;
}

#pop
{
	position:absolute;
	display:none;
}

.center { text-align:center }
.justify  { text-align:justify }
.left  { text-align:left }

#topbarcontainer
{
	position:relative;
	width: 920px;
	margin: 0px auto;
}

#topbar
{
   position:relative;
   background: url(images/topbar.jpg);
   background-repeat: no-repeat;
   top:0px;
   left:10px;
   width:900px;
   height:70px;
}

ul.topbuttons
{
	margin-top:-16px;
	margin-left:120px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

ul.topbuttons li
{
	position:relative;
	top:6px;
	float:left;	
	text-indent: -1000px;
}


ul.topbuttons li.btnWorkspace
{
   background: url(images/workspace-normal.png);
   width:180px;
   height:60px;
   cursor:pointer;
   left:-90px;

}

ul.topbuttons li.btnWorkspace:hover
{
   background: url(images/workspace-over.png);
   width:180px;
   height:60px;
   cursor:pointer;
   left:-90px;
}

ul.topbuttons li.btnContent
{
   background: url(images/content-normal.png);
   width:180px;
   height:60px;
   cursor:pointer;
}

ul.topbuttons li.btnContent:hover
{
   background: url(images/content-over.png);
   width:180px;
   height:60px;
   cursor:pointer;
}

ul.topbuttons li.btnProfiles
{
   background: url(images/profiles-normal.png);
   width:180px;
   height:60px;
   cursor:pointer;
   left:-30px;
}

ul.topbuttons li.btnProfiles:hover
{
   background: url(images/profiles-over.png);
   width:180px;
   height:60px;
   cursor:pointer;
   left:-30px;
}

ul.topbuttons li.btnTeams
{
   background: url(images/teams-normal.png);
   width:180px;
   height:60px;
   cursor:pointer;
   left:-75px;
}

ul.topbuttons li.btnTeams:hover
{
   background: url(images/teams-over.png);
   width:180px;
   height:60px;
   cursor:pointer;
   left:-75px;
}