/*****************************************
============= GLOBAL TYPOGRAPHY
*****************************************/

body
{
    background-color: #f0efef;
}
body,
.plain_text
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 9pt;
    color: #000000;
    font-weight:normal;
}
img
{
    vertical-align: middle;
}

/* HEADINGS */
h1, h2, h3
{
    font-size: 9pt;
    margin-bottom: 25px;
    text-transform: uppercase;
    height: 15px;
    padding: 4px 0;
}
h2.head
{
    font-size: 9pt;
    text-transform: uppercase;
    border-bottom: #000000 2px solid;
}
h2.head span
{
    color: #FFFFFF;
    background: #000000;
    text-transform: uppercase;
    
    float: left;
    display: block;
    position: relative;
    bottom: 4px;
    padding: 4px;
    height: 15px;
}

/* LINKS */
a
{
    text-decoration: none;
    font-weight: normal;
    color: #000;
    outline: none;
}
a:hover
{
    text-decoration: underline;
}
a.underline
{
    text-decoration: underline;
}
a.underline:hover
{
    text-decoration: none;
}
a.promo
{
    color: #848484;
}
a.promo:hover
{

}


a.uppercase
{
    text-transform: uppercase;
}

table, th, td
{
    vertical-align: top;
    border-spacing: 0;
}
ul
{
    list-style-image:none;
    list-style-type:none;
}

/* SPECIFIC CLASSES */
.clear
{
    clear: both;
}
.odd
{
}
.even
{
}
.blur
{
    color: #888;
    text-transform: uppercase;
}
.highlight
{
    color: #ff0000;
    font-size: 0.75em;
}
.hot
{
    color: #ff0000;
}
.comment
{
    color: #848484;
    font-size: 0.9em;
}
.active
{
    background: #B2B2B2;
}
.active_reverse
{
    background: #000;
}
.error
{
    color: #ff0000;
    font-weight: bold;
    margin: 25px 0;
}
.hidden
{
    display: none;
}
.top
{
    vertical-align: top;
}
.word_wrap
{
    width:100%;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
}
.inline
{
    display: inline;
    float: left;
}
.inline_right
{
    display: inline;
    float: right;
}
.top_spacer
{
    margin-top:25px;
}
.right_spacer
{
    margin-right:25px;
}
.left_spacer
{
    margin-left:25px;
}
.error_background
{
    background: #fcc;
}
.bold
{
    font-weight:bold;
}
.tiny_text
{
    font-size: 0.9em;
}

/* INPUT FIELDS */
input,
textarea
{
    font-size: 9pt;
    font-weight: bold;
}
input.Texts,
textarea.Texts
{
    padding: 3px 2px;
    height: 15px;
    border: #000000 1px solid;
    float: left;
    margin-right: 2px;
}
textarea.Texts
{
    height: 47px;
}
input.Button,
a.Button
{
    border: #000000 1px solid;
    background: #000000; 
    color: #FFFFFF;
    padding: 2px 10px;
    
    text-transform: uppercase;
    cursor: pointer;
}
input.Button:hover,
a.Button:hover
{
    background: #B2B2B2;
    border: #000000 1px solid;
}
input.Widget
{
    float: left;
    margin:0;width:13px;height:13px;overflow:hidden;    
}
.rounded-corners
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}




/*****************************************
============ SITE STRUCTURE
*****************************************/

html,
body
{
    height: 100%;
    text-align: center; /* IE center hack */
}

#maincontainer
{
    width: 994px;
    height: 100%;
    margin: 0 auto;
}

#topsection
{
    height: 120px;
}

#menu
{
    height: 23px;
    margin: 25px 0 0;
}

#whiteline
{
    height: 25px;
}

#contentwrapper
{
    float: left;
    width: 560px;
    margin: 0 25px;
}

#contentcolumn
{
    width: 100%;
}

#leftcolumn
{
    float: left;
    width: 190px; /*Width of left column*/
}

#rightcolumn
{
    float: left;
    width: 190px; /*Width of right column*/
}

#footer
{
    clear: both;
    margin-top: 25px;
}





/*****************************************
============= MAIN CONTAINER
*****************************************/

#maincontainer
{
    text-align: left;
}



/*****************************************
============= TOP SECTION
*****************************************/

