div.clearer {
    clear:both;
	height:0px;
    visibility: hidden;
    line-height:.01em;
	padding:0;
	margin:0;
}

/* body start */

/* provides a continer to center a child div in */
div.body_container{
   float:left;
   margin-top:-80px;
   width:100%;
}
/* centers in parent as long as parent is larger then child*/
div.body_content {
   margin:0 auto;
   width:980px;
   padding-left: 25px;
}
div.body_content div{
   /*height: 100px;*/
}
div.navigationContainer {
    border: none;
    float: left;
    width:230px;
    border-bottom: 1px solid #d9d9d9;
}

/* margin-left should be updated along with the relative position of */
div.contentContainer {
    background: none;
    border: none;
    float:left;
    padding-left: 6px;
    width:720px;
}

table.componentTabSetContainer {
    width: 99%;
}

/* controls the appearance of links throughout the application */
a:link, a:hover, a:visited, a:active {
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
}
a:hover{
    color: #000033;
    text-decoration:underline
}
a:active{
    color: #318496;
}

/* doc view template decloration */
.docViewContainer, .docViewNavigation, .docViewContent{
    float:left;
}
.docViewNavigation, .docViewContent{
    height: 500px;
}
.docViewNavigation{
    width: 150px;
    overflow: scroll;
}
.docViewContent{
    width: 514px;
    border: 1px solid #D9D9D9;
}
.docViewContainer{
    width: 670px;
}
.docViewContainer a{
    color: #444444;
}
a.docViewNodeSelectedtrue{
    font-weight: bold;
}
.docViewContainer a:visited{
    color: #104e5b;
}
.docViewContainer a:hover{
    text-decoration: none;
    color: #318496;
}

.includeIframe{
    width:100%;
    height:100%;
    border: none;
    background-color: white;
    font-size: 11pt;
}

/* Main wrapper class for all component examples */
.componentBox {
    float: left;
    padding: 0 0 0 0;
}
/* Parent of componentBox when component examples are used in portlets */
.componentBoxPortlet{
    background-color:white;   
}

.synopsisBox {
    border: none;
    min-height: 36px;
    padding: 0 0 0 50px;
    background: url( './images/icon_info.gif' ) no-repeat top left;
    display: block;
}

.exampleBox {
    margin: 15px 15px 0 0;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}

.synopsisBox .iceOutTxt {
    display: block;
}

/* 2 + 13 =15 or the exampleBox margin. */
/* give outline effect for server chagned values boxes. */
.backBeanChangeContainer{
    padding: 0;
}

.backBeanChangeTitle{
    margin: 0;
    height: 20px;
    width: 275px;
    padding: 6px 0 0 8px;
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    border-bottom: 1px solid #d9d9d9;
}

.backBeanChangeBody{
    padding:2px;
}

.backBeanChangeBody > div.icePnlGrp:first-child {
    padding: 15px;
    background-color: white;
}

.iceOutTxt {
    color: #484848;
}

.iceSelOneRb-dis {
    border: 0;
    background-color: #FFFFFF;
    color: #444444;
}

