/****
 * Reset
 */
   
html,body {
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  overflow:hidden;
}

form {
  padding:0;
  margin:0;
}

img {
  padding:0;
  margin:0;
  border:0;
}

h1,h2,h3,h4,h5 {
  margin:0 0 8px 0;
  padding:0;
}

p {
  margin:0 0 8px 0;
  padding:0;
}

button {
  outline:none;
  cursor:pointer;
}

a {
  outline:none;
  cursor:pointer;
}


/****
 * Main styles
 */

body {
  background: #def;  /* url(../img/bg-tile-dark.jpg) center; */  
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
  
.box {
	margin: 0;
	padding: 0;
	border: 1px solid black;
  background-image: url(../img/bg-white.png);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;

  box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

.boxblack {
	margin: 0;
	padding: 0;
	border: 1px solid black;
  background-image: url(../img/bg-black.png);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;

  box-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

.title {
  display: block;
  margin:0px 0px 8px 0px;
  padding:6px 8px;
  font-size: 20px;
  font-weight: bold;
  color: #c02020;
  background: #ffdfd8; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.nav {
  display:block;
  margin:8px 0px;
  padding:0;
  overflow:hidden;
}

.nav a {
  display:block;
  padding:8px;
  margin:2px 0px;
  border:0;
  outline:0;
  text-decoration: none;
  background: #f0f0f0; 
  color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.nav a:hover {
  background: #ffdfd8; 
}

.nav a.active {
  background: #c02020; 
  color: white;
}


a.menu1 {
  display:block;
  color:white;
  font:normal 15px Arial;
  text-decoration:none;
  padding:8px 16px;
  cursor:pointer;
  outline:0;
  z-index:1;
  margin-bottom:1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

a.menu2 {
  display:block;
  color:white;
  font:normal 14px Arial;
  text-decoration:none;
  padding:8px 16px 8px 32px;
  cursor:pointer;
  outline:0;
  z-index:1;
  margin-bottom:1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

a.menu1:hover {
  background: #808080;
}

a.menu2:hover {
  background: #808080;
}

a.menu1.sel, a.menu1.sel:hover {
  background: #40b0d0;
}

a.menu2.sel, a.menu2.sel:hover {
  background: #40b0d0;
}


a {
  color:inherit;
}


#sddm {
	margin: 0;
	padding: 0;
	z-index: 100;
  text-align: center;
}

#sddm li {
	display: inline-block;
  *display: inline;  /* IE6-7 inline-block hack */
  *zoom: 1;
	margin: 0px 6px;
	padding: 0;
	list-style: none;
}

#sddm li a {	
  color: white;
  display: inline-block;
  *display: inline;  /* IE6-7 inline-block hack */
  *zoom: 1;
 	margin: 0 1px 0 0;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline:0;
}

#sddm li a.sel, #sddm li a.sel:hover {
  color: white;
  background: #40b0d0;
}

#sddm li a:hover {	
  background: #808080;
	color: #FFF
}

#sddm li a:visited {
  color:white;
}	

#sddm div {	
  position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
  top: 40px;
	border: 1px solid #444;
  background-image: url(../img/bg-black.png);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

#sddm div a {	
  position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	xcolor: #FFF;
}

#sddm div a:hover	{
	background: #60c0f0;
}










.group {
  margin:8px 0px;
  padding:0;
  overflow:hidden;
  border:1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f0f0f0; 
  *zoom: 1;  
}

.tabshead {
  clear:both;
  height:32px;
  margin:0;
  padding:0px 4px;
  overflow:visible;
  z-index: 101;
  font-size: 14px;
}

.tabup {
  float:left;
  height:20px;
  padding:6px 12px;
  margin:0px 4px;
  background: #f0f0f0; 
  border:1px solid #ccc;
  border-bottom: 0;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  cursor: default;
}

.tabdn {
  float:left;
  height:17px;
  padding:6px 12px;
  margin:2px 4px 0px 4px;
  background: #f8f8f8; 
  border:1px solid #ccc;
  border-bottom:none;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  cursor: pointer;
  color: #888;
}

.tabsbody {
  margin:0px 0px 8px 0px;
  *margin-top:-1px;  /* Adjust 1px down in IE6 cause .tabup float 1px over */
  padding:14px;
  background: #f0f0f0; 
  border:1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 100;
}