#topsection
{
}

    /*****************************************
    ============= LOGO
    *****************************************/
    #topsection .logo
        {
        float: left;
        width: 183px;
        height: 111px;
        margin-top:25px;
    }

    /*****************************************
    ============= BANNER
    *****************************************/
    #topsection .banner
    {
        height: 120px;
        margin-left: 183px;
        text-align: center;
    }
    #topsection .banner .height60
    {
        margin-top: 30px;
    }
    #topsection .banner .banner728x90
    {
        display:block;
        padding-top:18px;
        height:90px;
    }
    /*Info menu*/
    #topsection .banner .info_menu
    {
        position:relative;
        
        font-size: 0.9em;
        margin: 5px 0;
        height:26px;
        overflow:hidden;
    }
    #topsection .banner ul.CurrentInfo
    {
        width: 100%;

        float:left;
        position:relative;
        text-align:center;
    }
    #topsection .banner ul.CurrentInfo li
    {
        text-align: left;
        
        float:left;
        position:relative;
    }
    #topsection .banner ul.CurrentInfo li.first
    {
        width: 45%;
    }
    #topsection .banner ul.CurrentInfo li.middle
    {
        width: 25%;
    }
    #topsection .banner ul.CurrentInfo li.middle .today_nameday
    {
        text-align: left;
        float: left;
    }
    #topsection .banner ul.CurrentInfo li.middle .today_nameday .underline
    {
        cursor: help;
    }
    #topsection .banner ul.CurrentInfo li.last
    {
        width: 30%;
    }
    #topsection .banner ul.CurrentInfo li.last table
    {
        float: right;
    }
    #topsection .banner ul.CurrentInfo li.last table td
    {
        padding-left: 10px;
    }




/*****************************************
============= MENU
*****************************************/

#menu
{
    background: #000000;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
}

    /*****************************************
    ============= MENU
    *****************************************/
    #menu .menu
    {
        text-transform: uppercase;
        height: 23px;
        
        overflow:hidden;
        position:relative;
    }
    #menu .menu ul
       {
        float:left;
        position:relative;
        left:50%;
        text-align:center;
    }
    #menu .menu ul li
       {
        border-right: #FFFFFF 2px solid;
        float:left;
        height:23px;
        
        position:relative;
        right:50%;
    }
    #menu .menu ul li.first
       {
        border-left: #FFFFFF 2px solid;
    }
    #menu .menu ul li a
        {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration:none;
        float:left;
        padding: 4px 10px;
        height: 15px;
        white-space: nowrap;
    }
    #menu .menu ul li a:hover
        {
        background: #B2B2B2;
    }
    
    /*****************************************
    ============= LANGUAGE BAR
    *****************************************/
    #menu .lang
        {
        position: absolute;
        text-transform: uppercase;
        top: 0;
    }
    #menu .lang ul
       {
        display: inline-block;
        height:23px;
    }
    #menu .lang ul li
       {
        float:left;
        border-right: #FFFFFF 2px solid;
        height:23px;
    }
    #menu .lang ul li.first
       {
        border-left: none;
    }
    #menu .lang ul li a.lang_item,
    #menu .lang ul li span.lang_item
        {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration:none;
        float:left;
        padding: 4px 10px;
        height: 15px;
    }
    #menu .lang ul li a.lang_item:hover
        {
        background: #B2B2B2;
    }



/*****************************************
============= WHITE LINE
*****************************************/

#whiteline .addthis
{
    float: right;
    margin: 4px 0 5px 0;
    display: none;
}

#whiteline .global_translator
{
    float: left;
    margin: 7px 5px 7px 0;
    display: none;
}
#whiteline .global_translator #translation_bar a img
{
    margin-right: 3px;
}
#whiteline .zo-extension
{
    float: right;
    margin: 5px 5px 6px 0;
    display: none;
}
#whiteline .zo-extension a
{
    text-decoration: underline;
}
#whiteline .zo-extension a:hover
{
    text-decoration: none;
}



/*****************************************
============= CONTENT WRAPPER
*****************************************/

#contentwrapper
{
}



/*****************************************
============= CONTENT COLUMN
*****************************************/

#contentcolumn
{
}

    /*****************************************
    ============= PATH
    *****************************************/
    #contentcolumn .path
       {
        display: none;
    }

    /*****************************************
    ============= CONTENT
    *****************************************/
    #contentcolumn .content
       {
        width: 100%;
    }



