@charset "utf-8";
/* CSS Document */

/* ---------------------------------- Basic Modal Widget Styling ----------------------------------  */

.ui-modal-widget { background:url(i/pattern-bg.jpg); width:450px; font-family:Arial, Helvetica, sans-serif; padding:5px; text-shadow:#000 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:relative; margin:50px 20px;color:#fff; }
.ui-modal-widget:after { content:url(i/shadow.png); position:absolute; bottom:-33px;  }


.ui-modal-widget  a { color:#f1f1f1; text-decoration:none; margin:3px; display:block; font-size:12px;  }
.ui-modal-widget h2 { border-bottom:1px solid #141414; margin:0px 20px; text-align:center; color:#e2e2e2;  font-weight:100; padding:7px 20px 4px 20px; display:block;font-size:30px;  }
.ui-modal-widget>div div{ background:url(i/light.png) center 0px no-repeat; border-top:1px solid #363636; color:#ffffff; padding:20px 3px 20px 3px; text-align:justify; font-size:14px; line-height:1.4;  margin:0px 20px 20px 20px;  }
.ui-modal-widget  .button-panel { background:none; border:none; position:absolute; bottom:0; right:0; margin:10px 4px; padding:4px;  }
.ui-modal-widget .button-panel a { background:#1c1d1f url(i/button-bg.png) center top no-repeat; padding:8px 12px; text-decoration:none; color:#fff; border:1px solid transperant; border-left:1px solid #000;border-right:1px solid #000; margin:5px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position:relative; display:inline;   font-size:16px; }
.ui-modal-widget>div {  position:relative; zoom:1; }
.ui-modal-widget>div div h2 { font-size:21px!important;  }

.ui-modal-widget .button-panel a:active { background:#1c1d1f; border:1px solid #000; }
.ui-modal-widget .button-panel a:hover,input[type=submit]:hover { opacity:0.8; filter:alpha(opacity=80);  }

/* ---------------------------------- Error Widget Styling ----------------------------------  */
.ui-modal-widget .error {  background: url(i/error-icon.png) left top no-repeat; margin-left:-25px; margin-top:-40px; padding:26px 10px 10px 52px;   }
.ui-modal-widget .error h2 { color:#d64100;   }

/* ---------------------------------- Warning Widget Styling ----------------------------------  */

.ui-modal-widget .warning {  background: url(i/warning-icon.png) left top no-repeat; margin-left:-42px; margin-top:-40px; padding:36px 6px 10px 44px;  }
.ui-modal-widget .warning h2 { color:#d6c400; }
.ui-modal-widget .warning div { text-align:center; color:#898989;  }
.ui-modal-widget .warning div h2 { color:#fff; font-size:19px; padding:0;margin:0;border:none;   }

/* ---------------------------------- Warning Widget Styling ----------------------------------  */

.ui-modal-widget .confirm {  background: url(i/confirm-icon.png) left top no-repeat; margin-left:-42px; margin-top:-40px; padding:36px 6px 10px 44px;  }
.ui-modal-widget .confirm h2 { color:#00aec3; }
.ui-modal-widget .ui-modal-widget .confirm div { text-align:center; color:#898989; padding:23px ;  }
.ui-modal-widget .confirm div h2 { color:#fff; font-size:19px; padding:0;margin:0;border:none;   }

/* ---------------------------------- Modal Widget Styling ----------------------------------  */

.ui-modal-widget .modal {  background: url(i/modal-icon.png) left 5px no-repeat; margin-left:-25px; margin-top:-40px; padding:26px 10px 10px 67px;   }
.ui-modal-widget .modal h2 { color:#c5c5c5;   }
.ui-modal-widget .modal div { color:#bebebe; }

/* ---------------------------------- Login Widget Styling ----------------------------------  */

.ui-modal-widget .login { margin-bottom:30px; }
.ui-modal-widget .login input[type=text],input[type=password] { background:#4f4f4f; outline:none; border:1px solid #000;  -moz-border-radius: 4px; -webkit-border-radius: 4px;  padding:7px 6px; color:#4e4e4e; width:95%;color:#fff; }
.ui-modal-widget .login label {display:block;margin-left:1px; }
.ui-modal-widget .login input[type=submit] { background:#1c1d1f url(i/button-bg.png) center top no-repeat; padding:5px 11px; color:#fff; border:1px solid #000; margin:6px 2px;  outline:none;  border-top:none; font-size:16px; position:absolute; bottom:-29px; right:0px; cursor:pointer;text-shadow:#000 1px 1px 1px;  }

/* ---------------------------------- Category Widget Styling ----------------------------------  */

.ui-modal-widget .category ul { list-style:none;color:#d4d4d4; margin:0; padding:0; }
.ui-modal-widget .category ul li { background:url(i/list-bg.png) repeat-x; padding:8px 5px; text-align:center; border:1px solid #000; border-top:none;  }
.ui-modal-widget .category ul li:first-child {  border-top:1px solid #000; }
.ui-modal-widget .category ul li a { margin:0; font-size:14px; }

/* ---------------------------------- Advance Search Widget Styling ----------------------------------  */

.ui-modal-widget .adv-search { margin-bottom:30px; }
.ui-modal-widget .adv-search input[type=text] { background:url(i/s-txt.png) repeat-x; border:1px solid #000;  -moz-border-radius: 4px; -webkit-border-radius: 4px;  padding:9px 6px; color:#4e4e4e; width:95%; }
.ui-modal-widget .adv-search input[type=submit] { background:#1c1d1f url(i/button-bg.png) center top no-repeat; padding:8px 11px; color:#fff; border:1px solid #000; margin:6px 2px;  outline:none;  border-top:none; font-size:14px; position:absolute; bottom:-24px; right:0px; cursor:pointer;  }
.ui-modal-widget .adv-search ul { list-style:none; margin:1px 1px 15px 1px; padding:0; }
.ui-modal-widget .adv-search ul li { background:url(i/adv-check.png)  0px -28px no-repeat; width:37px; height:12px; display:block; float:left; padding:7px 5px 5px 35px; margin:1px 7px; }
.ui-modal-widget .adv-search ul li:hover {  background-position:  0px -4px;  }

/* ---------------------------------- Alert Widget Styling ----------------------------------  */

.ui-modal-widget .inline-alert {  background: url(i/inline-alert.png) left center no-repeat; color:#ffffff; padding:20px 20px 20px 30px; text-align:justify; font-size:14px; line-height:1.3; margin:5px;   }
.ui-modal-widget .close { background:url(i/close-icon.png) no-repeat; display:block; width:25px;height:25px; position:absolute; right:0px; top:0px; }

/* ---------------------------------- Search Widget Styling ----------------------------------  */

.ui-modal-widget .inline-search { color:#ffffff; padding:20px; font-size:14px; line-height:1.3; margin:5px; padding:35px 10px 21px 10px;   }
.ui-modal-widget .inline-search input[type=text] { background:url(i/s-txt.png) repeat-x;outline:none; border:1px solid #000; border-right:none; padding:11px 6px; color:#4e4e4e; width:75%; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px;-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; float:left; margin:0;   }
.ui-modal-widget .inline-search input[type=submit] { background: url(i/search-button.png) no-repeat top; padding:6px 3px; border:none; outline:none; text-indent:-9999px; width:47px; height:41px; display:block; float:left; cursor:pointer;  }
.ui-modal-widget .inline-search form:after {  content:"."; display:block; visibility:hidden; height:0; clear:both;   }
.ui-modal-widget .inline-search form { margin-left:14px; }

/* ---------------------------------- Slideshow Widget Styling ----------------------------------  */

.ui-slideshow-widget { background:url(i/slideshow-shadow.png) center 338px no-repeat; padding:1px 10px 10px 10px;  width:560px; }
.ui-slideshow-widget div { background:url(i/pattern-bg.jpg);  font-family:Arial, Helvetica, sans-serif; padding:5px; text-shadow:#000 1px 1px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:relative; margin:50px 20px; padding:10px; position:relative;}
.ui-slideshow-widget .next { background:url(i/arrow-next.png); position:absolute; display:block; width:87px; height:56px; text-indent:-9999px; bottom:30px; right:-12px;  }
.ui-slideshow-widget .prev { background:url(i/arrow-prev.png); position:absolute; display:block; width:87px; height:56px; text-indent:-9999px; bottom:30px; left:-12px; }