Initial commit

themes/dark/emoticons/Emoticons.txt

@@ -0,0 +1,3 @@
+These emoticons were created by and are Copyrighted (c) MazeNL77
+
+http://mazenl77.deviantart.com/

themes/dark/emoticons/emoticons.html

@@ -0,0 +1,21 @@
+<div class="itemList" id="emoticonList">
+   <table class="tTable">
+      <tr>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/smile.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':)');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/grin.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':D');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/wink.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(';)');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/embarassed.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':[');return false;" /></a></td>
+      </tr>
+      <tr>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/sad.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':(');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/cry.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':\'(');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/cool.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText('8-)');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/angry.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':angry:');return false;" /></a></td>
+      </tr>
+      <tr>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/serious.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':|');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/tongue.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':P');return false;" /></a></td>
+         <td><a href="#" onmousedown="return false;"><img class="emotIcon" src="themes/dark/emoticons/heart.png" width="19" height="19" style="border:0;" onclick="IM.active.insertText(':heart:');return false;" /></a></td>
+      </tr>
+   </table>
+</div>

themes/dark/emoticons/emoticons.js

@@ -0,0 +1 @@
+{":)": "smile.png", ":-)": "smile.png", ":D": "grin.png", ":-D": "grin.png", ";)": "wink.png", ";-)": "wink.png", ":[": "embarassed.png", ":-[": "embarassed.png", ":(": "sad.png", ":-(": "sad.png", ":'(": "cry.png", ":'-(": "cry.png", "8-)": "cool.png", ":angry:": "angry.png", ":|": "serious.png", ":-|": "serious.png", ":P": "tongue.png", ":-P": "tongue.png", ":heart:": "heart.png"}

themes/dark/style.css

