.main {
 position:relative;
 width:930px;
 background-color: #fff;
 margin-left: auto;
 margin-right: auto;
 z-index:1;
}

.dialog, .nav_bar, .app_bar, .dialogPortal {
 position:relative;
 margin-bottom: 10px;
 z-index:1;
}

.app_bar {
 position:relative;
 margin-bottom: 5px;
 z-index:1000; /* for menus to be on top*/ 
}

.dialog img, .dialogPortal img {
 margin: 5px 0;
 vertical-align: middle;
}
.nav_bar img, .app_bar img {
 margin: 2px 0;
 vertical-align: middle;
}



/* dialog images */

/* main box */
.main .topMain, .main .topMain div {
 background:transparent url(../images/main_top.gif) no-repeat top right;
}
.main .botMain, .main .botMain div {
 background:transparent url(../images/main_bottom.gif) no-repeat top right;
}


/* nav bar */
.nav_bar .bar, .nav_bar .bar div.left {
 background:#c6e1f4 url(../images/nav_bar.gif) no-repeat top right;
}
/* app bar */
.app_bar .bar, .app_bar .bar div.left {
 background:#83a810 url(../images/app_bar.gif) no-repeat top right;
}


/* blue main boxes */
.dialog .top, .dialog .top div.title {
 background:#366bb5 url(../images/app_box_t.gif) no-repeat top right;
}
.dialog .top2, .dialog .top2 div { /* top no title */
 background:transparent url(../images/app_box_t2.gif) no-repeat top right;
}
.dialog .content, .dialog .content div.left {
 background:transparent url(../images/app_box_c.gif) repeat-y top right;
}
.dialog .bot, .dialog .bot div {
 background:transparent url(../images/app_box_b.gif) no-repeat top right;
}

/* orange popup boxes  */
.dialog .topPop, .dialog .topPop div.title {
 background:#dc9437 url(../images/app_pop_box_t.gif) no-repeat top right;
}
.dialog .topPop2, .dialog .topPop2 div { /* top no title */
 background:transparent url(../images/app_pop_box_t2.gif) no-repeat top right;
}
.dialog .contentPop, .dialog .contentPop div.left {
 background:#fff url(../images/app_pop_box_c.gif) repeat-y top right;
}
.dialog .botPop, .dialog .botPop div {
 background:transparent url(../images/app_pop_box_b.gif) no-repeat top right;
}

/* portal boxes */
.dialogPortal .top, .dialogPortal .top div {
 background:#83a810 url(../images/app_box_t_portal.gif) no-repeat top right;
}
.dialogPortal .top2, .dialogPortal .top2 div { /* top no title */
 background:transparent url(../images/app_box_t2_portal.gif) no-repeat top right;
}
.dialogPortal .content, .dialogPortal .content div.left {
 background:transparent url(../images/app_box_c_portal.gif) repeat-y top right;
}
.dialogPortal .bot, .dialogPortal .bot div {
 background:transparent url(../images/app_box_b_portal.gif) no-repeat top right;
}


/* middle content area */

.dialog .content, .dialog .contentPop, .dialogPortal .content{
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 0px 0px 0px;
}

.nav_bar .bar, .app_bar .bar{
 position:relative;
 height: 25px;
 line-height:22px;
 padding: 0px 5px 0px 5px;
 margin:0px;
}

.dialog .content div.left, .dialog .contentPop div.left, .dialogPortal .content div.left {
 /* left side */
 position:absolute;
 left:0px;
 top:0px;
 width:2px; /* left slice width */
 height:100%;
 _height:8000px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.nav_bar .bar div.left, .app_bar .bar div.left {
 position:absolute;
 left:0px;
 top:0px;
 width:5px;
 height:25px;
 background-position:top left;
}


/* top curves */

.main .topMain, .dialog .top, .dialog .top2, .dialog .topPop, .dialog .topPop2, .dialogPortal .top  {
 /* top */
 background-position:top right;
 position:relative;
 width:100%;
}

.main .topMain, .main .topMain div, .main .botMain, .main .botMain div {
 height:10px;
 font-size:1px;
}
.dialog .top, .dialog .top div.title, .dialog .topPop, .dialog .topPop div.title, .dialogPortal .top, .dialogPortal .top div.title {
 height:25px;
}
.dialog .top2, .dialog .top2 div, .dialog .topPop2, .dialog .topPop2 div, .dialogPortal .top2, .dialogPortal .top2 div { /* top with no title */
 height:5px;
 font-size:1px;
}



.dialog .top div.title, .dialog .topPop div.title, .dialogPortal .top div.title {
 position:relative;
 font-size:11px;
 font-weight:bold;
 line-height:25px;
 color: #fff;
 padding-left: 5px;
 width:90%; /* title corner width */
 background-position:top left;
}


.main .topMain div, .dialog .top2 div, .dialog .topPop2 div, .dialogPortal .top2 div  { /* top with no title */
 position:relative;
 width:16px; /* top corner width */
 background-position:top left;
}


/* bottom curves */

.main .botMain, .dialog .bot, .dialog .botPop, .dialogPortal .bot {
 /* bottom */
 position:relative;
 width:100%;
 background-position:bottom right;
 clear:both;
}

.dialog .bot, .dialog .bot div, .dialog .botPop, .dialog .botPop div, .dialogPortal .bot, .dialogPortal .bot div {
 height:5px; /* height of bottom curve */
 font-size:1px;
}

.main .botMain div, .dialog .bot div, .dialog .botPop div, .dialogPortal .bot div {
 position:relative;
 width:16px; /* bottom corner width */
 background-position:bottom left;
}