/*****************************************
============= LEFT COLUMN
*****************************************/

#leftcolumn
{
}

    /*****************************************
    ============= LOGIN INFO
    *****************************************/
    #leftcolumn .login,
    #leftcolumn .login .login_options
    {
        margin-top: 25px;
        padding:0 5px;
    }

    /*****************************************
    ============= MENU
    *****************************************/
    #leftcolumn .menu
       {
        overflow: hidden;
        text-transform: uppercase;
        font-weight: bold;
    }
    #leftcolumn .menu ul
       {
        background: #000000;
    }
    #leftcolumn .menu ul li
       {
        border-bottom: #FFFFFF 2px solid;
    }
    #leftcolumn .menu ul li a
        {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration:none;
        display: block;
        padding: 4px;
        height: 15px;
        white-space: nowrap;
    }
    #leftcolumn .menu ul li a:hover
        {
        background: #B2B2B2;
    }

    /*****************************************
    ============= LOGIN INFO
    *****************************************/
    #leftcolumn .otherinfo
    {
        margin-top: 25px;
        padding:0 5px;
    }



/*****************************************
============= RIGHT COLUMN
*****************************************/

#rightcolumn
{
}

    /*****************************************
    ============= BANERS
    *****************************************/
    #rightcolumn .baners ul li
    {
        width: 190px;
        margin-top: 25px;
    }
    #rightcolumn .baners ul li.first
        {
        margin-top: 0;
    }



/*****************************************
============= FOOTER
*****************************************/

#footer
{
}

    /*****************************************
    ============= MENU
    *****************************************/
    #footer .menu
    {
        border-top: #000 2px solid;
        color: #000;
        font-weight: bold;
        
        overflow:hidden;
        position:relative;
    }
    #footer .menu ul
       {
        float:left;
        position:relative;
        left:50%;
        text-align:center;
        margin-top:5px;
    }
    #footer .menu ul li
       {
        border-right: #000 2px solid;
        float:left;
        
        position:relative;
        right:50%;
    }
    #footer .menu ul li.first
        {
        border-left: none;
    }
    #footer .menu ul li.last
        {
        border-right: none;
    }
    #footer .menu ul li.active
        {
        background: none;
    }
    #footer .menu ul li a
        {
        color: #000;
        font-weight: bold;
        text-decoration:underline;
        float:left;
        padding: 0 10px;
        height: 15px;
        white-space: nowrap;
    }
    #footer .menu ul li a:hover
        {
        text-decoration:none;
    }
    
    /*****************************************
    ============= COPYRIGHT
    *****************************************/
    #footer .copyright
        {
        font-size: 8pt;
        text-align: justify;
        margin: 25px 0 50px 0;
    }






/*****************************************
============= PAGE LIST
*****************************************/

/* RESULT INFO */
#resinfo, .resinfo
{
    font-weight:bold;
    margin-top: 25px;
    
}
#resinfo div, .resinfo div
{
    border-bottom: #000000 2px solid;
    height: 23px;
}
#resinfo span, .resinfo span
{
    color: #FFFFFF;
    background: #000000;
    text-transform: uppercase;
    
    float: left;
    padding: 4px;
    height: 15px;
}

/* PAGE LIST */
#pagelist,
.pagelist
{
	text-align:center;
	margin-top: 25px;
}
#pagelist img,
.pagelist img
{
	margin: 0 5px;
}
#pagelist .current,
.pagelist .current
{
	font-weight: bold;
}
#pagelist .plitem,
.pagelist .plitem
{
	padding: 0px 2px;
}
#pagelist a.plitem,
.pagelist a.plitem
{
	text-decoration:none;
}
#pagelist a.plitem:hover,
.pagelist a.plitem:hover
{
	background-color:#DDDDDD;
}






/*****************************************
============= HELP
*****************************************/

.help
{
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url(../img/jautajums.png);
    cursor: help;
}
.help:hover
{
    background: url(../img/jautajums-p.png);
}





/*****************************************
============= TOOLTIP
*****************************************/

