/* 
Dialog Site Styles
-------------------
*/

.dialog_outer{
color:#505050;
min-height:100%;
background-color: transparent;
}

.login{
margin-left: auto;
margin-right: auto;
width:400px;
}

.dialog_title{
color:#000;
font-weight:bold;
font-size:0.88em;
}

/* 
Error Styles
-------------------
*/
.ErrorMsg_large{
font: bold 16px Arial, Helvetica, Verdana, sans-serif;
color:#59ADBA;
}

.ErrorMsg{
font: bold 12px Arial, Helvetica, Verdana, sans-serif;
color:#59ADBA;
}

/* 
Dialog Container Ver1
-------------------
*/

.dialog_container {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container .dialog_content,
.dialog_container .dialog_t,
.dialog_container .dialog_b,
.dialog_container .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_bckrnd2k_2k.gif) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_bckrnd2k_2k.gif);
}


.dialog_container .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container .dialog_b,
.dialog_container .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container .dialog_b {
 background-position:bottom right;
}

.dialog_container .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_container .hd,
.dialog_container .bd,
.dialog_container .ft {
 position:relative;
}

.dialog_container .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container h1,
.dialog_container p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container h1 {
 padding-bottom:0px;
}

/* 
Dialog Container Ver2
-------------------
*/

.dialog_container_ver2 {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_ver2 .dialog_content,
.dialog_container_ver2 .dialog_t,
.dialog_container_ver2 .dialog_b,
.dialog_container_ver2 .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_ver2_bckrnd2k_2k.gif) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_ver2_bckrnd2k_2k.gif);
}


.dialog_container_ver2 .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_ver2 .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_ver2 .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_ver2 .dialog_b,
.dialog_container_ver2 .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_ver2 .dialog_b {
 background-position:bottom right;
}

.dialog_container_ver2 .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_container_ver2 .hd,
.dialog_container_ver2 .bd,
.dialog_container_ver2 .ft {
 position:relative;
}

.dialog_container_ver2 .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_ver2 h1,
.dialog_container_ver2 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_ver2 h1 {
 padding-bottom:0px;
}

/* 
Dialog Container Ver3
-------------------
*/

.dialog_container_ver3 {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_ver3 .dialog_content,
.dialog_container_ver3 .dialog_t,
.dialog_container_ver3 .dialog_b,
.dialog_container_ver3 .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_ver3_bckrnd2k_2k.gif) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_ver3_bckrnd2k_2k.gif);
}


.dialog_container_ver3 .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_ver3 .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_ver3 .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_ver3 .dialog_b,
.dialog_container_ver3 .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_ver3 .dialog_b {
 background-position:bottom right;
}

.dialog_container_ver3 .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_container_ver3 .hd,
.dialog_container_ver3 .bd,
.dialog_container_ver3 .ft {
 position:relative;
}

.dialog_container_ver3 .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_ver3 h1,
.dialog_container_ver3 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_ver3 h1 {
 padding-bottom:0px;
}

/* 
Dialog Container Preview Shadow
-------------------
*/

.dialog_container_previewshadow {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:45px; /* default, width of left corner */
 margin-bottom:0.0em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_previewshadow .dialog_content,
.dialog_container_previewshadow .dialog_t,
.dialog_container_previewshadow .dialog_b,
.dialog_container_previewshadow .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_previewshadow_bckrnd2k_2k.png) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_previewshadow_bckrnd2k_2k.gif);
}


.dialog_container_previewshadow .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_previewshadow .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:45px; /* top slice width */
 margin-left:-45px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_previewshadow .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_previewshadow .dialog_b,
.dialog_container_previewshadow .dialog_b div {
 height:63px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_previewshadow .dialog_b {
 background-position:bottom right;
}

.dialog_container_previewshadow .dialog_b div {
 position:relative;
 width:45px; /* bottom corner width */
 margin-left:-45px;
 background-position:bottom left;
}

.dialog_container_previewshadow .hd,
.dialog_container_previewshadow .bd,
.dialog_container_previewshadow .ft {
 position:relative;
}

.dialog_container_previewshadow .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_previewshadow h1,
.dialog_container_previewshadow p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_previewshadow h1 {
 padding-bottom:0px;
}


/* 
Dialog Container Home Content
-------------------
*/

.dialog_container_home {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_home .dialog_content,
.dialog_container_home .dialog_t,
.dialog_container_home .dialog_b,
.dialog_container_home .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_home_bckrnd1k_1k.png) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_home_bckrnd1k_1k.png);
}


.dialog_container_home .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_home .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_home .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_home .dialog_b,
.dialog_container_home .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_home .dialog_b {
 background-position:bottom right;
}

.dialog_container_home .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_container_home .hd,
.dialog_container_home .bd,
.dialog_container_home .ft {
 position:relative;
}

.dialog_container_home .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_home h1,
.dialog_container_home p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_home h1 {
 padding-bottom:0px;
}

/* 
Dialog Container Home Top Content
-------------------
*/

