/*
* A Joomla! Template
* @name - glazed
* @author - Free Css Templates
* @version 1.5
* @date - Nov 13, 2007
* @website - www.freecsstemplates.org
* @copyright (C) - 2007 Xtreme Open Source - All Rights Reserved.
* @license - Creative Commons Attribution 2.5
* @modifications - Modified for Joomla! by XtremeOpenSource - www.xtremeopensource.org
*/


* {
  margin                : 0;
  padding               : 0;
}

body {
  color                 : #474848; 
  background		: #eeeeee; /* yu_sha: This matches the bottom end of body_back.gif */
  min-height: 100%; /* yu_sha: Make sure background fills the whole screen */
}

tr, p, div {
  font-family           : arial, helvetica, sans-serif;
  font-size             : 10pt; /* yu_sha: font size in points - changes according to user preferences set in Windows or browser*/
  color                 : #666666;
}

#content h3 { /* yu_sha: make headers in content look nicely (see Rch Reglament). Add other header levels if necessary */
  padding-top: 15px;
  padding-bottom: 5px;
}


/********** Top Menu **********/
#menu {
  min-height            : 50px; /* yu_sha: Enough space to show our nice background */
/* yu_sha: color must match the "upper" color of menu_back.gif - in case it grows wider than image height */  
  background		    : #717171 url(../images/menu_back.gif) repeat-x left bottom; 
}

#menu ul {
  line-height           : normal;
  list-style            : none;
  margin                : 0;
  padding-top: 15px; /* yu_sha: we try to put menu roughly in the middle of the menu line */
  padding-bottom: 5px;
}

#menu li {
  /* yu_sha: Show menu items in one line */
  display               : inline;
  padding   : 15px; /* yu_sha: horizontal only */
}

#menu a {
  display: inline;
  color                 : #FCFDDF;
  font-size             : 1.2em;
  font-weight           : bold;
  text-decoration       : none;
  outline: none;    /* yu_sha: don't show dotted lines below */
  background: none; /* yu_sha: don't show dotted lines below */
}

#menu a:hover {
  color                 : #E43C15; /* Const: color was #FFFFFF */
  text-decoration       : none;
 /* Const: ne ponravilas kartinka, poetomu poka zakomentiroval: background            : url(../images/img04.gif) repeat-x; */
}


/********** Header **********/
#header {
  padding : 10px;
  /* yu_sha: color must match the "upper" color of header_back.gif - in case it grows wider than image height */  
  background            : #eeeeee url(../images/header_back.gif) repeat-x left bottom;
}


/********** Logo **********/
#logo {
  float                 : left;
}

#logo h1, #logo p {/* yu_sha: removed inline. Show them one above the other */  
}

#logo h1 {
  color                 : #843C15;
  font                  : bold 2.0em Georgia, "Times New Roman", Times, serif; /* yu_sha: reduced size */  
  padding               : 0px 10px 0 10px;
}

#logo p {
  line-height           : normal;
  font                  : normal 1.4em Georgia, "Times New Roman", Times, serif;
  letter-spacing        : 2px; 
  padding               : 0px 10px 0px 10px;
}


/* yu_sha: color what? where? when? If you don't like it just remove these styles */
#what { color : #770000; }
#where { color : #007700; }
#what { color : #000077; }


/********** Search **********/
#search {
  float                 : right;
  padding               : 10px;
}

/* yu_sha: Search plugin shows a button with text. And we want our image. It's a hack because 
search plugin does not let me choose our image */  
#search input.button
{
   color: transparent;  /* Text color - works in FF, not in IE*/
   font-size: 0px;     /* Make it supersmall just in case */
   text-indent: 20px; /* And move it off the button*/
   width: 16px; 
   height: 16px;
   border: none;
   background: transparent url(../images/img05.gif) no-repeat left center;
}

/* yu_sha: Similar thing for the search button in the page body (after we clicked search) */  
#searchForm button.button
{
   color: transparent;
   font-size: 0px;
   text-indent: 20px;
   width: 16px;
   height: 16px;
   border: none;
   background: transparent url(../images/img05.gif) no-repeat left center;
}

.search_form {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 8pt;
}


/********** User Modules **********/
#user1 {
  width                 : 100%;
}

#user2 {
  width                 : 100%;
}


/********** Page **********/
#page {
    /*yu_sha: background must match the top color for body_back.gif */
    background: #eeeeee url(../images/body_back.gif) repeat-x left bottom;
    /*yu_sha: This is a 10px border around content. Can be easily change */
    padding: 10px;
}

/*yu_sha: This is left menu + content */
#page_inner {
    background: white;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

/*yu_sha: top/bottom rounded borders */
#page_top, #page_bot :
{
   height: 7px;
}

/*yu_sha: Each border is 4 divs - 2 corners and 2 in the middle of different color */

/*yu_sha: rounded corner 7x7 pixels - same color as sidebar */
#sidebar2_topleft
{
  background  : transparent url(../images/body_topleft.gif) no-repeat left top;
  height : 7px;
  width : 7px;
  float: left;
}

