/*
Title: Common styles
Author: Kotsuruba Alexander
Version:  01.07.09
*/
/* Colors
    #333    - black
    #D46A00 - orange
    #878888 - grey
    #288DDA - blue
    #DBDBDB - grey borders */
   
*{ font-size: 100.01%; padding: 0; margin: 0; }
body {
    background: #D6D6D6 url(/img/bg-body-repeat.png) repeat-x;
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
}

/* The Begining of the End (default styles)
----------------------------------------------- */
ul { list-style-type: none; }
a:link, a:active, a:visited { color: #288DDA; outline: none; }
    a:hover { color: #2175B5; text-decoration: none; }

acronym, abbr { border-bottom: 1px dotted #666;	cursor: help; }

table { border: 0; border-collapse: collapse; }	table td { padding: 0; }
textarea { font-family: Arial, Helvetica, Geneva, sans-serif; }
fieldset, img, a img { border: none; border: 0; }
img { color: #2175B5; font-size: 1.2em; }
legend {	display: none; }
label { color: #666; cursor: pointer; }

.inline-list li { display: inline-block; }
.no-underline:link, .no-underline:active, .no-underline:visited { text-decoration: none; }
.ta-lft { text-align: left; }
.ta-rgt { text-align: right; }
.ta-ctr { text-align: center; }
.fz-norm { font-size: 1.2em; }
.fz-bigger { font-size: 1.3em; }
.fz-big { font-size: 1.4em; }
.fz-smaller { font-size: 1.1em; }
.fz-smallest { font-size: 0.7em; }
.watermark { color: #999 !important; }

.fleft, .fl-lft { float: left; }
.fright, .fl-rgt { float: right; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; }
.clearleft { clear: left; }

.require { color: #F00; }
.disabled { color: #666; cursor: auto; filter:alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
.inputbox, #content input[type="text"], #content input[type="password"], #content select, #content textarea  { border: 1px solid #E9EAEA; color: #333; font-size: 12px; margin-right: 4px; padding: 5px 5px 5px 2px; }
#content input[type="text"]:focus, #content input[type="password"]:focus, #content textarea:focus, #content select:focus { border: 1px solid #14435D; border-bottom: 1px solid #D3DCE1; border-right: 1px solid #D5DDE3; }
#content select { padding: 1px 0 1px 1px; }
.button, #content input[type="submit"], #content input[type="button"] { font-weight: bold; border: none; cursor: pointer; }
.rounded-button {
    background: url(/img/buttons/login.png) 0 -40px no-repeat;
    color: #FFF;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    height: 20px;
    width: 50px;
    padding-bottom: 1px;
    }
.rounded-button:hover { background-position: 0 -20px; }
.rounded-button:active { background-position: 0 0; }
.red-button, .red-button:focus, .red-button:hover { background: url(/img/buttons/submit.png) 0 0 no-repeat; }

/* =General styles
----------------------------------------------- */
#wrapper {
    text-align: left;
    width: 1080px;
    margin: 0 auto;
    }
    /* =Header(logo,menu...)
    ----------------------------------------------- */
    #header {
        background: url(/img/plates/header.png) 0 0 no-repeat;
        overflow: hidden;
        height: 78px;
        padding: 23px 35px 0 44px;
        }
        #logo {
            background: url(/img/logo.png) 0 0 no-repeat;
            display: block;
            position: absolute;
            width: 214px;
            height: 65px;
            margin-top: -6px;
            }
        .actions {
            margin-left: 680px;
            position: relative;
            overflow: hidden;
            }
            .login {
                width: 160px;
                position: absolute;
                }
                .login h4 {
                    color: #FFF;
                    display: block;
                    font-size: 9px;
                    padding: 0 0 4px 3px;
                    }
                .login .plate input, .login .plate input:focus {
                	background: transparent none;
                    border: none;
                    outline: none;
                    }
                .login .plate input  {
                    width: 87px;
                    font-size: 11px;
                    line-height: 11pt;
                    }
                .login .plate #password {

                    }

                .login .plate {
                    background: url(/img/plates/text.png) 0 0 no-repeat;
                    line-height: 15pt;
                    height: 20px;
                    width: 94px;
                    margin-bottom: 5px;
                    padding: 0 0 0 8px;
                    }
                .login .rounded-button {
                    float: right;
                    margin-top: -25px;
                    margin-left: 9px;
                    padding-bottom: 0;
                    }
                .login .authorized {
                    color: #fff;
                    }
                .login .authorized a {
                    color: #fff;
                    }
            .rss {
                float: right;
                width: 135px;
                margin: 7px 0 0;
                }
                .rss a {
                    display: block;
                    color: #FFF;
                    font-size: 10px;
                    font-weight: bold;
                    }
                .rss .rs {
                    background: url(/img/buttons/rss.png) 0 0 no-repeat;
                    padding: 4px 0 17px 63px;
                    }
                .rss .rs:hover{
                    background-position: 1px -61px;
                    }
                .rss .news {
                    margin-left: 63px;
                    }
      
    /*Menu*/
    #menu, .subnav-backgr {
        background: #E4E4E4 url(/img/bg-topm-repeat.png) repeat-x;
        display: block;
        height: 40px;
        position: relative;
        }
    .subnav-backgr {
        background: #C5C5C5;
        margin-top: 2px;
        }
        #menu ul {
            margin-left: -1px;
            }
        #menu .item, .subnav li {
            display: block;
            position: relative;
            height: 40px;
            float: left;
			margin-left:30px;
			
            }
        .subnav li {
            background: #C5C5C5;
            width: auto;
			margin-left: 0;
            padding: 0 12px;
            }
            #menu .item a, .subnav li a {
                font-size: 11px;
                color: #878888;
                text-transform: uppercase;
                text-align: center;
                line-height: 40px;
                display: block;
                text-decoration: none;
                font-weight: bold;
                }

        #menu .item a:hover, #menu .active a {
            color: #000;
            }
        #menu .subnav li a, #menu .active .subnav li a { color: #666; }
        #menu .active .subnav li.active a,
        #menu .active .subnav li a:hover,
        #menu .subnav li a:hover {
            color: #000;
            }
        #menu.admin {
            background: #C0C0C0;
            height: 25px;
            margin: 2px 0;
            }
            #menu.admin .item {
                
                height: 25px;
                }
                #menu.admin .item a {
                    font-size: 10px;
                    color: #666;
                    line-height: 25px;
                    }
                #menu.admin .item a:hover {
                    color: #000;
                    }

        .topnav li span {
            background: url(/img/menu/subnav_btn.gif) 0 2px no-repeat;
            cursor: pointer;
        	width: 8px;
        	height: 35px;
        	position: absolute;
        	right: -12px;
            }
        .topnav li:hover span, .topnav .active span {
            background-position: 0 -33px;
            }
        .topnav li .subnav {
        	position: absolute;
        	float: left;
        	left: 0;
        	top: 40px;
        	display: none;
        	width: 550px;
            z-index: 1000;
            padding-top: 2px;
            }
        #menu .item.active .subnav {
            display: block;
            }

    .langs {
        position: absolute;
        right: 35px;
        top: 9px;
        margin: 0;
        }
        .langs li {
            float: left;
            }
        .langs a {
            display: block;
            padding: 12px 14px 13px;
            }
        .langs .en {
            background: url(/img/langs/uk.png) 0 0 no-repeat;
            }
        .langs .se {
            background: url(/img/langs/se.png) 0 2px no-repeat;
            }
        .langs .on {
            background-position: 0 -31px;
            }
        .langs .se.on {
            background-position: 0 -29px;
            }
    /*Search*/
    .search {
        position: absolute;
        right: 142px;
        top: 8px;
        width: 213px;
        }
        .type-search-container {
            position: relative;
            height: 27px;
            width: 172px !important;
            }
        .type-search-container input.type-search {
            color: #000;
            background: #fff url(/img/bar/search/searchfield_repeat.png) repeat-x;
            border: 0;
            position: absolute;
            right: 10px;
            top: 0;
            height: 18px;
            width: 131px !important;
            padding: 5px 0 1px 1px;
            }
        body:first-of-type .type-search-container input.type-search {
            font-size: 12px;
            }
        .type-search-container .left, .type-search-container .right {
            color: inherit;
            background-color: transparent;
            background-repeat: no-repeat;
            display: block;
            height: 25px;
            width: 27px;
            position: absolute;
            top: 0;
            }
        .type-search-container .left {
            background-image: url(/img/bar/search/searchfield_leftcap.png);
            }
        .type-search-container .right {
            background-image: url(/img/bar/search/searchfield_rightcap.png);
            right: 0;
            width: 13px;
            }
        .type-search-container .reset {
            color: inherit;
            background: url(/img/bar/search/close.png) no-repeat;
            display: block;
            overflow: hidden;
            position: absolute;
            right: 6px;
            top: 5px;
            width: 15px;
            height: 15px;
            z-index: 1;
            cursor: pointer;
            }
    /* =Footer
    ----------------------------------------------- */
    #footer {
        color: #75420B;
        font-size: 10px;
        text-align: left;
        clear: both;
        padding: 5px 0;
        }

    /* =Content
    ----------------------------------------------- */
    #content{ }
        /*Teasers*/
        .teaser {
            background: url(/img/plates/teaser.jpg) 0 0 no-repeat;
            height: 250px;
            margin-top: 20px;
            }
            .teaser .text {
                color: #FFF;
                padding: 52px 430px 0 320px;
                }
                .teaser .text h4 {
                    font-size: 24px;
                    font-weight: normal;
                    margin-bottom: 26px;
                    }
                .teaser .text p {
                    line-height: 19px;
                    }
        #content .box {
            background-color: #fff;
            border: 1px solid #DBDBDB;
            }
            #content .box h1 {
                color: #D46A00;
                font-size: 20px;
                margin-bottom: 20px;
                }
            #content .page-descr {
                color: #74716f;
                font-size: 12px;
                line-height: 19px;
                margin-bottom: 19px;
                }
        #content .c {
            background-color: #fff;
            overflow: hidden;
            min-height: 767px;
            height: auto; !important
            height: 767px;
            padding: 30px 40px 0;
            }

        #content .widget .c {
            min-height: 200px;
            height: auto; !important
            height: 200px;
            padding: 30px 22px 0;
            }

        #content .widget .h {
            margin-bottom: 14px;
            }
            #content .widget .h h2 {
                color: #d46a00;
                font-size: 20px;
                }
        #content .f {
            background: url(/img/bar/content/content_footer.png) 0 0 repeat-x;
            height: 41px;
            padding: 0 49px;
            }
        #content .f a {
            color: #9F560E;
            float: right;
            font-size: 12px;
            line-height: 40px;
            }
        #content .f img {
            float: right;
            padding-right: 20px;
            padding-top: 12px;
            }
        #content .f .more {
            background: url(/img/buttons/arrows.png) 0 12px no-repeat;
            padding-left: 28px;
            }

        /*Grid*/
        .grid {
            margin-top: 20px;
            }
            .grid .box {
                width: 720px;
                }
            .grid .widget {
                float: right;
                padding-left: 20px;
                width: 338px;
                }
        
            /*Widgets: */
        
            /*-FLASH-*/
            .grid .flash {
                background-color: #fff;
                border: 1px solid #DBDBDB;
                margin-bottom: 20px;
                }
            .grid .flash .h {
                height: 60px;
                padding-top: 30px;
                padding-left: 20px;
                }
            #content .grid .flash .c {
                padding-top: 0;
                padding-left: 20px;
                padding-bottom: 16px;
                }
            .grid .flash .c .plate {
                border: 1px solid #DBDBDB;
                height: 179px;
                width: 281px;
                padding: 6px 6px 3px;
                }
                .grid .flash .c .plate object {
                    display: block;
                    }

            /*-NEWS-*/
            .grid .news {
                background: #FFF;
                border: 1px solid #DBDBDB;
                }
            #content .news .h {
                margin-bottom: 10px;
                }
                #content .widget .news .h h2 {
                    font-size: 16px;
                    }
            .grid .news li {
                font-size: 12px;
                margin-bottom: 6px;
                }
            .grid .news .h h2 {
                color: #d46a00;
                }
            #content .widget .news .c {
                min-height: 384px;
                height: auto; !important
                height: 384px;
                }
            .grid .news .related {
                padding-bottom: 20px;
                }
                .grid .news .related .rel a {
                    display: inline;
                    }
            .grid .news .latest {
                background: url(/img/plates/globe.png) 213px 22px no-repeat;
                min-height: 97px;
                margin-bottom: 20px;
                }
            .grid .news .tags {
                min-height: 60px;
                margin-bottom: 20px;
                }
                .grid .news .tags a {
                    color: #878888;
                    }
            /*--------Content items: projects, customers-----*/
            .content-items {
                overflow: hidden;
                margin: 35px -50px 0 0;
                }
                .content-items .item {
                    width: 170px;
                    height: 255px;
                    float: left;
                    overflow: hidden;
                    margin: 0 60px 10px 0;
                    }
                .content-items .more {
                    font-size: 12px;
                    font-weight: bold;
                    }
               .content-items .info {
					min-height: 101px;
	                }
                .content-items h3, .content-items p {
                    color: #74716F;
                    }
                .content-items h3 {
                    font-size: 14px;
                    }
                .content-items p {
                    font-size: 12px;
                    margin-bottom: 10px;
                    }
                .content-items .img {
                    margin-bottom: 17px;
                    }
                    .content-items .img img {
                    	max-height: 70px;
                        display: block;
                        }

                .projects .img,
                .customers .img {
                    border: 1px solid #DBDBDB;
                    width: 105px;
                    height: 68px;
                    padding: 6px;
                    }
                    .projects .img img,
                    .customers .img img {
                        display: block;
                        width: 105px;
                        max-height: 68px;
                        }
                .products .item {
                	height: 340px;
                	}
                .products .img {
                    border: none;
                    }
                    .products .img img {
                        max-height: 167px;
                        }
                .customers .web-site {
                    margin: -4px 0 12px;
                    }
                .projects .web-site {
                    margin: 0 0 12px;
                    }
                .project-availability {
                    color: #888;
                    }
                .project-availability.on {
                    color: #008D00;
                    }
                .partners .item {
                    width: 210px;
                    height: 170px;
                    }
                .partners h2 {
                    color: #74716F;
                    font-size: 14px;
                    margin-bottom: 12px;
                    }
                .partners .info {
                	min-height: 20px;
                    margin-bottom: 6px;
                    }
                    .partners .info a {
                        font-size: 12px;
                        }
                .partners .img img {
                    border: 1px solid #CCC;
                    padding: 6px;
                    max-width: 196px;
                    max-height: 120px;
                    }
            	/*Item view*/
            	#content .item-view h1 {
		            color: #000;
		            margin-bottom: 6px;
		            }
		        #content .item-view p {
		            color: #878888;
		            line-height: 16px;
		            margin-bottom: 16px;
		            }
        /*PAGES*/
        .about .fleft.seo,
        .contacts .fleft.seo {
            margin: 2px 26px 0 0;
            width: 135px;
            height: 340px;
            }
        .about p {
            color: #74716F;
            font-size: 12px;
            line-height: 15px;
            margin-bottom: 20px;
            }
        .about h3 {
            color: #74716F;
            font-size: 12px;
            margin-bottom: 2px;
            }
        .foto-descr {
            color: #74716F;
            font-size: 11px;
            }

        .about form fieldset, .edit fieldset {
            border: 1px solid #ccc;
            height: 190px;
            margin-top: -20px;
            }
        .about form legend, .edit legend {
            padding: 15px;
            color: #d46a00;
            }
        .about form input[type=text], .edit input[type=text] {
            width: 350px;
            margin-bottom: 2px;
            padding: 5px;
            }
        .about form label, .edit label {
            width: 150px;
            float: left;
            }
        .about form textarea, .edit textarea {
            width: 420px;
        	}
        .about form input[type=submit], .edit input[type=submit] {
            border: none;
            background: transparent url(/img/buttons/submit.png);
            height: 20px;
            width: 50px;
            color: #fff;
            font-size: 10px;
            padding-bottom: 3px;
            font-weight: bolder;
            }
        .contacts p {
            color: #74716F;
            margin-bottom: 4px;
            }
        .contacts fieldset {
            display: block;
            margin-top: 6px;
            }
        .contacts div {
            margin-bottom: 7px;
            }
            .contacts div label {
                display: block;
                margin-bottom: 1px;
                }
            .contacts div .inputbox {
                color: #333;
                width: 390px;
                }
            .contacts div textarea.inputbox {
                height: 80px;
                }
        .contacts .button {
            margin-top: 2px;
            }
        .edit {
            display: block;
            min-height: 402px;
            height: auto !important;
            height: 402px;
            padding: 20px 0 0 30px;
            }
        h2.cap {
            color: #d46a00;
            padding: 20px 0 0 40px;
            }
        /*Search*/
        .search-results label {
            color: #74716F;
            display: block;
            font-size: 12px;
            margin-bottom: 22px;
            }
        #search-criteria {
            width: 380px;
            margin-right: 4px;
            }
            #search-criteria:focus {
                color: #333;
                }
        .box .search-results div.pagination {
            margin-top: 10px;
            }
        .result-info {
            float: left;
            margin-right: 8px;
            }
        /*News*/
        #content .news-list {
            overflow: visible;
            padding-top: 5px;
            }
            #content .news-list li {
                margin-bottom: 20px;
                }
                #content .news-list h3 {
                    color: #74716F;
                    font-size: 14px;
                    margin-bottom: 2px;
                    }
        #content .relations {
            min-height: 60px;
            }
        	#content .relations a {
        		margin-right: 4px;
        		}
        #content .news-view h1 {
            color: #000;
            margin-bottom: 6px;
            }
        #content .news-view p {
            color: #878888;
            line-height: 16px;
            margin-bottom: 16px;
            }
        /*Lists*/
        .list {
            width: 100%;
            padding: 10px;
            }
        .list th {
            border-bottom: 2px solid #6678B1;
            color: #003399;
            font-size: 14px;
            font-weight: normal;
            text-align: left;
            padding: 10px 8px;
            text-align: left;
            }
        .list td {
            border-bottom: 1px solid #CCCCCC;
            color: #666699;
            padding: 6px 8px;
            }
        
        /*Pagination*/
        .box .pagination {
            position: relative;
            overflow: hidden;
            }
        .box div.pagination {
            margin: 5px 0 15px 0px;
            }
        .box ul.pagination {
            margin-left: -7px;
            }
        .admin .pagination {
            float: right;
            background: transparent none;
            overflow: visible;
            margin: 0 0 15px 17px;
            margin-right: 40%;
            }
        .pagination ul li a {
            background: transparent url(/img/pagination/pagination-right-white.gif) no-repeat scroll right top;
            }
        .admin ul.pagination {
            position: relative;
            margin-left: -50%;
            }
        ul.pagination li {
             background: url(/img/pagination/pagination-left-white.gif) 0 0 no-repeat;
            float: left;
            margin-right: 2px;
            padding: 0 0 0 2px;
            }
        ul.pagination li a {
            line-height: 20px;
            background: transaprent url(/img/pagination/pagination-right-white.gif);
            color: #303940;
            float: left;
            font-size: 0.9em;
            font-weight: bold;
            padding: 0 7px 0 6px;
            text-align: center;
            text-decoration: none;
            }
        ul.pagination li.next {
            background: transparent none repeat scroll 0 0;
            margin: -1px 0 0;
            }
        ul.pagination li.next a {
            background: none transparent scroll repeat 0% 0%;
            }
        ul.pagination li.prev a {
            background: none transparent scroll repeat 0% 0%;
            }
        ul.pagination li.prev {
            margin: -1px 0px 0px;
            background: none transparent scroll repeat 0% 0%;
            }
        ul.pagination li.prev {
            margin-right: 6px;
            }
        ul.pagination li.ellipsis {
            background: none transparent scroll repeat 0% 0%;
            color: #303940;
            }
        ul.pagination li.selected {
            background-position: left -60px;
            }
        ul.pagination li.selected a {
            background-position: right -60px;
            color: #fff;
            }


        span.tagMatches {
            margin-left: 10px;
            }
        
        span.tagMatches span {
            padding: 2px;
            margin-right: 4px;
            background-color: #0000AB;
            color: #fff;
            cursor: pointer;
            }
	/* =Admin
    ----------------------------------------------- */
	.admin.box .f {
		margin-top: 20px;
		}
	#content .admin .c {
		min-height: 367px;
		}
    .add-item {
    	background: url('/img/buttons/add.png') 0 0 no-repeat;
    	font-size: 14px;
		font-weight: bold;
    	padding: 6px 0 10px 36px;
    	}
    .admin h1 {
    	margin: 40px 0 0 40px;
    	}
    .admin h2 {
    	font-size: 16px;
    	margin: 6px 0 18px;
    	}
    .admin .add-item {
    	margin-left: 40px;
    	}
	.admin .list {
		margin-bottom: 10px;
		}
	/* Edit forms*/
    .errors {
        background: #FBE3E4;
        border: 1px solid #FBC2C4;
        color: #8A1F11;
        font-size: 14px;
        padding: 20px 0 0 40px;
        }
    .validation-summary-errors {
	    background: #FBE3E4;
        border: 1px solid #FBC2C4;
        color: #8A1F11;
	    width: 400px;
	    }
	span.validation-summary-errors {
	    background: #FBE3E4;
        border: 1px solid #FBC2C4;
        color: #8A1F11;
		font-size: 13px;
        font-weight: bold;
	    display: block;
	    width: 410px;
	    padding: 5px;
	    }
	#content .edit .field-validation-error {
        color: #F00;
        }
	#content .edit .input-validation-error {
        border: 1px solid #F00;
        }
	ul.validation-summary-errors {
	    border-top: none;
	    padding: 10px;
	    }
	.admin .edit {
		padding: 30px 40px 0;
		}
		.admin span.validation-summary-errors {
			margin: 30px 0 0 40px;
			}
		.admin ul.validation-summary-errors {
			margin: 0 0 0 40px;
			}
		.edit p {
	    	position: relative;
	    	}
	    .admin .edit p {
	    	margin-bottom: 6px;
	    	}
	    .lft-indent {
	    	padding-left: 150px;
	    	}
	    .lft-indent label {
        	position: absolute;
        	margin-left: -150px;
        	}
        
	    	.admin .edit select {
	    		width: 220px;
	    		}
	    	.admin .edit input[type=submit] {
	    		margin: 6px 0 0 154px;
	    		}
	    	.edit .field-descr {
                display: block;
                color: #555;
                margin-left: 154px;
                padding: 2px 0;
                }
	.admin .translations li {
		width: 14%;
		line-height: 14px;
		vertical-align: middle;
		margin: 0 1% 6px 0;
		}