
/*
    Document   : hopuperror
    Created on : 01.07.2009, 22:03:41
    Author     : dream
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div.hop_up_error_btn_container {
    width:440px;
    height:25px;
}

div.hop_up_error_blocker {
    position:fixed;
    background-color:rgb(255, 244, 233);
    filter:alpha(opacity=50);
    top:0;
    right:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#efefef;
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);/* IE7-*/
  }


div.hop_up_error_container {
    font-family : Arial,Helvetica,sans-serif;
    font-size-adjust : none;
    -ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* IE8 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);/* IE7-*/
    left : 35%;
    overflow : auto;
    background-attachment : scroll;
    font-size : 12px;
    font-style : normal;
    font-variant : normal;
    font-family:Arial,Helvetica,sans-serif;
    height : auto;
    line-height : 1.5em;
    opacity : 1.0;
    overflow : visible;
    position : fixed;
    text-align : center;
    top : 45%;
    width : 440px;
    z-index : 5001;
  }


div.hop_up_error_header {
    background-image : url('../images/hopuperror/hop_up_error_header.jpg');
    width:100%;
    height:23px;
  }


div.hop_up_error_footer {
    background-image : url('../images/hopuperror/hop_up_error_footer.jpg');
    width:100%;
    height:4px;
  }

div.hop_up_error_messages {
    background-color : #FAFAEC;
    overflow:hidden;
  }


div.hop_up_error_left {
    background-image : url('../images/hopuperror/hop_up_error_side.jpg');
    background-repeat :repeat;
    position : absolute;
    left:0px;
    top :0px;
    width:4px;
    height:100%;
  }


div.hop_up_error_right {
    background-image : url('../images/hopuperror/hop_up_error_side.jpg');
    background-repeat :repeat;
    position : absolute;
    left:436px;
    top :0px;
    width:4px;
    height:100%;
  }


.hop_up_error_close_btn {
    position: absolute;
    left: 366px;
    top: 1px;
    background-image : url('../images/hopuperror/hop_up_error_close_button.jpg');
    z-index : 5002;
    width: 70px;
    height: 21px;
  }


span.error {
    background-image:url(../images/error_msg_icon.gif);
    color: #DF280A;
    background-position: 5px 7px;
    background-repeat:no-repeat;
    font-size:0.95em;
    font-weight:bold;
    padding:8px 8px 8px 32px;
  }


span.notice {
    background-image:url(../images/note_msg_icon.gif);
    color: #3D6611;
    background-position: 5px 7px;
    background-repeat:no-repeat;
    width:400px;
    left:5px;
    font-size:0.95em;
    font-weight:bold;
    padding:8px 8px 8px 32px;
  }

