/* @group phui */

/* @group button */

div.phui_button_holder { text-align: center; display: table; margin: auto; margin-top: 10px; }

a.phui_button { font: 12px tahoma, "lucida grande"; color: #1f1f1f; text-decoration: none; }

a.phui_button { display: inline-block; float: left; float: center; _width: 50px; margin: auto auto auto 5px; background: url(../images/phui_button_left.png) no-repeat left top; _background-image: url(../images/phui_button_left.gif); padding-left: 10px; cursor: pointer; outline: none; }

* html a.phui_button { float: center; }

a.phui_button span { background: url(../images/phui_button_right.png) no-repeat right top; _background-image: url(../images/phui_button_right.gif); display: block; height: 22px; padding-right: 10px; padding-top: 5px; min-width: 50px; text-align: center; cursor: pointer; }

a.phui_button:hover { background-position: left -28px; }

a.phui_button:hover span { background-position: right -28px; }

a.phui_button:active { background-position: left -56px; }

a.phui_button:active span { background-position: right -56px; }



/* @end */

/* @group basic */

.phui_text { color: #4a4a4a; font: 12px "lucida grande", tahoma; }

.phui_cf:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.phui_cf { min-height: 1%; _height: 1%; }

.phui_overlay { background: #fff; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0.7; z-index: 99; }

* html .phui_overlay { 
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* @end */

/* @group modal */

.phui_modal { position: fixed; _position: absolute; left: 50px; top: 50px; z-index: 100; }

.phui_modal_top_left { width: 24px; height: 24px; background: url(../images/phui/modal/default/left_top.png) no-repeat; position: absolute; top: 0px; left: 0px; _display: none; }

.phui_modal_top_right { width: 24px; height: 24px; background: url(../images/phui/modal/default/right_top.png) no-repeat; position: absolute; top: 0px; right: 0px; _display: none; }

.phui_modal_bottom_left { width: 24px; height: 24px; background: url(../images/phui/modal/default/left_bottom.png) no-repeat; position: absolute; bottom: 0px; left: 0px; _display: none; }

.phui_modal_bottom_right { width: 24px; height: 24px; background: url(../images/phui/modal/default/right_bottom.png) no-repeat; position: absolute; bottom: 0px; right: 0px; _display: none; }

.phui_modal_top { background-image: url(../images/phui/modal/default/top.png); height: 24px; position: absolute; left: 24px; right: 24px; _display: none; }

.phui_modal_left { background-image: url(../images/phui/modal/default/left.png); position: absolute; top: 24px; left: 0px; bottom: 24px; width: 24px; _display: none; }

.phui_modal_right { background-image: url(../images/phui/modal/default/right.png); position: absolute; top: 24px; right: 0px; bottom: 24px; width: 24px; _display: none; }

.phui_modal_bottom { background-image: url(../images/phui/modal/default/bottom.png); height: 24px; position: absolute; left: 24px; right: 24px; bottom: 0px; _display: none; }

.phui_modal_content.phui_loading { background: #fff url(../images/loader.gif) no-repeat center center; }

/* @group content */

.phui_modal_image { position: absolute; top: 0px; left: 0px; } 

.phui_modal_content { position: relative; z-index: 100; overflow: hidden; _border: 1px solid #bbb; background: #fff; width: 500px; height: 300px; margin: 12px; }

.phui_modal_title { margin: 0; font: 16px tahoma, "lucida grande"; color: #222; padding: 5px 15px; }

.phui_modal_body { z-index: 100; padding: 15px; }

 {  }



/* @end */

/* @group button */

.phui_modal_button_holder { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; padding: 0 10px 10px; text-align: right; background-color: #e7e7e7; border-top: 1px solid #b0b0b0; z-index: 100; }

.phui_modal_button_holder .phui_button_holder
 { margin-right: 20px; margin-left: auto; }

.phui_modal_navigation_holder { padding: 10px 20px 0; }



/* @end */



/* @end */



/* @end */