/*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:0px;

}



.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_seperator {

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;



}