/* -- header --*/

#header{

	border-bottom: 1px solid #274F81;
	background-color: #FFF;
	text-align: center;
	overflow:hidden;
	color: #274F81;
	
}

#header #diary-logo {
	position:relative;
	/*width:590px;
	height:72px;*/
	padding:0;
	margin:0;
	z-index:3;
}

#header #loggedin{
	/*position:absolute;*/
	width: 855px;
	/*top:10px;*/
	/*height: 45px;*/
	padding: 7px 0px 0px 0px;
	text-align:right;
	z-index:2;
}




#diary-logo #flashLogo {
	width:590px;
	height:60px;
}

/* -- menu -- */

#header-menu {
	margin-top: 23px;
	width: 855px;
	float: left;
	height: 34px;
	
	/*overflow: hidden;*/
}

#header-menu ul{
	list-style: none;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 10px;
}

#header-menu li{
	margin: 0px;
	padding: 0px 2px 0px 0px;
	float: left;
}

#header-menu #submenu{
	float: right;
	font-weight: bold;
	/*padding-left: 20px;*/
   	padding-top: 5px;
}

#header-menu #submenu a{
	padding-left: 8px;
}


/* Tabs */

.tab,
.tabSelect,
.tabHighlight,
.tabHighlightSelect {
	padding: 0;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

.tab .left {
	background-image: url('/images/portal_new/img/Tab-left.png');
}

.tab .right {
	background-image: url('/images/portal_new/img/Tab-right.png');
}

.tab .left,
.tab .right,
.tabSelect .left,
.tabSelect .right,
.tabHighlight .left,
.tabHighlight .right,
.tabHighlightSelect .left,
.tabHighlightSelect .right {
	background-repeat: no-repeat;
}

.tab .left,
.tab .right,
.tabSelect .left,
.tabSelect .right,
.tabHighlight .left,
.tabHighlight .right,
.tabHighlightSelect .left,
.tabHighlightSelect .right {
	height: 29px;
	width: 7px;
}

.tab .middle {
	background-color: #deedf1;
}

.tab .middle,
.tabSelect .middle,
.tabHighlight .middle,
.tabHighlightSelect .middle{
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px 5px 10px;
}

.tab .middle a,
.tabSelect .middle a,
.tabHighlight .middle a,
.tabHighlightSelect .middle a {
	text-decoration: none;
}

.tab .left,
.tab .right,
.tab .middle,
.tabSelect .left,
.tabSelect .right,
.tabSelect .middle,
.tabHighlight .left,
.tabHighlight .middle,
.tabHighlight .right,
.tabHighlightSelect .left,
.tabHighlightSelect .middle,
.tabHighlightSelect .right {	
	float: left;
}

.tabSelect {
	
}

.tabSelect .middle {
	background-color: #275081;
	color: #ffffff;
}

.tabSelect .middle a, .tabHighlight .middle a, .tabHighlightSelect .middle a {
	color: #ffffff;
}

.tabSelect .left {
	background-image: url('/images/portal_new/img/Tab-left-select.png');
}

.tabSelect .right {
	background-image: url('/images/portal_new/img/Tab-right-select.png');
}

.tabHighlight {
	
}

.tabHighlight .left {
	background-image: url('/images/portal_new/img/Tab-left-highlight.png');
}

.tabHighlight .right {
	background-image: url('/images/portal_new/img/Tab-right-highlight.png');
}

.tabHighlight .middle {
	background-color: #a4d853;
	color: #ffffff;
}

.tabHighlightSelect {
	
}

.tabHighlightSelect .left {
	background-image: url('/images/portal_new/img/Tab-left-highlight-select.png');
}

.tabHighlightSelect .right {
	background-image: url('/images/portal_new/img/Tab-right-highlight-select.png');
}

.tabHighlightSelect .middle {
	background-color: #699823;
	color: #ffffff;
}

.topRightBanner { 
	float: right;
	width: 120px; 
	height: 100px; 
	overflow: hidden;
	margin-top: 7px;
}

.topRightBanner a {
	text-decoration: none;
}

.topRightBanner a img {
	border:0;
	padding:0; margin:0;
}