/*--------------------------------------------------------------
# Hit Music - August 2009 (for Joomla 1.5)
# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com  
---------------------------------------------------------------*/
    
/* universal set of reset styles
---------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {background: white;line-height: 1;color: black;}
bodyProfileLayout {line-height: 1;color: black;}
ol,ul {/* list-style: none; */}
/* tables still need cellspacing="0" in the markup */
table{border-collapse: separate;border-spacing: 0;}
caption,th,td {font-weight: normal;}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clr {font-size : 1px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */
/* ------------------------ the end ----------------------------*/
html {
    min-height:100%;
    border-bottom:1px solid transparent;
}
body {
    margin:0;
    padding:0;
    font-size:12px;
    font-family:Arial, Verdana, sans-serif;
    line-height: 15px;
}

/* Box style */
.box-grey-td{
    border: 1px solid #CCCCCC;
    background-color: #F7F7F7;
    margin: 10px 0 0 0;
    padding: 10px;
}
/* Box style */
.box-grey,
.box-hilite {
    border: 1px solid #CCCCCC;
    background-color: #F7F7F7;
    margin: 20px 0 0 0;
    padding: 10px;
}
.status {
  margin: 0px 10px 10px;
  padding: 10px;
  border: solid 1px #ffe222;
  background: #fffbe2; }

.status-green {
  margin: 0px 10px 10px;
  padding: 10px;
  border: solid 1px #5F9F37;
  background: #CADFBD; }

.status h2 {
  color: black;
  font-size: 14px;
  margin: 0px; }

.status p {
  margin: 4px 0px 0px; }

.status a {
  text-decoration: none; }

/* Basic link styles 
---------------------------------------------------------------*/

a{
    outline:none;
    cursor:pointer;
}
a:link,
a:visited,
a:active{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
/* Basic image style 
----------------------------------------------------------------*/
img{
    border:none;
    text-decoration:none;
}
/* Basic lists styles 
----------------------------------------------------------------*/
ul{
    padding:0;
    margin:0;
}
ul li{
    padding:0;
    line-height:25px;
    margin-left:30px;
}

ul ul{
    padding-left:20px;
}
ul li a{
    text-decoration:none;
}
ol li{
    line-height:170%;
}
/* Basic heading styles 
-----------------------------------------------------------------*/
th {
    padding:4px;
    text-align:left;
}
p, pre, blockquote, h1, h2, h3, h4, h5, h6{
    margin:1em 0;
    padding:0;
}
h1 { font-size:200%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:125%; }
h5 { font-size:115%; }
h1,h2,h3,h4,h5{
    margin:0;
}
/* Basic form styles 
-----------------------------------------------------------------*/
fieldset{
    border:none;
    padding:5px 0;
}
fieldset a{
    font-weight:bold;
}
input, select, button{
    font-size:14px;
    font-weight:normal;
}
/* Basic HR-line style 
-----------------------------------------------------------------*/
hr {
    border-right:0;
    border-left:0;
    border-bottom:0;
    height:1px;
}
/* Basic positioning classes 
-----------------------------------------------------------------*/
.clearfix{ clear:both; }
/* Logo 
------------------------------------------------------------*/
a#logo, 
a#logo_styled {
    float:left;
    display:block;
}
a#logo_styled{
    /* 
        Here you can change width or height of your logo 
        if you've disabled option "logo as image"
    */
    width:190px;
    height:48px; 
}
/* Page structure
------------------------------------------------------------*/
div#bg1{
    min-height:500px;
}
div#bg2{
    min-height:500px;
}

