/*Youjoomla Default*/

@import url("layout.php"); /*layout css file*/

body {
text-align:center; /*center hack*/
padding:0; 
margin:0;
font-family:Lucida Grande, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif; 
font-size: 100%;
color:#666666;  
line-height: 120%;
background:#eeeae1 url(../images/bgs.gif) repeat left top;

}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
.clr{
clear:both;
height:1px;
}

.moduletable .syndicate div {
margin:0px;
padding:3px 0;
}
/*SQUARE MODS*/
.moduletable p,
.moduletable_yj1 p,
.moduletable_yj2 p,
.moduletable p,
.moduletable_yj4 p,
.moduletable_yj5 p,
.moduletable_yj6 p,
.moduletable_advert p{
overflow:hidden;

}

.moduletable h3 {
text-transform: capitalize;
overflow:hidden;
border-bottom:1px solid #DEDBD1;
font: normal 125% "Lucida Grande", Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
letter-spacing:1px;
padding:5px 10px 5px 10px;
margin:0 -5px;
}
._menu h3{
padding:5px 5px 5px 5px;
}
.moduletable{
background:#F5F4F0 url(../images/mods_bg.gif) repeat-x left top;
border:1px solid #DEDBD1;
padding:5px 0px;
}


/*deafult  flatlist*/
#mainlevel  ul{
margin: 0;
padding: 0;
}
#mainlevel{
padding:0;
color: #000;
text-align:left;
margin-left:-18px;

}
.moduletable #mainlevel{
padding:0;
color: #000;
text-align:left;
margin-left:-23px;

}
#mainlevel  li{
background:none;
margin-right:-3px;


}
.moduletable #mainlevel  li{
background:none;
margin-right:-8px;
}
#mainlevel  ul{
list-style: none;
padding: 0;

}
#mainlevel li a{
height: 24px;
line-height: 24px;
text-decoration: none;
display: block;
font-family: Verdana, Arial, Helvetica,  sans-serif;
font-size: 11px;
text-decoration: none;
text-indent:29px;
}

#mainlevel a#active_menu:link,#mainlevel a#active_menu:visited{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
text-decoration:underline;
}
/* Default Vertical*/
#active_menu {
font-weight: bold;
}
a.mainlevel {
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #fff;
display: block;
height: 24px;
line-height: 24px;
text-decoration: none;
padding-top:5px;
text-indent: 25px;
width: 100%;
background: url(../images/ljijan_brown.png) no-repeat 3px 6px;
font: bold 110%/normal Lucida Grande, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
text-decoration: none;
background:#EFEEE8 url(../images/ljijan_hover.png) no-repeat 3px  6px;
}
a.mainlevel#active_menu {
font-weight: bold;
background:#EFEEE8 url(../images/ljijan_hover.png) no-repeat 3px 6px;
}
a.sublevel {
display: block;
padding: 2px 4px 0px 15px;
text-decoration: none;
}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
text-decoration: underline;
}
/*sub menus rounded mods*/
.module a.sublevel{
display: block;
padding: 2px 4px 0px 15px;
margin:-10px 0;
}
/*icons*/
a.mainlevel_icons{
text-align:center;
line-height:50px;
display:inline;
padding:10px 7px;
}
.module_icons img{
margin:-3px 0;
line-height:35px;

}

/*end*/

/*login module  styles*/
#mod_login_password, #mod_login_username {
width: 75%;
height:19px;
padding-left: 23px;
padding-top:3px;
color:#bbcc80;
border:1px solid #cbc9c9;
}
#mod_login_password {
background: #f5f4f4 url(../images/password.gif) no-repeat left center;
}
#mod_login h3{
color:#333333;
}
#mod_login_username {
background: #f5f4f4 url(../images/username.gif) no-repeat left center;
}
#mod_login_remember {
border: none;
padding: 0!important;
}
/* JOOMLA! STYLING
--------------------------------------------------------- */