@@ -0,0 +1,977 @@
+/**** GENERAL ****/
+   html,body{
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+   }
+   
+   body {
+      margin: 0px;
+      padding: 0px;
+      background-color: #101114;
+      background-image: url(logo.png);
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-attachment: fixed;
+      width: 100%;
+   }
+   
+   div {
+      margin: 0px;
+      padding: 0px;
+   }
+   
+   a { color: #c6c8cc; }
+   
+   input, textarea {
+      margin: 2px 4px 2px 4px;
+      border: 1px solid #dddcd8;
+      font-size: 12px;
+   }
+   
+   .rcvdMessages, input {
+      font-family: Tahoma, Verdana, Arial, sans-serif;
+   }
+   
+   .rcvdMessages {
+      display: block;
+      position: absolute;
+      left: 5px;
+      right: 10px;
+      margin-top: 37px;
+      padding-top: 2px;
+      padding-left: 2px;
+      border-width: 1px;
+      border-style: solid;
+      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
+      background-color: #efefef;
+      overflow: auto;
+      font-size: 11px;
+      text-align: left;
+      color: #000;
+   }
+   
+   .rcvdMessages a {
+      color: #5c78cb;
+   }
+   
+   .inputText {
+      position: absolute;
+      left: 5px;
+      right: 10px;
+      margin-top: 5px;
+      height: 50px;
+      border: 1px solid #bfbcb8;
+      padding: 3px;
+      font-family: Tahoma, sans-serif;
+   }
+   
+   .userToolbar {
+      position: absolute;
+      left: 5px;
+      margin-top: 3px;
+      height: 32px;
+   }
+   
+   .imToolbar {
+      position: absolute;
+      left: 5px;
+      right: 10px;
+      height: 25px;
+      margin-top: 5px;
+   }
+   
+   .toolbarButton {
+      cursor: pointer;
+      margin-right: 1px;
+   }
+   
+   img.buddyIcon {
+      max-width: 50px;
+      max-height: 50px;
+      _width: 50px;
+      _height: 50px;
+      position: absolute;
+      right: 10px;
+      z-index: 800;
+      margin-top: 40px;
+   }
+   
+   .chatUserList {
+      position: absolute;
+      display: block;
+      width: 150px;
+      margin-top: 5px;
+      background-color: #efefef;
+      border-width: 1px;
+      border-style: solid;
+      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
+      text-align: left;
+      overflow-x: hidden;
+      overflow-y: auto;
+   }
+   
+   .errorMsg {
+      display: block;
+      width: 100%;
+      padding: 5px 0 10px 0;
+      color: #ff0000;
+      font-weight: bold;
+      text-align: center;
+   }
+   
+   
+   .userA { color: #8f3838; }
+   
+   .userB { color: #30407b; }
+   
+   .imHistory { color: #aaa; }
+   
+   .imError {
+      color: #ff0000;
+      font-weight: 700;
+   }
+   
+   ul.sortable li { position: relative; }
+   
+   ul.box {
+      list-style-type: none;
+      padding: 0px;
+      margin: 0px;
+      width: 100%;
+      cursor: default;
+   }
+   
+   ul.box li {
+      color: #333;
+      vertical-align: middle;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 12px;
+      padding: 5px 3px 1px 3px;
+      margin: 0;
+      list-style-type: none;
+   }
+   
+   ul.group {
+      margin-left: 0px;
+      padding-left: 0px;
+   }
+   
+   ul.group li {
+      padding: 0;
+      margin: 0;
+   }
+   
+   div#blContainer {
+      display: block;
+      position: absolute;
+      left: 5px;
+      right: 8px;
+      margin-top: 66px;
+      background-color: #efefef;
+      border-width: 1px;
+      border-style: solid;
+      border-color: #bfbcb8 #e0dcd8 #e0dcd8 #bfbcb8;
+      text-align: left;
+      overflow-x: hidden;
+      overflow-y: auto;
+   }
+   
+   div#blTopToolbar {
+      display: block;
+      position: absolute;
+      left: 5px;
+      right: 8px;
+      height: 56px;
+      margin-top: 5px;
+      text-align: left;
+      overflow: hidden;
+   }
+   
+   div#blBottomToolbar {
+      display: block;
+      position: absolute;
+      left: 5px;
+      right: 8px;
+      height: 41px;
+      margin-top: 5px;
+      text-align: right;
+      overflow: hidden;
+   }
+   
+   div#statusSettings {
+      display: block;
+      margin-top: 2px;
+   }
+   
+   a.setFontLink {
+      position: absolute;
+      left: 105px;
+      display: block;
+      -moz-outline-style: none;
+      text-decoration: none;
+      width: 87px;
+      height: 14px;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 10px;
+      vertical-align: middle;
+      background-color: #272728;
+      padding: 2px;
+      background-image: url(window/arrow.png);
+      background-position: center right;
+      background-repeat: no-repeat;
+      border: 1px solid #42464b;
+      overflow: hidden;
+      color: #c6c8cc;
+   }
+   
+   a.insertEmoticonLink {
+      position: absolute;
+      left: 284px;
+      display: block;
+      -moz-outline-style: none;
+      text-decoration: none;
+      width: 26px;
+      height: 14px;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 10px;
+      vertical-align: middle;
+      background-color: #272728;
+      padding: 2px;
+      background-image: url(window/arrow.png);
+      background-position: center right;
+      background-repeat: no-repeat;
+      border: 1px solid #42464b;
+      overflow: hidden;
+   }
+   
+   a.setFontSizeLink {
+      position: absolute;
+      left: 205px;
+      display: block;
+      -moz-outline-style: none;
+      text-decoration: none;
+      width: 26px;
+      height: 14px;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 10px;
+      vertical-align: middle;
+      background-color: #272728;
+      padding: 2px;
+      background-image: url(window/arrow.png);
+      background-position: center right;
+      background-repeat: no-repeat;
+      border: 1px solid #42464b;
+      overflow: hidden;
+      color: #c6c8cc;
+   }
+   
+   a.setFontColorLink {
+      position: absolute;
+      left: 244px;
+      display: block;
+      -moz-outline-style: none;
+      text-decoration: none;
+      width: 26px;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 10px;
+      vertical-align: middle;
+      background-color: #272728;
+      padding: 2px;
+      background-image: url(window/arrow.png);
+      background-position: center right;
+      background-repeat: no-repeat;
+      border: 1px solid #42464b;
+      overflow: hidden;
+   }
+   
+   a#curStatus {
+      display: block;
+      -moz-outline-style: none;
+      text-decoration: none;
+      width: 180px;
+      height: 14px;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 10px;
+      background-color: #272728;
+      padding: 2px;
+      background-image: url(window/arrow.png);
+      background-position: center right;
+      background-repeat: no-repeat;
+      border: 1px solid #42464b;
+      overflow: hidden;
+      color: #c6c8cc;
+   }
+   
+   a#curStatus:hover {
+      border: 1px solid #bfbcb8;
+   }
+   
+   div.itemList {
+      display: none;
+      position: absolute;
+      border: 1px solid #42464b;
+      background-color: #272728;
+      z-index: 1000;
+      color: #c6c8cc;
+   }
+   
+   div.itemList a {
+      padding: 1px 3px 1px 3px;
+      display: block;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 10px;
+      background-color: #272728;
+      text-decoration: none;
+   }
+   
+   div.itemList a:hover {
+      background-color: #373b41;
+   }
+   
+   div#statusList {
+      width: 165px;
+   }
+   
+   div#fontSizeList {
+      width: 28px;
+   }
+   
+   div#fontSizeList a {
+      width: 22px;
+   }
+   
+   div#fontsList {
+     width: 89px;
+     overflow: hidden;
+   }
+   
+   div#fontsList a {
+      width: 120px;
+   }
+   
+   input#customStatus {
+      position: absolute;
+      padding: 1px;
+      border: 1px solid #000;
+      margin: 0px;
+      font-size: 11px;
+      width: 114px;
+   }
+   
+   div#divContext {
+      width: 96px;
+   }
+   
+   div#divContext a {
+      padding: 3px 0 3px 4px;
+   }
+   
+   .listSelected, .listHover {
+      color: #000;
+   }
+   
+   .listNotSelected {
+      background-color: #efefef;
+      color: #333;
+   }
+   
+   .listSelected {
+      background-color: #d0dae6;
+   }
+   
+   .listHover {
+      background-color: #e1ebf7;
+   }
+   
+   div#newroom_room_list {
+      display: block;
+      overflow: auto;
+      width: 187px;
+      height: 165px;
+      border: 1px solid #000;
+      background-color: #efefef;
+      cursor: default;
+      font-size: 11px;
+      color: #333;
+   }
+   
+   div#languageList {
+      position: absolute;
+      display: block;
+      font-family: Tahoma, Arial, sans-serif;
+      font-size: 11px;
+      color: #fff;
+      width: 500px;
+      margin-left: -250px;
+      left: 50%;
+      bottom: 10px;
+      text-align: center;
+   }
+
+   .buddyicon {
+      list-style-type: none;
+      height: 30px;
+      clear: both;
+   }
+   .buddyicon img.blIcon {
+      float: right;
+      max-height: 25px;
+      max-width: 25px;
+      margin-top: 2.5px;
+      _height: 25px;
+      _width: 25px;
+   }
+
+   #changesettings_buttons .stdButton {
+      padding-left: 4px;
+      padding-right: 4px;
+      display: block;
+      clear: both;
+      margin: 3px auto 0px auto;
+      background: #373B41;
+      width: 135px;
+   }
+
+   #changesettings_buttons .btnHover {
+      background: #454A51;
+   }
+
+   #changesettings_buttons .btnDown {
+      background: #2C2F34;
+   }
+
+  .userProfile {
+      padding: 10px;
+   }
+
+   .updateProfile {
+      position: absolute;
+      bottom: 10px;
+      right: 10px;
+   }
+/**** END GENERAL ****/
+
+
+/**** WINDOWS ****/
+   .overlay_dialog {
+   	background-color: #ddd;
+   	filter:alpha(opacity=60);
+   	-moz-opacity: 0.6;
+   	opacity: 0.6;
+   }
+   
+   .overlay___invisible__ {
+     background-color: #ddd;
+   	filter:alpha(opacity=0);
+   	-moz-opacity: 0;
+   	opacity: 0;
+   }
+   
+   .dialog_nw {
+   	width: 9px;
+   	height: 23px;
+   	background: transparent url(window/top_left.png) no-repeat 0 0;		
+   }
+   
+   .dialog_n {
+   	background: transparent url(window/top_mid.png) repeat-x 0 0;	
+   	height: 23px;
+   }
+   
+   .dialog_ne {
+   	width: 9px;
+   	height: 23px;
+   	background: transparent url(window/top_right.png) no-repeat 0 0;		
+   }
+   
+   .dialog_nw_inactive {
+   	width: 9px;
+   	height: 23px;
+   	background: transparent url(window/top_left_inactive.png) no-repeat 0 0;		
+   }
+   
+   .dialog_n_inactive {
+   	background: transparent url(window/top_mid_inactive.png) repeat-x 0 0;	
+   	height: 23px;
+   }
+   
+   .dialog_ne_inactive {
+   	width: 9px;
+   	height: 23px;
+   	background: transparent url(window/top_right_inactive.png) no-repeat 0 0;		
+   }
+   
+   .dialog_e {
+   	width: 2px;
+   	background: transparent url(window/center_right.png) repeat-y 0 0;	
+   }
+   
+   .dialog_w {
+   	width: 2px;
+   	background: transparent url(window/center_left.png) repeat-y 0 0;		
+   }
+   
+   .dialog_sw {
+   	width: 9px;
+   	height: 15px;
+   	background: transparent url(window/bottom_left.png) no-repeat 0 0;			
+   }
+   
+   .dialog_s {
+   	background: transparent url(window/bottom_mid.png) repeat-x 0 0;		
+   	height: 15px;
+   }
+   
+   .dialog_se {
+   	width: 9px;
+   	height: 15px;
+   	background: transparent url(window/bottom_right.png) no-repeat 0 0;			
+   }
+   
+   .dialog_sizer {
+   	width: 9px;
+   	height: 15px;
+   	background: transparent url(window/sizer.png) no-repeat 0 0;	
+   	cursor:se-resize;
+   }
+   
+   .dialog_close {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/close.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:8px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_minimize {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/minimize.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:49px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_detach {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/detach.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:70px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_maximize {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/maximize.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:28px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_close_inactive {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/close_inactive.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:8px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_minimize_inactive {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/minimize_inactive.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:49px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_detach_inactive {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/detach_inactive.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:70px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_maximize_inactive {
+   	width: 17px;
+   	height: 17px;
+   	background: transparent url(window/maximize_inactive.png) no-repeat 0 0;			
+   	position:absolute;
+   	top:3px;
+   	right:28px;
+   	cursor:pointer;
+   	z-index:2000;
+   }
+   
+   .dialog_title {
+   	float:left;
+   	height:14px;
+   	font-size:12px;
+   	text-align:left;
+   	width:100%;
+   	font-family: Tahoma, Arial, sans-serif;
+   	font-weight: bold;
+   	font-size: 11px;
+   	color:#efefef;
+   }
+   
+   .dialog_content {
+   	overflow:hidden;
+   	color: #fefefe;
+   	font-family: Tahoma, Arial, sans-serif;
+   	font-size: 10px;
+   	background-color:#1f2022;
+   	padding: 0;
+   }
+   
+   .top_draggable, .bottom_draggable {
+     cursor:default;
+   }
+   
+   .status_bar {
+     padding: 0px;
+     margin: -5px 0px 0px 0px;
+     font-size:10px;
+     color: #ffffff;
+   }
+   .status_bar input{
+     font-size:12px;
+   }
+   /* DO NOT CHANGE THESE VALUES*/
+   .dialog {
+   	display: block;
+   	position: absolute;
+   }
+   
+   .dialog table.table_window  { 
+     border-collapse: collapse; 
+     border-spacing: 0; 
+     width: 100%;
+     margin: 0px;
+     padding:0px;
+   }
+   
+   .dialog table.table_window td , .dialog table.table_window th { 
+     padding: 0; 
+   }
+   
+   .dialog .title_window {
+     -moz-user-select:none;
+   }
+   
+   .stdButton {
+      display: block;
+      float: left;
+      width: 95px;
+      height: 23px;
+      background: transparent url(window/button_normal.png) no-repeat;
+      font-family: Tahoma, Verdana, Arial, sans-serif;
+      font-size: 12px;
+      text-decoration: none;
+      text-align: center;
+      padding-top: 5px;
+      border:none;
+      color: #ffffff;
+   }
+
+   input.stdButton {
+      padding-top: 0px;
+      padding-bottom: 5px;
+      height:30px;
+      margin:0px;
+   }
+   
+   .btnHover {
+      background-image: url(window/button_hover.png);
+   }
+   
+   .btnDown {
+      width: 93px;
+      height: 22px;
+      background-image: url(window/button_down.png);
+      padding-top: 6px;
+      padding-left: 2px;
+   }
+   
+   .dialog_label, .dialog_input {
+      padding: 10px;
+      color: #000;
+      text-align: right;
+      float: left; 
+      width: 150px;
+      font-size: 14px;
+      font-weight: bold;
+   }
+   
+   .dialog_error {
+      padding: 2px 0 0;
+      margin: 0;
+      font-size: 11px;
+      font-weight: bold;
+      text-align: right;
+      float: left;
+   }
+   
+   .dialog_long_label { 
+      padding: 10px;
+      color: #000;
+      text-align: center;
+      width: 100%;
+      font-size: 14px;
+      font-weight: bold;
+   }
+   
+   .dialog_links {
+      display: block;
+      font-size: 14px;
+      font-weight: bold;
+      color: #000;
+      padding: 10px;
+      text-align: center;
+      margin: 0px auto;
+   }
+   
+   .dialog_modal_title {
+     font-size: 18px;
+     color: #000;
+     margin-bottom: 15px;
+     width: 100%;
+     text-align: center;
+   }
+   
+   .dialog_input {
+      width: 150px;
+   }
+   
+   .dialog_error {
+      width: 100%;
+      text-align: center;
+      color: #F00;
+   }
+   
+   .dialog_input input {
+      width: 100%;
+      font-weight: normal;
+   }
+/**** END WINDOWS ****/
+
+
+/**** LOGIN SCREEN ****/
+   div#modal span.dialog_modal_title { color: #fff; }
+
+   div#modal span.dialog_label { width: 140px; }
+
+   .modalFrame {
+      position: absolute;
+      display: block;
+      width: 375px;
+      height: 263px;
+      text-align: center;
+      background-image: url(modal/background.png);
+      background-repeat: no-repeat;
+      cursor: default;
+   	filter:alpha(opacity=95);
+   	-moz-opacity: 0.95;
+   	opacity: 0.95;
+   }
+   
+   .modalFrame input {
+      cursor: text;
+   }
+   
+   .modalFrame p {
+      font: 14px Verdana, Tahoma, Arial, sans-serif;
+      margin: 0;
+      color: #fff;
+   }
+   
+   .modalFrame .dialog_label{
+      padding-left: 0;
+      color: #fff;
+   }
+   
+   .modalFrame a {
+      cursor: default;
+   }
+   
+   div#loginDialog {
+      padding-top: 55px;
+   }
+   
+   div#forgotPassDialog {
+      padding-top: 80px;
+   }
+   
+   div#registerDialog {
+      margin-top: 15px;
+   }
+/**** END LOGIN SCREEN ****/
+
+
+/**** ALERT DIALOGS ****/
+   .overlay_alert {
+   	background-color: #ccc;
+   	filter:alpha(opacity=10);
+   	-moz-opacity: 0.1;
+   	opacity: 0.1;
+   	z-index: 2;
+   }
+   
+   .alert_nw {
+   	background: transparent url(alert/left-top.gif) no-repeat 0 0;			
+     width:10px;
+     height:25px;
+   }
+   
+   .alert_n {
+     background: transparent url(alert/top-middle.gif) repeat-x 0 0;			
+     height:25px;
+   }
+   
+   .alert_ne {
+     background: transparent url(alert/right-top.gif) no-repeat 0 0;			
+     width:10px;	  
+     height:25px;
+   }
+   
+   .alert_w {
+     background: transparent url(alert/frame-left.gif) repeat-y top left;			
+     width:7px;
+   }
+   
+   .alert_e {
+     background: transparent url(alert/frame-right.gif) repeat-y top right;			
+     width:7px;	  
+   }
+   
+   .alert_sw {
+     background: transparent url(alert/bottom-left-c.gif) no-repeat 0 0;			
+     width:7px;
+     height:7px;
+   }
+   
+   .alert_s {
+     background: transparent url(alert/bottom-middle.gif) repeat-x 0 0;			
+     height:7px;
+   }
+   
+   .alert_se, .alert_sizer  {
+     background: transparent url(alert/bottom-right-c.gif) no-repeat 0 0;			
+     width:7px;
+     height:7px;
+   }
+   
+   .alert_sizer {
+   	cursor:se-resize;	
+   }
+   
+   .alert_close {
+   	width: 23px;
+   	height: 23px;
+   	background: transparent url(alert/button-close-focus.gif) no-repeat 0 0;			
+   	position:absolute;
+   	top:0px;
+   	right:11px;
+   	cursor:pointer;
+   	z-index:1000;
+   }
+   
+   .alert_minimize {
+   	width: 23px;
+   	height: 23px;
+   	background: transparent url(alert/button-min-focus.gif) no-repeat 0 0;			
+   	position:absolute;
+   	top:0px;
+   	right:55px;
+   	cursor:pointer;
+   	z-index:1000;
+   }
+   
+   .alert_maximize {
+   	width: 23px;
+   	height: 23px;
+   	background: transparent url(alert/button-max-focus.gif) no-repeat 0 0;			
+   	position:absolute;
+   	top:0px;
+   	right:33px;
+   	cursor:pointer;
+   	z-index:1000;
+   }
+   
+   .alert_title {
+   	float:left;
+   	height:14px;
+   	font-size:14px;
+   	text-align:center;
+   	margin-top:2px;
+   	width:100%;
+   	color:#123456;
+   }
+   
+   .alert_content {
+   	overflow:hidden;
+   	color: #000;
+   	font-family: Tahoma, Arial, sans-serif;
+   	font-size: 10px;
+   	background:#FDFDFD;
+   }
+   
+   .alert_window {
+      overflow:hidden;
+   	border:1px solid #F00;	
+   	background: #FFF;
+   	padding:20px;
+   	margin-left:auto;
+   	margin-right:auto;
+   	width:390px;
+   	z-index: 1;
+   }
+   
+   .alert_message {
+   	font-size:12px;
+   	text-align:center;
+   	width:100%;
+   	padding-bottom:10px;
+   	overflow:hidden;
+   }
+   
+   .alert_buttons {
+   	text-align:center;
+   	width:100%;
+   }
+   
+   .alert_buttons input {
+   	width:20%;
+   	margin:10px;
+   }
+   
+   .alert_progress {
+   	float:left;
+   	margin:auto;
+   	text-align:center;
+   	width:100%;
+   	height:16px;
+   	background: #FFF url(alert/progress.gif) no-repeat center center
+   }
+/**** END ALERT DIALOGS ****/