html {
    direction: ltr;
    width: 100%;
    height: 100%;
	overflow: hidden;
	font-family:arial, sans-serif;
	font-size:100%;
}

body {
    margin: 0;
    padding: 0;
    position:relative;
}

.information {
    position: relative;
    float: right;
    top: 10px;
    right: 10px;
}

.information span {
    font-size: 0.88em;
    color: #5c5c5c;
}

/* global nav (a.k.a. 'information') */

#globalNav {
/*
	background:url("images/common-ui-global-nav-left.png") no-repeat left top;
*/
	padding:0px;
	margin:0px;
	height:60px;
	float:right;
	color:#fff;
	margin:10px 0 0 0;
    position: relative;
    z-index: 1100;
}

#globalNav > div {
/*
	background:url("images/common-ui-global-nav-right.png") no-repeat right top;
*/
	height:22px;
}

#globalNav .globalnav-list {
/*
	background: transparent url("images/common-ui-global-nav-center.png") repeat-x left top;
*/
	padding:0px;
	margin:0px;
	margin-left:7px;
	margin-right:7px;
	height:22px;
}

#globalNav .globalnav-list-item {
	margin:0px;
	list-style:none;
	float:left;
	height:12px;
	padding:2px 8px 0px 0px;
	position:relative;
    border-left: 1px solid #FFFFFF;
    border-right: medium none;
}
#globalNav .globalnav-list-item:first-child {
    border-left: none;
}

#globalNav li a {
	padding-left:24px;
	color:#fff;
	text-decoration:none;
}

#globalNav li .mepChangeLink {
    padding-left:5px;
}

.mepHomeContextText {
   /*border-left:1px solid #FFFFFF;*/
   padding-left:5px;
}

.helpText {
	/*border-left:1px #fff solid;*/
	background:url("images/help_icon.png") no-repeat 8px center;
}

#globalNav li a.preferenceText {
	background:url("images/gear_icon.png") no-repeat 6px center;
	/*border-left:1px solid #FFFFFF;*/
}

#content {
	overflow-x: auto;
	overflow-y: auto;
    margin: 0;
    padding: 0;
	width:100%;
	position: absolute;
	bottom: 0;
	left:0;	/* rtl fix for ie */
}

.pointer {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.spacer {
    float: left;
    clear: both;
    width: 100%;
    height: 10px;
    background: transparent;
}

.bottomDropShadow {
    float: left;
    width: 100%;
    height: 9px;
}

#helpWindow {
    position: absolute;
    float: left;
    z-index: 1000;
    top: -344px;
    right: 5px;
    display: block;
}


#helpWindowTab {
    display: none;
    background: url('images/help_window_tab.png') no-repeat;
    position: relative;
    clear: both;
    float: right;
    width: 77px;
    height: 17px;
    top: -1px;
    cursor: pointer;
}

#helpWindowTab #helpWindowTabText {
    float: right;
    font-size: 0.75em;
    color: #0084d5;
    padding: 0 30px 0 0;
}


#helpWindowControls {
    background: url('images/help_window_controls.png') no-repeat;
    float: left;
    width: 350px;
    height: 32px;
}

#helpWindowTop {
    background: url('images/help_window_top.png') no-repeat;
    float: left;
    clear: both;
    width: 350px;
    height: 14px;
}

#helpWindowMiddle {
    background: url('images/help_window_middle.png') repeat-y;
    float: left;
    clear: both;
    width: 350px;
    height: 275px;
}

#helpWindowBottom {
    background: url('images/help_window_bottom.png') no-repeat;
    float: left;
    clear: both;
    width: 350px;
    height: 17px;
}

#helpWindowMiddle #helpWindowContent {
	padding: 5px 0 0 15px;
	left: 0px;
	right: 0px;
    width: 323px;
    height: 271px;
}

#helpWindowControls #helpWindowCloseButton {
    background: url('images/sun001_cg_closemnidle.png') no-repeat;
    position: relative;
    display: block;
    top: 7px;
    right: 9px;
    float: right;
    width: 18px;
    height: 18px;
    text-decoration: none;
}

#helpWindowControls #helpWindowCloseButton:hover {
    background: url('images/sun001_cg_closemnselect.png') no-repeat;
}

#helpWindowControls #helpWindowIcon {
    background: url('images/sun001_cg_helpindicator.png') no-repeat;
    position: relative;
    display: block;
    float: left;
    top: 7px;
    left: 10px;
    width: 9px;
    height: 20px;
}

