@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

.information, .query, .warning, .error{border: 1px solid; color: #fff; padding: 10px 0 10px 15px; width:98.7%; margin:0; display:table; border-radius:3px;font-size:1em!important; font-weight:normal; font-family:'Open Sans Condensed';}
.white-content #divPopup .information, .white-content #divPopup .query,.white-content #divPopup .warning,.white-content #divPopup .error{width:97.7%;}
.information{color: #4F8A10; background-color: #61B832;}
.information div.msg-wrapper{float:left; display:block; margin-left:40px; margin-top:0;}
.information span.img-wrapper{float:left; display:table; vertical-align:middle; margin-top:0; padding:0; background:url(../images/windows-info-aixgen.png) 0 0 no-repeat;  height:33px;}
.query{color: #00529B;background-color: #3B8EB5;}
.query div.msg-wrapper{float:left; display:block; margin-left:40px; margin-top:0;}
.query span.img-wrapper{float:left;display:table; vertical-align:middle; margin-top:0;padding:0; background:url(../images/windows-question-aixgen.png) 0 0 no-repeat;  height:33px;}
.warning{color: #8D6E1B; background-color: #FFE9AD;}
.warning h3{color: #8D6E1B!important;}
.warning div.msg-wrapper{float:left; display:block; margin-left:40px; margin-top:0;}
.warning span.img-wrapper{display:table-cell; vertical-align:middle; margin-top:0; padding:0; background:url(../images/windows-warning-aixgen.png) 0 0 no-repeat;  height:33px;}
.error{color:#D8000C; background-color: #C43D3D;}
.error div.msg-wrapper{float:left; display:block;margin-left:40px; margin-top:0;}
.error span.img-wrapper{float:left; display:table; vertical-align:middle;margin-top:0; padding:0; background:url(../images/windows-error-aixgen.png) 0 0 no-repeat;  height:33px;}
/*h2{float:left; font-size:1.2em; font-weight:normal; font-family:'Open Sans Condensed'; width:100%; margin:0; color:#fff; padding:0;}*/
.information h3, .query h3, .warning h3, .error h3{float:left; font-size:1.9em; line-height:33px; font-weight:normal; font-family:'Open Sans Condensed'; width:100%; margin:0; color:#fff; padding:0;}
.ctrlerror{border-left:4px solid #f00 !important;}
.msg-wrapper ul{float:left; margin:0; padding:0 0 0 25px; }
.msg-wrapper ul li{color:#fff; font-size:1em; font-weight:normal; font-family:'Open Sans Condensed';}
@media screen and (max-width: 1024px) 
{
    .information, .query, .warning, .error{width:100%;}
    .information span.img-wrapper:hover, .query span.img-wrapper:hover, .warning span.img-wrapper:hover, .error span.img-wrapper:hover{width:auto; min-height:32px; display:table;}
}
@media screen and (max-width: 320px) 
{
    .information h3, .query h3, .warning h3, .error h3{font-size:16px; line-height:normal!important; width:120px;}
    .information, .query, .warning, .error{width:45px!important;}
    .information div.msg-wrapper, .query div.msg-wrapper, .warning div.msg-wrapper, .error div.msg-wrapper{display:none;}
    .information:hover span.img-wrapper, .query:hover span.img-wrapper, .warning:hover span.img-wrapper, .error:hover span.img-wrapper{}
    .information:hover span.img-wrapper div.msg-wrapper, .query:hover span.img-wrapper div.msg-wrapper, .warning:hover span.img-wrapper div.msg-wrapper, .error:hover span.img-wrapper div.msg-wrapper{}
    
    }