/* yu_sha: top border above the sidebar - float next to the corner */
#sidebar2_top
{
  height : 6px; /* 1px for the border! Otherwise it blows the layout! */
  width : 203px;
  float: left;
  background : #f0f0f0;
  border-top: 1px solid #c0c0c0;
}

/*yu_sha: rounded corner 7x7 pixels - same color as content */
#content_topright
{
  background  : transparent url(../images/body_topright.gif) no-repeat right top;
  height : 7px;
  width: 7px;
  float: right;
}

/* yu_sha: top border above the content */
#content_top
{
  height : 6px;
  background  : white;
  border-top: 1px solid #c0c0c0;
  margin-left: 210px; /* Width of the sidebar including margins */
  margin-right: 7px;
}

/*yu_sha: rounded corner 7x7 pixels - same color as sidebar */
#sidebar2_botleft
{
  background  : transparent url(../images/body_botleft.gif) no-repeat left bottom;
  height : 7px;
  width : 7px;
  float: left;
}

/* yu_sha: border below the sidebar - float next to the corner */
#sidebar2_bot
{
  height : 6px;
  width : 203px;
  float: left;
  background : #f0f0f0;
  border-bottom: 1px solid #c0c0c0;
}

/*yu_sha: rounded corner 7x7 pixels - same color as content */
#content_botright
{
  background  : transparent url(../images/body_botright.gif) no-repeat right top;
  height : 7px;
  width: 7px;
  float: right;
}

/* yu_sha: border below the content */
#content_bot
{
  height : 6px;
  background  : white;
  border-bottom: 1px solid #c0c0c0;
  margin-left: 210px;
  margin-right: 7px;
}

#page ul {
  list-style            : none;
}


/********** Content **********/
#content {
  padding               : 0px;
  margin-left	: 220px; /* yu_sha: equal to sidebar width*/
}

/*Const: my add*/
#content ol {
  padding               : 0 0 0 20px;
}

/********** Post **********/
.post .bigpix {
  margin-bottom         : 20px;
  /*yu_sha: this had background color. Removed, it's ugly */
}


.post .bigpix .caption {
  line-height           : normal;
  color                 : #999999;
  font-size             : .8em;
  font-weight           : bold;
  margin                : 0;
  padding               : 2px 10px 5px 10px;
}

.post .bigpix .caption a {
  color                 : #999999;
}

 /*yu_sha: div below sidebar and content - makes sure body container has the proper size */
#clear_content
{
 clear: both; 
 height:0px;
}


/********** Sidebar Common Style **********/
#page .sidebar li {
  padding               : 0;
  background            : none;
}

/********** Sidebar Two **********/
#sidebar2 {
  min-width : 200px;  /* yu_sha: added some few pixels. If this is changed, a few other widths must be changed */
  width                 : 200px;
  float                 : left;
  padding: 5px;
  background            : #f0f0f0;
}

hr {
  display               : none;
}


/********** Footer **********/
#footer {
  height                : 50px;
  background            : url(../images/footer_back.gif) repeat-x; /* yu_sha: new background */
}

#footer p {
  text-align            : center;
  font-size             : .8em;
  padding-top           : 10px;
  background            : none;
}




/*#################### JOOMLA! CSS ####################*/

/********** Pathway **********/
.pathway {
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-size             : 9px;
  padding-top           : 6px !important;
  padding-top           : 7px;
  padding-left          : 4px;
}

a.pathway:link, a.pathway:visited {
  color                 : #666666;
  font-weight           : bold;
  text-decoration       : none;
  background            : none;
}

a.pathway:hover {
  color                 : #000000;
  font-weight           : bold;
  text-decoration       : none;
}


/********** MainLevel Links **********/

/********** SubLevel Links **********/
a.sublevel:link, a.sublevel:visited {
  color                 : #E43C15;
  font-size             : 11px;
  vertical-align        : middle;
  text-align            : left;
  padding-left          : 1px;
}

a.sublevel:hover {
  color                 : #1D62B3;
  text-decoration       : none;
}


/********** Active MainLevel Links **********/
#active_menu {
  color                 : #35D538;
  font-weight           : normal;
}

a#active_menu:hover {
  color                 : #E43C15;
}


/********** MainMenu Links **********/
a.mainmenu:link, a.mainmenu:visited {
  color                 : #000080;
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-weight           : none;
}

a.mainmenu:hover {
  color                 : #000080;
  text-decoration       : underline;
}


/********** Other Links **********/
a:link, a:visited {
  color                 : #1D62B3;
  text-decoration       : none;
  background            : url(../images/img03.gif) repeat-x left bottom;
}

a:hover {
  color                 : #E43C15;
  background            : none;
}


/********** Main Menu, Other Menu & Key Concepts Modules **********/
table.moduletable_menu {
  width                 : 100%;
  margin-bottom         : 15px;
}

table.moduletable_menu th {
  width                 : 100%;
  color                 : #666666;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 1.1em;
  font-weight           : bold;
  /*yu_sha: removed letter-spacing        : -1px;*/
  text-align            : left;
  text-indent           : 5px;
  text-transform        : uppercase;
  padding-left          : 0px; /*Const: was 10px;*/
}