#helpWindowControls #helpWindowTitle {
    position: relative;
    display: block;
    float: left;
    top: 10px;
    left: 15px;
    font-size: 0.75em;
    color: #0084d5;
}

/* container */
#openItemsContainer {
    width: 240px;
    z-index: 2;
    position: absolute;
    bottom: -1px;
    float: left;
    display: none;
    background: transparent;
}

/* header */
#headerCloseButton {
    background: url('images/openitems/icon-header-close.gif') no-repeat top left;
    width: 9px;
    height: 8px;
    position: absolute;
    right: 10px;
    margin: 10px 0px 25px 0px;
    cursor: pointer;
}

#openItemsHeader {
    background:url('images/openitems/header-center.jpg') repeat-x top left;
    height:31px;
    cursor: default;
}

#openItemsHeader div {
    background:url('images/openitems/header-cap-right.jpg') no-repeat top right;
    height:31px;
}

#openItemsHeader div h3 {
    margin:0px;
    background:url('images/openitems/header-cap-left.jpg') no-repeat top left;
    height:25px;
    color:#0C60A6;
    font:bold .8em Arial, sans-serif;
    padding:6px 0px 0px 10px;
    float:left;
}

#openItemsHeader div img {
    float:right;
    margin:11px 10px 0px 0px;
    cursor:pointer;
}

/* body */
#openItemsBody {
    border-left:1px #9AC0D2 solid;
    border-right:1px #9AC0D2 solid;
    background-color: #ffffff;
}

#categoryList {
    margin:0px;
    padding:0px;
    list-style:none;
    color:#999;
    font:.75em Arial, sans-serif;
    height:150px;
    overflow:auto;
    cursor: default;
}

#categoryList li h4 {
    margin:0px;
    background:url('images/openitems/bg-category.jpg') repeat-x left center;
    padding:1px 0px;
    height:20px;
    color:#555;
    font-weight:normal;
}

#categoryList li h4:hover {
    margin:0px 0px 0px 0px;
    padding:0px;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
    color:#000;
}

#categoryList li h4 .downArrow {
    position: relative;
    float: left;
    background: transparent url('images/openitems/down-arrow.gif') no-repeat center center;
    width: 7px;
    height: 4px;
    margin: 5px 4px 3px 4px;
}

#categoryList li h4 .rightArrow {
    position: relative;
    float: left;
    background: transparent url('images/openitems/right-arrow.gif') no-repeat center center;
    width: 4px;
    height: 7px;
    margin: 4px 3px 4px 5px;
}

.itemList {
    margin:0px;
    padding:0px;
    list-style:none;
}

.itemList li {
    padding:3px 3px 3px 16px;
    cursor: pointer;
}

.itemList li:hover {
    background-color:#F5F9FA;
    color:#334;
}

/* footer */
#openItemsFooter {
    height:20px;
    border: 1px solid #9AC0D2;
    padding:3px;
    text-align:right;
    z-index:1;
}

/* footer buttons (control bar) */
#buttonBar {
    margin:0px;
    list-style:none;
    padding:0px;
}

#buttonBar li {
    float:right;
    margin:0px 2px;
}

#buttonBar span {
    display:block;
    padding:3px 10px 4px 10px;
    font:normal .7em Arial, sans-serif;
    color:#666;
    text-decoration:none;
    cursor: pointer;
}

#buttonBar span:hover {
    color:#0C60A6;
}
/* selected tab */
#selectedTab {
    position:absolute;
    top:208px;
    z-index:4;
    width:43px;
    height:24px;
    left:0px;
}

#selectedTab img {
    position:absolute;
    top:4px;
    left:11px;
    z-index:5;
}

/* active open item */
.activeOpenItem {
    background-color: #9AC0D2;
    color: #ffffff;
    border-bottom: 1px #ffffff solid;
}

/* new/edit tab menu */

.tabContentHeight {
    height: 110px;
}

.tabContentDiv {
    position: relative;
    float: left;
    clear: both;
    width: 98%;
    padding-left: 2%;
    height: 30px;
}

.tabInfoTitle {
    float: left;
    font-size: 0.88em;
    font-weight: bold;
    color: #656564;
    width: 150px;
}

.tabInfoText {
    position: relative;
    float: left;
    font-size: 0.88em;
    font-weight: normal;
    color: #656564;
}

.tabRadioGroup {
    position: relative;
    float: left;
}

.tabRadio {
    position: relative;
    float: left;
    margin-left: 0px;
}