@charset 'UTF-8';
html {
    overflow-y: scroll;
}
body{
    margin: 0;
    padding: 0;
    font:  12px Lao UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
   /* font-family: 1em Lao UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

a{
    color: #ddaa00;
    text-decoration:none;
}

a:visited{
    
}

a:hover{
    text-decoration:underline;
}

img {
    border: 0;
}
#headerBackground {
   background: url("../img/main_bg.jpg") no-repeat  top;
   /* background:black;*/
   /*height:147px;*/
   z-index:-9999;
}
#indexBackground {
   background: url("../img/index/index_bg.jpg") no-repeat  top;
   /* background:black;*/
   /*height:147px;*/
   z-index:-9999;
}


#wrapper {
    margin: 0 auto;
    width: 960px;
    text-align:left;
    
}

h2 {
   font: bold 14px;
   color: #000;
   margin: 0px;
}

p {margin:0 0 1em 0;}

#header{
  width:100%;
}

#logo{
    width:371px;
    background:url("../img/logo.gif") no-repeat;
    height:119px;
    margin-left: -35px;
    
    z-index:9999;
    float:left;
    }

#main{
  /*background:white;*/
  padding-top:40px;
  clear:both;
  width:960px;
  min-height:600px;
  font-weight: normal;
}


.content{
  margin:0px 18px 0px 17px;
  clear:both;
  font-weight: normal;}
  .contentT{
  margin:0px 19px 0px 16px;
  clear:both;
  font-weight: normal;}
#main_panel .content{
  height:332px;
  position:relative;
}

h2#title{
  margin:0;
  font-weight: normal;
  margin-bottom:3px;
}
h6#title{
  margin:0;
  font-size:1.3em;
  color:#404040;
}

div#description{
  width:395px;
  font-weight: normal;
  line-height:1.5em;
  color:#404040;
  padding-top:10px;
}
div#description-full{
  width:800px;
  font-weight:bold;
  line-height:1.5em;
  color:#404040;
  padding-top:10px;
}
#description-full ul{
  line-height:2;
  margin-left:15px;
}
#description-full h6{
  margin:0;
  font-size:1em;
  border-top:1px solid #ddd;
  padding-top:10px;
  padding-bottom:5px;
  color:#404040;
}
#main_page_screenshot{
  height:328px;
  position:absolute;
  right:0;
  bottom:5px;
}

#main_page_features{
  padding-top:20px;
}
#main_page_features h2{
  border-top:1px solid #ddd;
  padding:20px 0 5px 0;
  font-weight: bold;
  margin-top:0px;
  margin-bottom:5px;
}
#main_page_features ul{
  width:960px;
  margin:0 0 15px 0;
  list-style:none;
  float:right;
}
#main_page_features li{
  width:300px;
  height:90px;
  padding:0;
  margin:0 30px 0 0;
  float:left;
  font-weight:bold;
  color:black;
}
#main_page_features li.lastcol{
  margin-right:0;
}
#main_page_features img{
  width:20px;
  height:20px;
  margin-top:3px;
  float:left;
}
#main_page_features p{
  font-size:0.82em;
  line-height:1.5;
  margin:0 0 0 30px;
}

#feature-screenshot{
  float:right;
  padding-left:30px;
  padding-right:50px;
  padding-top:10px;
  padding-bottom:10px;
}

#musicbee_download{
  width:300px;
  height:125px;
  display:block;
  position:absolute;
  left:0;
  bottom:0;
}
#musicbee_download h2{
  font-size:1.38em;
  font-weight:normal;
}
#musicbee_download h2 a{
  text-decoration:none;
  color:black;
  padding:30px 0 0 35px;
  display:block;
}
 
/*- Menu Tabs--------------------------- */ 


    #tabs {
      width:60%;
      font-size:large;
      line-height:normal;
      float:right;
      padding-top:101px;
      }
    #tabs ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:right;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:right;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      padding:0px 15px 1px 6px;
      color:white;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:black;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
       
       
    #tabs .selected span{
      float:right;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      /*padding: 5px 15px 4px 6px;*/
      color:black;
      background-position:100% -42px;
    }
    
    #tabs .selected a {
      float:right;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      background-position:0% -42px;
      color:black;
    }
    
/*Social Media Buttons*/
#social{
    padding-top:50px;
    padding-left:95px;
}

#facebook{
    display:block;
    background:url("../img/index/Facebook_Icon_pressed.jpg") no-repeat left top;
    width:82px;
    height:42px;
    float:left;
    padding-right:40px;
}

#facebook:link{
    display:block;
    background:url("../img/index/Facebook_Icon_idle.jpg") no-repeat left top;
    width:82px;
    height:42px;
}    

#facebook:hover, #facebook:focus{
    display:block;
    /* Buffers the pressed image for no delay when hovering */
    background:url("../img/index/Facebook_Icon_pressed.jpg") no-repeat left top;
    width:82px;
    height:42px;
} 