/* top */
div#top{
    width:953px;
    min-height:50px;
    margin:0 auto;
}
div#userarea{
    width:953px;
    min-height:45px;
    margin:0 auto;
}
div#userarea div{
    float:right;
    padding:12px 13px 0 15px;
    width:auto;
    height:33px;
}
div#userarea div span#login,
div#userarea div span#login_noborder,
div#userarea div span#register{
    height:20px;
    display:block;
    float:left;
    margin:0 8px 0 0;
}
div#userarea div span#register,
div#userarea div span#login_noborder{
    margin:0;
}
div#userarea div span#login a,
div#userarea div span#login_noborder a,
div#userarea div span#register a{
    height:20px;
    margin:0 0 0 5px;
    padding:0 9px 0 4px;
    line-height:20px;
    display:block;
}
/* menu */
div#menu{
    float:right;
    font-weight:bold;
    margin:0 8px 0 0;
}
div#horiz-menu{
    position:absolute;
}
div#horiz-menu li.level1 li:first-child{
    border-top:none;
}
/* message */
#system-message{
    width:953px;
    margin:0 auto;
}
#system-message dd{
    text-indent:0;
}
#system-message dd li{
    padding-left:5px;
}
#system-message .error,
#system-message .message{
    background:none;
    padding:0;
}
#system-message .error ul,
#system-message .message ul{
    margin:0;
}
#system-message dd.error ul {
    border:none!important;
}
#system-message dd.message ul {
    border:none!important;
    opacity:0.7;
    filter:alpha(opacity=70); 
    -moz-opacity:0.7;
}
/* header  */
div#header{
    width:921px;
    padding:10px 16px 16px 16px;
    margin:0 auto 10px auto;
    overflow:hidden;
}
div#header1{
    float:left;
    width:100%;
}
div#header2{
    float:right;
    width:100%;
}
/* advert */
div#middle{
    width:921px;
    padding:10px 16px 20px 16px;
    margin:0 auto;
    min-height:62px;
    overflow:hidden;
}
/* content */
div#content{
    width:953px;
    margin:0 auto 10px auto;
    overflow:hidden;
}
div#component,
div#componentProfileLayout,
div#right,
div#left{
    float:left;
    overflow:hidden;
}

div#component{
    padding:16px;
}
/* bottom */
div#bottom{
    width:921px;
    margin:0 auto;
    padding:0 16px;
}
/* footer */
div#footer{
    width:953px;
    margin:0 auto;
    height:40px;
    line-height:40px;
}
div#informations,
div#stylearea{
    float:right;
}
div#stylearea{
    margin-left:10px;
}
div#footer_menu{
    float:left;
}
div#footer ul{
    list-style-type:none;
}
div#footer ul li{
    float:left;
    width:auto;
    height:40px;
    line-height:40px;
    margin-right:12px;
    margin-left: 0px;
}
/* blocks */
.us_width-20,
.us_width-25,
.us_width-33,
.us_width-50,
.us_width-100{
    float:left;
}
.us_width .moduletable,
.us_width .moduletable_menu,
.us_width .moduletable_text,
.us_width .moduletable_bright,
.us_width .moduletable_dark,
.us_width .moduletable_nohead{
    margin-left:10px!important;
}
.us_width:first-child .moduletable,
.us_width:first-child .moduletable_menu,
.us_width:first-child .moduletable_text,
.us_width:first-child .moduletable_bright,
.us_width:first-child .moduletable_dark,
.us_width:first-child .moduletable_nohead{
    margin-left:0!important;
}
.us_width-20{ width:20%; }
.us_width-25{ width:25%; }
.us_width-33{ width:33.3%; }
.us_width-50{ width:50%; }
.us_width-100{ width:100%; }

