/* 
    Document   : style
    Created on : Aug 12, 2009, 11:36:02 AM
    Author     : dvsoftware
    Description:
        Purpose of the stylesheet follows.
*/

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

* {
    font-family:'Tahoma',helvetica;
    font-size: 12px;
    color: #ffffff;
}

body {
    background: #225b9a url(images/pattern.png) repeat;
}

img {
    vertical-align:bottom;
    border:none;
}

.wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.box-dark,.box-light {
  position: relative;
  z-index: 2; /* needed for Opera 6 */
}
.box-dark > .content1 {
  position: relative;
  z-index: 20;
  height:100%;
  background: transparent url(images/box-dark.png) repeat;
    -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:0px solid transparent;
}
.box-dark > .border {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border:1px solid #000000;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity:0.5; /* Gecko browsers including Netscape 6+ and Firefox */
  -khtml-opacity: 0.5; /* Safari 1.1-1.3 */
  opacity: 0.5; /* Netscape 7.2+, Firefox, Safari 2+, Opera 9 */
  min-height: 1px; /* to trigger hasLayout in IE7 */
}

.box-light > .content1 {
  position: relative;
  z-index: 20;
  height:100%;
  width:100%;
  background: transparent url(images/box-light.png) repeat;
    -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:0px solid transparent;
}
.box-light > .border {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border:1px solid #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity:0.3; /* Gecko browsers including Netscape 6+ and Firefox */
  -khtml-opacity: 0.3; /* Safari 1.1-1.3 */
  opacity: 0.3; /* Netscape 7.2+, Firefox, Safari 2+, Opera 9 */
  min-height: 1px; /* to trigger hasLayout in IE7 */
}

.status {
    width:321px;
    min-height:90px;
}

.right-pane {
    width:321px;
    position:absolute;
    top:0px;
    right:51px;
}

.left-pane {
    position:absolute;
    top:91px;
    width:587px;
}

.left {
    width:160px;
    float:left;
    margin-top:1px;
}

.right {
    width:160px;
    float:right;
    margin-top:1px;
}

h3 {
    margin:0;
    padding:0;
    padding-bottom:3px;
    padding-top:3px;
}

.status-toolbar {
    min-width:50px;
    height:90px;
    position:absolute;
    top:0px;
    right:0px;
}

.status-toolbar .box-dark {
    right:30px;
    position:absolute;
}

.content1 input,
.content1 textarea,
.content1 button{
    border:none;
    background:transparent none repeat;
}

.status-toolbar img{
    margin-top:3px;
    margin-bottom:3px;
    font-family: 'Courier New',Courier,monospace;
}


.num-alert,
.num-friends {
    position:absolute;
    width:23px;
    height:15px;
    text-align:center;
    padding-left:4px;
    right:0px;
    font-size:11px;
    line-height:15px;
    display:none;
}

.num-alert {
    background: transparent url(images/num-alert.png) no-repeat;
}

.num-friends {
    background: transparent url(images/num-friends.png) no-repeat;
}

.inbox {
    padding:0;
    padding-top:7px;
    padding-bottom:7px;
    margin:0;
    height: 200px;
    overflow:auto;
}
.inbox li {
    height: 40px;
    display:block;
    list-style-type:none;


}

.inbox li img {
    float:left;
    padding:12px;
}

.inbox li span {
    float:left;
}

.block ul {
    margin:0;
    padding:0;
}

.block li {
    list-style-type:none;
}


.content > .content {
    padding-left:5px;
    background:none;
}
.content1 button {
    width:100%;
    
}


.collapse {
    position:absolute;
    top:4px;
    right:0px;
    opacity:0.6;
}

.collapse:hover {

    opacity:1;
}

code {
    display:block;
	padding: 5px;
	margin-bottom: 3px;
 font-family:'Lucida Console','courier new',monospace;
}

.content1 textarea {
    width:100%;
}


.errorbg {
    background: transparent url(images/errorbg.png) repeat;
    width:200px;
    display:none;
    padding:5px;
}

.defaultbg {
    background: transparent url(images/defaultbg.png) repeat;
    width:200px;
    display:none;
    padding:5px;
}