#tooltip,
.tooltip
{
    display: none;
    background: transparent url(../img/auk.png) no-repeat scroll bottom right;
    font-size: 8pt; 
    padding: 5px 5px 15px; 
    color: #FFF;
    z-index: 1001;
}
#tooltip.bottom,
.tooltip.bottom
{
    background: transparent url(../img/apk.png) no-repeat scroll top right;
    padding: 15px 5px 5px;    
}
#tooltip.right,
.tooltip.right
{
    background: transparent url(../img/aul.png) no-repeat scroll bottom left;
    padding: 5px 5px 15px;    
}
#tooltip.bottom.right,
.tooltip.bottom.right
{
    background: transparent url(../img/apl.png) no-repeat scroll top left;
    padding: 15px 5px 5px;    
}





/*****************************************
============= OVERLAY
*****************************************/

#overlay,
.overlay
{
    background-color:#fff;
    display:none;
    width:600px;
    text-align:left;
    border:2px solid #000;
    /*
    opacity:1; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
    */
}
#overlay .close,
.overlay .close
{ 
    background-image:url(../img/krustins.png); 
    position:absolute; 
    right: 1px; 
    top: 1px; 
    cursor:pointer; 
    height:25px; 
    width:25px; 
}
#overlay #overlay_head,
.overlay  .overlay_head
{
    background: url(../img/logo-mazais-izlecosie-logi.png) no-repeat scroll left center;
    margin: 25px;
    margin-bottom: 10px;
    height: 65px;
}
#overlay #overlay_line,
.overlay  .overlay_line
{
    background: #000;
    padding: 0 25px;
    height: 23px;
}
#overlay #overlay_content,
.overlay  .overlay_content
{
    margin: 25px 0 25px 25px;
    padding-right: 25px;
    /*height: 71.5%;*/
    height: 57.5%;
    overflow-y: auto;
}
#overlay #overlay_copyright,
.overlay  .overlay_copyright
{
    margin: 25px;
    font-size: 0.8em;
    font-weight: normal;
}
/* Overlay menu */
.overlay  .overlay_line .menu
{
    color: #FFF;
    text-transform: uppercase;
    height: 23px;

    overflow:hidden;
    position:relative;
}
.overlay  .overlay_line .menu ul
{
    float:left;
    position:relative;
    left:50%;
    text-align:center;
}
.overlay  .overlay_line .menu ul li
{
    border-right: #FFFFFF 2px solid;
    float:left;
    height:23px;

    position:relative;
    right:50%;
}
.overlay  .overlay_line .menu ul li.first
{
    border-left: #FFFFFF 2px solid;
}
.overlay  .overlay_line .menu ul li a
{
    color: #FFF;
    font-weight: bold;
    text-decoration:none;
    float:left;
    padding: 4px 10px;
    height: 15px;
    white-space: nowrap;
}
.overlay  .overlay_line .menu ul li a:hover
{
    background: #B2B2B2;
}





/*****************************************
============= POPUP
*****************************************/

#PopupBackground
{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
#Popup
{
    background-color:#fff;
    display:none;
    width:600px;
    text-align:left;
    border: 2px solid #000;
    z-index:2;
}
#Popup #PopupClose
{
    background-image:url(../img/krustins.png); 
    position:absolute; 
    right: 1px; 
    top: 1px; 
    cursor:pointer; 
    height:25px; 
    width:25px; 
}
#Popup #PopupHead
{
    background: url(../img/logo-mazais-izlecosie-logi.png) no-repeat scroll left center;
    margin: 25px;
    margin-bottom: 10px;
    height: 65px;
}
#Popup #PopupLine
{
    background: #000;
    padding: 0 25px;
    height: 23px;
}
#Popup #PopupContent
{
    margin: 25px 0 25px 25px;
    padding-right: 25px;
    height: 70%;
    overflow-y: auto;
}


/*****************************************
============= CUSTOM ALERT
*****************************************/

#CustomAlert
{
}
#CustomAlert #CustomAlertMessage
{
    margin: 0 0 25px 0;
}
#CustomAlert #CustomAlertActions
{
    text-align: center;
}


/*****************************************
============= TABS
*****************************************/


/* root element for tabs  */
ul.tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #000;
}
/* single tab */
ul.tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.tabs a {
	float:left;
	font-size:1em;
	display:block;
	padding:5px 30px;
	text-decoration:none;
	border:1px solid #000;
	border-bottom:0;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;
	outline:0;
}
ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
/* selected tab */
ul.tabs a.current {
	background-color:#000;
	border-bottom:1px solid #000;
	color:#fff;
	cursor:default;
    font-weight: bold;
}
/* tab pane */
.tab-panes div.pane {
	display:none;
}