.module_wrap,
.users_wrap{
    overflow:hidden;
    margin-top:10px;
}
.module_wrap:first-child,
.users_wrap:first-child{
    margin-top:0px;
}
/* spaces between modules in component restriction section */
div#component .us_width .moduletable,
div#component .us_width .moduletable_menu,
div#component .us_width .moduletable_text,
div#component .us_width .moduletable_bright,
div#component .us_width .moduletable_dark{
    margin-left:10px;
}
div#component .us_width:first-child .moduletable,
div#component .us_width:first-child .moduletable_menu,
div#component .us_width:first-child .moduletable_text,
div#component .us_width:first-child .moduletable_bright,
div#component .us_width:first-child .moduletable_dark{
    margin-left:0;
}
/*  Restrictions & suffixes
------------------------------------------------------------*/
/* 
    Available suffixes :
    header: _clear, _text (std), _menu (std)
    content: _dark, _bright, _clear, _menu (std), _text (std)
    column: _dark, _bright, _green, _clear, _menu (std), _text (std)
    bottom: _text (std), _menu (std), _nohead
*/
/* common */
.moduletable,
.moduletable_text,
.moduletable_menu,
.moduletable_dark,
.moduletable_bright{
    padding:0;
    margin:10px 0 0 0;
    overflow:hidden;
}
.moduletable:first-child,
.moduletable_text:first-child,
.moduletable_menu:first-child,
.moduletable_dark:first-child,
.moduletable_bright:first-child{
    margin:0;
}
.moduletable_clear{
    margin:0;
    padding:0;
    background:transparent;
    border:0;
}
/* header */
div#header .moduletable h3,
div#header .moduletable_text h3,
div#header .moduletable_menu h3{
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
}
div#header .moduletable h3 span,
div#header .moduletable_text h3 span,
div#header .moduletable_menu h3 span{
    display:block;
    height:30px;
    width:auto;
    float:left;
    line-height:30px;
    padding:0 10px 0 0;
}
div#header .moduletable ul li:first-child,
div#header .moduletable_text ul li:first-child,
div#header .moduletable_menu ul li:first-child{
    border-top:none;
}
/* advert */
div#middle .moduletable h3,
div#middle .moduletable_text h3,
div#middle .moduletable_menu h3{
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
}
div#middle .moduletable h3 span,
div#middle .moduletable_text h3 span,
div#middle .moduletable_menu h3 span{
    display:block;
    height:30px;
    line-height:30px;
}
div#middle .moduletable ul li:first-child,
div#middle .moduletable_text ul li:first-child,
div#middle .moduletable_menu ul li:first-child{
    border-top:none;
}
/* content */
div#content .moduletable,
div#content .moduletable_text,
div#content .moduletable_menu,
div#content .moduletable_dark,
div#content .moduletable_bright{
    padding:0 10px 10px 10px;
}
div#content div#component .moduletable,
div#content div#component .moduletable_text,
div#content div#component .moduletable_menu{
    padding:0;
}
div#content .moduletable h3,
div#content .moduletable_text h3,
div#content .moduletable_menu h3,
div#content .moduletable_dark h3,
div#content .moduletable_bright h3{
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
}
div#content .column .moduletable h3,
div#content .column .moduletable_text h3,
div#content .column .moduletable_menu h3,
div#content .column .moduletable_dark h3,
div#content .column .moduletable_bright h3{
    margin:7px 0 0 0;
}
div#content .moduletable h3 span,
div#content .moduletable_text h3 span,
div#content .moduletable_menu h3 span,
div#content .moduletable_dark h3 span,
div#content .moduletable_bright h3 span{
    display:block;
    height:30px;
    width:auto;
    float:left;
    line-height:30px;
    padding:0 10px 0 0;
}
div#content .moduletable ul li:first-child,
div#content .moduletable_text ul li:first-child,
div#content .moduletable_menu ul li:first-child,
div#content .moduletable_dark ul li:first-child,
div#content .moduletable_bright ul li:first-child{
    border-top:none;
}
/* bottom */
div#bottom .us_width-20,
div#bottom .us_width-25,
div#bottom .us_width-33,
div#bottom .us_width-50,
div#bottom .us_width-100{
    float:left;
    margin-top:-38px!important;
}
div#bottom .moduletable h3,
div#bottom .moduletable_text h3,
div#bottom .moduletable_menu h3{
    height:38px;
    line-height:38px;
    font-size:14px;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
}
div#bottom .moduletable h3 span,
div#bottom .moduletable_text h3 span,
div#bottom .moduletable_menu h3 span{
    display:block;
    height:38px;
    line-height:38px;
}
div#bottom .moduletable ul li:first-child,
div#bottom .moduletable_text ul li:first-child,
div#bottom .moduletable_menu ul li:first-child,
div#bottom .moduletable_nohead ul li:first-child{
    border-top:none;
}
div#bottom .moduletable .moduletable_content,
div#bottom .moduletable_text .moduletable_content,
div#bottom .moduletable_menu .moduletable_content{
    margin:10px 0;
}
div#bottom .moduletable_nohead .moduletable_content{
    margin:50px 0 10px 0;
}
/* Standard Joomla modules
------------------------------------------------------------*/
/* mod_breadcrumb */
div#content .breadcrumb{
    height:20px;
    padding:5px 0;
    line-height:20px;
    width:100%;
    display:block;
}
div#content .breadcrumb .icon{
    height:19px;
    width:20px;
    display:block;
    float:left;
    margin:1px 12px 0 8px;
    text-indent:-999em;
}
div#content .breadcrumb .icon:hover{
    opacity:0.7;
    filter:alpha(opacity=70); 
    -moz-opacity:0.7;
}
div#content .breadcrumb .separator{
    text-indent:-999em;
    height:6px;
    width:6px;
    display:block;
    float:left;
    margin:8px 8px 0 8px;
}
div#content .breadcrumb a,
div#content .breadcrumb span{
    display:block;
    float:left;
    width:auto;
    text-decoration:none;
}
div#content .breadcrumb a:hover{
    text-decoration:none;
}
/* mod_search */
#mod_search_searchword{
    margin-right:8px;
}
/* mod_login */
ul.loginposition{
    margin-top:10px;
    overflow:hidden;
    padding:1px 0 0 0;
}
ul.loginposition:first-child{
    margin-top:0;
}
ul.loginposition li{
    float:left;
    width:auto;
    margin-right:6px;
    border:none!important;
}
#form-login-remember,
#form-login-remember label,
#form-login-fpass,
#form-login-flogin,
#form-login-register{
    line-height:21px;
    font-size:11px;
}
#form-login-remember input.inputbox{
    height:auto!important;
    padding:0!important;
}
#form-login-fpass a,
#form-login-flogin a,
#form-login-register a{
    text-decoration:none;
}
#form-login-fpass a:hover,
#form-login-flogin a:hover,
#form-login-register a:hover{
    text-decoration:underline;
}
/* popups */
div#popup_login,
div#popup_register{
    position:absolute;
    z-index:100000;
    width:530px;
    display:none;
}
div#close_button_login,
div#close_button_register{
    width:24px;
    margin:3px 0 0 0;
    height:24px;
    cursor:pointer;
    float:right;
}
div.popup_top{
    width:488px;
    padding:0 14px 10px 32px;
    margin:32px 0 0 0;
    overflow:hidden;
}
div.popup_top form#josForm{
    width:480px;
    margin:0 auto;
}
div.popup_bottom{
    width:534px;
    height:23px;
}
div#popup_login input.inputbox,
div#popup_register input.inputbox{
    height:16px!important;
    padding:1px 4px 2px 4px!important;
    display:block;
    float:left;
}
div#popup_login label{
    height:20px!important;
    line-height:21px!important;
    display:block;
    float:left;
    margin-right:4px;
}
div#popup_login .button,
div#popup_register .button{
    display:block;
}
div.logout span{
    float:left;
    margin-top:5px
}
div.logout .button{
    float:right;
    margin-right:14px;
}
/* Joomla classes */
a.readon,
.back_button a,
div#content .moduletable_dark a.readon,
div#content .moduletable_dark .back_button a{
    width:75px;
}
div#content a.readon,
div#content .back_button a{
    width:75px;
}