#facebook:visited{
    display:block;
    background:url("../img/index/Facebook_Icon_idle.jpg") no-repeat left top;
    width:82px;
    height:42px;
}  

#alternativeto{
    display:block;
    background:url("../img/index/AltTo_Icon_pressed.jpg") no-repeat center;
    width:20px;
    height:16px;
    float:left;
}

#alternativeto:link{
    display:block;
    background:url("../img/index/AltTo_Icon_idle.jpg") no-repeat center;
    width:20px;
    height:16px;
}    

#alternativeto:hover, #alternativeto:focus{
    display:block;
    background:url("../img/index/AltTo_Icon_pressed.jpg") no-repeat center;
    width:20px;
    height:16px;
}   

#alternativeto:visited{
    display:block;
    background:url("../img/index/AltTo_Icon_idle.jpg") no-repeat center;
    width:20px;
    height:16px;
}    

 
    
/*Features Page Showcase CSS code*/
#showcase {
    padding-top:15px;
}

.smallDetails{
    padding-top:10px;
    padding-left:10px;
    width: 280px;    
}

.details{
    width:363px; 
}

.details ul{
    margin-bottom:12px;
    padding-left:0px;
    margin-left:16px;
}


.details ul li{
    list-style-position: outside;
    padding-left:0px;
    margin-left:13px;
}

ftitle{
    text-align:left;
}

#themeSwitcher{
    text-align:right;
    width:650px;
    /*padding-top: 5px;*/
    padding-bottom:10px;
    height:50px;
}

#widget{
  padding-top:35px;
  padding-bottom:0px;
  padding-left:78px;
  vertical-align:top;
}

    #widgetDownload{
        background: url("../img/index/download_bg.png") no-repeat  top;
        width: 266px;
        height: 223px;
        vertical-align:top;
        padding-top:70px;
        font-weight:600;
        
    }
    
    #widgetCustomize{
        background: url("../img/index/customize_bg.png") no-repeat  top;
        width: 266px;
        height: 223px;
        vertical-align:top;
        padding-top:35px;
        font-weight:600;
    }
    
    #widgetCommunity{
        background: url("../img/index/forum_bg.png") no-repeat  top;
        width: 266px;
        height: 225px;   
        vertical-align:top;
        padding-top:35px;  
        font-weight:600;
    }

/*Download page*/
#downloadWidgets{
    v-align:top;
    width:960px;
    border-spacing:0px;
}
    #step1{
        background: url("../img/download/download_first.jpg") no-repeat  top left;
        width: 353px;
        height:437px;
        float:left;
        margin-left:167px;
    }
    
    #step2{
        background: url("../img/download/download_second.jpg") no-repeat  top left;
        width:276px;
        height:437px;
        float:left;
    }
    #downloadSelect input{
    	margin-right:10px;
    	
    }
    
    #downloadSelect table td{
    	padding-left: 15px;
    }
   
   	#showDesktop{
   		color:black;
   	}
    .dWidgetContent{
         padding-top: 89px;
		 padding-left: 38px;
         padding-right:55px;
    }
    
    .dWidgetContent2{
         padding-top:100px;
         padding-left:9px;
         padding-right:50px;
    }
    
    #donate{
        background: url("../img/download/donateBG.jpg") no-repeat center;
        width:960px;
        height:98px;
        text-align:center;
        padding-top: 23px;
        
    }
    
    #donate img{
    	float:left;
    	width:62px;
    	margin-left: 197px;
		margin-top: 20px;
    }
    #donate div{
    	text-align:left;
    	margin-left: 268px;
		margin-top: 21px;
    }
#footer{
    text-align:center;
    padding-top:0px;
    width:960px;
}

    #creator{
        color:#979797;
        margin-bottom: 5px;
    }
    
    #copyright{
        color:#bebebe;
        font-size:14px;
    }
    
/*Popup Css*/
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}


#facebox .popup{
  position:relative;
 /* border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);*/
}

#facebox .content {
  display:table;
  width: 305px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:5px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:20px;
  padding:7px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}



#box40{
    text-align:center;
}
#box40 p{
    text-align:center;
}


/* << Caption                    */
/* ------------------------------------*/
.addCaption div.caption {
    margin: 0 10px 10px 10px;
	border: 1px solid #ccc;
	padding: 5px;
}

.addCaption div.right {margin-right: 0;}
div.left  { margin-left: 0;}

.addCaption div.caption img {
	margin: 0;
	padding:0;
}

.addCaption div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}

#sidebar div.caption {
	margin: 0;
	padding:0;
	position: relative;
}

#sidebar div.caption p {
	position: absolute;
	margin: 0; padding: 2px;
	font-size: .9em;
	
	bottom: 0;
	left: 0;
	background:black;
	color: white;
	opacity: .7;
}

#sidebar div.caption img {
	margin: 0; padding: 0;
}