.dialog_container_home_topproducts {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_home_topproducts .dialog_content,
.dialog_container_home_topproducts .dialog_t,
.dialog_container_home_topproducts .dialog_b,
.dialog_container_home_topproducts .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_home_topproducts_bckrnd.png) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_home_topproducts_bckrnd.png);
}


.dialog_container_home_topproducts .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_home_topproducts .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_home_topproducts .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_home_topproducts .dialog_b,
.dialog_container_home_topproducts .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_home_topproducts .dialog_b {
 background-position:bottom right;
}

.dialog_container_home_topproducts .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.dialog_container_home_topproducts .hd,
.dialog_container_home_topproducts .bd,
.dialog_container_home_topproducts .ft {
 position:relative;
}

.dialog_container_home_topproducts .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_home_topproducts h1,
.dialog_container_home_topproducts p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_home_topproducts h1 {
 padding-bottom:0px;
}

/* 
Dialog Container MrPres Content
-------------------
*/

.dialog_container_mrpres {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_mrpres .dialog_content,
.dialog_container_mrpres .dialog_t,
.dialog_container_mrpres .dialog_b,
.dialog_container_mrpres .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_mrpres_bckrnd1k_1k.png) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_mrpres_bckrnd1k_1k.png);
}


.dialog_container_mrpres .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 10px 0px 0px;
}

.dialog_container_mrpres .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:10px; /* top slice width */
 margin-left:-10px;
 height:100%;
 _height:2600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_mrpres .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_mrpres .dialog_b,
.dialog_container_mrpres .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_mrpres .dialog_b {
 background-position:bottom right;
}

.dialog_container_mrpres .dialog_b div {
 position:relative;
 width:10px; /* bottom corner width */
 margin-left:-10px;
 background-position:bottom left;
}

.dialog_container_mrpres .hd,
.dialog_container_mrpres .bd,
.dialog_container_mrpres .ft {
 position:relative;
}

.dialog_container_mrpres .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_mrpres h1,
.dialog_container_mrpres p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_mrpres h1 {
 padding-bottom:0px;
}


/* 
Dialog Container Home Leftmenu
-------------------
*/

.dialog_container_homeleftmenu {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_homeleftmenu .dialog_content,
.dialog_container_homeleftmenu .dialog_t,
.dialog_container_homeleftmenu .dialog_b,
.dialog_container_homeleftmenu .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_homeleftmenu_bckrnd2k_2k.gif) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_homeleftmenu_bckrnd2k_2k.gif);
}


.dialog_container_homeleftmenu .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_homeleftmenu .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_homeleftmenu .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_homeleftmenu .dialog_b,
.dialog_container_homeleftmenu .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_homeleftmenu .dialog_b {
 background-position:bottom right;
}

.dialog_container_homeleftmenu .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_container_homeleftmenu .hd,
.dialog_container_homeleftmenu .bd,
.dialog_container_homeleftmenu .ft {
 position:relative;
}

.dialog_container_homeleftmenu .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_homeleftmenu h1,
.dialog_container_homeleftmenu p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_homeleftmenu h1 {
 padding-bottom:0px;
}

/* 
Dialog Container Receipt page
-----------------------------
*/

.dialog_container_receipt {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 color:#7D7D7D;
}

.dialog_container_receipt .dialog_content,
.dialog_container_receipt .dialog_t,
.dialog_container_receipt .dialog_b,
.dialog_container_receipt .dialog_b div {
 background:transparent url(../images/dialog/dialog_content_receipt.png) no-repeat top right;
 _background-image:url(../images/dialog/dialog_content_receipt.png);
}


.dialog_container_receipt .dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_container_receipt .dialog_t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_container_receipt .dialog_b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog_container_receipt .dialog_b,
.dialog_container_receipt .dialog_b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_container_receipt .dialog_b {
 background-position:bottom right;
}

.dialog_container_receipt .dialog_b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_container_receipt .hd,
.dialog_container_receipt .bd,
.dialog_container_receipt .ft {
 position:relative;
}

.dialog_container_receipt .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog_container_receipt h1,
.dialog_container_receipt p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_container_receipt h1 {
 padding-bottom:0px;
}

/* 
Modal Backgrounds
-----------------------------
*/

.modal_430_230_bckrnd{

background:transparent url(../images/dialog/modal_430_230.png) no-repeat top left;
_background-image:url(../images/dialog/modal_430_230_gray.gif);
/*behavior: url(../common/styles/iepngfix.htc);*/
width:430px;
height:230px;
}

.modal_380_100_bckrnd{
background:transparent url(../images/dialog/modal_380_100.png) no-repeat top left;
_background-image:url(../images/dialog/modal_380_100.gif);
/*behavior: url(../common/styles/iepngfix.htc);*/
width:380px;
height:100px;
}


.modal_preview_430_230_bckrnd{
background:transparent url(../images/dialog/modal_430_230.png) no-repeat top left;
_background-image:url(../images/dialog/modal_430_230_gray.gif);
/*behavior: url(../common/styles/iepngfix.htc);*/
width:430px;
height:230px;

}