h3 {
    font: 11px tahoma;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.columnsColumn {
    border: none;
}

/*
------------- Theme Controller
*/

.themeControlContainer {
    /*float:left;*/
    border:1px solid #D9D9D9;
    height:28px;
    margin-bottom:7px;
    padding: 7px 5px 5px 5px;
    text-align:left;
    vertical-align:middle;
    white-space: nowrap;
}

.themeControlContainer .changeThemeButton {
    border: 1px solid #d9d9d9;
    display:inline;
    margin-top:3px;
    padding: 4px 25px 4px 10px;
    width: 70px;
    background-image: url('./images/theme_refresh.png');
    background-position: right center;
    background-repeat: no-repeat;
}

.themeSelectOneMenu {
    margin:0;
    padding:0;
    margin-left: 3px;
    margin-right: 3px;
    margin-top:5px;
    border: 1px solid #d9d9d9;
    /*padding-top: 2px;*/
    width: 90px;
}

.themeControlContainer a {
    color: #444;
}

/* main styles for individual component examples */

.synopsisBox > span:first-child,
    div.firstChildTitle > span:first-child,
    div.firstChildTitle > div > span:first-child {
    font-weight: bold;
}

.title {
    color: yellow;
}

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited,
    .exampleBox a:hover, .synopsisBox a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited {
    text-decoration: none;
}

.exampleBox a:hover, .synopsisBox a:hover {
    text-decoration: underline;
}

.exampleBox .iceMnuItm a:hover {
    text-decoration: none;
}

.centerBox {
    margin-right: auto;
    margin-left: auto;
}


table.verticalAlignTop td {
    vertical-align: top;
}
div.verticalAlignMdl{
    vertical-align: middle;
}

/* connection status style for tabbed template */
.navConnectionStatus {
    left:900px;
    position:relative;
    top:33px;
}

/* MENUBAR EXAMPLE */

.menuHeadingItem a {
    width: 144px;
}

.orientationLabel {
    display: inline;
    float: left;
}

.orientationRadioBtn label {
    vertical-align: top;
}

/* END MENUBAR EXAMPLE */

/* MENUPOPUP EXAMPLE */
.menuPopupEffectsVrtSubMenuInd {
    padding-top: 0px;
}
/* END MENUPOPUP EXAMPLE */

/* PANELBORDER.JSPX */
.pnlBrdrDemo {
    margin: 0;
    float: left;
    padding: 0;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter, .pnlBrdrDemoSouth {
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    padding: 0;
    text-align: center;
    vertical-align: top;
}

.pnlBrdrDemoNorth, .pnlBrdrDemoSouth {
    height: 100%;
}
.pnlBrdrDemoEast, .pnlBrdrDemoWest, .pnlBrdrDemoCenter {
    height: 517px;
    text-align: left;
}
.pnlBrdrDemoCenter {
    padding: 0 4px 0 10px;
}
.pnlBrdrDemoWest {
    width: 13%;
}
/* END PANELBORDER.JSPX */

/* SELECTINPUTDATE.JSPX */
.weekend a {
    background-color: #999999;
}

.weekend a span {
    color: white;
}

.august span {
    font-weight: bold;
}

/* END SELECTINPUTDATE.JSPX */

/* PANELPOPUP.JSPX */

.corePopup {
    position: absolute;
    z-index: 1001;
    width: 300px;
    height: 150px;
    top: 60%;
    left: 40%;
}

.corePopup table {
    width: 100%;
}

.popupBody {
    margin-top: 25px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.popupHeaderWrapper {
    text-align: center;
    vertical-align: middle;
}

.popupHeaderText {
    float: left;
}

.popupHeaderImage {
    float: right;
    margin-top: 2px;
    margin-right: 2px;
}

/* END PANELPOPUP.JSPX */

/* START PANELPOSITIONABLE */

.positionPanelContainer{
    /*border: 1px solid #d9d9d9;    */
}
.rankPanelContainer  span, .rankPanelContainer  span{
    font-weight: normal;
}

.positionPanelContainer div.container{
    background: #FFF url( '../xmlhttp/css/rime/css-images/PnlHdr_bgslice.gif' ) repeat-x top left;
    color: #484848;
    padding-left: 5px;
    font-weight: normal;
    width: 125px;
    border: 1px solid #d9d9d9;
}

.positionPanelContainer div.moveLabel{
    background: url( '../images/move_arrows.gif' ) no-repeat center left;
    padding: 6px 0 0 25px;
    height: 20px;
}
.rankPanelContainer div{
    padding: 6px 0 0 5px;
    border: 1px solid white;
    height: 20px;
}


/* END PANELPOSITIONABLE */

/* START PANEL TABSET  */
.tabsetControls div{
    float: left;
    margin-left: 3px;
    vertical-align: middle;
}
.tabsetControls div div{
    float: left;
    margin: 3px;
    vertical-align: middle;
}
/* END PANEL TABSET  */

/* START PANEL STACK  */
.panelStackContainer table.icePnlStk {
    width:100%;
}
.stackExamplePanel table{
    width:100%;
    padding:0;
    margin:0;
    background-color: #F5F5F5;
    border-left: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
}
.stackExamplePanel table td{
    padding: 25px;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}
.stackExamplePanel span{
    font-weight: bold;
}
.stackExamplePanel a span{
    font-weight: normal;
}
/* END PANEL STACK  */
/* START PANEL SERIES  */
.panelSeriesContainer .employeeBox{
    width:200px;
    border: 1px solid #DADADA;
    /*padding: 10px;*/
    margin: 5px;
    float: left;
}
.exampleBox.panelSeriesContainer {
    width: 424px;
}
/* END PANEL SERIES  */
/* START PANEL TOOLTIP  */
.panelToolTipInvnItem{
    float:left;
    margin: 8px;
    border: 1px solid #DADADA;
    text-align: center;
}
.icePnlTlTip table {
    width: 100%;
}
/* END PANEL TOOLTIP  */

/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
    width: 350px;
}
/* END OUTPUT PROGRESS */

/* START CONNECTION STATUS   */
.connectionStatusGraphics{
    width:100%;
}
.connectionStatusGraphics span{
    font-weight:bold;
}
.connectionStatusGraphics td{
    text-align: center;
    vertical-align: middle;

}
/* END CONNECTION STATUS   */

/* START TREE */
.selectedNodetrue span{
    font-weight:bold;
}
.iceTree a:hover .iceOutTxt {
    color: #318496;
}
/* END TREE */

/* Chart example */
.chartConfigurationContainer div.firstChildTitle > label:first-child{
    margin-bottom: 5px;
    display:block;
}
/* end chart example*/

.pnlGrdClass {
    width:70px;
    text-align:left;
    vertical-align:top;
}
.pnlGrdClassLong {
    width:200px;
    text-align:left;
    vertical-align:top;
}

.iceMnuBarSubMenu, .iceMnuBarVrtSubMenu {
    width: 200px;
}