.bar {
  height: 26px;
  margin: 0;
  padding: 8px;
  background-color: #efefef;
  background-image: -webkit-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: -moz-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: -ms-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: -o-linear-gradient(#f9f9f9, #e4e4e4);
  background-image: linear-gradient(#f9f9f9, #e4e4e4);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#ffe4e4e4', GradientType=0);
  /*
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  */
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;  
  overflow: hidden;
  white-space:nowrap;  
}

.bar .separator {
  display: inline-block;
  *display: inline;  
  *zoom: 1;  
  height: 34px;
  vertical-align: middle;
  margin: -4px 8px;
  padding: 0;
  border-left: 1px solid #d4d4d4;
}


.btn {
  display: inline-block;
  *display: inline;  /* IE6-7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin: 0;
  _height: 24px;             /* IE6 hacks */      
  _margin: 0px 0px 0px 4px;
  _padding: 2px 4px 2px 6px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #40c0f0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  text-decoration: none;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  background-color: #e6e6e6;
  x-webkit-transition: background-position 0.1s linear;
  x-moz-transition: background-position 0.1s linear;
  x-o-transition: background-position 0.1s linear;
  xtransition: background-position 0.1s linear;
}

.btn.active,
.btn:active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #f5f5f5;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


/****
 * W2UI customization 
 */ 

.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd {
  color: inherit;
  background-color: #ffffff;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover {
  color: inherit;
  background-color: #ffe0e0;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even {
  color: inherit;
  background-color: #faf3f3;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover {
  color: inherit;
  background-color: #ffe0e0;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected {
  color: #000000 !important;
  background-color: #ffb6b6 !important;
}

.w2ui-grid .w2ui-grid-body .w2ui-grid-records td div {
  font-family: "Lucida Console", Monaco, monospace !important;
  font-size: 12px;
}


/****
 * Icons 
 */ 

.icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;  /* IE6-7 hack */
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/icons-black.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

.icon.white,
.nav > a.active > .icon {
  background-image: url("../img/icons-white.png");
}

.icon.glass {background-position: 0 0;}
.icon.music {background-position: -24px 0;}
.icon.search {background-position: -48px 0;}
.icon.envelope {background-position: -72px 0;}
.icon.heart {background-position: -96px 0;}
.icon.star {background-position: -120px 0;}
.icon.star-empty {background-position: -144px 0;}
.icon.user {background-position: -168px 0;}
.icon.film {background-position: -192px 0;}
.icon.th-large {background-position: -216px 0;}
.icon.th {background-position: -240px 0;}
.icon.th-list {background-position: -264px 0;}
.icon.ok {background-position: -288px 0;}
.icon.remove {background-position: -312px 0;}
.icon.zoom-in {background-position: -336px 0;}
.icon.zoom-out {background-position: -360px 0;}
.icon.off {background-position: -384px 0;}
.icon.signal {background-position: -408px 0;}
.icon.cog {background-position: -432px 0;}
.icon.trash {background-position: -456px 0;}
.icon.home {background-position: 0 -24px;}
.icon.file {background-position: -24px -24px;}
.icon.time {background-position: -48px -24px;}
.icon.road {background-position: -72px -24px;}
.icon.download-alt {background-position: -96px -24px;}
.icon.download {background-position: -120px -24px;}
.icon.upload {background-position: -144px -24px;}
.icon.inbox {background-position: -168px -24px;}
.icon.play-circle {background-position: -192px -24px;}
.icon.repeat {background-position: -216px -24px;}
.icon.refresh {background-position: -240px -24px;}
.icon.list-alt {background-position: -264px -24px;}
.icon.lock {background-position: -287px -24px;}
.icon.flag {background-position: -312px -24px;}
.icon.headphones {background-position: -336px -24px;}
.icon.volume-off {background-position: -360px -24px;}
.icon.volume-down {background-position: -384px -24px;}
.icon.volume-up {background-position: -408px -24px;}
.icon.qrcode {background-position: -432px -24px;}
.icon.barcode {background-position: -456px -24px;}
.icon.tag {background-position: 0 -48px;}
.icon.tags {background-position: -25px -48px;}
.icon.book {background-position: -48px -48px;}
.icon.bookmark {background-position: -72px -48px;}
.icon.print {background-position: -96px -48px;}
.icon.camera {background-position: -120px -48px;}
.icon.font {background-position: -144px -48px;}
.icon.bold {background-position: -167px -48px;}
.icon.italic {background-position: -192px -48px;}
.icon.text-height {background-position: -216px -48px;}
.icon.text-width {background-position: -240px -48px;}
.icon.align-left {background-position: -264px -48px;}
.icon.align-center {background-position: -288px -48px;}
.icon.align-right {background-position: -312px -48px;}
.icon.align-justify {background-position: -336px -48px;}
.icon.list {background-position: -360px -48px;}
.icon.indent-left {background-position: -384px -48px;}
.icon.indent-right {background-position: -408px -48px;}
.icon.facetime-video {background-position: -432px -48px;}
.icon.picture {background-position: -456px -48px;}
.icon.pencil {background-position: 0 -72px;}
.icon.map-marker {background-position: -24px -72px;}
.icon.adjust {background-position: -48px -72px;}
.icon.tint {background-position: -72px -72px;}
.icon.edit {background-position: -96px -72px;}
.icon.share {background-position: -120px -72px;}
.icon.check {background-position: -144px -72px;}
.icon.move {background-position: -168px -72px;}
.icon.step-backward {background-position: -192px -72px;}
.icon.fast-backward {background-position: -216px -72px;}
.icon.backward {background-position: -240px -72px;}
.icon.play {background-position: -264px -72px;}
.icon.pause {background-position: -288px -72px;}
.icon.stop {background-position: -312px -72px;}
.icon.forward {background-position: -336px -72px;}
.icon.fast-forward {background-position: -360px -72px;}
.icon.step-forward {background-position: -384px -72px;}
.icon.eject {background-position: -408px -72px;}
.icon.chevron-left {background-position: -432px -72px;}
.icon.chevron-right {background-position: -456px -72px;}
.icon.plus-sign {background-position: 0 -96px;}
.icon.minus-sign {background-position: -24px -96px;}
.icon.remove-sign {background-position: -48px -96px;}
.icon.ok-sign {background-position: -72px -96px;}
.icon.question-sign {background-position: -96px -96px;}
.icon.info-sign {background-position: -120px -96px;}
.icon.screenshot {background-position: -144px -96px;}
.icon.remove-circle {background-position: -168px -96px;}
.icon.ok-circle {background-position: -192px -96px;}
.icon.ban-circle {background-position: -216px -96px;}
.icon.arrow-left {background-position: -240px -96px;}
.icon.arrow-right {background-position: -264px -96px;}
.icon.arrow-up {background-position: -289px -96px;}
.icon.arrow-down {background-position: -312px -96px;}
.icon.share-alt {background-position: -336px -96px;}
.icon.resize-full {background-position: -360px -96px;}
.icon.resize-small {background-position: -384px -96px;}
.icon.plus {background-position: -408px -96px;}
.icon.minus {background-position: -433px -96px;}
.icon.asterisk {background-position: -456px -96px;}
.icon.exclamation-sign {background-position: 0 -120px;}
.icon.gift {background-position: -24px -120px;}
.icon.leaf {background-position: -48px -120px;}
.icon.fire {background-position: -72px -120px;}
.icon.eye-open {background-position: -96px -120px;}
.icon.eye-close {background-position: -120px -120px;}
.icon.warning-sign {background-position: -144px -120px;}
.icon.plane {background-position: -168px -120px;}
.icon.calendar {background-position: -192px -120px;}
.icon.random {background-position: -216px -120px; width: 16px;}
.icon.comment {background-position: -240px -120px;}
.icon.magnet {background-position: -264px -120px;}
.icon.chevron-up {background-position: -288px -120px;}
.icon.chevron-down {background-position: -313px -119px;}
.icon.retweet {background-position: -336px -120px;}
.icon.shopping-cart {background-position: -360px -120px;}
.icon.folder-close {background-position: -384px -120px; width: 16px;}
.icon.folder-open {background-position: -408px -120px; width: 16px;}
.icon.resize-vertical {background-position: -432px -119px;}
.icon.resize-horizontal {background-position: -456px -118px;}
.icon.hdd {background-position: 0 -144px;}
.icon.bullhorn {background-position: -24px -144px;}
.icon.bell {background-position: -48px -144px;}
.icon.certificate {background-position: -72px -144px;}
.icon.thumbs-up {background-position: -96px -144px;}
.icon.thumbs-down {background-position: -120px -144px;}
.icon.hand-right {background-position: -144px -144px;}
.icon.hand-left {background-position: -168px -144px;}
.icon.hand-up {background-position: -192px -144px;}
.icon.hand-down {background-position: -216px -144px;}
.icon.circle-arrow-right {background-position: -240px -144px;}
.icon.circle-arrow-left {background-position: -264px -144px;}
.icon.circle-arrow-up {background-position: -288px -144px;}
.icon.circle-arrow-down {background-position: -312px -144px;}
.icon.globe {background-position: -336px -144px;}
.icon.wrench {background-position: -360px -144px;}
.icon.tasks {background-position: -384px -144px;}
.icon.filter {background-position: -408px -144px;}
.icon.briefcase {background-position: -432px -144px;}
.icon.fullscreen {background-position: -456px -144px;}

img.pngfix {
  behavior: expression(
    (this.runtimeStyle.behavior="none") && (this.src.toLowerCase().indexOf('.png')>-1) && ( 
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "img/blank.gif")
  );
  overflow:hidden;
}