table.moduletable_menu ul {
  padding               : 8px; /*Const: was 0px;*/
}

table.moduletable_menu li {
}

/*Const: delaet boldom vibrannie menu*/
table.moduletable_menu li#current{
  font-weight           : bold;
}

table.moduletable_menu td {


  padding               : 10px 0 0 0px; /*Const: was 10px 0 0 10px;*/
}

.menu a {
  display               : block;
  color                 : #1D62B3;
  font-size             : 12px;
  text-decoration       : none;
  padding               : 1px 15px 1px 25px; /* Const: was 5px 15px 5px 25px;*/
  background            : url(../images/img11.gif) no-repeat 5px 5px; /* Const: was  10px 10px;*/
}

.menu a:hover {
  color                 : #E43C15;
  text-decoration       : none;
  background            : url(../images/img11.gif) no-repeat 5px 5px; /* Const: was  10px 10px;*/
}


/********** Modules **********/
table.moduletable {
  width                 : 100%;
  text-align            : left;
  margin-bottom         : 15px;
}

table.moduletable th {
  width                 : 100%;
  color                 : #666666;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 1.1em;
  font-weight           : bold;
  /*yu_sha: removed letter-spacing        : -1px;*/
  text-align            : left;
  text-indent           : 5px;
  text-transform        : uppercase;
  margin                : 5px 5px 5px 5px;
}

table.moduletable ul {
  padding               : 0px; /* Const: was 0 */
}

table.moduletable li {
}

table.moduletable td {
  padding               : 2px;
}



/********** Poll **********/
.poll {
  color                 : #666666;
  line-height           : 14px;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
}

.pollstableborder {
  padding               : 1px;
  border                : 1px solid;
}




/*############### CONTENT ###############*/

/***** Header for contentpaneopen *****/
.contentheading {
  color                 : #1D62B3;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 30px;
  font-weight           : normal;
  text-align            : left;
  padding-top           : 10px;
}


/***** Home, Mambo License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {
  width                 : 100%;
  padding-left          : 5px;
}

/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : left;
  padding-top           : 10px;
  padding-left          : 10px;
}

/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/
.contentdescription {
  padding-left          : 0px !important;
  padding-left          : 10px;
}

/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/
.contentpane {
  padding-top           : 10px;
  padding-left          : 10px;
}


/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  color                 : #7B8DA1;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : underline;

}

a.category:link, a.category:visited {
  color                 : #333333;
  font-size             : 11px;
  font-weight           : bold;
}

a.category:hover {
  color                 : #7B8DA1;
}


/********** Inner Content **********/
.sectiontableheader {
  color                 : #7B8DA1;
  font-weight           : bold;
  background-color      : #CCCCCC;
}

.sectiontableentry1 {
  background-color      : #F0F0F0;
}

.sectiontableentry2 {
  background-color      : #E0E0E0;
}


img {
  border                : 0 none;
}

.content_rating {
  padding               : 5px;
}

.small {
  color                 : #3366C0;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : bold;
  text-decoration       : none;
}

.smalldark {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : normal;
  text-decoration       : none;
}

.createdate {
  color                 : #999999;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
}

.button {
  color                 : #990000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-style            : normal;
  font-weight           : bold;
  background-color      : #F0F0F0;
  border                : 1px solid #CCCCCC;
}

.inputbox {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  background-color      : #F0F0F0;
  border                : 1px solid #CCCCCC;
}



/* Styles for dhtml tabbed-pages */
.ontab {
  color                 : #FFFFFF;
  font-weight           : bold;
  text-align            : center;
  background-color      : #ffae00;
  border-left           : outset 2px #ff9900;
  border-right          : outset 2px #808080;
  border-top            : outset 2px #ff9900;
  border-bottom         : solid 1px #d5d5d5;
    /* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
}

.offtab {
  font-weight           : normal;
  text-align            : center;
  background-color      : #e5e5e5;
  border-left           : outset 2px #E0E0E0;
  border-right          : outset 2px #E0E0E0;
  border-top            : outset 2px #E0E0E0;
  border-bottom         : solid 1px #d5d5d5;
    /* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
}

.tabpadding {
}

.tabheading {
  text-align            : left;
  background-color      : #ffae00;
}

.pagetext {
  visibility            : hidden;
  display               : none;
  position              : relative;
  top                   : 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
  background-color      : #f0f0f0;
}
.code {
  background-color      : #f0f0f0;
  border                : 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
  color                 : #ff6600;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10pt;
  font-weight           : bold;
  text-align            : center;
}

/* Javascript Back button */
.back_button {
  text-align            : center;
  margin-top            : 40px;
}

table.contenttoc {
  color                 : #333300;
  border                : 1px solid #333;
  margin                : 5px; /*yu_sha: added margins and padding for TOC */
  padding : 5px;
}

table.contenttoc td {
  font-size             : 8pt;
  font-weight           : normal;
  text-align            : left;
  padding: 1px;
}

table.searchintro {
  width                 : 100%;
}

table.searchintro td {
  font-weight           : bold;
}