a:focus {
outline:0px;
}
focus {
outline:0px;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{
margin:0.5em 0;
}
ul{
margin-left:2em;
list-style: none;
}
input, select, textarea, .inputbox, .button {
font-size: 110%
}
fieldset{
padding:.5em;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1,.componentheading{
font-size:1.7em;
line-height:1.7em;
}
h2,.contentheading{
font-size:2.5em;
line-height:1.5em;
}
h3{
font-size:1.3em;
line-height:1.3em;
}
h4{
font-size:1.2em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1em;
line-height:1em;
font-weight:bold;
}
.contentheading{
text-transform: capitalize;
letter-spacing:1px;
background:#F5F4F0 url(../images/mods_bg.gif) repeat-x left top;
border:1px solid #DEDBD1;
font-size: 140%;
padding-left:10px;
font-weight: bold;
}
.contentheading a:link, .contentheading a:visited {

}
.contentheading a:hover {
text-decoration: underline;
}
.contentpaneopen{
width:100%;
padding:0 3px;
text-align: left;
}

.article_separator {
display: block;
margin-top: 15px;
height: 20px;
clear: both;
background: url(../images/artice_sep.png) no-repeat center bottom;
}
ul {
margin: 0px;
margin-left: 15px;
padding: 0px;
}
.modifydate,
.small{
font-family: Tahoma, Verdana, "Lucida Sans";
font-size: 10px;
color: #999999;
padding-top: 15px;
padding-left: 0px;
padding-bottom: 15px;
}
.modifydate{
}
.createdate{
height:35px;
margin-bottom:10px;
padding-left:0px;
padding-bottom:3px;
font-family: Tahoma, Verdana, "Lucida Sans";
font-size: 10px;
color: #999999;
}
.small{
background:none;
}
.smalldark{
font-family: Tahoma, Verdana, "Lucida Sans";
font-size: 10px;
color: #838383;
}
a.readon:link, a.readon:visited {
display: block;
float: left;
font-size: 11px;
height: 15px;
line-height: normal;
line-height: 15px;
text-decoration: none;
padding:3px 10px;
text-indent:15px;
width:90px;
font-weight: bold;
background: url(../images/readon.gif) no-repeat left top;
}
a.readon:hover {
text-decoration:none;
color:#fff;
}
.blog_more strong {
margin: 0 0 5px;
display: block;
color: #4F4F4F;
font-size: 140%;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
margin: 0;
padding: 0 0 0 15px;
background: url(../images/strelica.gif) no-repeat 2px 7px;
}
.category {
font-weight: bold;
font-size: 100%;
}
td.buttonheading {
width: 32px;


border:none;
background:none;
}

.mosimage {
margin: 15px 5px 15px 0;
padding: 0 5px 5px;
}
* html .mosimage { /*6*/
padding: 5px 0 !important;
margin: 15px 10px 15px 0;
}
*+html .mosimage { /*7*/
padding: 5px 0 !important;
}
.mosimage img {
padding: 0 !important;
margin: 0 !important;
}
.mosimage_caption {
margin-top: 5px;
padding: 1px 2px;
color: #838383;
}
.inputbox {
background: #FFFFFF;
border: 1px solid #DEDBD1;
margin-top:5px;
}
.inputbox:hover, .inputbox:focus {
background: #F5F5F4;
border: 1px solid #dcdcdc;
}
img a,img {
border:0;
padding:0;
}
.contentdescription img{
padding:0 3px;
}
.button {
padding:1px 3px;
color:#fff;
border:none;
}
input#search_searchword{
padding:2px;
}
input.button{
margin-top:5px;
margin-left:5px;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
.mbot{
padding-bottom: 30px;
}
.componentheading{
text-align: left;
line-height:25px;
}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar, .back_button {
padding: 0 5px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a, .back_button a {
border:none;
color: #fff;
padding:2px 5px;
text-decoration: none;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active,
.back_button a:hover,.back_button a:active {
color: #000;
text-decoration: none;
}
.pagenavbar {
padding-left: 14px;
}
.pagenavcounter {
padding: 8px 14px 0 14px;
}
.button{
margin-top:10px;
}
.contentpane{
width:100%;
}
/*******TYPOGRAPHY********/
.strike{
text-decoration:line-through;
}
.error {
padding: 5px 5px 5px 25px;
color: #CC0000;
background: #F5F4F0 url(../images/typ/error.gif) no-repeat center left;
border:1px solid #DEDBD1;
}
.message {
padding: 5px 5px 5px 25px;
color: #006699;
background:#F5F4F0  url(../images/typ/info.gif) no-repeat center left;
border:1px solid #DEDBD1;
}
.tips {
padding: 5px 5px 5px 25px;
color: #FF5A00;
background:#F5F4F0  url(../images/typ/tips.gif) no-repeat center left;
border:1px solid #DEDBD1;
}
.highlight {
border-bottom: 1px dashed #888888;
padding: 0 5px;
background: #FEFAE1;
font-weight: bold;
}
img.border {
border: 1px solid #e1e1e1;
padding: 5px;
margin: 2px 3px 0 0;
background: #fcfcfc;
}
pre, .code {
padding: 10px 15px;
margin: 5px 0 15px;
border-left: 5px solid #DEDBD1;
border-right:1px solid #DEDBD1;
border-top:1px solid #DEDBD1;
border-bottom:1px solid #DEDBD1;
background: #F5F4F0;
}
div.blockquote {
margin: 30px 0;
border: 1px solid #DEDBD1;
padding: 5px 15px 5px 35px;
background-color: #F5F4F0;
background-image: url(../images/typ/qlg.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}
div.blockquote blockquote {
margin:0;
padding:0;
background: url(../images/typ/qrg.gif) no-repeat right bottom;
}
.dropcap {
float: left;
padding: 4px 8px 0 0;
display: block;
color: #DEDBD1;
font-family: Georgia, Times, serif;
font-size: 50px;
line-height: 40px;
}
p.sticky {
color: #000;
padding: 20px 20px 10px 40px;
margin-top:10px;
margin-bottom:10px;
border-right:1px solid #DEDBD1;
border-top:1px solid #DEDBD1;
border-left:5px solid #DEDBD1;
border-bottom:1px solid #DEDBD1;
background-color: #F5F4F0;
background-image: url(../images/typ/sticky.jpg);
background-repeat: no-repeat;
background-position: left center;
}
p.pin {
color: #000;
padding: 20px 20px 10px 40px;
margin-top:10px;
margin-bottom:10px;
border-right:1px solid #DEDBD1;
border-top:1px solid #DEDBD1;
border-left:5px solid #DEDBD1;
border-bottom:1px solid #DEDBD1;
background-color: #F5F4F0;
background-image: url(../images/typ/pin.gif);
background-repeat: no-repeat;
background-position: left center;
}
p.clip {
color: #000;
margin-top:10px;
margin-bottom:10px;
padding: 20px 20px 10px 40px;
border-right:1px solid #DEDBD1;
border-top:1px solid #DEDBD1;
border-left:5px solid #DEDBD1;
border-bottom:1px solid #DEDBD1;
background-color: #F5F4F0;
background-image: url(../images/typ/clip.jpg);
background-repeat: no-repeat;
background-position: left center;
}
p.down {
color: #000;
padding: 20px 20px 10px 40px;
margin-top:10px;
margin-bottom:10px;
border-right:1px solid #DEDBD1;
border-top:1px solid #DEDBD1;
border-left:5px solid #DEDBD1;
border-bottom:1px solid #DEDBD1;
background-color: #F5F4F0;
background-image: url(../images/typ/down.jpg);
background-repeat: no-repeat;
background-position: left center;
}

.blocknumber {
clear: both;
position: relative;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
.bignumber {
float: left;
margin-right: 15px;
margin-bottom: 5px;
padding: 5px 5px 5px 6px;
display: block;
color: #DEDBD1;
font-weight: bold;
background-position: left top;
font-family: Arial, sans-serif;
font-size: 23px;
line-height: normal;
}

body ul.check,
body ul.star{
margin-left: 35px;
padding: 0;
}
ul.check li,
li.check,
ul.star li,
li.star{
padding-bottom: 10px;
padding-left: 20px;
list-style-image: none;
list-style-type: none;
}
body ul.check li,
body li.check {
background: url(../images/typ/check.gif) no-repeat 0 1px;
}

body ul.check li:hover,
body li.check:hover{
padding-bottom: 10px;
padding-left: 20px;
background: url(../images/typ/check_hover.gif) no-repeat 0 1px;
color:#d10000;
}
body ul.star li,
body li.star  {
background: url(../images/typ/star.gif)   no-repeat 0 1px;
}
body ul.star li:hover,
body li.star:hover{
padding-bottom: 10px;
padding-left: 20px;
background: url(../images/typ/star_hover.gif) no-repeat 0 1px;
color:#d10000;
}

ul.video li,
li.video,
body li.video:hover{
padding-bottom: 5px;
padding-left: 25px;
list-style-image: none;
list-style-type: none;
border-bottom:1px solid #DEDBD1;
}


body a,body a:hover {
cursor: pointer;
}
table.pollstableborder td.sectiontableentry1,
table.pollstableborder td.sectiontableentry2, 
table.pollstableborder tr.sectiontableentry1 td,
table.pollstableborder tr.sectiontableentry2 td
table.pollstableborder_yj1 td.sectiontableentry1_yj1,
table.pollstableborder_yj1 td.sectiontableentry2_yj1, 
table.pollstableborder_yj1 tr.sectiontableentry1_yj1 td,
table.pollstableborder_yj1 tr.sectiontableentry2_yj1 td,
table.pollstableborder_yj2 td.sectiontableentry1_yj2,
table.pollstableborder_yj2 td.sectiontableentry2_yj2, 
table.pollstableborder_yj2 tr.sectiontableentry1_yj2 td,
table.pollstableborder_yj2 tr.sectiontableentry2_yj2 td,
table.pollstableborder_yj3 td.sectiontableentry1_yj3,
table.pollstableborder_yj3 td.sectiontableentry2_yj3, 
table.pollstableborder_yj3 tr.sectiontableentry1_yj3 td,
table.pollstableborder_yj3 tr.sectiontableentry2_yj3 td,
table.pollstableborder_yj4 td.sectiontableentry1_yj4,
table.pollstableborder_yj4 td.sectiontableentry2_yj4, 
table.pollstableborder_yj4 tr.sectiontableentry1_yj4 td,
table.pollstableborder_yj4 tr.sectiontableentry2_yj4 td,
table.pollstableborder_yj5 td.sectiontableentry1_yj5,
table.pollstableborder_yj5 td.sectiontableentry2_yj5, 
table.pollstableborder_yj5 tr.sectiontableentry1_yj5 td,
table.pollstableborder_yj5 tr.sectiontableentry2_yj5 td,
table.pollstableborder_yj6 td.sectiontableentry1_yj6,
table.pollstableborder_yj6 td.sectiontableentry2_yj6, 
table.pollstableborder_yj6 tr.sectiontableentry1_yj6 td,
table.pollstableborder_yj6 tr.sectiontableentry2_yj6 td{
height: 20px;
padding-left: 5px;
text-align:left;
padding-right: 10px;
line-height: 18px;
margin-bottom:5px;
background: none;
border:none;
}
table.pollstableborder {
border: none;
padding: 0;
width: 100%;
text-align: left;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
padding:0 5px !important;
}
table.pollstableborder tr.sectiontableentry1 td {
border: none;
background: #efeee8;
}
table.pollstableborder tr.sectiontableentry2 td {
border: none;
}
.sectiontableheader {
padding: 5px;
background:#F5F4F0 url(../images/mods_bg.gif) repeat-x left top;
border:1px solid #DEDBD1;
font-weight: bold;
}
.sectiontableentry2 {
background-color : #ECECEC;
}

tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
height: 20px;
padding: 0 10px;
line-height: 29px;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
border-bottom: 1px solid #DEDBD1;
border-left:1px solid #DEDBD1;
border-right:1px solid #DEDBD1;

}
tr.sectiontableentry1 td, td.sectiontableentry1 {
background-color: #efeee8;
color:#484747;
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
background-color: #f5f4f0;

}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
background-color: #ecebe2;

}